pixelize-native-library 1.2.0 → 1.3.0

package/lib/typescript/modules/radio-group/RadioGroup.d.ts

@@ -7,27 +7,7 @@
  * No animation anywhere (the dot appears/disappears by conditional render, not a fade or a move),
  * so there is nothing for `useReducedMotion` (WCAG 2.3.3) to gate — unlike Button's press fade.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { RadioGroupSize } from "./RadioGroup.variants";
-export interface RadioGroupOption {
-    readonly label: string;
-    readonly value: string;
-}
-export interface RadioGroupProps {
-    options: RadioGroupOption[];
-    value: string;
-    onValueChange: (value: string) => void;
-    disabled?: boolean;
-    size?: RadioGroupSize;
-    /**
-     * Names the group itself. Without it the `radiogroup` container is announced unnamed, so a reader
-     * hears each option's own label with nothing saying what the set of options is FOR (WCAG 1.3.1) —
-     * the rows carry their labels, the container carried none.
-     */
-    accessibilityLabel?: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { RadioGroupProps } from "./RadioGroupProps";
+export type { RadioGroupOption, RadioGroupProps } from "./RadioGroupProps";
 export declare const RadioGroup: import("react").NamedExoticComponent<RadioGroupProps>;
 //# sourceMappingURL=RadioGroup.d.ts.map

package/lib/typescript/modules/radio-group/RadioGroup.variants.d.ts

@@ -7,10 +7,10 @@
  *  - `resolveRadioRowAccessibility` derives the per-row a11y surface purely, so the
  *    "selected"/"disabled" 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 RadioGroupSize = "sm" | "md";
-/** Same floor as Button — Apple HIG minimum and WCAG 2.5.5 (AAA). */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface RadioGroupSizeSpec {
     /** Visual row height in dp. */
     readonly rowMinHeight: number;

package/lib/typescript/modules/radio-group/RadioGroupProps.d.ts

@@ -0,0 +1,21 @@
+import type { LayoutStyle } from "../../core/style";
+import type { RadioGroupSize } from "./RadioGroup.variants";
+/** One radio row's value and label. */
+export interface RadioGroupOption {
+    readonly label: string;
+    readonly value: string;
+}
+/** A single-select group of radio rows. */
+export interface RadioGroupProps {
+    options: RadioGroupOption[];
+    value: string;
+    onValueChange: (value: string) => void;
+    disabled?: boolean;
+    size?: RadioGroupSize;
+    /** Names the group; without it the container announces unnamed to assistive tech. */
+    accessibilityLabel?: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=RadioGroupProps.d.ts.map

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

@@ -5,6 +5,6 @@
  * never by importing its internals.
  */
 export { RadioGroup } from "./RadioGroup";
-export type { RadioGroupProps, RadioGroupOption } from "./RadioGroup";
+export type { RadioGroupProps, RadioGroupOption } from "./RadioGroupProps";
 export type { RadioGroupSize } from "./RadioGroup.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/reorder/Reorder.d.ts

@@ -11,7 +11,7 @@
  * preview offset is `resolveRowShift`, the dragged row's is the raw `translationY`.
  *
  * The list stays FULLY CONTROLLED: `items` is never mutated mid-drag. On release the pan hands off
- * to JS once (`runOnJS`) and commits `moveItem(items, startIndex, targetIndex)` through `onReorder`.
+ * to JS once (`scheduleOnRN`) and commits `moveItem(items, startIndex, targetIndex)` through `onReorder`.
  * Because the preview and the commit share the same splice semantics, the dragged row lands in the
  * slot its shifted neighbours already vacated — and passive rows snap back to 0 the instant
  * `activeIndex` goes idle, so no stale offset can outlive the drop.
@@ -31,18 +31,6 @@
  * 4.1.3): the accessible buttons already move the list, but without this the new order was
  * observable only by sight, which defeated the point of having them.
  */
-import type { LayoutStyle } from "../../core/style";
-export interface ReorderItem {
-    readonly id: string;
-    readonly label: string;
-}
-export interface ReorderProps {
-    items: ReorderItem[];
-    onReorder: (next: ReorderItem[]) => void;
-    disabled?: boolean;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { ReorderProps } from "./ReorderProps";
 export declare const Reorder: import("react").NamedExoticComponent<ReorderProps>;
 //# sourceMappingURL=Reorder.d.ts.map

package/lib/typescript/modules/reorder/Reorder.variants.d.ts

@@ -13,15 +13,15 @@
  * 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 every sibling module's tests do).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 /**
  * Fixed row height, in dp. A fixed height — rather than per-row `onLayout` measurement — is what
  * lets the drag math below be a closed-form `dy ÷ rowHeight`, never an async-measured guess (the
  * build brief's own preference: "a fixed height is simpler and more robust here").
  */
 export declare const REORDER_ROW_HEIGHT = 56;
-/** The 44dp floor every touch target holds itself to (WCAG 2.5.5 AAA; comfortably clears 2.5.8). */
-export declare const MIN_TOUCH_TARGET = 44;
 /** Grip bar glyph — three of these stacked make the drag-handle affordance. No `IconName` in the
  *  closed 22-name set represents a drag handle, and that set is never extended for one component
  *  (per the build brief), so the grip is hand-built from plain themed bars instead. */

package/lib/typescript/modules/reorder/ReorderProps.d.ts

@@ -0,0 +1,19 @@
+import type { LayoutStyle } from "../../core/style";
+/** One row's identity and label. */
+export interface ReorderItem {
+    readonly id: string;
+    readonly label: string;
+}
+/** Configuration for the drag-to-reorder list. */
+export interface ReorderProps {
+    /** Fully controlled — never mutated internally; commit the reordered array from `onReorder`. */
+    items: ReorderItem[];
+    /** Called on drag release or a move-button press, with the full reordered array. */
+    onReorder: (next: ReorderItem[]) => void;
+    /** Disables both dragging and the up/down move buttons. */
+    disabled?: boolean;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=ReorderProps.d.ts.map

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

@@ -5,5 +5,5 @@
  * never by importing its internals.
  */
 export { Reorder } from "./Reorder";
-export type { ReorderProps, ReorderItem } from "./Reorder";
+export type { ReorderProps, ReorderItem } from "./ReorderProps";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/rich-text/RichText.d.ts

@@ -1,15 +1,7 @@
 /**
  * RichText — read-only safe HTML renderer. Ported from tickets/mobile RichText.tsx.
  */
-import type { LayoutStyle } from "../../core/style";
-export interface RichTextProps {
-    html: string;
-    numberOfLines?: number;
-    onLinkPress?: (url: string) => void;
-    onImagePress?: (src: string) => void;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { RichTextProps } from "./RichTextProps";
+export type { RichTextProps } from "./RichTextProps";
 export declare const RichText: import("react").NamedExoticComponent<RichTextProps>;
 //# sourceMappingURL=RichText.d.ts.map

package/lib/typescript/modules/rich-text/RichTextProps.d.ts

@@ -0,0 +1,15 @@
+import type { LayoutStyle } from "../../core/style";
+/** A read-only renderer for sanitized HTML. */
+export interface RichTextProps {
+    html: string;
+    /** Renders flattened inline text instead of blocks, truncated to this many lines. */
+    numberOfLines?: number;
+    /** Overrides the default of opening the link via `Linking.openURL`. */
+    onLinkPress?: (url: string) => void;
+    /** Fires when an image placeholder is pressed; without it, images aren't pressable. */
+    onImagePress?: (src: string) => void;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=RichTextProps.d.ts.map

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

@@ -1,5 +1,5 @@
 export { RichText } from "./RichText";
-export type { RichTextProps } from "./RichText";
+export type { RichTextProps } from "./RichTextProps";
 export { decodeEntities, isElement, isSafeUrl, parseRichText, stripHtmlToText, textContent, } from "./parseRichText";
 export type { ElementNode, HtmlNode, TextNode } from "./parseRichText";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/rich-text-editor/RichTextEditor.d.ts

@@ -13,50 +13,6 @@
  * Toolbar toggle highlighting is driven by the native `onChangeState` event (bold/italic/… active
  * state as the cursor moves) — see `RichTextEditor.variants.ts` → `resolveRichTextEditorActiveActions`.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { MentionUser, RichTextEditorImage } from "./RichTextEditor.variants";
-export interface RichTextEditorHandle {
-    /** Reads the editor's current content as HTML. Async — the native layer parses on demand. */
-    getHTML: () => Promise<string>;
-    focus: () => void;
-    blur: () => void;
-    /** Replaces the entire editor content — for the rare case the parent resets it (e.g. loading a
-     *  template). Not a live sync mechanism; this is UNCONTROLLED between calls. */
-    setValue: (html: string) => void;
-}
-export interface RichTextEditorProps {
-    /** Initial HTML/text. Never re-applied on change — see the module header. */
-    defaultValue?: string;
-    placeholder?: string;
-    /** Rendered above the toolbar. Also becomes the editor field's accessible name unless one is
-     *  passed explicitly. */
-    label?: string;
-    /** Overrides the label→field accessible-name fallback. */
-    accessibilityLabel?: string;
-    /** Minimum editor height, in dp. */
-    minHeight?: number;
-    /** Candidate users for `@` mentions. Empty/omitted disables mentions gracefully (no `@` trigger
-     *  wired, no mention toolbar button rendered). */
-    mentionUsers?: MentionUser[];
-    /** Supplies an image to insert at the caret. Omitted/undefined hides the image toolbar button
-     *  entirely — the same "disables gracefully" contract `mentionUsers` has. The consumer owns
-     *  picking, uploading and any failure message; resolve `null` for a cancel or a failure, and a
-     *  rejection is caught here so the toolbar recovers with nothing inserted. */
-    onRequestImage?: () => Promise<RichTextEditorImage | null>;
-    /** Fires on every keystroke with the plain text — a cheap dirty-signal, not the HTML. */
-    onChangeText?: (text: string) => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    editable?: boolean;
-    /** Off by default: while on, Android's `canScrollVertically` returns it verbatim, so the editor
-     *  claims every drag instead of releasing it to the page `ScrollView`. Enable only with a bounded height. */
-    scrollEnabled?: boolean;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    containerStyle?: LayoutStyle;
-    /** Normalizes arbitrary incoming HTML (Word/Google Docs/foreign markup) into the native editor's
-     *  canonical tag subset before it's applied. Off by default, matching the native library. */
-    useHtmlNormalizer?: boolean;
-    testID?: string;
-}
+import type { RichTextEditorHandle, RichTextEditorProps } from "./RichTextEditorProps";
 export declare const RichTextEditor: import("react").NamedExoticComponent<RichTextEditorProps & import("react").RefAttributes<RichTextEditorHandle>>;
 //# sourceMappingURL=RichTextEditor.d.ts.map

package/lib/typescript/modules/rich-text-editor/RichTextEditorProps.d.ts

@@ -0,0 +1,40 @@
+import type { LayoutStyle } from "../../core/style";
+import type { MentionUser, RichTextEditorImage } from "./RichTextEditor.variants";
+/** Imperative ref API — the editor is otherwise uncontrolled between renders. */
+export interface RichTextEditorHandle {
+    /** Reads the editor's current HTML; async, parsed on demand by the native layer. */
+    getHTML: () => Promise<string>;
+    focus: () => void;
+    blur: () => void;
+    /** Replaces the entire content; not a live sync — the editor stays uncontrolled. */
+    setValue: (html: string) => void;
+}
+/** Themed wrapper around the native Fabric `EnrichedTextInput`, with toolbar and mentions. */
+export interface RichTextEditorProps {
+    /** Initial HTML/text. Never re-applied on change — see the module header. */
+    defaultValue?: string;
+    placeholder?: string;
+    /** Rendered above the toolbar; also the field's accessible name unless overridden. */
+    label?: string;
+    /** Overrides the label→field accessible-name fallback. */
+    accessibilityLabel?: string;
+    /** Minimum editor height, in dp. */
+    minHeight?: number;
+    /** Candidate users for `@` mentions; empty/omitted disables mentions entirely. */
+    mentionUsers?: MentionUser[];
+    /** Omitted hides the image button; resolve null on cancel or failure. */
+    onRequestImage?: () => Promise<RichTextEditorImage | null>;
+    /** Fires every keystroke with plain text — a cheap dirty-signal, not the HTML. */
+    onChangeText?: (text: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    editable?: boolean;
+    /** Off by default — enabling lets the editor claim scroll gestures from the page. */
+    scrollEnabled?: boolean;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    containerStyle?: LayoutStyle;
+    /** Normalizes pasted HTML (Word/Docs/foreign markup) before applying it. Off by default. */
+    useHtmlNormalizer?: boolean;
+    testID?: string;
+}
+//# sourceMappingURL=RichTextEditorProps.d.ts.map

package/lib/typescript/modules/rich-text-editor/index.d.ts

@@ -3,7 +3,7 @@
  * split for `verbatimModuleSyntax`.
  */
 export { RichTextEditor } from "./RichTextEditor";
-export type { RichTextEditorHandle, RichTextEditorProps } from "./RichTextEditor";
+export type { RichTextEditorHandle, RichTextEditorProps } from "./RichTextEditorProps";
 export type { MentionUser, RichTextEditorImage, RichTextEditorToolbarAction, } from "./RichTextEditor.variants";
 export { RICH_TEXT_EDITOR_TOOLBAR_ITEMS } from "./RichTextEditor.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/save-bar/SaveBar.d.ts

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

package/lib/typescript/modules/save-bar/SaveBarProps.d.ts

@@ -0,0 +1,18 @@
+import type { LayoutStyle } from "../../core/style";
+/** Sticky save/discard bar for dirty forms. */
+export interface SaveBarProps {
+    /** Bar renders nothing when false. */
+    dirty: boolean;
+    onSave: () => void;
+    /** When set, shows a Discard button (disabled while `saving`). */
+    onDiscard?: () => void;
+    /** Defaults to "Save". */
+    saveLabel?: string;
+    /** Defaults to "Discard"; unused unless `onDiscard` is set. */
+    discardLabel?: string;
+    /** Shows a loading state on Save and disables Discard; defaults to false. */
+    saving?: boolean;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=SaveBarProps.d.ts.map

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

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

package/lib/typescript/modules/screen/Screen.d.ts

@@ -1,36 +1,7 @@
 /**
  * Screen — a screen shell composing SafeArea, optional KeyboardAvoidingView, optional pull-to-refresh,
- * and async-state slots that swap in `LoadingState` / consumer-provided empty/error content instead of
- * `children`. Replaces the per-app `SafeAreaView` + `KeyboardAvoidingView` + `RefreshControl` wiring
- * that tickets/mobile and crm-mobile each re-declared.
- *
- * Requires `react-native-safe-area-context` — Screen's whole purpose is safe-area handling; consumers
- * using this module are expected to install that optional peer (see MODULE.md).
- *
- * No `accessibilityRole` of its own: like `Card`, this is a layout shell — children and composed
- * state blocks carry their own semantics.
+ * optional `appBar` slot with safe-area edge splitting, and async-state slots.
  */
-import type { ReactNode } from "react";
-import type { LayoutStyle } from "../../core/style";
-import type { ScreenEdge, ScreenState } from "./Screen.variants";
-export interface ScreenProps {
-    children?: ReactNode;
-    edges?: readonly ScreenEdge[];
-    padded?: boolean;
-    keyboardAvoiding?: boolean;
-    keyboardVerticalOffset?: number;
-    refreshing?: boolean;
-    onRefresh?: () => void;
-    state?: ScreenState;
-    /** Shown when `state="loading"`. Defaults to `<LoadingState />`. */
-    loading?: ReactNode;
-    /** Shown when `state="empty"`. Compose `EmptyState` here. */
-    empty?: ReactNode;
-    /** Shown when `state="error"`. Compose `ErrorState` here. */
-    error?: ReactNode;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { ScreenProps } from "./ScreenProps";
 export declare const Screen: import("react").NamedExoticComponent<ScreenProps>;
 //# sourceMappingURL=Screen.d.ts.map

package/lib/typescript/modules/screen/Screen.variants.d.ts

@@ -18,4 +18,8 @@ export declare const screenRootStructure: import("../../core/style").ThemedVaria
 export declare const screenPaddedStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
 export declare const screenStateSlotStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
 export declare const screenScrollContentStructure: import("../../core/style").VariantResolver<import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+export declare const screenBodyStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+export declare const screenShellStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
+export declare function resolveScreenBodyEdges(edges: readonly ScreenEdge[], hasAppBar: boolean): readonly ScreenEdge[];
+export declare function resolveScreenAppBarEdges(edges: readonly ScreenEdge[], hasAppBar: boolean): readonly ScreenEdge[];
 //# sourceMappingURL=Screen.variants.d.ts.map

package/lib/typescript/modules/screen/ScreenProps.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+import type { ScreenEdge, ScreenState } from "./Screen.variants";
+/** A screen shell with SafeArea, optional AppBar, pull-to-refresh, and async-state slots. */
+export interface ScreenProps {
+    children?: ReactNode;
+    /** Top header slot — receives top safe-area inset; body omits `top` from `edges`. */
+    appBar?: ReactNode;
+    /** Defaults to `["top"]`; body omits `top` when `appBar` is set. */
+    edges?: readonly ScreenEdge[];
+    /** Adds themed padding around the body. Defaults to false. */
+    padded?: boolean;
+    /** Wraps content in a KeyboardAvoidingView. Defaults to false. */
+    keyboardAvoiding?: boolean;
+    /** Passed to KeyboardAvoidingView; ignored unless `keyboardAvoiding` is set. */
+    keyboardVerticalOffset?: number;
+    /** Pull-to-refresh spinner state; paired with `onRefresh`. */
+    refreshing?: boolean;
+    /** Enables pull-to-refresh — the RefreshControl only renders when this is set. */
+    onRefresh?: () => void;
+    /** Selects which slot renders: loading, empty, error, or children. Defaults to "idle". */
+    state?: ScreenState;
+    /** Shown when `state="loading"`. Defaults to `<LoadingState />`. */
+    loading?: ReactNode;
+    /** Shown when `state="empty"`. Compose `EmptyState` here. */
+    empty?: ReactNode;
+    /** Shown when `state="error"`. Compose `ErrorState` here. */
+    error?: ReactNode;
+    /** Wires an Animated.ScrollView with a shared `scrollY` for `AppBar`'s `scrollEffect` when `appBar` is set. */
+    scrollLinked?: boolean;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=ScreenProps.d.ts.map

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

@@ -4,6 +4,6 @@
  * props, never by importing its internals.
  */
 export { Screen } from "./Screen";
-export type { ScreenProps } from "./Screen";
+export type { ScreenProps } from "./ScreenProps";
 export type { ScreenEdge, ScreenState } from "./Screen.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/search-bar/SearchBar.d.ts

@@ -15,33 +15,7 @@
  * no motion for `useReducedMotion` (WCAG 2.3.3) to gate. The one moving part on screen — the
  * `loading` spinner — is `Spinner`'s own, which already honours reduced motion internally.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { SearchBarSize } from "./SearchBar.variants";
-export interface SearchBarProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    placeholder?: string;
-    /** Fires on the keyboard's submit/search key. Any pending debounce is flushed first. */
-    onSubmit?: () => void;
-    /** Fires after the clear button (or "Cancel") empties the query. */
-    onClear?: () => void;
-    /** `0` (default) reports every keystroke. Above `0`, `onChangeText` is debounced by this many
-     *  milliseconds while the rendered text stays instant. */
-    debounceMs?: number;
-    /** Reveals a trailing "Cancel" text button once the field is focused. */
-    showCancel?: boolean;
-    cancelLabel?: string;
-    /** Swaps the leading `search` glyph for a `Spinner`. */
-    loading?: boolean;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    size?: SearchBarSize;
-    /** Overrides the placeholder→name fallback, for a placeholder that reads as a prompt rather than
-     *  a name ("Search…" tells a screen-reader user nothing about WHAT is being searched). */
-    accessibilityLabel?: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { SearchBarProps } from "./SearchBarProps";
+export type { SearchBarProps } from "./SearchBarProps";
 export declare const SearchBar: import("react").NamedExoticComponent<SearchBarProps>;
 //# sourceMappingURL=SearchBar.d.ts.map

package/lib/typescript/modules/search-bar/SearchBar.variants.d.ts

@@ -11,11 +11,10 @@
  * 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, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type SearchBarSize = "sm" | "md";
-/** Same floor as Button/Input/ButtonGroup — 44dp (WCAG 2.5.5 / HIG). Duplicated, not imported:
- * modules stay isolated. */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface SearchBarSizeSpec {
     /** Visual field height in dp (fixed, not a minimum — the hitSlop math depends on it). */
     readonly height: number;
@@ -32,13 +31,13 @@ export interface SearchBarSizeSpec {
  */
 export declare const SEARCH_BAR_SIZES: {
     readonly sm: {
-        readonly height: 32;
+        readonly height: 44;
         readonly fontSize: 14;
         readonly iconSize: 16;
         readonly hitSlop: number;
     };
     readonly md: {
-        readonly height: 40;
+        readonly height: 52;
         readonly fontSize: 16;
         readonly iconSize: 18;
         readonly hitSlop: number;
@@ -146,11 +145,11 @@ export declare const searchBarRowStructure: import("../../core/style").ThemedVar
 export declare const searchBarFieldStructure: import("../../core/style").ThemedVariantResolver<Theme, {
     size: {
         sm: {
-            height: 32;
+            height: 44;
             paddingHorizontal: 12;
         };
         md: {
-            height: 40;
+            height: 52;
             paddingHorizontal: 16;
         };
     };
@@ -169,10 +168,10 @@ export declare const searchBarClearStructure: import("../../core/style").ThemedV
 export declare const searchBarCancelStructure: import("../../core/style").ThemedVariantResolver<Theme, {
     size: {
         sm: {
-            height: 32;
+            height: 44;
         };
         md: {
-            height: 40;
+            height: 52;
         };
     };
 }, import("react-native").ViewStyle>;

package/lib/typescript/modules/search-bar/SearchBarProps.d.ts

@@ -0,0 +1,30 @@
+import type { LayoutStyle } from "../../core/style";
+import type { SearchBarSize } from "./SearchBar.variants";
+/** A query field with the affordances every list screen re-implements. */
+export interface SearchBarProps {
+    value: string;
+    onChangeText: (text: string) => void;
+    /** Defaults to "Search". */
+    placeholder?: string;
+    /** Fires on the keyboard's submit/search key. Any pending debounce is flushed first. */
+    onSubmit?: () => void;
+    /** Fires after the clear button (or "Cancel") empties the query. */
+    onClear?: () => void;
+    /** `0` (default) reports every keystroke; above `0`, debounces `onChangeText` by this many ms. */
+    debounceMs?: number;
+    /** Reveals a trailing "Cancel" text button once the field is focused. */
+    showCancel?: boolean;
+    /** Defaults to "Cancel". */
+    cancelLabel?: string;
+    /** Swaps the leading `search` glyph for a `Spinner`. */
+    loading?: boolean;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    size?: SearchBarSize;
+    /** Overrides the placeholder→name fallback, for a placeholder that isn't a name. */
+    accessibilityLabel?: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=SearchBarProps.d.ts.map

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

@@ -6,6 +6,6 @@
  * `IconName` re-export.
  */
 export { SearchBar } from "./SearchBar";
-export type { SearchBarProps } from "./SearchBar";
+export type { SearchBarProps } from "./SearchBarProps";
 export type { SearchBarSize } from "./SearchBar.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/section/Section.d.ts

@@ -5,13 +5,6 @@
  * The label is the section's heading, so it carries `accessibilityRole="header"` at level 2 (WCAG
  * 1.3.1 / 2.4.6) — the same role and level `SectionList`'s own section header renders with.
  */
-import type { ReactNode } from "react";
-import type { LayoutStyle } from "../../core/style";
-export interface SectionProps {
-    label: string;
-    children?: ReactNode;
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { SectionProps } from "./SectionProps";
 export declare const Section: import("react").NamedExoticComponent<SectionProps>;
 //# sourceMappingURL=Section.d.ts.map

package/lib/typescript/modules/section/Section.variants.d.ts

@@ -1,6 +1,3 @@
-/**
- * Section's style resolution — same split as `Divider.variants` / `Card.variants`.
- */
 import type { RoleColors, Theme } from "../../theme/hooks";
 export interface SectionColors {
     readonly border: string;

package/lib/typescript/modules/section/SectionProps.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+/** A labelled content block with a hairline top border. */
+export interface SectionProps {
+    /** Rendered as the section's level-2 heading, uppercased. */
+    label: string;
+    children?: ReactNode;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=SectionProps.d.ts.map

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

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

package/lib/typescript/modules/section-list/SectionList.d.ts

@@ -1,25 +1,7 @@
 /**
  * SectionList — virtualized sections built on `core/list` VirtualSectionList.
  */
-import type { ReactElement } from "react";
-import type { LayoutStyle } from "../../core/style";
-export interface SectionListSection<T> {
-    readonly title: string;
-    readonly data: readonly T[];
-}
-export interface SectionListProps<T> {
-    sections: readonly SectionListSection<T>[];
-    renderItem: (info: {
-        item: T;
-        sectionIndex: number;
-        index: number;
-    }) => ReactElement | null;
-    keyExtractor: (item: T, index: number) => string;
-    itemHeight?: number;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { SectionListProps } from "./SectionListProps";
 declare function SectionListInner<T>({ sections, renderItem, keyExtractor, itemHeight, style, testID, }: SectionListProps<T>): import("react").JSX.Element;
 export declare const SectionList: typeof SectionListInner;
 export {};