@codecademy/gamut 67.6.2-alpha.72ac86.0 → 67.6.3-alpha.45eda4.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,179 @@
+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 { calculateBarWidth, getValuesSummary, useBarChartContext } from '../utils';
+import { BackgroundBar, BarWrapper, ForegroundBar, minBarWidth } from './elements';
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRG1CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3R5bGVkT3B0aW9ucyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBNb3VzZUV2ZW50LCBNdXRhYmxlUmVmT2JqZWN0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IEJhclByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgY2FsY3VsYXRlQmFyV2lkdGgsXG4gIGdldFZhbHVlc1N1bW1hcnksXG4gIHVzZUJhckNoYXJ0Q29udGV4dCxcbn0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHtcbiAgQmFja2dyb3VuZEJhcixcbiAgQmFyV3JhcHBlcixcbiAgRm9yZWdyb3VuZEJhcixcbiAgbWluQmFyV2lkdGgsXG59IGZyb20gJy4vZWxlbWVudHMnO1xuXG5jb25zdCByb3dCYXNlU3R5bGVzID0gY3NzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgZ2FwOiAwLFxuICBweTogOCxcbiAgcHI6IDE2LFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnZGl2Jywgc3R5bGVkT3B0aW9uczwnZGl2Jz4oKSkocm93QmFzZVN0eWxlcyk7XG5jb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFyUm93UHJvcHMgZXh0ZW5kcyBCYXJQcm9wcyB7XG4gIGluZGV4PzogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQmFyID0gZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50LFxuICBCYXJSb3dQcm9wc1xuPihcbiAgKFxuICAgIHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICBpY29uOiBJY29uLFxuICAgICAgb25DbGljayxcbiAgICAgIGhyZWYsXG4gICAgICBpbmRleCA9IDAsXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgeyBtaW5SYW5nZSwgbWF4UmFuZ2UsIHVuaXQsIHN0eWxlQ29uZmlnLCBhbmltYXRlIH0gPVxuICAgICAgdXNlQmFyQ2hhcnRDb250ZXh0KCk7XG5cbiAgICBjb25zdCBpc1N0YWNrZWQgPSBzZXJpZXNUd29WYWx1ZSAhPT0gdW5kZWZpbmVkO1xuICAgIGNvbnN0IGRpc3BsYXlWYWx1ZSA9IGlzU3RhY2tlZCA/IHNlcmllc1R3b1ZhbHVlIDogc2VyaWVzT25lVmFsdWU7XG5cbiAgICBjb25zdCBiYWNrZ3JvdW5kQmFyV2lkdGggPSBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICB2YWx1ZTogZGlzcGxheVZhbHVlLFxuICAgICAgbWluUmFuZ2UsXG4gICAgICBtYXhSYW5nZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGZvcmVncm91bmRCYXJXaWR0aCA9IGlzU3RhY2tlZFxuICAgICAgPyBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICAgICAgdmFsdWU6IHNlcmllc09uZVZhbHVlLFxuICAgICAgICAgIG1pblJhbmdlLFxuICAgICAgICAgIG1heFJhbmdlLFxuICAgICAgICB9KVxuICAgICAgOiAwO1xuXG4gICAgY29uc3QgYmdXaWR0aFN0ciA9IGAke01hdGgubWF4KG1pbkJhcldpZHRoLCBiYWNrZ3JvdW5kQmFyV2lkdGgpfSVgO1xuICAgIGNvbnN0IGZnV2lkdGhTdHIgPSBgJHtNYXRoLm1heChtaW5CYXJXaWR0aCwgZm9yZWdyb3VuZEJhcldpZHRoKX0lYDtcblxuICAgIGNvbnNvbGUubG9nKCdiYWNrZ3JvdW5kQmFyV2lkdGgnLCBiYWNrZ3JvdW5kQmFyV2lkdGgsIG1heFJhbmdlKTtcblxuICAgIGNvbnN0IHZhbHVlc1N1bW1hcnkgPSBnZXRWYWx1ZXNTdW1tYXJ5KHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICB1bml0LFxuICAgIH0pO1xuXG4gICAgY29uc3QgYW5pbWF0aW9uRGVsYXkgPSBhbmltYXRlID8gaW5kZXggKiAwLjEgOiAwO1xuXG4gICAgY29uc3Qgcm93Q29udGVudCA9IChcbiAgICAgIDw+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn1cbiAgICAgICAgICBmbGV4U2hyaW5rPXswfVxuICAgICAgICAgIGdhcD17OH1cbiAgICAgICAgICBtaW5XaWR0aD1cIjIwMHB4XCJcbiAgICAgICAgICBwbD17MTZ9XG4gICAgICAgID5cbiAgICAgICAgICB7SWNvbiAmJiA8SWNvbiBzaXplPXsxNn0gLz59XG4gICAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17MX0+XG4gICAgICAgICAgICB7eUxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIDxCYXJXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kQmFyXG4gICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogYmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmJhY2tncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYmFja2dyb3VuZC1iYXJcIlxuICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5IH19XG4gICAgICAgICAgICB3aWR0aD17IWFuaW1hdGUgPyBiZ1dpZHRoU3RyIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2lzU3RhY2tlZCAmJiAoXG4gICAgICAgICAgICA8Rm9yZWdyb3VuZEJhclxuICAgICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogZmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICBiZz17c3R5bGVDb25maWcuZm9yZWdyb3VuZEJhckNvbG9yfVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImZvcmVncm91bmQtYmFyXCJcbiAgICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC41LCBkZWxheTogYW5pbWF0aW9uRGVsYXkgKyAwLjI1IH19XG4gICAgICAgICAgICAgIHdpZHRoPXshYW5pbWF0ZSA/IGZnV2lkdGhTdHIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQmFyV3JhcHBlcj5cblxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGZsZXhTaHJpbms9ezB9XG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgbWluV2lkdGg9XCJtaW4tY29udGVudFwiXG4gICAgICAgICAgcHI9ezE2fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn0gdmFyaWFudD1cInAtc21hbGxcIj5cbiAgICAgICAgICAgIHtkaXNwbGF5VmFsdWUudG9Mb2NhbGVTdHJpbmcoKX1cbiAgICAgICAgICAgIHt1bml0ICYmIGAgJHt1bml0fWB9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8Lz5cbiAgICApO1xuXG4gICAgaWYgKGhyZWYpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QW5jaG9yXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QW5jaG9yPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAob25DbGljaykge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGxpPlxuICAgICAgICAgIDxSb3dCdXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgICByZWY9e3JlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50Pn1cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGUpID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgb25DbGljayhlIGFzIHVua25vd24gYXMgTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QnV0dG9uPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxpPlxuICAgICAgICA8Um93V3JhcHBlclxuICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD59XG4gICAgICAgID5cbiAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgPC9Sb3dXcmFwcGVyPlxuICAgICAgPC9saT5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3R5bGVkT3B0aW9ucyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBNb3VzZUV2ZW50LCBNdXRhYmxlUmVmT2JqZWN0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IEJhclByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgY2FsY3VsYXRlQmFyV2lkdGgsXG4gIGdldFZhbHVlc1N1bW1hcnksXG4gIHVzZUJhckNoYXJ0Q29udGV4dCxcbn0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHtcbiAgQmFja2dyb3VuZEJhcixcbiAgQmFyV3JhcHBlcixcbiAgRm9yZWdyb3VuZEJhcixcbiAgbWluQmFyV2lkdGgsXG59IGZyb20gJy4vZWxlbWVudHMnO1xuXG5jb25zdCByb3dCYXNlU3R5bGVzID0gY3NzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgZ2FwOiAwLFxuICBweTogOCxcbiAgcHI6IDE2LFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnZGl2Jywgc3R5bGVkT3B0aW9uczwnZGl2Jz4oKSkocm93QmFzZVN0eWxlcyk7XG5jb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFyUm93UHJvcHMgZXh0ZW5kcyBCYXJQcm9wcyB7XG4gIGluZGV4PzogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQmFyID0gZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50LFxuICBCYXJSb3dQcm9wc1xuPihcbiAgKFxuICAgIHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICBpY29uOiBJY29uLFxuICAgICAgb25DbGljayxcbiAgICAgIGhyZWYsXG4gICAgICBpbmRleCA9IDAsXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgeyBtaW5SYW5nZSwgbWF4UmFuZ2UsIHVuaXQsIHN0eWxlQ29uZmlnLCBhbmltYXRlIH0gPVxuICAgICAgdXNlQmFyQ2hhcnRDb250ZXh0KCk7XG5cbiAgICBjb25zdCBpc1N0YWNrZWQgPSBzZXJpZXNUd29WYWx1ZSAhPT0gdW5kZWZpbmVkO1xuICAgIGNvbnN0IGRpc3BsYXlWYWx1ZSA9IGlzU3RhY2tlZCA/IHNlcmllc1R3b1ZhbHVlIDogc2VyaWVzT25lVmFsdWU7XG5cbiAgICBjb25zdCBiYWNrZ3JvdW5kQmFyV2lkdGggPSBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICB2YWx1ZTogZGlzcGxheVZhbHVlLFxuICAgICAgbWluUmFuZ2UsXG4gICAgICBtYXhSYW5nZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGZvcmVncm91bmRCYXJXaWR0aCA9IGlzU3RhY2tlZFxuICAgICAgPyBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICAgICAgdmFsdWU6IHNlcmllc09uZVZhbHVlLFxuICAgICAgICAgIG1pblJhbmdlLFxuICAgICAgICAgIG1heFJhbmdlLFxuICAgICAgICB9KVxuICAgICAgOiAwO1xuXG4gICAgY29uc3QgYmdXaWR0aFN0ciA9IGAke01hdGgubWF4KG1pbkJhcldpZHRoLCBiYWNrZ3JvdW5kQmFyV2lkdGgpfSVgO1xuICAgIGNvbnN0IGZnV2lkdGhTdHIgPSBgJHtNYXRoLm1heChtaW5CYXJXaWR0aCwgZm9yZWdyb3VuZEJhcldpZHRoKX0lYDtcblxuICAgIGNvbnNvbGUubG9nKCdiYWNrZ3JvdW5kQmFyV2lkdGgnLCBiYWNrZ3JvdW5kQmFyV2lkdGgsIG1heFJhbmdlKTtcblxuICAgIGNvbnN0IHZhbHVlc1N1bW1hcnkgPSBnZXRWYWx1ZXNTdW1tYXJ5KHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICB1bml0LFxuICAgIH0pO1xuXG4gICAgY29uc3QgYW5pbWF0aW9uRGVsYXkgPSBhbmltYXRlID8gaW5kZXggKiAwLjEgOiAwO1xuXG4gICAgY29uc3Qgcm93Q29udGVudCA9IChcbiAgICAgIDw+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn1cbiAgICAgICAgICBmbGV4U2hyaW5rPXswfVxuICAgICAgICAgIGdhcD17OH1cbiAgICAgICAgICBtaW5XaWR0aD1cIjIwMHB4XCJcbiAgICAgICAgICBwbD17MTZ9XG4gICAgICAgID5cbiAgICAgICAgICB7SWNvbiAmJiA8SWNvbiBzaXplPXsxNn0gLz59XG4gICAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17MX0+XG4gICAgICAgICAgICB7eUxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIDxCYXJXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kQmFyXG4gICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogYmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmJhY2tncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYmFja2dyb3VuZC1iYXJcIlxuICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5IH19XG4gICAgICAgICAgICB3aWR0aD17IWFuaW1hdGUgPyBiZ1dpZHRoU3RyIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2lzU3RhY2tlZCAmJiAoXG4gICAgICAgICAgICA8Rm9yZWdyb3VuZEJhclxuICAgICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogZmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICBiZz17c3R5bGVDb25maWcuZm9yZWdyb3VuZEJhckNvbG9yfVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImZvcmVncm91bmQtYmFyXCJcbiAgICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC41LCBkZWxheTogYW5pbWF0aW9uRGVsYXkgKyAwLjI1IH19XG4gICAgICAgICAgICAgIHdpZHRoPXshYW5pbWF0ZSA/IGZnV2lkdGhTdHIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQmFyV3JhcHBlcj5cblxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGZsZXhTaHJpbms9ezB9XG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgbWluV2lkdGg9XCJtaW4tY29udGVudFwiXG4gICAgICAgICAgcHI9ezE2fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn0gdmFyaWFudD1cInAtc21hbGxcIj5cbiAgICAgICAgICAgIHtkaXNwbGF5VmFsdWUudG9Mb2NhbGVTdHJpbmcoKX1cbiAgICAgICAgICAgIHt1bml0ICYmIGAgJHt1bml0fWB9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8Lz5cbiAgICApO1xuXG4gICAgaWYgKGhyZWYpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QW5jaG9yXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QW5jaG9yPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAob25DbGljaykge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGxpPlxuICAgICAgICAgIDxSb3dCdXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgICByZWY9e3JlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50Pn1cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGUpID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgb25DbGljayhlIGFzIHVua25vd24gYXMgTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QnV0dG9uPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxpPlxuICAgICAgICA8Um93V3JhcHBlclxuICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD59XG4gICAgICAgID5cbiAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgPC9Sb3dXcmFwcGVyPlxuICAgICAgPC9saT5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3R5bGVkT3B0aW9ucyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBNb3VzZUV2ZW50LCBNdXRhYmxlUmVmT2JqZWN0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IEJhclByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgY2FsY3VsYXRlQmFyV2lkdGgsXG4gIGdldFZhbHVlc1N1bW1hcnksXG4gIHVzZUJhckNoYXJ0Q29udGV4dCxcbn0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHtcbiAgQmFja2dyb3VuZEJhcixcbiAgQmFyV3JhcHBlcixcbiAgRm9yZWdyb3VuZEJhcixcbiAgbWluQmFyV2lkdGgsXG59IGZyb20gJy4vZWxlbWVudHMnO1xuXG5jb25zdCByb3dCYXNlU3R5bGVzID0gY3NzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgZ2FwOiAwLFxuICBweTogOCxcbiAgcHI6IDE2LFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgYmc6ICd0cmFuc3BhcmVudCcsXG4gIGJvcmRlcjogJ25vbmUnLFxuICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICBjdXJzb3I6ICdpbmhlcml0JyxcbiAgJyY6Zm9jdXMnOiB7XG4gICAgb3V0bGluZTogJ25vbmUnLFxuICB9LFxuICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgIG91dGxpbmU6ICcycHggc29saWQnLFxuICAgIG91dGxpbmVDb2xvcjogJ3ByaW1hcnknLFxuICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICB9LFxufSk7XG5cbmNvbnN0IGludGVyYWN0aXZlU3R5bGVzID0gY3NzKHtcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gICcmOmhvdmVyJzoge1xuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG59KTtcblxuY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZCgnZGl2Jywgc3R5bGVkT3B0aW9uczwnZGl2Jz4oKSkocm93QmFzZVN0eWxlcyk7XG5jb25zdCBSb3dCdXR0b24gPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKFxuICByb3dCYXNlU3R5bGVzLFxuICBpbnRlcmFjdGl2ZVN0eWxlc1xuKTtcbmNvbnN0IFJvd0FuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFyUm93UHJvcHMgZXh0ZW5kcyBCYXJQcm9wcyB7XG4gIGluZGV4PzogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQmFyID0gZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50LFxuICBCYXJSb3dQcm9wc1xuPihcbiAgKFxuICAgIHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICBpY29uOiBJY29uLFxuICAgICAgb25DbGljayxcbiAgICAgIGhyZWYsXG4gICAgICBpbmRleCA9IDAsXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgeyBtaW5SYW5nZSwgbWF4UmFuZ2UsIHVuaXQsIHN0eWxlQ29uZmlnLCBhbmltYXRlIH0gPVxuICAgICAgdXNlQmFyQ2hhcnRDb250ZXh0KCk7XG5cbiAgICBjb25zdCBpc1N0YWNrZWQgPSBzZXJpZXNUd29WYWx1ZSAhPT0gdW5kZWZpbmVkO1xuICAgIGNvbnN0IGRpc3BsYXlWYWx1ZSA9IGlzU3RhY2tlZCA/IHNlcmllc1R3b1ZhbHVlIDogc2VyaWVzT25lVmFsdWU7XG5cbiAgICBjb25zdCBiYWNrZ3JvdW5kQmFyV2lkdGggPSBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICB2YWx1ZTogZGlzcGxheVZhbHVlLFxuICAgICAgbWluUmFuZ2UsXG4gICAgICBtYXhSYW5nZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGZvcmVncm91bmRCYXJXaWR0aCA9IGlzU3RhY2tlZFxuICAgICAgPyBjYWxjdWxhdGVCYXJXaWR0aCh7XG4gICAgICAgICAgdmFsdWU6IHNlcmllc09uZVZhbHVlLFxuICAgICAgICAgIG1pblJhbmdlLFxuICAgICAgICAgIG1heFJhbmdlLFxuICAgICAgICB9KVxuICAgICAgOiAwO1xuXG4gICAgY29uc3QgYmdXaWR0aFN0ciA9IGAke01hdGgubWF4KG1pbkJhcldpZHRoLCBiYWNrZ3JvdW5kQmFyV2lkdGgpfSVgO1xuICAgIGNvbnN0IGZnV2lkdGhTdHIgPSBgJHtNYXRoLm1heChtaW5CYXJXaWR0aCwgZm9yZWdyb3VuZEJhcldpZHRoKX0lYDtcblxuICAgIGNvbnNvbGUubG9nKCdiYWNrZ3JvdW5kQmFyV2lkdGgnLCBiYWNrZ3JvdW5kQmFyV2lkdGgsIG1heFJhbmdlKTtcblxuICAgIGNvbnN0IHZhbHVlc1N1bW1hcnkgPSBnZXRWYWx1ZXNTdW1tYXJ5KHtcbiAgICAgIHlMYWJlbCxcbiAgICAgIHNlcmllc09uZVZhbHVlLFxuICAgICAgc2VyaWVzVHdvVmFsdWUsXG4gICAgICB1bml0LFxuICAgIH0pO1xuXG4gICAgY29uc3QgYW5pbWF0aW9uRGVsYXkgPSBhbmltYXRlID8gaW5kZXggKiAwLjEgOiAwO1xuXG4gICAgY29uc3Qgcm93Q29udGVudCA9IChcbiAgICAgIDw+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn1cbiAgICAgICAgICBmbGV4U2hyaW5rPXswfVxuICAgICAgICAgIGdhcD17OH1cbiAgICAgICAgICBtaW5XaWR0aD1cIjIwMHB4XCJcbiAgICAgICAgICBwbD17MTZ9XG4gICAgICAgID5cbiAgICAgICAgICB7SWNvbiAmJiA8SWNvbiBzaXplPXsxNn0gLz59XG4gICAgICAgICAgPFRleHQgZm9udFdlaWdodD1cImJvbGRcIiB0cnVuY2F0ZT1cImVsbGlwc2lzXCIgdHJ1bmNhdGVMaW5lcz17MX0+XG4gICAgICAgICAgICB7eUxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIDxCYXJXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kQmFyXG4gICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogYmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmJhY2tncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYmFja2dyb3VuZC1iYXJcIlxuICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5IH19XG4gICAgICAgICAgICB3aWR0aD17IWFuaW1hdGUgPyBiZ1dpZHRoU3RyIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2lzU3RhY2tlZCAmJiAoXG4gICAgICAgICAgICA8Rm9yZWdyb3VuZEJhclxuICAgICAgICAgICAgICBhbmltYXRlPXthbmltYXRlID8geyB3aWR0aDogZmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICBiZz17c3R5bGVDb25maWcuZm9yZWdyb3VuZEJhckNvbG9yfVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImZvcmVncm91bmQtYmFyXCJcbiAgICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC41LCBkZWxheTogYW5pbWF0aW9uRGVsYXkgKyAwLjI1IH19XG4gICAgICAgICAgICAgIHdpZHRoPXshYW5pbWF0ZSA/IGZnV2lkdGhTdHIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQmFyV3JhcHBlcj5cblxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGZsZXhTaHJpbms9ezB9XG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgbWluV2lkdGg9XCJtaW4tY29udGVudFwiXG4gICAgICAgICAgcHI9ezE2fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn0gdmFyaWFudD1cInAtc21hbGxcIj5cbiAgICAgICAgICAgIHtkaXNwbGF5VmFsdWUudG9Mb2NhbGVTdHJpbmcoKX1cbiAgICAgICAgICAgIHt1bml0ICYmIGAgJHt1bml0fWB9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8Lz5cbiAgICApO1xuXG4gICAgaWYgKGhyZWYpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QW5jaG9yXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt2YWx1ZXNTdW1tYXJ5fVxuICAgICAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QW5jaG9yPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAob25DbGljaykge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGxpPlxuICAgICAgICAgIDxSb3dCdXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgICByZWY9e3JlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50Pn1cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGUpID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgb25DbGljayhlIGFzIHVua25vd24gYXMgTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QnV0dG9uPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxpPlxuICAgICAgICA8Um93V3JhcHBlclxuICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD59XG4gICAgICAgID5cbiAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgPC9Sb3dXcmFwcGVyPlxuICAgICAgPC9saT5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+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)}%`;
+  console.log('backgroundBarWidth', backgroundBarWidth, maxRange);
+  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
+    })
+  });
+});