@cdx-ui/components 0.3.5 → 0.3.6

package/lib/commonjs/components/chart/format.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultChartLocaleText = void 0;
+exports.defaultChartValueFormatter = defaultChartValueFormatter;
+exports.formatChartNumber = formatChartNumber;
+exports.formatChartPercent = formatChartPercent;
+exports.resolveChartLocaleText = resolveChartLocaleText;
+exports.resolveValueFormatter = resolveValueFormatter;
+var _formatters = require("@cdx-ui/formatters");
+function namedValue(value) {
+  return value.label.length > 0 ? `${value.label} ${value.formattedValue}` : value.formattedValue;
+}
+function categoryText(category) {
+  return `${category.label} ${category.values.map(namedValue).join(', ')}`;
+}
+const defaultChartLocaleText = exports.defaultChartLocaleText = {
+  noData: 'No data',
+  noValue: 'No value',
+  defaultSeriesLabel: 'Value',
+  waterfallIncrease: 'Increase',
+  waterfallDecrease: 'Decrease',
+  trend: ({
+    direction,
+    formattedDelta,
+    comparisonLabel
+  }) => {
+    const from = comparisonLabel.length > 0 ? ` from ${comparisonLabel}` : '';
+    return direction === 'none' ? `no change${from}` : `${direction} ${formattedDelta}${from}`;
+  },
+  barChartSummary: categories => categories.length === 0 ? 'Bar chart. No data.' : `Bar chart. ${categories.map(categoryText).join('; ')}.`,
+  lineChartSummary: latest => latest === null ? 'Line chart. No data.' : `Line chart. ${categoryText(latest)}.`,
+  pieChartSummary: slices => slices.length === 0 ? 'Pie chart. No data.' : `Pie chart. ${slices.map(namedValue).join(', ')}.`
+};
+
+/** Consumer strings over the English defaults. `undefined` entries keep the default. */
+function resolveChartLocaleText(localeText) {
+  if (localeText === undefined) {
+    return defaultChartLocaleText;
+  }
+  const overrides = Object.entries(localeText).filter(([, value]) => value !== undefined);
+  return {
+    ...defaultChartLocaleText,
+    ...Object.fromEntries(overrides)
+  };
+}
+
+/** Up to two fraction digits, without trailing zeros: `3`, `2.5`, `1,234.56`. */
+function formatChartNumber(value, locale) {
+  if (value === null || !Number.isFinite(value)) {
+    return '';
+  }
+  const hundredths = Math.round(Math.abs(value) * 100);
+  const decimalPlaces = hundredths % 100 === 0 ? 0 : hundredths % 10 === 0 ? 1 : 2;
+  return (0, _formatters.formatNumber)(value, {
+    locale,
+    decimalPlaces
+  });
+}
+const percentFormatters = new Map();
+
+/** A 0–1 share as a whole percent for `locale`: `0.46` → `46%`. */
+function formatChartPercent(share, locale) {
+  if (!Number.isFinite(share)) {
+    return '';
+  }
+  // Without a locale, match the `@cdx-ui/formatters` default that numbers use, not the device locale.
+  if (locale === undefined) {
+    return `${(0, _formatters.formatNumber)(Math.round(share * 100), {
+      decimalPlaces: 0
+    })}%`;
+  }
+  let formatter = percentFormatters.get(locale);
+  if (formatter === undefined) {
+    formatter = new Intl.NumberFormat(locale, {
+      style: 'percent',
+      maximumFractionDigits: 0
+    });
+    percentFormatters.set(locale, formatter);
+  }
+  return formatter.format(share);
+}
+function defaultChartValueFormatter(locale) {
+  return value => formatChartNumber(value, locale);
+}
+
+/** Series formatter, then axis formatter, then the `locale` default. */
+function resolveValueFormatter(series, axis, locale) {
+  return series?.valueFormatter ?? axis?.valueFormatter ?? defaultChartValueFormatter(locale);
+}
+//# sourceMappingURL=format.js.map

