@redsift/charts 11.5.0-muiv5 → 11.6.0-alpha.0

package/_internal/ChartContainer2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartContainer2.js","sources":["../../src/components/ChartContainer/intl/index.ts","../../src/components/ChartContainer/styles.ts","../../src/components/ChartContainer/ChartContainer.tsx"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n","import styled, { css } from 'styled-components';\nimport { Flexbox, Theme, baseContainer, baseStyling, focusRing } from '@redsift/design-system';\nimport { StyledChartContainerProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledChartContainer = styled.div<StyledChartContainerProps>`\n  ${baseStyling}\n\n  .redsift-chart-container__content {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    font-family: var(--redsift-typography-font-family-poppins);\n    font-size: 11px;\n    justify-content: center;\n    position: relative;\n\n    ${baseContainer}\n\n    ${focusRing}\n  }\n\n  svg {\n    display: block;\n    user-select: none;\n  }\n\n  text {\n    ${({ $theme }) => css`\n      fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    `}\n  }\n\n  table {\n    border-collapse: collapse;\n    border: 1px solid #ebebeb;\n    margin: 10px auto;\n    text-align: center;\n    width: 100%;\n    max-width: 500px;\n\n    td, th, caption {\n        padding: 0.5em;\n    }\n\n    caption {\n      padding: 1em 0;\n      font-size: 1.2em;\n      color: #555;\n    }\n\n    thead tr, tr:nth-child(even) {\n      background: #f8f8f8;\n    }\n\n    th {\n      font-weight: 600; \n    }\n`;\n\nexport const StyledChartContainerTitle = styled(Flexbox)<StyledChartContainerProps>``;\n\nexport const StyledChartContainerCaption = styled.p<Omit<StyledChartContainerProps, 'onReset'>>`\n  font-family: var(--redsift-typography-caption-font-family);\n  font-size: var(--redsift-typography-caption-font-size);\n  font-weight: var(--redsift-typography-caption-font-weight);\n  line-height: var(--redsift-typography-caption-line-height);\n  margin: 8px 0;\n`;\n","import React, { ComponentProps, forwardRef, RefObject, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from './intl';\n\nimport {\n  Button,\n  Comp,\n  Flexbox,\n  Heading,\n  ThemeProvider,\n  useId,\n  useTheme,\n  warnIfNoAccessibleLabelFound,\n} from '@redsift/design-system';\n\nimport { ChartContainerProps } from './types';\nimport { StyledChartContainer, StyledChartContainerCaption, StyledChartContainerTitle } from './styles';\n\nconst COMPONENT_NAME = 'ChartContainer';\nconst CLASSNAME = 'redsift-chart-container';\n\nexport const ChartContainer: Comp<ChartContainerProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    'aria-label': propsAriaLabel,\n    'aria-labelledby': propsAriaLabelledby,\n    description,\n    descriptionPosition = 'belowChart',\n    chartProps,\n    chartRef,\n    children,\n    className,\n    id: propsId,\n    title,\n    onReset,\n    theme: propsTheme,\n    mode = 'static',\n    definition,\n    interactionExplanation,\n    descriptionForAssistiveTechnology,\n    dataTableRepresentation,\n    xAxisDefinition,\n    yAxisDefinition,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const theme = useTheme(propsTheme);\n  const [viewAsDataTable, setViewAsDataTable] = useState(false);\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<keyof JSX.IntrinsicElements>, [title]);\n\n  const format = useMessageFormatter(intlMessages);\n\n  const ariaLabel = propsAriaLabel ? propsAriaLabel : propsAriaLabelledby || title ? undefined : undefined;\n  const ariaLabelledby = propsAriaLabelledby ? propsAriaLabelledby : title ? `id${id}__title` : undefined;\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <figure>\n        <div>\n          <StyledChartContainer\n            $theme={theme}\n            role=\"region\"\n            aria-hidden=\"false\"\n            {...(ariaLabel ? { 'aria-label': `${ariaLabel}. ${format(mode)}.` } : {})}\n            {...(ariaLabelledby ? { 'aria-labelledby': `${ariaLabelledby} id${id}__interactive-or-not` } : {})}\n            {...forwardedProps}\n            ref={ref as RefObject<HTMLDivElement>}\n            className={classNames(ChartContainer.className, className)}\n            id={id}\n          >\n            <div id={`id${id}__screen-reader-region-before`} aria-hidden=\"false\" style={{ position: 'relative' }}>\n              <div\n                aria-hidden=\"false\"\n                style={{\n                  position: 'absolute',\n                  width: '1px',\n                  height: '1px',\n                  overflow: 'hidden',\n                  whiteSpace: 'nowrap',\n                  clip: 'rect(1px, 1px, 1px, 1px)',\n                  marginTop: '-3px',\n                  opacity: '0.01',\n                }}\n              >\n                <p id={`id${id}__interactive-or-not`} aria-hidden=\"true\" style={{ display: 'none' }}>\n                  {format(`${mode}-chart`)}\n                </p>\n                {ariaLabel ? (\n                  <p>{`${ariaLabel}. ${format(`${mode}-chart`)}`}</p>\n                ) : (\n                  <p aria-labelledby={`${ariaLabelledby} id${id}__interactive-or-not`} />\n                )}\n                <div>{descriptionForAssistiveTechnology ?? description}</div>\n                <div>{interactionExplanation}</div>\n                <div>{definition}</div>\n                {dataTableRepresentation ? (\n                  <div>\n                    <button\n                      tabIndex={-1}\n                      aria-expanded={viewAsDataTable}\n                      onClick={() => setViewAsDataTable(!viewAsDataTable)}\n                    >\n                      {format('view-as-data-table')}\n                      {', '}\n                      {ariaLabel ? <span>{ariaLabel}</span> : <span aria-labelledby={ariaLabelledby} />}\n                    </button>\n                  </div>\n                ) : null}\n                <div>{xAxisDefinition}</div>\n                <div>{yAxisDefinition}</div>\n              </div>\n            </div>\n            <Flexbox flexDirection=\"column\">\n              {title || onReset ? (\n                <ChartContainerTitle onReset={onReset} id={id}>\n                  {title}\n                </ChartContainerTitle>\n              ) : null}\n              {descriptionPosition === 'belowTitle' ? (\n                <ChartContainerDescription id={id}>{description}</ChartContainerDescription>\n              ) : null}\n            </Flexbox>\n\n            <Flexbox flexDirection=\"column\">\n              {children ? (\n                <div\n                  aria-hidden=\"false\"\n                  dir=\"ltr\"\n                  {...chartProps}\n                  ref={chartRef}\n                  className={`${ChartContainer.className}__content`}\n                >\n                  {children}\n                </div>\n              ) : null}\n              {descriptionPosition === 'belowChart' ? (\n                <ChartContainerDescription id={id}>{description}</ChartContainerDescription>\n              ) : null}\n              {viewAsDataTable && dataTableRepresentation ? (\n                <table tabIndex={-1} summary={format('table-summary')}>\n                  {ariaLabel ? <caption>{ariaLabel}</caption> : <caption aria-labelledby={ariaLabelledby} />}\n                  {dataTableRepresentation.header}\n                  {dataTableRepresentation.body}\n                </table>\n              ) : null}\n            </Flexbox>\n          </StyledChartContainer>\n        </div>\n      </figure>\n    </ThemeProvider>\n  );\n});\nChartContainer.className = CLASSNAME;\nChartContainer.displayName = COMPONENT_NAME;\n\nexport const ChartContainerTitle: Comp<Pick<ChartContainerProps, 'onReset'> & ComponentProps<'div'>, HTMLDivElement> =\n  forwardRef((props, ref) => {\n    const { children, className, onReset, id, ...forwardedProps } = props;\n    const theme = useTheme();\n    const format = useMessageFormatter(intlMessages);\n\n    return (\n      <StyledChartContainerTitle\n        aria-hidden=\"true\"\n        $theme={theme}\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        className={classNames(`${ChartContainer.className}__title`, className)}\n        id={`id${id}__title`}\n        {...forwardedProps}\n        ref={ref}\n      >\n        {typeof children === 'string' ? <Heading as=\"h3\">{children}</Heading> : children ? children : null}\n\n        {onReset ? (\n          <Button\n            className={`${ChartContainer.className}-title__reset-button`}\n            color=\"grey\"\n            variant=\"unstyled\"\n            onClick={onReset}\n          >\n            {format('reset')}\n          </Button>\n        ) : null}\n      </StyledChartContainerTitle>\n    );\n  });\nChartContainerTitle.displayName = 'ChartContainerTitle';\n\nexport const ChartContainerDescription: Comp<ComponentProps<'div'>, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, id, ...forwardedProps } = props;\n  const theme = useTheme();\n\n  return typeof children === 'string' ? (\n    <StyledChartContainerCaption\n      aria-hidden=\"true\"\n      $theme={theme}\n      className={classNames(`${ChartContainer.className}__description`, className)}\n      id={`id${id}__description`}\n      {...forwardedProps}\n      ref={ref}\n    >\n      {children}\n    </StyledChartContainerCaption>\n  ) : (\n    <>{children}</>\n  );\n});\nChartContainerDescription.displayName = 'ChartContainerDescription';\n"],"names":["enUS","frFR","StyledChartContainer","styled","div","baseStyling","baseContainer","focusRing","_ref","$theme","css","Theme","dark","StyledChartContainerTitle","Flexbox","StyledChartContainerCaption","p","COMPONENT_NAME","CLASSNAME","ChartContainer","forwardRef","props","ref","propsAriaLabel","propsAriaLabelledby","description","descriptionPosition","chartProps","chartRef","children","className","id","propsId","title","onReset","theme","propsTheme","mode","definition","interactionExplanation","descriptionForAssistiveTechnology","dataTableRepresentation","xAxisDefinition","yAxisDefinition","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","useTheme","viewAsDataTable","setViewAsDataTable","useState","warnIfNoAccessibleLabelFound","format","useMessageFormatter","intlMessages","ariaLabel","undefined","ariaLabelledby","React","createElement","ThemeProvider","value","_extends","role","classNames","style","position","width","height","overflow","whiteSpace","clip","marginTop","opacity","display","tabIndex","onClick","flexDirection","ChartContainerTitle","ChartContainerDescription","dir","summary","header","body","displayName","_excluded2","alignItems","justifyContent","Heading","as","Button","color","variant","_excluded3","Fragment"],"mappings":"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"}

