pixelize-native-library 1.0.6

package/lib/module/modules/multi-select/MultiSelect.variants.js

@@ -0,0 +1,195 @@
+"use strict";
+
+/**
+ * MultiSelect's style + behaviour resolution — mirrors `Select.variants.ts`'s split (itself copying
+ * `Button.variants.ts`):
+ *  - STRUCTURE (sizing/spacing off the theme scale) lives in the `createThemedVariants` resolvers
+ *    below — static per (brand, mode), registered once.
+ *  - COLOUR is resolved from the theme's ROLE colours (never a raw ramp, never a hardcoded hex) by
+ *    `resolveMultiSelectTriggerColors` / `resolveMultiSelectRowColors`. The row indicator's checked
+ *    pairing (`border.interactive` outline / `accent.solid` fill / `accent.onSolid` glyph) is the
+ *    same role mapping `Checkbox.variants.ts` uses — duplicated, not imported: modules never import
+ *    across `src/modules/*`.
+ *  - ACCESSIBILITY prop derivation is `resolveMultiSelectAccessibility`, kept pure so the "disabled
+ *    blocks opening / expanded tracks the menu" contract is unit-testable without rendering React
+ *    Native.
+ *
+ * Free of React and of any `Modal`/`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";
+/** Same touch-target floor as Button/Select (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
+export const MIN_TOUCH_TARGET = 44;
+const slopFor = dimension => Math.max(0, Math.ceil((MIN_TOUCH_TARGET - dimension) / 2));
+export const MULTI_SELECT_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)
+  }
+};
+
+/** Minimum height for an option row — a list item is still an interactive target (WCAG 2.5.8). */
+export const MULTI_SELECT_ROW_MIN_HEIGHT = 44;
+
+/** Row checkbox-style indicator box side, in dp. Fixed — independent of the trigger's own `size`,
+ *  same reasoning as `Select`'s row "check" glyph. */
+export const MULTI_SELECT_ROW_INDICATOR_SIZE = 20;
+
+/** The "check" glyph inside a checked row's indicator box. */
+export const MULTI_SELECT_ROW_ICON_SIZE = 14;
+
+/** The sheet header's close ("x") button — a fixed-size icon-only control, not caller-configurable. */
+export const MULTI_SELECT_CLOSE_BUTTON_SIZE = 24;
+export const MULTI_SELECT_CLOSE_ICON_SIZE = 16;
+export const MULTI_SELECT_CLOSE_BUTTON_HIT_SLOP = slopFor(MULTI_SELECT_CLOSE_BUTTON_SIZE);
+/**
+ * Maps trigger state onto role colours — the reason `size` (not a free-form colour prop) keeps this
+ * closed. `focused` covers both keyboard/AT focus and the sheet being open (visually the same cue).
+ * Disabled is NOT a separate colour branch: like Button/Select, a disabled control is exempt from the
+ * contrast minimum (WCAG 1.4.3) and is signalled by a uniform opacity dim instead.
+ */
+export function resolveMultiSelectTriggerColors(colors, focused) {
+  return {
+    background: colors.bg.surface,
+    border: focused ? colors.border.focus : colors.border.interactive,
+    text: colors.fg.default,
+    placeholder: colors.fg.muted,
+    icon: colors.fg.muted
+  };
+}
+export function resolveMultiSelectRowColors(colors) {
+  return {
+    background: colors.bg.surface,
+    text: colors.fg.default,
+    indicatorBorder: colors.border.interactive,
+    indicatorFill: colors.accent.solid,
+    indicatorIcon: colors.accent.onSolid
+  };
+}
+/**
+ * Derives the trigger's accessibility surface once, purely: `expanded` tracks whether the option
+ * sheet is showing (WCAG 4.1.2 — a collapsible control must expose its expanded/collapsed state),
+ * and `disabled` blocks the sheet from opening at all.
+ */
+export function resolveMultiSelectAccessibility(input) {
+  const disabled = input.disabled === true;
+  return {
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled,
+      expanded: input.open
+    },
+    disabled
+  };
+}
+
+/**
+ * Structural styles only — layout, height, padding, radius, border WIDTH. No colours (tone-driven,
+ * applied inline over this), so this compiles once per theme identity via the themed resolver.
+ */
+export const multiSelectTriggerStructure = createThemedVariants(theme => ({
+  base: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    columnGap: theme.space[2],
+    borderRadius: theme.radii.base,
+    borderWidth: theme.borderWidths.thin
+  },
+  variants: {
+    size: {
+      sm: {
+        height: MULTI_SELECT_SIZES.sm.height,
+        paddingHorizontal: theme.space[3]
+      },
+      md: {
+        height: MULTI_SELECT_SIZES.md.height,
+        paddingHorizontal: theme.space[4]
+      },
+      lg: {
+        height: MULTI_SELECT_SIZES.lg.height,
+        paddingHorizontal: theme.space[6]
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}));
+
+/** The full-screen overlay the sheet centers in. `box-none` (applied by the component) lets a tap
+ *  on its empty padding fall through to the backdrop press underneath. */
+export const multiSelectOverlayStructure = createThemedVariants(theme => ({
+  base: {
+    flex: 1,
+    justifyContent: "center",
+    paddingHorizontal: theme.space[6]
+  }
+}));
+export const multiSelectSheetStructure = createThemedVariants(theme => ({
+  base: {
+    borderRadius: theme.radii.base,
+    paddingBottom: theme.space[2],
+    maxHeight: 360,
+    ...theme.elevation.lg
+  }
+}));
+
+/** The header row hosting the close button, right-aligned. */
+export const multiSelectHeaderStructure = createThemedVariants(theme => ({
+  base: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-end",
+    paddingHorizontal: theme.space[2],
+    paddingTop: theme.space[2],
+    paddingBottom: theme.space[1]
+  }
+}));
+export const multiSelectCloseButtonStructure = createThemedVariants(theme => ({
+  base: {
+    alignItems: "center",
+    justifyContent: "center",
+    width: MULTI_SELECT_CLOSE_BUTTON_SIZE,
+    height: MULTI_SELECT_CLOSE_BUTTON_SIZE,
+    borderRadius: theme.radii.sm
+  }
+}));
+export const multiSelectRowStructure = createThemedVariants(theme => ({
+  base: {
+    flexDirection: "row",
+    alignItems: "center",
+    minHeight: MULTI_SELECT_ROW_MIN_HEIGHT,
+    columnGap: theme.space[3],
+    paddingHorizontal: theme.space[4]
+  }
+}));
+
+/** Structural indicator-box styles only — size, radius, border WIDTH. No colours: border/fill
+ *  colour is checked-state-driven and applied inline over this, same split as `checkboxBoxStructure`. */
+export const multiSelectRowIndicatorStructure = createThemedVariants(theme => ({
+  base: {
+    alignItems: "center",
+    justifyContent: "center",
+    width: MULTI_SELECT_ROW_INDICATOR_SIZE,
+    height: MULTI_SELECT_ROW_INDICATOR_SIZE,
+    borderRadius: theme.radii.sm,
+    borderWidth: theme.borderWidths.thick
+  }
+}));
+//# sourceMappingURL=MultiSelect.variants.js.map

package/lib/module/modules/multi-select/MultiSelect.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createThemedVariants","MIN_TOUCH_TARGET","slopFor","dimension","Math","max","ceil","MULTI_SELECT_SIZES","sm","height","fontSize","iconSize","hitSlop","md","lg","MULTI_SELECT_ROW_MIN_HEIGHT","MULTI_SELECT_ROW_INDICATOR_SIZE","MULTI_SELECT_ROW_ICON_SIZE","MULTI_SELECT_CLOSE_BUTTON_SIZE","MULTI_SELECT_CLOSE_ICON_SIZE","MULTI_SELECT_CLOSE_BUTTON_HIT_SLOP","resolveMultiSelectTriggerColors","colors","focused","background","bg","surface","border","focus","interactive","text","fg","default","placeholder","muted","icon","resolveMultiSelectRowColors","indicatorBorder","indicatorFill","accent","solid","indicatorIcon","onSolid","resolveMultiSelectAccessibility","input","disabled","accessibilityRole","accessibilityState","expanded","open","multiSelectTriggerStructure","theme","base","flexDirection","alignItems","justifyContent","columnGap","space","borderRadius","radii","borderWidth","borderWidths","thin","variants","size","paddingHorizontal","defaultVariants","multiSelectOverlayStructure","flex","multiSelectSheetStructure","paddingBottom","maxHeight","elevation","multiSelectHeaderStructure","paddingTop","multiSelectCloseButtonStructure","width","multiSelectRowStructure","minHeight","multiSelectRowIndicatorStructure","thick"],"sourceRoot":"../../../../src","sources":["modules/multi-select/MultiSelect.variants.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/multi-select/index.js

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

package/lib/module/modules/multi-select/index.js.map

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

package/lib/module/modules/number-input/MODULE.md

@@ -0,0 +1,108 @@
+# number-input/ — a numeric field with +/- steppers
+
+`NumberInput` follows Input's reference pattern (structure vs colour split, pure/testable resolvers,
+closed unions, no `{...rest}`) but is a standalone sibling, not an Input wrapper — a stepper needs
+TWO trailing controls, which doesn't fit Input's single leading/trailing icon slots.
+
+## Files
+
+| File | Role |
+|------|------|
+| `NumberInput.tsx` | The component. Composition, draft/clamp wiring, a11y, focus ring, stepper buttons. |
+| `NumberInput.variants.ts` | Pure resolvers (`NUMBER_INPUT_SIZES`, `resolveNumberInputStatus`, `resolveNumberInputStepperPressColors`, `resolveNumberInputAccessibility`, `clampNumberInputValue`, `parseNumberInputDraft`, `canDecrementNumberInput`, `canIncrementNumberInput`) + the themed structural resolvers `numberInputStructure` / `numberInputStepperStructure`. No React, no lucide. |
+| `index.ts` | Public surface: `NumberInput`, `NumberInputProps`, the closed unions. No `icon` prop, so `IconName` is not re-exported. |
+| `__tests__/NumberInput.test.ts` | Pure: WCAG contrast (all brands × modes, incl. the stepper pressed-fill) + touch target + clamp/parse/limit + a11y contract. |
+| `__tests__/NumberInput.render.test.tsx` | Render: stepper press, typed input, clamping, disabled/at-limit, the field's and each stepper's own focus ring. |
+
+## Props
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `value` | `number` | — | Required — controlled. |
+| `onValueChange` | `(value: number) => void` | — | Required. Called with the already-clamped value. |
+| `min` / `max` | `number` | — | Either bound may be absent (no floor / no ceiling). |
+| `step` | `number` | `1` | Amount the steppers add/subtract. Typed input is clamped to `[min, max]` but never snapped to `step`. |
+| `size` | `sm \| md \| lg` | `md` | 32 / 40 / 48 dp; short sizes reach 44 via `hitSlop`. |
+| `status` | `default \| error` | `default` | Closed union — a **state**, not a brand `tone` (same reasoning as Input). |
+| `disabled` | `boolean` | `false` | Dims the field; blocks editing and both steppers. |
+| `label` | `string` | — | Rendered above the field; falls back into `accessibilityLabel`. |
+| `accessibilityLabel` | `string` | `label` | Overrides the label fallback. |
+| `containerStyle` | `LayoutStyle` | — | The documented exception for a native-primitive wrapper. Outermost, last, once. Never `inputStyle`. |
+| `testID` | `string` | — | Forwarded to the `TextInput`; the steppers get `${testID}-decrement` / `${testID}-increment`. |
+
+Decrement/increment are `Pressable`s using the existing `"minus"` / `"plus"` icons — fixed, not a
+prop, so there is no `icon` prop on this component.
+
+## Clamping choice (documented, not left implicit)
+
+Every keystroke that parses to a finite number calls `onValueChange` with the value **already
+clamped** to `[min, max]` immediately (`parseNumberInputDraft` → `clampNumberInputValue`) — the
+caller's `value` is never driven out of range mid-typing. Partial/invalid drafts ("", `"-"`, a bare
+`"."`) do **not** call `onValueChange` at all, so the field doesn't clamp a `NaN`; instead, on
+**blur** the visible draft resyncs to `String(value)` (the last committed, already-clamped value),
+discarding whatever unparsable text was left on screen. `step` only affects the two stepper buttons —
+typed values are clamped to range but never snapped to a `step` grid.
+
+## Accessibility contract (WCAG)
+
+- **2.5.5 / 2.5.8 target size** — every size reaches ≥ 44 dp via `hitSlop`, on the `TextInput` and on
+  both stepper `Pressable`s. This only holds because every one of the three carries
+  `alignSelf: "stretch"` inside the row (`alignItems: "center"` would otherwise shrink each to its
+  intrinsic content height) — the same fix Input's `TextInput` needed, carried forward from the
+  start here (see `NumberInput.render.test.tsx`, which asserts the rendered node, not just the
+  `height + 2·hitSlop` arithmetic).
+- **1.4.3** — value text and stepper icon colour (`fg.default`) are measured ≥ 4.5:1 against the
+  canvas at rest, for all 8 brands × both modes.
+- **1.4.11** — the resting/focus border (`border.interactive` / `border.focus`) and the error border
+  clear 3:1 against the canvas, for all 8 brands × both modes. The error border reads
+  `status.danger.solid`, not the sub-3:1 `status.danger.border` chip outline (same reasoning as
+  Input's `resolveInputStatus`). The stepper **pressed fill** is measured the same way, separately
+  (see the next bullet) — it is NOT `bg.sunken`: a stepper carries no background at rest, so the
+  fill's only edge is against the canvas, and `bg.sunken` measured only ~1.0–1.12:1 there (a
+  confirmed defect in an earlier version, fixed by the pressed-fill recipe below).
+- **1.4.11 pressed fill** — touching a stepper (RN `Pressable`'s `pressed` state, not focus) fills it
+  with `fg.default` and inverts the glyph to `bg.canvas` — `resolveNumberInputStepperPressColors` in
+  `NumberInput.variants.ts`, the same "neutral" solid recipe `Button`'s `tone="neutral"` variant
+  already uses (`fill: fg.default`, `onFill: bg.canvas`). Reusing it means no new colour was invented:
+  `fg.default` is already proven ≥ 4.5:1 against `bg.canvas` by the 1.4.3 test above, and contrast is
+  symmetric, so the fill clears the 3:1 non-text minimum AND the inverted glyph clears 4.5:1 text
+  contrast on it, for free, on every brand × mode — measured directly by its own `it.each` in
+  `NumberInput.test.ts` (not assumed safe by borrowing another component's test).
+- **2.4.7 / 2.4.11 focus** — a visible focus ring (`border.focus`, offset a small gap outside the
+  control, same geometry/token as Button/Input/Checkbox) appears independently on: the `TextInput`
+  (whole-row ring), the decrement `Pressable`, and the increment `Pressable` (each stepper gets its
+  own ring, rounded only on its outer corner via `stepperFocusRingStyle`). Keyboard/AT focus on a
+  stepper no longer relies on a background tint — the ring is the sole focus indicator, exactly the
+  pattern Button/Input/Checkbox use.
+- **Web** — RNW renders the `TextInput` as a real `<input>`, so `styles.webOutlineReset` (`outlineWidth:
+  0`, applied only when `Platform.OS === "web"`, matching Input/Textarea) suppresses the browser's own
+  default focus outline on the field, which would otherwise double up visibly with the themed ring
+  above. Scoped to the `TextInput` only — the stepper `Pressable`s aren't part of this fix.
+- Decrement/increment each carry `accessibilityRole="button"` and their own
+  `accessibilityLabel` ("Decrease" / "Increase") plus `accessibilityState.disabled`, so a screen
+  reader announces the control and its at-limit state even though it shows no visible text.
+- A disabled field is exempt from the contrast minimum (WCAG 1.4.3) and dims via `opacity: 0.5`, same
+  as Input/Button. An at-limit stepper (value already at `min`/`max`) dims the same way *without*
+  double-dimming when the whole field is also `disabled` (the outer dim already covers that case).
+
+## Patterns copied from Input / Button
+
+1. **Structure vs colour split** — `numberInputStructure` / `numberInputStepperStructure` (via
+   `createThemedVariants`) hold only layout numbers (height, width, border *width*, corner radii);
+   colour is resolved by `resolveNumberInputStatus` and applied inline.
+2. **Pure, testable resolvers** in `NumberInput.variants.ts` (no React/lucide) — the WCAG + behaviour
+   contract, and the clamp/parse/limit logic, are unit-tested directly.
+3. **Closed unions only** (`size` / `status`), `containerStyle: LayoutStyle` last and once, no
+   `{...rest}`.
+4. **Offset focus ring** — identical geometry/token to Input's (`border.focus`, 2dp gap + 2dp width),
+   drawn once for the field and once per stepper (`stepperFocusRingStyle`, corner-matched to
+   `numberInputStepperStructure`'s leading/trailing radius split).
+
+## Known gaps
+
+- Typed values are not snapped to `step` (documented above as a deliberate choice, not a gap) —
+  flag if a consumer needs strict step-alignment on typed input in a future version.
+
+## Performance
+
+Wrapped in `React.memo` (repo-wide re-render audit, 2026-07-17 — see root `CLAUDE.md`). Same shape as `MultiSelect`: `Icon` gets only primitive props, no `.map()` list, every handler goes to host `Pressable`/`TextInput` — nothing to memoize.

package/lib/module/modules/number-input/NumberInput.js

@@ -0,0 +1,253 @@
+"use strict";
+
+/**
+ * NumberInput — a numeric field with +/- steppers. It mirrors Input's border/focus-ring/status/
+ * touch-target conventions closely but is deliberately NOT built as an Input wrapper: a stepper needs
+ * TWO trailing controls, which doesn't fit Input's single leading/trailing icon slots — this is a
+ * standalone sibling built the same way, not a wrapper.
+ *
+ * Clamping choice (documented, not left implicit): every keystroke that parses to a finite number
+ * calls `onValueChange` with the value already clamped to [min, max] — the caller's `value` is never
+ * driven out of range mid-typing. Blur additionally resyncs the visible draft to the committed
+ * `value`, discarding anything that never parsed (a lone "-", an empty field) instead of leaving
+ * invalid text on screen.
+ */
+
+import { memo, useEffect, useState } from "react";
+import { Platform, Pressable, StyleSheet, Text, TextInput, View } from "react-native";
+import { Icon } from "../../core/icon/index.js";
+import { useTheme } from "../../theme/index.js";
+import { canDecrementNumberInput, canIncrementNumberInput, clampNumberInputValue, NUMBER_INPUT_SIZES, numberInputStepperStructure, numberInputStructure, parseNumberInputDraft, resolveNumberInputAccessibility, resolveNumberInputStatus, resolveNumberInputStepperPressColors } from "./NumberInput.variants.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const ICON_STROKE = 2;
+const FOCUS_RING_WIDTH = 2;
+const FOCUS_RING_GAP = 2;
+
+/**
+ * Same offset-ring geometry/token as the field's own ring (and Button/Input/Checkbox), but rounded
+ * only on the stepper's OUTER corner — matching `numberInputStepperStructure`'s own leading/trailing
+ * radius split — so the ring doesn't square off past the row's rounded corner.
+ */
+function stepperFocusRingStyle(theme, position) {
+  const radius = theme.radii.base + FOCUS_RING_GAP + FOCUS_RING_WIDTH;
+  return {
+    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,
+    ...(position === "leading" ? {
+      borderTopLeftRadius: radius,
+      borderBottomLeftRadius: radius
+    } : {
+      borderTopRightRadius: radius,
+      borderBottomRightRadius: radius
+    })
+  };
+}
+export const NumberInput = /*#__PURE__*/memo(function NumberInput(props) {
+  const {
+    value,
+    onValueChange,
+    min,
+    max,
+    step = 1,
+    size = "md",
+    status = "default",
+    disabled = false,
+    label,
+    accessibilityLabel,
+    containerStyle,
+    testID
+  } = props;
+  const theme = useTheme();
+  const [draft, setDraft] = useState(String(value));
+  const [focused, setFocused] = useState(false);
+  const [decrementFocused, setDecrementFocused] = useState(false);
+  const [incrementFocused, setIncrementFocused] = useState(false);
+
+  // External value changes (steppers, or the caller) resync the draft — but never while the user is
+  // mid-typing, or a re-render would stomp the keystroke they haven't finished yet.
+  useEffect(() => {
+    if (!focused) setDraft(String(value));
+  }, [value, focused]);
+  const spec = NUMBER_INPUT_SIZES[size];
+  const statusColors = resolveNumberInputStatus(theme.colors, status);
+  const pressColors = resolveNumberInputStepperPressColors(theme.colors);
+  const a11y = resolveNumberInputAccessibility({
+    label,
+    accessibilityLabel,
+    disabled
+  });
+  const decrementEnabled = canDecrementNumberInput({
+    value,
+    min,
+    disabled
+  });
+  const incrementEnabled = canIncrementNumberInput({
+    value,
+    max,
+    disabled
+  });
+  const handleChangeText = raw => {
+    setDraft(raw);
+    const parsed = parseNumberInputDraft(raw);
+    if (parsed !== null) onValueChange(clampNumberInputValue(parsed, min, max));
+  };
+  const handleFocus = () => setFocused(true);
+  const handleBlur = () => {
+    setFocused(false);
+    setDraft(String(clampNumberInputValue(value, min, max)));
+  };
+  const handleDecrement = () => {
+    if (!decrementEnabled) return;
+    onValueChange(clampNumberInputValue(value - step, min, max));
+  };
+  const handleIncrement = () => {
+    if (!incrementEnabled) return;
+    onValueChange(clampNumberInputValue(value + step, min, max));
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: containerStyle,
+    children: [label !== undefined &&
+    /*#__PURE__*/
+    // Decorative — the real accessible name lives on the TextInput below, so this isn't a
+    // second element a screen reader would announce redundantly right after it.
+    _jsx(Text, {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: [theme.fontStyleForWeight(theme.fontWeights.medium), {
+        fontSize: theme.fontSizes.sm,
+        color: theme.colors.fg.default,
+        marginBottom: theme.space[1]
+      }],
+      children: label
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [numberInputStructure(theme, {
+        size
+      }), {
+        borderColor: statusColors.border
+      }, disabled && styles.dimmed],
+      children: [focused && !disabled && /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        testID: "number-input-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
+        }
+      }), /*#__PURE__*/_jsx(Pressable, {
+        testID: testID ? `${testID}-decrement` : undefined,
+        accessibilityRole: "button",
+        accessibilityLabel: "Decrease",
+        accessibilityState: {
+          disabled: !decrementEnabled
+        },
+        disabled: !decrementEnabled,
+        onPress: handleDecrement,
+        onFocus: () => setDecrementFocused(true),
+        onBlur: () => setDecrementFocused(false),
+        hitSlop: spec.hitSlop,
+        style: ({
+          pressed
+        }) => [numberInputStepperStructure(theme, {
+          size,
+          position: "leading"
+        }), {
+          borderColor: statusColors.border
+        }, pressed && decrementEnabled && {
+          backgroundColor: pressColors.fill
+        }, !disabled && !decrementEnabled && styles.dimmed],
+        children: ({
+          pressed
+        }) => /*#__PURE__*/_jsxs(_Fragment, {
+          children: [decrementFocused && decrementEnabled && /*#__PURE__*/_jsx(View, {
+            pointerEvents: "none",
+            testID: "number-input-decrement-focus-ring",
+            style: stepperFocusRingStyle(theme, "leading")
+          }), /*#__PURE__*/_jsx(Icon, {
+            name: "minus",
+            size: spec.iconSize,
+            color: pressed && decrementEnabled ? pressColors.icon : theme.colors.fg.default,
+            strokeWidth: ICON_STROKE
+          })]
+        })
+      }), /*#__PURE__*/_jsx(TextInput, {
+        testID: testID,
+        value: draft,
+        onChangeText: handleChangeText,
+        keyboardType: "numeric",
+        editable: a11y.editable,
+        accessibilityLabel: a11y.accessibilityLabel,
+        accessibilityState: a11y.accessibilityState,
+        hitSlop: spec.hitSlop,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        style: [{
+          flex: 1,
+          alignSelf: "stretch",
+          textAlign: "center",
+          paddingHorizontal: theme.space[2],
+          fontSize: spec.fontSize,
+          color: theme.colors.fg.default
+        }, theme.fontStyleForWeight(theme.fontWeights.regular), Platform.OS === "web" && styles.webOutlineReset]
+      }), /*#__PURE__*/_jsx(Pressable, {
+        testID: testID ? `${testID}-increment` : undefined,
+        accessibilityRole: "button",
+        accessibilityLabel: "Increase",
+        accessibilityState: {
+          disabled: !incrementEnabled
+        },
+        disabled: !incrementEnabled,
+        onPress: handleIncrement,
+        onFocus: () => setIncrementFocused(true),
+        onBlur: () => setIncrementFocused(false),
+        hitSlop: spec.hitSlop,
+        style: ({
+          pressed
+        }) => [numberInputStepperStructure(theme, {
+          size,
+          position: "trailing"
+        }), {
+          borderColor: statusColors.border
+        }, pressed && incrementEnabled && {
+          backgroundColor: pressColors.fill
+        }, !disabled && !incrementEnabled && styles.dimmed],
+        children: ({
+          pressed
+        }) => /*#__PURE__*/_jsxs(_Fragment, {
+          children: [incrementFocused && incrementEnabled && /*#__PURE__*/_jsx(View, {
+            pointerEvents: "none",
+            testID: "number-input-increment-focus-ring",
+            style: stepperFocusRingStyle(theme, "trailing")
+          }), /*#__PURE__*/_jsx(Icon, {
+            name: "plus",
+            size: spec.iconSize,
+            color: pressed && incrementEnabled ? pressColors.icon : theme.colors.fg.default,
+            strokeWidth: ICON_STROKE
+          })]
+        })
+      })]
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  // A disabled control is exempt from the contrast minimum (WCAG 1.4.3), so a uniform dim is correct.
+  dimmed: {
+    opacity: 0.5
+  },
+  // RNW renders `TextInput` as a real `<input>`, which paints the browser's own default focus
+  // outline on top of the themed ring above it — a visible double border. Web-only: `outlineWidth`
+  // also drives native TV remote-control focus, so zeroing it globally would break that.
+  webOutlineReset: {
+    outlineWidth: 0
+  }
+});
+//# sourceMappingURL=NumberInput.js.map

package/lib/module/modules/number-input/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useEffect","useState","Platform","Pressable","StyleSheet","Text","TextInput","View","Icon","useTheme","canDecrementNumberInput","canIncrementNumberInput","clampNumberInputValue","NUMBER_INPUT_SIZES","numberInputStepperStructure","numberInputStructure","parseNumberInputDraft","resolveNumberInputAccessibility","resolveNumberInputStatus","resolveNumberInputStepperPressColors","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ICON_STROKE","FOCUS_RING_WIDTH","FOCUS_RING_GAP","stepperFocusRingStyle","theme","position","radius","radii","base","top","left","right","bottom","borderWidth","borderColor","colors","border","focus","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","NumberInput","props","value","onValueChange","min","max","step","size","status","disabled","label","accessibilityLabel","containerStyle","testID","draft","setDraft","String","focused","setFocused","decrementFocused","setDecrementFocused","incrementFocused","setIncrementFocused","spec","statusColors","pressColors","a11y","decrementEnabled","incrementEnabled","handleChangeText","raw","parsed","handleFocus","handleBlur","handleDecrement","handleIncrement","style","children","undefined","accessibilityElementsHidden","importantForAccessibility","fontStyleForWeight","fontWeights","medium","fontSize","fontSizes","sm","color","fg","default","marginBottom","space","styles","dimmed","pointerEvents","borderRadius","accessibilityRole","accessibilityState","onPress","onFocus","onBlur","hitSlop","pressed","backgroundColor","fill","name","iconSize","icon","strokeWidth","onChangeText","keyboardType","editable","flex","alignSelf","textAlign","paddingHorizontal","regular","OS","webOutlineReset","create","opacity","outlineWidth"],"sourceRoot":"../../../../src","sources":["modules/number-input/NumberInput.tsx"],"mappings":"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","ignoreList":[]}