@semcore/d3-chart 17.0.0-prerelease.36 → 17.0.0-prerelease.37

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [17.0.0] - 2026-04-10
+## [17.0.0] - 2026-04-13
 
 ### BREAK
 

package/lib/esm/AnimatedClipPath.mjs

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component } from "@semcore/core";
+import { Component, createComponent } from "@semcore/core";
 import propsForElement from "@semcore/core/lib/utils/propsForElement";
 import React from "react";
 class AnimatedClipPath extends Component {

package/lib/esm/Area.mjs

@@ -10,8 +10,7 @@ import { SvgElement } from "./component/SvgElement.mjs";
 import createElement from "./createElement.mjs";
 import Dots from "./Dots.mjs";
 import { PatternFill } from "./Pattern.mjs";
-import { definedData, scaleOfBandwidth, interpolateValue, getNullData, definedNullData, eventToPoint, invert } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/area.shadow.css"*/
+import { interpolateValue, getNullData, definedNullData, eventToPoint, invert, definedData, scaleOfBandwidth } from "./utils.mjs";
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Axis.mjs

@@ -4,7 +4,6 @@ import { sstyled, Component } from "@semcore/core";
 import React, { useState, useEffect } from "react";
 import createElement from "./createElement.mjs";
 import { scaleOfBandwidth } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/axis.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -31,8 +30,8 @@ const style = (
     "_position_custom_1": "_position_custom_1_yb2p1_gg_"
   })
 );
