@semcore/d3-chart 17.1.0 → 17.2.0-prerelease.5

package/lib/esm/Line.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component } from "@semcore/core";
 import uniqueIDEnhancement, { useUID } from "@semcore/core/lib/utils/uniqueID";
 import { bisector } from "d3-array";
@@ -14,19 +14,19 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLine_qcbx2_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:d;transition-duration:var(--duration_qcbx2);transition-timing-function:ease-in-out}.___SLine_qcbx2_gg_.__color_qcbx2_gg_{stroke:var(--color_qcbx2)}.___SLine_qcbx2_gg_.__hide_qcbx2_gg_{display:none}.___SLine_qcbx2_gg_.__transparent_qcbx2_gg_{opacity:.3}.___SNull_qcbx2_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));stroke-dasharray:4}@supports (color:color(display-p3 0 0 0%)){.___SNull_qcbx2_gg_{stroke:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SNull_qcbx2_gg_{stroke:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SNull_qcbx2_gg_.__hide_qcbx2_gg_{display:none}.___SLineArea_qcbx2_gg_{transition-property:d;transition-duration:var(--duration_qcbx2);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SLineArea_qcbx2_gg_.__color_qcbx2_gg_{fill:var(--color_qcbx2)}",
+    ".___SLine_5siv0_gg_{fill:#0000;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1,#666bdb);transition-property:d;transition-duration:var(--duration_5siv0);transition-timing-function:ease-in-out}.___SLine_5siv0_gg_.__color_5siv0_gg_{stroke:var(--color_5siv0)}.___SLine_5siv0_gg_.__hide_5siv0_gg_{display:none}.___SLine_5siv0_gg_.__transparent_5siv0_gg_{opacity:.3}.___SNull_5siv0_gg_{fill:#0000;stroke:var(--intergalactic-border-primary,#000c0829);stroke-dasharray:4}@supports (color:color(display-p3 0 0 0%)){.___SNull_5siv0_gg_{stroke:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SNull_5siv0_gg_{stroke:var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SNull_5siv0_gg_.__hide_5siv0_gg_{display:none}.___SLineArea_5siv0_gg_{transition-property:d;transition-duration:var(--duration_5siv0);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1,#666bdb)}.___SLineArea_5siv0_gg_.__color_5siv0_gg_{fill:var(--color_5siv0)}",
     /*__inner_css_end__*/
-    "qcbx2_gg_"
+    "5siv0_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLine": "___SLine_qcbx2_gg_",
-    "--duration": "--duration_qcbx2",
-    "_color": "__color_qcbx2_gg_",
-    "--color": "--color_qcbx2",
-    "_hide": "__hide_qcbx2_gg_",
-    "_transparent": "__transparent_qcbx2_gg_",
-    "__SNull": "___SNull_qcbx2_gg_",
-    "__SLineArea": "___SLineArea_qcbx2_gg_"
+    "__SLine": "___SLine_5siv0_gg_",
+    "--duration": "--duration_5siv0",
+    "_color": "__color_5siv0_gg_",
+    "--color": "--color_5siv0",
+    "_hide": "__hide_5siv0_gg_",
+    "_transparent": "__transparent_5siv0_gg_",
+    "__SNull": "___SNull_5siv0_gg_",
+    "__SLineArea": "___SLineArea_5siv0_gg_"
   })
 );
 class LineRoot extends Component {

package/lib/esm/Pattern.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import propsForElement from "@semcore/core/lib/utils/propsForElement";
 import React from "react";
 const defaultDasharrays = ["4 4", "8 8", "2 4", "4 8", "8 2", "8 4", "12 4", "2 2"];

package/lib/esm/Plot.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
@@ -14,12 +14,12 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlot_ofkbz_gg_{overflow:hidden}.___SPlot_ofkbz_gg_:focus{outline:0}.___SPlot_ofkbz_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_ofkbz_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px))}@supports (color:color(display-p3 0 0 0%)){.___SPlot_ofkbz_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SPlot_ofkbz_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}",
+    ".___SPlot_26u33_gg_{overflow:hidden}.___SPlot_26u33_gg_:focus{outline:none}.___SPlot_26u33_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_26u33_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline,#0020dd78);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded,8px)}@supports (color:color(display-p3 0 0 0%)){.___SPlot_26u33_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline,#0020dd78)}@media (color-gamut:p3){.___SPlot_26u33_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline,color(display-p3 .03256 .12227 .83249/.469))}}}",
     /*__inner_css_end__*/
