@redsift/charts 11.6.0-muiv5-alpha.5 → 11.6.0-muiv5-alpha.6

package/_internal/Arc.d.ts

@@ -0,0 +1,10 @@
+export { A as Arc, S as StyledArc } from './styles.js';
+export { A as ArcProps, S as StyledArcProps } from './types.js';
+import '@redsift/design-system';
+import 'styled-components';
+import './types.d4.ts';
+import 'react';
+import '@redsift/popovers';
+import 'd3';
+import './data.js';
+import 'd3-shape';

package/_internal/Arc.js

@@ -1,10 +1,2 @@
-export { A as Arc, S as StyledArc } from './styles.js';
-export { A as ArcProps, S as StyledArcProps } from './types.js';
-import '@redsift/design-system';
-import 'styled-components';
-import './types4.js';
-import 'react';
-import '@redsift/popovers';
-import 'd3';
-import './data.js';
-import 'd3-shape';
+export { A as Arc, S as StyledArc } from './Arc2.js';
+//# sourceMappingURL=Arc.js.map

package/_internal/Arcs.d.ts

@@ -0,0 +1,10 @@
+export { A as Arcs, a as ArcsProps, b as StyledArcs, S as StyledArcsProps } from './styles.d2.ts';
+import '@redsift/design-system';
+import 'styled-components';
+import 'react';
+import './types.js';
+import 'd3';
+import './types.d4.ts';
+import '@redsift/popovers';
+import './data.js';
+import 'd3-shape';

package/_internal/Arcs.js

@@ -1,10 +1,2 @@
-export { A as Arcs, a as ArcsProps, b as StyledArcs, S as StyledArcsProps } from './styles2.js';
-import '@redsift/design-system';
-import 'styled-components';
-import 'react';
-import './types.js';
-import 'd3';
-import './types4.js';
-import '@redsift/popovers';
-import './data.js';
-import 'd3-shape';
+export { A as Arcs, S as StyledArcs } from './Arcs2.js';
+//# sourceMappingURL=Arcs.js.map

package/_internal/Axis.d.ts

@@ -0,0 +1,8 @@
+export { A as Axis, S as StyledAxis, g as getAxisType } from './styles.d3.ts';
+export { l as AxisPosition, m as AxisProps, k as AxisVariant, n as StyledAxisProps } from './scale.js';
+import '@redsift/design-system';
+import 'styled-components';
+import '@react-spring/web';
+import 'react';
+import 'd3';
+import 'd3-scale';

package/_internal/Axis.js

@@ -1,8 +1,2 @@
-export { A as Axis, S as StyledAxis, g as getAxisType } from './styles3.js';
-export { l as AxisPosition, m as AxisProps, k as AxisVariant, n as StyledAxisProps } from './scale.js';
-import '@redsift/design-system';
-import 'styled-components';
-import '@react-spring/web';
-import 'react';
-import 'd3';
-import 'd3-scale';
+export { A as Axis, b as AxisPosition, a as AxisVariant, S as StyledAxis, g as getAxisType } from './Axis2.js';
+//# sourceMappingURL=Axis.js.map

package/_internal/Axis2.js

