pixelize-native-library 1.2.1 → 1.3.0

package/lib/typescript/modules/bottom-sheet/BottomSheetProps.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+/** A gesture-driven bottom sheet with configurable snap points. */
+export interface BottomSheetProps {
+    visible: boolean;
+    /** Also fires on backdrop tap, a swipe-dismiss past the threshold, and accessibility escape. */
+    onRequestClose: () => void;
+    children: ReactNode;
+    /** Snap heights as fractions of window height (0.25 = quarter sheet). */
+    snapPoints?: readonly number[];
+    /** Index into `snapPoints` to open at; out-of-range values clamp to the last snap point. */
+    initialSnapIndex?: number;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=BottomSheetProps.d.ts.map

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

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

package/lib/typescript/modules/breadcrumbs/Breadcrumbs.d.ts

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

package/lib/typescript/modules/breadcrumbs/Breadcrumbs.variants.d.ts

@@ -0,0 +1,6 @@
+import type { TextStyle, ViewStyle } from "react-native";
+import type { Theme } from "../../theme/hooks";
+export declare const breadcrumbsStructure: import("../../core/style").ThemedVariantResolver<Theme, {}, ViewStyle>;
+export declare function resolveBreadcrumbLabelStyle(theme: Theme, current: boolean): TextStyle;
+export declare function resolveBreadcrumbSeparatorStyle(theme: Theme): TextStyle;
+//# sourceMappingURL=Breadcrumbs.variants.d.ts.map

package/lib/typescript/modules/breadcrumbs/BreadcrumbsProps.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+/** One segment in a breadcrumb trail. */
+export interface BreadcrumbItem {
+    /** Visible segment label. */
+    readonly label: string;
+    /** Ignored on the last item, which always renders as plain text. */
+    readonly onPress?: () => void;
+}
+/** Horizontal trail of breadcrumb segments. */
+export interface BreadcrumbsProps {
+    items: readonly BreadcrumbItem[];
+    /** Shown between segments; defaults to `/`. */
+    separator?: ReactNode;
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=BreadcrumbsProps.d.ts.map

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

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

package/lib/typescript/modules/button/Button.d.ts

@@ -1,38 +1,4 @@
-import type { GestureResponderEvent, MouseEvent, NativeSyntheticEvent, TargetedEvent } from "react-native";
-import type { IconName } from "../../core/icon";
-import type { LayoutStyle } from "../../core/style";
-import type { ButtonSize, ButtonTone, ButtonVariant, IconPosition } from "./Button.variants";
-interface ButtonBaseProps {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    tone?: ButtonTone;
-    iconPosition?: IconPosition;
-    loading?: boolean;
-    disabled?: boolean;
-    selected?: boolean;
-    fullWidth?: boolean;
-    onPress?: () => void;
-    onLongPress?: (event: GestureResponderEvent) => void;
-    onPressOut?: (event: GestureResponderEvent) => void;
-    onHoverIn?: (event: MouseEvent) => void;
-    onHoverOut?: (event: MouseEvent) => void;
-    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
-    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
-    accessibilityHint?: string;
-    style?: LayoutStyle;
-    testID?: string;
-}
-interface LabelledButtonProps extends ButtonBaseProps {
-    label: string;
-    icon?: IconName;
-    accessibilityLabel?: string;
-}
-interface IconOnlyButtonProps extends ButtonBaseProps {
-    icon: IconName;
-    label?: never;
-    accessibilityLabel: string;
-}
-export type ButtonProps = LabelledButtonProps | IconOnlyButtonProps;
+import type { ButtonProps } from "./ButtonProps";
 declare function ButtonImpl(props: ButtonProps): import("react").JSX.Element;
 export declare const Button: import("react").MemoExoticComponent<typeof ButtonImpl>;
 export {};

package/lib/typescript/modules/button/Button.variants.d.ts

@@ -13,18 +13,14 @@
  * Everything here is 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, slopFor } from "../../core/a11y/touchTarget";
 import type { RoleColors } from "../../theme/hooks";
 import type { Theme } from "../../theme/hooks";
 export type ButtonVariant = "solid" | "outline" | "ghost" | "link";
 export type ButtonSize = "sm" | "md" | "lg";
 export type ButtonTone = "accent" | "neutral" | "danger";
 export type IconPosition = "leading" | "trailing";
-/**
- * The one touch-target floor we hold every size to. 44dp is Apple's HIG minimum and WCAG 2.5.5
- * (AAA); it comfortably exceeds 2.5.8's 24×24 (AA). Sizes shorter than this keep their visual
- * height and reach 44 through `hitSlop` — the target grows, the control never does.
- */
-export declare const MIN_TOUCH_TARGET = 44;
+export { MIN_TOUCH_TARGET, slopFor };
 export interface ButtonSizeSpec {
     /** Visual height in dp. */
     readonly height: number;
@@ -42,20 +38,20 @@ export interface ButtonSizeSpec {
  */
 export declare const BUTTON_SIZES: {
     readonly sm: {
-        readonly height: 44;
-        readonly fontSize: 14;
+        readonly height: number;
+        readonly fontSize: number;
         readonly iconSize: 16;
         readonly hitSlop: number;
     };
     readonly md: {
-        readonly height: 52;
-        readonly fontSize: 16;
+        readonly height: number;
+        readonly fontSize: number;
         readonly iconSize: 18;
         readonly hitSlop: number;
     };
     readonly lg: {
-        readonly height: 56;
-        readonly fontSize: 18;
+        readonly height: number;
+        readonly fontSize: number;
         readonly iconSize: 20;
         readonly hitSlop: number;
     };
@@ -137,15 +133,15 @@ export declare function resolveButtonAccessibility(input: ButtonAccessibilityInp
 export declare const buttonStructure: import("../../core/style").ThemedVariantResolver<Theme, {
     size: {
         sm: {
-            height: 44;
+            height: number;
             paddingHorizontal: 12;
         };
         md: {
-            height: 52;
+            height: number;
             paddingHorizontal: 16;
         };
         lg: {
-            height: 56;
+            height: number;
             paddingHorizontal: 24;
         };
     };

package/lib/typescript/modules/button/ButtonProps.d.ts

@@ -0,0 +1,47 @@
+import type { GestureResponderEvent, MouseEvent, NativeSyntheticEvent, TargetedEvent } from "react-native";
+import type { IconName } from "../../core/icon";
+import type { LayoutStyle } from "../../core/style";
+import type { ButtonSize, ButtonTone, ButtonVariant, IconPosition } from "./Button.variants";
+interface ButtonBaseProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    tone?: ButtonTone;
+    /** Ignored on icon-only buttons — the icon always renders in the leading slot. */
+    iconPosition?: IconPosition;
+    /** Shows a spinner in place of the icon and blocks press, same as `disabled`. */
+    loading?: boolean;
+    disabled?: boolean;
+    /** Only announced as a toggle state when explicitly passed — omit for a plain button. */
+    selected?: boolean;
+    fullWidth?: boolean;
+    /** Blocked (never fires) while `disabled` or `loading` is true. */
+    onPress?: () => void;
+    /** Not gated by `disabled`/`loading` — fires even while the button is blocked. */
+    onLongPress?: (event: GestureResponderEvent) => void;
+    /** Not gated by `disabled`/`loading` — fires even while the button is blocked. */
+    onPressOut?: (event: GestureResponderEvent) => void;
+    onHoverIn?: (event: MouseEvent) => void;
+    onHoverOut?: (event: MouseEvent) => void;
+    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    accessibilityHint?: string;
+    style?: LayoutStyle;
+    testID?: string;
+}
+interface LabelledButtonProps extends ButtonBaseProps {
+    label: string;
+    icon?: IconName;
+    /** Falls back to `label` when omitted. */
+    accessibilityLabel?: string;
+}
+interface IconOnlyButtonProps extends ButtonBaseProps {
+    icon: IconName;
+    /** Must stay omitted — presence of `label` would make this a labelled button. */
+    label?: never;
+    /** Required — there's no visible label for assistive tech to fall back to. */
+    accessibilityLabel: string;
+}
+/** A labelled or icon-only control; the union enforces `accessibilityLabel` per shape. */
+export type ButtonProps = LabelledButtonProps | IconOnlyButtonProps;
+export {};
+//# sourceMappingURL=ButtonProps.d.ts.map

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

@@ -4,7 +4,7 @@
  * stay internal — a consumer configures a Button through its props, never by importing its internals.
  */
 export { Button } from "./Button";
-export type { ButtonProps } from "./Button";
+export type { ButtonProps } from "./ButtonProps";
 export type { ButtonVariant, ButtonSize, ButtonTone, IconPosition } from "./Button.variants";
 export type { IconName } from "../../core/icon";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/button-group/ButtonGroup.d.ts

@@ -1,20 +1,5 @@
-import type { LayoutStyle } from "../../core/style";
-import type { ButtonGroupSize } from "./ButtonGroup.variants";
-export interface ButtonGroupOption {
-    readonly label: string;
-    readonly value: string;
-}
-export interface ButtonGroupProps {
-    options: ButtonGroupOption[];
-    value: string;
-    onValueChange: (value: string) => void;
-    size?: ButtonGroupSize;
-    disabled?: boolean;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { ButtonGroupProps } from "./ButtonGroupProps";
+export type { ButtonGroupOption, ButtonGroupProps } from "./ButtonGroupProps";
 declare function ButtonGroupImpl({ options, value, onValueChange, size, disabled, style, testID, }: ButtonGroupProps): import("react").JSX.Element;
 export declare const ButtonGroup: import("react").MemoExoticComponent<typeof ButtonGroupImpl>;
-export {};
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/lib/typescript/modules/button-group/ButtonGroup.variants.d.ts

@@ -13,11 +13,10 @@
  *  - `resolveButtonGroupSegmentAccessibility` derives the per-segment a11y surface purely, mirroring
  *    `resolveRadioRowAccessibility` — this is a single-choice value selector, not a set of tabs.
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, Theme } from "../../theme/hooks";
+export { MIN_TOUCH_TARGET };
 export type ButtonGroupSize = "sm" | "md";
-/** Same floor as Button/RadioGroup/Tabs — 44dp (WCAG 2.5.5 / HIG). Duplicated, not imported: modules
- * stay isolated. */
-export declare const MIN_TOUCH_TARGET = 44;
 export interface ButtonGroupSizeSpec {
     /** Visual height in dp, per segment (fixed, not a minimum — the hitSlop math below depends on the
      * segment actually rendering at this height). */

package/lib/typescript/modules/button-group/ButtonGroupProps.d.ts

@@ -0,0 +1,21 @@
+import type { LayoutStyle } from "../../core/style";
+import type { ButtonGroupSize } from "./ButtonGroup.variants";
+/** One segment of the group. */
+export interface ButtonGroupOption {
+    readonly label: string;
+    readonly value: string;
+}
+/** A segmented single-choice control. */
+export interface ButtonGroupProps {
+    options: ButtonGroupOption[];
+    /** Selects the segment whose `value` matches; an unmatched value selects the first segment. */
+    value: string;
+    onValueChange: (value: string) => void;
+    /** Defaults to "md". */
+    size?: ButtonGroupSize;
+    disabled?: boolean;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=ButtonGroupProps.d.ts.map

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

@@ -5,6 +5,6 @@
  * never by importing its internals.
  */
 export { ButtonGroup } from "./ButtonGroup";
-export type { ButtonGroupProps, ButtonGroupOption } from "./ButtonGroup";
+export type { ButtonGroupProps, ButtonGroupOption } from "./ButtonGroupProps";
 export type { ButtonGroupSize } from "./ButtonGroup.variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/modules/card/Card.d.ts

@@ -2,21 +2,8 @@
  * Card — a plain container for grouping content, optionally pressable. When `onPress` is absent the
  * root is a plain `View` with no press hook or animated values. Children carry their own semantics.
  */
-import type { ReactNode } from "react";
-import type { GestureResponderEvent } from "react-native";
-import type { LayoutStyle } from "../../core/style";
-import type { CardVariant } from "./Card.variants";
-export interface CardProps {
-    variant?: CardVariant;
-    children?: ReactNode;
-    onPress?: () => void;
-    onLongPress?: (event: GestureResponderEvent) => void;
-    disabled?: boolean;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
-declare function CardImpl({ variant, children, onPress, onLongPress, disabled, style, testID, }: CardProps): import("react").JSX.Element;
+import type { CardProps } from "./CardProps";
+declare function CardImpl({ variant, children, onPress, onLongPress, disabled, accessibilityLabel, accessibilityState, style, testID, }: CardProps): import("react").JSX.Element;
 export declare const Card: import("react").MemoExoticComponent<typeof CardImpl>;
 export {};
 //# sourceMappingURL=Card.d.ts.map

package/lib/typescript/modules/card/CardProps.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+import type { GestureResponderEvent } from "react-native";
+import type { LayoutStyle } from "../../core/style";
+import type { CardVariant } from "./Card.variants";
+/** A plain, variant-driven container for grouping content — pressable only when `onPress` is set. */
+export interface CardProps {
+    /** Defaults to "elevated". */
+    variant?: CardVariant;
+    children?: ReactNode;
+    /** When set, the root becomes a `Pressable` with press feedback; otherwise a plain `View`. */
+    onPress?: () => void;
+    /** Only fires when `onPress` is also set. */
+    onLongPress?: (event: GestureResponderEvent) => void;
+    /** Only applies when `onPress` is set. */
+    disabled?: boolean;
+    /** Only used when `onPress` is set. */
+    accessibilityLabel?: string;
+    /** Only used when `onPress` is set. */
+    accessibilityState?: {
+        disabled?: boolean;
+        selected?: boolean;
+    };
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=CardProps.d.ts.map

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

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

package/lib/typescript/modules/charts/BarChart.d.ts

@@ -1,26 +1,3 @@
-import type { LayoutStyle } from "../../core/style";
-export interface BarChartSeries {
-    readonly name: string;
-    readonly color?: string;
-}
-export interface BarChartDatum {
-    readonly label: string;
-    readonly values: number[];
-}
-export interface BarChartProps {
-    data: BarChartDatum[];
-    series?: BarChartSeries[];
-    height?: number;
-    showGrid?: boolean;
-    showValues?: boolean;
-    yAxisFormatter?: (value: number) => string;
-    stacked?: boolean;
-    /** Text legend naming each series. Only drawn when 2+ series are present. */
-    showLegend?: boolean;
-    onPressBar?: (datum: BarChartDatum, seriesIndex: number) => void;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { BarChartProps } from "./BarChartProps";
 export declare const BarChart: import("react").NamedExoticComponent<BarChartProps>;
 //# sourceMappingURL=BarChart.d.ts.map

package/lib/typescript/modules/charts/BarChartProps.d.ts

@@ -0,0 +1,36 @@
+import type { LayoutStyle } from "../../core/style";
+/** One series' name and color, index-matched to each datum's `values`. */
+export interface BarChartSeries {
+    readonly name: string;
+    /** Defaults to the categorical ramp color at this series' index. */
+    readonly color?: string;
+}
+/** One category; `values.length === 1` draws a simple bar, more draws grouped/stacked bars. */
+export interface BarChartDatum {
+    readonly label: string;
+    readonly values: number[];
+}
+/** Svg vertical bars with axes and gridlines — simple, grouped or stacked. */
+export interface BarChartProps {
+    data: BarChartDatum[];
+    /** Defaults to the categorical ramp color and "Series N" per index. */
+    series?: BarChartSeries[];
+    /** Defaults to 200. */
+    height?: number;
+    /** Defaults to true. */
+    showGrid?: boolean;
+    /** Draws each bar's value above it. Defaults to false. */
+    showValues?: boolean;
+    /** Formats axis ticks and bar values when shown. Defaults to a plain formatter. */
+    yAxisFormatter?: (value: number) => string;
+    /** Defaults to false. */
+    stacked?: boolean;
+    /** Text legend naming each series. Only drawn when 2+ series are present. */
+    showLegend?: boolean;
+    /** Called with the pressed bar's datum and its index into `values`. */
+    onPressBar?: (datum: BarChartDatum, seriesIndex: number) => void;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=BarChartProps.d.ts.map

package/lib/typescript/modules/charts/BarList.d.ts

@@ -1,18 +1,3 @@
-import type { ReactNode } from "react";
-import type { LayoutStyle } from "../../core/style";
-export interface BarListItem {
-    readonly label: string;
-    readonly value: number;
-    readonly color?: string;
-    readonly icon?: ReactNode;
-}
-export interface BarListProps {
-    items: BarListItem[];
-    maxValue?: number;
-    onPressItem?: (item: BarListItem, index: number) => void;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { BarListProps } from "./BarListProps";
 export declare const BarList: import("react").NamedExoticComponent<BarListProps>;
 //# sourceMappingURL=BarList.d.ts.map

package/lib/typescript/modules/charts/BarListProps.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+import type { LayoutStyle } from "../../core/style";
+/** One row's label, value and bar fill. */
+export interface BarListItem {
+    readonly label: string;
+    readonly value: number;
+    /** Defaults to the theme's accent fill; per-item colors support data-driven series. */
+    readonly color?: string;
+    readonly icon?: ReactNode;
+}
+/** Horizontal labeled breakdown bars rendered as plain Views, windowed for large lists. */
+export interface BarListProps {
+    items: BarListItem[];
+    /** Defaults to the largest item's value. */
+    maxValue?: number;
+    /** Rows become pressable buttons; otherwise plain text rows. */
+    onPressItem?: (item: BarListItem, index: number) => void;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=BarListProps.d.ts.map

package/lib/typescript/modules/charts/ChartLegend.d.ts

@@ -1,16 +1,4 @@
-import type { SeriesShape } from "./Charts.variants";
-export type ChartLegendGlyph = "swatch" | "line" | "mark";
-export interface ChartLegendEntry {
-    readonly color: string;
-    readonly label: string;
-    /** Only read by the `line` and `mark` glyphs — a `swatch` legend has no per-mark shape. */
-    readonly shape?: SeriesShape;
-    readonly dash?: readonly number[];
-}
-export interface ChartLegendProps {
-    readonly entries: readonly ChartLegendEntry[];
-    readonly glyph: ChartLegendGlyph;
-    readonly testID: string | undefined;
-}
+import type { ChartLegendProps } from "./ChartLegendProps";
+export type { ChartLegendEntry, ChartLegendGlyph, ChartLegendProps } from "./ChartLegendProps";
 export declare const ChartLegend: import("react").NamedExoticComponent<ChartLegendProps>;
 //# sourceMappingURL=ChartLegend.d.ts.map

package/lib/typescript/modules/charts/ChartLegendProps.d.ts

@@ -0,0 +1,19 @@
+import type { SeriesShape } from "./Charts.variants";
+/** Legend glyph style: swatch, dashed line, or knocked-out mark. */
+export type ChartLegendGlyph = "swatch" | "line" | "mark";
+/** One legend row — its glyph and the series it names. */
+export interface ChartLegendEntry {
+    readonly color: string;
+    readonly label: string;
+    /** Only read by the `line` and `mark` glyphs — a `swatch` legend has no per-mark shape. */
+    readonly shape?: SeriesShape;
+    /** Stroke dash pattern; only read by the `line` glyph. */
+    readonly dash?: readonly number[];
+}
+/** Row list for the shared legend; each entry pairs a swatch/glyph with a label. */
+export interface ChartLegendProps {
+    readonly entries: readonly ChartLegendEntry[];
+    readonly glyph: ChartLegendGlyph;
+    readonly testID: string | undefined;
+}
+//# sourceMappingURL=ChartLegendProps.d.ts.map

package/lib/typescript/modules/charts/Charts.variants.d.ts

@@ -2,8 +2,10 @@
  * Pure resolvers for the charts module — no React, no svg, so the WCAG tests import this directly
  * (mocking only `react-native`'s `StyleSheet`, as every sibling module's tests do).
  */
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
 import type { RoleColors, StatusRole, Theme } from "../../theme/hooks";
 import type { DeviceTier } from "../../core/device";
+export { MIN_TOUCH_TARGET };
 export type SparklineTone = "accent" | "neutral" | StatusRole;
 export declare const BAR_LIST_TRACK_HEIGHT = 6;
 /** Header text (`fontSizes.sm` line height) + row gap (`space[1]`) + track — a floor, not a hard

package/lib/typescript/modules/charts/DonutChart.d.ts

@@ -1,21 +1,3 @@
-import type { LayoutStyle } from "../../core/style";
-export interface DonutChartSegment {
-    readonly value: number;
-    readonly color: string;
-    readonly label?: string;
-}
-export interface DonutChartProps {
-    segments: DonutChartSegment[];
-    size?: number;
-    thickness?: number;
-    centerLabel?: string;
-    centerSublabel?: string;
-    /** Text legend naming each segment (falls back to "Segment N" when a segment has no `label`).
-     *  Only drawn for 2+ valid segments — one ring needs no key. */
-    showLegend?: boolean;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { DonutChartProps } from "./DonutChartProps";
 export declare const DonutChart: import("react").NamedExoticComponent<DonutChartProps>;
 //# sourceMappingURL=DonutChart.d.ts.map

package/lib/typescript/modules/charts/DonutChartProps.d.ts

@@ -0,0 +1,27 @@
+import type { LayoutStyle } from "../../core/style";
+/** One ring segment; non-finite or ≤0 values are dropped before rendering. */
+export interface DonutChartSegment {
+    readonly value: number;
+    readonly color: string;
+    /** Falls back to "Segment N" in the legend when omitted. */
+    readonly label?: string;
+}
+/** Svg ring built from stacked circle strokes, with an optional centered label. */
+export interface DonutChartProps {
+    segments: DonutChartSegment[];
+    /** Defaults to 160. */
+    size?: number;
+    /** Ring stroke width in dp. Defaults to 20. */
+    thickness?: number;
+    /** Renders centered inside the ring when set. */
+    centerLabel?: string;
+    /** Small centered line below `centerLabel`. */
+    centerSublabel?: string;
+    /** Text legend naming each segment (falls back to "Segment N" when a segment has no `label`).
+     *  Only drawn for 2+ valid segments — one ring needs no key. */
+    showLegend?: boolean;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=DonutChartProps.d.ts.map

package/lib/typescript/modules/charts/LineChart.d.ts

@@ -1,30 +1,3 @@
-import type { LayoutStyle } from "../../core/style";
-import type { SeriesShape } from "./Charts.variants";
-export interface LineChartDatum {
-    readonly x: string | number;
-    readonly y: number;
-}
-export interface LineChartSeries {
-    readonly name: string;
-    readonly data: LineChartDatum[];
-    readonly color?: string;
-    /** Overrides the shape this series' markers (and its legend glyph) take; defaults by index. */
-    readonly shape?: SeriesShape;
-}
-export interface LineChartProps {
-    series: LineChartSeries[];
-    height?: number;
-    showGrid?: boolean;
-    showDots?: boolean;
-    showArea?: boolean;
-    curved?: boolean;
-    /** Text legend naming each series. Only drawn for 2+ series — one line needs no key. */
-    showLegend?: boolean;
-    yAxisFormatter?: (value: number) => string;
-    xAxisFormatter?: (value: string | number) => string;
-    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
-    style?: LayoutStyle;
-    testID?: string;
-}
+import type { LineChartProps } from "./LineChartProps";
 export declare const LineChart: import("react").NamedExoticComponent<LineChartProps>;
 //# sourceMappingURL=LineChart.d.ts.map

package/lib/typescript/modules/charts/LineChartProps.d.ts

@@ -0,0 +1,40 @@
+import type { LayoutStyle } from "../../core/style";
+import type { SeriesShape } from "./Charts.variants";
+/** One point; `x` is spaced evenly by position, not by its own value. */
+export interface LineChartDatum {
+    readonly x: string | number;
+    readonly y: number;
+}
+/** One line; non-finite `y` samples are dropped before spacing points evenly. */
+export interface LineChartSeries {
+    readonly name: string;
+    readonly data: LineChartDatum[];
+    /** Defaults to the categorical ramp color at this series' index. */
+    readonly color?: string;
+    /** Overrides the shape this series' markers (and its legend glyph) take; defaults by index. */
+    readonly shape?: SeriesShape;
+}
+/** Multi-series svg line chart with axes, optional area fill and curve smoothing. */
+export interface LineChartProps {
+    series: LineChartSeries[];
+    /** Defaults to 200. */
+    height?: number;
+    /** Defaults to true. */
+    showGrid?: boolean;
+    /** Defaults to true. */
+    showDots?: boolean;
+    /** Fills the area under each line. Defaults to false. */
+    showArea?: boolean;
+    /** Catmull-Rom-to-bezier smoothing; straight segments when false. Defaults to false. */
+    curved?: boolean;
+    /** Text legend naming each series. Only drawn for 2+ series — one line needs no key. */
+    showLegend?: boolean;
+    /** Defaults to a plain number formatter. */
+    yAxisFormatter?: (value: number) => string;
+    /** Defaults to `String(value)`. */
+    xAxisFormatter?: (value: string | number) => string;
+    /** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
+    style?: LayoutStyle;
+    testID?: string;
+}
+//# sourceMappingURL=LineChartProps.d.ts.map