-    "ofkbz_gg_"
+    "26u33_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlot": "___SPlot_ofkbz_gg_"
+    "__SPlot": "___SPlot_26u33_gg_"
   })
 );
 class PlotRoot extends Component {

package/lib/esm/Radar.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
@@ -16,29 +16,29 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SAxisLine_1uamc_gg_,.___SAxisTick_1uamc_gg_,.___SAxis_1uamc_gg_{stroke:var(--intergalactic-chart-grid-line, rgb(237, 239, 238));stroke-width:1;fill:transparent}.___SAxisLine_1uamc_gg_,.___SAxisTick_1uamc_gg_{stroke-dasharray:2}.___SAxisLine_1uamc_gg_.__active_1uamc_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, rgb(214, 216, 215))}.___SAxisLabel_1uamc_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1uamc_gg_.__xDirection_1uamc_gg_{text-anchor:var(--xDirection_1uamc)}.___SAxisLabel_1uamc_gg_.__yDirection_1uamc_gg_{dominant-baseline:var(--yDirection_1uamc)}.___SPolygonDot_1uamc_gg_,.___SPolygon_1uamc_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SPolygon_1uamc_gg_{opacity:.2}.___SPolygon_1uamc_gg_.__color_1uamc_gg_{fill:var(--color_1uamc)}.___SPolygon_1uamc_gg_.__pattern_1uamc_gg_.__color_1uamc_gg_{fill:var(--pattern_1uamc);stroke:var(--color_1uamc);stroke-width:1px}.___SPolygonDot_1uamc_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #fff);r:6px}.___SPolygonDot_1uamc_gg_.__transparent_1uamc_gg_{opacity:.3}.___SPolygonDot_1uamc_gg_.__color_1uamc_gg_{fill:var(--color_1uamc)}.___SPolygonLine_1uamc_gg_{stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke-width:3;fill:transparent}.___SPolygonLine_1uamc_gg_.__transparent_1uamc_gg_{opacity:.3}.___SPolygonLine_1uamc_gg_.__color_1uamc_gg_{stroke:var(--color_1uamc)}.___SPieRect_1uamc_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
+    ".___SAxisLine_4shos_gg_,.___SAxisTick_4shos_gg_,.___SAxis_4shos_gg_{stroke:var(--intergalactic-chart-grid-line,#edefee);stroke-width:1;fill:#0000}.___SAxisLine_4shos_gg_,.___SAxisTick_4shos_gg_{stroke-dasharray:2}.___SAxisLine_4shos_gg_.__active_4shos_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line,#d6d8d7)}.___SAxisLabel_4shos_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_4shos_gg_.__xDirection_4shos_gg_{text-anchor:var(--xDirection_4shos)}.___SAxisLabel_4shos_gg_.__yDirection_4shos_gg_{dominant-baseline:var(--yDirection_4shos)}.___SPolygon_4shos_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);opacity:.2}.___SPolygon_4shos_gg_.__color_4shos_gg_{fill:var(--color_4shos)}.___SPolygon_4shos_gg_.__pattern_4shos_gg_.__color_4shos_gg_{fill:var(--pattern_4shos);stroke:var(--color_4shos);stroke-width:1px}.___SPolygonDot_4shos_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border,#fff);r:6px;fill:var(--intergalactic-chart-palette-order-1,#666bdb)}.___SPolygonDot_4shos_gg_.__transparent_4shos_gg_{opacity:.3}.___SPolygonDot_4shos_gg_.__color_4shos_gg_{fill:var(--color_4shos)}.___SPolygonLine_4shos_gg_{stroke:var(--intergalactic-chart-palette-order-1,#666bdb);stroke-width:3;fill:#0000}.___SPolygonLine_4shos_gg_.__transparent_4shos_gg_{opacity:.3}.___SPolygonLine_4shos_gg_.__color_4shos_gg_{stroke:var(--color_4shos)}.___SPieRect_4shos_gg_{outline:none;fill:var(--intergalactic-chart-grid-bar-chart-hover,#00161007)}",
     /*__inner_css_end__*/
