pixelize-native-library 1.2.1 → 1.3.0

package/lib/typescript/modules/alert-dialog/AlertDialog.d.ts

@@ -5,20 +5,7 @@
  * action's tone, press feedback, and touch target. This module's entire job is wiring: which two
  * actions appear, in what order, and which tone the confirm action carries.
  */
-import type { AlertDialogTone } from "./AlertDialog.variants";
-export interface AlertDialogProps {
-    visible: boolean;
-    onRequestClose: () => void;
-    title: string;
-    description?: string;
-    confirmLabel: string;
-    cancelLabel?: string;
-    onConfirm: () => void;
-    /** Defaults to `onRequestClose` — cancelling and dismissing mean the same thing unless overridden. */
-    onCancel?: () => void;
-    /** `"danger"` mirrors Button's own destructive-action tone on the confirm button. */
-    tone?: AlertDialogTone;
-    testID?: string;
-}
+import type { AlertDialogProps } from "./AlertDialogProps";
+export type { AlertDialogProps } from "./AlertDialogProps";
 export declare const AlertDialog: import("react").NamedExoticComponent<AlertDialogProps>;
 //# sourceMappingURL=AlertDialog.d.ts.map

package/lib/typescript/modules/alert-dialog/AlertDialogProps.d.ts

@@ -0,0 +1,20 @@
+import type { AlertDialogTone } from "./AlertDialog.variants";
+/** A small confirm/alert dialog composed from Modal + Button. */
+export interface AlertDialogProps {
+    visible: boolean;
+    onRequestClose: () => void;
+    title: string;
+    description?: string;
+    confirmLabel: string;
+    /** Defaults to "Cancel". */
+    cancelLabel?: string;
+    onConfirm: () => void;
+    /** Defaults to `onRequestClose` — cancelling and dismissing mean the same thing unless overridden. */
+    onCancel?: () => void;
+    /** `"danger"` mirrors Button's own destructive-action tone on the confirm button. */
+    tone?: AlertDialogTone;
+    /** When set, confirm stays disabled until the user types this string exactly (destructive guard). */
+    confirmationText?: string;
+    testID?: string;
+}
+//# sourceMappingURL=AlertDialogProps.d.ts.map

package/lib/typescript/modules/alert-dialog/index.d.ts

@@ -4,6 +4,6 @@
  * configures an AlertDialog through its props, never by importing its internals.
  */
 export { AlertDialog } from "./AlertDialog";
-export type { AlertDialogProps } from "./AlertDialog";
+export type { AlertDialogProps } from "./AlertDialogProps";
 export type { AlertDialogTone } from "./AlertDialog.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/app-bar/AppBar.d.ts

@@ -13,25 +13,6 @@
  * Its only motion is `useTitleCrossfade` below — opacity on the title box, nothing else. Elevation
  * on scroll would need a public scroll-offset prop, which the API contract does not justify here.
  */
