@semcore/d3-chart 16.7.0 → 16.7.1

package/lib/esm/Bubble.mjs

@@ -5,7 +5,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, Component, assignProps } from "@semcore/core";
+import { sstyled, assignProps, Component } 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";
@@ -21,24 +21,24 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBubble_cs3io_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_cs3io);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_cs3io_gg_:hover{opacity:.8}}g._visible_false_cs3io_gg_{display:none}.___SBubble_cs3io_gg_.__clickable_cs3io_gg_{cursor:pointer}.___SBubble_cs3io_gg_.__color_cs3io_gg_{fill:var(--color_cs3io)}.___SBubble_cs3io_gg_.__pattern_cs3io_gg_.__color_cs3io_gg_{fill:var(--pattern_cs3io);stroke:var(--color_cs3io);stroke-width:1px}.___SBubble_cs3io_gg_.__transparent_cs3io_gg_{opacity:.3}.___SCenter_cs3io_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SCenter_cs3io_gg_.__color_cs3io_gg_{stroke:var(--color_cs3io)}.___SCenter_cs3io_gg_.__transparent_cs3io_gg_{opacity:.3}.___SLabel_cs3io_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SLabel_cs3io_gg_._position_right_cs3io_gg_{text-anchor:end}.___SLabel_cs3io_gg_._position_left_cs3io_gg_{text-anchor:start}.___SLabel_cs3io_gg_.__color_cs3io_gg_{fill:var(--color_cs3io)}.___SLabel_cs3io_gg_.__transparent_cs3io_gg_{opacity:.3}",
+    ".___SBubble_1ghwe_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1ghwe);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1ghwe_gg_:hover{opacity:.8}}g._visible_false_1ghwe_gg_{display:none}.___SBubble_1ghwe_gg_.__clickable_1ghwe_gg_{cursor:pointer}.___SBubble_1ghwe_gg_.__color_1ghwe_gg_{fill:var(--color_1ghwe)}.___SBubble_1ghwe_gg_.__pattern_1ghwe_gg_.__color_1ghwe_gg_{fill:var(--pattern_1ghwe);stroke:var(--color_1ghwe);stroke-width:1px}.___SBubble_1ghwe_gg_.__transparent_1ghwe_gg_{opacity:.3}.___SCenter_1ghwe_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SCenter_1ghwe_gg_.__color_1ghwe_gg_{stroke:var(--color_1ghwe)}.___SCenter_1ghwe_gg_.__transparent_1ghwe_gg_{opacity:.3}.___SLabel_1ghwe_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SLabel_1ghwe_gg_._position_right_1ghwe_gg_{text-anchor:end}.___SLabel_1ghwe_gg_._position_left_1ghwe_gg_{text-anchor:start}.___SLabel_1ghwe_gg_.__color_1ghwe_gg_{fill:var(--color_1ghwe)}.___SLabel_1ghwe_gg_.__transparent_1ghwe_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "cs3io_gg_"
+    "1ghwe_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "_visible_false": "_visible_false_cs3io_gg_",
-    "__SBubble": "___SBubble_cs3io_gg_",
-    "_clickable": "__clickable_cs3io_gg_",
-    "_color": "__color_cs3io_gg_",
-    "--color": "--color_cs3io",
-    "_pattern": "__pattern_cs3io_gg_",
-    "--pattern": "--pattern_cs3io",
-    "_transparent": "__transparent_cs3io_gg_",
-    "__SCenter": "___SCenter_cs3io_gg_",
-    "__SLabel": "___SLabel_cs3io_gg_",
-    "_position_right": "_position_right_cs3io_gg_",
-    "_position_left": "_position_left_cs3io_gg_",
-    "--duration": "--duration_cs3io"
+    "_visible_false": "_visible_false_1ghwe_gg_",
+    "__SBubble": "___SBubble_1ghwe_gg_",
+    "_clickable": "__clickable_1ghwe_gg_",
+    "_color": "__color_1ghwe_gg_",
+    "--color": "--color_1ghwe",
+    "_pattern": "__pattern_1ghwe_gg_",
+    "--pattern": "--pattern_1ghwe",
+    "_transparent": "__transparent_1ghwe_gg_",
+    "__SCenter": "___SCenter_1ghwe_gg_",
+    "__SLabel": "___SLabel_1ghwe_gg_",
+    "_position_right": "_position_right_1ghwe_gg_",
+    "_position_left": "_position_left_1ghwe_gg_",
+    "--duration": "--duration_1ghwe"
   })
 );
 var BubbleRoot = /* @__PURE__ */ (function(_Component) {

package/lib/esm/CompactHorizontalBar.mjs

@@ -6,12 +6,12 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, Component, assignProps } from "@semcore/core";
-import { Box } from "@semcore/base-components";
+import { sstyled, assignProps, Component } from "@semcore/core";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import trottle from "@semcore/core/lib/utils/rafTrottle";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import { Box } from "@semcore/flex-box";
 import React from "react";
 import AnimatedClipPath from "./AnimatedClipPath.mjs";
 import createElement from "./createElement.mjs";
@@ -23,26 +23,26 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBar_3jzeq_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_3jzeq);transition-timing-function:ease-in-out}.___SBar_3jzeq_gg_.__color_3jzeq_gg_{fill:var(--color_3jzeq)}.___SBar_3jzeq_gg_.__pattern_3jzeq_gg_.__color_3jzeq_gg_{fill:var(--pattern_3jzeq);stroke:var(--color_3jzeq);stroke-width:1px}.___SBar_3jzeq_gg_.__hide_3jzeq_gg_{display:none}.___SBar_3jzeq_gg_.__transparent_3jzeq_gg_{opacity:.3}.___SBackground_3jzeq_gg_.__onClick_3jzeq_gg_,.___SBar_3jzeq_gg_.__onClick_3jzeq_gg_{cursor:pointer}.___SBackground_3jzeq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_3jzeq_gg_{display:flex;justify-content:space-between}.___SBarLabel_3jzeq_gg_,.___SBarPercent_3jzeq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_3jzeq_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_3jzeq_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_3jzeq_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_3jzeq_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_3jzeq_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_3jzeq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
+    ".___SBar_1kwty_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_1kwty);transition-timing-function:ease-in-out}.___SBar_1kwty_gg_.__color_1kwty_gg_{fill:var(--color_1kwty)}.___SBar_1kwty_gg_.__pattern_1kwty_gg_.__color_1kwty_gg_{fill:var(--pattern_1kwty);stroke:var(--color_1kwty);stroke-width:1px}.___SBar_1kwty_gg_.__hide_1kwty_gg_{display:none}.___SBar_1kwty_gg_.__transparent_1kwty_gg_{opacity:.3}.___SBackground_1kwty_gg_.__onClick_1kwty_gg_,.___SBar_1kwty_gg_.__onClick_1kwty_gg_{cursor:pointer}.___SBackground_1kwty_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_1kwty_gg_{display:flex;justify-content:space-between}.___SBarLabel_1kwty_gg_,.___SBarPercent_1kwty_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_1kwty_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_1kwty_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_1kwty_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_1kwty_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_1kwty_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_1kwty_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
     /*__inner_css_end__*/