-    "1uamc_gg_"
+    "4shos_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SAxis": "___SAxis_1uamc_gg_",
-    "__SAxisLine": "___SAxisLine_1uamc_gg_",
-    "__SAxisTick": "___SAxisTick_1uamc_gg_",
-    "_active": "__active_1uamc_gg_",
-    "__SAxisLabel": "___SAxisLabel_1uamc_gg_",
-    "_xDirection": "__xDirection_1uamc_gg_",
-    "--xDirection": "--xDirection_1uamc",
-    "_yDirection": "__yDirection_1uamc_gg_",
-    "--yDirection": "--yDirection_1uamc",
-    "__SPolygon": "___SPolygon_1uamc_gg_",
-    "_color": "__color_1uamc_gg_",
-    "--color": "--color_1uamc",
-    "_pattern": "__pattern_1uamc_gg_",
-    "--pattern": "--pattern_1uamc",
-    "__SPolygonDot": "___SPolygonDot_1uamc_gg_",
-    "_transparent": "__transparent_1uamc_gg_",
-    "__SPolygonLine": "___SPolygonLine_1uamc_gg_",
-    "__SPieRect": "___SPieRect_1uamc_gg_"
+    "__SAxis": "___SAxis_4shos_gg_",
+    "__SAxisLine": "___SAxisLine_4shos_gg_",
+    "__SAxisTick": "___SAxisTick_4shos_gg_",
+    "_active": "__active_4shos_gg_",
+    "__SAxisLabel": "___SAxisLabel_4shos_gg_",
+    "_xDirection": "__xDirection_4shos_gg_",
+    "--xDirection": "--xDirection_4shos",
+    "_yDirection": "__yDirection_4shos_gg_",
+    "--yDirection": "--yDirection_4shos",
+    "__SPolygon": "___SPolygon_4shos_gg_",
+    "_color": "__color_4shos_gg_",
+    "--color": "--color_4shos",
+    "_pattern": "__pattern_4shos_gg_",
+    "--pattern": "--pattern_4shos",
+    "__SPolygonDot": "___SPolygonDot_4shos_gg_",
+    "_transparent": "__transparent_4shos_gg_",
+    "__SPolygonLine": "___SPolygonLine_4shos_gg_",
+    "__SPieRect": "___SPieRect_4shos_gg_"
   })
 );
 const clampAngle = (angle) => {

package/lib/esm/RadialTree.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component } from "@semcore/core";
 import assignProps from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
@@ -14,22 +14,22 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SRadian_1l8sf_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, rgb(92, 92, 196))}.___SLine_1l8sf_gg_{stroke:var(--intergalactic-text-large-info, rgb(92, 92, 196))}.___SLine_1l8sf_gg_.__stroke_1l8sf_gg_{stroke:var(--stroke_1l8sf)}.___SLine_1l8sf_gg_.__transparent_1l8sf_gg_{opacity:.3}.___SCap_1l8sf_gg_{transition:r .1s}.___SCap_1l8sf_gg_.__pattern_1l8sf_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:1px}.___SCap_1l8sf_gg_.__transparent_1l8sf_gg_,.___SIcon_1l8sf_gg_.__transparent_1l8sf_gg_,.___SLabel_1l8sf_gg_.__transparent_1l8sf_gg_{opacity:.3}.___SLabel_1l8sf_gg_{fill:var(--color_1l8sf)}@media (hover:hover){.___SRadian_1l8sf_gg_:hover .___SLabel_1l8sf_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1l8sf_gg_{transition:none}}",
+    ".___SRadian_mwmal_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info,#5c5cc4)}.___SLine_mwmal_gg_{stroke:var(--intergalactic-text-large-info,#5c5cc4)}.___SLine_mwmal_gg_.__stroke_mwmal_gg_{stroke:var(--stroke_mwmal)}.___SLine_mwmal_gg_.__transparent_mwmal_gg_{opacity:.3}.___SCap_mwmal_gg_{transition:r .1s}.___SCap_mwmal_gg_.__pattern_mwmal_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:1px}.___SCap_mwmal_gg_.__transparent_mwmal_gg_,.___SIcon_mwmal_gg_.__transparent_mwmal_gg_{opacity:.3}.___SLabel_mwmal_gg_{fill:var(--color_mwmal)}.___SLabel_mwmal_gg_.__transparent_mwmal_gg_{opacity:.3}@media (hover:hover){.___SRadian_mwmal_gg_:hover .___SLabel_mwmal_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_mwmal_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "1l8sf_gg_"
+    "mwmal_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SRadian": "___SRadian_1l8sf_gg_",
-    "__SLine": "___SLine_1l8sf_gg_",
-    "_stroke": "__stroke_1l8sf_gg_",
-    "--stroke": "--stroke_1l8sf",
-    "_transparent": "__transparent_1l8sf_gg_",
-    "__SCap": "___SCap_1l8sf_gg_",
-    "_pattern": "__pattern_1l8sf_gg_",
-    "__SIcon": "___SIcon_1l8sf_gg_",
-    "__SLabel": "___SLabel_1l8sf_gg_",
-    "--color": "--color_1l8sf",
-    "__SLineCap": "___SLineCap_1l8sf_gg_"
+    "__SRadian": "___SRadian_mwmal_gg_",
+    "__SLine": "___SLine_mwmal_gg_",
+    "_stroke": "__stroke_mwmal_gg_",
+    "--stroke": "--stroke_mwmal",
+    "_transparent": "__transparent_mwmal_gg_",
+    "__SCap": "___SCap_mwmal_gg_",
+    "_pattern": "__pattern_mwmal_gg_",
+    "__SIcon": "___SIcon_mwmal_gg_",
+    "__SLabel": "___SLabel_mwmal_gg_",
+    "--color": "--color_mwmal",
+    "__SLineCap": "___SLineCap_mwmal_gg_"
   })
 );
 const baseAngle = -Math.PI / 2;

