pixelize-native-library 1.0.6

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

@@ -0,0 +1,198 @@
+# bottom-nav/ — a fixed bottom tab bar with a searchable, editable overflow sheet
+
+`BottomNav` is a fixed bar (core tab slots + a trailing "More" slot) that presents its overflow
+destinations, search, and an opt-in "Edit tabs" flow inside this library's OWN `Drawer` (`../drawer`)
+— consumed exactly as a consuming app would, through its public `index.ts`, never Drawer's internal
+`Drawer.variants.ts`. Every one of Drawer's WCAG escape hooks (backdrop press, Android hardware back,
+iOS VoiceOver escape, the web-portal opt-in) is inherited for free.
+
+Ships to four apps (crm-mobile, ecommerce-mobile, tickets-native, future RN apps) — see "API
+stability contract" below, the actual deliverable of this module.
+
+## Files
+
+| File | Role |
+|------|------|
+| `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. |
+| `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.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. |
+
+## Props
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `coreTabs` | `BottomNavDestination[]` | — | Required. ~4–5 is the practical range for a comfortable touch target (width is screen-dependent — see Known gaps). |
+| `active` | `BottomNavActiveState` | — | Required. `{ kind: "core" \| "more" \| "none" }`. |
+| `onDestinationPress` | `(id: string) => void` | — | Required. Fires for every navigation intent — core tab, Recent row, or sheet row. Also the app's only "log a visit" signal. |
+| `moreLabel` / `moreIcon` | `string` / `IconName` | — | Required, no defaults — always app-supplied copy/icon. |
+| `moreVisible` / `onMoreVisibleChange` | `boolean` / `(visible) => void` | — | Required. Controlled, `Switch`-style symmetric pair (see below). |
+| `overflowSections` | `BottomNavOverflowSection[]` | — | Required. A section's `label` is optional — omit for a flat/ungrouped section. |
+| `recent` | `BottomNavDestination[]` | `[]` | Most-recent-first. Never reordered/truncated/persisted — omit or `[]` hides the row. |
+| `searchPlaceholder` / `searchAccessibilityLabel` | `string` | `"Search"` / = placeholder | |
+| `recentLabel` / `noResultsLabel` | `string` | `"Recent"` / `"No matches"` | |
+| `edit` | `BottomNavEditConfig` | — | Omit → NO edit affordance renders anywhere (atomically opt-in). |
+| `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`. |
+
+`BottomNavEditConfig`: `editing` / `onEditingChange` (controlled), `onPinChange(slotIndex, destination)`,
+optional `onResetToDefault` (omit → no reset row), optional `editLabel`/`doneLabel`/`resetLabel`
+(default "Edit"/"Done"/"Reset to default").
+
+No `variant`/`size`/`tone` in v1 — one fixed shape, same stance Drawer takes for itself.
+
+## Interaction model
+
+- **Core tab press**: `onDestinationPress(id)`. **More press**: `onMoreVisibleChange(true)`.
+- **Sheet row press** (Recent or search/grouped result, not editing): `onDestinationPress(id)`, then
+  `onMoreVisibleChange(false)` — selection always closes the sheet in v1.
+- **Edit mode** (only when `edit` is supplied): the sheet renders its own "Edit"/"Done" header toggle.
+  Entering edit mode (the false→true transition) defaults the internal `selectedSlotIndex` to the
+  first core-tab slot (`0`) rather than leaving it unselected, so the very first destination tap
+  always pins somewhere instead of a silent no-op with no visible cause. While editing, `coreTabs`
+  render as a small chip list at the top (tap a chip → change the target slot, shown by a fading dot +
+  bold label, never colour alone; tapping the already-selected chip again deselects back to none).
+  Tapping a row below while a slot is selected fires `edit.onPinChange(selectedSlotIndex, destination)`
+  and clears the selection; with no slot selected (only reachable by deselecting the default), a row
+  press while editing is a no-op. `edit.onResetToDefault`, when provided, renders a "Reset to default"
+  row that calls it with no arguments.
+- **Quick actions** (only when `moreQuickActions` supplied): a small icon-only `Button` badge
+  (`icon="more-horizontal"`) sits as a corner adornment on the More tab, its own ≥44dp target,
+  `accessibilityLabel={moreQuickActionsLabel}` — a required VISIBLE affordance, not a long-press
+  secret. It's the `trigger` handed to `Menu`.
+- **Why tap-to-pin, not a Reorder-style drag:** pinning is content-SUBSTITUTION (which destination
+  fills a fixed slot), not position-PERMUTATION (Reorder's job). Dragging a bar tab while a scrollable
+  sheet is open underneath is a far harder gesture surface, and would inherit Reorder's own WCAG 2.5.7
+  non-dragging-alternative obligation. Tap-select-slot → tap-select-destination reuses existing
+  Pressable/Button idioms with no drag path to design an alternative for.
+
+## Controlled-state contract
+
+Every piece of state was tested against one question: does anything OUTSIDE this component plausibly
+need to read or set it?
+
+| State | Owner | Mechanism |
+|---|---|---|
+| Which destination is showing | **App** | `active` — no router of its own, same reasoning as Select's `value`. |
+| Overflow sheet open | **App** | `moreVisible`/`onMoreVisibleChange` — matches Drawer/Modal's controlled `visible`. |
+| Recently-visited | **App** | `recent` in; `onDestinationPress` doubles as the "log a visit" signal out. |
+| Pinned core slots | **App** | `coreTabs` in; `edit.onPinChange(slotIndex, destination)` out — app already owns `coreTabs`, so the payload stays minimal. |
+| "Edit tabs" mode | **App** | `edit.editing`/`onEditingChange` — mirrors `moreVisible` (an external "Customize tabs" entry point, or force-exit on backgrounding). |
+| Search box text | **Library** | internal `useState` in the sheet — resets for free on close. |
+| Pin-target slot mid-edit | **Library** | internal `useState` — app only learns the FINAL pin via `onPinChange`; also cleared the instant `edit.editing` turns false out from under it. |
+| Per-tab keyboard/AT focus | **Library** | internal `useState` in `BottomNav` — same idiom Button/Input/Select use for their own focus rings. |
+
+**One deliberate naming divergence from Drawer:** Drawer's `visible`/`onRequestClose` split exists
+because Drawer never initiates its own opening. BottomNav's More tab is an INTERNAL trigger, so both
+open and close flow back through the app's state — a single `onMoreVisibleChange(visible)`, the same
+idiom a controlled `<Switch value={x} onValueChange={setX} />` uses. `edit` follows the same reasoning.
+
+**Net result:** the app is the only party that ever persists `recent`/`coreTabs` — this module never
+imports `@react-native-async-storage/async-storage` and never reads a value it wasn't handed as a prop.
+
+## Accessibility contract (WCAG)
+
+- **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).
+- **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.
+- **1.4.1 (use of colour)** — selection conveyed by MORE than colour: a small filled dot rendered ONLY
+  when active (presence/absence, never a re-tint), plus the label's font WEIGHT switching
+  semibold/regular. The edit-mode slot chip's pin-target indicator follows the identical principle.
+- **1.4.3 / 1.4.11** — `resolveBottomNavTabColors` measured ≥ 4.5:1 (label) and ≥ 3:1 (icon +
+  indicator) against the bar's own `bg.surface`, active AND inactive, across all 8 brands × both
+  modes, in `BottomNav.test.ts` — never eyeballed.
+- **2.3.3** — the edit-mode slot indicator's fade collapses to an instant `setValue` under
+  `useReducedMotion()`; the sheet's own slide/fade is inherited transitively through Drawer.
+- **2.4.7 / 2.4.11** — a `border.focus` offset ring on keyboard/AT focus per tab, identical pattern to
+  Button/Input's own ring.
+- **2.5.7 (Dragging)** — not applicable: no drag interaction anywhere in this module.
+- The overflow sheet inherits Drawer's own accessibility contract wholesale
+  (`accessibilityViewIsModal`, `onAccessibilityEscape`, Android hardware back, backdrop
+  `accessible={false}`) with zero re-derivation.
+
+## API stability contract
+
+`BottomNav` ships to four apps that must never break on a routine update. Every prop is **frozen**, an
+**extension point**, or **out of contract**.
+
+**Frozen (v1 required surface):** `coreTabs`, `active`, `onDestinationPress`, `moreLabel`, `moreIcon`,
+`moreVisible`, `onMoreVisibleChange`, `overflowSections` — every consumer must pass these day one;
+their SHAPE (not contents) is frozen. `BottomNavDestination`'s required fields (`id`, `label`, `icon`)
+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
+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"`.
+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
+   flagging a real decision, not a runtime break, called out in the changeset's migration note.
+3. Callbacks may grow new TRAILING parameters without breaking existing handlers — a narrower
+   `(id) => {...}` still satisfies a future `onDestinationPress: (id, meta) => void` because it never
+   reads the new argument.
+4. `style` stays `LayoutStyle` — never widened, never a second `style`-shaped prop. No `color` prop is
+   ever added; every colour stays role-token-driven through `BottomNav.variants.ts`. `icon`/`moreIcon`
+   stay `IconName` — the closed set may grow (as it does here, for `more-horizontal`), but a
+   destination's icon is never a `ReactNode`.
+5. A genuinely new interaction model that can't be expressed as an optional add-on (drag-based
+   pinning, true multi-detent sheet physics) is a NEW component or a planned, cross-app-coordinated
+   major reshape — never a silent shape change in a routine PR.
+6. Every additive change ships as a `@changesets/cli` minor (patch for internal-only fixes) per this
+   repo's real-semver discipline. A required-prop shape change is a major, called out as such with a
+   migration note for each of the four consuming apps.
+
+**Explicitly out of contract:** no `variant`/`size`/`tone` yet (single fixed shape, matching Drawer's
+own v1 stance); no `coreTabs.length` enforcement (renders whatever it's given; 4–5 is documentation,
+not a runtime guarantee); core tabs are not independently searchable from the sheet's search box
+(search covers `overflowSections` only — see Known gaps).
+
+## Known gaps
+
+- **Fuzzy-search algorithm scope.** The pure from-scratch scorer follows this library's "no new
+  dependency" bar (Reorder's own precedent), but its real typo-tolerance quality against a real
+  10–20-item CRM destination list hasn't been validated against a user. A small fuzzy-match library as
+  an optional peer dependency is a legitimate fallback if quality falls short, behind the same
+  `matchDestinations` signature.
+- **Edit-mode's two-step tap flow** (select a slot, then a destination to pin into it) is one
+  reasonable design among a few. A real QA pass (2026-07-17) found the original "nothing selected by
+  default" start state made the first destination tap a confusing silent no-op — fixed by defaulting
+  to slot 0 on entry (see Interaction model). The PROP CONTRACT (`edit.onPinChange(slotIndex,
+  destination)`) is stable regardless of the exact tap sequence.
+- **The sheet's "medium detent" is a fixed-height approximation** (`resolveOverflowSheetHeight`), not
+  true native multi-detent physics (no drag-to-expand). A real fix is a `detents` prop on Drawer itself
+  — out of scope for this module to solve unilaterally.
+- **Core-tab touch-target WIDTH is screen-width-dependent** and only partially unit-tested (HEIGHT
+  floor only). An app that ignores the 4–5-tab guidance needs a manual/QA pass to confirm ≥44dp.
+- **`resolveBottomNavBottomInset`'s iOS home-indicator constant is carried independently**, the same
+  static-approximation gap Drawer's and Toast's own MODULE.md each already record separately
+  (`react-native-safe-area-context` is an optional peer, not a real dependency, today). Revisit once
+  that package becomes a real peer dependency and reconcile all three into one shared helper.
+- **The `more-horizontal` icon addition to `core/icon`'s shared registry** is a small, additive,
+  shared-primitive change bundled into this build (needed for the More tab's default icon and the
+  quick-actions trigger glyph) — confirm at release time whether it wants its own changeset entry.
+- **No long-press acceleration on the whole More tab** — deliberately deferred; the quick-actions
+  trigger is a real ≥44dp affordance, not undiscoverable-only, so nothing is missing for WCAG.
+
+## Performance
+
+`BottomNav`, and the internal (non-exported) `BottomNavOverflowSheet`/`EditSlotChip`, are wrapped in `React.memo` (repo-wide re-render audit, 2026-07-17 — see root `CLAUDE.md`) — the sheet/chip need it too or the callback stabilization below is a no-op. `closeSheet`/`handleSheetPress` and (in the overflow sheet) `handleEditToggle`/`handleSlotPress` are `useCallback`'d; a module-level `EMPTY_RECENT` constant replaces `recent ?? []` (was a fresh array every render); the `Menu` trigger element is `useMemo`'d (was a freshly-created element every render, which would defeat `Menu`'s own memo); `EditSlotChip`'s `onPress` now takes `(index: number) => void` so every chip gets the SAME stable function instead of a per-item closure.

package/lib/module/modules/bottom-nav/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+/**
+ * Public surface of `pixelize-native-library/bottom-nav`. Value exports and type exports are split
+ * for `verbatimModuleSyntax`. `BottomNavOverflowSheet`, `BottomNav.variants.ts`, and
+ * `BottomNav.search.ts` stay internal — same status as every sibling module's private pieces
+ * (e.g. Reorder's `ReorderRow`) — a consumer configures a BottomNav through its props, never by
+ * importing its internals.
+ */
+
+export { BottomNav } from "./BottomNav.js";
+
+// Re-exported so a caller can type `moreQuickActions` without a separate import from `../menu`.
+
+// Re-exported so a caller can type a destination's `icon` without a separate import from `core/icon`.
+//# sourceMappingURL=index.js.map

package/lib/module/modules/bottom-nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BottomNav"],"sourceRoot":"../../../../src","sources":["modules/bottom-nav/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,QAAQ,gBAAa;;AASvC;;AAGA","ignoreList":[]}

package/lib/module/modules/button/Button.js

@@ -0,0 +1,173 @@
+"use strict";
+
+/**
+ * Button — the reference component. The single most-repeated shape in the audited apps (81 raw
+ * TouchableOpacity in crm-mobile, 155 in ecommerce-mobile with three different style-key sets for the
+ * SAME add-to-cart button, 195 web usages). Every other module copies the patterns here: how variants
+ * resolve, how `tone` maps to role colours, how accessibility is wired, and the shape of the tests.
+ */
+
+import { memo, useRef, useState } from "react";
+import { ActivityIndicator, Animated, Pressable, StyleSheet, Text, View } from "react-native";
+import { useReducedMotion } from "../../core/a11y/index.js";
+import { Icon } from "../../core/icon/index.js";
+import { useTheme } from "../../theme/index.js";
+import { BUTTON_SIZES, buttonStructure, resolveButtonAccessibility, resolveButtonTone } from "./Button.variants.js";
+
+/** A button with a visible text label. `accessibilityLabel` defaults to `label`. */
+
+/**
+ * An icon-only button. It has no visible text, so `accessibilityLabel` is REQUIRED at the type level
+ * — the single worst a11y trap on web (its tooltip was the only label on icon-only buttons in 22
+ * files, and tooltips do not exist on touch). `label?: never` makes the two shapes mutually exclusive.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PRESS_FADE_MS = 120;
+const ICON_STROKE = 2;
+// State-layer scrims. Direction is chosen by the label's brightness so the fill moves AWAY from the
+// label on press — its contrast can only rise. 8-digit hex carries the alpha (~15%) directly.
+const PRESS_SCRIM_DARK = "#00000026";
+const PRESS_SCRIM_LIGHT = "#ffffff26";
+// The focus ring sits a small gap OUTSIDE the control, on the canvas, because `border.focus` is the
+// role token proven ≥ 3:1 against the canvas (WCAG 2.4.11) — drawn over a solid fill it could fail.
+const FOCUS_RING_WIDTH = 2;
+const FOCUS_RING_GAP = 2;
+
+/** Cheap perceived-brightness split; `onFill` is only ever a near-white or near-black role value. */
+function isLight(hex) {
+  const n = parseInt(hex.slice(1, 7), 16);
+  const r = n >> 16 & 0xff;
+  const g = n >> 8 & 0xff;
+  const b = n & 0xff;
+  return r * 0.299 + g * 0.587 + b * 0.114 > 140;
+}
+function ButtonImpl(props) {
+  const {
+    variant = "solid",
+    size = "md",
+    tone = "accent",
+    icon,
+    iconPosition = "leading",
+    loading = false,
+    disabled = false,
+    fullWidth = false,
+    onPress,
+    style,
+    testID,
+    label,
+    accessibilityLabel
+  } = props;
+  const theme = useTheme();
+  const reducedMotion = useReducedMotion();
+  const overlay = useRef(new Animated.Value(0)).current;
+  // Keyboard / external-keyboard / assistive-tech focus (no-op on pure touch, correct everywhere else).
+  const [focused, setFocused] = useState(false);
+  const spec = BUTTON_SIZES[size];
+  const toneColors = resolveButtonTone(theme.colors, tone);
+  const iconOnly = label === undefined;
+  const foreground = variant === "solid" ? toneColors.onFill : toneColors.text;
+  const overlayColor = variant === "solid" ? isLight(toneColors.onFill) ? PRESS_SCRIM_DARK : PRESS_SCRIM_LIGHT : toneColors.subtle;
+  const a11y = resolveButtonAccessibility({
+    label,
+    accessibilityLabel,
+    disabled,
+    loading,
+    onPress
+  });
+  const setPressed = pressed => {
+    Animated.timing(overlay, {
+      toValue: pressed ? 1 : 0,
+      duration: reducedMotion ? 0 : PRESS_FADE_MS,
+      useNativeDriver: true
+    }).start();
+  };
+  const glyph = name => /*#__PURE__*/_jsx(Icon, {
+    name: name,
+    size: spec.iconSize,
+    color: foreground,
+    strokeWidth: ICON_STROKE
+  });
+
+  // The spinner is never the sole loading signal — `accessibilityState.busy` announces it, and the
+  // label (when present) stays visible. Hidden from AT so it isn't read as a separate element.
+  const spinner = /*#__PURE__*/_jsx(ActivityIndicator, {
+    size: "small",
+    color: foreground,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants"
+  });
+  const leading = loading ? spinner : icon && (iconPosition === "leading" || iconOnly) ? glyph(icon) : null;
+  const trailing = !loading && icon && iconPosition === "trailing" && !iconOnly ? glyph(icon) : null;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    testID: testID,
+    accessibilityRole: a11y.accessibilityRole,
+    accessibilityLabel: a11y.accessibilityLabel,
+    accessibilityState: a11y.accessibilityState,
+    disabled: a11y.disabled,
+    onPress: a11y.onPress,
+    onPressIn: () => setPressed(true),
+    onPressOut: () => setPressed(false),
+    onFocus: () => setFocused(true),
+    onBlur: () => setFocused(false),
+    hitSlop: spec.hitSlop,
+    style: [buttonStructure(theme, {
+      variant,
+      size
+    }), variant === "solid" && {
+      backgroundColor: toneColors.fill
+    }, variant === "outline" && {
+      borderColor: toneColors.border
+    }, iconOnly && {
+      paddingHorizontal: 0,
+      minWidth: spec.height
+    }, fullWidth && styles.fullWidth, (disabled || loading) && styles.dimmed, style],
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none"
+      // Matches the control's own radius: the control isn't `overflow: hidden` (that would clip the
+      // focus ring below), so the state layer rounds itself instead of showing square corners.
+      ,
+      style: [StyleSheet.absoluteFill, {
+        backgroundColor: overlayColor,
+        opacity: overlay,
+        borderRadius: theme.radii.base
+      }]
+    }), focused && /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      testID: "button-focus-ring",
+      style: {
+        position: "absolute",
+        top: -(FOCUS_RING_GAP + FOCUS_RING_WIDTH),
+        left: -(FOCUS_RING_GAP + FOCUS_RING_WIDTH),
+        right: -(FOCUS_RING_GAP + FOCUS_RING_WIDTH),
+        bottom: -(FOCUS_RING_GAP + FOCUS_RING_WIDTH),
+        borderWidth: FOCUS_RING_WIDTH,
+        borderColor: theme.colors.border.focus,
+        borderRadius: theme.radii.base + FOCUS_RING_GAP + FOCUS_RING_WIDTH
+      }
+    }), leading, label !== undefined && /*#__PURE__*/_jsx(Text, {
+      numberOfLines: 1,
+      style: [theme.fontStyleForWeight(theme.fontWeights.semibold), {
+        fontSize: spec.fontSize,
+        color: foreground
+      }, variant === "link" && styles.linkText],
+      children: label
+    }), trailing]
+  });
+}
+const styles = StyleSheet.create({
+  fullWidth: {
+    alignSelf: "stretch"
+  },
+  // A disabled control is exempt from the contrast minimum (WCAG 1.4.3), so a uniform dim is correct.
+  dimmed: {
+    opacity: 0.5
+  },
+  linkText: {
+    textDecorationLine: "underline"
+  }
+});
+
+// A consumer's screen re-renders far more often than Button's own props change — memo is near-free
+// insurance for a design-system primitive (see CLAUDE.md "Performance — no unnecessary re-renders").
+export const Button = /*#__PURE__*/memo(ButtonImpl);
+//# sourceMappingURL=Button.js.map

