jfs-components 0.1.2 → 0.1.12

package/lib/typescript/src/components/ComparisonBar/ComparisonBar.d.ts

@@ -0,0 +1,118 @@
+import React from 'react';
+import { type ImageSourcePropType, type StyleProp, type ViewStyle } from 'react-native';
+import type { Modes } from '../../design-tokens';
+/**
+ * A single slot in the {@link ComparisonBar}. Each item is either empty (the
+ * "Add" state — a tappable `+` capsule) or filled with an image (the
+ * "Image Added" state — the image plus a dismiss capsule in the corner).
+ *
+ * The presence of {@link ComparisonBarItem.imageSource} is what toggles the
+ * state: provide a source to show the image, leave it `undefined`/`null` to
+ * show the empty add slot. This keeps the component fully controlled — the
+ * `ComparisonBar` never owns the image state itself, so the consumer decides
+ * (e.g. after opening a file/asset picker) when and how an item flips between
+ * the two states.
+ */
+export type ComparisonBarItem = {
+    /**
+     * Stable identifier for this slot. Returned to callbacks so the consumer
+     * can target the exact item that was interacted with. Falls back to the
+     * array index when omitted.
+     */
+    id?: string | number;
+    /**
+     * Image to render in the slot. When provided the slot renders in the
+     * "Image Added" state; when omitted/`null` it renders the empty "Add" state.
+     * Accepts the same shapes as the library `Image` component (remote URL
+     * string, `{ uri }`, or a `require()`d asset).
+     */
+    imageSource?: ImageSourcePropType | string | null;
+    /** Accessibility label for the slot. Defaults to a generic add/remove label. */
+    accessibilityLabel?: string;
+};
+export type ComparisonBarProps = {
+    /**
+     * The slots rendered before the Compare button. Each entry controls its own
+     * add/image state via {@link ComparisonBarItem.imageSource}.
+     */
+    items: ComparisonBarItem[];
+    /**
+     * Fired when an empty (Add) slot is tapped. The consumer is expected to react
+     * by opening whatever picker is appropriate and then updating that item's
+     * `imageSource` to flip it into the "Image Added" state — the component does
+     * not know how images are sourced. Receives the item's `id` (or index when no
+     * id was supplied) and the slot index.
+     */
+    onItemPress?: (id: ComparisonBarItem['id'], index: number) => void;
+    /**
+     * Fired when a filled slot is tapped. For better mobile ergonomics the
+     * *entire* filled slot is the remove target (the dismiss capsule is just a
+     * visual affordance), so a fingertip anywhere on the item triggers this. The
+     * consumer is expected to clear that item's `imageSource` to return it to the
+     * "Add" state. Receives the item's `id` (or index) and the slot index.
+     */
+    onItemRemove?: (id: ComparisonBarItem['id'], index: number) => void;
+    /** Fired when the Compare button is pressed. */
+    onCompare?: () => void;
+    /** Label for the trailing action button. Defaults to `"Compare"`. */
+    compareLabel?: string;
+    /**
+     * Explicitly controls the Compare button's *functional* disabled state — a
+     * truly disabled button is non-interactive (its `onPress` never fires), not
+     * just dimmed. Note that `modes` only affects appearance, so dimming the
+     * button via tokens does NOT stop taps; that is what this prop is for.
+     *
+     * When provided (a boolean), it always wins over
+     * {@link ComparisonBarProps.disableCompareWhenEmpty}. Leave it `undefined`
+     * to fall back to the auto behavior.
+     */
+    compareDisabled?: boolean;
+    /**
+     * When `true` (default) the Compare button is automatically (and truly)
+     * disabled while no slot has an image — there is nothing to compare yet. Set
+     * to `false` to keep it tappable even when empty. Ignored when
+     * {@link ComparisonBarProps.compareDisabled} is set explicitly.
+     */
+    disableCompareWhenEmpty?: boolean;
+    /** Mode configuration passed to the token resolver. */
+    modes?: Modes;
+    /** Style overrides for the outer floating card. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * ComparisonBar — a floating card that lets a user assemble a set of items to
+ * compare, then trigger the comparison.
+ *
+ * Each slot is fully controlled via its `imageSource`: an empty slot shows a
+ * tappable `+` (the "Add" state) and a filled slot shows the image with a
+ * dismiss capsule (the "Image Added" state). The component never sources or
+ * stores images itself — when an empty slot is pressed it fires `onItemPress`
+ * with the item's id/index so the consumer can open whatever picker is
+ * appropriate and then update that item's `imageSource` to flip its state.
+ * Tapping a filled slot (anywhere on it — a mobile-friendly hit target, with
+ * the dismiss capsule as a visual affordance) fires `onItemRemove` so the
+ * consumer can clear the source again.
+ *
+ * @example
+ * ```tsx
+ * const [items, setItems] = useState<ComparisonBarItem[]>([
+ *   { id: 'a' }, { id: 'b' }, { id: 'c' }, { id: 'd' },
+ * ])
+ *
+ * <ComparisonBar
+ *   items={items}
+ *   onItemPress={async (id) => {
+ *     const uri = await openImagePicker()
+ *     setItems(prev => prev.map(it => it.id === id ? { ...it, imageSource: uri } : it))
+ *   }}
+ *   onItemRemove={(id) =>
+ *     setItems(prev => prev.map(it => it.id === id ? { ...it, imageSource: null } : it))
+ *   }
+ *   onCompare={runComparison}
+ * />
+ * ```
+ */
+declare function ComparisonBar({ items, onItemPress, onItemRemove, onCompare, compareLabel, compareDisabled, disableCompareWhenEmpty, modes: propModes, style, }: ComparisonBarProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ComparisonBar>;
+export default _default;
+//# sourceMappingURL=ComparisonBar.d.ts.map

package/lib/typescript/src/components/CoverageBarComparison/CoverageBarComparison.d.ts

@@ -83,6 +83,12 @@ export type CoverageBarComparisonProps = {
     labelStyle?: StyleProp<TextStyle>;
     /** Accessibility label for the entire component. */
     accessibilityLabel?: string;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 };
 /**
  * `CoverageBarComparison` renders a small vertical-bar chart that compares
@@ -101,6 +107,6 @@ export type CoverageBarComparisonProps = {
  *
  * @component
  */
-declare function CoverageBarComparison({ bars, max, height, legendGap, modes: propModes, style, chartStyle, legendStyle, labelStyle, accessibilityLabel, }: CoverageBarComparisonProps): import("react/jsx-runtime").JSX.Element;
+declare function CoverageBarComparison({ bars, max, height, legendGap, modes: propModes, style, chartStyle, legendStyle, labelStyle, accessibilityLabel, disableTruncation, }: CoverageBarComparisonProps): import("react/jsx-runtime").JSX.Element;
 export default CoverageBarComparison;
 //# sourceMappingURL=CoverageBarComparison.d.ts.map

package/lib/typescript/src/components/DonutChart/DonutChart.d.ts

@@ -70,6 +70,12 @@ export type DonutChartProps = {
     labelStyle?: StyleProp<TextStyle>;
     /** Accessibility label announced for the whole donut chart. */
     accessibilityLabel?: string;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 };
 type DonutChartSegmentProps = {
     /** Angular weight relative to the sum of sibling segment values. */
@@ -108,7 +114,7 @@ declare function DonutChartSegment(_: DonutChartSegmentProps): any;
  * @component
  * @param {DonutChartProps} props
  */
-declare function DonutChart({ segments, value, label, children, size, strokeWidth: strokeWidthProp, gap, modes: propModes, style, valueStyle, labelStyle, accessibilityLabel, }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
+declare function DonutChart({ segments, value, label, children, size, strokeWidth: strokeWidthProp, gap, modes: propModes, style, valueStyle, labelStyle, accessibilityLabel, disableTruncation, }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DonutChart {
     var Segment: typeof DonutChartSegment;
 }

package/lib/typescript/src/components/Dropdown/Dropdown.d.ts

@@ -35,8 +35,14 @@ export type DropdownItemProps = {
     accessibilityLabel?: string;
     /** Accessibility hint. */
     accessibilityHint?: string;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 };
-export declare function DropdownItem({ label, value, selected, disabled, leading, trailing, onPress, children, modes: propModes, style, labelStyle, accessibilityLabel, accessibilityHint, }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownItem({ label, value, selected, disabled, leading, trailing, onPress, children, modes: propModes, style, labelStyle, accessibilityLabel, accessibilityHint, disableTruncation, }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
 export type DropdownProps = {
     /** Dropdown items, typically `<DropdownItem />` children. */
     children?: React.ReactNode;

package/lib/typescript/src/components/DropdownInput/DropdownInput.d.ts

@@ -14,6 +14,25 @@ export type DropdownInputOption = {
     /** Whether the option is non-selectable. */
     disabled?: boolean;
 };
+/**
+ * Imperative handle exposed via `ref`. Lets the consumer drive the dropdown
+ * from outside — e.g. close it when an Android hardware/system button is
+ * pressed, or open it programmatically from a sibling control.
+ */
+export type DropdownInputHandle = {
+    /** Opens the options menu (no-op when disabled / read-only). */
+    open: () => void;
+    /** Closes the options menu. */
+    close: () => void;
+    /** Toggles the options menu open/closed. */
+    toggle: () => void;
+    /** Moves focus to the trigger (web). */
+    focus: () => void;
+    /** Removes focus from the trigger (web). */
+    blur: () => void;
+    /** Measures the trigger in window coordinates. */
+    measureInWindow: (callback: (x: number, y: number, width: number, height: number) => void) => void;
+};
 export type DropdownInputProps = {
     /** Label rendered above the input. */
     label?: string;
@@ -103,7 +122,13 @@ export type DropdownInputProps = {
     onFocus?: (e: any) => void;
     /** Called when the trigger loses focus (web only). */
     onBlur?: (e: any) => void;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 };
-declare function DropdownInput({ label, placeholder, items, value, defaultValue, onValueChange, children, renderValue, open, defaultOpen, onOpenChange, placement, isRequired, isDisabled, isInvalid, isReadOnly, supportText, errorMessage, menuMaxHeight, menuOffset, matchTriggerWidth, closeOnBackdropPress, modes: propModes, style, inputStyle, menuStyle, accessibilityLabel, accessibilityHint, onFocus, onBlur, }: DropdownInputProps): import("react/jsx-runtime").JSX.Element;
+declare const DropdownInput: React.ForwardRefExoticComponent<DropdownInputProps & React.RefAttributes<DropdownInputHandle>>;
 export default DropdownInput;
 //# sourceMappingURL=DropdownInput.d.ts.map

package/lib/typescript/src/components/ExpandableCheckbox/ExpandableCheckbox.d.ts

@@ -23,6 +23,12 @@ export type ExpandableCheckboxProps = {
     readLessLabel?: string;
     /** Number of lines to show when collapsed. Defaults to `1`. */
     collapsedLines?: number;
+    /**
+     * When `true`, disables truncation of the collapsed label: the trailing
+     * ellipsis (`…`) is never shown and the `collapsedLines` clamp is ignored, so
+     * the label wraps fully even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
     /** Design token modes for theming (e.g. `{ 'Color Mode': 'Light' }`). */
     modes?: Modes;
     /** Override outer container styles. */
@@ -59,6 +65,6 @@ export type ExpandableCheckboxProps = {
  * />
  * ```
  */
-declare function ExpandableCheckbox({ label, checked: controlledChecked, defaultChecked, onValueChange, expanded: controlledExpanded, defaultExpanded, onExpandedChange, disabled, readMoreLabel, readLessLabel, collapsedLines, modes, style, labelStyle, accessibilityLabel, }: ExpandableCheckboxProps): import("react/jsx-runtime").JSX.Element;
+declare function ExpandableCheckbox({ label, checked: controlledChecked, defaultChecked, onValueChange, expanded: controlledExpanded, defaultExpanded, onExpandedChange, disabled, readMoreLabel, readLessLabel, collapsedLines, disableTruncation, modes, style, labelStyle, accessibilityLabel, }: ExpandableCheckboxProps): import("react/jsx-runtime").JSX.Element;
 export default ExpandableCheckbox;
 //# sourceMappingURL=ExpandableCheckbox.d.ts.map

package/lib/typescript/src/components/FormField/FormField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type StyleProp, type TextInputProps as RNTextInputProps, type TextStyle, type ViewStyle } from 'react-native';
+import { TextInput as RNTextInput, type StyleProp, type TextInputProps as RNTextInputProps, type TextStyle, type ViewStyle } from 'react-native';
 import type { Modes } from '../../design-tokens';
 export type FormFieldType = 'text' | 'password' | 'email' | 'search' | 'number' | 'phone' | 'url';
 export type FormFieldProps = {
@@ -80,6 +80,6 @@ export type FormFieldProps = {
     /** Test identifier. */
     testID?: string;
 };
-declare function FormField({ label, placeholder, value, onChangeText, type, name, leading, trailing, leadingIconName, isRequired, isDisabled, isInvalid, isReadOnly, supportText, errorMessage, maxLength, autoFocus, modes: propModes, style, inputStyle, inputTextStyle, onFocus, onBlur, onSubmitEditing, accessibilityLabel, accessibilityHint, testID, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<RNTextInput>>;
 export default FormField;
 //# sourceMappingURL=FormField.d.ts.map

package/lib/typescript/src/components/HoldingsCard/HoldingsCard.d.ts

@@ -25,6 +25,12 @@ export interface HoldingsCardProps {
     style?: StyleProp<ViewStyle>;
     /** Test ID for testing. */
     testID?: string;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 }
-export default function HoldingsCard({ headerImage, heroLabel, heroValue, details, selected, disabled, onPress, modes, style, testID, }: HoldingsCardProps): import("react/jsx-runtime").JSX.Element;
+export default function HoldingsCard({ headerImage, heroLabel, heroValue, details, selected, disabled, onPress, modes, style, testID, disableTruncation, }: HoldingsCardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HoldingsCard.d.ts.map

package/lib/typescript/src/components/InputSearch/InputSearch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type StyleProp, type ViewStyle, type TextStyle, type TextInputProps as RNTextInputProps } from 'react-native';
+import { TextInput as RNTextInput, type StyleProp, type ViewStyle, type TextStyle, type TextInputProps as RNTextInputProps } from 'react-native';
 import type { Modes } from '../../design-tokens';
 export type InputSearchProps = {
     supportText?: boolean;
@@ -22,5 +22,26 @@ export type InputSearchProps = {
     accessibilityLabel?: string;
     accessibilityHint?: string;
 } & Omit<RNTextInputProps, 'style' | 'onChangeText' | 'onFocus' | 'onBlur' | 'placeholder' | 'value'>;
-export default function InputSearch({ supportText, supportTextLabel, supportTextIcon, modes, containerStyle, placeholder, value, onChangeText, onFocus, onBlur, leading, trailing, inputStyle, ...rest }: InputSearchProps): import("react/jsx-runtime").JSX.Element;
+declare const InputSearch: React.ForwardRefExoticComponent<{
+    supportText?: boolean;
+    supportTextLabel?: string;
+    /**
+     * Icon name from the icon registry to render inside the support text
+     * (e.g. 'ic_info', 'ic_cart'). Defaults to 'ic_info'.
+     */
+    supportTextIcon?: string;
+    modes?: Modes;
+    containerStyle?: StyleProp<ViewStyle>;
+    placeholder?: string;
+    value?: string;
+    onChangeText?: (text: string) => void;
+    onFocus?: (e: any) => void;
+    onBlur?: (e: any) => void;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    inputStyle?: StyleProp<TextStyle>;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+} & Omit<RNTextInputProps, "style" | "value" | "onFocus" | "onBlur" | "placeholder" | "onChangeText"> & React.RefAttributes<RNTextInput>>;
+export default InputSearch;
 //# sourceMappingURL=InputSearch.d.ts.map

package/lib/typescript/src/components/InstitutionBadge/InstitutionBadge.d.ts

@@ -24,8 +24,14 @@ export type InstitutionBadgeProps = InstitutionBadgeBaseProps & {
     labelStyle?: StyleProp<TextStyle>;
     /** Accessibility label. Defaults to `label`. */
     accessibilityLabel?: string;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 };
-declare function InstitutionBadge({ label, source, avatarSlot, modes: propModes, style, labelStyle, accessibilityLabel, ...rest }: InstitutionBadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function InstitutionBadge({ label, source, avatarSlot, modes: propModes, style, labelStyle, accessibilityLabel, disableTruncation, ...rest }: InstitutionBadgeProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof InstitutionBadge>;
 export default _default;
 //# sourceMappingURL=InstitutionBadge.d.ts.map

package/lib/typescript/src/components/ListGroup/ListGroup.d.ts

@@ -9,6 +9,12 @@ type ListGroupProps = {
     style?: StyleProp<ViewStyle>;
     accessibilityLabel?: string;
     accessibilityHint?: string;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 } & Omit<React.ComponentProps<typeof View>, 'children'>;
 /**
  * ListGroup component that mirrors the Figma "List Group" component.
@@ -35,6 +41,6 @@ type ListGroupProps = {
  * @param {string} [props.accessibilityLabel] - Accessibility label for the list group. If not provided, uses label
  * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
  */
-declare function ListGroup({ label, listGroupSlot, children, modes, style, accessibilityLabel, accessibilityHint, ...rest }: ListGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function ListGroup({ label, listGroupSlot, children, modes, style, accessibilityLabel, accessibilityHint, disableTruncation, ...rest }: ListGroupProps): import("react/jsx-runtime").JSX.Element;
 export default ListGroup;
 //# sourceMappingURL=ListGroup.d.ts.map

package/lib/typescript/src/components/ListItem/ListItem.d.ts

@@ -31,6 +31,12 @@ type ListItemProps = {
      * Web-specific accessibility props (only used on web platform)
      */
     webAccessibilityProps?: WebAccessibilityProps;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 } & React.ComponentProps<typeof View>;
 /**
  * ListItem component that mirrors the Figma "List Item" component.
@@ -78,7 +84,7 @@ type ListItemProps = {
  *    handlers stay referentially stable across renders.
  *  - The component is wrapped in `React.memo`.
  */
-declare function ListItemImpl({ layout, title, supportText, showSupportText, leading, supportSlot, trailing, endSlot, navArrow, modes, onPress, style, contentStyle, accessibilityLabel, accessibilityHint, accessibilityState, webAccessibilityProps, ...rest }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+declare function ListItemImpl({ layout, title, supportText, showSupportText, leading, supportSlot, trailing, endSlot, navArrow, modes, onPress, style, contentStyle, accessibilityLabel, accessibilityHint, accessibilityState, webAccessibilityProps, disableTruncation, ...rest }: ListItemProps): import("react/jsx-runtime").JSX.Element;
 declare const ListItem: React.MemoExoticComponent<typeof ListItemImpl>;
 export default ListItem;
 //# sourceMappingURL=ListItem.d.ts.map

package/lib/typescript/src/components/MetricLegendItem/MetricLegendItem.d.ts

@@ -30,6 +30,12 @@ export type MetricLegendItemProps = {
     labelStyle?: StyleProp<TextStyle>;
     /** Override the value text styles. */
     valueStyle?: StyleProp<TextStyle>;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 };
 /**
  * MetricLegendItem renders a horizontal row consisting of a small colored
@@ -39,6 +45,6 @@ export type MetricLegendItemProps = {
  * @component
  * @param {MetricLegendItemProps} props
  */
-declare function MetricLegendItem({ label, value, indicatorColor, indicatorShape, modes, style, indicatorStyle, labelStyle, valueStyle, }: MetricLegendItemProps): import("react/jsx-runtime").JSX.Element;
+declare function MetricLegendItem({ label, value, indicatorColor, indicatorShape, modes, style, indicatorStyle, labelStyle, valueStyle, disableTruncation, }: MetricLegendItemProps): import("react/jsx-runtime").JSX.Element;
 export default MetricLegendItem;
 //# sourceMappingURL=MetricLegendItem.d.ts.map

package/lib/typescript/src/components/MonthlyStatusGrid/MonthlyStatusGrid.d.ts

@@ -70,6 +70,12 @@ export type MonthlyStatusGridProps = {
     legendStyle?: StyleProp<ViewStyle>;
     /** Accessibility label for the entire component. */
     accessibilityLabel?: string;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 };
 export type CalendarGlyphProps = {
     /** Text rendered inside the glyph (e.g. `'Jan'`). */
@@ -87,6 +93,12 @@ export type CalendarGlyphProps = {
     labelStyle?: StyleProp<TextStyle>;
     /** Accessibility label. Defaults to `"{label}, {status}"`. */
     accessibilityLabel?: string;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 };
 /**
  * Single calendar-month glyph: a small pill with a status-driven background
@@ -95,7 +107,7 @@ export type CalendarGlyphProps = {
  * {@link MonthlyStatusGrid} instead, which keeps the count, layout and
  * legend in sync automatically.
  */
-declare function CalendarGlyph({ label, status, modes: propModes, style, labelStyle, accessibilityLabel, }: CalendarGlyphProps): import("react/jsx-runtime").JSX.Element;
+declare function CalendarGlyph({ label, status, modes: propModes, style, labelStyle, accessibilityLabel, disableTruncation, }: CalendarGlyphProps): import("react/jsx-runtime").JSX.Element;
 /**
  * `MonthlyStatusGrid` shows a year (or any contiguous range of months) as a
  * grid of small pill-shaped calendar glyphs, each colored by its semantic
@@ -114,7 +126,7 @@ declare function CalendarGlyph({ label, status, modes: propModes, style, labelSt
  *
  * @component
  */
-declare function MonthlyStatusGrid({ months, columns, legend, legendStatuses, modes: propModes, style, monthsStyle, rowStyle, glyphStyle, labelStyle, legendStyle, accessibilityLabel, }: MonthlyStatusGridProps): import("react/jsx-runtime").JSX.Element;
+declare function MonthlyStatusGrid({ months, columns, legend, legendStatuses, modes: propModes, style, monthsStyle, rowStyle, glyphStyle, labelStyle, legendStyle, accessibilityLabel, disableTruncation, }: MonthlyStatusGridProps): import("react/jsx-runtime").JSX.Element;
 export { CalendarGlyph };
 export default MonthlyStatusGrid;
 //# sourceMappingURL=MonthlyStatusGrid.d.ts.map

package/lib/typescript/src/components/NoteInput/NoteInput.d.ts

@@ -1,4 +1,5 @@
-import { type StyleProp, type ViewStyle, type TextStyle, type TextInputProps } from 'react-native';
+import React from 'react';
+import { TextInput as RNTextInput, type StyleProp, type ViewStyle, type TextStyle, type TextInputProps } from 'react-native';
 import type { Modes } from '../../design-tokens';
 export type NoteInputProps = {
     /** The value of the text input */
@@ -20,5 +21,21 @@ export type NoteInputProps = {
  * NoteInput component representing an interactive "Add note" badge style field.
  * Allows the user to click, clears the placeholder text, and shows a blinking cursor when focused.
  */
-export default function NoteInput({ value, placeholder, onChangeText, modes, style, textStyle, state: explicitState, onFocus, onBlur, ...rest }: NoteInputProps): import("react/jsx-runtime").JSX.Element;
+declare const NoteInput: React.ForwardRefExoticComponent<{
+    /** The value of the text input */
+    value?: string;
+    /** The placeholder when empty ("Add note" by default) */
+    placeholder?: string;
+    /** Callback when text changes */
+    onChangeText?: (text: string) => void;
+    /** Design token modes (e.g., {'InputState': 'Idle', 'Color Mode': 'Light'}) */
+    modes?: Modes;
+    /** Custom container style */
+    style?: StyleProp<ViewStyle>;
+    /** Custom text input style */
+    textStyle?: StyleProp<TextStyle>;
+    /** State of the component */
+    state?: "Editing" | "Idle";
+} & Omit<TextInputProps, "style" | "value" | "placeholder" | "onChangeText"> & React.RefAttributes<RNTextInput>>;
+export default NoteInput;
 //# sourceMappingURL=NoteInput.d.ts.map

package/lib/typescript/src/components/PdpCcCard/PdpCcCard.d.ts

@@ -0,0 +1,84 @@
+import React from 'react';
+import { type ViewStyle, type StyleProp, type ImageSourcePropType } from 'react-native';
+import type { Modes } from '../../design-tokens';
+/**
+ * A single metric column inside the card's stats row: a small title, a bold
+ * value and an optional muted caption.
+ */
+export interface PdpCcCardMetric {
+    /** Small label rendered above the value (e.g. `"Weight"`). */
+    title?: string;
+    /** The prominent value (e.g. `"24K"`). */
+    value?: string;
+    /** Optional muted caption rendered below the value. */
+    caption?: string;
+}
+export interface PdpCcCardProps {
+    /**
+     * Image source for the default media slot. Accepts a URL string or any RN
+     * `ImageSourcePropType`. Ignored when `media` is provided.
+     */
+    imageSource?: ImageSourcePropType | string;
+    /** Default media image width. Defaults to the Figma spec (`100`). */
+    imageWidth?: number;
+    /** Default media image height. Defaults to the Figma spec (`60`). */
+    imageHeight?: number;
+    /**
+     * Full override for the media slot (top of the card). Takes precedence over
+     * `imageSource`. `modes` cascade into it automatically.
+     */
+    media?: React.ReactNode;
+    /** Headline title (26px black). */
+    title?: string;
+    /** Subtitle rendered below the title (14px medium). */
+    subtitle?: string;
+    /**
+     * The metric columns rendered in the stats row. Vertical dividers are
+     * inserted automatically between adjacent metrics. Defaults to two sample
+     * metrics.
+     */
+    metrics?: PdpCcCardMetric[];
+    /** CTA button label. Defaults to `"button"`. */
+    buttonLabel?: string;
+    /**
+     * Registry icon name for the button's leading glyph. Defaults to
+     * `'ic_add_circle'`. Pass `null` to hide the leading icon.
+     */
+    buttonIcon?: string | null;
+    /** CTA press handler. */
+    onButtonPress?: () => void;
+    /** Full override for the CTA. Takes precedence over `buttonLabel`. */
+    button?: React.ReactNode;
+    /** Toggles the CTA button. Defaults to `true`. */
+    showButton?: boolean;
+    /** Press handler for the whole card. When set, the card becomes pressable. */
+    onPress?: () => void;
+    /** Card width. Defaults to the Figma spec (`344`). Pass `'100%'` to fill the parent. */
+    width?: number | `${number}%`;
+    /** Modes object for design-token resolution. Cascaded to all children. */
+    modes?: Modes;
+    /** Style overrides for the card container. */
+    style?: StyleProp<ViewStyle>;
+    /** Accessibility label for the card. */
+    accessibilityLabel?: string;
+}
+/**
+ * PdpCcCard — Figma node 5352:935 ("PDP cc card").
+ *
+ * A centered white product/PDP card composed from the shared design-system
+ * primitives so it stays in sync with the rest of the library:
+ *
+ *  - **Media** — a top image slot (`Image`, rounded via `image/radius`). Pass
+ *    `imageSource` for the default image or `media` for a full slot override.
+ *  - **Title** — a centered headline + subtitle rendered through the shared
+ *    {@link Title} component (`title/*`, `pageSubtitle/*` tokens).
+ *  - **Metrics** — a row of {@link PdpCcCardMetric} columns (title / value /
+ *    caption) separated by vertical `Divider`s (`metricdata/*` tokens).
+ *  - **CTA** — a small tonal {@link Button} (`Button / Size: S`,
+ *    `AppearanceBrand: Secondary`, `Emphasis: Medium`) with a leading icon.
+ *
+ * All defaults can be overridden via `modes`.
+ */
+declare function PdpCcCard({ imageSource, imageWidth, imageHeight, media, title, subtitle, metrics, buttonLabel, buttonIcon, onButtonPress, button, showButton, onPress, width, modes, style, accessibilityLabel, }: PdpCcCardProps): import("react/jsx-runtime").JSX.Element;
+export default PdpCcCard;
+//# sourceMappingURL=PdpCcCard.d.ts.map

package/lib/typescript/src/components/PoweredByLabel/PoweredByLabel.d.ts

@@ -46,6 +46,12 @@ export type PoweredByLabelProps = {
      * (which is decorative) does not need to be announced separately.
      */
     accessibilityLabel?: string;
+    /**
+     * When `true`, disables text truncation: the trailing ellipsis (`…`) is never
+     * shown and any `numberOfLines` clamp is ignored, so the text wraps to as many
+     * lines as it needs even when horizontal space is tight.
+     */
+    disableTruncation?: boolean;
 };
 /**
  * `PoweredByLabel` renders the small "Powered by RBI-regulated account
@@ -66,6 +72,6 @@ export type PoweredByLabelProps = {
  * @component
  * @param {PoweredByLabelProps} props
  */
-declare function PoweredByLabel({ label, imageSource, imageWidth, imageHeight, imageSlot, modes: propModes, style, textStyle, imageStyle, accessibilityLabel, }: PoweredByLabelProps): import("react/jsx-runtime").JSX.Element;
+declare function PoweredByLabel({ label, imageSource, imageWidth, imageHeight, imageSlot, modes: propModes, style, textStyle, imageStyle, accessibilityLabel, disableTruncation, }: PoweredByLabelProps): import("react/jsx-runtime").JSX.Element;
 export default PoweredByLabel;
 //# sourceMappingURL=PoweredByLabel.d.ts.map