package/lib/esm/Reference.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component } from "@semcore/core";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import React from "react";
@@ -9,22 +9,22 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SReferenceLine_wrjhn_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, rgb(214, 216, 215))}.___STitle_wrjhn_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583));transform-origin:var(--transform-origin_wrjhn)}@supports (color:color(display-p3 0 0 0%)){.___STitle_wrjhn_gg_{fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_wrjhn_gg_{fill:var(--intergalactic-chart-grid-text-label, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_wrjhn_gg_._position_top_wrjhn_gg_{text-anchor:middle}.___STitle_wrjhn_gg_._position_bottom_wrjhn_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_wrjhn_gg_._position_left_wrjhn_gg_,.___STitle_wrjhn_gg_._position_right_wrjhn_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_wrjhn_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgb(241, 242, 242))}.___SStripes_wrjhn_gg_{fill:var(--fill_wrjhn)}.___SStripesPatternPath_wrjhn_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgb(237, 239, 238));stroke-width:1px}",
+    ".___SReferenceLine_1j9xa_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line,#d6d8d7)}.___STitle_1j9xa_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#00030095);transform-origin:var(--transform-origin_1j9xa)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1j9xa_gg_{fill:var(--intergalactic-chart-grid-text-label,#00030095)}@media (color-gamut:p3){.___STitle_1j9xa_gg_{fill:var(--intergalactic-chart-grid-text-label,color(display-p3 .00228 .01289 .00252/.583))}}}.___STitle_1j9xa_gg_._position_top_1j9xa_gg_{text-anchor:middle}.___STitle_1j9xa_gg_._position_bottom_1j9xa_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1j9xa_gg_._position_left_1j9xa_gg_,.___STitle_1j9xa_gg_._position_right_1j9xa_gg_{transform:rotate(-90deg);dominant-baseline:middle;text-anchor:middle}.___SBackground_1j9xa_gg_{fill:var(--intergalactic-chart-grid-period-bg,#f1f2f2)}.___SStripes_1j9xa_gg_{fill:var(--fill_1j9xa)}.___SStripesPatternPath_1j9xa_gg_{stroke:var(--intergalactic-chart-grid-period-pattern,#edefee);stroke-width:1px}",
     /*__inner_css_end__*/
-    "wrjhn_gg_"
+    "1j9xa_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SReferenceLine": "___SReferenceLine_wrjhn_gg_",
-    "__STitle": "___STitle_wrjhn_gg_",
-    "--transform-origin": "--transform-origin_wrjhn",
-    "_position_top": "_position_top_wrjhn_gg_",
-    "_position_bottom": "_position_bottom_wrjhn_gg_",
-    "_position_right": "_position_right_wrjhn_gg_",
-    "_position_left": "_position_left_wrjhn_gg_",
-    "__SBackground": "___SBackground_wrjhn_gg_",
-    "__SStripes": "___SStripes_wrjhn_gg_",
-    "--fill": "--fill_wrjhn",
-    "__SStripesPatternPath": "___SStripesPatternPath_wrjhn_gg_"
+    "__SReferenceLine": "___SReferenceLine_1j9xa_gg_",
+    "__STitle": "___STitle_1j9xa_gg_",
+    "--transform-origin": "--transform-origin_1j9xa",
+    "_position_top": "_position_top_1j9xa_gg_",
+    "_position_bottom": "_position_bottom_1j9xa_gg_",
+    "_position_right": "_position_right_1j9xa_gg_",
+    "_position_left": "_position_left_1j9xa_gg_",
+    "__SBackground": "___SBackground_1j9xa_gg_",
+    "__SStripes": "___SStripes_1j9xa_gg_",
+    "--fill": "--fill_1j9xa",
+    "__SStripesPatternPath": "___SStripesPatternPath_1j9xa_gg_"
   })
 );
 const side2direction = {

package/lib/esm/ResponsiveContainer.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Component, sstyled, assignProps, createComponent } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";