package/_internal/DataPoint.js

@@ -0,0 +1,2 @@
+export { D as DataPoint, S as StyledDataPoint } from './DataPoint2.js';
+//# sourceMappingURL=DataPoint.js.map

package/_internal/DataPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPoint.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/DataPoint2.js

@@ -0,0 +1,110 @@
+import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { useId, useTheme, Text, Number } from '@redsift/design-system';
+import { Tooltip } from '@redsift/popovers';
+import styled from 'styled-components';
+import { i as it } from '../index2.js';
+import { T as TooltipVariant } from './legend2.js';
+
+/**
+ * Component style.
+ */
+const StyledDataPoint = styled(it.g)``;
+
+const _excluded = ["as", "href"],
+  _excluded2 = ["anchorProps", "children", "className", "data", "id", "index", "isSelected", "labelDecorator", "onClick", "role", "tooltipDecorator", "tooltipVariant", "theme", "tooltipProps", "dataset", "groupedData"];
+const DataPoint = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      anchorProps: {
+        as,
+        href
+      } = {},
+      children,
+      className,
+      data,
+      id: propsId,
+      index,
+      isSelected: propsIsSelected,
+      labelDecorator,
+      onClick,
+      role,
+      tooltipDecorator,
+      tooltipVariant,
+      theme: propsTheme,
+      tooltipProps,
+      dataset,
+      groupedData
+    } = props,
+    anchorProps = _objectWithoutProperties(props.anchorProps, _excluded),
+    forwardedProps = _objectWithoutProperties(props, _excluded2);
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
+  const theme = useTheme(propsTheme);
+  const isTooltipCustom = tooltipVariant === TooltipVariant.custom && tooltipDecorator;
+  const text = labelDecorator ? labelDecorator(data, {
+    index,
+    isSelected: propsIsSelected,
+    color: props.color
+  }) : data.data.key;
+  const hasText = text && tooltipVariant !== TooltipVariant.none;
+  const tooltipValue = tooltipVariant === TooltipVariant.value ? data.data.value : tooltipVariant === TooltipVariant.percent && data.data.percent ? data.data.percent : undefined;
+  const hasValue = tooltipValue && [TooltipVariant.value, TooltipVariant.percent].includes(tooltipVariant);
+  const showTooltip = tooltipVariant !== TooltipVariant.none && (hasText || hasValue);
+  const isEmpty = data.data.value === 0;
+  const isSelectable = role === 'option';
+  const isSelected = isSelectable && propsIsSelected === true;
+  const isDeselected = isSelectable && propsIsSelected === false;
+  const onKeyDown = event => {
+    if (onClick) {
+      event.stopPropagation();
+      if (event.code === 'Enter' || event.code === 'Space') {
+        event.preventDefault();
+        onClick(data, dataset);
+      }
+    }
+  };
+  const DataPointComponent = /*#__PURE__*/React__default.createElement(StyledDataPoint, _extends({
+    tabIndex: onClick ? 0 : undefined,
+    "aria-label": showTooltip && !isEmpty ? labelDecorator ? text : `${data.data.key}, ${data.data.value}` : undefined,
+    "aria-labelledby": !showTooltip && !isEmpty ? `${id}-title` : undefined,
+    "aria-selected": isSelected ? true : isDeselected ? false : undefined,
+    onClick: onClick ? () => onClick(data, dataset) : undefined,
+    onKeyDown: onClick ? e => onKeyDown(e) : undefined,
+    role: role ? role : onClick ? 'button' : href ? undefined : 'img'
+  }, forwardedProps, {
+    className: classNames(className, `_${index}`, {
+      selected: isSelected,
+      deselected: isDeselected
+    }),
+    ref: ref,
+    id: id,
+    $clickable: Boolean(onClick)
+  }), children, !showTooltip && !isEmpty ? /*#__PURE__*/React__default.createElement("title", {
+    id: `${id}-title`
+  }, `${text}: ${data.data.value}`) : null);
+  if (showTooltip) {
+    return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+      placement: "right",
+      theme: theme,
+      delay: 50
+    }, tooltipProps), /*#__PURE__*/React__default.createElement(Tooltip.Trigger, null, href !== undefined ? /*#__PURE__*/React__default.createElement(as || 'a', _objectSpread2({
+      href
+    }, anchorProps), DataPointComponent) : DataPointComponent), /*#__PURE__*/React__default.createElement(Tooltip.Content, null, isTooltipCustom ? tooltipDecorator(data, {
+      index,
+      isSelected: propsIsSelected,
+      color: props.color
+    }, dataset, groupedData) : /*#__PURE__*/React__default.createElement(Text, {
+      variant: "caption"
+    }, text, hasText && hasValue ? ' - ' : null, hasValue ? /*#__PURE__*/React__default.createElement(Number, {
+      value: tooltipValue,
+      type: tooltipVariant === TooltipVariant.percent ? 'percent' : 'decimal',
+      variant: "caption",
+      maximumFractionDigits: 2
+    }) : null)));
+  }
+  return DataPointComponent;
+});
+
+export { DataPoint as D, StyledDataPoint as S };
+//# sourceMappingURL=DataPoint2.js.map