-    "3jzeq_gg_"
+    "1kwty_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBar": "___SBar_3jzeq_gg_",
-    "--duration": "--duration_3jzeq",
-    "_color": "__color_3jzeq_gg_",
-    "--color": "--color_3jzeq",
-    "_pattern": "__pattern_3jzeq_gg_",
-    "--pattern": "--pattern_3jzeq",
-    "_hide": "__hide_3jzeq_gg_",
-    "_transparent": "__transparent_3jzeq_gg_",
-    "_onClick": "__onClick_3jzeq_gg_",
-    "__SBackground": "___SBackground_3jzeq_gg_",
-    "__SBarAnnotation": "___SBarAnnotation_3jzeq_gg_",
-    "__SBarLabel": "___SBarLabel_3jzeq_gg_",
-    "__SBarPercent": "___SBarPercent_3jzeq_gg_",
-    "__SBarValue": "___SBarValue_3jzeq_gg_",
-    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_3jzeq_gg_"
+    "__SBar": "___SBar_1kwty_gg_",
+    "--duration": "--duration_1kwty",
+    "_color": "__color_1kwty_gg_",
+    "--color": "--color_1kwty",
+    "_pattern": "__pattern_1kwty_gg_",
+    "--pattern": "--pattern_1kwty",
+    "_hide": "__hide_1kwty_gg_",
+    "_transparent": "__transparent_1kwty_gg_",
+    "_onClick": "__onClick_1kwty_gg_",
+    "__SBackground": "___SBackground_1kwty_gg_",
+    "__SBarAnnotation": "___SBarAnnotation_1kwty_gg_",
+    "__SBarLabel": "___SBarLabel_1kwty_gg_",
+    "__SBarPercent": "___SBarPercent_1kwty_gg_",
+    "__SBarValue": "___SBarValue_1kwty_gg_",
+    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1kwty_gg_"
   })
 );
 var MIN_WIDTH = 4;
@@ -507,7 +507,6 @@ function CompactHorizontalBarTooltip(props) {
     "excludeAnchorProps": true
   }, _ref4))));
 }