package/lib/esm/ScatterPlot.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
@@ -13,19 +13,19 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SScatterPlot_6l4o0_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:cx,cy;transition-duration:var(--duration_6l4o0);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_6l4o0_gg_:hover{opacity:.8}}.___SScatterPlot_6l4o0_gg_.__color_6l4o0_gg_{fill:var(--color_6l4o0)}.___SScatterPlot_6l4o0_gg_.__pattern_6l4o0_gg_.__color_6l4o0_gg_{fill:var(--pattern_6l4o0);stroke:var(--color_6l4o0);stroke-width:1px}.___SScatterPlot_6l4o0_gg_.__transparent_6l4o0_gg_{opacity:.3}.___SValue_6l4o0_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, rgb(92, 92, 196))}.___SValue_6l4o0_gg_.__color_6l4o0_gg_{stroke:var(--color_6l4o0)}.___SValue_6l4o0_gg_.__transparent_6l4o0_gg_{opacity:.3}",
+    ".___SScatterPlot_15u7e_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);transition-property:cx,cy;transition-duration:var(--duration_15u7e);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_15u7e_gg_:hover{opacity:.8}}.___SScatterPlot_15u7e_gg_.__color_15u7e_gg_{fill:var(--color_15u7e)}.___SScatterPlot_15u7e_gg_.__pattern_15u7e_gg_.__color_15u7e_gg_{fill:var(--pattern_15u7e);stroke:var(--color_15u7e);stroke-width:1px}.___SScatterPlot_15u7e_gg_.__transparent_15u7e_gg_{opacity:.3}.___SValue_15u7e_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50,10px);stroke:var(--intergalactic-chart-palette-order-9,#5c5cc4)}.___SValue_15u7e_gg_.__color_15u7e_gg_{stroke:var(--color_15u7e)}.___SValue_15u7e_gg_.__transparent_15u7e_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "6l4o0_gg_"
+    "15u7e_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SScatterPlot": "___SScatterPlot_6l4o0_gg_",
-    "_color": "__color_6l4o0_gg_",
-    "--color": "--color_6l4o0",
-    "_pattern": "__pattern_6l4o0_gg_",
-    "--pattern": "--pattern_6l4o0",
-    "_transparent": "__transparent_6l4o0_gg_",
-    "__SValue": "___SValue_6l4o0_gg_",
-    "--duration": "--duration_6l4o0"
+    "__SScatterPlot": "___SScatterPlot_15u7e_gg_",
+    "_color": "__color_15u7e_gg_",
+    "--color": "--color_15u7e",
+    "_pattern": "__pattern_15u7e_gg_",
+    "--pattern": "--pattern_15u7e",
+    "_transparent": "__transparent_15u7e_gg_",
+    "__SValue": "___SValue_15u7e_gg_",
+    "--duration": "--duration_15u7e"
   })
 );
 class ScatterPlotRoot extends Component {

package/lib/esm/StackBar.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Component } from "@semcore/core";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import { stack } from "d3-shape";

package/lib/esm/StackedArea.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Component } from "@semcore/core";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import { stack } from "d3-shape";

package/lib/esm/Tooltip.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps } from "@semcore/core";
 import { Popper, Box } from "@semcore/base-components";
 import findComponent from "@semcore/core/lib/utils/findComponent";
