pixelize-native-library 1.2.1 → 1.3.0

package/lib/typescript/modules/data-table/DataTable.variants.d.ts

@@ -12,7 +12,9 @@
  * Free of React, of `lucide`, and of any native 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 DataTableAlign = "left" | "center" | "right";
 export type DataTableSortDirection = "asc" | "desc";
 /** The three glyphs a header can show. A literal union rather than an `IconName` import, so this
@@ -20,7 +22,6 @@ export type DataTableSortDirection = "asc" | "desc";
  *  still type-checks these against the closed `IconName` set at the call site. */
 export type DataTableSortIcon = "chevron-up" | "chevron-down" | "chevrons-up-down";
 /** Same touch-target floor as Button/Select (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
-export declare const MIN_TOUCH_TARGET = 44;
 /** Header cells are sortable buttons, so the header is a direct 44dp target — never slop-expanded. */
 export declare const DATA_TABLE_HEADER_HEIGHT = 44;
 export declare const DATA_TABLE_DEFAULT_ROW_HEIGHT = 48;

package/lib/typescript/modules/data-table/DataTableProps.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+import type { DataTableAlign, DataTableSortDirection } from "./DataTable.variants";
+/** One column of a `DataTable`. */
+export interface DataTableColumn<T> {
+    readonly key: string;
+    readonly header: string;
+    /** Defaults to an equal-share width when omitted. */
+    readonly width?: number;
+    readonly align?: DataTableAlign;
+    /** If textual, must be caller-wrapped in `<Text>` — same convention as `ListItem`'s slots. */
+    readonly render?: (row: T, index: number) => ReactNode;
+    readonly sortable?: boolean;
+}
+/** Column-configured table for phone screens; sort and selection are fully controlled. */
+export interface DataTableProps<T> {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    /** Also seeds each row's `testID`. */
+    keyExtractor: (row: T, index: number) => string;
+    /** Absent leaves rows as plain `View`s rather than `Pressable`s. */
+    onRowPress?: (row: T, index: number) => void;
+    sortBy?: string;
+    sortDirection?: DataTableSortDirection;
+    /** Fired on a sortable header press; `DataTable` never sorts `data` itself. */
+    onSortChange?: (key: string, direction: DataTableSortDirection) => void;
+    /** Adds a leading `Checkbox` column, with select-all in the header. */
+    selectable?: boolean;
+    selectedKeys?: string[];
+    onSelectionChange?: (keys: string[]) => void;
+    /** Swaps rows for skeleton placeholders; the header still renders. */
+    loading?: boolean;
+    /** Defaults to "No data". */
+    emptyMessage?: string;
+    /** Controls the sticky pin only — the header renders before row 0 either way. */
+    stickyHeader?: boolean;
+    /** Defaults to 48. Short values get `hitSlop`; also feeds row-layout measurement. */
+    rowHeight?: number;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=DataTableProps.d.ts.map

package/lib/typescript/modules/data-table/index.d.ts

@@ -4,6 +4,6 @@
  * internal — a consumer configures a DataTable through its props, never by importing its internals.
  */
 export { DataTable } from "./DataTable";
-export type { DataTableProps, DataTableColumn } from "./DataTable";
+export type { DataTableProps, DataTableColumn } from "./DataTableProps";
 export type { DataTableAlign, DataTableSortDirection } from "./DataTable.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/date-picker/Calendar.d.ts

@@ -15,28 +15,6 @@
  * `Calendar.keys.web.ts`, the date arithmetic in `resolveCalendarFocusMove`; Enter/Space are left
  * to `react-native-web`'s own `role="button"` press handling.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { CalendarSelectionMode, DateRange, FirstDayOfWeek } from "./DatePicker.variants";
-export interface CalendarProps {
-    /** The selected day in `"single"` mode. Ignored in `"range"` mode. */
-    value?: Date | null;
-    /** Fires with the tapped day at local noon. Alias: `onSelect`. */
-    onChange?: (date: Date) => void;
-    /** Same as `onChange` — preferred name for single-select usage. */
-    onSelect?: (date: Date) => void;
-    mode?: CalendarSelectionMode;
-    rangeValue?: DateRange | null;
-    onRangeChange?: (range: DateRange) => void;
-    minDate?: Date;
-    maxDate?: Date;
-    disabledDates?: Date[];
-    /** `1` = Monday (default), `0` = Sunday. */
-    firstDayOfWeek?: FirstDayOfWeek;
-    /** Drives month + weekday NAMES only, via `Intl.DateTimeFormat`. */
-    locale?: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { CalendarProps } from "./CalendarProps";
 export declare const Calendar: import("react").NamedExoticComponent<CalendarProps>;
 //# sourceMappingURL=Calendar.d.ts.map

package/lib/typescript/modules/date-picker/CalendarProps.d.ts

@@ -0,0 +1,31 @@
+import type { LayoutStyle } from "../../core/style";
+import type { CalendarSelectionMode, DateRange, FirstDayOfWeek } from "./DatePicker.variants";
+/** The month grid on its own, with no field or modal around it. */
+export interface CalendarProps {
+    /** The selected day in `"single"` mode. Ignored in `"range"` mode. */
+    value?: Date | null;
+    /** Fires with the tapped day at local noon. Alias: `onSelect`. */
+    onChange?: (date: Date) => void;
+    /** Same as `onChange` — preferred name for single-select usage. */
+    onSelect?: (date: Date) => void;
+    /** `"range"` switches selection to `rangeValue`/`onRangeChange` instead of `value`/`onChange`. Defaults to `"single"`. */
+    mode?: CalendarSelectionMode;
+    /** The `{ start, end }` selection in `"range"` mode. Ignored in `"single"` mode. */
+    rangeValue?: DateRange | null;
+    /** Fires with the next range as taps extend or restart the selection. */
+    onRangeChange?: (range: DateRange) => void;
+    /** Disables and clamps navigation to days on or after this date. */
+    minDate?: Date;
+    /** Disables and clamps navigation to days on or before this date. */
+    maxDate?: Date;
+    /** Specific days disabled in addition to the `minDate`/`maxDate` range. */
+    disabledDates?: Date[];
+    /** `1` = Monday (default), `0` = Sunday. */
+    firstDayOfWeek?: FirstDayOfWeek;
+    /** Drives month + weekday NAMES only, via `Intl.DateTimeFormat`. */
+    locale?: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=CalendarProps.d.ts.map

package/lib/typescript/modules/date-picker/DatePicker.d.ts

@@ -9,32 +9,6 @@
  * is the same dismissal — discards the draft, so "Cancel restores the prior value" holds by
  * construction (the prior value was never touched).
  */
-import type { LayoutStyle } from "../../core/style";
-import type { DatePickerMode, FirstDayOfWeek } from "./DatePicker.variants";
-export interface DatePickerProps {
-    value?: Date | null;
-    onChange: (date: Date | null) => void;
-    mode?: DatePickerMode;
-    /** When true (default for `mode="date"`), tapping a day commits and closes the sheet. */
-    confirmOnSelect?: boolean;
-    label?: string;
-    placeholder?: string;
-    minDate?: Date;
-    maxDate?: Date;
-    disabled?: boolean;
-    error?: string;
-    clearable?: boolean;
-    /** Replaces the ENTIRE field text, including the time half in `"datetime"` mode. Defaults to a
-     *  medium `Intl` date (plus a hand-built clock string — see `formatTime`'s doc comment). */
-    format?: (date: Date) => string;
-    use24Hour?: boolean;
-    /** `1` = Monday (default), `0` = Sunday. */
-    firstDayOfWeek?: FirstDayOfWeek;
-    /** Drives month + weekday NAMES only, via `Intl.DateTimeFormat`. */
-    locale?: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    containerStyle?: LayoutStyle;
-    testID?: string;
-}
+import type { DatePickerProps } from "./DatePickerProps";
 export declare const DatePicker: import("react").NamedExoticComponent<DatePickerProps>;
 //# sourceMappingURL=DatePicker.d.ts.map

package/lib/typescript/modules/date-picker/DatePicker.variants.d.ts

@@ -15,7 +15,9 @@
  * the previous day in any zone whose DST transition happens at 00:00 (America/Santiago,
  * Asia/Beirut) — the single most common calendar bug class there is.
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type CalendarSelectionMode = "single" | "range";
 export type DatePickerMode = "date" | "datetime" | "time";
 /** `1` = Monday (the library default — the team and its consumer apps are India-based, where the
@@ -33,7 +35,6 @@ export interface MonthCursor {
 }
 /** Same floor as Button/Select — 44dp (WCAG 2.5.5 / HIG). Duplicated, not imported: modules stay
  *  isolated. */
-export declare const MIN_TOUCH_TARGET = 44;
 export declare const DAY_CELL_MIN_HEIGHT = 44;
 export declare const QUICK_JUMP_CELL_MIN_HEIGHT = 44;
 export declare const TIME_OPTION_HEIGHT = 44;

package/lib/typescript/modules/date-picker/DatePickerProps.d.ts

@@ -0,0 +1,33 @@
+import type { LayoutStyle } from "../../core/style";
+import type { DatePickerMode, FirstDayOfWeek } from "./DatePicker.variants";
+/** A date field that opens a calendar in a picker shell. */
+export interface DatePickerProps {
+    value?: Date | null;
+    onChange: (date: Date | null) => void;
+    /** Defaults to `"date"`; `"datetime"` adds a Date/Time tab strip in the sheet. */
+    mode?: DatePickerMode;
+    /** When true (default for `mode="date"`), tapping a day commits and closes the sheet. */
+    confirmOnSelect?: boolean;
+    label?: string;
+    placeholder?: string;
+    /** Clamps the committed value on confirm; also disables out-of-range days in the calendar. */
+    minDate?: Date;
+    /** Clamps the committed value on confirm; also disables out-of-range days in the calendar. */
+    maxDate?: Date;
+    disabled?: boolean;
+    error?: string;
+    clearable?: boolean;
+    /** Replaces the ENTIRE field text, including the time half in `"datetime"` mode. Defaults to a
+     *  medium `Intl` date (plus a hand-built clock string — see `formatTime`'s doc comment). */
+    format?: (date: Date) => string;
+    /** Shows a 24-hour clock instead of 12-hour + AM/PM. Defaults to false. */
+    use24Hour?: boolean;
+    /** `1` = Monday (default), `0` = Sunday. */
+    firstDayOfWeek?: FirstDayOfWeek;
+    /** Drives month + weekday NAMES only, via `Intl.DateTimeFormat`. */
+    locale?: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=DatePickerProps.d.ts.map

package/lib/typescript/modules/date-picker/DateRangePicker.d.ts

@@ -5,28 +5,6 @@
  * `rangeValue`/`onRangeChange` pair (`Calendar`'s single-date `value`/`onChange` are simply unused
  * here, exactly as its own doc comment anticipates for a "range-only Calendar").
  */
-import type { LayoutStyle } from "../../core/style";
-import type { DateRange, FirstDayOfWeek } from "./DatePicker.variants";
-export interface DateRangePickerProps {
-    value?: DateRange;
-    onChange: (range: DateRange) => void;
-    label?: string;
-    placeholder?: string;
-    minDate?: Date;
-    maxDate?: Date;
-    disabled?: boolean;
-    error?: string;
-    clearable?: boolean;
-    /** Formats ONE endpoint; the field joins `start`/`end` with the typographic range separator.
-     *  Defaults to a medium `Intl` date (`formatDate`). */
-    format?: (date: Date) => string;
-    /** `1` = Monday (default), `0` = Sunday. */
-    firstDayOfWeek?: FirstDayOfWeek;
-    /** Drives month + weekday NAMES only, via `Intl.DateTimeFormat`. */
-    locale?: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    containerStyle?: LayoutStyle;
-    testID?: string;
-}
+import type { DateRangePickerProps } from "./DateRangePickerProps";
 export declare const DateRangePicker: import("react").NamedExoticComponent<DateRangePickerProps>;
 //# sourceMappingURL=DateRangePicker.d.ts.map

package/lib/typescript/modules/date-picker/DateRangePickerProps.d.ts

@@ -0,0 +1,27 @@
+import type { LayoutStyle } from "../../core/style";
+import type { DateRange, FirstDayOfWeek } from "./DatePicker.variants";
+/** A field that picks a start and end date in one calendar. */
+export interface DateRangePickerProps {
+    /** Defaults to an empty `{ start: null, end: null }` range. */
+    value?: DateRange;
+    onChange: (range: DateRange) => void;
+    label?: string;
+    placeholder?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    error?: string;
+    /** Clears to an empty range, not `null` — see `value`'s default. */
+    clearable?: boolean;
+    /** Formats ONE endpoint; the field joins `start`/`end` with the typographic range separator.
+     *  Defaults to a medium `Intl` date (`formatDate`). */
+    format?: (date: Date) => string;
+    /** `1` = Monday (default), `0` = Sunday. */
+    firstDayOfWeek?: FirstDayOfWeek;
+    /** Drives month + weekday NAMES only, via `Intl.DateTimeFormat`. */
+    locale?: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=DateRangePickerProps.d.ts.map

package/lib/typescript/modules/date-picker/PickerField.d.ts

@@ -5,22 +5,6 @@
  * both pickers differ only in what value they format and how "clear" resets it; the field's markup,
  * a11y wiring and focus/error treatment are otherwise identical.
  */
-import type { IconName } from "../../core/icon";
-export interface PickerFieldProps {
-    label?: string;
-    placeholder: string;
-    /** The formatted value, or `""` when empty — also what gates the clear button. */
-    displayText: string;
-    error?: string;
-    disabled: boolean;
-    /** Whether the picker sheet is open — folded into the field's focus ring + `expanded` state. */
-    open: boolean;
-    clearable: boolean;
-    clearAccessibilityLabel: string;
-    trailingIcon: IconName;
-    onPress: () => void;
-    onClear: () => void;
-    testID?: string;
-}
+import type { PickerFieldProps } from "./PickerFieldProps";
 export declare const PickerField: import("react").NamedExoticComponent<PickerFieldProps>;
 //# sourceMappingURL=PickerField.d.ts.map

package/lib/typescript/modules/date-picker/PickerFieldProps.d.ts

@@ -0,0 +1,19 @@
+import type { IconName } from "../../core/icon";
+/** Internal — the tappable field that opens a picker. */
+export interface PickerFieldProps {
+    label?: string;
+    placeholder: string;
+    /** The formatted value, or `""` when empty — also what gates the clear button. */
+    displayText: string;
+    error?: string;
+    disabled: boolean;
+    /** Whether the sheet is open; feeds the field's focus ring and `expanded` state. */
+    open: boolean;
+    clearable: boolean;
+    clearAccessibilityLabel: string;
+    trailingIcon: IconName;
+    onPress: () => void;
+    onClear: () => void;
+    testID?: string;
+}
+//# sourceMappingURL=PickerFieldProps.d.ts.map

package/lib/typescript/modules/date-picker/PickerShell.d.ts

@@ -13,17 +13,6 @@
  * (`ModalPortalContext`/`renderWebPortal`), read for the same reason `Select.tsx`/`Menu.tsx` read
  * it — see `../modal/ModalPortalContext.ts`.
  */
-import type { ReactNode } from "react";
-export interface PickerShellProps {
-    open: boolean;
-    /** Names the sheet for a screen reader landing on it — it has no visible title to borrow. */
-    accessibilityLabel: string;
-    onCancel: () => void;
-    onConfirm: () => void;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    children: ReactNode;
-    testID?: string;
-}
+import type { PickerShellProps } from "./PickerShellProps";
 export declare const PickerShell: import("react").NamedExoticComponent<PickerShellProps>;
 //# sourceMappingURL=PickerShell.d.ts.map

package/lib/typescript/modules/date-picker/PickerShellProps.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+/** Internal — the modal shell wrapping a picker body with cancel/confirm. */
+export interface PickerShellProps {
+    open: boolean;
+    /** Names the sheet for screen readers — it has no visible title. */
+    accessibilityLabel: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+    /** Defaults to "Confirm". */
+    confirmLabel?: string;
+    /** Defaults to "Cancel". */
+    cancelLabel?: string;
+    children: ReactNode;
+    testID?: string;
+}
+//# sourceMappingURL=PickerShellProps.d.ts.map

package/lib/typescript/modules/date-picker/TimePicker.d.ts

@@ -1,14 +1,6 @@
 /**
  * TimePicker — hour / minute (/ AM-PM) selection columns.
  */
-import type { LayoutStyle } from "../../core/style";
-export interface TimePickerProps {
-    value?: Date | null;
-    onChange: (date: Date) => void;
-    use24Hour?: boolean;
-    minuteStep?: number;
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { TimePickerProps } from "./TimePickerProps";
 export declare const TimePicker: import("react").NamedExoticComponent<TimePickerProps>;
 //# sourceMappingURL=TimePicker.d.ts.map

package/lib/typescript/modules/date-picker/TimePickerProps.d.ts

@@ -0,0 +1,14 @@
+import type { LayoutStyle } from "../../core/style";
+/** A field that picks an hour and minute. */
+export interface TimePickerProps {
+    /** `null`/omitted displays noon as a placeholder selection without calling `onChange`. */
+    value?: Date | null;
+    onChange: (date: Date) => void;
+    /** Shows a 24-hour clock instead of 12-hour + AM/PM column. Defaults to false. */
+    use24Hour?: boolean;
+    /** Minute increment shown in the picker, floored and clamped to 1–60. Defaults to 1. */
+    minuteStep?: number;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=TimePickerProps.d.ts.map

package/lib/typescript/modules/date-picker/index.d.ts

@@ -5,12 +5,12 @@
  * through `Calendar`, `TimePicker`, `DatePicker`, or `DateRangePicker`, never their internals.
  */
 export { Calendar } from "./Calendar";
-export type { CalendarProps } from "./Calendar";
+export type { CalendarProps } from "./CalendarProps";
 export { TimePicker } from "./TimePicker";
-export type { TimePickerProps } from "./TimePicker";
+export type { TimePickerProps } from "./TimePickerProps";
 export { DatePicker } from "./DatePicker";
-export type { DatePickerProps } from "./DatePicker";
+export type { DatePickerProps } from "./DatePickerProps";
 export { DateRangePicker } from "./DateRangePicker";
-export type { DateRangePickerProps } from "./DateRangePicker";
+export type { DateRangePickerProps } from "./DateRangePickerProps";
 export type { CalendarSelectionMode, DatePickerMode, DateRange, FirstDayOfWeek, Meridiem, } from "./DatePicker.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/description-list/DescriptionList.d.ts

@@ -0,0 +1,8 @@
+/**
+ * DescriptionList — read-only label/value pairs for record-detail screens. Not pressable; use
+ * `list-item` for navigable rows.
+ */
+import type { DescriptionListProps } from "./DescriptionListProps";
+export type { DescriptionListItem, DescriptionListProps } from "./DescriptionListProps";
+export declare const DescriptionList: import("react").NamedExoticComponent<DescriptionListProps>;
+//# sourceMappingURL=DescriptionList.d.ts.map

package/lib/typescript/modules/description-list/DescriptionList.variants.d.ts

@@ -0,0 +1,29 @@
+import type { TextStyle, ViewStyle } from "react-native";
+import type { RoleColors, Theme } from "../../theme/hooks";
+export type DescriptionListLayout = "stacked" | "inline";
+export type DescriptionListColumns = 1 | 2;
+export declare const descriptionListStructure: import("../../core/style").ThemedVariantResolver<object, {}, ViewStyle>;
+export declare const descriptionListRowStructure: import("../../core/style").ThemedVariantResolver<Theme, {
+    layout: {
+        stacked: {
+            flexDirection: "column";
+        };
+        inline: {
+            flexDirection: "row";
+            alignItems: "flex-start";
+            justifyContent: "space-between";
+        };
+    };
+    columns: {
+        1: {
+            width: "100%";
+        };
+        2: {
+            width: "50%";
+        };
+    };
+}, ViewStyle>;
+export declare function resolveDescriptionListLabelStyle(theme: Theme): TextStyle;
+export declare function resolveDescriptionListValueStyle(theme: Theme, colors: RoleColors): TextStyle;
+export declare function resolveDescriptionListValueRowStructure(): ViewStyle;
+//# sourceMappingURL=DescriptionList.variants.d.ts.map

package/lib/typescript/modules/description-list/DescriptionListProps.d.ts

@@ -0,0 +1,23 @@
+import type { LayoutStyle } from "../../core/style";
+import type { DescriptionListColumns, DescriptionListLayout } from "./DescriptionList.variants";
+/** One label/value pair in the grid. */
+export interface DescriptionListItem {
+    readonly label: string;
+    readonly value: string;
+    /** Defaults to true; ignored for an empty `value` either way. */
+    readonly copyable?: boolean;
+}
+/** A read-only label/value grid for record-detail screens. */
+export interface DescriptionListProps {
+    items: readonly DescriptionListItem[];
+    /** Defaults to 1. */
+    columns?: DescriptionListColumns;
+    /** Defaults to "stacked". */
+    layout?: DescriptionListLayout;
+    isLoading?: boolean;
+    /** When true, rows with `copyable` show a copy affordance beside the value. */
+    copyable?: boolean;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=DescriptionListProps.d.ts.map

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

@@ -0,0 +1,4 @@
+export { DescriptionList } from "./DescriptionList";
+export type { DescriptionListItem, DescriptionListProps } from "./DescriptionListProps";
+export type { DescriptionListColumns, DescriptionListLayout } from "./DescriptionList.variants";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/divider/Divider.d.ts

@@ -4,14 +4,7 @@
  * (the same "no role" conclusion `Card` documents for its own plain-`View` container — see
  * `Card.tsx` — made explicit here since, unlike `Card`, a divider has no children to carry meaning).
  */
-import type { LayoutStyle } from "../../core/style";
-import type { DividerOrientation } from "./Divider.variants";
-export interface DividerProps {
-    orientation?: DividerOrientation;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { DividerProps } from "./DividerProps";
 declare function DividerImpl({ orientation, style, testID }: DividerProps): import("react").JSX.Element;
 export declare const Divider: import("react").MemoExoticComponent<typeof DividerImpl>;
 export {};

package/lib/typescript/modules/divider/DividerProps.d.ts

@@ -0,0 +1,11 @@
+import type { LayoutStyle } from "../../core/style";
+import type { DividerOrientation } from "./Divider.variants";
+/** Props for the hairline separator between sections of content. */
+export interface DividerProps {
+    /** Defaults to "horizontal". */
+    orientation?: DividerOrientation;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=DividerProps.d.ts.map

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

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

package/lib/typescript/modules/document-viewer/DocumentViewer.d.ts

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

package/lib/typescript/modules/document-viewer/DocumentViewerProps.d.ts

@@ -0,0 +1,13 @@
+import type { LayoutStyle } from "../../core/style";
+/** v1 shows a message and an "Open in browser" button — no in-app PDF rendering. */
+export interface DocumentViewerProps {
+    /** Remote PDF URL passed to `Linking.openURL` when the user taps "Open in browser". */
+    uri: string;
+    /** Modal title; defaults to "Document". */
+    title?: string;
+    visible: boolean;
+    onRequestClose: () => void;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=DocumentViewerProps.d.ts.map

package/lib/typescript/modules/document-viewer/index.d.ts

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

package/lib/typescript/modules/drawer/Drawer.d.ts

@@ -34,12 +34,7 @@
  * documents. Every other case (native, or web with no provider — the default `ModalPortalContext` value
  * is `null`) renders through RN's own `<Modal>`, byte-identical to before this mechanism existed.
  */
-import type { ReactNode } from "react";
-export interface DrawerProps {
-    visible: boolean;
-    onRequestClose: () => void;
-    children: ReactNode;
-    testID?: string;
-}
+import type { DrawerProps } from "./DrawerProps";
+export type { DrawerProps } from "./DrawerProps";
 export declare const Drawer: import("react").NamedExoticComponent<DrawerProps>;
 //# sourceMappingURL=Drawer.d.ts.map

package/lib/typescript/modules/drawer/DrawerProps.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+/** A bottom-sheet panel built on React Native's own Modal. */
+export interface DrawerProps {
+    visible: boolean;
+    onRequestClose: () => void;
+    children: ReactNode;
+    testID?: string;
+}
+//# sourceMappingURL=DrawerProps.d.ts.map

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

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

package/lib/typescript/modules/empty-state/EmptyState.d.ts

@@ -13,22 +13,6 @@
  * Appearing is itself the status message (WCAG 4.1.3): a screen swapping its content for this block
  * moves no focus, so `useAnnounce` speaks the title + description once, on arrival and on change.
  */
-import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-export interface EmptyStateAction {
-    readonly label: string;
-    readonly onPress: () => void;
-}
-export interface EmptyStateProps {
-    icon?: IconName;
-    title: string;
-    description?: string;
-    action?: EmptyStateAction;
-    /** Expands to fill and centre in a flex parent (e.g. a list empty slot). */
-    fill?: boolean;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { EmptyStateProps } from "./EmptyStateProps";
 export declare const EmptyState: import("react").NamedExoticComponent<EmptyStateProps>;
 //# sourceMappingURL=EmptyState.d.ts.map

package/lib/typescript/modules/empty-state/EmptyStateProps.d.ts

@@ -0,0 +1,24 @@
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+/** A single call-to-action, rendered as a solid, accent-toned Button. */
+export interface EmptyStateAction {
+    readonly label: string;
+    readonly onPress: () => void;
+}
+/** Centred placeholder for empty or zero-result list/screen states. */
+export interface EmptyStateProps {
+    /** Decorative — hidden from screen readers. */
+    icon?: IconName;
+    /** Rendered as a level-2 heading and announced to screen readers on appearance. */
+    title: string;
+    /** Read after the title; included in the same screen-reader announcement. */
+    description?: string;
+    /** Renders as a solid, accent-toned Button. */
+    action?: EmptyStateAction;
+    /** Expands to fill and centre in a flex parent (e.g. a list empty slot). */
+    fill?: boolean;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=EmptyStateProps.d.ts.map