@semcore/d3-chart 3.60.0 → 3.60.1

package/lib/esm/StackBar.mjs

@@ -0,0 +1,177 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from "react";
+import { stack } from "d3-shape";
+import { Component } from "@semcore/core";
+import getOriginChildren from "@semcore/utils/lib/getOriginChildren";
+import createElement from "./createElement.mjs";
+import Bar, { MIN_HEIGHT } from "./Bar.mjs";
+import HorizontalBar, { MIN_WIDTH } from "./HorizontalBar.mjs";
+import { getChartDefaultColorName } from "./utils.mjs";
+var DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
+var XY0 = Symbol("XY0");
+var StackBarRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(StackBarRoot2, _Component);
+  var _super = _createSuper(StackBarRoot2);
+  function StackBarRoot2() {
+    var _this;
+    _classCallCheck(this, StackBarRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "offsetBars", []);
+    return _this;
+  }
+  _createClass(StackBarRoot2, [{
+    key: "getSeries",
+    value: function getSeries() {
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, data = _this$asProps.data, stack2 = _this$asProps.stack;
+      if (stack2[DEFAULT_INSTANCE]) {
+        var keys = React.Children.toArray(getOriginChildren(Children)).reduce(function(acc, child) {
+          if (/* @__PURE__ */ React.isValidElement(child) && child.type === StackBar.Bar && !child.props.hide) {
+            acc.push(child.props.y);
+          }
+          if (/* @__PURE__ */ React.isValidElement(child) && child.type === StackBar.HorizontalBar && !child.props.hide) {
+            acc.push(child.props.x);
+          }
+          return acc;
+        }, []);
+        stack2.keys(keys);
+      }
+      return stack2(data);
+    }
+  }, {
+    key: "getBarProps",
+    value: function getBarProps(_ref, index) {
+      var _this2 = this, _this$offsetBars$seri;
+      var y = _ref.y, _ref$hMin = _ref.hMin, hMin = _ref$hMin === void 0 ? MIN_HEIGHT : _ref$hMin;
+      var _this$asProps2 = this.asProps, x = _this$asProps2.x, r = _this$asProps2.r, scale = _this$asProps2.scale, maxBarSize = _this$asProps2.maxBarSize, patterns = _this$asProps2.patterns;
+      var _scale = _slicedToArray(scale, 2), yScale = _scale[1];
+      var seriesIndex = this.series.findIndex(function(s) {
+        return s.key === y;
+      });
+      var series = this.series[seriesIndex] || [];
+      var rBar = series.map(function(s, i) {
+        return _this2.series.slice(seriesIndex + 1).some(function(bar) {
+          return bar[i][0] !== bar[i][1];
+        }) ? 0 : r;
+      });
+      this.offsetBars[seriesIndex] = (_this$offsetBars$seri = this.offsetBars[seriesIndex]) !== null && _this$offsetBars$seri !== void 0 ? _this$offsetBars$seri : [];
+      var data = series.map(function(s) {
+        var _objectSpread2;
+        return _objectSpread(_objectSpread({}, s.data), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, y, s[1]), _defineProperty(_objectSpread2, XY0, s[0]), _objectSpread2));
+      });
+      var calcOffset = function calcOffset2(i) {
+        var _d$XY, _d$XY2;
+        var offset = _this2.offsetBars.reduce(function(offset2, offsetBar) {
+          var _offsetBar$i;
+          return offset2 - ((_offsetBar$i = offsetBar[i]) !== null && _offsetBar$i !== void 0 ? _offsetBar$i : 0);
+        }, 0);
+        var d = data[i];
+        var absHeight = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$XY = d[XY0]) !== null && _d$XY !== void 0 ? _d$XY : 0)));
+        var isEmptyValue = Number(d[y] - ((_d$XY2 = d[XY0]) !== null && _d$XY2 !== void 0 ? _d$XY2 : 0)) === 0;
+        if (isEmptyValue || absHeight >= hMin) {
+          _this2.offsetBars[seriesIndex][i] = 0;
+        } else {
+          var offsetValue = hMin - absHeight;
+          _this2.offsetBars[seriesIndex][i] = d[y] > 0 ? offsetValue : -offsetValue;
+        }
+        return [0, offset];
+      };
+      return {
+        data,
+        hMin,
+        y0: XY0,
+        x,
+        r: rBar,
+        groupKey: x,
+        offset: calcOffset,
+        maxBarSize,
+        color: getChartDefaultColorName(index),
+        patterns
+      };
+    }
+  }, {
+    key: "getHorizontalBarProps",
+    value: function getHorizontalBarProps(_ref2, index) {
+      var _this3 = this, _this$offsetBars$seri2;
+      var x = _ref2.x, _ref2$wMin = _ref2.wMin, wMin = _ref2$wMin === void 0 ? MIN_WIDTH : _ref2$wMin;
+      var _this$asProps3 = this.asProps, y = _this$asProps3.y, r = _this$asProps3.r, scale = _this$asProps3.scale, maxBarSize = _this$asProps3.maxBarSize, patterns = _this$asProps3.patterns;
+      var _scale2 = _slicedToArray(scale, 1), xScale = _scale2[0];
+      var seriesIndex = this.series.findIndex(function(s) {
+        return s.key === x;
+      });
+      var series = this.series[seriesIndex];
+      var rBar = series.map(function(s, i) {
+        return _this3.series.slice(seriesIndex + 1).some(function(bar) {
+          return bar[i][0] !== bar[i][1];
+        }) ? 0 : r;
+      });
+      this.offsetBars[seriesIndex] = (_this$offsetBars$seri2 = this.offsetBars[seriesIndex]) !== null && _this$offsetBars$seri2 !== void 0 ? _this$offsetBars$seri2 : [];
+      var data = series.map(function(s) {
+        var _objectSpread3;
+        return _objectSpread(_objectSpread({}, s.data), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, x, s[1]), _defineProperty(_objectSpread3, XY0, s[0]), _objectSpread3));
+      });
+      var calcOffset = function calcOffset2(i) {
+        var _d$XY3, _d$XY4;
+        var offset = _this3.offsetBars.reduce(function(offset2, offsetBar) {
+          var _offsetBar$i2;
+          return offset2 - ((_offsetBar$i2 = offsetBar[i]) !== null && _offsetBar$i2 !== void 0 ? _offsetBar$i2 : 0);
+        }, 0);
+        var d = data[i];
+        var absWidth = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale((_d$XY3 = d[XY0]) !== null && _d$XY3 !== void 0 ? _d$XY3 : 0)));
+        _this3.offsetBars[seriesIndex][i] = Number(d[x] - ((_d$XY4 = d[XY0]) !== null && _d$XY4 !== void 0 ? _d$XY4 : 0)) === 0 ? 0 : absWidth >= wMin ? 0 : d[x] > 0 ? -wMin : wMin;
+        return [offset, 0];
+      };
+      return {
+        data,
+        wMin,
+        x0: XY0,
+        y,
+        r: rBar,
+        groupKey: y,
+        offset: calcOffset,
+        maxBarSize,
+        color: getChartDefaultColorName(index),
+        patterns
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var Element = this.Element;
+      this.series = this.getSeries();
+      this.asProps.dataHintsHandler.establishDataType("grouped-values");
+      this.offsetBars = [];
+      return /* @__PURE__ */ React.createElement(Element, {
+        "aria-hidden": true,
+        render: "g",
+        series: this.series
+      });
+    }
+  }]);
+  return StackBarRoot2;
+}(Component);
+_defineProperty(StackBarRoot, "displayName", "StackBar");
+_defineProperty(StackBarRoot, "defaultProps", function() {
+  var stack$1 = stack();
+  stack$1[DEFAULT_INSTANCE] = true;
+  return {
+    stack: stack$1,
+    r: 2
+  };
+});
+var StackBar = createElement(StackBarRoot, {
+  Bar,
+  HorizontalBar
+});
+export {
+  StackBar as default
+};