package/lib/commonjs/components/chart/format.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_formatters","require","namedValue","value","label","length","formattedValue","categoryText","category","values","map","join","defaultChartLocaleText","exports","noData","noValue","defaultSeriesLabel","waterfallIncrease","waterfallDecrease","trend","direction","formattedDelta","comparisonLabel","from","barChartSummary","categories","lineChartSummary","latest","pieChartSummary","slices","resolveChartLocaleText","localeText","undefined","overrides","Object","entries","filter","fromEntries","formatChartNumber","locale","Number","isFinite","hundredths","Math","round","abs","decimalPlaces","formatNumber","percentFormatters","Map","formatChartPercent","share","formatter","get","Intl","NumberFormat","style","maximumFractionDigits","set","format","defaultChartValueFormatter","resolveValueFormatter","series","axis","valueFormatter"],"sourceRoot":"../../../../src","sources":["components/chart/format.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/chart/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/chart/index.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/chart/motion.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHART_MOTION_DURATION = void 0;
+exports.lerpVector = lerpVector;
+exports.useChartEntrance = useChartEntrance;
+exports.useChartMorph = useChartMorph;
+exports.useChartMotionEnabled = useChartMotionEnabled;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _animation = require("../../animation");
+const CHART_MOTION_DURATION = exports.CHART_MOTION_DURATION = 600;
+const CHART_MOTION_EASING = _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic);
+/** Off for `'disable-all'`, an ancestor or global `disable-all`, and Reduce Motion. */
+function useChartMotionEnabled(animation) {
+  const disabled = (0, _animation.useCombinedAnimationDisabledState)(animation);
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
+  return !disabled && !reducedMotion;
+}
+
+/**
+ * Non-finite entries mark gaps: they snap to the target instead of tweening.
+ * Vectors of different lengths cannot be paired, so the target wins outright.
+ */
+function lerpVector(from, to, t) {
+  'worklet';
+
+  const out = [];
+  const paired = from.length === to.length;
+  for (let index = 0; index < to.length; index += 1) {
+    const end = to[index];
+    const start = paired ? from[index] : end;
+    out.push(Number.isFinite(start) && Number.isFinite(end) ? start + (end - start) * t : end);
+  }
+  return out;
+}
+function parseSignature(signature) {
+  return signature.length === 0 ? [] : signature.split(',').map(Number);
+}
+
+/**
+ * Tweens a numeric geometry vector on the UI thread. Mounts at `initial` and runs to
+ * `target`; later targets start from wherever the previous tween currently is. When the
+ * vector changes length (points or slices added/removed) the entry replays from `initial`.
+ */
+function useChartMorph(target, initial, enabled) {
+  const from = (0, _reactNativeReanimated.useSharedValue)(enabled ? [...initial] : [...target]);
+  const to = (0, _reactNativeReanimated.useSharedValue)([...target]);
+  const progress = (0, _reactNativeReanimated.useSharedValue)(enabled ? 0 : 1);
+  const signature = target.join(',');
+  const initialSignature = initial.join(',');
+  (0, _react.useEffect)(() => {
+    const next = parseSignature(signature);
+    if (!enabled) {
+      from.set(next);
+      to.set(next);
+      progress.set(1);
+      return;
+    }
+    const current = lerpVector(from.get(), to.get(), progress.get());
+    from.set(current.length === next.length ? current : parseSignature(initialSignature));
+    to.set(next);
+    progress.set(0);
+    progress.set((0, _reactNativeReanimated.withTiming)(1, {
+      duration: CHART_MOTION_DURATION,
+      easing: CHART_MOTION_EASING
+    }));
+  }, [signature, initialSignature, enabled, from, to, progress]);
+  return {
+    from,
+    to,
+    progress
+  };
+}
+
+/**
+ * 0 → 1 on mount and whenever `replayKey` changes. Labels sit on animated geometry, so they
+ * stay hidden until the morph is mostly done, then fade in at the final position.
+ */
+function useChartEntrance(enabled, replayKey = '') {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(enabled ? 0 : 1);
+  (0, _react.useEffect)(() => {
+    if (!enabled) {
+      progress.set(1);
+      return;
+    }
+    progress.set(0);
+    progress.set((0, _reactNativeReanimated.withTiming)(1, {
+      duration: CHART_MOTION_DURATION,
+      easing: CHART_MOTION_EASING
+    }));
+  }, [enabled, replayKey, progress]);
+  return progress;
+}
+//# sourceMappingURL=motion.js.map