-;
 var CompactHorizontalBar = createElement(CompactHorizontalBarRoot, {
   Annotation,
   Label,

package/lib/esm/Donut.mjs

@@ -6,7 +6,7 @@ import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { sstyled, Component, assignProps } from "@semcore/core";
+import { sstyled, assignProps, Component } 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";
@@ -25,22 +25,22 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPie_tg3q1_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SPie_tg3q1_gg_.__color_tg3q1_gg_{fill:var(--color_tg3q1)}.___SPie_tg3q1_gg_.__pattern_tg3q1_gg_.__color_tg3q1_gg_{fill:var(--pattern_tg3q1);stroke:var(--color_tg3q1);stroke-width:1px}.___SPie_tg3q1_gg_.__transparent_tg3q1_gg_{opacity:.3}.___SEmptyData_tg3q1_gg_{fill:var(--intergalactic-chart-palette-order-null, rgb(221, 222, 222))}.___SEmptyData_tg3q1_gg_.__color_tg3q1_gg_{fill:var(--color_tg3q1)}.___SLabel_tg3q1_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}",
+    ".___SPie_17s2c_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SPie_17s2c_gg_.__color_17s2c_gg_{fill:var(--color_17s2c)}.___SPie_17s2c_gg_.__pattern_17s2c_gg_.__color_17s2c_gg_{fill:var(--pattern_17s2c);stroke:var(--color_17s2c);stroke-width:1px}.___SPie_17s2c_gg_.__transparent_17s2c_gg_{opacity:.3}.___SEmptyData_17s2c_gg_{fill:var(--intergalactic-chart-palette-order-null, rgb(221, 222, 222))}.___SEmptyData_17s2c_gg_.__color_17s2c_gg_{fill:var(--color_17s2c)}.___SLabel_17s2c_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}",
     /*__inner_css_end__*/
-    "tg3q1_gg_"
+    "17s2c_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPie": "___SPie_tg3q1_gg_",
-    "_color": "__color_tg3q1_gg_",
-    "--color": "--color_tg3q1",
-    "_pattern": "__pattern_tg3q1_gg_",
-    "--pattern": "--pattern_tg3q1",
-    "_transparent": "__transparent_tg3q1_gg_",
-    "__SEmptyData": "___SEmptyData_tg3q1_gg_",
-    "__SLabel": "___SLabel_tg3q1_gg_"
+    "__SPie": "___SPie_17s2c_gg_",
+    "_color": "__color_17s2c_gg_",
+    "--color": "--color_17s2c",
+    "_pattern": "__pattern_17s2c_gg_",
+    "--pattern": "--pattern_17s2c",
+    "_transparent": "__transparent_17s2c_gg_",
+    "__SEmptyData": "___SEmptyData_17s2c_gg_",
+    "__SLabel": "___SLabel_17s2c_gg_"
   })
 );