package/lib/esm/StackedArea.mjs

@@ -0,0 +1,84 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from "react";
+import { stack } from "d3-shape";
+import { Component } from "@semcore/core";
+import getOriginChildren from "@semcore/utils/lib/getOriginChildren";
+import createElement from "./createElement.mjs";
+import Area from "./Area.mjs";
+import { getChartDefaultColorName } from "./utils.mjs";
+var DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
+var Y0 = Symbol("Y0");
+var StackedAreaRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(StackedAreaRoot2, _Component);
+  var _super = _createSuper(StackedAreaRoot2);
+  function StackedAreaRoot2() {
+    _classCallCheck(this, StackedAreaRoot2);
+    return _super.apply(this, arguments);
+  }
+  _createClass(StackedAreaRoot2, [{
+    key: "getSeries",
+    value: function getSeries() {
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, data = _this$asProps.data, stack2 = _this$asProps.stack;
+      if (stack2[DEFAULT_INSTANCE]) {
+        var keys = React.Children.toArray(getOriginChildren(Children)).reduce(function(acc, child) {
+          if (/* @__PURE__ */ React.isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {
+            acc.push(child.props.y);
+          }
+          return acc;
+        }, []);
+        stack2.keys(keys.reverse());
+      }
+      return stack2(data);
+    }
+  }, {
+    key: "getAreaProps",
+    value: function getAreaProps(_ref, index) {
+      var y = _ref.y;
+      var _this$asProps2 = this.asProps, x = _this$asProps2.x, patterns = _this$asProps2.patterns;
+      var series = this.series.find(function(s) {
+        return s.key === y;
+      }) || [];
+      return {
+        color: getChartDefaultColorName(index),
+        patterns,
+        data: series.map(function(s) {
+          var _objectSpread2;
+          return _objectSpread(_objectSpread({}, s.data), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, y, s.data[y] === null ? null : s[1]), _defineProperty(_objectSpread2, Y0, s[0]), _objectSpread2));
+        }),
+        y0: Y0,
+        x
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var Element = this.Element;
+      this.series = this.getSeries();
+      return /* @__PURE__ */ React.createElement(Element, {
+        "aria-hidden": true,
+        render: "g",
+        series: this.series
+      });
+    }
+  }]);
+  return StackedAreaRoot2;
+}(Component);
+_defineProperty(StackedAreaRoot, "displayName", "StackedArea");
+_defineProperty(StackedAreaRoot, "defaultProps", function() {
+  var stack$1 = stack();
+  stack$1[DEFAULT_INSTANCE] = true;
+  return {
+    stack: stack$1
+  };
+});
+var StackedArea = createElement(StackedAreaRoot, {
+  Area
+});
+export {
+  StackedArea as default
+};