package/_internal/DataPoint2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPoint2.js","sources":["../../src/components/DataPoint/styles.ts","../../src/components/DataPoint/DataPoint.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { animated } from '@react-spring/web';\nimport { StyledDataPointProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDataPoint = styled(animated.g)<StyledDataPointProps>``;\n","import React, { forwardRef, KeyboardEventHandler, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Number, Text, useId, useTheme } from '@redsift/design-system';\nimport { Tooltip } from '@redsift/popovers';\n\nimport { DataPointProps } from './types';\nimport { StyledDataPoint } from './styles';\nimport { TooltipVariant } from '../../types';\n\nexport const DataPoint: Comp<DataPointProps<any>, SVGGElement> = forwardRef((props, ref) => {\n  const {\n    anchorProps: { as, href, ...anchorProps } = {},\n    children,\n    className,\n    data,\n    id: propsId,\n    index,\n    isSelected: propsIsSelected,\n    labelDecorator,\n    onClick,\n    role,\n    tooltipDecorator,\n    tooltipVariant,\n    theme: propsTheme,\n    tooltipProps,\n    dataset,\n    groupedData,\n    ...forwardedProps\n  } = props;\n\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const theme = useTheme(propsTheme);\n\n  const isTooltipCustom = tooltipVariant === TooltipVariant.custom && tooltipDecorator;\n  const text = labelDecorator\n    ? labelDecorator(data, { index, isSelected: propsIsSelected, color: props.color })\n    : data.data.key;\n  const hasText = text && tooltipVariant !== TooltipVariant.none;\n  const tooltipValue =\n    tooltipVariant === TooltipVariant.value\n      ? data.data.value\n      : tooltipVariant === TooltipVariant.percent && data.data.percent\n      ? data.data.percent\n      : undefined;\n  const hasValue = tooltipValue && [TooltipVariant.value, TooltipVariant.percent].includes(tooltipVariant!);\n  const showTooltip = tooltipVariant !== TooltipVariant.none && (hasText || hasValue);\n\n  const isEmpty = data.data.value === 0;\n\n  const isSelectable = role === 'option';\n  const isSelected = isSelectable && propsIsSelected === true;\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  const onKeyDown: KeyboardEventHandler<SVGElement> = (event) => {\n    if (onClick) {\n      event.stopPropagation();\n\n      if (event.code === 'Enter' || event.code === 'Space') {\n        event.preventDefault();\n        onClick(data, dataset);\n      }\n    }\n  };\n\n  const DataPointComponent = (\n    <StyledDataPoint\n      tabIndex={onClick ? 0 : undefined}\n      aria-label={\n        showTooltip && !isEmpty ? (labelDecorator ? text : `${data.data.key}, ${data.data.value}`) : undefined\n      }\n      aria-labelledby={!showTooltip && !isEmpty ? `${id}-title` : undefined}\n      aria-selected={isSelected ? true : isDeselected ? false : undefined}\n      onClick={onClick ? () => onClick(data, dataset) : undefined}\n      onKeyDown={onClick ? (e) => onKeyDown(e) : undefined}\n      role={role ? role : onClick ? 'button' : href ? undefined : 'img'}\n      {...forwardedProps}\n      className={classNames(className, `_${index}`, {\n        selected: isSelected,\n        deselected: isDeselected,\n      })}\n      ref={ref as RefObject<SVGGElement>}\n      id={id}\n      $clickable={Boolean(onClick)}\n    >\n      {children}\n      {!showTooltip && !isEmpty ? <title id={`${id}-title`}>{`${text}: ${data.data.value}`}</title> : null}\n    </StyledDataPoint>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip placement=\"right\" theme={theme} delay={50} {...tooltipProps}>\n        <Tooltip.Trigger>\n          {href !== undefined\n            ? React.createElement(as || 'a', { href, ...anchorProps }, DataPointComponent)\n            : DataPointComponent}\n        </Tooltip.Trigger>\n        <Tooltip.Content>\n          {isTooltipCustom ? (\n            tooltipDecorator(data, { index, isSelected: propsIsSelected, color: props.color }, dataset, groupedData)\n          ) : (\n            <Text variant=\"caption\">\n              {text}\n              {hasText && hasValue ? ' - ' : null}\n              {hasValue ? (\n                <Number\n                  value={tooltipValue!}\n                  type={tooltipVariant === TooltipVariant.percent ? 'percent' : 'decimal'}\n                  variant=\"caption\"\n                  maximumFractionDigits={2}\n                />\n              ) : null}\n            </Text>\n          )}\n        </Tooltip.Content>\n      </Tooltip>\n    );\n  }\n\n  return DataPointComponent;\n});\n"],"names":["StyledDataPoint","styled","animated","g","DataPoint","forwardRef","props","ref","anchorProps","as","href","children","className","data","id","propsId","index","isSelected","propsIsSelected","labelDecorator","onClick","role","tooltipDecorator","tooltipVariant","theme","propsTheme","tooltipProps","dataset","groupedData","_objectWithoutProperties","_excluded","forwardedProps","_excluded2","_id","useId","useTheme","isTooltipCustom","TooltipVariant","custom","text","color","key","hasText","none","tooltipValue","value","percent","undefined","hasValue","includes","showTooltip","isEmpty","isSelectable","isDeselected","onKeyDown","event","stopPropagation","code","preventDefault","DataPointComponent","React","createElement","_extends","tabIndex","e","classNames","selected","deselected","$clickable","Boolean","Tooltip","placement","delay","Trigger","_objectSpread","Content","Text","variant","Number","type","maximumFractionDigits"],"mappings":"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"}

package/_internal/Dot.js

@@ -0,0 +1,2 @@
+export { D as Dot, a as DotVariant, S as StyledDot } from './Dot2.js';
+//# sourceMappingURL=Dot.js.map

package/_internal/Dot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dot.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/Dot2.js

@@ -0,0 +1,110 @@
+import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { useTheme, Theme } from '@redsift/design-system';
+import styled, { css } from 'styled-components';
+import { D as DataPoint } from './DataPoint2.js';
+import { m as monochrome } from './scheme.js';
+
+/**
+ * Component's variant.
+ */
+const DotVariant = {
+  plain: 'plain',
+  hollow: 'hollow'
+};
+
+/**
+ * Component props.
+ */
+
+/**
+ * Component style.
+ */
+const StyledDot = styled(DataPoint)`
+  text {
+    user-select: none;
+  }
+
+  ${_ref => {
+  let {
+    $variant
+  } = _ref;
+  return css`
+    circle {
+      fill-opacity: ${$variant === DotVariant.hollow ? 1 : 0.7};
+    }
+  `;
+}}
+
+  ${_ref2 => {
+  let {
+    $clickable
+  } = _ref2;
+  return $clickable ? css`
+          cursor: pointer;
+
+          &:hover,
+          &:focus {
+            opacity: 0.5;
+            outline: none;
+          }
+
+          &:focus-visible {
+            circle {
+              stroke: var(--redsift-color-primary-n);
+              stroke-width: 4px;
+              paint-order: stroke;
+            }
+          }
+        ` : '';
+}}}
+`;
+
+const _excluded = ["className", "labelDecorator", "scaleX", "scaleY", "variant", "children"];
+const COMPONENT_NAME = 'Dot';
+const CLASSNAME = 'redsift-dot';
+const Dot = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    color = monochrome,
+    data,
+    isSelected: propsIsSelected,
+    onClick,
+    role
+  } = props;
+  const {
+      className,
+      labelDecorator = datum => {
+        return datum.data.key[2] !== undefined && datum.data.key[2] !== null ? datum.data.key[2] : `${datum.data.key[0]},${datum.data.key[1]}`;
+      },
+      scaleX,
+      scaleY,
+      variant = DotVariant.plain,
+      children
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme();
+  const isSelectable = role === 'option';
+  const isDeselected = isSelectable && propsIsSelected === false;
+  return /*#__PURE__*/React__default.createElement(StyledDot, _extends({
+    labelDecorator: labelDecorator
+  }, forwardedProps, {
+    ref: ref,
+    className: classNames(Dot.className, className),
+    $clickable: Boolean(onClick),
+    $variant: variant,
+    $theme: theme
+  }), /*#__PURE__*/React__default.createElement("circle", {
+    cx: scaleX(data.x),
+    cy: scaleY(data.y),
+    r: data.r,
+    fill: variant === DotVariant.hollow ? `var(--redsift-color-neutral-${theme === Theme.light ? 'white' : 'x-dark-grey'})` : isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color,
+    stroke: isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color,
+    strokeWidth: variant === DotVariant.hollow ? '2' : '0'
+  }), children);
+});
+Dot.className = CLASSNAME;
+Dot.displayName = COMPONENT_NAME;
+
+export { Dot as D, StyledDot as S, DotVariant as a };
+//# sourceMappingURL=Dot2.js.map

