pixelize-native-library 1.0.6

package/lib/module/modules/pin-input/PinInput.variants.js

@@ -0,0 +1,183 @@
+"use strict";
+
+/**
+ * PinInput's style + behaviour resolution — same split as Button/Input:
+ *  - STRUCTURE (box size, row gap, border WIDTH) lives in the themed `pinInputRowStructure` /
+ *    `pinInputBoxStructure` resolvers, static per (brand, mode), registered once via
+ *    `StyleSheet.create`.
+ *  - COLOUR is `status`-driven (never a free `color` prop) and resolved from the theme's ROLE
+ *    colours by `resolvePinInputBoxColors`, so it is guaranteed legible in both modes.
+ *  - The keystroke/paste contract (`clampPinInputValue`), the active-box index
+ *    (`resolvePinInputActiveIndex`), completion (`isPinInputComplete`), and accessibility prop
+ *    derivation (`resolvePinInputAccessibility`) are kept pure so they are unit-testable without
+ *    rendering React Native.
+ *
+ * Free of React and of any `TextInput`/`Pressable` import, so the WCAG + behaviour tests import it
+ * directly (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
+ */
+
+import { createThemedVariants } from "../../core/style/index.js";
+
+/** A validity state, not a brand tone — same reasoning as `InputStatus`. */
+
+/** Same floor as Button/Input — 44dp (WCAG 2.5.5 / HIG). Duplicated, not imported: modules stay isolated. */
+export const MIN_TOUCH_TARGET = 44;
+const slopFor = height => Math.max(0, Math.ceil((MIN_TOUCH_TARGET - height) / 2));
+/**
+ * PinInput-specific dimensions. Box size / dot size / gap are the component's own design
+ * constants; `fontSize` sits on the theme's `fontSizes` scale (xl/2xl/3xl = 20/24/30) — a digit
+ * reads larger than body text, unlike Button/Input's 14/16/18 label sizes.
+ */
+export const PIN_INPUT_SIZES = {
+  sm: {
+    boxSize: 40,
+    fontSize: 20,
+    dotSize: 8,
+    gap: 8,
+    hitSlop: slopFor(40)
+  },
+  md: {
+    boxSize: 48,
+    fontSize: 24,
+    dotSize: 10,
+    gap: 10,
+    hitSlop: slopFor(48)
+  },
+  lg: {
+    boxSize: 56,
+    fontSize: 30,
+    dotSize: 12,
+    gap: 12,
+    hitSlop: slopFor(56)
+  }
+};
+/**
+ * Maps `status` onto the theme's role colours — identical precedent to `resolveInputStatus`.
+ * The error border deliberately reads `status.danger.solid`, NOT `status.danger.border`:
+ * `StatusColors.border` is documented (see `Input.variants.ts`) as the decorative chip/badge
+ * outline (`ramp[200]`) and measures below 3:1 against the canvas on several brands in dark mode.
+ * A pin box border is a real UI boundary (WCAG 1.4.11), so it needs the rung that actually clears
+ * 3:1 everywhere — `solid` does, measured in `PinInput.test.ts`.
+ */
+export function resolvePinInputBoxColors(colors, status) {
+  if (status === "error") {
+    return {
+      border: colors.status.danger.solid,
+      text: colors.fg.default
+    };
+  }
+  return {
+    border: colors.border.interactive,
+    text: colors.fg.default
+  };
+}
+
+/**
+ * Strips the keystroke/paste payload to what an OTP field actually accepts: digits only when
+ * `keyboardType` is `"number-pad"` (a pasted code with stray spaces/dashes still lands cleanly),
+ * left as-is for `"default"` (alphanumeric codes), then clamped to `length` characters either way
+ * — a paste longer than the field can never overflow the controlled `value`.
+ */
+export function clampPinInputValue(raw, length, keyboardType) {
+  const filtered = keyboardType === "number-pad" ? raw.replace(/[^0-9]/g, "") : raw;
+  return filtered.slice(0, Math.max(0, length));
+}
+
+/**
+ * The box index that represents "where typing would land next": the current value's length, or
+ * the last box once the value is full. Pure so the projection from `value` → active box is
+ * testable without a renderer; the component gates its VISIBLE indicator on this AND real
+ * `TextInput` focus (WCAG 2.4.7 — a focus indicator only while actually focused).
+ */
+export function resolvePinInputActiveIndex(value, length) {
+  return Math.min(value.length, Math.max(0, length - 1));
+}
+
+/** Whether `value` fills every box — the trigger condition for `onComplete`. */
+export function isPinInputComplete(value, length) {
+  return length > 0 && value.length === length;
+}
+/** Screen-reader stand-in for a masked digit — marks a box as filled without revealing its value. */
+const ACCESSIBILITY_MASK_CHAR = "•";
+
+/**
+ * Derives the accessibility surface once, purely — same shape as `resolveInputAccessibility`, but
+ * `accessibilityLabel` is required (never a fallback) because PinInput has no visible text label of
+ * its own; the caller must always name the field (e.g. "6-digit verification code").
+ */
+export function resolvePinInputAccessibility(input) {
+  const disabled = input.disabled === true;
+  const masked = input.secureTextEntry === true;
+  return {
+    accessibilityLabel: input.accessibilityLabel,
+    accessibilityValue: {
+      text: masked ? ACCESSIBILITY_MASK_CHAR.repeat(input.value.length) : input.value
+    },
+    accessibilityState: {
+      disabled
+    },
+    editable: !disabled
+  };
+}
+
+/**
+ * Structural styles for the ROW — the single contiguous touch target. No colours (status is
+ * resolved per box by `resolvePinInputBoxColors`), so this compiles once per theme identity via
+ * the `WeakMap`-cached themed resolver and never rebuilds per render.
+ */
+export const pinInputRowStructure = createThemedVariants(_theme => ({
+  base: {
+    flexDirection: "row",
+    alignItems: "center",
+    alignSelf: "flex-start"
+  },
+  variants: {
+    size: {
+      sm: {
+        columnGap: PIN_INPUT_SIZES.sm.gap
+      },
+      md: {
+        columnGap: PIN_INPUT_SIZES.md.gap
+      },
+      lg: {
+        columnGap: PIN_INPUT_SIZES.lg.gap
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}));
+
+/**
+ * Structural styles for ONE box — square, bordered, centred content. No colours (border/text are
+ * resolved by `resolvePinInputBoxColors` and applied inline over this).
+ */
+export const pinInputBoxStructure = createThemedVariants(theme => ({
+  base: {
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: theme.borderWidths.thin,
+    borderRadius: theme.radii.base
+  },
+  variants: {
+    size: {
+      sm: {
+        width: PIN_INPUT_SIZES.sm.boxSize,
+        height: PIN_INPUT_SIZES.sm.boxSize
+      },
+      md: {
+        width: PIN_INPUT_SIZES.md.boxSize,
+        height: PIN_INPUT_SIZES.md.boxSize
+      },
+      lg: {
+        width: PIN_INPUT_SIZES.lg.boxSize,
+        height: PIN_INPUT_SIZES.lg.boxSize
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}));
+//# sourceMappingURL=PinInput.variants.js.map

package/lib/module/modules/pin-input/PinInput.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createThemedVariants","MIN_TOUCH_TARGET","slopFor","height","Math","max","ceil","PIN_INPUT_SIZES","sm","boxSize","fontSize","dotSize","gap","hitSlop","md","lg","resolvePinInputBoxColors","colors","status","border","danger","solid","text","fg","default","interactive","clampPinInputValue","raw","length","keyboardType","filtered","replace","slice","resolvePinInputActiveIndex","value","min","isPinInputComplete","ACCESSIBILITY_MASK_CHAR","resolvePinInputAccessibility","input","disabled","masked","secureTextEntry","accessibilityLabel","accessibilityValue","repeat","accessibilityState","editable","pinInputRowStructure","_theme","base","flexDirection","alignItems","alignSelf","variants","size","columnGap","defaultVariants","pinInputBoxStructure","theme","justifyContent","borderWidth","borderWidths","thin","borderRadius","radii","width"],"sourceRoot":"../../../../src","sources":["modules/pin-input/PinInput.variants.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/pin-input/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+/**
+ * Public surface of `pixelize-native-library/pin-input`. Value exports and type exports are split for
+ * `verbatimModuleSyntax`. The visual/behaviour resolvers (`resolvePinInputBoxColors`,
+ * `PIN_INPUT_SIZES`, …) stay internal — a consumer configures a PinInput through its props, never
+ * by importing its internals.
+ */
+
+export { PinInput } from "./PinInput.js";
+//# sourceMappingURL=index.js.map

package/lib/module/modules/pin-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PinInput"],"sourceRoot":"../../../../src","sources":["modules/pin-input/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,eAAY","ignoreList":[]}

package/lib/module/modules/progress-bar/MODULE.md

@@ -0,0 +1,101 @@
+# progress-bar/ — a linear progress indicator, determinate or indeterminate
+
+`ProgressBar` renders a horizontal track with a coloured fill. Determinate (`value` given) sizes
+the fill to a 0–100 value; indeterminate (`value` omitted) sweeps a segment across the track in a
+loop. It takes no children and no interaction — it is a status display, not a control.
+
+## Files
+
+| File | Role |
+|------|------|
+| `ProgressBar.tsx` | The component. Resolves colour/a11y, measures the track via `onLayout`, drives the `Animated` sweep loop, `style` last. |
+| `ProgressBar.variants.ts` | Pure resolvers (`resolveProgressBarValue`, `resolveProgressBarFill`, `resolveProgressBarAccessibility`, `PROGRESS_BAR_SIZES`) + the themed structural resolvers `progressBarTrackStructure` / `progressBarFillStructure`. No React, no Animated. |
+| `index.ts` | Public surface: `ProgressBar`, `ProgressBarProps`, `ProgressBarSize`, `ProgressBarTone`. No `icon` prop, so no `IconName` re-export. |
+| `__tests__/ProgressBar.test.ts` | Pure: WCAG 1.4.11 contrast (all brands × modes × tones) + the value-clamp and accessibility contracts. |
+| `__tests__/ProgressBar.render.test.tsx` | Render: determinate fill width/clamping, indeterminate sweep mount, reduced-motion static fallback, tone/track colour, consumer `style` last. |
+
+## Props
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `value` | `number` | — | 0–100, clamped. Omit entirely for an indeterminate sweep. |
+| `tone` | `accent \| success \| warning \| danger` | `accent` | Closed union — resolves to `colors.accent.text` / the matching `colors.status.*.text` (not `.solid` — see rationale below). |
+| `size` | `sm \| md` | `md` | Track height — 4dp / 8dp. |
+| `accessibilityLabel` | `string` | — | Optional — a progress bar is often paired with its own adjacent text label, so unlike `Spinner`/`Switch` this is not type-required. |
+| `style` | `LayoutStyle` | — | Layout-only, outermost, applied exactly once, last. |
+| `testID` | `string` | — | Forwarded to the track. The fill/sweep segment gets `${testID}-fill` (determinate or reduced-motion static) or `${testID}-sweep` (indeterminate, animated). |
+
+## Accessibility contract (WCAG)
+
+- `accessibilityRole="progressbar"` on the outer (track) node, always `accessible`.
+- **Determinate** — `accessibilityValue={{ min: 0, max: 100, now: value }}` (value already clamped),
+  `accessibilityState={{ busy: false }}`.
+- **Indeterminate** — **no** `accessibilityValue` at all. The absence of `now` is how assistive tech
+  reports "indeterminate"; inventing a guessed number would misreport actual progress.
+  `accessibilityState={{ busy: true }}` (1.4.1) announces the ongoing work the visual sweep alone
+  doesn't convey to a screen reader.
+- **1.4.11 (non-text contrast)** — every tone's fill is measured ≥ 3:1 against the `bg.sunken`
+  track, for all 8 brands × both modes (`ProgressBar.test.ts`) — the fill is a non-text UI boundary
+  conveying information (WCAG 1.4.11), not decoration.
+- **2.3.3 (reduced motion)** — `useReducedMotion()` gates the sweep loop entirely: when true, the
+  `Animated.View` is never mounted and the track instead renders a static fill at a fixed 50%
+  fraction — never a frame frozen mid-sweep (same "skip, don't freeze" contract as `Skeleton`'s
+  shimmer and `Spinner`'s spin).
+- **Touch target (2.5.x)** — N/A. `ProgressBar` is never interactive; there is no `hitSlop`.
+
+## Why `tone` is a union, not a `color`
+
+Same reasoning as every other module: `color?: string` would hand the token system back to the app.
+Every fill a `ProgressBar` can show is a role lookup (`resolveProgressBarFill`) and can never be an
+off-palette value an app invented.
+
+### Why the fill reads `colors.*.text`, not `colors.*.solid` — a measured correction
+
+The obvious mapping — `accent.solid` / `status.<role>.solid` — is what `Button` uses for ITS solid
+fill, and what an earlier draft of this component used too. Measuring it against this component's
+actual `bg.sunken` track (`ProgressBar.test.ts`, all 8 brands × both modes × every tone) found a real
+`AA_NON_TEXT` (3:1) failure in **light mode**: `solid` is only derived to clear contrast against its
+own `onSolid` label, never against an arbitrary neutral surface. The shared semantic ramps make this
+concrete — `warning.solid`/`success.solid` are the same pale orange/green on every brand, and land as
+low as ~1.9–2.4:1 against a light `bg.sunken`. That is the exact class of mistake the component spec
+warns about (`RadioGroup`/`Tabs` shipped a real WCAG failure the same way, by assuming a role pairing
+"should" clear AA without measuring it) — so this component does not repeat it.
+
+The fix stays entirely inside the existing role-token surface: `colors.*.text` is
+`readableOn(ramp, [ramp[50]])` — the same field `Button` already uses for its outline/ghost/link
+label, engineered specifically to read on a pale surface. Measured here, it clears ≥ 4.4:1 against
+`bg.sunken` for every tone × all 8 brands × both modes, comfortably above the 3:1 this fill needs.
+Reusing a "text" role as a solid fill block is a reinterpretation of an existing measured-safe value,
+not a new colour — never a raw ramp, never a hardcoded hex.
+
+## The indeterminate sweep — why it needs `onLayout`
+
+RN's `transform: translateX` takes numeric dp, not a percentage string — there is no supported way
+to animate a transform-based sweep purely in percentages. So the track measures its own rendered
+width via `onLayout` (`trackWidth` state), and the sweep segment's width (`SWEEP_FRACTION` = 40% of
+the track) and its `translateX` range (`-sweepWidth → trackWidth`, so it fully enters and exits) are
+both derived from that measured width. The `Animated.loop`/`Animated.timing` itself only depends on
+`reducedMotion`/`determinate` — resizing the track re-derives the sweep's distance on the next
+render without restarting the loop.
+
+## Patterns copied from `button/`, `skeleton/`, and `spinner/`
+
+1. **Structure vs colour split.** Track height + the pill radius + `overflow: hidden` →
+   `progressBarTrackStructure` (`createThemedVariants`, registered once per theme). The fill/sweep
+   segment's own matching radius → `progressBarFillStructure` (same factory, no `size` variant —
+   its height always fills the track, applied inline). Colour (track's single `bg.sunken`, and the
+   tone-driven fill) is resolved and applied inline, same split as `buttonStructure`.
+2. **Looping `Animated` value, reduced-motion gated** — the same shape as `Skeleton`'s shimmer:
+   `useRef(new Animated.Value(0))`, an `Animated.loop` started/stopped in a `useEffect` keyed on the
+   condition that should suppress it, never a paused-mid-animation static value.
+3. **Pure, testable resolvers** in `ProgressBar.variants.ts` (no React, no Animated) so the WCAG +
+   value-clamp + accessibility contracts are unit-tested against real palettes — never eyeballed.
+4. **Closed unions only** (`tone`/`size`), `style: LayoutStyle` last and once, no `{...rest}`.
+
+## Known gaps
+
+None — no icon, no new theme token, no new core helper needed for this component.
+
+## Performance
+
+Wrapped in `React.memo` (repo-wide re-render audit, 2026-07-17 — see root `CLAUDE.md`). Only renders `View`/`Animated.View` (host elements) — no library child components, nothing to memoize.

package/lib/module/modules/progress-bar/ProgressBar.js

@@ -0,0 +1,102 @@
+"use strict";
+
+/**
+ * ProgressBar — a linear progress indicator. Determinate (`value` 0–100) renders a static fill
+ * sized to the value; indeterminate (`value` omitted) renders a looping `Animated` sweep across the
+ * track, skipped in favour of a static half-filled track when `useReducedMotion()` is true (WCAG
+ * 2.3.3 — never a frame frozen mid-sweep).
+ */
+
+import { memo, useEffect, useRef, useState } from "react";
+import { Animated, View } from "react-native";
+import { useReducedMotion } from "../../core/a11y/index.js";
+import { useTheme } from "../../theme/index.js";
+import { progressBarFillStructure, progressBarTrackStructure, REDUCED_MOTION_FILL_FRACTION, resolveProgressBarAccessibility, resolveProgressBarFill, resolveProgressBarValue, SWEEP_DURATION_MS, SWEEP_FRACTION } from "./ProgressBar.variants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ProgressBar = /*#__PURE__*/memo(function ProgressBar({
+  value,
+  tone = "accent",
+  size = "md",
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const reducedMotion = useReducedMotion();
+  const sweep = useRef(new Animated.Value(0)).current;
+  const [trackWidth, setTrackWidth] = useState(0);
+  const clampedValue = resolveProgressBarValue(value);
+  const determinate = clampedValue !== undefined;
+  const fillColor = resolveProgressBarFill(theme.colors, tone);
+  const a11y = resolveProgressBarAccessibility({
+    value: clampedValue
+  });
+
+  // WCAG 2.3.3 — the sweep never starts (and never mounts) once reduced motion is on; the branch
+  // below renders a static half-filled track instead of a frame frozen mid-sweep.
+  useEffect(() => {
+    if (determinate || reducedMotion) return undefined;
+    const loop = Animated.loop(Animated.timing(sweep, {
+      toValue: 1,
+      duration: SWEEP_DURATION_MS,
+      useNativeDriver: true
+    }));
+    loop.start();
+    return () => loop.stop();
+  }, [determinate, reducedMotion, sweep]);
+  const handleLayout = event => {
+    setTrackWidth(event.nativeEvent.layout.width);
+  };
+
+  // The sweep's translateX range is derived from the track's own measured width (there is no
+  // reliable percentage-based `transform`), so it recomputes with layout — the loop itself never
+  // restarts, only the distance it travels.
+  const sweepWidth = trackWidth * SWEEP_FRACTION;
+  const translateX = sweep.interpolate({
+    inputRange: [0, 1],
+    outputRange: [-sweepWidth, trackWidth]
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    onLayout: handleLayout,
+    accessible: true,
+    accessibilityRole: a11y.accessibilityRole,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityValue: a11y.accessibilityValue,
+    accessibilityState: a11y.accessibilityState,
+    style: [progressBarTrackStructure(theme, {
+      size
+    }), {
+      backgroundColor: theme.colors.bg.sunken
+    }, style],
+    children: [determinate && /*#__PURE__*/_jsx(View, {
+      testID: testID === undefined ? undefined : `${testID}-fill`,
+      style: [progressBarFillStructure(theme), {
+        height: "100%",
+        width: `${clampedValue}%`,
+        backgroundColor: fillColor
+      }]
+    }), !determinate && reducedMotion && /*#__PURE__*/_jsx(View, {
+      testID: testID === undefined ? undefined : `${testID}-fill`,
+      style: [progressBarFillStructure(theme), {
+        height: "100%",
+        width: `${REDUCED_MOTION_FILL_FRACTION * 100}%`,
+        backgroundColor: fillColor
+      }]
+    }), !determinate && !reducedMotion && /*#__PURE__*/_jsx(Animated.View, {
+      testID: testID === undefined ? undefined : `${testID}-sweep`,
+      pointerEvents: "none",
+      style: [progressBarFillStructure(theme), {
+        position: "absolute",
+        top: 0,
+        bottom: 0,
+        width: sweepWidth,
+        backgroundColor: fillColor,
+        transform: [{
+          translateX
+        }]
+      }]
+    })]
+  });
+});
+//# sourceMappingURL=ProgressBar.js.map

package/lib/module/modules/progress-bar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useEffect","useRef","useState","Animated","View","useReducedMotion","useTheme","progressBarFillStructure","progressBarTrackStructure","REDUCED_MOTION_FILL_FRACTION","resolveProgressBarAccessibility","resolveProgressBarFill","resolveProgressBarValue","SWEEP_DURATION_MS","SWEEP_FRACTION","jsx","_jsx","jsxs","_jsxs","ProgressBar","value","tone","size","accessibilityLabel","style","testID","theme","reducedMotion","sweep","Value","current","trackWidth","setTrackWidth","clampedValue","determinate","undefined","fillColor","colors","a11y","loop","timing","toValue","duration","useNativeDriver","start","stop","handleLayout","event","nativeEvent","layout","width","sweepWidth","translateX","interpolate","inputRange","outputRange","onLayout","accessible","accessibilityRole","accessibilityValue","accessibilityState","backgroundColor","bg","sunken","children","height","pointerEvents","position","top","bottom","transform"],"sourceRoot":"../../../../src","sources":["modules/progress-bar/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/progress-bar/ProgressBar.variants.js

@@ -0,0 +1,151 @@
+"use strict";
+
+/**
+ * ProgressBar's style + accessibility resolution — the pure functions the component (and its tests)
+ * depend on, plus the themed structural variant resolvers.
+ *
+ * The split every sibling module copies (see `Button.variants.ts`):
+ *  - STRUCTURE (track height, the pill radius, `overflow: hidden`) lives in the `createThemedVariants`
+ *    resolvers below — static per (brand, mode), registered once.
+ *  - COLOUR is tone-driven and resolved by `resolveProgressBarFill` from the theme's ROLE colours,
+ *    never a raw ramp and never a hardcoded hex. The track itself has exactly one neutral colour
+ *    (`bg.sunken`, applied inline in `ProgressBar.tsx`) — there is nothing to widen on the track.
+ *  - ACCESSIBILITY prop derivation is `resolveProgressBarAccessibility`, kept pure so the
+ *    determinate/indeterminate contract is unit-testable without rendering React Native.
+ *
+ * Everything here is free of React and of any Animated import, so the WCAG + behaviour tests import
+ * it directly (mocking only `react-native`'s `StyleSheet`, as `Button.variants` does).
+ */
+
+import { createThemedVariants } from "../../core/style/index.js";
+/** Track heights. Not on the theme's spacing scale, so a plain constant (same reasoning as `BUTTON_SIZES`). */
+export const PROGRESS_BAR_SIZES = {
+  sm: {
+    height: 4
+  },
+  md: {
+    height: 8
+  }
+};
+
+/** Fraction of the track's measured width the indeterminate sweep segment covers. */
+export const SWEEP_FRACTION = 0.4;
+/** One full indeterminate sweep cycle, ms. */
+export const SWEEP_DURATION_MS = 1200;
+/** Fill fraction rendered, static, when the sweep is skipped for reduced motion (WCAG 2.3.3). */
+export const REDUCED_MOTION_FILL_FRACTION = 0.5;
+
+/**
+ * Clamps a caller-given value onto the 0–100 scale the track, the fill width, and
+ * `accessibilityValue.now` all agree on. `undefined` is preserved — that absence IS the
+ * indeterminate signal, never a value to coerce. A `NaN` (a caller's bad ratio math) clamps to `0`
+ * rather than propagating into a `NaN%` width or an invalid `now`.
+ */
+export function resolveProgressBarValue(value) {
+  if (value === undefined) return undefined;
+  if (Number.isNaN(value)) return 0;
+  return Math.min(100, Math.max(0, value));
+}
+
+/**
+ * Maps `tone` onto the theme's ROLE colours — using the `text` rung, not `solid`. Never a raw ramp
+ * or a hardcoded hex, so every fill is guaranteed legible and can never be an off-palette value an
+ * app invented.
+ *
+ * Why `text`, not the seemingly-obvious `solid`: `solid` is only guaranteed to clear contrast
+ * against its OWN derived `onSolid` label, never against an arbitrary neutral surface. Measured
+ * against the `bg.sunken` track this component actually uses, `warning.solid`/`success.solid` (a
+ * pale, semantic-ramp orange/green shared across every brand) fall as low as ~1.9–2.4:1 in light
+ * mode — a real `AA_NON_TEXT` (3:1) failure, the same class of mistake `RadioGroup`/`Tabs` shipped
+ * by assuming a role pairing "should" clear AA without measuring it. `text` is `readableOn(ramp,
+ * [ramp[50]])` — the SAME role `Button` already uses for its outline/ghost/link label specifically
+ * because it is engineered to read on a pale surface — and measured here at ≥ 4.4:1 against
+ * `bg.sunken` for every tone × all 8 brands × both modes (`ProgressBar.test.ts`), comfortably
+ * clearing the 3:1 floor this fill actually needs.
+ */
+export function resolveProgressBarFill(colors, tone) {
+  switch (tone) {
+    case "accent":
+      return colors.accent.text;
+    case "success":
+      return colors.status.success.text;
+    case "warning":
+      return colors.status.warning.text;
+    case "danger":
+      return colors.status.danger.text;
+  }
+}
+/**
+ * Derives the accessibility surface once, purely, so the determinate/indeterminate contract is
+ * testable without a renderer:
+ *  - determinate (`value` given) → `accessibilityValue` carries `now`; `busy` is false once the
+ *    value is known.
+ *  - indeterminate (`value` omitted) → NO `accessibilityValue` at all. The absence of `now` is how
+ *    assistive tech reports "indeterminate" — inventing a guessed number would misreport actual
+ *    progress. `busy: true` (WCAG 1.4.1) announces the ongoing work the visual sweep alone doesn't
+ *    convey to a screen reader.
+ */
+export function resolveProgressBarAccessibility(input) {
+  const {
+    value
+  } = input;
+  if (value === undefined) {
+    return {
+      accessibilityRole: "progressbar",
+      accessibilityValue: undefined,
+      accessibilityState: {
+        busy: true
+      }
+    };
+  }
+  return {
+    accessibilityRole: "progressbar",
+    accessibilityValue: {
+      min: 0,
+      max: 100,
+      now: value
+    },
+    accessibilityState: {
+      busy: false
+    }
+  };
+}
+
+/**
+ * Structural track styles: `size`-driven height, full pill radius, and `overflow: hidden` so the
+ * fill/sweep sibling clips to the rounded ends without recomputing the radius itself. No colour here
+ * (the track's single neutral fill is applied inline in `ProgressBar.tsx`) — same structure/colour
+ * split as `buttonStructure`/`skeletonStructure`.
+ */
+export const progressBarTrackStructure = createThemedVariants(theme => ({
+  base: {
+    overflow: "hidden",
+    borderRadius: theme.radii.full
+  },
+  variants: {
+    size: {
+      sm: {
+        height: PROGRESS_BAR_SIZES.sm.height
+      },
+      md: {
+        height: PROGRESS_BAR_SIZES.md.height
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}));
+
+/**
+ * The fill/sweep segment's own corner radius — matches the track's, so a partial determinate fill
+ * or the indeterminate sweep still reads as a rounded pill rather than a rectangle poking past a
+ * rounded track end. No `size` variant: the segment's height always fills the track (`height: "100%"`,
+ * applied inline in `ProgressBar.tsx`), so only the radius is structural here.
+ */
+export const progressBarFillStructure = createThemedVariants(theme => ({
+  base: {
+    borderRadius: theme.radii.full
+  }
+}));
+//# sourceMappingURL=ProgressBar.variants.js.map

package/lib/module/modules/progress-bar/ProgressBar.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createThemedVariants","PROGRESS_BAR_SIZES","sm","height","md","SWEEP_FRACTION","SWEEP_DURATION_MS","REDUCED_MOTION_FILL_FRACTION","resolveProgressBarValue","value","undefined","Number","isNaN","Math","min","max","resolveProgressBarFill","colors","tone","accent","text","status","success","warning","danger","resolveProgressBarAccessibility","input","accessibilityRole","accessibilityValue","accessibilityState","busy","now","progressBarTrackStructure","theme","base","overflow","borderRadius","radii","full","variants","size","defaultVariants","progressBarFillStructure"],"sourceRoot":"../../../../src","sources":["modules/progress-bar/ProgressBar.variants.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/progress-bar/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+/**
+ * Public surface of `pixelize-native-library/progress-bar`. Value exports and type exports are split for
+ * `verbatimModuleSyntax`. The resolvers (`resolveProgressBarFill`, `PROGRESS_BAR_SIZES`, …) stay
+ * internal — a consumer configures a ProgressBar through its props, never by importing its internals.
+ *
+ * No `icon` prop, so no `IconName` re-export (same as `Spinner`/`Switch`).
+ */
+
+export { ProgressBar } from "./ProgressBar.js";
+//# sourceMappingURL=index.js.map

package/lib/module/modules/progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ProgressBar"],"sourceRoot":"../../../../src","sources":["modules/progress-bar/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,QAAQ,kBAAe","ignoreList":[]}