package/lib/commonjs/components/chart/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_animation","CHART_MOTION_DURATION","exports","CHART_MOTION_EASING","Easing","out","cubic","useChartMotionEnabled","animation","disabled","useCombinedAnimationDisabledState","reducedMotion","useReducedMotion","lerpVector","from","to","t","paired","length","index","end","start","push","Number","isFinite","parseSignature","signature","split","map","useChartMorph","target","initial","enabled","useSharedValue","progress","join","initialSignature","useEffect","next","set","current","get","withTiming","duration","easing","useChartEntrance","replayKey"],"sourceRoot":"../../../../src","sources":["components/chart/motion.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/chart/palette.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartLinearFills = ChartLinearFills;
+exports.chartFillUrl = chartFillUrl;
+exports.chartSeriesColor = chartSeriesColor;
+exports.resolveChartColor = resolveChartColor;
+exports.useChartChrome = useChartChrome;
+exports.useChartColorPaints = useChartColorPaints;
+exports.useChartGradientId = useChartGradientId;
+exports.useChartPalette = useChartPalette;
+exports.useChartSimpleColor = useChartSimpleColor;
+var _react = require("react");
+var _reactNativeSvg = require("react-native-svg");
+var _uniwind = require("uniwind");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Light-theme chart tokens, used when Uniwind has no CSS context (Jest). */const CHART_FALLBACKS = {
+  simple: '#5b91de',
+  simpleSecondary: '#162e49',
+  simpleTertiary: '#3b6399',
+  categorical: ['#155dfc', '#f54900', '#009689', '#e60076', '#9810fa', '#525252'],
+  danger: '#c10007',
+  warning: '#ffb900',
+  success: '#00a63e',
+  info: '#0069a8'
+};
+function toColor(value, fallback) {
+  if (typeof value === 'string' && value.length > 0) {
+    return value;
+  }
+  return fallback;
+}
+function useChartSimpleColor() {
+  const value = (0, _uniwind.useCSSVariable)('--color-chart-simple-primary');
+  return toColor(value, CHART_FALLBACKS.simple);
+}
+
+/**
+ * A Forge color token by name: `simple-*` and `categorical-*` resolve
+ * `--color-chart-<name>`, severity names resolve `--color-surface-<name>-strong`.
+ * Overrides take a name, not a CSS color, so FI themes and dark mode recolor every chart.
+ */
+
+const warnedChartColors = new Set();
+function resolveChartColor(color, paints) {
+  if (color === undefined) return undefined;
+  const paint = paints[color];
+  if (paint === undefined && __DEV__ && !warnedChartColors.has(color)) {
+    warnedChartColors.add(color);
+    console.warn(`[Chart] Unknown color "${String(color)}". Pass a ChartColor token name, not a CSS ` + 'color; the default series color is used instead.');
+  }
+  return paint;
+}
+function useChartColorPaints() {
+  const simple = useChartSimpleColor();
+  const secondary = toColor((0, _uniwind.useCSSVariable)('--color-chart-simple-secondary'), CHART_FALLBACKS.simpleSecondary);
+  const tertiary = toColor((0, _uniwind.useCSSVariable)('--color-chart-simple-tertiary'), CHART_FALLBACKS.simpleTertiary);
+  const danger = toColor((0, _uniwind.useCSSVariable)('--color-surface-danger-strong'), CHART_FALLBACKS.danger);
+  const warning = toColor((0, _uniwind.useCSSVariable)('--color-surface-warning-strong'), CHART_FALLBACKS.warning);
+  const success = toColor((0, _uniwind.useCSSVariable)('--color-surface-success-strong'), CHART_FALLBACKS.success);
+  const info = toColor((0, _uniwind.useCSSVariable)('--color-surface-info-strong'), CHART_FALLBACKS.info);
+  const palette = useChartPalette();
+  return {
+    danger,
+    warning,
+    success,
+    info,
+    'simple-primary': simple,
+    'simple-secondary': secondary,
+    'simple-tertiary': tertiary,
+    'categorical-1': palette[0] ?? CHART_FALLBACKS.categorical[0],
+    'categorical-2': palette[1] ?? CHART_FALLBACKS.categorical[1],
+    'categorical-3': palette[2] ?? CHART_FALLBACKS.categorical[2],
+    'categorical-4': palette[3] ?? CHART_FALLBACKS.categorical[3],
+    'categorical-5': palette[4] ?? CHART_FALLBACKS.categorical[4],
+    'categorical-6': palette[5] ?? CHART_FALLBACKS.categorical[5]
+  };
+}
+
+/**
+ * SVG text cannot take `className`, so typography tokens are resolved here.
+ * `useResolveClassNames` converts rem to px with the consumer's rem base; web
+ * may return rem strings, which fall back to the light-theme pixel size.
+ */
+function toPx(value, fallbackPx) {
+  if (typeof value === 'number') {
+    return Number.isFinite(value) ? value : fallbackPx;
+  }
+  if (typeof value !== 'string') return fallbackPx;
+  const trimmed = value.trim();
+  if (!/^-?\d*\.?\d+(px)?$/.test(trimmed)) return fallbackPx;
+  return parseFloat(trimmed);
+}
+function useChartChrome() {
+  const grid = (0, _uniwind.useCSSVariable)('--color-stroke-secondary');
+  const label = (0, _uniwind.useCSSVariable)('--color-content-primary');
+  const surface = (0, _uniwind.useCSSVariable)('--color-surface-primary');
+  const fontFamily = (0, _uniwind.useCSSVariable)('--font-body');
+  const labelText = (0, _uniwind.useResolveClassNames)('text-xs');
+  const captionText = (0, _uniwind.useResolveClassNames)('text-2xs');
+  return {
+    grid: toColor(grid, '#e9e9e9'),
+    label: toColor(label, '#1b1c1d'),
+    surface: toColor(surface, '#ffffff'),
+    fontFamily: toColor(fontFamily, 'Inter'),
+    labelSize: toPx(labelText.fontSize, 12),
+    captionSize: toPx(captionText.fontSize, 10)
+  };
+}
+
+/**
+ * Resolved `categorical-1`…`6` paints, in slot order. Pie slices and charts past
+ * three series cycle them.
+ */
+function useChartPalette() {
+  const slot1 = (0, _uniwind.useCSSVariable)('--color-chart-categorical-1');
+  const slot2 = (0, _uniwind.useCSSVariable)('--color-chart-categorical-2');
+  const slot3 = (0, _uniwind.useCSSVariable)('--color-chart-categorical-3');
+  const slot4 = (0, _uniwind.useCSSVariable)('--color-chart-categorical-4');
+  const slot5 = (0, _uniwind.useCSSVariable)('--color-chart-categorical-5');
+  const slot6 = (0, _uniwind.useCSSVariable)('--color-chart-categorical-6');
+  return [toColor(slot1, CHART_FALLBACKS.categorical[0]), toColor(slot2, CHART_FALLBACKS.categorical[1]), toColor(slot3, CHART_FALLBACKS.categorical[2]), toColor(slot4, CHART_FALLBACKS.categorical[3]), toColor(slot5, CHART_FALLBACKS.categorical[4]), toColor(slot6, CHART_FALLBACKS.categorical[5])];
+}
+
+/**
+ * `auto` keeps up to three series in the FI brand family and moves the whole chart to
+ * `categorical-1`…`6` past that, so one chart never mixes the two families.
+ * `categorical` always uses them.
+ */
+
+/**
+ * Bars alternate light, dark, mid so adjacent bars don't read as a ramp. Lines step
+ * primary → tertiary → secondary so a two-line chart pairs neighboring brand steps.
+ */
+const SIMPLE_SERIES = {
+  bar: ['simple-primary', 'simple-secondary', 'simple-tertiary'],
+  line: ['simple-primary', 'simple-tertiary', 'simple-secondary']
+};
+const CATEGORICAL_SERIES = ['categorical-1', 'categorical-2', 'categorical-3', 'categorical-4', 'categorical-5', 'categorical-6'];
+
+/** Default color for a series. A series `color` still wins. */
+function chartSeriesColor(seriesIndex, seriesCount, palette, kind) {
+  const simple = SIMPLE_SERIES[kind];
+  const ramp = palette === 'auto' && seriesCount <= simple.length ? simple : CATEGORICAL_SERIES;
+  return ramp[seriesIndex % ramp.length] ?? 'simple-primary';
+}
+function useChartGradientId(prefix) {
+  return `${prefix}-${(0, _react.useId)().replace(/[^a-zA-Z0-9_-]/g, '')}`;
+}
+function chartFillUrl(idPrefix, index) {
+  return `url(#${idPrefix}-${String(index)})`;
+}
+function ChartLinearFills({
+  idPrefix,
+  colors,
+  x2,
+  y2
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+    children: colors.map((color, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient, {
+      id: `${idPrefix}-${String(index)}`,
+      x1: "0%",
+      y1: "0%",
+      x2: x2,
+      y2: y2,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+        offset: "0%",
+        stopColor: color
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+        offset: "100%",
+        stopColor: color
+      })]
+    }, `${idPrefix}-${String(index)}`))
+  });
+}
+//# sourceMappingURL=palette.js.map

