gf-components 0.1.159 → 0.1.161

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import * as C from "react";
 import Ne, { version as K_, isValidElement as Dd, useContext as Yt, createContext as Jn, useRef as Le, useLayoutEffect as rb, useEffect as St, forwardRef as mr, useMemo as Se, useState as pt, Children as X_, createRef as Q_, useCallback as ze, useImperativeHandle as f1, cloneElement as zd, memo as gt, createElement as Mt, Component as J_, Fragment as Xr } from "react";
-import Zt, { createGlobalStyle as eE, css as Hr } from "styled-components";
+import Bt, { createGlobalStyle as eE, css as Hr } from "styled-components";
 import * as tE from "react-dom";
 import f8, { createPortal as nE, unstable_batchedUpdates as ib, flushSync as e3 } from "react-dom";
 var U1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -609,8 +609,8 @@ Check the top-level render call using <` + ae + ">.");
               ft(lt, K);
         }
         if (ie.call(oe, "key")) {
-          var Et = L(K), bt = Object.keys(oe).filter(function(Bt) {
-            return Bt !== "key";
+          var Et = L(K), bt = Object.keys(oe).filter(function(Wt) {
+            return Wt !== "key";
           }), kt = bt.length > 0 ? "{key: someKey, " + bt.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!de[Et + kt]) {
             var fn = bt.length > 0 ? "{" + bt.join(": ..., ") + ": ...}" : "{}";
@@ -637,7 +637,7 @@ React keys must be passed directly to JSX without using spread:
 }
 process.env.NODE_ENV === "production" ? t3.exports = rE() : t3.exports = iE();
 var m = t3.exports;
-const En = eE`
+const $n = eE`
   :root {
     /* colors */
     --gf-color-bg-base: #FFFFFF;
@@ -740,7 +740,7 @@ function vt() {
     return e;
   }, vt.apply(null, arguments);
 }
-var n3 = { exports: {} }, tn = {};
+var n3 = { exports: {} }, nn = {};
 /**
  * @license React
  * react-is.production.min.js
@@ -752,7 +752,7 @@ var n3 = { exports: {} }, tn = {};
  */
 var v8;
 function aE() {
-  if (v8) return tn;
+  if (v8) return nn;
   v8 = 1;
   var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), a = Symbol.for("react.context"), s = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), p;
   p = Symbol.for("react.module.reference");
@@ -786,39 +786,39 @@ function aE() {
       }
     }
   }
-  return tn.ContextConsumer = a, tn.ContextProvider = o, tn.Element = e, tn.ForwardRef = l, tn.Fragment = n, tn.Lazy = f, tn.Memo = d, tn.Portal = t, tn.Profiler = i, tn.StrictMode = r, tn.Suspense = c, tn.SuspenseList = u, tn.isAsyncMode = function() {
+  return nn.ContextConsumer = a, nn.ContextProvider = o, nn.Element = e, nn.ForwardRef = l, nn.Fragment = n, nn.Lazy = f, nn.Memo = d, nn.Portal = t, nn.Profiler = i, nn.StrictMode = r, nn.Suspense = c, nn.SuspenseList = u, nn.isAsyncMode = function() {
     return !1;
-  }, tn.isConcurrentMode = function() {
+  }, nn.isConcurrentMode = function() {
     return !1;
-  }, tn.isContextConsumer = function(v) {
+  }, nn.isContextConsumer = function(v) {
     return g(v) === a;
-  }, tn.isContextProvider = function(v) {
+  }, nn.isContextProvider = function(v) {
     return g(v) === o;
-  }, tn.isElement = function(v) {
+  }, nn.isElement = function(v) {
     return typeof v == "object" && v !== null && v.$$typeof === e;
-  }, tn.isForwardRef = function(v) {
+  }, nn.isForwardRef = function(v) {
     return g(v) === l;
-  }, tn.isFragment = function(v) {
+  }, nn.isFragment = function(v) {
     return g(v) === n;
-  }, tn.isLazy = function(v) {
+  }, nn.isLazy = function(v) {
     return g(v) === f;
-  }, tn.isMemo = function(v) {
+  }, nn.isMemo = function(v) {
     return g(v) === d;
-  }, tn.isPortal = function(v) {
+  }, nn.isPortal = function(v) {
     return g(v) === t;
-  }, tn.isProfiler = function(v) {
+  }, nn.isProfiler = function(v) {
     return g(v) === i;
-  }, tn.isStrictMode = function(v) {
+  }, nn.isStrictMode = function(v) {
     return g(v) === r;
-  }, tn.isSuspense = function(v) {
+  }, nn.isSuspense = function(v) {
     return g(v) === c;
-  }, tn.isSuspenseList = function(v) {
+  }, nn.isSuspenseList = function(v) {
     return g(v) === u;
-  }, tn.isValidElementType = function(v) {
+  }, nn.isValidElementType = function(v) {
     return typeof v == "string" || typeof v == "function" || v === n || v === i || v === r || v === c || v === u || v === h || typeof v == "object" && v !== null && (v.$$typeof === f || v.$$typeof === d || v.$$typeof === o || v.$$typeof === a || v.$$typeof === l || v.$$typeof === p || v.getModuleId !== void 0);
-  }, tn.typeOf = g, tn;
+  }, nn.typeOf = g, nn;
 }
-var nn = {};
+var rn = {};
 /**
  * @license React
  * react-is.development.js
@@ -915,8 +915,8 @@ function sE() {
     function ne(z) {
       return w(z) === u;
     }
-    nn.ContextConsumer = $, nn.ContextProvider = V, nn.Element = _, nn.ForwardRef = M, nn.Fragment = O, nn.Lazy = R, nn.Memo = I, nn.Portal = L, nn.Profiler = E, nn.StrictMode = T, nn.Suspense = j, nn.SuspenseList = H, nn.isAsyncMode = A, nn.isConcurrentMode = D, nn.isContextConsumer = U, nn.isContextProvider = q, nn.isElement = G, nn.isForwardRef = J, nn.isFragment = X, nn.isLazy = Y, nn.isMemo = Q, nn.isPortal = B, nn.isProfiler = W, nn.isStrictMode = Z, nn.isSuspense = N, nn.isSuspenseList = ne, nn.isValidElementType = S, nn.typeOf = w;
-  }()), nn;
+    rn.ContextConsumer = $, rn.ContextProvider = V, rn.Element = _, rn.ForwardRef = M, rn.Fragment = O, rn.Lazy = R, rn.Memo = I, rn.Portal = L, rn.Profiler = E, rn.StrictMode = T, rn.Suspense = j, rn.SuspenseList = H, rn.isAsyncMode = A, rn.isConcurrentMode = D, rn.isContextConsumer = U, rn.isContextProvider = q, rn.isElement = G, rn.isForwardRef = J, rn.isFragment = X, rn.isLazy = Y, rn.isMemo = Q, rn.isPortal = B, rn.isProfiler = W, rn.isStrictMode = Z, rn.isSuspense = N, rn.isSuspenseList = ne, rn.isValidElementType = S, rn.typeOf = w;
+  }()), rn;
 }
 process.env.NODE_ENV === "production" ? n3.exports = aE() : n3.exports = sE();
 var bc = n3.exports;
@@ -1567,7 +1567,7 @@ var x8 = 0, Wd = /* @__PURE__ */ new Map();
 function Cb(e) {
   Wd.delete(e);
 }
-var cn = function(t) {
+var un = function(t) {
   var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
   x8 += 1;
   var r = x8;
@@ -1583,11 +1583,11 @@ var cn = function(t) {
   }
   return i(n), r;
 };
-cn.cancel = function(e) {
+un.cancel = function(e) {
   var t = Wd.get(e);
   return Cb(e), yb(t);
 };
-process.env.NODE_ENV !== "production" && (cn.ids = function() {
+process.env.NODE_ENV !== "production" && (un.ids = function() {
   return Wd;
 });
 function xb(e) {
@@ -2010,7 +2010,7 @@ var _u = function(t) {
   }), [o, JE(i, n, {
     scope: r == null ? void 0 : r.scope
   })];
-}, E8 = process.env.NODE_ENV !== "test" && pr() ? C.useLayoutEffect : C.useEffect, ln = function(t, n) {
+}, E8 = process.env.NODE_ENV !== "test" && pr() ? C.useLayoutEffect : C.useEffect, cn = function(t, n) {
   var r = C.useRef(!0);
   E8(function() {
     return t(r.current);
@@ -2020,12 +2020,12 @@ var _u = function(t) {
     };
   }, []);
 }, f3 = function(t, n) {
-  ln(function(r) {
+  cn(function(r) {
     if (!r)
       return t();
   }, n);
 }, eO = te({}, C), O8 = eO.useInsertionEffect, tO = function(t, n, r) {
-  C.useMemo(t, r), ln(function() {
+  C.useMemo(t, r), cn(function() {
     return n(!0);
   }, r);
 }, nO = O8 ? function(e, t, n) {
@@ -4236,7 +4236,7 @@ function W8(e, t, n, r) {
   }), a;
 }
 var ay = process.env.NODE_ENV !== "production" || typeof CSSINJS_STATISTIC < "u", R3 = !0;
-function Mn() {
+function _n() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
   if (!ay)
@@ -4282,7 +4282,7 @@ var zH = function(t) {
 function U8(e, t, n) {
   if (typeof n == "function") {
     var r;
-    return n(Mn(t, (r = t[e]) !== null && r !== void 0 ? r : {}));
+    return n(_n(t, (r = t[e]) !== null && r !== void 0 ? r : {}));
   }
   return n ?? {};
 }
@@ -4455,7 +4455,7 @@ function GH(e) {
         R && xt(X) === "object" && Object.keys(X).forEach(function(N) {
           X[N] = "var(".concat(_u(N, B8(y, R.prefix)), ")");
         });
-        var B = Mn(G, {
+        var B = _n(G, {
           componentCls: Y,
           prefixCls: S,
           iconCls: ".".concat(E),
@@ -5087,12 +5087,12 @@ var yy = pr() ? rb : St;
 const pV = function() {
   var e = C.useRef(null);
   function t() {
-    cn.cancel(e.current);
+    un.cancel(e.current);
   }
   function n(r) {
     var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
     t();
-    var o = cn(function() {
+    var o = un(function() {
       i <= 1 ? r({
         isCanceled: function() {
           return o !== e.current;
@@ -6959,12 +6959,12 @@ const ST = (e) => {
   }
   if (C.useEffect(() => {
     if (n) {
-      const $ = cn(() => {
+      const $ = un(() => {
         S(), y(!0);
       });
       let V;
       return typeof ResizeObserver < "u" && (V = new ResizeObserver(S), V.observe(n)), () => {
-        cn.cancel($), V == null || V.disconnect();
+        un.cancel($), V == null || V.disconnect();
       };
     }
   }, []), !b)
@@ -7027,7 +7027,7 @@ const ST = (e) => {
     });
   }), s = C.useRef();
   return (c) => {
-    cn.cancel(s.current), s.current = cn(() => {
+    un.cancel(s.current), s.current = un(() => {
       a(c);
     });
   };
@@ -7141,7 +7141,7 @@ const ta = (e) => {
     }
   };
 }, Ty = Vr("Space", (e) => {
-  const t = Mn(e, {
+  const t = _n(e, {
     spaceGapSmallSize: e.paddingXS,
     spaceGapMiddleSize: e.padding,
     spaceGapLargeSize: e.paddingLG
@@ -7433,7 +7433,7 @@ const jy = /* @__PURE__ */ mr((e, t) => {
     onlyIconSize: n,
     paddingBlock: r
   } = e;
-  return Mn(e, {
+  return _n(e, {
     buttonPaddingHorizontal: t,
     buttonPaddingVertical: r,
     buttonIconOnlyFontSize: n
@@ -7730,13 +7730,13 @@ const jy = /* @__PURE__ */ mr((e, t) => {
     }
   ];
 }, GT = (e) => {
-  const t = Mn(e, {
+  const t = _n(e, {
     fontSize: e.contentFontSize,
     lineHeight: e.contentLineHeight
   });
   return q5(t, e.componentCls);
 }, YT = (e) => {
-  const t = Mn(e, {
+  const t = _n(e, {
     controlHeight: e.controlHeightSM,
     fontSize: e.contentFontSizeSM,
     lineHeight: e.contentLineHeightSM,
@@ -7748,7 +7748,7 @@ const jy = /* @__PURE__ */ mr((e, t) => {
   });
   return q5(t, `${e.componentCls}-sm`);
 }, KT = (e) => {
-  const t = Mn(e, {
+  const t = _n(e, {
     controlHeight: e.controlHeightLG,
     fontSize: e.contentFontSizeLG,
     lineHeight: e.contentLineHeightLG,
@@ -8102,9 +8102,9 @@ function cR(e, t) {
     var p;
     (p = i.parentElement) === null || p === void 0 || p.removeChild(i), o.current = !1;
   }
-  return ln(function() {
+  return cn(function() {
     return e ? a ? a(f) : f() : h(), h;
-  }, [e]), ln(function() {
+  }, [e]), cn(function() {
     c.length && (c.forEach(function(p) {
       return p();
     }), u(u9));
@@ -8152,7 +8152,7 @@ function gR(e) {
   var t = !!e, n = C.useState(function() {
     return d9 += 1, "".concat(hR, "_").concat(d9);
   }), r = se(n, 1), i = r[0];
-  ln(function() {
+  cn(function() {
     if (t) {
       var o = dR(document.body).width, a = fR();
       Co(`