@@ -1,48 +1,388 @@
-import { k as AxisVariant, m as AxisProps } from './scale.js';
-
-type ChartAxesProps = {
-    /** String to Date. */
-    dateParser?: (value: string) => Date;
-    /** X axis variant. */
-    xAxisVariant?: AxisVariant;
-    /** X axis placement. */
-    xAxisPlacement?: 'bottom' | 'top' | 'both';
-    /** X axis tick format. */
-    xAxisTickFormat?: AxisProps['tickFormat'];
-    /** X axis tick values. */
-    xAxisTickPadding?: AxisProps['tickPadding'];
-    /** X axis tick values. */
-    xAxisTickRotation?: AxisProps['tickRotation'];
-    /** X axis tick values. */
-    xAxisTickSize?: AxisProps['tickSize'];
-    /** X axis tick values. */
-    xAxisTickValues?: AxisProps['tickValues'];
-    /** X axis min value. */
-    xAxisMinValue?: number | string;
-    /** X axis min value. */
-    xAxisMaxValue?: number | string;
-    /** Y axis tick remodelling. */
-    xAxisTickRemodelling?: (tickValues: any[]) => any[];
-    /** Y axis variant. */
-    yAxisVariant?: AxisVariant;
-    /** Y axis placement. */
-    yAxisPlacement?: 'right' | 'left' | 'both';
-    /** Y axis tick format. */
-    yAxisTickFormat?: AxisProps['tickFormat'];
-    /** Y axis tick values. */
-    yAxisTickPadding?: AxisProps['tickPadding'];
-    /** Y axis tick values. */
-    yAxisTickRotation?: AxisProps['tickRotation'];
-    /** Y axis tick values. */
-    yAxisTickSize?: AxisProps['tickSize'];
-    /** Y axis tick values. */
-    yAxisTickValues?: AxisProps['tickValues'];
-    /** Y axis min value. */
-    yAxisMinValue?: number | string;
-    /** Y axis min value. */
-    yAxisMaxValue?: number | string;
-    /** Y axis tick remodelling. */
-    yAxisTickRemodelling?: (tickValues: any[]) => any[];
+import { b as _objectSpread2, _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef, useRef } from 'react';
+import classNames from 'classnames';
+import { Theme, useTheme } from '@redsift/design-system';
+import styled, { css } from 'styled-components';
+import { i as it, J, G as Gt } from '../index2.js';
+import { c as config } from './config.js';
+
+/**
+ * Component variant.
+ */
+const AxisVariant = {
+  none: 'none',
+  line: 'line',
+  lineTick: 'lineTick',
+  tick: 'tick',
+  tickValue: 'tickValue',
+  default: 'default'
+};
+const AxisPosition = {
+  top: 'top',
+  right: 'right',
+  bottom: 'bottom',
+  left: 'left'
+};
+
+/**
+ * Component props.
+ */
+
+/**
+ * Component style.
+ */
+const StyledAxis = styled(it.g)`
+  .redsift-axis__line,
+  .redsift-axis-tick__line {
+    fill: none;
+    ${_ref => {
+  let {
+    $theme
+  } = _ref;
+  return css`
+      stroke: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
+    `;
+}}
+    shape-rendering: crispEdges;
+  }
+
+  text {
+    font-family: var(--redsift-typography-font-family-poppins);
+    ${_ref2 => {
+  let {
+    $theme
+  } = _ref2;
+  return css`
+      fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
+    `;
+}}
+    font-size: 10px;
+    user-select: none;
+  }
+
+  text.colored {
+    ${_ref3 => {
+  let {
+    $theme,
+    $color
+  } = _ref3;
+  return css`
+      fill: ${$color === 'green' ? '#029B57' : $color === 'red' ? '#CB0E0E' : `var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'})`};
+    `;
+}}
+  }
+`;
+
+const getScaleTicks = (scale, spec) => {
+  // specific values
+  if (Array.isArray(spec)) {
+    return spec;
+  }
+
+  // continuous scales
+  if ('ticks' in scale) {
+    // default behaviour
+    if (spec === undefined) {
+      return scale.ticks();
+    }
+
+    // specific tick count
+    if (typeof spec === 'number' && isFinite(spec) && Math.floor(spec) === spec) {
+      return scale.ticks(spec);
+    }
+    if (typeof spec === 'function') {
+      return scale.ticks();
+    }
+  }
+
+  // non linear scale default
+  return scale.domain();
 };
+const centerScale = scale => {
+  const bandwidth = scale.bandwidth();
+  if (bandwidth === 0) return scale;
+  let offset = bandwidth / 2;
+  if (scale.round()) {
+    offset = Math.round(offset);
+  }
+  return d => {
+    var _scale;
+    return ((_scale = scale(d)) !== null && _scale !== void 0 ? _scale : 0) + offset;
+  };
+};
+const computeTicks = _ref => {
+  let {
+    axis,
+    scale,
+    ticksPosition,
+    tickValues,
+    tickSize,
+    tickPadding,
+    tickRotation,
+    tickRemodelling
+  } = _ref;
+  const values = tickRemodelling ? tickRemodelling(getScaleTicks(scale, tickValues)) : getScaleTicks(scale, tickValues);
+  const position = 'bandwidth' in scale ? centerScale(scale) : scale;
+  const line = {
+    lineX: 0,
+    lineY: 0
+  };
+  const text = {
+    textX: 0,
+    textY: 0
+  };
+  const isRTL = typeof document === 'object' ? document.dir === 'rtl' : false;
+  let translate;
+  let textAlign = 'middle';
+  let textBaseline = 'central';
+  if (axis === 'x') {
+    translate = d => {
+      var _position;
+      return {
+        x: (_position = position(d)) !== null && _position !== void 0 ? _position : 0,
+        y: 0
+      };
+    };
+    line.lineY = tickSize * (ticksPosition === 'after' ? 1 : -1);
+    text.textY = (tickSize + tickPadding) * (ticksPosition === 'after' ? 1 : -1);
+    if (ticksPosition === 'after') {
+      textBaseline = 'text-before-edge';
+    } else {
+      textBaseline = 'alphabetic';
+    }
+    if (tickRotation === 0) {
+      textAlign = 'middle';
+    } else if (ticksPosition === 'after' && tickRotation < 0 || ticksPosition === 'before' && tickRotation > 0) {
+      textAlign = isRTL ? 'start' : 'end';
+      textBaseline = 'middle';
+    } else if (ticksPosition === 'after' && tickRotation > 0 || ticksPosition === 'before' && tickRotation < 0) {
+      textAlign = isRTL ? 'end' : 'start';
+      textBaseline = 'middle';
+    }
+  } else {
+    translate = d => {
+      var _position2;
+      return {
+        x: 0,
+        y: (_position2 = position(d)) !== null && _position2 !== void 0 ? _position2 : 0
+      };
+    };
+    line.lineX = tickSize * (ticksPosition === 'after' ? 1 : -1);
+    text.textX = (tickSize + tickPadding) * (ticksPosition === 'after' ? 1 : -1);
+    if (ticksPosition === 'after') {
+      textAlign = 'start';
+    } else {
+      textAlign = 'end';
+    }
+  }
+  const ticks = values.map(value => _objectSpread2(_objectSpread2(_objectSpread2({
+    key: value instanceof Date ? `${value.valueOf()}` : `${value}`,
+    value
+  }, translate(value)), line), text));
+  return {
+    ticks,
+    textAlign,
+    textBaseline
+  };
+};
+
+const _excluded = ["className", "disableAnimations", "grid", "length", "legend", "legendOffset", "legendPosition", "legendX", "legendY", "legendRotation", "legendStyle", "position", "scale", "tickPadding", "tickRotation", "tickSize", "tickValues", "tickFormat", "tickRemodelling", "variant", "x", "y", "chartWidth", "chartHeight", "sectionHeight", "textColor", "tickToColor"],
+  _excluded2 = ["length"];
+const COMPONENT_NAME = 'Axis';
+const CLASSNAME = 'redsift-axis';
+const getAxisType = position => [AxisPosition.top, AxisPosition.bottom].includes(position) ? 'x' : 'y';
+const Axis = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      disableAnimations,
+      grid,
+      length,
+      legend,
+      legendOffset = -32,
+      legendPosition = 'end',
+      legendX: propsLegendX,
+      legendY: propsLegendY,
+      legendRotation: propsLegendRotation,
+      legendStyle,
+      position = AxisPosition.bottom,
+      scale,
+      tickPadding = 5,
+      tickRotation = 0,
+      tickSize = 5,
+      tickValues,
+      tickFormat,
+      tickRemodelling,
+      variant = AxisVariant.default,
+      x = 0,
+      y = 0,
+      chartWidth,
+      chartHeight,
+      sectionHeight,
+      textColor,
+      tickToColor = () => true
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme();
+  const axis = getAxisType(position);
+  const _ref = typeof grid === 'object' ? _objectSpread2({
+      length: axis === 'x' ? sectionHeight !== null && sectionHeight !== void 0 ? sectionHeight : chartHeight : chartWidth
+    }, grid) : grid === true ? {
+      length: axis === 'x' ? sectionHeight !== null && sectionHeight !== void 0 ? sectionHeight : chartHeight : chartWidth
+    } : {
+      length: 0
+    },
+    {
+      length: gridLength
+    } = _ref,
+    gridStyle = _objectWithoutProperties(_ref, _excluded2);
+  const axisRef = ref || useRef();
+  const animatedProps = J(_objectSpread2(_objectSpread2({}, config), {}, {
+    to: async next => {
+      await next({
+        lineX2: axis === 'x' ? length : 0,
+        lineY2: axis === 'x' ? 0 : length
+      });
+    },
+    from: {
+      lineX2: 0,
+      lineY2: 0
+    },
+    reset: false
+  }));
+  let legendNode = null;
+  if (legend !== undefined) {
+    let legendX = 0;
+    let legendY = 0;
+    let legendRotation = 0;
+    let textAnchor;
+    if (axis === 'y') {
+      legendRotation = propsLegendRotation !== null && propsLegendRotation !== void 0 ? propsLegendRotation : 90;
+      legendX = propsLegendX !== null && propsLegendX !== void 0 ? propsLegendX : legendOffset;
+      if (legendPosition === 'start') {
+        textAnchor = 'start';
+        legendY = propsLegendY !== null && propsLegendY !== void 0 ? propsLegendY : length;
+      } else if (legendPosition === 'middle') {
+        textAnchor = 'middle';
+        legendY = propsLegendY !== null && propsLegendY !== void 0 ? propsLegendY : length / 2;
+      } else if (legendPosition === 'end') {
+        textAnchor = 'end';
+        legendY = propsLegendY !== null && propsLegendY !== void 0 ? propsLegendY : legendY;
+      }
+    } else {
+      legendY = propsLegendY !== null && propsLegendY !== void 0 ? propsLegendY : legendOffset;
+      if (legendPosition === 'start') {
+        textAnchor = 'start';
+        legendX = propsLegendX !== null && propsLegendX !== void 0 ? propsLegendX : legendX;
+      } else if (legendPosition === 'middle') {
+        textAnchor = 'middle';
+        legendX = propsLegendX !== null && propsLegendX !== void 0 ? propsLegendX : length / 2;
+      } else if (legendPosition === 'end') {
+        textAnchor = 'end';
+        legendX = propsLegendX !== null && propsLegendX !== void 0 ? propsLegendX : length;
+      }
+    }
+    legendNode = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("text", {
+      transform: `translate(${legendX}, ${legendY}) rotate(${legendRotation})`,
+      textAnchor: textAnchor,
+      style: _objectSpread2({
+        dominantBaseline: 'central'
+      }, legendStyle)
+    }, legend));
+  }
+  const {
+    ticks,
+    textAlign,
+    textBaseline
+  } = computeTicks({
+    axis,
+    scale: scale,
+    ticksPosition: [AxisPosition.top, AxisPosition.left].includes(position) ? 'before' : 'after',
+    tickValues,
+    tickSize: tickSize,
+    tickPadding: tickPadding,
+    tickRotation: tickRotation,
+    tickRemodelling
+  });
+  const transition = Gt(ticks, _objectSpread2(_objectSpread2({}, config), {}, {
+    keys: tick => tick.key,
+    initial: tick => ({
+      opacity: 1,
+      transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${axis === 'x' ? 0 : 180})`,
+      textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`
+    }),
+    from: tick => ({
+      opacity: 0,
+      transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${axis === 'x' ? 0 : 180})`,
+      textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`
+    }),
+    enter: tick => ({
+      opacity: 1,
+      transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${axis === 'x' ? 0 : 180})`,
+      textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`
+    }),
+    update: tick => ({
+      opacity: 1,
+      transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${axis === 'x' ? 0 : 180})`,
+      textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`
+    }),
+    leave: {
+      opacity: 0
+    }
+  }));
+  return /*#__PURE__*/React__default.createElement(StyledAxis, _extends({
+    "aria-hidden": "true",
+    className: classNames(Axis.className, className),
+    $theme: theme
+  }, forwardedProps, {
+    transform: `translate(${x},${y})${axis === 'x' ? '' : ',rotate(180)'}`,
+    ref: axisRef,
+    $color: textColor
+  }), gridLength ? /*#__PURE__*/React__default.createElement("g", {
+    className: `${Axis.className}__grid`
+  }, ticks.map((tick, i) => /*#__PURE__*/React__default.createElement("line", {
+    key: `grid-${tick.key}-${i}`,
+    className: `${Axis.className}-grid__line`,
+    x1: axis === 'x' ? tick.x : 0,
+    x2: axis === 'x' ? tick.x : gridLength * -1,
+    y1: axis === 'x' ? 0 : tick.y,
+    y2: axis === 'x' ? gridLength * -1 : tick.y,
+    style: _objectSpread2(_objectSpread2({
+      strokeDasharray: '4,4',
+      opacity: 0.2,
+      strokeWidth: 0.5
+    }, gridStyle), {}, {
+      stroke: 'currentColor'
+    })
+  }))) : null, variant === AxisVariant.default || variant === AxisVariant.tick || variant === AxisVariant.lineTick || variant === AxisVariant.tickValue ? transition((transitionProps, tick, _state, tickIndex) => {
+    return /*#__PURE__*/React__default.createElement(it.g, {
+      className: `${Axis.className}__tick`,
+      key: tickIndex,
+      transform: transitionProps.transform,
+      style: {
+        opacity: transitionProps.opacity
+      }
+    }, /*#__PURE__*/React__default.createElement("line", {
+      className: `${Axis.className}-tick__line`,
+      x1: 0,
+      x2: tick.lineX,
+      y1: 0,
+      y2: tick.lineY
+    }), variant === AxisVariant.default || variant === AxisVariant.tickValue ? /*#__PURE__*/React__default.createElement(it.text, {
+      dominantBaseline: textBaseline,
+      textAnchor: textAlign,
+      transform: transitionProps.textTransform,
+      className: !textColor ? '' : tickToColor(tick, tickIndex) ? 'colored' : ''
+    }, `${tickFormat ? tickFormat(tick.value) : tick.value}`) : null);
+  }) : null, variant === AxisVariant.default || variant === AxisVariant.line || variant === AxisVariant.lineTick ? /*#__PURE__*/React__default.createElement(it.line, {
+    className: `${Axis.className}__line`,
+    x1: 0,
+    x2: config.immediate || disableAnimations ? axis === 'x' ? length : 0 : animatedProps.lineX2,
+    y1: 0,
+    y2: config.immediate || disableAnimations ? axis === 'x' ? 0 : length : animatedProps.lineY2
+  }) : null, legendNode);
+});
+Axis.className = CLASSNAME;
+Axis.displayName = COMPONENT_NAME;
 