package/lib/module/modules/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useRef","useState","ActivityIndicator","Animated","Pressable","StyleSheet","Text","View","useReducedMotion","Icon","useTheme","BUTTON_SIZES","buttonStructure","resolveButtonAccessibility","resolveButtonTone","jsx","_jsx","jsxs","_jsxs","PRESS_FADE_MS","ICON_STROKE","PRESS_SCRIM_DARK","PRESS_SCRIM_LIGHT","FOCUS_RING_WIDTH","FOCUS_RING_GAP","isLight","hex","n","parseInt","slice","r","g","b","ButtonImpl","props","variant","size","tone","icon","iconPosition","loading","disabled","fullWidth","onPress","style","testID","label","accessibilityLabel","theme","reducedMotion","overlay","Value","current","focused","setFocused","spec","toneColors","colors","iconOnly","undefined","foreground","onFill","text","overlayColor","subtle","a11y","setPressed","pressed","timing","toValue","duration","useNativeDriver","start","glyph","name","iconSize","color","strokeWidth","spinner","accessibilityElementsHidden","importantForAccessibility","leading","trailing","accessibilityRole","accessibilityState","onPressIn","onPressOut","onFocus","onBlur","hitSlop","backgroundColor","fill","borderColor","border","paddingHorizontal","minWidth","height","styles","dimmed","children","pointerEvents","absoluteFill","opacity","borderRadius","radii","base","position","top","left","right","bottom","borderWidth","focus","numberOfLines","fontStyleForWeight","fontWeights","semibold","fontSize","linkText","create","alignSelf","textDecorationLine","Button"],"sourceRoot":"../../../../src","sources":["modules/button/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/button/Button.variants.js