-var DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
+var DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
 function transitionAnglePie(_ref6) {
   var selector = _ref6.selector, duration = _ref6.duration, halfsize = _ref6.halfsize, d3Arc = _ref6.d3Arc, d3ArcOut = _ref6.d3ArcOut, arcs = _ref6.arcs, activeIndexPie = _ref6.activeIndexPie;
   return transition().selection().selectAll(selector).interrupt().transition().duration(duration).attrTween("d", function(_, ind) {
@@ -318,8 +318,7 @@ _defineProperty(DonutRoot, "defaultProps", function(_ref18) {
   var _ref18$innerRadius = _ref18.innerRadius, innerRadius = _ref18$innerRadius === void 0 ? 0 : _ref18$innerRadius, _ref18$paddingAngle = _ref18.paddingAngle, paddingAngle = _ref18$paddingAngle === void 0 ? 0 : _ref18$paddingAngle, outerRadius = _ref18.outerRadius, _ref18$halfsize = _ref18.halfsize, halfsize = _ref18$halfsize === void 0 ? false : _ref18$halfsize, size = _ref18.$rootProps.size;
   var d3Arc = arc().outerRadius(outerRadius || getOuterRadius({
     size,
-    halfsize,
-    outerRadius
+    halfsize
   })).innerRadius(innerRadius).padAngle(paddingAngle);
   var d3ArcOut = arc().outerRadius((outerRadius || getOuterRadius({
     size,
@@ -415,7 +414,6 @@ function DonutTooltip(props) {
     "excludeAnchorProps": true
   }, _ref))));
 }
-;
 var Donut = createElement(DonutRoot, {
   Pie,
   Label,

package/lib/esm/Dots.mjs

@@ -5,24 +5,24 @@ import { bisector } from "d3-array";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { getPatternSymbolSize, PatternSymbol } from "./Pattern.mjs";
-import { getChartDefaultColorName, interpolateValue, eventToPoint, invert } from "./utils.mjs";
+import { interpolateValue, eventToPoint, invert, getChartDefaultColorName } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/dot.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDots_1s5uq_gg_ .___SDot_1s5uq_gg_{transition-duration:var(--duration_1s5uq)}.___SDot_1s5uq_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #fff);fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_1s5uq_gg_.__hide_1s5uq_gg_{display:none}.___SDot_1s5uq_gg_.__color_1s5uq_gg_{fill:var(--color_1s5uq)}.___SDot_1s5uq_gg_.__transparent_1s5uq_gg_{opacity:.3}",
+    ".___SDots_1l1a2_gg_ .___SDot_1l1a2_gg_{transition-duration:var(--duration_1l1a2)}.___SDot_1l1a2_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #fff);fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_1l1a2_gg_.__hide_1l1a2_gg_{display:none}.___SDot_1l1a2_gg_.__color_1l1a2_gg_{fill:var(--color_1l1a2)}.___SDot_1l1a2_gg_.__transparent_1l1a2_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "1s5uq_gg_"
+    "1l1a2_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDot": "___SDot_1s5uq_gg_",
-    "_hide": "__hide_1s5uq_gg_",
-    "_color": "__color_1s5uq_gg_",
-    "--color": "--color_1s5uq",
-    "_transparent": "__transparent_1s5uq_gg_",
-    "__SDots": "___SDots_1s5uq_gg_",
-    "--duration": "--duration_1s5uq"
+    "__SDot": "___SDot_1l1a2_gg_",
+    "_hide": "__hide_1l1a2_gg_",
+    "_color": "__color_1l1a2_gg_",
+    "--color": "--color_1l1a2",
+    "_transparent": "__transparent_1l1a2_gg_",
+    "__SDots": "___SDots_1l1a2_gg_",
+    "--duration": "--duration_1l1a2"
   })
 );
 function Dots(props) {

package/lib/esm/HorizontalBar.mjs

@@ -16,26 +16,26 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBar_3jzeq_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_3jzeq);transition-timing-function:ease-in-out}.___SBar_3jzeq_gg_.__color_3jzeq_gg_{fill:var(--color_3jzeq)}.___SBar_3jzeq_gg_.__pattern_3jzeq_gg_.__color_3jzeq_gg_{fill:var(--pattern_3jzeq);stroke:var(--color_3jzeq);stroke-width:1px}.___SBar_3jzeq_gg_.__hide_3jzeq_gg_{display:none}.___SBar_3jzeq_gg_.__transparent_3jzeq_gg_{opacity:.3}.___SBackground_3jzeq_gg_.__onClick_3jzeq_gg_,.___SBar_3jzeq_gg_.__onClick_3jzeq_gg_{cursor:pointer}.___SBackground_3jzeq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_3jzeq_gg_{display:flex;justify-content:space-between}.___SBarLabel_3jzeq_gg_,.___SBarPercent_3jzeq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_3jzeq_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_3jzeq_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_3jzeq_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_3jzeq_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_3jzeq_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_3jzeq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
+    ".___SBar_1kwty_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_1kwty);transition-timing-function:ease-in-out}.___SBar_1kwty_gg_.__color_1kwty_gg_{fill:var(--color_1kwty)}.___SBar_1kwty_gg_.__pattern_1kwty_gg_.__color_1kwty_gg_{fill:var(--pattern_1kwty);stroke:var(--color_1kwty);stroke-width:1px}.___SBar_1kwty_gg_.__hide_1kwty_gg_{display:none}.___SBar_1kwty_gg_.__transparent_1kwty_gg_{opacity:.3}.___SBackground_1kwty_gg_.__onClick_1kwty_gg_,.___SBar_1kwty_gg_.__onClick_1kwty_gg_{cursor:pointer}.___SBackground_1kwty_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_1kwty_gg_{display:flex;justify-content:space-between}.___SBarLabel_1kwty_gg_,.___SBarPercent_1kwty_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_1kwty_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_1kwty_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_1kwty_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_1kwty_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_1kwty_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_1kwty_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
     /*__inner_css_end__*/
-    "3jzeq_gg_"
+    "1kwty_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBar": "___SBar_3jzeq_gg_",
-    "--duration": "--duration_3jzeq",
-    "_color": "__color_3jzeq_gg_",
-    "--color": "--color_3jzeq",
-    "_pattern": "__pattern_3jzeq_gg_",
-    "--pattern": "--pattern_3jzeq",
-    "_hide": "__hide_3jzeq_gg_",
-    "_transparent": "__transparent_3jzeq_gg_",
-    "_onClick": "__onClick_3jzeq_gg_",
-    "__SBackground": "___SBackground_3jzeq_gg_",
-    "__SBarAnnotation": "___SBarAnnotation_3jzeq_gg_",
-    "__SBarLabel": "___SBarLabel_3jzeq_gg_",
-    "__SBarPercent": "___SBarPercent_3jzeq_gg_",
-    "__SBarValue": "___SBarValue_3jzeq_gg_",
-    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_3jzeq_gg_"
+    "__SBar": "___SBar_1kwty_gg_",
+    "--duration": "--duration_1kwty",
+    "_color": "__color_1kwty_gg_",
+    "--color": "--color_1kwty",
+    "_pattern": "__pattern_1kwty_gg_",
+    "--pattern": "--pattern_1kwty",
+    "_hide": "__hide_1kwty_gg_",
+    "_transparent": "__transparent_1kwty_gg_",
+    "_onClick": "__onClick_1kwty_gg_",
+    "__SBackground": "___SBackground_1kwty_gg_",
+    "__SBarAnnotation": "___SBarAnnotation_1kwty_gg_",
+    "__SBarLabel": "___SBarLabel_1kwty_gg_",
+    "__SBarPercent": "___SBarPercent_1kwty_gg_",
+    "__SBarValue": "___SBarValue_1kwty_gg_",
+    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1kwty_gg_"
   })
 );
 var MIN_WIDTH = 2;
@@ -142,7 +142,7 @@ _defineProperty(HorizontalBarRoot, "style", style);
 _defineProperty(HorizontalBarRoot, "defaultProps", {
   offset: [0, 0],
   duration: 500,
-  r: 0,
+  r: 2,
   wMin: MIN_WIDTH
 });
 function Background(props) {

package/lib/esm/Hover.mjs

@@ -5,26 +5,26 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, Component, assignProps } from "@semcore/core";
+import { sstyled, assignProps, Component } 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 { eventToPoint, invert, getIndexFromData, scaleOfBandwidth, scaleToBand } from "./utils.mjs";
+import { scaleOfBandwidth, scaleToBand, eventToPoint, invert, getIndexFromData } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/hover.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SHoverLine_3ufbt_gg_,.___SHoverLine_3ufbt_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215))}.___SHoverRect_3ufbt_gg_,.___SHoverRect_3ufbt_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
+    ".___SHoverLine_1tr0z_gg_,.___SHoverLine_1tr0z_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215))}.___SHoverRect_1tr0z_gg_,.___SHoverRect_1tr0z_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
     /*__inner_css_end__*/
