pixelize-native-library 1.2.0 → 1.3.0

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

@@ -4,5 +4,5 @@
  * internal — a consumer configures a Switch through its props, never by importing its internals.
  */
 export { Switch } from "./Switch";
-export type { SwitchProps } from "./Switch";
+export type { SwitchProps } from "./SwitchProps";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/tabs/Tabs.d.ts

@@ -12,22 +12,6 @@
  * That indicator marks SELECTION, not focus: a tab holding keyboard/AT focus draws its own inset
  * ring (WCAG 2.4.7), the same treatment `BottomNavTab` uses.
  */
-import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-import type { TabsSize } from "./Tabs.variants";
-export interface TabItem {
-    readonly label: string;
-    readonly value: string;
-    readonly icon?: IconName;
-}
-export interface TabsProps {
-    items: TabItem[];
-    value: string;
-    onValueChange: (value: string) => void;
-    size?: TabsSize;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { TabsProps } from "./TabsProps";
 export declare const Tabs: import("react").NamedExoticComponent<TabsProps>;
 //# sourceMappingURL=Tabs.d.ts.map

package/lib/typescript/modules/tabs/Tabs.variants.d.ts

@@ -8,11 +8,10 @@
  *  - `resolveTabAccessibility` derives the per-tab a11y surface purely, so the "selected" contract
  *    is unit-testable without rendering React Native.
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type TabsSize = "sm" | "md" | "lg";
-/** Same floor as Button/RadioGroup — 44dp (WCAG 2.5.5 / HIG). Duplicated, not imported: modules
- * stay isolated. */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface TabsSizeSpec {
     /** Visual height in dp, per tab. */
     readonly height: number;

package/lib/typescript/modules/tabs/TabsProps.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from "react";
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+import type { TabsSize } from "./Tabs.variants";
+/** One tab in the strip. */
+export interface TabItem {
+    readonly label: string;
+    readonly value: string;
+    readonly icon?: IconName;
+    /** Optional count badge on the tab label. */
+    readonly count?: number;
+}
+/** Renders only the tab strip — content switching is the consumer's job unless `panels` is given. */
+export interface TabsProps {
+    items: TabItem[];
+    /** The selected tab's `value`, not an index. */
+    value: string;
+    onValueChange: (value: string) => void;
+    /** Defaults to "md". */
+    size?: TabsSize;
+    /** Panel content keyed by tab `value`; only the active panel renders unless `lazyPanels` is false. */
+    panels?: Readonly<Partial<Record<string, ReactNode>>>;
+    /** When true, a panel mounts on first visit and stays mounted (standard lazy tabs). */
+    lazyPanels?: boolean;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=TabsProps.d.ts.map

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

@@ -4,7 +4,7 @@
  * stay internal — a consumer configures Tabs through its props, never by importing its internals.
  */
 export { Tabs } from "./Tabs";
-export type { TabsProps, TabItem } from "./Tabs";
+export type { TabsProps, TabItem } from "./TabsProps";
 export type { TabsSize } from "./Tabs.variants";
 export type { IconName } from "../../core/icon";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/text/Text.d.ts

@@ -1,23 +1,4 @@
-/**
- * Text — typography primitive with a closed `variant` union. Replaces ad-hoc fontSize literals.
- */
-import { type TextProps as RNTextProps } from 'react-native';
-import type { LayoutStyle } from '../../core/style';
-import type { HeadingVariant, TextVariant } from './Text.variants';
-export interface TextProps {
-    variant?: TextVariant;
-    children: RNTextProps['children'];
-    numberOfLines?: number;
-    style?: LayoutStyle;
-    testID?: string;
-}
-export interface HeadingProps {
-    variant?: HeadingVariant;
-    children: RNTextProps['children'];
-    numberOfLines?: number;
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { TextProps, HeadingProps } from './TextProps';
 export declare const Text: import("react").NamedExoticComponent<TextProps>;
 export declare const Heading: import("react").NamedExoticComponent<HeadingProps>;
 //# sourceMappingURL=Text.d.ts.map

package/lib/typescript/modules/text/Text.variants.d.ts

@@ -1,18 +1,21 @@
 import type { TextStyle } from 'react-native';
+import type { FontWeightToken } from '../../theme/tokens';
 import type { HeadingLevel } from '../../core/heading';
-import type { RoleColors, Theme } from '../../theme/hooks';
-export type TextVariant = 'body' | 'body-sm' | 'caption' | 'label' | 'label-sm' | 'overline';
+import type { RoleColors, StatusRole, Theme } from '../../theme/hooks';
+export type TextVariant = 'display' | 'title' | 'heading' | 'subheading' | 'body' | 'body-sm' | 'caption' | 'label' | 'label-sm' | 'overline';
 export type HeadingVariant = 'h1' | 'h2' | 'h3' | 'h4';
-/**
- * `variant` is the level as well as the size. Without this, `react-native-web` renders every
- * heading as `<h1>` (see `core/heading`).
- */
+export type FgColorRole = 'default' | 'muted';
+export type TextColorRole = FgColorRole | StatusRole;
 export declare const HEADING_LEVELS: Record<HeadingVariant, HeadingLevel>;
-/** Runtime companion to `TextVariant`, so the WCAG test can enumerate every variant a consumer can pass. */
-export declare const TEXT_VARIANTS: readonly ["body", "body-sm", "caption", "label", "label-sm", "overline"];
+export declare const TEXT_VARIANTS: readonly ["display", "title", "heading", "subheading", "body", "body-sm", "caption", "label", "label-sm", "overline"];
 export declare const HEADING_VARIANTS: Record<HeadingVariant, TextVariant>;
-/** The role colour a variant resolves to. Pure, so the WCAG test measures it without a `Theme`. */
+export interface TextStyleOptions {
+    color?: TextColorRole;
+    weight?: FontWeightToken;
+    align?: TextStyle['textAlign'];
+}
+export declare function resolveTextColorFromRole(colors: RoleColors, role: TextColorRole): string;
 export declare function resolveTextColor(colors: RoleColors, variant: TextVariant): string;
-export declare function resolveTextStyle(theme: Theme, variant: TextVariant): TextStyle;
-export declare function resolveHeadingStyle(theme: Theme, variant: HeadingVariant): TextStyle;
+export declare function resolveTextStyle(theme: Theme, variant: TextVariant, options?: TextStyleOptions): TextStyle;
+export declare function resolveHeadingStyle(theme: Theme, variant: HeadingVariant, options?: TextStyleOptions): TextStyle;
 //# sourceMappingURL=Text.variants.d.ts.map

package/lib/typescript/modules/text/TextProps.d.ts

@@ -0,0 +1,35 @@
+import type { TextProps as RNTextProps } from 'react-native';
+import type { LayoutStyle } from '../../core/style';
+import type { FontWeightToken } from '../../theme/tokens';
+import type { HeadingVariant, TextColorRole, TextVariant } from './Text.variants';
+/** Themed body/label text; see `HeadingProps` for the semantic-heading counterpart. */
+export interface TextProps {
+    /** Defaults to "body". */
+    variant?: TextVariant;
+    children: RNTextProps['children'];
+    /** Defaults to the variant's own color role ("muted" for caption/overline, "default" otherwise). */
+    color?: TextColorRole;
+    numberOfLines?: number;
+    /** Defaults to RN's own "auto" when omitted. */
+    align?: 'auto' | 'left' | 'right' | 'center' | 'justify';
+    /** Overrides the variant's own font weight. */
+    weight?: FontWeightToken;
+    style?: LayoutStyle;
+    testID?: string;
+}
+/** Renders `accessibilityRole="header"` with `aria-level` derived from `variant`. */
+export interface HeadingProps {
+    /** Defaults to "h2"; also sets the announced heading level (h1-h4). */
+    variant?: HeadingVariant;
+    children: RNTextProps['children'];
+    /** Defaults to the mapped text variant's own color role. */
+    color?: TextColorRole;
+    numberOfLines?: number;
+    /** Defaults to RN's own "auto" when omitted. */
+    align?: 'auto' | 'left' | 'right' | 'center' | 'justify';
+    /** Overrides the variant's own font weight. */
+    weight?: FontWeightToken;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=TextProps.d.ts.map

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

@@ -1,4 +1,4 @@
 export { Text, Heading } from './Text';
-export type { TextProps, HeadingProps } from './Text';
+export type { TextProps, HeadingProps } from './TextProps';
 export type { TextVariant, HeadingVariant } from './Text.variants';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/textarea/Textarea.d.ts

@@ -7,24 +7,6 @@
  * Motion comes from `core/motion`: the focus ring crossfades and the helper/error message fades in
  * and out, both gated by `useMotion()`'s reduce-motion resolution.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { TextareaSize, TextareaStatus } from "./Textarea.variants";
-export interface TextareaProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    placeholder?: string;
-    size?: TextareaSize;
-    status?: TextareaStatus;
-    disabled?: boolean;
-    label?: string;
-    /** Overrides the label→`accessibilityLabel` fallback, for a field whose visible label is elsewhere. */
-    accessibilityLabel?: string;
-    helperText?: string;
-    errorText?: string;
-    maxLength?: number;
-    /** Layout-only, outer box, applied exactly once as the LAST entry in the root style array. */
-    containerStyle?: LayoutStyle;
-    testID?: string;
-}
+import type { TextareaProps } from "./TextareaProps";
 export declare const Textarea: import("react").NamedExoticComponent<TextareaProps>;
 //# sourceMappingURL=Textarea.d.ts.map

package/lib/typescript/modules/textarea/Textarea.variants.d.ts

@@ -11,7 +11,9 @@
  * Free of React and of any lucide 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";
+export { MIN_TOUCH_TARGET };
 export type TextareaSize = "sm" | "md" | "lg";
 export type TextareaStatus = "default" | "error";
 /**
@@ -19,7 +21,6 @@ export type TextareaStatus = "default" | "error";
  * as Button), so the touch target is met structurally — no `hitSlop` needed here. Kept local (not
  * imported from a sibling module) per the library's module-isolation rule.
  */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface TextareaSizeSpec {
     /** Minimum visual height in dp — roughly 3 / 4 / 5 lines at this size's `fontSize`. */
     readonly minHeight: number;

package/lib/typescript/modules/textarea/TextareaProps.d.ts

@@ -0,0 +1,23 @@
+import type { LayoutStyle } from "../../core/style";
+import type { TextareaSize, TextareaStatus } from "./Textarea.variants";
+/** A multiline text field with label, helper/error text and status-driven styling. */
+export interface TextareaProps {
+    value: string;
+    onChangeText: (text: string) => void;
+    placeholder?: string;
+    size?: TextareaSize;
+    status?: TextareaStatus;
+    disabled?: boolean;
+    label?: string;
+    /** Overrides the label→`accessibilityLabel` fallback, for a field whose visible label is elsewhere. */
+    accessibilityLabel?: string;
+    /** Shown below the field; replaced by `errorText` when `status` is `"error"`. */
+    helperText?: string;
+    /** Replaces `helperText`, and joins the accessible name, only when `status` is `"error"`. */
+    errorText?: string;
+    maxLength?: number;
+    /** Layout-only, outer box, applied exactly once as the LAST entry in the root style array. */
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=TextareaProps.d.ts.map

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

@@ -4,6 +4,6 @@
  * — a consumer configures a Textarea through its props, never by importing its internals.
  */
 export { Textarea } from "./Textarea";
-export type { TextareaProps } from "./Textarea";
+export type { TextareaProps } from "./TextareaProps";
 export type { TextareaSize, TextareaStatus } from "./Textarea.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/timeline/Timeline.d.ts

@@ -8,21 +8,6 @@
  * A row's title, description and timestamp form ONE accessible node — see
  * `resolveTimelineItemAccessibility` for why three loose `Text` siblings were a 1.3.1 failure.
  */
-import type { ReactNode } from "react";
-import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-export interface TimelineItem {
-    readonly id?: string;
-    readonly title: string;
-    readonly description?: string;
-    readonly timestamp?: string;
-    readonly icon?: IconName;
-    readonly leading?: ReactNode;
-}
-export interface TimelineProps {
-    items: TimelineItem[];
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { TimelineProps } from "./TimelineProps";
 export declare const Timeline: import("react").NamedExoticComponent<TimelineProps>;
 //# sourceMappingURL=Timeline.d.ts.map

package/lib/typescript/modules/timeline/Timeline.variants.d.ts

@@ -11,6 +11,7 @@
  * Free of React and of any lucide import, so the WCAG + colour-mapping tests import it directly
  * (mocking only `react-native`'s `StyleSheet`, as `core/style` and every sibling module's tests do).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
 export interface TimelineMarkerSpec {
     /** Plain-dot diameter, in dp — used when an item carries no `icon`. */
@@ -46,6 +47,7 @@ export interface TimelineColors {
  * `tone`/`color` prop to widen: every event reads identically, so every colour Timeline can show is
  * one of these role lookups, guaranteed legible in both modes.
  */
+export { MIN_TOUCH_TARGET };
 export declare function resolveTimelineColors(colors: RoleColors): TimelineColors;
 /**
  * The whole row: the connector column beside the content column. No theme dependency (a plain

package/lib/typescript/modules/timeline/TimelineProps.d.ts

@@ -0,0 +1,37 @@
+import type { ReactNode } from "react";
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+/** A note attached to a timeline event. */
+export interface TimelineNote {
+    readonly id: string;
+    readonly body: string;
+}
+/** One row in the vertical event list. */
+export interface TimelineItem {
+    /** Falls back to the row's index when omitted — unstable across reorders. */
+    readonly id?: string;
+    readonly title: string;
+    readonly description?: string;
+    readonly timestamp?: string;
+    /** Ignored when `leading` is also set. */
+    readonly icon?: IconName;
+    /** Overrides the default dot/icon marker. */
+    readonly leading?: ReactNode;
+    /** Rendered below the row; add `onEditNote`/`onDeleteNote` for per-note controls. */
+    readonly notes?: readonly TimelineNote[];
+}
+/** Vertical list of dated/ordered events. */
+export interface TimelineProps {
+    items: TimelineItem[];
+    /** Shows an "Add note" button below the list. */
+    onAddNote?: () => void;
+    /** Adds a per-note edit button; ignored on notes without it. */
+    onEditNote?: (noteId: string) => void;
+    /** Adds a per-note delete button; ignored on notes without it. */
+    onDeleteNote?: (noteId: string) => void;
+    /** Shows a loading state on the "Add note" button. */
+    notesLoading?: boolean;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=TimelineProps.d.ts.map

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

@@ -4,6 +4,6 @@
  * stay internal — a consumer configures a Timeline through its `items`, never by importing internals.
  */
 export { Timeline } from "./Timeline";
-export type { TimelineProps, TimelineItem } from "./Timeline";
+export type { TimelineProps, TimelineItem } from "./TimelineProps";
 export type { IconName } from "../../core/icon";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/toast/Toast.variants.d.ts

@@ -12,13 +12,12 @@
  * Free of React and of `lucide`, 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 } from "../../theme/hooks";
 import type { Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type ToastTone = "success" | "warning" | "danger" | "info" | "neutral";
 export type ToastPosition = "top" | "bottom";
-/** Same floor as Button/Input/Checkbox — 44dp (WCAG 2.5.5 / HIG). Duplicated, not imported: modules
- * stay isolated. */
-export declare const MIN_TOUCH_TARGET = 44;
 /** The close button's own visual box + glyph. Toast takes no `size` prop, so this is a fixed pair,
  * not a scale — mirrors `BUTTON_SIZES`' shape for exactly one size. */
 export declare const CLOSE_BUTTON_SIZE = 24;
@@ -26,6 +25,8 @@ export declare const CLOSE_ICON_SIZE = 16;
 export declare const CLOSE_HIT_SLOP: number;
 /** `duration` on `ToastOptions` defaults to this when omitted — except for `danger` (see below). */
 export declare const DEFAULT_TOAST_DURATION = 3000;
+export declare const TOAST_IOS_HOME_INDICATOR_INSET = 20;
+export declare function resolveToastBottomInset(basePadding: number, platformOS: string): number;
 /**
  * How long a toast stays up. `"persistent"` = until the user dismisses it (or a later `show()`
  * replaces it) — spelled out rather than encoded as a number, because a bare `0` at a call site

package/lib/typescript/modules/tooltip/Tooltip.d.ts

@@ -25,30 +25,6 @@
  * kept mounted by a timer rather than an animation callback, so an interrupted fade-out can never
  * strand the bubble in the tree.
  */
-import type { ReactElement } from "react";
-import type { GestureResponderEvent, MouseEvent, NativeSyntheticEvent, TargetedEvent } from "react-native";
-import type { TooltipPlacement } from "./Tooltip.variants";
-/** The subset of props Tooltip reads from / injects into its trigger child. */
-export interface TooltipTriggerProps {
-    onLongPress?: (event: GestureResponderEvent) => void;
-    onPressOut?: (event: GestureResponderEvent) => void;
-    onHoverIn?: (event: MouseEvent) => void;
-    onHoverOut?: (event: MouseEvent) => void;
-    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
-    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
-    accessibilityHint?: string;
-    "aria-describedby"?: string;
-}
-export interface TooltipProps {
-    /** The tip's text. Also what gets merged into the trigger's `accessibilityHint`. */
-    label: string;
-    /**
-     * A single element that accepts the press/hover/focus handlers Tooltip injects (e.g. a
-     * `Pressable`). A `Text` is not enough: on web it renders a plain element that emits none of them.
-     */
-    children: ReactElement<TooltipTriggerProps>;
-    placement?: TooltipPlacement;
-    testID?: string;
-}
+import type { TooltipProps } from "./TooltipProps";
 export declare const Tooltip: import("react").NamedExoticComponent<TooltipProps>;
 //# sourceMappingURL=Tooltip.d.ts.map

package/lib/typescript/modules/tooltip/Tooltip.variants.d.ts

@@ -21,6 +21,13 @@ export type TooltipPlacement = "top" | "bottom";
 export declare const TOOLTIP_TIMING: {
     /** Fallback auto-dismiss so a tip can't stay stuck open if `onPressOut` never fires. */
     readonly autoHideMs: 2500;
+    /**
+     * Grace period before a hover-out actually hides the bubble, so a pointer crossing the
+     * `theme.space[1]` gap to the bubble itself doesn't lose the tip mid-transit (WCAG 1.4.13
+     * hoverable). The CSS/UI convention for this exact case; entering the bubble before it elapses
+     * cancels the hide.
+     */
+    readonly hoverOutGraceMs: 200;
 };
 /**
  * Appends `label` to any `accessibilityHint` the trigger already carries, so screen-reader users

package/lib/typescript/modules/tooltip/TooltipProps.d.ts

@@ -0,0 +1,27 @@
+import type { ReactElement } from "react";
+import type { GestureResponderEvent, MouseEvent, NativeSyntheticEvent, TargetedEvent } from "react-native";
+import type { TooltipPlacement } from "./Tooltip.variants";
+/** The subset of props Tooltip reads from / injects into its trigger child. */
+export interface TooltipTriggerProps {
+    onLongPress?: (event: GestureResponderEvent) => void;
+    onPressOut?: (event: GestureResponderEvent) => void;
+    onHoverIn?: (event: MouseEvent) => void;
+    onHoverOut?: (event: MouseEvent) => void;
+    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    accessibilityHint?: string;
+    "aria-describedby"?: string;
+}
+/** A hover/focus/long-press tip that also reaches screen readers. */
+export interface TooltipProps {
+    /** The tip's text. Also what gets merged into the trigger's `accessibilityHint`. */
+    label: string;
+    /** Must accept Tooltip's injected handlers — a bare `Text` emits none on web. */
+    children: ReactElement<TooltipTriggerProps>;
+    /** Defaults to "bottom". */
+    placement?: TooltipPlacement;
+    /** When true, the tip only appears if the trigger content is truncated. */
+    onlyShowWhenTruncated?: boolean;
+    testID?: string;
+}
+//# sourceMappingURL=TooltipProps.d.ts.map

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

@@ -4,6 +4,6 @@
  * `TOOLTIP_TIMING`) stay internal — a consumer configures a Tooltip through its props only.
  */
 export { Tooltip } from "./Tooltip";
-export type { TooltipProps, TooltipTriggerProps } from "./Tooltip";
+export type { TooltipProps, TooltipTriggerProps } from "./TooltipProps";
 export type { TooltipPlacement } from "./Tooltip.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/typing-indicator/TypingIndicator.d.ts

@@ -9,20 +9,11 @@
  * A screen-reader user who is not focused on the thread would otherwise learn someone is typing only
  * by chance, on their next swipe past this element.
  *
- * Each dot loops a BARE `motion.timing` over a 0→1 driver and interpolates that into the
- * min→max→min opacity pulse. `Animated.loop` only runs natively (`_startNativeLoop`) when the
- * animation it wraps reports `_isUsingNativeDriver()`, which `Animated.sequence` returns `false`
- * for unconditionally — a looped sequence therefore restarts every leg from the JS thread, forever.
- * The stagger is `TimingOptions.delay` (one JS timeout per dot at start-up) rather than
- * `Animated.delay`, which is itself a `useNativeDriver: false` timing.
+ * Each dot loops a bare `motion.loop` over a 0→1 shared driver and interpolates that into the
+ * min→max→min opacity pulse on the UI thread. The stagger is `TimingOptions.delay` (one JS timeout
+ * per dot at start-up) rather than composing delays into the loop animation.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { TypingIndicatorSize } from "./TypingIndicator.variants";
-export interface TypingIndicatorProps {
-    size?: TypingIndicatorSize;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { TypingIndicatorProps } from "./TypingIndicatorProps";
+export type { TypingIndicatorProps } from "./TypingIndicatorProps";
 export declare const TypingIndicator: import("react").NamedExoticComponent<TypingIndicatorProps>;
 //# sourceMappingURL=TypingIndicator.d.ts.map

package/lib/typescript/modules/typing-indicator/TypingIndicatorProps.d.ts

@@ -0,0 +1,11 @@
+import type { LayoutStyle } from "../../core/style";
+import type { TypingIndicatorSize } from "./TypingIndicator.variants";
+/** Static under reduced motion; the accessible "Typing" label is the real signal either way. */
+export interface TypingIndicatorProps {
+    /** Defaults to "md". */
+    size?: TypingIndicatorSize;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=TypingIndicatorProps.d.ts.map

package/lib/typescript/modules/typing-indicator/index.d.ts

@@ -1,4 +1,4 @@
 export { TypingIndicator } from "./TypingIndicator";
-export type { TypingIndicatorProps } from "./TypingIndicator";
+export type { TypingIndicatorProps } from "./TypingIndicatorProps";
 export type { TypingIndicatorSize } from "./TypingIndicator.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/upgrade-button/UpgradeButton.d.ts

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

package/lib/typescript/modules/upgrade-button/UpgradeButtonProps.d.ts

@@ -0,0 +1,11 @@
+import type { LayoutStyle } from "../../core/style";
+/** CTA that routes users to a plan upgrade flow. */
+export interface UpgradeButtonProps {
+    onPress: () => void;
+    /** Defaults to "Upgrade". */
+    label?: string;
+    disabled?: boolean;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=UpgradeButtonProps.d.ts.map

package/lib/typescript/modules/upgrade-button/index.d.ts

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

package/lib/typescript/test/motionJest.d.ts

@@ -0,0 +1,12 @@
+import type { ReactTestInstance } from "react-test-renderer";
+export declare function getAnimatedStyle(component: ReactTestInstance): Record<string, unknown>;
+/** Align Reanimated's system reduce-motion gate with mocked `useReducedMotion`. */
+export declare function syncReanimatedReducedMotion(enabled: boolean): void;
+export declare function setReducedMotionMock(mock: jest.Mock, enabled: boolean): void;
+/** Steps Reanimated's animation clock by `ms` (requires fake timers). */
+export declare function advanceMotion(ms: number): void;
+/** Re-run Reanimated style mappers without advancing the animation clock. */
+export declare function flushMotionMappers(): void;
+/** Read computed values from a `useAnimatedStyle` handle under Jest (hook tests). */
+export declare function readAnimatedStyle(handle: unknown): Record<string, unknown>;
+//# sourceMappingURL=motionJest.d.ts.map

package/lib/typescript/theme/index.d.ts

@@ -6,7 +6,7 @@
 export { PixelizeProvider, useTheme, useThemeColors, useThemeMode, createAsyncStorageAdapter, THEME_NAMES, DEFAULT_THEME, loadPalette, loadPaletteSync, } from './provider';
 export type { PixelizeProviderProps, Theme, ThemeModeValue, ThemeMode, ColorModeStorageAdapter, AsyncStorageLike, } from './provider';
 export type { RoleColors, StatusColors, StatusRole } from './tokens/roles';
-export type { ThemeName, ColorScheme, PaletteProps } from './tokens/types';
+export type { ThemeName, ColorScheme, PaletteProps, BrandPaletteSource, SemanticTone, SemanticTextTokens, } from './tokens/types';
 /** @deprecated Use THEME_NAMES from this module instead. */
 export { THEME_NAMES as themeNames } from './provider';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/theme/platform/elevation.native.d.ts

@@ -1,35 +1,5 @@
 import type { ViewStyle } from 'react-native';
 import type { ElevationToken } from '../tokens/primitives';
-/**
- * The style props an elevation resolves to. A `Pick` rather than `ViewStyle` so a future RN
- * shadow prop cannot silently widen what this function is allowed to emit.
- */
-export type ElevationStyle = Pick<ViewStyle, 'shadowColor' | 'shadowOffset' | 'shadowOpacity' | 'shadowRadius' | 'elevation'>;
-/**
- * Resolve an elevation token to RN style props.
- *
- * Uses the legacy shadow props over `boxShadow` because `boxShadow` is New-Architecture-only, and
- * our peer range (RN >= 0.79) still lets a consumer ship `newArchEnabled=false` — on which
- * `boxShadow` renders nothing at all. The legacy props map straight to the platform APIs and are
- * not deprecated, so they are the only path that works on both architectures. react-native-web's
- * style preprocessor converts these same legacy props into a real CSS `box-shadow`, so the `web`
- * branch below rides that conversion rather than emitting `boxShadow` itself.
- *
- * An elevation token is a STACK of layers (web needs both an ambient and a contact shadow per
- * step), but legacy RN shadow props can only express one. This renders `layers[0]` — the dominant
- * layer — and drops the rest. That is an honest limit of the legacy path, not a token compromise:
- * a future `boxShadow`-only resolver (new-arch-only consumers) can render every layer.
- *
- * `layer.spread` is dropped — neither legacy platform API exposes it (RN implements it by
- * insetting a custom shadowPath). The ramp's `md`/`lg` carry a negative spread to tighten the
- * shadow on web, so those two steps read marginally wider here. Accepted: honouring it would mean
- * hand-drawing a shadow layer per view.
- *
- * Returns one of three shapes: `ios`, `android` (RN's `default` branch — Android reads the numeric
- * `elevation` prop and ignores offset/opacity/radius), and `web`. `web` MUST stay its own explicit
- * key: without it, react-native-web falls through to `default` (the Android shape), whose only
- * meaningful field — `elevation` — react-native-web silently ignores (it is Android-only), so the
- * shadow renders as nothing at all.
- */
+export type ElevationStyle = Partial<Pick<ViewStyle, 'shadowColor' | 'shadowOffset' | 'shadowOpacity' | 'shadowRadius' | 'elevation' | 'boxShadow'>>;
 export declare function elevation(token: ElevationToken): ElevationStyle;
 //# sourceMappingURL=elevation.native.d.ts.map

package/lib/typescript/theme/platform/floatingSurface.native.d.ts

@@ -0,0 +1,10 @@
+import type { ViewStyle } from 'react-native';
+import type { ElevationLevel } from '../tokens';
+import type { Theme } from '../provider/types';
+import type { ElevationToken } from '../tokens/primitives';
+import { type BoxShadowLayer } from './highlight.native';
+export type FloatingLevel = Extract<ElevationLevel, 'sm' | 'md' | 'lg'>;
+export declare function tokenBoxShadow(token: ElevationToken): ReadonlyArray<BoxShadowLayer>;
+export declare function floatingBackground(theme: Theme, level: FloatingLevel): string;
+export declare function floatingSurfaceStyle(theme: Theme, level: FloatingLevel): ViewStyle;
+//# sourceMappingURL=floatingSurface.native.d.ts.map

package/lib/typescript/theme/platform/highlight.native.d.ts

@@ -0,0 +1,17 @@
+import type { ViewStyle } from 'react-native';
+import type { ColorScheme } from '../tokens/types';
+export type HighlightLevel = 'none' | 'subtle' | 'raised';
+export type BoxShadowLayer = {
+    offsetX: number | string;
+    offsetY: number | string;
+    blurRadius?: number | string;
+    spreadDistance?: number | string;
+    inset?: boolean;
+    color?: string;
+};
+export type BoxShadowArray = ReadonlyArray<BoxShadowLayer>;
+export declare function highlightLevels(level: HighlightLevel, mode: ColorScheme): BoxShadowArray;
+export declare function highlight(level: HighlightLevel, mode: ColorScheme): BoxShadowArray;
+export declare function composeBoxShadow(outset: ReadonlyArray<BoxShadowLayer>, inset: BoxShadowArray): BoxShadowArray;
+export declare function asBoxShadowArray(value: ViewStyle['boxShadow']): ReadonlyArray<BoxShadowLayer>;
+//# sourceMappingURL=highlight.native.d.ts.map