package/_internal/Dot2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dot2.js","sources":["../../src/components/Dot/types.ts","../../src/components/Dot/styles.ts","../../src/components/Dot/Dot.tsx"],"sourcesContent":["import { ScaleLinear as d3ScaleLinear, ScaleTime as d3ScaleTime, ScalePoint as d3ScalePoint } from 'd3';\nimport { DotDatum } from '../../types';\nimport { DataPointProps, StyledDataPointProps } from '../DataPoint';\nimport { Theme, ValueOf } from '@redsift/design-system';\n\n/**\n * Component's variant.\n */\nexport const DotVariant = {\n  plain: 'plain',\n  hollow: 'hollow',\n} as const;\nexport type DotVariant = ValueOf<typeof DotVariant>;\n\n/**\n * Component props.\n */\nexport interface DotProps extends DataPointProps<DotDatum> {\n  /** A scale defined over a numeric/time/ordinal domain used to determine the x position based on the coordinates. */\n  scaleX: d3ScaleLinear<number, number, never> | d3ScaleTime<number, number, never> | d3ScalePoint<string>;\n  /** A linear continuous scale defined over a numeric domain used to determine the y position based on the coordinates. */\n  scaleY: d3ScaleLinear<number, number, never>;\n  /** Variant. */\n  variant?: DotVariant;\n}\n\nexport type StyledDotProps = StyledDataPointProps &\n  Omit<DotProps, 'scaleX' | 'scaleY'> & {\n    $variant: DotProps['variant'];\n    $theme: Theme;\n  };\n","import styled, { css } from 'styled-components';\nimport { DotVariant, StyledDotProps } from './types';\nimport { DataPoint } from '../DataPoint';\n\n/**\n * Component style.\n */\nexport const StyledDot = styled(DataPoint)<StyledDotProps>`\n  text {\n    user-select: none;\n  }\n\n  ${({ $variant }) => css`\n    circle {\n      fill-opacity: ${$variant === DotVariant.hollow ? 1 : 0.7};\n    }\n  `}\n\n  ${({ $clickable }) =>\n    $clickable\n      ? css`\n          cursor: pointer;\n\n          &:hover,\n          &:focus {\n            opacity: 0.5;\n            outline: none;\n          }\n\n          &:focus-visible {\n            circle {\n              stroke: var(--redsift-color-primary-n);\n              stroke-width: 4px;\n              paint-order: stroke;\n            }\n          }\n        `\n      : ''}}\n`;\n","import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Theme, useTheme } from '@redsift/design-system';\n\nimport { DotProps, DotVariant } from './types';\nimport { StyledDot } from './styles';\nimport { monochrome } from '../../scheme';\nimport { DotDatum } from '../../types';\n\nconst COMPONENT_NAME = 'Dot';\nconst CLASSNAME = 'redsift-dot';\n\nexport const Dot: Comp<DotProps, SVGGElement> = forwardRef((props, ref) => {\n  const { color = monochrome, data, isSelected: propsIsSelected, onClick, role } = props;\n\n  const {\n    className,\n    labelDecorator = (datum: DotDatum) => {\n      return datum.data.key[2] !== undefined && datum.data.key[2] !== null\n        ? datum.data.key[2]\n        : `${datum.data.key[0]},${datum.data.key[1]}`;\n    },\n    scaleX,\n    scaleY,\n    variant = DotVariant.plain,\n    children,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme();\n\n  const isSelectable = role === 'option';\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  return (\n    <StyledDot\n      labelDecorator={labelDecorator}\n      {...forwardedProps}\n      ref={ref}\n      className={classNames(Dot.className, className)}\n      $clickable={Boolean(onClick)}\n      $variant={variant}\n      $theme={theme}\n    >\n      <circle\n        cx={scaleX(data.x as any)}\n        cy={scaleY(data.y as any)}\n        r={data.r}\n        fill={\n          variant === DotVariant.hollow\n            ? `var(--redsift-color-neutral-${theme === Theme.light ? 'white' : 'x-dark-grey'})`\n            : isDeselected\n            ? 'var(--redsift-color-neutral-light-grey)'\n            : color\n        }\n        stroke={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n        strokeWidth={variant === DotVariant.hollow ? '2' : '0'}\n      />\n      {children}\n    </StyledDot>\n  );\n});\nDot.className = CLASSNAME;\nDot.displayName = COMPONENT_NAME;\n"],"names":["DotVariant","plain","hollow","StyledDot","styled","DataPoint","_ref","$variant","css","_ref2","$clickable","COMPONENT_NAME","CLASSNAME","Dot","forwardRef","props","ref","color","monochrome","data","isSelected","propsIsSelected","onClick","role","className","labelDecorator","datum","key","undefined","scaleX","scaleY","variant","children","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","isSelectable","isDeselected","React","createElement","_extends","classNames","Boolean","$theme","cx","x","cy","y","r","fill","Theme","light","stroke","strokeWidth","displayName"],"mappings":"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"}

package/_internal/Legend.js

@@ -0,0 +1,2 @@
+export { L as Legend, S as StyledLegend } from './Legend3.js';
+//# sourceMappingURL=Legend.js.map

package/_internal/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/Legend3.js

@@ -0,0 +1,84 @@
+import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { sum } from 'd3';
+import styled from 'styled-components';
+import { baseContainer } from '@redsift/design-system';
+import { L as LegendVariant } from './legend2.js';
+import { L as LegendItem } from './LegendItem2.js';
+
+/**
+ * Component style.
+ */
+const StyledLegend = styled.ul`
+  display: flex;
+  flex-direction: column;
+
+  ${baseContainer}
+`;
+
+const _excluded = ["children", "className", "data", "isLegendItemSelected", "labelDecorator", "legendDecorator", "legendItemRole", "onLegendItemClick", "variant", "width"],
+  _excluded2 = ["color"];
+const COMPONENT_NAME = 'Legend';
+const CLASSNAME = 'redsift-chart-legend';
+const Legend = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      data,
+      isLegendItemSelected = () => true,
+      labelDecorator,
+      legendDecorator,
+      legendItemRole,
+      onLegendItemClick,
+      variant = LegendVariant.label,
+      width
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  if (!data || data.length === 0) {
+    return null;
+  }
+  const total = sum(data, d => d.value);
+  if (children) {
+    const renderedChildren = typeof children === 'function' ? children(data, total) : children;
+    return /*#__PURE__*/React__default.createElement(StyledLegend, _extends({}, forwardedProps, {
+      className: classNames(Legend.className, className),
+      ref: ref
+    }), renderedChildren);
+  }
+  return /*#__PURE__*/React__default.createElement(StyledLegend, _extends({}, forwardedProps, {
+    className: classNames(Legend.className, className),
+    ref: ref,
+    $width: width
+  }), data.map((_ref, index) => {
+    var _datum$percent;
+    let {
+        color
+      } = _ref,
+      datum = _objectWithoutProperties(_ref, _excluded2);
+    return /*#__PURE__*/React__default.createElement(LegendItem, {
+      data: {
+        data: _objectSpread2(_objectSpread2({}, datum), {}, {
+          percent: (_datum$percent = datum.percent) !== null && _datum$percent !== void 0 ? _datum$percent : datum.value / total
+        })
+      },
+      dataset: data,
+      color: color,
+      variant: variant,
+      index: index,
+      isSelected: Boolean(isLegendItemSelected({
+        data: datum
+      })),
+      key: `legend-item _${index}`,
+      labelDecorator: labelDecorator,
+      legendDecorator: legendDecorator,
+      onClick: onLegendItemClick,
+      role: legendItemRole
+    });
+  }));
+});
+Legend.className = CLASSNAME;
+Legend.displayName = COMPONENT_NAME;
+
+export { Legend as L, StyledLegend as S };
+//# sourceMappingURL=Legend3.js.map

