pixelize-native-library 1.2.0 → 1.3.0

package/lib/typescript/modules/avatar-group/AvatarGroup.d.ts

@@ -3,26 +3,11 @@
  * `avatars.length` exceeds `max`. Each face is this library's own `Avatar` module — never a hand-rolled
  * image/initials pair — so list recycling, identity hashing, and shape defaults stay consistent.
  *
- * No `accessibilityRole` of its own: each composed `Avatar` carries its own optional label; the
- * overflow pill is hidden from assistive tech as decorative chrome (the visible faces carry identity).
+ * No `accessibilityRole` of its own. Each composed `Avatar` gets a label — the consumer's, or (since
+ * a grouped face has no adjacent visible name to lean on, unlike a standalone `Avatar`) a generic
+ * `resolveAvatarGroupFaceFallbackLabel` fallback. The overflow pill carries its own `"text"`-role
+ * label so a screen reader hears how many faces are hidden, not just the ones on screen.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { AvatarSize } from "../avatar/Avatar.variants";
-export interface AvatarGroupItem {
-    readonly source?: {
-        uri: string;
-    };
-    readonly initials?: string;
-    readonly identity?: string;
-    readonly accessibilityLabel?: string;
-}
-export interface AvatarGroupProps {
-    avatars: readonly AvatarGroupItem[];
-    max?: number;
-    size?: AvatarSize;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { AvatarGroupProps } from "./AvatarGroupProps";
 export declare const AvatarGroup: import("react").NamedExoticComponent<AvatarGroupProps>;
 //# sourceMappingURL=AvatarGroup.d.ts.map

package/lib/typescript/modules/avatar-group/AvatarGroup.variants.d.ts

@@ -22,6 +22,25 @@ export declare function resolveAvatarGroupColors(colors: RoleColors): AvatarGrou
 export declare function resolveAvatarGroupOverlap(size: AvatarSize): number;
 export declare function resolveAvatarGroupVisibleCount(total: number, max: number): number;
 export declare function resolveAvatarGroupOverflowCount(total: number, visible: number): number;
+export interface AvatarGroupOverflowAccessibilityProps {
+    readonly accessible: true;
+    readonly accessibilityRole: "text";
+    readonly accessibilityLabel: string;
+}
+/**
+ * WCAG 2.5.3: the accessible name must CONTAIN the visible "+N" text (same contract as
+ * `MoreItems`'s trigger), so a voice-control user saying what they read still lands on this pill.
+ * `"text"`, not `"button"` — the pill is informational chrome, not interactive (same as `Badge`).
+ */
+export declare function resolveAvatarGroupOverflowAccessibility(count: number): AvatarGroupOverflowAccessibilityProps;
+/**
+ * A face's honest-but-generic name when its consumer never set `accessibilityLabel`. Unlike a
+ * standalone `Avatar` (usually sits beside a visible name, so undecorated is a fair default —
+ * see `resolveAvatarAccessibility`), a grouped face has no adjacent name: falling through to
+ * `Avatar`'s decorative default would leave a screen reader user unable to tell how many distinct
+ * people the stack represents.
+ */
+export declare function resolveAvatarGroupFaceFallbackLabel(index: number): string;
 export declare const avatarGroupStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
 export declare const avatarGroupItemStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
 export declare const avatarGroupOverflowStructure: import("../../core/style").ThemedVariantResolver<Theme, {

package/lib/typescript/modules/avatar-group/AvatarGroupProps.d.ts

@@ -0,0 +1,27 @@
+import type { LayoutStyle } from "../../core/style";
+import type { AvatarSize } from "../avatar/Avatar.variants";
+/** One face in the stack — same shape as `AvatarProps`' image/initials/identity trio. */
+export interface AvatarGroupItem {
+    /** A remote image; wins over `initials` when present. */
+    readonly source?: {
+        uri: string;
+    };
+    /** Shown when there is no `source`. */
+    readonly initials?: string;
+    /** Tints the fallback with a colour hashed from this string. */
+    readonly identity?: string;
+    /** Defaults to a generic "Avatar N" label when unset. */
+    readonly accessibilityLabel?: string;
+}
+/** Horizontal stack of faces with a `+N` overflow pill past `max`. */
+export interface AvatarGroupProps {
+    avatars: readonly AvatarGroupItem[];
+    /** Visible faces before collapsing the rest into the overflow pill. Defaults to 4. */
+    max?: number;
+    /** Applied to every face and the overflow pill. Defaults to "md". */
+    size?: AvatarSize;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=AvatarGroupProps.d.ts.map

package/lib/typescript/modules/avatar-group/index.d.ts

@@ -4,6 +4,6 @@
  * through its props, never by importing its internals.
  */
 export { AvatarGroup } from "./AvatarGroup";
-export type { AvatarGroupProps, AvatarGroupItem } from "./AvatarGroup";
+export type { AvatarGroupProps, AvatarGroupItem } from "./AvatarGroupProps";
 export type { AvatarSize } from "../avatar/Avatar.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/backdrop/Backdrop.d.ts

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

package/lib/typescript/modules/backdrop/BackdropProps.d.ts

@@ -0,0 +1,11 @@
+import type { LayoutStyle } from "../../core/style";
+/** Full-screen dismissible scrim behind overlays. */
+export interface BackdropProps {
+    /** When false, renders nothing (exit handled by parent unmount). */
+    visible?: boolean;
+    /** Fires when the user taps the scrim (not when `visible` toggles). */
+    onPress?: () => void;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=BackdropProps.d.ts.map

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

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

package/lib/typescript/modules/badge/Badge.d.ts

@@ -3,19 +3,7 @@
  * focus, loading, or disabled state, so it skips every interaction concern Button/Input have (no
  * `hitSlop`, no focus ring, no reduced-motion — there is no animation to suppress).
  */
-import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-import type { BadgeSize, BadgeTone, CustomToneColors } from "./Badge.variants";
-export interface BadgeProps {
-    tone?: BadgeTone;
-    /** Required when `tone="custom"`. */
-    customColors?: CustomToneColors;
-    size?: BadgeSize;
-    label: string;
-    icon?: IconName;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { BadgeProps } from "./BadgeProps";
+export type { BadgeProps } from "./BadgeProps";
 export declare const Badge: import("react").NamedExoticComponent<BadgeProps>;
 //# sourceMappingURL=Badge.d.ts.map

package/lib/typescript/modules/badge/BadgeProps.d.ts

@@ -0,0 +1,17 @@
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+import type { BadgeSize, BadgeTone, CustomToneColors } from "./Badge.variants";
+/** A non-interactive status or label chip. */
+export interface BadgeProps {
+    /** Defaults to "accent", which renders as a gradient fill rather than a flat color. */
+    tone?: BadgeTone;
+    /** Required when `tone="custom"`. */
+    customColors?: CustomToneColors;
+    size?: BadgeSize;
+    label: string;
+    icon?: IconName;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=BadgeProps.d.ts.map

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

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

package/lib/typescript/modules/banner/Banner.d.ts

@@ -7,29 +7,10 @@
  * `useEnterExit` deliberately skips the enter for a banner that mounts already visible — so a
  * consumer that never passes `visible` sees exactly the old, animation-free behaviour.
  */
-import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-import type { BannerTone, BannerVariant } from "./Banner.variants";
+import type { BannerProps } from "./BannerProps";
 export interface BannerAction {
     readonly label: string;
     readonly onPress: () => void;
 }
-export interface BannerProps {
-    tone?: BannerTone;
-    variant?: BannerVariant;
-    message: string;
-    title?: string;
-    /** Overrides the tone's default glyph. Pass `null` for no icon at all. */
-    icon?: IconName | null;
-    /** Fades and slides the banner out when set to `false`, then unmounts it. */
-    visible?: boolean;
-    /** Renders a trailing dismiss control. Omit for a banner the user cannot close. */
-    onDismiss?: () => void;
-    dismissLabel?: string;
-    action?: BannerAction;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
 export declare const Banner: import("react").NamedExoticComponent<BannerProps>;
 //# sourceMappingURL=Banner.d.ts.map

package/lib/typescript/modules/banner/Banner.variants.d.ts

@@ -6,8 +6,10 @@
  * Free of React and of `lucide`, so the WCAG 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, StatusRole, Theme } from "../../theme/hooks";
 import type { IconName } from "../../core/icon";
+export { MIN_TOUCH_TARGET };
 export type BannerTone = "accent" | "neutral" | StatusRole;
 export type BannerVariant = "subtle" | "solid";
 export interface BannerToneColors {

package/lib/typescript/modules/banner/BannerProps.d.ts

@@ -0,0 +1,29 @@
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+import type { BannerAction } from "./Banner";
+import type { BannerTone, BannerVariant } from "./Banner.variants";
+/** Persistent inline message; distinct from the transient `toast` and modal `alert-dialog`. */
+export interface BannerProps {
+    /** Defaults to "info". */
+    tone?: BannerTone;
+    /** Defaults to "subtle". */
+    variant?: BannerVariant;
+    message: string;
+    title?: string;
+    /** Overrides the tone's default glyph. Pass `null` for no icon at all. */
+    icon?: IconName | null;
+    /** Fades and slides the banner out when set to `false`, then unmounts it. */
+    visible?: boolean;
+    /** Renders a trailing dismiss control. Omit for a banner the user cannot close. */
+    onDismiss?: () => void;
+    /** Accessible label for the dismiss control; defaults to "Dismiss". */
+    dismissLabel?: string;
+    /** Single inline action, rendered before `actions`. */
+    action?: BannerAction;
+    /** Additional inline actions rendered after `action`. */
+    actions?: readonly BannerAction[];
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=BannerProps.d.ts.map

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

@@ -1,5 +1,6 @@
 export { Banner } from "./Banner";
-export type { BannerProps, BannerAction } from "./Banner";
+export type { BannerAction } from "./Banner";
+export type { BannerProps } from "./BannerProps";
 export type { BannerTone, BannerVariant } from "./Banner.variants";
 export type { IconName } from "../../core/icon";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/bottom-nav/BottomNav.d.ts

@@ -23,8 +23,7 @@
  * `BottomNavTab` — the same idiom Button/Input/Select use for their own focus rings.
  */
 import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-import type { MenuItem } from "../menu";
+import type { BottomNavProps } from "./BottomNavProps";
 /** Fully app-supplied. The library never hardcodes a destination's id, label, icon, or grouping. */
 export interface BottomNavDestination {
     /** Opaque to the library — the app's own route/screen key. */
@@ -75,37 +74,5 @@ export interface BottomNavEditConfig {
     readonly doneLabel?: string;
     readonly resetLabel?: string;
 }
-export interface BottomNavProps {
-    /** Ordered, fixed-length set of visible tab slots. MODULE.md documents ~4–5 as the practical range
-     *  for a comfortable touch target; this component does not enforce a length. */
-    coreTabs: BottomNavDestination[];
-    active: BottomNavActiveState;
-    /** Fires for EVERY user-initiated navigation intent through this component: a core-tab press, a
-     *  Recent-row press, or a search/grouped-row press inside the sheet. This is also the app's ONLY
-     *  signal to update its own "recently visited" state — see MODULE.md's controlled-state contract. */
-    onDestinationPress: (id: string) => void;
-    moreLabel: string;
-    moreIcon: IconName;
-    moreVisible: boolean;
-    onMoreVisibleChange: (visible: boolean) => void;
-    overflowSections: BottomNavOverflowSection[];
-    /** Most-recent-first. The library never reorders, truncates, or persists this — it renders exactly
-     *  what it's given, pre-search only. Omit or pass `[]` to hide the Recent row entirely. */
-    recent?: BottomNavDestination[];
-    searchPlaceholder?: string;
-    searchAccessibilityLabel?: string;
-    recentLabel?: string;
-    noResultsLabel?: string;
-    edit?: BottomNavEditConfig;
-    /** Reuses `../menu`'s own `MenuItem` type directly. Omit → no quick-actions trigger renders at all. */
-    moreQuickActions?: MenuItem[];
-    /** `accessibilityLabel` for the quick-actions trigger badge. */
-    moreQuickActionsLabel?: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    /** Seeds `${testID}-tab-${id}`, `-more`, `-sheet`, `-sheet-search`, `-sheet-backdrop`,
-     *  `-sheet-recent-${id}`, `-sheet-result-${id}`, `-sheet-edit-toggle`, `-sheet-reset`. */
-    testID?: string;
-}
 export declare const BottomNav: import("react").NamedExoticComponent<BottomNavProps>;
 //# sourceMappingURL=BottomNav.d.ts.map

package/lib/typescript/modules/bottom-nav/BottomNav.variants.d.ts

@@ -19,9 +19,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";
 /** Same touch-target floor as Button/Select/Menu (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
-export declare const MIN_TOUCH_TARGET = 44;
 /** The bar's fixed visual height. A design constant, not a caller-facing `size` scale — v1 is a
  *  single fixed shape (see MODULE.md's API stability contract, "out of contract"). Comfortably
  *  clears `MIN_TOUCH_TARGET` on its own, with no `hitSlop` needed (unlike Button's shorter sizes). */
@@ -54,6 +54,7 @@ export interface BottomNavBadgeState {
 }
 /** `undefined`/`0` (or any non-positive count) resolves to `null` — the badge renders nothing and
  *  leaves the accessible name untouched. */
+export { MIN_TOUCH_TARGET };
 export declare function resolveBottomNavBadge(count: number | undefined): BottomNavBadgeState | null;
 /** Sums the positive badge counts across every overflow destination — drives the More trigger's dot
  *  and its accessible name. Structurally typed so this file stays free of `BottomNav.tsx` imports. */
@@ -159,9 +160,7 @@ export interface EditRowState {
 /** Pure "is this the targeted slot" derivation, shared by the render tree and its tests — the same
  *  small-pure-predicate idiom `resolveReorderMoveState` uses for Reorder's own row gating. */
 export declare function resolveEditRowState(input: EditRowStateInput): EditRowState;
-/** The bar container: tabs laid out as equal-width flex children, top border separating it from the
- *  screen content above. Colour (border, background) is resolved from role tokens and applied
- *  inline over this — never a hardcoded hex here. */
+/** Tabs laid out as equal-width flex children; the bar separates from content by tone + elevation. */
 export declare const bottomNavBarStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
 /** One tab slot: icon above label, centered, spaced by `rowGap`. Shared by every core tab AND the
  *  More tab's own touchable — both must reach the same 56dp visual height. */

package/lib/typescript/modules/bottom-nav/BottomNavProps.d.ts

@@ -0,0 +1,29 @@
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+import type { MenuItem } from "../menu";
+import type { BottomNavActiveState, BottomNavDestination, BottomNavEditConfig, BottomNavOverflowSection } from "./BottomNav";
+/** A fixed bottom tab bar with a searchable, editable overflow sheet. */
+export interface BottomNavProps {
+    coreTabs: BottomNavDestination[];
+    active: BottomNavActiveState;
+    onDestinationPress: (id: string) => void;
+    moreLabel: string;
+    moreIcon: IconName;
+    /** Controlled — whether the overflow sheet is open. */
+    moreVisible: boolean;
+    onMoreVisibleChange: (visible: boolean) => void;
+    overflowSections: BottomNavOverflowSection[];
+    /** Most-recent-first; omit or pass `[]` to hide the Recent row. */
+    recent?: BottomNavDestination[];
+    searchPlaceholder?: string;
+    /** Defaults to `searchPlaceholder`. */
+    searchAccessibilityLabel?: string;
+    recentLabel?: string;
+    noResultsLabel?: string;
+    edit?: BottomNavEditConfig;
+    moreQuickActions?: MenuItem[];
+    moreQuickActionsLabel?: string;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=BottomNavProps.d.ts.map

package/lib/typescript/modules/bottom-nav/index.d.ts

@@ -6,7 +6,8 @@
  * importing its internals.
  */
 export { BottomNav } from "./BottomNav";
-export type { BottomNavProps, BottomNavActiveState, BottomNavDestination, BottomNavOverflowSection, BottomNavEditConfig, } from "./BottomNav";
+export type { BottomNavActiveState, BottomNavDestination, BottomNavOverflowSection, BottomNavEditConfig, } from "./BottomNav";
+export type { BottomNavProps } from "./BottomNavProps";
 export type { MenuItem } from "../menu";
 export type { IconName } from "../../core/icon";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/bottom-sheet/BottomSheet.d.ts

@@ -12,18 +12,6 @@
  * reduce-motion branch cannot be bypassed by one call site. A swipe past the dismiss threshold also
  * reports through `onRequestClose`; the sheet is controlled, so sliding it away is not closing it.
  */
-import type { ReactNode } from "react";
-import type { LayoutStyle } from "../../core/style";
-export interface BottomSheetProps {
-    visible: boolean;
-    onRequestClose: () => void;
-    children: ReactNode;
-    /** Snap heights as fractions of window height (0.25 = quarter sheet). */
-    snapPoints?: readonly number[];
-    initialSnapIndex?: number;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { BottomSheetProps } from "./BottomSheetProps";
 export declare const BottomSheet: import("react").NamedExoticComponent<BottomSheetProps>;
 //# sourceMappingURL=BottomSheet.d.ts.map

package/lib/typescript/modules/bottom-sheet/BottomSheet.variants.d.ts

@@ -1,5 +1,7 @@
 import type { RoleColors, Theme } from "../../theme/hooks";
-export declare const BOTTOM_SHEET_BACKDROP = "#00000080";
+export declare const BOTTOM_SHEET_BACKDROP: string;
+export declare const BOTTOM_SHEET_IOS_HOME_INDICATOR_INSET = 20;
+export declare function resolveBottomSheetBottomInset(basePadding: number, platformOS: string): number;
 export declare function resolveBottomSheetSnapOffset(snapFraction: number, windowHeight: number): number;
 export declare function resolveNearestSnapIndex(offsetY: number, snapOffsets: readonly number[]): number;
 export interface BottomSheetPanelColors {

package/lib/typescript/modules/bottom-sheet/BottomSheetProps.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+/** A gesture-driven bottom sheet with configurable snap points. */
+export interface BottomSheetProps {
+    visible: boolean;
+    /** Also fires on backdrop tap, a swipe-dismiss past the threshold, and accessibility escape. */
+    onRequestClose: () => void;
+    children: ReactNode;
+    /** Snap heights as fractions of window height (0.25 = quarter sheet). */
+    snapPoints?: readonly number[];
+    /** Index into `snapPoints` to open at; out-of-range values clamp to the last snap point. */
+    initialSnapIndex?: number;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=BottomSheetProps.d.ts.map

package/lib/typescript/modules/bottom-sheet/index.d.ts

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

package/lib/typescript/modules/breadcrumbs/Breadcrumbs.d.ts

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

package/lib/typescript/modules/breadcrumbs/Breadcrumbs.variants.d.ts

@@ -0,0 +1,6 @@
+import type { TextStyle, ViewStyle } from "react-native";
+import type { Theme } from "../../theme/hooks";
+export declare const breadcrumbsStructure: import("../../core/style").ThemedVariantResolver<Theme, {}, ViewStyle>;
+export declare function resolveBreadcrumbLabelStyle(theme: Theme, current: boolean): TextStyle;
+export declare function resolveBreadcrumbSeparatorStyle(theme: Theme): TextStyle;
+//# sourceMappingURL=Breadcrumbs.variants.d.ts.map

package/lib/typescript/modules/breadcrumbs/BreadcrumbsProps.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+/** One segment in a breadcrumb trail. */
+export interface BreadcrumbItem {
+    /** Visible segment label. */
+    readonly label: string;
+    /** Ignored on the last item, which always renders as plain text. */
+    readonly onPress?: () => void;
+}
+/** Horizontal trail of breadcrumb segments. */
+export interface BreadcrumbsProps {
+    items: readonly BreadcrumbItem[];
+    /** Shown between segments; defaults to `/`. */
+    separator?: ReactNode;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=BreadcrumbsProps.d.ts.map

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

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

package/lib/typescript/modules/button/Button.d.ts

@@ -1,63 +1,4 @@
-/**
- * Button — the reference component. The single most-repeated shape in the audited apps (81 raw
- * TouchableOpacity in crm-mobile, 155 in ecommerce-mobile with three different style-key sets for the
- * SAME add-to-cart button, 195 web usages). Every other module copies the patterns here: how variants
- * resolve, how `tone` maps to role colours, how accessibility is wired, and the shape of the tests.
- */
-import type { GestureResponderEvent, MouseEvent, NativeSyntheticEvent, TargetedEvent } from "react-native";
-import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-import type { ButtonSize, ButtonTone, ButtonVariant, IconPosition } from "./Button.variants";
-interface ButtonBaseProps {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    tone?: ButtonTone;
-    iconPosition?: IconPosition;
-    loading?: boolean;
-    disabled?: boolean;
-    /**
-     * Toggle state for a button that stays on, e.g. a Bold/Italic toolbar control. ACCESSIBILITY ONLY
-     * — appearance stays with `variant`, which callers already swap for the active look; without this
-     * the on/off state is conveyed by colour alone (WCAG 1.4.1) and never announced (4.1.2).
-     * Omit it entirely on an ordinary button so it does not announce "not pressed".
-     */
-    selected?: boolean;
-    fullWidth?: boolean;
-    onPress?: () => void;
-    /**
-     * The gesture/pointer/keyboard handlers below plus `accessibilityHint` are the exact set a
-     * wrapping `Tooltip` injects via `cloneElement`. Declared explicitly because `{...rest}` is banned
-     * repo-wide: an undeclared prop is dropped, so without these a tooltip on a Button never opens.
-     * Each is chained after Button's own press/focus state, never in place of it.
-     */
-    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;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
-/** A button with a visible text label. `accessibilityLabel` defaults to `label`. */
-interface LabelledButtonProps extends ButtonBaseProps {
-    label: string;
-    icon?: IconName;
-    accessibilityLabel?: string;
-}
-/**
- * An icon-only button. It has no visible text, so `accessibilityLabel` is REQUIRED at the type level
- * — the single worst a11y trap on web (its tooltip was the only label on icon-only buttons in 22
- * files, and tooltips do not exist on touch). `label?: never` makes the two shapes mutually exclusive.
- */
-interface IconOnlyButtonProps extends ButtonBaseProps {
-    icon: IconName;
-    label?: never;
-    accessibilityLabel: string;
-}
-export type ButtonProps = LabelledButtonProps | IconOnlyButtonProps;
+import type { ButtonProps } from "./ButtonProps";
 declare function ButtonImpl(props: ButtonProps): import("react").JSX.Element;
 export declare const Button: import("react").MemoExoticComponent<typeof ButtonImpl>;
 export {};

package/lib/typescript/modules/button/Button.variants.d.ts

@@ -13,18 +13,14 @@
  * Everything here is 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, slopFor } from "../../core/a11y/touchTarget";
 import type { RoleColors } from "../../theme/hooks";
 import type { Theme } from "../../theme/hooks";
 export type ButtonVariant = "solid" | "outline" | "ghost" | "link";
 export type ButtonSize = "sm" | "md" | "lg";
 export type ButtonTone = "accent" | "neutral" | "danger";
 export type IconPosition = "leading" | "trailing";
-/**
- * The one touch-target floor we hold every size to. 44dp is Apple's HIG minimum and WCAG 2.5.5
- * (AAA); it comfortably exceeds 2.5.8's 24×24 (AA). Sizes shorter than this keep their visual
- * height and reach 44 through `hitSlop` — the target grows, the control never does.
- */
-export declare const MIN_TOUCH_TARGET = 44;
+export { MIN_TOUCH_TARGET, slopFor };
 export interface ButtonSizeSpec {
     /** Visual height in dp. */
     readonly height: number;
@@ -42,20 +38,20 @@ export interface ButtonSizeSpec {
  */
 export declare const BUTTON_SIZES: {
     readonly sm: {
-        readonly height: 32;
-        readonly fontSize: 14;
+        readonly height: number;
+        readonly fontSize: number;
         readonly iconSize: 16;
         readonly hitSlop: number;
     };
     readonly md: {
-        readonly height: 40;
-        readonly fontSize: 16;
+        readonly height: number;
+        readonly fontSize: number;
         readonly iconSize: 18;
         readonly hitSlop: number;
     };
     readonly lg: {
-        readonly height: 48;
-        readonly fontSize: 18;
+        readonly height: number;
+        readonly fontSize: number;
         readonly iconSize: 20;
         readonly hitSlop: number;
     };
@@ -137,15 +133,15 @@ export declare function resolveButtonAccessibility(input: ButtonAccessibilityInp
 export declare const buttonStructure: import("../../core/style").ThemedVariantResolver<Theme, {
     size: {
         sm: {
-            height: 32;
+            height: number;
             paddingHorizontal: 12;
         };
         md: {
-            height: 40;
+            height: number;
             paddingHorizontal: 16;
         };
         lg: {
-            height: 48;
+            height: number;
             paddingHorizontal: 24;
         };
     };