package/lib/commonjs/components/chart/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeSvg","_uniwind","_jsxRuntime","CHART_FALLBACKS","simple","simpleSecondary","simpleTertiary","categorical","danger","warning","success","info","toColor","value","fallback","length","useChartSimpleColor","useCSSVariable","warnedChartColors","Set","resolveChartColor","color","paints","undefined","paint","__DEV__","has","add","console","warn","String","useChartColorPaints","secondary","tertiary","palette","useChartPalette","toPx","fallbackPx","Number","isFinite","trimmed","trim","test","parseFloat","useChartChrome","grid","label","surface","fontFamily","labelText","useResolveClassNames","captionText","labelSize","fontSize","captionSize","slot1","slot2","slot3","slot4","slot5","slot6","SIMPLE_SERIES","bar","line","CATEGORICAL_SERIES","chartSeriesColor","seriesIndex","seriesCount","kind","ramp","useChartGradientId","prefix","useId","replace","chartFillUrl","idPrefix","index","ChartLinearFills","colors","x2","y2","jsx","Defs","children","map","jsxs","LinearGradient","id","x1","y1","Stop","offset","stopColor"],"sourceRoot":"../../../../src","sources":["components/chart/palette.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/chart/size.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHART_DIMENSIONS = void 0;
+exports.resolveChartBox = resolveChartBox;
+/** Plot boxes. Heights match the spacing scale (`size-40`…`size-64`). */
+const CHART_DIMENSIONS = exports.CHART_DIMENSIONS = {
+  sm: {
+    width: 256,
+    height: 160
+  },
+  md: {
+    width: 308,
+    height: 192
+  },
+  lg: {
+    width: 360,
+    height: 224
+  },
+  xl: {
+    width: 410,
+    height: 256
+  }
+};
+function resolveChartBox(size, width, height) {
+  const preset = CHART_DIMENSIONS[size ?? 'lg'];
+  return {
+    width: width ?? preset.width,
+    height: height ?? preset.height
+  };
+}
+//# sourceMappingURL=size.js.map