-    "3ufbt_gg_"
+    "1tr0z_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHoverLine": "___SHoverLine_3ufbt_gg_",
-    "__SHoverRect": "___SHoverRect_3ufbt_gg_"
+    "__SHoverLine": "___SHoverLine_1tr0z_gg_",
+    "__SHoverRect": "___SHoverRect_1tr0z_gg_"
   })
 );
 var Hover = /* @__PURE__ */ (function(_Component) {

package/lib/esm/Line.mjs

@@ -7,31 +7,31 @@ 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 { curveLinear, line, curveCardinal, area } from "d3-shape";
+import { area, curveCardinal, line, curveLinear } 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, getNullData, definedNullData, eventToPoint, invert, getChartDefaultColorName, definedData, scaleOfBandwidth } from "./utils.mjs";
+import { interpolateValue, getNullData, eventToPoint, invert, definedData, definedNullData, getChartDefaultColorName, scaleOfBandwidth } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/line.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLine_5xpq4_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:d;transition-duration:var(--duration_5xpq4);transition-timing-function:ease-in-out}.___SLine_5xpq4_gg_.__color_5xpq4_gg_{stroke:var(--color_5xpq4)}.___SLine_5xpq4_gg_.__hide_5xpq4_gg_{display:none}.___SLine_5xpq4_gg_.__transparent_5xpq4_gg_{opacity:.3}.___SNull_5xpq4_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_5xpq4_gg_{stroke:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SNull_5xpq4_gg_{stroke:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SNull_5xpq4_gg_.__hide_5xpq4_gg_{display:none}.___SLineArea_5xpq4_gg_{transition-property:d;transition-duration:var(--duration_5xpq4);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SLineArea_5xpq4_gg_.__color_5xpq4_gg_{fill:var(--color_5xpq4)}",
+    ".___SLine_rq2tt_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:d;transition-duration:var(--duration_rq2tt);transition-timing-function:ease-in-out}.___SLine_rq2tt_gg_.__color_rq2tt_gg_{stroke:var(--color_rq2tt)}.___SLine_rq2tt_gg_.__hide_rq2tt_gg_{display:none}.___SLine_rq2tt_gg_.__transparent_rq2tt_gg_{opacity:.3}.___SNull_rq2tt_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_rq2tt_gg_{stroke:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SNull_rq2tt_gg_{stroke:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SNull_rq2tt_gg_.__hide_rq2tt_gg_{display:none}.___SLineArea_rq2tt_gg_{transition-property:d;transition-duration:var(--duration_rq2tt);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SLineArea_rq2tt_gg_.__color_rq2tt_gg_{fill:var(--color_rq2tt)}",
     /*__inner_css_end__*/
-    "5xpq4_gg_"
+    "rq2tt_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLine": "___SLine_5xpq4_gg_",
-    "--duration": "--duration_5xpq4",
-    "_color": "__color_5xpq4_gg_",
-    "--color": "--color_5xpq4",
-    "_hide": "__hide_5xpq4_gg_",
-    "_transparent": "__transparent_5xpq4_gg_",
-    "__SNull": "___SNull_5xpq4_gg_",
-    "__SLineArea": "___SLineArea_5xpq4_gg_"
+    "__SLine": "___SLine_rq2tt_gg_",
+    "--duration": "--duration_rq2tt",
+    "_color": "__color_rq2tt_gg_",
+    "--color": "--color_rq2tt",
+    "_hide": "__hide_rq2tt_gg_",
+    "_transparent": "__transparent_rq2tt_gg_",
+    "__SNull": "___SNull_rq2tt_gg_",
+    "__SLineArea": "___SLineArea_rq2tt_gg_"
   })
 );
 var LineRoot = /* @__PURE__ */ (function(_Component) {

package/lib/esm/Plot.mjs

@@ -5,11 +5,12 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
-import { Box } from "@semcore/base-components";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import keyboardFocusEnhance from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 import EventEmitter from "@semcore/core/lib/utils/eventEmitter";
+import { Box } from "@semcore/flex-box";
 import React from "react";
 import { makeDataHintsContainer, makeDataHintsHandlers } from "./a11y/hints.mjs";
 import { PlotA11yModule } from "./a11y/PlotA11yModule.mjs";
@@ -20,12 +21,13 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlot_1ncq8_gg_{overflow:hidden}.___SPlot_1ncq8_gg_:focus{outline:0}.___SPlot_1ncq8_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1ncq8_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_1ncq8_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_1ncq8_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_sfwjb_gg_{overflow:hidden}.___SPlot_sfwjb_gg_:focus{outline:0}.___SPlot_sfwjb_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_sfwjb_gg_.__keyboardFocused_sfwjb_gg_{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_sfwjb_gg_.__keyboardFocused_sfwjb_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SPlot_sfwjb_gg_.__keyboardFocused_sfwjb_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}",
     /*__inner_css_end__*/
-    "1ncq8_gg_"
+    "sfwjb_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlot": "___SPlot_1ncq8_gg_"
+    "__SPlot": "___SPlot_sfwjb_gg_",
+    "_keyboardFocused": "__keyboardFocused_sfwjb_gg_"
   })
 );
 var PlotRoot = /* @__PURE__ */ (function(_Component) {
@@ -100,6 +102,7 @@ var PlotRoot = /* @__PURE__ */ (function(_Component) {
         "onMouseMove": this.handlerMouseMove,
         "onMouseLeave": this.handlerMouseLeave,
         "aria-label": ariaLabel,
+        "tabIndex": 0,
         "data-plot-id": this.plotId
       }, _ref))), /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})), /* @__PURE__ */ React.createElement("foreignObject", _ref2.cn("foreignObject", {
         "width": "100%",
@@ -107,7 +110,7 @@ var PlotRoot = /* @__PURE__ */ (function(_Component) {
         "data-aria-only": true
       }), /* @__PURE__ */ React.createElement(PlotA11yModule, _ref2.cn("PlotA11yModule", {
         "id": this.plotId,
-        "payload": data,
+        "data": data,
         "plotLabel": label,
         "locale": locale,
         "plotRef": this.rootRef,
@@ -125,7 +128,7 @@ _defineProperty(PlotRoot, "defaultProps", function() {
     height: 0
   };
 });
-_defineProperty(PlotRoot, "enhance", [resolveColorEnhance(), i18nEnhance(localizedMessages)]);
+_defineProperty(PlotRoot, "enhance", [keyboardFocusEnhance(), resolveColorEnhance(), i18nEnhance(localizedMessages)]);
 const Plot = createComponent(PlotRoot);
 export {
   Plot as default

package/lib/esm/Radar.mjs

@@ -6,46 +6,46 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import { sstyled, Component, assignProps } from "@semcore/core";
+import { sstyled, assignProps, Component } 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 { curveLinearClosed, lineRadial, arc, line } from "d3-shape";
+import { arc, line, lineRadial, curveLinearClosed } from "d3-shape";
 import React, { cloneElement } from "react";
 import createElement from "./createElement.mjs";
 import { PatternFill, getPatternSymbolSize, PatternSymbol } from "./Pattern.mjs";
 import Tooltip from "./Tooltip.mjs";
-import { measureText, getChartDefaultColorName, eventToPoint } from "./utils.mjs";
+import { getChartDefaultColorName, eventToPoint, measureText } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/radar.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SAxisLine_se4af_gg_,.___SAxisTick_se4af_gg_,.___SAxis_se4af_gg_{stroke:var(--intergalactic-chart-grid-line, rgb(237, 239, 238));stroke-width:1;fill:transparent}.___SAxisLine_se4af_gg_,.___SAxisTick_se4af_gg_{stroke-dasharray:2}.___SAxisLine_se4af_gg_.__active_se4af_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, rgb(214, 216, 215))}.___SAxisLabel_se4af_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_se4af_gg_.__xDirection_se4af_gg_{text-anchor:var(--xDirection_se4af)}.___SAxisLabel_se4af_gg_.__yDirection_se4af_gg_{dominant-baseline:var(--yDirection_se4af)}.___SPolygonDot_se4af_gg_,.___SPolygon_se4af_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SPolygon_se4af_gg_{opacity:.2}.___SPolygon_se4af_gg_.__color_se4af_gg_{fill:var(--color_se4af)}.___SPolygon_se4af_gg_.__pattern_se4af_gg_.__color_se4af_gg_{fill:var(--pattern_se4af);stroke:var(--color_se4af);stroke-width:1px}.___SPolygonDot_se4af_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #fff);r:6px}.___SPolygonDot_se4af_gg_.__transparent_se4af_gg_{opacity:.3}.___SPolygonDot_se4af_gg_.__color_se4af_gg_{fill:var(--color_se4af)}.___SPolygonLine_se4af_gg_{stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke-width:3;fill:transparent}.___SPolygonLine_se4af_gg_.__transparent_se4af_gg_{opacity:.3}.___SPolygonLine_se4af_gg_.__color_se4af_gg_{stroke:var(--color_se4af)}.___SPieRect_se4af_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
+    ".___SAxisLine_hu9b6_gg_,.___SAxisTick_hu9b6_gg_,.___SAxis_hu9b6_gg_{stroke:var(--intergalactic-chart-grid-line, rgb(237, 239, 238));stroke-width:1;fill:transparent}.___SAxisLine_hu9b6_gg_,.___SAxisTick_hu9b6_gg_{stroke-dasharray:2}.___SAxisLine_hu9b6_gg_.__active_hu9b6_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, rgb(214, 216, 215))}.___SAxisLabel_hu9b6_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_hu9b6_gg_.__xDirection_hu9b6_gg_{text-anchor:var(--xDirection_hu9b6)}.___SAxisLabel_hu9b6_gg_.__yDirection_hu9b6_gg_{dominant-baseline:var(--yDirection_hu9b6)}.___SPolygonDot_hu9b6_gg_,.___SPolygon_hu9b6_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SPolygon_hu9b6_gg_{opacity:.2}.___SPolygon_hu9b6_gg_.__color_hu9b6_gg_{fill:var(--color_hu9b6)}.___SPolygon_hu9b6_gg_.__pattern_hu9b6_gg_.__color_hu9b6_gg_{fill:var(--pattern_hu9b6);stroke:var(--color_hu9b6);stroke-width:1px}.___SPolygonDot_hu9b6_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #fff);r:6px}.___SPolygonDot_hu9b6_gg_.__transparent_hu9b6_gg_{opacity:.3}.___SPolygonDot_hu9b6_gg_.__color_hu9b6_gg_{fill:var(--color_hu9b6)}.___SPolygonLine_hu9b6_gg_{stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke-width:3;fill:transparent}.___SPolygonLine_hu9b6_gg_.__transparent_hu9b6_gg_{opacity:.3}.___SPolygonLine_hu9b6_gg_.__color_hu9b6_gg_{stroke:var(--color_hu9b6)}.___SPieRect_hu9b6_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}",
     /*__inner_css_end__*/
-    "se4af_gg_"
+    "hu9b6_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SAxis": "___SAxis_se4af_gg_",
-    "__SAxisLine": "___SAxisLine_se4af_gg_",
-    "__SAxisTick": "___SAxisTick_se4af_gg_",
-    "_active": "__active_se4af_gg_",
-    "__SAxisLabel": "___SAxisLabel_se4af_gg_",
-    "_xDirection": "__xDirection_se4af_gg_",
-    "--xDirection": "--xDirection_se4af",
-    "_yDirection": "__yDirection_se4af_gg_",
-    "--yDirection": "--yDirection_se4af",
-    "__SPolygon": "___SPolygon_se4af_gg_",
-    "_color": "__color_se4af_gg_",
-    "--color": "--color_se4af",
-    "_pattern": "__pattern_se4af_gg_",
-    "--pattern": "--pattern_se4af",
-    "__SPolygonDot": "___SPolygonDot_se4af_gg_",
-    "_transparent": "__transparent_se4af_gg_",
-    "__SPolygonLine": "___SPolygonLine_se4af_gg_",
-    "__SPieRect": "___SPieRect_se4af_gg_"
+    "__SAxis": "___SAxis_hu9b6_gg_",
+    "__SAxisLine": "___SAxisLine_hu9b6_gg_",
+    "__SAxisTick": "___SAxisTick_hu9b6_gg_",
+    "_active": "__active_hu9b6_gg_",
+    "__SAxisLabel": "___SAxisLabel_hu9b6_gg_",
+    "_xDirection": "__xDirection_hu9b6_gg_",
+    "--xDirection": "--xDirection_hu9b6",
+    "_yDirection": "__yDirection_hu9b6_gg_",
+    "--yDirection": "--yDirection_hu9b6",
+    "__SPolygon": "___SPolygon_hu9b6_gg_",
+    "_color": "__color_hu9b6_gg_",
+    "--color": "--color_hu9b6",
+    "_pattern": "__pattern_hu9b6_gg_",
+    "--pattern": "--pattern_hu9b6",
+    "__SPolygonDot": "___SPolygonDot_hu9b6_gg_",
+    "_transparent": "__transparent_hu9b6_gg_",
+    "__SPolygonLine": "___SPolygonLine_hu9b6_gg_",
+    "__SPieRect": "___SPieRect_hu9b6_gg_"
   })
 );
 var clampAngle = function clampAngle2(angle) {

package/lib/esm/RadialTree.mjs

@@ -23,22 +23,22 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SRadian_1etdu_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, rgb(92, 92, 196))}.___SLine_1etdu_gg_{stroke:var(--intergalactic-text-large-info, rgb(92, 92, 196))}.___SLine_1etdu_gg_.__stroke_1etdu_gg_{stroke:var(--stroke_1etdu)}.___SLine_1etdu_gg_.__transparent_1etdu_gg_{opacity:.3}.___SCap_1etdu_gg_{transition:r .1s}.___SCap_1etdu_gg_.__pattern_1etdu_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:1px}.___SCap_1etdu_gg_.__transparent_1etdu_gg_,.___SIcon_1etdu_gg_.__transparent_1etdu_gg_,.___SLabel_1etdu_gg_.__transparent_1etdu_gg_{opacity:.3}.___SLabel_1etdu_gg_{fill:var(--color_1etdu)}@media (hover:hover){.___SRadian_1etdu_gg_:hover .___SLabel_1etdu_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1etdu_gg_{transition:none}}",
+    ".___SRadian_jcn5g_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, rgb(92, 92, 196))}.___SLine_jcn5g_gg_{stroke:var(--intergalactic-text-large-info, rgb(92, 92, 196))}.___SLine_jcn5g_gg_.__stroke_jcn5g_gg_{stroke:var(--stroke_jcn5g)}.___SLine_jcn5g_gg_.__transparent_jcn5g_gg_{opacity:.3}.___SCap_jcn5g_gg_{transition:r .1s}.___SCap_jcn5g_gg_.__pattern_jcn5g_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:1px}.___SCap_jcn5g_gg_.__transparent_jcn5g_gg_,.___SIcon_jcn5g_gg_.__transparent_jcn5g_gg_,.___SLabel_jcn5g_gg_.__transparent_jcn5g_gg_{opacity:.3}.___SLabel_jcn5g_gg_{fill:var(--color_jcn5g)}@media (hover:hover){.___SRadian_jcn5g_gg_:hover .___SLabel_jcn5g_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_jcn5g_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "1etdu_gg_"
+    "jcn5g_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SRadian": "___SRadian_1etdu_gg_",
-    "__SLine": "___SLine_1etdu_gg_",
-    "_stroke": "__stroke_1etdu_gg_",
-    "--stroke": "--stroke_1etdu",
-    "_transparent": "__transparent_1etdu_gg_",
-    "__SCap": "___SCap_1etdu_gg_",
-    "_pattern": "__pattern_1etdu_gg_",
-    "__SIcon": "___SIcon_1etdu_gg_",
-    "__SLabel": "___SLabel_1etdu_gg_",
-    "--color": "--color_1etdu",
-    "__SLineCap": "___SLineCap_1etdu_gg_"
+    "__SRadian": "___SRadian_jcn5g_gg_",
+    "__SLine": "___SLine_jcn5g_gg_",
+    "_stroke": "__stroke_jcn5g_gg_",
+    "--stroke": "--stroke_jcn5g",
+    "_transparent": "__transparent_jcn5g_gg_",
+    "__SCap": "___SCap_jcn5g_gg_",
+    "_pattern": "__pattern_jcn5g_gg_",
+    "__SIcon": "___SIcon_jcn5g_gg_",
+    "__SLabel": "___SLabel_jcn5g_gg_",
+    "--color": "--color_jcn5g",
+    "__SLineCap": "___SLineCap_jcn5g_gg_"
   })
 );
 var baseAngle = -Math.PI / 2;

