pixelize-native-library 1.2.1 → 1.3.0

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/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 {};

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

@@ -0,0 +1,24 @@
+import type { ReactElement } from "react";
+import type { LayoutStyle } from "../../core/style";
+/** One section: a title and its rows. */
+export interface SectionListSection<T> {
+    readonly title: string;
+    readonly data: readonly T[];
+}
+/** Data plus render/measurement config for a virtualized sectioned list. */
+export interface SectionListProps<T> {
+    sections: readonly SectionListSection<T>[];
+    /** `index` is per-section (0-based within its own section), not a global row index. */
+    renderItem: (info: {
+        item: T;
+        sectionIndex: number;
+        index: number;
+    }) => ReactElement | null;
+    keyExtractor: (item: T, index: number) => string;
+    /** Enables fixed-height layout math for faster scrolling; omit for dynamic row measurement. */
+    itemHeight?: number;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=SectionListProps.d.ts.map

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

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

package/lib/typescript/modules/segmented-control/SegmentedControl.d.ts

@@ -1,44 +1,5 @@
-/**
- * SegmentedControl — an inline, iOS-style single-choice control for switching between 2–5 mutually
- * exclusive options (filters, view modes, date ranges). A rounded track (`bg.sunken`) holds every
- * segment; the active one is marked by a raised pill (`bg.surface` + `Card`'s own elevation
- * treatment) that slides to the selected segment's measured position — the identical
- * measure-via-`onLayout` + `Animated.Value` mechanism `Tabs`' sliding indicator uses, keyed by
- * `value` so reordering `options` can never apply a stale measurement to the wrong segment.
- *
- * Unlike `ButtonGroup`/`Tabs`, the active state is NOT accent-coloured: the pill is a neutral raised
- * surface, and elevation — not colour — is what marks it, because `bg.surface` vs `bg.sunken` alone
- * measures nowhere near WCAG 1.4.11's 3:1 (see `SegmentedControl.variants.ts`). Selection reaches
- * assistive tech independently via `accessibilityState.selected`.
- *
- * The pill is a SELECTION marker, never a focus one — keyboard/AT focus draws its own inset ring on
- * the focused segment (WCAG 2.4.7), the same treatment `BottomNavTab` uses.
- */
-import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-import type { SegmentedControlSize } from "./SegmentedControl.variants";
-export interface SegmentedControlOption {
-    readonly value: string;
-    /** Always required — an icon-only segment has no accessible name a screen reader can announce,
-     *  the same rule `Badge` documents for its own label. */
-    readonly label: string;
-    readonly icon?: IconName;
-    readonly disabled?: boolean;
-}
-export interface SegmentedControlProps {
-    options: SegmentedControlOption[];
-    value: string;
-    onChange: (value: string) => void;
-    size?: SegmentedControlSize;
-    /** `true` (default): segments flex equally to fill the width. `false`: segments size to their
-     *  own content (padding + `minWidth`). */
-    fullWidth?: boolean;
-    /** Dims and blocks every segment, regardless of a per-option `disabled`. */
-    disabled?: boolean;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+/** Inline single-choice control; see `MODULE.md` for the elevation/a11y contract. */
+import type { SegmentedControlProps } from "./SegmentedControlProps";
 declare function SegmentedControlImpl({ options, value, onChange, size, fullWidth, disabled, style, testID, }: SegmentedControlProps): import("react").JSX.Element;
 export declare const SegmentedControl: import("react").MemoExoticComponent<typeof SegmentedControlImpl>;
 export {};

package/lib/typescript/modules/segmented-control/SegmentedControl.variants.d.ts

@@ -1,20 +1,8 @@
-/**
- * SegmentedControl's style + behaviour resolution — pure, React/lucide-free, same split as Tabs:
- *  - STRUCTURE (track padding/radius, segment height/padding, pill radius) lives in the
- *    `createThemedVariants` resolvers below, registered once per (theme, size) — never rebuilt per
- *    render.
- *  - COLOUR is resolved from the theme's ROLE colours (`resolveSegmentedControlColors`), never a raw
- *    hex: the track is always `bg.sunken`, the pill is always `bg.surface` (a neutral raised
- *    surface, NOT the accent role — unlike `ButtonGroup`/`Tabs`, selection here is conveyed by
- *    elevation + position, not by brand colour).
- *  - `resolveSegmentedControlSegmentAccessibility` derives the per-segment a11y surface purely, so
- *    the "selected"/"disabled" contract is unit-testable without rendering React Native.
- */
+/** Pure style + a11y resolvers for SegmentedControl — no React, no lucide. */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type SegmentedControlSize = "sm" | "md";
-/** Same floor as Button/Input/Tabs/ButtonGroup — 44dp (WCAG 2.5.5 / HIG). Duplicated, not imported:
- * modules stay isolated. */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface SegmentedControlSizeSpec {
     /** Visual height in dp, per segment (fixed, not a minimum — the hitSlop math depends on it). */
     readonly height: number;
@@ -41,30 +29,10 @@ export declare const SEGMENTED_CONTROL_SIZES: {
     };
 };
 export interface SegmentedControlColors {
-    /** The track fill every unselected segment sits directly on. */
-    readonly track: string;
-    /** The active segment's pill fill — a neutral raised surface (elevation is the selection cue, not
-     *  a colour change), applied together with `theme.elevation.md` by the component. */
-    readonly pill: string;
-    /** The active segment's label, read on `pill`. */
     readonly activeLabel: string;
-    /** Every inactive segment's label, read on `track`. */
     readonly inactiveLabel: string;
-    /** A pressed, unselected segment's background — never applied to the selected segment (its own
-     *  pill fill already reads as the "active" cue). */
-    readonly pressedSegment: string;
 }
-/**
- * Maps the control's fixed visual roles onto ROLE colours — never a hardcoded hex. There is no
- * per-segment `tone`: like `RadioGroup`/`Tabs`, this is pure indirection, not a union to resolve.
- *
- * The pill deliberately reads `bg.surface`, NOT an accent fill: `bg.surface` vs `bg.sunken` alone
- * measures as low as 1.08:1 (nowhere near WCAG 1.4.11's 3:1 — see `SegmentedControl.test.ts`), so
- * the boundary between the pill and the track is carried by elevation (`theme.elevation.md`, the
- * same treatment `Card`'s `elevated` variant uses to differentiate itself with no border either),
- * not by a colour contrast this pairing could never clear on its own. Selection is additionally
- * conveyed to assistive tech via `accessibilityState.selected`, never by colour alone.
- */
+/** Label colours only — track/pill/pressed backgrounds are resolved live in `SegmentedControl.tsx`. */
 export declare function resolveSegmentedControlColors(colors: RoleColors): SegmentedControlColors;
 export interface SegmentedControlSegmentAccessibilityInput {
     readonly selected: boolean;
@@ -100,14 +68,7 @@ export interface SegmentedControlHitSlop {
 export declare function resolveSegmentedControlSegmentHitSlop(size: SegmentedControlSize): SegmentedControlHitSlop;
 /** The outer track — padded so the pill has room to sit inset from the track's own edge. */
 export declare const segmentedControlTrackStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
-/**
- * The pill. `theme.radii.sm` — one step down from the track's `theme.radii.md` — nests cleanly
- * inside the track's own `space[1]` inset, the same "inner radius ≈ outer radius − inset" geometry
- * a nested rounded rect needs to read as concentric rather than mismatched. `top`/`bottom` pin it to
- * the row's own height (set by the segments, its flow siblings); `left`/`width` are driven by
- * `Animated.Value`s in `SegmentedControl.tsx`, keyed off each segment's own `onLayout` measurement —
- * same mechanism as `Tabs`' sliding indicator.
- */
+/** `radii.base` (12 − the track's `space[1]` inset of 4) nests concentric inside `radii.md`. */
 export declare const segmentedControlPillStructure: import("../../core/style").ThemedVariantResolver<Theme, import("../../core/style").VariantGroups<import("react-native").ViewStyle>, import("react-native").ViewStyle>;
 /**
  * The keyboard/AT focus ring drawn over one segment's own bounds — the same inset treatment

package/lib/typescript/modules/segmented-control/SegmentedControlProps.d.ts

@@ -0,0 +1,29 @@
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+import type { SegmentedControlSize } from "./SegmentedControl.variants";
+/** One selectable option in a SegmentedControl. */
+export interface SegmentedControlOption {
+    readonly value: string;
+    /** Always required — an icon-only segment has no accessible name a screen reader can announce,
+     *  the same rule `Badge` documents for its own label. */
+    readonly label: string;
+    readonly icon?: IconName;
+    readonly disabled?: boolean;
+}
+/** Configuration for the inline single-choice segmented control. */
+export interface SegmentedControlProps {
+    options: SegmentedControlOption[];
+    value: string;
+    onChange: (value: string) => void;
+    /** Defaults to "md". */
+    size?: SegmentedControlSize;
+    /** `true` (default): segments flex equally to fill the width. `false`: segments size to their
+     *  own content (padding + `minWidth`). */
+    fullWidth?: boolean;
+    /** Dims and blocks every segment, regardless of a per-option `disabled`. */
+    disabled?: boolean;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=SegmentedControlProps.d.ts.map

package/lib/typescript/modules/segmented-control/index.d.ts

@@ -5,7 +5,7 @@
  * its props, never by importing its internals.
  */
 export { SegmentedControl } from "./SegmentedControl";
-export type { SegmentedControlProps, SegmentedControlOption } from "./SegmentedControl";
+export type { SegmentedControlProps, SegmentedControlOption } from "./SegmentedControlProps";
 export type { SegmentedControlSize } from "./SegmentedControl.variants";
 export type { IconName } from "../../core/icon";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/select/Select.d.ts

@@ -2,8 +2,8 @@
  * Select — a trigger styled like an Input box that opens an option list in React Native's OWN `Modal`.
  */
 import type { ReactNode } from "react";
-import type { LayoutStyle } from "../../core/style";
-import type { SelectOptionCustomColors, SelectOptionTone, SelectSize } from "./Select.variants";
+import type { SelectOptionCustomColors, SelectOptionTone } from "./Select.variants";
+import type { SelectProps } from "./SelectProps";
 export interface SelectOption {
     readonly label: string;
     readonly value: string;
@@ -12,16 +12,5 @@ export interface SelectOption {
     /** Required when `tone="custom"`. */
     readonly customColors?: SelectOptionCustomColors;
 }
-export interface SelectProps {
-    options: SelectOption[];
-    value?: string;
-    onValueChange: (value: string) => void;
-    placeholder?: string;
-    label?: string;
-    disabled?: boolean;
-    size?: SelectSize;
-    containerStyle?: LayoutStyle;
-    testID?: string;
-}
 export declare const Select: import("react").NamedExoticComponent<SelectProps>;
 //# sourceMappingURL=Select.d.ts.map

package/lib/typescript/modules/select/Select.variants.d.ts

@@ -10,6 +10,7 @@
  * Free of React and of any `Modal`/`Pressable` import, so the WCAG + behaviour tests import it
  * directly (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
  */
+import { MIN_TOUCH_TARGET, slopFor } from "../../core/a11y/touchTarget";
 import type { AccessibilityRole } from "react-native";
 import type { RoleColors, StatusRole, Theme } from "../../theme/hooks";
 export type SelectSize = "sm" | "md" | "lg";
@@ -28,8 +29,7 @@ export declare const SELECT_LISTBOX_ROLE: AccessibilityRole;
  * `option` either.
  */
 export declare const SELECT_OPTION_ROLE: AccessibilityRole;
-/** Same touch-target floor as Button (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
-export declare const MIN_TOUCH_TARGET = 44;
+export { MIN_TOUCH_TARGET, slopFor };
 export interface SelectSizeSpec {
     /** Visual trigger height in dp. */
     readonly height: number;

package/lib/typescript/modules/select/SelectProps.d.ts

@@ -0,0 +1,25 @@
+import type { LayoutStyle } from "../../core/style";
+import type { InputStatus } from "../input/Input.variants";
+import type { SelectOption } from "./Select";
+import type { SelectSize } from "./Select.variants";
+/** Dropdown-style trigger; opens the option list in a modal, not a native dropdown. */
+export interface SelectProps {
+    options: SelectOption[];
+    value?: string;
+    onValueChange: (value: string) => void;
+    /** Shown when no option is selected. */
+    placeholder?: string;
+    /** Renders a field label above the trigger; also feeds the accessible name. */
+    label?: string;
+    /** Defaults to "default". */
+    status?: InputStatus;
+    /** Only shown when `status` is "error". */
+    errorText?: string;
+    /** Defaults to false. */
+    disabled?: boolean;
+    /** Defaults to "md". */
+    size?: SelectSize;
+    containerStyle?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=SelectProps.d.ts.map

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

@@ -4,6 +4,7 @@
  * internal — a consumer configures a Select through its props, never by importing its internals.
  */
 export { Select } from "./Select";
-export type { SelectProps, SelectOption } from "./Select";
+export type { SelectOption } from "./Select";
+export type { SelectProps } from "./SelectProps";
 export type { SelectOptionCustomColors, SelectOptionTone, SelectSize, } from "./Select.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/setting-row/SettingRow.d.ts

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

package/lib/typescript/modules/setting-row/SettingRowProps.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+/** Settings row with title, optional description, and trailing control. */
+export interface SettingRowProps {
+    title: string;
+    description?: string;
+    /** Control rendered on the trailing edge (switch, button, …). */
+    control: ReactNode;
+    /** Uses danger ink for destructive settings zones. */
+    isDanger?: boolean;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=SettingRowProps.d.ts.map

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

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

package/lib/typescript/modules/settings-section/SettingsSection.d.ts

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

package/lib/typescript/modules/settings-section/SettingsSectionProps.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+/** Grouped settings block with optional section title. */
+export interface SettingsSectionProps {
+    title?: string;
+    /** Bare string/number children get default text styling; other nodes render as-is. */
+    children: ReactNode;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=SettingsSectionProps.d.ts.map

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

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

package/lib/typescript/modules/skeleton/Skeleton.d.ts

@@ -1,17 +1,7 @@
 /**
  * Skeleton — a loading placeholder with a translating highlight-band shimmer over a neutral base.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { SkeletonShape } from "./Skeleton.variants";
-export interface SkeletonProps {
-    shape?: SkeletonShape;
-    width?: number;
-    height?: number;
-    /** Stagger sibling skeletons by index × 100ms (80–120ms band). */
-    staggerIndex?: number;
-    accessibilityLabel?: string;
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { SkeletonProps } from "./SkeletonProps";
+export type { SkeletonProps } from "./SkeletonProps";
 export declare const Skeleton: import("react").NamedExoticComponent<SkeletonProps>;
 //# sourceMappingURL=Skeleton.d.ts.map

package/lib/typescript/modules/skeleton/Skeleton.variants.d.ts

@@ -2,7 +2,7 @@
  * Skeleton's style + accessibility resolution — the pure functions the component (and its tests)
  * depend on, plus the themed structural variant resolver.
  */
-import type { PaletteProps, RoleColors, Theme } from "../../theme/hooks";
+import type { RoleColors, Theme } from "../../theme/hooks";
 export type SkeletonShape = "rect" | "circle" | "text";
 export interface SkeletonSizeSpec {
     readonly width: number;
@@ -31,10 +31,8 @@ export interface SkeletonColors {
     readonly base: string;
     readonly highlight: string;
 }
-/** Neutral ramp step 3 (base) and step 5 (highlight band) on the gray ramp. */
-export declare function resolveSkeletonColors(palette: PaletteProps): SkeletonColors;
-/** @deprecated Use palette-based resolver — kept for tests importing RoleColors. */
-export declare function resolveSkeletonColorsFromRoles(_colors: RoleColors, palette: PaletteProps): SkeletonColors;
+/** Sunken base + skeleton-only shimmer highlight (not shared `bg.hover`). */
+export declare function resolveSkeletonColors(colors: RoleColors): SkeletonColors;
 export interface SkeletonAccessibilityInput {
     readonly accessibilityLabel?: string | undefined;
 }

package/lib/typescript/modules/skeleton/SkeletonProps.d.ts

@@ -0,0 +1,18 @@
+import type { LayoutStyle } from "../../core/style";
+import type { SkeletonShape } from "./Skeleton.variants";
+/** A shimmering loading placeholder box. */
+export interface SkeletonProps {
+    /** Defaults to "rect"; "circle" uses `width` or `height` as its diameter. */
+    shape?: SkeletonShape;
+    /** Falls back to a size fixed per `shape` when omitted. */
+    width?: number;
+    /** Falls back to a size fixed per `shape` when omitted. */
+    height?: number;
+    /** Stagger sibling skeletons by index × 100ms (80–120ms band). */
+    staggerIndex?: number;
+    /** Absent hides the skeleton from assistive tech; present exposes it as a busy progressbar. */
+    accessibilityLabel?: string;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=SkeletonProps.d.ts.map

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

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

package/lib/typescript/modules/slider/Slider.d.ts

@@ -16,29 +16,6 @@
  *     dependency on the responder's internal touch-history bookkeeping — exactly what a track-based
  *     slider needs (the thumb should always sit under the finger, not accumulate a relative offset).
  */
-import type { LayoutStyle } from "../../core/style";
-import type { SliderSize } from "./Slider.variants";
-export interface SliderProps {
-    value: number;
-    onValueChange: (value: number) => void;
-    /** Fires once, on release (or after an increment/decrement action) — never on every intermediate move. */
-    onSlidingComplete?: (value: number) => void;
-    min?: number;
-    max?: number;
-    /** Amount a drag snaps to, and an increment/decrement accessibility action adjusts by. */
-    step?: number;
-    disabled?: boolean;
-    /** Closed union — drives track height + thumb diameter. */
-    size?: SliderSize;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    /**
-     * The control structurally never renders visible text (no `label` prop), so this is the only
-     * accessible name a screen reader has — required at the type level, never optional (mirrors
-     * `Switch`'s and `Button`'s icon-only contract).
-     */
-    accessibilityLabel: string;
-    testID?: string;
-}
+import type { SliderProps } from "./SliderProps";
 export declare const Slider: import("react").NamedExoticComponent<SliderProps>;
 //# sourceMappingURL=Slider.d.ts.map

package/lib/typescript/modules/slider/Slider.variants.d.ts

@@ -13,10 +13,11 @@
  * Free of `lucide` and of any React tree, so the WCAG + math tests import this directly (mocking
  * only `react-native`'s `StyleSheet`, as `core/style` and `Button.variants.ts` do).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type SliderSize = "sm" | "md";
 /** Same touch-target floor as every other interactive control in this library (44dp, WCAG 2.5.5 AAA). */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface SliderSizeSpec {
     /** Track height, in dp. */
     readonly trackHeight: number;

package/lib/typescript/modules/slider/SliderProps.d.ts

@@ -0,0 +1,27 @@
+import type { LayoutStyle } from "../../core/style";
+import type { SliderSize } from "./Slider.variants";
+/** Props for a draggable range control built on React Native's own `PanResponder`. */
+export interface SliderProps {
+    /** Controlled — the parent owns state and updates it via `onValueChange`. */
+    value: number;
+    /** Fires on every grant/move/release, and on an increment/decrement action. */
+    onValueChange: (value: number) => void;
+    /** Fires once, on release or an increment/decrement action — never mid-drag. */
+    onSlidingComplete?: (value: number) => void;
+    /** Defaults to 0. */
+    min?: number;
+    /** Defaults to 100. */
+    max?: number;
+    /** Drag-snap amount and increment/decrement step; defaults to 1. */
+    step?: number;
+    /** Blocks the gesture and accessibility actions; dims to 50% opacity. */
+    disabled?: boolean;
+    /** Closed union — drives track height + thumb diameter. */
+    size?: SliderSize;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    /** Required — the only accessible name, since the control never renders visible text. */
+    accessibilityLabel: string;
+    testID?: string;
+}
+//# sourceMappingURL=SliderProps.d.ts.map

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

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

package/lib/typescript/modules/spinner/Spinner.d.ts

@@ -4,16 +4,6 @@
  * spinner: the OUTER box carries the `progressbar` role, the accessible name, and `busy` state, so a
  * screen reader announces one "Loading" node — never the indicator as a second, redundant element.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { SpinnerSize, SpinnerTone } from "./Spinner.variants";
-export interface SpinnerProps {
-    size?: SpinnerSize;
-    tone?: SpinnerTone;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-    /** A Spinner renders no visible text, so this is its only accessible name. Defaults to "Loading". */
-    accessibilityLabel?: string;
-}
+import type { SpinnerProps } from "./SpinnerProps";
 export declare const Spinner: import("react").NamedExoticComponent<SpinnerProps>;
 //# sourceMappingURL=Spinner.d.ts.map

package/lib/typescript/modules/spinner/SpinnerProps.d.ts

@@ -0,0 +1,15 @@
+import type { LayoutStyle } from "../../core/style";
+import type { SpinnerSize, SpinnerTone } from "./Spinner.variants";
+/** A thin themed wrapper around RN's own ActivityIndicator. */
+export interface SpinnerProps {
+    /** Defaults to "md". */
+    size?: SpinnerSize;
+    /** Defaults to "accent". */
+    tone?: SpinnerTone;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+    /** A Spinner renders no visible text, so this is its only accessible name. Defaults to "Loading". */
+    accessibilityLabel?: string;
+}
+//# sourceMappingURL=SpinnerProps.d.ts.map

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

@@ -5,6 +5,6 @@
  * `icon` prop, so unlike `button/index.ts` there is no `IconName` re-export.
  */
 export { Spinner } from "./Spinner";
-export type { SpinnerProps } from "./Spinner";
+export type { SpinnerProps } from "./SpinnerProps";
 export type { SpinnerSize, SpinnerTone } from "./Spinner.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/stage-progress/StageProgress.d.ts

@@ -2,17 +2,6 @@
  * StageProgress — horizontal pipeline stages (pills, bar, or stepper). Read-only by default;
  * optional `onStagePress` when not `readOnly`.
  */
-import type { LayoutStyle } from "../../core/style";
-import type { StageProgressStage, StageProgressVariant } from "./StageProgress.variants";
-export interface StageProgressProps {
-    stages: readonly StageProgressStage[];
-    value: string;
-    variant?: StageProgressVariant;
-    readOnly?: boolean;
-    onStagePress?: (stageId: string) => void;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { StageProgressProps } from "./StageProgressProps";
 export declare const StageProgress: import("react").NamedExoticComponent<StageProgressProps>;
 //# sourceMappingURL=StageProgress.d.ts.map