@@ -12,19 +12,19 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___STooltip_1ggwc_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));padding:var(--intergalactic-spacing-3x, 12px)}@supports (color:color(display-p3 0 0 0%)){.___STooltip_1ggwc_gg_{border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___STooltip_1ggwc_gg_{border:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___STitle_1ggwc_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-bottom:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1ggwc_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1ggwc_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDotGroup_1ggwc_gg_{display:flex;align-items:center}.___SDot_1ggwc_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1ggwc_gg_.__color_1ggwc_gg_{background-color:var(--color_1ggwc);width:8px;height:8px;border-radius:50%}.___SFooter_1ggwc_gg_{background:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}",
+    ".___STooltip_123dv_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral,#fff);border-radius:var(--intergalactic-popper-rounded,6px);border:1px solid var(--intergalactic-border-secondary,#00151012);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012);padding:var(--intergalactic-spacing-3x,12px)}@supports (color:color(display-p3 0 0 0%)){.___STooltip_123dv_gg_{border:1px solid var(--intergalactic-border-secondary,#00151012);box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 #00151012)}@media (color-gamut:p3){.___STooltip_123dv_gg_{border:1px solid var(--intergalactic-border-secondary,color(display-p3 .01753 .08157 .06372/.07));box-shadow:var(--intergalactic-box-shadow-popper,1px 1px 10px 0 color(display-p3 .01753 .08157 .06372/.07))}}}.___STitle_123dv_gg_{color:var(--intergalactic-text-secondary,#00030095);margin-bottom:var(--intergalactic-spacing-2x,8px)}@supports (color:color(display-p3 0 0 0%)){.___STitle_123dv_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___STitle_123dv_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SDotGroup_123dv_gg_{display:flex;align-items:center}.___SDot_123dv_gg_{margin-right:var(--intergalactic-spacing-2x,8px)}.___SDotCircle_123dv_gg_.__color_123dv_gg_{background-color:var(--color_123dv);width:8px;height:8px;border-radius:50%}.___SFooter_123dv_gg_{background:var(--intergalactic-bg-secondary-neutral,#f8f9f8);padding:var(--intergalactic-spacing-1x,4px) var(--intergalactic-spacing-3x,12px);border-radius:0 0 var(--intergalactic-rounded-medium,6px) var(--intergalactic-rounded-medium,6px);margin:var(--intergalactic-spacing-3x,12px) calc(var(--intergalactic-spacing-3x, 12px)*-1) calc(var(--intergalactic-spacing-3x, 12px)*-1)}",
     /*__inner_css_end__*/
-    "1ggwc_gg_"
+    "123dv_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__STooltip": "___STooltip_1ggwc_gg_",
-    "__STitle": "___STitle_1ggwc_gg_",
-    "__SDotGroup": "___SDotGroup_1ggwc_gg_",
-    "__SDot": "___SDot_1ggwc_gg_",
-    "__SDotCircle": "___SDotCircle_1ggwc_gg_",
-    "_color": "__color_1ggwc_gg_",
-    "--color": "--color_1ggwc",
-    "__SFooter": "___SFooter_1ggwc_gg_"
+    "__STooltip": "___STooltip_123dv_gg_",
+    "__STitle": "___STitle_123dv_gg_",
+    "__SDotGroup": "___SDotGroup_123dv_gg_",
+    "__SDot": "___SDot_123dv_gg_",
+    "__SDotCircle": "___SDotCircle_123dv_gg_",
+    "_color": "__color_123dv_gg_",
+    "--color": "--color_123dv",
+    "__SFooter": "___SFooter_123dv_gg_"
   })
 );
 const TooltipDotRenderContext = /* @__PURE__ */ React.createContext({
@@ -228,6 +228,7 @@ function Dot(props) {
   const SDotCircle = Box;
   return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SDotGroup, _ref8.cn("SDotGroup", {
     ...assignProps({
+      "use:color": void 0,
       "__excludeProps": ["data", "scale"]
     }, _ref4)
   }), patterns ? /* @__PURE__ */ React.createElement(SDot, _ref8.cn("SDot", {}), /* @__PURE__ */ React.createElement(PatternSymbol, _ref8.cn("PatternSymbol", {

package/lib/esm/Venn.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps } from "@semcore/core";
 import { FadeInOut } from "@semcore/base-components";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
@@ -16,19 +16,19 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SCircle_vokm5_gg_,.___SIntersection_vokm5_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px}.___SCircle_vokm5_gg_{fill:var(--intergalactic-chart-palette-order-2, rgb(56, 227, 181));fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_vokm5);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_vokm5_gg_:hover{fill-opacity:.7}}.___SCircle_vokm5_gg_.__color_vokm5_gg_{fill:var(--color_vokm5)}.___SCircle_vokm5_gg_.__pattern_vokm5_gg_.__color_vokm5_gg_{fill:var(--pattern_vokm5);fill-opacity:.7;stroke:var(--color_vokm5);stroke-width:1px}@media (hover:hover){.___SCircle_vokm5_gg_.__pattern_vokm5_gg_.__color_vokm5_gg_:hover{fill-opacity:.85}}.___SCircle_vokm5_gg_.__transparent_vokm5_gg_{opacity:.3}.___SIntersection_vokm5_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_vokm5_gg_:hover{fill-opacity:.1}}.___SIntersection_vokm5_gg_.__transparent_vokm5_gg_{opacity:.3}",
+    ".___SCircle_iobh3_gg_{fill:var(--intergalactic-chart-palette-order-2,#38e3b5);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_iobh3);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_iobh3_gg_:hover{fill-opacity:.7}}.___SCircle_iobh3_gg_.__color_iobh3_gg_{fill:var(--color_iobh3)}.___SCircle_iobh3_gg_.__pattern_iobh3_gg_.__color_iobh3_gg_{fill:var(--pattern_iobh3);fill-opacity:.7;stroke:var(--color_iobh3);stroke-width:1px}@media (hover:hover){.___SCircle_iobh3_gg_.__pattern_iobh3_gg_.__color_iobh3_gg_:hover{fill-opacity:.85}}.___SCircle_iobh3_gg_.__transparent_iobh3_gg_{opacity:.3}.___SIntersection_iobh3_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:0}@media (hover:hover){.___SIntersection_iobh3_gg_:hover{fill-opacity:.1}}.___SIntersection_iobh3_gg_.__transparent_iobh3_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "vokm5_gg_"
+    "iobh3_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SCircle": "___SCircle_vokm5_gg_",
-    "_color": "__color_vokm5_gg_",
-    "--color": "--color_vokm5",
-    "_transparent": "__transparent_vokm5_gg_",
-    "__SIntersection": "___SIntersection_vokm5_gg_",
-    "--duration": "--duration_vokm5",
-    "_pattern": "__pattern_vokm5_gg_",
-    "--pattern": "--pattern_vokm5"
+    "__SCircle": "___SCircle_iobh3_gg_",
+    "_color": "__color_iobh3_gg_",
+    "--color": "--color_iobh3",
+    "_transparent": "__transparent_iobh3_gg_",
+    "__SIntersection": "___SIntersection_iobh3_gg_",
+    "--duration": "--duration_iobh3",
+    "_pattern": "__pattern_iobh3_gg_",
+    "--pattern": "--pattern_iobh3"
   })
 );
 class VennRoot extends Component {

package/lib/esm/a11y/PlotA11yModule.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { sstyled, assignProps } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import { Context, useI18n } from "@semcore/core/lib/utils/enhances/WithI18n";
@@ -10,12 +10,12 @@ const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlotA11yModule_1hm82_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0,}",
+    ".___SPlotA11yModule_19nt6_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}",
     /*__inner_css_end__*/
