@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.9

package/lib/esm/StackedArea.mjs

@@ -1,8 +1,3 @@
-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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { Component } from "@semcore/core";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
@@ -11,69 +6,66 @@ import React from "react";
 import Area from "./Area.mjs";
 import createElement from "./createElement.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-var DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
-var Y0 = Symbol("Y0");
-var StackedAreaRoot = /* @__PURE__ */ (function(_Component) {
-  function StackedAreaRoot2() {
-    _classCallCheck(this, StackedAreaRoot2);
-    return _callSuper(this, StackedAreaRoot2, arguments);
-  }
-  _inherits(StackedAreaRoot2, _Component);
-  return _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) {
-          return _objectSpread(_objectSpread({}, s.data), {}, _defineProperty(_defineProperty({}, y, s.data[y] === null ? null : s[1]), Y0, s[0]));
-        }),
-        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
-      });
+const DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
+const Y0 = Symbol("Y0");
+class StackedAreaRoot extends Component {
+  getSeries() {
+    const {
+      Children,
+      data,
+      stack: stack2
+    } = this.asProps;
+    if (stack2[DEFAULT_INSTANCE]) {
+      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((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());
     }
-  }]);
-})(Component);
+    return stack2(data);
+  }
+  getAreaProps({
+    y
+  }, index) {
+    const {
+      x,
+      patterns
+    } = this.asProps;
+    const series = this.series.find((s) => s.key === y) || [];
+    return {
+      color: getChartDefaultColorName(index),
+      patterns,
+      data: series.map((s) => ({
+        ...s.data,
+        // if null is passed in the data, then we pass it, because d3 null leads to 0
+        [y]: s.data[y] === null ? null : s[1],
+        [Y0]: s[0]
+      })),
+      y0: Y0,
+      x
+    };
+  }
+  render() {
+    const Element = this.Element;
+    this.series = this.getSeries();
+    return /* @__PURE__ */ React.createElement(Element, {
+      "aria-hidden": true,
+      render: "g",
+      series: this.series
+    });
+  }
+}
 _defineProperty(StackedAreaRoot, "displayName", "StackedArea");