package/lib/commonjs/components/chart/size.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CHART_DIMENSIONS","exports","sm","width","height","md","lg","xl","resolveChartBox","size","preset"],"sourceRoot":"../../../../src","sources":["components/chart/size.ts"],"mappings":";;;;;;;AAEA;AACO,MAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,EAAE,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAI,CAAC;EAC/BC,EAAE,EAAE;IAAEF,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAI,CAAC;EAC/BE,EAAE,EAAE;IAAEH,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAI,CAAC;EAC/BG,EAAE,EAAE;IAAEJ,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAI;AAChC,CAA2F;AAEpF,SAASI,eAAeA,CAC7BC,IAA2B,EAC3BN,KAAc,EACdC,MAAe,EACsC;EACrD,MAAMM,MAAM,GAAGV,gBAAgB,CAACS,IAAI,IAAI,IAAI,CAAC;EAC7C,OAAO;IACLN,KAAK,EAAEA,KAAK,IAAIO,MAAM,CAACP,KAAK;IAC5BC,MAAM,EAAEA,MAAM,IAAIM,MAAM,CAACN;EAC3B,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/components/chart/ticks.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.niceTicks = niceTicks;
+/** Rounds away float drift at the step's precision, so steps below 0.01 stay distinct. */
+function roundToStep(value, step) {
+  const decimals = Math.min(20, Math.max(2, -Math.floor(Math.log10(step)) + 1));
+  const rounded = Number(value.toFixed(decimals));
+  return Object.is(rounded, -0) ? 0 : rounded;
+}
+function niceNumber(span, round) {
+  if (span <= 0 || !Number.isFinite(span)) {
+    return 1;
+  }
+  const exponent = Math.floor(Math.log10(span));
+  const fraction = span / 10 ** exponent;
+  let niceFraction;
+  if (round) {
+    if (fraction < 1.5) {
+      niceFraction = 1;
+    } else if (fraction < 3) {
+      niceFraction = 2;
+    } else if (fraction < 7) {
+      niceFraction = 5;
+    } else {
+      niceFraction = 10;
+    }
+  } else if (fraction <= 1) {
+    niceFraction = 1;
+  } else if (fraction <= 2) {
+    niceFraction = 2;
+  } else if (fraction <= 5) {
+    niceFraction = 5;
+  } else {
+    niceFraction = 10;
+  }
+  return niceFraction * 10 ** exponent;
+}
+
+/** Evenly spaced, readable ticks that cover `min`–`max` in about `count` steps. */
+function niceTicks(min, max, count) {
+  if (!Number.isFinite(min) || !Number.isFinite(max)) {
+    return [];
+  }
+  const tickCount = Math.max(2, count);
+  const span = niceNumber(max - min, false);
+  const step = niceNumber(span / (tickCount - 1), true);
+  const niceMin = Math.floor(min / step) * step;
+  const niceMax = Math.ceil(max / step) * step;
+  const ticks = [];
+  const last = niceMax + step / 2;
+  for (let value = niceMin; value <= last; value += step) {
+    ticks.push(roundToStep(value, step));
+  }
+  return ticks;
+}
+//# sourceMappingURL=ticks.js.map