-import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-export interface AppBarAction {
-    readonly icon: IconName;
-    readonly accessibilityLabel: string;
-    readonly onPress: () => void;
-}
-export interface AppBarProps {
-    title: string;
-    subtitle?: string;
-    /** Renders a ghost back button with `arrow-left` and an accessible name of "Back". */
-    onBack?: () => void;
-    /** Custom leading action when `onBack` is absent. */
-    leading?: AppBarAction;
-    /** One or more trailing icon actions. */
-    trailing?: AppBarAction | readonly AppBarAction[];
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { AppBarProps } from "./AppBarProps";
 export declare const AppBar: import("react").NamedExoticComponent<AppBarProps>;
 //# sourceMappingURL=AppBar.d.ts.map

package/lib/typescript/modules/app-bar/AppBar.variants.d.ts

@@ -8,6 +8,7 @@
  * Free of React and lucide, so the WCAG + behaviour tests import this 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";
 /** Matches `Button`'s `MIN_TOUCH_TARGET` — each side slot reserves at least 44dp for icon actions. */
 export declare const APP_BAR_SIDE_MIN_WIDTH = 44;
@@ -21,6 +22,7 @@ export interface AppBarColors {
  * Maps AppBar onto the theme's role colours. No `tone`/`color` prop to widen — every colour this
  * bar can show is one of these role lookups (same reasoning as `Divider`/`Card`).
  */
+export { MIN_TOUCH_TARGET };
 export declare function resolveAppBarColors(colors: RoleColors): AppBarColors;
 /**
  * Structural styles only — the header row, title box, and side slots. No colours (resolved
@@ -32,4 +34,6 @@ export declare const appBarSideStructure: import("../../core/style").ThemedVaria
 export declare const appBarSideTrailingStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
 export declare const appBarTitleBoxStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
 export declare const appBarActionsRowStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+/** Scroll distance over which a `scrollEffect="collapse*"` AppBar eases subtitle/padding. */
+export declare const APP_BAR_SCROLL_COLLAPSE_RANGE = 64;
 //# sourceMappingURL=AppBar.variants.d.ts.map

package/lib/typescript/modules/app-bar/AppBarProps.d.ts

@@ -0,0 +1,25 @@
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+/** One icon action shown in the leading or trailing slot. */
+export interface AppBarAction {
+    readonly icon: IconName;
+    readonly accessibilityLabel: string;
+    readonly onPress: () => void;
+}
+/** A themed top bar for screen headers, with optional back/leading/trailing icon actions. */
+export interface AppBarProps {
+    /** Rendered as the screen's accessible heading (role "header", level 1). Crossfades when changed. */
+    title: string;
+    /** Muted second line under the title; also crossfades when changed. */
+    subtitle?: string;
+    /** Renders a ghost back button with `arrow-left` and an accessible name of "Back". */
+    onBack?: () => void;
+    /** Custom leading action when `onBack` is absent. */
+    leading?: AppBarAction;
+    /** One or more trailing icon actions. */
+    trailing?: AppBarAction | readonly AppBarAction[];
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=AppBarProps.d.ts.map

package/lib/typescript/modules/app-bar/index.d.ts

@@ -4,6 +4,6 @@
  * through its props, never by importing its internals.
  */
 export { AppBar } from "./AppBar";
-export type { AppBarProps, AppBarAction } from "./AppBar";
+export type { AppBarProps, AppBarAction } from "./AppBarProps";
 export type { IconName } from "../../core/icon";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/app-switcher/AppSwitcher.d.ts

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

package/lib/typescript/modules/app-switcher/AppSwitcherProps.d.ts

@@ -0,0 +1,17 @@
+import type { LayoutStyle } from "../../core/style";
+/** One app entry in the switcher grid. */
+export interface AppSwitcherApp {
+    readonly id: string;
+    readonly label: string;
+    readonly icon?: string;
+}
+/** Grid of apps with a single active selection. */
+export interface AppSwitcherProps {
+    apps: readonly AppSwitcherApp[];
+    /** Must match an app's `id`; that entry alone shows a "Current" subtitle. */
+    activeAppId: string;
+    onSelect: (appId: string) => void;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=AppSwitcherProps.d.ts.map

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

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

package/lib/typescript/modules/appearance-settings/AppearanceSettings.d.ts

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

package/lib/typescript/modules/appearance-settings/AppearanceSettingsProps.d.ts

@@ -0,0 +1,15 @@
+import type { LayoutStyle } from "../../core/style";
+import type { ThemeName } from "../../theme/tokens/types";
+/** Light/dark preference for the appearance settings screen. */
+export type AppearanceColorMode = "light" | "dark";
+/** Brand + color-mode picker composed for settings flows. */
+export interface AppearanceSettingsProps {
+    /** Must be one of the library's registered `themeNames`; an unmatched value leaves every chip unselected. */
+    brand: ThemeName;
+    mode: AppearanceColorMode;
+    onBrandChange: (brand: ThemeName) => void;
+    onModeChange: (mode: AppearanceColorMode) => void;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=AppearanceSettingsProps.d.ts.map

package/lib/typescript/modules/appearance-settings/index.d.ts

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

package/lib/typescript/modules/avatar/Avatar.d.ts

@@ -13,38 +13,7 @@
  * deliberately not an `Animated.Value`. An avatar renders per list row, so it must add no JS-driven
  * animation, no mount animation and no loop; the fade is load-triggered and runs entirely natively.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { AvatarShape, AvatarSize } from "./Avatar.variants";
-export interface AvatarProps {
-    size?: AvatarSize;
-    shape?: AvatarShape;
-    /** A remote image. Wins over `initials` when present. */
-    source?: {
-        uri: string;
-    };
-    /** Shown when there is no `source`. Longer strings are clipped to the first two characters. */
-    initials?: string;
-    /**
-     * Tints the initials/placeholder with a stable colour hashed from this string (an org name, a
-     * user id — whatever identifies the subject). Absent → the neutral placeholder fill.
-     */
-    identity?: string;
-    /**
-     * Blanks the image the instant this changes, so a recycled list row can never show the PREVIOUS
-     * subject's photo while the new one loads. Defaults to `source.uri`, which is the right key
-     * whenever one avatar means one image.
-     */
-    recyclingKey?: string;
-    /**
-     * Optional, unlike `Button`'s icon-only `accessibilityLabel` — an avatar is usually adjacent to a
-     * visible name, so it is not the sole carrier of identity the way an icon-only button's label is.
-     * Absent → the avatar is treated as decorative and hidden from assistive tech; present → exposed as
-     * one `"image"`-role element with this label.
-     */
-    accessibilityLabel?: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { AvatarProps } from "./AvatarProps";
+export type { AvatarProps } from "./AvatarProps";
 export declare const Avatar: import("react").NamedExoticComponent<AvatarProps>;
 //# sourceMappingURL=Avatar.d.ts.map

package/lib/typescript/modules/avatar/Avatar.variants.d.ts

@@ -15,7 +15,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` and `Button.variants.ts` do).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { PaletteProps, RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
 /** `circle` for a person, `rounded` for an organisation/product, `square` for tiles/thumbnails. */
 export type AvatarShape = "circle" | "rounded" | "square";

package/lib/typescript/modules/avatar/AvatarProps.d.ts

@@ -0,0 +1,23 @@
+import type { LayoutStyle } from "../../core/style";
+import type { AvatarShape, AvatarSize } from "./Avatar.variants";
+/** A circular identity glyph — image, initials, or a plain placeholder. */
+export interface AvatarProps {
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    /** A remote image. Wins over `initials` when present. */
+    source?: {
+        uri: string;
+    };
+    /** Shown when there's no `source`; clipped to its first two characters. */
+    initials?: string;
+    /** Tints initials/placeholder with a colour hashed from this string; absent uses the neutral fill. */
+    identity?: string;
+    /** Blanks the image on change so a recycled row won't flash the old photo. */
+    recyclingKey?: string;
+    /** Optional — absent hides the avatar from assistive tech; present exposes it as an image. */
+    accessibilityLabel?: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=AvatarProps.d.ts.map

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

@@ -6,6 +6,6 @@
  * No `IconName` re-export here: unlike `Button`, Avatar takes no `icon` prop.
  */
 export { Avatar } from "./Avatar";
-export type { AvatarProps } from "./Avatar";
+export type { AvatarProps } from "./AvatarProps";
 export type { AvatarShape, AvatarSize } from "./Avatar.variants";
 //# sourceMappingURL=index.d.ts.map

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

@@ -8,23 +8,6 @@
  * `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/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,31 +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;
-    /** 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;
-}
 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. */

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