-export { ChartAxesProps as C };
+export { Axis as A, StyledAxis as S, AxisVariant as a, AxisPosition as b, getAxisType as g };
+//# sourceMappingURL=Axis2.js.map

package/_internal/Bar.d.ts

@@ -0,0 +1,10 @@
+export { B as Bar, S as StyledBar } from './styles.d4.ts';
+export { a as BarDirection, B as BarOrientation, b as BarProps, S as StyledBarProps } from './types.d2.ts';
+import '@redsift/design-system';
+import 'styled-components';
+import './types.d4.ts';
+import 'react';
+import '@redsift/popovers';
+import 'd3';
+import './data.js';
+import 'd3-shape';

package/_internal/Bar.js

@@ -1,10 +1,2 @@
-export { B as Bar, S as StyledBar } from './styles4.js';
-export { a as BarDirection, B as BarOrientation, b as BarProps, S as StyledBarProps } from './types2.js';
-import '@redsift/design-system';
-import 'styled-components';
-import './types4.js';
-import 'react';
-import '@redsift/popovers';
-import 'd3';
-import './data.js';
-import 'd3-shape';
+export { B as Bar, b as BarDirection, a as BarOrientation, S as StyledBar } from './Bar2.js';
+//# sourceMappingURL=Bar.js.map