package/lib/esm/Reference.mjs

@@ -15,22 +15,22 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SReferenceLine_cfpzn_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, rgb(214, 216, 215))}.___STitle_cfpzn_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_cfpzn)}@supports (color:color(display-p3 0 0 0%)){.___STitle_cfpzn_gg_{fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_cfpzn_gg_{fill:var(--intergalactic-chart-grid-text-label, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_cfpzn_gg_._position_top_cfpzn_gg_{text-anchor:middle}.___STitle_cfpzn_gg_._position_bottom_cfpzn_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_cfpzn_gg_._position_left_cfpzn_gg_,.___STitle_cfpzn_gg_._position_right_cfpzn_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_cfpzn_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgb(241, 242, 242))}.___SStripes_cfpzn_gg_{fill:var(--fill_cfpzn)}.___SStripesPatternPath_cfpzn_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgb(237, 239, 238));stroke-width:1px}",
+    ".___SReferenceLine_17cdn_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, rgb(214, 216, 215))}.___STitle_17cdn_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_17cdn)}@supports (color:color(display-p3 0 0 0%)){.___STitle_17cdn_gg_{fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_17cdn_gg_{fill:var(--intergalactic-chart-grid-text-label, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_17cdn_gg_._position_top_17cdn_gg_{text-anchor:middle}.___STitle_17cdn_gg_._position_bottom_17cdn_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_17cdn_gg_._position_left_17cdn_gg_,.___STitle_17cdn_gg_._position_right_17cdn_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_17cdn_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgb(241, 242, 242))}.___SStripes_17cdn_gg_{fill:var(--fill_17cdn)}.___SStripesPatternPath_17cdn_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgb(237, 239, 238));stroke-width:1px}",
     /*__inner_css_end__*/
