pixelize-native-library 1.2.0 → 1.3.0

package/lib/typescript/modules/filter-sheet/FilterChipProps.d.ts

@@ -0,0 +1,11 @@
+import type { LayoutStyle } from "../../core/style";
+/** A chip showing one currently-applied filter fact, with an optional "x" to remove it. */
+export interface FilterChipProps {
+    label: string;
+    /** Omit → renders a non-removable/"locked" chip: no press, no "x", no accessibilityRole. */
+    onRemove?: () => void;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=FilterChipProps.d.ts.map

package/lib/typescript/modules/filter-sheet/FilterSheet.d.ts

@@ -18,37 +18,6 @@
  * that local copy. `onApply` is the sheet's one and only commit point; every other dismissal path
  * discards the staged edits. See MODULE.md's interaction model for the full, numbered account.
  */
-export type FilterDimensionKind = "single" | "multi";
-export interface FilterOption {
-    readonly label: string;
-    readonly value: string;
-    /** Renders as a one-tap pinned shortcut above this dimension's own control (e.g. a "Me" style
-     *  shortcut) — toggled immediately into the staged state, not gated behind Apply. See MODULE.md
-     *  interaction model, point 7. */
-    readonly quick?: boolean;
-}
-export interface FilterDimension {
-    readonly key: string;
-    readonly label: string;
-    readonly kind: FilterDimensionKind;
-    readonly options: FilterOption[];
-}
-export type FilterValues = Record<string, string | string[]>;
-export interface FilterSheetProps {
-    visible: boolean;
-    onRequestClose: () => void;
-    /** Fully consumer-supplied — zero hardcoded domain vocabulary in this library. */
-    dimensions: FilterDimension[];
-    /** Controlled — the currently APPLIED values, not the sheet's own in-progress edits. */
-    values: FilterValues;
-    onApply: (values: FilterValues) => void;
-    /** Omit → no Reset row/button renders at all. */
-    onReset?: () => void;
-    /** Sheet header text. */
-    title?: string;
-    applyLabel?: string;
-    resetLabel?: string;
-    testID?: string;
-}
+import type { FilterSheetProps } from "./FilterSheetProps";
 export declare const FilterSheet: import("react").NamedExoticComponent<FilterSheetProps>;
 //# sourceMappingURL=FilterSheet.d.ts.map

package/lib/typescript/modules/filter-sheet/FilterSheet.variants.d.ts

@@ -14,16 +14,17 @@
  * 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 every interactive control in this library (44dp — Apple HIG minimum,
  *  WCAG 2.5.5 AAA). */
-export declare const MIN_TOUCH_TARGET = 44;
 /** The sheet's scrollable dimension-list cap — a fraction of the window, capped at an absolute
  *  maximum, the same approximation `resolveOverflowSheetHeight` uses for BottomNav's own sheet. The
  *  title header and the Apply/Reset footer render OUTSIDE this cap so they stay visible regardless
  *  of how many dimensions a consumer supplies. */
 export declare const FILTER_SHEET_BODY_HEIGHT_RATIO = 0.5;
 export declare const FILTER_SHEET_BODY_MAX_HEIGHT = 420;
+export { MIN_TOUCH_TARGET };
 export declare function resolveFilterSheetBodyHeight(windowHeight: number): number;
 /** `FilterChip`'s fixed visual height. It is a passive/removable label, not a `size`-scaled
  *  control — no `size` prop (see MODULE.md), the same single-fixed-shape stance Drawer takes. */

package/lib/typescript/modules/filter-sheet/FilterSheetBody.d.ts

@@ -15,7 +15,7 @@
  * Apply/Reset stay reachable regardless of how many dimensions a consumer supplies, all still
  * within Drawer's own 90%-of-window cap.
  */
-import type { FilterDimension, FilterValues } from "./FilterSheet";
+import type { FilterDimension, FilterValues } from "./FilterSheetProps";
 interface FilterSheetBodyProps {
     readonly dimensions: FilterDimension[];
     readonly staged: FilterValues;

package/lib/typescript/modules/filter-sheet/FilterSheetProps.d.ts

@@ -0,0 +1,36 @@
+/** Whether a dimension accepts one value or several. */
+export type FilterDimensionKind = "single" | "multi";
+/** One selectable value inside a filter dimension. */
+export interface FilterOption {
+    readonly label: string;
+    readonly value: string;
+    /** One-tap pinned shortcut above the dimension's control; toggles immediately, not gated behind Apply. */
+    readonly quick?: boolean;
+}
+/** One filterable field and the options it offers. */
+export interface FilterDimension {
+    readonly key: string;
+    readonly label: string;
+    readonly kind: FilterDimensionKind;
+    readonly options: FilterOption[];
+}
+/** Selected values per dimension key — an array only for multi dimensions. */
+export type FilterValues = Record<string, string | string[]>;
+/** Filter drawer for a consumer-supplied set of filter dimensions. */
+export interface FilterSheetProps {
+    visible: boolean;
+    onRequestClose: () => void;
+    /** Fully consumer-supplied — zero hardcoded domain vocabulary in this library. */
+    dimensions: FilterDimension[];
+    /** Controlled — the currently APPLIED values, not the sheet's own in-progress edits. */
+    values: FilterValues;
+    onApply: (values: FilterValues) => void;
+    /** Omit → no Reset row/button renders at all. */
+    onReset?: () => void;
+    /** Sheet header text. */
+    title?: string;
+    applyLabel?: string;
+    resetLabel?: string;
+    testID?: string;
+}
+//# sourceMappingURL=FilterSheetProps.d.ts.map

package/lib/typescript/modules/filter-sheet/filterSheet.helpers.d.ts

@@ -9,7 +9,7 @@
  * dimension's `kind` expects (e.g. a stale `string` left over for a dimension that became
  * `kind: "multi"` in a later release of the consumer's own dimension config).
  */
-import type { FilterDimension, FilterValues } from "./FilterSheet";
+import type { FilterDimension, FilterValues } from "./FilterSheetProps";
 /**
  * How many DIMENSIONS currently have a selection — not the total number of selected options. A
  * `multi` dimension with 3 selected values still counts as ONE active filter, matching the

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

@@ -5,8 +5,8 @@
  * consumer configures a FilterSheet through its props, never by importing its internals.
  */
 export { FilterSheet } from "./FilterSheet";
-export type { FilterSheetProps, FilterDimension, FilterDimensionKind, FilterOption, FilterValues, } from "./FilterSheet";
+export type { FilterSheetProps, FilterDimension, FilterDimensionKind, FilterOption, FilterValues, } from "./FilterSheetProps";
 export { FilterChip } from "./FilterChip";
-export type { FilterChipProps } from "./FilterChip";
+export type { FilterChipProps } from "./FilterChipProps";
 export { countActiveFilters } from "./filterSheet.helpers";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/folder-row/FolderRow.d.ts

@@ -1,24 +1,6 @@
 /**
  * FolderRow — file-browser style row with optional leading icon and trailing meta text.
- *
- * It is rendered AS a list cell at scale, so it carries no mount animation and no loop: press
- * feedback is a plain pressed background colour. Colours and style arrays are memoized so a
- * parent re-render with unchanged props costs nothing.
- *
- * Keyboard/AT focus draws an INSET ring (WCAG 2.4.7) rather than the gap-outside ring `Button` uses
- * — a full-bleed row's outset ring is clipped by the list it sits in.
  */
-import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-export interface FolderRowProps {
-    title: string;
-    subtitle?: string;
-    icon?: IconName;
-    trailing?: string;
-    onPress?: () => void;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { FolderRowProps } from "./FolderRowProps";
 export declare const FolderRow: import("react").NamedExoticComponent<FolderRowProps>;
 //# sourceMappingURL=FolderRow.d.ts.map

package/lib/typescript/modules/folder-row/FolderRowProps.d.ts

@@ -0,0 +1,17 @@
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+/** File-browser style row with optional leading icon and trailing meta text. */
+export interface FolderRowProps {
+    title: string;
+    /** Second line; also folded into the row's accessible name. */
+    subtitle?: string;
+    /** Defaults to "folder". */
+    icon?: IconName;
+    /** Trailing meta text; also folded into the row's accessible name. */
+    trailing?: string;
+    /** Omit to render a static, non-pressable row. */
+    onPress?: () => void;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=FolderRowProps.d.ts.map

package/lib/typescript/modules/folder-row/index.d.ts

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

package/lib/typescript/modules/form-field/FormField.d.ts

@@ -8,22 +8,7 @@
  * The only motion here is the helper/error message's enter-exit — the wrapper has no focus surface
  * and nothing pressable of its own.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { FormFieldControlProps, FormFieldStatus } from "./FormField.variants";
-export interface FormFieldProps {
-    label: string;
-    required?: boolean;
-    description?: string;
-    status?: FormFieldStatus;
-    helperText?: string;
-    errorText?: string;
-    disabled?: boolean;
-    /** Render-prop so the control receives the derived accessibility name/state without a second
-     *  lookup — the one place this contract is computed. */
-    children: (control: FormFieldControlProps) => React.ReactNode;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { FormFieldProps } from "./FormFieldProps";
+export type { FormFieldProps } from "./FormFieldProps";
 export declare const FormField: import("react").NamedExoticComponent<FormFieldProps>;
 //# sourceMappingURL=FormField.d.ts.map

package/lib/typescript/modules/form-field/FormFieldProps.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+import type { FormFieldControlProps, FormFieldStatus } from "./FormField.variants";
+/** The label/required/description/error wrapper around any control. */
+export interface FormFieldProps {
+    label: string;
+    /** Appends a "*" mark and adds ", required" to the accessible name. */
+    required?: boolean;
+    description?: string;
+    /** Defaults to "default"; "error" switches colours and shows `errorText` over `helperText`. */
+    status?: FormFieldStatus;
+    /** Shown below the control when `status` is `"default"`. */
+    helperText?: string;
+    /** Shown below the control, and announced, when `status` is `"error"` — wins over `helperText`. */
+    errorText?: string;
+    disabled?: boolean;
+    /** Render-prop handing the control its derived accessibility name/state. */
+    children: (control: FormFieldControlProps) => ReactNode;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=FormFieldProps.d.ts.map

package/lib/typescript/modules/form-field/index.d.ts

@@ -1,4 +1,4 @@
 export { FormField } from "./FormField";
-export type { FormFieldProps } from "./FormField";
+export type { FormFieldProps } from "./FormFieldProps";
 export type { FormFieldStatus, FormFieldControlProps } from "./FormField.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/gantt/Gantt.d.ts

@@ -6,14 +6,7 @@
  * complete"), and nothing associates a name in one column with a bar in the other (WCAG 1.3.1). One
  * accessible node per lane, holding the whole relationship, is what a screen reader can act on.
  */
-import type { LayoutStyle } from "../../core/style";
-import { type GanttLaneInput } from "./Gantt.variants";
-export interface GanttProps {
-    lanes: readonly GanttLaneInput[];
-    onLanePress?: (id: string) => void;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { GanttProps } from "./GanttProps";
+export type { GanttProps } from "./GanttProps";
 export declare const Gantt: import("react").NamedExoticComponent<GanttProps>;
 //# sourceMappingURL=Gantt.d.ts.map

package/lib/typescript/modules/gantt/Gantt.variants.d.ts

@@ -1,7 +1,9 @@
 /**
  * Gantt layout math — ported from tickets/mobile EpicTimeline. Pure, testable.
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors } from "../../theme/hooks";
+import type { DeviceTier } from "../../core/device";
 export declare const MS_PER_DAY = 86400000;
 export declare const GANTT_LABEL_W = 108;
 export declare const GANTT_ROW_H = 46;
@@ -11,8 +13,13 @@ export declare const GANTT_MARKER_W = 12;
 export declare const GANTT_BASE_PX_PER_DAY = 4;
 export declare const GANTT_MIN_SPAN_MS: number;
 export declare const GANTT_PAD_MS: number;
-/** WCAG 2.5.5 target size, the library-wide floor (`Tabs`/`Pagination`/`Reorder` all pin the same 44). */
-export declare const MIN_TOUCH_TARGET = 44;
+/**
+ * Lanes rendered before the "show all" affordance takes over — the same worst-case safety valve as
+ * `MAX_RENDERED_POINTS` in `Charts.variants.ts`, tier-scaled because a lane count this large comes
+ * from real ticket/epic data (this component's own documented origin), not a series a caller could
+ * decimate without losing rows a reader actually needs.
+ */
+export declare const MAX_RENDERED_LANES: Readonly<Record<DeviceTier, number>>;
 /**
  * A bar is a *data mark* — its 18dp height encodes nothing but the chart's row rhythm, and its width
  * encodes the lane's duration, so neither can be grown to 44dp without lying about the data. When
@@ -34,6 +41,7 @@ export interface GanttLaneInput {
     readonly sublabel?: string;
     readonly startMs: number;
     readonly endMs?: number;
+    /** Completion fill, 0–100 (same scale as `ProgressBar.value`). */
     readonly progress?: number;
 }
 export interface GanttLaneLayout {
@@ -77,6 +85,25 @@ export interface GanttColors {
  *    `fg.subtle` (a flat `gray[500]`) falls to 3.19:1 on emerald light. Same defect as `Text`'s
  *    `overline` and `Timeline`'s timestamp.
  */
+export { MIN_TOUCH_TARGET };
 export declare function resolveGanttColors(colors: RoleColors): GanttColors;
 export declare function computeGanttModel(lanes: readonly GanttLaneInput[], windowWidth: number, nowMs: number): GanttModel;
+export interface GanttVisibleLanes {
+    readonly lanes: readonly GanttLaneLayout[];
+    readonly bodyHeight: number;
+    readonly totalCount: number;
+    readonly hiddenCount: number;
+}
+/**
+ * Slices the already-laid-out lanes to `maxLanes` unless `expanded`. Safe to slice AFTER
+ * `computeGanttModel`: each lane's `leftPx`/`widthPx` is derived from the shared time domain, not
+ * from its position in the array, so dropping trailing lanes never shifts the ones kept. `bodyHeight`
+ * is recomputed for the slice so the chart body and the "today" line never overshoot the rendered rows.
+ */
+/**
+ * Horizontal scroll offset so the earliest lane (or today, when shown) is inside the viewport.
+ * `viewportWidth` is the chart `ScrollView` width, not the full window.
+ */
+export declare function resolveGanttInitialScrollX(model: GanttModel, viewportWidth: number, paddingPx?: number): number;
+export declare function resolveVisibleGanttLanes(model: GanttModel, maxLanes: number, expanded: boolean): GanttVisibleLanes;
 //# sourceMappingURL=Gantt.variants.d.ts.map

package/lib/typescript/modules/gantt/GanttProps.d.ts

@@ -0,0 +1,13 @@
+import type { LayoutStyle } from "../../core/style";
+import type { GanttLaneInput } from "./Gantt.variants";
+/** A horizontal Gantt chart of time-ranged lanes. */
+export interface GanttProps {
+    /** Rendering caps at a device-tier lane count; a "Show all" button reveals the rest. */
+    lanes: readonly GanttLaneInput[];
+    /** Fires with the lane's `id` when its bar is pressed. */
+    onLanePress?: (id: string) => void;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=GanttProps.d.ts.map

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

@@ -1,5 +1,5 @@
 export { Gantt } from "./Gantt";
-export type { GanttProps } from "./Gantt";
+export type { GanttProps } from "./GanttProps";
 export type { GanttLaneInput, GanttLaneLayout, GanttModel } from "./Gantt.variants";
 export { computeGanttModel } from "./Gantt.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/image-viewer/ImageViewer.d.ts

@@ -2,26 +2,13 @@
  * ImageViewer — full-screen modal gallery for images. Ported from tickets/mobile AttachmentViewerModal
  * (simplified API — uri/id/label items, no attachment-specific fields).
  */
-import type { LayoutStyle } from "../../core/style";
+import type { ImageViewerProps } from "./ImageViewerProps";
 export interface ImageViewerItem {
     readonly id: string;
     readonly uri: string;
     readonly label?: string;
-    /**
-     * A smaller rendition for the thumbnail strip. Absent → the strip falls back to `uri`, which is
-     * decoded down to the thumb box by expo-image rather than at full resolution.
-     */
+    /** Absent → the strip falls back to `uri`, decoded down instead of full resolution. */
     readonly thumbUri?: string;
 }
-export interface ImageViewerProps {
-    visible: boolean;
-    onRequestClose: () => void;
-    items: readonly ImageViewerItem[];
-    initialIndex?: number;
-    onShare?: (item: ImageViewerItem) => void;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
 export declare const ImageViewer: import("react").NamedExoticComponent<ImageViewerProps>;
 //# sourceMappingURL=ImageViewer.d.ts.map

package/lib/typescript/modules/image-viewer/ImageViewerProps.d.ts

@@ -0,0 +1,16 @@
+import type { ImageViewerItem } from "./ImageViewer";
+import type { LayoutStyle } from "../../core/style";
+/** Full-screen modal image gallery with a share action and thumbnail strip. */
+export interface ImageViewerProps {
+    visible: boolean;
+    onRequestClose: () => void;
+    items: readonly ImageViewerItem[];
+    /** Defaults to 0. */
+    initialIndex?: number;
+    /** Falls back to the native share sheet when omitted. */
+    onShare?: (item: ImageViewerItem) => void;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=ImageViewerProps.d.ts.map

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

@@ -1,3 +1,4 @@
 export { ImageViewer } from "./ImageViewer";
-export type { ImageViewerItem, ImageViewerProps } from "./ImageViewer";
+export type { ImageViewerItem } from "./ImageViewer";
+export type { ImageViewerProps } from "./ImageViewerProps";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/input/Input.d.ts

@@ -7,35 +7,7 @@
  * Motion comes from `core/motion` — the ring crossfades on focus/blur and the helper/error message
  * fades in and out. Both honour reduce-motion through `useMotion()`.
  */
-import { type TextInputProps } from "react-native";
-import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-import type { InputSize, InputStatus } from "./Input.variants";
-export interface InputProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    placeholder?: string;
-    size?: InputSize;
-    status?: InputStatus;
-    disabled?: boolean;
-    /** Rendered above the field. Also becomes `accessibilityLabel` unless one is passed explicitly. */
-    label?: string;
-    /** Shown below the field when `status` is `"default"`. */
-    helperText?: string;
-    /** Shown below the field, and announced to the screen reader, when `status` is `"error"`. */
-    errorText?: string;
-    leadingIcon?: IconName;
-    trailingIcon?: IconName;
-    secureTextEntry?: boolean;
-    /** Overrides the label→`accessibilityLabel` fallback. */
-    accessibilityLabel?: string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    containerStyle?: LayoutStyle;
-    testID?: string;
-    /** Pass `"off"` on fields that aren't a real form (e.g. a search box) to suppress the OS
-     *  autofill/keyboard-suggestion strip — on Android that strip eats vertical space above the
-     *  keyboard, which can crowd out content (like search results) sitting just above it. */
-    autoComplete?: TextInputProps["autoComplete"];
-}
+import type { InputProps } from "./InputProps";
+export type { InputProps } from "./InputProps";
 export declare const Input: import("react").NamedExoticComponent<InputProps>;
 //# sourceMappingURL=Input.d.ts.map

package/lib/typescript/modules/input/Input.variants.d.ts

@@ -11,13 +11,13 @@
  * Free of `lucide` and of any React tree, so the WCAG + behaviour tests import it directly
  * (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors } from "../../theme/hooks";
 import type { Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type InputSize = "sm" | "md" | "lg";
 /** A state, not a brand tone — an input's colour reports validity, so it is never called `tone`. */
 export type InputStatus = "default" | "error";
-/** Same floor as Button — 44dp (WCAG 2.5.5 / HIG). Duplicated, not imported: modules stay isolated. */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface InputSizeSpec {
     /** Visual height in dp. */
     readonly height: number;
@@ -35,19 +35,19 @@ export interface InputSizeSpec {
  */
 export declare const INPUT_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;
     };
     readonly lg: {
-        readonly height: 48;
+        readonly height: 56;
         readonly fontSize: 18;
         readonly iconSize: 20;
         readonly hitSlop: number;
@@ -120,15 +120,15 @@ export declare function resolveInputAccessibility(input: InputAccessibilityInput
 export declare const inputStructure: import("../../core/style").ThemedVariantResolver<Theme, {
     size: {
         sm: {
-            height: 32;
+            height: 44;
             paddingHorizontal: 12;
         };
         md: {
-            height: 40;
+            height: 52;
             paddingHorizontal: 16;
         };
         lg: {
-            height: 48;
+            height: 56;
             paddingHorizontal: 24;
         };
     };

package/lib/typescript/modules/input/InputProps.d.ts

@@ -0,0 +1,43 @@
+import type { TextInputProps } from "react-native";
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+import type { InputSize, InputStatus } from "./Input.variants";
+/** A controlled text field with label, status, and helper/error messaging. */
+export interface InputProps {
+    value: string;
+    onChangeText: (text: string) => void;
+    placeholder?: string;
+    /** Defaults to "md". */
+    size?: InputSize;
+    /** Defaults to "default"; "error" switches the border/message colour and message. */
+    status?: InputStatus;
+    disabled?: boolean;
+    /** Rendered above the field. Also becomes `accessibilityLabel` unless one is passed explicitly. */
+    label?: string;
+    /** Shown below the field when `status` is `"default"`. */
+    helperText?: string;
+    /** Shown below the field and announced to the screen reader in the error state. */
+    errorText?: string;
+    leadingIcon?: IconName;
+    /** Ignored when `secureTextEntry` is set — replaced by the show/hide eye icon. */
+    trailingIcon?: IconName;
+    /** Renders the leading icon as a pressable button. */
+    onLeadingIconPress?: () => void;
+    /** Ignored when `secureTextEntry` is set — that press toggles visibility instead. */
+    onTrailingIconPress?: () => void;
+    /** Shows a clear ("x") button while the field has a value. */
+    isClearable?: boolean;
+    /** Renders a "current/max" counter below the field; requires `maxLength`. */
+    showCharacterCount?: boolean;
+    maxLength?: number;
+    /** Adds a trailing eye icon that toggles revealing the value. */
+    secureTextEntry?: boolean;
+    /** Overrides the label→`accessibilityLabel` fallback. */
+    accessibilityLabel?: string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    containerStyle?: LayoutStyle;
+    testID?: string;
+    /** Pass `"off"` on non-form fields (e.g. search) to suppress the OS autofill suggestion strip. */
+    autoComplete?: TextInputProps["autoComplete"];
+}
+//# sourceMappingURL=InputProps.d.ts.map

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

@@ -4,7 +4,7 @@
  * stay internal — a consumer configures an Input through its props, never by importing its internals.
  */
 export { Input } from "./Input";
-export type { InputProps } from "./Input";
+export type { InputProps } from "./InputProps";
 export type { InputSize, InputStatus } from "./Input.variants";
 export type { IconName } from "../../core/icon";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/key-value/KeyValue.d.ts

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

package/lib/typescript/modules/key-value/KeyValueProps.d.ts

@@ -0,0 +1,11 @@
+import type { LayoutStyle } from "../../core/style";
+/** Label/value row for detail screens. */
+export interface KeyValueProps {
+    label: string;
+    value: string;
+    /** Stacks value under label instead of inline; defaults to true. */
+    stacked?: boolean;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=KeyValueProps.d.ts.map

package/lib/typescript/modules/key-value/index.d.ts

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

package/lib/typescript/modules/limit-reached-modal/LimitReachedModal.d.ts

@@ -13,22 +13,6 @@
  * `status.warning` role reads correctly for every kind and every brand instead — the same icon
  * `Banner` already resolves for its own `warning` tone.
  */
-import type { LimitKind } from "./LimitReachedModal.variants";
-export interface LimitReachedModalProps {
-    visible: boolean;
-    onRequestClose: () => void;
-    kind: LimitKind;
-    /** Plan limit for `kind`. Pass together with `used` to show an inline usage line. */
-    limit?: number | null;
-    used?: number | null;
-    /** `false` hides the upgrade CTA and swaps in "contact your administrator" copy. */
-    canManageBilling: boolean;
-    onUpgrade?: () => void;
-    /** Overrides the `kind`'s default title. */
-    title?: string;
-    /** Overrides the `kind`'s default admin/member message. */
-    message?: string;
-    testID?: string;
-}
+import type { LimitReachedModalProps } from "./LimitReachedModalProps";
 export declare const LimitReachedModal: import("react").NamedExoticComponent<LimitReachedModalProps>;
 //# sourceMappingURL=LimitReachedModal.d.ts.map

package/lib/typescript/modules/limit-reached-modal/LimitReachedModalProps.d.ts

@@ -0,0 +1,24 @@
+import type { LimitKind } from "./LimitReachedModal.variants";
+/** A plan-limit dialog composed from Modal + Button. */
+export interface LimitReachedModalProps {
+    /** Fully controlled — the modal keeps no internal open state. */
+    visible: boolean;
+    /** Also the dismiss button's `onPress`, not just backdrop/back/escape dismissal. */
+    onRequestClose: () => void;
+    /** Selects the six-kind copy table entry (title, message, unit). */
+    kind: LimitKind;
+    /** Plan limit for `kind`. Pass together with `used` to show an inline usage line. */
+    limit?: number | null;
+    /** Either alone renders no usage line — both `limit` and `used` are required together. */
+    used?: number | null;
+    /** `false` hides the upgrade CTA and swaps in "contact your administrator" copy. */
+    canManageBilling: boolean;
+    /** Ignored unless `canManageBilling` is true — the upgrade button won't render otherwise. */
+    onUpgrade?: () => void;
+    /** Overrides the `kind`'s default title. */
+    title?: string;
+    /** Overrides the `kind`'s default admin/member message. */
+    message?: string;
+    testID?: string;
+}
+//# sourceMappingURL=LimitReachedModalProps.d.ts.map

package/lib/typescript/modules/limit-reached-modal/index.d.ts

@@ -5,6 +5,6 @@
  * importing its internals.
  */
 export { LimitReachedModal } from "./LimitReachedModal";
-export type { LimitReachedModalProps } from "./LimitReachedModal";
+export type { LimitReachedModalProps } from "./LimitReachedModalProps";
 export type { LimitKind } from "./LimitReachedModal.variants";
 //# sourceMappingURL=index.d.ts.map