package/lib/esm/Tooltip.mjs

@@ -0,0 +1,255 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import { assignProps, Component, sstyled as sstyled$1 } from "@semcore/core";
+import React from "react";
+import Popper from "@semcore/popper";
+import { Box } from "@semcore/flex-box";
+import findComponent from "@semcore/utils/lib/findComponent";
+import createElement from "./createElement.mjs";
+import { getChartDefaultColorName } from "./utils.mjs";
+import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
+import { PatternSymbol } from "./Pattern.mjs";
+var _excluded = ["Children", "children", "tag", "forcedAdvancedMode", "onClick"];
+/*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    ".___STooltip_gbp6s_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_gbp6s_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_gbp6s_gg_{display:flex;align-items:center}.___SDot_gbp6s_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_gbp6s_gg_.__color_gbp6s_gg_{background-color:var(--color_gbp6s);width:8px;height:8px;border-radius:50%}.___SFooter_gbp6s_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);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))}",
+    /*__inner_css_end__*/
+    "gbp6s_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__STooltip": "___STooltip_gbp6s_gg_",
+    "__STitle": "___STitle_gbp6s_gg_",
+    "__SDotGroup": "___SDotGroup_gbp6s_gg_",
+    "__SDot": "___SDot_gbp6s_gg_",
+    "__SDotCircle": "___SDotCircle_gbp6s_gg_",
+    "_color": "__color_gbp6s_gg_",
+    "--color": "--color_gbp6s",
+    "__SFooter": "___SFooter_gbp6s_gg_"
+  })
+);
+var TooltipDotRenderContext = /* @__PURE__ */ React.createContext({
+  index: -1,
+  indexKeysCache: /* @__PURE__ */ new Set()
+});
+var TooltipRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(TooltipRoot2, _Component);
+  var _super = _createSuper(TooltipRoot2);
+  function TooltipRoot2() {
+    var _this;
+    _classCallCheck(this, TooltipRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      $visible: false,
+      anchorProps: {},
+      tooltipProps: {}
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderContext", {
+      index: -1,
+      indexKeysCache: /* @__PURE__ */ new Set()
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlerCancel", function() {
+      return false;
+    });
+    _defineProperty(_assertThisInitialized(_this), "virtualElementPosition", {
+      x: 0,
+      y: 0
+    });
+    _defineProperty(_assertThisInitialized(_this), "virtualTriggerElement", null);
+    _defineProperty(_assertThisInitialized(_this), "unsubscribe", []);
+    _defineProperty(_assertThisInitialized(_this), "handleTriggerClick", function(e) {
+      var onClick = _this.asProps.onClick;
+      var _this$state$tooltipPr = _this.state.tooltipProps, xIndex = _this$state$tooltipPr.xIndex, yIndex = _this$state$tooltipPr.yIndex;
+      var index = xIndex !== null && xIndex !== void 0 ? xIndex : yIndex;
+      onClick === null || onClick === void 0 ? void 0 : onClick(index, e);
+    });
+    return _this;
+  }
+  _createClass(TooltipRoot2, [{
+    key: "getTriggerProps",
+    value: function getTriggerProps() {
+      var _this$asProps = this.asProps, x = _this$asProps.x, y = _this$asProps.y, hideHoverLine = _this$asProps.hideHoverLine;
+      return {
+        x,
+        y,
+        hideHoverLine
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      if (this.asProps.excludeAnchorProps) {
+        return _objectSpread({
+          $visible: this.state.$visible
+        }, this.state.tooltipProps);
+      }
+      return _objectSpread(_objectSpread({
+        $visible: this.state.$visible
+      }, this.state.anchorProps), this.state.tooltipProps);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      var eventEmitter = this.asProps.eventEmitter;
+      this.unsubscribe.push(eventEmitter.subscribe("setTooltipRenderingProps", function(anchorProps, tooltipProps) {
+        _this2.setState({
+          anchorProps,
+          tooltipProps
+        });
+      }), eventEmitter.subscribe("setTooltipVisible", function(visible) {
+        return _this2.setState({
+          $visible: visible
+        });
+      }), eventEmitter.subscribe("setTooltipPosition", function(x, y) {
+        var _this2$popper$current;
+        _this2.virtualElementPosition.x = x;
+        _this2.virtualElementPosition.y = y;
+        if (_this2.virtualTriggerElement === null) {
+          _this2.virtualTriggerElement = {};
+          setTimeout(function() {
+            _this2.setPopperTrigger(_this2.virtualTriggerElement);
+          }, 0);
+        }
+        _this2.virtualTriggerElement.getBoundingClientRect = function() {
+          var _this2$virtualElement = _this2.virtualElementPosition, x2 = _this2$virtualElement.x, y2 = _this2$virtualElement.y;
+          return {
+            width: 0,
+            height: 0,
+            top: y2,
+            right: x2,
+            bottom: y2,
+            left: x2
+          };
+        };
+        (_this2$popper$current = _this2.popper.current) === null || _this2$popper$current === void 0 ? void 0 : _this2$popper$current.update();
+      }));
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.unsubscribe.forEach(function(unsubscribe) {
+        return unsubscribe();
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps, _this$asProps$pattern, _this3 = this;
+      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, children = _this$asProps2.children, tag = _this$asProps2.tag, forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
+      _this$asProps2.onClick;
+      var other = _objectWithoutProperties(_this$asProps2, _excluded);
+      var advancedMode = forcedAdvancedMode || !!findComponent(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
+      this.renderContext.index = -1;
+      this.renderContext.indexKeysCache.clear();
+      this.renderContext.patterns = (_this$asProps$pattern = this.asProps.patterns) !== null && _this$asProps$pattern !== void 0 ? _this$asProps$pattern : this.state.tooltipProps.patterns;
+      return /* @__PURE__ */ React.createElement(TooltipDotRenderContext.Provider, {
+        value: this.renderContext
+      }, /* @__PURE__ */ React.createElement(Popper, assignProps({
+        "visible": this.state.$visible,
+        "onFirstUpdate": this.handlerCancel,
+        "onOutsideClick": this.handlerCancel,
+        "interaction": "none",
+        "explicitTriggerSet": true,
+        "offset": 8,
+        "flip": {
+          allowedAutoPlacements: ["left", "right"]
+        }
+      }, _ref), function(_ref9) {
+        var _this3$popper$current;
+        var popper = _ref9.popper, setTrigger = _ref9.setTrigger;
+        _this3.setPopperTrigger = setTrigger;
+        _this3.popper = popper;
+        (_this3$popper$current = _this3.popper.current) === null || _this3$popper$current === void 0 ? void 0 : _this3$popper$current.update();
+        return advancedMode ? /* @__PURE__ */ React.createElement(Children, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, tag && /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+          tag,
+          onClick: _this3.handleTriggerClick
+        }), /* @__PURE__ */ React.createElement(Tooltip.Popper, other, children));
+      }));
+    }
+  }]);
+  return TooltipRoot2;
+}(Component);
+_defineProperty(TooltipRoot, "displayName", "Tooltip");
+_defineProperty(TooltipRoot, "style", style);
+function PopperPopper(props) {
+  var _ref5;
+  var STooltip = props.Element, styles = props.styles, $visible = props.$visible, x = props.x, y = props.y;
+  var handlerCancel = React.useCallback(function() {
+    return false;
+  }, []);
+  if (!$visible) return null;
+  return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(STooltip, _ref5.cn("STooltip", {
+    "render": Popper.Popper,
+    "childrenPosition": "inside",
+    "onMouseMove": handlerCancel,
+    "x": x,
+    "y": y
+  }));
+}
+PopperPopper.style = style;
+function Title(props) {
+  var _ref2 = arguments[0], _ref6;
+  var STitle = Box;
+  var styles = props.styles;
+  return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(STitle, _ref6.cn("STitle", _objectSpread({}, assignProps({
+    "__excludeProps": ["data", "scale"]
+  }, _ref2))));
+}
+Title.style = style;
+function Dot(props) {
+  var _ref3 = arguments[0], _ref7, _props$patterns;
+  var styles = props.styles, color = props.color, Children = props.Children;
+  var resolveColor = useColorResolver();
+  var renderContext = React.useContext(TooltipDotRenderContext);
+  var defaultColor = getChartDefaultColorName(renderContext.index);
+  var patterns = (_props$patterns = props.patterns) !== null && _props$patterns !== void 0 ? _props$patterns : renderContext.patterns;
+  var key = Children;
+  if (!renderContext.indexKeysCache.has(key)) {
+    renderContext.indexKeysCache.add(key);
+    renderContext.index += 1;
+  }
+  var SDotGroup = Box;
+  var SDot = Box;
+  var SDotCircle = Box;
+  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SDotGroup, _ref7.cn("SDotGroup", _objectSpread({}, assignProps({
+    "__excludeProps": ["data", "scale"]
+  }, _ref3))), patterns ? /* @__PURE__ */ React.createElement(SDot, _ref7.cn("SDot", {}), /* @__PURE__ */ React.createElement(PatternSymbol, _ref7.cn("PatternSymbol", {
+    "color": resolveColor(color !== null && color !== void 0 ? color : defaultColor),
+    "patternKey": color !== null && color !== void 0 ? color : defaultColor
+  }))) : /* @__PURE__ */ React.createElement(SDot, _ref7.cn("SDot", {}), /* @__PURE__ */ React.createElement(SDotCircle, _ref7.cn("SDotCircle", {
+    "color": resolveColor(color !== null && color !== void 0 ? color : defaultColor)
+  }))), /* @__PURE__ */ React.createElement(Children, _ref7.cn("Children", {})));
+}
+Dot.style = style;
+function Footer(props) {
+  var _ref4 = arguments[0], _ref8;
+  var styles = props.styles;
+  var SFooter = Box;
+  return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SFooter, _ref8.cn("SFooter", _objectSpread({}, assignProps({
+    "__excludeProps": ["data", "scale"]
+  }, _ref4))));
+}
+Footer.style = style;
+var Tooltip = createElement(TooltipRoot, {
+  Trigger: Popper.Trigger,
+  Popper: PopperPopper,
+  Title,
+  Footer,
+  Dot
+});
+export {
+  Tooltip as default
+};