@@ -10605,7 +10605,7 @@ const Jd = (e) => {
   const {
     componentCls: t,
     calc: n
-  } = e, r = Mn(e, {
+  } = e, r = _n(e, {
     skeletonAvatarCls: `${t}-avatar`,
     skeletonTitleCls: `${t}-title`,
     skeletonParagraphCls: `${t}-paragraph`,
@@ -11541,7 +11541,7 @@ var Sc = /* @__PURE__ */ C.forwardRef(Cj);
 Sc.displayName = "Item";
 function xj(e) {
   if (typeof MessageChannel > "u")
-    cn(e);
+    un(e);
   else {
     var t = new MessageChannel();
     t.port1.onmessage = function() {
@@ -11625,7 +11625,7 @@ function Hj(e, t) {
   function ue(Ue) {
     return j.get(Qe(Te[Ue], Ue));
   }
-  ln(function() {
+  cn(function() {
     if (L && typeof le == "number" && Te) {
       var Ue = Q, Pe = Te.length, ft = Pe - 1;
       if (!Pe) {
@@ -12038,7 +12038,7 @@ var aC = /* @__PURE__ */ C.memo(function(e) {
 process.env.NODE_ENV !== "production" && (aC.displayName = "PopupContent");
 var sC = /* @__PURE__ */ C.forwardRef(function(e, t) {
   var n = e.popup, r = e.className, i = e.prefixCls, o = e.style, a = e.target, s = e.onVisibleChanged, l = e.open, c = e.keepDom, u = e.fresh, d = e.onClick, f = e.mask, h = e.arrow, p = e.arrowPos, g = e.align, v = e.motion, b = e.maskMotion, y = e.forceRender, x = e.getPopupContainer, S = e.autoDestroy, w = e.portal, $ = e.zIndex, V = e.onMouseEnter, _ = e.onMouseLeave, M = e.onPointerEnter, O = e.ready, R = e.offsetX, I = e.offsetY, L = e.offsetR, E = e.offsetB, T = e.onAlign, j = e.onPrepare, H = e.stretch, P = e.targetWidth, k = e.targetHeight, A = typeof n == "function" ? n() : n, D = l || c, U = (x == null ? void 0 : x.length) > 0, q = C.useState(!x || !U), G = se(q, 2), J = G[0], X = G[1];
-  if (ln(function() {
+  if (cn(function() {
     !J && U && a && X(!0);
   }, [J, U, a]), !J)
     return null;
@@ -12310,19 +12310,19 @@ function Zj(e, t, n, r, i, o, a) {
         fn >= Ue) ? (h.current.rl = !0, We = bt, Te = -Te, Ze.points = [Ro(Je, 1), Ro(Ee, 1)]) : h.current.rl = !1;
       }
       if (Ct && Je[1] === "r" && (ae < we.left || h.current.lr)) {
-        var Bt = We;
-        Et ? Bt += B - Z : Bt = wt.x - ft.x - Te;
-        var Cn = Dn(Bt, nt), br = Dn(Bt, nt, pe);
+        var Wt = We;
+        Et ? Wt += B - Z : Wt = wt.x - ft.x - Te;
+        var Cn = Dn(Wt, nt), br = Dn(Wt, nt, pe);
         // Of course use larger one
         Cn > it || Cn === it && (!ge || // Choose recommend one
-        br >= Ue) ? (h.current.lr = !0, We = Bt, Te = -Te, Ze.points = [Ro(Je, 1), Ro(Ee, 1)]) : h.current.lr = !1;
+        br >= Ue) ? (h.current.lr = !0, We = Wt, Te = -Te, Ze.points = [Ro(Je, 1), Ro(Ee, 1)]) : h.current.lr = !1;
       }
       aa();
       var Ut = Xe === !0 ? 0 : Xe;
       typeof Ut == "number" && (ae < pe.left && (We -= ae - pe.left - Te, P.x + Z < pe.left + Ut && (We += P.x - pe.left + Z - Ut)), Ve > pe.right && (We -= Ve - pe.right - Te, P.x > pe.right - Ut && (We += P.x - pe.right + Ut)));
       var Nn = qe === !0 ? 0 : qe;
       typeof Nn == "number" && (K < pe.top && (nt -= K - pe.top - je, P.y + W < pe.top + Nn && (nt += P.y - pe.top + W - Nn)), oe > pe.bottom && (nt -= oe - pe.bottom - je, P.y > pe.bottom - Nn && (nt += P.y - pe.bottom + Nn)));
-      var dt = A.x + We, jn = dt + B, mn = A.y + nt, xn = mn + Q, fo = P.x, Wr = fo + Z, yr = P.y, It = yr + W, Ot = Math.max(dt, fo), Fn = Math.min(jn, Wr), kn = (Ot + Fn) / 2, Ht = kn - dt, _t = Math.max(mn, yr), Nt = Math.min(xn, It), sn = (_t + Nt) / 2, wn = sn - mn;
+      var dt = A.x + We, jn = dt + B, mn = A.y + nt, xn = mn + Q, fo = P.x, Wr = fo + Z, yr = P.y, It = yr + W, Ot = Math.max(dt, fo), Fn = Math.min(jn, Wr), kn = (Ot + Fn) / 2, Ht = kn - dt, _t = Math.max(mn, yr), Nt = Math.min(xn, It), ln = (_t + Nt) / 2, wn = ln - mn;
       a == null || a(t, Ze);
       var or = ve.right - A.x - (We + A.width), Kn = ve.bottom - A.y - (nt + A.height);
       he === 1 && (We = Math.round(We), or = Math.round(or)), le === 1 && (nt = Math.round(nt), Kn = Math.round(Kn));
@@ -12353,12 +12353,12 @@ function Zj(e, t, n, r, i, o, a) {
       });
     });
   };
-  return ln(b, [r]), ln(function() {
+  return cn(b, [r]), cn(function() {
     e || b();
   }, [e]), [c.ready, c.offsetX, c.offsetY, c.offsetR, c.offsetB, c.arrowX, c.arrowY, c.scaleX, c.scaleY, c.align, v];
 }
 function Uj(e, t, n, r, i) {
-  ln(function() {
+  cn(function() {
     if (e && t && n) {
       let d = function() {
         r(), i();
@@ -12402,7 +12402,7 @@ var Gj = ["prefixCls", "children", "action", "showAction", "hideAction", "popupV
 function Yj() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Y5, t = /* @__PURE__ */ C.forwardRef(function(n, r) {
     var i = n.prefixCls, o = i === void 0 ? "rc-trigger-popup" : i, a = n.children, s = n.action, l = s === void 0 ? "hover" : s, c = n.showAction, u = n.hideAction, d = n.popupVisible, f = n.defaultPopupVisible, h = n.onPopupVisibleChange, p = n.afterPopupVisibleChange, g = n.mouseEnterDelay, v = n.mouseLeaveDelay, b = v === void 0 ? 0.1 : v, y = n.focusDelay, x = n.blurDelay, S = n.mask, w = n.maskClosable, $ = w === void 0 ? !0 : w, V = n.getPopupContainer, _ = n.forceRender, M = n.autoDestroy, O = n.destroyPopupOnHide, R = n.popup, I = n.popupClassName, L = n.popupStyle, E = n.popupPlacement, T = n.builtinPlacements, j = T === void 0 ? {} : T, H = n.popupAlign, P = n.zIndex, k = n.stretch, A = n.getPopupClassNameFromAlign, D = n.fresh, U = n.alignPoint, q = n.onPopupClick, G = n.onPopupAlign, J = n.arrow, X = n.popupMotion, Y = n.maskMotion, Q = n.popupTransitionName, B = n.popupAnimation, W = n.maskTransitionName, Z = n.maskAnimation, N = n.className, ne = n.getTriggerDOMNode, z = jt(n, Gj), re = M || O || !1, ie = C.useState(!1), ge = se(ie, 2), ye = ge[0], pe = ge[1];
-    ln(function() {
+    cn(function() {
       pe(Q5());
     }, []);
     var be = C.useRef({}), we = C.useContext(R9), ve = C.useMemo(function() {
@@ -12423,7 +12423,7 @@ function Yj() {
     }), Je = j9(o, X, B, Q), ot = j9(o, Y, Z, W), De = C.useState(f || !1), Ze = se(De, 2), We = Ze[0], nt = Ze[1], it = d ?? We, Ue = Xn(function(yt) {
       d === void 0 && nt(yt);
     });
-    ln(function() {
+    cn(function() {
       nt(d || !1);
     }, [d]);
     var Pe = C.useRef(it);
@@ -12445,19 +12445,19 @@ function Yj() {
       return de;
     }, []);
     var He = C.useState(!1), Xe = se(He, 2), qe = Xe[0], at = Xe[1];
-    ln(function(yt) {
+    cn(function(yt) {
       (!yt || it) && at(!0);
     }, [it]);
     var K = C.useState(null), oe = se(K, 2), ae = oe[0], Ve = oe[1], st = C.useState([0, 0]), ct = se(st, 2), ut = ct[0], mt = ct[1], me = function(Vt) {
       mt([Vt.clientX, Vt.clientY]);
-    }, Ce = Zj(it, fe, U ? ut : et, E, j, H, G), Re = se(Ce, 11), lt = Re[0], Ct = Re[1], Et = Re[2], bt = Re[3], kt = Re[4], fn = Re[5], Bt = Re[6], Cn = Re[7], br = Re[8], Ut = Re[9], Nn = Re[10], dt = zj(ye, l, c, u), jn = se(dt, 2), mn = jn[0], xn = jn[1], fo = mn.has("click"), Wr = xn.has("click") || xn.has("contextMenu"), yr = Xn(function() {
+    }, Ce = Zj(it, fe, U ? ut : et, E, j, H, G), Re = se(Ce, 11), lt = Re[0], Ct = Re[1], Et = Re[2], bt = Re[3], kt = Re[4], fn = Re[5], Wt = Re[6], Cn = Re[7], br = Re[8], Ut = Re[9], Nn = Re[10], dt = zj(ye, l, c, u), jn = se(dt, 2), mn = jn[0], xn = jn[1], fo = mn.has("click"), Wr = xn.has("click") || xn.has("contextMenu"), yr = Xn(function() {
       qe || Nn();
     }), It = function() {
       Pe.current && U && Wr && xe(!1);
     };
-    Uj(it, et, fe, yr, It), ln(function() {
+    Uj(it, et, fe, yr, It), cn(function() {
       yr();
-    }, [ut, E]), ln(function() {
+    }, [ut, E]), cn(function() {
       it && !(j != null && j[E]) && yr();
     }, [JSON.stringify(H)]);
     var Ot = C.useMemo(function() {
@@ -12471,7 +12471,7 @@ function Yj() {
         forceAlign: yr
       };
     });
-    var Fn = C.useState(0), kn = se(Fn, 2), Ht = kn[0], _t = kn[1], Nt = C.useState(0), sn = se(Nt, 2), wn = sn[0], or = sn[1], Kn = function() {
+    var Fn = C.useState(0), kn = se(Fn, 2), Ht = kn[0], _t = kn[1], Nt = C.useState(0), ln = se(Nt, 2), wn = ln[0], or = ln[1], Kn = function() {
       if (k && et) {
         var Vt = et.getBoundingClientRect();
         _t(Vt.width), or(Vt.height);
@@ -12487,7 +12487,7 @@ function Yj() {
         });
       });
     };
-    ln(function() {
+    cn(function() {
       ae && (Nn(), ae(), Ve(null));
     }, [ae]);
     function Cr(yt, Vt, Vn, Wn) {
@@ -12535,7 +12535,7 @@ function Yj() {
     });
     var bf = /* @__PURE__ */ C.cloneElement(Ge, te(te({}, Il), B1)), yf = {
       x: fn,
-      y: Bt
+      y: Wt
     }, Cf = J ? te({}, J !== !0 ? J : {}) : null;
     return /* @__PURE__ */ C.createElement(C.Fragment, null, /* @__PURE__ */ C.createElement(Ar, {
       disabled: !it,
@@ -12785,7 +12785,7 @@ var nk = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction"
     var Ot = (It = u[0]) === null || It === void 0 ? void 0 : It.value;
     return typeof Ot == "string" || typeof Ot == "number" ? String(Ot) : "";
   }, [R, v, u]), Ke = v === "combobox" && typeof x == "function" && x() || null, ue = typeof S == "function" && S(), Ee = rl(fe, ue == null || (n = ue.props) === null || n === void 0 ? void 0 : n.ref), Je = C.useState(!1), ot = se(Je, 2), De = ot[0], Ze = ot[1];
-  ln(function() {
+  cn(function() {
     Ze(!0);
   }, []);
   var We = Qn(!1, {
@@ -12806,8 +12806,8 @@ var nk = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction"
     if (!(ye && e4(He) && (Xe == null ? void 0 : Xe.size) >= He)) {
       var Ht = !0, _t = Ot;
       M == null || M(null);
-      var Nt = ek(Ot, T, e4(He) ? He - Xe.size : void 0), sn = kn ? null : Nt;
-      return v !== "combobox" && sn && (_t = "", E == null || E(sn), Oe(!1), Ht = !1), L && Ge !== _t && L(_t, {
+      var Nt = ek(Ot, T, e4(He) ? He - Xe.size : void 0), ln = kn ? null : Nt;
+      return v !== "combobox" && ln && (_t = "", E == null || E(ln), Oe(!1), Ht = !1), L && Ge !== _t && L(_t, {
         source: Fn ? "typing" : "effect"
       }), Ht;
     }
@@ -12824,10 +12824,10 @@ var nk = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction"
   var K = eC(), oe = se(K, 2), ae = oe[0], Ve = oe[1], st = C.useRef(!1), ct = function(Ot) {
     var Fn = ae(), kn = Ot.key, Ht = kn === "Enter";
     if (Ht && (v !== "combobox" && Ot.preventDefault(), Pe || Oe(!0)), Ve(!!Ge), kn === "Backspace" && !Fn && ye && !Ge && u.length) {
-      for (var _t = ht(u), Nt = null, sn = _t.length - 1; sn >= 0; sn -= 1) {
-        var wn = _t[sn];
+      for (var _t = ht(u), Nt = null, ln = _t.length - 1; ln >= 0; ln -= 1) {
+        var wn = _t[ln];
         if (!wn.disabled) {
-          _t.splice(sn, 1), Nt = wn;
+          _t.splice(ln, 1), Nt = wn;
           break;
         }
       }
@@ -12889,15 +12889,15 @@ var nk = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction"
       });
       lt.push(_t);
     }
-    for (var Nt = arguments.length, sn = new Array(Nt > 1 ? Nt - 1 : 0), wn = 1; wn < Nt; wn++)
-      sn[wn - 1] = arguments[wn];
-    ie == null || ie.apply(void 0, [Ot].concat(sn));
+    for (var Nt = arguments.length, ln = new Array(Nt > 1 ? Nt - 1 : 0), wn = 1; wn < Nt; wn++)
+      ln[wn - 1] = arguments[wn];
+    ie == null || ie.apply(void 0, [Ot].concat(ln));
   }, Et = C.useState({}), bt = se(Et, 2), kt = bt[1];
   function fn() {
     kt({});
   }
-  var Bt;
-  ue && (Bt = function(Ot) {
+  var Wt;
+  ue && (Wt = function(Ot) {
     Oe(Ot);
   }), mj(function() {
     var It;
@@ -12959,7 +12959,7 @@ var nk = ["id", "prefixCls", "className", "showSearch", "tagRender", "direction"
         fe.current || Ot
       );
     },
-    onPopupVisibleChange: Bt,
+    onPopupVisibleChange: Wt,
     onPopupMouseEnter: fn
   }, ue ? /* @__PURE__ */ C.cloneElement(ue, {
     ref: Ee
@@ -13116,7 +13116,7 @@ const hC = function(e, t, n, r) {
 function lk(e, t, n, r, i, o, a) {
   var s = Le(0), l = Le(null), c = Le(null), u = Le(!1), d = hC(t, n, r, i);
   function f(y, x) {
-    cn.cancel(l.current), s.current += x, c.current = x, !d(!1, x) && (F9 || y.preventDefault(), l.current = cn(function() {
+    un.cancel(l.current), s.current += x, c.current = x, !d(!1, x) && (F9 || y.preventDefault(), l.current = un(function() {
       var S = u.current ? 10 : 1;
       a(s.current * S), s.current = 0;
     }));
@@ -13127,7 +13127,7 @@ function lk(e, t, n, r, i, o, a) {
   var p = Le(null), g = Le(null);
   function v(y) {
     if (e) {
-      cn.cancel(g.current), g.current = cn(function() {
+      un.cancel(g.current), g.current = un(function() {
         p.current = null;
       }, 2);
       var x = y.deltaX, S = y.deltaY, w = y.shiftKey, $ = x, V = S;
@@ -13180,7 +13180,7 @@ var uk = /* @__PURE__ */ function() {
 function dk(e, t, n) {
   var r = C.useState(0), i = se(r, 2), o = i[0], a = i[1], s = Le(/* @__PURE__ */ new Map()), l = Le(new uk()), c = Le();
   function u() {
-    cn.cancel(c.current);
+    un.cancel(c.current);
   }
   function d() {
     var h = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -13195,7 +13195,7 @@ function dk(e, t, n) {
         return v + 1;
       });
     };
-    h ? p() : c.current = cn(p);
+    h ? p() : c.current = un(p);
   }
   function f(h, p) {
     var g = e(h);
@@ -13227,7 +13227,7 @@ function fk(e, t, n) {
   };
   l = function() {
     a.current && (a.current.removeEventListener("touchmove", c), a.current.removeEventListener("touchend", u));
-  }, ln(function() {
+  }, cn(function() {
     return e && t.current.addEventListener("touchstart", d, {
       passive: !0
     }), function() {
@@ -13239,7 +13239,7 @@ function fk(e, t, n) {
 var z9 = 10;
 function hk(e, t, n, r, i, o, a, s) {
   var l = C.useRef(), c = C.useState(null), u = se(c, 2), d = u[0], f = u[1];
-  return ln(function() {
+  return cn(function() {
     if (d && d.times < z9) {
       if (!e.current) {
         f(function(k) {
@@ -13290,7 +13290,7 @@ function hk(e, t, n, r, i, o, a, s) {
       s();
       return;
     }
-    if (cn.cancel(l.current), typeof h == "number")
+    if (un.cancel(l.current), typeof h == "number")
       a(h);
     else if (h && xt(h) === "object") {
       var p, g = h.align;
@@ -13357,13 +13357,13 @@ var n4 = /* @__PURE__ */ C.forwardRef(function(e, t) {
     if (v) {
       var W, Z = function(z) {
         var re = q.current, ie = re.dragging, ge = re.pageY, ye = re.startTop;
-        cn.cancel(W);
+        un.cancel(W);
         var pe = R.current.getBoundingClientRect(), be = d / (c ? pe.width : pe.height);
         if (ie) {
           var we = (B9(z, c) - ge) * be, ve = ye;
           !O && c ? ve -= we : ve += we;
           var he = J.current, le = X.current, $e = le ? ve / le : 0, fe = Math.ceil($e * he);
-          fe = Math.max(fe, 0), fe = Math.min(fe, he), W = cn(function() {
+          fe = Math.max(fe, 0), fe = Math.min(fe, he), W = un(function() {
             l(fe, c);
           });
         }
@@ -13379,7 +13379,7 @@ var n4 = /* @__PURE__ */ C.forwardRef(function(e, t) {
       }), window.addEventListener("touchend", N, {
         passive: !0
       }), function() {
-        window.removeEventListener("mousemove", Z), window.removeEventListener("touchmove", Z), window.removeEventListener("mouseup", N), window.removeEventListener("touchend", N), cn.cancel(W);
+        window.removeEventListener("mousemove", Z), window.removeEventListener("touchmove", Z), window.removeEventListener("mouseup", N), window.removeEventListener("touchend", N), un.cancel(W);
       };
     }
   }, [v]), C.useEffect(function() {
@@ -13469,7 +13469,7 @@ function bk(e, t) {
       };
     }
     for (var Ce = 0, Re, lt, Ct, Et = D.length, bt = 0; bt < Et; bt += 1) {
-      var kt = D[bt], fn = M(kt), Bt = E.get(fn), Cn = Ce + (Bt === void 0 ? a : Bt);
+      var kt = D[bt], fn = M(kt), Wt = E.get(fn), Cn = Ce + (Wt === void 0 ? a : Wt);
       Cn >= Y && Re === void 0 && (Re = bt, lt = Ce), Cn > Y + o && Ct === void 0 && (Ct = bt), Ce = Cn;
     }
     return Re === void 0 && (Re = 0, lt = 0, Ct = Math.ceil(o / a)), Ct === void 0 && (Ct = D.length - 1), Ct = Math.min(Ct + 1, D.length - 1), {
@@ -13540,7 +13540,7 @@ function bk(e, t) {
       deltaX: me ? Ce : 0,
       deltaY: me ? 0 : Ce
     }), !0);
-  }), ln(function() {
+  }), cn(function() {
     function me(Re) {
       j && Re.preventDefault();
     }
@@ -13554,7 +13554,7 @@ function bk(e, t) {
     }), function() {
       Ce.removeEventListener("wheel", at), Ce.removeEventListener("DOMMouseScroll", K), Ce.removeEventListener("MozMousePixelScroll", me);
     };
-  }, [j]), ln(function() {
+  }, [j]), cn(function() {
     if (g) {
       var me = xe(Z);
       N(me), wt({
@@ -13579,7 +13579,7 @@ function bk(e, t) {
         Re(Ce) ? (Ce.left !== void 0 && N(xe(Ce.left)), ae(Ce.top)) : ae(Ce);
       }
     };
-  }), ln(function() {
+  }), cn(function() {
     if (S) {
       var me = D.slice(Ae, Te + 1);
       S(me, D);
@@ -14399,7 +14399,7 @@ const Pk = (e) => {
     componentCls: t,
     controlHeightLG: n,
     calc: r
-  } = e, i = Mn(e, {
+  } = e, i = _n(e, {
     emptyImgCls: `${t}-img`,
     emptyImgHeight: r(n).mul(2.5).equal(),
     emptyImgHeightMD: n,
@@ -14861,12 +14861,12 @@ function qf(e, t) {
 const qk = (e) => {
   const {
     componentCls: t
-  } = e, n = Mn(e, {
+  } = e, n = _n(e, {
     selectHeight: e.controlHeightSM,
     multipleSelectItemHeight: e.multipleItemHeightSM,
     borderRadius: e.borderRadiusSM,
     borderRadiusSM: e.borderRadiusXS
-  }), r = Mn(e, {
+  }), r = _n(e, {
     fontSize: e.fontSizeLG,
     selectHeight: e.controlHeightLG,
     multipleSelectItemHeight: e.multipleItemHeightLG,
@@ -15003,7 +15003,7 @@ function Gk(e) {
     Gf(e),
     // ======================== Small ========================
     // Shared
-    Gf(Mn(e, {
+    Gf(_n(e, {
       controlHeight: e.controlHeightSM,
       borderRadius: e.borderRadiusSM
     }), "sm"),
@@ -15033,7 +15033,7 @@ function Gk(e) {
     },
     // ======================== Large ========================
     // Shared
-    Gf(Mn(e, {
+    Gf(_n(e, {
       controlHeight: e.singleItemHeightLG,
       fontSize: e.fontSizeLG,
       borderRadius: e.borderRadiusLG
@@ -15415,7 +15415,7 @@ const Yk = (e) => {
   let {
     rootPrefixCls: n
   } = t;
-  const r = Mn(e, {
+  const r = _n(e, {
     rootPrefixCls: n,
     inputPaddingHorizontalBase: e.calc(e.paddingSM).sub(1).equal(),
     multipleSelectItemHeight: e.multipleItemHeight,
@@ -16267,7 +16267,7 @@ const HP = (e) => {
 }, OC({
   contentRadius: e.borderRadius,
   limitVerticalRadius: !0
-})), wP(Mn(e, {
+})), wP(_n(e, {
   borderRadiusOuter: Math.min(e.borderRadiusOuter, 4)
 }))), HC = function(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
@@ -16276,7 +16276,7 @@ const HP = (e) => {
       borderRadius: i,
       colorTextLightSolid: o,
       colorBgSpotlight: a
-    } = r, s = Mn(r, {
+    } = r, s = _n(r, {
       // default variables
       tooltipMaxWidth: 250,
       tooltipColor: o,
@@ -16460,7 +16460,7 @@ function AP(e) {
     }
   };
   C.useEffect(function() {
-    return t ? (window.addEventListener("keydown", c), i && cn(l, 3), function() {
+    return t ? (window.addEventListener("keydown", c), i && un(l, 3), function() {
       window.removeEventListener("keydown", c), a.current = !1;
     }) : function() {
       a.current = !1;
@@ -16721,7 +16721,7 @@ function XP(e, t, n, r, i, o, a, s, l, c) {
   var u = C.useRef(), d = C.useRef();
   d.current = t;
   var f = function() {
-    cn.cancel(u.current);
+    un.cancel(u.current);
   };
   return C.useEffect(function() {
     return function() {
@@ -16739,7 +16739,7 @@ function XP(e, t, n, r, i, o, a, s, l, c) {
           var P = H, k = H.querySelector("a");
           k != null && k.getAttribute("href") && (P = k);
           var A = S.get(H);
-          s(A), f(), u.current = cn(function() {
+          s(A), f(), u.current = un(function() {
             d.current === A && P.focus();
           });
         }
@@ -16752,7 +16752,7 @@ function XP(e, t, n, r, i, o, a, s, l, c) {
       } else if (_.inlineTrigger)
         l(V);
       else if (_.offset > 0)
-        l(V, !0), f(), u.current = cn(function() {
+        l(V, !0), f(), u.current = un(function() {
           v = a4(g, r);
           var j = $.getAttribute("aria-controls"), H = document.getElementById(j), P = eg(H, v.elements);
           M(P);
@@ -17079,10 +17079,10 @@ function vI(e) {
     motionAppear: !0
   }), T = C.useRef();
   return C.useEffect(function() {
-    return T.current = cn(function() {
+    return T.current = un(function() {
       M(n);
     }), function() {
-      cn.cancel(T.current);
+      un.cancel(T.current);
     };
   }, [n]), /* @__PURE__ */ C.createElement(n0, {
     prefixCls: t,
@@ -17333,10 +17333,10 @@ var SI = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
     }
   }), Ge = se(tt, 2), Ke = Ge[0], ue = Ge[1], Ee = function(_t) {
     var Nt = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    function sn() {
+    function ln() {
       ue(_t), ie == null || ie(_t);
     }
-    Nt ? e3(sn) : sn();
+    Nt ? e3(ln) : ln();
   }, Je = C.useState(Ke), ot = se(Je, 2), De = ot[0], Ze = ot[1], We = C.useRef(!1), nt = C.useMemo(function() {
     return (b === "inline" || b === "vertical") && y ? ["vertical", y] : [b, !1];
   }, [b, y]), it = se(nt, 2), Ue = it[0], Pe = it[1], ft = Ue === "inline", wt = C.useState(Ue), Oe = se(wt, 2), de = Oe[0], xe = Oe[1], He = C.useState(Pe), Xe = se(He, 2), qe = Xe[0], at = Xe[1];
@@ -17368,7 +17368,7 @@ var SI = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
   }, [ae, st]);
   var kt = Qn(I || L && ((n = fe[0]) === null || n === void 0 ? void 0 : n.key), {
     value: I
-  }), fn = se(kt, 2), Bt = fn[0], Cn = fn[1], br = pc(function(Ht) {
+  }), fn = se(kt, 2), Wt = fn[0], Cn = fn[1], br = pc(function(Ht) {
     Cn(Ht);
   }), Ut = pc(function() {
     Cn(void 0);
@@ -17377,7 +17377,7 @@ var SI = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
     return {
       list: et.current,
       focus: function(_t) {
-        var Nt, sn = lt(), wn = a4(sn, Be), or = wn.elements, Kn = wn.key2element, $i = wn.element2key, Dn = d6(et.current, or), aa = Bt ?? (Dn[0] ? $i.get(Dn[0]) : (Nt = fe.find(function(To) {
+        var Nt, ln = lt(), wn = a4(ln, Be), or = wn.elements, Kn = wn.key2element, $i = wn.element2key, Dn = d6(et.current, or), aa = Wt ?? (Dn[0] ? $i.get(Dn[0]) : (Nt = fe.find(function(To) {
           return !To.props.disabled;
         })) === null || Nt === void 0 ? void 0 : Nt.key), Cr = Kn.get(aa);
         if (aa && Cr) {
@@ -17395,14 +17395,14 @@ var SI = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
     }
   }), dt = se(Nn, 2), jn = dt[0], mn = dt[1], xn = function(_t) {
     if (T) {
-      var Nt = _t.key, sn = jn.includes(Nt), wn;
-      H ? sn ? wn = jn.filter(function(Kn) {
+      var Nt = _t.key, ln = jn.includes(Nt), wn;
+      H ? ln ? wn = jn.filter(function(Kn) {
         return Kn !== Nt;
       }) : wn = [].concat(ht(jn), [Nt]) : wn = [Nt], mn(wn);
       var or = te(te({}, _t), {}, {
         selectedKeys: wn
       });
-      sn ? D == null || D(or) : A == null || A(or);
+      ln ? D == null || D(or) : A == null || A(or);
     }
     !H && Ke.length && de !== "inline" && Ee(sa);
   }, fo = pc(function(Ht) {
@@ -17414,16 +17414,16 @@ var SI = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
     if (_t)
       Nt.push(Ht);
     else if (de !== "inline") {
-      var sn = Ct(Ht);
+      var ln = Ct(Ht);
       Nt = Nt.filter(function(wn) {
-        return !sn.has(wn);
+        return !ln.has(wn);
       });
     }
     Lc(Ke, Nt, !0) || Ee(Nt, !0);
   }), yr = function(_t, Nt) {
-    var sn = Nt ?? !Ke.includes(_t);
-    Wr(_t, sn);
-  }, It = XP(de, Bt, ke, Be, et, lt, Re, Cn, yr, ge);
+    var ln = Nt ?? !Ke.includes(_t);
+    Wr(_t, ln);
+  }, It = XP(de, Wt, ke, Be, et, lt, Re, Cn, yr, ge);
   C.useEffect(function() {
     Qe(!0);
   }, []);
@@ -17459,14 +17459,14 @@ var SI = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
       return _t;
     },
     renderRawRest: function(_t) {
-      var Nt = _t.length, sn = Nt ? fe.slice(-Nt) : null;
+      var Nt = _t.length, ln = Nt ? fe.slice(-Nt) : null;
       return /* @__PURE__ */ C.createElement(o0, {
         eventKey: s4,
         title: N,
         disabled: st,
         internalPopupClose: Nt === 0,
         popupClassName: ne
-      }, sn);
+      }, ln);
     },
     maxCount: de !== "horizontal" || S ? Ti.INVALIDATE : Ti.RESPONSIVE,
     ssr: "full",
@@ -17489,7 +17489,7 @@ var SI = ["prefixCls", "rootClassName", "style", "className", "tabIndex", "items
     disabled: x,
     motion: je ? G : null,
     defaultMotions: je ? J : null,
-    activeKey: Bt,
+    activeKey: Wt,
     onActive: br,
     onInactive: Ut,
     selectedKeys: jn,
@@ -17991,7 +17991,7 @@ const TI = (e) => {
   const {
     controlOutline: t,
     controlOutlineWidth: n
-  } = e, r = `0 0 0 ${_e(n)} ${t}`, o = Mn(e, {
+  } = e, r = `0 0 0 ${_e(n)} ${t}`, o = _n(e, {
     radioFocusShadow: r,
     radioButtonFocusShadow: r
   });
@@ -18158,7 +18158,7 @@ S1.Button = DI;
 S1.Group = AI;
 S1.__ANT_RADIO = !0;
 function zI(e) {
-  return Mn(e, {
+  return _n(e, {
     inputAffixPadding: e.paddingXXS
   });
 }
@@ -18216,7 +18216,7 @@ const BI = (e) => {
   "input[disabled], textarea[disabled]": {
     cursor: "not-allowed"
   },
-  "&:hover:not([disabled])": Object.assign({}, WI(Mn(e, {
+  "&:hover:not([disabled])": Object.assign({}, WI(_n(e, {
     hoverBorderColor: e.colorBorder,
     hoverBg: e.colorBgContainerDisabled
   })))
@@ -19104,7 +19104,7 @@ const BI = (e) => {
     }
   };
 }, QC = Vr("Input", (e) => {
-  const t = Mn(e, zI(e));
+  const t = _n(e, zI(e));
   return [
     QI(t),
     rA(t),
@@ -19133,7 +19133,7 @@ var sA = function(t) {
     return typeof s == "function" ? s(b) : typeof s == "number" ? s : b;
   }, [s]);
   function v() {
-    cn.cancel(p.current);
+    un.cancel(p.current);
   }
   return St(function() {
     var b = {};
@@ -19144,7 +19144,7 @@ var sA = function(t) {
         c === "start" && (b[y] = n[y]), c === "center" && (b[y] = n[y] + n.width / 2, b.transform = i ? "translateX(50%)" : "translateX(-50%)"), c === "end" && (b[y] = n[y] + n.width, b.transform = "translateX(-100%)");
       } else
         b.height = g(n.height), c === "start" && (b.top = n.top), c === "center" && (b.top = n.top + n.height / 2, b.transform = "translateY(-50%)"), c === "end" && (b.top = n.top + n.height, b.transform = "translateY(-100%)");
-    return v(), p.current = cn(function() {
+    return v(), p.current = un(function() {
       h(b);
     }), v;
   }, [n, r, i, c, g]), {
@@ -20767,7 +20767,7 @@ const HA = (e) => {
     cardGutter: e.marginXXS / 2
   };
 }, AA = Vr("Tabs", (e) => {
-  const t = Mn(e, {
+  const t = _n(e, {
     // `cardPadding` is empty by default, so we could calculate with dynamic `cardHeight`
     tabsCardPadding: e.cardPadding,
     dropdownEdgeChildVerticalPadding: e.paddingXXS,
@@ -21191,7 +21191,7 @@ const sx = (e) => {
   tabsMarginBottom: -e.padding - e.lineWidth,
   extraColor: e.colorText
 }), KA = Vr("Card", (e) => {
-  const t = Mn(e, {
+  const t = _n(e, {
     cardShadow: e.boxShadowCard,
     cardHeadPadding: e.padding,
     cardPaddingBase: e.paddingLG,
@@ -21495,7 +21495,7 @@ const lx = /* @__PURE__ */ Jn({}), tN = (e) => {
 }, u4 = (e, t) => rN(e, t), iN = (e, t, n) => ({
   [`@media (min-width: ${_e(t)})`]: Object.assign({}, u4(e, n))
 }), oN = () => ({}), aN = () => ({}), sN = Vr("Grid", tN, oN), lN = Vr("Grid", (e) => {
-  const t = Mn(e, {
+  const t = _n(e, {
     gridColumns: 24
     // Row is divided into 24 parts in Grid
   }), n = {
@@ -22158,9 +22158,9 @@ var HN = ["prefixCls", "defaultValue", "value", "autoSize", "onResize", "classNa
   }, O = C.useState(Qf), R = se(O, 2), I = R[0], L = R[1], E = C.useState(), T = se(E, 2), j = T[0], H = T[1], P = function() {
     L(Kf), process.env.NODE_ENV === "test" && (f == null || f());
   };
-  ln(function() {
+  cn(function() {
     _ && P();
-  }, [o, $, V, _]), ln(function() {
+  }, [o, $, V, _]), cn(function() {
     if (I === Kf)
       L(Xf);
     else if (I === Xf) {
@@ -22170,9 +22170,9 @@ var HN = ["prefixCls", "defaultValue", "value", "autoSize", "onResize", "classNa
       M();
   }, [I]);
   var k = C.useRef(), A = function() {
-    cn.cancel(k.current);
+    un.cancel(k.current);
   }, D = function(J) {
-    I === Qf && (s == null || s(J), a && (A(), k.current = cn(function() {
+    I === Qf && (s == null || s(J), a && (A(), k.current = un(function() {
       P();
     })));
   };
@@ -22555,7 +22555,7 @@ const BN = (e) => {
     paddingXS: t,
     padding: n,
     paddingLG: r
-  } = e, i = Mn(e, {
+  } = e, i = _n(e, {
     flexGapSM: t,
     flexGap: n,
     flexGapLG: r
@@ -22573,7 +22573,7 @@ var KN = function(e, t) {
     t.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[i]) && (n[r[i]] = e[r[i]]);
   return n;
 };
-const un = /* @__PURE__ */ Ne.forwardRef((e, t) => {
+const tn = /* @__PURE__ */ Ne.forwardRef((e, t) => {
   const {
     prefixCls: n,
     rootClassName: r,
@@ -22599,7 +22599,7 @@ const un = /* @__PURE__ */ Ne.forwardRef((e, t) => {
     style: w
   }, Br(d, ["justify", "wrap", "align"])), l));
 });
-process.env.NODE_ENV !== "production" && (un.displayName = "Flex");
+process.env.NODE_ENV !== "production" && (tn.displayName = "Flex");
 var XN = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z" } }] }, name: "copy", theme: "outlined" }, QN = function(t, n) {
   return /* @__PURE__ */ C.createElement(nr, vt({}, t, {
     ref: n,
@@ -23307,9 +23307,9 @@ function jF(e) {
     miscDeps: s,
     onEllipsis: l
   } = e, c = C.useMemo(() => Fr(r), [r]), u = C.useMemo(() => LF(c), [r]), d = C.useMemo(() => i(c, !1), [r]), [f, h] = C.useState(null), p = C.useRef(null), g = C.useRef(null), v = C.useRef(null), b = C.useRef(null), y = C.useRef(null), [x, S] = C.useState(!1), [w, $] = C.useState(e2), [V, _] = C.useState(0), [M, O] = C.useState(null);
-  ln(() => {
+  cn(() => {
     $(t && n && u ? t2 : e2);
-  }, [n, r, o, t, c]), ln(() => {
+  }, [n, r, o, t, c]), cn(() => {
     var E, T, j, H;
     if (w === t2) {
       $(n2);
@@ -23323,7 +23323,7 @@ function jF(e) {
     }
   }, [w]);
   const R = f ? Math.ceil((f[0] + f[1]) / 2) : 0;
-  ln(() => {
+  cn(() => {
     var E;
     const [T, j] = f || [0, 0];
     if (T !== j) {
@@ -23468,11 +23468,11 @@ const IF = "...", c0 = /* @__PURE__ */ C.forwardRef((e, t) => {
     (z.suffix !== void 0 || z.onEllipsis || // Can't use css ellipsis since we need to provide the place for button
     z.expandable || _ || P)
   ), [ge, z, _, P]);
-  ln(() => {
+  cn(() => {
     ne && !pe && (G(M9("webkitLineClamp")), X(M9("textOverflow")));
   }, [pe, ne]);
   const [be, we] = C.useState(ge), ve = C.useMemo(() => pe ? !1 : ye === 1 ? J : q, [pe, J, q]);
-  ln(() => {
+  cn(() => {
     we(ve && ge);
   }, [ve, ge]);
   const he = ge && (be ? B : Y), le = ge && ye === 1 && be, $e = ge && ye > 1 && be, fe = (ue, Ee) => {
@@ -23704,7 +23704,7 @@ Eo.Text = BF;
 Eo.Link = NF;
 Eo.Title = ZF;
 Eo.Paragraph = FF;
-const UF = Zt(p1)`
+const UF = Bt(p1)`
   border-radius: var(--gf-radius-sm);
   ${(e) => e.type === "primary" && Hr`
     background: var(--gf-color-button-primary);
@@ -23715,7 +23715,7 @@ const UF = Zt(p1)`
   onClick: n,
   ...r
 }) => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-  /* @__PURE__ */ m.jsx(En, {}),
+  /* @__PURE__ */ m.jsx($n, {}),
   /* @__PURE__ */ m.jsx(
     UF,
     {
@@ -23755,18 +23755,18 @@ const UF = Zt(p1)`
     iconPosition: "end",
     ...r
   }
-) }), YF = Zt(S1.Group)`
-`, KF = Zt(S1.Button)`
+) }), YF = Bt(S1.Group)`
+`, KF = Bt(S1.Button)`
   height: 24px;
   font: var(--gf-label-md-default);
   color: --gf-color-text-primary;
-`, N7e = ({
+`, F7e = ({
   content: e,
   handler: t,
   disabled: n = !1,
   ...r
 }) => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-  /* @__PURE__ */ m.jsx(En, {}),
+  /* @__PURE__ */ m.jsx($n, {}),
   /* @__PURE__ */ m.jsx(
     ea,
     {
@@ -23791,7 +23791,7 @@ const UF = Zt(p1)`
       )
     }
   )
-] }), XF = Zt(s0)`
+] }), XF = Bt(s0)`
   border-radius: var(--gf-radius-sm);
   border-color: var(--gf-color-border-base);
   ${(e) => e.cardtype === "default" && Hr`
@@ -23808,7 +23808,7 @@ const UF = Zt(p1)`
   padding: t = 32,
   ...n
 }) => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-  /* @__PURE__ */ m.jsx(En, {}),
+  /* @__PURE__ */ m.jsx($n, {}),
   /* @__PURE__ */ m.jsx(
     XF,
     {
@@ -23820,7 +23820,7 @@ const UF = Zt(p1)`
       ...n
     }
   )
-] }), { Text: _x } = Eo, Ex = Zt($1)`
+] }), { Text: _x } = Eo, Ex = Bt($1)`
   &:hover {
     cursor: pointer;
     border: 1px solid var(--gf-color-primary-hover);
@@ -23830,15 +23830,15 @@ const UF = Zt(p1)`
   svg:hover {
     fill: var(--gf-color-primary-hover);
   }
-`, QF = Zt(_x)`
+`, QF = Bt(_x)`
   font: var(--gf-header-h5);
   ${Ex}:hover & {
     color: var(--gf-color-primary-hover);
   }
-`, JF = Zt(_x)`
+`, JF = Bt(_x)`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
-`, F7e = ({
+`, D7e = ({
   disabled: e = !1,
   icon: t = xx,
   title: n = "Title",
@@ -23846,7 +23846,7 @@ const UF = Zt(p1)`
   onClick: i,
   ...o
 }) => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-  /* @__PURE__ */ m.jsx(En, {}),
+  /* @__PURE__ */ m.jsx($n, {}),
   /* @__PURE__ */ m.jsxs(Ex, { onClick: i, padding: 24, cardtype: "default", ...o, children: [
     /* @__PURE__ */ m.jsxs(Wo, { gutter: 16, children: [
       /* @__PURE__ */ m.jsx(Or, { span: 1, children: t }),
@@ -23857,7 +23857,7 @@ const UF = Zt(p1)`
       /* @__PURE__ */ m.jsx(Or, { span: 23, children: /* @__PURE__ */ m.jsx(JF, { children: r }) })
     ] })
   ] })
-] }), { Text: Ox } = Eo, eD = Zt(Ox)`
+] }), { Text: Ox } = Eo, eD = Bt(Ox)`
   color: var(--gf-color-text-primary) !important;  
   ${(e) => e.type === "primary" && Hr`
     font: var(--gf-header-h2);
@@ -23869,7 +23869,7 @@ const UF = Zt(p1)`
   ${(e) => e.type === "header" && Hr`
     font: var(--gf-header-h1);
   `}
-`, tD = Zt(Ox)`
+`, tD = Bt(Ox)`
   ${(e) => e.type === "primary" && Hr`
     font: var(--gf-label-xl-default);
     color: var(--gf-color-text-primary) !important;
@@ -23888,12 +23888,12 @@ const UF = Zt(p1)`
   type: n = "primary",
   align: r = "start"
 }) => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-  /* @__PURE__ */ m.jsx(En, {}),
+  /* @__PURE__ */ m.jsx($n, {}),
   /* @__PURE__ */ m.jsxs(l0, { className: "gf-full-width", direction: "vertical", size: 8, align: r, children: [
     /* @__PURE__ */ m.jsx(eD, { type: n, children: e }),
     /* @__PURE__ */ m.jsx(tD, { type: n, children: t })
   ] })
-] }), { Text: rD } = Eo, iD = Zt($1)`
+] }), { Text: rD } = Eo, iD = Bt($1)`
   border-radius: var(--gf-radius-sm);
   border-color: var(--gf-color-border-base);
   ${(e) => e.cardtype === "default" && Hr`
@@ -23905,17 +23905,17 @@ const UF = Zt(p1)`
   ${(e) => e.cardtype === "debug" && Hr`
     background: var(--gf-color-bg-debug);
   `}
-`, oD = Zt(rD)`
+`, oD = Bt(rD)`
   font: var(--gf-header-h5);
   color: var(--gf-color-text-primary);
   font-weight: bold;
-`, aD = Zt(p1)`
+`, aD = Bt(p1)`
   height: 22px;
   padding: 0px;
   font: var(--gf-label-md-default);
   color: var(--gf-color-button-primary);
   text-decoration-line: underline;
-`, D7e = ({
+`, z7e = ({
   title: e,
   subtitle: t,
   text: n,
@@ -23931,19 +23931,19 @@ const UF = Zt(p1)`
     }
   };
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
+    /* @__PURE__ */ m.jsx($n, {}),
     /* @__PURE__ */ m.jsxs(
       iD,
       {
         cardtype: "default",
         ...a,
         children: [
-          /* @__PURE__ */ m.jsxs(un, { vertical: !0, gap: 24, style: { alignItems: "start" }, children: [
+          /* @__PURE__ */ m.jsxs(tn, { vertical: !0, gap: 24, style: { alignItems: "start" }, children: [
             /* @__PURE__ */ m.jsx(nD, { title: e, subtitle: t, type: "header" }),
             n
           ] }),
           /* @__PURE__ */ m.jsx("div", { style: { borderBottom: "1px solid #f0f0f0", margin: "32px -32px 32px -32px" } }),
-          /* @__PURE__ */ m.jsxs(un, { vertical: !0, gap: 8, style: { alignItems: "start" }, children: [
+          /* @__PURE__ */ m.jsxs(tn, { vertical: !0, gap: 8, style: { alignItems: "start" }, children: [
             /* @__PURE__ */ m.jsx(oD, { children: r || "Table of contents" }),
             i.map(
               (l, c) => /* @__PURE__ */ m.jsx(
@@ -23962,7 +23962,7 @@ const UF = Zt(p1)`
       }
     )
   ] });
-}, z7e = ({
+}, B7e = ({
   tabList: e,
   tabContent: t,
   expandContent: n,
@@ -23978,7 +23978,7 @@ const UF = Zt(p1)`
     u((p) => !p);
   };
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
+    /* @__PURE__ */ m.jsx($n, {}),
     /* @__PURE__ */ m.jsx(
       $1,
       {
@@ -23989,7 +23989,7 @@ const UF = Zt(p1)`
         onTabChange: d,
         tabBarExtraContent: /* @__PURE__ */ m.jsx(qF, { onClick: o == null ? void 0 : o[s] }),
         actions: n != null && n[s] ? [
-          /* @__PURE__ */ m.jsxs(un, { vertical: !0, children: [
+          /* @__PURE__ */ m.jsxs(tn, { vertical: !0, children: [
             /* @__PURE__ */ m.jsx(GF, { open: c, onClick: f, children: r }),
             c && (n == null ? void 0 : n[s])
           ] })
@@ -24003,14 +24003,14 @@ const UF = Zt(p1)`
       }
     )
   ] });
-}, { Paragraph: B7e, Text: C6 } = Eo, sD = Zt($1)`
+}, { Paragraph: W7e, Text: C6 } = Eo, sD = Bt($1)`
   min-width: 226px;
-`, lD = Zt(C6)`
+`, lD = Bt(C6)`
   font: var(--gf-header-h1);
-`, cD = Zt(C6)`
+`, cD = Bt(C6)`
   font: var(--gf-label-md-italic);
   color: var(--gf-color-text-tertiary);
-`, uD = Zt(C6)`
+`, uD = Bt(C6)`
   font: var(--gf-label-lg-default);
   color: var(--gf-color-text-secondary);
 `, dD = ({
@@ -24022,18 +24022,18 @@ const UF = Zt(p1)`
 }) => {
   const [o, a] = pt(n), s = r ? { onChange: a } : !1;
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
-    /* @__PURE__ */ m.jsx(sD, { cardtype: "grey", padding: 24, ...i, children: /* @__PURE__ */ m.jsxs(un, { vertical: !0, gap: 8, children: [
-      /* @__PURE__ */ m.jsxs(un, { gap: 16, align: "center", wrap: !0, children: [
+    /* @__PURE__ */ m.jsx($n, {}),
+    /* @__PURE__ */ m.jsx(sD, { cardtype: "grey", padding: 24, ...i, children: /* @__PURE__ */ m.jsxs(tn, { vertical: !0, gap: 8, children: [
+      /* @__PURE__ */ m.jsxs(tn, { gap: 16, align: "center", wrap: !0, children: [
         /* @__PURE__ */ m.jsx(lD, { children: e }),
         /* @__PURE__ */ m.jsx(cD, { children: t })
       ] }),
       /* @__PURE__ */ m.jsx(uD, { editable: s, children: o })
     ] }) })
   ] });
-}, { Text: fD } = Eo, hD = Zt.a`
+}, { Text: fD } = Eo, hD = Bt.a`
   text-decoration: none;
-`, gD = Zt(fD)`
+`, gD = Bt(fD)`
   font: var(--gf-label-md-default);
   line-height: 150%;
   color: ${(e) => e.type === "light" ? "white" : "var(--gf-color-text-secondary)"}
@@ -24053,7 +24053,7 @@ const UF = Zt(p1)`
     alignItems: "center"
   }, children: n });
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
+    /* @__PURE__ */ m.jsx($n, {}),
     /* @__PURE__ */ m.jsx(hD, { href: t, ...o, children: /* @__PURE__ */ m.jsxs(l0, { direction: "horizontal", size: 8, align: "center", style: { textAlign: "left" }, children: [
       n && i === "left" && a,
       /* @__PURE__ */ m.jsx(gD, { type: r, children: e }),
@@ -24066,37 +24066,37 @@ const UF = Zt(p1)`
     /* @__PURE__ */ m.jsx("path", { d: "M14 1.8335H2.00001C1.46958 1.8335 0.960869 2.04421 0.585796 2.41928C0.210723 2.79436 9.8296e-06 3.30306 9.8296e-06 3.8335V4.50016C-0.00062718 4.62038 0.029707 4.73873 0.0880899 4.84382C0.146473 4.94891 0.230936 5.03719 0.333343 5.10016L7.66668 9.10016C7.76904 9.15405 7.8848 9.17721 8.00001 9.16683C8.11522 9.17721 8.23098 9.15405 8.33334 9.10016L15.6667 5.10016C15.7691 5.03719 15.8535 4.94891 15.9119 4.84382C15.9703 4.73873 16.0006 4.62038 16 4.50016V3.8335C16 3.30306 15.7893 2.79436 15.4142 2.41928C15.0392 2.04421 14.5304 1.8335 14 1.8335Z", fill: "#152BEE" })
   ] }),
   /* @__PURE__ */ m.jsx("defs", { children: /* @__PURE__ */ m.jsx("clipPath", { id: "clip0_907_17408", children: /* @__PURE__ */ m.jsx("rect", { width: "16", height: "16", fill: "white", transform: "translate(0 0.5)" }) }) })
-] }), mD = () => /* @__PURE__ */ m.jsx("svg", { style: { width: "100%", height: "100%" }, viewBox: "0 0 10 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ m.jsx("path", { d: "M10 5.5C10 2.74167 7.75833 0.5 5 0.5C2.24167 0.5 0 2.74167 0 5.5C0 9.25 5 14.6667 5 14.6667C5 14.6667 10 9.25 10 5.5ZM3.33333 5.5C3.33333 4.58333 4.08333 3.83333 5 3.83333C5.91667 3.83333 6.66667 4.58333 6.66667 5.5C6.66667 5.94203 6.49107 6.36595 6.17851 6.67851C5.86595 6.99107 5.44203 7.16667 5 7.16667C4.55797 7.16667 4.13405 6.99107 3.82149 6.67851C3.50893 6.36595 3.33333 5.94203 3.33333 5.5Z", fill: "#152BEE" }) }), W7e = ({
+] }), mD = () => /* @__PURE__ */ m.jsx("svg", { style: { width: "100%", height: "100%" }, viewBox: "0 0 10 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ m.jsx("path", { d: "M10 5.5C10 2.74167 7.75833 0.5 5 0.5C2.24167 0.5 0 2.74167 0 5.5C0 9.25 5 14.6667 5 14.6667C5 14.6667 10 9.25 10 5.5ZM3.33333 5.5C3.33333 4.58333 4.08333 3.83333 5 3.83333C5.91667 3.83333 6.66667 4.58333 6.66667 5.5C6.66667 5.94203 6.49107 6.36595 6.17851 6.67851C5.86595 6.99107 5.44203 7.16667 5 7.16667C4.55797 7.16667 4.13405 6.99107 3.82149 6.67851C3.50893 6.36595 3.33333 5.94203 3.33333 5.5Z", fill: "#152BEE" }) }), Z7e = ({
   label: e,
   href: t,
   icon: n = /* @__PURE__ */ m.jsx(pD, {}),
   type: r = "light",
   placement: i = "left",
   ...o
-}) => /* @__PURE__ */ m.jsx(x6, { label: e, icon: n, href: t, type: r, ...o }), Z7e = ({
+}) => /* @__PURE__ */ m.jsx(x6, { label: e, icon: n, href: t, type: r, ...o }), U7e = ({
   label: e,
   href: t,
   icon: n = /* @__PURE__ */ m.jsx(mD, {}),
   type: r = "light",
   placement: i = "left",
   ...o
-}) => /* @__PURE__ */ m.jsx(x6, { label: e, icon: n, href: t, type: r, ...o }), U7e = ({
+}) => /* @__PURE__ */ m.jsx(x6, { label: e, icon: n, href: t, type: r, ...o }), q7e = ({
   label: e,
   href: t,
   icon: n = /* @__PURE__ */ m.jsx(vD, {}),
   type: r = "light",
   placement: i = "left",
   ...o
-}) => /* @__PURE__ */ m.jsx(x6, { label: e, icon: n, href: t, type: r, ...o }), bD = Zt.div`
+}) => /* @__PURE__ */ m.jsx(x6, { label: e, icon: n, href: t, type: r, ...o }), bD = Bt.div`
   ${(e) => e.columns && e.columns > 1 && Hr`
     column-count: ${e.columns};
   `}
   text-align: ${(e) => e.textalign};
   column-gap: 40px;
-`, yD = Zt.div`
+`, yD = Bt.div`
   font: var(--gf-label-lg-default);
   color: var(--gf-color-text-secondary);
-`, q7e = ({
+`, G7e = ({
   id: e,
   text: t,
   columns: n,
@@ -24106,7 +24106,7 @@ const UF = Zt(p1)`
   className: a,
   editable: s
 }) => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-  /* @__PURE__ */ m.jsx(En, {}),
+  /* @__PURE__ */ m.jsx($n, {}),
   /* @__PURE__ */ m.jsx(
     bD,
     {
@@ -24129,7 +24129,7 @@ const UF = Zt(p1)`
       )
     }
   )
-] }), G7e = ({
+] }), Y7e = ({
   metricsData: e,
   className: t = null,
   gap: n = null,
@@ -24138,7 +24138,7 @@ const UF = Zt(p1)`
   style: o = {},
   full: a = !1
 }) => /* @__PURE__ */ m.jsx(
-  un,
+  tn,
   {
     className: t,
     gap: n || 10,
@@ -24466,7 +24466,7 @@ function LW(e) {
 }
 var jW = LW;
 const f4 = /* @__PURE__ */ Hn(jW);
-var h4 = { exports: {} }, uu = { exports: {} }, rn = {};
+var h4 = { exports: {} }, uu = { exports: {} }, on = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -24477,7 +24477,7 @@ var h4 = { exports: {} }, uu = { exports: {} }, rn = {};
  */
 var Rg;
 function kW() {
-  if (Rg) return rn;
+  if (Rg) return on;
   Rg = 1;
   var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, h = e ? Symbol.for("react.memo") : 60115, p = e ? Symbol.for("react.lazy") : 60116, g = e ? Symbol.for("react.block") : 60121, v = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, y = e ? Symbol.for("react.scope") : 60119;
   function x(w) {
@@ -24513,35 +24513,35 @@ function kW() {
   function S(w) {
     return x(w) === c;
   }
-  return rn.AsyncMode = l, rn.ConcurrentMode = c, rn.ContextConsumer = s, rn.ContextProvider = a, rn.Element = t, rn.ForwardRef = u, rn.Fragment = r, rn.Lazy = p, rn.Memo = h, rn.Portal = n, rn.Profiler = o, rn.StrictMode = i, rn.Suspense = d, rn.isAsyncMode = function(w) {
+  return on.AsyncMode = l, on.ConcurrentMode = c, on.ContextConsumer = s, on.ContextProvider = a, on.Element = t, on.ForwardRef = u, on.Fragment = r, on.Lazy = p, on.Memo = h, on.Portal = n, on.Profiler = o, on.StrictMode = i, on.Suspense = d, on.isAsyncMode = function(w) {
     return S(w) || x(w) === l;
-  }, rn.isConcurrentMode = S, rn.isContextConsumer = function(w) {
+  }, on.isConcurrentMode = S, on.isContextConsumer = function(w) {
     return x(w) === s;
-  }, rn.isContextProvider = function(w) {
+  }, on.isContextProvider = function(w) {
     return x(w) === a;
-  }, rn.isElement = function(w) {
+  }, on.isElement = function(w) {
     return typeof w == "object" && w !== null && w.$$typeof === t;
-  }, rn.isForwardRef = function(w) {
+  }, on.isForwardRef = function(w) {
     return x(w) === u;
-  }, rn.isFragment = function(w) {
+  }, on.isFragment = function(w) {
     return x(w) === r;
-  }, rn.isLazy = function(w) {
+  }, on.isLazy = function(w) {
     return x(w) === p;
-  }, rn.isMemo = function(w) {
+  }, on.isMemo = function(w) {
     return x(w) === h;
-  }, rn.isPortal = function(w) {
+  }, on.isPortal = function(w) {
     return x(w) === n;
-  }, rn.isProfiler = function(w) {
+  }, on.isProfiler = function(w) {
     return x(w) === o;
-  }, rn.isStrictMode = function(w) {
+  }, on.isStrictMode = function(w) {
     return x(w) === i;
-  }, rn.isSuspense = function(w) {
+  }, on.isSuspense = function(w) {
     return x(w) === d;
-  }, rn.isValidElementType = function(w) {
+  }, on.isValidElementType = function(w) {
     return typeof w == "string" || typeof w == "function" || w === r || w === c || w === o || w === i || w === d || w === f || typeof w == "object" && w !== null && (w.$$typeof === p || w.$$typeof === h || w.$$typeof === a || w.$$typeof === s || w.$$typeof === u || w.$$typeof === v || w.$$typeof === b || w.$$typeof === y || w.$$typeof === g);
-  }, rn.typeOf = x, rn;
+  }, on.typeOf = x, on;
 }
-var on = {};
+var an = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -24630,8 +24630,8 @@ function PW() {
     function Z(N) {
       return S(N) === d;
     }
-    on.AsyncMode = w, on.ConcurrentMode = $, on.ContextConsumer = V, on.ContextProvider = _, on.Element = M, on.ForwardRef = O, on.Fragment = R, on.Lazy = I, on.Memo = L, on.Portal = E, on.Profiler = T, on.StrictMode = j, on.Suspense = H, on.isAsyncMode = k, on.isConcurrentMode = A, on.isContextConsumer = D, on.isContextProvider = U, on.isElement = q, on.isForwardRef = G, on.isFragment = J, on.isLazy = X, on.isMemo = Y, on.isPortal = Q, on.isProfiler = B, on.isStrictMode = W, on.isSuspense = Z, on.isValidElementType = x, on.typeOf = S;
-  }()), on;
+    an.AsyncMode = w, an.ConcurrentMode = $, an.ContextConsumer = V, an.ContextProvider = _, an.Element = M, an.ForwardRef = O, an.Fragment = R, an.Lazy = I, an.Memo = L, an.Portal = E, an.Profiler = T, an.StrictMode = j, an.Suspense = H, an.isAsyncMode = k, an.isConcurrentMode = A, an.isContextConsumer = D, an.isContextProvider = U, an.isElement = q, an.isForwardRef = G, an.isFragment = J, an.isLazy = X, an.isMemo = Y, an.isPortal = Q, an.isProfiler = B, an.isStrictMode = W, an.isSuspense = Z, an.isValidElementType = x, an.typeOf = S;
+  }()), an;
 }
 var jg;
 function Px() {
@@ -26985,7 +26985,7 @@ function pw(e, t, n) {
   const v = f.map((b) => ({ ...b }));
   return i ? [v, i] : v;
 }
-function an(e, t) {
+function sn(e, t) {
   const n = Ye.fun(e), [[r], i] = pw(
     1,
     n ? e : [e],
@@ -27516,7 +27516,7 @@ var aU = { pointerEvents: "none", position: "absolute", zIndex: 10, top: 0, left
 }, yw = gt(function(e) {
   var t, n = e.position, r = e.anchor, i = e.children, o = Qt(), a = Gn(), s = a.animate, l = a.config, c = o$(), u = c[0], d = c[1], f = Le(!1), h = void 0, p = !1, g = d.width > 0 && d.height > 0, v = Math.round(n[0]), b = Math.round(n[1]);
   g && (r === "top" ? (v -= d.width / 2, b -= d.height + 14) : r === "right" ? (v += 14, b -= d.height / 2) : r === "bottom" ? (v -= d.width / 2, b += 14) : r === "left" ? (v -= d.width + 14, b -= d.height / 2) : r === "center" && (v -= d.width / 2, b -= d.height / 2), h = { transform: cv(v, b) }, f.current || (p = !0), f.current = [v, b]);
-  var y = an({ to: h, config: l, immediate: !s || p }), x = Ta({}, aU, o.tooltip.wrapper, { transform: (t = y.transform) != null ? t : cv(v, b), opacity: y.transform ? 1 : 0 });
+  var y = sn({ to: h, config: l, immediate: !s || p }), x = Ta({}, aU, o.tooltip.wrapper, { transform: (t = y.transform) != null ? t : cv(v, b), opacity: y.transform ? 1 : 0 });
   return m.jsx(rt.div, { ref: u, style: x, children: i });
 });
 yw.displayName = "TooltipWrapper";
@@ -27543,7 +27543,7 @@ Cw.displayName = "TableTooltip";
 var E4 = gt(function(e) {
   var t = e.x0, n = e.x1, r = e.y0, i = e.y1, o = Qt(), a = Gn(), s = a.animate, l = a.config, c = Se(function() {
     return Ta({}, o.crosshair.line, { pointerEvents: "none" });
-  }, [o.crosshair.line]), u = an({ x1: t, x2: n, y1: r, y2: i, config: l, immediate: !s });
+  }, [o.crosshair.line]), u = sn({ x1: t, x2: n, y1: r, y2: i, config: l, immediate: !s });
   return m.jsx(rt.line, Ta({}, u, { fill: "none", style: c }));
 });
 E4.displayName = "CrosshairLine";
@@ -28034,7 +28034,7 @@ function UK(e, t, n) {
   return r === void 0 ? n : r;
 }
 var Bw = UK;
-const _n = /* @__PURE__ */ Hn(Bw);
+const En = /* @__PURE__ */ Hn(Bw);
 var qK = K6, GK = yl, YK = E0, Mv = Ii, KK = Cl;
 function XK(e, t, n, r) {
   if (!Mv(e))
@@ -32467,7 +32467,7 @@ var aie = ["axis.ticks.text", "axis.legend.text", "legends.title.text", "legends
 }, lie = function(e, t) {
   var n = Q6({}, e, t);
   return aie.forEach(function(r) {
-    gi(n, r, sie(_n(n, r), n.text));
+    gi(n, r, sie(En(n, r), n.text));
   }), n;
 }, t$ = Jn(), n$ = function(e) {
   var t = e.children, n = e.animate, r = n === void 0 || n, i = e.config, o = i === void 0 ? "default" : i, a = Se(function() {
@@ -32487,7 +32487,7 @@ var Gn = function() {
     }, [s]), l.current;
   }(e), o = Se(function() {
     return j0(i, e);
-  }, [i, e]), a = an({ from: { value: 0 }, to: { value: 1 }, reset: !0, config: r, immediate: !n }).value;
+  }, [i, e]), a = sn({ from: { value: 0 }, to: { value: 1 }, reset: !0, config: r, immediate: !n }).value;
   return An(a, o);
 }, cie = { nivo: ["#d76445", "#f47560", "#e8c1a0", "#97e3d5", "#61cdbb", "#00b0a7"], BrBG: ce(Ai), PRGn: ce(Ni), PiYG: ce(Fi), PuOr: ce(Di), RdBu: ce(zi), RdGy: ce(Bi), RdYlBu: ce(Wi), RdYlGn: ce(Zi), spectral: ce(Ui), blues: ce(oo), greens: ce(ao), greys: ce(so), oranges: ce(uo), purples: ce(lo), reds: ce(co), BuGn: ce(qi), BuPu: ce(Gi), GnBu: ce(Yi), OrRd: ce(Ki), PuBuGn: ce(Xi), PuBu: ce(Qi), PuRd: ce(Ji), RdPu: ce(eo), YlGnBu: ce(to), YlGn: ce(no), YlOrBr: ce(ro), YlOrRd: ce(io) }, uie = Object.keys(cie);
 ce(Ai), ce(Ni), ce(Fi), ce(Di), ce(zi), ce(Bi), ce(Wi), ce(Zi), ce(Ui), ce(oo), ce(ao), ce(so), ce(uo), ce(lo), ce(co), ce(qi), ce(Gi), ce(Yi), ce(Ki), ce(Xi), ce(Qi), ce(Ji), ce(eo), ce(to), ce(no), ce(ro), ce(io);
@@ -32629,7 +32629,7 @@ var h$ = function(e) {
 };
 h$.propTypes = { size: F.number.isRequired, color: F.string.isRequired, borderWidth: F.number.isRequired, borderColor: F.string.isRequired };
 var Sie = gt(h$), g$ = function(e) {
-  var t = e.x, n = e.y, r = e.symbol, i = r === void 0 ? Sie : r, o = e.size, a = e.datum, s = e.color, l = e.borderWidth, c = e.borderColor, u = e.label, d = e.labelTextAnchor, f = d === void 0 ? "middle" : d, h = e.labelYOffset, p = h === void 0 ? -12 : h, g = Qt(), v = Gn(), b = v.animate, y = v.config, x = an({ transform: "translate(" + t + ", " + n + ")", config: y, immediate: !b });
+  var t = e.x, n = e.y, r = e.symbol, i = r === void 0 ? Sie : r, o = e.size, a = e.datum, s = e.color, l = e.borderWidth, c = e.borderColor, u = e.label, d = e.labelTextAnchor, f = d === void 0 ? "middle" : d, h = e.labelYOffset, p = h === void 0 ? -12 : h, g = Qt(), v = Gn(), b = v.animate, y = v.config, x = sn({ transform: "translate(" + t + ", " + n + ")", config: y, immediate: !b });
   return m.jsxs(rt.g, { transform: x.transform, style: { pointerEvents: "none" }, children: [Mt(i, { size: o, color: s, datum: a, borderWidth: l, borderColor: c }), u && m.jsx("text", { textAnchor: f, y: p, style: Ph(g.dots.text), children: u })] });
 };
 g$.propTypes = { x: F.number.isRequired, y: F.number.isRequired, datum: F.object.isRequired, size: F.number.isRequired, color: F.string.isRequired, borderWidth: F.number.isRequired, borderColor: F.string.isRequired, symbol: F.oneOfType([F.func, F.object]), label: F.oneOfType([F.string, F.number]), labelTextAnchor: F.oneOf(["start", "middle", "end"]), labelYOffset: F.number };
@@ -32717,12 +32717,12 @@ var m$ = gt(p$), _ie = ["theme", "renderWrapper", "animate", "motionConfig"], b$
   }(J_);
 }, Eie = function(e, t) {
   var n = ul(e) ? e : function(r) {
-    return _n(r, e);
+    return En(r, e);
   };
   return n;
 }, Oie = function(e) {
   return ul(e) ? e : function(t) {
-    return _n(t, e);
+    return En(t, e);
   };
 }, Vi = function(e) {
   return Se(function() {
@@ -32740,7 +32740,7 @@ var m$ = gt(p$), _ie = ["theme", "renderWrapper", "animate", "motionConfig"], b$
   if (e === "*") return !0;
   if (ul(e)) return e(t);
   if (na(e)) {
-    var r = n ? _n(t, n) : t;
+    var r = n ? En(t, n) : t;
     return e$(US(r, Object.keys(e)), e);
   }
   return !1;
@@ -32755,14 +32755,14 @@ var m$ = gt(p$), _ie = ["theme", "renderWrapper", "animate", "motionConfig"], b$
         });
         if (y) {
           if (Tie.includes(y.type)) if (y.background === "inherit" || y.color === "inherit") {
-            var x = _n(f, s), S = y.background, w = y.color, $ = v;
+            var x = En(f, s), S = y.background, w = y.color, $ = v;
             y.background === "inherit" && ($ = $ + ".bg." + x, S = x), y.color === "inherit" && ($ = $ + ".fg." + x, w = x), gi(f, c, "url(#" + $ + ")"), d[$] || (u.push(Qr({}, y, { id: $, background: S, color: w })), d[$] = 1);
           } else gi(f, c, "url(#" + v + ")");
           else if (Vie.includes(y.type))
             if (y.colors.map(function(O) {
               return O.color;
             }).includes("inherit")) {
-              var V = _n(f, s), _ = v, M = Qr({}, y, { colors: y.colors.map(function(O, R) {
+              var V = En(f, s), _ = v, M = Qr({}, y, { colors: y.colors.map(function(O, R) {
                 return O.color !== "inherit" ? O : (_ = _ + "." + R + "." + V, Qr({}, O, { color: O.color === "inherit" ? V : O.color }));
               }) });
               M.id = _, gi(f, c, "url(#" + _ + ")"), d[_] || (u.push(M), d[_] = 1);
@@ -32822,7 +32822,7 @@ var Bie = function(e, t) {
       return l.theme !== void 0;
     }(e)) {
       if (t === void 0) throw new Error("Unable to use color from theme as no theme was provided");
-      var n = _n(t, e.theme);
+      var n = En(t, e.theme);
       if (n === void 0) throw new Error("Color from theme is undefined at path: '" + e.theme + "'");
       return function() {
         return n;
@@ -32832,7 +32832,7 @@ var Bie = function(e, t) {
       return l.from !== void 0;
     }(e)) {
       var r = function(l) {
-        return _n(l, e.from);
+        return En(l, e.from);
       };
       if (Array.isArray(e.modifiers)) {
         for (var i, o = [], a = function() {
@@ -32872,7 +32872,7 @@ F.oneOfType([F.string, F.func, F.shape({ theme: F.string.isRequired }), F.shape(
 var Wie = function(e, t) {
   if (typeof e == "function") return e;
   var n = typeof t == "function" ? t : function(d) {
-    return _n(d, t);
+    return En(d, t);
   };
   if (Array.isArray(e)) {
     var r = Ir(e), i = function(d) {
@@ -32884,7 +32884,7 @@ var Wie = function(e, t) {
     if (function(d) {
       return d.datum !== void 0;
     }(e)) return function(d) {
-      return _n(d, e.datum);
+      return En(d, e.datum);
     };
     if (function(d) {
       return d.scheme !== void 0;
@@ -33441,7 +33441,7 @@ function ka() {
 }
 var P2 = { container: { display: "flex", alignItems: "center" }, sourceChip: { marginRight: 7 }, targetChip: { marginLeft: 7, marginRight: 7 } }, Ise = { center: roe, justify: _$, start: toe, end: noe }, Ase = function(e) {
   return Ise[e];
-}, Wt = { layout: "horizontal", align: "center", sort: "auto", colors: { scheme: "nivo" }, nodeOpacity: 0.75, nodeHoverOpacity: 1, nodeHoverOthersOpacity: 0.15, nodeThickness: 12, nodeSpacing: 12, nodeInnerPadding: 0, nodeBorderWidth: 1, nodeBorderColor: { from: "color", modifiers: [["darker", 0.5]] }, nodeBorderRadius: 0, linkOpacity: 0.25, linkHoverOpacity: 0.6, linkHoverOthersOpacity: 0.15, linkContract: 0, linkBlendMode: "multiply", enableLinkGradient: !1, enableLabels: !0, label: "id", labelPosition: "inside", labelPadding: 9, labelOrientation: "horizontal", labelTextColor: { from: "color", modifiers: [["darker", 0.8]] }, isInteractive: !0, nodeTooltip: function(e) {
+}, Zt = { layout: "horizontal", align: "center", sort: "auto", colors: { scheme: "nivo" }, nodeOpacity: 0.75, nodeHoverOpacity: 1, nodeHoverOthersOpacity: 0.15, nodeThickness: 12, nodeSpacing: 12, nodeInnerPadding: 0, nodeBorderWidth: 1, nodeBorderColor: { from: "color", modifiers: [["darker", 0.5]] }, nodeBorderRadius: 0, linkOpacity: 0.25, linkHoverOpacity: 0.6, linkHoverOthersOpacity: 0.15, linkContract: 0, linkBlendMode: "multiply", enableLinkGradient: !1, enableLabels: !0, label: "id", labelPosition: "inside", labelPadding: 9, labelOrientation: "horizontal", labelTextColor: { from: "color", modifiers: [["darker", 0.8]] }, isInteractive: !0, nodeTooltip: function(e) {
   var t = e.node;
   return m.jsx(Gs, { id: t.label, enableChip: !0, color: t.color });
 }, linkTooltip: function(e) {
@@ -33479,7 +33479,7 @@ var P2 = { container: { display: "flex", alignItems: "center" }, sourceChip: { m
   }, [T]);
   return { nodes: T, links: j, legendData: H, getNodeBorderColor: O, currentNode: v, setCurrentNode: b, currentLink: x, setCurrentLink: S, getLabelTextColor: I };
 }, Dse = function(e) {
-  var t = e.node, n = e.x, r = e.y, i = e.width, o = e.height, a = e.color, s = e.opacity, l = e.borderWidth, c = e.borderColor, u = e.borderRadius, d = e.setCurrent, f = e.isInteractive, h = e.onClick, p = e.tooltip, g = Gn(), v = g.animate, b = g.config, y = an({ x: n, y: r, width: i, height: o, opacity: s, color: a, config: b, immediate: !v }), x = xi(), S = x.showTooltipFromEvent, w = x.hideTooltip, $ = ze(function(O) {
+  var t = e.node, n = e.x, r = e.y, i = e.width, o = e.height, a = e.color, s = e.opacity, l = e.borderWidth, c = e.borderColor, u = e.borderRadius, d = e.setCurrent, f = e.isInteractive, h = e.onClick, p = e.tooltip, g = Gn(), v = g.animate, b = g.config, y = sn({ x: n, y: r, width: i, height: o, opacity: s, color: a, config: b, immediate: !v }), x = xi(), S = x.showTooltipFromEvent, w = x.hideTooltip, $ = ze(function(O) {
     d(t), S(Mt(p, { node: t }), O, "left");
   }, [d, t, S, p]), V = ze(function(O) {
     S(Mt(p, { node: t }), O, "left");
@@ -33504,7 +33504,7 @@ var P2 = { container: { display: "flex", alignItems: "center" }, sourceChip: { m
   var t = e.id, n = e.layout, r = e.startColor, i = e.endColor;
   return m.jsxs("linearGradient", ka({ id: t, spreadMethod: "pad" }, n === "horizontal" ? { x1: "0%", x2: "100%", y1: "0%", y2: "0%" } : { x1: "0%", x2: "0%", y1: "0%", y2: "100%" }, { children: [m.jsx("stop", { offset: "0%", stopColor: r }), m.jsx("stop", { offset: "100%", stopColor: i })] }));
 }, Wse = function(e) {
-  var t = e.link, n = e.layout, r = e.path, i = e.color, o = e.opacity, a = e.blendMode, s = e.enableGradient, l = e.setCurrent, c = e.tooltip, u = e.isInteractive, d = e.onClick, f = t.source.id + "." + t.target.id + "." + t.index, h = Gn(), p = h.animate, g = h.config, v = q0(r), b = an({ color: i, opacity: o, config: g, immediate: !p }), y = xi(), x = y.showTooltipFromEvent, S = y.hideTooltip, w = ze(function(M) {
+  var t = e.link, n = e.layout, r = e.path, i = e.color, o = e.opacity, a = e.blendMode, s = e.enableGradient, l = e.setCurrent, c = e.tooltip, u = e.isInteractive, d = e.onClick, f = t.source.id + "." + t.target.id + "." + t.index, h = Gn(), p = h.animate, g = h.config, v = q0(r), b = sn({ color: i, opacity: o, config: g, immediate: !p }), y = xi(), x = y.showTooltipFromEvent, S = y.hideTooltip, w = ze(function(M) {
     l(t), x(Mt(c, { link: t }), M, "left");
   }, [l, t, x, c]), $ = ze(function(M) {
     x(Mt(c, { link: t }), M, "left");
@@ -33545,7 +33545,7 @@ var P2 = { container: { display: "flex", alignItems: "center" }, sourceChip: { m
     return m.jsx(rt.text, { dominantBaseline: "central", textAnchor: y.textAnchor, transform: v.transform, style: ka({}, c.labels.text, { fill: v.color, pointerEvents: "none" }), children: y.label }, y.id);
   }) });
 }, qse = ["isInteractive", "animate", "motionConfig", "theme", "renderWrapper"], Gse = function(e) {
-  var t = e.data, n = e.valueFormat, r = e.layout, i = r === void 0 ? Wt.layout : r, o = e.sort, a = o === void 0 ? Wt.sort : o, s = e.align, l = s === void 0 ? Wt.align : s, c = e.width, u = e.height, d = e.margin, f = e.colors, h = f === void 0 ? Wt.colors : f, p = e.nodeThickness, g = p === void 0 ? Wt.nodeThickness : p, v = e.nodeSpacing, b = v === void 0 ? Wt.nodeThickness : v, y = e.nodeInnerPadding, x = y === void 0 ? Wt.nodeInnerPadding : y, S = e.nodeBorderColor, w = S === void 0 ? Wt.nodeBorderColor : S, $ = e.nodeOpacity, V = $ === void 0 ? Wt.nodeOpacity : $, _ = e.nodeHoverOpacity, M = _ === void 0 ? Wt.nodeHoverOpacity : _, O = e.nodeHoverOthersOpacity, R = O === void 0 ? Wt.nodeHoverOthersOpacity : O, I = e.nodeBorderWidth, L = I === void 0 ? Wt.nodeBorderWidth : I, E = e.nodeBorderRadius, T = E === void 0 ? Wt.nodeBorderRadius : E, j = e.linkOpacity, H = j === void 0 ? Wt.linkOpacity : j, P = e.linkHoverOpacity, k = P === void 0 ? Wt.linkHoverOpacity : P, A = e.linkHoverOthersOpacity, D = A === void 0 ? Wt.linkHoverOthersOpacity : A, U = e.linkContract, q = U === void 0 ? Wt.linkContract : U, G = e.linkBlendMode, J = G === void 0 ? Wt.linkBlendMode : G, X = e.enableLinkGradient, Y = X === void 0 ? Wt.enableLinkGradient : X, Q = e.enableLabels, B = Q === void 0 ? Wt.enableLabels : Q, W = e.labelPosition, Z = W === void 0 ? Wt.labelPosition : W, N = e.labelPadding, ne = N === void 0 ? Wt.labelPadding : N, z = e.labelOrientation, re = z === void 0 ? Wt.labelOrientation : z, ie = e.label, ge = ie === void 0 ? Wt.label : ie, ye = e.labelTextColor, pe = ye === void 0 ? Wt.labelTextColor : ye, be = e.nodeTooltip, we = be === void 0 ? Wt.nodeTooltip : be, ve = e.linkTooltip, he = ve === void 0 ? Wt.linkTooltip : ve, le = e.isInteractive, $e = le === void 0 ? Wt.isInteractive : le, fe = e.onClick, Fe = e.legends, Ae = Fe === void 0 ? Wt.legends : Fe, Te = e.layers, je = Te === void 0 ? Wt.layers : Te, Qe = e.role, et = Qe === void 0 ? Wt.role : Qe, Be = e.ariaLabel, ke = e.ariaLabelledBy, tt = e.ariaDescribedBy, Ge = ns(c, u, d), Ke = Ge.margin, ue = Ge.innerWidth, Ee = Ge.innerHeight, Je = Ge.outerWidth, ot = Ge.outerHeight, De = Fse({ data: t, valueFormat: n, layout: i, width: ue, height: Ee, sort: a, align: l, colors: h, nodeThickness: g, nodeSpacing: b, nodeInnerPadding: x, nodeBorderColor: w, label: ge, labelTextColor: pe }), Ze = De.nodes, We = De.links, nt = De.legendData, it = De.getNodeBorderColor, Ue = De.currentNode, Pe = De.setCurrentNode, ft = De.currentLink, wt = De.setCurrentLink, Oe = De.getLabelTextColor, de = function() {
+  var t = e.data, n = e.valueFormat, r = e.layout, i = r === void 0 ? Zt.layout : r, o = e.sort, a = o === void 0 ? Zt.sort : o, s = e.align, l = s === void 0 ? Zt.align : s, c = e.width, u = e.height, d = e.margin, f = e.colors, h = f === void 0 ? Zt.colors : f, p = e.nodeThickness, g = p === void 0 ? Zt.nodeThickness : p, v = e.nodeSpacing, b = v === void 0 ? Zt.nodeThickness : v, y = e.nodeInnerPadding, x = y === void 0 ? Zt.nodeInnerPadding : y, S = e.nodeBorderColor, w = S === void 0 ? Zt.nodeBorderColor : S, $ = e.nodeOpacity, V = $ === void 0 ? Zt.nodeOpacity : $, _ = e.nodeHoverOpacity, M = _ === void 0 ? Zt.nodeHoverOpacity : _, O = e.nodeHoverOthersOpacity, R = O === void 0 ? Zt.nodeHoverOthersOpacity : O, I = e.nodeBorderWidth, L = I === void 0 ? Zt.nodeBorderWidth : I, E = e.nodeBorderRadius, T = E === void 0 ? Zt.nodeBorderRadius : E, j = e.linkOpacity, H = j === void 0 ? Zt.linkOpacity : j, P = e.linkHoverOpacity, k = P === void 0 ? Zt.linkHoverOpacity : P, A = e.linkHoverOthersOpacity, D = A === void 0 ? Zt.linkHoverOthersOpacity : A, U = e.linkContract, q = U === void 0 ? Zt.linkContract : U, G = e.linkBlendMode, J = G === void 0 ? Zt.linkBlendMode : G, X = e.enableLinkGradient, Y = X === void 0 ? Zt.enableLinkGradient : X, Q = e.enableLabels, B = Q === void 0 ? Zt.enableLabels : Q, W = e.labelPosition, Z = W === void 0 ? Zt.labelPosition : W, N = e.labelPadding, ne = N === void 0 ? Zt.labelPadding : N, z = e.labelOrientation, re = z === void 0 ? Zt.labelOrientation : z, ie = e.label, ge = ie === void 0 ? Zt.label : ie, ye = e.labelTextColor, pe = ye === void 0 ? Zt.labelTextColor : ye, be = e.nodeTooltip, we = be === void 0 ? Zt.nodeTooltip : be, ve = e.linkTooltip, he = ve === void 0 ? Zt.linkTooltip : ve, le = e.isInteractive, $e = le === void 0 ? Zt.isInteractive : le, fe = e.onClick, Fe = e.legends, Ae = Fe === void 0 ? Zt.legends : Fe, Te = e.layers, je = Te === void 0 ? Zt.layers : Te, Qe = e.role, et = Qe === void 0 ? Zt.role : Qe, Be = e.ariaLabel, ke = e.ariaLabelledBy, tt = e.ariaDescribedBy, Ge = ns(c, u, d), Ke = Ge.margin, ue = Ge.innerWidth, Ee = Ge.innerHeight, Je = Ge.outerWidth, ot = Ge.outerHeight, De = Fse({ data: t, valueFormat: n, layout: i, width: ue, height: Ee, sort: a, align: l, colors: h, nodeThickness: g, nodeSpacing: b, nodeInnerPadding: x, nodeBorderColor: w, label: ge, labelTextColor: pe }), Ze = De.nodes, We = De.links, nt = De.legendData, it = De.getNodeBorderColor, Ue = De.currentNode, Pe = De.setCurrentNode, ft = De.currentLink, wt = De.setCurrentLink, Oe = De.getLabelTextColor, de = function() {
     return !1;
   }, xe = function() {
     return !1;
@@ -33580,7 +33580,7 @@ var P2 = { container: { display: "flex", alignItems: "center" }, sourceChip: { m
     return typeof at == "function" ? m.jsx(Xr, { children: Mt(at, Xe) }, K) : (oe = qe == null ? void 0 : qe[at]) != null ? oe : null;
   }) });
 }, Yse = function(e) {
-  var t = e.isInteractive, n = t === void 0 ? Wt.isInteractive : t, r = e.animate, i = r === void 0 ? Wt.animate : r, o = e.motionConfig, a = o === void 0 ? Wt.motionConfig : o, s = e.theme, l = e.renderWrapper, c = function(u, d) {
+  var t = e.isInteractive, n = t === void 0 ? Zt.isInteractive : t, r = e.animate, i = r === void 0 ? Zt.animate : r, o = e.motionConfig, a = o === void 0 ? Zt.motionConfig : o, s = e.theme, l = e.renderWrapper, c = function(u, d) {
     if (u == null) return {};
     var f, h, p = {}, g = Object.keys(u);
     for (h = 0; h < g.length; h++) f = g[h], d.indexOf(f) >= 0 || (p[f] = u[f]);
@@ -33604,16 +33604,16 @@ const Kse = {
   style: t = {},
   body: n = null
 }) => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-  /* @__PURE__ */ m.jsx(En, {}),
+  /* @__PURE__ */ m.jsx($n, {}),
   /* @__PURE__ */ m.jsx("div", { id: e, style: { ...Kse, ...t }, children: n || /* @__PURE__ */ m.jsx("span", { children: "Custom tooltip" }) })
-] }), K7e = ({
+] }), X7e = ({
   sankeyData: e,
   linktooltip: t = null,
   nodetooltip: n = null,
   customStyle: r = {},
   customMargin: i = {}
 }) => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-  /* @__PURE__ */ m.jsx(En, {}),
+  /* @__PURE__ */ m.jsx($n, {}),
   /* @__PURE__ */ m.jsx("div", { style: { width: "100%", height: 600, ...r }, children: /* @__PURE__ */ m.jsx(
     j$,
     {
@@ -33963,8 +33963,8 @@ var dm, yle = function(e) {
   var t = e.data, n = e.id, r = n === void 0 ? $t.id : n, i = e.value, o = i === void 0 ? $t.value : i, a = e.valueFormat, s = e.sortByValue, l = s === void 0 ? $t.sortByValue : s, c = e.layers, u = c === void 0 ? $t.layers : c, d = e.startAngle, f = d === void 0 ? $t.startAngle : d, h = e.endAngle, p = h === void 0 ? $t.endAngle : h, g = e.padAngle, v = g === void 0 ? $t.padAngle : g, b = e.fit, y = b === void 0 ? $t.fit : b, x = e.innerRadius, S = x === void 0 ? $t.innerRadius : x, w = e.cornerRadius, $ = w === void 0 ? $t.cornerRadius : w, V = e.activeInnerRadiusOffset, _ = V === void 0 ? $t.activeInnerRadiusOffset : V, M = e.activeOuterRadiusOffset, O = M === void 0 ? $t.activeOuterRadiusOffset : M, R = e.width, I = e.height, L = e.margin, E = e.colors, T = E === void 0 ? $t.colors : E, j = e.borderWidth, H = j === void 0 ? $t.borderWidth : j, P = e.borderColor, k = P === void 0 ? $t.borderColor : P, A = e.enableArcLabels, D = A === void 0 ? $t.enableArcLabels : A, U = e.arcLabel, q = U === void 0 ? $t.arcLabel : U, G = e.arcLabelsSkipAngle, J = G === void 0 ? $t.arcLabelsSkipAngle : G, X = e.arcLabelsTextColor, Y = X === void 0 ? $t.arcLabelsTextColor : X, Q = e.arcLabelsRadiusOffset, B = Q === void 0 ? $t.arcLabelsRadiusOffset : Q, W = e.arcLabelsComponent, Z = e.enableArcLinkLabels, N = Z === void 0 ? $t.enableArcLinkLabels : Z, ne = e.arcLinkLabel, z = ne === void 0 ? $t.arcLinkLabel : ne, re = e.arcLinkLabelsSkipAngle, ie = re === void 0 ? $t.arcLinkLabelsSkipAngle : re, ge = e.arcLinkLabelsOffset, ye = ge === void 0 ? $t.arcLinkLabelsOffset : ge, pe = e.arcLinkLabelsDiagonalLength, be = pe === void 0 ? $t.arcLinkLabelsDiagonalLength : pe, we = e.arcLinkLabelsStraightLength, ve = we === void 0 ? $t.arcLinkLabelsStraightLength : we, he = e.arcLinkLabelsThickness, le = he === void 0 ? $t.arcLinkLabelsThickness : he, $e = e.arcLinkLabelsTextOffset, fe = $e === void 0 ? $t.arcLinkLabelsTextOffset : $e, Fe = e.arcLinkLabelsTextColor, Ae = Fe === void 0 ? $t.arcLinkLabelsTextColor : Fe, Te = e.arcLinkLabelsColor, je = Te === void 0 ? $t.arcLinkLabelsColor : Te, Qe = e.arcLinkLabelComponent, et = e.defs, Be = et === void 0 ? $t.defs : et, ke = e.fill, tt = ke === void 0 ? $t.fill : ke, Ge = e.isInteractive, Ke = Ge === void 0 ? $t.isInteractive : Ge, ue = e.onClick, Ee = e.onMouseEnter, Je = e.onMouseMove, ot = e.onMouseLeave, De = e.tooltip, Ze = De === void 0 ? $t.tooltip : De, We = e.activeId, nt = e.onActiveIdChange, it = e.defaultActiveId, Ue = e.transitionMode, Pe = Ue === void 0 ? $t.transitionMode : Ue, ft = e.legends, wt = ft === void 0 ? $t.legends : ft, Oe = e.forwardLegendData, de = e.role, xe = de === void 0 ? $t.role : de, He = ns(R, I, L), Xe = He.outerWidth, qe = He.outerHeight, at = He.margin, K = He.innerWidth, oe = He.innerHeight, ae = xle({ data: t, id: r, value: o, valueFormat: a, colors: T }), Ve = $le({ data: ae, width: K, height: oe, fit: y, innerRadius: S, startAngle: f, endAngle: p, padAngle: v, sortByValue: l, cornerRadius: $, activeInnerRadiusOffset: _, activeOuterRadiusOffset: O, activeId: We, onActiveIdChange: nt, defaultActiveId: it, forwardLegendData: Oe }), st = Ve.dataWithArc, ct = Ve.legendData, ut = Ve.arcGenerator, mt = Ve.centerX, me = Ve.centerY, Ce = Ve.radius, Re = Ve.innerRadius, lt = Ve.setActiveId, Ct = Ve.toggleSerie, Et = Ah(Be, st, tt), bt = { arcs: null, arcLinkLabels: null, arcLabels: null, legends: null };
   u.includes("arcs") && (bt.arcs = m.jsx(_le, { center: [mt, me], data: st, arcGenerator: ut, borderWidth: H, borderColor: k, isInteractive: Ke, onClick: ue, onMouseEnter: Ee, onMouseMove: Je, onMouseLeave: ot, setActiveId: lt, tooltip: Ze, transitionMode: Pe }, "arcs")), N && u.includes("arcLinkLabels") && (bt.arcLinkLabels = m.jsx(fle, { center: [mt, me], data: st, label: z, skipAngle: ie, offset: ye, diagonalLength: be, straightLength: ve, strokeWidth: le, textOffset: fe, textColor: Ae, linkColor: je, component: Qe }, "arcLinkLabels")), D && u.includes("arcLabels") && (bt.arcLabels = m.jsx(ile, { center: [mt, me], data: st, label: q, radiusOffset: B, skipAngle: J, textColor: Y, transitionMode: Pe, component: W }, "arcLabels")), wt.length > 0 && u.includes("legends") && (bt.legends = m.jsx(yle, { width: K, height: oe, data: ct, legends: wt, toggleSerie: Ct }, "legends"));
   var kt = Mle({ dataWithArc: st, arcGenerator: ut, centerX: mt, centerY: me, radius: Ce, innerRadius: Re });
-  return m.jsx(Ll, { width: Xe, height: qe, margin: at, defs: Et, role: xe, children: u.map(function(fn, Bt) {
-    return bt[fn] !== void 0 ? bt[fn] : typeof fn == "function" ? m.jsx(Xr, { children: Mt(fn, kt) }, Bt) : null;
+  return m.jsx(Ll, { width: Xe, height: qe, margin: at, defs: Et, role: xe, children: u.map(function(fn, Wt) {
+    return bt[fn] !== void 0 ? bt[fn] : typeof fn == "function" ? m.jsx(Xr, { children: Mt(fn, kt) }, Wt) : null;
   }) });
 }, Hle = function(e) {
   var t = e.isInteractive, n = t === void 0 ? $t.isInteractive : t, r = e.animate, i = r === void 0 ? $t.animate : r, o = e.motionConfig, a = o === void 0 ? $t.motionConfig : o, s = e.theme, l = e.renderWrapper, c = A$(e, Ele);
@@ -33975,16 +33975,16 @@ var dm, yle = function(e) {
     return m.jsx(Hle, Go({ width: n, height: r }, e));
   } });
 };
-const Tle = Zt.span`
+const Tle = Bt.span`
   color: black;
   font: var(--gf-label-md-default);
   font-weight: 600;
   font-size: 20px;
-`, Rle = Zt.span`
+`, Rle = Bt.span`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
   font-size: 10px;
-`, X7e = ({
+`, Q7e = ({
   pieChartData: e,
   title: t,
   isEmpty: n,
@@ -34010,8 +34010,8 @@ const Tle = Zt.span`
       },
       children: n ? "Data niet openbaar beschikbaar" : ""
     }
-  )), h = ({ data: p }) => /* @__PURE__ */ m.jsx(un, { gap: 16, className: "gf-full", justify: "center", wrap: !0, style: { width: c }, children: p == null ? void 0 : p.map(
-    (g, v) => /* @__PURE__ */ m.jsxs(un, { gap: 8, align: "center", children: [
+  )), h = ({ data: p }) => /* @__PURE__ */ m.jsx(tn, { gap: 16, className: "gf-full", justify: "center", wrap: !0, style: { width: c }, children: p == null ? void 0 : p.map(
+    (g, v) => /* @__PURE__ */ m.jsxs(tn, { gap: 8, align: "center", children: [
       /* @__PURE__ */ m.jsx("div", { style: {
         minWidth: 16,
         minHeight: 16,
@@ -34021,8 +34021,8 @@ const Tle = Zt.span`
     ] }, `legend-${v}`)
   ) });
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
-    /* @__PURE__ */ m.jsxs(un, { vertical: !0, gap: 8, align: "center", style: { width: "100%" }, children: [
+    /* @__PURE__ */ m.jsx($n, {}),
+    /* @__PURE__ */ m.jsxs(tn, { vertical: !0, gap: 8, align: "center", style: { width: "100%" }, children: [
       /* @__PURE__ */ m.jsx(Tle, { children: t }),
       /* @__PURE__ */ m.jsx("div", { style: { width: "100%", height: l }, children: /* @__PURE__ */ m.jsx(
         Vle,
@@ -34737,7 +34737,7 @@ var Y$ = function(e) {
     var k, A = 0, D = 0, U = 0;
     t === "y" ? (U = -90, A = _, $ === "start" ? (k = "start", D = s) : $ === "middle" ? (k = "middle", D = s / 2) : $ === "end" && (k = "end")) : (D = _, $ === "start" ? k = "start" : $ === "middle" ? (k = "middle", A = s / 2) : $ === "end" && (k = "end", A = s)), P = m.jsxs(m.Fragment, { children: [I.outlineWidth > 0 && m.jsx("text", { transform: "translate(" + A + ", " + D + ") rotate(" + U + ")", textAnchor: k, style: ei({ dominantBaseline: "central" }, I), strokeWidth: 2 * I.outlineWidth, stroke: I.outlineColor, strokeLinejoin: "round", children: S }), m.jsx("text", { transform: "translate(" + A + ", " + D + ") rotate(" + U + ")", textAnchor: k, style: ei({ dominantBaseline: "central" }, I), children: S })] });
   }
-  var q = Gn(), G = q.animate, J = q.config, X = an({ transform: "translate(" + i + "," + a + ")", lineX2: t === "x" ? s : 0, lineY2: t === "x" ? 0 : s, config: J, immediate: !G }), Y = ze(function(W) {
+  var q = Gn(), G = q.animate, J = q.config, X = sn({ transform: "translate(" + i + "," + a + ")", lineX2: t === "x" ? s : 0, lineY2: t === "x" ? 0 : s, config: J, immediate: !G }), Y = ze(function(W) {
     return { opacity: 1, transform: "translate(" + W.x + "," + W.y + ")", textTransform: "translate(" + W.textX + "," + W.textY + ") rotate(" + g + ")" };
   }, [g]), Q = ze(function(W) {
     return { opacity: 0, transform: "translate(" + W.x + "," + W.y + ")", textTransform: "translate(" + W.textX + "," + W.textY + ") rotate(" + g + ")" };
@@ -34929,7 +34929,7 @@ var Q4 = { dotSize: 4, noteWidth: 120, noteTextOffset: 8, animate: !0 }, Rue = f
     return Pue(e);
   }, [e]);
 }, Nue = function(e) {
-  var t = e.datum, n = e.x, r = e.y, i = e.note, o = Qt(), a = Gn(), s = a.animate, l = a.config, c = an({ x: n, y: r, config: l, immediate: !s });
+  var t = e.datum, n = e.x, r = e.y, i = e.note, o = Qt(), a = Gn(), s = a.animate, l = a.config, c = sn({ x: n, y: r, config: l, immediate: !s });
   return typeof i == "function" ? Mt(i, { x: n, y: r, datum: t }) : m.jsxs(m.Fragment, { children: [o.annotations.text.outlineWidth > 0 && m.jsx(rt.text, { x: c.x, y: c.y, style: Yo({}, o.annotations.text, { strokeLinejoin: "round", strokeWidth: 2 * o.annotations.text.outlineWidth, stroke: o.annotations.text.outlineColor }), children: i }), m.jsx(rt.text, { x: c.x, y: c.y, style: as(o.annotations.text, ["outlineWidth", "outlineColor"]), children: i })] });
 }, Cm = function(e) {
   var t = e.points, n = e.isOutline, r = n !== void 0 && n, i = Qt(), o = Se(function() {
@@ -34942,13 +34942,13 @@ var Q4 = { dotSize: 4, noteWidth: 120, noteTextOffset: 8, animate: !0 }, Rue = f
   var s = Yo({}, i.annotations.link);
   return r && (s.strokeLinecap = "square", s.strokeWidth = i.annotations.link.strokeWidth + 2 * i.annotations.link.outlineWidth, s.stroke = i.annotations.link.outlineColor, s.opacity = i.annotations.link.outlineOpacity), m.jsx(rt.path, { fill: "none", d: a, style: s });
 }, Fue = function(e) {
-  var t = e.x, n = e.y, r = e.size, i = Qt(), o = Gn(), a = o.animate, s = o.config, l = an({ x: t, y: n, radius: r / 2, config: s, immediate: !a });
+  var t = e.x, n = e.y, r = e.size, i = Qt(), o = Gn(), a = o.animate, s = o.config, l = sn({ x: t, y: n, radius: r / 2, config: s, immediate: !a });
   return m.jsxs(m.Fragment, { children: [i.annotations.outline.outlineWidth > 0 && m.jsx(rt.circle, { cx: l.x, cy: l.y, r: l.radius, style: Yo({}, i.annotations.outline, { fill: "none", strokeWidth: i.annotations.outline.strokeWidth + 2 * i.annotations.outline.outlineWidth, stroke: i.annotations.outline.outlineColor, opacity: i.annotations.outline.outlineOpacity }) }), m.jsx(rt.circle, { cx: l.x, cy: l.y, r: l.radius, style: i.annotations.outline })] });
 }, Due = function(e) {
-  var t = e.x, n = e.y, r = e.size, i = r === void 0 ? Q4.dotSize : r, o = Qt(), a = Gn(), s = a.animate, l = a.config, c = an({ x: t, y: n, radius: i / 2, config: l, immediate: !s });
+  var t = e.x, n = e.y, r = e.size, i = r === void 0 ? Q4.dotSize : r, o = Qt(), a = Gn(), s = a.animate, l = a.config, c = sn({ x: t, y: n, radius: i / 2, config: l, immediate: !s });
   return m.jsxs(m.Fragment, { children: [o.annotations.outline.outlineWidth > 0 && m.jsx(rt.circle, { cx: c.x, cy: c.y, r: c.radius, style: Yo({}, o.annotations.outline, { fill: "none", strokeWidth: 2 * o.annotations.outline.outlineWidth, stroke: o.annotations.outline.outlineColor, opacity: o.annotations.outline.outlineOpacity }) }), m.jsx(rt.circle, { cx: c.x, cy: c.y, r: c.radius, style: o.annotations.symbol })] });
 }, zue = function(e) {
-  var t = e.x, n = e.y, r = e.width, i = e.height, o = e.borderRadius, a = o === void 0 ? 6 : o, s = Qt(), l = Gn(), c = l.animate, u = l.config, d = an({ x: t - r / 2, y: n - i / 2, width: r, height: i, config: u, immediate: !c });
+  var t = e.x, n = e.y, r = e.width, i = e.height, o = e.borderRadius, a = o === void 0 ? 6 : o, s = Qt(), l = Gn(), c = l.animate, u = l.config, d = sn({ x: t - r / 2, y: n - i / 2, width: r, height: i, config: u, immediate: !c });
   return m.jsxs(m.Fragment, { children: [s.annotations.outline.outlineWidth > 0 && m.jsx(rt.rect, { x: d.x, y: d.y, rx: a, ry: a, width: d.width, height: d.height, style: Yo({}, s.annotations.outline, { fill: "none", strokeWidth: s.annotations.outline.strokeWidth + 2 * s.annotations.outline.outlineWidth, stroke: s.annotations.outline.outlineColor, opacity: s.annotations.outline.outlineOpacity }) }), m.jsx(rt.rect, { x: d.x, y: d.y, rx: a, ry: a, width: d.width, height: d.height, style: s.annotations.outline })] });
 }, Bue = function(e) {
   var t = e.datum, n = e.x, r = e.y, i = e.note, o = Aue(e);
@@ -35743,7 +35743,7 @@ var gde = function(e) {
     if (!Array.isArray(e.sizes) || e.sizes.length !== 2) throw new Error("symbolSize is invalid, sizes spec should be an array containing two values, min and max");
     var t = ia().domain([e.values[0], e.values[1]]).range([e.sizes[0], e.sizes[1]]);
     return function(n) {
-      return t(_n(n, e.key));
+      return t(En(n, e.key));
     };
   }
   throw new Error("nodeSize is invalid, it should be either a function, a number or an object");
@@ -35796,7 +35796,7 @@ var gde = function(e) {
 }, colors: { scheme: "nivo" }, isInteractive: !0, debugMesh: !1, tooltip: function(e) {
   var t = e.node;
   return m.jsx(Gs, { id: t.serieId, value: "x: " + t.formattedX + ", y: " + t.formattedY, enableChip: !0, color: t.color });
-}, markers: [], legends: [], annotations: [] }, $n = Dr({}, uM, { blendMode: "normal", layers: ["grid", "axes", "nodes", "markers", "mesh", "legends", "annotations"], role: "img", useMesh: !0, animate: !0, motionConfig: "default" }), fr = Dr({}, uM, { layers: ["grid", "axes", "nodes", "mesh", "legends", "annotations"], pixelRatio: typeof window < "u" && window.devicePixelRatio || 1, renderNode: function(e, t) {
+}, markers: [], legends: [], annotations: [] }, Mn = Dr({}, uM, { blendMode: "normal", layers: ["grid", "axes", "nodes", "markers", "mesh", "legends", "annotations"], role: "img", useMesh: !0, animate: !0, motionConfig: "default" }), fr = Dr({}, uM, { layers: ["grid", "axes", "nodes", "mesh", "legends", "annotations"], pixelRatio: typeof window < "u" && window.devicePixelRatio || 1, renderNode: function(e, t) {
   e.beginPath(), e.arc(t.x, t.y, t.size / 2, 0, 2 * Math.PI), e.fillStyle = t.color, e.fill();
 } }), pde = function(e) {
   var t = e.nodes, n = e.annotations, r = cM(t, n);
@@ -35834,7 +35834,7 @@ var gde = function(e) {
   }, [s]);
   return m.jsx(iM, { nodes: t, width: n, height: r, onMouseEnter: h, onMouseMove: p, onMouseLeave: g, onClick: v, debug: c });
 }, xde = ["isInteractive", "animate", "motionConfig", "theme", "renderWrapper"], wde = function(e) {
-  var t = e.data, n = e.xScale, r = n === void 0 ? $n.xScale : n, i = e.xFormat, o = e.yScale, a = o === void 0 ? $n.yScale : o, s = e.yFormat, l = e.width, c = e.height, u = e.margin, d = e.layers, f = d === void 0 ? $n.layers : d, h = e.colors, p = h === void 0 ? $n.colors : h, g = e.blendMode, v = g === void 0 ? $n.blendMode : g, b = e.nodeId, y = b === void 0 ? $n.nodeId : b, x = e.nodeSize, S = x === void 0 ? $n.nodeSize : x, w = e.nodeComponent, $ = w === void 0 ? $n.nodeComponent : w, V = e.enableGridX, _ = V === void 0 ? $n.enableGridX : V, M = e.enableGridY, O = M === void 0 ? $n.enableGridY : M, R = e.gridXValues, I = e.gridYValues, L = e.axisTop, E = e.axisRight, T = e.axisBottom, j = T === void 0 ? $n.axisBottom : T, H = e.axisLeft, P = H === void 0 ? $n.axisLeft : H, k = e.annotations, A = k === void 0 ? $n.annotations : k, D = e.isInteractive, U = D === void 0 ? $n.isInteractive : D, q = e.useMesh, G = q === void 0 ? $n.useMesh : q, J = e.debugMesh, X = J === void 0 ? $n.debugMesh : J, Y = e.onMouseEnter, Q = e.onMouseMove, B = e.onMouseLeave, W = e.onClick, Z = e.tooltip, N = Z === void 0 ? $n.tooltip : Z, ne = e.markers, z = ne === void 0 ? $n.markers : ne, re = e.legends, ie = re === void 0 ? $n.legends : re, ge = e.role, ye = ge === void 0 ? $n.role : ge, pe = e.ariaLabel, be = e.ariaLabelledBy, we = e.ariaDescribedBy, ve = ns(l, c, u), he = ve.margin, le = ve.innerWidth, $e = ve.innerHeight, fe = ve.outerWidth, Fe = ve.outerHeight, Ae = lM({ data: t, xScaleSpec: r, xFormat: i, yScaleSpec: a, yFormat: s, width: le, height: $e, nodeId: y, nodeSize: S, colors: p }), Te = Ae.xScale, je = Ae.yScale, Qe = Ae.nodes, et = Ae.legendData, Be = Se(function() {
+  var t = e.data, n = e.xScale, r = n === void 0 ? Mn.xScale : n, i = e.xFormat, o = e.yScale, a = o === void 0 ? Mn.yScale : o, s = e.yFormat, l = e.width, c = e.height, u = e.margin, d = e.layers, f = d === void 0 ? Mn.layers : d, h = e.colors, p = h === void 0 ? Mn.colors : h, g = e.blendMode, v = g === void 0 ? Mn.blendMode : g, b = e.nodeId, y = b === void 0 ? Mn.nodeId : b, x = e.nodeSize, S = x === void 0 ? Mn.nodeSize : x, w = e.nodeComponent, $ = w === void 0 ? Mn.nodeComponent : w, V = e.enableGridX, _ = V === void 0 ? Mn.enableGridX : V, M = e.enableGridY, O = M === void 0 ? Mn.enableGridY : M, R = e.gridXValues, I = e.gridYValues, L = e.axisTop, E = e.axisRight, T = e.axisBottom, j = T === void 0 ? Mn.axisBottom : T, H = e.axisLeft, P = H === void 0 ? Mn.axisLeft : H, k = e.annotations, A = k === void 0 ? Mn.annotations : k, D = e.isInteractive, U = D === void 0 ? Mn.isInteractive : D, q = e.useMesh, G = q === void 0 ? Mn.useMesh : q, J = e.debugMesh, X = J === void 0 ? Mn.debugMesh : J, Y = e.onMouseEnter, Q = e.onMouseMove, B = e.onMouseLeave, W = e.onClick, Z = e.tooltip, N = Z === void 0 ? Mn.tooltip : Z, ne = e.markers, z = ne === void 0 ? Mn.markers : ne, re = e.legends, ie = re === void 0 ? Mn.legends : re, ge = e.role, ye = ge === void 0 ? Mn.role : ge, pe = e.ariaLabel, be = e.ariaLabelledBy, we = e.ariaDescribedBy, ve = ns(l, c, u), he = ve.margin, le = ve.innerWidth, $e = ve.innerHeight, fe = ve.outerWidth, Fe = ve.outerHeight, Ae = lM({ data: t, xScaleSpec: r, xFormat: i, yScaleSpec: a, yFormat: s, width: le, height: $e, nodeId: y, nodeSize: S, colors: p }), Te = Ae.xScale, je = Ae.yScale, Qe = Ae.nodes, et = Ae.legendData, Be = Se(function() {
     return { xScale: Te, yScale: je, nodes: Qe, margin: he, innerWidth: le, innerHeight: $e, outerWidth: fe, outerHeight: Fe };
   }, [Te, je, Qe, he, le, $e, fe, Fe]), ke = { grid: null, axes: null, nodes: null, markers: null, mesh: null, annotations: null, legends: null };
   return f.includes("grid") && (ke.grid = m.jsx(J$, { width: le, height: $e, xScale: _ ? Te : null, yScale: O ? je : null, xValues: R, yValues: I }, "grid")), f.includes("axes") && (ke.axes = m.jsx(Q$, { xScale: Te, yScale: je, width: le, height: $e, top: L, right: E, bottom: j, left: P }, "axes")), f.includes("nodes") && (ke.nodes = m.jsx(yde, { nodes: Qe, nodeComponent: $, isInteractive: U, tooltip: N, blendMode: v, onMouseEnter: Y, onMouseMove: Q, onMouseLeave: B, onClick: W }, "nodes")), f.includes("markers") && (ke.markers = m.jsx(m$, { markers: z, width: le, height: $e, xScale: Te, yScale: je }, "markers")), f.includes("mesh") && U && G && (ke.mesh = m.jsx(Cde, { nodes: Qe, width: le, height: $e, onMouseEnter: Y, onMouseMove: Q, onMouseLeave: B, onClick: W, tooltip: N, debug: X }, "mesh")), f.includes("annotations") && (ke.annotations = m.jsx(pde, { nodes: Qe, annotations: A }, "annotations")), f.includes("legends") && (ke.legends = ie.map(function(tt, Ge) {
@@ -35845,7 +35845,7 @@ var gde = function(e) {
     throw new Error("Unknown layer (" + tt + ")");
   }) });
 }, Sde = function(e) {
-  var t = e.isInteractive, n = t === void 0 ? $n.isInteractive : t, r = e.animate, i = r === void 0 ? $n.animate : r, o = e.motionConfig, a = o === void 0 ? $n.motionConfig : o, s = e.theme, l = e.renderWrapper, c = sM(e, xde);
+  var t = e.isInteractive, n = t === void 0 ? Mn.isInteractive : t, r = e.animate, i = r === void 0 ? Mn.animate : r, o = e.motionConfig, a = o === void 0 ? Mn.motionConfig : o, s = e.theme, l = e.renderWrapper, c = sM(e, xde);
   return m.jsx(rs, { animate: i, isInteractive: n, motionConfig: a, renderWrapper: l, theme: s, children: m.jsx(wde, Dr({ isInteractive: n }, c)) });
 }, dM = function(e) {
   return m.jsx(oa, { children: function(t) {
@@ -35853,7 +35853,7 @@ var gde = function(e) {
     return m.jsx(Sde, Dr({ width: n, height: r }, e));
   } });
 }, $de = ["isInteractive", "renderWrapper", "theme"], Mde = function(e) {
-  var t = e.data, n = e.xScale, r = n === void 0 ? fr.xScale : n, i = e.xFormat, o = e.yScale, a = o === void 0 ? fr.yScale : o, s = e.yFormat, l = e.width, c = e.height, u = e.margin, d = e.pixelRatio, f = d === void 0 ? fr.pixelRatio : d, h = e.layers, p = h === void 0 ? fr.layers : h, g = e.colors, v = g === void 0 ? fr.colors : g, b = e.nodeId, y = b === void 0 ? $n.nodeId : b, x = e.nodeSize, S = x === void 0 ? fr.nodeSize : x, w = e.renderNode, $ = w === void 0 ? fr.renderNode : w, V = e.enableGridX, _ = V === void 0 ? fr.enableGridX : V, M = e.gridXValues, O = e.enableGridY, R = O === void 0 ? fr.enableGridY : O, I = e.gridYValues, L = e.axisTop, E = e.axisRight, T = e.axisBottom, j = T === void 0 ? fr.axisBottom : T, H = e.axisLeft, P = H === void 0 ? fr.axisLeft : H, k = e.annotations, A = k === void 0 ? fr.annotations : k, D = e.isInteractive, U = D === void 0 ? fr.isInteractive : D, q = e.debugMesh, G = q === void 0 ? fr.debugMesh : q, J = e.onMouseEnter, X = e.onMouseMove, Y = e.onMouseLeave, Q = e.onClick, B = e.tooltip, W = B === void 0 ? fr.tooltip : B, Z = e.legends, N = Z === void 0 ? fr.legends : Z, ne = e.canvasRef, z = Le(null), re = Qt(), ie = pt(null), ge = ie[0], ye = ie[1], pe = ns(l, c, u), be = pe.margin, we = pe.innerWidth, ve = pe.innerHeight, he = pe.outerWidth, le = pe.outerHeight, $e = lM({ data: t, xScaleSpec: r, xFormat: i, yScaleSpec: a, yFormat: s, width: we, height: ve, nodeId: y, nodeSize: S, colors: v }), fe = $e.xScale, Fe = $e.yScale, Ae = $e.nodes, Te = $e.legendData, je = cM(Ae, A), Qe = Wh({ points: Ae, width: we, height: ve, debug: G }), et = Qe.delaunay, Be = Qe.voronoi, ke = Se(function() {
+  var t = e.data, n = e.xScale, r = n === void 0 ? fr.xScale : n, i = e.xFormat, o = e.yScale, a = o === void 0 ? fr.yScale : o, s = e.yFormat, l = e.width, c = e.height, u = e.margin, d = e.pixelRatio, f = d === void 0 ? fr.pixelRatio : d, h = e.layers, p = h === void 0 ? fr.layers : h, g = e.colors, v = g === void 0 ? fr.colors : g, b = e.nodeId, y = b === void 0 ? Mn.nodeId : b, x = e.nodeSize, S = x === void 0 ? fr.nodeSize : x, w = e.renderNode, $ = w === void 0 ? fr.renderNode : w, V = e.enableGridX, _ = V === void 0 ? fr.enableGridX : V, M = e.gridXValues, O = e.enableGridY, R = O === void 0 ? fr.enableGridY : O, I = e.gridYValues, L = e.axisTop, E = e.axisRight, T = e.axisBottom, j = T === void 0 ? fr.axisBottom : T, H = e.axisLeft, P = H === void 0 ? fr.axisLeft : H, k = e.annotations, A = k === void 0 ? fr.annotations : k, D = e.isInteractive, U = D === void 0 ? fr.isInteractive : D, q = e.debugMesh, G = q === void 0 ? fr.debugMesh : q, J = e.onMouseEnter, X = e.onMouseMove, Y = e.onMouseLeave, Q = e.onClick, B = e.tooltip, W = B === void 0 ? fr.tooltip : B, Z = e.legends, N = Z === void 0 ? fr.legends : Z, ne = e.canvasRef, z = Le(null), re = Qt(), ie = pt(null), ge = ie[0], ye = ie[1], pe = ns(l, c, u), be = pe.margin, we = pe.innerWidth, ve = pe.innerHeight, he = pe.outerWidth, le = pe.outerHeight, $e = lM({ data: t, xScaleSpec: r, xFormat: i, yScaleSpec: a, yFormat: s, width: we, height: ve, nodeId: y, nodeSize: S, colors: v }), fe = $e.xScale, Fe = $e.yScale, Ae = $e.nodes, Te = $e.legendData, je = cM(Ae, A), Qe = Wh({ points: Ae, width: we, height: ve, debug: G }), et = Qe.delaunay, Be = Qe.voronoi, ke = Se(function() {
     return { xScale: fe, yScale: Fe, nodes: Ae, margin: be, innerWidth: we, innerHeight: ve, outerWidth: he, outerHeight: le };
   }, [fe, Fe, Ae, be, we, ve, he, le]);
   St(function() {
@@ -35920,7 +35920,7 @@ const Ede = ({ x1: e, x2: t, y1: n, y2: r }) => (
       strokeWidth: "3"
     }
   ) })
-), Q7e = ({
+), J7e = ({
   scatterPlotData: e,
   style: t = {},
   margin: n = {},
@@ -35933,7 +35933,7 @@ const Ede = ({ x1: e, x2: t, y1: n, y2: r }) => (
   Math.min(l, u, ...d);
   const f = Math.max(l, u, ...d);
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
+    /* @__PURE__ */ m.jsx($n, {}),
     /* @__PURE__ */ m.jsx("div", { style: { width: "100%", height: 600, ...t }, children: /* @__PURE__ */ m.jsx(
       dM,
       {
@@ -36667,7 +36667,7 @@ const b2e = (e, t = 12) => {
     b2e(s, n).width > t ? (i.push(o), o = r[a]) : o = s;
   }
   return i.push(o), i;
-}, J7e = ({
+}, ehe = ({
   treeMapData: e,
   style: t = {},
   colors: n = { scheme: "nivo" },
@@ -36771,8 +36771,8 @@ const b2e = (e, t = 12) => {
     ] });
   }, w = ({ nodes: $ }) => $.map((V) => /* @__PURE__ */ m.jsx(S, { node: V }, V.id));
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
-    /* @__PURE__ */ m.jsxs(un, { gap: 16, vertical: !0, children: [
+    /* @__PURE__ */ m.jsx($n, {}),
+    /* @__PURE__ */ m.jsxs(tn, { gap: 16, vertical: !0, children: [
       /* @__PURE__ */ m.jsx("div", { ref: b, style: { width: "100%", height: 600, ...t }, children: /* @__PURE__ */ m.jsx(
         v2e,
         {
@@ -36915,7 +36915,7 @@ var M2e = function(e) {
   }({ series: U, getPointColor: R, getPointBorderColor: I, formatX: V, formatY: _ }), J = E2e({ componentId: $, enableSlices: w, points: G, width: l, height: c });
   return { legendData: D, toggleSerie: q, lineGenerator: M2e({ curve: h }), areaGenerator: _2e({ curve: h, yScale: P, areaBaselineValue: g }), getColor: M, series: U, xScale: H, yScale: P, slices: J, points: G };
 }, H2e = function(e) {
-  var t = e.areaBlendMode, n = e.areaOpacity, r = e.color, i = e.fill, o = e.path, a = Gn(), s = a.animate, l = a.config, c = q0(o), u = an({ color: r, config: l, immediate: !s });
+  var t = e.areaBlendMode, n = e.areaOpacity, r = e.color, i = e.fill, o = e.path, a = Gn(), s = a.animate, l = a.config, c = q0(o), u = sn({ color: r, config: l, immediate: !s });
   return m.jsx(rt.path, { d: c, fill: i || u.color, fillOpacity: n, strokeWidth: 0, style: { mixBlendMode: t } });
 }, V2e = gt(function(e) {
   var t = e.areaGenerator, n = e.areaOpacity, r = e.areaBlendMode, i = e.lines.slice(0).reverse();
@@ -36991,11 +36991,11 @@ var M2e = function(e) {
   }, [f, y]);
   return m.jsx(iM, { nodes: t, width: n, height: r, setCurrent: o, onMouseEnter: x, onMouseMove: S, onMouseLeave: w, onClick: $, onTouchStart: V, onTouchMove: _, onTouchEnd: M, enableTouchCrosshair: g, debug: p });
 }), I2e = b$(function(e) {
-  var t = e.data, n = e.xScale, r = n === void 0 ? { type: "point" } : n, i = e.xFormat, o = e.yScale, a = o === void 0 ? { type: "linear", min: 0, max: "auto" } : o, s = e.yFormat, l = e.layers, c = l === void 0 ? ["grid", "markers", "axes", "areas", "crosshair", "lines", "points", "slices", "mesh", "legends"] : l, u = e.curve, d = u === void 0 ? "linear" : u, f = e.areaBaselineValue, h = f === void 0 ? 0 : f, p = e.colors, g = p === void 0 ? { scheme: "nivo" } : p, v = e.margin, b = e.width, y = e.height, x = e.axisTop, S = e.axisRight, w = e.axisBottom, $ = w === void 0 ? {} : w, V = e.axisLeft, _ = V === void 0 ? {} : V, M = e.enableGridX, O = M === void 0 || M, R = e.enableGridY, I = R === void 0 || R, L = e.gridXValues, E = e.gridYValues, T = e.lineWidth, j = T === void 0 ? 2 : T, H = e.enableArea, P = H !== void 0 && H, k = e.areaOpacity, A = k === void 0 ? 0.2 : k, D = e.areaBlendMode, U = D === void 0 ? "normal" : D, q = e.enablePoints, G = q === void 0 || q, J = e.pointSymbol, X = e.pointSize, Y = X === void 0 ? 6 : X, Q = e.pointColor, B = Q === void 0 ? { from: "color" } : Q, W = e.pointBorderWidth, Z = W === void 0 ? 0 : W, N = e.pointBorderColor, ne = N === void 0 ? { theme: "background" } : N, z = e.enablePointLabel, re = z !== void 0 && z, ie = e.pointLabel, ge = ie === void 0 ? "data.yFormatted" : ie, ye = e.pointLabelYOffset, pe = e.defs, be = pe === void 0 ? [] : pe, we = e.fill, ve = we === void 0 ? [] : we, he = e.markers, le = e.legends, $e = le === void 0 ? [] : le, fe = e.isInteractive, Fe = fe === void 0 || fe, Ae = e.useMesh, Te = Ae !== void 0 && Ae, je = e.debugMesh, Qe = je !== void 0 && je, et = e.onMouseEnter, Be = e.onMouseMove, ke = e.onMouseLeave, tt = e.onClick, Ge = e.onTouchStart, Ke = e.onTouchMove, ue = e.onTouchEnd, Ee = e.tooltip, Je = Ee === void 0 ? Gh : Ee, ot = e.enableSlices, De = ot !== void 0 && ot, Ze = e.debugSlices, We = Ze !== void 0 && Ze, nt = e.sliceTooltip, it = nt === void 0 ? LM : nt, Ue = e.enableCrosshair, Pe = Ue === void 0 || Ue, ft = e.crosshairType, wt = ft === void 0 ? "bottom-left" : ft, Oe = e.enableTouchCrosshair, de = Oe !== void 0 && Oe, xe = e.role, He = xe === void 0 ? "img" : xe, Xe = ns(b, y, v), qe = Xe.margin, at = Xe.innerWidth, K = Xe.innerHeight, oe = Xe.outerWidth, ae = Xe.outerHeight, Ve = kM({ data: t, xScale: r, xFormat: i, yScale: a, yFormat: s, width: at, height: K, colors: g, curve: d, areaBaselineValue: h, pointColor: B, pointBorderColor: ne, enableSlices: De }), st = Ve.legendData, ct = Ve.toggleSerie, ut = Ve.lineGenerator, mt = Ve.areaGenerator, me = Ve.series, Ce = Ve.xScale, Re = Ve.yScale, lt = Ve.slices, Ct = Ve.points, Et = Qt(), bt = Nr(B, Et), kt = Nr(ne, Et), fn = pt(null), Bt = fn[0], Cn = fn[1], br = pt(null), Ut = br[0], Nn = br[1], dt = { grid: m.jsx(J$, { theme: Et, width: at, height: K, xScale: O ? Ce : null, yScale: I ? Re : null, xValues: L, yValues: E }, "grid"), markers: m.jsx(m$, { markers: he, width: at, height: K, xScale: Ce, yScale: Re, theme: Et }, "markers"), axes: m.jsx(Q$, { xScale: Ce, yScale: Re, width: at, height: K, theme: Et, top: x, right: S, bottom: $, left: _ }, "axes"), areas: null, lines: m.jsx(R2e, { lines: me, lineGenerator: ut, lineWidth: j }, "lines"), slices: null, points: null, crosshair: null, mesh: null, legends: $e.map(function(mn, xn) {
+  var t = e.data, n = e.xScale, r = n === void 0 ? { type: "point" } : n, i = e.xFormat, o = e.yScale, a = o === void 0 ? { type: "linear", min: 0, max: "auto" } : o, s = e.yFormat, l = e.layers, c = l === void 0 ? ["grid", "markers", "axes", "areas", "crosshair", "lines", "points", "slices", "mesh", "legends"] : l, u = e.curve, d = u === void 0 ? "linear" : u, f = e.areaBaselineValue, h = f === void 0 ? 0 : f, p = e.colors, g = p === void 0 ? { scheme: "nivo" } : p, v = e.margin, b = e.width, y = e.height, x = e.axisTop, S = e.axisRight, w = e.axisBottom, $ = w === void 0 ? {} : w, V = e.axisLeft, _ = V === void 0 ? {} : V, M = e.enableGridX, O = M === void 0 || M, R = e.enableGridY, I = R === void 0 || R, L = e.gridXValues, E = e.gridYValues, T = e.lineWidth, j = T === void 0 ? 2 : T, H = e.enableArea, P = H !== void 0 && H, k = e.areaOpacity, A = k === void 0 ? 0.2 : k, D = e.areaBlendMode, U = D === void 0 ? "normal" : D, q = e.enablePoints, G = q === void 0 || q, J = e.pointSymbol, X = e.pointSize, Y = X === void 0 ? 6 : X, Q = e.pointColor, B = Q === void 0 ? { from: "color" } : Q, W = e.pointBorderWidth, Z = W === void 0 ? 0 : W, N = e.pointBorderColor, ne = N === void 0 ? { theme: "background" } : N, z = e.enablePointLabel, re = z !== void 0 && z, ie = e.pointLabel, ge = ie === void 0 ? "data.yFormatted" : ie, ye = e.pointLabelYOffset, pe = e.defs, be = pe === void 0 ? [] : pe, we = e.fill, ve = we === void 0 ? [] : we, he = e.markers, le = e.legends, $e = le === void 0 ? [] : le, fe = e.isInteractive, Fe = fe === void 0 || fe, Ae = e.useMesh, Te = Ae !== void 0 && Ae, je = e.debugMesh, Qe = je !== void 0 && je, et = e.onMouseEnter, Be = e.onMouseMove, ke = e.onMouseLeave, tt = e.onClick, Ge = e.onTouchStart, Ke = e.onTouchMove, ue = e.onTouchEnd, Ee = e.tooltip, Je = Ee === void 0 ? Gh : Ee, ot = e.enableSlices, De = ot !== void 0 && ot, Ze = e.debugSlices, We = Ze !== void 0 && Ze, nt = e.sliceTooltip, it = nt === void 0 ? LM : nt, Ue = e.enableCrosshair, Pe = Ue === void 0 || Ue, ft = e.crosshairType, wt = ft === void 0 ? "bottom-left" : ft, Oe = e.enableTouchCrosshair, de = Oe !== void 0 && Oe, xe = e.role, He = xe === void 0 ? "img" : xe, Xe = ns(b, y, v), qe = Xe.margin, at = Xe.innerWidth, K = Xe.innerHeight, oe = Xe.outerWidth, ae = Xe.outerHeight, Ve = kM({ data: t, xScale: r, xFormat: i, yScale: a, yFormat: s, width: at, height: K, colors: g, curve: d, areaBaselineValue: h, pointColor: B, pointBorderColor: ne, enableSlices: De }), st = Ve.legendData, ct = Ve.toggleSerie, ut = Ve.lineGenerator, mt = Ve.areaGenerator, me = Ve.series, Ce = Ve.xScale, Re = Ve.yScale, lt = Ve.slices, Ct = Ve.points, Et = Qt(), bt = Nr(B, Et), kt = Nr(ne, Et), fn = pt(null), Wt = fn[0], Cn = fn[1], br = pt(null), Ut = br[0], Nn = br[1], dt = { grid: m.jsx(J$, { theme: Et, width: at, height: K, xScale: O ? Ce : null, yScale: I ? Re : null, xValues: L, yValues: E }, "grid"), markers: m.jsx(m$, { markers: he, width: at, height: K, xScale: Ce, yScale: Re, theme: Et }, "markers"), axes: m.jsx(Q$, { xScale: Ce, yScale: Re, width: at, height: K, theme: Et, top: x, right: S, bottom: $, left: _ }, "axes"), areas: null, lines: m.jsx(R2e, { lines: me, lineGenerator: ut, lineWidth: j }, "lines"), slices: null, points: null, crosshair: null, mesh: null, legends: $e.map(function(mn, xn) {
     return m.jsx(Y0, Sr({}, mn, { containerWidth: at, containerHeight: K, data: mn.data || st, theme: Et, toggleSerie: mn.toggleSerie ? ct : void 0 }), "legend." + xn);
   }) }, jn = Ah(be, me, ve);
-  return P && (dt.areas = m.jsx(V2e, { areaGenerator: mt, areaOpacity: A, areaBlendMode: U, lines: me }, "areas")), Fe && De !== !1 && (dt.slices = m.jsx(j2e, { slices: lt, axis: De, debug: We, height: K, tooltip: it, current: Ut, setCurrent: Nn, onMouseEnter: et, onMouseMove: Be, onMouseLeave: ke, onClick: tt, onTouchStart: Ge, onTouchMove: Ke, onTouchEnd: ue }, "slices")), G && (dt.points = m.jsx(k2e, { points: Ct, symbol: J, size: Y, color: bt, borderWidth: Z, borderColor: kt, enableLabel: re, label: ge, labelYOffset: ye }, "points")), Fe && Pe && (Bt !== null && (dt.crosshair = m.jsx(O4, { width: at, height: K, x: Bt.x, y: Bt.y, type: wt }, "crosshair")), Ut !== null && (dt.crosshair = m.jsx(O4, { width: at, height: K, x: Ut.x, y: Ut.y, type: De }, "crosshair"))), Fe && Te && De === !1 && (dt.mesh = m.jsx(P2e, { points: Ct, width: at, height: K, margin: qe, current: Bt, setCurrent: Cn, onMouseEnter: et, onMouseMove: Be, onMouseLeave: ke, onClick: tt, onTouchStart: Ge, onTouchMove: Ke, onTouchEnd: ue, tooltip: Je, enableTouchCrosshair: de, debug: Qe }, "mesh")), m.jsx(Ll, { defs: jn, width: oe, height: ae, margin: qe, role: He, children: c.map(function(mn, xn) {
-    return typeof mn == "function" ? m.jsx(Xr, { children: mn(Sr({}, e, { innerWidth: at, innerHeight: K, series: me, slices: lt, points: Ct, xScale: Ce, yScale: Re, lineGenerator: ut, areaGenerator: mt, currentPoint: Bt, setCurrentPoint: Cn, currentSlice: Ut, setCurrentSlice: Nn })) }, xn) : dt[mn];
+  return P && (dt.areas = m.jsx(V2e, { areaGenerator: mt, areaOpacity: A, areaBlendMode: U, lines: me }, "areas")), Fe && De !== !1 && (dt.slices = m.jsx(j2e, { slices: lt, axis: De, debug: We, height: K, tooltip: it, current: Ut, setCurrent: Nn, onMouseEnter: et, onMouseMove: Be, onMouseLeave: ke, onClick: tt, onTouchStart: Ge, onTouchMove: Ke, onTouchEnd: ue }, "slices")), G && (dt.points = m.jsx(k2e, { points: Ct, symbol: J, size: Y, color: bt, borderWidth: Z, borderColor: kt, enableLabel: re, label: ge, labelYOffset: ye }, "points")), Fe && Pe && (Wt !== null && (dt.crosshair = m.jsx(O4, { width: at, height: K, x: Wt.x, y: Wt.y, type: wt }, "crosshair")), Ut !== null && (dt.crosshair = m.jsx(O4, { width: at, height: K, x: Ut.x, y: Ut.y, type: De }, "crosshair"))), Fe && Te && De === !1 && (dt.mesh = m.jsx(P2e, { points: Ct, width: at, height: K, margin: qe, current: Wt, setCurrent: Cn, onMouseEnter: et, onMouseMove: Be, onMouseLeave: ke, onClick: tt, onTouchStart: Ge, onTouchMove: Ke, onTouchEnd: ue, tooltip: Je, enableTouchCrosshair: de, debug: Qe }, "mesh")), m.jsx(Ll, { defs: jn, width: oe, height: ae, margin: qe, role: He, children: c.map(function(mn, xn) {
+    return typeof mn == "function" ? m.jsx(Xr, { children: mn(Sr({}, e, { innerWidth: at, innerHeight: K, series: me, slices: lt, points: Ct, xScale: Ce, yScale: Re, lineGenerator: ut, areaGenerator: mt, currentPoint: Wt, setCurrentPoint: Cn, currentSlice: Ut, setCurrentSlice: Nn })) }, xn) : dt[mn];
   }) });
 }), A2e = function(e) {
   return m.jsx(oa, { children: function(t) {
@@ -37057,7 +37057,7 @@ mr(function(e, t) {
     return m.jsx(F2e, Sr({ width: r, height: i }, e, { ref: t }));
   } });
 });
-const D2e = Zt.span`
+const D2e = Bt.span`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
 `, Lm = {
@@ -37080,7 +37080,7 @@ const D2e = Zt.span`
   G: "Verbranden",
   H: "Storten",
   I: "Opslag"
-}, B2e = () => /* @__PURE__ */ m.jsx("div", { style: { marginTop: 10, marginLeft: 10, whiteSpace: "nowrap" }, children: Object.keys(Lm).map((e, t) => /* @__PURE__ */ m.jsxs(un, { gap: 8, align: "center", children: [
+}, B2e = () => /* @__PURE__ */ m.jsx("div", { style: { marginTop: 10, marginLeft: 10, whiteSpace: "nowrap" }, children: Object.keys(Lm).map((e, t) => /* @__PURE__ */ m.jsxs(tn, { gap: 8, align: "center", children: [
   /* @__PURE__ */ m.jsx(
     "div",
     {
@@ -37093,7 +37093,7 @@ const D2e = Zt.span`
     }
   ),
   /* @__PURE__ */ m.jsx(D2e, { children: `${e} ${z2e[e]}` })
-] }, `legend-${t}`)) }), ehe = ({
+] }, `legend-${t}`)) }), the = ({
   trendsData: e,
   height: t = null,
   margin: n = {},
@@ -37102,7 +37102,7 @@ const D2e = Zt.span`
   yLeg: o,
   tooltip: a = null
 }) => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-  /* @__PURE__ */ m.jsx(En, {}),
+  /* @__PURE__ */ m.jsx($n, {}),
   /* @__PURE__ */ m.jsxs(Wo, { style: { width: "100%" }, children: [
     /* @__PURE__ */ m.jsx(Or, { span: 6, children: /* @__PURE__ */ m.jsx(B2e, {}) }),
     /* @__PURE__ */ m.jsx(Or, { span: 18, children: /* @__PURE__ */ m.jsx("div", { style: { width: "100%", height: t || 600 }, children: /* @__PURE__ */ m.jsx(
@@ -37146,12 +37146,12 @@ const D2e = Zt.span`
       }
     ) }) })
   ] })
-] }), W2e = Zt.h3`
+] }), W2e = Bt.h3`
   color: var(--gf-color-button-primary);
-`, the = ({ selectors: e, setter: t, style: n }) => {
+`, nhe = ({ selectors: e, setter: t, style: n }) => {
   const r = 24 / e.length;
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
+    /* @__PURE__ */ m.jsx($n, {}),
     /* @__PURE__ */ m.jsx($1, { cardtype: "default", style: { width: "100%", ...n }, children: /* @__PURE__ */ m.jsx(Wo, { gutter: 20, children: e.map(
       (i, o) => /* @__PURE__ */ m.jsxs(Or, { span: r, children: [
         /* @__PURE__ */ m.jsx(W2e, { children: i.title }),
@@ -37169,7 +37169,7 @@ const D2e = Zt.span`
       ] }, `col-${o}`)
     ) }) })
   ] });
-}, W2 = Zt.span`
+}, W2 = Bt.span`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
 `, sc = {
@@ -37192,7 +37192,7 @@ const D2e = Zt.span`
   G: "Verbranden",
   H: "Storten",
   I: "Opslag"
-}, nhe = ({
+}, rhe = ({
   data: e,
   margin: t = {},
   height: n = null,
@@ -37228,7 +37228,7 @@ const D2e = Zt.span`
         ]
       }
     ) }) });
-  }, g = ({ nodes: b }) => b.map((y) => /* @__PURE__ */ m.jsx(p, { node: y }, y.id)), v = () => /* @__PURE__ */ m.jsx("div", { style: { marginTop: 10, marginLeft: 10, whiteSpace: "nowrap" }, children: Object.keys(sc).map((b, y) => /* @__PURE__ */ m.jsxs(un, { gap: 8, align: "center", children: [
+  }, g = ({ nodes: b }) => b.map((y) => /* @__PURE__ */ m.jsx(p, { node: y }, y.id)), v = () => /* @__PURE__ */ m.jsx("div", { style: { marginTop: 10, marginLeft: 10, whiteSpace: "nowrap" }, children: Object.keys(sc).map((b, y) => /* @__PURE__ */ m.jsxs(tn, { gap: 8, align: "center", children: [
     /* @__PURE__ */ m.jsx(
       "div",
       {
@@ -37243,7 +37243,7 @@ const D2e = Zt.span`
     /* @__PURE__ */ m.jsx(W2, { children: `${b} ${Z2e[b]}` })
   ] }, `legend-${y}`)) });
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
+    /* @__PURE__ */ m.jsx($n, {}),
     /* @__PURE__ */ m.jsxs(Wo, { style: { width: "100%" }, children: [
       /* @__PURE__ */ m.jsx(Or, { span: 8, children: /* @__PURE__ */ m.jsx(v, {}) }),
       /* @__PURE__ */ m.jsx(Or, { span: 16, children: /* @__PURE__ */ m.jsx(
@@ -37619,7 +37619,7 @@ var s3e = { pointerEvents: "none", position: "absolute", zIndex: 10, top: 0, lef
 }, PM = gt(function(e) {
   var t, n = e.position, r = e.anchor, i = e.children, o = Bn(), a = wi(), s = a.animate, l = a.config, c = BM(), u = c[0], d = c[1], f = Le(!1), h = void 0, p = !1, g = d.width > 0 && d.height > 0, v = Math.round(n[0]), b = Math.round(n[1]);
   g && (r === "top" ? (v -= d.width / 2, b -= d.height + 14) : r === "right" ? (v += 14, b -= d.height / 2) : r === "bottom" ? (v -= d.width / 2, b += 14) : r === "left" ? (v -= d.width + 14, b -= d.height / 2) : r === "center" && (v -= d.width / 2, b -= d.height / 2), h = { transform: jm(v, b) }, f.current || (p = !0), f.current = [v, b]);
-  var y = an({ to: h, config: l, immediate: !s || p }), x = Fa({}, s3e, o.tooltip.wrapper, { transform: (t = y.transform) != null ? t : jm(v, b), opacity: y.transform ? 1 : 0 });
+  var y = sn({ to: h, config: l, immediate: !s || p }), x = Fa({}, s3e, o.tooltip.wrapper, { transform: (t = y.transform) != null ? t : jm(v, b), opacity: y.transform ? 1 : 0 });
   return m.jsx(rt.div, { ref: u, style: x, children: i });
 });
 PM.displayName = "TooltipWrapper";
@@ -37646,7 +37646,7 @@ d3e.displayName = "TableTooltip";
 var r5 = gt(function(e) {
   var t = e.x0, n = e.x1, r = e.y0, i = e.y1, o = Bn(), a = wi(), s = a.animate, l = a.config, c = Se(function() {
     return Fa({}, o.crosshair.line, { pointerEvents: "none" });
-  }, [o.crosshair.line]), u = an({ x1: t, x2: n, y1: r, y2: i, config: l, immediate: !s });
+  }, [o.crosshair.line]), u = sn({ x1: t, x2: n, y1: r, y2: i, config: l, immediate: !s });
   return m.jsx(rt.line, Fa({}, u, { fill: "none", style: c }));
 });
 r5.displayName = "CrosshairLine";
@@ -37709,7 +37709,7 @@ var y3e = ["axis.ticks.text", "axis.legend.text", "legends.title.text", "legends
 }, x3e = function(e, t) {
   var n = Q6({}, e, t);
   return y3e.forEach(function(r) {
-    gi(n, r, C3e(_n(n, r), n.text));
+    gi(n, r, C3e(En(n, r), n.text));
   }), n;
 }, FM = Jn(), DM = function(e) {
   var t = e.children, n = e.animate, r = n === void 0 || n, i = e.config, o = i === void 0 ? "default" : i, a = Se(function() {
@@ -37729,7 +37729,7 @@ var wi = function() {
     }, [s]), l.current;
   }(e), o = Se(function() {
     return j0(i, e);
-  }, [i, e]), a = an({ from: { value: 0 }, to: { value: 1 }, reset: !0, config: r, immediate: !n }).value;
+  }, [i, e]), a = sn({ from: { value: 0 }, to: { value: 1 }, reset: !0, config: r, immediate: !n }).value;
   return An(a, o);
 }, S3e = { nivo: ["#d76445", "#f47560", "#e8c1a0", "#97e3d5", "#61cdbb", "#00b0a7"], BrBG: ce(Ai), PRGn: ce(Ni), PiYG: ce(Fi), PuOr: ce(Di), RdBu: ce(zi), RdGy: ce(Bi), RdYlBu: ce(Wi), RdYlGn: ce(Zi), spectral: ce(Ui), blues: ce(oo), greens: ce(ao), greys: ce(so), oranges: ce(uo), purples: ce(lo), reds: ce(co), BuGn: ce(qi), BuPu: ce(Gi), GnBu: ce(Yi), OrRd: ce(Ki), PuBuGn: ce(Xi), PuBu: ce(Qi), PuRd: ce(Ji), RdPu: ce(eo), YlGnBu: ce(to), YlGn: ce(no), YlOrBr: ce(ro), YlOrRd: ce(io) }, $3e = Object.keys(S3e);
 ce(Ai), ce(Ni), ce(Fi), ce(Di), ce(zi), ce(Bi), ce(Wi), ce(Zi), ce(Ui), ce(oo), ce(ao), ce(so), ce(uo), ce(lo), ce(co), ce(qi), ce(Gi), ce(Yi), ce(Ki), ce(Xi), ce(Qi), ce(Ji), ce(eo), ce(to), ce(no), ce(ro), ce(io);
@@ -37865,7 +37865,7 @@ var QM = function(e) {
 };
 QM.propTypes = { size: F.number.isRequired, color: F.string.isRequired, borderWidth: F.number.isRequired, borderColor: F.string.isRequired };
 var F3e = gt(QM), JM = function(e) {
-  var t = e.x, n = e.y, r = e.symbol, i = r === void 0 ? F3e : r, o = e.size, a = e.datum, s = e.color, l = e.borderWidth, c = e.borderColor, u = e.label, d = e.labelTextAnchor, f = d === void 0 ? "middle" : d, h = e.labelYOffset, p = h === void 0 ? -12 : h, g = Bn(), v = wi(), b = v.animate, y = v.config, x = an({ transform: "translate(" + t + ", " + n + ")", config: y, immediate: !b });
+  var t = e.x, n = e.y, r = e.symbol, i = r === void 0 ? F3e : r, o = e.size, a = e.datum, s = e.color, l = e.borderWidth, c = e.borderColor, u = e.label, d = e.labelTextAnchor, f = d === void 0 ? "middle" : d, h = e.labelYOffset, p = h === void 0 ? -12 : h, g = Bn(), v = wi(), b = v.animate, y = v.config, x = sn({ transform: "translate(" + t + ", " + n + ")", config: y, immediate: !b });
   return m.jsxs(rt.g, { transform: x.transform, style: { pointerEvents: "none" }, children: [Mt(i, { size: o, color: s, datum: a, borderWidth: l, borderColor: c }), u && m.jsx("text", { textAnchor: f, y: p, style: Qh(g.dots.text), children: u })] });
 };
 JM.propTypes = { x: F.number.isRequired, y: F.number.isRequired, datum: F.object.isRequired, size: F.number.isRequired, color: F.string.isRequired, borderWidth: F.number.isRequired, borderColor: F.string.isRequired, symbol: F.oneOfType([F.func, F.object]), label: F.oneOfType([F.string, F.number]), labelTextAnchor: F.oneOf(["start", "middle", "end"]), labelYOffset: F.number };
@@ -37941,7 +37941,7 @@ var D3e = gt(e_), t_ = function(e) {
 t_.propTypes = { width: F.number.isRequired, height: F.number.isRequired, xScale: F.func.isRequired, yScale: F.func.isRequired, markers: F.arrayOf(F.shape({ axis: F.oneOf(["x", "y"]).isRequired, value: F.oneOfType([F.number, F.string, F.instanceOf(Date)]).isRequired, lineStyle: F.object, textStyle: F.object })) };
 var z3e = gt(t_), n_ = function(e) {
   return ul(e) ? e : function(t) {
-    return _n(t, e);
+    return En(t, e);
   };
 }, Z2 = function(e) {
   return Se(function() {
@@ -37956,7 +37956,7 @@ var z3e = gt(t_), n_ = function(e) {
   if (e === "*") return !0;
   if (ul(e)) return e(t);
   if (na(e)) {
-    var r = n ? _n(t, n) : t;
+    var r = n ? En(t, n) : t;
     return e$(US(r, Object.keys(e)), e);
   }
   return !1;
@@ -37971,14 +37971,14 @@ var z3e = gt(t_), n_ = function(e) {
         });
         if (y) {
           if (Z3e.includes(y.type)) if (y.background === "inherit" || y.color === "inherit") {
-            var x = _n(f, s), S = y.background, w = y.color, $ = v;
+            var x = En(f, s), S = y.background, w = y.color, $ = v;
             y.background === "inherit" && ($ = $ + ".bg." + x, S = x), y.color === "inherit" && ($ = $ + ".fg." + x, w = x), gi(f, c, "url(#" + $ + ")"), d[$] || (u.push(mi({}, y, { id: $, background: S, color: w })), d[$] = 1);
           } else gi(f, c, "url(#" + v + ")");
           else if (W3e.includes(y.type))
             if (y.colors.map(function(O) {
               return O.color;
             }).includes("inherit")) {
-              var V = _n(f, s), _ = v, M = mi({}, y, { colors: y.colors.map(function(O, R) {
+              var V = En(f, s), _ = v, M = mi({}, y, { colors: y.colors.map(function(O, R) {
                 return O.color !== "inherit" ? O : (_ = _ + "." + R + "." + V, mi({}, O, { color: O.color === "inherit" ? V : O.color }));
               }) });
               M.id = _, gi(f, c, "url(#" + _ + ")"), d[_] || (u.push(M), d[_] = 1);
@@ -38185,7 +38185,7 @@ var a_ = function(e) {
     var k, A = 0, D = 0, U = 0;
     t === "y" ? (U = -90, A = _, $ === "start" ? (k = "start", D = s) : $ === "middle" ? (k = "middle", D = s / 2) : $ === "end" && (k = "end")) : (D = _, $ === "start" ? k = "start" : $ === "middle" ? (k = "middle", A = s / 2) : $ === "end" && (k = "end", A = s)), P = m.jsxs(m.Fragment, { children: [I.outlineWidth > 0 && m.jsx("text", { transform: "translate(" + A + ", " + D + ") rotate(" + U + ")", textAnchor: k, style: ti({ dominantBaseline: "central" }, I), strokeWidth: 2 * I.outlineWidth, stroke: I.outlineColor, strokeLinejoin: "round", children: S }), m.jsx("text", { transform: "translate(" + A + ", " + D + ") rotate(" + U + ")", textAnchor: k, style: ti({ dominantBaseline: "central" }, I), children: S })] });
   }
-  var q = wi(), G = q.animate, J = q.config, X = an({ transform: "translate(" + i + "," + a + ")", lineX2: t === "x" ? s : 0, lineY2: t === "x" ? 0 : s, config: J, immediate: !G }), Y = ze(function(W) {
+  var q = wi(), G = q.animate, J = q.config, X = sn({ transform: "translate(" + i + "," + a + ")", lineX2: t === "x" ? s : 0, lineY2: t === "x" ? 0 : s, config: J, immediate: !G }), Y = ze(function(W) {
     return { opacity: 1, transform: "translate(" + W.x + "," + W.y + ")", textTransform: "translate(" + W.textX + "," + W.textY + ") rotate(" + g + ")" };
   }, [g]), Q = ze(function(W) {
     return { opacity: 0, transform: "translate(" + W.x + "," + W.y + ")", textTransform: "translate(" + W.textX + "," + W.textY + ") rotate(" + g + ")" };
@@ -38333,7 +38333,7 @@ var u5 = { dotSize: 4, noteWidth: 120, noteTextOffset: 8, animate: !0 }, v4e = f
     return c_(e);
   }, [e]);
 }, x4e = function(e) {
-  var t = e.datum, n = e.x, r = e.y, i = e.note, o = Bn(), a = wi(), s = a.animate, l = a.config, c = an({ x: n, y: r, config: l, immediate: !s });
+  var t = e.datum, n = e.x, r = e.y, i = e.note, o = Bn(), a = wi(), s = a.animate, l = a.config, c = sn({ x: n, y: r, config: l, immediate: !s });
   return typeof i == "function" ? Mt(i, { x: n, y: r, datum: t }) : m.jsxs(m.Fragment, { children: [o.annotations.text.outlineWidth > 0 && m.jsx(rt.text, { x: c.x, y: c.y, style: ki({}, o.annotations.text, { strokeLinejoin: "round", strokeWidth: 2 * o.annotations.text.outlineWidth, stroke: o.annotations.text.outlineColor }), children: i }), m.jsx(rt.text, { x: c.x, y: c.y, style: as(o.annotations.text, ["outlineWidth", "outlineColor"]), children: i })] });
 }, Im = function(e) {
   var t = e.points, n = e.isOutline, r = n !== void 0 && n, i = Bn(), o = Se(function() {
@@ -38346,13 +38346,13 @@ var u5 = { dotSize: 4, noteWidth: 120, noteTextOffset: 8, animate: !0 }, v4e = f
   var s = ki({}, i.annotations.link);
   return r && (s.strokeLinecap = "square", s.strokeWidth = i.annotations.link.strokeWidth + 2 * i.annotations.link.outlineWidth, s.stroke = i.annotations.link.outlineColor, s.opacity = i.annotations.link.outlineOpacity), m.jsx(rt.path, { fill: "none", d: a, style: s });
 }, w4e = function(e) {
-  var t = e.x, n = e.y, r = e.size, i = Bn(), o = wi(), a = o.animate, s = o.config, l = an({ x: t, y: n, radius: r / 2, config: s, immediate: !a });
+  var t = e.x, n = e.y, r = e.size, i = Bn(), o = wi(), a = o.animate, s = o.config, l = sn({ x: t, y: n, radius: r / 2, config: s, immediate: !a });
   return m.jsxs(m.Fragment, { children: [i.annotations.outline.outlineWidth > 0 && m.jsx(rt.circle, { cx: l.x, cy: l.y, r: l.radius, style: ki({}, i.annotations.outline, { fill: "none", strokeWidth: i.annotations.outline.strokeWidth + 2 * i.annotations.outline.outlineWidth, stroke: i.annotations.outline.outlineColor, opacity: i.annotations.outline.outlineOpacity }) }), m.jsx(rt.circle, { cx: l.x, cy: l.y, r: l.radius, style: i.annotations.outline })] });
 }, S4e = function(e) {
-  var t = e.x, n = e.y, r = e.size, i = r === void 0 ? u5.dotSize : r, o = Bn(), a = wi(), s = a.animate, l = a.config, c = an({ x: t, y: n, radius: i / 2, config: l, immediate: !s });
+  var t = e.x, n = e.y, r = e.size, i = r === void 0 ? u5.dotSize : r, o = Bn(), a = wi(), s = a.animate, l = a.config, c = sn({ x: t, y: n, radius: i / 2, config: l, immediate: !s });
   return m.jsxs(m.Fragment, { children: [o.annotations.outline.outlineWidth > 0 && m.jsx(rt.circle, { cx: c.x, cy: c.y, r: c.radius, style: ki({}, o.annotations.outline, { fill: "none", strokeWidth: 2 * o.annotations.outline.outlineWidth, stroke: o.annotations.outline.outlineColor, opacity: o.annotations.outline.outlineOpacity }) }), m.jsx(rt.circle, { cx: c.x, cy: c.y, r: c.radius, style: o.annotations.symbol })] });
 }, $4e = function(e) {
-  var t = e.x, n = e.y, r = e.width, i = e.height, o = e.borderRadius, a = o === void 0 ? 6 : o, s = Bn(), l = wi(), c = l.animate, u = l.config, d = an({ x: t - r / 2, y: n - i / 2, width: r, height: i, config: u, immediate: !c });
+  var t = e.x, n = e.y, r = e.width, i = e.height, o = e.borderRadius, a = o === void 0 ? 6 : o, s = Bn(), l = wi(), c = l.animate, u = l.config, d = sn({ x: t - r / 2, y: n - i / 2, width: r, height: i, config: u, immediate: !c });
   return m.jsxs(m.Fragment, { children: [s.annotations.outline.outlineWidth > 0 && m.jsx(rt.rect, { x: d.x, y: d.y, rx: a, ry: a, width: d.width, height: d.height, style: ki({}, s.annotations.outline, { fill: "none", strokeWidth: s.annotations.outline.strokeWidth + 2 * s.annotations.outline.outlineWidth, stroke: s.annotations.outline.outlineColor, opacity: s.annotations.outline.outlineOpacity }) }), m.jsx(rt.rect, { x: d.x, y: d.y, rx: a, ry: a, width: d.width, height: d.height, style: s.annotations.outline })] });
 }, M4e = function(e) {
   var t = e.datum, n = e.x, r = e.y, i = e.note, o = C4e(e);
@@ -38418,7 +38418,7 @@ var I4e = function(e, t) {
       return l.theme !== void 0;
     }(e)) {
       if (t === void 0) throw new Error("Unable to use color from theme as no theme was provided");
-      var n = _n(t, e.theme);
+      var n = En(t, e.theme);
       if (n === void 0) throw new Error("Color from theme is undefined at path: '" + e.theme + "'");
       return function() {
         return n;
@@ -38428,7 +38428,7 @@ var I4e = function(e, t) {
       return l.from !== void 0;
     }(e)) {
       var r = function(l) {
-        return _n(l, e.from);
+        return En(l, e.from);
       };
       if (Array.isArray(e.modifiers)) {
         for (var i, o = [], a = function() {
@@ -38468,7 +38468,7 @@ F.oneOfType([F.string, F.func, F.shape({ theme: F.string.isRequired }), F.shape(
 var A4e = function(e, t) {
   if (typeof e == "function") return e;
   var n = typeof t == "function" ? t : function(d) {
-    return _n(d, t);
+    return En(d, t);
   };
   if (Array.isArray(e)) {
     var r = Ir(e), i = function(d) {
@@ -38480,7 +38480,7 @@ var A4e = function(e, t) {
     if (function(d) {
       return d.datum !== void 0;
     }(e)) return function(d) {
-      return _n(d, e.datum);
+      return En(d, e.datum);
     };
     if (function(d) {
       return d.scheme !== void 0;
@@ -38906,7 +38906,7 @@ var r5e = ["layout", "minValue", "maxValue", "reverse", "width", "height", "padd
     return m.jsx(rt.text, { x: s.x, y: s.y, fillOpacity: s.labelOpacity, style: Gt({}, a.labels.text, { pointerEvents: "none", fill: a.text.fill }), fontWeight: "bold", fontSize: a.labels.text.fontSize, fontFamily: a.labels.text.fontFamily, textAnchor: o === "vertical" ? "middle" : "start", alignmentBaseline: o === "vertical" ? "alphabetic" : "middle", children: l.formattedValue }, l.key);
   });
 }, b5e = ["isInteractive", "animate", "motionConfig", "theme", "renderWrapper"], y5e = function(e) {
-  var t = e.data, n = e.indexBy, r = e.keys, i = e.margin, o = e.width, a = e.height, s = e.groupMode, l = e.layout, c = e.reverse, u = e.minValue, d = e.maxValue, f = e.valueScale, h = e.indexScale, p = e.padding, g = e.innerPadding, v = e.axisTop, b = e.axisRight, y = e.axisBottom, x = y === void 0 ? vn.axisBottom : y, S = e.axisLeft, w = S === void 0 ? vn.axisLeft : S, $ = e.enableGridX, V = $ === void 0 ? vn.enableGridX : $, _ = e.enableGridY, M = _ === void 0 ? vn.enableGridY : _, O = e.gridXValues, R = e.gridYValues, I = e.layers, L = I === void 0 ? vn.layers : I, E = e.barComponent, T = E === void 0 ? vn.barComponent : E, j = e.enableLabel, H = j === void 0 ? vn.enableLabel : j, P = e.label, k = e.labelSkipWidth, A = k === void 0 ? vn.labelSkipWidth : k, D = e.labelSkipHeight, U = D === void 0 ? vn.labelSkipHeight : D, q = e.labelTextColor, G = e.labelPosition, J = G === void 0 ? vn.labelPosition : G, X = e.labelOffset, Y = X === void 0 ? vn.labelOffset : X, Q = e.markers, B = Q === void 0 ? vn.markers : Q, W = e.colorBy, Z = e.colors, N = e.defs, ne = N === void 0 ? vn.defs : N, z = e.fill, re = z === void 0 ? vn.fill : z, ie = e.borderRadius, ge = ie === void 0 ? vn.borderRadius : ie, ye = e.borderWidth, pe = ye === void 0 ? vn.borderWidth : ye, be = e.borderColor, we = e.annotations, ve = we === void 0 ? vn.annotations : we, he = e.legendLabel, le = e.tooltipLabel, $e = e.valueFormat, fe = e.isInteractive, Fe = fe === void 0 ? vn.isInteractive : fe, Ae = e.tooltip, Te = Ae === void 0 ? vn.tooltip : Ae, je = e.onClick, Qe = e.onMouseEnter, et = e.onMouseLeave, Be = e.legends, ke = e.role, tt = ke === void 0 ? vn.role : ke, Ge = e.ariaLabel, Ke = e.ariaLabelledBy, ue = e.ariaDescribedBy, Ee = e.isFocusable, Je = Ee === void 0 ? vn.isFocusable : Ee, ot = e.barAriaLabel, De = e.barAriaLabelledBy, Ze = e.barAriaDescribedBy, We = e.barAriaHidden, nt = e.barAriaDisabled, it = e.initialHiddenIds, Ue = e.enableTotals, Pe = Ue === void 0 ? vn.enableTotals : Ue, ft = e.totalsOffset, wt = ft === void 0 ? vn.totalsOffset : ft, Oe = wi(), de = Oe.animate, xe = Oe.config, He = zM(o, a, i), Xe = He.outerWidth, qe = He.outerHeight, at = He.margin, K = He.innerWidth, oe = He.innerHeight, ae = x_({ indexBy: n, label: P, tooltipLabel: le, valueFormat: $e, colors: Z, colorBy: W, borderColor: be, labelTextColor: q, groupMode: s, layout: l, reverse: c, data: t, keys: r, minValue: u, maxValue: d, margin: at, width: K, height: oe, padding: p, innerPadding: g, valueScale: f, indexScale: h, enableLabel: H, labelSkipWidth: A, labelSkipHeight: U, legends: Be, legendLabel: he, initialHiddenIds: it, totalsOffset: wt }), Ve = ae.bars, st = ae.barsWithValue, ct = ae.xScale, ut = ae.yScale, mt = ae.getLabel, me = ae.getTooltipLabel, Ce = ae.getBorderColor, Re = ae.getLabelColor, lt = ae.shouldRenderBarLabel, Ct = ae.toggleSerie, Et = ae.legendsWithData, bt = ae.barTotals, kt = ae.getColor, fn = b_(l, c, J, Y), Bt = Tr(st, { keys: function(dt) {
+  var t = e.data, n = e.indexBy, r = e.keys, i = e.margin, o = e.width, a = e.height, s = e.groupMode, l = e.layout, c = e.reverse, u = e.minValue, d = e.maxValue, f = e.valueScale, h = e.indexScale, p = e.padding, g = e.innerPadding, v = e.axisTop, b = e.axisRight, y = e.axisBottom, x = y === void 0 ? vn.axisBottom : y, S = e.axisLeft, w = S === void 0 ? vn.axisLeft : S, $ = e.enableGridX, V = $ === void 0 ? vn.enableGridX : $, _ = e.enableGridY, M = _ === void 0 ? vn.enableGridY : _, O = e.gridXValues, R = e.gridYValues, I = e.layers, L = I === void 0 ? vn.layers : I, E = e.barComponent, T = E === void 0 ? vn.barComponent : E, j = e.enableLabel, H = j === void 0 ? vn.enableLabel : j, P = e.label, k = e.labelSkipWidth, A = k === void 0 ? vn.labelSkipWidth : k, D = e.labelSkipHeight, U = D === void 0 ? vn.labelSkipHeight : D, q = e.labelTextColor, G = e.labelPosition, J = G === void 0 ? vn.labelPosition : G, X = e.labelOffset, Y = X === void 0 ? vn.labelOffset : X, Q = e.markers, B = Q === void 0 ? vn.markers : Q, W = e.colorBy, Z = e.colors, N = e.defs, ne = N === void 0 ? vn.defs : N, z = e.fill, re = z === void 0 ? vn.fill : z, ie = e.borderRadius, ge = ie === void 0 ? vn.borderRadius : ie, ye = e.borderWidth, pe = ye === void 0 ? vn.borderWidth : ye, be = e.borderColor, we = e.annotations, ve = we === void 0 ? vn.annotations : we, he = e.legendLabel, le = e.tooltipLabel, $e = e.valueFormat, fe = e.isInteractive, Fe = fe === void 0 ? vn.isInteractive : fe, Ae = e.tooltip, Te = Ae === void 0 ? vn.tooltip : Ae, je = e.onClick, Qe = e.onMouseEnter, et = e.onMouseLeave, Be = e.legends, ke = e.role, tt = ke === void 0 ? vn.role : ke, Ge = e.ariaLabel, Ke = e.ariaLabelledBy, ue = e.ariaDescribedBy, Ee = e.isFocusable, Je = Ee === void 0 ? vn.isFocusable : Ee, ot = e.barAriaLabel, De = e.barAriaLabelledBy, Ze = e.barAriaDescribedBy, We = e.barAriaHidden, nt = e.barAriaDisabled, it = e.initialHiddenIds, Ue = e.enableTotals, Pe = Ue === void 0 ? vn.enableTotals : Ue, ft = e.totalsOffset, wt = ft === void 0 ? vn.totalsOffset : ft, Oe = wi(), de = Oe.animate, xe = Oe.config, He = zM(o, a, i), Xe = He.outerWidth, qe = He.outerHeight, at = He.margin, K = He.innerWidth, oe = He.innerHeight, ae = x_({ indexBy: n, label: P, tooltipLabel: le, valueFormat: $e, colors: Z, colorBy: W, borderColor: be, labelTextColor: q, groupMode: s, layout: l, reverse: c, data: t, keys: r, minValue: u, maxValue: d, margin: at, width: K, height: oe, padding: p, innerPadding: g, valueScale: f, indexScale: h, enableLabel: H, labelSkipWidth: A, labelSkipHeight: U, legends: Be, legendLabel: he, initialHiddenIds: it, totalsOffset: wt }), Ve = ae.bars, st = ae.barsWithValue, ct = ae.xScale, ut = ae.yScale, mt = ae.getLabel, me = ae.getTooltipLabel, Ce = ae.getBorderColor, Re = ae.getLabelColor, lt = ae.shouldRenderBarLabel, Ct = ae.toggleSerie, Et = ae.legendsWithData, bt = ae.barTotals, kt = ae.getColor, fn = b_(l, c, J, Y), Wt = Tr(st, { keys: function(dt) {
     return dt.key;
   }, from: function(dt) {
     return Gt({ borderColor: Ce(dt), color: dt.color, height: 0, labelColor: Re(dt), labelOpacity: 0 }, fn(dt.width, dt.height), { transform: "translate(" + dt.x + ", " + (dt.y + dt.height) + ")", width: dt.width }, l === "vertical" ? {} : { height: dt.height, transform: "translate(" + dt.x + ", " + dt.y + ")", width: 0 });
@@ -38919,7 +38919,7 @@ var r5e = ["layout", "minValue", "maxValue", "reverse", "width", "height", "padd
   }, config: xe, immediate: !de, initial: de ? void 0 : null }), Cn = Se(function() {
     return { borderRadius: ge, borderWidth: pe, enableLabel: H, isInteractive: Fe, labelSkipWidth: A, labelSkipHeight: U, onClick: je, onMouseEnter: Qe, onMouseLeave: et, getTooltipLabel: me, tooltip: Te, isFocusable: Je, ariaLabel: ot, ariaLabelledBy: De, ariaDescribedBy: Ze, ariaHidden: We, ariaDisabled: nt };
   }, [ge, pe, H, me, Fe, U, A, je, Qe, et, Te, Je, ot, De, Ze, We, nt]), br = q3e(ne, Ve, re, { dataKey: "data", targetKey: "data.fill" }), Ut = { annotations: null, axes: null, bars: null, grid: null, legends: null, markers: null, totals: null };
-  L.includes("annotations") && (Ut.annotations = m.jsx(X4e, { bars: Ve, annotations: ve }, "annotations")), L.includes("axes") && (Ut.axes = m.jsx(u4e, { xScale: ct, yScale: ut, width: K, height: oe, top: v, right: b, bottom: x, left: w }, "axes")), L.includes("bars") && (Ut.bars = m.jsx(Xr, { children: Bt(function(dt, jn) {
+  L.includes("annotations") && (Ut.annotations = m.jsx(X4e, { bars: Ve, annotations: ve }, "annotations")), L.includes("axes") && (Ut.axes = m.jsx(u4e, { xScale: ct, yScale: ut, width: K, height: oe, top: v, right: b, bottom: x, left: w }, "axes")), L.includes("bars") && (Ut.bars = m.jsx(Xr, { children: Wt(function(dt, jn) {
     return Mt(T, Gt({}, Cn, { bar: jn, style: dt, shouldRenderLabel: lt(jn), label: mt(jn.data) }));
   }) }, "bars")), L.includes("grid") && (Ut.grid = m.jsx(f4e, { width: K, height: oe, xScale: V ? ct : null, yScale: M ? ut : null, xValues: O, yValues: R }, "grid")), L.includes("legends") && (Ut.legends = m.jsx(Q4e, { width: K, height: oe, legends: Et, toggleSerie: Ct }, "legends")), L.includes("markers") && (Ut.markers = m.jsx(z3e, { markers: B, width: K, height: oe, xScale: ct, yScale: ut }, "markers")), L.includes("totals") && Pe && (Ut.totals = m.jsx(m5e, { data: bt, springConfig: xe, animate: de, layout: l }, "totals"));
   var Nn = Se(function() {
@@ -38938,9 +38938,9 @@ var r5e = ["layout", "minValue", "maxValue", "reverse", "width", "height", "padd
   });
 }, w5e = function(e) {
   var t = e.data, n = e.indexBy, r = e.keys, i = e.margin, o = e.width, a = e.height, s = e.groupMode, l = e.layout, c = e.reverse, u = e.minValue, d = e.maxValue, f = e.valueScale, h = e.indexScale, p = e.padding, g = e.innerPadding, v = e.axisTop, b = e.axisRight, y = e.axisBottom, x = y === void 0 ? Zn.axisBottom : y, S = e.axisLeft, w = S === void 0 ? Zn.axisLeft : S, $ = e.enableGridX, V = $ === void 0 ? Zn.enableGridX : $, _ = e.enableGridY, M = _ === void 0 ? Zn.enableGridY : _, O = e.gridXValues, R = e.gridYValues, I = e.labelPosition, L = I === void 0 ? Zn.labelPosition : I, E = e.labelOffset, T = E === void 0 ? Zn.labelOffset : E, j = e.layers, H = j === void 0 ? Zn.layers : j, P = e.renderBar, k = P === void 0 ? function(me, Ce) {
-    var Re = Ce.bar, lt = Re.color, Ct = Re.height, Et = Re.width, bt = Re.x, kt = Re.y, fn = Ce.borderColor, Bt = Ce.borderRadius, Cn = Ce.borderWidth, br = Ce.label, Ut = Ce.labelColor, Nn = Ce.shouldRenderLabel, dt = Ce.labelX, jn = Ce.labelY, mn = Ce.textAnchor;
-    if (me.fillStyle = lt, Cn > 0 && (me.strokeStyle = fn, me.lineWidth = Cn), me.beginPath(), Bt > 0) {
-      var xn = Math.min(Bt, Ct);
+    var Re = Ce.bar, lt = Re.color, Ct = Re.height, Et = Re.width, bt = Re.x, kt = Re.y, fn = Ce.borderColor, Wt = Ce.borderRadius, Cn = Ce.borderWidth, br = Ce.label, Ut = Ce.labelColor, Nn = Ce.shouldRenderLabel, dt = Ce.labelX, jn = Ce.labelY, mn = Ce.textAnchor;
+    if (me.fillStyle = lt, Cn > 0 && (me.strokeStyle = fn, me.lineWidth = Cn), me.beginPath(), Wt > 0) {
+      var xn = Math.min(Wt, Ct);
       me.moveTo(bt + xn, kt), me.lineTo(bt + Et - xn, kt), me.quadraticCurveTo(bt + Et, kt, bt + Et, kt + xn), me.lineTo(bt + Et, kt + Ct - xn), me.quadraticCurveTo(bt + Et, kt + Ct, bt + Et - xn, kt + Ct), me.lineTo(bt + xn, kt + Ct), me.quadraticCurveTo(bt, kt + Ct, bt, kt + Ct - xn), me.lineTo(bt, kt + xn), me.quadraticCurveTo(bt, kt, bt + xn, kt), me.closePath();
     } else me.rect(bt, kt, Et, Ct);
     me.fill(), Cn > 0 && me.stroke(), Nn && (me.textBaseline = "middle", me.textAlign = mn === "middle" ? "center" : mn, me.fillStyle = Ut, me.fillText(br, bt + dt, kt + jn));
@@ -39002,7 +39002,7 @@ mr(function(e, t) {
     return m.jsx(S5e, Gt({ width: r, height: i }, e, { ref: t }));
   } });
 });
-const f5 = 12, w_ = 14, $5e = Zt.tspan`
+const f5 = 12, w_ = 14, $5e = Bt.tspan`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
   font-size: ${f5}px;
@@ -39092,7 +39092,7 @@ const f5 = 12, w_ = 14, $5e = Zt.tspan`
       tooltip: (g) => /* @__PURE__ */ m.jsx(cr, { body: (s == null ? void 0 : s(g)) || /* @__PURE__ */ m.jsx("span", { children: "Overview barchart tooltip" }) })
     }
   ) });
-}, rhe = ({
+}, ihe = ({
   sankey: e = {},
   bar: t = {}
 }) => {
@@ -39106,7 +39106,7 @@ const f5 = 12, w_ = 14, $5e = Zt.tspan`
       /* @__PURE__ */ m.jsx(Or, { span: 12, children: /* @__PURE__ */ m.jsx(o3e, { ref: n, ...e }) }),
       /* @__PURE__ */ m.jsx(Or, { span: 12, children: /* @__PURE__ */ m.jsx(_5e, { ...t, height: r }) })
     ] }),
-    /* @__PURE__ */ m.jsx(un, { justify: "center", style: { marginTop: 16 }, children: /* @__PURE__ */ m.jsx(a3e, {}) })
+    /* @__PURE__ */ m.jsx(tn, { justify: "center", style: { marginTop: 16 }, children: /* @__PURE__ */ m.jsx(a3e, {}) })
   ] });
 }, Bm = ({ data: e, graph: t, stroke: n, strokeWidth: r, dashed: i }) => (
   // horizontal line representing the target value for comparison
@@ -39132,7 +39132,7 @@ const f5 = 12, w_ = 14, $5e = Zt.tspan`
       fillOpacity: 0.3
     }
   );
-}, O5e = Zt.span`
+}, O5e = Bt.span`
   font: var(--gf-label-sm-default);
   color: var(--gf-color-text-primary);
 `, gn = {
@@ -39140,7 +39140,7 @@ const f5 = 12, w_ = 14, $5e = Zt.tspan`
   raw: "hsl(331, 100%, 36%)",
   abiotic: "hsl(0, 0%, 49%)",
   goal: "hsl(182, 30%, 45%)"
-}, Y2 = (e) => e.reduce((t, n) => n < t ? n : t, 1 / 0), K2 = (e) => e.reduce((t, n) => n > t ? n : t, -1 / 0), ihe = ({
+}, Y2 = (e) => e.reduce((t, n) => n < t ? n : t, 1 / 0), K2 = (e) => e.reduce((t, n) => n > t ? n : t, -1 / 0), ohe = ({
   data: e,
   style: t = {},
   height: n = 600,
@@ -39204,16 +39204,16 @@ const f5 = 12, w_ = 14, $5e = Zt.tspan`
       { name: "Betrouwbaarheidsmarge", color: I(gn == null ? void 0 : gn[E]), shape: "circle" },
       { name: "Betrouwbaarheidsmarge", color: I(gn == null ? void 0 : gn.abiotic), shape: "circle" }
     ];
-    return /* @__PURE__ */ m.jsx(un, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: T.map(
-      (j, H) => /* @__PURE__ */ m.jsxs(un, { gap: 4, align: "center", children: [
+    return /* @__PURE__ */ m.jsx(tn, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: T.map(
+      (j, H) => /* @__PURE__ */ m.jsxs(tn, { gap: 4, align: "center", children: [
         j.shape === "line" ? /* @__PURE__ */ m.jsx(O, { color: j.color }) : /* @__PURE__ */ m.jsx(R, { color: j.color }),
         /* @__PURE__ */ m.jsx(O5e, { children: j.name })
       ] }, `legend-${H}`)
     ) });
   };
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
-    /* @__PURE__ */ m.jsxs(un, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
+    /* @__PURE__ */ m.jsx($n, {}),
+    /* @__PURE__ */ m.jsxs(tn, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
       /* @__PURE__ */ m.jsx("div", { style: { width: "100%", height: n, ...t }, children: /* @__PURE__ */ m.jsx(
         dM,
         {
@@ -39265,12 +39265,12 @@ const f5 = 12, w_ = 14, $5e = Zt.tspan`
       /* @__PURE__ */ m.jsx(_, { data: f })
     ] })
   ] });
-}, h5 = 12, i8 = 14, Wm = Zt.tspan`
+}, h5 = 12, i8 = 14, Wm = Bt.tspan`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
   font-size: ${h5}px;
   line-height: ${i8}px;
-`, H5e = Zt.span`
+`, H5e = Bt.span`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
   font-size: 10px;
@@ -39286,7 +39286,7 @@ const f5 = 12, w_ = 14, $5e = Zt.tspan`
     S_(s, n).width > t ? (i.push(o), o = r[a]) : o = s;
   }
   return i.push(o), i;
-}, ohe = ({
+}, ahe = ({
   data: e = [],
   height: t = 600,
   margin: n = {},
@@ -39369,8 +39369,8 @@ const f5 = 12, w_ = 14, $5e = Zt.tspan`
         defs: g
       };
     });
-    return /* @__PURE__ */ m.jsx(un, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: L.map(
-      (E, T) => /* @__PURE__ */ m.jsxs(un, { gap: 8, align: "center", children: [
+    return /* @__PURE__ */ m.jsx(tn, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: L.map(
+      (E, T) => /* @__PURE__ */ m.jsxs(tn, { gap: 8, align: "center", children: [
         /* @__PURE__ */ m.jsx("div", { style: {
           minWidth: 16,
           minHeight: 16,
@@ -39398,8 +39398,8 @@ const f5 = 12, w_ = 14, $5e = Zt.tspan`
     ) });
   }, O = e.slice().reverse();
   return h.push("bars"), s && h.push(V), p && h.push(M), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
-    /* @__PURE__ */ m.jsxs(un, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
+    /* @__PURE__ */ m.jsx($n, {}),
+    /* @__PURE__ */ m.jsxs(tn, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
       /* @__PURE__ */ m.jsx("div", { style: { height: t }, children: /* @__PURE__ */ m.jsx(
         kl,
         {
@@ -39445,7 +39445,7 @@ var T5e = { pointerEvents: "none", position: "absolute", zIndex: 10, top: 0, lef
 }, $_ = gt(function(e) {
   var t, n = e.position, r = e.anchor, i = e.children, o = Yn(), a = Si(), s = a.animate, l = a.config, c = H_(), u = c[0], d = c[1], f = Le(!1), h = void 0, p = !1, g = d.width > 0 && d.height > 0, v = Math.round(n[0]), b = Math.round(n[1]);
   g && (r === "top" ? (v -= d.width / 2, b -= d.height + 14) : r === "right" ? (v += 14, b -= d.height / 2) : r === "bottom" ? (v -= d.width / 2, b += 14) : r === "left" ? (v -= d.width + 14, b -= d.height / 2) : r === "center" && (v -= d.width / 2, b -= d.height / 2), h = { transform: Zm(v, b) }, f.current || (p = !0), f.current = [v, b]);
-  var y = an({ to: h, config: l, immediate: !s || p }), x = Da({}, T5e, o.tooltip.wrapper, { transform: (t = y.transform) != null ? t : Zm(v, b), opacity: y.transform ? 1 : 0 });
+  var y = sn({ to: h, config: l, immediate: !s || p }), x = Da({}, T5e, o.tooltip.wrapper, { transform: (t = y.transform) != null ? t : Zm(v, b), opacity: y.transform ? 1 : 0 });
   return m.jsx(rt.div, { ref: u, style: x, children: i });
 });
 $_.displayName = "TooltipWrapper";
@@ -39472,7 +39472,7 @@ k5e.displayName = "TableTooltip";
 var g5 = gt(function(e) {
   var t = e.x0, n = e.x1, r = e.y0, i = e.y1, o = Yn(), a = Si(), s = a.animate, l = a.config, c = Se(function() {
     return Da({}, o.crosshair.line, { pointerEvents: "none" });
-  }, [o.crosshair.line]), u = an({ x1: t, x2: n, y1: r, y2: i, config: l, immediate: !s });
+  }, [o.crosshair.line]), u = sn({ x1: t, x2: n, y1: r, y2: i, config: l, immediate: !s });
   return m.jsx(rt.line, Da({}, u, { fill: "none", style: c }));
 });
 g5.displayName = "CrosshairLine";
@@ -39535,7 +39535,7 @@ var W5e = ["axis.ticks.text", "axis.legend.text", "legends.title.text", "legends
 }, U5e = function(e, t) {
   var n = Q6({}, e, t);
   return W5e.forEach(function(r) {
-    gi(n, r, Z5e(_n(n, r), n.text));
+    gi(n, r, Z5e(En(n, r), n.text));
   }), n;
 }, E_ = Jn(), O_ = function(e) {
   var t = e.children, n = e.animate, r = n === void 0 || n, i = e.config, o = i === void 0 ? "default" : i, a = Se(function() {
@@ -39555,7 +39555,7 @@ var Si = function() {
     }, [s]), l.current;
   }(e), o = Se(function() {
     return j0(i, e);
-  }, [i, e]), a = an({ from: { value: 0 }, to: { value: 1 }, reset: !0, config: r, immediate: !n }).value;
+  }, [i, e]), a = sn({ from: { value: 0 }, to: { value: 1 }, reset: !0, config: r, immediate: !n }).value;
   return An(a, o);
 }, G5e = { nivo: ["#d76445", "#f47560", "#e8c1a0", "#97e3d5", "#61cdbb", "#00b0a7"], BrBG: ce(Ai), PRGn: ce(Ni), PiYG: ce(Fi), PuOr: ce(Di), RdBu: ce(zi), RdGy: ce(Bi), RdYlBu: ce(Wi), RdYlGn: ce(Zi), spectral: ce(Ui), blues: ce(oo), greens: ce(ao), greys: ce(so), oranges: ce(uo), purples: ce(lo), reds: ce(co), BuGn: ce(qi), BuPu: ce(Gi), GnBu: ce(Yi), OrRd: ce(Ki), PuBuGn: ce(Xi), PuBu: ce(Qi), PuRd: ce(Ji), RdPu: ce(eo), YlGnBu: ce(to), YlGn: ce(no), YlOrBr: ce(ro), YlOrRd: ce(io) }, Y5e = Object.keys(G5e);
 ce(Ai), ce(Ni), ce(Fi), ce(Di), ce(zi), ce(Bi), ce(Wi), ce(Zi), ce(Ui), ce(oo), ce(ao), ce(so), ce(uo), ce(lo), ce(co), ce(qi), ce(Gi), ce(Yi), ce(Ki), ce(Xi), ce(Qi), ce(Ji), ce(eo), ce(to), ce(no), ce(ro), ce(io);
@@ -39691,7 +39691,7 @@ var D_ = function(e) {
 };
 D_.propTypes = { size: F.number.isRequired, color: F.string.isRequired, borderWidth: F.number.isRequired, borderColor: F.string.isRequired };
 var h6e = gt(D_), z_ = function(e) {
-  var t = e.x, n = e.y, r = e.symbol, i = r === void 0 ? h6e : r, o = e.size, a = e.datum, s = e.color, l = e.borderWidth, c = e.borderColor, u = e.label, d = e.labelTextAnchor, f = d === void 0 ? "middle" : d, h = e.labelYOffset, p = h === void 0 ? -12 : h, g = Yn(), v = Si(), b = v.animate, y = v.config, x = an({ transform: "translate(" + t + ", " + n + ")", config: y, immediate: !b });
+  var t = e.x, n = e.y, r = e.symbol, i = r === void 0 ? h6e : r, o = e.size, a = e.datum, s = e.color, l = e.borderWidth, c = e.borderColor, u = e.label, d = e.labelTextAnchor, f = d === void 0 ? "middle" : d, h = e.labelYOffset, p = h === void 0 ? -12 : h, g = Yn(), v = Si(), b = v.animate, y = v.config, x = sn({ transform: "translate(" + t + ", " + n + ")", config: y, immediate: !b });
   return m.jsxs(rt.g, { transform: x.transform, style: { pointerEvents: "none" }, children: [Mt(i, { size: o, color: s, datum: a, borderWidth: l, borderColor: c }), u && m.jsx("text", { textAnchor: f, y: p, style: j_(g.dots.text), children: u })] });
 };
 z_.propTypes = { x: F.number.isRequired, y: F.number.isRequired, datum: F.object.isRequired, size: F.number.isRequired, color: F.string.isRequired, borderWidth: F.number.isRequired, borderColor: F.string.isRequired, symbol: F.oneOfType([F.func, F.object]), label: F.oneOfType([F.string, F.number]), labelTextAnchor: F.oneOf(["start", "middle", "end"]), labelYOffset: F.number };
@@ -39768,7 +39768,7 @@ W_.propTypes = { width: F.number.isRequired, height: F.number.isRequired, xScale
 gt(W_);
 var v6e = function(e) {
   return ul(e) ? e : function(t) {
-    return _n(t, e);
+    return En(t, e);
   };
 }, p6e = function(e) {
   return Se(function() {
@@ -39882,7 +39882,7 @@ var y6e = function(e) {
     var k, A = 0, D = 0, U = 0;
     t === "y" ? (U = -90, A = _, $ === "start" ? (k = "start", D = s) : $ === "middle" ? (k = "middle", D = s / 2) : $ === "end" && (k = "end")) : (D = _, $ === "start" ? k = "start" : $ === "middle" ? (k = "middle", A = s / 2) : $ === "end" && (k = "end", A = s)), P = m.jsxs(m.Fragment, { children: [I.outlineWidth > 0 && m.jsx("text", { transform: "translate(" + A + ", " + D + ") rotate(" + U + ")", textAnchor: k, style: bi({ dominantBaseline: "central" }, I), strokeWidth: 2 * I.outlineWidth, stroke: I.outlineColor, strokeLinejoin: "round", children: S }), m.jsx("text", { transform: "translate(" + A + ", " + D + ") rotate(" + U + ")", textAnchor: k, style: bi({ dominantBaseline: "central" }, I), children: S })] });
   }
-  var q = Si(), G = q.animate, J = q.config, X = an({ transform: "translate(" + i + "," + a + ")", lineX2: t === "x" ? s : 0, lineY2: t === "x" ? 0 : s, config: J, immediate: !G }), Y = ze(function(W) {
+  var q = Si(), G = q.animate, J = q.config, X = sn({ transform: "translate(" + i + "," + a + ")", lineX2: t === "x" ? s : 0, lineY2: t === "x" ? 0 : s, config: J, immediate: !G }), Y = ze(function(W) {
     return { opacity: 1, transform: "translate(" + W.x + "," + W.y + ")", textTransform: "translate(" + W.textX + "," + W.textY + ") rotate(" + g + ")" };
   }, [g]), Q = ze(function(W) {
     return { opacity: 0, transform: "translate(" + W.x + "," + W.y + ")", textTransform: "translate(" + W.textX + "," + W.textY + ") rotate(" + g + ")" };
@@ -39968,7 +39968,7 @@ var j6e = { rainbow: Q7, sinebow: J7 }, s8 = Nd({}, T6e, L6e, j6e), k6e = functi
       return l.theme !== void 0;
     }(e)) {
       if (t === void 0) throw new Error("Unable to use color from theme as no theme was provided");
-      var n = _n(t, e.theme);
+      var n = En(t, e.theme);
       if (n === void 0) throw new Error("Color from theme is undefined at path: '" + e.theme + "'");
       return function() {
         return n;
@@ -39978,7 +39978,7 @@ var j6e = { rainbow: Q7, sinebow: J7 }, s8 = Nd({}, T6e, L6e, j6e), k6e = functi
       return l.from !== void 0;
     }(e)) {
       var r = function(l) {
-        return _n(l, e.from);
+        return En(l, e.from);
       };
       if (Array.isArray(e.modifiers)) {
         for (var i, o = [], a = function() {
@@ -40216,7 +40216,7 @@ var x5 = { dotSize: 4, noteWidth: 120, noteTextOffset: 8, animate: !0 }, q6e = f
     return X6e(e);
   }, [e]);
 }, e7e = function(e) {
-  var t = e.datum, n = e.x, r = e.y, i = e.note, o = Yn(), a = Si(), s = a.animate, l = a.config, c = an({ x: n, y: r, config: l, immediate: !s });
+  var t = e.datum, n = e.x, r = e.y, i = e.note, o = Yn(), a = Si(), s = a.animate, l = a.config, c = sn({ x: n, y: r, config: l, immediate: !s });
   return typeof i == "function" ? Mt(i, { x: n, y: r, datum: t }) : m.jsxs(m.Fragment, { children: [o.annotations.text.outlineWidth > 0 && m.jsx(rt.text, { x: c.x, y: c.y, style: Xo({}, o.annotations.text, { strokeLinejoin: "round", strokeWidth: 2 * o.annotations.text.outlineWidth, stroke: o.annotations.text.outlineColor }), children: i }), m.jsx(rt.text, { x: c.x, y: c.y, style: as(o.annotations.text, ["outlineWidth", "outlineColor"]), children: i })] });
 }, Jm = function(e) {
   var t = e.points, n = e.isOutline, r = n !== void 0 && n, i = Yn(), o = Se(function() {
@@ -40229,13 +40229,13 @@ var x5 = { dotSize: 4, noteWidth: 120, noteTextOffset: 8, animate: !0 }, q6e = f
   var s = Xo({}, i.annotations.link);
   return r && (s.strokeLinecap = "square", s.strokeWidth = i.annotations.link.strokeWidth + 2 * i.annotations.link.outlineWidth, s.stroke = i.annotations.link.outlineColor, s.opacity = i.annotations.link.outlineOpacity), m.jsx(rt.path, { fill: "none", d: a, style: s });
 }, t7e = function(e) {
-  var t = e.x, n = e.y, r = e.size, i = Yn(), o = Si(), a = o.animate, s = o.config, l = an({ x: t, y: n, radius: r / 2, config: s, immediate: !a });
+  var t = e.x, n = e.y, r = e.size, i = Yn(), o = Si(), a = o.animate, s = o.config, l = sn({ x: t, y: n, radius: r / 2, config: s, immediate: !a });
   return m.jsxs(m.Fragment, { children: [i.annotations.outline.outlineWidth > 0 && m.jsx(rt.circle, { cx: l.x, cy: l.y, r: l.radius, style: Xo({}, i.annotations.outline, { fill: "none", strokeWidth: i.annotations.outline.strokeWidth + 2 * i.annotations.outline.outlineWidth, stroke: i.annotations.outline.outlineColor, opacity: i.annotations.outline.outlineOpacity }) }), m.jsx(rt.circle, { cx: l.x, cy: l.y, r: l.radius, style: i.annotations.outline })] });
 }, n7e = function(e) {
-  var t = e.x, n = e.y, r = e.size, i = r === void 0 ? x5.dotSize : r, o = Yn(), a = Si(), s = a.animate, l = a.config, c = an({ x: t, y: n, radius: i / 2, config: l, immediate: !s });
+  var t = e.x, n = e.y, r = e.size, i = r === void 0 ? x5.dotSize : r, o = Yn(), a = Si(), s = a.animate, l = a.config, c = sn({ x: t, y: n, radius: i / 2, config: l, immediate: !s });
   return m.jsxs(m.Fragment, { children: [o.annotations.outline.outlineWidth > 0 && m.jsx(rt.circle, { cx: c.x, cy: c.y, r: c.radius, style: Xo({}, o.annotations.outline, { fill: "none", strokeWidth: 2 * o.annotations.outline.outlineWidth, stroke: o.annotations.outline.outlineColor, opacity: o.annotations.outline.outlineOpacity }) }), m.jsx(rt.circle, { cx: c.x, cy: c.y, r: c.radius, style: o.annotations.symbol })] });
 }, r7e = function(e) {
-  var t = e.x, n = e.y, r = e.width, i = e.height, o = e.borderRadius, a = o === void 0 ? 6 : o, s = Yn(), l = Si(), c = l.animate, u = l.config, d = an({ x: t - r / 2, y: n - i / 2, width: r, height: i, config: u, immediate: !c });
+  var t = e.x, n = e.y, r = e.width, i = e.height, o = e.borderRadius, a = o === void 0 ? 6 : o, s = Yn(), l = Si(), c = l.animate, u = l.config, d = sn({ x: t - r / 2, y: n - i / 2, width: r, height: i, config: u, immediate: !c });
   return m.jsxs(m.Fragment, { children: [s.annotations.outline.outlineWidth > 0 && m.jsx(rt.rect, { x: d.x, y: d.y, rx: a, ry: a, width: d.width, height: d.height, style: Xo({}, s.annotations.outline, { fill: "none", strokeWidth: s.annotations.outline.strokeWidth + 2 * s.annotations.outline.outlineWidth, stroke: s.annotations.outline.outlineColor, opacity: s.annotations.outline.outlineOpacity }) }), m.jsx(rt.rect, { x: d.x, y: d.y, rx: a, ry: a, width: d.width, height: d.height, style: s.annotations.outline })] });
 }, i7e = function(e) {
   var t = e.datum, n = e.x, r = e.y, i = e.note, o = J6e(e);
@@ -40421,7 +40421,7 @@ var a7e = function(e) {
     return m.jsx($7e, Mr({ width: n, height: r }, e));
   } });
 };
-const za = 12, d1 = 14, Rs = Zt.tspan`
+const za = 12, d1 = 14, Rs = Bt.tspan`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
   font-size: ${za}px;
@@ -40488,7 +40488,7 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
       v
     )) }) });
   }
-), ahe = ({
+), she = ({
   data: e,
   height: t = 1300,
   margin: n = {},
@@ -40653,7 +40653,7 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
     p({ row: null, col: null });
   };
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
+    /* @__PURE__ */ m.jsx($n, {}),
     /* @__PURE__ */ m.jsx("div", { ref: g, style: { height: t }, children: /* @__PURE__ */ m.jsx(
       M7e,
       {
@@ -40734,7 +40734,7 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
   color: "var(--gf-color-text-secondary)",
   fontSize: "12px",
   lineHeight: "14px"
-}, she = ({
+}, lhe = ({
   data: e,
   height: t = 500,
   padding: n = 0.2,
@@ -40802,7 +40802,7 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
     ) });
   }, V = f + u + d + c;
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
+    /* @__PURE__ */ m.jsx($n, {}),
     /* @__PURE__ */ m.jsx("div", { style: { width: "100%", height: t }, children: /* @__PURE__ */ m.jsx(
       kl,
       {
@@ -40832,12 +40832,12 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
       }
     ) })
   ] });
-}, w5 = 12, u8 = 14, O7e = Zt.tspan`
+}, w5 = 12, u8 = 14, O7e = Bt.tspan`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
   font-size: ${w5}px;
   line-height: ${u8}px;
-`, H7e = Zt.span`
+`, H7e = Bt.span`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
   font-size: 10px;
@@ -40866,7 +40866,7 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
     name: "Aantal unieke kritieke grondstoffen",
     legend: "Aantal unieke kritieke grondstoffen"
   }
-}, lhe = ({
+}, che = ({
   data: e = [],
   height: t = 1300,
   margin: n = {},
@@ -40938,8 +40938,8 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
         defs: g
       };
     });
-    return /* @__PURE__ */ m.jsx(un, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: j.map(
-      (H, P) => /* @__PURE__ */ m.jsxs(un, { gap: 8, align: "center", children: [
+    return /* @__PURE__ */ m.jsx(tn, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: j.map(
+      (H, P) => /* @__PURE__ */ m.jsxs(tn, { gap: 8, align: "center", children: [
         /* @__PURE__ */ m.jsx("div", { style: {
           minWidth: 8,
           minHeight: 8,
@@ -41003,8 +41003,8 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
   }, []);
   const L = e.slice().reverse();
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
-    /* @__PURE__ */ m.jsxs(un, { vertical: !0, gap: 8, style: { width: "100%" }, ref: O, children: [
+    /* @__PURE__ */ m.jsx($n, {}),
+    /* @__PURE__ */ m.jsxs(tn, { vertical: !0, gap: 8, style: { width: "100%" }, ref: O, children: [
       /* @__PURE__ */ m.jsx(_, { data: e, keys: o }),
       /* @__PURE__ */ m.jsxs(Wo, { gutter: [0, 0], children: [
         /* @__PURE__ */ m.jsx(Or, { span: b, children: /* @__PURE__ */ m.jsx(M, { value: o[0], labels: !0 }) }),
@@ -41012,12 +41012,12 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
       ] })
     ] })
   ] });
-}, R7e = 12, Y_ = 14, L7e = Zt.tspan`
+}, R7e = 12, Y_ = 14, L7e = Bt.tspan`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
   font-size: ${R7e}px;
   line-height: ${Y_}px;
-`, j7e = Zt.span`
+`, j7e = Bt.span`
   font: var(--gf-label-md-default);
   color: var(--gf-color-text-secondary);
   font-size: 10px;
@@ -41032,7 +41032,7 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
   Consumptiegoederen: "hsla(35, 74%, 73%, 1)",
   Overig: "hsla(269, 24%, 77%, 1)",
   Maakindustrie: "hsla(26, 74%, 58%, 1)"
-}, che = ({
+}, uhe = ({
   data: e,
   height: t = 500,
   padding: n = 0.2,
@@ -41066,8 +41066,8 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
       name: b,
       color: Q2[b]
     }));
-    return /* @__PURE__ */ m.jsx(un, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: v.map(
-      (b, y) => /* @__PURE__ */ m.jsxs(un, { gap: 8, align: "center", children: [
+    return /* @__PURE__ */ m.jsx(tn, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: v.map(
+      (b, y) => /* @__PURE__ */ m.jsxs(tn, { gap: 8, align: "center", children: [
         /* @__PURE__ */ m.jsx("div", { style: {
           minWidth: 16,
           minHeight: 16,
@@ -41078,8 +41078,8 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
     ) });
   };
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(En, {}),
-    /* @__PURE__ */ m.jsxs(un, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
+    /* @__PURE__ */ m.jsx($n, {}),
+    /* @__PURE__ */ m.jsxs(tn, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
       /* @__PURE__ */ m.jsx("div", { style: { height: t }, children: /* @__PURE__ */ m.jsx(
         kl,
         {
@@ -41128,7 +41128,7 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
   wasteRenewable: "Afval - Hernieuwbare materialen",
   wasteNotRenewable: "Afval - Niet-hernieuwbare materialen",
   wasteMixed: "Afval - Gemengde materialen"
-}, uhe = ({
+}, dhe = ({
   data: e,
   height: t = 400,
   colorMap: n = nb,
@@ -41174,13 +41174,13 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
       )
     ] }, h);
   }), u = () => /* @__PURE__ */ m.jsx(
-    un,
+    tn,
     {
       justify: "center",
       gap: 16,
       wrap: !0,
       children: Object.entries(nb).map(([d, f], h) => /* @__PURE__ */ m.jsxs(
-        un,
+        tn,
         {
           align: "center",
           gap: 8,
@@ -41202,7 +41202,7 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
       ))
     }
   );
-  return console.log(e), /* @__PURE__ */ m.jsxs(un, { vertical: !0, gap: 8, children: [
+  return console.log(e), /* @__PURE__ */ m.jsxs(tn, { vertical: !0, gap: 8, children: [
     /* @__PURE__ */ m.jsx(
       "div",
       {
@@ -41250,42 +41250,136 @@ const za = 12, d1 = 14, Rs = Zt.tspan`
     ),
     /* @__PURE__ */ m.jsx(u, {})
   ] });
+}, P7e = Bt.span`
+    font: var(--gf-label-md-default);
+    font-size: 14px;
+    line-height: 22px;
+    font-weight: 400;
+    color: var(--gf-color-button-primary);
+    transition: color 150ms ease, font-weight 150ms ease;
+`, fhe = ({
+  items: e,
+  width: t = 226,
+  offset: n = 0,
+  containerStyle: r = {}
+}) => {
+  const [i, o] = Ne.useState(0), a = Ne.useRef(!1), s = Ne.useRef(null), l = (u) => {
+    a.current = !0, s.current && clearTimeout(s.current), s.current = setTimeout(() => {
+      a.current = !1;
+    }, u);
+  }, c = (u) => {
+    var h, p;
+    o(u), l(800);
+    const d = (p = (h = e == null ? void 0 : e[u]) == null ? void 0 : h.href) == null ? void 0 : p.current;
+    if (!d) return;
+    const f = d.getBoundingClientRect().top + window.pageYOffset - n;
+    window.scrollTo({ top: f, behavior: "smooth" });
+  };
+  return Ne.useEffect(() => {
+    const u = (e || []).map((f, h) => {
+      var p;
+      return { key: h, el: (p = f.href) == null ? void 0 : p.current };
+    }).filter((f) => f.el);
+    if (!u.length) return;
+    const d = new IntersectionObserver(
+      (f) => {
+        if (a.current) return;
+        const h = f.filter((g) => g.isIntersecting).sort((g, v) => g.boundingClientRect.top - v.boundingClientRect.top)[0];
+        if (!h) return;
+        const p = u.find((g) => g.el === h.target);
+        p && p.key !== void 0 && o(p.key);
+      },
+      {
+        root: null,
+        threshold: [0.1, 0.2, 0.3],
+        rootMargin: `-${n}px 0px -80% 0px`
+      }
+    );
+    return u.forEach(({ el: f }) => d.observe(f)), () => {
+      d.disconnect(), s.current && clearTimeout(s.current);
+    };
+  }, [e]), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+    /* @__PURE__ */ m.jsx($n, {}),
+    /* @__PURE__ */ m.jsxs(tn, { align: "stretch", children: [
+      /* @__PURE__ */ m.jsxs(
+        tn,
+        {
+          gap: 8,
+          vertical: !0,
+          align: "flex-start",
+          style: {
+            width: t,
+            height: "fit-content",
+            paddingTop: 48,
+            top: n,
+            position: "sticky",
+            paddingRight: 8,
+            ...r
+          },
+          children: [
+            /* @__PURE__ */ m.jsx("span", { style: { fontSize: 12 }, children: "Inhoudsopgave".toUpperCase() }),
+            e == null ? void 0 : e.map((u, d) => {
+              const f = d === i;
+              return /* @__PURE__ */ m.jsx(
+                "div",
+                {
+                  onClick: () => c(d),
+                  style: {
+                    width: "100%",
+                    boxSizing: "border-box",
+                    padding: 8,
+                    cursor: "pointer",
+                    background: f ? "#F0F6FF" : "transparent",
+                    transition: "background 150ms ease"
+                  },
+                  children: /* @__PURE__ */ m.jsx(P7e, { children: u == null ? void 0 : u.name })
+                },
+                d
+              );
+            })
+          ]
+        }
+      ),
+      /* @__PURE__ */ m.jsx("div", { style: { borderRight: "1px solid #DAE1ED" } })
+    ] })
+  ] });
 };
 export {
-  Z7e as AddressLink,
-  ohe as BarChart,
-  nhe as BenchmarkSankey,
-  N7e as ButtonControls,
-  lhe as CrmValueChart,
+  U7e as AddressLink,
+  fhe as Anchor,
+  ahe as BarChart,
+  rhe as BenchmarkSankey,
+  F7e as ButtonControls,
+  che as CrmValueChart,
   cr as CustomToolTip,
-  q7e as Description,
-  ihe as DomRawChart,
+  G7e as Description,
+  ohe as DomRawChart,
   qF as DownloadButton,
-  W7e as EmailLink,
+  Z7e as EmailLink,
   GF as ExpandButton,
   Mx as GFButton,
   $1 as GFCard,
-  G7e as GFMetricsGrid,
-  she as GoalChart,
-  che as ImpactTrend,
+  Y7e as GFMetricsGrid,
+  lhe as GoalChart,
+  uhe as ImpactTrend,
   x6 as Link,
   mD as LocationIcon,
   pD as MailIcon,
-  ahe as MaterialHeatmap,
+  she as MaterialHeatmap,
   dD as Metrics,
-  F7e as NavCard,
+  D7e as NavCard,
   vD as PhoneIcon,
-  U7e as PhoneLink,
-  X7e as PieChart,
-  D7e as QuickNavCard,
-  uhe as RenewableTrend,
-  K7e as Sankey,
-  Q7e as ScatterPlot,
-  z7e as TabCard,
+  q7e as PhoneLink,
+  Q7e as PieChart,
+  z7e as QuickNavCard,
+  dhe as RenewableTrend,
+  X7e as Sankey,
+  J7e as ScatterPlot,
+  B7e as TabCard,
   nD as Title,
-  J7e as TreeMap,
-  ehe as Trends,
-  the as VisSelectors,
-  rhe as WasteOverview
+  ehe as TreeMap,
+  the as Trends,
+  nhe as VisSelectors,
+  ihe as WasteOverview
 };
 //# sourceMappingURL=index.es.js.map