-    "1hm82_gg_"
+    "19nt6_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlotA11yModule": "___SPlotA11yModule_1hm82_gg_"
+    "__SPlotA11yModule": "___SPlotA11yModule_19nt6_gg_"
   })
 );
 function PlotA11yModule(props) {

package/lib/esm/a11y/PlotA11yView.mjs

@@ -13,12 +13,12 @@ const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlotA11yView_1tcnu_gg_{position:relative;display:block;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));font-size:var(--intergalactic-fs-50, 10px);z-index:var(--intergalactic-z-index-overlay, 500);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_1tcnu_gg_{border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_1tcnu_gg_{border:3px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPlotA11yView_1tcnu_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1tcnu_gg_ table,.___SPlotA11yView_1tcnu_gg_ td,.___SPlotA11yView_1tcnu_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_1tcnu_gg_ table,.___SPlotA11yView_1tcnu_gg_ td,.___SPlotA11yView_1tcnu_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_1tcnu_gg_ table,.___SPlotA11yView_1tcnu_gg_ td,.___SPlotA11yView_1tcnu_gg_ th{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}",
+    ".___SPlotA11yView_ufc1r_gg_{position:relative;display:block;background-color:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#010500e5);border:3px solid var(--intergalactic-border-primary,#000c0829);font-size:var(--intergalactic-fs-50,10px);z-index:var(--intergalactic-z-index-overlay,500);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_ufc1r_gg_{border:3px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SPlotA11yView_ufc1r_gg_{border:3px solid var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SPlotA11yView_ufc1r_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x,8px);display:block}.___SPlotA11yView_ufc1r_gg_ :is(table,td,th){border:1px solid var(--intergalactic-border-primary,#000c0829)}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_ufc1r_gg_ :is(table,td,th){border:1px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SPlotA11yView_ufc1r_gg_ :is(table,td,th){border:1px solid var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}",
     /*__inner_css_end__*/
-    "1tcnu_gg_"
+    "ufc1r_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlotA11yView": "___SPlotA11yView_1tcnu_gg_"
+    "__SPlotA11yView": "___SPlotA11yView_ufc1r_gg_"
   })
 );
 function PlotA11yView({

package/lib/esm/component/Chart/AbstractChart.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps } from "@semcore/core";
 import { Box, Flex } from "@semcore/base-components";
 import { extractAriaProps } from "@semcore/core/lib/utils/ariaProps";
@@ -18,14 +18,14 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___STooltipChildrenWrapper_1psc9_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_1psc9_gg_._columnsCount_2_1psc9_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_1psc9_gg_._columnsCount_3_1psc9_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}",
+    ".___STooltipChildrenWrapper_1snkx_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x,8px);-moz-column-gap:var(--intergalactic-spacing-2x,8px);column-gap:var(--intergalactic-spacing-2x,8px)}.___STooltipChildrenWrapper_1snkx_gg_._columnsCount_2_1snkx_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_1snkx_gg_._columnsCount_3_1snkx_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}",
     /*__inner_css_end__*/