package/_internal/Legend3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend3.js","sources":["../../src/components/Legend/styles.ts","../../src/components/Legend/Legend.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledLegendProps } from './types';\nimport { baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledLegend = styled.ul<StyledLegendProps>`\n  display: flex;\n  flex-direction: column;\n\n  ${baseContainer}\n`;\n","import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { sum as d3sum } from 'd3';\n\nimport { Comp } from '@redsift/design-system';\n\nimport { LegendProps } from './types';\nimport { StyledLegend } from './styles';\nimport { LegendVariant } from '../../types';\nimport { LegendItem } from '../LegendItem';\n\nconst COMPONENT_NAME = 'Legend';\nconst CLASSNAME = 'redsift-chart-legend';\n\nexport const Legend: Comp<LegendProps, HTMLUListElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    data,\n    isLegendItemSelected = () => true,\n    labelDecorator,\n    legendDecorator,\n    legendItemRole,\n    onLegendItemClick,\n    variant = LegendVariant.label,\n    width,\n    ...forwardedProps\n  } = props;\n\n  if (!data || data.length === 0) {\n    return null;\n  }\n\n  const total = d3sum(data, (d) => d.value);\n\n  if (children) {\n    const renderedChildren = typeof children === 'function' ? children(data, total) : children;\n\n    return (\n      <StyledLegend {...forwardedProps} className={classNames(Legend.className, className)} ref={ref}>\n        {renderedChildren}\n      </StyledLegend>\n    );\n  }\n\n  return (\n    <StyledLegend {...forwardedProps} className={classNames(Legend.className, className)} ref={ref} $width={width}>\n      {data.map(({ color, ...datum }, index) => (\n        <LegendItem\n          data={{ data: { ...datum, percent: datum.percent ?? datum.value / total } }}\n          dataset={data}\n          color={color}\n          variant={variant}\n          index={index}\n          isSelected={Boolean(isLegendItemSelected!({ data: datum }))}\n          key={`legend-item _${index}`}\n          labelDecorator={labelDecorator}\n          legendDecorator={legendDecorator}\n          onClick={onLegendItemClick}\n          role={legendItemRole}\n        />\n      ))}\n    </StyledLegend>\n  );\n});\nLegend.className = CLASSNAME;\nLegend.displayName = COMPONENT_NAME;\n"],"names":["StyledLegend","styled","ul","baseContainer","COMPONENT_NAME","CLASSNAME","Legend","forwardRef","props","ref","children","className","data","isLegendItemSelected","labelDecorator","legendDecorator","legendItemRole","onLegendItemClick","variant","LegendVariant","label","width","forwardedProps","_objectWithoutProperties","_excluded","length","total","d3sum","d","value","renderedChildren","React","createElement","_extends","classNames","$width","map","_ref","index","_datum$percent","color","datum","_excluded2","LegendItem","_objectSpread","percent","dataset","isSelected","Boolean","key","onClick","role","displayName"],"mappings":"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"}