package/lib/commonjs/components/chart/ticks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["roundToStep","value","step","decimals","Math","min","max","floor","log10","rounded","Number","toFixed","Object","is","niceNumber","span","round","isFinite","exponent","fraction","niceFraction","niceTicks","count","tickCount","niceMin","niceMax","ceil","ticks","last","push"],"sourceRoot":"../../../../src","sources":["components/chart/ticks.ts"],"mappings":";;;;;;AAAA;AACA,SAASA,WAAWA,CAACC,KAAa,EAAEC,IAAY,EAAU;EACxD,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAC,EAAE,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAE,CAACF,IAAI,CAACG,KAAK,CAACH,IAAI,CAACI,KAAK,CAACN,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;EAC7E,MAAMO,OAAO,GAAGC,MAAM,CAACT,KAAK,CAACU,OAAO,CAACR,QAAQ,CAAC,CAAC;EAC/C,OAAOS,MAAM,CAACC,EAAE,CAACJ,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAAGA,OAAO;AAC7C;AAEA,SAASK,UAAUA,CAACC,IAAY,EAAEC,KAAc,EAAU;EACxD,IAAID,IAAI,IAAI,CAAC,IAAI,CAACL,MAAM,CAACO,QAAQ,CAACF,IAAI,CAAC,EAAE;IACvC,OAAO,CAAC;EACV;EACA,MAAMG,QAAQ,GAAGd,IAAI,CAACG,KAAK,CAACH,IAAI,CAACI,KAAK,CAACO,IAAI,CAAC,CAAC;EAC7C,MAAMI,QAAQ,GAAGJ,IAAI,GAAG,EAAE,IAAIG,QAAQ;EACtC,IAAIE,YAAoB;EACxB,IAAIJ,KAAK,EAAE;IACT,IAAIG,QAAQ,GAAG,GAAG,EAAE;MAClBC,YAAY,GAAG,CAAC;IAClB,CAAC,MAAM,IAAID,QAAQ,GAAG,CAAC,EAAE;MACvBC,YAAY,GAAG,CAAC;IAClB,CAAC,MAAM,IAAID,QAAQ,GAAG,CAAC,EAAE;MACvBC,YAAY,GAAG,CAAC;IAClB,CAAC,MAAM;MACLA,YAAY,GAAG,EAAE;IACnB;EACF,CAAC,MAAM,IAAID,QAAQ,IAAI,CAAC,EAAE;IACxBC,YAAY,GAAG,CAAC;EAClB,CAAC,MAAM,IAAID,QAAQ,IAAI,CAAC,EAAE;IACxBC,YAAY,GAAG,CAAC;EAClB,CAAC,MAAM,IAAID,QAAQ,IAAI,CAAC,EAAE;IACxBC,YAAY,GAAG,CAAC;EAClB,CAAC,MAAM;IACLA,YAAY,GAAG,EAAE;EACnB;EACA,OAAOA,YAAY,GAAG,EAAE,IAAIF,QAAQ;AACtC;;AAEA;AACO,SAASG,SAASA,CAAChB,GAAW,EAAEC,GAAW,EAAEgB,KAAa,EAAY;EAC3E,IAAI,CAACZ,MAAM,CAACO,QAAQ,CAACZ,GAAG,CAAC,IAAI,CAACK,MAAM,CAACO,QAAQ,CAACX,GAAG,CAAC,EAAE;IAClD,OAAO,EAAE;EACX;EACA,MAAMiB,SAAS,GAAGnB,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEgB,KAAK,CAAC;EACpC,MAAMP,IAAI,GAAGD,UAAU,CAACR,GAAG,GAAGD,GAAG,EAAE,KAAK,CAAC;EACzC,MAAMH,IAAI,GAAGY,UAAU,CAACC,IAAI,IAAIQ,SAAS,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC;EACrD,MAAMC,OAAO,GAAGpB,IAAI,CAACG,KAAK,CAACF,GAAG,GAAGH,IAAI,CAAC,GAAGA,IAAI;EAC7C,MAAMuB,OAAO,GAAGrB,IAAI,CAACsB,IAAI,CAACpB,GAAG,GAAGJ,IAAI,CAAC,GAAGA,IAAI;EAC5C,MAAMyB,KAAe,GAAG,EAAE;EAC1B,MAAMC,IAAI,GAAGH,OAAO,GAAGvB,IAAI,GAAG,CAAC;EAC/B,KAAK,IAAID,KAAK,GAAGuB,OAAO,EAAEvB,KAAK,IAAI2B,IAAI,EAAE3B,KAAK,IAAIC,IAAI,EAAE;IACtDyB,KAAK,CAACE,IAAI,CAAC7B,WAAW,CAACC,KAAK,EAAEC,IAAI,CAAC,CAAC;EACtC;EACA,OAAOyB,KAAK;AACd","ignoreList":[]}