-    "cfpzn_gg_"
+    "17cdn_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SReferenceLine": "___SReferenceLine_cfpzn_gg_",
-    "__STitle": "___STitle_cfpzn_gg_",
-    "--transform-origin": "--transform-origin_cfpzn",
-    "_position_top": "_position_top_cfpzn_gg_",
-    "_position_bottom": "_position_bottom_cfpzn_gg_",
-    "_position_right": "_position_right_cfpzn_gg_",
-    "_position_left": "_position_left_cfpzn_gg_",
-    "__SBackground": "___SBackground_cfpzn_gg_",
-    "__SStripes": "___SStripes_cfpzn_gg_",
-    "--fill": "--fill_cfpzn",
-    "__SStripesPatternPath": "___SStripesPatternPath_cfpzn_gg_"
+    "__SReferenceLine": "___SReferenceLine_17cdn_gg_",
+    "__STitle": "___STitle_17cdn_gg_",
+    "--transform-origin": "--transform-origin_17cdn",
+    "_position_top": "_position_top_17cdn_gg_",
+    "_position_bottom": "_position_bottom_17cdn_gg_",
+    "_position_right": "_position_right_17cdn_gg_",
+    "_position_left": "_position_left_17cdn_gg_",
+    "__SBackground": "___SBackground_17cdn_gg_",
+    "__SStripes": "___SStripes_17cdn_gg_",
+    "--fill": "--fill_17cdn",
+    "__SStripesPatternPath": "___SStripesPatternPath_17cdn_gg_"
   })
 );
 var side2direction = {

package/lib/esm/ResponsiveContainer.mjs

@@ -5,12 +5,12 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
-import { Box } from "@semcore/base-components";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import fire from "@semcore/core/lib/utils/fire";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import trottle from "@semcore/core/lib/utils/rafTrottle";
+import { Box } from "@semcore/flex-box";
 import React from "react";
 var ResponsiveContainerRoot = /* @__PURE__ */ (function(_Component) {
   function ResponsiveContainerRoot2(props) {