package/_internal/BarChart.d.ts

@@ -0,0 +1,17 @@
+export { a as BarChart, h as BarChartBarsProps, c as BarChartDimensions, b as BarChartLegendVariant, d as BarChartProps, f as BarChartSectionProps, e as BarChartState, B as BaseBarChart, C as ComputedBarProps, R as RenderedLinearBarChartProps, j as StyledBarChart, l as StyledBarChartBars, i as StyledBarChartBarsProps, m as StyledBarChartEmptyText, S as StyledBarChartProps, k as StyledBarChartSection, g as StyledBarChartSectionProps, X as XScaleType } from './styles.d5.ts';
+import './types.d3.ts';
+import '@redsift/design-system';
+import 'react';
+import './types.d7.ts';
+import './types.d4.ts';
+import '@redsift/popovers';
+import './data.js';
+import 'd3-shape';
+import './types.d6.ts';
+import './scale.js';
+import 'd3';
+import 'd3-scale';
+import 'styled-components';
+import './types.d2.ts';
+import '../index.d2.ts';
+import './axis.d2.ts';

package/_internal/BarChart.js

@@ -1,17 +1,2 @@
-export { a as BarChart, h as BarChartBarsProps, c as BarChartDimensions, b as BarChartLegendVariant, d as BarChartProps, f as BarChartSectionProps, e as BarChartState, B as BaseBarChart, C as ComputedBarProps, R as RenderedLinearBarChartProps, j as StyledBarChart, l as StyledBarChartBars, i as StyledBarChartBarsProps, m as StyledBarChartEmptyText, S as StyledBarChartProps, k as StyledBarChartSection, g as StyledBarChartSectionProps, X as XScaleType } from './styles5.js';
-import './types3.js';
-import '@redsift/design-system';
-import 'react';
-import './types7.js';
-import './types4.js';
-import '@redsift/popovers';
-import './data.js';
-import 'd3-shape';
-import './types6.js';
-import './scale.js';
-import 'd3';
-import 'd3-scale';
-import 'styled-components';
-import './types2.js';
-import '../index2.js';
-import './axis2.js';
+export { a as BarChart, b as BarChartLegendVariant, B as BaseBarChart, S as StyledBarChart, d as StyledBarChartBars, e as StyledBarChartEmptyText, c as StyledBarChartSection } from './BarChart2.js';
+//# sourceMappingURL=BarChart.js.map