-_defineProperty(StackedAreaRoot, "defaultProps", function() {
-  var stack$1 = stack();
+_defineProperty(StackedAreaRoot, "defaultProps", () => {
+  const stack$1 = stack();
   stack$1[DEFAULT_INSTANCE] = true;
   return {
     stack: stack$1
   };
 });
-var StackedArea = createElement(StackedAreaRoot, {
+const StackedArea = createElement(StackedAreaRoot, {
   Area
 });
 export {

package/lib/esm/Tooltip.mjs

@@ -1,183 +1,175 @@
-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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { assignProps, Component, sstyled } from "@semcore/core";
+import { sstyled, assignProps, Component } from "@semcore/core";
+import { Box, Popper } from "@semcore/base-components";
 import findComponent from "@semcore/core/lib/utils/findComponent";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
-import { Box } from "@semcore/flex-box";
-import Popper from "@semcore/popper";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { PatternSymbol } from "./Pattern.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-var _excluded = ["Children", "children", "tag", "forcedAdvancedMode", "onClick"];
 /*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___STooltip_gj0h7_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_gj0h7_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_gj0h7_gg_{display:flex;align-items:center}.___SDot_gj0h7_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_gj0h7_gg_.__color_gj0h7_gg_{background-color:var(--color_gj0h7);width:8px;height:8px;border-radius:50%}.___SFooter_gj0h7_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))}",
+    ".___STooltip_ieg87_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_ieg87_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_ieg87_gg_{display:flex;align-items:center}.___SDot_ieg87_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_ieg87_gg_.__color_ieg87_gg_{background-color:var(--color_ieg87);width:8px;height:8px;border-radius:50%}.___SFooter_ieg87_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__*/
-    "gj0h7_gg_"
+    "ieg87_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__STooltip": "___STooltip_gj0h7_gg_",
-    "__STitle": "___STitle_gj0h7_gg_",
-    "__SDotGroup": "___SDotGroup_gj0h7_gg_",
-    "__SDot": "___SDot_gj0h7_gg_",
-    "__SDotCircle": "___SDotCircle_gj0h7_gg_",
-    "_color": "__color_gj0h7_gg_",
-    "--color": "--color_gj0h7",
-    "__SFooter": "___SFooter_gj0h7_gg_"
+    "__STooltip": "___STooltip_ieg87_gg_",
+    "__STitle": "___STitle_ieg87_gg_",
+    "__SDotGroup": "___SDotGroup_ieg87_gg_",
+    "__SDot": "___SDot_ieg87_gg_",
+    "__SDotCircle": "___SDotCircle_ieg87_gg_",
+    "_color": "__color_ieg87_gg_",
+    "--color": "--color_ieg87",
+    "__SFooter": "___SFooter_ieg87_gg_"
   })
 );
-var TooltipDotRenderContext = /* @__PURE__ */ React.createContext({
+const TooltipDotRenderContext = /* @__PURE__ */ React.createContext({
   index: -1,
   indexKeysCache: /* @__PURE__ */ new Set()
 });
-var TooltipRoot = /* @__PURE__ */ (function(_Component) {
-  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 = _callSuper(this, TooltipRoot2, [].concat(args));
-    _defineProperty(_this, "state", {
+class TooltipRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
       $visible: false,
       anchorProps: {},
       tooltipProps: {}
     });
-    _defineProperty(_this, "renderContext", {
+    _defineProperty(this, "renderContext", {
       index: -1,
       indexKeysCache: /* @__PURE__ */ new Set()
     });
-    _defineProperty(_this, "handlerCancel", function() {
-      return false;
-    });
-    _defineProperty(_this, "virtualElementPosition", {
+    _defineProperty(this, "handlerCancel", () => false);
+    _defineProperty(this, "virtualElementPosition", {
       x: 0,
       y: 0
     });
-    _defineProperty(_this, "virtualTriggerElement", null);
-    _defineProperty(_this, "unsubscribe", []);
-    _defineProperty(_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 || onClick(index, e);
+    _defineProperty(this, "virtualTriggerElement", null);
+    _defineProperty(this, "unsubscribe", []);
+    _defineProperty(this, "handleTriggerClick", (e) => {
+      const {
+        onClick
+      } = this.asProps;
+      const {
+        xIndex,
+        yIndex
+      } = this.state.tooltipProps;
+      const index = xIndex ?? yIndex;
+      onClick == null ? void 0 : onClick(index, e);
     });
-    return _this;
   }
-  _inherits(TooltipRoot2, _Component);
-  return _createClass(TooltipRoot2, [{
-    key: "getTriggerProps",
-    value: function getTriggerProps() {
-      var _this$asProps = this.asProps, x = _this$asProps.x, y = _this$asProps.y, hideHoverLine = _this$asProps.hideHoverLine;
+  getTriggerProps() {
+    const {
+      x,
+      y,
+      hideHoverLine
+    } = this.asProps;
+    return {
+      x,
+      y,
+      hideHoverLine
+    };
+  }
+  getPopperProps() {
+    if (this.asProps.excludeAnchorProps) {
       return {
-        x,
-        y,
-        hideHoverLine
+        $visible: this.state.$visible,
+        ...this.state.tooltipProps
       };
     }
-  }, {
-    key: "getPopperProps",
-    value: function getPopperProps() {
-      if (this.asProps.excludeAnchorProps) {
-        return _objectSpread({
-          $visible: this.state.$visible
-        }, this.state.tooltipProps);
+    return {
+      $visible: this.state.$visible,
+      ...this.state.anchorProps,
+      ...this.state.tooltipProps
+    };
+  }
+  componentDidMount() {
+    const {
+      eventEmitter,
+      plotId
+    } = this.asProps;
+    this.unsubscribe.push(eventEmitter.subscribe(`setTooltipRenderingProps_${plotId}`, (anchorProps, tooltipProps) => {
+      this.setState({
+        anchorProps,
+        tooltipProps
+      });
+    }), eventEmitter.subscribe(`setTooltipVisible_${plotId}`, (visible) => this.setState({
+      $visible: visible
+    })), eventEmitter.subscribe(`setTooltipPosition_${plotId}`, (x, y) => {
+      var _a;
+      this.virtualElementPosition.x = x;
+      this.virtualElementPosition.y = y;
+      if (this.virtualTriggerElement === null) {
+        this.virtualTriggerElement = {};
+        setTimeout(() => {
+          this.setPopperTrigger(this.virtualTriggerElement);
+        }, 0);
       }
-      return _objectSpread(_objectSpread({
-        $visible: this.state.$visible
-      }, this.state.anchorProps), this.state.tooltipProps);
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      var _this$asProps2 = this.asProps, eventEmitter = _this$asProps2.eventEmitter, plotId = _this$asProps2.plotId;
-      this.unsubscribe.push(eventEmitter.subscribe("setTooltipRenderingProps_".concat(plotId), function(anchorProps, tooltipProps) {
-        _this2.setState({
-          anchorProps,
-          tooltipProps
-        });
-      }), eventEmitter.subscribe("setTooltipVisible_".concat(plotId), function(visible) {
-        return _this2.setState({
-          $visible: visible
-        });
-      }), eventEmitter.subscribe("setTooltipPosition_".concat(plotId), 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
-          };
+      this.virtualTriggerElement.getBoundingClientRect = () => {
+        const {
+          x: x2,
+          y: y2
+        } = this.virtualElementPosition;
+        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 || _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$asProps3 = this.asProps, Children = _this$asProps3.Children, children = _this$asProps3.children, tag = _this$asProps3.tag, forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
-      _this$asProps3.onClick;
-      var other = _objectWithoutProperties(_this$asProps3, _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(_ref0) {
-        var _this3$popper$current;
-        var popper = _ref0.popper, setTrigger = _ref0.setTrigger;
-        _this3.setPopperTrigger = setTrigger;
-        _this3.popper = popper;
-        (_this3$popper$current = _this3.popper.current) === null || _this3$popper$current === 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));
-      }));
-    }
-  }]);
-})(Component);
+      };
+      (_a = this.popper.current) == null ? void 0 : _a.update();
+    }));
+  }
+  componentWillUnmount() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+  }
+  render() {
+    var _ref = this.asProps;
+    const {
+      Children,
+      children,
+      tag,
+      forcedAdvancedMode,
+      onClick: _,
+      ...other
+    } = this.asProps;
+    const advancedMode = forcedAdvancedMode || !!findComponent(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
+    this.renderContext.index = -1;
+    this.renderContext.indexKeysCache.clear();
+    this.renderContext.patterns = this.asProps.patterns ?? 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), ({
+      popper,
+      setTrigger
+    }) => {
+      var _a;
+      this.setPopperTrigger = setTrigger;
+      this.popper = popper;
+      (_a = this.popper.current) == null ? void 0 : _a.update();
+      return advancedMode ? /* @__PURE__ */ React.createElement(Children, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, tag && /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+        tag,
+        onClick: this.handleTriggerClick
+      }), /* @__PURE__ */ React.createElement(Tooltip.Popper, other, children));
+    }));
+  }
+}
 _defineProperty(TooltipRoot, "displayName", "Tooltip");
 _defineProperty(TooltipRoot, "style", style);
 function PopperTrigger() {
@@ -186,10 +178,14 @@ function PopperTrigger() {
 }
 function PopperPopper(props) {
   var _ref6;
-  var STooltip = props.Element, styles = props.styles, $visible = props.$visible, x = props.x, y = props.y;
-  var handlerCancel = React.useCallback(function() {
-    return false;
-  }, []);
+  const {
+    Element: STooltip,
+    styles,
+    $visible,
+    x,
+    y
+  } = props;
+  const handlerCancel = React.useCallback(() => false, []);
   if (!$visible) return null;
   return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(STooltip, _ref6.cn("STooltip", {
     "render": Popper.Popper,
@@ -202,48 +198,62 @@ function PopperPopper(props) {
 PopperPopper.style = style;
 function Title(props) {
   var _ref3 = arguments[0], _ref7;
-  var STitle = Box;
-  var styles = props.styles;
-  return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(STitle, _ref7.cn("STitle", _objectSpread({}, assignProps({
-    "__excludeProps": ["data", "scale"]
-  }, _ref3))));
+  const STitle = Box;
+  const {
+    styles
+  } = props;
+  return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(STitle, _ref7.cn("STitle", {
+    ...assignProps({
+      "__excludeProps": ["data", "scale"]
+    }, _ref3)
+  }));
 }
 Title.style = style;
 function Dot(props) {
-  var _ref4 = arguments[0], _ref8, _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;
+  var _ref4 = arguments[0], _ref8;
+  const {
+    styles,
+    color,
+    Children
+  } = props;
+  const resolveColor = useColorResolver();
+  const renderContext = React.useContext(TooltipDotRenderContext);
+  const defaultColor = getChartDefaultColorName(renderContext.index);
+  const patterns = props.patterns ?? renderContext.patterns;
+  const key = Children;
   if (!renderContext.indexKeysCache.has(key)) {
     renderContext.indexKeysCache.add(key);
     renderContext.index += 1;
   }
-  var SDotGroup = Box;
-  var SDot = Box;
-  var SDotCircle = Box;
-  return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SDotGroup, _ref8.cn("SDotGroup", _objectSpread({}, assignProps({
-    "__excludeProps": ["data", "scale"]
-  }, _ref4))), patterns ? /* @__PURE__ */ React.createElement(SDot, _ref8.cn("SDot", {}), /* @__PURE__ */ React.createElement(PatternSymbol, _ref8.cn("PatternSymbol", {
-    "color": resolveColor(color !== null && color !== void 0 ? color : defaultColor),
-    "patternKey": color !== null && color !== void 0 ? color : defaultColor
+  const SDotGroup = Box;
+  const SDot = Box;
+  const SDotCircle = Box;
+  return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SDotGroup, _ref8.cn("SDotGroup", {
+    ...assignProps({
+      "__excludeProps": ["data", "scale"]
+    }, _ref4)
+  }), patterns ? /* @__PURE__ */ React.createElement(SDot, _ref8.cn("SDot", {}), /* @__PURE__ */ React.createElement(PatternSymbol, _ref8.cn("PatternSymbol", {
+    "color": resolveColor(color ?? defaultColor),
+    "patternKey": color ?? defaultColor
   }))) : /* @__PURE__ */ React.createElement(SDot, _ref8.cn("SDot", {}), /* @__PURE__ */ React.createElement(SDotCircle, _ref8.cn("SDotCircle", {
-    "color": resolveColor(color !== null && color !== void 0 ? color : defaultColor)
+    "color": resolveColor(color ?? defaultColor)
   }))), /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {})));
 }
 Dot.style = style;
 function Footer(props) {
   var _ref5 = arguments[0], _ref9;
-  var styles = props.styles;
-  var SFooter = Box;
-  return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SFooter, _ref9.cn("SFooter", _objectSpread({}, assignProps({
-    "__excludeProps": ["data", "scale"]
-  }, _ref5))));
+  const {
+    styles
+  } = props;
+  const SFooter = Box;
+  return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SFooter, _ref9.cn("SFooter", {
+    ...assignProps({
+      "__excludeProps": ["data", "scale"]
+    }, _ref5)
+  }));
 }
 Footer.style = style;
-var Tooltip = createElement(TooltipRoot, {
+const Tooltip = createElement(TooltipRoot, {
   Trigger: PopperTrigger,
   Popper: PopperPopper,
   Title,