-const CUSTOM_0 = Symbol("custom_0");
-const CUSTOM_1 = Symbol("custom_1");
+const CUSTOM_0 = /* @__PURE__ */ Symbol("custom_0");
+const CUSTOM_1 = /* @__PURE__ */ Symbol("custom_1");
 const MAP_INDEX_SCALE_SYMBOL = {
   0: CUSTOM_0,
   1: CUSTOM_1
@@ -243,14 +242,13 @@ function measureTextWidth(rootRef, text, fontSize = 12) {
 }
 class AxisRoot extends Component {
   get ticks() {
-    var _a, _b;
     const {
       ticks,
       indexScale,
       scale
     } = this.asProps;
     const scl = scale[indexScale];
-    return ticks || ((_a = scl.ticks) == null ? void 0 : _a.call(scl)) || ((_b = scl.domain) == null ? void 0 : _b.call(scl)) || [];
+    return ticks || scl.ticks?.() || scl.domain?.() || [];
   }
   getTitleProps() {
     const {
@@ -304,7 +302,6 @@ _defineProperty(AxisRoot, "displayName", "Axis");
 _defineProperty(AxisRoot, "style", style);
 _defineProperty(AxisRoot, "defaultProps", {});
 function Ticks(props) {
-  var _a, _b;
   const {
     Element: STick,
     styles,
@@ -323,7 +320,7 @@ function Ticks(props) {
   useEffect(() => {
     if (rootRef.current) setRootRefElement(rootRef.current);
   }, []);
-  const tickBandwidth = (_b = (_a = scale[indexScale]) == null ? void 0 : _a.bandwidth) == null ? void 0 : _b.call(_a);
+  const tickBandwidth = scale[indexScale]?.bandwidth?.();
   const ticksWithLines = ticks.map((tick) => ({
     tick,
     lines: typeof tick === "string" && multiline && rootRefElement ? splitTextByWidth(rootRefElement, tick, tickBandwidth) : []

package/lib/esm/Bar.mjs

@@ -7,7 +7,6 @@ import AnimatedClipPath from "./AnimatedClipPath.mjs";
 import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
 import { scaleToBand, roundedPath } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/bar.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -102,7 +101,7 @@ class BarRoot extends Component {
     const width = Math.min(bandWidth, maxBarSize);
     const barX = xScale(d[x]) + bandWidth / 2 - width / 2 + offset[0];
     const barY = yScale(Math.max(d[y0] ?? 0, height <= hMin && d[y] > 0 ? 0 : d[y])) + offset[1] - calcPartBarY(d[y], hMin, height);
-    const handleClick = (event) => onClick == null ? void 0 : onClick(d, event, i, y);
+    const handleClick = (event) => onClick?.(d, event, i, y);
     const dSvg = getRect({
       x: barX,
       y: barY,

package/lib/esm/Bubble.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import findComponent from "@semcore/core/lib/utils/findComponent";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
@@ -10,7 +10,6 @@ import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
 import Tooltip from "./Tooltip.mjs";
 import { getBubbleChartValueScale, measureText } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/bubble.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -73,8 +72,7 @@ class BubbleRoot extends Component {
     const selectRectNode = selectRect.node();
     if (selectRectNode) {
       selectRect.transition().duration(duration).attr("r", function(_, ind) {
-        var _a;
-        return z((_a = data[ind]) == null ? void 0 : _a[value]);
+        return z(data[ind]?.[value]);
       });
     }
   }
@@ -104,7 +102,7 @@ class BubbleRoot extends Component {
       const {
         onClick
       } = this.asProps;
-      onClick == null ? void 0 : onClick(index, e);
+      onClick?.(index, e);
     };
   }
   getCircleProps() {

package/lib/esm/CompactHorizontalBar.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
@@ -10,8 +10,7 @@ import AnimatedClipPath from "./AnimatedClipPath.mjs";
 import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
 import Tooltip from "./Tooltip.mjs";
-import { eventToPoint, roundedPath, scaleToBand } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/bar.shadow.css"*/
+import { scaleToBand, roundedPath, eventToPoint } from "./utils.mjs";
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -334,7 +333,7 @@ function Bar(props) {
     hide
   } = props;
   const onClickHandler = React.useCallback((event) => {
-    onClick == null ? void 0 : onClick(index, event);
+    onClick?.(index, event);
   }, [onClick, index]);
   const contextValue = React.useMemo(() => ({
     onClick: onClickHandler,
@@ -552,6 +551,7 @@ function CompactHorizontalBarTooltip(props) {
     }, _ref4)
   }));
 }
+;
 const CompactHorizontalBar = createElement(CompactHorizontalBarRoot, {
   Annotation,
   Label,

package/lib/esm/Donut.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
@@ -12,7 +12,6 @@ import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
 import Tooltip from "./Tooltip.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/donut.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -32,7 +31,7 @@ const style = (
     "__SLabel": "___SLabel_1s4vb_gg_"
   })
 );
-const DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
+const DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
 function transitionAnglePie({
   selector,
   duration,
@@ -334,7 +333,8 @@ _defineProperty(DonutRoot, "defaultProps", ({
 }) => {
   const d3Arc = arc().outerRadius(outerRadius || getOuterRadius({
     size,
-    halfsize
+    halfsize,
+    outerRadius
   })).innerRadius(innerRadius).padAngle(paddingAngle);
   const d3ArcOut = arc().outerRadius((outerRadius || getOuterRadius({
     size,
@@ -463,6 +463,7 @@ function DonutTooltip(props) {
     }, _ref)
   }));
 }
+;
 const Donut = createElement(DonutRoot, {
   Pie,
   Label,

package/lib/esm/Dots.mjs

@@ -4,8 +4,7 @@ import { bisector } from "d3-array";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { getPatternSymbolSize, PatternSymbol } from "./Pattern.mjs";
-import { interpolateValue, eventToPoint, invert, getChartDefaultColorName } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/dot.shadow.css"*/
+import { getChartDefaultColorName, interpolateValue, eventToPoint, invert } from "./utils.mjs";
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/HorizontalBar.mjs

@@ -6,7 +6,6 @@ import AnimatedClipPath from "./AnimatedClipPath.mjs";
 import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
 import { scaleToBand, roundedPath } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/bar.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -85,7 +84,7 @@ class HorizontalBarRoot extends Component {
     const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);
     const barY = yScale(d[y]) + bandHeight / 2 - height / 2 + offset[1];
     const barX = xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) + offset[0] - calcPartBarX(d[x], wMin, width);
-    const handleClick = (event) => onClick == null ? void 0 : onClick(d, event, i, x);
+    const handleClick = (event) => onClick?.(d, event, i, x);
     const dSvg = getHorizontalRect({
       x: barX,
       y: barY,

package/lib/esm/Hover.mjs

@@ -1,13 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import { hasParent } from "@semcore/core/lib/utils/hasParent";
 import trottle from "@semcore/core/lib/utils/rafTrottle";
 import React from "react";
 import createElement from "./createElement.mjs";
 import Tooltip from "./Tooltip.mjs";
-import { scaleOfBandwidth, scaleToBand, eventToPoint, invert, getIndexFromData } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/hover.shadow.css"*/
+import { eventToPoint, invert, getIndexFromData, scaleOfBandwidth, scaleToBand } from "./utils.mjs";
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Line.mjs

@@ -2,14 +2,13 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, Component } from "@semcore/core";
 import uniqueIDEnhancement, { useUID } from "@semcore/core/lib/utils/uniqueID";
 import { bisector } from "d3-array";
-import { curveCardinal, area, line, curveLinear } from "d3-shape";
+import { line, curveLinear, curveCardinal, area } from "d3-shape";
 import React from "react";
 import AnimatedClipPath from "./AnimatedClipPath.mjs";
 import createElement from "./createElement.mjs";
 import Dots from "./Dots.mjs";
 import { resolvePatternDasharray } from "./Pattern.mjs";
-import { interpolateValue, definedData, getNullData, eventToPoint, invert, getChartDefaultColorName, definedNullData, scaleOfBandwidth } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/line.shadow.css"*/
+import { interpolateValue, getNullData, definedNullData, eventToPoint, invert, getChartDefaultColorName, definedData, scaleOfBandwidth } from "./utils.mjs";
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/Pattern.mjs

@@ -483,9 +483,8 @@ const getPatternSymbolSize = ({
   patternKey,
   patterns
 }) => {
-  var _a;
   const patternData = resolvePattern(patternKey, patterns);
-  if (!((_a = patternData == null ? void 0 : patternData.symbol) == null ? void 0 : _a.size)) return [10, 10];
+  if (!patternData?.symbol?.size) return [10, 10];
   return patternData.symbol.size;
 };
 const PatternSymbol = ({
@@ -496,10 +495,10 @@ const PatternSymbol = ({
 }) => {
   const DefaultSymbol = React.useMemo(() => {
     const patternData = resolvePattern(patternKey, patterns);
-    const children = patternData == null ? void 0 : patternData.symbol.children;
-    const viewBox = patternData == null ? void 0 : patternData.symbol.viewBox;
-    const width = patternData == null ? void 0 : patternData.symbol.size[0];
-    const height = patternData == null ? void 0 : patternData.symbol.size[1];
+    const children = patternData?.symbol.children;
+    const viewBox = patternData?.symbol.viewBox;
+    const width = patternData?.symbol.size[0];
+    const height = patternData?.symbol.size[1];
     return (props2) => /* @__PURE__ */ React.createElement("svg", _extends({
       fill: color,
       x: "0",
@@ -516,7 +515,7 @@ const PatternSymbol = ({
 };
 const resolvePatternDasharray = (patternKey, patterns) => {
   const pattern = resolvePattern(patternKey, patterns);
-  return pattern == null ? void 0 : pattern.dasharray;
+  return pattern?.dasharray;
 };
 export {
   PatternFill,

package/lib/esm/Plot.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
@@ -9,7 +9,6 @@ import { makeDataHintsContainer, makeDataHintsHandlers } from "./a11y/hints.mjs"
 import { PlotA11yModule } from "./a11y/PlotA11yModule.mjs";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
 import { uniqueId, eventToPoint } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/plot.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -53,7 +52,6 @@ class PlotRoot extends Component {
     this.eventEmitter = props.eventEmitter || new EventEmitter();
   }
   setContext() {
-    var _a, _b;
     const {
       scale,
       data,
@@ -64,8 +62,8 @@ class PlotRoot extends Component {
       patterns,
       duration
     } = this.asProps;
-    const yScaleDomain = (_b = (_a = scale == null ? void 0 : scale[1]) == null ? void 0 : _a.domain) == null ? void 0 : _b.call(_a);
-    if ((yScaleDomain == null ? void 0 : yScaleDomain.length) && (data == null ? void 0 : data.length)) {
+    const yScaleDomain = scale?.[1]?.domain?.();
+    if (yScaleDomain?.length && data?.length) {
       this.dataHintsHandler.setPointsDensity(data.length / width, Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height);
     }
     return {

package/lib/esm/Radar.mjs

@@ -1,17 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import trottle from "@semcore/core/lib/utils/rafTrottle";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { polygonContains } from "d3-polygon";
-import { arc, line, lineRadial, curveLinearClosed } from "d3-shape";
+import { lineRadial, curveLinearClosed, arc, line } from "d3-shape";
 import React, { cloneElement } from "react";
 import createElement from "./createElement.mjs";
-import { getPatternSymbolSize, PatternSymbol, PatternFill } from "./Pattern.mjs";
+import { PatternFill, getPatternSymbolSize, PatternSymbol } from "./Pattern.mjs";
 import Tooltip from "./Tooltip.mjs";
-import { eventToPoint, getChartDefaultColorName, measureText } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/radar.shadow.css"*/
+import { measureText, getChartDefaultColorName, eventToPoint } from "./utils.mjs";
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -71,12 +70,11 @@ function getLabelPlacement(i, total, angleOffset) {
 }
 function computeTextWidth(texts, textSize, defaultWidth = 50, defaultHeight = 20) {
   const widths = texts.map((text) => {
-    var _a, _b;
     if (typeof text === "string") {
       return measureText(text, textSize);
     }
     if (/* @__PURE__ */ React.isValidElement(text)) {
-      return Math.max(((_a = text.props) == null ? void 0 : _a.width) || defaultWidth, ((_b = text.props) == null ? void 0 : _b.height) || defaultHeight);
+      return Math.max(text.props?.width || defaultWidth, text.props?.height || defaultHeight);
     }
     return defaultWidth;
   });
@@ -506,8 +504,7 @@ class AxisRoot extends Component {
     this.unsubscribeTooltipVisible = eventEmitter.subscribe("setTooltipRenderingProps", this.handleTooltipRenderingProps);
   }
   componentWillUnmount() {
-    var _a;
-    (_a = this.unsubscribeTooltipVisible) == null ? void 0 : _a.call(this);
+    this.unsubscribeTooltipVisible?.();
   }
   render() {
     var _ref7;
@@ -626,7 +623,7 @@ function AxisLabels(props) {
       const {
         width = 0,
         height = 0
-      } = (category == null ? void 0 : category.props) ?? {};
+      } = category?.props ?? {};
       const [xOffset, yOffset] = getLabelOffsetPosition(xDirection, yDirection, width, height);
       return /* @__PURE__ */ cloneElement(category, {
         key: i,

package/lib/esm/RadialTree.mjs

@@ -9,7 +9,6 @@ import React from "react";
 import createElement from "./createElement.mjs";
 import { getPatternSymbolSize, PatternSymbol } from "./Pattern.mjs";
 import { measureText, getChartDefaultColorName } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/radial-tree.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -45,13 +44,12 @@ class RadialTreeBase extends Component {
     };
   }
   runAppearAnimation() {
-    var _a;
     const {
       duration,
       uid
     } = this.asProps;
     if (!canUseDOM()) return;
-    const preferReduceMotion = (_a = window.matchMedia("(prefers-reduced-motion: reduce)")) == null ? void 0 : _a.matches;
+    const preferReduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)")?.matches;
     if (!(duration > 0)) return;
     if (preferReduceMotion) return;
     const circlesAnimation = transition().selection().selectAll(`[data-radial-animation=${uid}-cap-circle]`).interrupt();
@@ -64,13 +62,12 @@ class RadialTreeBase extends Component {
     const labelsNodes = linesAnimation.nodes();
     if (circlesNodes.length > 0) {
       const attrs = circlesNodes.map((node) => {
-        var _a2, _b, _c, _d;
         const radianIndex = Number.parseInt(node.dataset.radianIndex, 10);
         const lineNode = linesNodes[radianIndex];
         return {
           from: {
-            cx: (_b = (_a2 = lineNode.x1) == null ? void 0 : _a2.baseVal) == null ? void 0 : _b.value,
-            cy: (_d = (_c = lineNode.y1) == null ? void 0 : _c.baseVal) == null ? void 0 : _d.value
+            cx: lineNode.x1?.baseVal?.value,
+            cy: lineNode.y1?.baseVal?.value
           },
           to: {
             cx: node.dataset["cx"],
@@ -78,31 +75,18 @@ class RadialTreeBase extends Component {
           }
         };
       });
-      circlesAnimation.attr("opacity", 0).attr("cx", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.cx;
-      }).attr("cy", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.cy;
-      }).transition().duration(duration).attr("opacity", 1).attr("cx", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.cx;
-      }).attr("cy", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.cy;
-      });
+      circlesAnimation.attr("opacity", 0).attr("cx", (_, index) => attrs[index].from?.cx).attr("cy", (_, index) => attrs[index].from?.cy).transition().duration(duration).attr("opacity", 1).attr("cx", (_, index) => attrs[index].to?.cx).attr("cy", (_, index) => attrs[index].to?.cy);
     }
     if (iconsNodes.length > 0) {
       const attrs = iconsNodes.map((node) => {
-        var _a2, _b, _c, _d, _e, _f, _g, _h;
-        const width = (_b = (_a2 = node.width) == null ? void 0 : _a2.baseVal) == null ? void 0 : _b.value;
-        const height = (_d = (_c = node.height) == null ? void 0 : _c.baseVal) == null ? void 0 : _d.value;
+        const width = node.width?.baseVal?.value;
+        const height = node.height?.baseVal?.value;
         const radianIndex = Number.parseInt(node.dataset.radianIndex, 10);
         const lineNode = linesNodes[radianIndex];
         return {
           from: {
-            x: ((_f = (_e = lineNode.x1) == null ? void 0 : _e.baseVal) == null ? void 0 : _f.value) - width / 2,
-            y: ((_h = (_g = lineNode.y1) == null ? void 0 : _g.baseVal) == null ? void 0 : _h.value) - height / 2
+            x: lineNode.x1?.baseVal?.value - width / 2,
+            y: lineNode.y1?.baseVal?.value - height / 2
           },
           to: {
             x: node.dataset["x"],
@@ -110,27 +94,14 @@ class RadialTreeBase extends Component {
           }
         };
       });
-      iconsAnimation.attr("opacity", 0).attr("x", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.x;
-      }).attr("y", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.y;
-      }).transition().duration(duration).attr("opacity", 1).attr("x", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.x;
-      }).attr("y", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.y;
-      });
+      iconsAnimation.attr("opacity", 0).attr("x", (_, index) => attrs[index].from?.x).attr("y", (_, index) => attrs[index].from?.y).transition().duration(duration).attr("opacity", 1).attr("x", (_, index) => attrs[index].to?.x).attr("y", (_, index) => attrs[index].to?.y);
     }
     if (linesNodes.length > 0) {
       const attrs = linesNodes.map((node) => {
-        var _a2, _b, _c, _d;
         return {
           from: {
-            x2: (_b = (_a2 = node.x1) == null ? void 0 : _a2.baseVal) == null ? void 0 : _b.value,
-            y2: (_d = (_c = node.y1) == null ? void 0 : _c.baseVal) == null ? void 0 : _d.value
+            x2: node.x1?.baseVal?.value,
+            y2: node.y1?.baseVal?.value
           },
           to: {
             x2: node.dataset["x2"],
@@ -138,19 +109,7 @@ class RadialTreeBase extends Component {
           }
         };
       });
-      linesAnimation.attr("opacity", 0).attr("x2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.x2;
-      }).attr("y2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.y2;
-      }).transition().duration(duration).attr("opacity", 1).attr("x2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.x2;
-      }).attr("y2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.y2;
-      });
+      linesAnimation.attr("opacity", 0).attr("x2", (_, index) => attrs[index].from?.x2).attr("y2", (_, index) => attrs[index].from?.y2).transition().duration(duration).attr("opacity", 1).attr("x2", (_, index) => attrs[index].to?.x2).attr("y2", (_, index) => attrs[index].to?.y2);
     }
     if (labelsNodes.length > 0) {
       labelsAnimation.attr("opacity", 0);
@@ -246,8 +205,7 @@ class RadialTreeRadian extends Component {
   getInteractiveAreaProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xStart,
       yStart,
@@ -266,8 +224,7 @@ class RadialTreeRadian extends Component {
   getLineProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xStart,
       yStart,
@@ -299,8 +256,7 @@ class RadialTreeRadian extends Component {
   getCapProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xEnd,
       yEnd,
@@ -331,8 +287,7 @@ class RadialTreeRadian extends Component {
   getIconProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xEnd,
       yEnd,
@@ -365,8 +320,7 @@ class RadialTreeRadian extends Component {
   getLabelProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xLabelCenter,
       yLabelCenter,

package/lib/esm/Reference.mjs

@@ -4,7 +4,6 @@ import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { scaleOfBandwidth } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/reference.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/ResponsiveContainer.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { Component, sstyled, assignProps, createComponent } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import fire from "@semcore/core/lib/utils/fire";
@@ -55,15 +55,13 @@ class ResponsiveContainerRoot extends Component {
     };
   }
   componentDidMount() {
-    var _a;
     if (this.$container) {
-      (_a = this.observer) == null ? void 0 : _a.observe(this.$container);
+      this.observer?.observe(this.$container);
     }
   }
   // TODO component did update ref?
   componentWillUnmount() {
-    var _a;
-    (_a = this.observer) == null ? void 0 : _a.disconnect();
+    this.observer?.disconnect();
   }
   render() {
     var _ref = this.asProps, _ref2;

package/lib/esm/ScatterPlot.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { transition } from "d3-transition";
@@ -8,7 +8,6 @@ import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
 import Tooltip from "./Tooltip.mjs";
 import { getScatterPlotRadius } from "./utils.mjs";
-/*!__reshadow-styles__:"./style/scatterplot.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -195,6 +194,7 @@ function ScatterPlotTooltip(props) {
     }, _ref)
   }));
 }
+;
 const ScatterPlot = createElement(ScatterPlotRoot, {
   Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents]
 });

package/lib/esm/StackBar.mjs

@@ -7,8 +7,8 @@ import Bar, { MIN_HEIGHT } from "./Bar.mjs";
 import createElement from "./createElement.mjs";
 import HorizontalBar, { MIN_WIDTH } from "./HorizontalBar.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-const DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
-const XY0 = Symbol("XY0");
+const DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
+const XY0 = /* @__PURE__ */ Symbol("XY0");
 class StackBarRoot extends Component {
   constructor(...args) {
     super(...args);

package/lib/esm/StackedArea.mjs

@@ -6,8 +6,8 @@ import React from "react";
 import Area from "./Area.mjs";
 import createElement from "./createElement.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-const DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
-const Y0 = Symbol("Y0");
+const DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
+const Y0 = /* @__PURE__ */ Symbol("Y0");
 class StackedAreaRoot extends Component {
   getSeries() {
     const {