pixelize-native-library 1.2.0 → 1.3.0

package/lib/typescript/modules/list-item/ListItem.d.ts

@@ -1,21 +1,7 @@
 /**
- * ListItem — a row primitive. It is rendered AS a list cell at scale, so it carries no mount
- * animation and no loop: the only motion is `usePressMotion`, which starts on touch and runs on the
- * native driver. The pressable root is an animated `Pressable` rather than an `Animated.View`
- * wrapper so a 5000-row list pays for no extra node.
+ * ListItem — a row primitive. Press feedback uses `usePressState` (scale + state-layer overlay).
  */
-import type { ReactNode } from "react";
-import type { LayoutStyle } from "../../core/style";
-export interface ListItemProps {
-    leading?: ReactNode;
-    title: string;
-    subtitle?: string;
-    trailing?: ReactNode;
-    unread?: boolean;
-    onPress?: () => void;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { ListItemProps } from "./ListItemProps";
+export type { ListItemProps } from "./ListItemProps";
 export declare const ListItem: import("react").NamedExoticComponent<ListItemProps>;
 //# sourceMappingURL=ListItem.d.ts.map

package/lib/typescript/modules/list-item/ListItem.variants.d.ts

@@ -4,7 +4,7 @@
  */
 import type { RoleColors, Theme } from "../../theme/hooks";
 export declare const LIST_ITEM_DOT_SIZE = 8;
-export declare const LIST_ITEM_MIN_HEIGHT = 44;
+export declare const LIST_ITEM_MIN_HEIGHT = 56;
 export interface ListItemColors {
     /** `undefined` for a read row — the row stays transparent over whatever list background hosts it. */
     readonly background: string | undefined;
@@ -25,5 +25,141 @@ export interface ListItemAccessibilityProps {
 export declare function resolveListItemAccessibility(input: ListItemAccessibilityInput): ListItemAccessibilityProps;
 export declare const listItemStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
 export declare const listItemBodyStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+export declare function listItemRaisedStyle(theme: Theme): {
+    backfaceVisibility?: "visible" | "hidden" | undefined;
+    backgroundColor: import("react-native").ColorValue;
+    borderBlockColor?: import("react-native").ColorValue | undefined;
+    borderBlockEndColor?: import("react-native").ColorValue | undefined;
+    borderBlockStartColor?: import("react-native").ColorValue | undefined;
+    borderBottomColor?: import("react-native").ColorValue | undefined;
+    borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderColor?: import("react-native").ColorValue | undefined;
+    borderCurve?: "circular" | "continuous" | undefined;
+    borderEndColor?: import("react-native").ColorValue | undefined;
+    borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderLeftColor?: import("react-native").ColorValue | undefined;
+    borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderRightColor?: import("react-native").ColorValue | undefined;
+    borderStartColor?: import("react-native").ColorValue | undefined;
+    borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+    borderTopColor?: import("react-native").ColorValue | undefined;
+    borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    outlineColor?: import("react-native").ColorValue | undefined;
+    outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
+    outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+    outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
+    opacity?: import("react-native").AnimatableNumericValue | undefined;
+    elevation?: number | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+    isolation?: "auto" | "isolate" | undefined;
+    cursor?: import("react-native").CursorValue | undefined;
+    boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
+    filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
+    mixBlendMode?: import("react-native").BlendMode | undefined;
+    experimental_backgroundImage?: ReadonlyArray<import("react-native").BackgroundImageValue> | string | undefined;
+    experimental_backgroundSize?: ReadonlyArray<import("react-native").BackgroundSizeValue> | string | undefined;
+    experimental_backgroundPosition?: ReadonlyArray<import("react-native").BackgroundPositionValue> | string | undefined;
+    experimental_backgroundRepeat?: ReadonlyArray<import("react-native").BackgroundRepeatValue> | string | undefined;
+    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+    alignItems?: import("react-native").FlexAlignType | undefined;
+    alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+    aspectRatio?: number | string | undefined;
+    borderBottomWidth?: number | undefined;
+    borderEndWidth?: number | undefined;
+    borderLeftWidth?: number | undefined;
+    borderRightWidth?: number | undefined;
+    borderStartWidth?: number | undefined;
+    borderTopWidth?: number | undefined;
+    borderWidth?: number | undefined;
+    bottom?: import("react-native").DimensionValue | undefined;
+    boxSizing?: "border-box" | "content-box" | undefined;
+    display?: "none" | "flex" | "contents" | undefined;
+    end?: import("react-native").DimensionValue | undefined;
+    flex?: number | undefined;
+    flexBasis?: import("react-native").DimensionValue | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    rowGap?: number | string | undefined;
+    gap?: number | string | undefined;
+    columnGap?: number | string | undefined;
+    flexGrow?: number | undefined;
+    flexShrink?: number | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    height?: import("react-native").DimensionValue | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+    left?: import("react-native").DimensionValue | undefined;
+    margin?: import("react-native").DimensionValue | undefined;
+    marginBottom?: import("react-native").DimensionValue | undefined;
+    marginEnd?: import("react-native").DimensionValue | undefined;
+    marginHorizontal?: import("react-native").DimensionValue | undefined;
+    marginLeft?: import("react-native").DimensionValue | undefined;
+    marginRight?: import("react-native").DimensionValue | undefined;
+    marginStart?: import("react-native").DimensionValue | undefined;
+    marginTop?: import("react-native").DimensionValue | undefined;
+    marginVertical?: import("react-native").DimensionValue | undefined;
+    maxHeight?: import("react-native").DimensionValue | undefined;
+    maxWidth?: import("react-native").DimensionValue | undefined;
+    minHeight?: import("react-native").DimensionValue | undefined;
+    minWidth?: import("react-native").DimensionValue | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | undefined;
+    padding?: import("react-native").DimensionValue | undefined;
+    paddingBottom?: import("react-native").DimensionValue | undefined;
+    paddingEnd?: import("react-native").DimensionValue | undefined;
+    paddingHorizontal?: import("react-native").DimensionValue | undefined;
+    paddingLeft?: import("react-native").DimensionValue | undefined;
+    paddingRight?: import("react-native").DimensionValue | undefined;
+    paddingStart?: import("react-native").DimensionValue | undefined;
+    paddingTop?: import("react-native").DimensionValue | undefined;
+    paddingVertical?: import("react-native").DimensionValue | undefined;
+    position?: "absolute" | "relative" | "static" | undefined;
+    right?: import("react-native").DimensionValue | undefined;
+    start?: import("react-native").DimensionValue | undefined;
+    top?: import("react-native").DimensionValue | undefined;
+    width?: import("react-native").DimensionValue | undefined;
+    zIndex?: number | undefined;
+    direction?: "inherit" | "ltr" | "rtl" | undefined;
+    inset?: import("react-native").DimensionValue | undefined;
+    insetBlock?: import("react-native").DimensionValue | undefined;
+    insetBlockEnd?: import("react-native").DimensionValue | undefined;
+    insetBlockStart?: import("react-native").DimensionValue | undefined;
+    insetInline?: import("react-native").DimensionValue | undefined;
+    insetInlineEnd?: import("react-native").DimensionValue | undefined;
+    insetInlineStart?: import("react-native").DimensionValue | undefined;
+    marginBlock?: import("react-native").DimensionValue | undefined;
+    marginBlockEnd?: import("react-native").DimensionValue | undefined;
+    marginBlockStart?: import("react-native").DimensionValue | undefined;
+    marginInline?: import("react-native").DimensionValue | undefined;
+    marginInlineEnd?: import("react-native").DimensionValue | undefined;
+    marginInlineStart?: import("react-native").DimensionValue | undefined;
+    paddingBlock?: import("react-native").DimensionValue | undefined;
+    paddingBlockEnd?: import("react-native").DimensionValue | undefined;
+    paddingBlockStart?: import("react-native").DimensionValue | undefined;
+    paddingInline?: import("react-native").DimensionValue | undefined;
+    paddingInlineEnd?: import("react-native").DimensionValue | undefined;
+    paddingInlineStart?: import("react-native").DimensionValue | undefined;
+    shadowColor?: import("react-native").ColorValue | undefined;
+    shadowOffset?: Readonly<{
+        width: number;
+        height: number;
+    }> | undefined;
+    shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
+    shadowRadius?: number | undefined;
+    transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
+    transformOrigin?: Array<string | number> | string | undefined;
+    transformMatrix?: Array<number> | undefined;
+    rotation?: import("react-native").AnimatableNumericValue | undefined;
+    scaleX?: import("react-native").AnimatableNumericValue | undefined;
+    scaleY?: import("react-native").AnimatableNumericValue | undefined;
+    translateX?: import("react-native").AnimatableNumericValue | undefined;
+    translateY?: import("react-native").AnimatableNumericValue | undefined;
+};
 export declare const listItemDotStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
 //# sourceMappingURL=ListItem.variants.d.ts.map

package/lib/typescript/modules/list-item/ListItemProps.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+/** A generic pressable row — leading, title, subtitle, trailing, unread state. */
+export interface ListItemProps {
+    leading?: ReactNode;
+    title: string;
+    subtitle?: string;
+    trailing?: ReactNode;
+    /** Adds a dot, tints the background and bolds the title. Defaults to false. */
+    unread?: boolean;
+    /** Makes the row pressable with ripple/scale feedback; omit for a static row. */
+    onPress?: () => void;
+    /** Overrides the label auto-built from `title`/`subtitle`/`unread`. */
+    accessibilityLabel?: string;
+    accessibilityState?: {
+        disabled?: boolean;
+        selected?: boolean;
+    };
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=ListItemProps.d.ts.map

package/lib/typescript/modules/list-item/index.d.ts

@@ -4,5 +4,5 @@
  * through its props, never by importing its internals.
  */
 export { ListItem } from "./ListItem";
-export type { ListItemProps } from "./ListItem";
+export type { ListItemProps } from "./ListItemProps";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/list-screen/ListScreen.d.ts

@@ -0,0 +1,5 @@
+import type { ListScreenProps } from "./ListScreenProps";
+declare function ListScreenInner<T>({ data, renderItem, keyExtractor, itemHeight, refreshing, onRefresh, onEndReached, ListFooterComponent, ListEmptyComponent, appBar, edges, padded, keyboardAvoiding, state, loading, empty, error, style, testID, }: ListScreenProps<T>): import("react").JSX.Element;
+export declare const ListScreen: typeof ListScreenInner;
+export {};
+//# sourceMappingURL=ListScreen.d.ts.map

package/lib/typescript/modules/list-screen/ListScreenProps.d.ts

@@ -0,0 +1,17 @@
+import type { FlatListProps, ListRenderItem } from "react-native";
+import type { ScreenProps } from "../screen/ScreenProps";
+/** `Screen` + virtualized list wiring for standard list pages. */
+export interface ListScreenProps<T> extends Pick<ScreenProps, "appBar" | "edges" | "padded" | "keyboardAvoiding" | "state" | "loading" | "empty" | "error" | "style" | "testID"> {
+    data: readonly T[];
+    renderItem: ListRenderItem<T>;
+    keyExtractor: (item: T, index: number) => string;
+    /** Uniform row height fed to the list's layout calc; omit for variable-height rows. */
+    itemHeight?: number;
+    refreshing?: boolean;
+    onRefresh?: () => void;
+    /** Fires as the list nears the end; the threshold is fixed at 30% from the bottom. */
+    onEndReached?: () => void;
+    ListFooterComponent?: FlatListProps<T>["ListFooterComponent"];
+    ListEmptyComponent?: FlatListProps<T>["ListEmptyComponent"];
+}
+//# sourceMappingURL=ListScreenProps.d.ts.map

package/lib/typescript/modules/list-screen/index.d.ts

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

package/lib/typescript/modules/markdown/Markdown.d.ts

@@ -4,13 +4,13 @@
  * (WCAG 2.4.1). It is also normally embedded in a caller's ScrollView, where a nested
  * VirtualizedList is an error in its own right.
  */
-import type { LayoutStyle } from "../../core/style";
-export interface MarkdownProps {
-    content: string;
-    onLinkPress?: (url: string) => void;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { MarkdownProps } from "./MarkdownProps";
+/**
+ * Safety caps for pathological/misuse input, not windowing (see MODULE.md "Performance") — below
+ * these numbers a document renders exactly as before; above, an affordance mounts the real, full
+ * tree on press, so the WCAG 2.4.1 rotor contract holds once expanded.
+ */
+export declare const MAX_RENDERED_BLOCKS = 300;
+export declare const MAX_LIST_ITEMS = 50;
 export declare const Markdown: import("react").NamedExoticComponent<MarkdownProps>;
 //# sourceMappingURL=Markdown.d.ts.map

package/lib/typescript/modules/markdown/MarkdownProps.d.ts

@@ -0,0 +1,12 @@
+import type { LayoutStyle } from "../../core/style";
+/** Renders a markdown document as native views — full formatting, no HTML. */
+export interface MarkdownProps {
+    /** Documents over 300 blocks render partially, with a button to show the rest. */
+    content: string;
+    /** Without it, links render styled but pressing them does nothing. */
+    onLinkPress?: (url: string) => void;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=MarkdownProps.d.ts.map

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

@@ -4,7 +4,7 @@
  * (e.g. extracting plain text); the style resolvers stay internal.
  */
 export { Markdown } from "./Markdown";
-export type { MarkdownProps } from "./Markdown";
+export type { MarkdownProps } from "./MarkdownProps";
 export { parseMarkdown } from "./parseMarkdown";
 export type { MarkdownBlockNode, MarkdownInlineNode } from "./parseMarkdown";
 //# sourceMappingURL=index.d.ts.map

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

@@ -10,24 +10,7 @@
  * always did), and the global motion system (`core/motion`) owns the sheet's own scale + lift on
  * enter. The sheet is centered rather than anchored (see MODULE.md), so it scales from its centre.
  */
-import type { ReactElement } from "react";
-import type { GestureResponderEvent } from "react-native";
-import type { IconName } from "../../core/icon";
-import type { MenuItemTone } from "./Menu.variants";
-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 {
-    trigger: ReactElement<MenuTriggerProps>;
-    items: MenuItem[];
-    disabled?: boolean;
-    testID?: string;
-}
+import type { MenuProps } from "./MenuProps";
+export type { MenuTriggerProps, MenuItem, MenuProps } from "./MenuProps";
 export declare const Menu: import("react").NamedExoticComponent<MenuProps>;
 //# sourceMappingURL=Menu.d.ts.map

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

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

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

@@ -0,0 +1,26 @@
+import type { ReactElement } from "react";
+import type { GestureResponderEvent } from "react-native";
+import type { IconName } from "../../core/icon";
+import type { MenuItemTone } from "./Menu.variants";
+/** The shape Menu clones its `onPress` onto — implement it on any pressable trigger element. */
+export interface MenuTriggerProps {
+    /** Still fires; Menu wraps it rather than replacing it. */
+    onPress?: (event: GestureResponderEvent) => void;
+}
+/** One action row in the menu. */
+export interface MenuItem {
+    readonly label: string;
+    readonly icon?: IconName;
+    readonly onPress: () => void;
+    /** Defaults to "default" coloring. */
+    readonly tone?: MenuItemTone;
+}
+/** An anchored action list opened from a trigger. */
+export interface MenuProps {
+    /** Cloned with an `onPress` that also opens the menu, layered on top of its own handler. */
+    trigger: ReactElement<MenuTriggerProps>;
+    items: MenuItem[];
+    disabled?: boolean;
+    testID?: string;
+}
+//# sourceMappingURL=MenuProps.d.ts.map

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

@@ -4,7 +4,7 @@
  * 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 { MenuProps, MenuItem, MenuTriggerProps } from "./MenuProps";
 export type { MenuItemTone } from "./Menu.variants";
 export type { IconName } from "../../core/icon";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/message-bubble/MessageBubble.d.ts

@@ -1,6 +1,6 @@
 /**
- * MessageBubble — a single chat turn bubble. User variant uses accent fill; assistant uses surface
- * card with border. Plain-text `content` only (rich assistant replies compose Markdown/RichText
+ * MessageBubble — a single chat turn bubble. User variant uses accent fill; assistant uses a tonal
+ * surface fill, no border. Plain-text `content` only (rich assistant replies compose Markdown/RichText
  * upstream).
  *
  * The accessible label names the sender ("You" / "Assistant") ahead of the content: alignment and
@@ -12,14 +12,6 @@
  * during scroll that rule forbids. A "new message arrived" reveal would have to be keyed off the
  * message's own identity (an id/timestamp high-water mark the consumer owns), never off mounting.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { MessageBubbleVariant } from "./MessageBubble.variants";
-export interface MessageBubbleProps {
-    variant?: MessageBubbleVariant;
-    content: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { MessageBubbleProps } from "./MessageBubbleProps";
 export declare const MessageBubble: import("react").NamedExoticComponent<MessageBubbleProps>;
 //# sourceMappingURL=MessageBubble.d.ts.map

package/lib/typescript/modules/message-bubble/MessageBubble.variants.d.ts

@@ -3,8 +3,8 @@ export type MessageBubbleVariant = "user" | "assistant";
 export interface MessageBubbleColors {
     readonly background: string;
     readonly text: string;
-    readonly border?: string;
 }
+/** Assistant separates from the canvas by tone (`bg.surface`) alone now — no hairline border. */
 export declare function resolveMessageBubbleColors(colors: RoleColors, variant: MessageBubbleVariant): MessageBubbleColors;
 export declare const messageBubbleStructure: import("../../core/style").ThemedVariantResolver<Theme, {
     variant: {
@@ -15,7 +15,6 @@ export declare const messageBubbleStructure: import("../../core/style").ThemedVa
         assistant: {
             alignSelf: "flex-start";
             borderBottomLeftRadius: 4;
-            borderWidth: 1;
         };
     };
 }, import("react-native").ViewStyle>;

package/lib/typescript/modules/message-bubble/MessageBubbleProps.d.ts

@@ -0,0 +1,12 @@
+import type { LayoutStyle } from "../../core/style";
+import type { MessageBubbleVariant } from "./MessageBubble.variants";
+/** A single chat turn bubble; plain text only. */
+export interface MessageBubbleProps {
+    /** Defaults to "assistant". */
+    variant?: MessageBubbleVariant;
+    content: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=MessageBubbleProps.d.ts.map

package/lib/typescript/modules/message-bubble/index.d.ts

@@ -1,4 +1,4 @@
 export { MessageBubble } from "./MessageBubble";
-export type { MessageBubbleProps } from "./MessageBubble";
+export type { MessageBubbleProps } from "./MessageBubbleProps";
 export type { MessageBubbleVariant } from "./MessageBubble.variants";
 //# sourceMappingURL=index.d.ts.map

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