pixelize-native-library 1.0.6

package/lib/typescript/modules/menu/Menu.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Menu — a small anchored action list opened from a caller-supplied trigger. Unlike Select (whose
+ * open/closed state is a `value`/`onValueChange` pair the caller owns), Menu is self-contained: a
+ * transient action list manages its own visibility, closing itself after every dismissal path.
+ *
+ * The trigger is composed via `React.cloneElement` — never `{...rest}` — injecting only `onPress`,
+ * chained after any handler the trigger already defined (the same "merge, never clobber" technique
+ * Tooltip uses for its child). The dropdown itself is React Native's OWN `Modal`, imported directly
+ * from `"react-native"` on purpose: this module must never depend on the library's own `Modal`
+ * COMPONENT — this library's own `Modal` (built in parallel elsewhere) is for persistent app
+ * dialogs with a title/children contract, not a quick transient overlay — the same distinction
+ * Select already draws for its own option list.
+ *
+ * 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 Menu reads the same ones `Modal.tsx` and `Select.tsx` read to stay
+ * consistent once a consumer opts in via `ModalPortalProvider` — see `../modal/ModalPortalContext.ts`.
+ */
+import type { ReactElement } from "react";
+import type { GestureResponderEvent } from "react-native";
+import type { IconName } from "../../core/icon";
+import type { MenuItemTone } from "./Menu.variants";
+/** The subset of props Menu reads from / injects into its trigger child. */
+export interface MenuTriggerProps {
+    onPress?: (event: GestureResponderEvent) => void;
+}
+export interface MenuItem {
+    readonly label: string;
+    readonly icon?: IconName;
+    readonly onPress: () => void;
+    readonly tone?: MenuItemTone;
+}
+export interface MenuProps {
+    /** A single element that accepts `onPress` (e.g. a `Button`). Opens the menu on press. */
+    trigger: ReactElement<MenuTriggerProps>;
+    items: MenuItem[];
+    /** Blocks the menu from opening. Does not itself restyle the trigger — pass `disabled` to the
+     *  trigger too if it should also look disabled (Menu never rewrites a prop it didn't ask for). */
+    disabled?: boolean;
+    testID?: string;
+}
+export declare const Menu: import("react").NamedExoticComponent<MenuProps>;
+//# sourceMappingURL=Menu.d.ts.map

package/lib/typescript/modules/menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/modules/menu/Menu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAI1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAYhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,4EAA4E;AAC5E,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;CAC9B;AAED,MAAM,WAAW,SAAS;IACxB,0FAA0F;IAC1F,OAAO,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACxC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB;sGACkG;IAClG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAOD,eAAO,MAAM,IAAI,iDAmGf,CAAC"}

