pixelize-native-library 1.0.6

package/lib/module/modules/modal/Modal.variants.js

@@ -0,0 +1,92 @@
+"use strict";
+
+/**
+ * Modal's style + behaviour resolution — mirrors Button/Select's split: STRUCTURE (sizing/spacing
+ * off the theme scale, plus the closed `size` maxWidth caps) lives in the `createThemedVariants`
+ * resolvers below, registered once per theme identity. COLOUR is resolved from the theme's ROLE
+ * colours (never a raw ramp, never a hardcoded hex) by `resolveModalPanelColors`. The reduced-motion
+ * contract (WCAG 2.3.3) is `resolveModalAnimationType`, kept pure so it 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";
+import { sizes } from "../../theme/tokens/index.js";
+/**
+ * Reuses the shared `sizes` primitive — `theme/tokens/primitives/sizes.ts` is documented for
+ * exactly this case ("avatar/image/modal max-width") — instead of inventing Modal-local numbers.
+ */
+export const MODAL_SIZES = {
+  sm: {
+    maxWidth: sizes.sm
+  },
+  md: {
+    maxWidth: sizes.md
+  },
+  lg: {
+    maxWidth: sizes.lg
+  }
+};
+/**
+ * Maps the panel onto role colours. Kept this small on purpose: the panel has exactly one
+ * text/foreground pairing to guarantee legible (the title on its own fill) — `children` is
+ * arbitrary consumer content this module has no colour opinion about.
+ */
+export function resolveModalPanelColors(colors) {
+  return {
+    background: colors.bg.surface,
+    title: colors.fg.default
+  };
+}
+/** WCAG 2.3.3 — the fade is replaced by an instant appearance when the OS has reduced motion on. */
+export function resolveModalAnimationType(reducedMotion) {
+  return reducedMotion ? "none" : "fade";
+}
+
+/**
+ * The full-screen overlay the panel centers in. `box-none` (applied by the component) lets a tap
+ * on its empty padding fall through to the backdrop press underneath — same shape as Select's
+ * `selectOverlayStructure`.
+ */
+export const modalOverlayStructure = createThemedVariants(theme => ({
+  base: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: theme.space[6]
+  }
+}));
+
+/**
+ * Structural styles only — layout, padding, radius, max size. No colours (resolved by
+ * `resolveModalPanelColors`, applied inline over this), so this compiles once per theme identity
+ * via the `WeakMap`-cached themed resolver and never rebuilds per render.
+ */
+export const modalPanelStructure = createThemedVariants(theme => ({
+  base: {
+    width: "100%",
+    maxHeight: "92%",
+    borderRadius: theme.radii.lg,
+    padding: theme.space[5],
+    ...theme.elevation.lg
+  },
+  variants: {
+    size: {
+      sm: {
+        maxWidth: MODAL_SIZES.sm.maxWidth
+      },
+      md: {
+        maxWidth: MODAL_SIZES.md.maxWidth
+      },
+      lg: {
+        maxWidth: MODAL_SIZES.lg.maxWidth
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}));
+//# sourceMappingURL=Modal.variants.js.map

package/lib/module/modules/modal/Modal.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createThemedVariants","sizes","MODAL_SIZES","sm","maxWidth","md","lg","resolveModalPanelColors","colors","background","bg","surface","title","fg","default","resolveModalAnimationType","reducedMotion","modalOverlayStructure","theme","base","flex","justifyContent","alignItems","paddingHorizontal","space","modalPanelStructure","width","maxHeight","borderRadius","radii","padding","elevation","variants","size","defaultVariants"],"sourceRoot":"../../../../src","sources":["modules/modal/Modal.variants.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,oBAAoB,QAAQ,2BAAkB;AACvD,SAASC,KAAK,QAAQ,6BAAoB;AAS1C;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAG;EACzBC,EAAE,EAAE;IAAEC,QAAQ,EAAEH,KAAK,CAACE;EAAG,CAAC;EAC1BE,EAAE,EAAE;IAAED,QAAQ,EAAEH,KAAK,CAACI;EAAG,CAAC;EAC1BC,EAAE,EAAE;IAAEF,QAAQ,EAAEH,KAAK,CAACK;EAAG;AAC3B,CAAqD;AASrD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAACC,MAAkB,EAAoB;EAC5E,OAAO;IACLC,UAAU,EAAED,MAAM,CAACE,EAAE,CAACC,OAAO;IAC7BC,KAAK,EAAEJ,MAAM,CAACK,EAAE,CAACC;EACnB,CAAC;AACH;AAIA;AACA,OAAO,SAASC,yBAAyBA,CAACC,aAAsB,EAAsB;EACpF,OAAOA,aAAa,GAAG,MAAM,GAAG,MAAM;AACxC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAGjB,oBAAoB,CAAEkB,KAAY,KAAM;EAC3EC,IAAI,EAAE;IACJC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;EAClC;AACF,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAGzB,oBAAoB,CAAEkB,KAAY,KAAM;EACzEC,IAAI,EAAE;IACJO,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,KAAK;IAChBC,YAAY,EAAEV,KAAK,CAACW,KAAK,CAACvB,EAAE;IAC5BwB,OAAO,EAAEZ,KAAK,CAACM,KAAK,CAAC,CAAC,CAAC;IACvB,GAAGN,KAAK,CAACa,SAAS,CAACzB;EACrB,CAAC;EACD0B,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ9B,EAAE,EAAE;QAAEC,QAAQ,EAAEF,WAAW,CAACC,EAAE,CAACC;MAAS,CAAC;MACzCC,EAAE,EAAE;QAAED,QAAQ,EAAEF,WAAW,CAACG,EAAE,CAACD;MAAS,CAAC;MACzCE,EAAE,EAAE;QAAEF,QAAQ,EAAEF,WAAW,CAACI,EAAE,CAACF;MAAS;IAC1C;EACF,CAAC;EACD8B,eAAe,EAAE;IAAED,IAAI,EAAE;EAAK;AAChC,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/modal/ModalPortalContext.js

@@ -0,0 +1,25 @@
+"use strict";
+
+/**
+ * Web-only escape hatch for where Modal (and, via this same context, Select/Menu's option/action
+ * sheets) portal their overlay content on `react-native-web`.
+ *
+ * `react-native-web`'s own `<Modal>` unconditionally portals to `document.body`
+ * (`react-native-web/src/exports/Modal/ModalPortal.js` — `document.body.appendChild(...)`, then
+ * `createPortal(children, elementRef.current)`; no `container`/`portalHost` prop exists to
+ * override it, verified against the installed 0.21.2 source). That is correct for a full app, but
+ * breaks visual containment inside a fixed-size preview frame (see `example/DeviceFrame.tsx`): the
+ * overlay renders full-browser-viewport instead of clipped to the frame.
+ *
+ * Defaults to `null` — every existing consumer, native or web, reads `null` here and keeps
+ * rendering through RN's own `<Modal>` exactly as before this context existed. A consumer opts in
+ * via `ModalPortalProvider` (`./ModalPortalProvider`).
+ *
+ * Typed `unknown`, not a DOM type: this package has no `"dom"` lib entry (native has no DOM), so a
+ * `HTMLElement`/`Element` annotation here would fail to compile. On web the value must be a real
+ * DOM node capable of receiving `ReactDOM.createPortal` — `renderWebPortal.web.ts` is the one place
+ * that actually dereferences it, and does the environment-appropriate cast there.
+ */
+import { createContext } from "react";
+export const ModalPortalContext = /*#__PURE__*/createContext(null);
+//# sourceMappingURL=ModalPortalContext.js.map

package/lib/module/modules/modal/ModalPortalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","ModalPortalContext"],"sourceRoot":"../../../../src","sources":["modules/modal/ModalPortalContext.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,OAAO;AAErC,OAAO,MAAMC,kBAAkB,gBAAGD,aAAa,CAAU,IAAI,CAAC","ignoreList":[]}

package/lib/module/modules/modal/ModalPortalProvider.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { memo } from "react";
+import { ModalPortalContext } from "./ModalPortalContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Opts a subtree into containing its Modal / AlertDialog / Select / Menu overlays inside
+ * `container` on web, instead of `react-native-web`'s default full-viewport `document.body`
+ * portal. Safe to mount unconditionally on every platform: there is no DOM to portal into outside
+ * web, so `container` is simply never read off this context there — every overlay keeps rendering
+ * through RN's own `<Modal>` regardless of this provider's presence.
+ */
+export const ModalPortalProvider = /*#__PURE__*/memo(function ModalPortalProvider({
+  container,
+  children
+}) {
+  return /*#__PURE__*/_jsx(ModalPortalContext.Provider, {
+    value: container,
+    children: children
+  });
+});
+//# sourceMappingURL=ModalPortalProvider.js.map

package/lib/module/modules/modal/ModalPortalProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","ModalPortalContext","jsx","_jsx","ModalPortalProvider","container","children","Provider","value"],"sourceRoot":"../../../../src","sources":["modules/modal/ModalPortalProvider.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAASC,kBAAkB,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,gBAAGJ,IAAI,CAAC,SAASI,mBAAmBA,CAAC;EACnEC,SAAS;EACTC;AACwB,CAAC,EAAE;EAC3B,oBAAOH,IAAA,CAACF,kBAAkB,CAACM,QAAQ;IAACC,KAAK,EAAEH,SAAU;IAAAC,QAAA,EAAEA;EAAQ,CAA8B,CAAC;AAChG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+/**
+ * Public surface of `pixelize-native-library/modal`. Value exports and type exports are split for
+ * `verbatimModuleSyntax`. The resolvers (`resolveModalPanelColors`, `MODAL_SIZES`, …) stay
+ * internal — a consumer configures a Modal through its props, never by importing its internals.
+ *
+ * `ModalPortalProvider` is the one exception to "configure through props" — it's a web-only opt-in
+ * ancestor, not a Modal prop, because Select/Menu (which don't render `<Modal>` at all) need the
+ * same container too. The raw `ModalPortalContext` stays internal on purpose: consumers opt in via
+ * the provider, never by reading the context directly.
+ */
+
+export { Modal } from "./Modal.js";
+export { ModalPortalProvider } from "./ModalPortalProvider.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Modal","ModalPortalProvider"],"sourceRoot":"../../../../src","sources":["modules/modal/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,YAAS;AAK/B,SAASC,mBAAmB,QAAQ,0BAAuB","ignoreList":[]}

package/lib/module/modules/modal/renderWebPortal.js

@@ -0,0 +1,18 @@
+"use strict";
+
+/**
+ * Native/default counterpart of `renderWebPortal.web.ts`. There is no DOM to portal into outside a
+ * web environment, so this always returns `null` — the caller (Modal/Select/Menu) then falls back
+ * to rendering through RN's own `<Modal>`, exactly as it did before this mechanism existed.
+ *
+ * Exists so the bare specifier `import { renderWebPortal } from "./renderWebPortal"` has a
+ * same-shaped default to resolve to on every platform except an actual web bundle: Metro's
+ * platform-extension resolution picks `renderWebPortal.web.ts` only when bundling for web, and
+ * falls back to THIS file everywhere else (iOS, Android, and Jest — Jest's `react-native` preset
+ * haste config has no `web` platform, so it also always resolves here). `react-dom` therefore never
+ * enters a native dependency graph.
+ */
+export function renderWebPortal(_children, _container) {
+  return null;
+}
+//# sourceMappingURL=renderWebPortal.js.map

package/lib/module/modules/modal/renderWebPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderWebPortal","_children","_container"],"sourceRoot":"../../../../src","sources":["modules/modal/renderWebPortal.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,eAAeA,CAACC,SAAoB,EAAEC,UAAmB,EAAa;EACpF,OAAO,IAAI;AACb","ignoreList":[]}

package/lib/module/modules/modal/renderWebPortal.web.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { createPortal } from "react-dom";
+/**
+ * Web implementation: portals `children` into `container` via `ReactDOM.createPortal`, bypassing
+ * `react-native-web`'s own `<Modal>` (which always portals to `document.body` — see
+ * `ModalPortalContext.ts`). Returns `null` when `container` is nullish so the caller falls back to
+ * the default `<Modal>` path.
+ *
+ * `container` is cast from `unknown` to `Element` here — the one place this mechanism's `unknown`
+ * portal-container contract gets a concrete DOM type, since only this file (Metro only ever
+ * resolves it for an actual web bundle — see `renderWebPortal.ts`) has a real DOM environment to
+ * assume. A caller that passes something that isn't really a DOM node fails at `createPortal`'s own
+ * runtime, same as any other incorrect `ReactDOM.createPortal` call would.
+ *
+ * This module's exported signature stays identical to `renderWebPortal.ts`'s (`ReactNode`,
+ * `unknown` — never a `react-dom` type), so a consumer never needs `@types/react-dom` just because
+ * they import `pixelize-native-library/modal`; that type dependency stays internal to this one file.
+ */
+export function renderWebPortal(children, container) {
+  if (container == null) return null;
+  return /*#__PURE__*/createPortal(children, container);
+}
+//# sourceMappingURL=renderWebPortal.web.js.map

package/lib/module/modules/modal/renderWebPortal.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createPortal","renderWebPortal","children","container"],"sourceRoot":"../../../../src","sources":["modules/modal/renderWebPortal.web.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,WAAW;AAGxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAACC,QAAmB,EAAEC,SAAkB,EAAa;EAClF,IAAIA,SAAS,IAAI,IAAI,EAAE,OAAO,IAAI;EAClC,oBAAOH,YAAY,CAACE,QAAQ,EAAEC,SAAoB,CAAC;AACrD","ignoreList":[]}

package/lib/module/modules/multi-select/MODULE.md

@@ -0,0 +1,100 @@
+# multi-select/ — a checkbox-style multi-value picker in a native-Modal sheet
+
+`MultiSelect` is a `Pressable` trigger (sized/bordered like `Select`/`Input`) that opens its options,
+each with a checkbox-style indicator, in React Native's OWN `Modal` — imported directly from
+`"react-native"`, never the library's own Modal (built in parallel elsewhere). Standalone sibling of
+`Select`, not built on top of it: multi-value selection, the running "N selected" summary, and
+checkbox-row indicators are different enough semantics that reusing `Select` would force awkward
+prop overloading.
+
+The one deliberate exception: on web, MultiSelect reads `../modal/ModalPortalContext` +
+`../modal/renderWebPortal` — the same web-portal-containment mechanism `Modal`/`Select`/`Menu` use —
+so opening a `ModalPortalProvider` containing an app also contains MultiSelect's option sheet. See
+`../modal/MODULE.md`'s "Web portal mechanism" section for the full explanation; this is a plain
+context + a stateless helper with no React-tree footprint of its own, not a dependency on the
+`Modal` component.
+
+## Files
+
+| File | Role |
+|------|------|
+| `MultiSelect.tsx` | The component. Trigger + `Modal` composition, open/close state, immediate per-row toggling, focus handling. |
+| `MultiSelect.variants.ts` | Pure resolvers (`MULTI_SELECT_SIZES`, `resolveMultiSelectTriggerColors`, `resolveMultiSelectRowColors`, `resolveMultiSelectAccessibility`) + the themed structural resolvers (`multiSelectTriggerStructure`, `multiSelectOverlayStructure`, `multiSelectSheetStructure`, `multiSelectHeaderStructure`, `multiSelectCloseButtonStructure`, `multiSelectRowStructure`, `multiSelectRowIndicatorStructure`). No React, no lucide. |
+| `index.ts` | Public surface: `MultiSelect`, `MultiSelectProps`, `MultiSelectOption`, `MultiSelectSize`. |
+| `__tests__/MultiSelect.test.ts` | Pure: WCAG contrast (all brands × modes) + touch target + a11y contract. |
+| `__tests__/MultiSelect.render.test.tsx` | Render: trigger summary text, open/close, disabled gating, immediate toggling, per-row `checked` state, backdrop + close-button dismissal, and the web-portal opt-in branch (mocking `renderWebPortal`). |
+
+## Props
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `options` | `{ label: string; value: string }[]` | — | Required. |
+| `values` | `string[]` | — | Required. The currently selected `value`s. |
+| `onValuesChange` | `(values: string[]) => void` | — | Required. Fired immediately on row press with the next array — no separate Apply/Cancel. |
+| `placeholder` | `string` | — | Shown when `values` is empty. |
+| `label` | `string` | — | Field label above the trigger; also folded into its accessible name. |
+| `disabled` | `boolean` | `false` | Blocks opening the sheet; dimmed like Select's disabled state. |
+| `size` | `sm \| md \| lg` | `md` | 32 / 40 / 48 dp; short sizes reach 44 via `hitSlop`. |
+| `containerStyle` | `LayoutStyle` | — | Layout-only, outermost, applied exactly once, last. |
+| `testID` | `string` | — | Also seeds `${testID}-backdrop`, `${testID}-close`, and `${testID}-option-${value}`. |
+
+No `icon` prop — the chevron/check/close glyphs are fixed to the component's own semantics, not
+caller-configurable.
+
+### Trigger summary text
+
+- `values` empty → `placeholder` (or empty).
+- Exactly one value → that option's own `label` (falls back to `"1 selected"` if the value matches
+  no option).
+- Two or more values → `"${values.length} selected"`.
+
+## Accessibility contract (WCAG)
+
+- **2.5.x target size** — the trigger reaches ≥ 44dp via `hitSlop` at every size; option rows have a
+  44dp `minHeight` directly (list items, not slop-expandable); the header close button reaches 44dp
+  via `hitSlop`.
+- **4.1.2** — the trigger is `accessibilityRole="button"` with `accessibilityState.expanded`
+  tracking whether the sheet is showing.
+- **1.4.3** — trigger value/placeholder text, the field label, and option-row labels are measured
+  ≥ 4.5:1 against their own fill (`bg.canvas` for the label, `bg.surface` for the trigger and every
+  row — row fill is constant across selection, see below).
+- **1.4.11** — the trigger boundary (`border.interactive`, `border.focus` while focused/open), the
+  row indicator's unchecked outline, and its checked fill are each measured ≥ 3:1 against the sheet
+  fill.
+- Each option row is `accessibilityRole="checkbox"` with `accessibilityState={{ checked }}`, toggled
+  immediately on press — the indicator box (outline when unchecked, `accent.solid` fill + "check"
+  glyph when checked) is the sighted echo of the same state, never the only signal.
+- The header close button is `accessibilityRole="button"` with a fixed `accessibilityLabel="Close"`
+  (icon-only, hardcoded — not a caller-configurable slot); its icon shares the row label's colour
+  pairing, already measured ≥ 3:1 (in practice ≥ 4.5:1) on the sheet fill.
+- **2.3.3** — the sheet's `animationType` is `"none"` instead of `"fade"` when `useReducedMotion()`
+  is true.
+- Disabled is exempt from the contrast minimum (WCAG 1.4.3) — like Select, it's signalled by a
+  uniform `opacity: 0.5` dim rather than a separate, still-must-pass colour pair.
+
+## Patterns copied from `Select` (which copies `Button`, the reference module)
+
+1. **Structure vs colour split** — sizing/spacing/radius/border-width via `createThemedVariants`;
+   colour resolved from `RoleColors` per state, applied inline.
+2. **Pure, testable resolvers** in `MultiSelect.variants.ts` — the WCAG + behaviour contract is
+   unit-tested against real palettes, never eyeballed.
+3. **Row indicator colours mirror `Checkbox`'s role mapping** (`border.interactive` /
+   `accent.solid` / `accent.onSolid`) — duplicated locally, not imported: modules never import
+   across `src/modules/*`.
+4. **Closed-ish surface** — `size` is a closed union; `options`/`values`/`onValuesChange` are the
+   data contract a multi-select inherently needs, not a colour escape hatch.
+5. `style` exception — MultiSelect exposes `containerStyle` (the documented exception for a
+   component wrapping a native primitive's outer box), not a second `style` prop.
+
+## Known gaps
+
+- No search/filter — matches the spec this module was built against. A future `Combobox` would be a
+  separate module, not a prop added here (closed-prop-contract).
+- No per-option `disabled` — every row is togglable whenever the sheet is open; not requested by
+  this module's spec.
+- The trigger's focus ring is a border-colour swap (`border.focus`), same convention `Select`
+  documents as provisional pending a dedicated `Input` focus-ring reconciliation.
+
+## Performance
+
+Wrapped in `React.memo` (repo-wide re-render audit, 2026-07-17 — see root `CLAUDE.md`). Its one library child, `Icon`, only ever receives primitives; the `options.map()` list renders host `Pressable`/`View`/`Text` — nothing to memoize.

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

@@ -0,0 +1,204 @@
+"use strict";
+
+/**
+ * MultiSelect — a trigger styled like Select/Input that opens a checkbox-style option list in React
+ * Native's OWN `Modal`. Imported directly from `"react-native"` here on purpose, and built as a
+ * standalone sibling of `Select` rather than on top of it: selection semantics differ enough
+ * (multiple values, a running "N selected" summary, checkbox-row indicators instead of a single
+ * check mark) that importing Select would force awkward prop overloading — and this module must not
+ * depend on any sibling module, including the library's own Modal (built in parallel elsewhere).
+ *
+ * The one deliberate exception is the web portal mechanism: `ModalPortalContext`/`renderWebPortal`
+ * are a plain context + a stateless helper with no React-tree footprint of their own (not the
+ * `Modal` component), so MultiSelect reads the same ones `Modal.tsx`/`Select.tsx` read to stay
+ * consistent once a consumer opts in via `ModalPortalProvider` — see `../modal/ModalPortalContext.ts`.
+ */
+
+import { memo, useContext, useState } from "react";
+import { Modal, Platform, Pressable, ScrollView, 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 { ModalPortalContext } from "../modal/ModalPortalContext.js";
+import { renderWebPortal } from "../modal/renderWebPortal";
+import { MULTI_SELECT_CLOSE_BUTTON_HIT_SLOP, MULTI_SELECT_CLOSE_ICON_SIZE, MULTI_SELECT_ROW_ICON_SIZE, MULTI_SELECT_SIZES, multiSelectCloseButtonStructure, multiSelectHeaderStructure, multiSelectOverlayStructure, multiSelectRowIndicatorStructure, multiSelectRowStructure, multiSelectSheetStructure, multiSelectTriggerStructure, resolveMultiSelectAccessibility, resolveMultiSelectRowColors, resolveMultiSelectTriggerColors } from "./MultiSelect.variants.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const ICON_STROKE = 2;
+// Decorative dismiss scrim behind the sheet — a design constant, not a role token: it is neither
+// text nor an interactive boundary, so WCAG's contrast minimums don't apply to it.
+const BACKDROP_SCRIM = "#00000099";
+export const MultiSelect = /*#__PURE__*/memo(function MultiSelect({
+  options,
+  values,
+  onValuesChange,
+  placeholder,
+  label,
+  disabled = false,
+  size = "md",
+  containerStyle,
+  testID
+}) {
+  const theme = useTheme();
+  const reducedMotion = useReducedMotion();
+  const portalContainer = useContext(ModalPortalContext);
+  const [open, setOpen] = useState(false);
+  const [focused, setFocused] = useState(false);
+  const spec = MULTI_SELECT_SIZES[size];
+  const selectedCount = values.length;
+  const isPlaceholder = selectedCount === 0;
+  const singleLabel = selectedCount === 1 ? options.find(option => option.value === values[0])?.label : undefined;
+  const displayText = isPlaceholder ? placeholder ?? "" : singleLabel ?? `${selectedCount} selected`;
+  const triggerColors = resolveMultiSelectTriggerColors(theme.colors, focused || open);
+  const rowColors = resolveMultiSelectRowColors(theme.colors);
+  const a11y = resolveMultiSelectAccessibility({
+    disabled,
+    open
+  });
+  const accessibleName = label !== undefined ? displayText ? `${label}, ${displayText}` : label : undefined;
+  const openMenu = () => {
+    if (disabled) return;
+    setOpen(true);
+  };
+  const closeMenu = () => setOpen(false);
+  const toggleValue = value => {
+    const next = values.includes(value) ? values.filter(v => v !== value) : [...values, value];
+    onValuesChange(next);
+  };
+  const sheet = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      testID: testID ? `${testID}-backdrop` : undefined,
+      accessible: false,
+      style: [StyleSheet.absoluteFill, {
+        backgroundColor: BACKDROP_SCRIM
+      }],
+      onPress: closeMenu
+    }), /*#__PURE__*/_jsx(View, {
+      style: multiSelectOverlayStructure(theme),
+      pointerEvents: "box-none",
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [multiSelectSheetStructure(theme), {
+          backgroundColor: theme.colors.bg.surface
+        }],
+        children: [/*#__PURE__*/_jsx(View, {
+          style: multiSelectHeaderStructure(theme),
+          children: /*#__PURE__*/_jsx(Pressable, {
+            testID: testID ? `${testID}-close` : undefined,
+            accessibilityRole: "button",
+            accessibilityLabel: "Close",
+            onPress: closeMenu,
+            hitSlop: MULTI_SELECT_CLOSE_BUTTON_HIT_SLOP,
+            style: multiSelectCloseButtonStructure(theme),
+            children: /*#__PURE__*/_jsx(Icon, {
+              name: "x",
+              size: MULTI_SELECT_CLOSE_ICON_SIZE,
+              color: rowColors.text,
+              strokeWidth: ICON_STROKE
+            })
+          })
+        }), /*#__PURE__*/_jsx(ScrollView, {
+          bounces: false,
+          children: options.map(option => {
+            const checked = values.includes(option.value);
+            return /*#__PURE__*/_jsxs(Pressable, {
+              testID: testID ? `${testID}-option-${option.value}` : undefined,
+              accessibilityRole: "checkbox",
+              accessibilityState: {
+                checked
+              },
+              onPress: () => toggleValue(option.value),
+              style: [multiSelectRowStructure(theme), {
+                backgroundColor: rowColors.background
+              }],
+              children: [/*#__PURE__*/_jsx(View, {
+                style: [multiSelectRowIndicatorStructure(theme), {
+                  borderColor: checked ? rowColors.indicatorFill : rowColors.indicatorBorder,
+                  backgroundColor: checked ? rowColors.indicatorFill : "transparent"
+                }],
+                children: checked && /*#__PURE__*/_jsx(Icon, {
+                  name: "check",
+                  size: MULTI_SELECT_ROW_ICON_SIZE,
+                  color: rowColors.indicatorIcon,
+                  strokeWidth: ICON_STROKE
+                })
+              }), /*#__PURE__*/_jsx(Text, {
+                numberOfLines: 1,
+                style: [theme.fontStyleForWeight(theme.fontWeights.regular), {
+                  flex: 1,
+                  fontSize: theme.fontSizes.md,
+                  color: rowColors.text
+                }],
+                children: option.label
+              })]
+            }, option.value);
+          })
+        })]
+      })
+    })]
+  });
+
+  // Web portal opt-in — see Modal.tsx's/Select.tsx's identical branch + ModalPortalContext.ts.
+  // Every other case (native, or web with no ModalPortalProvider) renders through RN's own
+  // <Modal> below, unchanged.
+  const menu = Platform.OS === "web" && portalContainer != null ? open ? renderWebPortal(/*#__PURE__*/_jsx(View, {
+    style: StyleSheet.absoluteFill,
+    pointerEvents: "box-none",
+    children: sheet
+  }), portalContainer) : null : /*#__PURE__*/_jsx(Modal, {
+    visible: open,
+    transparent: true,
+    animationType: reducedMotion ? "none" : "fade",
+    onRequestClose: closeMenu,
+    children: sheet
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, containerStyle],
+    children: [label !== undefined && /*#__PURE__*/_jsx(Text, {
+      style: [theme.fontStyleForWeight(theme.fontWeights.medium), {
+        fontSize: theme.fontSizes.sm,
+        color: theme.colors.fg.muted,
+        marginBottom: theme.space[1]
+      }],
+      children: label
+    }), /*#__PURE__*/_jsxs(Pressable, {
+      testID: testID,
+      accessibilityRole: a11y.accessibilityRole,
+      accessibilityLabel: accessibleName,
+      accessibilityState: a11y.accessibilityState,
+      disabled: a11y.disabled,
+      onPress: openMenu,
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false),
+      hitSlop: spec.hitSlop,
+      style: [multiSelectTriggerStructure(theme, {
+        size
+      }), {
+        backgroundColor: triggerColors.background,
+        borderColor: triggerColors.border
+      }, disabled && styles.dimmed],
+      children: [/*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: [theme.fontStyleForWeight(theme.fontWeights.regular), {
+          flexShrink: 1,
+          fontSize: spec.fontSize,
+          color: isPlaceholder ? triggerColors.placeholder : triggerColors.text
+        }],
+        children: displayText
+      }), /*#__PURE__*/_jsx(Icon, {
+        name: "chevron-down",
+        size: spec.iconSize,
+        color: triggerColors.icon,
+        strokeWidth: ICON_STROKE
+      })]
+    }), menu]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    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
+  }
+});
+//# sourceMappingURL=MultiSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useContext","useState","Modal","Platform","Pressable","ScrollView","StyleSheet","Text","View","useReducedMotion","Icon","useTheme","ModalPortalContext","renderWebPortal","MULTI_SELECT_CLOSE_BUTTON_HIT_SLOP","MULTI_SELECT_CLOSE_ICON_SIZE","MULTI_SELECT_ROW_ICON_SIZE","MULTI_SELECT_SIZES","multiSelectCloseButtonStructure","multiSelectHeaderStructure","multiSelectOverlayStructure","multiSelectRowIndicatorStructure","multiSelectRowStructure","multiSelectSheetStructure","multiSelectTriggerStructure","resolveMultiSelectAccessibility","resolveMultiSelectRowColors","resolveMultiSelectTriggerColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ICON_STROKE","BACKDROP_SCRIM","MultiSelect","options","values","onValuesChange","placeholder","label","disabled","size","containerStyle","testID","theme","reducedMotion","portalContainer","open","setOpen","focused","setFocused","spec","selectedCount","length","isPlaceholder","singleLabel","find","option","value","undefined","displayText","triggerColors","colors","rowColors","a11y","accessibleName","openMenu","closeMenu","toggleValue","next","includes","filter","v","sheet","children","accessible","style","absoluteFill","backgroundColor","onPress","pointerEvents","bg","surface","accessibilityRole","accessibilityLabel","hitSlop","name","color","text","strokeWidth","bounces","map","checked","accessibilityState","background","borderColor","indicatorFill","indicatorBorder","indicatorIcon","numberOfLines","fontStyleForWeight","fontWeights","regular","flex","fontSize","fontSizes","md","menu","OS","visible","transparent","animationType","onRequestClose","styles","container","medium","sm","fg","muted","marginBottom","space","onFocus","onBlur","border","dimmed","flexShrink","iconSize","icon","create","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["modules/multi-select/MultiSelect.tsx"],"mappings":"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","ignoreList":[]}