package/_internal/LegendItem.js

@@ -0,0 +1,2 @@
+export { L as LegendItem, S as StyledLegendItem } from './LegendItem2.js';
+//# sourceMappingURL=LegendItem.js.map

package/_internal/LegendItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/LegendItem2.js

@@ -0,0 +1,153 @@
+import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { Theme, useTheme, useId, Number, Text } from '@redsift/design-system';
+import styled, { css } from 'styled-components';
+import { L as LegendVariant } from './legend2.js';
+import { m as monochrome } from './scheme.js';
+
+/**
+ * Component style.
+ */
+const StyledLegendItem = styled.li`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: var(--redsift-typography-caption-font-size);
+
+  ${_ref => {
+  let {
+    $theme
+  } = _ref;
+  return css`
+    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
+  `;
+}}
+
+  ${_ref2 => {
+  let {
+    $variant,
+    color
+  } = _ref2;
+  return $variant !== LegendVariant.custom ? css`
+          > div {
+            height: 16px;
+            width: 16px;
+            min-width: 16px;
+            background-color: ${color};
+          }
+        ` : '';
+}}}
+
+  ${_ref3 => {
+  let {
+    $clickable
+  } = _ref3;
+  return $clickable ? css`
+          cursor: pointer;
+
+          &:hover,
+          &:focus {
+            outline: none;
+            > div {
+              opacity: 0.7;
+            }
+          }
+
+          &:focus-visible {
+            > div {
+              outline: 4px solid var(--redsift-color-primary-n);
+            }
+          }
+        ` : '';
+}}}
+`;
+
+const _excluded = ["className", "color", "data", "dataset", "id", "variant"];
+const COMPONENT_NAME = 'LegendItem';
+const CLASSNAME = 'redsift-legend-item';
+const LegendItem = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    index = 0,
+    isSelected: propsIsSelected,
+    labelDecorator,
+    legendDecorator,
+    onClick,
+    role
+  } = props;
+  const {
+      className,
+      color = monochrome,
+      data,
+      dataset,
+      id: propsId,
+      variant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme();
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
+  const isLegendCustom = variant === LegendVariant.custom && legendDecorator;
+  const text = labelDecorator ? labelDecorator(data, {
+    index,
+    isSelected: propsIsSelected,
+    color
+  }) : data.data.key;
+  const isEmpty = data.data.value === 0;
+  const isSelectable = role === 'option';
+  const isSelected = isSelectable && propsIsSelected === true;
+  const isDeselected = isSelectable && propsIsSelected === false;
+  const onKeyDown = event => {
+    if (onClick) {
+      event.stopPropagation();
+      if (event.code === 'Enter' || event.code === 'Space') {
+        event.preventDefault();
+        onClick(data, dataset);
+      }
+    }
+  };
+  return /*#__PURE__*/React__default.createElement(StyledLegendItem, _extends({}, forwardedProps, {
+    className: classNames(LegendItem.className, className, `_${index}`, {
+      selected: isSelected,
+      deselected: isDeselected
+    }),
+    color: isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color,
+    ref: ref,
+    "aria-labelledby": !isEmpty ? `${id}-title` : undefined,
+    "aria-selected": isSelected ? true : isDeselected ? false : undefined,
+    id: id,
+    onClick: onClick ? () => onClick(data, dataset) : undefined,
+    onKeyDown: onClick ? e => onKeyDown(e) : undefined,
+    role: role ? role : onClick ? 'button' : undefined,
+    tabIndex: onClick ? 0 : undefined,
+    $clickable: Boolean(onClick),
+    $variant: variant,
+    $theme: theme
+  }), isLegendCustom ? legendDecorator(data, {
+    index,
+    isSelected: propsIsSelected,
+    color: props.color
+  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null), typeof text === 'string' ? variant === LegendVariant.value ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Number, {
+    as: "b",
+    maximumFractionDigits: 2,
+    value: data.data.value,
+    variant: "inherit"
+  }), /*#__PURE__*/React__default.createElement(Text, {
+    variant: "caption"
+  }, text)) : variant === LegendVariant.percent && data.data.percent ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Number, {
+    as: "b",
+    maximumFractionDigits: 2,
+    type: "percent",
+    value: data.data.percent,
+    variant: "inherit"
+  }), /*#__PURE__*/React__default.createElement(Text, {
+    variant: "caption"
+  }, text)) : /*#__PURE__*/React__default.createElement(Text, {
+    variant: "caption"
+  }, text) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, text)));
+});
+LegendItem.className = CLASSNAME;
+LegendItem.displayName = COMPONENT_NAME;
+
+export { LegendItem as L, StyledLegendItem as S };
+//# sourceMappingURL=LegendItem2.js.map

