@hybridcore/ui 1.6.30 → 1.6.32

package/dist/components/charts/nested-pie/logic.js

@@ -1,51 +1,47 @@
-import { R as S, A as E } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as L, useTheme as j } from "@mui/material";
-import q from "dayjs";
+import { R as C, A as S } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as E, useTheme as L } from "@mui/material";
+import I from "dayjs";
 import T from "lodash";
-import { useId as B, useRef as H, useEffect as I } from "react";
-import { applyValueFormat as W, colorSetFromPalette as O } from "../_common/utils.js";
-import { c as n, p as o } from "../../../Entity-BJCuhdq_.js";
-import { P as V, a as N } from "../../../PieSeries-CMH0Z7pz.js";
-const Z = (b) => {
-  const g = L({ props: b, name: "HCNestedPie" }), {
+import { useId as j, useRef as q, useEffect as B } from "react";
+import { applyValueFormat as H, applyInterfaceColors as W, colorSetFromPalette as O } from "../_common/utils.js";
+import { P as V, a as A } from "../../../PieSeries-CMH0Z7pz.js";
+import { p as o, c as X } from "../../../Entity-BJCuhdq_.js";
+const ee = (N) => {
+  const f = E({ props: N, name: "HCNestedPie" }), {
     dimensions: a,
     values: r,
-    data: d,
-    initDelay: x = 0,
-    colors: v,
+    data: u,
+    initDelay: b = 0,
+    colors: h,
     sx: k,
     ...w
-  } = g, i = j(), y = `hc-nested-pie-${B().replace(/:/g, "")}`, m = H(null);
-  let c = null;
-  a.length < 2 ? c = "NestedPie requires at least 2 dimensions" : r.length < 1 && (c = "NestedPie requires at least 1 value"), I(() => {
-    if (c) return;
-    let p;
-    return p = setTimeout(() => {
-      var Y;
-      const e = S.new(y);
-      m.current = e, W(e, (Y = r == null ? void 0 : r[0]) == null ? void 0 : Y.format), e.setThemes([E.new(e)]), e.interfaceColors.setAll({
-        text: n(i.palette.text.primary),
-        grid: n(i.palette.divider),
-        stroke: n(i.palette.divider)
-      });
-      const f = e.container.children.push(
+  } = f, g = L(), v = `hc-nested-pie-${j().replace(/:/g, "")}`, n = q(null);
+  let i = null;
+  a.length < 2 ? i = "NestedPie requires at least 2 dimensions" : r.length < 1 && (i = "NestedPie requires at least 1 value"), B(() => {
+    if (i) return;
+    let d;
+    return d = setTimeout(() => {
+      var y;
+      const e = C.new(v);
+      n.current = e, H(e, (y = r == null ? void 0 : r[0]) == null ? void 0 : y.format), e.setThemes([S.new(e)]), W(e, g);
+      const m = e.container.children.push(
         V.new(e, {
           layout: e.verticalLayout,
           radius: o(100)
         })
       );
-      a[0].type === "date" && d.forEach((s) => {
+      a[0].type === "date" && u.forEach((s) => {
         let l = "YYYY";
-        a[0].value.includes("month") ? l = "MMM YYYY" : a[0].value.includes("day") && (l = "DD MMM YYYY"), s[a[0].value] = q(s[a[0].value]).format(
+        a[0].value.includes("month") ? l = "MMM YYYY" : a[0].value.includes("day") && (l = "DD MMM YYYY"), s[a[0].value] = I(s[a[0].value]).format(
           l
         );
       });
-      const h = T.orderBy(d, (s) => s[a[0].value]);
+      const p = T.orderBy(u, (s) => s[a[0].value]);
       a.forEach((s, l) => {
-        const A = e.interfaceColors.get("background");
+        const Y = e.interfaceColors.get("background");
         if (l === 0) {
-          const t = f.series.push(
-            N.new(e, {
+          const t = m.series.push(
+            A.new(e, {
               valueField: r[0].dataFieldName,
               categoryField: s.value,
               alignLabels: !1,
@@ -59,47 +55,47 @@ const Z = (b) => {
             textType: "radial",
             centerX: o(100)
           }), t.slices.template.setAll({
-            stroke: A,
+            stroke: Y,
             strokeWidth: 2,
-            fill: n(11184810),
+            fill: X(11184810),
             tooltipText: "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})"
           }), t.slices.template.states.create("hover", { scale: 0.95 }), a.length > 1) {
-            const u = [], F = T.groupBy(h, s.value);
+            const c = [], F = T.groupBy(p, s.value);
             Object.keys(F).forEach((P) => {
-              const M = F[P].reduce((R, C) => R + C[r[0].dataFieldName], 0);
-              u.push({
+              const D = F[P].reduce((M, R) => M + R[r[0].dataFieldName], 0);
+              c.push({
                 [s.value]: P,
-                [r[0].dataFieldName]: M
+                [r[0].dataFieldName]: D
               });
-            }), t.data.setAll(u);
+            }), t.data.setAll(c);
           } else
-            t.data.setAll(h);
+            t.data.setAll(p);
         } else if (l === 1) {
-          const t = f.series.push(
-            N.new(e, {
+          const t = m.series.push(
+            A.new(e, {
               valueField: r[0].dataFieldName,
               categoryField: s.value,
               alignLabels: !0,
               innerRadius: o(80),
               radius: o(100)
             })
-          ), u = O(e, v);
-          t.set("colors", u), t.slices.template.setAll({
-            stroke: A,
+          ), c = O(e, h);
+          t.set("colors", c), t.slices.template.setAll({
+            stroke: Y,
             strokeWidth: 2,
             templateField: "settings",
             tooltipText: "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})"
-          }), t.labels.template.setAll({ text: "{category}" }), t.data.setAll(h);
+          }), t.labels.template.setAll({ text: "{category}" }), t.data.setAll(p);
         }
-      }), f.appear(1e3, 100);
-    }, x), () => {
+      }), m.appear(1e3, 100);
+    }, b), () => {
       var e;
-      p && clearTimeout(p), (e = m.current) == null || e.dispose(), m.current = null;
+      d && clearTimeout(d), (e = n.current) == null || e.dispose(), n.current = null;
     };
-  }, [d, a, r, i.palette.mode, v]);
-  const D = { ...g };
-  return { chartId: y, ownerState: D, sx: k, error: c, other: w };
+  }, [u, a, r, g.palette.mode, h]);
+  const x = { ...f };
+  return { chartId: v, ownerState: x, sx: k, error: i, other: w };
 };
 export {
-  Z as useNestedPieLogic
+  ee as useNestedPieLogic
 };

package/dist/components/charts/packed-circles/logic.js

@@ -1,15 +1,15 @@
-import { R as X, A as I } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as ee } from "@mui/material";
-import te from "dayjs";
-import { useId as re, useRef as ne, useEffect as ie } from "react";
-import { applyValueFormat as se, colorSetFromPalette as oe } from "../_common/utils.js";
+import { R as Q, A as X } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as ee, useTheme as te } from "@mui/material";
+import re from "dayjs";
+import { useId as ne, useRef as se, useEffect as ie } from "react";
+import { applyValueFormat as oe, applyInterfaceColors as ae, colorSetFromPalette as ue } from "../_common/utils.js";
 import { Z as U } from "../../../ZoomableContainer-Ca_pDVYQ.js";
-import { M as ae, m as ue, e as le, b as q } from "../../../Entity-BJCuhdq_.js";
-import { C as $, G as A, a as ce, b as he } from "../../../Tooltip-vyZRZWih.js";
+import { M as le, m as ce, e as he, b as q } from "../../../Entity-BJCuhdq_.js";
+import { C as $, G as A, a as fe, b as de } from "../../../Tooltip-vyZRZWih.js";
 import { B as O } from "../../../Button-BLY4PVJC.js";
-import { H as J } from "../../../Hierarchy-CEOK8Gzh.js";
-import { C as fe } from "../../../Circle-BnfBNKBD.js";
-import { o as de, c as z, a as me } from "../../../constant-BiOGvlZc.js";
+import { H as I } from "../../../Hierarchy-CEOK8Gzh.js";
+import { C as me } from "../../../Circle-BnfBNKBD.js";
+import { o as pe, c as z, a as ge } from "../../../constant-BiOGvlZc.js";
 class j extends $ {
   constructor() {
     super(...arguments), Object.defineProperty(this, "homeButton", {
@@ -58,7 +58,7 @@ class j extends $ {
         n == r.get("minZoomLevel") ? this.minusButton.set("disabled", !0) : this.minusButton.set("disabled", !1), n == r.get("maxZoomLevel") ? this.plusButton.set("disabled", !0) : this.plusButton.set("disabled", !1);
       })), this.root.events.once("frameended", () => {
         r.get("scale") == r.get("minZoomLevel") && this.minusButton.set("disabled", !0);
-      })), this._disposer = new ae([
+      })), this._disposer = new le([
         this.plusButton.events.on("click", () => {
           r.zoomIn();
         }),
@@ -84,146 +84,146 @@ Object.defineProperty(j, "classNames", {
   writable: !0,
   value: $.classNames.concat([j.className])
 });
-const pe = 1664525, ge = 1013904223, E = 4294967296;
-function ye() {
+const ye = 1664525, xe = 1013904223, E = 4294967296;
+function be() {
   let t = 1;
-  return () => (t = (pe * t + ge) % E) / E;
+  return () => (t = (ye * t + xe) % E) / E;
 }
-function xe(t) {
+function ve(t) {
   return typeof t == "object" && "length" in t ? t : Array.from(t);
 }
-function be(t, r) {
-  let e = t.length, n, i;
+function _e(t, r) {
+  let e = t.length, n, s;
   for (; e; )
-    i = r() * e-- | 0, n = t[e], t[e] = t[i], t[i] = n;
+    s = r() * e-- | 0, n = t[e], t[e] = t[s], t[s] = n;
   return t;
 }
-function ve(t, r) {
-  for (var e = 0, n = (t = be(Array.from(t), r)).length, i = [], s, a; e < n; )
-    s = t[e], a && K(a, s) ? ++e : (a = we(i = _e(i, s)), e = 0);
+function we(t, r) {
+  for (var e = 0, n = (t = _e(Array.from(t), r)).length, s = [], i, a; e < n; )
+    i = t[e], a && J(a, i) ? ++e : (a = Pe(s = ke(s, i)), e = 0);
   return a;
 }
-function _e(t, r) {
+function ke(t, r) {
   var e, n;
   if (L(r, t)) return [r];
   for (e = 0; e < t.length; ++e)
-    if (D(r, t[e]) && L(_(t[e], r), t))
+    if (D(r, t[e]) && L(w(t[e], r), t))
       return [t[e], r];
   for (e = 0; e < t.length - 1; ++e)
     for (n = e + 1; n < t.length; ++n)
-      if (D(_(t[e], t[n]), r) && D(_(t[e], r), t[n]) && D(_(t[n], r), t[e]) && L(Q(t[e], t[n], r), t))
+      if (D(w(t[e], t[n]), r) && D(w(t[e], r), t[n]) && D(w(t[n], r), t[e]) && L(K(t[e], t[n], r), t))
         return [t[e], t[n], r];
   throw new Error();
 }
 function D(t, r) {
-  var e = t.r - r.r, n = r.x - t.x, i = r.y - t.y;
-  return e < 0 || e * e < n * n + i * i;
+  var e = t.r - r.r, n = r.x - t.x, s = r.y - t.y;
+  return e < 0 || e * e < n * n + s * s;
 }
-function K(t, r) {
-  var e = t.r - r.r + Math.max(t.r, r.r, 1) * 1e-9, n = r.x - t.x, i = r.y - t.y;
-  return e > 0 && e * e > n * n + i * i;
+function J(t, r) {
+  var e = t.r - r.r + Math.max(t.r, r.r, 1) * 1e-9, n = r.x - t.x, s = r.y - t.y;
+  return e > 0 && e * e > n * n + s * s;
 }
 function L(t, r) {
   for (var e = 0; e < r.length; ++e)
-    if (!K(t, r[e]))
+    if (!J(t, r[e]))
       return !1;
   return !0;
 }
-function we(t) {
+function Pe(t) {
   switch (t.length) {
     case 1:
-      return ke(t[0]);
+      return Ne(t[0]);
     case 2:
-      return _(t[0], t[1]);
+      return w(t[0], t[1]);
     case 3:
-      return Q(t[0], t[1], t[2]);
+      return K(t[0], t[1], t[2]);
   }
 }
-function ke(t) {
+function Ne(t) {
   return {
     x: t.x,
     y: t.y,
     r: t.r
   };
 }
-function _(t, r) {
-  var e = t.x, n = t.y, i = t.r, s = r.x, a = r.y, l = r.r, o = s - e, u = a - n, c = l - i, h = Math.sqrt(o * o + u * u);
+function w(t, r) {
+  var e = t.x, n = t.y, s = t.r, i = r.x, a = r.y, l = r.r, o = i - e, u = a - n, c = l - s, f = Math.sqrt(o * o + u * u);
   return {
-    x: (e + s + o / h * c) / 2,
-    y: (n + a + u / h * c) / 2,
-    r: (h + i + l) / 2
+    x: (e + i + o / f * c) / 2,
+    y: (n + a + u / f * c) / 2,
+    r: (f + s + l) / 2
   };
 }
-function Q(t, r, e) {
-  var n = t.x, i = t.y, s = t.r, a = r.x, l = r.y, o = r.r, u = e.x, c = e.y, h = e.r, d = n - a, m = n - u, b = i - l, p = i - c, f = o - s, y = h - s, x = n * n + i * i - s * s, w = x - a * a - l * l + o * o, v = x - u * u - c * c + h * h, g = m * b - d * p, k = (b * v - p * w) / (g * 2) - n, P = (p * f - b * y) / g, N = (m * w - d * v) / (g * 2) - i, M = (d * y - m * f) / g, H = P * P + M * M - 1, C = 2 * (s + k * P + N * M), Z = k * k + N * N - s * s, Y = -(Math.abs(H) > 1e-6 ? (C + Math.sqrt(C * C - 4 * H * Z)) / (2 * H) : Z / C);
+function K(t, r, e) {
+  var n = t.x, s = t.y, i = t.r, a = r.x, l = r.y, o = r.r, u = e.x, c = e.y, f = e.r, d = n - a, p = n - u, m = s - l, _ = s - c, x = o - i, h = f - i, b = n * n + s * s - i * i, v = b - a * a - l * l + o * o, k = b - u * u - c * c + f * f, g = p * m - d * _, y = (m * k - _ * v) / (g * 2) - n, P = (_ * x - m * h) / g, N = (p * v - d * k) / (g * 2) - s, M = (d * h - p * x) / g, H = P * P + M * M - 1, C = 2 * (i + y * P + N * M), Z = y * y + N * N - i * i, Y = -(Math.abs(H) > 1e-6 ? (C + Math.sqrt(C * C - 4 * H * Z)) / (2 * H) : Z / C);
   return {
-    x: n + k + P * Y,
-    y: i + N + M * Y,
+    x: n + y + P * Y,
+    y: s + N + M * Y,
     r: Y
   };
 }
 function F(t, r, e) {
-  var n = t.x - r.x, i, s, a = t.y - r.y, l, o, u = n * n + a * a;
-  u ? (s = r.r + e.r, s *= s, o = t.r + e.r, o *= o, s > o ? (i = (u + o - s) / (2 * u), l = Math.sqrt(Math.max(0, o / u - i * i)), e.x = t.x - i * n - l * a, e.y = t.y - i * a + l * n) : (i = (u + s - o) / (2 * u), l = Math.sqrt(Math.max(0, s / u - i * i)), e.x = r.x + i * n - l * a, e.y = r.y + i * a + l * n)) : (e.x = r.x + e.r, e.y = r.y);
+  var n = t.x - r.x, s, i, a = t.y - r.y, l, o, u = n * n + a * a;
+  u ? (i = r.r + e.r, i *= i, o = t.r + e.r, o *= o, i > o ? (s = (u + o - i) / (2 * u), l = Math.sqrt(Math.max(0, o / u - s * s)), e.x = t.x - s * n - l * a, e.y = t.y - s * a + l * n) : (s = (u + i - o) / (2 * u), l = Math.sqrt(Math.max(0, i / u - s * s)), e.x = r.x + s * n - l * a, e.y = r.y + s * a + l * n)) : (e.x = r.x + e.r, e.y = r.y);
 }
 function W(t, r) {
-  var e = t.r + r.r - 1e-6, n = r.x - t.x, i = r.y - t.y;
-  return e > 0 && e * e > n * n + i * i;
+  var e = t.r + r.r - 1e-6, n = r.x - t.x, s = r.y - t.y;
+  return e > 0 && e * e > n * n + s * s;
 }
 function V(t) {
-  var r = t._, e = t.next._, n = r.r + e.r, i = (r.x * e.r + e.x * r.r) / n, s = (r.y * e.r + e.y * r.r) / n;
-  return i * i + s * s;
+  var r = t._, e = t.next._, n = r.r + e.r, s = (r.x * e.r + e.x * r.r) / n, i = (r.y * e.r + e.y * r.r) / n;
+  return s * s + i * i;
 }
 function T(t) {
   this._ = t, this.next = null, this.previous = null;
 }
-function Pe(t, r) {
-  if (!(s = (t = xe(t)).length)) return 0;
-  var e, n, i, s, a, l, o, u, c, h, d;
-  if (e = t[0], e.x = 0, e.y = 0, !(s > 1)) return e.r;
-  if (n = t[1], e.x = -n.r, n.x = e.r, n.y = 0, !(s > 2)) return e.r + n.r;
-  F(n, e, i = t[2]), e = new T(e), n = new T(n), i = new T(i), e.next = i.previous = n, n.next = e.previous = i, i.next = n.previous = e;
-  e: for (o = 3; o < s; ++o) {
-    F(e._, n._, i = t[o]), i = new T(i), u = n.next, c = e.previous, h = n._.r, d = e._.r;
+function Me(t, r) {
+  if (!(i = (t = ve(t)).length)) return 0;
+  var e, n, s, i, a, l, o, u, c, f, d;
+  if (e = t[0], e.x = 0, e.y = 0, !(i > 1)) return e.r;
+  if (n = t[1], e.x = -n.r, n.x = e.r, n.y = 0, !(i > 2)) return e.r + n.r;
+  F(n, e, s = t[2]), e = new T(e), n = new T(n), s = new T(s), e.next = s.previous = n, n.next = e.previous = s, s.next = n.previous = e;
+  e: for (o = 3; o < i; ++o) {
+    F(e._, n._, s = t[o]), s = new T(s), u = n.next, c = e.previous, f = n._.r, d = e._.r;
     do
-      if (h <= d) {
-        if (W(u._, i._)) {
+      if (f <= d) {
+        if (W(u._, s._)) {
           n = u, e.next = n, n.previous = e, --o;
           continue e;
         }
-        h += u._.r, u = u.next;
+        f += u._.r, u = u.next;
       } else {
-        if (W(c._, i._)) {
+        if (W(c._, s._)) {
           e = c, e.next = n, n.previous = e, --o;
           continue e;
         }
         d += c._.r, c = c.previous;
       }
     while (u !== c.next);
-    for (i.previous = e, i.next = n, e.next = n.previous = n = i, a = V(e); (i = i.next) !== n; )
-      (l = V(i)) < a && (e = i, a = l);
+    for (s.previous = e, s.next = n, e.next = n.previous = n = s, a = V(e); (s = s.next) !== n; )
+      (l = V(s)) < a && (e = s, a = l);
     n = e.next;
   }
-  for (e = [n._], i = n; (i = i.next) !== n; ) e.push(i._);
-  for (i = ve(e, r), o = 0; o < s; ++o) e = t[o], e.x -= i.x, e.y -= i.y;
-  return i.r;
+  for (e = [n._], s = n; (s = s.next) !== n; ) e.push(s._);
+  for (s = we(e, r), o = 0; o < i; ++o) e = t[o], e.x -= s.x, e.y -= s.y;
+  return s.r;
 }
-function Ne(t) {
+function Ce(t) {
   return Math.sqrt(t.value);
 }
-function Me() {
+function De() {
   var t = null, r = 1, e = 1, n = z;
-  function i(s) {
-    const a = ye();
-    return s.x = r / 2, s.y = e / 2, t ? s.eachBefore(B(t)).eachAfter(S(n, 0.5, a)).eachBefore(G(1)) : s.eachBefore(B(Ne)).eachAfter(S(z, 1, a)).eachAfter(S(n, s.r / Math.min(r, e), a)).eachBefore(G(Math.min(r, e) / (2 * s.r))), s;
+  function s(i) {
+    const a = be();
+    return i.x = r / 2, i.y = e / 2, t ? i.eachBefore(B(t)).eachAfter(S(n, 0.5, a)).eachBefore(G(1)) : i.eachBefore(B(Ce)).eachAfter(S(z, 1, a)).eachAfter(S(n, i.r / Math.min(r, e), a)).eachBefore(G(Math.min(r, e) / (2 * i.r))), i;
   }
-  return i.radius = function(s) {
-    return arguments.length ? (t = de(s), i) : t;
-  }, i.size = function(s) {
-    return arguments.length ? (r = +s[0], e = +s[1], i) : [r, e];
-  }, i.padding = function(s) {
-    return arguments.length ? (n = typeof s == "function" ? s : me(+s), i) : n;
-  }, i;
+  return s.radius = function(i) {
+    return arguments.length ? (t = pe(i), s) : t;
+  }, s.size = function(i) {
+    return arguments.length ? (r = +i[0], e = +i[1], s) : [r, e];
+  }, s.padding = function(i) {
+    return arguments.length ? (n = typeof i == "function" ? i : ge(+i), s) : n;
+  }, s;
 }
 function B(t) {
   return function(r) {
@@ -232,10 +232,10 @@ function B(t) {
 }
 function S(t, r, e) {
   return function(n) {
-    if (i = n.children) {
-      var i, s, a = i.length, l = t(n) * r || 0, o;
-      if (l) for (s = 0; s < a; ++s) i[s].r += l;
-      if (o = Pe(i, e), l) for (s = 0; s < a; ++s) i[s].r -= l;
+    if (s = n.children) {
+      var s, i, a = s.length, l = t(n) * r || 0, o;
+      if (l) for (i = 0; i < a; ++i) s[i].r += l;
+      if (o = Me(s, e), l) for (i = 0; i < a; ++i) s[i].r -= l;
       n.r = o + l;
     }
   };
@@ -246,7 +246,7 @@ function G(t) {
     r.r *= t, e && (r.x = e.x + t * r.x, r.y = e.y + t * r.y);
   };
 }
-class R extends J {
+class R extends I {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_tag", {
       enumerable: !0,
@@ -257,7 +257,7 @@ class R extends J {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: Me()
+      value: De()
     }), Object.defineProperty(this, "_packData", {
       enumerable: !0,
       configurable: !0,
@@ -267,8 +267,8 @@ class R extends J {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new ce(he.new({}), () => fe._new(this._root, {
-        themeTags: ue(this.circles.template.get("themeTags", []), [this._tag, "shape"])
+      value: this.addDisposer(new fe(de.new({}), () => me._new(this._root, {
+        themeTags: ce(this.circles.template.get("themeTags", []), [this._tag, "shape"])
       }, [this.circles.template])))
     });
   }
@@ -286,19 +286,19 @@ class R extends J {
   }
   _updateNode(r) {
     super._updateNode(r);
-    const e = r.get("node"), n = r.get("circle"), i = r.get("d3HierarchyNode"), s = this.getPrivate("scaleR", 1), a = i.x * s, l = i.y * s, o = i.r * s, u = this.get("animationDuration", 0), c = this.get("animationEasing");
+    const e = r.get("node"), n = r.get("circle"), s = r.get("d3HierarchyNode"), i = this.getPrivate("scaleR", 1), a = s.x * i, l = s.y * i, o = s.r * i, u = this.get("animationDuration", 0), c = this.get("animationEasing");
     if (e.animate({ key: "x", to: a, duration: u, easing: c }), e.animate({ key: "y", to: l, duration: u, easing: c }), n) {
-      const h = r.get("fill"), d = r.get("fillPattern");
-      n.animate({ key: "radius", to: o, duration: u, easing: c }), n._setDefault("fill", h), n._setDefault("fillPattern", d), n._setDefault("stroke", h);
+      const f = r.get("fill"), d = r.get("fillPattern");
+      n.animate({ key: "radius", to: o, duration: u, easing: c }), n._setDefault("fill", f), n._setDefault("fillPattern", d), n._setDefault("stroke", f);
     }
   }
   _updateNodesScale(r) {
     const e = r.data.dataItem;
     if (e) {
-      const n = e.get("node"), i = e.get("circle"), s = this.getPrivate("scaleR", 1), a = r.x * s, l = r.y * s, o = r.r * s;
-      n.setAll({ x: a, y: l }), i.set("radius", o);
+      const n = e.get("node"), s = e.get("circle"), i = this.getPrivate("scaleR", 1), a = r.x * i, l = r.y * i, o = r.r * i;
+      n.setAll({ x: a, y: l }), s.set("radius", o);
       const u = r.children;
-      u && le(u, (c) => {
+      u && he(u, (c) => {
         this._updateNodesScale(c);
       });
     }
@@ -309,20 +309,20 @@ class R extends J {
   makeNode(r) {
     const e = super.makeNode(r), n = e.children.moveValue(this.circles.make(), 0);
     e.setPrivate("tooltipTarget", n), this.circles.push(n), r.setRaw("circle", n);
-    const i = r.get("label");
+    const s = r.get("label");
     return n.on("radius", () => {
-      const s = n.get("radius", this.width()) * 2;
-      i.setAll({ maxWidth: s, maxHeight: s });
+      const i = n.get("radius", this.width()) * 2;
+      s.setAll({ maxWidth: i, maxHeight: i });
     }), e;
   }
   _zoom(r) {
     const e = r.get("d3HierarchyNode");
-    let n = e.x, i = e.y, s = e.r, a = Math.min(this.innerWidth(), this.innerHeight()) / (s * 2);
+    let n = e.x, s = e.y, i = e.r, a = Math.min(this.innerWidth(), this.innerHeight()) / (i * 2);
     const l = this.get("animationEasing");
     let o = this.get("animationDuration", 0);
     this.inited || (o = 0), this.animatePrivate({ key: "scaleR", to: a, duration: o, easing: l });
     const u = this.nodesContainer;
-    u.animate({ key: "x", from: u.x(), to: this.width() / 2 - n * a, duration: o, easing: l }), u.animate({ key: "y", from: u.y(), to: this.height() / 2 - i * a, duration: o, easing: l });
+    u.animate({ key: "x", from: u.x(), to: this.width() / 2 - n * a, duration: o, easing: l }), u.animate({ key: "y", from: u.y(), to: this.height() / 2 - s * a, duration: o, easing: l });
   }
 }
 Object.defineProperty(R, "className", {
@@ -335,10 +335,10 @@ Object.defineProperty(R, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: J.classNames.concat([R.className])
+  value: I.classNames.concat([R.className])
 });
-function Ce(t, r) {
-  const e = te(t);
+function Te(t, r) {
+  const e = re(t);
   switch (r) {
     case "millisecond":
       return e.format("HH:mm:ss.SSS");
@@ -360,27 +360,27 @@ function Ce(t, r) {
       return e.format();
   }
 }
-const ze = (t) => {
-  const r = ee({ props: t, name: "HCPackedCircles" }), {
-    dimensions: e,
-    values: n,
+const Fe = (t) => {
+  const r = ee({ props: t, name: "HCPackedCircles" }), e = te(), {
+    dimensions: n,
+    values: s,
     data: i,
-    initDelay: s = 0,
-    baseInterval: a = { timeUnit: "year", count: 1 },
-    colors: l,
-    sx: o,
-    ...u
-  } = r, h = `hc-packed-circles-${re().replace(/:/g, "")}`, d = ne(null);
+    initDelay: a = 0,
+    baseInterval: l = { timeUnit: "year", count: 1 },
+    colors: o,
+    sx: u,
+    ...c
+  } = r, d = `hc-packed-circles-${ne().replace(/:/g, "")}`, p = se(null);
   let m = null;
-  e.length < 1 ? m = "PackedCircles requires at least 1 dimension" : n.length < 1 && (m = "PackedCircles requires at least 1 value"), ie(() => {
+  n.length < 1 ? m = "PackedCircles requires at least 1 dimension" : s.length < 1 && (m = "PackedCircles requires at least 1 value"), ie(() => {
     if (m) return;
-    let p;
-    return p = setTimeout(() => {
-      var v;
-      const f = X.new(h);
-      d.current = f, se(f, (v = n == null ? void 0 : n[0]) == null ? void 0 : v.format), f.setThemes([I.new(f)]);
-      const y = f.container.children.push(
-        U.new(f, {
+    let x;
+    return x = setTimeout(() => {
+      var g;
+      const h = Q.new(d);
+      p.current = h, oe(h, (g = s == null ? void 0 : s[0]) == null ? void 0 : g.format), h.setThemes([X.new(h)]), ae(h, e);
+      const b = h.container.children.push(
+        U.new(h, {
           width: q,
           height: q,
           // Off by default for the same reason the XY charts set `wheelX`/`wheelY`
@@ -390,33 +390,33 @@ const ze = (t) => {
           pinchZoom: !0
         })
       );
-      y.children.push(
-        j.new(f, { target: y })
+      b.children.push(
+        j.new(h, { target: b })
       );
-      const x = y.contents.children.push(
-        R.new(f, {
+      const v = b.contents.children.push(
+        R.new(h, {
           maskContent: !1,
           topDepth: 1,
-          valueField: n[0].dataFieldName,
-          categoryField: e[0].value,
+          valueField: s[0].dataFieldName,
+          categoryField: n[0].value,
           childDataField: "children"
         })
-      ), w = oe(f, l);
-      x.set("colors", w), e[0].type === "date" && i.forEach((g) => {
-        g[e[0].value] = Ce(
-          g[e[0].value],
-          a.timeUnit
+      ), k = ue(h, o);
+      v.set("colors", k), n[0].type === "date" && i.forEach((y) => {
+        y[n[0].value] = Te(
+          y[n[0].value],
+          l.timeUnit
         );
-      }), x.data.setAll([{ name: "Root", children: i }]), x.appear(1e3, 100);
-    }, s), () => {
-      var f;
-      p && clearTimeout(p), (f = d.current) == null || f.dispose(), d.current = null;
+      }), v.data.setAll([{ name: "Root", children: i }]), v.appear(1e3, 100);
+    }, a), () => {
+      var h;
+      x && clearTimeout(x), (h = p.current) == null || h.dispose(), p.current = null;
     };
-  }, [i, e, n, l]);
-  const b = { ...r };
-  return { chartId: h, ownerState: b, sx: o, error: m, other: u };
+  }, [i, n, s, o, e.palette.mode]);
+  const _ = { ...r };
+  return { chartId: d, ownerState: _, sx: u, error: m, other: c };
 };
 export {
-  Ce as formatTimeLabel,
-  ze as usePackedCirclesLogic
+  Te as formatTimeLabel,
+  Fe as usePackedCirclesLogic
 };