pixelize-native-library 1.2.1 → 1.3.0

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

@@ -30,15 +30,7 @@
  * two Escape listeners and two competing traps. The portal branch renders no `<RNModal>` at all,
  * which is where all three silently went missing.
  */
-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;
-}
+import type { ModalProps } from "./ModalProps";
+export type { ModalProps } from "./ModalProps";
 export declare const Modal: import("react").NamedExoticComponent<ModalProps>;
 //# sourceMappingURL=Modal.d.ts.map

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

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

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

@@ -1,15 +1,5 @@
-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;
-}
+import type { ModalPortalProviderProps } from "./ModalPortalProviderProps";
+export type { ModalPortalProviderProps } from "./ModalPortalProviderProps";
 /**
  * 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`

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

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+/** Hosts modals at the app root so they escape a parent's clipping. */
+export interface ModalPortalProviderProps {
+    /** Web-only: DOM node overlays portal into; omit to use the default full-viewport portal. */
+    container: unknown;
+    children: ReactNode;
+}
+//# sourceMappingURL=ModalPortalProviderProps.d.ts.map

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

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+import type { ModalSize } from "./Modal.variants";
+/** The library's own dialog, built on React Native's Modal. */
+export interface ModalProps {
+    visible: boolean;
+    /** Fires from the backdrop press, Android back button, or iOS VoiceOver's escape gesture. */
+    onRequestClose: () => void;
+    title?: string;
+    /** Muted line under the title. */
+    subtitle?: string;
+    children: ReactNode;
+    /** Actions row below body content (e.g. Cancel / Save). */
+    footer?: ReactNode;
+    /** Shows a veil over the panel that blocks all interaction while true. */
+    isLoading?: boolean;
+    /** When false, renders an explicit close control in the header. Default hides it. */
+    hideCloseButton?: boolean;
+    /** Defaults to "md". */
+    size?: ModalSize;
+    testID?: string;
+}
+//# sourceMappingURL=ModalProps.d.ts.map

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

@@ -9,8 +9,8 @@
  * the provider, never by reading the context directly.
  */
 export { Modal } from "./Modal";
-export type { ModalProps } from "./Modal";
+export type { ModalProps } from "./ModalProps";
 export type { ModalSize } from "./Modal.variants";
 export { ModalPortalProvider } from "./ModalPortalProvider";
-export type { ModalPortalProviderProps } from "./ModalPortalProvider";
+export type { ModalPortalProviderProps } from "./ModalPortalProviderProps";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,15 +1,2 @@
-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;
+export { renderWebPortal } from "../../core/overlay/renderWebPortal";
 //# sourceMappingURL=renderWebPortal.d.ts.map

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

@@ -1,19 +1,2 @@
-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;
+export { renderWebPortal } from "../../core/overlay/renderWebPortal.web";
 //# sourceMappingURL=renderWebPortal.web.d.ts.map

package/lib/typescript/modules/more-items/MoreItems.d.ts

@@ -1,15 +1,7 @@
 /**
  * MoreItems — "+N more" overflow affordance opening a sheet of hidden items (avatars, tags, etc.).
  */