package/lib/commonjs/components/chart/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/chart/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/chart/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/chart/useChartHostWidth.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.composeChartLayout = composeChartLayout;
+exports.useChartHostWidth = useChartHostWidth;
+var _react = require("react");
+var _utils = require("@cdx-ui/utils");
+/** Runs the chart's own handler first, then the consumer's. */
+function composeChartLayout(own, consumer) {
+  return (0, _utils.composeEventHandlers)(own, consumer);
+}
+
+/**
+ * Measured width of the chart root (`0` before the first layout) and the `onLayout` to put on
+ * it. The consumer's `onLayout` still fires.
+ */
+function useChartHostWidth(onLayout) {
+  const [width, setWidth] = (0, _react.useState)(0);
+  const handleLayout = composeChartLayout(event => {
+    const next = event.nativeEvent.layout.width;
+    setWidth(prev => prev === next ? prev : next);
+  }, onLayout);
+  return [width, handleLayout];
+}
+//# sourceMappingURL=useChartHostWidth.js.map

package/lib/commonjs/components/chart/useChartHostWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","composeChartLayout","own","consumer","composeEventHandlers","useChartHostWidth","onLayout","width","setWidth","useState","handleLayout","event","next","nativeEvent","layout","prev"],"sourceRoot":"../../../../src","sources":["components/chart/useChartHostWidth.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA;AACO,SAASE,kBAAkBA,CAChCC,GAAuC,EACvCC,QAAiE,EAC7B;EACpC,OAAO,IAAAC,2BAAoB,EAAoBF,GAAG,EAAEC,QAAQ,CAAC;AAC/D;;AAEA;AACA;AACA;AACA;AACO,SAASE,iBAAiBA,CAC/BC,QAAiE,EACV;EACvD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EACrC,MAAMC,YAAY,GAAGT,kBAAkB,CAAEU,KAAK,IAAK;IACjD,MAAMC,IAAI,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM,CAACP,KAAK;IAC3CC,QAAQ,CAAEO,IAAI,IAAMA,IAAI,KAAKH,IAAI,GAAGG,IAAI,GAAGH,IAAK,CAAC;EACnD,CAAC,EAAEN,QAAQ,CAAC;EACZ,OAAO,CAACC,KAAK,EAAEG,YAAY,CAAC;AAC9B","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -591,6 +591,42 @@ Object.keys(_ProgressCircle).forEach(function (key) {
     }
   });
 });
+var _PieChart = require("./PieChart");
+Object.keys(_PieChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PieChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PieChart[key];
+    }
+  });
+});
+var _BarChart = require("./BarChart");
+Object.keys(_BarChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _BarChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BarChart[key];
+    }
+  });
+});
+var _LineChart = require("./LineChart");
+Object.keys(_LineChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _LineChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineChart[key];
+    }
+  });
+});
 var _Skeleton = require("./Skeleton");
 Object.keys(_Skeleton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -675,6 +711,18 @@ Object.keys(_Slider).forEach(function (key) {
     }
   });
 });
+var _Stepper = require("./Stepper");
+Object.keys(_Stepper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Stepper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Stepper[key];
+    }
+  });
+});
 var _VirtualizedList = require("./VirtualizedList");
 Object.keys(_VirtualizedList).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -699,6 +747,18 @@ Object.keys(_Switch).forEach(function (key) {
     }
   });
 });
+var _SystemAlert = require("./SystemAlert");
+Object.keys(_SystemAlert).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SystemAlert[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SystemAlert[key];
+    }
+  });
+});
 var _Tabs = require("./Tabs");
 Object.keys(_Tabs).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;