package/lib/typescript/modules/menu/Menu.variants.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Menu's style + behaviour resolution — same split as Button/Select:
+ *  - 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
+ *    `resolveMenuItemColor` — `tone` maps a row to `fg.default` or `status.danger.text`, the same
+ *    reason Button's `tone` is a closed union instead of a `color` prop.
+ *
+ * Free of React, `lucide`, and any `Modal`/`Pressable` import, so the WCAG + touch-target tests
+ * import it directly (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
+ */
+import type { RoleColors, Theme } from "../../theme";
+export type MenuItemTone = "default" | "danger";
+/** Same touch-target floor as Button/Select (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
+export declare const MIN_TOUCH_TARGET = 44;
+/** Row height is a direct `minHeight`, not a `hitSlop` expansion — a list row is already its own
+ *  full-width touch target, the same choice `Select`'s option rows make (`SELECT_ROW_MIN_HEIGHT`). */
+export declare const MENU_ROW_MIN_HEIGHT = 44;
+/** The optional leading glyph's size. Fixed — Menu has no `size` prop (unlike Button/Select), since
+ *  an action list's row height is not a caller-facing choice. */
+export declare const MENU_ROW_ICON_SIZE = 18;
+/**
+ * Maps a row's `tone` onto the theme's ROLE colours — the reason `tone` is a closed union and not a
+ * free-form `color` prop. The SAME colour drives both the label and the icon (like Select's active
+ * row): if the label clears the stricter 4.5:1 text minimum on the sheet fill, the icon clears its
+ * 3:1 non-text minimum for free.
+ */
+export declare function resolveMenuItemColor(colors: RoleColors, tone: MenuItemTone): string;
+/**
+ * Structural styles only — layout, padding, radius, border WIDTH. No colours (those are resolved
+ * from `RoleColors` and applied inline), so this compiles once per theme identity via the themed
+ * resolver and never rebuilds per render.
+ *
+ * `justifyContent: "center"` mirrors Select's full-screen overlay + centered sheet — the same
+ * "transient overlay in RN's own Modal" pattern Select already established. See the "Known gaps"
+ * section of MODULE.md for why this is a centered sheet rather than a true measured anchor.
+ */
+export declare const menuOverlayStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+export declare const menuSheetStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+export declare const menuRowStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+//# sourceMappingURL=Menu.variants.d.ts.map

package/lib/typescript/modules/menu/Menu.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.variants.d.ts","sourceRoot":"","sources":["../../../../src/modules/menu/Menu.variants.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGrD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhD,2FAA2F;AAC3F,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC;sGACsG;AACtG,eAAO,MAAM,mBAAmB,KAAmB,CAAC;AAEpD;iEACiE;AACjE,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAOnF;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,uKAM9B,CAAC;AAEJ,eAAO,MAAM,kBAAkB,uKAO5B,CAAC;AAEJ,eAAO,MAAM,gBAAgB,uKAQ1B,CAAC"}

package/lib/typescript/modules/menu/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Public surface of `pixelize-native-library/menu`. Value exports and type exports are split for
+ * `verbatimModuleSyntax`. The resolvers (`resolveMenuItemColor`, `MENU_ROW_ICON_SIZE`, …) stay
+ * internal — a consumer configures a Menu through its props, never by importing its internals.
+ */
+export { Menu } from "./Menu";
+export type { MenuProps, MenuItem, MenuTriggerProps } from "./Menu";
+export type { MenuItemTone } from "./Menu.variants";
+export type { IconName } from "../../core/icon";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/menu/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAEpE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,YAAY,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/typescript/modules/modal/Modal.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Modal — the library's own dialog, built ON TOP of React Native's `<Modal>` (`transparent`,
+ * `animationType` "fade" unless the OS has reduced motion on, in which case "none"). A full-screen
+ * backdrop scrim dismisses it on press; the panel sits on `bg.surface` with `theme.radii.lg` and
+ * `theme.elevation.lg`, capped to one of three closed widths (`size`).
+ *
+ * Fully controlled: the caller owns `visible` and reacts to `onRequestClose`, which fires from the
+ * backdrop press, the Android hardware back button, and — via `onAccessibilityEscape` on the panel
+ * — iOS VoiceOver's two-finger-Z escape gesture. (RN's `<Modal>` only fires `onRequestClose` from a
+ * swipe when `allowSwipeDismissal` is passed, which this component doesn't set, and `transparent`
+ * with no `presentationStyle` forces `overFullScreen`, which has no native swipe-to-dismiss gesture
+ * on iOS at all — so the VoiceOver escape hook is the real iOS-native path here, not a swipe.)
+ * Never from an internal open/close state.
+ *
+ * Web portal opt-in: when an ancestor renders `ModalPortalProvider` (web only), this bypasses RN's
+ * `<Modal>` and portals the SAME backdrop+panel tree into the provided container via
+ * `renderWebPortal` instead — see `ModalPortalContext.ts` for why. Every other case (native, or web
+ * with no provider — the default `ModalPortalContext` value is `null`) renders through RN's own
+ * `<Modal>`, byte-identical to before this mechanism existed.
+ */
+import type { ReactNode } from "react";
+import type { ModalSize } from "./Modal.variants";
+export interface ModalProps {
+    visible: boolean;
+    onRequestClose: () => void;
+    title?: string;
+    children: ReactNode;
+    size?: ModalSize;
+    testID?: string;
+}
+export declare const Modal: import("react").NamedExoticComponent<ModalProps>;
+//# sourceMappingURL=Modal.d.ts.map

package/lib/typescript/modules/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/modules/modal/Modal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAOD,eAAO,MAAM,KAAK,kDAsEhB,CAAC"}

package/lib/typescript/modules/modal/Modal.variants.d.ts

