@codecademy/gamut 67.6.1-alpha.21416d.0 → 67.6.1-alpha.301aed.0

package/dist/BarChart/Bar/Bar.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BarProps } from '../types';
+export interface BarRowProps extends BarProps {
+    index?: number;
+}
+export declare const Bar: import("react").ForwardRefExoticComponent<BarRowProps & import("react").RefAttributes<HTMLDivElement | HTMLAnchorElement | HTMLButtonElement>>;

package/dist/BarChart/Bar/Bar.js

@@ -0,0 +1,178 @@
+import _styled from "@emotion/styled/base";
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { css, styledOptions } from '@codecademy/gamut-styles';
+import { forwardRef } from 'react';
+import { FlexBox } from '../../Box';
+import { Text } from '../../Typography';
+import { BackgroundBar, BarWrapper, ForegroundBar, minBarWidth } from './elements';
+import { calculateBarWidth, getValuesSummary, useBarChartContext } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const rowBaseStyles = css({
+  display: 'flex',
+  alignItems: 'center',
+  width: '100%',
+  gap: 0,
+  py: 8,
+  pr: 16,
+  position: 'relative',
+  bg: 'transparent',
+  border: 'none',
+  textDecoration: 'none',
+  cursor: 'inherit',
+  '&:focus': {
+    outline: 'none'
+  },
+  '&:focus-visible': {
+    outline: '2px solid',
+    outlineColor: 'primary',
+    outlineOffset: '2px'
+  }
+});
+const interactiveStyles = css({
+  cursor: 'pointer',
+  '&:hover': {
+    bg: 'background-hover'
+  }
+});
+const RowWrapper = /*#__PURE__*/_styled('div', _extends({}, {
+  target: "e1j3cswu2",
+  label: "RowWrapper"
+}, styledOptions()))(rowBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRG1CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3R5bGVkT3B0aW9ucyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBNb3VzZUV2ZW50LCBNdXRhYmxlUmVmT2JqZWN0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7XG4gIEJhY2tncm91bmRCYXIsXG4gIEJhcldyYXBwZXIsXG4gIEZvcmVncm91bmRCYXIsXG4gIG1pbkJhcldpZHRoLFxufSBmcm9tICcuL2VsZW1lbnRzJztcbmltcG9ydCB7IEJhclByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgY2FsY3VsYXRlQmFyV2lkdGgsXG4gIGdldFZhbHVlc1N1bW1hcnksXG4gIHVzZUJhckNoYXJ0Q29udGV4dCxcbn0gZnJvbSAnLi4vdXRpbHMnO1xuXG5jb25zdCByb3dCYXNlU3R5bGVzID0gY3NzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgZ2FwOiAwLFxuICBweTogOCxcbiAgcHI6IDE2LFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnZGl2Jywgc3R5bGVkT3B0aW9uczwnZGl2Jz4oKSkocm93QmFzZVN0eWxlcyk7XG5jb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFyUm93UHJvcHMgZXh0ZW5kcyBCYXJQcm9wcyB7XG4gIGluZGV4PzogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQmFyID0gZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50LFxuICBCYXJSb3dQcm9wc1xuPihcbiAgKFxuICAgIHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICBpY29uOiBJY29uLFxuICAgICAgb25DbGljayxcbiAgICAgIGhyZWYsXG4gICAgICBpbmRleCA9IDAsXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgeyBtaW5SYW5nZSwgbWF4UmFuZ2UsIHVuaXQsIHN0eWxlQ29uZmlnLCBhbmltYXRlIH0gPVxuICAgICAgdXNlQmFyQ2hhcnRDb250ZXh0KCk7XG5cbiAgICBjb25zdCBpc1N0YWNrZWQgPSBzZXJpZXNUd29WYWx1ZSAhPT0gdW5kZWZpbmVkO1xuICAgIGNvbnN0IGRpc3BsYXlWYWx1ZSA9IGlzU3RhY2tlZCA/IHNlcmllc1R3b1ZhbHVlIDogc2VyaWVzT25lVmFsdWU7XG5cbiAgICBjb25zdCBiYWNrZ3JvdW5kQmFyV2lkdGggPSBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICB2YWx1ZTogZGlzcGxheVZhbHVlLFxuICAgICAgbWluUmFuZ2UsXG4gICAgICBtYXhSYW5nZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGZvcmVncm91bmRCYXJXaWR0aCA9IGlzU3RhY2tlZFxuICAgICAgPyBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICAgICAgdmFsdWU6IHNlcmllc09uZVZhbHVlLFxuICAgICAgICAgIG1pblJhbmdlLFxuICAgICAgICAgIG1heFJhbmdlLFxuICAgICAgICB9KVxuICAgICAgOiAwO1xuXG4gICAgY29uc3QgYmdXaWR0aFN0ciA9IGAke01hdGgubWF4KG1pbkJhcldpZHRoLCBiYWNrZ3JvdW5kQmFyV2lkdGgpfSVgO1xuICAgIGNvbnN0IGZnV2lkdGhTdHIgPSBgJHtNYXRoLm1heChtaW5CYXJXaWR0aCwgZm9yZWdyb3VuZEJhcldpZHRoKX0lYDtcblxuICAgIGNvbnN0IHZhbHVlc1N1bW1hcnkgPSBnZXRWYWx1ZXNTdW1tYXJ5KHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICB1bml0LFxuICAgIH0pO1xuXG4gICAgY29uc3QgYW5pbWF0aW9uRGVsYXkgPSBhbmltYXRlID8gaW5kZXggKiAwLjEgOiAwO1xuXG4gICAgY29uc3Qgcm93Q29udGVudCA9IChcbiAgICAgIDw+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn1cbiAgICAgICAgICBmbGV4U2hyaW5rPXswfVxuICAgICAgICAgIGdhcD17OH1cbiAgICAgICAgICBtaW5XaWR0aD1cIjIwMHB4XCJcbiAgICAgICAgICBwbD17MTZ9XG4gICAgICAgID5cbiAgICAgICAgICB7SWNvbiAmJiA8SWNvbiBzaXplPXsxNn0gLz59XG4gICAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17MX0+XG4gICAgICAgICAgICB7eUxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIDxCYXJXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kQmFyXG4gICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogYmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmJhY2tncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYmFja2dyb3VuZC1iYXJcIlxuICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5IH19XG4gICAgICAgICAgICB3aWR0aD17IWFuaW1hdGUgPyBiZ1dpZHRoU3RyIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2lzU3RhY2tlZCAmJiAoXG4gICAgICAgICAgICA8Rm9yZWdyb3VuZEJhclxuICAgICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogZmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICBiZz17c3R5bGVDb25maWcuZm9yZWdyb3VuZEJhckNvbG9yfVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImZvcmVncm91bmQtYmFyXCJcbiAgICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC41LCBkZWxheTogYW5pbWF0aW9uRGVsYXkgKyAwLjI1IH19XG4gICAgICAgICAgICAgIHdpZHRoPXshYW5pbWF0ZSA/IGZnV2lkdGhTdHIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQmFyV3JhcHBlcj5cblxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGZsZXhTaHJpbms9ezB9XG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgbWluV2lkdGg9XCJtaW4tY29udGVudFwiXG4gICAgICAgICAgcHI9ezE2fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn0gdmFyaWFudD1cInAtc21hbGxcIj5cbiAgICAgICAgICAgIHtkaXNwbGF5VmFsdWUudG9Mb2NhbGVTdHJpbmcoKX1cbiAgICAgICAgICAgIHt1bml0ICYmIGAgJHt1bml0fWB9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8Lz5cbiAgICApO1xuXG4gICAgaWYgKGhyZWYpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QW5jaG9yXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QW5jaG9yPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAob25DbGljaykge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGxpPlxuICAgICAgICAgIDxSb3dCdXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgICByZWY9e3JlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50Pn1cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGUpID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgb25DbGljayhlIGFzIHVua25vd24gYXMgTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QnV0dG9uPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxpPlxuICAgICAgICA8Um93V3JhcHBlclxuICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD59XG4gICAgICAgID5cbiAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgPC9Sb3dXcmFwcGVyPlxuICAgICAgPC9saT5cbiAgICApO1xuICB9XG4pO1xuXG4iXX0= */");
+const RowButton = /*#__PURE__*/_styled('button', _extends({}, {
+  target: "e1j3cswu1",
+  label: "RowButton"
+}, styledOptions()))(rowBaseStyles, interactiveStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3R5bGVkT3B0aW9ucyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBNb3VzZUV2ZW50LCBNdXRhYmxlUmVmT2JqZWN0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7XG4gIEJhY2tncm91bmRCYXIsXG4gIEJhcldyYXBwZXIsXG4gIEZvcmVncm91bmRCYXIsXG4gIG1pbkJhcldpZHRoLFxufSBmcm9tICcuL2VsZW1lbnRzJztcbmltcG9ydCB7IEJhclByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgY2FsY3VsYXRlQmFyV2lkdGgsXG4gIGdldFZhbHVlc1N1bW1hcnksXG4gIHVzZUJhckNoYXJ0Q29udGV4dCxcbn0gZnJvbSAnLi4vdXRpbHMnO1xuXG5jb25zdCByb3dCYXNlU3R5bGVzID0gY3NzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgZ2FwOiAwLFxuICBweTogOCxcbiAgcHI6IDE2LFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnZGl2Jywgc3R5bGVkT3B0aW9uczwnZGl2Jz4oKSkocm93QmFzZVN0eWxlcyk7XG5jb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFyUm93UHJvcHMgZXh0ZW5kcyBCYXJQcm9wcyB7XG4gIGluZGV4PzogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQmFyID0gZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50LFxuICBCYXJSb3dQcm9wc1xuPihcbiAgKFxuICAgIHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICBpY29uOiBJY29uLFxuICAgICAgb25DbGljayxcbiAgICAgIGhyZWYsXG4gICAgICBpbmRleCA9IDAsXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgeyBtaW5SYW5nZSwgbWF4UmFuZ2UsIHVuaXQsIHN0eWxlQ29uZmlnLCBhbmltYXRlIH0gPVxuICAgICAgdXNlQmFyQ2hhcnRDb250ZXh0KCk7XG5cbiAgICBjb25zdCBpc1N0YWNrZWQgPSBzZXJpZXNUd29WYWx1ZSAhPT0gdW5kZWZpbmVkO1xuICAgIGNvbnN0IGRpc3BsYXlWYWx1ZSA9IGlzU3RhY2tlZCA/IHNlcmllc1R3b1ZhbHVlIDogc2VyaWVzT25lVmFsdWU7XG5cbiAgICBjb25zdCBiYWNrZ3JvdW5kQmFyV2lkdGggPSBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICB2YWx1ZTogZGlzcGxheVZhbHVlLFxuICAgICAgbWluUmFuZ2UsXG4gICAgICBtYXhSYW5nZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGZvcmVncm91bmRCYXJXaWR0aCA9IGlzU3RhY2tlZFxuICAgICAgPyBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICAgICAgdmFsdWU6IHNlcmllc09uZVZhbHVlLFxuICAgICAgICAgIG1pblJhbmdlLFxuICAgICAgICAgIG1heFJhbmdlLFxuICAgICAgICB9KVxuICAgICAgOiAwO1xuXG4gICAgY29uc3QgYmdXaWR0aFN0ciA9IGAke01hdGgubWF4KG1pbkJhcldpZHRoLCBiYWNrZ3JvdW5kQmFyV2lkdGgpfSVgO1xuICAgIGNvbnN0IGZnV2lkdGhTdHIgPSBgJHtNYXRoLm1heChtaW5CYXJXaWR0aCwgZm9yZWdyb3VuZEJhcldpZHRoKX0lYDtcblxuICAgIGNvbnN0IHZhbHVlc1N1bW1hcnkgPSBnZXRWYWx1ZXNTdW1tYXJ5KHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICB1bml0LFxuICAgIH0pO1xuXG4gICAgY29uc3QgYW5pbWF0aW9uRGVsYXkgPSBhbmltYXRlID8gaW5kZXggKiAwLjEgOiAwO1xuXG4gICAgY29uc3Qgcm93Q29udGVudCA9IChcbiAgICAgIDw+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn1cbiAgICAgICAgICBmbGV4U2hyaW5rPXswfVxuICAgICAgICAgIGdhcD17OH1cbiAgICAgICAgICBtaW5XaWR0aD1cIjIwMHB4XCJcbiAgICAgICAgICBwbD17MTZ9XG4gICAgICAgID5cbiAgICAgICAgICB7SWNvbiAmJiA8SWNvbiBzaXplPXsxNn0gLz59XG4gICAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17MX0+XG4gICAgICAgICAgICB7eUxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIDxCYXJXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kQmFyXG4gICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogYmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmJhY2tncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYmFja2dyb3VuZC1iYXJcIlxuICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5IH19XG4gICAgICAgICAgICB3aWR0aD17IWFuaW1hdGUgPyBiZ1dpZHRoU3RyIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2lzU3RhY2tlZCAmJiAoXG4gICAgICAgICAgICA8Rm9yZWdyb3VuZEJhclxuICAgICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogZmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICBiZz17c3R5bGVDb25maWcuZm9yZWdyb3VuZEJhckNvbG9yfVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImZvcmVncm91bmQtYmFyXCJcbiAgICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC41LCBkZWxheTogYW5pbWF0aW9uRGVsYXkgKyAwLjI1IH19XG4gICAgICAgICAgICAgIHdpZHRoPXshYW5pbWF0ZSA/IGZnV2lkdGhTdHIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQmFyV3JhcHBlcj5cblxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGZsZXhTaHJpbms9ezB9XG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgbWluV2lkdGg9XCJtaW4tY29udGVudFwiXG4gICAgICAgICAgcHI9ezE2fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn0gdmFyaWFudD1cInAtc21hbGxcIj5cbiAgICAgICAgICAgIHtkaXNwbGF5VmFsdWUudG9Mb2NhbGVTdHJpbmcoKX1cbiAgICAgICAgICAgIHt1bml0ICYmIGAgJHt1bml0fWB9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8Lz5cbiAgICApO1xuXG4gICAgaWYgKGhyZWYpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QW5jaG9yXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QW5jaG9yPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAob25DbGljaykge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGxpPlxuICAgICAgICAgIDxSb3dCdXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgICByZWY9e3JlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50Pn1cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGUpID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgb25DbGljayhlIGFzIHVua25vd24gYXMgTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QnV0dG9uPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxpPlxuICAgICAgICA8Um93V3JhcHBlclxuICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD59XG4gICAgICAgID5cbiAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgPC9Sb3dXcmFwcGVyPlxuICAgICAgPC9saT5cbiAgICApO1xuICB9XG4pO1xuXG4iXX0= */");
+const RowAnchor = /*#__PURE__*/_styled('a', _extends({}, {
+  target: "e1j3cswu0",
+  label: "RowAnchor"
+}, styledOptions()))(rowBaseStyles, interactiveStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3R5bGVkT3B0aW9ucyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBNb3VzZUV2ZW50LCBNdXRhYmxlUmVmT2JqZWN0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7XG4gIEJhY2tncm91bmRCYXIsXG4gIEJhcldyYXBwZXIsXG4gIEZvcmVncm91bmRCYXIsXG4gIG1pbkJhcldpZHRoLFxufSBmcm9tICcuL2VsZW1lbnRzJztcbmltcG9ydCB7IEJhclByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgY2FsY3VsYXRlQmFyV2lkdGgsXG4gIGdldFZhbHVlc1N1bW1hcnksXG4gIHVzZUJhckNoYXJ0Q29udGV4dCxcbn0gZnJvbSAnLi4vdXRpbHMnO1xuXG5jb25zdCByb3dCYXNlU3R5bGVzID0gY3NzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgZ2FwOiAwLFxuICBweTogOCxcbiAgcHI6IDE2LFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnZGl2Jywgc3R5bGVkT3B0aW9uczwnZGl2Jz4oKSkocm93QmFzZVN0eWxlcyk7XG5jb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFyUm93UHJvcHMgZXh0ZW5kcyBCYXJQcm9wcyB7XG4gIGluZGV4PzogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQmFyID0gZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50LFxuICBCYXJSb3dQcm9wc1xuPihcbiAgKFxuICAgIHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICBpY29uOiBJY29uLFxuICAgICAgb25DbGljayxcbiAgICAgIGhyZWYsXG4gICAgICBpbmRleCA9IDAsXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgeyBtaW5SYW5nZSwgbWF4UmFuZ2UsIHVuaXQsIHN0eWxlQ29uZmlnLCBhbmltYXRlIH0gPVxuICAgICAgdXNlQmFyQ2hhcnRDb250ZXh0KCk7XG5cbiAgICBjb25zdCBpc1N0YWNrZWQgPSBzZXJpZXNUd29WYWx1ZSAhPT0gdW5kZWZpbmVkO1xuICAgIGNvbnN0IGRpc3BsYXlWYWx1ZSA9IGlzU3RhY2tlZCA/IHNlcmllc1R3b1ZhbHVlIDogc2VyaWVzT25lVmFsdWU7XG5cbiAgICBjb25zdCBiYWNrZ3JvdW5kQmFyV2lkdGggPSBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICB2YWx1ZTogZGlzcGxheVZhbHVlLFxuICAgICAgbWluUmFuZ2UsXG4gICAgICBtYXhSYW5nZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGZvcmVncm91bmRCYXJXaWR0aCA9IGlzU3RhY2tlZFxuICAgICAgPyBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICAgICAgdmFsdWU6IHNlcmllc09uZVZhbHVlLFxuICAgICAgICAgIG1pblJhbmdlLFxuICAgICAgICAgIG1heFJhbmdlLFxuICAgICAgICB9KVxuICAgICAgOiAwO1xuXG4gICAgY29uc3QgYmdXaWR0aFN0ciA9IGAke01hdGgubWF4KG1pbkJhcldpZHRoLCBiYWNrZ3JvdW5kQmFyV2lkdGgpfSVgO1xuICAgIGNvbnN0IGZnV2lkdGhTdHIgPSBgJHtNYXRoLm1heChtaW5CYXJXaWR0aCwgZm9yZWdyb3VuZEJhcldpZHRoKX0lYDtcblxuICAgIGNvbnN0IHZhbHVlc1N1bW1hcnkgPSBnZXRWYWx1ZXNTdW1tYXJ5KHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICB1bml0LFxuICAgIH0pO1xuXG4gICAgY29uc3QgYW5pbWF0aW9uRGVsYXkgPSBhbmltYXRlID8gaW5kZXggKiAwLjEgOiAwO1xuXG4gICAgY29uc3Qgcm93Q29udGVudCA9IChcbiAgICAgIDw+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn1cbiAgICAgICAgICBmbGV4U2hyaW5rPXswfVxuICAgICAgICAgIGdhcD17OH1cbiAgICAgICAgICBtaW5XaWR0aD1cIjIwMHB4XCJcbiAgICAgICAgICBwbD17MTZ9XG4gICAgICAgID5cbiAgICAgICAgICB7SWNvbiAmJiA8SWNvbiBzaXplPXsxNn0gLz59XG4gICAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17MX0+XG4gICAgICAgICAgICB7eUxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIDxCYXJXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kQmFyXG4gICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogYmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmJhY2tncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYmFja2dyb3VuZC1iYXJcIlxuICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5IH19XG4gICAgICAgICAgICB3aWR0aD17IWFuaW1hdGUgPyBiZ1dpZHRoU3RyIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2lzU3RhY2tlZCAmJiAoXG4gICAgICAgICAgICA8Rm9yZWdyb3VuZEJhclxuICAgICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogZmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICBiZz17c3R5bGVDb25maWcuZm9yZWdyb3VuZEJhckNvbG9yfVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImZvcmVncm91bmQtYmFyXCJcbiAgICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC41LCBkZWxheTogYW5pbWF0aW9uRGVsYXkgKyAwLjI1IH19XG4gICAgICAgICAgICAgIHdpZHRoPXshYW5pbWF0ZSA/IGZnV2lkdGhTdHIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQmFyV3JhcHBlcj5cblxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGZsZXhTaHJpbms9ezB9XG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgbWluV2lkdGg9XCJtaW4tY29udGVudFwiXG4gICAgICAgICAgcHI9ezE2fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn0gdmFyaWFudD1cInAtc21hbGxcIj5cbiAgICAgICAgICAgIHtkaXNwbGF5VmFsdWUudG9Mb2NhbGVTdHJpbmcoKX1cbiAgICAgICAgICAgIHt1bml0ICYmIGAgJHt1bml0fWB9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8Lz5cbiAgICApO1xuXG4gICAgaWYgKGhyZWYpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QW5jaG9yXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QW5jaG9yPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAob25DbGljaykge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGxpPlxuICAgICAgICAgIDxSb3dCdXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgICByZWY9e3JlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50Pn1cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGUpID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgb25DbGljayhlIGFzIHVua25vd24gYXMgTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QnV0dG9uPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxpPlxuICAgICAgICA8Um93V3JhcHBlclxuICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD59XG4gICAgICAgID5cbiAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgPC9Sb3dXcmFwcGVyPlxuICAgICAgPC9saT5cbiAgICApO1xuICB9XG4pO1xuXG4iXX0= */");
+export const Bar = /*#__PURE__*/forwardRef(({
+  yLabel,
+  seriesOneValue,
+  seriesTwoValue,
+  icon: Icon,
+  onClick,
+  href,
+  index = 0
+}, ref) => {
+  const {
+    minRange,
+    maxRange,
+    unit,
+    styleConfig,
+    animate
+  } = useBarChartContext();
+  const isStacked = seriesTwoValue !== undefined;
+  const displayValue = isStacked ? seriesTwoValue : seriesOneValue;
+  const backgroundBarWidth = calculateBarWidth({
+    value: displayValue,
+    minRange,
+    maxRange
+  });
+  const foregroundBarWidth = isStacked ? calculateBarWidth({
+    value: seriesOneValue,
+    minRange,
+    maxRange
+  }) : 0;
+  const bgWidthStr = `${Math.max(minBarWidth, backgroundBarWidth)}%`;
+  const fgWidthStr = `${Math.max(minBarWidth, foregroundBarWidth)}%`;
+  const valuesSummary = getValuesSummary({
+    yLabel,
+    seriesOneValue,
+    seriesTwoValue,
+    unit
+  });
+  const animationDelay = animate ? index * 0.1 : 0;
+  const rowContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(FlexBox, {
+      alignItems: "center",
+      color: styleConfig.textColor,
+      flexShrink: 0,
+      gap: 8,
+      minWidth: "200px",
+      pl: 16,
+      children: [Icon && /*#__PURE__*/_jsx(Icon, {
+        size: 16
+      }), /*#__PURE__*/_jsx(Text, {
+        fontWeight: "bold",
+        truncate: "ellipsis",
+        truncateLines: 1,
+        children: yLabel
+      })]
+    }), /*#__PURE__*/_jsxs(BarWrapper, {
+      children: [/*#__PURE__*/_jsx(BackgroundBar, {
+        animate: animate ? {
+          width: bgWidthStr
+        } : undefined,
+        bg: styleConfig.backgroundBarColor,
+        "data-testid": "background-bar",
+        initial: animate ? {
+          width: '0%'
+        } : undefined,
+        transition: {
+          duration: 0.5,
+          delay: animationDelay
+        },
+        width: !animate ? bgWidthStr : undefined
+      }), isStacked && /*#__PURE__*/_jsx(ForegroundBar, {
+        animate: animate ? {
+          width: fgWidthStr
+        } : undefined,
+        bg: styleConfig.foregroundBarColor,
+        "data-testid": "foreground-bar",
+        initial: animate ? {
+          width: '0%'
+        } : undefined,
+        transition: {
+          duration: 0.5,
+          delay: animationDelay + 0.25
+        },
+        width: !animate ? fgWidthStr : undefined
+      })]
+    }), /*#__PURE__*/_jsx(FlexBox, {
+      alignItems: "center",
+      flexShrink: 0,
+      justifyContent: "flex-end",
+      minWidth: "min-content",
+      pr: 16,
+      children: /*#__PURE__*/_jsxs(Text, {
+        color: styleConfig.textColor,
+        variant: "p-small",
+        children: [displayValue.toLocaleString(), unit && ` ${unit}`]
+      })
+    })]
+  });
+  if (href) {
+    return /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(RowAnchor, {
+        "aria-label": valuesSummary,
+        href: href,
+        ref: ref,
+        children: rowContent
+      })
+    });
+  }
+  if (onClick) {
+    return /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(RowButton, {
+        "aria-label": valuesSummary,
+        ref: ref,
+        type: "button",
+        onClick: onClick,
+        onKeyDown: e => {
+          if (e.key === 'Enter') {
+            onClick(e);
+          }
+        },
+        children: rowContent
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx("li", {
+    children: /*#__PURE__*/_jsx(RowWrapper, {
+      "aria-label": valuesSummary,
+      ref: ref,
+      children: rowContent
+    })
+  });
+});

package/dist/BarChart/Bar/elements.js

@@ -22,7 +22,7 @@ export const BackgroundBar = /*#__PURE__*/_styled(motion.create(Box), {
   label: "BackgroundBar"
 })(css({
   ...baseBarStyles
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0Jhci9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5cbmV4cG9ydCBjb25zdCBtaW5CYXJXaWR0aCA9IDg7XG5cbmNvbnN0IGJhc2VCYXJTdHlsZXMgPSB7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBib3JkZXI6IDEsXG4gIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgbGVmdDogMCxcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG59IGFzIGNvbnN0O1xuXG4vKipcbiAqIEFuaW1hdGVkIGJhciBlbGVtZW50IGZvciBiYWNrZ3JvdW5kL3RvdGFsIHZhbHVlIGRpc3BsYXlcbiAqL1xuZXhwb3J0IGNvbnN0IEJhY2tncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBGb3JlZ3JvdW5kIGJhciBmb3Igc3RhY2tlZCBkaXNwbGF5IChwcm9ncmVzcyB2YWx1ZSlcbiAqIENvbG9yIHNob3VsZCBiZSBwYXNzZWQgdmlhIGJnIHByb3AgZnJvbSBwYXJlbnRcbiAqL1xuZXhwb3J0IGNvbnN0IEZvcmVncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBDb250YWluZXIgZm9yIGJhcnMgd2l0aCByZXNwb25zaXZlIGhlaWdodFxuICovXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZmxleDogMSxcbiAgICBoZWlnaHQ6IHsgXzogMTIsIHNtOiAyMCB9LFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnLCBzbTogJ3hsJyB9LFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0Jhci9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5cbmV4cG9ydCBjb25zdCBtaW5CYXJXaWR0aCA9IDg7XG5cbmNvbnN0IGJhc2VCYXJTdHlsZXMgPSB7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBib3JkZXI6IDEsXG4gIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgbGVmdDogMCxcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG59IGFzIGNvbnN0O1xuXG4vKipcbiAqIEFuaW1hdGVkIGJhciBlbGVtZW50IGZvciBiYWNrZ3JvdW5kL3RvdGFsIHZhbHVlIGRpc3BsYXlcbiAqL1xuZXhwb3J0IGNvbnN0IEJhY2tncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBGb3JlZ3JvdW5kIGJhciBmb3Igc3RhY2tlZCBkaXNwbGF5IChwcm9ncmVzcyB2YWx1ZSlcbiAqIENvbG9yIHNob3VsZCBiZSBwYXNzZWQgdmlhIGJnIHByb3AgZnJvbSBwYXJlbnRcbiAqL1xuZXhwb3J0IGNvbnN0IEZvcmVncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBDb250YWluZXIgZm9yIGJhcnMgd2l0aCByZXNwb25zaXZlIGhlaWdodFxuICovXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZmxleDogMSxcbiAgICBoZWlnaHQ6IHsgXzogMTIsIHNtOiAyMCB9LFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnLCBzbTogJ3hsJyB9LFxuICB9KVxuKTtcbiJdfQ== */");
 
 /**
  * Foreground bar for stacked display (progress value)
@@ -33,7 +33,7 @@ export const ForegroundBar = /*#__PURE__*/_styled(motion.create(Box), {
   label: "ForegroundBar"
 })(css({
   ...baseBarStyles
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0Jhci9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5cbmV4cG9ydCBjb25zdCBtaW5CYXJXaWR0aCA9IDg7XG5cbmNvbnN0IGJhc2VCYXJTdHlsZXMgPSB7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBib3JkZXI6IDEsXG4gIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgbGVmdDogMCxcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG59IGFzIGNvbnN0O1xuXG4vKipcbiAqIEFuaW1hdGVkIGJhciBlbGVtZW50IGZvciBiYWNrZ3JvdW5kL3RvdGFsIHZhbHVlIGRpc3BsYXlcbiAqL1xuZXhwb3J0IGNvbnN0IEJhY2tncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBGb3JlZ3JvdW5kIGJhciBmb3Igc3RhY2tlZCBkaXNwbGF5IChwcm9ncmVzcyB2YWx1ZSlcbiAqIENvbG9yIHNob3VsZCBiZSBwYXNzZWQgdmlhIGJnIHByb3AgZnJvbSBwYXJlbnRcbiAqL1xuZXhwb3J0IGNvbnN0IEZvcmVncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBDb250YWluZXIgZm9yIGJhcnMgd2l0aCByZXNwb25zaXZlIGhlaWdodFxuICovXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZmxleDogMSxcbiAgICBoZWlnaHQ6IHsgXzogMTIsIHNtOiAyMCB9LFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnLCBzbTogJ3hsJyB9LFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0Jhci9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5cbmV4cG9ydCBjb25zdCBtaW5CYXJXaWR0aCA9IDg7XG5cbmNvbnN0IGJhc2VCYXJTdHlsZXMgPSB7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBib3JkZXI6IDEsXG4gIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgbGVmdDogMCxcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG59IGFzIGNvbnN0O1xuXG4vKipcbiAqIEFuaW1hdGVkIGJhciBlbGVtZW50IGZvciBiYWNrZ3JvdW5kL3RvdGFsIHZhbHVlIGRpc3BsYXlcbiAqL1xuZXhwb3J0IGNvbnN0IEJhY2tncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBGb3JlZ3JvdW5kIGJhciBmb3Igc3RhY2tlZCBkaXNwbGF5IChwcm9ncmVzcyB2YWx1ZSlcbiAqIENvbG9yIHNob3VsZCBiZSBwYXNzZWQgdmlhIGJnIHByb3AgZnJvbSBwYXJlbnRcbiAqL1xuZXhwb3J0IGNvbnN0IEZvcmVncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBDb250YWluZXIgZm9yIGJhcnMgd2l0aCByZXNwb25zaXZlIGhlaWdodFxuICovXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZmxleDogMSxcbiAgICBoZWlnaHQ6IHsgXzogMTIsIHNtOiAyMCB9LFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnLCBzbTogJ3hsJyB9LFxuICB9KVxuKTtcbiJdfQ== */");
 
 /**
  * Container for bars with responsive height
@@ -54,6 +54,5 @@ export const BarWrapper = /*#__PURE__*/_styled(Box, {
   borderRadius: {
     _: 'md',
     sm: 'xl'
-  },
-  width: '100%'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0Jhci9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5cbmV4cG9ydCBjb25zdCBtaW5CYXJXaWR0aCA9IDg7XG5cbmNvbnN0IGJhc2VCYXJTdHlsZXMgPSB7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBib3JkZXI6IDEsXG4gIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgbGVmdDogMCxcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG59IGFzIGNvbnN0O1xuXG4vKipcbiAqIEFuaW1hdGVkIGJhciBlbGVtZW50IGZvciBiYWNrZ3JvdW5kL3RvdGFsIHZhbHVlIGRpc3BsYXlcbiAqL1xuZXhwb3J0IGNvbnN0IEJhY2tncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBGb3JlZ3JvdW5kIGJhciBmb3Igc3RhY2tlZCBkaXNwbGF5IChwcm9ncmVzcyB2YWx1ZSlcbiAqIENvbG9yIHNob3VsZCBiZSBwYXNzZWQgdmlhIGJnIHByb3AgZnJvbSBwYXJlbnRcbiAqL1xuZXhwb3J0IGNvbnN0IEZvcmVncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBDb250YWluZXIgZm9yIGJhcnMgd2l0aCByZXNwb25zaXZlIGhlaWdodFxuICovXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZmxleDogMSxcbiAgICBoZWlnaHQ6IHsgXzogMTIsIHNtOiAyMCB9LFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnLCBzbTogJ3hsJyB9LFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH0pXG4pO1xuIl19 */");
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0Jhci9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5cbmV4cG9ydCBjb25zdCBtaW5CYXJXaWR0aCA9IDg7XG5cbmNvbnN0IGJhc2VCYXJTdHlsZXMgPSB7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBib3JkZXI6IDEsXG4gIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICBib3JkZXJSYWRpdXM6ICdpbmhlcml0JyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgbGVmdDogMCxcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG59IGFzIGNvbnN0O1xuXG4vKipcbiAqIEFuaW1hdGVkIGJhciBlbGVtZW50IGZvciBiYWNrZ3JvdW5kL3RvdGFsIHZhbHVlIGRpc3BsYXlcbiAqL1xuZXhwb3J0IGNvbnN0IEJhY2tncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBGb3JlZ3JvdW5kIGJhciBmb3Igc3RhY2tlZCBkaXNwbGF5IChwcm9ncmVzcyB2YWx1ZSlcbiAqIENvbG9yIHNob3VsZCBiZSBwYXNzZWQgdmlhIGJnIHByb3AgZnJvbSBwYXJlbnRcbiAqL1xuZXhwb3J0IGNvbnN0IEZvcmVncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICB9KVxuKTtcblxuLyoqXG4gKiBDb250YWluZXIgZm9yIGJhcnMgd2l0aCByZXNwb25zaXZlIGhlaWdodFxuICovXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZmxleDogMSxcbiAgICBoZWlnaHQ6IHsgXzogMTIsIHNtOiAyMCB9LFxuICAgIGJvcmRlclJhZGl1czogeyBfOiAnbWQnLCBzbTogJ3hsJyB9LFxuICB9KVxuKTtcbiJdfQ== */");

package/dist/BarChart/BarChartProvider.d.ts

@@ -10,24 +10,3 @@ export interface BarChartContextProps {
 }
 export declare const BarChartContext: import("react").Context<BarChartContextProps>;
 export declare const BarChartProvider: import("react").Provider<BarChartContextProps>;
-export declare function useBarChartContext(): BarChartContextProps;
-export interface UseBarChartOptions {
-    minRange: number;
-    maxRange: number;
-    xScale?: number;
-    unit?: string;
-    styleConfig?: BarChartStyles;
-    animate?: boolean;
-}
-export declare function useBarChart({ minRange, maxRange, xScale, unit, styleConfig, animate, }: UseBarChartOptions): {
-    minRange: number;
-    maxRange: number;
-    xScale: number;
-    unit: string;
-    styleConfig: {
-        textColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
-        foregroundBarColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
-        backgroundBarColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
-    };
-    animate: boolean;
-};

package/dist/BarChart/BarChartProvider.js

@@ -1,4 +1,4 @@
-import { createContext, useContext, useMemo } from 'react';
+import { createContext } from 'react';
 const defaultStyleConfig = {
   textColor: 'text',
   foregroundBarColor: 'feedback-warning',
@@ -13,27 +13,4 @@ export const BarChartContext = /*#__PURE__*/createContext({
   animate: false
 });
 BarChartContext.displayName = 'BarChartContext';
-export const BarChartProvider = BarChartContext.Provider;
-export function useBarChartContext() {
-  return useContext(BarChartContext);
-}
-export function useBarChart({
-  minRange,
-  maxRange,
-  xScale,
-  unit = '',
-  styleConfig,
-  animate = false
-}) {
-  return useMemo(() => ({
-    minRange,
-    maxRange,
-    xScale: xScale ?? Math.ceil((maxRange - minRange) / 5),
-    unit,
-    styleConfig: {
-      ...defaultStyleConfig,
-      ...styleConfig
-    },
-    animate
-  }), [minRange, maxRange, xScale, unit, styleConfig, animate]);
-}
+export const BarChartProvider = BarChartContext.Provider;

package/dist/BarChart/index.js

@@ -1,10 +1,10 @@
 import { useMemo } from 'react';
 import { Box } from '../Box';
-import { BarChartProvider, useBarChart } from './BarChartProvider';
-import { BarRow } from './BarRow';
-import { GridLines } from './GridLines';
-import { ScaleChartHeader } from './ScaleChartHeader';
-import { sortBars } from './utils';
+import { Bar } from './Bar/Bar';
+import { BarChartProvider } from './BarChartProvider';
+import { GridLines } from './layout/GridLines';
+import { ScaleChartHeader } from './layout/ScaleChartHeader';
+import { sortBars, useBarChart } from './utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const BarChart = ({
   'aria-label': ariaLabel,
@@ -48,6 +48,8 @@ export const BarChart = ({
         position: "relative",
         width: "100%",
         children: [/*#__PURE__*/_jsx(GridLines, {
+          max: maxRange,
+          min: minRange,
           tickCount: tickCount
         }), /*#__PURE__*/_jsx(Box, {
           "aria-label": ariaLabel,
@@ -56,10 +58,13 @@ export const BarChart = ({
           listStyle: "none",
           m: 0,
           p: 0,
-          children: sortedBars.map((bar, index) => /*#__PURE__*/_jsx(BarRow, {
-            index: index,
-            ...bar
-          }, `${bar.yLabel}-${index}`))
+          children: sortedBars.map((bar, index) => {
+            const uniqueKey = `${bar.yLabel}-${bar.seriesOneValue}-${bar.seriesTwoValue ?? ''}`;
+            return /*#__PURE__*/_jsx(Bar, {
+              index: index,
+              ...bar
+            }, uniqueKey);
+          })
         })]
       })]
     })

package/dist/BarChart/{GridLines.d.ts → layout/GridLines.d.ts}

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 export interface GridLinesProps {
     tickCount: number;
+    min: number;
+    max: number;
 }
 export declare const GridLines: React.FC<GridLinesProps>;

package/dist/BarChart/layout/GridLines.js

@@ -0,0 +1,77 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@codecademy/gamut-styles';
+import { Box } from '../../Box';
+import { useLabelPositions } from '../utils';
+import { VerticalSpacer } from './VerticalSpacer';
+import { jsx as _jsx } from "react/jsx-runtime";
+const GridLineWrapper = /*#__PURE__*/_styled(Box, {
+  target: "ejng4zk2",
+  label: "GridLineWrapper"
+})(css({
+  position: 'absolute',
+  top: 0,
+  bottom: 0,
+  left: 0,
+  right: 0,
+  pointerEvents: 'none',
+  zIndex: 0
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvR3JpZExpbmVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPd0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L2xheW91dC9HcmlkTGluZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IHVzZUxhYmVsUG9zaXRpb25zIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgVmVydGljYWxTcGFjZXIgfSBmcm9tICcuL1ZlcnRpY2FsU3BhY2VyJztcblxuY29uc3QgR3JpZExpbmVXcmFwcGVyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB6SW5kZXg6IDAsXG4gIH0pXG4pO1xuXG5jb25zdCBHcmlkTGluZUNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGJvdHRvbTogMCxcbiAgICBkaXNwbGF5OiB7IF86ICdub25lJywgc206ICdibG9jaycgfSxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICB0b3A6IDAsXG4gICAgbGVmdDogMCxcbiAgICByaWdodDogMCxcbiAgICBib3JkZXJMZWZ0OiAxLFxuICAgIGJvcmRlclJpZ2h0OiAxLFxuICAgIGJvcmRlckNvbG9yOiAnYmFja2dyb3VuZC1kaXNhYmxlZCcsXG4gIH0pXG4pO1xuXG5jb25zdCBHcmlkTGluZSA9IHN0eWxlZChCb3gpPHsgcG9zaXRpb25QZXJjZW50OiBudW1iZXIgfT4oXG4gIGNzcyh7XG4gICAgYm9yZGVyTGVmdDogMSxcbiAgICBib3JkZXJDb2xvckxlZnQ6ICdiYWNrZ3JvdW5kLWRpc2FibGVkJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICB0b3A6IDAsXG4gICAgd2lkdGg6IDAsXG4gIH0pLFxuICAoeyBwb3NpdGlvblBlcmNlbnQgfSkgPT4gKHtcbiAgICBsZWZ0OiBgJHtwb3NpdGlvblBlcmNlbnR9JWAsXG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtNTAlKScsXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRMaW5lc1Byb3BzIHtcbiAgdGlja0NvdW50OiBudW1iZXI7XG4gIG1pbjogbnVtYmVyO1xuICBtYXg6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lczogUmVhY3QuRkM8R3JpZExpbmVzUHJvcHM+ID0gKHtcbiAgdGlja0NvdW50LFxuICBtaW4sXG4gIG1heCxcbn0pID0+IHtcbiAgY29uc3QgbGFiZWxQb3NpdGlvbnMgPSB1c2VMYWJlbFBvc2l0aW9ucyh7IG1pbiwgbWF4LCBjb3VudDogdGlja0NvdW50IH0pO1xuXG4gIGNvbnN0IGxpbmVzID0gbGFiZWxQb3NpdGlvbnMubWFwKCh7IHBvc2l0aW9uUGVyY2VudCwgdmFsdWUgfSkgPT4gKFxuICAgIDxHcmlkTGluZVxuICAgICAgYXJpYS1oaWRkZW5cbiAgICAgIGtleT17YGdyaWRsaW5lLSR7dmFsdWV9LSR7cG9zaXRpb25QZXJjZW50fWB9XG4gICAgICBwb3NpdGlvblBlcmNlbnQ9e3Bvc2l0aW9uUGVyY2VudH1cbiAgICAvPlxuICApKTtcblxuICByZXR1cm4gKFxuICAgIDxHcmlkTGluZVdyYXBwZXIgYXJpYS1oaWRkZW4+XG4gICAgICA8VmVydGljYWxTcGFjZXI+XG4gICAgICAgIDxHcmlkTGluZUNvbnRhaW5lcj57bGluZXN9PC9HcmlkTGluZUNvbnRhaW5lcj5cbiAgICAgIDwvVmVydGljYWxTcGFjZXI+XG4gICAgPC9HcmlkTGluZVdyYXBwZXI+XG4gICk7XG59O1xuIl19 */");
+const GridLineContainer = /*#__PURE__*/_styled(Box, {
+  target: "ejng4zk1",
+  label: "GridLineContainer"
+})(css({
+  bottom: 0,
+  display: {
+    _: 'none',
+    sm: 'block'
+  },
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  right: 0,
+  borderLeft: 1,
+  borderRight: 1,
+  borderColor: 'background-disabled'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvR3JpZExpbmVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvR3JpZExpbmVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyB1c2VMYWJlbFBvc2l0aW9ucyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IFZlcnRpY2FsU3BhY2VyIH0gZnJvbSAnLi9WZXJ0aWNhbFNwYWNlcic7XG5cbmNvbnN0IEdyaWRMaW5lV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgbGVmdDogMCxcbiAgICByaWdodDogMCxcbiAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgekluZGV4OiAwLFxuICB9KVxuKTtcblxuY29uc3QgR3JpZExpbmVDb250YWluZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBib3R0b206IDAsXG4gICAgZGlzcGxheTogeyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH0sXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgYm9yZGVyTGVmdDogMSxcbiAgICBib3JkZXJSaWdodDogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JhY2tncm91bmQtZGlzYWJsZWQnLFxuICB9KVxuKTtcblxuY29uc3QgR3JpZExpbmUgPSBzdHlsZWQoQm94KTx7IHBvc2l0aW9uUGVyY2VudDogbnVtYmVyIH0+KFxuICBjc3Moe1xuICAgIGJvcmRlckxlZnQ6IDEsXG4gICAgYm9yZGVyQ29sb3JMZWZ0OiAnYmFja2dyb3VuZC1kaXNhYmxlZCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAwLFxuICAgIHdpZHRoOiAwLFxuICB9KSxcbiAgKHsgcG9zaXRpb25QZXJjZW50IH0pID0+ICh7XG4gICAgbGVmdDogYCR7cG9zaXRpb25QZXJjZW50fSVgLFxuICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTUwJSknLFxuICB9KVxuKTtcblxuZXhwb3J0IGludGVyZmFjZSBHcmlkTGluZXNQcm9wcyB7XG4gIHRpY2tDb3VudDogbnVtYmVyO1xuICBtaW46IG51bWJlcjtcbiAgbWF4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZXM6IFJlYWN0LkZDPEdyaWRMaW5lc1Byb3BzPiA9ICh7XG4gIHRpY2tDb3VudCxcbiAgbWluLFxuICBtYXgsXG59KSA9PiB7XG4gIGNvbnN0IGxhYmVsUG9zaXRpb25zID0gdXNlTGFiZWxQb3NpdGlvbnMoeyBtaW4sIG1heCwgY291bnQ6IHRpY2tDb3VudCB9KTtcblxuICBjb25zdCBsaW5lcyA9IGxhYmVsUG9zaXRpb25zLm1hcCgoeyBwb3NpdGlvblBlcmNlbnQsIHZhbHVlIH0pID0+IChcbiAgICA8R3JpZExpbmVcbiAgICAgIGFyaWEtaGlkZGVuXG4gICAgICBrZXk9e2BncmlkbGluZS0ke3ZhbHVlfS0ke3Bvc2l0aW9uUGVyY2VudH1gfVxuICAgICAgcG9zaXRpb25QZXJjZW50PXtwb3NpdGlvblBlcmNlbnR9XG4gICAgLz5cbiAgKSk7XG5cbiAgcmV0dXJuIChcbiAgICA8R3JpZExpbmVXcmFwcGVyIGFyaWEtaGlkZGVuPlxuICAgICAgPFZlcnRpY2FsU3BhY2VyPlxuICAgICAgICA8R3JpZExpbmVDb250YWluZXI+e2xpbmVzfTwvR3JpZExpbmVDb250YWluZXI+XG4gICAgICA8L1ZlcnRpY2FsU3BhY2VyPlxuICAgIDwvR3JpZExpbmVXcmFwcGVyPlxuICApO1xufTtcbiJdfQ== */");
+const GridLine = /*#__PURE__*/_styled(Box, {
+  target: "ejng4zk0",
+  label: "GridLine"
+})(css({
+  borderLeft: 1,
+  borderColorLeft: 'background-disabled',
+  height: '100%',
+  position: 'absolute',
+  top: 0,
+  width: 0
+}), ({
+  positionPercent
+}) => ({
+  left: `${positionPercent}%`,
+  transform: 'translateX(-50%)'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvR3JpZExpbmVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvR3JpZExpbmVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyB1c2VMYWJlbFBvc2l0aW9ucyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IFZlcnRpY2FsU3BhY2VyIH0gZnJvbSAnLi9WZXJ0aWNhbFNwYWNlcic7XG5cbmNvbnN0IEdyaWRMaW5lV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgbGVmdDogMCxcbiAgICByaWdodDogMCxcbiAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgekluZGV4OiAwLFxuICB9KVxuKTtcblxuY29uc3QgR3JpZExpbmVDb250YWluZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBib3R0b206IDAsXG4gICAgZGlzcGxheTogeyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH0sXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgYm9yZGVyTGVmdDogMSxcbiAgICBib3JkZXJSaWdodDogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JhY2tncm91bmQtZGlzYWJsZWQnLFxuICB9KVxuKTtcblxuY29uc3QgR3JpZExpbmUgPSBzdHlsZWQoQm94KTx7IHBvc2l0aW9uUGVyY2VudDogbnVtYmVyIH0+KFxuICBjc3Moe1xuICAgIGJvcmRlckxlZnQ6IDEsXG4gICAgYm9yZGVyQ29sb3JMZWZ0OiAnYmFja2dyb3VuZC1kaXNhYmxlZCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAwLFxuICAgIHdpZHRoOiAwLFxuICB9KSxcbiAgKHsgcG9zaXRpb25QZXJjZW50IH0pID0+ICh7XG4gICAgbGVmdDogYCR7cG9zaXRpb25QZXJjZW50fSVgLFxuICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTUwJSknLFxuICB9KVxuKTtcblxuZXhwb3J0IGludGVyZmFjZSBHcmlkTGluZXNQcm9wcyB7XG4gIHRpY2tDb3VudDogbnVtYmVyO1xuICBtaW46IG51bWJlcjtcbiAgbWF4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZXM6IFJlYWN0LkZDPEdyaWRMaW5lc1Byb3BzPiA9ICh7XG4gIHRpY2tDb3VudCxcbiAgbWluLFxuICBtYXgsXG59KSA9PiB7XG4gIGNvbnN0IGxhYmVsUG9zaXRpb25zID0gdXNlTGFiZWxQb3NpdGlvbnMoeyBtaW4sIG1heCwgY291bnQ6IHRpY2tDb3VudCB9KTtcblxuICBjb25zdCBsaW5lcyA9IGxhYmVsUG9zaXRpb25zLm1hcCgoeyBwb3NpdGlvblBlcmNlbnQsIHZhbHVlIH0pID0+IChcbiAgICA8R3JpZExpbmVcbiAgICAgIGFyaWEtaGlkZGVuXG4gICAgICBrZXk9e2BncmlkbGluZS0ke3ZhbHVlfS0ke3Bvc2l0aW9uUGVyY2VudH1gfVxuICAgICAgcG9zaXRpb25QZXJjZW50PXtwb3NpdGlvblBlcmNlbnR9XG4gICAgLz5cbiAgKSk7XG5cbiAgcmV0dXJuIChcbiAgICA8R3JpZExpbmVXcmFwcGVyIGFyaWEtaGlkZGVuPlxuICAgICAgPFZlcnRpY2FsU3BhY2VyPlxuICAgICAgICA8R3JpZExpbmVDb250YWluZXI+e2xpbmVzfTwvR3JpZExpbmVDb250YWluZXI+XG4gICAgICA8L1ZlcnRpY2FsU3BhY2VyPlxuICAgIDwvR3JpZExpbmVXcmFwcGVyPlxuICApO1xufTtcbiJdfQ== */");
+export const GridLines = ({
+  tickCount,
+  min,
+  max
+}) => {
+  const labelPositions = useLabelPositions({
+    min,
+    max,
+    count: tickCount
+  });
+  const lines = labelPositions.map(({
+    positionPercent,
+    value
+  }) => /*#__PURE__*/_jsx(GridLine, {
+    "aria-hidden": true,
+    positionPercent: positionPercent
+  }, `gridline-${value}-${positionPercent}`));
+  return /*#__PURE__*/_jsx(GridLineWrapper, {
+    "aria-hidden": true,
+    children: /*#__PURE__*/_jsx(VerticalSpacer, {
+      children: /*#__PURE__*/_jsx(GridLineContainer, {
+        children: lines
+      })
+    })
+  });
+};

package/dist/BarChart/layout/ScaleChartHeader.js

@@ -0,0 +1,88 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@codecademy/gamut-styles';
+import { Box } from '../../Box';
+import { Text } from '../../Typography';
+import { formatNumberUSCompact, useBarChartContext, useLabelPositions } from '../utils';
+import { VerticalSpacer } from './VerticalSpacer';
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledLabelText = /*#__PURE__*/_styled(Text, {
+  target: "e1ssd1i12",
+  label: "StyledLabelText"
+})(css({
+  position: 'absolute',
+  whiteSpace: 'nowrap',
+  margin: 0,
+  padding: 0
+}), ({
+  positionPercent,
+  textAlign
+}) => {
+  let transform = '';
+  if (textAlign === 'left') {
+    transform = 'translateX(0)';
+  } else if (textAlign === 'right') {
+    transform = 'translateX(-100%)';
+  } else {
+    transform = 'translateX(-50%)';
+  }
+  return {
+    left: `${positionPercent}%`,
+    transform
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvU2NhbGVDaGFydEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ3QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQmFyQ2hhcnQvbGF5b3V0L1NjYWxlQ2hhcnRIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7XG4gIGZvcm1hdE51bWJlclVTQ29tcGFjdCxcbiAgdXNlQmFyQ2hhcnRDb250ZXh0LFxuICB1c2VMYWJlbFBvc2l0aW9ucyxcbn0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgVmVydGljYWxTcGFjZXIgfSBmcm9tICcuL1ZlcnRpY2FsU3BhY2VyJztcblxuZXhwb3J0IGludGVyZmFjZSBTY2FsZUNoYXJ0SGVhZGVyUHJvcHMge1xuICAvKiogTWluaW11bSB2YWx1ZSBvbiB0aGUgc2NhbGUgKi9cbiAgbWluOiBudW1iZXI7XG4gIC8qKiBNYXhpbXVtIHZhbHVlIG9uIHRoZSBzY2FsZSAqL1xuICBtYXg6IG51bWJlcjtcbiAgLyoqIE51bWJlciBvZiBsYWJlbHMgdG8gZGlzcGxheSAqL1xuICBsYWJlbENvdW50OiBudW1iZXI7XG59XG5cbmNvbnN0IFN0eWxlZExhYmVsVGV4dCA9IHN0eWxlZChUZXh0KTx7XG4gIHBvc2l0aW9uUGVyY2VudDogbnVtYmVyO1xuICB0ZXh0QWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0Jztcbn0+KFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIG1hcmdpbjogMCxcbiAgICBwYWRkaW5nOiAwLFxuICB9KSxcbiAgKHsgcG9zaXRpb25QZXJjZW50LCB0ZXh0QWxpZ24gfSkgPT4ge1xuICAgIGxldCB0cmFuc2Zvcm0gPSAnJztcbiAgICBpZiAodGV4dEFsaWduID09PSAnbGVmdCcpIHtcbiAgICAgIHRyYW5zZm9ybSA9ICd0cmFuc2xhdGVYKDApJztcbiAgICB9IGVsc2UgaWYgKHRleHRBbGlnbiA9PT0gJ3JpZ2h0Jykge1xuICAgICAgdHJhbnNmb3JtID0gJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgICB9IGVsc2Uge1xuICAgICAgdHJhbnNmb3JtID0gJ3RyYW5zbGF0ZVgoLTUwJSknO1xuICAgIH1cbiAgICByZXR1cm4ge1xuICAgICAgbGVmdDogYCR7cG9zaXRpb25QZXJjZW50fSVgLFxuICAgICAgdHJhbnNmb3JtLFxuICAgIH07XG4gIH1cbik7XG5cbmNvbnN0IFN0eWxlZEhlYWRlckNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB9KVxuKTtcblxuY29uc3QgSGVhZGVyTGFiZWxBcmVhID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgbWluSGVpZ2h0OiAnMjRweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU2NhbGVDaGFydEhlYWRlcjogUmVhY3QuRkM8U2NhbGVDaGFydEhlYWRlclByb3BzPiA9ICh7XG4gIGxhYmVsQ291bnQsXG4gIG1pbixcbiAgbWF4LFxufSkgPT4ge1xuICBjb25zdCB7IHN0eWxlQ29uZmlnIH0gPSB1c2VCYXJDaGFydENvbnRleHQoKTtcbiAgY29uc3QgbGFiZWxQb3NpdGlvbnMgPSB1c2VMYWJlbFBvc2l0aW9ucyh7IG1pbiwgbWF4LCBjb3VudDogbGFiZWxDb3VudCB9KTtcblxuICBjb25zdCBzY2FsZUxhYmVscyA9IGxhYmVsUG9zaXRpb25zLm1hcCgoeyB2YWx1ZSwgcG9zaXRpb25QZXJjZW50IH0pID0+IChcbiAgICA8U3R5bGVkTGFiZWxUZXh0XG4gICAgICBkYXRhLXRlc3RpZD1cImNoYXJ0LWhlYWRlci1sYWJlbFwiXG4gICAgICBrZXk9e2BsYWJlbC0ke3ZhbHVlfS0ke3Bvc2l0aW9uUGVyY2VudH1gfVxuICAgICAgcG9zaXRpb25QZXJjZW50PXtwb3NpdGlvblBlcmNlbnR9XG4gICAgICB0ZXh0QWxpZ249XCJjZW50ZXJcIlxuICAgICAgdGV4dENvbG9yPXtzdHlsZUNvbmZpZy50ZXh0Q29sb3J9XG4gICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgPlxuICAgICAge2Zvcm1hdE51bWJlclVTQ29tcGFjdCh7XG4gICAgICAgIG51bTogdmFsdWUsXG4gICAgICB9KX1cbiAgICA8L1N0eWxlZExhYmVsVGV4dD5cbiAgKSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IG1iPXsxMn0gd2lkdGg9ezF9PlxuICAgICAgPFN0eWxlZEhlYWRlckNvbnRhaW5lclxuICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdibG9jaycgfX1cbiAgICAgID5cbiAgICAgICAgPFZlcnRpY2FsU3BhY2VyPlxuICAgICAgICAgIDxIZWFkZXJMYWJlbEFyZWE+e3NjYWxlTGFiZWxzfTwvSGVhZGVyTGFiZWxBcmVhPlxuICAgICAgICA8L1ZlcnRpY2FsU3BhY2VyPlxuICAgICAgPC9TdHlsZWRIZWFkZXJDb250YWluZXI+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG4iXX0= */");
+const StyledHeaderContainer = /*#__PURE__*/_styled(Box, {
+  target: "e1ssd1i11",
+  label: "StyledHeaderContainer"
+})(css({
+  alignItems: 'center',
+  position: 'relative'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvU2NhbGVDaGFydEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0M4QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQmFyQ2hhcnQvbGF5b3V0L1NjYWxlQ2hhcnRIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7XG4gIGZvcm1hdE51bWJlclVTQ29tcGFjdCxcbiAgdXNlQmFyQ2hhcnRDb250ZXh0LFxuICB1c2VMYWJlbFBvc2l0aW9ucyxcbn0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgVmVydGljYWxTcGFjZXIgfSBmcm9tICcuL1ZlcnRpY2FsU3BhY2VyJztcblxuZXhwb3J0IGludGVyZmFjZSBTY2FsZUNoYXJ0SGVhZGVyUHJvcHMge1xuICAvKiogTWluaW11bSB2YWx1ZSBvbiB0aGUgc2NhbGUgKi9cbiAgbWluOiBudW1iZXI7XG4gIC8qKiBNYXhpbXVtIHZhbHVlIG9uIHRoZSBzY2FsZSAqL1xuICBtYXg6IG51bWJlcjtcbiAgLyoqIE51bWJlciBvZiBsYWJlbHMgdG8gZGlzcGxheSAqL1xuICBsYWJlbENvdW50OiBudW1iZXI7XG59XG5cbmNvbnN0IFN0eWxlZExhYmVsVGV4dCA9IHN0eWxlZChUZXh0KTx7XG4gIHBvc2l0aW9uUGVyY2VudDogbnVtYmVyO1xuICB0ZXh0QWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0Jztcbn0+KFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIG1hcmdpbjogMCxcbiAgICBwYWRkaW5nOiAwLFxuICB9KSxcbiAgKHsgcG9zaXRpb25QZXJjZW50LCB0ZXh0QWxpZ24gfSkgPT4ge1xuICAgIGxldCB0cmFuc2Zvcm0gPSAnJztcbiAgICBpZiAodGV4dEFsaWduID09PSAnbGVmdCcpIHtcbiAgICAgIHRyYW5zZm9ybSA9ICd0cmFuc2xhdGVYKDApJztcbiAgICB9IGVsc2UgaWYgKHRleHRBbGlnbiA9PT0gJ3JpZ2h0Jykge1xuICAgICAgdHJhbnNmb3JtID0gJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgICB9IGVsc2Uge1xuICAgICAgdHJhbnNmb3JtID0gJ3RyYW5zbGF0ZVgoLTUwJSknO1xuICAgIH1cbiAgICByZXR1cm4ge1xuICAgICAgbGVmdDogYCR7cG9zaXRpb25QZXJjZW50fSVgLFxuICAgICAgdHJhbnNmb3JtLFxuICAgIH07XG4gIH1cbik7XG5cbmNvbnN0IFN0eWxlZEhlYWRlckNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB9KVxuKTtcblxuY29uc3QgSGVhZGVyTGFiZWxBcmVhID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgbWluSGVpZ2h0OiAnMjRweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU2NhbGVDaGFydEhlYWRlcjogUmVhY3QuRkM8U2NhbGVDaGFydEhlYWRlclByb3BzPiA9ICh7XG4gIGxhYmVsQ291bnQsXG4gIG1pbixcbiAgbWF4LFxufSkgPT4ge1xuICBjb25zdCB7IHN0eWxlQ29uZmlnIH0gPSB1c2VCYXJDaGFydENvbnRleHQoKTtcbiAgY29uc3QgbGFiZWxQb3NpdGlvbnMgPSB1c2VMYWJlbFBvc2l0aW9ucyh7IG1pbiwgbWF4LCBjb3VudDogbGFiZWxDb3VudCB9KTtcblxuICBjb25zdCBzY2FsZUxhYmVscyA9IGxhYmVsUG9zaXRpb25zLm1hcCgoeyB2YWx1ZSwgcG9zaXRpb25QZXJjZW50IH0pID0+IChcbiAgICA8U3R5bGVkTGFiZWxUZXh0XG4gICAgICBkYXRhLXRlc3RpZD1cImNoYXJ0LWhlYWRlci1sYWJlbFwiXG4gICAgICBrZXk9e2BsYWJlbC0ke3ZhbHVlfS0ke3Bvc2l0aW9uUGVyY2VudH1gfVxuICAgICAgcG9zaXRpb25QZXJjZW50PXtwb3NpdGlvblBlcmNlbnR9XG4gICAgICB0ZXh0QWxpZ249XCJjZW50ZXJcIlxuICAgICAgdGV4dENvbG9yPXtzdHlsZUNvbmZpZy50ZXh0Q29sb3J9XG4gICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgPlxuICAgICAge2Zvcm1hdE51bWJlclVTQ29tcGFjdCh7XG4gICAgICAgIG51bTogdmFsdWUsXG4gICAgICB9KX1cbiAgICA8L1N0eWxlZExhYmVsVGV4dD5cbiAgKSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IG1iPXsxMn0gd2lkdGg9ezF9PlxuICAgICAgPFN0eWxlZEhlYWRlckNvbnRhaW5lclxuICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdibG9jaycgfX1cbiAgICAgID5cbiAgICAgICAgPFZlcnRpY2FsU3BhY2VyPlxuICAgICAgICAgIDxIZWFkZXJMYWJlbEFyZWE+e3NjYWxlTGFiZWxzfTwvSGVhZGVyTGFiZWxBcmVhPlxuICAgICAgICA8L1ZlcnRpY2FsU3BhY2VyPlxuICAgICAgPC9TdHlsZWRIZWFkZXJDb250YWluZXI+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG4iXX0= */");
+const HeaderLabelArea = /*#__PURE__*/_styled(Box, {
+  target: "e1ssd1i10",
+  label: "HeaderLabelArea"
+})(css({
+  minHeight: '24px'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvU2NhbGVDaGFydEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0R3QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQmFyQ2hhcnQvbGF5b3V0L1NjYWxlQ2hhcnRIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7XG4gIGZvcm1hdE51bWJlclVTQ29tcGFjdCxcbiAgdXNlQmFyQ2hhcnRDb250ZXh0LFxuICB1c2VMYWJlbFBvc2l0aW9ucyxcbn0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgVmVydGljYWxTcGFjZXIgfSBmcm9tICcuL1ZlcnRpY2FsU3BhY2VyJztcblxuZXhwb3J0IGludGVyZmFjZSBTY2FsZUNoYXJ0SGVhZGVyUHJvcHMge1xuICAvKiogTWluaW11bSB2YWx1ZSBvbiB0aGUgc2NhbGUgKi9cbiAgbWluOiBudW1iZXI7XG4gIC8qKiBNYXhpbXVtIHZhbHVlIG9uIHRoZSBzY2FsZSAqL1xuICBtYXg6IG51bWJlcjtcbiAgLyoqIE51bWJlciBvZiBsYWJlbHMgdG8gZGlzcGxheSAqL1xuICBsYWJlbENvdW50OiBudW1iZXI7XG59XG5cbmNvbnN0IFN0eWxlZExhYmVsVGV4dCA9IHN0eWxlZChUZXh0KTx7XG4gIHBvc2l0aW9uUGVyY2VudDogbnVtYmVyO1xuICB0ZXh0QWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0Jztcbn0+KFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIG1hcmdpbjogMCxcbiAgICBwYWRkaW5nOiAwLFxuICB9KSxcbiAgKHsgcG9zaXRpb25QZXJjZW50LCB0ZXh0QWxpZ24gfSkgPT4ge1xuICAgIGxldCB0cmFuc2Zvcm0gPSAnJztcbiAgICBpZiAodGV4dEFsaWduID09PSAnbGVmdCcpIHtcbiAgICAgIHRyYW5zZm9ybSA9ICd0cmFuc2xhdGVYKDApJztcbiAgICB9IGVsc2UgaWYgKHRleHRBbGlnbiA9PT0gJ3JpZ2h0Jykge1xuICAgICAgdHJhbnNmb3JtID0gJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgICB9IGVsc2Uge1xuICAgICAgdHJhbnNmb3JtID0gJ3RyYW5zbGF0ZVgoLTUwJSknO1xuICAgIH1cbiAgICByZXR1cm4ge1xuICAgICAgbGVmdDogYCR7cG9zaXRpb25QZXJjZW50fSVgLFxuICAgICAgdHJhbnNmb3JtLFxuICAgIH07XG4gIH1cbik7XG5cbmNvbnN0IFN0eWxlZEhlYWRlckNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB9KVxuKTtcblxuY29uc3QgSGVhZGVyTGFiZWxBcmVhID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgbWluSGVpZ2h0OiAnMjRweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU2NhbGVDaGFydEhlYWRlcjogUmVhY3QuRkM8U2NhbGVDaGFydEhlYWRlclByb3BzPiA9ICh7XG4gIGxhYmVsQ291bnQsXG4gIG1pbixcbiAgbWF4LFxufSkgPT4ge1xuICBjb25zdCB7IHN0eWxlQ29uZmlnIH0gPSB1c2VCYXJDaGFydENvbnRleHQoKTtcbiAgY29uc3QgbGFiZWxQb3NpdGlvbnMgPSB1c2VMYWJlbFBvc2l0aW9ucyh7IG1pbiwgbWF4LCBjb3VudDogbGFiZWxDb3VudCB9KTtcblxuICBjb25zdCBzY2FsZUxhYmVscyA9IGxhYmVsUG9zaXRpb25zLm1hcCgoeyB2YWx1ZSwgcG9zaXRpb25QZXJjZW50IH0pID0+IChcbiAgICA8U3R5bGVkTGFiZWxUZXh0XG4gICAgICBkYXRhLXRlc3RpZD1cImNoYXJ0LWhlYWRlci1sYWJlbFwiXG4gICAgICBrZXk9e2BsYWJlbC0ke3ZhbHVlfS0ke3Bvc2l0aW9uUGVyY2VudH1gfVxuICAgICAgcG9zaXRpb25QZXJjZW50PXtwb3NpdGlvblBlcmNlbnR9XG4gICAgICB0ZXh0QWxpZ249XCJjZW50ZXJcIlxuICAgICAgdGV4dENvbG9yPXtzdHlsZUNvbmZpZy50ZXh0Q29sb3J9XG4gICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgPlxuICAgICAge2Zvcm1hdE51bWJlclVTQ29tcGFjdCh7XG4gICAgICAgIG51bTogdmFsdWUsXG4gICAgICB9KX1cbiAgICA8L1N0eWxlZExhYmVsVGV4dD5cbiAgKSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IG1iPXsxMn0gd2lkdGg9ezF9PlxuICAgICAgPFN0eWxlZEhlYWRlckNvbnRhaW5lclxuICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdibG9jaycgfX1cbiAgICAgID5cbiAgICAgICAgPFZlcnRpY2FsU3BhY2VyPlxuICAgICAgICAgIDxIZWFkZXJMYWJlbEFyZWE+e3NjYWxlTGFiZWxzfTwvSGVhZGVyTGFiZWxBcmVhPlxuICAgICAgICA8L1ZlcnRpY2FsU3BhY2VyPlxuICAgICAgPC9TdHlsZWRIZWFkZXJDb250YWluZXI+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG4iXX0= */");
+export const ScaleChartHeader = ({
+  labelCount,
+  min,
+  max
+}) => {
+  const {
+    styleConfig
+  } = useBarChartContext();
+  const labelPositions = useLabelPositions({
+    min,
+    max,
+    count: labelCount
+  });
+  const scaleLabels = labelPositions.map(({
+    value,
+    positionPercent
+  }) => /*#__PURE__*/_jsx(StyledLabelText, {
+    "data-testid": "chart-header-label",
+    positionPercent: positionPercent,
+    textAlign: "center",
+    textColor: styleConfig.textColor,
+    variant: "p-small",
+    children: formatNumberUSCompact({
+      num: value
+    })
+  }, `label-${value}-${positionPercent}`));
+  return /*#__PURE__*/_jsx(Box, {
+    mb: 12,
+    width: 1,
+    children: /*#__PURE__*/_jsx(StyledHeaderContainer, {
+      "aria-hidden": "true",
+      display: {
+        _: 'none',
+        sm: 'block'
+      },
+      children: /*#__PURE__*/_jsx(VerticalSpacer, {
+        children: /*#__PURE__*/_jsx(HeaderLabelArea, {
+          children: scaleLabels
+        })
+      })
+    })
+  });
+};

package/dist/BarChart/layout/VerticalSpacer.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface VerticalSpacerProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const VerticalSpacer: React.FC<VerticalSpacerProps>;

package/dist/BarChart/layout/VerticalSpacer.js

@@ -0,0 +1,47 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@codecademy/gamut-styles';
+import { Box } from '../../Box';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SpacerContainer = /*#__PURE__*/_styled(Box, {
+  target: "e1u3mkni3",
+  label: "SpacerContainer"
+})(css({
+  display: 'flex',
+  width: '100%',
+  height: '100%',
+  gap: 0
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvVmVydGljYWxTcGFjZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU13QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQmFyQ2hhcnQvbGF5b3V0L1ZlcnRpY2FsU3BhY2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5cbmNvbnN0IFNwYWNlckNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGdhcDogMCxcbiAgfSlcbik7XG5cbmNvbnN0IExlZnRTcGFjZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIG1pbldpZHRoOiAnMjAwcHgnLFxuICAgIHBsOiAxNixcbiAgfSlcbik7XG5cbmNvbnN0IENvbnRlbnRBcmVhID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgZmxleDogMSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfSlcbik7XG5cbmNvbnN0IFJpZ2h0U3BhY2VyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgZmxleFNocmluazogMCxcbiAgICB3aWR0aDogJzE2MHB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVmVydGljYWxTcGFjZXJQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFZlcnRpY2FsU3BhY2VyOiBSZWFjdC5GQzxWZXJ0aWNhbFNwYWNlclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFNwYWNlckNvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICA8TGVmdFNwYWNlciAvPlxuICAgICAgPENvbnRlbnRBcmVhPntjaGlsZHJlbn08L0NvbnRlbnRBcmVhPlxuICAgICAgPFJpZ2h0U3BhY2VyIC8+XG4gICAgPC9TcGFjZXJDb250YWluZXI+XG4gICk7XG59O1xuXG4iXX0= */");
+const LeftSpacer = /*#__PURE__*/_styled(Box, {
+  target: "e1u3mkni2",
+  label: "LeftSpacer"
+})(css({
+  flexShrink: 0,
+  minWidth: '200px',
+  pl: 16
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvVmVydGljYWxTcGFjZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQmFyQ2hhcnQvbGF5b3V0L1ZlcnRpY2FsU3BhY2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5cbmNvbnN0IFNwYWNlckNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGdhcDogMCxcbiAgfSlcbik7XG5cbmNvbnN0IExlZnRTcGFjZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIG1pbldpZHRoOiAnMjAwcHgnLFxuICAgIHBsOiAxNixcbiAgfSlcbik7XG5cbmNvbnN0IENvbnRlbnRBcmVhID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgZmxleDogMSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfSlcbik7XG5cbmNvbnN0IFJpZ2h0U3BhY2VyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgZmxleFNocmluazogMCxcbiAgICB3aWR0aDogJzE2MHB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVmVydGljYWxTcGFjZXJQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFZlcnRpY2FsU3BhY2VyOiBSZWFjdC5GQzxWZXJ0aWNhbFNwYWNlclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFNwYWNlckNvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICA8TGVmdFNwYWNlciAvPlxuICAgICAgPENvbnRlbnRBcmVhPntjaGlsZHJlbn08L0NvbnRlbnRBcmVhPlxuICAgICAgPFJpZ2h0U3BhY2VyIC8+XG4gICAgPC9TcGFjZXJDb250YWluZXI+XG4gICk7XG59O1xuXG4iXX0= */");
+const ContentArea = /*#__PURE__*/_styled(Box, {
+  target: "e1u3mkni1",
+  label: "ContentArea"
+})(css({
+  flex: 1,
+  position: 'relative',
+  height: '100%'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvVmVydGljYWxTcGFjZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L2xheW91dC9WZXJ0aWNhbFNwYWNlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuXG5jb25zdCBTcGFjZXJDb250YWluZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBnYXA6IDAsXG4gIH0pXG4pO1xuXG5jb25zdCBMZWZ0U3BhY2VyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgZmxleFNocmluazogMCxcbiAgICBtaW5XaWR0aDogJzIwMHB4JyxcbiAgICBwbDogMTYsXG4gIH0pXG4pO1xuXG5jb25zdCBDb250ZW50QXJlYSA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGZsZXg6IDEsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gIH0pXG4pO1xuXG5jb25zdCBSaWdodFNwYWNlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGZsZXhTaHJpbms6IDAsXG4gICAgd2lkdGg6ICcxNjBweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIFZlcnRpY2FsU3BhY2VyUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBWZXJ0aWNhbFNwYWNlcjogUmVhY3QuRkM8VmVydGljYWxTcGFjZXJQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTcGFjZXJDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPExlZnRTcGFjZXIgLz5cbiAgICAgIDxDb250ZW50QXJlYT57Y2hpbGRyZW59PC9Db250ZW50QXJlYT5cbiAgICAgIDxSaWdodFNwYWNlciAvPlxuICAgIDwvU3BhY2VyQ29udGFpbmVyPlxuICApO1xufTtcblxuIl19 */");
+const RightSpacer = /*#__PURE__*/_styled(Box, {
+  target: "e1u3mkni0",
+  label: "RightSpacer"
+})(css({
+  flexShrink: 0,
+  width: '160px'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9sYXlvdXQvVmVydGljYWxTcGFjZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L2xheW91dC9WZXJ0aWNhbFNwYWNlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuXG5jb25zdCBTcGFjZXJDb250YWluZXIgPSBzdHlsZWQoQm94KShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBnYXA6IDAsXG4gIH0pXG4pO1xuXG5jb25zdCBMZWZ0U3BhY2VyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgZmxleFNocmluazogMCxcbiAgICBtaW5XaWR0aDogJzIwMHB4JyxcbiAgICBwbDogMTYsXG4gIH0pXG4pO1xuXG5jb25zdCBDb250ZW50QXJlYSA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGZsZXg6IDEsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gIH0pXG4pO1xuXG5jb25zdCBSaWdodFNwYWNlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGZsZXhTaHJpbms6IDAsXG4gICAgd2lkdGg6ICcxNjBweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIFZlcnRpY2FsU3BhY2VyUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBWZXJ0aWNhbFNwYWNlcjogUmVhY3QuRkM8VmVydGljYWxTcGFjZXJQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTcGFjZXJDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPExlZnRTcGFjZXIgLz5cbiAgICAgIDxDb250ZW50QXJlYT57Y2hpbGRyZW59PC9Db250ZW50QXJlYT5cbiAgICAgIDxSaWdodFNwYWNlciAvPlxuICAgIDwvU3BhY2VyQ29udGFpbmVyPlxuICApO1xufTtcblxuIl19 */");
+export const VerticalSpacer = ({
+  children,
+  className
+}) => {
+  return /*#__PURE__*/_jsxs(SpacerContainer, {
+    className: className,
+    children: [/*#__PURE__*/_jsx(LeftSpacer, {}), /*#__PURE__*/_jsx(ContentArea, {
+      children: children
+    }), /*#__PURE__*/_jsx(RightSpacer, {})]
+  });
+};

package/dist/BarChart/utils/hooks.d.ts

@@ -0,0 +1,36 @@
+import { BarChartContextProps } from '../BarChartProvider';
+import { BarChartStyles } from '../types';
+export interface LabelPosition {
+    value: number;
+    positionPercent: number;
+}
+/**
+ * Hook that calculates label positions for a given range and count
+ * Returns an array of { value, positionPercent } objects
+ */
+export declare const useLabelPositions: ({ min, max, count, }: {
+    min: number;
+    max: number;
+    count: number;
+}) => LabelPosition[];
+export declare function useBarChartContext(): BarChartContextProps;
+export interface UseBarChartOptions {
+    minRange: number;
+    maxRange: number;
+    xScale?: number;
+    unit?: string;
+    styleConfig?: BarChartStyles;
+    animate?: boolean;
+}
+export declare function useBarChart({ minRange, maxRange, xScale, unit, styleConfig, animate, }: UseBarChartOptions): {
+    minRange: number;
+    maxRange: number;
+    xScale: number;
+    unit: string;
+    styleConfig: {
+        textColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
+        foregroundBarColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
+        backgroundBarColor: "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "text-secondary" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-primary" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-selected" | "background-hover" | "shadow-primary" | "shadow-secondary" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | "border-primary" | "border-secondary" | "border-disabled" | "border-tertiary";
+    };
+    animate: boolean;
+};

package/dist/BarChart/utils/hooks.js

@@ -0,0 +1,61 @@
+import { useContext, useMemo } from 'react';
+import { BarChartContext } from '../BarChartProvider';
+import { calculatePositionPercent, getLabel } from './index';
+const defaultStyleConfig = {
+  textColor: 'text',
+  foregroundBarColor: 'feedback-warning',
+  backgroundBarColor: 'background-primary'
+};
+
+/**
+ * Hook that calculates label positions for a given range and count
+ * Returns an array of { value, positionPercent } objects
+ */
+export const useLabelPositions = ({
+  min,
+  max,
+  count
+}) => {
+  return useMemo(() => Array.from({
+    length: count
+  }, (_, i) => {
+    const value = getLabel({
+      labelCount: count,
+      labelIndex: i,
+      min,
+      max
+    });
+    const positionPercent = calculatePositionPercent({
+      value,
+      min,
+      max
+    });
+    return {
+      value,
+      positionPercent
+    };
+  }), [min, max, count]);
+};
+export function useBarChartContext() {
+  return useContext(BarChartContext);
+}
+export function useBarChart({
+  minRange,
+  maxRange,
+  xScale,
+  unit = '',
+  styleConfig,
+  animate = false
+}) {
+  return useMemo(() => ({
+    minRange,
+    maxRange,
+    xScale: xScale ?? Math.ceil((maxRange - minRange) / 5),
+    unit,
+    styleConfig: {
+      ...defaultStyleConfig,
+      ...styleConfig
+    },
+    animate
+  }), [minRange, maxRange, xScale, unit, styleConfig, animate]);
+}

package/dist/BarChart/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { BarProps, BarChartProps } from '../types';
+import { BarChartProps, BarProps } from '../types';
 export declare const numDigits: ({ num }: {
     num: number;
 }) => number;
@@ -10,12 +10,13 @@ export declare const columnBaseSize: ({ experience }: {
     lg: number;
     xl: number;
 };
-export declare const calculatePercent: ({ value, total }: {
+export declare const calculatePercent: ({ value, total, }: {
     value: number;
     total: number;
 }) => number;
-export declare const calculateBarWidth: ({ value, maxRange, }: {
+export declare const calculateBarWidth: ({ value, minRange, maxRange, }: {
     value: number;
+    minRange: number;
     maxRange: number;
 }) => number;
 export declare const calculateTicksAndRange: ({ maxTicks, minPoint, maxPoint, }: {
@@ -29,7 +30,7 @@ export declare const calculateTicksAndRange: ({ maxTicks, minPoint, maxPoint, }:
  * Takes the ceiling if round = false.
  * A nice number is a simple decimal number, for example if a number is 1234, a nice number would be 1000 or 2000.
  */
-export declare const niceNum: ({ range, roundDown }: {
+export declare const niceNum: ({ range, roundDown, }: {
     range: number;
     roundDown: boolean;
 }) => number;
@@ -63,8 +64,20 @@ export declare const getValuesSummary: ({ yLabel, seriesOneValue, seriesTwoValue
 /**
  * Calculates the value for a given label position
  */
-export declare const getLabel: ({ labelCount, labelIndex, max, }: {
+export declare const getLabel: ({ labelCount, labelIndex, min, max, }: {
     labelCount: number;
     labelIndex: number;
+    min: number;
     max: number;
 }) => number;
+/**
+ * Calculates the percentage position for a given value within a range
+ * Returns a value between 0 and 100 representing the position percentage
+ */
+export declare const calculatePositionPercent: ({ value, min, max, }: {
+    value: number;
+    min: number;
+    max: number;
+}) => number;
+export { useBarChart, useBarChartContext, useLabelPositions } from './hooks';
+export type { LabelPosition, UseBarChartOptions } from './hooks';

package/dist/BarChart/utils/index.js

@@ -24,11 +24,14 @@ export const calculatePercent = ({
 };
 export const calculateBarWidth = ({
   value,
+  minRange,
   maxRange
 }) => {
+  const range = maxRange - minRange;
+  const adjustedValue = value - minRange;
   return Math.floor(calculatePercent({
-    value,
-    total: maxRange
+    value: adjustedValue,
+    total: range
   }));
 };
 
@@ -132,9 +135,28 @@ export const getValuesSummary = ({
 export const getLabel = ({
   labelCount,
   labelIndex,
+  min,
   max
 }) => {
   if (labelCount <= 1) return max;
   const incrementalDecimal = labelIndex / (labelCount - 1);
-  return Math.floor(incrementalDecimal * max);
-};
+  return Math.floor(min + incrementalDecimal * (max - min));
+};
+
+/**
+ * Calculates the percentage position for a given value within a range
+ * Returns a value between 0 and 100 representing the position percentage
+ */
+export const calculatePositionPercent = ({
+  value,
+  min,
+  max
+}) => {
+  if (max === min) return 0;
+  const range = max - min;
+  const adjustedValue = value - min;
+  return adjustedValue / range * 100;
+};
+
+// Re-export hooks
+export { useBarChart, useBarChartContext, useLabelPositions } from './hooks';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "67.6.1-alpha.21416d.0",
+  "version": "67.6.1-alpha.301aed.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@codecademy/gamut-icons": "9.53.0",
@@ -56,5 +56,5 @@
     "dist/**/[A-Z]**/[A-Z]*.js",
     "dist/**/[A-Z]**/index.js"
   ],
-  "gitHead": "cd02d8cf62a4b7143b5baa9be4309b0deb700fdd"
+  "gitHead": "256e9aa6f08f98861b030e2eedd133f52f70f908"
 }

package/dist/BarChart/BarRow.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { BarProps } from './types';
-export interface BarRowProps extends BarProps {
-    index?: number;
-}
-export declare const BarRow: import("react").ForwardRefExoticComponent<BarRowProps & import("react").RefAttributes<HTMLDivElement | HTMLAnchorElement | HTMLButtonElement>>;

package/dist/BarChart/BarRow.js

@@ -1,176 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { css, styledOptions } from '@codecademy/gamut-styles';
-import { forwardRef } from 'react';
-import { FlexBox } from '../Box';
-import { Text } from '../Typography';
-import { BackgroundBar, BarWrapper, ForegroundBar, minBarWidth } from './Bar/elements';
-import { useBarChartContext } from './BarChartProvider';
-import { calculateBarWidth, getValuesSummary } from './utils';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const rowBaseStyles = css({
-  display: 'flex',
-  alignItems: 'center',
-  width: '100%',
-  gap: 16,
-  py: 8,
-  px: 0,
-  bg: 'transparent',
-  border: 'none',
-  textDecoration: 'none',
-  cursor: 'inherit',
-  '&:focus': {
-    outline: 'none'
-  },
-  '&:focus-visible': {
-    outline: '2px solid',
-    outlineColor: 'primary',
-    outlineOffset: '2px'
-  }
-});
-const interactiveStyles = css({
-  cursor: 'pointer',
-  '&:hover': {
-    bg: 'background-hover'
-  }
-});
-const RowWrapper = /*#__PURE__*/_styled('div', _extends({}, {
-  target: "eew7ix72",
-  label: "RowWrapper"
-}, styledOptions()))(rowBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDbUIiLCJmaWxlIjoiLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgTW91c2VFdmVudCwgTXV0YWJsZVJlZk9iamVjdCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQge1xuICBCYWNrZ3JvdW5kQmFyLFxuICBCYXJXcmFwcGVyLFxuICBGb3JlZ3JvdW5kQmFyLFxuICBtaW5CYXJXaWR0aCxcbn0gZnJvbSAnLi9CYXIvZWxlbWVudHMnO1xuaW1wb3J0IHsgdXNlQmFyQ2hhcnRDb250ZXh0IH0gZnJvbSAnLi9CYXJDaGFydFByb3ZpZGVyJztcbmltcG9ydCB7IEJhclByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBjYWxjdWxhdGVCYXJXaWR0aCwgZ2V0VmFsdWVzU3VtbWFyeSB9IGZyb20gJy4vdXRpbHMnO1xuXG5jb25zdCByb3dCYXNlU3R5bGVzID0gY3NzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgZ2FwOiAxNixcbiAgcHk6IDgsXG4gIHB4OiAwLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5jb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkKCdkaXYnLCBzdHlsZWRPcHRpb25zPCdkaXYnPigpKShyb3dCYXNlU3R5bGVzKTtcbmNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuY29uc3QgUm93QW5jaG9yID0gc3R5bGVkKCdhJywgc3R5bGVkT3B0aW9uczwnYSc+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcblxuZXhwb3J0IGludGVyZmFjZSBCYXJSb3dQcm9wcyBleHRlbmRzIEJhclByb3BzIHtcbiAgaW5kZXg/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBCYXJSb3cgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCB8IEhUTUxCdXR0b25FbGVtZW50IHwgSFRNTEFuY2hvckVsZW1lbnQsXG4gIEJhclJvd1Byb3BzXG4+KFxuICAoXG4gICAge1xuICAgICAgeUxhYmVsLFxuICAgICAgc2VyaWVzT25lVmFsdWUsXG4gICAgICBzZXJpZXNUd29WYWx1ZSxcbiAgICAgIGljb246IEljb24sXG4gICAgICBvbkNsaWNrLFxuICAgICAgaHJlZixcbiAgICAgIGluZGV4ID0gMCxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCB7IG1heFJhbmdlLCB1bml0LCBzdHlsZUNvbmZpZywgYW5pbWF0ZSB9ID0gdXNlQmFyQ2hhcnRDb250ZXh0KCk7XG5cbiAgICBjb25zdCBpc1N0YWNrZWQgPSBzZXJpZXNUd29WYWx1ZSAhPT0gdW5kZWZpbmVkO1xuICAgIGNvbnN0IGRpc3BsYXlWYWx1ZSA9IGlzU3RhY2tlZCA/IHNlcmllc1R3b1ZhbHVlIDogc2VyaWVzT25lVmFsdWU7XG5cbiAgICBjb25zdCBiYWNrZ3JvdW5kQmFyV2lkdGggPSBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICB2YWx1ZTogZGlzcGxheVZhbHVlLFxuICAgICAgbWF4UmFuZ2UsXG4gICAgfSk7XG5cbiAgICBjb25zdCBmb3JlZ3JvdW5kQmFyV2lkdGggPSBpc1N0YWNrZWRcbiAgICAgID8gY2FsY3VsYXRlQmFyV2lkdGgoe1xuICAgICAgICAgIHZhbHVlOiBzZXJpZXNPbmVWYWx1ZSxcbiAgICAgICAgICBtYXhSYW5nZSxcbiAgICAgICAgfSlcbiAgICAgIDogMDtcblxuICAgIGNvbnN0IGJnV2lkdGhTdHIgPSBgJHtNYXRoLm1heChtaW5CYXJXaWR0aCwgYmFja2dyb3VuZEJhcldpZHRoKX0lYDtcbiAgICBjb25zdCBmZ1dpZHRoU3RyID0gYCR7TWF0aC5tYXgobWluQmFyV2lkdGgsIGZvcmVncm91bmRCYXJXaWR0aCl9JWA7XG5cbiAgICBjb25zdCB2YWx1ZXNTdW1tYXJ5ID0gZ2V0VmFsdWVzU3VtbWFyeSh7XG4gICAgICB5TGFiZWwsXG4gICAgICBzZXJpZXNPbmVWYWx1ZSxcbiAgICAgIHNlcmllc1R3b1ZhbHVlLFxuICAgICAgdW5pdCxcbiAgICB9KTtcblxuICAgIGNvbnN0IGFuaW1hdGlvbkRlbGF5ID0gYW5pbWF0ZSA/IGluZGV4ICogMC4xIDogMDtcblxuICAgIGNvbnN0IHJvd0NvbnRlbnQgPSAoXG4gICAgICA8PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGNvbG9yPXtzdHlsZUNvbmZpZy50ZXh0Q29sb3J9XG4gICAgICAgICAgZmxleFNocmluaz17MH1cbiAgICAgICAgICBnYXA9ezh9XG4gICAgICAgICAgbWluV2lkdGg9XCIyMDBweFwiXG4gICAgICAgID5cbiAgICAgICAgICB7SWNvbiAmJiA8SWNvbiBzaXplPXsxNn0gLz59XG4gICAgICAgICAgPFRleHQgZm9udFdlaWdodD0nYm9sZCcgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiIHRydW5jYXRlTGluZXM9ezF9PlxuICAgICAgICAgICAge3lMYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvRmxleEJveD5cblxuICAgICAgICA8QmFyV3JhcHBlcj5cbiAgICAgICAgICA8QmFja2dyb3VuZEJhclxuICAgICAgICAgICAgYW5pbWF0ZT17YW5pbWF0ZSA/IHsgd2lkdGg6IGJnV2lkdGhTdHIgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIGJnPXtzdHlsZUNvbmZpZy5iYWNrZ3JvdW5kQmFyQ29sb3J9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cImJhY2tncm91bmQtYmFyXCJcbiAgICAgICAgICAgIGluaXRpYWw9e2FuaW1hdGUgPyB7IHdpZHRoOiAnMCUnIH0gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjUsIGRlbGF5OiBhbmltYXRpb25EZWxheSB9fVxuICAgICAgICAgICAgd2lkdGg9eyFhbmltYXRlID8gYmdXaWR0aFN0ciA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtpc1N0YWNrZWQgJiYgKFxuICAgICAgICAgICAgPEZvcmVncm91bmRCYXJcbiAgICAgICAgICAgICAgYW5pbWF0ZT17YW5pbWF0ZSA/IHsgd2lkdGg6IGZnV2lkdGhTdHIgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmZvcmVncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJmb3JlZ3JvdW5kLWJhclwiXG4gICAgICAgICAgICAgIGluaXRpYWw9e2FuaW1hdGUgPyB7IHdpZHRoOiAnMCUnIH0gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5ICsgMC4yNSB9fVxuICAgICAgICAgICAgICB3aWR0aD17IWFuaW1hdGUgPyBmZ1dpZHRoU3RyIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JhcldyYXBwZXI+XG5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBmbGV4U2hyaW5rPXswfVxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgIG1pbldpZHRoPXt7IF86IDQwLCBzbTogNjAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0IGNvbG9yPXtzdHlsZUNvbmZpZy50ZXh0Q29sb3J9IHZhcmlhbnQ9XCJwLXNtYWxsXCI+XG4gICAgICAgICAgICB7ZGlzcGxheVZhbHVlLnRvTG9jYWxlU3RyaW5nKCl9XG4gICAgICAgICAgICB7dW5pdCAmJiBgICR7dW5pdH1gfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC8+XG4gICAgKTtcblxuICAgIGlmIChocmVmKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8bGk+XG4gICAgICAgICAgPFJvd0FuY2hvclxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dmFsdWVzU3VtbWFyeX1cbiAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICByZWY9e3JlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxBbmNob3JFbGVtZW50Pn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgICA8L1Jvd0FuY2hvcj5cbiAgICAgICAgPC9saT5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QnV0dG9uXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MQnV0dG9uRWxlbWVudD59XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICBvbktleURvd249eyhlKSA9PiB7XG4gICAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgIG9uQ2xpY2soZSBhcyB1bmtub3duIGFzIE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgICA8L1Jvd0J1dHRvbj5cbiAgICAgICAgPC9saT5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxsaT5cbiAgICAgICAgPFJvd1dyYXBwZXJcbiAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+fVxuICAgICAgICA+XG4gICAgICAgICAge3Jvd0NvbnRlbnR9XG4gICAgICAgIDwvUm93V3JhcHBlcj5cbiAgICAgIDwvbGk+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
-const RowButton = /*#__PURE__*/_styled('button', _extends({}, {
-  target: "eew7ix71",
-  label: "RowButton"
-}, styledOptions()))(rowBaseStyles, interactiveStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDa0IiLCJmaWxlIjoiLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgTW91c2VFdmVudCwgTXV0YWJsZVJlZk9iamVjdCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQge1xuICBCYWNrZ3JvdW5kQmFyLFxuICBCYXJXcmFwcGVyLFxuICBGb3JlZ3JvdW5kQmFyLFxuICBtaW5CYXJXaWR0aCxcbn0gZnJvbSAnLi9CYXIvZWxlbWVudHMnO1xuaW1wb3J0IHsgdXNlQmFyQ2hhcnRDb250ZXh0IH0gZnJvbSAnLi9CYXJDaGFydFByb3ZpZGVyJztcbmltcG9ydCB7IEJhclByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBjYWxjdWxhdGVCYXJXaWR0aCwgZ2V0VmFsdWVzU3VtbWFyeSB9IGZyb20gJy4vdXRpbHMnO1xuXG5jb25zdCByb3dCYXNlU3R5bGVzID0gY3NzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgZ2FwOiAxNixcbiAgcHk6IDgsXG4gIHB4OiAwLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5jb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkKCdkaXYnLCBzdHlsZWRPcHRpb25zPCdkaXYnPigpKShyb3dCYXNlU3R5bGVzKTtcbmNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuY29uc3QgUm93QW5jaG9yID0gc3R5bGVkKCdhJywgc3R5bGVkT3B0aW9uczwnYSc+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcblxuZXhwb3J0IGludGVyZmFjZSBCYXJSb3dQcm9wcyBleHRlbmRzIEJhclByb3BzIHtcbiAgaW5kZXg/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBCYXJSb3cgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCB8IEhUTUxCdXR0b25FbGVtZW50IHwgSFRNTEFuY2hvckVsZW1lbnQsXG4gIEJhclJvd1Byb3BzXG4+KFxuICAoXG4gICAge1xuICAgICAgeUxhYmVsLFxuICAgICAgc2VyaWVzT25lVmFsdWUsXG4gICAgICBzZXJpZXNUd29WYWx1ZSxcbiAgICAgIGljb246IEljb24sXG4gICAgICBvbkNsaWNrLFxuICAgICAgaHJlZixcbiAgICAgIGluZGV4ID0gMCxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCB7IG1heFJhbmdlLCB1bml0LCBzdHlsZUNvbmZpZywgYW5pbWF0ZSB9ID0gdXNlQmFyQ2hhcnRDb250ZXh0KCk7XG5cbiAgICBjb25zdCBpc1N0YWNrZWQgPSBzZXJpZXNUd29WYWx1ZSAhPT0gdW5kZWZpbmVkO1xuICAgIGNvbnN0IGRpc3BsYXlWYWx1ZSA9IGlzU3RhY2tlZCA/IHNlcmllc1R3b1ZhbHVlIDogc2VyaWVzT25lVmFsdWU7XG5cbiAgICBjb25zdCBiYWNrZ3JvdW5kQmFyV2lkdGggPSBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICB2YWx1ZTogZGlzcGxheVZhbHVlLFxuICAgICAgbWF4UmFuZ2UsXG4gICAgfSk7XG5cbiAgICBjb25zdCBmb3JlZ3JvdW5kQmFyV2lkdGggPSBpc1N0YWNrZWRcbiAgICAgID8gY2FsY3VsYXRlQmFyV2lkdGgoe1xuICAgICAgICAgIHZhbHVlOiBzZXJpZXNPbmVWYWx1ZSxcbiAgICAgICAgICBtYXhSYW5nZSxcbiAgICAgICAgfSlcbiAgICAgIDogMDtcblxuICAgIGNvbnN0IGJnV2lkdGhTdHIgPSBgJHtNYXRoLm1heChtaW5CYXJXaWR0aCwgYmFja2dyb3VuZEJhcldpZHRoKX0lYDtcbiAgICBjb25zdCBmZ1dpZHRoU3RyID0gYCR7TWF0aC5tYXgobWluQmFyV2lkdGgsIGZvcmVncm91bmRCYXJXaWR0aCl9JWA7XG5cbiAgICBjb25zdCB2YWx1ZXNTdW1tYXJ5ID0gZ2V0VmFsdWVzU3VtbWFyeSh7XG4gICAgICB5TGFiZWwsXG4gICAgICBzZXJpZXNPbmVWYWx1ZSxcbiAgICAgIHNlcmllc1R3b1ZhbHVlLFxuICAgICAgdW5pdCxcbiAgICB9KTtcblxuICAgIGNvbnN0IGFuaW1hdGlvbkRlbGF5ID0gYW5pbWF0ZSA/IGluZGV4ICogMC4xIDogMDtcblxuICAgIGNvbnN0IHJvd0NvbnRlbnQgPSAoXG4gICAgICA8PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGNvbG9yPXtzdHlsZUNvbmZpZy50ZXh0Q29sb3J9XG4gICAgICAgICAgZmxleFNocmluaz17MH1cbiAgICAgICAgICBnYXA9ezh9XG4gICAgICAgICAgbWluV2lkdGg9XCIyMDBweFwiXG4gICAgICAgID5cbiAgICAgICAgICB7SWNvbiAmJiA8SWNvbiBzaXplPXsxNn0gLz59XG4gICAgICAgICAgPFRleHQgZm9udFdlaWdodD0nYm9sZCcgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiIHRydW5jYXRlTGluZXM9ezF9PlxuICAgICAgICAgICAge3lMYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvRmxleEJveD5cblxuICAgICAgICA8QmFyV3JhcHBlcj5cbiAgICAgICAgICA8QmFja2dyb3VuZEJhclxuICAgICAgICAgICAgYW5pbWF0ZT17YW5pbWF0ZSA/IHsgd2lkdGg6IGJnV2lkdGhTdHIgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIGJnPXtzdHlsZUNvbmZpZy5iYWNrZ3JvdW5kQmFyQ29sb3J9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cImJhY2tncm91bmQtYmFyXCJcbiAgICAgICAgICAgIGluaXRpYWw9e2FuaW1hdGUgPyB7IHdpZHRoOiAnMCUnIH0gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjUsIGRlbGF5OiBhbmltYXRpb25EZWxheSB9fVxuICAgICAgICAgICAgd2lkdGg9eyFhbmltYXRlID8gYmdXaWR0aFN0ciA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtpc1N0YWNrZWQgJiYgKFxuICAgICAgICAgICAgPEZvcmVncm91bmRCYXJcbiAgICAgICAgICAgICAgYW5pbWF0ZT17YW5pbWF0ZSA/IHsgd2lkdGg6IGZnV2lkdGhTdHIgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmZvcmVncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJmb3JlZ3JvdW5kLWJhclwiXG4gICAgICAgICAgICAgIGluaXRpYWw9e2FuaW1hdGUgPyB7IHdpZHRoOiAnMCUnIH0gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5ICsgMC4yNSB9fVxuICAgICAgICAgICAgICB3aWR0aD17IWFuaW1hdGUgPyBmZ1dpZHRoU3RyIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JhcldyYXBwZXI+XG5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBmbGV4U2hyaW5rPXswfVxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgIG1pbldpZHRoPXt7IF86IDQwLCBzbTogNjAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0IGNvbG9yPXtzdHlsZUNvbmZpZy50ZXh0Q29sb3J9IHZhcmlhbnQ9XCJwLXNtYWxsXCI+XG4gICAgICAgICAgICB7ZGlzcGxheVZhbHVlLnRvTG9jYWxlU3RyaW5nKCl9XG4gICAgICAgICAgICB7dW5pdCAmJiBgICR7dW5pdH1gfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC8+XG4gICAgKTtcblxuICAgIGlmIChocmVmKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8bGk+XG4gICAgICAgICAgPFJvd0FuY2hvclxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dmFsdWVzU3VtbWFyeX1cbiAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICByZWY9e3JlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxBbmNob3JFbGVtZW50Pn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgICA8L1Jvd0FuY2hvcj5cbiAgICAgICAgPC9saT5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QnV0dG9uXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MQnV0dG9uRWxlbWVudD59XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICBvbktleURvd249eyhlKSA9PiB7XG4gICAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgIG9uQ2xpY2soZSBhcyB1bmtub3duIGFzIE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgICA8L1Jvd0J1dHRvbj5cbiAgICAgICAgPC9saT5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxsaT5cbiAgICAgICAgPFJvd1dyYXBwZXJcbiAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+fVxuICAgICAgICA+XG4gICAgICAgICAge3Jvd0NvbnRlbnR9XG4gICAgICAgIDwvUm93V3JhcHBlcj5cbiAgICAgIDwvbGk+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
-const RowAnchor = /*#__PURE__*/_styled('a', _extends({}, {
-  target: "eew7ix70",
-  label: "RowAnchor"
-}, styledOptions()))(rowBaseStyles, interactiveStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEa0IiLCJmaWxlIjoiLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgTW91c2VFdmVudCwgTXV0YWJsZVJlZk9iamVjdCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQge1xuICBCYWNrZ3JvdW5kQmFyLFxuICBCYXJXcmFwcGVyLFxuICBGb3JlZ3JvdW5kQmFyLFxuICBtaW5CYXJXaWR0aCxcbn0gZnJvbSAnLi9CYXIvZWxlbWVudHMnO1xuaW1wb3J0IHsgdXNlQmFyQ2hhcnRDb250ZXh0IH0gZnJvbSAnLi9CYXJDaGFydFByb3ZpZGVyJztcbmltcG9ydCB7IEJhclByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBjYWxjdWxhdGVCYXJXaWR0aCwgZ2V0VmFsdWVzU3VtbWFyeSB9IGZyb20gJy4vdXRpbHMnO1xuXG5jb25zdCByb3dCYXNlU3R5bGVzID0gY3NzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgZ2FwOiAxNixcbiAgcHk6IDgsXG4gIHB4OiAwLFxuICBiZzogJ3RyYW5zcGFyZW50JyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gIGN1cnNvcjogJ2luaGVyaXQnLFxuICAnJjpmb2N1cyc6IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG4gICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgb3V0bGluZTogJzJweCBzb2xpZCcsXG4gICAgb3V0bGluZUNvbG9yOiAncHJpbWFyeScsXG4gICAgb3V0bGluZU9mZnNldDogJzJweCcsXG4gIH0sXG59KTtcblxuY29uc3QgaW50ZXJhY3RpdmVTdHlsZXMgPSBjc3Moe1xuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJyY6aG92ZXInOiB7XG4gICAgYmc6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbiAgfSxcbn0pO1xuXG5jb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkKCdkaXYnLCBzdHlsZWRPcHRpb25zPCdkaXYnPigpKShyb3dCYXNlU3R5bGVzKTtcbmNvbnN0IFJvd0J1dHRvbiA9IHN0eWxlZCgnYnV0dG9uJywgc3R5bGVkT3B0aW9uczwnYnV0dG9uJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuY29uc3QgUm93QW5jaG9yID0gc3R5bGVkKCdhJywgc3R5bGVkT3B0aW9uczwnYSc+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcblxuZXhwb3J0IGludGVyZmFjZSBCYXJSb3dQcm9wcyBleHRlbmRzIEJhclByb3BzIHtcbiAgaW5kZXg/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBCYXJSb3cgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCB8IEhUTUxCdXR0b25FbGVtZW50IHwgSFRNTEFuY2hvckVsZW1lbnQsXG4gIEJhclJvd1Byb3BzXG4+KFxuICAoXG4gICAge1xuICAgICAgeUxhYmVsLFxuICAgICAgc2VyaWVzT25lVmFsdWUsXG4gICAgICBzZXJpZXNUd29WYWx1ZSxcbiAgICAgIGljb246IEljb24sXG4gICAgICBvbkNsaWNrLFxuICAgICAgaHJlZixcbiAgICAgIGluZGV4ID0gMCxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCB7IG1heFJhbmdlLCB1bml0LCBzdHlsZUNvbmZpZywgYW5pbWF0ZSB9ID0gdXNlQmFyQ2hhcnRDb250ZXh0KCk7XG5cbiAgICBjb25zdCBpc1N0YWNrZWQgPSBzZXJpZXNUd29WYWx1ZSAhPT0gdW5kZWZpbmVkO1xuICAgIGNvbnN0IGRpc3BsYXlWYWx1ZSA9IGlzU3RhY2tlZCA/IHNlcmllc1R3b1ZhbHVlIDogc2VyaWVzT25lVmFsdWU7XG5cbiAgICBjb25zdCBiYWNrZ3JvdW5kQmFyV2lkdGggPSBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICB2YWx1ZTogZGlzcGxheVZhbHVlLFxuICAgICAgbWF4UmFuZ2UsXG4gICAgfSk7XG5cbiAgICBjb25zdCBmb3JlZ3JvdW5kQmFyV2lkdGggPSBpc1N0YWNrZWRcbiAgICAgID8gY2FsY3VsYXRlQmFyV2lkdGgoe1xuICAgICAgICAgIHZhbHVlOiBzZXJpZXNPbmVWYWx1ZSxcbiAgICAgICAgICBtYXhSYW5nZSxcbiAgICAgICAgfSlcbiAgICAgIDogMDtcblxuICAgIGNvbnN0IGJnV2lkdGhTdHIgPSBgJHtNYXRoLm1heChtaW5CYXJXaWR0aCwgYmFja2dyb3VuZEJhcldpZHRoKX0lYDtcbiAgICBjb25zdCBmZ1dpZHRoU3RyID0gYCR7TWF0aC5tYXgobWluQmFyV2lkdGgsIGZvcmVncm91bmRCYXJXaWR0aCl9JWA7XG5cbiAgICBjb25zdCB2YWx1ZXNTdW1tYXJ5ID0gZ2V0VmFsdWVzU3VtbWFyeSh7XG4gICAgICB5TGFiZWwsXG4gICAgICBzZXJpZXNPbmVWYWx1ZSxcbiAgICAgIHNlcmllc1R3b1ZhbHVlLFxuICAgICAgdW5pdCxcbiAgICB9KTtcblxuICAgIGNvbnN0IGFuaW1hdGlvbkRlbGF5ID0gYW5pbWF0ZSA/IGluZGV4ICogMC4xIDogMDtcblxuICAgIGNvbnN0IHJvd0NvbnRlbnQgPSAoXG4gICAgICA8PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGNvbG9yPXtzdHlsZUNvbmZpZy50ZXh0Q29sb3J9XG4gICAgICAgICAgZmxleFNocmluaz17MH1cbiAgICAgICAgICBnYXA9ezh9XG4gICAgICAgICAgbWluV2lkdGg9XCIyMDBweFwiXG4gICAgICAgID5cbiAgICAgICAgICB7SWNvbiAmJiA8SWNvbiBzaXplPXsxNn0gLz59XG4gICAgICAgICAgPFRleHQgZm9udFdlaWdodD0nYm9sZCcgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiIHRydW5jYXRlTGluZXM9ezF9PlxuICAgICAgICAgICAge3lMYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvRmxleEJveD5cblxuICAgICAgICA8QmFyV3JhcHBlcj5cbiAgICAgICAgICA8QmFja2dyb3VuZEJhclxuICAgICAgICAgICAgYW5pbWF0ZT17YW5pbWF0ZSA/IHsgd2lkdGg6IGJnV2lkdGhTdHIgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIGJnPXtzdHlsZUNvbmZpZy5iYWNrZ3JvdW5kQmFyQ29sb3J9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cImJhY2tncm91bmQtYmFyXCJcbiAgICAgICAgICAgIGluaXRpYWw9e2FuaW1hdGUgPyB7IHdpZHRoOiAnMCUnIH0gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjUsIGRlbGF5OiBhbmltYXRpb25EZWxheSB9fVxuICAgICAgICAgICAgd2lkdGg9eyFhbmltYXRlID8gYmdXaWR0aFN0ciA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtpc1N0YWNrZWQgJiYgKFxuICAgICAgICAgICAgPEZvcmVncm91bmRCYXJcbiAgICAgICAgICAgICAgYW5pbWF0ZT17YW5pbWF0ZSA/IHsgd2lkdGg6IGZnV2lkdGhTdHIgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmZvcmVncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJmb3JlZ3JvdW5kLWJhclwiXG4gICAgICAgICAgICAgIGluaXRpYWw9e2FuaW1hdGUgPyB7IHdpZHRoOiAnMCUnIH0gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5ICsgMC4yNSB9fVxuICAgICAgICAgICAgICB3aWR0aD17IWFuaW1hdGUgPyBmZ1dpZHRoU3RyIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JhcldyYXBwZXI+XG5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBmbGV4U2hyaW5rPXswfVxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgIG1pbldpZHRoPXt7IF86IDQwLCBzbTogNjAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0IGNvbG9yPXtzdHlsZUNvbmZpZy50ZXh0Q29sb3J9IHZhcmlhbnQ9XCJwLXNtYWxsXCI+XG4gICAgICAgICAgICB7ZGlzcGxheVZhbHVlLnRvTG9jYWxlU3RyaW5nKCl9XG4gICAgICAgICAgICB7dW5pdCAmJiBgICR7dW5pdH1gfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC8+XG4gICAgKTtcblxuICAgIGlmIChocmVmKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8bGk+XG4gICAgICAgICAgPFJvd0FuY2hvclxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dmFsdWVzU3VtbWFyeX1cbiAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICByZWY9e3JlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxBbmNob3JFbGVtZW50Pn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgICA8L1Jvd0FuY2hvcj5cbiAgICAgICAgPC9saT5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QnV0dG9uXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MQnV0dG9uRWxlbWVudD59XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICBvbktleURvd249eyhlKSA9PiB7XG4gICAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgIG9uQ2xpY2soZSBhcyB1bmtub3duIGFzIE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgICA8L1Jvd0J1dHRvbj5cbiAgICAgICAgPC9saT5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxsaT5cbiAgICAgICAgPFJvd1dyYXBwZXJcbiAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+fVxuICAgICAgICA+XG4gICAgICAgICAge3Jvd0NvbnRlbnR9XG4gICAgICAgIDwvUm93V3JhcHBlcj5cbiAgICAgIDwvbGk+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
-export const BarRow = /*#__PURE__*/forwardRef(({
-  yLabel,
-  seriesOneValue,
-  seriesTwoValue,
-  icon: Icon,
-  onClick,
-  href,
-  index = 0
-}, ref) => {
-  const {
-    maxRange,
-    unit,
-    styleConfig,
-    animate
-  } = useBarChartContext();
-  const isStacked = seriesTwoValue !== undefined;
-  const displayValue = isStacked ? seriesTwoValue : seriesOneValue;
-  const backgroundBarWidth = calculateBarWidth({
-    value: displayValue,
-    maxRange
-  });
-  const foregroundBarWidth = isStacked ? calculateBarWidth({
-    value: seriesOneValue,
-    maxRange
-  }) : 0;
-  const bgWidthStr = `${Math.max(minBarWidth, backgroundBarWidth)}%`;
-  const fgWidthStr = `${Math.max(minBarWidth, foregroundBarWidth)}%`;
-  const valuesSummary = getValuesSummary({
-    yLabel,
-    seriesOneValue,
-    seriesTwoValue,
-    unit
-  });
-  const animationDelay = animate ? index * 0.1 : 0;
-  const rowContent = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(FlexBox, {
-      alignItems: "center",
-      color: styleConfig.textColor,
-      flexShrink: 0,
-      gap: 8,
-      minWidth: "200px",
-      children: [Icon && /*#__PURE__*/_jsx(Icon, {
-        size: 16
-      }), /*#__PURE__*/_jsx(Text, {
-        fontWeight: "bold",
-        truncate: "ellipsis",
-        truncateLines: 1,
-        children: yLabel
-      })]
-    }), /*#__PURE__*/_jsxs(BarWrapper, {
-      children: [/*#__PURE__*/_jsx(BackgroundBar, {
-        animate: animate ? {
-          width: bgWidthStr
-        } : undefined,
-        bg: styleConfig.backgroundBarColor,
-        "data-testid": "background-bar",
-        initial: animate ? {
-          width: '0%'
-        } : undefined,
-        transition: {
-          duration: 0.5,
-          delay: animationDelay
-        },
-        width: !animate ? bgWidthStr : undefined
-      }), isStacked && /*#__PURE__*/_jsx(ForegroundBar, {
-        animate: animate ? {
-          width: fgWidthStr
-        } : undefined,
-        bg: styleConfig.foregroundBarColor,
-        "data-testid": "foreground-bar",
-        initial: animate ? {
-          width: '0%'
-        } : undefined,
-        transition: {
-          duration: 0.5,
-          delay: animationDelay + 0.25
-        },
-        width: !animate ? fgWidthStr : undefined
-      })]
-    }), /*#__PURE__*/_jsx(FlexBox, {
-      alignItems: "center",
-      flexShrink: 0,
-      justifyContent: "flex-end",
-      minWidth: {
-        _: 40,
-        sm: 60
-      },
-      children: /*#__PURE__*/_jsxs(Text, {
-        color: styleConfig.textColor,
-        variant: "p-small",
-        children: [displayValue.toLocaleString(), unit && ` ${unit}`]
-      })
-    })]
-  });
-  if (href) {
-    return /*#__PURE__*/_jsx("li", {
-      children: /*#__PURE__*/_jsx(RowAnchor, {
-        "aria-label": valuesSummary,
-        href: href,
-        ref: ref,
-        children: rowContent
-      })
-    });
-  }
-  if (onClick) {
-    return /*#__PURE__*/_jsx("li", {
-      children: /*#__PURE__*/_jsx(RowButton, {
-        "aria-label": valuesSummary,
-        ref: ref,
-        type: "button",
-        onClick: onClick,
-        onKeyDown: e => {
-          if (e.key === 'Enter') {
-            onClick(e);
-          }
-        },
-        children: rowContent
-      })
-    });
-  }
-  return /*#__PURE__*/_jsx("li", {
-    children: /*#__PURE__*/_jsx(RowWrapper, {
-      "aria-label": valuesSummary,
-      ref: ref,
-      children: rowContent
-    })
-  });
-});

package/dist/BarChart/GridLines.js

@@ -1,45 +0,0 @@
-import _styled from "@emotion/styled/base";
-import { css } from '@codecademy/gamut-styles';
-import { Box } from '../Box';
-import { jsx as _jsx } from "react/jsx-runtime";
-const GridLineContainer = /*#__PURE__*/_styled(Box, {
-  target: "e1y7txrp1",
-  label: "GridLineContainer"
-})(css({
-  position: 'absolute',
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  display: {
-    _: 'none',
-    sm: 'flex'
-  },
-  pointerEvents: 'none',
-  zIndex: 0
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9HcmlkTGluZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUswQiIsImZpbGUiOiIuLi8uLi9zcmMvQmFyQ2hhcnQvR3JpZExpbmVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0JveCc7XG5cbmNvbnN0IEdyaWRMaW5lQ29udGFpbmVyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgYm90dG9tOiAwLFxuICAgIGRpc3BsYXk6IHsgXzogJ25vbmUnLCBzbTogJ2ZsZXgnIH0sXG4gICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgIHpJbmRleDogMCxcbiAgfSlcbik7XG5cbmNvbnN0IEdyaWRMaW5lID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgYm9yZGVyTGVmdDogMSxcbiAgICBib3JkZXJDb2xvckxlZnQ6ICdiYWNrZ3JvdW5kLWRpc2FibGVkJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBmbGV4OiAxLFxuICAgICcmOmZpcnN0LW9mLXR5cGUnOiB7XG4gICAgICBib3JkZXJMZWZ0OiAnbm9uZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZExpbmVzUHJvcHMge1xuICB0aWNrQ291bnQ6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEdyaWRMaW5lczogUmVhY3QuRkM8R3JpZExpbmVzUHJvcHM+ID0gKHsgdGlja0NvdW50IH0pID0+IHtcbiAgY29uc3QgbGluZXMgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiB0aWNrQ291bnQgfSwgKF8sIGkpID0+IChcbiAgICA8R3JpZExpbmUgYXJpYS1oaWRkZW4ga2V5PXtpfSAvPlxuICApKTtcblxuICByZXR1cm4gPEdyaWRMaW5lQ29udGFpbmVyIGFyaWEtaGlkZGVuPntsaW5lc308L0dyaWRMaW5lQ29udGFpbmVyPjtcbn07XG4iXX0= */");
-const GridLine = /*#__PURE__*/_styled(Box, {
-  target: "e1y7txrp0",
-  label: "GridLine"
-})(css({
-  borderLeft: 1,
-  borderColorLeft: 'background-disabled',
-  height: '100%',
-  flex: 1,
-  '&:first-of-type': {
-    borderLeft: 'none'
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9HcmlkTGluZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCaUIiLCJmaWxlIjoiLi4vLi4vc3JjL0JhckNoYXJ0L0dyaWRMaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi9Cb3gnO1xuXG5jb25zdCBHcmlkTGluZUNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICBkaXNwbGF5OiB7IF86ICdub25lJywgc206ICdmbGV4JyB9LFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB6SW5kZXg6IDAsXG4gIH0pXG4pO1xuXG5jb25zdCBHcmlkTGluZSA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGJvcmRlckxlZnQ6IDEsXG4gICAgYm9yZGVyQ29sb3JMZWZ0OiAnYmFja2dyb3VuZC1kaXNhYmxlZCcsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgZmxleDogMSxcbiAgICAnJjpmaXJzdC1vZi10eXBlJzoge1xuICAgICAgYm9yZGVyTGVmdDogJ25vbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRMaW5lc1Byb3BzIHtcbiAgdGlja0NvdW50OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZXM6IFJlYWN0LkZDPEdyaWRMaW5lc1Byb3BzPiA9ICh7IHRpY2tDb3VudCB9KSA9PiB7XG4gIGNvbnN0IGxpbmVzID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogdGlja0NvdW50IH0sIChfLCBpKSA9PiAoXG4gICAgPEdyaWRMaW5lIGFyaWEtaGlkZGVuIGtleT17aX0gLz5cbiAgKSk7XG5cbiAgcmV0dXJuIDxHcmlkTGluZUNvbnRhaW5lciBhcmlhLWhpZGRlbj57bGluZXN9PC9HcmlkTGluZUNvbnRhaW5lcj47XG59O1xuIl19 */");
-export const GridLines = ({
-  tickCount
-}) => {
-  const lines = Array.from({
-    length: tickCount
-  }, (_, i) => /*#__PURE__*/_jsx(GridLine, {
-    "aria-hidden": true
-  }, i));
-  return /*#__PURE__*/_jsx(GridLineContainer, {
-    "aria-hidden": true,
-    children: lines
-  });
-};

package/dist/BarChart/ScaleChartHeader.js

@@ -1,55 +0,0 @@
-import _styled from "@emotion/styled/base";
-import { css } from '@codecademy/gamut-styles';
-import { FlexBox } from '../Box';
-import { Text } from '../Typography';
-import { useBarChartContext } from './BarChartProvider';
-import { formatNumberUSCompact, getLabel } from './utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-const StyledLabelText = /*#__PURE__*/_styled(Text, {
-  target: "egjxop0",
-  label: "StyledLabelText"
-})(css({
-  flex: 1
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9TY2FsZUNoYXJ0SGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQndCIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYXJDaGFydC9TY2FsZUNoYXJ0SGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgdXNlQmFyQ2hhcnRDb250ZXh0IH0gZnJvbSAnLi9CYXJDaGFydFByb3ZpZGVyJztcbmltcG9ydCB7IGZvcm1hdE51bWJlclVTQ29tcGFjdCwgZ2V0TGFiZWwgfSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGludGVyZmFjZSBTY2FsZUNoYXJ0SGVhZGVyUHJvcHMge1xuICAvKiogTWluaW11bSB2YWx1ZSBvbiB0aGUgc2NhbGUgKi9cbiAgbWluOiBudW1iZXI7XG4gIC8qKiBNYXhpbXVtIHZhbHVlIG9uIHRoZSBzY2FsZSAqL1xuICBtYXg6IG51bWJlcjtcbiAgLyoqIE51bWJlciBvZiBsYWJlbHMgdG8gZGlzcGxheSAqL1xuICBsYWJlbENvdW50OiBudW1iZXI7XG59XG5cbmNvbnN0IFN0eWxlZExhYmVsVGV4dCA9IHN0eWxlZChUZXh0KShcbiAgY3NzKHtcbiAgICBmbGV4OiAxLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFNjYWxlQ2hhcnRIZWFkZXI6IFJlYWN0LkZDPFNjYWxlQ2hhcnRIZWFkZXJQcm9wcz4gPSAoe1xuICBsYWJlbENvdW50LFxuICBtYXgsXG59KSA9PiB7XG4gIGNvbnN0IHsgc3R5bGVDb25maWcgfSA9IHVzZUJhckNoYXJ0Q29udGV4dCgpO1xuXG4gIGNvbnN0IHNjYWxlTGFiZWxzID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogbGFiZWxDb3VudCB9LCAoXywgaSkgPT4gKFxuICAgIDxTdHlsZWRMYWJlbFRleHRcbiAgICAgIGRhdGEtdGVzdGlkPVwiY2hhcnQtaGVhZGVyLWxhYmVsXCJcbiAgICAgIGtleT17aX1cbiAgICAgIHRleHRBbGlnbj1cImNlbnRlclwiXG4gICAgICB0ZXh0Q29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn1cbiAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICA+XG4gICAgICB7Zm9ybWF0TnVtYmVyVVNDb21wYWN0KHtcbiAgICAgICAgbnVtOiBnZXRMYWJlbCh7IGxhYmVsQ291bnQsIGxhYmVsSW5kZXg6IGksIG1heCB9KSxcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkTGFiZWxUZXh0PlxuICApKTtcblxuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnZmxleCcgfX1cbiAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICBtYj17OH1cbiAgICAgIHBsPXt7IF86IDY0LCBzbTogOTYgfX1cbiAgICAgIHByPXt7IF86IDQwLCBzbTogNjQgfX1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgPlxuICAgICAge3NjYWxlTGFiZWxzfVxuICAgIDwvRmxleEJveD5cbiAgKTtcbn07XG4iXX0= */");
-export const ScaleChartHeader = ({
-  labelCount,
-  max
-}) => {
-  const {
-    styleConfig
-  } = useBarChartContext();
-  const scaleLabels = Array.from({
-    length: labelCount
-  }, (_, i) => /*#__PURE__*/_jsx(StyledLabelText, {
-    "data-testid": "chart-header-label",
-    textAlign: "center",
-    textColor: styleConfig.textColor,
-    variant: "p-small",
-    children: formatNumberUSCompact({
-      num: getLabel({
-        labelCount,
-        labelIndex: i,
-        max
-      })
-    })
-  }, i));
-  return /*#__PURE__*/_jsx(FlexBox, {
-    "aria-hidden": "true",
-    display: {
-      _: 'none',
-      sm: 'flex'
-    },
-    justifyContent: "space-between",
-    mb: 8,
-    pl: {
-      _: 64,
-      sm: 96
-    },
-    pr: {
-      _: 40,
-      sm: 64
-    },
-    width: "100%",
-    children: scaleLabels
-  });
-};