-    "1psc9_gg_"
+    "1snkx_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__STooltipChildrenWrapper": "___STooltipChildrenWrapper_1psc9_gg_",
-    "_columnsCount_2": "_columnsCount_2_1psc9_gg_",
-    "_columnsCount_3": "_columnsCount_3_1psc9_gg_"
+    "__STooltipChildrenWrapper": "___STooltipChildrenWrapper_1snkx_gg_",
+    "_columnsCount_2": "_columnsCount_2_1snkx_gg_",
+    "_columnsCount_3": "_columnsCount_3_1snkx_gg_"
   })
 );
 const NOT_A_VALUE = "n/a";
@@ -478,12 +478,6 @@ class AbstractChart extends Component {
   }
 }
 _defineProperty(AbstractChart, "style", style);
-_defineProperty(AbstractChart, "defaultProps", {
-  direction: "column",
-  showXAxis: true,
-  showYAxis: true,
-  showTooltip: true
-});
 export {
   AbstractChart,
   NOT_A_VALUE

package/lib/esm/component/Chart/AreaChart.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleLinear } from "d3-scale";
@@ -116,6 +116,12 @@ class AreaChartComponent extends AbstractChart {
 }
 _defineProperty(AreaChartComponent, "displayName", "Chart.Area");
 _defineProperty(AreaChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(AreaChartComponent, "defaultProps", {
+  direction: "column",
+  showXAxis: true,
+  showYAxis: true,
+  showTooltip: true
+});
 const AreaChart = createComponent(AreaChartComponent);
 export {
   AreaChart

package/lib/esm/component/Chart/BarChart.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleBand, scaleLinear } from "d3-scale";
@@ -255,6 +255,12 @@ class BarChartComponent extends AbstractChart {
 }
 _defineProperty(BarChartComponent, "displayName", "Chart.Bar");
 _defineProperty(BarChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(BarChartComponent, "defaultProps", {
+  direction: "column",
+  showXAxis: true,
+  showYAxis: true,
+  showTooltip: true
+});
 const BarChart = createComponent(BarChartComponent);
 export {
   BarChart

package/lib/esm/component/Chart/BubbleChart.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { Text } from "@semcore/typography";
@@ -125,6 +125,12 @@ class BubbleChartComponent extends AbstractChart {
 }
 _defineProperty(BubbleChartComponent, "displayName", "Chart.Bubble");
 _defineProperty(BubbleChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(BubbleChartComponent, "defaultProps", {
+  direction: "column",
+  showXAxis: true,
+  showYAxis: true,
+  showTooltip: true
+});
 const BubbleChart = createComponent(BubbleChartComponent);
 export {
   BubbleChart

package/lib/esm/component/Chart/CigaretteChart.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, assignProps, createComponent } from "@semcore/core";
 import { Box, Flex } from "@semcore/base-components";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
@@ -28,13 +28,13 @@ class CigaretteChartComponent extends AbstractChart {
     _defineProperty(this, "onPlotMouseMove", trottle((event) => {
       if (!this.plotRef.current) return;
       const [pX, pY] = eventToPoint(event, this.plotRef.current);
-      this.setState((prevState) => ({
+      this.setState(() => ({
         pX,
         pY
       }));
     }));
     _defineProperty(this, "onPlotMouseLeave", trottle(() => {
-      this.setState((prevState) => ({
+      this.setState(() => ({
         pX: null,
         pY: null
       }));

package/lib/esm/component/Chart/CompactHorizontalBarChart.mjs

@@ -1,10 +1,10 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleBand, scaleLinear } from "d3-scale";
 import React from "react";
-import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
+import "../../index.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
 import CompactHorizontalBar from "../../CompactHorizontalBar.mjs";
 class CompactHorizontalBarChartComponent extends AbstractChart {

package/lib/esm/component/Chart/DonutChart.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Flex } from "@semcore/base-components";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";

package/lib/esm/component/Chart/HistogramChart.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleBand, scaleLinear } from "d3-scale";
@@ -140,6 +140,12 @@ class HistogramChartComponent extends AbstractChart {
 }
 _defineProperty(HistogramChartComponent, "displayName", "Chart.Histogram");
 _defineProperty(HistogramChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(HistogramChartComponent, "defaultProps", {
+  direction: "column",
+  showXAxis: true,
+  showYAxis: true,
+  showTooltip: true
+});
 const HistogramChart = createComponent(HistogramChartComponent);
 export {
   HistogramChart