@@ -0,0 +1,72 @@
+/**
+ * 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 type { RoleColors, Theme } from "../../theme";
+export type ModalSize = "sm" | "md" | "lg";
+export interface ModalSizeSpec {
+    /** Panel max width in dp — a screen narrower than this still shrinks it via `width: "100%"`. */
+    readonly maxWidth: number;
+}
+/**
+ * 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 declare const MODAL_SIZES: {
+    readonly sm: {
+        readonly maxWidth: 384;
+    };
+    readonly md: {
+        readonly maxWidth: 448;
+    };
+    readonly lg: {
+        readonly maxWidth: 512;
+    };
+};
+export interface ModalPanelColors {
+    /** Panel fill. */
+    readonly background: string;
+    /** Title label on `background` — measured ≥ 4.5:1 for every brand × mode. */
+    readonly title: string;
+}
+/**
+ * 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 declare function resolveModalPanelColors(colors: RoleColors): ModalPanelColors;
+export type ModalAnimationType = "fade" | "none";
+/** WCAG 2.3.3 — the fade is replaced by an instant appearance when the OS has reduced motion on. */
+export declare function resolveModalAnimationType(reducedMotion: boolean): ModalAnimationType;
+/**
+ * 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 declare const modalOverlayStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+/**
+ * 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 declare const modalPanelStructure: import("../../core/style").ThemedVariantResolver<Theme, {
+    size: {
+        sm: {
+            maxWidth: 384;
+        };
+        md: {
+            maxWidth: 448;
+        };
+        lg: {
+            maxWidth: 512;
+        };
+    };
+}, import("react-native").ViewStyle>;
+//# sourceMappingURL=Modal.variants.d.ts.map

package/lib/typescript/modules/modal/Modal.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.variants.d.ts","sourceRoot":"","sources":["../../../../src/modules/modal/Modal.variants.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAIrD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC5B,gGAAgG;IAChG,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;CAI6B,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB;IAClB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,6EAA6E;IAC7E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,UAAU,GAAG,gBAAgB,CAK5E;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjD,oGAAoG;AACpG,wBAAgB,yBAAyB,CAAC,aAAa,EAAE,OAAO,GAAG,kBAAkB,CAEpF;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,uKAO/B,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;oCAgB7B,CAAC"}

package/lib/typescript/modules/modal/ModalPortalContext.d.ts

@@ -0,0 +1,2 @@
+export declare const ModalPortalContext: import("react").Context<unknown>;
+//# sourceMappingURL=ModalPortalContext.d.ts.map

package/lib/typescript/modules/modal/ModalPortalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPortalContext.d.ts","sourceRoot":"","sources":["../../../../src/modules/modal/ModalPortalContext.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,kBAAkB,kCAA+B,CAAC"}

package/lib/typescript/modules/modal/ModalPortalProvider.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+export interface ModalPortalProviderProps {
+    /**
+     * The DOM node `Modal` / `AlertDialog` / `Select` / `Menu` should portal their overlay content
+     * into, on web only. Typically a ref'd `View`'s underlying DOM node — `react-native-web` forwards
+     * a `View`'s ref to the real element, so a callback ref (`ref={setNode}`) into `useState` gives a
+     * value this prop can take directly. Pass `null` (or omit this provider) to fall back to the
+     * default — `react-native-web`'s own full-viewport `document.body` portal.
+     */
+    container: unknown;
+    children: ReactNode;
+}
+/**
+ * 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 declare const ModalPortalProvider: import("react").NamedExoticComponent<ModalPortalProviderProps>;
+//# sourceMappingURL=ModalPortalProvider.d.ts.map

package/lib/typescript/modules/modal/ModalPortalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPortalProvider.d.ts","sourceRoot":"","sources":["../../../../src/modules/modal/ModalPortalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,wBAAwB;IACvC;;;;;;OAMG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,gEAK9B,CAAC"}

package/lib/typescript/modules/modal/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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";
+export type { ModalProps } from "./Modal";
+export type { ModalSize } from "./Modal.variants";
+export { ModalPortalProvider } from "./ModalPortalProvider";
+export type { ModalPortalProviderProps } from "./ModalPortalProvider";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/modal/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/typescript/modules/modal/renderWebPortal.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+/**
+ * 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 declare function renderWebPortal(_children: ReactNode, _container: unknown): ReactNode;
+//# sourceMappingURL=renderWebPortal.d.ts.map

package/lib/typescript/modules/modal/renderWebPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderWebPortal.d.ts","sourceRoot":"","sources":["../../../../src/modules/modal/renderWebPortal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,GAAG,SAAS,CAEpF"}

package/lib/typescript/modules/modal/renderWebPortal.web.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+/**
+ * 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 declare function renderWebPortal(children: ReactNode, container: unknown): ReactNode;
+//# sourceMappingURL=renderWebPortal.web.d.ts.map

package/lib/typescript/modules/modal/renderWebPortal.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderWebPortal.web.d.ts","sourceRoot":"","sources":["../../../../src/modules/modal/renderWebPortal.web.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,CAGlF"}

package/lib/typescript/modules/multi-select/MultiSelect.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 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 type { LayoutStyle } from "../../core/style";
+import type { MultiSelectSize } from "./MultiSelect.variants";
+export interface MultiSelectOption {
+    readonly label: string;
+    readonly value: string;
+}
+export interface MultiSelectProps {
+    options: MultiSelectOption[];
+    values: string[];
+    onValuesChange: (values: string[]) => void;
+    placeholder?: string;
+    label?: string;
+    disabled?: boolean;
+    size?: MultiSelectSize;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+export declare const MultiSelect: import("react").NamedExoticComponent<MultiSelectProps>;
+//# sourceMappingURL=MultiSelect.d.ts.map

package/lib/typescript/modules/multi-select/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/modules/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAOH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAqBpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,8FAA8F;IAC9F,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAOD,eAAO,MAAM,WAAW,wDA0LtB,CAAC"}

package/lib/typescript/modules/multi-select/MultiSelect.variants.d.ts

@@ -0,0 +1,149 @@
+/**
+ * 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 type { RoleColors, Theme } from "../../theme";
+export type MultiSelectSize = "sm" | "md" | "lg";
+/** Same touch-target floor as Button/Select (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
+export declare const MIN_TOUCH_TARGET = 44;
+export interface MultiSelectSizeSpec {
+    /** Visual trigger height in dp. */
+    readonly height: number;
+    /** Displayed value / placeholder text size, on the theme's `fontSizes` scale. */
+    readonly fontSize: number;
+    /** Chevron glyph size in dp. */
+    readonly iconSize: number;
+    /** Symmetric touch expansion so `height + 2·hitSlop ≥ 44`. */
+    readonly hitSlop: number;
+}
+export declare const MULTI_SELECT_SIZES: {
+    readonly sm: {
+        readonly height: 32;
+        readonly fontSize: 14;
+        readonly iconSize: 16;
+        readonly hitSlop: number;
+    };
+    readonly md: {
+        readonly height: 40;
+        readonly fontSize: 16;
+        readonly iconSize: 18;
+        readonly hitSlop: number;
+    };
+    readonly lg: {
+        readonly height: 48;
+        readonly fontSize: 18;
+        readonly iconSize: 20;
+        readonly hitSlop: number;
+    };
+};
+/** Minimum height for an option row — a list item is still an interactive target (WCAG 2.5.8). */
+export declare 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 declare const MULTI_SELECT_ROW_INDICATOR_SIZE = 20;
+/** The "check" glyph inside a checked row's indicator box. */
+export declare const MULTI_SELECT_ROW_ICON_SIZE = 14;
+/** The sheet header's close ("x") button — a fixed-size icon-only control, not caller-configurable. */
+export declare const MULTI_SELECT_CLOSE_BUTTON_SIZE = 24;
+export declare const MULTI_SELECT_CLOSE_ICON_SIZE = 16;
+export declare const MULTI_SELECT_CLOSE_BUTTON_HIT_SLOP: number;
+export interface MultiSelectTriggerColors {
+    /** Trigger fill — the same surface an Input/Select box sits on. */
+    readonly background: string;
+    /** Boundary colour: the neutral interactive outline at rest, `border.focus` while focused/open. */
+    readonly border: string;
+    /** Colour for the single-selected-label / "N selected" summary text. */
+    readonly text: string;
+    /** Colour for the placeholder (no value selected yet). */
+    readonly placeholder: string;
+    /** Chevron colour. */
+    readonly icon: string;
+}
+/**
+ * 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 declare function resolveMultiSelectTriggerColors(colors: RoleColors, focused: boolean): MultiSelectTriggerColors;
+export interface MultiSelectRowColors {
+    /** Row fill — the sheet's own surface. Kept constant across selection, same reasoning as
+     *  `Select`'s rows: `bg.selected` is not proven ≥ 4.5:1 against `fg.default` on every brand
+     *  (measured: fails on radiant/rosewood light). Selection is conveyed by the indicator box +
+     *  `accessibilityState.checked`, never by a row background swap. */
+    readonly background: string;
+    /** Option label colour, and the header close-button icon's colour (same tested pairing). */
+    readonly text: string;
+    /** Unchecked indicator boundary (WCAG 1.4.11 ≥ 3:1 against the row fill, every brand). */
+    readonly indicatorBorder: string;
+    /** Checked indicator fill — also its own boundary against the row fill (≥ 3:1). */
+    readonly indicatorFill: string;
+    /** Check glyph on `indicatorFill` — the derived on-colour (≥ 3:1 non-text; measured, never
+     *  assumed), same role pairing `Checkbox` uses. */
+    readonly indicatorIcon: string;
+}
+export declare function resolveMultiSelectRowColors(colors: RoleColors): MultiSelectRowColors;
+export interface MultiSelectAccessibilityInput {
+    readonly disabled?: boolean | undefined;
+    readonly open: boolean;
+}
+export interface MultiSelectAccessibilityProps {
+    readonly accessibilityRole: "button";
+    readonly accessibilityState: {
+        readonly disabled: boolean;
+        readonly expanded: boolean;
+    };
+    /** The `Pressable disabled` prop — blocks opening the sheet while disabled. */
+    readonly disabled: boolean;
+}
+/**
+ * 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 declare function resolveMultiSelectAccessibility(input: MultiSelectAccessibilityInput): MultiSelectAccessibilityProps;
+/**
+ * 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 declare const multiSelectTriggerStructure: import("../../core/style").ThemedVariantResolver<Theme, {
+    size: {
+        sm: {
+            height: 32;
+            paddingHorizontal: 12;
+        };
+        md: {
+            height: 40;
+            paddingHorizontal: 16;
+        };
+        lg: {
+            height: 48;
+            paddingHorizontal: 24;
+        };
+    };
+}, import("react-native").ViewStyle>;
+/** 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 declare const multiSelectOverlayStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+export declare const multiSelectSheetStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+/** The header row hosting the close button, right-aligned. */
+export declare const multiSelectHeaderStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+export declare const multiSelectCloseButtonStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+export declare const multiSelectRowStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+/** 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 declare const multiSelectRowIndicatorStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+//# sourceMappingURL=MultiSelect.variants.d.ts.map

package/lib/typescript/modules/multi-select/MultiSelect.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.variants.d.ts","sourceRoot":"","sources":["../../../../src/modules/multi-select/MultiSelect.variants.ts"],"names":[],"mappings":"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"}

package/lib/typescript/modules/multi-select/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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";
+export type { MultiSelectProps, MultiSelectOption } from "./MultiSelect";
+export type { MultiSelectSize } from "./MultiSelect.variants";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/multi-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/multi-select/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEzE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/typescript/modules/number-input/NumberInput.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 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 type { LayoutStyle } from "../../core/style";
+import type { NumberInputSize, NumberInputStatus } from "./NumberInput.variants";
+export interface NumberInputProps {
+    value: number;
+    onValueChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    /** Amount the steppers add/subtract. Typed input is clamped to [min, max] but not snapped to step. */
+    step?: number;
+    size?: NumberInputSize;
+    status?: NumberInputStatus;
+    disabled?: boolean;
+    /** Rendered above the field. Also becomes `accessibilityLabel` unless one is passed explicitly. */
+    label?: string;
+    /** Overrides the label→`accessibilityLabel` fallback. */
+    accessibilityLabel?: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+export declare const NumberInput: import("react").NamedExoticComponent<NumberInputProps>;
+//# sourceMappingURL=NumberInput.d.ts.map

package/lib/typescript/modules/number-input/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/modules/number-input/NumberInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAMH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAgBpD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEjF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sGAAsG;IACtG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8FAA8F;IAC9F,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA2BD,eAAO,MAAM,WAAW,wDAuMtB,CAAC"}