package/_internal/BarChart2.js

@@ -2,15 +2,15 @@ import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } fro
 import React__default, { forwardRef, useRef, createContext, useContext, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import { useTheme, useMessageFormatter, Flexbox, Text, isComponent, RedsiftColorGreenD1, RedsiftColorRedD1, RedsiftColorNeutralBlack, useId } from '@redsift/design-system';
-import { L as LegendVariant, T as TooltipVariant } from './legend2.js';
-import { C as ChartSize, g as getSortingMethod, i as isValidDate, u as useColor, m as mergeLegends, a as ColorTheme } from './theme.js';
 import { scaleLinear, sum, scaleBand, extent, scaleUtc, scalePoint, utcParse, scaleLog } from 'd3';
 import styled, { css } from 'styled-components';
 import { C as ChartContainer, a as ChartContainerTitle, b as ChartContainerDescription } from './ChartContainer2.js';
+import { C as ChartSize, g as getSortingMethod, i as isValidDate, u as useColor, m as mergeLegends, a as ColorTheme } from './theme.js';
 import { A as Axis, a as AxisVariant, g as getAxisType } from './Axis2.js';
 import { u as useFormatCategoricalData } from './useFormatCategoricalData.js';
 import { a as BarOrientation, B as Bar, b as BarDirection } from './Bar2.js';
 import { L as Legend } from './Legend3.js';
+import { L as LegendVariant, T as TooltipVariant } from './legend2.js';
 import { L as LegendItem } from './LegendItem2.js';
 
 /**

package/_internal/ChartContainer.d.ts

@@ -0,0 +1,5 @@
+export { C as ChartContainer, b as ChartContainerDescription, a as ChartContainerTitle, S as StyledChartContainer, d as StyledChartContainerCaption, c as StyledChartContainerTitle } from './styles.d6.ts';
+export { C as ChartContainerProps, S as StyledChartContainerProps } from './types.d3.ts';
+import 'react';
+import '@redsift/design-system';
+import 'styled-components';

package/_internal/ChartContainer.js

@@ -1,5 +1,2 @@
-export { C as ChartContainer, b as ChartContainerDescription, a as ChartContainerTitle, S as StyledChartContainer, d as StyledChartContainerCaption, c as StyledChartContainerTitle } from './styles6.js';
-export { C as ChartContainerProps, S as StyledChartContainerProps } from './types3.js';
-import 'react';
-import '@redsift/design-system';
-import 'styled-components';
+export { C as ChartContainer, b as ChartContainerDescription, a as ChartContainerTitle, S as StyledChartContainer, d as StyledChartContainerCaption, c as StyledChartContainerTitle } from './ChartContainer2.js';
+//# sourceMappingURL=ChartContainer.js.map

package/_internal/DataPoint.d.ts

@@ -0,0 +1,7 @@
+export { D as DataPoint, S as StyledDataPoint } from './styles.d7.ts';
+export { A as AnchorProps, D as DataPointProps, S as StyledDataPointProps } from './types.d4.ts';
+import '@redsift/design-system';
+import 'styled-components';
+import '@react-spring/web';
+import 'react';
+import '@redsift/popovers';

package/_internal/DataPoint.js

@@ -1,7 +1,2 @@
-export { D as DataPoint, S as StyledDataPoint } from './styles7.js';
-export { A as AnchorProps, D as DataPointProps, S as StyledDataPointProps } from './types4.js';
-import '@redsift/design-system';
-import 'styled-components';
-import '@react-spring/web';
-import 'react';
-import '@redsift/popovers';
+export { D as DataPoint, S as StyledDataPoint } from './DataPoint2.js';
+//# sourceMappingURL=DataPoint.js.map

package/_internal/Dot.d.ts

@@ -0,0 +1,10 @@
+export { D as Dot, S as StyledDot } from './styles.d8.ts';
+export { a as DotProps, D as DotVariant, S as StyledDotProps } from './types.d5.ts';
+import '@redsift/design-system';
+import 'styled-components';
+import './types.d4.ts';
+import 'react';
+import '@redsift/popovers';
+import 'd3';
+import './data.js';
+import 'd3-shape';

package/_internal/Dot.js

@@ -1,10 +1,2 @@
-export { D as Dot, S as StyledDot } from './styles8.js';
-export { a as DotProps, D as DotVariant, S as StyledDotProps } from './types5.js';
-import '@redsift/design-system';
-import 'styled-components';
-import './types4.js';
-import 'react';
-import '@redsift/popovers';
-import 'd3';
-import './data.js';
-import 'd3-shape';
+export { D as Dot, a as DotVariant, S as StyledDot } from './Dot2.js';
+//# sourceMappingURL=Dot.js.map