pixelize-native-library 1.2.0 → 1.3.0

package/lib/typescript/modules/copy-button/CopyButton.d.ts

@@ -2,20 +2,6 @@
  * CopyButton — copies a string to the clipboard with brief success feedback. Three closed
  * variants: icon-only, outlined button, or menu-row shape.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { CopyButtonSize, CopyButtonVariant } from "./CopyButton.variants";
-export interface CopyButtonProps {
-    value: string;
-    variant?: CopyButtonVariant;
-    label?: string;
-    copiedLabel?: string;
-    /** Shown and announced when the clipboard write fails (e.g. the optional native peer is absent). */
-    failedLabel?: string;
-    size?: CopyButtonSize;
-    onCopy?: (value: string) => void;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { CopyButtonProps } from "./CopyButtonProps";
 export declare const CopyButton: import("react").NamedExoticComponent<CopyButtonProps>;
 //# sourceMappingURL=CopyButton.d.ts.map

package/lib/typescript/modules/copy-button/CopyButton.variants.d.ts

@@ -1,4 +1,6 @@
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type CopyButtonVariant = "icon" | "button" | "menu-item";
 export type CopyButtonSize = "sm" | "md";
 export declare const COPY_FEEDBACK_MS = 1500;
@@ -6,7 +8,6 @@ export declare const COPY_FEEDBACK_MS = 1500;
  * Same touch-target floor as `Button`/`Checkbox` (44dp — Apple HIG minimum, WCAG 2.5.5 AAA).
  * Duplicated rather than imported — modules never import across `src/modules/*`.
  */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface CopyButtonSizeSpec {
     /** Glyph size in dp — also the `icon` variant's whole visual footprint (it has no padding). */
     readonly iconSize: number;

package/lib/typescript/modules/copy-button/CopyButtonProps.d.ts

@@ -0,0 +1,18 @@
+import type { LayoutStyle } from "../../core/style";
+import type { CopyButtonSize, CopyButtonVariant } from "./CopyButton.variants";
+/** Copies `value` to the clipboard with brief success/failure feedback. */
+export interface CopyButtonProps {
+    value: string;
+    variant?: CopyButtonVariant;
+    label?: string;
+    copiedLabel?: string;
+    /** Shown and announced when the clipboard write fails (e.g. the optional native peer is absent). */
+    failedLabel?: string;
+    size?: CopyButtonSize;
+    /** Fires only after a successful copy. */
+    onCopy?: (value: string) => void;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=CopyButtonProps.d.ts.map

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

@@ -1,4 +1,4 @@
 export { CopyButton } from "./CopyButton";
-export type { CopyButtonProps } from "./CopyButton";
+export type { CopyButtonProps } from "./CopyButtonProps";
 export type { CopyButtonSize, CopyButtonVariant } from "./CopyButton.variants";
 //# sourceMappingURL=index.d.ts.map

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

@@ -8,37 +8,8 @@
  * component never sorts `data` itself and never owns `selectedKeys` — it only reports the next
  * state via `onSortChange`/`onSelectionChange` and renders whatever the caller passes back in.
  */
-import type { ReactNode } from "react";
-import type { LayoutStyle } from "../../core/style";
-import type { DataTableAlign, DataTableSortDirection } from "./DataTable.variants";
-export interface DataTableColumn<T> {
-    readonly key: string;
-    readonly header: string;
-    readonly width?: number;
-    readonly align?: DataTableAlign;
-    readonly render?: (row: T, index: number) => ReactNode;
-    readonly sortable?: boolean;
-}
-export interface DataTableProps<T> {
-    columns: DataTableColumn<T>[];
-    data: T[];
-    keyExtractor: (row: T, index: number) => string;
-    onRowPress?: (row: T, index: number) => void;
-    sortBy?: string;
-    sortDirection?: DataTableSortDirection;
-    onSortChange?: (key: string, direction: DataTableSortDirection) => void;
-    selectable?: boolean;
-    selectedKeys?: string[];
-    onSelectionChange?: (keys: string[]) => void;
-    loading?: boolean;
-    emptyMessage?: string;
-    stickyHeader?: boolean;
-    rowHeight?: number;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { DataTableProps } from "./DataTableProps";
+export type { DataTableColumn, DataTableProps } from "./DataTableProps";
 declare function DataTableInner<T>({ columns, data, keyExtractor, onRowPress, sortBy, sortDirection, onSortChange, selectable, selectedKeys, onSelectionChange, loading, emptyMessage, stickyHeader, rowHeight, style, testID, }: DataTableProps<T>): import("react").JSX.Element;
 export declare const DataTable: typeof DataTableInner;
-export {};
 //# sourceMappingURL=DataTable.d.ts.map

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;
@@ -47,7 +48,7 @@ export interface DataTableColors {
      *  minimum clears the icon's 3:1 non-text minimum for free (Menu/Select's identical argument). */
     readonly headerIcon: string;
     /** The header/body boundary — `border.interactive` (≥ 3:1, WCAG 1.4.11), not the decorative
-     *  `border.default`, which is a ~1.2:1 hairline on every brand. */
+     *  `border.default`, which is a ~1.2:1 StyleSheet.hairlineWidth on every brand. */
     readonly headerBorder: string;
     /** Even-row fill. */
     readonly rowBackground: string;

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;
@@ -263,6 +264,20 @@ export interface DateFieldAccessibilityProps {
  * is folded into the field's own accessible name — the same fallback `Input`/`Select` make.
  */
 export declare function resolveDateFieldAccessibility(input: DateFieldAccessibilityInput): DateFieldAccessibilityProps;
+export interface PressedAccessibilityState {
+    /** The WEB half of "this is the chosen value". Every `role="button"` option this module renders
+     *  (a day cell, a quick-jump month, an hour/minute/meridiem) reports its chosen state through
+     *  `aria-pressed` — `aria-selected` is invalid on `role="button"` and browsers ignore it, same fix
+     *  `chip`'s filter toggle uses. More than one option can be pressed at once (a date range's two
+     *  endpoints); nothing in `aria-pressed` requires the mutual exclusivity a radio group would. */
+    readonly "aria-pressed": boolean;
+    /** The NATIVE half — react-native-web discards the object form, so no invalid `aria-selected`
+     *  reaches the DOM; native accessibility has no "pressed" state, so `selected` is the nearest. */
+    readonly accessibilityState: {
+        readonly selected: boolean;
+    };
+}
+export declare function resolvePressedAccessibilityState(selected: boolean): PressedAccessibilityState;
 export interface CalendarDayAccessibilityInput {
     readonly date: Date;
     readonly selected: boolean;
@@ -272,12 +287,10 @@ export interface CalendarDayAccessibilityInput {
     readonly today?: boolean | undefined;
     readonly locale?: string | undefined;
 }
-export interface CalendarDayAccessibilityProps {
+export interface CalendarDayAccessibilityProps extends PressedAccessibilityState {
     readonly accessibilityRole: "button";
     /** The FULL readable date — a screen reader announcing "15" tells the user nothing. */
     readonly accessibilityLabel: string;
-    /** Flat, not `accessibilityState`: react-native-web discards the object form entirely. */
-    readonly "aria-selected": boolean;
     readonly "aria-disabled": boolean;
 }
 /** Appended to a day's label when the grid conveys the state with colour only (WCAG 1.4.1). */

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,20 +1,6 @@
 /**
- * TimePicker — hour / minute (/ AM-PM) selection as independent scrollable columns, never an analog
- * clock face. Hour and minute are virtualized `FlatList`s (Select's precedent — a minute column can
- * hold up to 60 rows); the two-item AM/PM column is a plain view, matching Tabs' own choice not to
- * virtualize a handful of items.
- *
- * All arithmetic (12/24-hour conversion, AM/PM flip, option lists) lives in `DatePicker.variants.ts`.
+ * 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;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    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