@@ -0,0 +1,173 @@
+"use strict";
+
+/**
+ * Button's style + behaviour resolution — the three pure functions the component (and its tests)
+ * depend on, plus the themed structural variant resolver.
+ *
+ * The split every one of the 16 sibling components should copy:
+ *  - STRUCTURE / SIZE (numbers off the theme scale) lives in the `createThemedVariants` resolver
+ *    below — static per (brand, mode), registered once via `StyleSheet.create`.
+ *  - COLOUR is tone-driven and resolved by `resolveButtonTone` from the theme's ROLE colours, never
+ *    a raw ramp and never a hardcoded hex. That is what keeps `tone` a closed union, not a `color`.
+ *  - ACCESSIBILITY prop derivation is `resolveButtonAccessibility`, kept pure so the "disabled blocks
+ *    press / loading is busy" contract is unit-testable without rendering React Native.
+ *
+ * Everything here is free of `lucide` and of any React tree, 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";
+/**
+ * The one touch-target floor we hold every size to. 44dp is Apple's HIG minimum and WCAG 2.5.5
+ * (AAA); it comfortably exceeds 2.5.8's 24×24 (AA). Sizes shorter than this keep their visual
+ * height and reach 44 through `hitSlop` — the target grows, the control never does.
+ */
+export const MIN_TOUCH_TARGET = 44;
+const slopFor = height => Math.max(0, Math.ceil((MIN_TOUCH_TARGET - height) / 2));
+/**
+ * Button-specific dimensions. Height, icon size and slop are the component's own design constants;
+ * `fontSize` sits on the theme's `fontSizes` scale (14/16/18). Kept a plain constant — with no theme
+ * dependency — so the hit-target test can assert `height + 2·hitSlop ≥ 44` without a provider.
+ */
+export const BUTTON_SIZES = {
+  sm: {
+    height: 32,
+    fontSize: 14,
+    iconSize: 16,
+    hitSlop: slopFor(32)
+  },
+  md: {
+    height: 40,
+    fontSize: 16,
+    iconSize: 18,
+    hitSlop: slopFor(40)
+  },
+  lg: {
+    height: 48,
+    fontSize: 18,
+    iconSize: 20,
+    hitSlop: slopFor(48)
+  }
+};
+/**
+ * Maps a `tone` onto the theme's role colours. This is the whole reason the public prop is a closed
+ * union and not `color?: string`: every colour a button can show is one of these role lookups, so it
+ * is guaranteed legible in both modes and can never be an off-palette value an app invented.
+ *
+ * The outline border is the neutral interactive outline for every tone (guaranteed ≥ 3:1); the tone
+ * is carried by the label colour, not by a tinted 1px line that would fail 1.4.11 on most brands.
+ */
+export function resolveButtonTone(colors, tone) {
+  switch (tone) {
+    case "accent":
+      return {
+        fill: colors.accent.solid,
+        onFill: colors.accent.onSolid,
+        text: colors.accent.text,
+        subtle: colors.accent.subtle,
+        border: colors.border.interactive
+      };
+    case "danger":
+      return {
+        fill: colors.status.danger.solid,
+        onFill: colors.status.danger.onSolid,
+        text: colors.status.danger.text,
+        subtle: colors.status.danger.subtle,
+        border: colors.border.interactive
+      };
+    case "neutral":
+      // Monochrome high-emphasis: a canonical body-text fill with the canvas as its label. Both come
+      // from roles, so it inverts light↔dark for free and its label contrast is the fg/canvas promise.
+      // Pressed surface is `bg.sunken` (a pale neutral tint), NOT `bg.hover`: measured, `bg.hover`'s
+      // saturated mid-tone drops the brand-tinted body text to ~3.9:1 on radiant/rosewood — the pale
+      // sunken surface keeps it ≥ 5.6:1 while still reading as a press.
+      return {
+        fill: colors.fg.default,
+        onFill: colors.bg.canvas,
+        text: colors.fg.default,
+        subtle: colors.bg.sunken,
+        border: colors.border.interactive
+      };
+  }
+}
+/**
+ * Derives the accessibility surface once, purely, so the contract is testable without a renderer:
+ *  - `loading` sets `busy` (1.4.1 — announced, never conveyed by the spinner alone),
+ *  - disabled OR loading blocks the press (guarded `onPress` AND the `disabled` prop), so a loading
+ *    button is non-interactive while it works.
+ *
+ * `accessibilityState.disabled` tracks the same `blocked` flag the `Pressable disabled` prop uses, so
+ * what a screen reader hears matches what actually renders: a loading button announces `busy` AND
+ * `disabled` (RN's `disabled` prop forces `disabled` into the state regardless). Reporting `busy` here
+ * while the rendered control forced `disabled` back to true would be a lie to assistive tech.
+ */
+export function resolveButtonAccessibility(input) {
+  const isDisabled = input.disabled === true;
+  const isLoading = input.loading === true;
+  const blocked = isDisabled || isLoading;
+  return {
+    accessibilityRole: "button",
+    accessibilityLabel: input.accessibilityLabel ?? input.label,
+    accessibilityState: {
+      disabled: blocked,
+      busy: isLoading
+    },
+    disabled: blocked,
+    onPress: blocked ? undefined : input.onPress
+  };
+}
+
+/**
+ * Structural styles only — layout, height, padding, radius, border WIDTH. No colours (those are
+ * tone-driven and applied inline over this), so this compiles once per theme identity via the
+ * `WeakMap`-cached themed resolver and never rebuilds per render.
+ *
+ * `size` is registered before `variant` so `link` (which zeroes horizontal padding) wins over the
+ * size's padding — resolution order is base → groups in declaration order, last write wins.
+ */
+export const buttonStructure = createThemedVariants(theme => ({
+  base: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    columnGap: theme.space[2],
+    borderRadius: theme.radii.base
+  },
+  variants: {
+    size: {
+      sm: {
+        height: BUTTON_SIZES.sm.height,
+        paddingHorizontal: theme.space[3]
+      },
+      md: {
+        height: BUTTON_SIZES.md.height,
+        paddingHorizontal: theme.space[4]
+      },
+      lg: {
+        height: BUTTON_SIZES.lg.height,
+        paddingHorizontal: theme.space[6]
+      }
+    },
+    variant: {
+      solid: {
+        borderWidth: 0
+      },
+      outline: {
+        borderWidth: theme.borderWidths.thin
+      },
+      ghost: {
+        borderWidth: 0
+      },
+      link: {
+        borderWidth: 0,
+        paddingHorizontal: 0,
+        columnGap: theme.space[1]
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid"
+  }
+}));
+//# sourceMappingURL=Button.variants.js.map

package/lib/module/modules/button/Button.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createThemedVariants","MIN_TOUCH_TARGET","slopFor","height","Math","max","ceil","BUTTON_SIZES","sm","fontSize","iconSize","hitSlop","md","lg","resolveButtonTone","colors","tone","fill","accent","solid","onFill","onSolid","text","subtle","border","interactive","status","danger","fg","default","bg","canvas","sunken","resolveButtonAccessibility","input","isDisabled","disabled","isLoading","loading","blocked","accessibilityRole","accessibilityLabel","label","accessibilityState","busy","onPress","undefined","buttonStructure","theme","base","flexDirection","alignItems","justifyContent","columnGap","space","borderRadius","radii","variants","size","paddingHorizontal","variant","borderWidth","outline","borderWidths","thin","ghost","link","defaultVariants"],"sourceRoot":"../../../../src","sources":["modules/button/Button.variants.ts"],"mappings":"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","ignoreList":[]}