package/_internal/LegendItem2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendItem2.js","sources":["../../src/components/LegendItem/styles.ts","../../src/components/LegendItem/LegendItem.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledLegendItemProps } from './types';\nimport { LegendVariant } from '@redsift/charts/types';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledLegendItem = styled.li<StyledLegendItemProps>`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--redsift-typography-caption-font-size);\n\n  ${({ $theme }) => css`\n    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n  `}\n\n  ${({ $variant, color }) =>\n    $variant !== LegendVariant.custom\n      ? css`\n          > div {\n            height: 16px;\n            width: 16px;\n            min-width: 16px;\n            background-color: ${color};\n          }\n        `\n      : ''}}\n\n  ${({ $clickable }) =>\n    $clickable\n      ? css`\n          cursor: pointer;\n\n          &:hover,\n          &:focus {\n            outline: none;\n            > div {\n              opacity: 0.7;\n            }\n          }\n\n          &:focus-visible {\n            > div {\n              outline: 4px solid var(--redsift-color-primary-n);\n            }\n          }\n        `\n      : ''}}\n`;\n","import React, { KeyboardEventHandler, forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Number, Text, useId, useTheme } from '@redsift/design-system';\n\nimport { LegendItemProps } from './types';\nimport { StyledLegendItem } from './styles';\nimport { monochrome } from '../../scheme';\nimport { LegendVariant } from '../../types';\n\nconst COMPONENT_NAME = 'LegendItem';\nconst CLASSNAME = 'redsift-legend-item';\n\nexport const LegendItem: Comp<LegendItemProps, HTMLLIElement> = forwardRef((props, ref) => {\n  const { index = 0, isSelected: propsIsSelected, labelDecorator, legendDecorator, onClick, role } = props;\n\n  const { className, color = monochrome, data, dataset, id: propsId, variant, ...forwardedProps } = props;\n\n  const theme = useTheme();\n\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const isLegendCustom = variant === LegendVariant.custom && legendDecorator;\n  const text = labelDecorator ? labelDecorator(data, { index, isSelected: propsIsSelected, color }) : data.data.key;\n  const isEmpty = data.data.value === 0;\n\n  const isSelectable = role === 'option';\n  const isSelected = isSelectable && propsIsSelected === true;\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  const onKeyDown: KeyboardEventHandler<HTMLLIElement> = (event) => {\n    if (onClick) {\n      event.stopPropagation();\n\n      if (event.code === 'Enter' || event.code === 'Space') {\n        event.preventDefault();\n        onClick(data, dataset);\n      }\n    }\n  };\n\n  return (\n    <StyledLegendItem\n      {...forwardedProps}\n      className={classNames(LegendItem.className, className, `_${index}`, {\n        selected: isSelected,\n        deselected: isDeselected,\n      })}\n      color={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n      ref={ref}\n      aria-labelledby={!isEmpty ? `${id}-title` : undefined}\n      aria-selected={isSelected ? true : isDeselected ? false : undefined}\n      id={id}\n      onClick={onClick ? () => onClick(data, dataset) : undefined}\n      onKeyDown={onClick ? (e) => onKeyDown(e) : undefined}\n      role={role ? role : onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      $clickable={Boolean(onClick)}\n      $variant={variant}\n      $theme={theme}\n    >\n      {isLegendCustom ? (\n        legendDecorator(data, { index, isSelected: propsIsSelected, color: props.color })\n      ) : (\n        <>\n          <div />\n          {typeof text === 'string' ? (\n            variant === LegendVariant.value ? (\n              <>\n                <Number as=\"b\" maximumFractionDigits={2} value={data.data.value} variant=\"inherit\" />\n                <Text variant=\"caption\">{text}</Text>\n              </>\n            ) : variant === LegendVariant.percent && data.data.percent ? (\n              <>\n                <Number as=\"b\" maximumFractionDigits={2} type=\"percent\" value={data.data.percent} variant=\"inherit\" />\n                <Text variant=\"caption\">{text}</Text>\n              </>\n            ) : (\n              <Text variant=\"caption\">{text}</Text>\n            )\n          ) : (\n            <>{text}</>\n          )}\n        </>\n      )}\n    </StyledLegendItem>\n  );\n});\nLegendItem.className = CLASSNAME;\nLegendItem.displayName = COMPONENT_NAME;\n"],"names":["StyledLegendItem","styled","li","_ref","$theme","css","Theme","dark","_ref2","$variant","color","LegendVariant","custom","_ref3","$clickable","COMPONENT_NAME","CLASSNAME","LegendItem","forwardRef","props","ref","index","isSelected","propsIsSelected","labelDecorator","legendDecorator","onClick","role","className","monochrome","data","dataset","id","propsId","variant","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","_id","useId","isLegendCustom","text","key","isEmpty","value","isSelectable","isDeselected","onKeyDown","event","stopPropagation","code","preventDefault","React","createElement","_extends","classNames","selected","deselected","undefined","e","tabIndex","Boolean","Fragment","Number","as","maximumFractionDigits","Text","percent","type","displayName"],"mappings":"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"}

package/_internal/Line.js

@@ -0,0 +1,2 @@
+export { L as Line, S as StyledLine } from './Line2.js';
+//# sourceMappingURL=Line.js.map

package/_internal/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}