-import type { LayoutStyle } from "../../core/style";
-import type { MoreItemsEntry } from "./MoreItems.variants";
-export interface MoreItemsProps {
-    items: readonly MoreItemsEntry[];
-    moreCount?: number;
-    triggerText?: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { MoreItemsProps } from "./MoreItemsProps";
+export type { MoreItemsProps } from "./MoreItemsProps";
 export declare const MoreItems: import("react").NamedExoticComponent<MoreItemsProps>;
 //# sourceMappingURL=MoreItems.d.ts.map

package/lib/typescript/modules/more-items/MoreItems.variants.d.ts

@@ -1,10 +1,13 @@
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
 import type { BadgeTone } from "../badge/Badge.variants";
 export interface MoreItemsEntry {
     readonly id: string;
     readonly label: string;
+    /** Colors the row's tone dot; defaults to "accent". */
     readonly tone?: BadgeTone;
 }
+export { MIN_TOUCH_TARGET };
 export declare function resolveMoreItemsCount(moreCount: number | undefined, itemsLength: number): number;
 /** Tone dot beside each overflow label. */
 export declare const MORE_ITEMS_DOT_SIZE = 8;
@@ -16,7 +19,6 @@ export declare const MORE_ITEMS_SHEET_MAX_HEIGHT = 280;
  * neighbouring target to overlap, and a slop-expanded rectangle would still leave a ~22dp visual
  * control that misses under an unsteady finger.
  */
-export declare const MIN_TOUCH_TARGET = 44;
 export declare const moreItemsTriggerStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
 /** The trigger's animated layer: press motion moves the content, never the outer layout box. */
 export declare const moreItemsTriggerContentStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;

package/lib/typescript/modules/more-items/MoreItemsProps.d.ts

@@ -0,0 +1,14 @@
+import type { LayoutStyle } from "../../core/style";
+import type { MoreItemsEntry } from "./MoreItems.variants";
+/** A "+N more" overflow affordance. */
+export interface MoreItemsProps {
+    items: readonly MoreItemsEntry[];
+    /** Defaults to `items.length` — override when `items` holds only the overflow set. */
+    moreCount?: number;
+    /** Rendered before the "+N more" badge; shown alone (or nothing) once nothing overflows. */
+    triggerText?: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=MoreItemsProps.d.ts.map

package/lib/typescript/modules/more-items/index.d.ts

@@ -1,4 +1,4 @@
 export { MoreItems } from "./MoreItems";
-export type { MoreItemsProps } from "./MoreItems";
+export type { MoreItemsProps } from "./MoreItemsProps";
 export type { MoreItemsEntry } from "./MoreItems.variants";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,24 +1,6 @@
 /**
  * MultiSelect — a trigger styled like Select/Input that opens a checkbox-style option list.
  */
-import type { ReactNode } from "react";
-import type { LayoutStyle } from "../../core/style";
-import type { MultiSelectSize } from "./MultiSelect.variants";
-export interface MultiSelectOption {
-    readonly label: string;
-    readonly value: string;
-    readonly leading?: ReactNode;
-}
-export interface MultiSelectProps {
-    options: MultiSelectOption[];
-    values: string[];
-    onValuesChange: (values: string[]) => void;
-    placeholder?: string;
-    label?: string;
-    disabled?: boolean;
-    size?: MultiSelectSize;
-    containerStyle?: LayoutStyle;
-    testID?: string;
-}
+import type { MultiSelectProps } from "./MultiSelectProps";
 export declare const MultiSelect: import("react").NamedExoticComponent<MultiSelectProps>;
 //# sourceMappingURL=MultiSelect.d.ts.map

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

@@ -15,11 +15,12 @@
  * 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 { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { AccessibilityRole } from "react-native";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 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;

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

@@ -0,0 +1,29 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+import type { InputStatus } from "../input/Input.variants";
+import type { MultiSelectSize } from "./MultiSelect.variants";
+/** One selectable row in a MultiSelect's list. */
+export interface MultiSelectOption {
+    readonly label: string;
+    readonly value: string;
+    /** Rendered before the label, e.g. an icon. */
+    readonly leading?: ReactNode;
+}
+/** Trigger + sheet that lets a user pick multiple options from a list. */
+export interface MultiSelectProps {
+    options: MultiSelectOption[];
+    values: string[];
+    onValuesChange: (values: string[]) => void;
+    /** Shown in the trigger when no options are selected. */
+    placeholder?: string;
+    label?: string;
+    status?: InputStatus;
+    /** Only rendered when `status` is `"error"`. */
+    errorText?: string;
+    disabled?: boolean;
+    size?: MultiSelectSize;
+    /** Applied last in the root style array, after the container's own layout. */
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=MultiSelectProps.d.ts.map

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

@@ -5,6 +5,6 @@
  * internals.
  */
 export { MultiSelect } from "./MultiSelect";
-export type { MultiSelectProps, MultiSelectOption } from "./MultiSelect";
+export type { MultiSelectProps, MultiSelectOption } from "./MultiSelectProps";
 export type { MultiSelectSize } from "./MultiSelect.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/notification-bell/NotificationBell.d.ts

@@ -0,0 +1,3 @@
+import type { NotificationBellProps } from "./NotificationBellProps";
+export declare const NotificationBell: import("react").NamedExoticComponent<NotificationBellProps>;
+//# sourceMappingURL=NotificationBell.d.ts.map

package/lib/typescript/modules/notification-bell/NotificationBellProps.d.ts

@@ -0,0 +1,10 @@
+import type { LayoutStyle } from "../../core/style";
+/** Header bell with optional unread count badge. */
+export interface NotificationBellProps {
+    /** Defaults to 0; the badge renders only when greater than 0. */
+    unreadCount?: number;
+    onPress: () => void;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=NotificationBellProps.d.ts.map

package/lib/typescript/modules/notification-bell/index.d.ts

@@ -0,0 +1,3 @@
+export { NotificationBell } from "./NotificationBell";
+export type { NotificationBellProps } from "./NotificationBellProps";
+//# sourceMappingURL=index.d.ts.map

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

@@ -10,31 +10,6 @@
  * `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;
-    /**
-     * The validity message. Shown below the field and folded into the accessible name when `status`
-     * is `"error"` — same prop name and rule as `Input`/`FormField`. Without it an error is a red
-     * border and nothing else, which no screen-reader or colour-blind user can perceive.
-     */
-    errorText?: 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;
-}
+import type { NumberInputProps } from "./NumberInputProps";
 export declare const NumberInput: import("react").NamedExoticComponent<NumberInputProps>;
 //# sourceMappingURL=NumberInput.d.ts.map

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

@@ -13,13 +13,12 @@
  * Free of `lucide` and of any React tree, so the WCAG + behaviour tests import it directly (mocking
  * only `react-native`'s `StyleSheet`, as `core/style` does).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type NumberInputSize = "sm" | "md" | "lg";
 /** A state, not a brand tone — same reasoning as Input's `status`. */
 export type NumberInputStatus = "default" | "error";
-/** Same floor as Button/Input/Select — 44dp (WCAG 2.5.5 / HIG). Duplicated, not imported: modules
- *  stay isolated. */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface NumberInputSizeSpec {
     /** Visual row/stepper height in dp. Stepper buttons are square: width === height. */
     readonly height: number;

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

@@ -0,0 +1,23 @@
+import type { LayoutStyle } from "../../core/style";
+import type { NumberInputSize, NumberInputStatus } from "./NumberInput.variants";
+/** Numeric field with +/- steppers; typed values are clamped to [min, max]. */
+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;
+    /** Shown below the field and read aloud when `status` is "error". */
+    errorText?: string;
+    /** Overrides the label→`accessibilityLabel` fallback. */
+    accessibilityLabel?: string;
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=NumberInputProps.d.ts.map

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

@@ -6,6 +6,6 @@
  * `icon` prop and nothing to re-export from `core/icon`.
  */
 export { NumberInput } from "./NumberInput";
-export type { NumberInputProps } from "./NumberInput";
+export type { NumberInputProps } from "./NumberInputProps";
 export type { NumberInputSize, NumberInputStatus } from "./NumberInput.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/org-switcher/OrgSwitcher.d.ts

@@ -16,29 +16,6 @@
  * `Modal` is imported directly from `"react-native"`, and the web-portal branch mirrors `Select`'s
  * — see that file's header for why both are deliberate.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { OrgSwitcherSize } from "./OrgSwitcher.variants";
-export interface OrgSwitcherOption {
-    readonly value: string;
-    readonly label: string;
-    /** The user's role in this org, shown as a second line under the name. */
-    readonly role?: string;
-    /** A remote logo/avatar image. Wins over `avatarInitials` when present. */
-    readonly avatarSource?: {
-        uri: string;
-    };
-    /** Falls back to initials derived from `label` when omitted. */
-    readonly avatarInitials?: string;
-}
-export interface OrgSwitcherProps {
-    options: OrgSwitcherOption[];
-    value?: string;
-    onValueChange: (value: string) => void;
-    placeholder?: string;
-    size?: OrgSwitcherSize;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    containerStyle?: LayoutStyle;
-    testID?: string;
-}
+import type { OrgSwitcherProps } from "./OrgSwitcherProps";
 export declare const OrgSwitcher: import("react").NamedExoticComponent<OrgSwitcherProps>;
 //# sourceMappingURL=OrgSwitcher.d.ts.map

package/lib/typescript/modules/org-switcher/OrgSwitcher.variants.d.ts

@@ -15,11 +15,12 @@
  * 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 { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
 import type { AvatarSize } from "../avatar";
+export { MIN_TOUCH_TARGET };
 export type OrgSwitcherSize = "sm" | "md" | "lg";
 /** Same touch-target floor as Button (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface OrgSwitcherSizeSpec {
     /** Visual trigger height in dp. */
     readonly height: number;

package/lib/typescript/modules/org-switcher/OrgSwitcherProps.d.ts

@@ -0,0 +1,29 @@
+import type { LayoutStyle } from "../../core/style";
+import type { OrgSwitcherSize } from "./OrgSwitcher.variants";
+/** One org entry in the switcher sheet. */
+export interface OrgSwitcherOption {
+    readonly value: string;
+    readonly label: string;
+    /** The user's role in this org, shown as a second line under the name. */
+    readonly role?: string;
+    /** A remote logo/avatar image. Wins over `avatarInitials` when present. */
+    readonly avatarSource?: {
+        uri: string;
+    };
+    /** Falls back to initials derived from `label` when omitted. */
+    readonly avatarInitials?: string;
+}
+/** Trigger + sheet for switching between orgs. Renders nothing when `options.length <= 1`. */
+export interface OrgSwitcherProps {
+    options: OrgSwitcherOption[];
+    value?: string;
+    onValueChange: (value: string) => void;
+    /** Shown on the trigger when `value` matches no option. Defaults to "Select organization". */
+    placeholder?: string;
+    /** Defaults to "md". */
+    size?: OrgSwitcherSize;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=OrgSwitcherProps.d.ts.map

package/lib/typescript/modules/org-switcher/index.d.ts

@@ -3,6 +3,6 @@
  * split for `verbatimModuleSyntax`.
  */
 export { OrgSwitcher } from "./OrgSwitcher";
-export type { OrgSwitcherProps, OrgSwitcherOption } from "./OrgSwitcher";
+export type { OrgSwitcherProps, OrgSwitcherOption } from "./OrgSwitcherProps";
 export type { OrgSwitcherSize } from "./OrgSwitcher.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/pagination/Pagination.d.ts

@@ -13,32 +13,7 @@
  * (`core/motion`). The `numbered` strip is deliberately static — it is a row of controls, and
  * animating each one on every page change is noise, not feedback.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { PaginationSize, PaginationVariant } from "./Pagination.variants";
-export interface PaginationProps {
-    /** The current page, 1-indexed. Out-of-bounds values clamp — they never throw or blank the strip. */
-    page: number;
-    /** Total pages. `0` renders nothing (there is nothing to paginate). Ignored by `loadMore`. */
-    pageCount: number;
-    onPageChange: (page: number) => void;
-    variant?: PaginationVariant;
-    /** Pages shown either side of the current one. `numbered` only. */
-    siblingCount?: number;
-    /** Adds jump-to-first / jump-to-last controls. `numbered` and `compact`. */
-    showFirstLast?: boolean;
-    disabled?: boolean;
-    /** Blocks every control and announces `busy`; in `loadMore` it also swaps in a spinner. */
-    loading?: boolean;
-    /** Required by `variant="loadMore"`. */
-    onLoadMore?: () => void;
-    /** Required by `variant="loadMore"` — `false` renders nothing once no page is in flight. */
-    hasMore?: boolean;
-    loadMoreLabel?: string;
-    size?: PaginationSize;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { PaginationProps } from "./PaginationProps";
 declare function PaginationImpl({ page, pageCount, onPageChange, variant, siblingCount, showFirstLast, disabled, loading, onLoadMore, hasMore, loadMoreLabel, size, style, testID, }: PaginationProps): import("react").JSX.Element | null;
 export declare const Pagination: import("react").MemoExoticComponent<typeof PaginationImpl>;
 export {};

package/lib/typescript/modules/pagination/Pagination.variants.d.ts

@@ -13,13 +13,14 @@
  * Free of React, `lucide`, and any native import, so the WCAG + logic tests import it directly
  * (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type PaginationVariant = "numbered" | "compact" | "loadMore";
 export type PaginationSize = "sm" | "md";
 /** One slot in the numbered strip: a page number, or a gap marker standing in for a run of pages. */
 export type PageItem = number | "ellipsis";
 /** Same touch-target floor as Button/ButtonGroup (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
-export declare const MIN_TOUCH_TARGET = 44;
 /**
  * The WIDTH-axis touch floor, met by the rendered node itself rather than by horizontal `hitSlop` —
  * see `resolvePaginationHitSlop` for why this control can never expand sideways.

package/lib/typescript/modules/pagination/PaginationProps.d.ts

@@ -0,0 +1,28 @@
+import type { LayoutStyle } from "../../core/style";
+import type { PaginationSize, PaginationVariant } from "./Pagination.variants";
+/** Page navigation in three shapes: "numbered", "compact", or "loadMore". */
+export interface PaginationProps {
+    /** 1-indexed. Out-of-bounds values clamp instead of throwing or blanking the strip. */
+    page: number;
+    /** Total pages. `0` renders nothing (there is nothing to paginate). Ignored by `loadMore`. */
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    variant?: PaginationVariant;
+    /** Pages shown either side of the current one. `numbered` only. */
+    siblingCount?: number;
+    /** Adds jump-to-first / jump-to-last controls. `numbered` and `compact`. */
+    showFirstLast?: boolean;
+    disabled?: boolean;
+    /** Blocks every control and announces `busy`; in `loadMore` it also swaps in a spinner. */
+    loading?: boolean;
+    /** Required by `variant="loadMore"`. */
+    onLoadMore?: () => void;
+    /** Required by `variant="loadMore"` — `false` renders nothing once no page is in flight. */
+    hasMore?: boolean;
+    loadMoreLabel?: string;
+    size?: PaginationSize;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=PaginationProps.d.ts.map

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

@@ -8,7 +8,7 @@
  * a pager it draws itself.
  */
 export { Pagination } from "./Pagination";
-export type { PaginationProps } from "./Pagination";
+export type { PaginationProps } from "./PaginationProps";
 export { buildPageRange, clampPage } from "./Pagination.variants";
 export type { PageItem, PaginationSize, PaginationVariant } from "./Pagination.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/person-chip/PersonChip.d.ts

@@ -0,0 +1,3 @@
+import type { PersonChipProps } from "./PersonChipProps";
+export declare const PersonChip: import("react").NamedExoticComponent<PersonChipProps>;
+//# sourceMappingURL=PersonChip.d.ts.map

package/lib/typescript/modules/person-chip/PersonChipProps.d.ts

@@ -0,0 +1,17 @@
+import type { LayoutStyle } from "../../core/style";
+/** Avatar + name chip with optional remove control. */
+export interface PersonChipProps {
+    name: string;
+    /** Secondary line (email, role, …). Ignored when `onRemove` is set — `Chip` is single-line. */
+    subtitle?: string;
+    /** Initials when no `imageUri`. */
+    initials?: string;
+    imageUri?: string;
+    /** Shows a remove affordance when set. */
+    onRemove?: () => void;
+    /** Defaults to "md". */
+    size?: "sm" | "md";
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=PersonChipProps.d.ts.map

package/lib/typescript/modules/person-chip/index.d.ts

@@ -0,0 +1,3 @@
+export { PersonChip } from "./PersonChip";
+export type { PersonChipProps } from "./PersonChipProps";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/pin-input/PinInput.d.ts

@@ -10,37 +10,6 @@
  * not per-box targets — tapping ANY box focuses the same underlying field, so splitting the target
  * per box would just be N ways to trigger the identical action.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { PinInputKeyboardType, PinInputSize, PinInputStatus } from "./PinInput.variants";
-export interface PinInputProps {
-    /** Number of boxes / max code length. */
-    length?: number;
-    value: string;
-    onValueChange: (value: string) => void;
-    /** Fires once per completion — when `value.length` reaches `length` on a CHANGE, never on every re-render while already full. */
-    onComplete?: (value: string) => void;
-    /**
-     * Renders a dot instead of the character per box — the masking concept `Input`'s `secureTextEntry`
-     * uses. Also forwarded to the real hidden `TextInput` (so OS-level secure-input behaviour engages)
-     * and masks the announced `accessibilityValue` — a screen reader must never speak the raw digits.
-     */
-    secureTextEntry?: boolean;
-    keyboardType?: PinInputKeyboardType;
-    status?: PinInputStatus;
-    /**
-     * The validity message. Shown below the row and folded into the field's accessible name when
-     * `status` is `"error"` — same prop name and same rule as `Input`/`FormField`. Without it an
-     * error is a red border and nothing else, which no screen-reader or colour-blind user can perceive.
-     */
-    errorText?: string;
-    disabled?: boolean;
-    size?: PinInputSize;
-    autoFocus?: boolean;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-    /** REQUIRED — this is effectively one field with no visible text label (e.g. "6-digit verification code"). */
-    accessibilityLabel: string;
-}
+import type { PinInputProps } from "./PinInputProps";
 export declare const PinInput: import("react").NamedExoticComponent<PinInputProps>;
 //# sourceMappingURL=PinInput.d.ts.map