gf-components 0.1.172 → 0.1.174

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as C from "react";
-import je, { version as nH, isValidElement as Nd, useContext as Kt, createContext as er, useRef as Pe, useLayoutEffect as ab, useEffect as $t, forwardRef as mr, useMemo as Se, useState as mt, Children as rH, createRef as iH, useCallback as ze, useImperativeHandle as d1, cloneElement as Dd, memo as vt, createElement as Mt, Component as oH, Fragment as Xr } from "react";
+import je, { version as nH, isValidElement as Nd, useContext as Kt, createContext as er, useRef as Pe, useLayoutEffect as ab, useEffect as $t, forwardRef as mr, useMemo as Se, useState as mt, Children as rH, createRef as iH, useCallback as ze, useImperativeHandle as d1, cloneElement as Dd, memo as vt, createElement as _t, Component as oH, Fragment as Xr } from "react";
 import Wt, { createGlobalStyle as aH, css as Vr } from "styled-components";
 import * as sH from "react-dom";
 import fg, { createPortal as lH, unstable_batchedUpdates as sb, flushSync as J2 } from "react-dom";
@@ -22581,7 +22581,7 @@ var iD = function(e, t) {
     t.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[i]) && (n[r[i]] = e[r[i]]);
   return n;
 };
-const _t = /* @__PURE__ */ je.forwardRef((e, t) => {
+const Mt = /* @__PURE__ */ je.forwardRef((e, t) => {
   const {
     prefixCls: n,
     rootClassName: r,
@@ -22607,7 +22607,7 @@ const _t = /* @__PURE__ */ je.forwardRef((e, t) => {
     style: w
   }, Br(d, ["justify", "wrap", "align"])), l));
 });
-process.env.NODE_ENV !== "production" && (_t.displayName = "Flex");
+process.env.NODE_ENV !== "production" && (Mt.displayName = "Flex");
 var oD = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z" } }] }, name: "arrow-down", theme: "outlined" }, aD = function(t, n) {
   return /* @__PURE__ */ C.createElement(Nn, ft({}, t, {
     ref: n,
@@ -23960,12 +23960,12 @@ const iF = Wt(v1)`
         cardtype: "default",
         ...a,
         children: [
-          /* @__PURE__ */ m.jsxs(_t, { vertical: !0, gap: 24, style: { alignItems: "start" }, children: [
+          /* @__PURE__ */ m.jsxs(Mt, { vertical: !0, gap: 24, style: { alignItems: "start" }, children: [
             /* @__PURE__ */ m.jsx(gF, { title: e, subtitle: t, type: "header" }),
             n
           ] }),
           /* @__PURE__ */ m.jsx("div", { style: { borderBottom: "1px solid #f0f0f0", margin: "32px -32px 32px -32px" } }),
-          /* @__PURE__ */ m.jsxs(_t, { vertical: !0, gap: 8, style: { alignItems: "start" }, children: [
+          /* @__PURE__ */ m.jsxs(Mt, { vertical: !0, gap: 8, style: { alignItems: "start" }, children: [
             /* @__PURE__ */ m.jsx(mF, { children: r || "Table of contents" }),
             i.map(
               (l, c) => /* @__PURE__ */ m.jsx(
@@ -24010,12 +24010,12 @@ const iF = Wt(v1)`
         cardtype: "default",
         activeTabKey: l,
         onTabChange: f,
-        tabBarExtraContent: /* @__PURE__ */ m.jsxs(_t, { gap: 8, align: "center", children: [
+        tabBarExtraContent: /* @__PURE__ */ m.jsxs(Mt, { gap: 8, align: "center", children: [
           n,
           /* @__PURE__ */ m.jsx(oF, { onClick: a == null ? void 0 : a[l] })
         ] }),
         actions: r != null && r[l] ? [
-          /* @__PURE__ */ m.jsxs(_t, { vertical: !0, children: [
+          /* @__PURE__ */ m.jsxs(Mt, { vertical: !0, children: [
             /* @__PURE__ */ m.jsx(aF, { open: u, onClick: h, children: i }),
             u && (r == null ? void 0 : r[l])
           ] })
@@ -24049,8 +24049,8 @@ const iF = Wt(v1)`
   const [o, a] = mt(n), s = r ? { onChange: a } : !1;
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx(Cn, {}),
-    /* @__PURE__ */ m.jsx(yF, { cardtype: "grey", padding: 24, ...i, children: /* @__PURE__ */ m.jsxs(_t, { vertical: !0, gap: 8, children: [
-      /* @__PURE__ */ m.jsxs(_t, { gap: 16, align: "center", wrap: !0, children: [
+    /* @__PURE__ */ m.jsx(yF, { cardtype: "grey", padding: 24, ...i, children: /* @__PURE__ */ m.jsxs(Mt, { vertical: !0, gap: 8, children: [
+      /* @__PURE__ */ m.jsxs(Mt, { gap: 16, align: "center", wrap: !0, children: [
         /* @__PURE__ */ m.jsx(CF, { children: e }),
         /* @__PURE__ */ m.jsx(xF, { children: t })
       ] }),
@@ -24164,7 +24164,7 @@ const iF = Wt(v1)`
   style: o = {},
   full: a = !1
 }) => /* @__PURE__ */ m.jsx(
-  _t,
+  Mt,
   {
     className: t,
     gap: n || 10,
@@ -32640,7 +32640,7 @@ var m$ = { patternDots: Z5, patternLines: U5, patternSquares: q5 }, jie = ["type
   var t = e.defs;
   return !t || t.length < 1 ? null : m.jsx("defs", { "aria-hidden": !0, children: t.map(function(n) {
     var r = n.type, i = Uf(n, jie);
-    return G5[r] ? Mt(G5[r], Qr({ key: i.id }, i)) : null;
+    return G5[r] ? _t(G5[r], Qr({ key: i.id }, i)) : null;
   }) });
 };
 b$.propTypes = { defs: D.arrayOf(D.shape({ type: D.oneOf(Object.keys(G5)).isRequired, id: D.string.isRequired })) };
@@ -32656,7 +32656,7 @@ var y$ = function(e) {
 y$.propTypes = { size: D.number.isRequired, color: D.string.isRequired, borderWidth: D.number.isRequired, borderColor: D.string.isRequired };
 var Lie = vt(y$), C$ = function(e) {
   var t = e.x, n = e.y, r = e.symbol, i = r === void 0 ? Lie : 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 = Jt(), v = Yn(), 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: P7(g.dots.text), children: u })] });
+  return m.jsxs(rt.g, { transform: x.transform, style: { pointerEvents: "none" }, children: [_t(i, { size: o, color: s, datum: a, borderWidth: l, borderColor: c }), u && m.jsx("text", { textAnchor: f, y: p, style: P7(g.dots.text), children: u })] });
 };
 C$.propTypes = { x: D.number.isRequired, y: D.number.isRequired, datum: D.object.isRequired, size: D.number.isRequired, color: D.string.isRequired, borderWidth: D.number.isRequired, borderColor: D.string.isRequired, symbol: D.oneOfType([D.func, D.object]), label: D.oneOfType([D.string, D.number]), labelTextAnchor: D.oneOf(["start", "middle", "end"]), labelYOffset: D.number };
 var Pie = vt(C$), x$ = function(e) {
@@ -33506,9 +33506,9 @@ var L2 = { container: { display: "flex", alignItems: "center" }, sourceChip: { m
   return { nodes: T, links: k, legendData: O, getNodeBorderColor: V, currentNode: v, setCurrentNode: b, currentLink: x, setCurrentLink: S, getLabelTextColor: I };
 }, Jse = 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 = Yn(), 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 = wi(), S = x.showTooltipFromEvent, w = x.hideTooltip, $ = ze(function(V) {
-    d(t), S(Mt(p, { node: t }), V, "left");
+    d(t), S(_t(p, { node: t }), V, "left");
   }, [d, t, S, p]), H = ze(function(V) {
-    S(Mt(p, { node: t }), V, "left");
+    S(_t(p, { node: t }), V, "left");
   }, [S, t, p]), _ = ze(function() {
     d(null), w();
   }, [d, w]), M = ze(function(V) {
@@ -33531,9 +33531,9 @@ var L2 = { container: { display: "flex", alignItems: "center" }, sourceChip: { m
   return m.jsxs("linearGradient", La({ 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 })] }));
 }, nle = 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 = Yn(), p = h.animate, g = h.config, v = qf(r), b = sn({ color: i, opacity: o, config: g, immediate: !p }), y = wi(), x = y.showTooltipFromEvent, S = y.hideTooltip, w = ze(function(M) {
-    l(t), x(Mt(c, { link: t }), M, "left");
+    l(t), x(_t(c, { link: t }), M, "left");
   }, [l, t, x, c]), $ = ze(function(M) {
-    x(Mt(c, { link: t }), M, "left");
+    x(_t(c, { link: t }), M, "left");
   }, [x, t, c]), H = ze(function() {
     l(null), S();
   }, [l, S]), _ = ze(function(M) {
@@ -33603,7 +33603,7 @@ var L2 = { container: { display: "flex", alignItems: "center" }, sourceChip: { m
     return m.jsx(Yf, La({}, at, { containerWidth: ue, containerHeight: He, data: nt }), "legend" + K);
   }) }, "legends")), m.jsx(jl, { width: Je, height: ot, margin: Ke, role: et, ariaLabel: Be, ariaLabelledBy: Le, ariaDescribedBy: tt, children: ke.map(function(at, K) {
     var oe;
-    return typeof at == "function" ? m.jsx(Xr, { children: Mt(at, Xe) }, K) : (oe = qe == null ? void 0 : qe[at]) != null ? oe : null;
+    return typeof at == "function" ? m.jsx(Xr, { children: _t(at, Xe) }, K) : (oe = qe == null ? void 0 : qe[at]) != null ? oe : null;
   }) });
 }, sle = function(e) {
   var t = e.isInteractive, n = t === void 0 ? Ut.isInteractive : t, r = e.animate, i = r === void 0 ? Ut.animate : r, o = e.motionConfig, a = o === void 0 ? Ut.motionConfig : o, s = e.theme, l = e.renderWrapper, c = function(u, d) {
@@ -33772,7 +33772,7 @@ var cle = { pointerEvents: "none" }, ule = function(e) {
     });
   }, [n, a]), p = vle(h, o, r), g = p.transition, v = p.interpolate, b = c;
   return m.jsx("g", { transform: "translate(" + t[0] + "," + t[1] + ")", children: g(function(y, x) {
-    return Mt(b, { key: x.id, datum: x, label: u(x), style: yn({}, y, { transform: v(y.startAngle, y.endAngle, y.innerRadius, y.outerRadius), textColor: f(x) }) });
+    return _t(b, { key: x.id, datum: x, label: u(x), style: yn({}, y, { transform: v(y.startAngle, y.endAngle, y.innerRadius, y.outerRadius), textColor: f(x) }) });
   }) });
 }, mle = function(e) {
   var t = e.label, n = e.style, r = Jt();
@@ -33824,7 +33824,7 @@ var cle = { pointerEvents: "none" }, ule = function(e) {
 }, $le = function(e) {
   var t = e.center, n = e.data, r = e.label, i = e.skipAngle, o = e.offset, a = e.diagonalLength, s = e.straightLength, l = e.strokeWidth, c = e.textOffset, u = e.textColor, d = e.linkColor, f = e.component, h = f === void 0 ? mle : f, p = Ti(r), g = Sle({ data: n, skipAngle: i, offset: o, diagonalLength: a, straightLength: s, textOffset: c, linkColor: d, textColor: u }), v = g.transition, b = g.interpolateLink, y = g.interpolateTextAnchor, x = g.interpolateTextPosition, S = h;
   return m.jsx("g", { transform: "translate(" + t[0] + "," + t[1] + ")", children: v(function(w, $) {
-    return Mt(S, { key: $.id, datum: $, label: p($), style: yn({}, w, { thickness: l, path: b(w.startAngle, w.endAngle, w.innerRadius, w.outerRadius, w.offset, w.diagonalLength, w.straightLength), textAnchor: y(w.startAngle, w.endAngle, w.innerRadius, w.outerRadius), textPosition: x(w.startAngle, w.endAngle, w.innerRadius, w.outerRadius, w.offset, w.diagonalLength, w.straightLength, w.textOffset) }) });
+    return _t(S, { key: $.id, datum: $, label: p($), style: yn({}, w, { thickness: l, path: b(w.startAngle, w.endAngle, w.innerRadius, w.outerRadius, w.offset, w.diagonalLength, w.straightLength), textAnchor: y(w.startAngle, w.endAngle, w.innerRadius, w.outerRadius), textPosition: x(w.startAngle, w.endAngle, w.innerRadius, w.outerRadius, w.offset, w.diagonalLength, w.straightLength, w.textOffset) }) });
   }) });
 }, Mle = function(e) {
   var t = e.datum, n = e.style, r = e.onClick, i = e.onMouseEnter, o = e.onMouseMove, a = e.onMouseLeave, s = ze(function(d) {
@@ -33856,7 +33856,7 @@ var cle = { pointerEvents: "none" }, ule = function(e) {
     return { opacity: 0, color: x.color, borderColor: p(x) };
   } }), v = g.transition, b = g.interpolate, y = f;
   return m.jsx("g", { transform: "translate(" + t[0] + "," + t[1] + ")", children: v(function(x, S) {
-    return Mt(y, { key: S.id, datum: S, style: yn({}, x, { borderWidth: i, path: b(x.startAngle, x.endAngle, x.innerRadius, x.outerRadius, r) }), onClick: a, onMouseEnter: s, onMouseMove: l, onMouseLeave: c });
+    return _t(y, { key: S.id, datum: S, style: yn({}, x, { borderWidth: i, path: b(x.startAngle, x.endAngle, x.innerRadius, x.outerRadius, r) }), onClick: a, onMouseEnter: s, onMouseMove: l, onMouseLeave: c });
   }) });
 }, Vle = function(e, t, n, r, i, o) {
   o === void 0 && (o = !0);
@@ -33973,11 +33973,11 @@ var dm, Tle = function(e) {
     };
   }, [a, s]), y = Se(function() {
     if (a) return function(w, $) {
-      g(Mt(f, { datum: w }), $), d(w.id), l == null || l(w, $);
+      g(_t(f, { datum: w }), $), d(w.id), l == null || l(w, $);
     };
   }, [a, g, d, l, f]), x = Se(function() {
     if (a) return function(w, $) {
-      g(Mt(f, { datum: w }), $), c == null || c(w, $);
+      g(_t(f, { datum: w }), $), c == null || c(w, $);
     };
   }, [a, g, c, f]), S = Se(function() {
     if (a) return function(w, $) {
@@ -33990,7 +33990,7 @@ var dm, Tle = function(e) {
   u.includes("arcs") && (bt.arcs = m.jsx(Ale, { center: [pt, me], data: st, arcGenerator: ut, borderWidth: O, borderColor: L, isInteractive: Ke, onClick: ue, onMouseEnter: He, onMouseMove: Je, onMouseLeave: ot, setActiveId: lt, tooltip: Ze, transitionMode: Ie }, "arcs")), N && u.includes("arcLinkLabels") && (bt.arcLinkLabels = m.jsx($le, { center: [pt, me], data: st, label: z, skipAngle: ie, offset: ye, diagonalLength: be, straightLength: ve, strokeWidth: le, textOffset: fe, textColor: Ne, linkColor: ke, component: Qe }, "arcLinkLabels")), F && u.includes("arcLabels") && (bt.arcLabels = m.jsx(ple, { center: [pt, me], data: st, label: q, radiusOffset: B, skipAngle: J, textColor: Y, transitionMode: Ie, component: W }, "arcLabels")), wt.length > 0 && u.includes("legends") && (bt.legends = m.jsx(Tle, { width: K, height: oe, data: ct, legends: wt, toggleSerie: Ct }, "legends"));
   var Pt = Ile({ dataWithArc: st, arcGenerator: ut, centerX: pt, centerY: me, radius: Ce, innerRadius: Re });
   return m.jsx(jl, { width: Xe, height: qe, margin: at, defs: Et, role: xe, children: u.map(function(fn, Zt) {
-    return bt[fn] !== void 0 ? bt[fn] : typeof fn == "function" ? m.jsx(Xr, { children: Mt(fn, Pt) }, Zt) : null;
+    return bt[fn] !== void 0 ? bt[fn] : typeof fn == "function" ? m.jsx(Xr, { children: _t(fn, Pt) }, Zt) : null;
   }) });
 }, Fle = function(e) {
   var t = e.isInteractive, n = t === void 0 ? St.isInteractive : t, r = e.animate, i = r === void 0 ? St.animate : r, o = e.motionConfig, a = o === void 0 ? St.motionConfig : o, s = e.theme, l = e.renderWrapper, c = W$(e, Nle);
@@ -34036,8 +34036,8 @@ const Ble = Wt.span`
       },
       children: n ? "Data niet openbaar beschikbaar" : ""
     }
-  )), h = ({ data: p }) => /* @__PURE__ */ m.jsx(_t, { gap: 16, className: "gf-full", justify: "center", wrap: !0, style: { width: c }, children: p == null ? void 0 : p.map(
-    (g, v) => /* @__PURE__ */ m.jsxs(_t, { gap: 8, align: "center", children: [
+  )), h = ({ data: p }) => /* @__PURE__ */ m.jsx(Mt, { gap: 16, className: "gf-full", justify: "center", wrap: !0, style: { width: c }, children: p == null ? void 0 : p.map(
+    (g, v) => /* @__PURE__ */ m.jsxs(Mt, { gap: 8, align: "center", children: [
       /* @__PURE__ */ m.jsx("div", { style: {
         minWidth: 16,
         minHeight: 16,
@@ -34048,7 +34048,7 @@ const Ble = Wt.span`
   ) });
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx(Cn, {}),
-    /* @__PURE__ */ m.jsxs(_t, { vertical: !0, gap: 8, align: "center", style: { width: "100%" }, children: [
+    /* @__PURE__ */ m.jsxs(Mt, { vertical: !0, gap: 8, align: "center", style: { width: "100%" }, children: [
       /* @__PURE__ */ m.jsx(Ble, { children: t }),
       /* @__PURE__ */ m.jsx("div", { style: { width: "100%", height: l }, children: /* @__PURE__ */ m.jsx(
         zle,
@@ -34797,7 +34797,7 @@ var tM = function(e) {
     return { opacity: 1, x1: a.x1, x2: a.x2, y1: a.y1, y2: a.y2 };
   }, leave: { opacity: 0 }, config: i, immediate: !r });
   return m.jsx("g", { children: o(function(a, s) {
-    return Mt(tue, ei({}, s, { key: s.key, animatedProps: a }));
+    return _t(tue, ei({}, s, { key: s.key, animatedProps: a }));
   }) });
 }), oM = vt(function(e) {
   var t = e.width, n = e.height, r = e.xScale, i = e.yScale, o = e.xValues, a = e.yValues, s = Se(function() {
@@ -34956,7 +34956,7 @@ var X5 = { dotSize: 4, noteWidth: 120, noteTextOffset: 8, animate: !0 }, Wue = f
   }, [e]);
 }, Xue = function(e) {
   var t = e.datum, n = e.x, r = e.y, i = e.note, o = Jt(), a = Yn(), 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: Ko({}, 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 })] });
+  return typeof i == "function" ? _t(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: Ko({}, 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 = Jt(), o = Se(function() {
     var l = t[0];
@@ -35837,22 +35837,22 @@ var _de = function(e) {
   return { x: e.x, y: e.y, size: 0, color: e.color };
 }, Tde = function(e) {
   var t = e.nodes, n = e.nodeComponent, r = e.isInteractive, i = e.onMouseEnter, o = e.onMouseMove, a = e.onMouseLeave, s = e.onClick, l = e.tooltip, c = e.blendMode, u = Yn(), d = u.animate, f = u.config, h = Tr(t, { keys: Vde, from: F2, enter: F2, update: F2, leave: Ode, config: f, immediate: !d }), p = wi(), g = p.showTooltipFromEvent, v = p.hideTooltip, b = ze(function(w, $) {
-    g(Mt(l, { node: w }), $), i == null || i(w, $);
+    g(_t(l, { node: w }), $), i == null || i(w, $);
   }, [l, g, i]), y = ze(function(w, $) {
-    g(Mt(l, { node: w }), $), o == null || o(w, $);
+    g(_t(l, { node: w }), $), o == null || o(w, $);
   }, [l, g, o]), x = ze(function(w, $) {
     v(), a == null || a(w, $);
   }, [v, a]), S = ze(function(w, $) {
     return s == null ? void 0 : s(w, $);
   }, [s]);
   return m.jsx(m.Fragment, { children: h(function(w, $) {
-    return Mt(n, { node: $, style: w, blendMode: c, isInteractive: r, onMouseEnter: r ? b : void 0, onMouseMove: r ? y : void 0, onMouseLeave: r ? x : void 0, onClick: r ? S : void 0 });
+    return _t(n, { node: $, style: w, blendMode: c, isInteractive: r, onMouseEnter: r ? b : void 0, onMouseMove: r ? y : void 0, onMouseLeave: r ? x : void 0, onClick: r ? S : void 0 });
   }) });
 }, Rde = function(e) {
   var t = e.nodes, n = e.width, r = e.height, i = e.onMouseEnter, o = e.onMouseMove, a = e.onMouseLeave, s = e.onClick, l = e.tooltip, c = e.debug, u = wi(), d = u.showTooltipFromEvent, f = u.hideTooltip, h = ze(function(b, y) {
-    d(Mt(l, { node: b }), y), i && i(b, y);
+    d(_t(l, { node: b }), y), i && i(b, y);
   }, [d, l, i]), p = ze(function(b, y) {
-    d(Mt(l, { node: b }), y), o && o(b, y);
+    d(_t(l, { node: b }), y), o && o(b, y);
   }, [d, l, o]), g = ze(function(b, y) {
     f(), a && a(b, y);
   }, [f, a]), v = ze(function(b, y) {
@@ -35867,7 +35867,7 @@ var _de = function(e) {
     return m.jsx(Yf, Fr({}, tt, { containerWidth: le, containerHeight: $e, data: et }), Ge);
   })), m.jsx(jl, { width: fe, height: De, margin: he, role: ye, ariaLabel: pe, ariaLabelledBy: be, ariaDescribedBy: we, children: f.map(function(tt, Ge) {
     if (typeof tt == "string" && Le[tt] !== void 0) return Le[tt];
-    if (typeof tt == "function") return m.jsx(Xr, { children: Mt(tt, Be) }, Ge);
+    if (typeof tt == "function") return m.jsx(Xr, { children: _t(tt, Be) }, Ge);
     throw new Error("Unknown layer (" + tt + ")");
   }) });
 }, Lde = function(e) {
@@ -35911,7 +35911,7 @@ var _de = function(e) {
     return Ne[it];
   }, [z, be, we, ve, et]), He = ze(function(Fe) {
     var Ze = ue(Fe);
-    ye(Ze), Ze ? (Ge(Mt(W, { node: Ze }), Fe), ge && ge.id !== Ze.id && (Y && Y(ge, Fe), J && J(Ze, Fe)), ge || J && J(Ze, Fe), X && X(Ze, Fe)) : (Ke(), ge && Y && Y(ge, Fe));
+    ye(Ze), Ze ? (Ge(_t(W, { node: Ze }), Fe), ge && ge.id !== Ze.id && (Y && Y(ge, Fe), J && J(Ze, Fe)), ge || J && J(Ze, Fe), X && X(Ze, Fe)) : (Ke(), ge && Y && Y(ge, Fe));
   }, [ue, ge, ye, Ge, Ke, W, J, X, Y]), Je = ze(function(Fe) {
     Ke(), ye(null), ge && Y && Y(ge, Fe);
   }, [Ke, ge, ye, Y]), ot = ze(function(Fe) {
@@ -36617,7 +36617,7 @@ var y2e = { binary: c2e, dice: U7, slice: q7, sliceDice: u2e, squarify: AM }, C2
 }, S2e = vt(function(e) {
   var t = e.nodes, n = e.nodeComponent, r = e.borderWidth, i = e.enableLabel, o = e.labelSkipSize, a = e.enableParentLabel, s = function(f, h) {
     var p = h.isInteractive, g = h.onMouseEnter, v = h.onMouseMove, b = h.onMouseLeave, y = h.onClick, x = h.tooltip, S = wi(), w = S.showTooltipFromEvent, $ = S.hideTooltip, H = ze(function(I, j) {
-      w(Mt(x, { node: I }), j, "left");
+      w(_t(x, { node: I }), j, "left");
     }, [w, x]), _ = ze(function(I, j) {
       H(I, j), g == null || g(I, j);
     }, [g, H]), M = ze(function(I, j) {
@@ -36644,7 +36644,7 @@ var y2e = { binary: c2e, dice: U7, slice: q7, sliceDice: u2e, squarify: AM }, C2
     return f.path;
   }, initial: z2, from: Rm, enter: z2, update: z2, leave: Rm, config: u, immediate: !c });
   return m.jsx(m.Fragment, { children: d(function(f, h) {
-    return Mt(n, { key: h.path, node: h, animatedProps: f, borderWidth: r, enableLabel: i, labelSkipSize: o, enableParentLabel: a });
+    return _t(n, { key: h.path, node: h, animatedProps: f, borderWidth: r, enableLabel: i, labelSkipSize: o, enableParentLabel: a });
   }) });
 }), $2e = ["isInteractive", "animate", "motionConfig", "theme", "renderWrapper"], M2e = function(e) {
   var t = e.data, n = e.identity, r = n === void 0 ? en.identity : n, i = e.value, o = i === void 0 ? en.value : i, a = e.valueFormat, s = e.tile, l = s === void 0 ? en.tile : s, c = e.nodeComponent, u = c === void 0 ? en.nodeComponent : c, d = e.innerPadding, f = d === void 0 ? en.innerPadding : d, h = e.outerPadding, p = h === void 0 ? en.outerPadding : h, g = e.leavesOnly, v = g === void 0 ? en.leavesOnly : g, b = e.width, y = e.height, x = e.margin, S = e.layers, w = S === void 0 ? en.layers : S, $ = e.colors, H = $ === void 0 ? en.colors : $, _ = e.colorBy, M = _ === void 0 ? en.colorBy : _, V = e.nodeOpacity, R = V === void 0 ? en.nodeOpacity : V, I = e.borderWidth, j = I === void 0 ? en.borderWidth : I, E = e.borderColor, T = E === void 0 ? en.borderColor : E, k = e.defs, O = k === void 0 ? en.defs : k, P = e.fill, L = P === void 0 ? en.fill : P, A = e.enableLabel, F = A === void 0 ? en.enableLabel : A, U = e.label, q = U === void 0 ? en.label : U, G = e.labelTextColor, J = G === void 0 ? en.labelTextColor : G, X = e.orientLabel, Y = X === void 0 ? en.orientLabel : X, Q = e.labelSkipSize, B = Q === void 0 ? en.labelSkipSize : Q, W = e.enableParentLabel, Z = W === void 0 ? en.enableParentLabel : W, N = e.parentLabel, ne = N === void 0 ? en.parentLabel : N, z = e.parentLabelSize, re = z === void 0 ? en.parentLabelSize : z, ie = e.parentLabelPosition, ge = ie === void 0 ? en.parentLabelPosition : ie, ye = e.parentLabelPadding, pe = ye === void 0 ? en.parentLabelPadding : ye, be = e.parentLabelTextColor, we = be === void 0 ? en.parentLabelTextColor : be, ve = e.isInteractive, he = ve === void 0 ? en.isInteractive : ve, le = e.onMouseEnter, $e = e.onMouseMove, fe = e.onMouseLeave, De = e.onClick, Ne = e.tooltip, Te = Ne === void 0 ? en.tooltip : Ne, ke = e.role, Qe = e.ariaLabel, et = e.ariaLabelledBy, Be = e.ariaDescribedBy, Le = ns(b, y, x), tt = Le.margin, Ge = Le.innerWidth, Ke = Le.innerHeight, ue = Le.outerWidth, He = Le.outerHeight, Je = x2e({ data: t, identity: r, value: o, valueFormat: a, leavesOnly: v, width: Ge, height: Ke, tile: l, innerPadding: f, outerPadding: p, colors: H, colorBy: M, nodeOpacity: R, borderColor: T, label: q, labelTextColor: J, orientLabel: Y, enableParentLabel: Z, parentLabel: ne, parentLabelSize: re, parentLabelPosition: ge, parentLabelPadding: pe, parentLabelTextColor: we }).nodes, ot = { nodes: null };
@@ -36652,7 +36652,7 @@ var y2e = { binary: c2e, dice: U7, slice: q7, sliceDice: u2e, squarify: AM }, C2
   var Fe = w2e({ nodes: Je }), Ze = A7(O, Je, L);
   return m.jsx(jl, { width: ue, height: He, margin: tt, defs: Ze, role: ke, ariaLabel: Qe, ariaLabelledBy: et, ariaDescribedBy: Be, children: w.map(function(We, nt) {
     var it;
-    return typeof We == "function" ? m.jsx(Xr, { children: Mt(We, Fe) }, nt) : (it = ot == null ? void 0 : ot[We]) != null ? it : null;
+    return typeof We == "function" ? m.jsx(Xr, { children: _t(We, Fe) }, nt) : (it = ot == null ? void 0 : ot[We]) != null ? it : null;
   }) });
 }, _2e = function(e) {
   var t = e.isInteractive, n = t === void 0 ? en.isInteractive : t, r = e.animate, i = r === void 0 ? en.animate : r, o = e.motionConfig, a = o === void 0 ? en.motionConfig : o, s = e.theme, l = e.renderWrapper, c = d2e(e, $2e);
@@ -36798,7 +36798,7 @@ const O2e = (e, t = 12) => {
   }, w = ({ nodes: $ }) => $.map((H) => /* @__PURE__ */ m.jsx(S, { node: H }, H.id));
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx(Cn, {}),
-    /* @__PURE__ */ m.jsxs(_t, { gap: 16, vertical: !0, children: [
+    /* @__PURE__ */ m.jsxs(Mt, { gap: 16, vertical: !0, children: [
       /* @__PURE__ */ m.jsx("div", { ref: b, style: { width: "100%", height: 600, ...t }, children: /* @__PURE__ */ m.jsx(
         H2e,
         {
@@ -36965,22 +36965,22 @@ var I2e = function(e) {
   });
 }), Z2e = vt(function(e) {
   var t = e.slice, n = e.slices, r = e.axis, i = e.debug, o = e.tooltip, a = e.isCurrent, s = e.setCurrent, l = e.onMouseEnter, c = e.onMouseMove, u = e.onMouseLeave, d = e.onClick, f = e.onTouchStart, h = e.onTouchMove, p = e.onTouchEnd, g = wi(), v = g.showTooltipFromEvent, b = g.hideTooltip, y = ze(function(M) {
-    v(Mt(o, { slice: t, axis: r }), M, "right"), s(t), l && l(t, M);
+    v(_t(o, { slice: t, axis: r }), M, "right"), s(t), l && l(t, M);
   }, [v, o, t, r, s, l]), x = ze(function(M) {
-    v(Mt(o, { slice: t, axis: r }), M, "right"), c && c(t, M);
+    v(_t(o, { slice: t, axis: r }), M, "right"), c && c(t, M);
   }, [v, o, t, r, c]), S = ze(function(M) {
     b(), s(null), u && u(t, M);
   }, [b, s, u, t]), w = ze(function(M) {
     d && d(t, M);
   }, [t, d]), $ = ze(function(M) {
-    v(Mt(o, { slice: t, axis: r }), M, "right"), s(t), f && f(t, M);
+    v(_t(o, { slice: t, axis: r }), M, "right"), s(t), f && f(t, M);
   }, [r, f, s, v, t, o]), H = ze(function(M) {
     var V = M.touches[0], R = document.elementFromPoint(V.clientX, V.clientY), I = R == null ? void 0 : R.getAttribute("data-ref");
     if (I) {
       var j = n.find(function(E) {
         return E.id === I;
       });
-      j && (v(Mt(o, { slice: j, axis: r }), M, "right"), s(j));
+      j && (v(_t(o, { slice: j, axis: r }), M, "right"), s(j));
     }
     h && h(t, M);
   }, [r, h, s, v, t, n, o]), _ = ze(function(M) {
@@ -37001,17 +37001,17 @@ var I2e = function(e) {
   }) });
 }), G2e = vt(function(e) {
   var t = e.points, n = e.width, r = e.height, i = e.margin, o = e.setCurrent, a = e.onMouseEnter, s = e.onMouseMove, l = e.onMouseLeave, c = e.onClick, u = e.onTouchStart, d = e.onTouchMove, f = e.onTouchEnd, h = e.tooltip, p = e.debug, g = e.enableTouchCrosshair, v = wi(), b = v.showTooltipAt, y = v.hideTooltip, x = ze(function(V, R) {
-    b(Mt(h, { point: V }), [V.x + i.left, V.y + i.top], "top"), a && a(V, R);
+    b(_t(h, { point: V }), [V.x + i.left, V.y + i.top], "top"), a && a(V, R);
   }, [b, h, a, i]), S = ze(function(V, R) {
-    b(Mt(h, { point: V }), [V.x + i.left, V.y + i.top], "top"), s && s(V, R);
+    b(_t(h, { point: V }), [V.x + i.left, V.y + i.top], "top"), s && s(V, R);
   }, [b, h, i.left, i.top, s]), w = ze(function(V, R) {
     y(), l && l(V, R);
   }, [y, l]), $ = ze(function(V, R) {
     c && c(V, R);
   }, [c]), H = ze(function(V, R) {
-    b(Mt(h, { point: V }), [V.x + i.left, V.y + i.top], "top"), u && u(V, R);
+    b(_t(h, { point: V }), [V.x + i.left, V.y + i.top], "top"), u && u(V, R);
   }, [i.left, i.top, u, b, h]), _ = ze(function(V, R) {
-    b(Mt(h, { point: V }), [V.x + i.left, V.y + i.top], "top"), d && d(V, R);
+    b(_t(h, { point: V }), [V.x + i.left, V.y + i.top], "top"), d && d(V, R);
   }, [i.left, i.top, d, b, h]), M = ze(function(V, R) {
     y(), f && f(V, R);
   }, [f, y]);
@@ -37064,7 +37064,7 @@ var I2e = function(e) {
     return ot[qe];
   }, [t, fe, De, Ne, Ze]), it = wi(), Ue = it.showTooltipFromEvent, Ie = it.hideTooltip, ht = ze(function(de) {
     var xe = nt(de);
-    Le(xe), xe ? Ue(Mt(he, { point: xe }), de) : Ie();
+    Le(xe), xe ? Ue(_t(he, { point: xe }), de) : Ie();
   }, [nt, Le, Ue, Ie, he]), wt = ze(function(de) {
     Ie(), Le(null), Be && be && be(Be, de);
   }, [Ie, Le, be]), Ee = ze(function(de) {
@@ -37106,7 +37106,7 @@ const J2e = Wt.span`
   G: "Verbranden",
   H: "Storten",
   I: "Opslag"
-}, t3e = () => /* @__PURE__ */ m.jsx("div", { style: { marginTop: 10, marginLeft: 10, whiteSpace: "nowrap" }, children: Object.keys(jm).map((e, t) => /* @__PURE__ */ m.jsxs(_t, { gap: 8, align: "center", children: [
+}, t3e = () => /* @__PURE__ */ m.jsx("div", { style: { marginTop: 10, marginLeft: 10, whiteSpace: "nowrap" }, children: Object.keys(jm).map((e, t) => /* @__PURE__ */ m.jsxs(Mt, { gap: 8, align: "center", children: [
   /* @__PURE__ */ m.jsx(
     "div",
     {
@@ -37172,27 +37172,37 @@ const J2e = Wt.span`
       }
     ) }) })
   ] })
-] }), n3e = Wt.h3`
+] }), n3e = Wt.span`
   color: var(--gf-color-button-primary);
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
 `, _7e = ({ selectors: e, setter: t, style: n }) => {
   const r = 24 / e.length;
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx(Cn, {}),
     /* @__PURE__ */ m.jsx($o, { gutter: 20, style: { width: "100%", ...n }, children: e.map(
-      (i, o) => /* @__PURE__ */ m.jsxs(Er, { span: r, children: [
-        /* @__PURE__ */ m.jsx(n3e, { children: i.title }),
-        /* @__PURE__ */ m.jsx(
-          qa,
-          {
-            defaultValue: i.defaultValue,
-            style: { width: "100%" },
-            onChange: (a) => {
-              t(i.key, a);
-            },
-            options: i.options
-          }
-        )
-      ] }, `col-${o}`)
+      (i, o) => /* @__PURE__ */ m.jsx(Er, { span: r, children: /* @__PURE__ */ m.jsxs(
+        Mt,
+        {
+          vertical: !0,
+          gap: 10,
+          children: [
+            /* @__PURE__ */ m.jsx(n3e, { children: i.title }),
+            /* @__PURE__ */ m.jsx(
+              qa,
+              {
+                defaultValue: i.defaultValue,
+                style: { width: "100%" },
+                onChange: (a) => {
+                  t(i.key, a);
+                },
+                options: i.options
+              }
+            )
+          ]
+        }
+      ) }, `col-${o}`)
     ) })
   ] });
 }, km = Wt.span`
@@ -37903,7 +37913,7 @@ var t_ = { patternDots: ih, patternLines: oh, patternSquares: ah }, K3e = ["type
   var t = e.defs;
   return !t || t.length < 1 ? null : m.jsx("defs", { "aria-hidden": !0, children: t.map(function(n) {
     var r = n.type, i = Y7(n, K3e);
-    return sh[r] ? Mt(sh[r], bi({ key: i.id }, i)) : null;
+    return sh[r] ? _t(sh[r], bi({ key: i.id }, i)) : null;
   }) });
 };
 n_.propTypes = { defs: D.arrayOf(D.shape({ type: D.oneOf(Object.keys(sh)).isRequired, id: D.string.isRequired })) };
@@ -37919,7 +37929,7 @@ var i_ = function(e) {
 i_.propTypes = { size: D.number.isRequired, color: D.string.isRequired, borderWidth: D.number.isRequired, borderColor: D.string.isRequired };
 var Q3e = vt(i_), o_ = function(e) {
   var t = e.x, n = e.y, r = e.symbol, i = r === void 0 ? Q3e : 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 = Wn(), 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: Q7(g.dots.text), children: u })] });
+  return m.jsxs(rt.g, { transform: x.transform, style: { pointerEvents: "none" }, children: [_t(i, { size: o, color: s, datum: a, borderWidth: l, borderColor: c }), u && m.jsx("text", { textAnchor: f, y: p, style: Q7(g.dots.text), children: u })] });
 };
 o_.propTypes = { x: D.number.isRequired, y: D.number.isRequired, datum: D.object.isRequired, size: D.number.isRequired, color: D.string.isRequired, borderWidth: D.number.isRequired, borderColor: D.string.isRequired, symbol: D.oneOfType([D.func, D.object]), label: D.oneOfType([D.string, D.number]), labelTextAnchor: D.oneOf(["start", "middle", "end"]), labelYOffset: D.number };
 vt(o_);
@@ -38272,7 +38282,7 @@ var f_ = function(e) {
     return { opacity: 1, x1: a.x1, x2: a.x2, y1: a.y1, y2: a.y2 };
   }, leave: { opacity: 0 }, config: i, immediate: !r });
   return m.jsx("g", { children: o(function(a, s) {
-    return Mt(S5e, ti({}, s, { key: s.key, animatedProps: a }));
+    return _t(S5e, ti({}, s, { key: s.key, animatedProps: a }));
   }) });
 }), $5e = vt(function(e) {
   var t = e.width, n = e.height, r = e.xScale, i = e.yScale, o = e.xValues, a = e.yValues, s = Se(function() {
@@ -38387,7 +38397,7 @@ var ch = { dotSize: 4, noteWidth: 120, noteTextOffset: 8, animate: !0 }, H5e = f
   }, [e]);
 }, j5e = function(e) {
   var t = e.datum, n = e.x, r = e.y, i = e.note, o = Wn(), 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: Pi({}, 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 })] });
+  return typeof i == "function" ? _t(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: Pi({}, 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 })] });
 }, Am = function(e) {
   var t = e.points, n = e.isOutline, r = n !== void 0 && n, i = Wn(), o = Se(function() {
     var l = t[0];
@@ -38726,7 +38736,7 @@ var zm, che = function(e) {
 }, dhe = ["data"], fhe = function(e) {
   var t, n = e.bar, r = n.data, i = kl(n, dhe), o = e.style, a = o.borderColor, s = o.color, l = o.height, c = o.labelColor, u = o.labelOpacity, d = o.labelX, f = o.labelY, h = o.transform, p = o.width, g = o.textAnchor, v = e.borderRadius, b = e.borderWidth, y = e.label, x = e.shouldRenderLabel, S = e.isInteractive, w = e.onClick, $ = e.onMouseEnter, H = e.onMouseLeave, _ = e.tooltip, M = e.isFocusable, V = e.ariaLabel, R = e.ariaLabelledBy, I = e.ariaDescribedBy, j = e.ariaDisabled, E = e.ariaHidden, T = Wn(), k = ZM(), O = k.showTooltipFromEvent, P = k.showTooltipAt, L = k.hideTooltip, A = Se(function() {
     return function() {
-      return Mt(_, Yt({}, i, r));
+      return _t(_, Yt({}, i, r));
     };
   }, [_, i, r]), F = ze(function(Y) {
     w == null || w(Yt({ color: i.color }, r), Y);
@@ -38973,14 +38983,14 @@ var vhe = ["layout", "minValue", "maxValue", "reverse", "width", "height", "padd
     return { borderRadius: ge, borderWidth: pe, enableLabel: O, isInteractive: De, labelSkipWidth: A, labelSkipHeight: U, onClick: ke, onMouseEnter: Qe, onMouseLeave: et, getTooltipLabel: me, tooltip: Te, isFocusable: Je, ariaLabel: ot, ariaLabelledBy: Fe, ariaDescribedBy: Ze, ariaHidden: We, ariaDisabled: nt };
   }, [ge, pe, O, me, De, U, A, ke, Qe, et, Te, Je, ot, Fe, Ze, We, nt]), br = o5e(ne, Oe, re, { dataKey: "data", targetKey: "data.fill" }), qt = { annotations: null, axes: null, bars: null, grid: null, legends: null, markers: null, totals: null };
   j.includes("annotations") && (qt.annotations = m.jsx(che, { bars: Oe, annotations: ve }, "annotations")), j.includes("axes") && (qt.axes = m.jsx(w5e, { xScale: ct, yScale: ut, width: K, height: oe, top: v, right: b, bottom: x, left: w }, "axes")), j.includes("bars") && (qt.bars = m.jsx(Xr, { children: Zt(function(dt, kn) {
-    return Mt(T, Yt({}, xn, { bar: kn, style: dt, shouldRenderLabel: lt(kn), label: pt(kn.data) }));
+    return _t(T, Yt({}, xn, { bar: kn, style: dt, shouldRenderLabel: lt(kn), label: pt(kn.data) }));
   }) }, "bars")), j.includes("grid") && (qt.grid = m.jsx($5e, { width: K, height: oe, xScale: H ? ct : null, yScale: M ? ut : null, xValues: V, yValues: R }, "grid")), j.includes("legends") && (qt.legends = m.jsx(uhe, { width: K, height: oe, legends: Et, toggleSerie: Ct }, "legends")), j.includes("markers") && (qt.markers = m.jsx(e5e, { markers: B, width: K, height: oe, xScale: ct, yScale: ut }, "markers")), j.includes("totals") && Ie && (qt.totals = m.jsx(Vhe, { data: bt, springConfig: xe, animate: de, layout: l }, "totals"));
   var Dn = Se(function() {
     return Yt({}, xn, { margin: at, width: o, height: a, innerWidth: K, innerHeight: oe, bars: Oe, legendData: Et, enableLabel: O, xScale: ct, yScale: ut, tooltip: Te, getTooltipLabel: me, onClick: ke, onMouseEnter: Qe, onMouseLeave: et, getColor: Pt });
   }, [xn, at, o, a, K, oe, Oe, Et, O, ct, ut, Te, me, ke, Qe, et, Pt]);
   return m.jsx(r_, { width: Xe, height: qe, margin: at, defs: br, role: tt, ariaLabel: Ge, ariaLabelledBy: Ke, ariaDescribedBy: ue, isFocusable: Je, children: j.map(function(dt, kn) {
     var mn;
-    return typeof dt == "function" ? m.jsx(Xr, { children: Mt(dt, Dn) }, kn) : (mn = qt == null ? void 0 : qt[dt]) != null ? mn : null;
+    return typeof dt == "function" ? m.jsx(Xr, { children: _t(dt, Dn) }, kn) : (mn = qt == null ? void 0 : qt[dt]) != null ? mn : null;
   }) });
 }, Rhe = function(e) {
   var t = e.isInteractive, n = t === void 0 ? vn.isInteractive : t, r = e.animate, i = r === void 0 ? vn.animate : r, o = e.motionConfig, a = o === void 0 ? vn.motionConfig : o, s = e.theme, l = e.renderWrapper, c = kl(e, Ohe);
@@ -39023,7 +39033,7 @@ var vhe = ["layout", "minValue", "maxValue", "reverse", "width", "height", "padd
   var ct = ze(function(me) {
     if (We && tt.current) {
       var Ce = Z2(tt.current, me), Re = Ce[0], lt = Ce[1], Ct = q2(We, ue, Re, lt);
-      Ct !== void 0 ? (at(Mt(he, Yt({}, Ct.data, { color: Ct.color, label: Ct.label, value: Number(Ct.data.value) })), me), me.type === "mouseenter" && ($e == null || $e(Ct.data, me))) : K();
+      Ct !== void 0 ? (at(_t(he, Yt({}, Ct.data, { color: Ct.color, label: Ct.label, value: Number(Ct.data.value) })), me), me.type === "mouseenter" && ($e == null || $e(Ct.data, me))) : K();
     }
   }, [K, ue, $e, We, at, he]), ut = ze(function(me) {
     if (We && tt.current) {
@@ -39157,7 +39167,7 @@ const dh = 12, E_ = 14, Phe = Wt.tspan`
   }), []), /* @__PURE__ */ m.jsx(m.Fragment, { children: /* @__PURE__ */ m.jsxs($o, { gutter: [24, 0], children: [
     /* @__PURE__ */ m.jsxs(Er, { span: 12, children: [
       /* @__PURE__ */ m.jsx(m3e, { ref: n, ...e }),
-      /* @__PURE__ */ m.jsx(_t, { justify: "center", style: { marginTop: 16, width: "100%" }, children: /* @__PURE__ */ m.jsx(b3e, {}) })
+      /* @__PURE__ */ m.jsx(Mt, { justify: "center", style: { marginTop: 16, width: "100%" }, children: /* @__PURE__ */ m.jsx(b3e, {}) })
     ] }),
     /* @__PURE__ */ m.jsx(Er, { span: 12, children: /* @__PURE__ */ m.jsx(Ahe, { ...t, height: r }) })
   ] }) });
@@ -39257,8 +39267,8 @@ const dh = 12, E_ = 14, Phe = Wt.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(_t, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: T.map(
-      (k, O) => /* @__PURE__ */ m.jsxs(_t, { gap: 4, align: "center", children: [
+    return /* @__PURE__ */ m.jsx(Mt, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: T.map(
+      (k, O) => /* @__PURE__ */ m.jsxs(Mt, { gap: 4, align: "center", children: [
         k.shape === "line" ? /* @__PURE__ */ m.jsx(V, { color: k.color }) : /* @__PURE__ */ m.jsx(R, { color: k.color }),
         /* @__PURE__ */ m.jsx(Dhe, { children: k.name })
       ] }, `legend-${O}`)
@@ -39266,7 +39276,7 @@ const dh = 12, E_ = 14, Phe = Wt.tspan`
   };
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx(Cn, {}),
-    /* @__PURE__ */ m.jsxs(_t, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
+    /* @__PURE__ */ m.jsxs(Mt, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
       /* @__PURE__ */ m.jsx("div", { style: { width: "100%", height: n, ...t }, children: /* @__PURE__ */ m.jsx(
         mM,
         {
@@ -39422,8 +39432,8 @@ const dh = 12, E_ = 14, Phe = Wt.tspan`
         defs: g
       };
     });
-    return /* @__PURE__ */ m.jsx(_t, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: j.map(
-      (E, T) => /* @__PURE__ */ m.jsxs(_t, { gap: 8, align: "center", children: [
+    return /* @__PURE__ */ m.jsx(Mt, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: j.map(
+      (E, T) => /* @__PURE__ */ m.jsxs(Mt, { gap: 8, align: "center", children: [
         /* @__PURE__ */ m.jsx("div", { style: {
           minWidth: 16,
           minHeight: 16,
@@ -39452,7 +39462,7 @@ const dh = 12, E_ = 14, Phe = Wt.tspan`
   }, V = e.slice().reverse();
   return h.push("bars"), s && h.push(H), p && h.push(M), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx(Cn, {}),
-    /* @__PURE__ */ m.jsxs(_t, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
+    /* @__PURE__ */ m.jsxs(Mt, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
       /* @__PURE__ */ m.jsx("div", { style: { height: t }, children: /* @__PURE__ */ m.jsx(
         Ll,
         {
@@ -39729,7 +39739,7 @@ var w4e = { patternDots: vh, patternLines: mh, patternSquares: bh }, S4e = ["typ
   var t = e.defs;
   return !t || t.length < 1 ? null : m.jsx("defs", { "aria-hidden": !0, children: t.map(function(n) {
     var r = n.type, i = og(n, S4e);
-    return yh[r] ? Mt(yh[r], Xo({ key: i.id }, i)) : null;
+    return yh[r] ? _t(yh[r], Xo({ key: i.id }, i)) : null;
   }) });
 };
 Z_.propTypes = { defs: D.arrayOf(D.shape({ type: D.oneOf(Object.keys(yh)).isRequired, id: D.string.isRequired })) };
@@ -39745,7 +39755,7 @@ var q_ = function(e) {
 q_.propTypes = { size: D.number.isRequired, color: D.string.isRequired, borderWidth: D.number.isRequired, borderColor: D.string.isRequired };
 var M4e = vt(q_), G_ = function(e) {
   var t = e.x, n = e.y, r = e.symbol, i = r === void 0 ? M4e : 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 = Kn(), v = $i(), 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: D_(g.dots.text), children: u })] });
+  return m.jsxs(rt.g, { transform: x.transform, style: { pointerEvents: "none" }, children: [_t(i, { size: o, color: s, datum: a, borderWidth: l, borderColor: c }), u && m.jsx("text", { textAnchor: f, y: p, style: D_(g.dots.text), children: u })] });
 };
 G_.propTypes = { x: D.number.isRequired, y: D.number.isRequired, datum: D.object.isRequired, size: D.number.isRequired, color: D.string.isRequired, borderWidth: D.number.isRequired, borderColor: D.string.isRequired, symbol: D.oneOfType([D.func, D.object]), label: D.oneOfType([D.string, D.number]), labelTextAnchor: D.oneOf(["start", "middle", "end"]), labelYOffset: D.number };
 vt(G_);
@@ -39969,7 +39979,7 @@ var T4e = function(e) {
     return { opacity: 1, x1: a.x1, x2: a.x2, y1: a.y1, y2: a.y2 };
   }, leave: { opacity: 0 }, config: i, immediate: !r });
   return m.jsx("g", { children: o(function(a, s) {
-    return Mt(A4e, yi({}, s, { key: s.key, animatedProps: a }));
+    return _t(A4e, yi({}, s, { key: s.key, animatedProps: a }));
   }) });
 }), N4e = vt(function(e) {
   var t = e.width, n = e.height, r = e.xScale, i = e.yScale, o = e.xValues, a = e.yValues, s = Se(function() {
@@ -40270,7 +40280,7 @@ var Ch = { dotSize: 4, noteWidth: 120, noteTextOffset: 8, animate: !0 }, o6e = f
   }, [e]);
 }, f6e = function(e) {
   var t = e.datum, n = e.x, r = e.y, i = e.note, o = Kn(), a = $i(), 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: Qo({}, 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 })] });
+  return typeof i == "function" ? _t(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: Qo({}, 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 })] });
 }, eb = function(e) {
   var t = e.points, n = e.isOutline, r = n !== void 0 && n, i = Kn(), o = Se(function() {
     var l = t[0];
@@ -40423,13 +40433,13 @@ var b6e = function(e) {
   }, initial: K2, from: O6e, enter: K2, update: K2, leave: T6e, config: v, immediate: !g }), y = Khe(), x = y.showTooltipFromEvent, S = y.hideTooltip, w = Se(function() {
     if (a) return function(M) {
       return function(V) {
-        x(Mt(f, { cell: M }), V), s(M), l == null || l(M, V);
+        x(_t(f, { cell: M }), V), s(M), l == null || l(M, V);
       };
     };
   }, [a, x, f, s, l]), $ = Se(function() {
     if (a) return function(M) {
       return function(V) {
-        x(Mt(f, { cell: M }), V), c == null || c(M, V);
+        x(_t(f, { cell: M }), V), c == null || c(M, V);
       };
     };
   }, [a, x, f, c]), H = Se(function() {
@@ -40446,7 +40456,7 @@ var b6e = function(e) {
     };
   }, [a, d]);
   return t = r === "rect" ? E6e : r === "circle" ? V6e : r, m.jsx(m.Fragment, { children: b(function(M, V) {
-    return Mt(t, { cell: V, borderRadius: i, borderWidth: o, animatedProps: M, enableLabels: h, onMouseEnter: w, onMouseMove: $, onMouseLeave: H, onClick: _ });
+    return _t(t, { cell: V, borderRadius: i, borderWidth: o, animatedProps: M, enableLabels: h, onMouseEnter: w, onMouseMove: $, onMouseLeave: H, onClick: _ });
   }) });
 }, j6e = function(e) {
   var t = e.cells, n = e.annotations, r = H6e(t, n);
@@ -40458,12 +40468,12 @@ var b6e = function(e) {
     return Mr({}, He, { top: He.top + Ie, left: He.left + Ue });
   }, [He, Ue, Ie]), qe = { grid: null, axes: null, cells: null, legends: null, annotations: null };
   r.includes("grid") && (qe.grid = m.jsx(N4e, { width: nt, height: it, xScale: L ? ht : null, yScale: F ? wt : null }, "grid")), r.includes("axes") && (qe.axes = m.jsx(I4e, { xScale: ht, yScale: wt, width: nt, height: it, top: q, right: J, bottom: Y, left: B }, "axes")), r.includes("cells") && (qe.cells = m.jsx(Xr, { children: m.jsx(R6e, { cells: Ee, cellComponent: w, borderRadius: j, borderWidth: T, isInteractive: $e, setActiveCell: Ve, onMouseEnter: fe, onMouseMove: De, onMouseLeave: Ne, onClick: Te, tooltip: Be, enableLabels: Z }) }, "cells")), r.includes("legends") && de !== null && (qe.legends = m.jsx(Xr, { children: we.map(function(K, oe) {
-    return Mt(i6e, Mr({}, K, { key: oe, containerWidth: nt, containerHeight: it, scale: de }));
+    return _t(i6e, Mr({}, K, { key: oe, containerWidth: nt, containerHeight: it, scale: de }));
   }) }, "legends")), r.includes("annotations") && he.length > 0 && (qe.annotations = m.jsx(j6e, { cells: Ee, annotations: he }, "annotations"));
   var at = { cells: Ee, activeCell: xe, setActiveCell: Ve };
   return m.jsx(U_, { width: Fe, height: Ze, margin: Object.assign({}, Xe, { top: Xe.top, left: Xe.left }), role: Le, ariaLabel: tt, ariaLabelledBy: Ge, ariaDescribedBy: Ke, children: r.map(function(K, oe) {
     var ae;
-    return typeof K == "function" ? m.jsx(Xr, { children: Mt(K, at) }, oe) : (ae = qe == null ? void 0 : qe[K]) != null ? ae : null;
+    return typeof K == "function" ? m.jsx(Xr, { children: _t(K, at) }, oe) : (ae = qe == null ? void 0 : qe[K]) != null ? ae : null;
   }) });
 }, P6e = function(e) {
   var t = e.isInteractive, n = t === void 0 ? Gt.isInteractive : t, r = e.animate, i = r === void 0 ? Gt.animate : r, o = e.motionConfig, a = o === void 0 ? Gt.motionConfig : o, s = e.theme, l = e.renderWrapper, c = m6e(e, k6e);
@@ -40808,7 +40818,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
       raw: "#92DAE1"
     },
     legend: {
-      raw: "Grondstoffen gebruik"
+      raw: "Grondstoffengebruik"
     },
     text: "Doel 2035: Verlagen met 15% ten op zichte van 2016",
     targets: [
@@ -40849,7 +40859,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
     ]
   }
 }, D6e = ({ increase: e, text: t }) => /* @__PURE__ */ m.jsxs(
-  _t,
+  Mt,
   {
     gap: 8,
     align: "center",
@@ -40868,14 +40878,14 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
 ), F6e = ({ legend: e, targets: t, colors: n }) => {
   var r;
   return /* @__PURE__ */ m.jsxs(
-    _t,
+    Mt,
     {
       gap: 16,
       justify: "center",
       align: "center",
       children: [
         (r = Object.entries(e)) == null ? void 0 : r.map(([i, o], a) => /* @__PURE__ */ m.jsxs(
-          _t,
+          Mt,
           {
             align: "center",
             gap: 8,
@@ -40903,7 +40913,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
           a
         )),
         t == null ? void 0 : t.map((i, o) => /* @__PURE__ */ m.jsxs(
-          _t,
+          Mt,
           {
             align: "center",
             gap: 8,
@@ -40963,7 +40973,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx(Cn, {}),
     /* @__PURE__ */ m.jsxs(
-      _t,
+      Mt,
       {
         vertical: !0,
         gap: 16,
@@ -41133,8 +41143,8 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
         defs: g
       };
     });
-    return /* @__PURE__ */ m.jsx(_t, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: k.map(
-      (O, P) => /* @__PURE__ */ m.jsxs(_t, { gap: 8, align: "center", children: [
+    return /* @__PURE__ */ m.jsx(Mt, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: k.map(
+      (O, P) => /* @__PURE__ */ m.jsxs(Mt, { gap: 8, align: "center", children: [
         /* @__PURE__ */ m.jsx("div", { style: {
           minWidth: 8,
           minHeight: 8,
@@ -41199,7 +41209,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
   const j = e.slice().reverse();
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx(Cn, {}),
-    /* @__PURE__ */ m.jsxs(_t, { vertical: !0, gap: 8, style: { width: "100%" }, ref: V, children: [
+    /* @__PURE__ */ m.jsxs(Mt, { vertical: !0, gap: 8, style: { width: "100%" }, ref: V, children: [
       /* @__PURE__ */ m.jsx(_, { data: e, keys: o }),
       /* @__PURE__ */ m.jsxs($o, { gutter: [0, 0], children: [
         /* @__PURE__ */ m.jsx(Er, { span: b, children: /* @__PURE__ */ m.jsx(M, { value: o[0], labels: !0 }) }),
@@ -41267,8 +41277,8 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
       name: H,
       color: l[H]
     }));
-    return /* @__PURE__ */ m.jsx(_t, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: $.map(
-      (H, _) => /* @__PURE__ */ m.jsxs(_t, { gap: 8, align: "center", children: [
+    return /* @__PURE__ */ m.jsx(Mt, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: $.map(
+      (H, _) => /* @__PURE__ */ m.jsxs(Mt, { gap: 8, align: "center", children: [
         /* @__PURE__ */ m.jsx("div", { style: {
           minWidth: 16,
           minHeight: 16,
@@ -41280,7 +41290,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
   };
   return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx(Cn, {}),
-    /* @__PURE__ */ m.jsxs(_t, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
+    /* @__PURE__ */ m.jsxs(Mt, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
       /* @__PURE__ */ m.jsx("div", { style: { height: t }, children: /* @__PURE__ */ m.jsx(
         Ll,
         {
@@ -41385,13 +41395,13 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
       )
     ] }, h);
   }), u = () => /* @__PURE__ */ m.jsx(
-    _t,
+    Mt,
     {
       justify: "center",
       gap: 16,
       wrap: !0,
       children: Object.entries(nb).map(([d, f], h) => /* @__PURE__ */ m.jsxs(
-        _t,
+        Mt,
         {
           align: "center",
           gap: 8,
@@ -41413,7 +41423,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
       ))
     }
   );
-  return console.log(e), /* @__PURE__ */ m.jsxs(_t, { vertical: !0, gap: 8, children: [
+  return console.log(e), /* @__PURE__ */ m.jsxs(Mt, { vertical: !0, gap: 8, children: [
     /* @__PURE__ */ m.jsx(
       "div",
       {
@@ -41528,9 +41538,9 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
     };
   }, [e, n, r]), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx(Cn, {}),
-    /* @__PURE__ */ m.jsxs(_t, { align: "stretch", children: [
+    /* @__PURE__ */ m.jsxs(Mt, { align: "stretch", children: [
       /* @__PURE__ */ m.jsxs(
-        _t,
+        Mt,
         {
           gap: 8,
           vertical: !0,
@@ -41572,7 +41582,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
     ] })
   ] });
 }, Q6e = ({ success: e }) => /* @__PURE__ */ m.jsxs(
-  _t,
+  Mt,
   {
     gap: 8,
     justify: "center",
@@ -41598,7 +41608,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
   color: e,
   name: t
 }) => /* @__PURE__ */ m.jsx(m.Fragment, { children: t.toLowerCase() !== "reduction" ? /* @__PURE__ */ m.jsxs(
-  _t,
+  Mt,
   {
     gap: 4,
     align: "center",
@@ -41631,7 +41641,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
 ) : null }), e7e = ({
   legend: e
 }) => /* @__PURE__ */ m.jsx(
-  _t,
+  Mt,
   {
     gap: 8,
     justify: "center",
@@ -41651,7 +41661,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
   legend: n,
   success: r
 }) => /* @__PURE__ */ m.jsxs(
-  _t,
+  Mt,
   {
     vertical: !0,
     gap: 16,
@@ -41663,13 +41673,16 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
     },
     children: [
       /* @__PURE__ */ m.jsxs(
-        _t,
+        Mt,
         {
           gap: 8,
           vertical: !0,
+          style: {
+            flexGrow: 1
+          },
           children: [
             /* @__PURE__ */ m.jsxs(
-              _t,
+              Mt,
               {
                 gap: 8,
                 justify: "space-between",
@@ -41679,7 +41692,7 @@ const za = 12, u1 = 14, Rs = Wt.tspan`
                     {
                       style: {
                         color: "#1D2939",
-                        textAlign: "center",
+                        textAlign: "left",
                         fontSize: 16,
                         fontWeight: 500,
                         lineHeight: "24px"
@@ -41792,7 +41805,7 @@ const n7e = ({
 }) => {
   const o = (t == null ? void 0 : t.unit) === "%";
   return /* @__PURE__ */ m.jsxs(
-    _t,
+    Mt,
     {
       justify: "space-between",
       align: "center",
@@ -41811,14 +41824,14 @@ const n7e = ({
           }
         ),
         /* @__PURE__ */ m.jsx(
-          _t,
+          Mt,
           {
             gap: 8,
             children: n.map((a, s) => {
               var d, f;
               const l = (d = t == null ? void 0 : t.value) == null ? void 0 : d[a == null ? void 0 : a.key], c = t == null ? void 0 : t.unit, u = Math.round(l / ((f = t == null ? void 0 : t.value) == null ? void 0 : f.total) * 100);
               return /* @__PURE__ */ m.jsx(
-                _t,
+                Mt,
                 {
                   gap: 4,
                   align: "center",
@@ -41863,7 +41876,7 @@ const n7e = ({
 }) => {
   var a;
   const r = (e == null ? void 0 : e.unit) === "%", i = (a = n == null ? void 0 : n.filter((s) => s.key !== "reduction")) == null ? void 0 : a.length, o = 8;
-  return /* @__PURE__ */ m.jsx(_t, { children: n == null ? void 0 : n.map((s, l) => {
+  return /* @__PURE__ */ m.jsx(Mt, { children: n == null ? void 0 : n.map((s, l) => {
     var f;
     const c = ((f = e == null ? void 0 : e.value) == null ? void 0 : f[s == null ? void 0 : s.key]) / 100 * 100, u = (s == null ? void 0 : s.arrow) && !t && c > o, d = o / c * 100;
     return /* @__PURE__ */ m.jsxs(je.Fragment, { children: [
@@ -41876,7 +41889,7 @@ const n7e = ({
             position: "relative",
             borderRadius: i === 1 ? 12 : l === 0 ? "12px 0 0 12px" : l === i - 1 ? "0 12px 12px 0" : 0,
             borderRight: i !== 1 && l < i - 1 ? "1px solid #FFF" : "none",
-            background: r && !t && !(s != null && s.hide) ? `repeating-linear-gradient(
+            background: r && !(s != null && s.hide) ? `repeating-linear-gradient(
                                             -60deg,
                                             rgba(255,255,255,0.1) 0px,
                                             rgba(255,255,255,0.1) 1px,
@@ -41885,7 +41898,7 @@ const n7e = ({
                                           ), ${s == null ? void 0 : s.color}` : s == null ? void 0 : s.color
           },
           children: u && /* @__PURE__ */ m.jsx(
-            _t,
+            Mt,
             {
               align: "center",
               style: {
@@ -41898,7 +41911,7 @@ const n7e = ({
         }
       ),
       (s == null ? void 0 : s.key) === "reduction" && c > 0 && /* @__PURE__ */ m.jsx(
-        _t,
+        Mt,
         {
           align: "center",
           style: {
@@ -41925,7 +41938,7 @@ const n7e = ({
   curr: r = !1,
   bold: i = !1
 }) => /* @__PURE__ */ m.jsxs(
-  _t,
+  Mt,
   {
     gap: 4,
     vertical: !0,
@@ -41956,7 +41969,7 @@ const n7e = ({
   curr: n = !1,
   year: r = 2023
 }) => /* @__PURE__ */ m.jsxs(
-  _t,
+  Mt,
   {
     gap: 16,
     vertical: !0,
@@ -41970,7 +41983,7 @@ const n7e = ({
       /* @__PURE__ */ m.jsx(
         ib,
         {
-          title: n ? "Begintpunt (2016)" : "Doel (2030)",
+          title: n ? "Beginpunt (2016)" : "Doel (2030)",
           data: {
             value: e == null ? void 0 : e.begin,
             unit: e == null ? void 0 : e.unit
@@ -42124,7 +42137,7 @@ const n7e = ({
 ), o7e = ({ children: e }) => {
   const t = e == null ? void 0 : e.length;
   return /* @__PURE__ */ m.jsx(
-    _t,
+    Mt,
     {
       vertical: !0,
       align: "center",