@codecademy/gamut 67.6.1-alpha.1b85c1.0 → 67.6.1-alpha.7ad049.0

package/dist/BarChart/Bar/elements.js

@@ -0,0 +1,61 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@codecademy/gamut-styles';
+import { motion } from 'framer-motion';
+import { Box } from '../../Box';
+export const minBarWidth = 8;
+const baseBarStyles = {
+  alignItems: 'center',
+  height: '100%',
+  display: 'flex',
+  position: 'absolute',
+  left: 0,
+  borderRadius: 'inherit'
+};
+
+/**
+ * Animated bar element for background/total value display
+ */
+export const BackgroundBar = /*#__PURE__*/_styled(motion.create(Box), {
+  target: "e1lnm2ux2",
+  label: "BackgroundBar"
+})(css({
+  ...baseBarStyles,
+  border: 1,
+  borderColor: 'border-primary'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0Jhci9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5cbmV4cG9ydCBjb25zdCBtaW5CYXJXaWR0aCA9IDg7XG5cbmNvbnN0IGJhc2VCYXJTdHlsZXMgPSB7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgbGVmdDogMCxcbiAgYm9yZGVyUmFkaXVzOiAnaW5oZXJpdCcsXG59IGFzIGNvbnN0O1xuXG4vKipcbiAqIEFuaW1hdGVkIGJhciBlbGVtZW50IGZvciBiYWNrZ3JvdW5kL3RvdGFsIHZhbHVlIGRpc3BsYXlcbiAqL1xuZXhwb3J0IGNvbnN0IEJhY2tncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICAgIGJvcmRlcjogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbi8qKlxuICogRm9yZWdyb3VuZCBiYXIgZm9yIHN0YWNrZWQgZGlzcGxheSAocHJvZ3Jlc3MgdmFsdWUpXG4gKiBDb2xvciBzaG91bGQgYmUgcGFzc2VkIHZpYSBiZyBwcm9wIGZyb20gcGFyZW50XG4gKi9cbmV4cG9ydCBjb25zdCBGb3JlZ3JvdW5kQmFyID0gc3R5bGVkKG1vdGlvbi5jcmVhdGUoQm94KSkoXG4gIGNzcyh7XG4gICAgLi4uYmFzZUJhclN0eWxlcyxcbiAgICBoZWlnaHQ6ICdjYWxjKDEwMCUgLSAycHgpJyxcbiAgICB0b3A6IDEsXG4gICAgekluZGV4OiAxLFxuICB9KVxuKTtcblxuLyoqXG4gKiBDb250YWluZXIgZm9yIGJhcnMgd2l0aCByZXNwb25zaXZlIGhlaWdodFxuICovXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgaGVpZ2h0OiB7IF86IDEyLCBzbTogMjAgfSxcbiAgICBib3JkZXJSYWRpdXM6IHsgXzogJ21kJywgc206ICd4bCcgfSxcbiAgICB3aWR0aDogJzEwMCUnLFxuICB9KVxuKTtcbiJdfQ== */");
+
+/**
+ * Foreground bar for stacked display (progress value)
+ * Color should be passed via bg prop from parent
+ */
+export const ForegroundBar = /*#__PURE__*/_styled(motion.create(Box), {
+  target: "e1lnm2ux1",
+  label: "ForegroundBar"
+})(css({
+  ...baseBarStyles,
+  height: 'calc(100% - 2px)',
+  top: 1,
+  zIndex: 1
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0Jhci9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5cbmV4cG9ydCBjb25zdCBtaW5CYXJXaWR0aCA9IDg7XG5cbmNvbnN0IGJhc2VCYXJTdHlsZXMgPSB7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgbGVmdDogMCxcbiAgYm9yZGVyUmFkaXVzOiAnaW5oZXJpdCcsXG59IGFzIGNvbnN0O1xuXG4vKipcbiAqIEFuaW1hdGVkIGJhciBlbGVtZW50IGZvciBiYWNrZ3JvdW5kL3RvdGFsIHZhbHVlIGRpc3BsYXlcbiAqL1xuZXhwb3J0IGNvbnN0IEJhY2tncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICAgIGJvcmRlcjogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbi8qKlxuICogRm9yZWdyb3VuZCBiYXIgZm9yIHN0YWNrZWQgZGlzcGxheSAocHJvZ3Jlc3MgdmFsdWUpXG4gKiBDb2xvciBzaG91bGQgYmUgcGFzc2VkIHZpYSBiZyBwcm9wIGZyb20gcGFyZW50XG4gKi9cbmV4cG9ydCBjb25zdCBGb3JlZ3JvdW5kQmFyID0gc3R5bGVkKG1vdGlvbi5jcmVhdGUoQm94KSkoXG4gIGNzcyh7XG4gICAgLi4uYmFzZUJhclN0eWxlcyxcbiAgICBoZWlnaHQ6ICdjYWxjKDEwMCUgLSAycHgpJyxcbiAgICB0b3A6IDEsXG4gICAgekluZGV4OiAxLFxuICB9KVxuKTtcblxuLyoqXG4gKiBDb250YWluZXIgZm9yIGJhcnMgd2l0aCByZXNwb25zaXZlIGhlaWdodFxuICovXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgaGVpZ2h0OiB7IF86IDEyLCBzbTogMjAgfSxcbiAgICBib3JkZXJSYWRpdXM6IHsgXzogJ21kJywgc206ICd4bCcgfSxcbiAgICB3aWR0aDogJzEwMCUnLFxuICB9KVxuKTtcbiJdfQ== */");
+
+/**
+ * Container for bars with responsive height
+ */
+export const BarWrapper = /*#__PURE__*/_styled(Box, {
+  target: "e1lnm2ux0",
+  label: "BarWrapper"
+})(css({
+  display: 'flex',
+  overflow: 'hidden',
+  position: 'relative',
+  alignItems: 'center',
+  height: {
+    _: 12,
+    sm: 20
+  },
+  borderRadius: {
+    _: 'md',
+    sm: 'xl'
+  },
+  width: '100%'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CYXJDaGFydC9CYXIvZWxlbWVudHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JhckNoYXJ0L0Jhci9lbGVtZW50cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5cbmV4cG9ydCBjb25zdCBtaW5CYXJXaWR0aCA9IDg7XG5cbmNvbnN0IGJhc2VCYXJTdHlsZXMgPSB7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgbGVmdDogMCxcbiAgYm9yZGVyUmFkaXVzOiAnaW5oZXJpdCcsXG59IGFzIGNvbnN0O1xuXG4vKipcbiAqIEFuaW1hdGVkIGJhciBlbGVtZW50IGZvciBiYWNrZ3JvdW5kL3RvdGFsIHZhbHVlIGRpc3BsYXlcbiAqL1xuZXhwb3J0IGNvbnN0IEJhY2tncm91bmRCYXIgPSBzdHlsZWQobW90aW9uLmNyZWF0ZShCb3gpKShcbiAgY3NzKHtcbiAgICAuLi5iYXNlQmFyU3R5bGVzLFxuICAgIGJvcmRlcjogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgfSlcbik7XG5cbi8qKlxuICogRm9yZWdyb3VuZCBiYXIgZm9yIHN0YWNrZWQgZGlzcGxheSAocHJvZ3Jlc3MgdmFsdWUpXG4gKiBDb2xvciBzaG91bGQgYmUgcGFzc2VkIHZpYSBiZyBwcm9wIGZyb20gcGFyZW50XG4gKi9cbmV4cG9ydCBjb25zdCBGb3JlZ3JvdW5kQmFyID0gc3R5bGVkKG1vdGlvbi5jcmVhdGUoQm94KSkoXG4gIGNzcyh7XG4gICAgLi4uYmFzZUJhclN0eWxlcyxcbiAgICBoZWlnaHQ6ICdjYWxjKDEwMCUgLSAycHgpJyxcbiAgICB0b3A6IDEsXG4gICAgekluZGV4OiAxLFxuICB9KVxuKTtcblxuLyoqXG4gKiBDb250YWluZXIgZm9yIGJhcnMgd2l0aCByZXNwb25zaXZlIGhlaWdodFxuICovXG5leHBvcnQgY29uc3QgQmFyV3JhcHBlciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgaGVpZ2h0OiB7IF86IDEyLCBzbTogMjAgfSxcbiAgICBib3JkZXJSYWRpdXM6IHsgXzogJ21kJywgc206ICd4bCcgfSxcbiAgICB3aWR0aDogJzEwMCUnLFxuICB9KVxuKTtcbiJdfQ== */");

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

@@ -0,0 +1 @@
+export * from './elements';

package/dist/BarChart/Bar/index.js

@@ -0,0 +1,2 @@
+// Re-export bar elements
+export * from './elements';

package/dist/BarChart/BarChartProvider.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { BarChartStyles } from './types';
+export interface BarChartContextProps {
+    minRange: number;
+    maxRange: number;
+    xScale: number;
+    unit: string;
+    styleConfig: Required<BarChartStyles>;
+    animate: boolean;
+}
+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

@@ -0,0 +1,39 @@
+import { createContext, useContext, useMemo } from 'react';
+const defaultStyleConfig = {
+  textColor: 'text',
+  foregroundBarColor: 'feedback-warning',
+  backgroundBarColor: 'background-primary'
+};
+export const BarChartContext = /*#__PURE__*/createContext({
+  minRange: 0,
+  maxRange: 100,
+  xScale: 10,
+  unit: '',
+  styleConfig: defaultStyleConfig,
+  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]);
+}

package/dist/BarChart/BarRow.d.ts

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

package/dist/BarChart/BarRow.js

@@ -0,0 +1,213 @@
+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 { useBarChartContext } from './BarChartProvider';
+import { calculateBarWidth } from './utils';
+import { BackgroundBar, BarWrapper, ForegroundBar, minBarWidth } from './Bar/elements';
+
+// Polymorphic row wrapper styles
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDbUIiLCJmaWxlIjoiLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgTW91c2VFdmVudCwgTXV0YWJsZVJlZk9iamVjdCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB1c2VCYXJDaGFydENvbnRleHQgfSBmcm9tICcuL0JhckNoYXJ0UHJvdmlkZXInO1xuaW1wb3J0IHsgQmFyUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IGNhbGN1bGF0ZUJhcldpZHRoIH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQge1xuICBCYWNrZ3JvdW5kQmFyLFxuICBCYXJXcmFwcGVyLFxuICBGb3JlZ3JvdW5kQmFyLFxuICBtaW5CYXJXaWR0aCxcbn0gZnJvbSAnLi9CYXIvZWxlbWVudHMnO1xuXG4vLyBQb2x5bW9ycGhpYyByb3cgd3JhcHBlciBzdHlsZXNcbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB3aWR0aDogJzEwMCUnLFxuICBnYXA6IDE2LFxuICBweTogOCxcbiAgcHg6IDAsXG4gIGJnOiAndHJhbnNwYXJlbnQnLFxuICBib3JkZXI6ICdub25lJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgY3Vyc29yOiAnaW5oZXJpdCcsXG4gICcmOmZvY3VzJzoge1xuICAgIG91dGxpbmU6ICdub25lJyxcbiAgfSxcbiAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICBvdXRsaW5lOiAnMnB4IHNvbGlkJyxcbiAgICBvdXRsaW5lQ29sb3I6ICdwcmltYXJ5JyxcbiAgICBvdXRsaW5lT2Zmc2V0OiAnMnB4JyxcbiAgfSxcbn0pO1xuXG5jb25zdCBpbnRlcmFjdGl2ZVN0eWxlcyA9IGNzcyh7XG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICAnJjpob3Zlcic6IHtcbiAgICBiZzogJ2JhY2tncm91bmQtaG92ZXInLFxuICB9LFxufSk7XG5cbmNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ2RpdicsIHN0eWxlZE9wdGlvbnM8J2Rpdic+KCkpKHJvd0Jhc2VTdHlsZXMpO1xuY29uc3QgUm93QnV0dG9uID0gc3R5bGVkKCdidXR0b24nLCBzdHlsZWRPcHRpb25zPCdidXR0b24nPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5jb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhclJvd1Byb3BzIGV4dGVuZHMgQmFyUHJvcHMge1xuICAvKiogSW5kZXggZm9yIGFuaW1hdGlvbiBzdGFnZ2VyaW5nICovXG4gIGluZGV4PzogbnVtYmVyO1xufVxuXG4vKipcbiAqIEdlbmVyYXRlcyBhbiBhY2Nlc3NpYmxlIHN1bW1hcnkgb2YgdGhlIGJhciB2YWx1ZXNcbiAqL1xuZnVuY3Rpb24gZ2V0VmFsdWVzU3VtbWFyeSh7XG4gIHlMYWJlbCxcbiAgc2VyaWVzT25lVmFsdWUsXG4gIHNlcmllc1R3b1ZhbHVlLFxuICB1bml0LFxufToge1xuICB5TGFiZWw6IHN0cmluZztcbiAgc2VyaWVzT25lVmFsdWU6IG51bWJlcjtcbiAgc2VyaWVzVHdvVmFsdWU/OiBudW1iZXI7XG4gIHVuaXQ6IHN0cmluZztcbn0pOiBzdHJpbmcge1xuICBpZiAoc2VyaWVzVHdvVmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgIGNvbnN0IGdhaW5lZCA9IHNlcmllc09uZVZhbHVlO1xuICAgIHJldHVybiBgJHtnYWluZWR9ICR7dW5pdH0gZ2FpbmVkIC0gbm93IGF0ICR7c2VyaWVzVHdvVmFsdWV9ICR7dW5pdH0gaW4gJHt5TGFiZWx9IGNhdGVnb3J5YDtcbiAgfVxuICByZXR1cm4gYCR7c2VyaWVzT25lVmFsdWV9ICR7dW5pdH0gaW4gJHt5TGFiZWx9IGNhdGVnb3J5YDtcbn1cblxuZXhwb3J0IGNvbnN0IEJhclJvdyA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50IHwgSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudCxcbiAgQmFyUm93UHJvcHNcbj4oXG4gIChcbiAgICB7XG4gICAgICB5TGFiZWwsXG4gICAgICBzZXJpZXNPbmVWYWx1ZSxcbiAgICAgIHNlcmllc1R3b1ZhbHVlLFxuICAgICAgaWNvbjogSWNvbixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBocmVmLFxuICAgICAgaW5kZXggPSAwLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHsgbWF4UmFuZ2UsIHVuaXQsIHN0eWxlQ29uZmlnLCBhbmltYXRlIH0gPSB1c2VCYXJDaGFydENvbnRleHQoKTtcblxuICAgIGNvbnN0IGlzU3RhY2tlZCA9IHNlcmllc1R3b1ZhbHVlICE9PSB1bmRlZmluZWQ7XG4gICAgY29uc3QgZGlzcGxheVZhbHVlID0gaXNTdGFja2VkID8gc2VyaWVzVHdvVmFsdWUgOiBzZXJpZXNPbmVWYWx1ZTtcblxuICAgIC8vIENhbGN1bGF0ZSBiYXIgd2lkdGhzIGFzIHBlcmNlbnRhZ2VzXG4gICAgY29uc3QgYmFja2dyb3VuZEJhcldpZHRoID0gY2FsY3VsYXRlQmFyV2lkdGgoe1xuICAgICAgdmFsdWU6IGRpc3BsYXlWYWx1ZSxcbiAgICAgIG1heFJhbmdlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgZm9yZWdyb3VuZEJhcldpZHRoID0gaXNTdGFja2VkXG4gICAgICA/IGNhbGN1bGF0ZUJhcldpZHRoKHtcbiAgICAgICAgICB2YWx1ZTogc2VyaWVzT25lVmFsdWUsXG4gICAgICAgICAgbWF4UmFuZ2UsXG4gICAgICAgIH0pXG4gICAgICA6IDA7XG5cbiAgICBjb25zdCBiZ1dpZHRoU3RyID0gYCR7TWF0aC5tYXgobWluQmFyV2lkdGgsIGJhY2tncm91bmRCYXJXaWR0aCl9JWA7XG4gICAgY29uc3QgZmdXaWR0aFN0ciA9IGAke01hdGgubWF4KG1pbkJhcldpZHRoLCBmb3JlZ3JvdW5kQmFyV2lkdGgpfSVgO1xuXG4gICAgY29uc3QgdmFsdWVzU3VtbWFyeSA9IGdldFZhbHVlc1N1bW1hcnkoe1xuICAgICAgeUxhYmVsLFxuICAgICAgc2VyaWVzT25lVmFsdWUsXG4gICAgICBzZXJpZXNUd29WYWx1ZSxcbiAgICAgIHVuaXQsXG4gICAgfSk7XG5cbiAgICAvLyBBbmltYXRpb24gZGVsYXkgZm9yIHN0YWdnZXJlZCBiYXIgZW50cmFuY2VcbiAgICBjb25zdCBhbmltYXRpb25EZWxheSA9IGFuaW1hdGUgPyBpbmRleCAqIDAuMSA6IDA7XG5cbiAgICBjb25zdCByb3dDb250ZW50ID0gKFxuICAgICAgPD5cbiAgICAgICAgey8qIFktYXhpcyBsYWJlbCB3aXRoIG9wdGlvbmFsIGljb24gKi99XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgZ2FwPXs4fVxuICAgICAgICAgIG1pbldpZHRoPXt7IF86IDgwLCBzbTogMTIwIH19XG4gICAgICAgICAgZmxleFNocmluaz17MH1cbiAgICAgICAgPlxuICAgICAgICAgIHtJY29uICYmIDxJY29uIHNpemU9ezE2fSBjb2xvcj17c3R5bGVDb25maWcudGV4dENvbG9yfSAvPn1cbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn1cbiAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eUxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIHsvKiBCYXIgY29udGFpbmVyICovfVxuICAgICAgICA8RmxleEJveCBmbGV4PXsxfSBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgICAgICAgIDxCYXJXcmFwcGVyPlxuICAgICAgICAgICAgey8qIEJhY2tncm91bmQgYmFyICh0b3RhbCB2YWx1ZSBpbiBzdGFja2VkLCBvciBzaW5nbGUgdmFsdWUgaW4gbm9uLXN0YWNrZWQpICovfVxuICAgICAgICAgICAgPEJhY2tncm91bmRCYXJcbiAgICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmJhY2tncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17YW5pbWF0ZSA/IHsgd2lkdGg6IGJnV2lkdGhTdHIgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgc3R5bGU9eyFhbmltYXRlID8geyB3aWR0aDogYmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjUsIGRlbGF5OiBhbmltYXRpb25EZWxheSB9fVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImJhY2tncm91bmQtYmFyXCJcbiAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgIHsvKiBGb3JlZ3JvdW5kIGJhciAocHJvZ3Jlc3MgdmFsdWUgaW4gc3RhY2tlZCBtb2RlIG9ubHkpICovfVxuICAgICAgICAgICAge2lzU3RhY2tlZCAmJiAoXG4gICAgICAgICAgICAgIDxGb3JlZ3JvdW5kQmFyXG4gICAgICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmZvcmVncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgICAgICBpbml0aWFsPXthbmltYXRlID8geyB3aWR0aDogJzAlJyB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGFuaW1hdGU9e2FuaW1hdGUgPyB7IHdpZHRoOiBmZ1dpZHRoU3RyIH0gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgc3R5bGU9eyFhbmltYXRlID8geyB3aWR0aDogZmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5ICsgMC4yNSB9fVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZm9yZWdyb3VuZC1iYXJcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JhcldyYXBwZXI+XG4gICAgICAgIDwvRmxleEJveD5cblxuICAgICAgICB7LyogVmFsdWUgZGlzcGxheSAqL31cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImZsZXgtZW5kXCJcbiAgICAgICAgICBtaW5XaWR0aD17eyBfOiA0MCwgc206IDYwIH19XG4gICAgICAgICAgZmxleFNocmluaz17MH1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn0+XG4gICAgICAgICAgICB7ZGlzcGxheVZhbHVlLnRvTG9jYWxlU3RyaW5nKCl9XG4gICAgICAgICAgICB7dW5pdCAmJiBgICR7dW5pdH1gfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC8+XG4gICAgKTtcblxuICAgIC8vIFBvbHltb3JwaGljIHJlbmRlcmluZyBiYXNlZCBvbiBpbnRlcmFjdGl2aXR5XG4gICAgaWYgKGhyZWYpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QW5jaG9yXG4gICAgICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dmFsdWVzU3VtbWFyeX1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QW5jaG9yPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAob25DbGljaykge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGxpPlxuICAgICAgICAgIDxSb3dCdXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGUpID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgb25DbGljayhlIGFzIHVua25vd24gYXMgTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dmFsdWVzU3VtbWFyeX1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QnV0dG9uPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxpPlxuICAgICAgICA8Um93V3JhcHBlclxuICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD59XG4gICAgICAgID5cbiAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgPC9Sb3dXcmFwcGVyPlxuICAgICAgPC9saT5cbiAgICApO1xuICB9XG4pO1xuXG5CYXJSb3cuZGlzcGxheU5hbWUgPSAnQmFyUm93JztcbiJdfQ== */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDa0IiLCJmaWxlIjoiLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgTW91c2VFdmVudCwgTXV0YWJsZVJlZk9iamVjdCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB1c2VCYXJDaGFydENvbnRleHQgfSBmcm9tICcuL0JhckNoYXJ0UHJvdmlkZXInO1xuaW1wb3J0IHsgQmFyUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IGNhbGN1bGF0ZUJhcldpZHRoIH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQge1xuICBCYWNrZ3JvdW5kQmFyLFxuICBCYXJXcmFwcGVyLFxuICBGb3JlZ3JvdW5kQmFyLFxuICBtaW5CYXJXaWR0aCxcbn0gZnJvbSAnLi9CYXIvZWxlbWVudHMnO1xuXG4vLyBQb2x5bW9ycGhpYyByb3cgd3JhcHBlciBzdHlsZXNcbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB3aWR0aDogJzEwMCUnLFxuICBnYXA6IDE2LFxuICBweTogOCxcbiAgcHg6IDAsXG4gIGJnOiAndHJhbnNwYXJlbnQnLFxuICBib3JkZXI6ICdub25lJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgY3Vyc29yOiAnaW5oZXJpdCcsXG4gICcmOmZvY3VzJzoge1xuICAgIG91dGxpbmU6ICdub25lJyxcbiAgfSxcbiAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICBvdXRsaW5lOiAnMnB4IHNvbGlkJyxcbiAgICBvdXRsaW5lQ29sb3I6ICdwcmltYXJ5JyxcbiAgICBvdXRsaW5lT2Zmc2V0OiAnMnB4JyxcbiAgfSxcbn0pO1xuXG5jb25zdCBpbnRlcmFjdGl2ZVN0eWxlcyA9IGNzcyh7XG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICAnJjpob3Zlcic6IHtcbiAgICBiZzogJ2JhY2tncm91bmQtaG92ZXInLFxuICB9LFxufSk7XG5cbmNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ2RpdicsIHN0eWxlZE9wdGlvbnM8J2Rpdic+KCkpKHJvd0Jhc2VTdHlsZXMpO1xuY29uc3QgUm93QnV0dG9uID0gc3R5bGVkKCdidXR0b24nLCBzdHlsZWRPcHRpb25zPCdidXR0b24nPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5jb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhclJvd1Byb3BzIGV4dGVuZHMgQmFyUHJvcHMge1xuICAvKiogSW5kZXggZm9yIGFuaW1hdGlvbiBzdGFnZ2VyaW5nICovXG4gIGluZGV4PzogbnVtYmVyO1xufVxuXG4vKipcbiAqIEdlbmVyYXRlcyBhbiBhY2Nlc3NpYmxlIHN1bW1hcnkgb2YgdGhlIGJhciB2YWx1ZXNcbiAqL1xuZnVuY3Rpb24gZ2V0VmFsdWVzU3VtbWFyeSh7XG4gIHlMYWJlbCxcbiAgc2VyaWVzT25lVmFsdWUsXG4gIHNlcmllc1R3b1ZhbHVlLFxuICB1bml0LFxufToge1xuICB5TGFiZWw6IHN0cmluZztcbiAgc2VyaWVzT25lVmFsdWU6IG51bWJlcjtcbiAgc2VyaWVzVHdvVmFsdWU/OiBudW1iZXI7XG4gIHVuaXQ6IHN0cmluZztcbn0pOiBzdHJpbmcge1xuICBpZiAoc2VyaWVzVHdvVmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgIGNvbnN0IGdhaW5lZCA9IHNlcmllc09uZVZhbHVlO1xuICAgIHJldHVybiBgJHtnYWluZWR9ICR7dW5pdH0gZ2FpbmVkIC0gbm93IGF0ICR7c2VyaWVzVHdvVmFsdWV9ICR7dW5pdH0gaW4gJHt5TGFiZWx9IGNhdGVnb3J5YDtcbiAgfVxuICByZXR1cm4gYCR7c2VyaWVzT25lVmFsdWV9ICR7dW5pdH0gaW4gJHt5TGFiZWx9IGNhdGVnb3J5YDtcbn1cblxuZXhwb3J0IGNvbnN0IEJhclJvdyA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50IHwgSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudCxcbiAgQmFyUm93UHJvcHNcbj4oXG4gIChcbiAgICB7XG4gICAgICB5TGFiZWwsXG4gICAgICBzZXJpZXNPbmVWYWx1ZSxcbiAgICAgIHNlcmllc1R3b1ZhbHVlLFxuICAgICAgaWNvbjogSWNvbixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBocmVmLFxuICAgICAgaW5kZXggPSAwLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHsgbWF4UmFuZ2UsIHVuaXQsIHN0eWxlQ29uZmlnLCBhbmltYXRlIH0gPSB1c2VCYXJDaGFydENvbnRleHQoKTtcblxuICAgIGNvbnN0IGlzU3RhY2tlZCA9IHNlcmllc1R3b1ZhbHVlICE9PSB1bmRlZmluZWQ7XG4gICAgY29uc3QgZGlzcGxheVZhbHVlID0gaXNTdGFja2VkID8gc2VyaWVzVHdvVmFsdWUgOiBzZXJpZXNPbmVWYWx1ZTtcblxuICAgIC8vIENhbGN1bGF0ZSBiYXIgd2lkdGhzIGFzIHBlcmNlbnRhZ2VzXG4gICAgY29uc3QgYmFja2dyb3VuZEJhcldpZHRoID0gY2FsY3VsYXRlQmFyV2lkdGgoe1xuICAgICAgdmFsdWU6IGRpc3BsYXlWYWx1ZSxcbiAgICAgIG1heFJhbmdlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgZm9yZWdyb3VuZEJhcldpZHRoID0gaXNTdGFja2VkXG4gICAgICA/IGNhbGN1bGF0ZUJhcldpZHRoKHtcbiAgICAgICAgICB2YWx1ZTogc2VyaWVzT25lVmFsdWUsXG4gICAgICAgICAgbWF4UmFuZ2UsXG4gICAgICAgIH0pXG4gICAgICA6IDA7XG5cbiAgICBjb25zdCBiZ1dpZHRoU3RyID0gYCR7TWF0aC5tYXgobWluQmFyV2lkdGgsIGJhY2tncm91bmRCYXJXaWR0aCl9JWA7XG4gICAgY29uc3QgZmdXaWR0aFN0ciA9IGAke01hdGgubWF4KG1pbkJhcldpZHRoLCBmb3JlZ3JvdW5kQmFyV2lkdGgpfSVgO1xuXG4gICAgY29uc3QgdmFsdWVzU3VtbWFyeSA9IGdldFZhbHVlc1N1bW1hcnkoe1xuICAgICAgeUxhYmVsLFxuICAgICAgc2VyaWVzT25lVmFsdWUsXG4gICAgICBzZXJpZXNUd29WYWx1ZSxcbiAgICAgIHVuaXQsXG4gICAgfSk7XG5cbiAgICAvLyBBbmltYXRpb24gZGVsYXkgZm9yIHN0YWdnZXJlZCBiYXIgZW50cmFuY2VcbiAgICBjb25zdCBhbmltYXRpb25EZWxheSA9IGFuaW1hdGUgPyBpbmRleCAqIDAuMSA6IDA7XG5cbiAgICBjb25zdCByb3dDb250ZW50ID0gKFxuICAgICAgPD5cbiAgICAgICAgey8qIFktYXhpcyBsYWJlbCB3aXRoIG9wdGlvbmFsIGljb24gKi99XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgZ2FwPXs4fVxuICAgICAgICAgIG1pbldpZHRoPXt7IF86IDgwLCBzbTogMTIwIH19XG4gICAgICAgICAgZmxleFNocmluaz17MH1cbiAgICAgICAgPlxuICAgICAgICAgIHtJY29uICYmIDxJY29uIHNpemU9ezE2fSBjb2xvcj17c3R5bGVDb25maWcudGV4dENvbG9yfSAvPn1cbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn1cbiAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eUxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIHsvKiBCYXIgY29udGFpbmVyICovfVxuICAgICAgICA8RmxleEJveCBmbGV4PXsxfSBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgICAgICAgIDxCYXJXcmFwcGVyPlxuICAgICAgICAgICAgey8qIEJhY2tncm91bmQgYmFyICh0b3RhbCB2YWx1ZSBpbiBzdGFja2VkLCBvciBzaW5nbGUgdmFsdWUgaW4gbm9uLXN0YWNrZWQpICovfVxuICAgICAgICAgICAgPEJhY2tncm91bmRCYXJcbiAgICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmJhY2tncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17YW5pbWF0ZSA/IHsgd2lkdGg6IGJnV2lkdGhTdHIgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgc3R5bGU9eyFhbmltYXRlID8geyB3aWR0aDogYmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjUsIGRlbGF5OiBhbmltYXRpb25EZWxheSB9fVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImJhY2tncm91bmQtYmFyXCJcbiAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgIHsvKiBGb3JlZ3JvdW5kIGJhciAocHJvZ3Jlc3MgdmFsdWUgaW4gc3RhY2tlZCBtb2RlIG9ubHkpICovfVxuICAgICAgICAgICAge2lzU3RhY2tlZCAmJiAoXG4gICAgICAgICAgICAgIDxGb3JlZ3JvdW5kQmFyXG4gICAgICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmZvcmVncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgICAgICBpbml0aWFsPXthbmltYXRlID8geyB3aWR0aDogJzAlJyB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGFuaW1hdGU9e2FuaW1hdGUgPyB7IHdpZHRoOiBmZ1dpZHRoU3RyIH0gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgc3R5bGU9eyFhbmltYXRlID8geyB3aWR0aDogZmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5ICsgMC4yNSB9fVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZm9yZWdyb3VuZC1iYXJcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JhcldyYXBwZXI+XG4gICAgICAgIDwvRmxleEJveD5cblxuICAgICAgICB7LyogVmFsdWUgZGlzcGxheSAqL31cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImZsZXgtZW5kXCJcbiAgICAgICAgICBtaW5XaWR0aD17eyBfOiA0MCwgc206IDYwIH19XG4gICAgICAgICAgZmxleFNocmluaz17MH1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn0+XG4gICAgICAgICAgICB7ZGlzcGxheVZhbHVlLnRvTG9jYWxlU3RyaW5nKCl9XG4gICAgICAgICAgICB7dW5pdCAmJiBgICR7dW5pdH1gfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC8+XG4gICAgKTtcblxuICAgIC8vIFBvbHltb3JwaGljIHJlbmRlcmluZyBiYXNlZCBvbiBpbnRlcmFjdGl2aXR5XG4gICAgaWYgKGhyZWYpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QW5jaG9yXG4gICAgICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dmFsdWVzU3VtbWFyeX1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QW5jaG9yPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAob25DbGljaykge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGxpPlxuICAgICAgICAgIDxSb3dCdXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGUpID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgb25DbGljayhlIGFzIHVua25vd24gYXMgTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dmFsdWVzU3VtbWFyeX1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QnV0dG9uPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxpPlxuICAgICAgICA8Um93V3JhcHBlclxuICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD59XG4gICAgICAgID5cbiAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgPC9Sb3dXcmFwcGVyPlxuICAgICAgPC9saT5cbiAgICApO1xuICB9XG4pO1xuXG5CYXJSb3cuZGlzcGxheU5hbWUgPSAnQmFyUm93JztcbiJdfQ== */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9CYXJSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEa0IiLCJmaWxlIjoiLi4vLi4vc3JjL0JhckNoYXJ0L0JhclJvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgTW91c2VFdmVudCwgTXV0YWJsZVJlZk9iamVjdCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB1c2VCYXJDaGFydENvbnRleHQgfSBmcm9tICcuL0JhckNoYXJ0UHJvdmlkZXInO1xuaW1wb3J0IHsgQmFyUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IGNhbGN1bGF0ZUJhcldpZHRoIH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQge1xuICBCYWNrZ3JvdW5kQmFyLFxuICBCYXJXcmFwcGVyLFxuICBGb3JlZ3JvdW5kQmFyLFxuICBtaW5CYXJXaWR0aCxcbn0gZnJvbSAnLi9CYXIvZWxlbWVudHMnO1xuXG4vLyBQb2x5bW9ycGhpYyByb3cgd3JhcHBlciBzdHlsZXNcbmNvbnN0IHJvd0Jhc2VTdHlsZXMgPSBjc3Moe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB3aWR0aDogJzEwMCUnLFxuICBnYXA6IDE2LFxuICBweTogOCxcbiAgcHg6IDAsXG4gIGJnOiAndHJhbnNwYXJlbnQnLFxuICBib3JkZXI6ICdub25lJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgY3Vyc29yOiAnaW5oZXJpdCcsXG4gICcmOmZvY3VzJzoge1xuICAgIG91dGxpbmU6ICdub25lJyxcbiAgfSxcbiAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICBvdXRsaW5lOiAnMnB4IHNvbGlkJyxcbiAgICBvdXRsaW5lQ29sb3I6ICdwcmltYXJ5JyxcbiAgICBvdXRsaW5lT2Zmc2V0OiAnMnB4JyxcbiAgfSxcbn0pO1xuXG5jb25zdCBpbnRlcmFjdGl2ZVN0eWxlcyA9IGNzcyh7XG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICAnJjpob3Zlcic6IHtcbiAgICBiZzogJ2JhY2tncm91bmQtaG92ZXInLFxuICB9LFxufSk7XG5cbmNvbnN0IFJvd1dyYXBwZXIgPSBzdHlsZWQoJ2RpdicsIHN0eWxlZE9wdGlvbnM8J2Rpdic+KCkpKHJvd0Jhc2VTdHlsZXMpO1xuY29uc3QgUm93QnV0dG9uID0gc3R5bGVkKCdidXR0b24nLCBzdHlsZWRPcHRpb25zPCdidXR0b24nPigpKShcbiAgcm93QmFzZVN0eWxlcyxcbiAgaW50ZXJhY3RpdmVTdHlsZXNcbik7XG5jb25zdCBSb3dBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkoXG4gIHJvd0Jhc2VTdHlsZXMsXG4gIGludGVyYWN0aXZlU3R5bGVzXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhclJvd1Byb3BzIGV4dGVuZHMgQmFyUHJvcHMge1xuICAvKiogSW5kZXggZm9yIGFuaW1hdGlvbiBzdGFnZ2VyaW5nICovXG4gIGluZGV4PzogbnVtYmVyO1xufVxuXG4vKipcbiAqIEdlbmVyYXRlcyBhbiBhY2Nlc3NpYmxlIHN1bW1hcnkgb2YgdGhlIGJhciB2YWx1ZXNcbiAqL1xuZnVuY3Rpb24gZ2V0VmFsdWVzU3VtbWFyeSh7XG4gIHlMYWJlbCxcbiAgc2VyaWVzT25lVmFsdWUsXG4gIHNlcmllc1R3b1ZhbHVlLFxuICB1bml0LFxufToge1xuICB5TGFiZWw6IHN0cmluZztcbiAgc2VyaWVzT25lVmFsdWU6IG51bWJlcjtcbiAgc2VyaWVzVHdvVmFsdWU/OiBudW1iZXI7XG4gIHVuaXQ6IHN0cmluZztcbn0pOiBzdHJpbmcge1xuICBpZiAoc2VyaWVzVHdvVmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgIGNvbnN0IGdhaW5lZCA9IHNlcmllc09uZVZhbHVlO1xuICAgIHJldHVybiBgJHtnYWluZWR9ICR7dW5pdH0gZ2FpbmVkIC0gbm93IGF0ICR7c2VyaWVzVHdvVmFsdWV9ICR7dW5pdH0gaW4gJHt5TGFiZWx9IGNhdGVnb3J5YDtcbiAgfVxuICByZXR1cm4gYCR7c2VyaWVzT25lVmFsdWV9ICR7dW5pdH0gaW4gJHt5TGFiZWx9IGNhdGVnb3J5YDtcbn1cblxuZXhwb3J0IGNvbnN0IEJhclJvdyA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50IHwgSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudCxcbiAgQmFyUm93UHJvcHNcbj4oXG4gIChcbiAgICB7XG4gICAgICB5TGFiZWwsXG4gICAgICBzZXJpZXNPbmVWYWx1ZSxcbiAgICAgIHNlcmllc1R3b1ZhbHVlLFxuICAgICAgaWNvbjogSWNvbixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBocmVmLFxuICAgICAgaW5kZXggPSAwLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHsgbWF4UmFuZ2UsIHVuaXQsIHN0eWxlQ29uZmlnLCBhbmltYXRlIH0gPSB1c2VCYXJDaGFydENvbnRleHQoKTtcblxuICAgIGNvbnN0IGlzU3RhY2tlZCA9IHNlcmllc1R3b1ZhbHVlICE9PSB1bmRlZmluZWQ7XG4gICAgY29uc3QgZGlzcGxheVZhbHVlID0gaXNTdGFja2VkID8gc2VyaWVzVHdvVmFsdWUgOiBzZXJpZXNPbmVWYWx1ZTtcblxuICAgIC8vIENhbGN1bGF0ZSBiYXIgd2lkdGhzIGFzIHBlcmNlbnRhZ2VzXG4gICAgY29uc3QgYmFja2dyb3VuZEJhcldpZHRoID0gY2FsY3VsYXRlQmFyV2lkdGgoe1xuICAgICAgdmFsdWU6IGRpc3BsYXlWYWx1ZSxcbiAgICAgIG1heFJhbmdlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgZm9yZWdyb3VuZEJhcldpZHRoID0gaXNTdGFja2VkXG4gICAgICA/IGNhbGN1bGF0ZUJhcldpZHRoKHtcbiAgICAgICAgICB2YWx1ZTogc2VyaWVzT25lVmFsdWUsXG4gICAgICAgICAgbWF4UmFuZ2UsXG4gICAgICAgIH0pXG4gICAgICA6IDA7XG5cbiAgICBjb25zdCBiZ1dpZHRoU3RyID0gYCR7TWF0aC5tYXgobWluQmFyV2lkdGgsIGJhY2tncm91bmRCYXJXaWR0aCl9JWA7XG4gICAgY29uc3QgZmdXaWR0aFN0ciA9IGAke01hdGgubWF4KG1pbkJhcldpZHRoLCBmb3JlZ3JvdW5kQmFyV2lkdGgpfSVgO1xuXG4gICAgY29uc3QgdmFsdWVzU3VtbWFyeSA9IGdldFZhbHVlc1N1bW1hcnkoe1xuICAgICAgeUxhYmVsLFxuICAgICAgc2VyaWVzT25lVmFsdWUsXG4gICAgICBzZXJpZXNUd29WYWx1ZSxcbiAgICAgIHVuaXQsXG4gICAgfSk7XG5cbiAgICAvLyBBbmltYXRpb24gZGVsYXkgZm9yIHN0YWdnZXJlZCBiYXIgZW50cmFuY2VcbiAgICBjb25zdCBhbmltYXRpb25EZWxheSA9IGFuaW1hdGUgPyBpbmRleCAqIDAuMSA6IDA7XG5cbiAgICBjb25zdCByb3dDb250ZW50ID0gKFxuICAgICAgPD5cbiAgICAgICAgey8qIFktYXhpcyBsYWJlbCB3aXRoIG9wdGlvbmFsIGljb24gKi99XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgZ2FwPXs4fVxuICAgICAgICAgIG1pbldpZHRoPXt7IF86IDgwLCBzbTogMTIwIH19XG4gICAgICAgICAgZmxleFNocmluaz17MH1cbiAgICAgICAgPlxuICAgICAgICAgIHtJY29uICYmIDxJY29uIHNpemU9ezE2fSBjb2xvcj17c3R5bGVDb25maWcudGV4dENvbG9yfSAvPn1cbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn1cbiAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eUxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIHsvKiBCYXIgY29udGFpbmVyICovfVxuICAgICAgICA8RmxleEJveCBmbGV4PXsxfSBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgICAgICAgIDxCYXJXcmFwcGVyPlxuICAgICAgICAgICAgey8qIEJhY2tncm91bmQgYmFyICh0b3RhbCB2YWx1ZSBpbiBzdGFja2VkLCBvciBzaW5nbGUgdmFsdWUgaW4gbm9uLXN0YWNrZWQpICovfVxuICAgICAgICAgICAgPEJhY2tncm91bmRCYXJcbiAgICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmJhY2tncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgICAgaW5pdGlhbD17YW5pbWF0ZSA/IHsgd2lkdGg6ICcwJScgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17YW5pbWF0ZSA/IHsgd2lkdGg6IGJnV2lkdGhTdHIgfSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgc3R5bGU9eyFhbmltYXRlID8geyB3aWR0aDogYmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjUsIGRlbGF5OiBhbmltYXRpb25EZWxheSB9fVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImJhY2tncm91bmQtYmFyXCJcbiAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgIHsvKiBGb3JlZ3JvdW5kIGJhciAocHJvZ3Jlc3MgdmFsdWUgaW4gc3RhY2tlZCBtb2RlIG9ubHkpICovfVxuICAgICAgICAgICAge2lzU3RhY2tlZCAmJiAoXG4gICAgICAgICAgICAgIDxGb3JlZ3JvdW5kQmFyXG4gICAgICAgICAgICAgICAgYmc9e3N0eWxlQ29uZmlnLmZvcmVncm91bmRCYXJDb2xvcn1cbiAgICAgICAgICAgICAgICBpbml0aWFsPXthbmltYXRlID8geyB3aWR0aDogJzAlJyB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGFuaW1hdGU9e2FuaW1hdGUgPyB7IHdpZHRoOiBmZ1dpZHRoU3RyIH0gOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgc3R5bGU9eyFhbmltYXRlID8geyB3aWR0aDogZmdXaWR0aFN0ciB9IDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuNSwgZGVsYXk6IGFuaW1hdGlvbkRlbGF5ICsgMC4yNSB9fVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZm9yZWdyb3VuZC1iYXJcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JhcldyYXBwZXI+XG4gICAgICAgIDwvRmxleEJveD5cblxuICAgICAgICB7LyogVmFsdWUgZGlzcGxheSAqL31cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImZsZXgtZW5kXCJcbiAgICAgICAgICBtaW5XaWR0aD17eyBfOiA0MCwgc206IDYwIH19XG4gICAgICAgICAgZmxleFNocmluaz17MH1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgY29sb3I9e3N0eWxlQ29uZmlnLnRleHRDb2xvcn0+XG4gICAgICAgICAgICB7ZGlzcGxheVZhbHVlLnRvTG9jYWxlU3RyaW5nKCl9XG4gICAgICAgICAgICB7dW5pdCAmJiBgICR7dW5pdH1gfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC8+XG4gICAgKTtcblxuICAgIC8vIFBvbHltb3JwaGljIHJlbmRlcmluZyBiYXNlZCBvbiBpbnRlcmFjdGl2aXR5XG4gICAgaWYgKGhyZWYpIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8Um93QW5jaG9yXG4gICAgICAgICAgICBocmVmPXtocmVmfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dmFsdWVzU3VtbWFyeX1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEFuY2hvckVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QW5jaG9yPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAob25DbGljaykge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGxpPlxuICAgICAgICAgIDxSb3dCdXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17KGUpID0+IHtcbiAgICAgICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgb25DbGljayhlIGFzIHVua25vd24gYXMgTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dmFsdWVzU3VtbWFyeX1cbiAgICAgICAgICAgIHJlZj17cmVmIGFzIE11dGFibGVSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQ+fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyb3dDb250ZW50fVxuICAgICAgICAgIDwvUm93QnV0dG9uPlxuICAgICAgICA8L2xpPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxpPlxuICAgICAgICA8Um93V3JhcHBlclxuICAgICAgICAgIGFyaWEtbGFiZWw9e3ZhbHVlc1N1bW1hcnl9XG4gICAgICAgICAgcmVmPXtyZWYgYXMgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD59XG4gICAgICAgID5cbiAgICAgICAgICB7cm93Q29udGVudH1cbiAgICAgICAgPC9Sb3dXcmFwcGVyPlxuICAgICAgPC9saT5cbiAgICApO1xuICB9XG4pO1xuXG5CYXJSb3cuZGlzcGxheU5hbWUgPSAnQmFyUm93JztcbiJdfQ== */");
+/**
+ * Generates an accessible summary of the bar values
+ */
+function getValuesSummary({
+  yLabel,
+  seriesOneValue,
+  seriesTwoValue,
+  unit
+}) {
+  if (seriesTwoValue !== undefined) {
+    const gained = seriesOneValue;
+    return `${gained} ${unit} gained - now at ${seriesTwoValue} ${unit} in ${yLabel} category`;
+  }
+  return `${seriesOneValue} ${unit} in ${yLabel} category`;
+}
+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;
+
+  // Calculate bar widths as percentages
+  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
+  });
+
+  // Animation delay for staggered bar entrance
+  const animationDelay = animate ? index * 0.1 : 0;
+  const rowContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(FlexBox, {
+      alignItems: "center",
+      gap: 8,
+      minWidth: {
+        _: 80,
+        sm: 120
+      },
+      flexShrink: 0,
+      children: [Icon && /*#__PURE__*/_jsx(Icon, {
+        size: 16,
+        color: styleConfig.textColor
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "p-small",
+        color: styleConfig.textColor,
+        truncate: "ellipsis",
+        truncateLines: 1,
+        children: yLabel
+      })]
+    }), /*#__PURE__*/_jsx(FlexBox, {
+      flex: 1,
+      alignItems: "center",
+      position: "relative",
+      children: /*#__PURE__*/_jsxs(BarWrapper, {
+        children: [/*#__PURE__*/_jsx(BackgroundBar, {
+          bg: styleConfig.backgroundBarColor,
+          initial: animate ? {
+            width: '0%'
+          } : undefined,
+          animate: animate ? {
+            width: bgWidthStr
+          } : undefined,
+          style: !animate ? {
+            width: bgWidthStr
+          } : undefined,
+          transition: {
+            duration: 0.5,
+            delay: animationDelay
+          },
+          "data-testid": "background-bar"
+        }), isStacked && /*#__PURE__*/_jsx(ForegroundBar, {
+          bg: styleConfig.foregroundBarColor,
+          initial: animate ? {
+            width: '0%'
+          } : undefined,
+          animate: animate ? {
+            width: fgWidthStr
+          } : undefined,
+          style: !animate ? {
+            width: fgWidthStr
+          } : undefined,
+          transition: {
+            duration: 0.5,
+            delay: animationDelay + 0.25
+          },
+          "data-testid": "foreground-bar"
+        })]
+      })
+    }), /*#__PURE__*/_jsx(FlexBox, {
+      alignItems: "center",
+      justifyContent: "flex-end",
+      minWidth: {
+        _: 40,
+        sm: 60
+      },
+      flexShrink: 0,
+      children: /*#__PURE__*/_jsxs(Text, {
+        variant: "p-small",
+        color: styleConfig.textColor,
+        children: [displayValue.toLocaleString(), unit && ` ${unit}`]
+      })
+    })]
+  });
+
+  // Polymorphic rendering based on interactivity
+  if (href) {
+    return /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(RowAnchor, {
+        href: href,
+        "aria-label": valuesSummary,
+        ref: ref,
+        children: rowContent
+      })
+    });
+  }
+  if (onClick) {
+    return /*#__PURE__*/_jsx("li", {
+      children: /*#__PURE__*/_jsx(RowButton, {
+        type: "button",
+        onClick: onClick,
+        onKeyDown: e => {
+          if (e.key === 'Enter') {
+            onClick(e);
+          }
+        },
+        "aria-label": valuesSummary,
+        ref: ref,
+        children: rowContent
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx("li", {
+    children: /*#__PURE__*/_jsx(RowWrapper, {
+      "aria-label": valuesSummary,
+      ref: ref,
+      children: rowContent
+    })
+  });
+});
+BarRow.displayName = 'BarRow';

package/dist/BarChart/GridLines.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface GridLinesProps {
+    /** Number of grid lines to render */
+    tickCount: number;
+}
+export declare const GridLines: React.FC<GridLinesProps>;

package/dist/BarChart/GridLines.js

@@ -0,0 +1,45 @@
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9HcmlkTGluZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUswQiIsImZpbGUiOiIuLi8uLi9zcmMvQmFyQ2hhcnQvR3JpZExpbmVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0JveCc7XG5cbmNvbnN0IEdyaWRMaW5lQ29udGFpbmVyID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgYm90dG9tOiAwLFxuICAgIGRpc3BsYXk6IHsgXzogJ25vbmUnLCBzbTogJ2ZsZXgnIH0sXG4gICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgIHpJbmRleDogMCxcbiAgfSlcbik7XG5cbmNvbnN0IEdyaWRMaW5lID0gc3R5bGVkKEJveCkoXG4gIGNzcyh7XG4gICAgYm9yZGVyTGVmdDogMSxcbiAgICBib3JkZXJDb2xvckxlZnQ6ICdib3JkZXItdGVydGlhcnknLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIGZsZXg6IDEsXG4gICAgJyY6Zmlyc3Qtb2YtdHlwZSc6IHtcbiAgICAgIGJvcmRlckxlZnQ6ICdub25lJyxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGludGVyZmFjZSBHcmlkTGluZXNQcm9wcyB7XG4gIC8qKiBOdW1iZXIgb2YgZ3JpZCBsaW5lcyB0byByZW5kZXIgKi9cbiAgdGlja0NvdW50OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBHcmlkTGluZXM6IFJlYWN0LkZDPEdyaWRMaW5lc1Byb3BzPiA9ICh7IHRpY2tDb3VudCB9KSA9PiB7XG4gIGNvbnN0IGxpbmVzID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogdGlja0NvdW50IH0sIChfLCBpKSA9PiAoXG4gICAgPEdyaWRMaW5lIGtleT17aX0gYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz5cbiAgKSk7XG5cbiAgcmV0dXJuIDxHcmlkTGluZUNvbnRhaW5lciBhcmlhLWhpZGRlbj1cInRydWVcIj57bGluZXN9PC9HcmlkTGluZUNvbnRhaW5lcj47XG59O1xuIl19 */");
+const GridLine = /*#__PURE__*/_styled(Box, {
+  target: "e1y7txrp0",
+  label: "GridLine"
+})(css({
+  borderLeft: 1,
+  borderColorLeft: 'border-tertiary',
+  height: '100%',
+  flex: 1,
+  '&:first-of-type': {
+    borderLeft: 'none'
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9HcmlkTGluZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCaUIiLCJmaWxlIjoiLi4vLi4vc3JjL0JhckNoYXJ0L0dyaWRMaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi9Cb3gnO1xuXG5jb25zdCBHcmlkTGluZUNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICBkaXNwbGF5OiB7IF86ICdub25lJywgc206ICdmbGV4JyB9LFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB6SW5kZXg6IDAsXG4gIH0pXG4pO1xuXG5jb25zdCBHcmlkTGluZSA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGJvcmRlckxlZnQ6IDEsXG4gICAgYm9yZGVyQ29sb3JMZWZ0OiAnYm9yZGVyLXRlcnRpYXJ5JyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBmbGV4OiAxLFxuICAgICcmOmZpcnN0LW9mLXR5cGUnOiB7XG4gICAgICBib3JkZXJMZWZ0OiAnbm9uZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZExpbmVzUHJvcHMge1xuICAvKiogTnVtYmVyIG9mIGdyaWQgbGluZXMgdG8gcmVuZGVyICovXG4gIHRpY2tDb3VudDogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgR3JpZExpbmVzOiBSZWFjdC5GQzxHcmlkTGluZXNQcm9wcz4gPSAoeyB0aWNrQ291bnQgfSkgPT4ge1xuICBjb25zdCBsaW5lcyA9IEFycmF5LmZyb20oeyBsZW5ndGg6IHRpY2tDb3VudCB9LCAoXywgaSkgPT4gKFxuICAgIDxHcmlkTGluZSBrZXk9e2l9IGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+XG4gICkpO1xuXG4gIHJldHVybiA8R3JpZExpbmVDb250YWluZXIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+e2xpbmVzfTwvR3JpZExpbmVDb250YWluZXI+O1xufTtcbiJdfQ== */");
+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.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface ScaleChartHeaderProps {
+    /** Minimum value on the scale */
+    min: number;
+    /** Maximum value on the scale */
+    max: number;
+    /** Number of labels to display */
+    labelCount: number;
+}
+/**
+ * Calculates the value for a given label position
+ */
+export declare const getLabel: (labelCount: number, labelIndex: number, max: number) => number;
+/**
+ * Header component showing the x-axis scale labels
+ */
+export declare const ScaleChartHeader: React.FC<ScaleChartHeaderProps>;

package/dist/BarChart/ScaleChartHeader.js

@@ -0,0 +1,58 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@codecademy/gamut-styles';
+import { FlexBox } from '../Box';
+import { Text } from '../Typography';
+import { formatNumberUSCompact } 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYXJDaGFydC9TY2FsZUNoYXJ0SGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQndCIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYXJDaGFydC9TY2FsZUNoYXJ0SGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgZm9ybWF0TnVtYmVyVVNDb21wYWN0IH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2NhbGVDaGFydEhlYWRlclByb3BzIHtcbiAgLyoqIE1pbmltdW0gdmFsdWUgb24gdGhlIHNjYWxlICovXG4gIG1pbjogbnVtYmVyO1xuICAvKiogTWF4aW11bSB2YWx1ZSBvbiB0aGUgc2NhbGUgKi9cbiAgbWF4OiBudW1iZXI7XG4gIC8qKiBOdW1iZXIgb2YgbGFiZWxzIHRvIGRpc3BsYXkgKi9cbiAgbGFiZWxDb3VudDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRMYWJlbFRleHQgPSBzdHlsZWQoVGV4dCkoXG4gIGNzcyh7XG4gICAgZmxleDogMSxcbiAgfSlcbik7XG5cbi8qKlxuICogQ2FsY3VsYXRlcyB0aGUgdmFsdWUgZm9yIGEgZ2l2ZW4gbGFiZWwgcG9zaXRpb25cbiAqL1xuZXhwb3J0IGNvbnN0IGdldExhYmVsID0gKFxuICBsYWJlbENvdW50OiBudW1iZXIsXG4gIGxhYmVsSW5kZXg6IG51bWJlcixcbiAgbWF4OiBudW1iZXJcbik6IG51bWJlciA9PiB7XG4gIGlmIChsYWJlbENvdW50IDw9IDEpIHJldHVybiBtYXg7XG4gIGNvbnN0IGluY3JlbWVudGFsRGVjaW1hbCA9IGxhYmVsSW5kZXggLyAobGFiZWxDb3VudCAtIDEpO1xuICByZXR1cm4gTWF0aC5mbG9vcihpbmNyZW1lbnRhbERlY2ltYWwgKiBtYXgpO1xufTtcblxuLyoqXG4gKiBIZWFkZXIgY29tcG9uZW50IHNob3dpbmcgdGhlIHgtYXhpcyBzY2FsZSBsYWJlbHNcbiAqL1xuZXhwb3J0IGNvbnN0IFNjYWxlQ2hhcnRIZWFkZXI6IFJlYWN0LkZDPFNjYWxlQ2hhcnRIZWFkZXJQcm9wcz4gPSAoe1xuICBsYWJlbENvdW50LFxuICBtYXgsXG59KSA9PiB7XG4gIGNvbnN0IHNjYWxlTGFiZWxzID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogbGFiZWxDb3VudCB9LCAoXywgaSkgPT4gKFxuICAgIDxTdHlsZWRMYWJlbFRleHRcbiAgICAgIGtleT17aX1cbiAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgIHRleHRDb2xvcj1cInRleHQtc2Vjb25kYXJ5XCJcbiAgICAgIGRhdGEtdGVzdGlkPVwiY2hhcnQtaGVhZGVyLWxhYmVsXCJcbiAgICAgIHRleHRBbGlnbj17aSA9PT0gMCA/ICdsZWZ0JyA6IGkgPT09IGxhYmVsQ291bnQgLSAxID8gJ3JpZ2h0JyA6ICdjZW50ZXInfVxuICAgID5cbiAgICAgIHtmb3JtYXROdW1iZXJVU0NvbXBhY3QoZ2V0TGFiZWwobGFiZWxDb3VudCwgaSwgbWF4KSl9XG4gICAgPC9TdHlsZWRMYWJlbFRleHQ+XG4gICkpO1xuXG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgbWI9ezh9XG4gICAgICBwbD17eyBfOiA2NCwgc206IDk2IH19XG4gICAgICBwcj17eyBfOiA0MCwgc206IDY0IH19XG4gICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdmbGV4JyB9fVxuICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICA+XG4gICAgICB7c2NhbGVMYWJlbHN9XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcbiJdfQ== */");
+
+/**
+ * Calculates the value for a given label position
+ */
+export const getLabel = (labelCount, labelIndex, max) => {
+  if (labelCount <= 1) return max;
+  const incrementalDecimal = labelIndex / (labelCount - 1);
+  return Math.floor(incrementalDecimal * max);
+};
+
+/**
+ * Header component showing the x-axis scale labels
+ */
+export const ScaleChartHeader = ({
+  labelCount,
+  max
+}) => {
+  const scaleLabels = Array.from({
+    length: labelCount
+  }, (_, i) => /*#__PURE__*/_jsx(StyledLabelText, {
+    variant: "p-small",
+    textColor: "text-secondary",
+    "data-testid": "chart-header-label",
+    textAlign: i === 0 ? 'left' : i === labelCount - 1 ? 'right' : 'center',
+    children: formatNumberUSCompact(getLabel(labelCount, i, max))
+  }, i));
+  return /*#__PURE__*/_jsx(FlexBox, {
+    width: "100%",
+    justifyContent: "space-between",
+    mb: 8,
+    pl: {
+      _: 64,
+      sm: 96
+    },
+    pr: {
+      _: 40,
+      sm: 64
+    },
+    display: {
+      _: 'none',
+      sm: 'flex'
+    },
+    "aria-hidden": "true",
+    children: scaleLabels
+  });
+};

package/dist/BarChart/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BarChartProps } from './types';
+export declare const BarChart: React.FC<BarChartProps>;
+export * from './types';

package/dist/BarChart/index.js

@@ -0,0 +1,81 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Sort bars based on sortBy and order configuration
+ */
+function sortBars(bars, sortBy, order) {
+  if (sortBy === 'none' || !sortBy) {
+    return bars;
+  }
+  const sorted = [...bars].sort((a, b) => {
+    if (sortBy === 'label') {
+      return a.yLabel.localeCompare(b.yLabel);
+    }
+    // sortBy === 'value' - use seriesTwoValue if available, otherwise seriesOneValue
+    const aValue = a.seriesTwoValue ?? a.seriesOneValue;
+    const bValue = b.seriesTwoValue ?? b.seriesOneValue;
+    return aValue - bValue;
+  });
+  return order === 'descending' ? sorted.reverse() : sorted;
+}
+export const BarChart = ({
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledBy,
+  animate = false,
+  barValues,
+  maxRange,
+  minRange,
+  order = 'ascending',
+  sortBy = 'none',
+  unit = '',
+  styleConfig,
+  xScale
+}) => {
+  const contextValue = useBarChart({
+    minRange,
+    maxRange,
+    xScale,
+    unit,
+    styleConfig,
+    animate
+  });
+  const sortedBars = useMemo(() => sortBars(barValues, sortBy, order), [barValues, sortBy, order]);
+
+  // Calculate number of ticks for the scale header
+  const tickCount = Math.ceil((maxRange - minRange) / contextValue.xScale) + 1;
+  return /*#__PURE__*/_jsx(BarChartProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsxs(Box, {
+      width: "100%",
+      position: "relative",
+      children: [/*#__PURE__*/_jsx(ScaleChartHeader, {
+        min: minRange,
+        max: maxRange,
+        labelCount: tickCount
+      }), /*#__PURE__*/_jsxs(Box, {
+        position: "relative",
+        width: "100%",
+        children: [/*#__PURE__*/_jsx(GridLines, {
+          tickCount: tickCount
+        }), /*#__PURE__*/_jsx(Box, {
+          as: "ul",
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledBy,
+          p: 0,
+          m: 0,
+          listStyle: "none",
+          children: sortedBars.map((bar, index) => /*#__PURE__*/_jsx(BarRow, {
+            index: index,
+            ...bar
+          }, `${bar.yLabel}-${index}`))
+        })]
+      })]
+    })
+  });
+};
+export * from './types';