pixelize-native-library 1.0.6 → 1.0.7

package/lib/module/modules/bottom-nav/MODULE.md

@@ -15,12 +15,13 @@ stability contract" below, the actual deliverable of this module.
 |------|------|
 | `BottomNav.tsx` | The component. The fixed bar: per-tab focus tracking, the active-indicator render, press → `onDestinationPress` wiring, composing `Drawer` as the sheet's shell. Data types (`BottomNavDestination`, `BottomNavOverflowSection`, `BottomNavActiveState`, `BottomNavEditConfig`) live here, same precedent as Select's `SelectOption`. |
 | `BottomNavOverflowSheet.tsx` | PRIVATE (not exported) — the sheet's content: search (reuses `../input`'s `Input`), pre-search Recent row, grouped sections, edit mode, no-results state. |
-| `BottomNav.variants.ts` | Pure resolvers (`resolveBottomNavTabColors`, `resolveBottomNavAccessibility`, `resolveEditRowState`, `resolveBottomNavBottomInset`, `resolveOverflowSheetHeight`) + themed structural resolvers (`bottomNavBarStructure`, `bottomNavTabStructure`, `overflowRowStructure`, `overflowSectionHeaderStructure`, `editRowStructure`). No React, no lucide. |
+| `BottomNavIconWithBadge.tsx` | PRIVATE — a destination icon + its optional badge (count pill, or the More trigger's presence-only dot), shared by the bar tabs, the More trigger, and every sheet row so the badge renders identically everywhere. |
+| `BottomNav.variants.ts` | Pure resolvers (`resolveBottomNavTabColors`, `resolveBottomNavAccessibility`, `resolveEditRowState`, `resolveBottomNavBottomInset`, `resolveOverflowSheetHeight`; badge: `resolveBottomNavBadge`, `resolveBottomNavBadgeColors`, `resolveBottomNavOverflowBadgeTotal`, `resolveBottomNavDestinationAccessibilityLabel`) + themed structural resolvers (`bottomNavBarStructure`, `bottomNavTabStructure`, `overflowRowStructure`, `overflowSectionHeaderStructure`, `editRowStructure`, `bottomNavBadgePillStructure`). No React, no lucide. |
 | `BottomNav.search.ts` | Pure, framework-free (no React, no `react-native` import): `normalizeQuery`, `levenshteinDistance`, `typoBudget`, `fuzzyScore`, `matchDestinations`. Own file — ranking correctness is orthogonal to colour/structure. |
 | `index.ts` | Public surface: `BottomNav`, `BottomNavProps`, `BottomNavActiveState`, `BottomNavDestination`, `BottomNavOverflowSection`, `BottomNavEditConfig`. Re-exports `MenuItem` (from `../menu`) and `IconName`. |
-| `__tests__/BottomNav.test.ts` | Pure: WCAG contrast (8 brands × both modes), touch-target floor, accessibility/edit-row/inset/detent resolvers. |
+| `__tests__/BottomNav.test.ts` | Pure: WCAG contrast (8 brands × both modes, tab + badge colours), touch-target floor, accessibility/edit-row/inset/detent/badge resolvers. |
 | `__tests__/BottomNav.search.test.ts` | Pure: levenshtein/typo-budget arithmetic, `fuzzyScore` tiering, `matchDestinations` ranking/stability/empty-query. |
-| `__tests__/BottomNav.render.test.tsx` | Render: press wiring, sheet open/close, live typo-tolerant search, Recent/grouped/no-results, edit-mode flow, opt-in quick-actions trigger. |
+| `__tests__/BottomNav.render.test.tsx` | Render: press wiring, sheet open/close, live typo-tolerant search, Recent/grouped/no-results, edit-mode flow, opt-in quick-actions trigger, badges (pill / 0 / 99+ cap / sheet rows / More dot / a11y-label override). |
 
 ## Props
 
@@ -39,7 +40,7 @@ stability contract" below, the actual deliverable of this module.
 | `moreQuickActions` | `MenuItem[]` (from `../menu`) | — | Omit → no quick-actions trigger renders at all. |
 | `moreQuickActionsLabel` | `string` | `"More options"` | `accessibilityLabel` for the trigger badge. |
 | `style` | `LayoutStyle` | — | Layout-only, outermost, applied exactly once, last. |
-| `testID` | `string` | — | Seeds `-tab-${id}[-indicator]`, `-more[-indicator]`, `-more-quick-actions[-menu]`, `-sheet` (+ Drawer's own `-panel`/`-backdrop`), `-sheet-search`, `-sheet-recent-${id}`, `-sheet-result-${id}`, `-sheet-edit-toggle`, `-sheet-edit-slots`, `-sheet-edit-slot-${i}`, `-sheet-reset`, `-sheet-no-results`. |
+| `testID` | `string` | — | Seeds `-tab-${id}[-indicator\|-badge]`, `-more[-indicator\|-badge]`, `-more-quick-actions[-menu]`, `-sheet` (+ Drawer's own `-panel`/`-backdrop`), `-sheet-search`, `-sheet-recent-${id}[-badge]`, `-sheet-result-${id}[-badge]`, `-sheet-edit-toggle`, `-sheet-edit-slots`, `-sheet-edit-slot-${i}`, `-sheet-reset`, `-sheet-no-results`. |
 
 `BottomNavEditConfig`: `editing` / `onEditingChange` (controlled), `onPinChange(slotIndex, destination)`,
 optional `onResetToDefault` (omit → no reset row), optional `editLabel`/`doneLabel`/`resetLabel`
@@ -47,6 +48,19 @@ optional `onResetToDefault` (omit → no reset row), optional `editLabel`/`doneL
 
 No `variant`/`size`/`tone` in v1 — one fixed shape, same stance Drawer takes for itself.
 
+## Badges
+
+`BottomNavDestination.badge?: number` — an attention/unread count. `0`/omitted (or any non-positive)
+renders nothing. A small `accent.solid` pill (16dp, display capped at "99+") overlays the
+destination's icon in the bar AND in every sheet row (Recent, grouped, search results) via the
+private `BottomNavIconWithBadge`. The More trigger shows a presence-only dot — the bar's own
+active-dot idiom — whenever any overflow destination is badged. Accessible names fold the TRUE
+count in automatically ("Tasks, 5 new items"; the More trigger announces the summed overflow count,
+"More, 120 new items" — never the capped form); an explicit `accessibilityLabel` overrides the
+whole name and suppresses the automatic fold. Pill colours are measured, never eyeballed: count vs
+fill ≥ 4.5:1 and fill vs bar surface ≥ 3:1, all 8 brands × both modes (`BottomNav.test.ts`).
+Edit-mode slot chips deliberately stay badge-free.
+
 ## Interaction model
 
 - **Core tab press**: `onDestinationPress(id)`. **More press**: `onMoreVisibleChange(true)`.
@@ -101,7 +115,8 @@ imports `@react-native-async-storage/async-storage` and never reads a value it w
 - **4.1.2** — bar container `accessibilityRole="tablist"`; each core tab and the More slot
   `accessibilityRole="tab"` with `accessibilityState={{ selected, expanded }}` (`expanded` on More
   only, tracking `moreVisible`). Sheet rows are `accessibilityRole="menuitem"`; section headers are
-  `accessibilityRole="header"` (same role Modal uses for its title).
+  `accessibilityRole="header"` (same role Modal uses for its title). Badged tabs/rows announce ONE
+  folded name (see Badges) — the pill's own text never leaks as a separate announcement.
 - **2.5.x target size** — `BOTTOM_NAV_HEIGHT` (56dp) asserted ≥ 44dp in a pure unit test, same
   `height ≥ MIN_TOUCH_TARGET` idiom Button/Select/Reorder use. Tab WIDTH is screen-width-dependent
   (`flex: 1` across `coreTabs.length + 1`) — see Known gaps.
@@ -132,17 +147,17 @@ and `BottomNavOverflowSection`'s (`id`, `destinations`) are likewise frozen.
 
 **Documented extension points (purely additive, safe defaults):** `recent`, `searchPlaceholder`,
 `searchAccessibilityLabel`, `recentLabel`, `noResultsLabel`, `edit`, `moreQuickActions`,
-`moreQuickActionsLabel`, `style`, `testID` — every one optional; a caller who never passes them keeps
-working, unchanged, forever. `BottomNavOverflowSection.label` is optional — an unlabelled single
+`moreQuickActionsLabel`, `style`, `testID`, `BottomNavDestination.badge` — every one optional; a
+caller who never passes them keeps working, unchanged, forever. `BottomNavOverflowSection.label` is optional — an unlabelled single
 section is first-class v1, not a workaround. `edit`/`moreQuickActions` are this library's first
 "opt-in feature bundle" props (a config object / typed array, not a flat prop) — worth a second look
 at future build time, not a silent precedent-break.
 
 **The rule for landing new capability without a version-bump breaking anyone:**
 1. New capability = a new OPTIONAL prop (or optional field) whose absence reproduces today's exact
-   behaviour — never a new required prop/field. E.g. an unread-count badge lands as
-   `BottomNavDestination.badge?: { count: number }`; a compact bar lands as `size?: "regular" |
-   "compact"` defaulting `"regular"`.
+   behaviour — never a new required prop/field. The unread-count badge landed exactly this way
+   (`BottomNavDestination.badge?: number`, 2026-07-21 — see Badges); a compact bar lands as
+   `size?: "regular" | "compact"` defaulting `"regular"`.
 2. Closed unions (`BottomNavActiveState.kind`) may gain NEW MEMBERS, never rename/remove one. A future
    `{ kind: "search" }` is additive at runtime — existing callers never construct it. The one caveat:
    an exhaustive `switch` over `.kind` fails to compile until a case is added — TypeScript correctly

package/lib/module/modules/charts/BarList.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import { memo } from "react";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { useTheme } from "../../theme/index.js";
+import { barListHeaderStructure, barListRowStructure, barListStructure, barListTrackStructure, resolveBarListColors } from "./Charts.variants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function barFraction(value, max) {
+  if (!Number.isFinite(value) || !Number.isFinite(max) || max <= 0) return 0;
+  return Math.min(Math.max(value / max, 0), 1);
+}
+export const BarList = /*#__PURE__*/memo(function BarList({
+  items,
+  maxValue,
+  onPressItem,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const colors = resolveBarListColors(theme.colors);
+  const max = maxValue ?? items.reduce((highest, item) => Math.max(highest, Number.isFinite(item.value) ? item.value : 0), 0);
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    style: [barListStructure(theme), style],
+    children: items.map((item, index) => {
+      const rowTestID = testID === undefined ? undefined : `${testID}-item-${index}`;
+      const Row = onPressItem === undefined ? View : Pressable;
+      return /*#__PURE__*/_jsxs(Row, {
+        testID: rowTestID,
+        accessible: true,
+        accessibilityRole: onPressItem === undefined ? "text" : "button",
+        accessibilityLabel: `${item.label}, ${item.value}`,
+        onPress: onPressItem === undefined ? undefined : () => onPressItem(item, index),
+        style: barListRowStructure(theme),
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: barListHeaderStructure(theme),
+          children: [item.icon, /*#__PURE__*/_jsx(Text, {
+            numberOfLines: 1,
+            style: [theme.fontStyleForWeight(theme.fontWeights.medium), styles.label, {
+              fontSize: theme.fontSizes.sm,
+              color: colors.label
+            }],
+            children: item.label
+          }), /*#__PURE__*/_jsx(Text, {
+            numberOfLines: 1,
+            style: [theme.fontStyleForWeight(theme.fontWeights.regular), {
+              fontSize: theme.fontSizes.sm,
+              color: colors.value
+            }],
+            children: item.value
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          testID: rowTestID === undefined ? undefined : `${rowTestID}-track`,
+          accessibilityElementsHidden: true,
+          importantForAccessibility: "no-hide-descendants",
+          style: [barListTrackStructure(theme), {
+            backgroundColor: colors.track
+          }],
+          children: /*#__PURE__*/_jsx(View, {
+            testID: rowTestID === undefined ? undefined : `${rowTestID}-fill`,
+            style: [styles.fill, {
+              width: `${barFraction(item.value, max) * 100}%`,
+              backgroundColor: item.color ?? colors.fill
+            }]
+          })
+        })]
+      }, `${index}-${item.label}`);
+    })
+  });
+});
+const styles = StyleSheet.create({
+  label: {
+    flex: 1
+  },
+  fill: {
+    height: "100%"
+  }
+});
+//# sourceMappingURL=BarList.js.map

package/lib/module/modules/charts/BarList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","Pressable","StyleSheet","Text","View","useTheme","barListHeaderStructure","barListRowStructure","barListStructure","barListTrackStructure","resolveBarListColors","jsx","_jsx","jsxs","_jsxs","barFraction","value","max","Number","isFinite","Math","min","BarList","items","maxValue","onPressItem","style","testID","theme","colors","reduce","highest","item","children","map","index","rowTestID","undefined","Row","accessible","accessibilityRole","accessibilityLabel","label","onPress","icon","numberOfLines","fontStyleForWeight","fontWeights","medium","styles","fontSize","fontSizes","sm","color","regular","accessibilityElementsHidden","importantForAccessibility","backgroundColor","track","fill","width","create","flex","height"],"sourceRoot":"../../../../src","sources":["modules/charts/BarList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/charts/Charts.variants.js

@@ -0,0 +1,59 @@
+"use strict";
+
+/**
+ * Pure resolvers for the charts module — no React, no svg, so the WCAG tests import this directly
+ * (mocking only `react-native`'s `StyleSheet`, as every sibling module's tests do).
+ */
+
+import { createThemedVariants } from "../../core/style/index.js";
+export const BAR_LIST_TRACK_HEIGHT = 6;
+export function resolveBarListColors(colors) {
+  return {
+    label: colors.fg.default,
+    value: colors.fg.muted,
+    track: colors.bg.sunken,
+    fill: colors.accent.solid
+  };
+}
+export function resolveDonutChartColors(colors) {
+  return {
+    track: colors.bg.sunken,
+    centerLabel: colors.fg.default,
+    centerSublabel: colors.fg.muted
+  };
+}
+export function resolveSparklineTone(colors, tone) {
+  switch (tone) {
+    case "accent":
+      return colors.accent.solid;
+    case "neutral":
+      return colors.fg.muted;
+    default:
+      return colors.status[tone].solid;
+  }
+}
+export const barListStructure = createThemedVariants(theme => ({
+  base: {
+    rowGap: theme.space[3]
+  }
+}));
+export const barListRowStructure = createThemedVariants(theme => ({
+  base: {
+    rowGap: theme.space[1]
+  }
+}));
+export const barListHeaderStructure = createThemedVariants(theme => ({
+  base: {
+    flexDirection: "row",
+    alignItems: "center",
+    columnGap: theme.space[2]
+  }
+}));
+export const barListTrackStructure = createThemedVariants(theme => ({
+  base: {
+    height: BAR_LIST_TRACK_HEIGHT,
+    borderRadius: theme.radii.full,
+    overflow: "hidden"
+  }
+}));
+//# sourceMappingURL=Charts.variants.js.map

package/lib/module/modules/charts/Charts.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createThemedVariants","BAR_LIST_TRACK_HEIGHT","resolveBarListColors","colors","label","fg","default","value","muted","track","bg","sunken","fill","accent","solid","resolveDonutChartColors","centerLabel","centerSublabel","resolveSparklineTone","tone","status","barListStructure","theme","base","rowGap","space","barListRowStructure","barListHeaderStructure","flexDirection","alignItems","columnGap","barListTrackStructure","height","borderRadius","radii","full","overflow"],"sourceRoot":"../../../../src","sources":["modules/charts/Charts.variants.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAGA,SAASA,oBAAoB,QAAQ,2BAAkB;AAIvD,OAAO,MAAMC,qBAAqB,GAAG,CAAC;AAStC,OAAO,SAASC,oBAAoBA,CAACC,MAAkB,EAAiB;EACtE,OAAO;IACLC,KAAK,EAAED,MAAM,CAACE,EAAE,CAACC,OAAO;IACxBC,KAAK,EAAEJ,MAAM,CAACE,EAAE,CAACG,KAAK;IACtBC,KAAK,EAAEN,MAAM,CAACO,EAAE,CAACC,MAAM;IACvBC,IAAI,EAAET,MAAM,CAACU,MAAM,CAACC;EACtB,CAAC;AACH;AAQA,OAAO,SAASC,uBAAuBA,CAACZ,MAAkB,EAAoB;EAC5E,OAAO;IACLM,KAAK,EAAEN,MAAM,CAACO,EAAE,CAACC,MAAM;IACvBK,WAAW,EAAEb,MAAM,CAACE,EAAE,CAACC,OAAO;IAC9BW,cAAc,EAAEd,MAAM,CAACE,EAAE,CAACG;EAC5B,CAAC;AACH;AAEA,OAAO,SAASU,oBAAoBA,CAACf,MAAkB,EAAEgB,IAAmB,EAAU;EACpF,QAAQA,IAAI;IACV,KAAK,QAAQ;MACX,OAAOhB,MAAM,CAACU,MAAM,CAACC,KAAK;IAC5B,KAAK,SAAS;MACZ,OAAOX,MAAM,CAACE,EAAE,CAACG,KAAK;IACxB;MACE,OAAOL,MAAM,CAACiB,MAAM,CAACD,IAAI,CAAC,CAACL,KAAK;EACpC;AACF;AAEA,OAAO,MAAMO,gBAAgB,GAAGrB,oBAAoB,CAAEsB,KAAY,KAAM;EACtEC,IAAI,EAAE;IACJC,MAAM,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;EACvB;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,MAAMC,mBAAmB,GAAG1B,oBAAoB,CAAEsB,KAAY,KAAM;EACzEC,IAAI,EAAE;IACJC,MAAM,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;EACvB;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,MAAME,sBAAsB,GAAG3B,oBAAoB,CAAEsB,KAAY,KAAM;EAC5EC,IAAI,EAAE;IACJK,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAER,KAAK,CAACG,KAAK,CAAC,CAAC;EAC1B;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,MAAMM,qBAAqB,GAAG/B,oBAAoB,CAAEsB,KAAY,KAAM;EAC3EC,IAAI,EAAE;IACJS,MAAM,EAAE/B,qBAAqB;IAC7BgC,YAAY,EAAEX,KAAK,CAACY,KAAK,CAACC,IAAI;IAC9BC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/charts/DonutChart.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import { memo } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import Svg, { Circle, G } from "react-native-svg";
+import { useTheme } from "../../theme/index.js";
+import { resolveDonutChartColors } from "./Charts.variants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DonutChart = /*#__PURE__*/memo(function DonutChart({
+  segments,
+  size = 160,
+  thickness = 20,
+  centerLabel,
+  centerSublabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const colors = resolveDonutChartColors(theme.colors);
+  const center = size / 2;
+  const radius = Math.max((size - thickness) / 2, 0);
+  const circumference = 2 * Math.PI * radius;
+  const valid = segments.filter(segment => Number.isFinite(segment.value) && segment.value > 0);
+  const total = valid.reduce((sum, segment) => sum + segment.value, 0);
+  const arcs = [];
+  let start = 0;
+  for (const segment of valid) {
+    const fraction = total > 0 ? segment.value / total : 0;
+    arcs.push({
+      color: segment.color,
+      fraction,
+      start
+    });
+    start += fraction;
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: [{
+      width: size,
+      height: size
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: /*#__PURE__*/_jsx(Svg, {
+        width: size,
+        height: size,
+        children: /*#__PURE__*/_jsxs(G, {
+          transform: `rotate(-90 ${center} ${center})`,
+          children: [/*#__PURE__*/_jsx(Circle, {
+            testID: testID === undefined ? undefined : `${testID}-track`,
+            cx: center,
+            cy: center,
+            r: radius,
+            stroke: colors.track,
+            strokeWidth: thickness,
+            fill: "none"
+          }), arcs.map((arc, index) => /*#__PURE__*/_jsx(Circle, {
+            testID: testID === undefined ? undefined : `${testID}-segment-${index}`,
+            cx: center,
+            cy: center,
+            r: radius,
+            stroke: arc.color,
+            strokeWidth: thickness,
+            fill: "none",
+            strokeDasharray: `${arc.fraction * circumference} ${circumference}`,
+            strokeDashoffset: -arc.start * circumference
+          }, index))]
+        })
+      })
+    }), (centerLabel !== undefined || centerSublabel !== undefined) && /*#__PURE__*/_jsxs(View, {
+      pointerEvents: "none",
+      style: [StyleSheet.absoluteFill, styles.center],
+      children: [centerLabel !== undefined && /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: [theme.fontStyleForWeight(theme.fontWeights.semibold), {
+          fontSize: theme.fontSizes.xl,
+          color: colors.centerLabel
+        }],
+        children: centerLabel
+      }), centerSublabel !== undefined && /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: [theme.fontStyleForWeight(theme.fontWeights.regular), {
+          fontSize: theme.fontSizes.xs,
+          color: colors.centerSublabel
+        }],
+        children: centerSublabel
+      })]
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  center: {
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+//# sourceMappingURL=DonutChart.js.map

package/lib/module/modules/charts/DonutChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","Text","View","Svg","Circle","G","useTheme","resolveDonutChartColors","jsx","_jsx","jsxs","_jsxs","DonutChart","segments","size","thickness","centerLabel","centerSublabel","style","testID","theme","colors","center","radius","Math","max","circumference","PI","valid","filter","segment","Number","isFinite","value","total","reduce","sum","arcs","start","fraction","push","color","width","height","children","accessibilityElementsHidden","importantForAccessibility","transform","undefined","cx","cy","r","stroke","track","strokeWidth","fill","map","arc","index","strokeDasharray","strokeDashoffset","pointerEvents","absoluteFill","styles","numberOfLines","fontStyleForWeight","fontWeights","semibold","fontSize","fontSizes","xl","regular","xs","create","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["modules/charts/DonutChart.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/charts/MODULE.md

@@ -0,0 +1,52 @@
+# charts/ — small data-display primitives (BarList, DonutChart, Sparkline)
+
+Three theme-aware chart primitives for dashboards and KPI screens. `DonutChart` and `Sparkline`
+render through `react-native-svg` (optional peer — a consumer using only `BarList` never pays for
+it at runtime, though the import is module-level: importing this subpath requires the peer
+installed).
+
+## Files
+
+| File | Role |
+|------|------|
+| `BarList.tsx` | Horizontal labeled breakdown bars — plain Views, no svg. |
+| `DonutChart.tsx` | Svg donut: stacked `Circle` strokes via dasharray/dashoffset, optional center label. |
+| `Sparkline.tsx` | Svg line + area under it, tone-driven stroke. |
+| `Charts.variants.ts` | Pure resolvers (colors from role tokens, BarList structure). No React, no svg. |
+| `__tests__/Charts.test.ts` | Pure: WCAG contrast (all brands × modes) + role-mapping contract. |
+| `__tests__/Charts.render.test.tsx` | Render: rows/segments/paths, a11y, svg mocked. |
+
+## Props
+
+**BarList** — `items: { label, value, color?, icon?: ReactNode }[]`, `maxValue?` (defaults to the
+largest item value), `onPressItem?(item, index)`, `style?: LayoutStyle`, `testID?`.
+Bar fill defaults to `accent.solid`; per-item `color` exists for data-driven series (categorical
+breakdowns have no closed-union role) — a deliberate, documented exception to the closed-union rule.
+
+**DonutChart** — `segments: { value, color, label? }[]`, `size?` (160), `thickness?` (20),
+`centerLabel?`, `centerSublabel?`, `style?`, `testID?`. Non-finite / ≤ 0 segment values are dropped;
+with no valid segments only the `bg.sunken` track ring renders.
+
+**Sparkline** — `data: number[]`, `width?` (120), `height?` (32),
+`tone?: accent | neutral | success | warning | danger | info` (accent), `style?`, `testID?`.
+Non-finite samples are dropped; a single sample draws a flat line; empty data renders an empty box.
+
+## Accessibility
+
+- Each BarList row is ONE accessible node announcing `"label, value"` (`text` role, or `button`
+  when `onPressItem` is set); the bar track is decorative and hidden from AT — the value text
+  already carries the information.
+- Donut/sparkline graphics are hidden from AT (decorative, same contract as Timeline's connector);
+  DonutChart's center labels stay in the normal accessibility tree.
+- BarList label (`fg.default`) and value (`fg.muted`) are measured ≥ 4.5:1 on the canvas for all
+  8 brands × both modes (`Charts.test.ts`).
+
+## Known gaps
+
+- Segment/bar `color` values come from the consumer — contrast of consumer-picked series colors
+  against the canvas is the consumer's to verify.
+- No animation, no labels-on-arc, no axes — these are primitives, not a charting library.
+
+## Performance
+
+All three components wrapped in `React.memo` (root `CLAUDE.md` performance rule).

package/lib/module/modules/charts/Sparkline.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import { memo } from "react";
+import { View } from "react-native";
+import Svg, { Path } from "react-native-svg";
+import { useTheme } from "../../theme/index.js";
+import { resolveSparklineTone } from "./Charts.variants.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const STROKE_WIDTH = 2;
+const AREA_OPACITY = 0.15;
+function buildPaths(data, width, height) {
+  const clean = data.filter(value => Number.isFinite(value));
+  if (clean.length === 0) return undefined;
+
+  // A single sample still draws as a flat line across the full width.
+  const values = clean.length === 1 ? [clean[0], clean[0]] : clean;
+  const min = Math.min(...values);
+  const range = Math.max(...values) - min || 1;
+  const pad = STROKE_WIDTH / 2;
+  const drawable = Math.max(height - STROKE_WIDTH, 0);
+  const stepX = width / (values.length - 1);
+  const points = values.map((value, index) => {
+    const x = index * stepX;
+    const y = pad + drawable - (value - min) / range * drawable;
+    return `${round(x)} ${round(y)}`;
+  });
+  const line = `M ${points.join(" L ")}`;
+  const area = `${line} L ${round(width)} ${round(height)} L 0 ${round(height)} Z`;
+  return {
+    line,
+    area
+  };
+}
+function round(value) {
+  return Math.round(value * 100) / 100;
+}
+export const Sparkline = /*#__PURE__*/memo(function Sparkline({
+  data,
+  width = 120,
+  height = 32,
+  tone = "accent",
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const stroke = resolveSparklineTone(theme.colors, tone);
+  const paths = buildPaths(data, width, height);
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    style: [{
+      width,
+      height
+    }, style],
+    children: /*#__PURE__*/_jsx(Svg, {
+      width: width,
+      height: height,
+      children: paths !== undefined && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Path, {
+          testID: testID === undefined ? undefined : `${testID}-area`,
+          d: paths.area,
+          fill: stroke,
+          fillOpacity: AREA_OPACITY,
+          stroke: "none"
+        }), /*#__PURE__*/_jsx(Path, {
+          testID: testID === undefined ? undefined : `${testID}-line`,
+          d: paths.line,
+          fill: "none",
+          stroke: stroke,
+          strokeWidth: STROKE_WIDTH,
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        })]
+      })
+    })
+  });
+});
+//# sourceMappingURL=Sparkline.js.map

package/lib/module/modules/charts/Sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","View","Svg","Path","useTheme","resolveSparklineTone","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","STROKE_WIDTH","AREA_OPACITY","buildPaths","data","width","height","clean","filter","value","Number","isFinite","length","undefined","values","min","Math","range","max","pad","drawable","stepX","points","map","index","x","y","round","line","join","area","Sparkline","tone","style","testID","theme","stroke","colors","paths","accessibilityElementsHidden","importantForAccessibility","children","d","fill","fillOpacity","strokeWidth","strokeLinecap","strokeLinejoin"],"sourceRoot":"../../../../src","sources":["modules/charts/Sparkline.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/charts/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+/**
+ * Public surface of `pixelize-native-library/charts`. Value exports and type exports are split for
+ * `verbatimModuleSyntax`. The resolvers stay internal — a consumer configures a chart through its
+ * props, never by importing its internals.
+ */
+
+export { BarList } from "./BarList.js";
+export { DonutChart } from "./DonutChart.js";
+export { Sparkline } from "./Sparkline.js";
+//# sourceMappingURL=index.js.map

package/lib/module/modules/charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BarList","DonutChart","Sparkline"],"sourceRoot":"../../../../src","sources":["modules/charts/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,cAAW;AAGnC,SAASC,UAAU,QAAQ,iBAAc;AAGzC,SAASC,SAAS,QAAQ,gBAAa","ignoreList":[]}

package/lib/module/modules/list-item/ListItem.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import { memo, useCallback } from "react";
+import { Pressable, Text, View } from "react-native";
+import { useTheme } from "../../theme/index.js";
+import { listItemBodyStructure, listItemDotStructure, listItemStructure, resolveListItemAccessibility, resolveListItemColors } from "./ListItem.variants.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const ListItem = /*#__PURE__*/memo(function ListItem({
+  leading,
+  title,
+  subtitle,
+  trailing,
+  unread = false,
+  onPress,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const colors = resolveListItemColors(theme.colors, unread);
+  const a11y = resolveListItemAccessibility({
+    title,
+    subtitle,
+    unread
+  });
+  const rootStyle = useCallback(({
+    pressed
+  }) => [listItemStructure(theme), {
+    backgroundColor: pressed ? colors.pressed : colors.background
+  }, style], [theme, colors, style]);
+  const body = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [unread && /*#__PURE__*/_jsx(View, {
+      testID: testID === undefined ? undefined : `${testID}-dot`,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: [listItemDotStructure(theme), {
+        backgroundColor: colors.dot
+      }]
+    }), leading, /*#__PURE__*/_jsxs(View, {
+      style: listItemBodyStructure(theme),
+      children: [/*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: [theme.fontStyleForWeight(unread ? theme.fontWeights.semibold : theme.fontWeights.medium), {
+          fontSize: theme.fontSizes.md,
+          color: colors.title
+        }],
+        children: title
+      }), subtitle !== undefined && /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 2,
+        style: [theme.fontStyleForWeight(theme.fontWeights.regular), {
+          fontSize: theme.fontSizes.sm,
+          color: colors.subtitle
+        }],
+        children: subtitle
+      })]
+    }), trailing]
+  });
+  if (onPress === undefined) {
+    return /*#__PURE__*/_jsx(View, {
+      testID: testID,
+      style: [listItemStructure(theme), {
+        backgroundColor: colors.background
+      }, style],
+      children: body
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    testID: testID,
+    accessibilityRole: "button",
+    accessibilityLabel: a11y.accessibilityLabel,
+    onPress: onPress,
+    style: rootStyle,
+    children: body
+  });
+});
+//# sourceMappingURL=ListItem.js.map

package/lib/module/modules/list-item/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","Pressable","Text","View","useTheme","listItemBodyStructure","listItemDotStructure","listItemStructure","resolveListItemAccessibility","resolveListItemColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ListItem","leading","title","subtitle","trailing","unread","onPress","style","testID","theme","colors","a11y","rootStyle","pressed","backgroundColor","background","body","children","undefined","accessibilityElementsHidden","importantForAccessibility","dot","numberOfLines","fontStyleForWeight","fontWeights","semibold","medium","fontSize","fontSizes","md","color","regular","sm","accessibilityRole","accessibilityLabel"],"sourceRoot":"../../../../src","sources":["modules/list-item/ListItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/list-item/ListItem.variants.js

@@ -0,0 +1,53 @@
+"use strict";
+
+/**
+ * Pure resolvers for ListItem — no React, so the WCAG tests import this directly (mocking only
+ * `react-native`'s `StyleSheet`, as every sibling module's tests do).
+ */
+
+import { createThemedVariants } from "../../core/style/index.js";
+export const LIST_ITEM_DOT_SIZE = 8;
+export const LIST_ITEM_MIN_HEIGHT = 44;
+export function resolveListItemColors(colors, unread) {
+  return {
+    background: unread ? colors.bg.surface : undefined,
+    // NOT `bg.hover`: measured, `fg.default` falls to 3.87:1 against it on 4 of 8 light brands
+    // (lavender/radiant/skyline/rosewood) — `bg.sunken` clears AA everywhere (`ListItem.test.ts`).
+    pressed: colors.bg.sunken,
+    title: colors.fg.default,
+    subtitle: colors.fg.muted,
+    dot: colors.accent.solid
+  };
+}
+export function resolveListItemAccessibility(input) {
+  const parts = [input.title];
+  if (input.subtitle !== undefined) parts.push(input.subtitle);
+  if (input.unread) parts.push("unread");
+  return {
+    accessibilityLabel: parts.join(", ")
+  };
+}
+export const listItemStructure = createThemedVariants(theme => ({
+  base: {
+    flexDirection: "row",
+    alignItems: "center",
+    columnGap: theme.space[3],
+    minHeight: LIST_ITEM_MIN_HEIGHT,
+    paddingVertical: theme.space[3],
+    paddingHorizontal: theme.space[4]
+  }
+}));
+export const listItemBodyStructure = createThemedVariants(theme => ({
+  base: {
+    flex: 1,
+    rowGap: theme.space[1]
+  }
+}));
+export const listItemDotStructure = createThemedVariants(theme => ({
+  base: {
+    width: LIST_ITEM_DOT_SIZE,
+    height: LIST_ITEM_DOT_SIZE,
+    borderRadius: theme.radii.full
+  }
+}));
+//# sourceMappingURL=ListItem.variants.js.map