jfs-components 0.1.8 → 0.1.17

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

@@ -25,17 +25,46 @@ export interface BenefitCardProps {
     /** Header section title (e.g. `"You will earn"`). */
     headerTitle?: string;
     /**
-     * Highlighted item shown directly under the header title (icon + title +
-     * optional trailing value). Rendered above the divider.
+     * @deprecated The header is now a multi-row list wrap. A single item still
+     * works and is rendered as a one-row list (lowest precedence, after
+     * `header` and `headerItems`). Prefer `headerItems` (declarative) or
+     * `header` (slot).
      */
     headerItem?: BenefitCardItem;
+    /**
+     * Declarative header list-wrap rows shown under the header title and above
+     * the divider (icon + title + optional trailing value). Replaces the
+     * legacy single {@link BenefitCardProps.headerItem}. Ignored when the
+     * `header` slot is provided.
+     */
+    headerItems?: BenefitCardItem[];
+    /**
+     * Real slot for the header "list wrap" (the rows under the header title).
+     * Highest precedence — when provided, these children render instead of
+     * `headerItems` / `headerItem`; `modes` (plus the `List Item Style:
+     * Minimal` style) cascade into every child automatically.
+     */
+    header?: React.ReactNode;
     /**
      * Toggles the whole header section (title + item + divider). Mirrors the
      * Figma `showHeader` property. Defaults to `true`.
      */
     showHeader?: boolean;
-    /** Body section title (e.g. `"Upgrade to JioFinance+ and earn more"`). */
+    /**
+     * @deprecated In the Figma redesign the plain body title was replaced by a
+     * slot-based upsell `Nudge` ({@link BenefitCardProps.bodyHeader}). Still
+     * honored for backward compatibility: when set, it renders as a plain text
+     * title in place of the default nudge. Prefer `bodyHeader`.
+     */
     bodyTitle?: string;
+    /**
+     * Real slot rendered between the header divider and the body list — in the
+     * Figma reference this is an upsell `Nudge` (avatar + highlighted
+     * "JioFinance+" message). Defaults to that nudge. Pass `null`/`false` to
+     * hide it, `bodyTitle` for the legacy plain-text title, or any `ReactNode`
+     * for full control; `modes` cascade into the slot.
+     */
+    bodyHeader?: React.ReactNode;
     /**
      * Body benefit rows. Ignored when `children` is provided (the slot wins).
      */
@@ -88,6 +117,6 @@ export interface BenefitCardProps {
  * `AppearanceBrand: Secondary` brand color, exactly matching the design. All
  * three defaults can be overridden via `modes`.
  */
-declare function BenefitCard({ headerTitle, headerItem, showHeader, bodyTitle, items, children, buttonLabel, onButtonPress, button, showButton, onPress, width, modes, style, accessibilityLabel, }: BenefitCardProps): import("react/jsx-runtime").JSX.Element;
+declare function BenefitCard({ headerTitle, headerItem, headerItems, header, showHeader, bodyTitle, bodyHeader, items, children, buttonLabel, onButtonPress, button, showButton, onPress, width, modes, style, accessibilityLabel, }: BenefitCardProps): import("react/jsx-runtime").JSX.Element;
 export default BenefitCard;
 //# sourceMappingURL=BenefitCard.d.ts.map

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

@@ -25,6 +25,12 @@ export type BrandChipProps = {
     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;
 };
 /**
  * `BrandChip` renders a compact pill that pairs a small institution avatar
@@ -38,7 +44,7 @@ export type BrandChipProps = {
  * @component
  * @param {BrandChipProps} props
  */
-declare function BrandChip({ label, imageSource, avatarSlot, onPress, modes: propModes, style, labelStyle, accessibilityLabel, }: BrandChipProps): import("react/jsx-runtime").JSX.Element;
+declare function BrandChip({ label, imageSource, avatarSlot, onPress, modes: propModes, style, labelStyle, accessibilityLabel, disableTruncation, }: BrandChipProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof BrandChip>;
 export default _default;
 //# sourceMappingURL=BrandChip.d.ts.map

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

@@ -48,6 +48,12 @@ export type ButtonProps = SafePressableProps & {
      * the group.
      */
     loading?: boolean;
+    /**
+     * 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;
 };
 /**
  * Button component that maps directly to the Figma design using design tokens.
@@ -84,7 +90,7 @@ export type ButtonProps = SafePressableProps & {
  *    advantage of this should pass stable `modes` (the default `EMPTY_MODES`
  *    is already stable) and stable callback props.
  */
-declare function ButtonImpl({ label, children, renderContent, leading, trailing, icon, modes, onPress, disabled, style, labelStyle, accessibilityLabel, accessibilityHint, accessibilityState, webAccessibilityProps, loading, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function ButtonImpl({ label, children, renderContent, leading, trailing, icon, modes, onPress, disabled, style, labelStyle, accessibilityLabel, accessibilityHint, accessibilityState, webAccessibilityProps, loading, disableTruncation, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 declare const Button: React.MemoExoticComponent<typeof ButtonImpl>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -43,8 +43,14 @@ export type CardAdvisoryProps = CardAdvisoryBaseProps & {
     nudgeStyle?: StyleProp<ViewStyle>;
     /** Accessibility label for the full card. */
     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 CardAdvisory({ title, description, value, valueLabel, showInfoIcon, showNudge, nudgeBody, nudgeButtonLabel, onPressNudgeButton, titleEndSlot, progressSlot, nudgeSlot, modes: propModes, style, mainContentStyle, titleStyle, descriptionStyle, progressStyle, nudgeStyle, accessibilityLabel, ...rest }: CardAdvisoryProps): import("react/jsx-runtime").JSX.Element;
+declare function CardAdvisory({ title, description, value, valueLabel, showInfoIcon, showNudge, nudgeBody, nudgeButtonLabel, onPressNudgeButton, titleEndSlot, progressSlot, nudgeSlot, modes: propModes, style, mainContentStyle, titleStyle, descriptionStyle, progressStyle, nudgeStyle, accessibilityLabel, disableTruncation, ...rest }: CardAdvisoryProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof CardAdvisory>;
 export default _default;
 //# sourceMappingURL=CardAdvisory.d.ts.map

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

@@ -67,6 +67,12 @@ export type CardBankAccountProps = {
     style?: StyleProp<ViewStyle>;
     /** Accessibility label for the card region. */
     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;
 };
 /**
  * `CardBankAccount` renders a bank account summary card composed of:
@@ -82,6 +88,6 @@ export type CardBankAccountProps = {
  * @component
  * @param {CardBankAccountProps} props
  */
-declare function CardBankAccount({ institutionName, institutionAvatar, badge, headerSlot, items, children, buttonLabel, onButtonPress, footer, modes: propModes, style, accessibilityLabel, }: CardBankAccountProps): import("react/jsx-runtime").JSX.Element;
+declare function CardBankAccount({ institutionName, institutionAvatar, badge, headerSlot, items, children, buttonLabel, onButtonPress, footer, modes: propModes, style, accessibilityLabel, disableTruncation, }: CardBankAccountProps): import("react/jsx-runtime").JSX.Element;
 export default CardBankAccount;
 //# sourceMappingURL=CardBankAccount.d.ts.map

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

@@ -1,10 +1,22 @@
 import React from 'react';
-import { type ViewStyle, type StyleProp } from 'react-native';
+import { type ViewStyle, type StyleProp, type ImageSourcePropType } from 'react-native';
 import type { Modes } from '../../design-tokens';
-export type CardCTAType = 'cta' | 'rating';
+export type CardCTAType = 'cta' | 'rating' | 'sip';
+/**
+ * Accepted `type` values. The canonical (and historical) values are lowercase
+ * (`'cta' | 'rating' | 'sip'`). The Figma variant names are PascalCase
+ * (`'CTA' | 'Rating' | 'Sip'`) — we accept those too and normalize internally
+ * so callers can pass either casing without a breaking change.
+ */
+export type CardCTATypeInput = CardCTAType | 'CTA' | 'Rating' | 'Sip';
 export type CardCTAProps = {
-    /** Visual layout variant */
-    type?: CardCTAType;
+    /**
+     * Visual layout variant. `'cta'` (default) is the horizontal CTA card,
+     * `'rating'` is the rating card, and `'sip'` is the avatar-led card with a
+     * headline/description/subtitle footer. PascalCase Figma names
+     * (`'CTA' | 'Rating' | 'Sip'`) are also accepted.
+     */
+    type?: CardCTATypeInput;
     /** Title text */
     title?: string;
     /** Body / subtitle text */
@@ -23,6 +35,14 @@ export type CardCTAProps = {
     onPressLike?: () => void;
     /** Callback for the default dislike action */
     onPressDislike?: () => void;
+    /** [sip] Headline text shown above the description row */
+    headline?: string;
+    /** [sip] Description text (left of subtitle) */
+    description?: string;
+    /** [sip] Subtitle text (right of description) */
+    subtitle?: string;
+    /** [sip] Image source for the default Avatar */
+    avatarSource?: ImageSourcePropType | string;
     /** Mode configuration for design token resolution */
     modes?: Modes;
     /** Slot: replaces the default icon area (right side) */
@@ -33,9 +53,11 @@ export type CardCTAProps = {
     ratingBadgeSlot?: React.ReactNode;
     /** Slot: replaces the default like/dislike action group */
     ratingActionsSlot?: React.ReactNode;
+    /** [sip] Slot: replaces the default Avatar */
+    avatarSlot?: React.ReactNode;
     /** Container style overrides */
     style?: StyleProp<ViewStyle>;
 };
-declare function CardCTA({ type, title, body, iconName, buttonLabel, onPressButton, ratingLabel, showRatingActions, onPressLike, onPressDislike, modes: propModes, iconSlot, buttonSlot, ratingBadgeSlot, ratingActionsSlot, style, }: CardCTAProps): import("react/jsx-runtime").JSX.Element;
+declare function CardCTA({ type, title, body, iconName, buttonLabel, onPressButton, ratingLabel, showRatingActions, onPressLike, onPressDislike, headline, description, subtitle, avatarSource, modes: propModes, iconSlot, buttonSlot, ratingBadgeSlot, ratingActionsSlot, avatarSlot, style, }: CardCTAProps): import("react/jsx-runtime").JSX.Element;
 export default CardCTA;
 //# sourceMappingURL=CardCTA.d.ts.map

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

@@ -18,12 +18,22 @@ export interface CarouselProps {
     gap?: number;
     /** Width of each carousel item. When undefined, items take full container width. */
     itemWidth?: number;
+    /**
+     * Explicit horizontal padding (px) for the scroll content. When provided it
+     * overrides the token-derived padding verbatim — the built-in `carousel/
+     * padding/horizontal × 2` "peek" multiplier is NOT applied. Use this for
+     * presets (e.g. the account-card strip) whose own tokens define a flush,
+     * non-peeking layout.
+     */
+    paddingHorizontal?: number;
+    /** Explicit vertical padding (px) for the outer container. Overrides `carousel/padding/vertical`. */
+    paddingVertical?: number;
     /** Called when the active index changes. */
     onIndexChange?: (index: number) => void;
     /** Style overrides for the outermost container. */
     style?: StyleProp<ViewStyle>;
 }
-export declare function Carousel({ children, modes, autoPlay, autoPlayInterval, showPagination, loop, gap: gapProp, itemWidth: itemWidthProp, onIndexChange, style, }: CarouselProps): import("react/jsx-runtime").JSX.Element;
+export declare function Carousel({ children, modes, autoPlay, autoPlayInterval, showPagination, loop, gap: gapProp, itemWidth: itemWidthProp, paddingHorizontal: paddingHorizontalProp, paddingVertical: paddingVerticalProp, onIndexChange, style, }: CarouselProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Carousel {
     var Item: typeof import("./Carousel").Item;
     var Pagination: typeof import("./Carousel").Pagination;

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

@@ -0,0 +1,57 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { Modes } from '../../design-tokens';
+export interface CarouselCardAccountsProps {
+    /**
+     * The account cards to render — this is the slot. Pass any number of
+     * `AccountCard` elements (or any node). Each becomes one horizontally
+     * scrollable, snap-aligned item. `modes` are forwarded to every child.
+     */
+    children?: React.ReactNode;
+    /** Design-token modes (e.g. `{ 'Color Mode': 'Light' }`). */
+    modes?: Modes;
+    /**
+     * Width of each card slot in px. Defaults to the Figma reference width
+     * (`125`). Combined with `gap` this drives the per-card snap interval.
+     */
+    itemWidth?: number;
+    /**
+     * Gap between cards in px. Resolved from the `carouselCardAccounts/gap`
+     * token (default `8`) when omitted.
+     */
+    gap?: number;
+    /**
+     * Show the pagination dots. Defaults to `false` — the account strip is a
+     * flush, free-scrolling row rather than a paged hero carousel.
+     */
+    showPagination?: boolean;
+    /** Loop back to the first card after the last. Default: `false`. */
+    loop?: boolean;
+    /** Called when the active (snapped) card index changes. */
+    onIndexChange?: (index: number) => void;
+    /** Style override for the outermost container. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * `CarouselCardAccounts` — a horizontally scrollable strip of compact
+ * `AccountCard`s (the Figma "Carousel / Card Accounts" component).
+ *
+ * It is a thin, opinionated preset over the shared {@link Carousel} scroll
+ * engine — so the snap/scroll/modes-cascade behaviour is **not** duplicated.
+ * Its niche is the account-selection strip: fixed-width card slots, flush
+ * (no peek) padding, per-card snapping, and no pagination by default.
+ *
+ * The cards are a real slot: pass any number of `AccountCard` children
+ * (typically a list of `connected` cards followed by a single `add` card).
+ *
+ * @example
+ * <CarouselCardAccounts modes={modes}>
+ *   <AccountCard title="Personal account" subtitle="**** 5651" imageSource={art} />
+ *   <AccountCard title="Salary account" subtitle="**** 1180" imageSource={art} />
+ *   <AccountCard state="add" title="Add a card" onPress={openLinkFlow} />
+ * </CarouselCardAccounts>
+ */
+declare function CarouselCardAccounts({ children, modes, itemWidth, gap: gapProp, showPagination, loop, onIndexChange, style, }: CarouselCardAccountsProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof CarouselCardAccounts>;
+export default _default;
+//# sourceMappingURL=CarouselCardAccounts.d.ts.map

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

@@ -32,7 +32,13 @@ export type CircularProgressBarProps = CircularProgressBarBaseProps & {
     supportTextStyle?: StyleProp<TextStyle>;
     /** Accessibility label for the whole progress 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;
 };
-declare function CircularProgressBar({ value, state, valueLabel, supportText, modes: propModes, style, trackStyle, progressStyle, valueStyle, supportTextStyle, accessibilityLabel, ...rest }: CircularProgressBarProps): import("react/jsx-runtime").JSX.Element;
+declare function CircularProgressBar({ value, state, valueLabel, supportText, modes: propModes, style, trackStyle, progressStyle, valueStyle, supportTextStyle, accessibilityLabel, disableTruncation, ...rest }: CircularProgressBarProps): import("react/jsx-runtime").JSX.Element;
 export default CircularProgressBar;
 //# sourceMappingURL=CircularProgressBar.d.ts.map

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

@@ -43,7 +43,13 @@ export type CircularProgressBarDotedProps = CircularProgressBarDotedBaseProps &
     tierLabelStyle?: StyleProp<TextStyle>;
     /** Accessibility label for the whole progress 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;
 };
-declare function CircularProgressBarDoted({ value, dotCount, label, tierLabel, showChevron, onPress, onTierPress, modes: propModes, children, style, ringStyle, trackDotStyle, progressDotStyle, contentStyle, scoreTierStyle, scoreTrendStyle, labelStyle, scoreLabelStyle, tierLabelStyle, accessibilityLabel, onLayout, ...rest }: CircularProgressBarDotedProps): import("react/jsx-runtime").JSX.Element;
+declare function CircularProgressBarDoted({ value, dotCount, label, tierLabel, showChevron, onPress, onTierPress, modes: propModes, children, style, ringStyle, trackDotStyle, progressDotStyle, contentStyle, scoreTierStyle, scoreTrendStyle, labelStyle, scoreLabelStyle, tierLabelStyle, accessibilityLabel, disableTruncation, onLayout, ...rest }: CircularProgressBarDotedProps): import("react/jsx-runtime").JSX.Element;
 export default CircularProgressBarDoted;
 //# sourceMappingURL=CircularProgressBarDoted.d.ts.map

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

@@ -43,8 +43,14 @@ export type CircularRatingProps = CircularRatingBaseProps & {
     nudgeStyle?: StyleProp<ViewStyle>;
     /** Accessibility label for the whole 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;
 };
-declare function CircularRating({ value, dotCount, label, tierLabel, footerText, showFooterIcon, showNudge, nudgeBody, nudgeButtonLabel, onPressNudgeButton, onTierPress, footerSlot, nudgeSlot, modes: propModes, style, ratingStyle, footerStyle, footerTextStyle, nudgeStyle, accessibilityLabel, ...rest }: CircularRatingProps): import("react/jsx-runtime").JSX.Element;
+declare function CircularRating({ value, dotCount, label, tierLabel, footerText, showFooterIcon, showNudge, nudgeBody, nudgeButtonLabel, onPressNudgeButton, onTierPress, footerSlot, nudgeSlot, modes: propModes, style, ratingStyle, footerStyle, footerTextStyle, nudgeStyle, accessibilityLabel, disableTruncation, ...rest }: CircularRatingProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof CircularRating>;
 export default _default;
 //# sourceMappingURL=CircularRating.d.ts.map

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

@@ -61,6 +61,12 @@ export type ClusterBubbleProps = {
     modes?: Modes;
     /** Accessibility label. Defaults to a `value + label` composite. */
     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;
 };
 /**
  * `ClusterBubble` is the atomic circle that composes a `BubbleChart`. It renders
@@ -72,6 +78,6 @@ export type ClusterBubbleProps = {
  *
  * @component
  */
-declare function ClusterBubble({ value, label, size, appearance, color, labelPlacement, labelDirection, labelGap, autoInsideMinSize, insideTextColor, onPress, valueStyle, labelStyle, circleStyle, style, modes: propModes, accessibilityLabel, }: ClusterBubbleProps): import("react/jsx-runtime").JSX.Element;
+declare function ClusterBubble({ value, label, size, appearance, color, labelPlacement, labelDirection, labelGap, autoInsideMinSize, insideTextColor, onPress, valueStyle, labelStyle, circleStyle, style, modes: propModes, accessibilityLabel, disableTruncation, }: ClusterBubbleProps): import("react/jsx-runtime").JSX.Element;
 export default ClusterBubble;
 //# sourceMappingURL=ClusterBubble.d.ts.map

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

@@ -70,6 +70,12 @@ export type CompareTableProps = {
     modes?: Modes;
     /** Override the outer container style. */
     style?: StyleProp<ViewStyle>;
+    /**
+     * 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;
 };
 /**
  * CompareTable renders a product comparison surface: a row of selection cards
@@ -83,6 +89,6 @@ export type CompareTableProps = {
  *
  * @component
  */
-declare function CompareTable({ columns, sections, onAddColumn, addColumnLabel, maxColumns, modes, style, }: CompareTableProps): import("react/jsx-runtime").JSX.Element;
+declare function CompareTable({ columns, sections, onAddColumn, addColumnLabel, maxColumns, modes, style, disableTruncation, }: CompareTableProps): import("react/jsx-runtime").JSX.Element;
 export default CompareTable;
 //# sourceMappingURL=CompareTable.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

@@ -122,6 +122,12 @@ 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 const DropdownInput: React.ForwardRefExoticComponent<DropdownInputProps & React.RefAttributes<DropdownInputHandle>>;
 export default DropdownInput;

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/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/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