jfs-components 0.1.8 → 0.1.12

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

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

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

@@ -55,6 +55,12 @@ export interface ProductMerchandisingCardProps {
     style?: StyleProp<ViewStyle>;
     /** Accessibility label for the 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;
 }
 /**
  * ProductMerchandisingCard — a full-bleed image card (Figma node 5277:317)
@@ -76,6 +82,6 @@ export interface ProductMerchandisingCardProps {
  * The blur strength is driven by the Figma `blur/minimal` token, mapped to the
  * `GlassFill` 0–100 intensity scale the same way `MediaCard` does.
  */
-declare function ProductMerchandisingCard({ imageSource, title, subtitle, badgeLabel, badge, showAvatar, avatarSource, avatarMonogram, avatar, specialBadgeLabel, specialBadgeIcon, specialBadge, ctaLabel, onCtaPress, cta, onPress, height, modes, style, accessibilityLabel, }: ProductMerchandisingCardProps): import("react/jsx-runtime").JSX.Element;
+declare function ProductMerchandisingCard({ imageSource, title, subtitle, badgeLabel, badge, showAvatar, avatarSource, avatarMonogram, avatar, specialBadgeLabel, specialBadgeIcon, specialBadge, ctaLabel, onCtaPress, cta, onPress, height, modes, style, accessibilityLabel, disableTruncation, }: ProductMerchandisingCardProps): import("react/jsx-runtime").JSX.Element;
 export default ProductMerchandisingCard;
 //# sourceMappingURL=ProductMerchandisingCard.d.ts.map

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

@@ -34,7 +34,13 @@ export type ProductOverviewProps = {
      * for badges, callouts, etc. Receives the same `modes` as the parent.
      */
     children?: React.ReactNode;
+    /**
+     * 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 ProductOverview: ({ imageSource, imageRatio, labelImageSource, label, productName, description, stats, modes, style, children, }: ProductOverviewProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProductOverview: ({ imageSource, imageRatio, labelImageSource, label, productName, description, stats, modes, style, children, disableTruncation, }: ProductOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export default ProductOverview;
 //# sourceMappingURL=ProductOverview.d.ts.map

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

@@ -16,6 +16,12 @@ export type ProgressBadgeProps = {
     textStyle?: StyleProp<TextStyle>;
     /** Accessibility label for screen readers */
     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;
 } & React.ComponentProps<typeof View>;
 /**
  * ProgressBadge component that displays an icon, text, and an internal progress bar.
@@ -32,6 +38,6 @@ export type ProgressBadgeProps = {
  * @param {Object} [props.textStyle] - Optional text style overrides.
  * @param {string} [props.accessibilityLabel] - Accessibility label.
  */
-declare function ProgressBadge({ taskName, iconName, value, modes, style, textStyle: textStyleOverride, accessibilityLabel, ...rest }: ProgressBadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function ProgressBadge({ taskName, iconName, value, modes, style, textStyle: textStyleOverride, accessibilityLabel, disableTruncation, ...rest }: ProgressBadgeProps): import("react/jsx-runtime").JSX.Element;
 export default ProgressBadge;
 //# sourceMappingURL=ProgressBadge.d.ts.map

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

@@ -50,6 +50,12 @@ export type ProjectionMarkerProps = {
     rateStyle?: StyleProp<TextStyle>;
     /** Accessibility label for the whole marker. */
     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;
 };
 /**
  * ProjectionMarker renders a start value and an end value connected to a
@@ -77,6 +83,6 @@ export type ProjectionMarkerProps = {
  * />
  * ```
  */
-declare function ProjectionMarker({ startValue, endValue, duration, rate, showConnectors, modes, style, startValueStyle, endValueStyle, badgeStyle, durationStyle, rateStyle, accessibilityLabel, }: ProjectionMarkerProps): import("react/jsx-runtime").JSX.Element;
+declare function ProjectionMarker({ startValue, endValue, duration, rate, showConnectors, modes, style, startValueStyle, endValueStyle, badgeStyle, durationStyle, rateStyle, accessibilityLabel, disableTruncation, }: ProjectionMarkerProps): import("react/jsx-runtime").JSX.Element;
 export default ProjectionMarker;
 //# sourceMappingURL=ProjectionMarker.d.ts.map

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

@@ -18,8 +18,14 @@ type SectionProps = {
      * 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>;
-declare function Section({ title, supportText, showSupportText, slot, slotDirection, modes, onPress, style, accessibilityLabel: _accessibilityLabel, accessibilityHint, webAccessibilityProps, ...rest }: SectionProps): import("react/jsx-runtime").JSX.Element;
+declare function Section({ title, supportText, showSupportText, slot, slotDirection, modes, onPress, style, accessibilityLabel: _accessibilityLabel, accessibilityHint, webAccessibilityProps, disableTruncation, ...rest }: SectionProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Section {
     var Bento: typeof SectionBento;
 }

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

@@ -78,6 +78,12 @@ export interface SliderProps {
     style?: StyleProp<ViewStyle>;
     /** Accessibility label for screen readers. */
     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;
 }
 /**
  * Slider — Figma node 5373:446 ("Slider").

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

@@ -0,0 +1,81 @@
+import React from 'react';
+import { type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
+import type { Modes } from '../../design-tokens';
+export type StackLayoutDirection = 'vertical' | 'horizontal';
+export type StackProps = ViewProps & {
+    /**
+     * Content laid out inside the stack. `modes` are cascaded to every child via
+     * {@link cloneChildrenWithModes}.
+     */
+    children?: React.ReactNode;
+    /**
+     * Main-axis direction for stack children. Matches the Figma Slot variant:
+     * - `vertical` (default): stacks children in a column
+     * - `horizontal`: arranges children in a row
+     */
+    layoutDirection?: StackLayoutDirection;
+    /**
+     * Alignment along the cross axis.
+     * Defaults to `stretch` for vertical and `flex-start` for horizontal.
+     */
+    alignCrossAxis?: ViewStyle['alignItems'];
+    /**
+     * Distribution along the main axis (maps to `justifyContent`).
+     */
+    justifyMainAxis?: ViewStyle['justifyContent'];
+    /**
+     * Only meaningful when `layoutDirection` is `horizontal`.
+     *
+     * When true, forces every child to share the height of the tallest child. The
+     * height is enforced by the stack itself (`alignItems: 'stretch'` plus an
+     * injected `alignSelf: 'stretch'` on each child), so children can no longer
+     * opt out via their own `alignSelf`. Children with an explicit `height` keep
+     * that height, since a fixed cross-axis dimension defeats stretch in Yoga.
+     *
+     * Overrides `alignCrossAxis` when it applies.
+     */
+    equalHeight?: boolean;
+    /**
+     * Only meaningful when `layoutDirection` is `vertical`.
+     *
+     * When true, forces every child to fill the full width of the stack. The width
+     * is enforced by the stack itself (`alignItems: 'stretch'` plus an injected
+     * `alignSelf: 'stretch'` on each child), so children can no longer opt out via
+     * their own `alignSelf`. Children with an explicit `width` keep that width,
+     * since a fixed cross-axis dimension defeats stretch in Yoga.
+     *
+     * Overrides `alignCrossAxis` when it applies.
+     */
+    fillWidth?: boolean;
+    /**
+     * Mode configuration passed to the token resolver and cascaded to children.
+     */
+    modes?: Modes;
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * Stack — a token-driven layout container for grouped content.
+ *
+ * Use `Stack` instead of a raw `View` when you need a vertical or horizontal
+ * stack with design-token gap spacing and automatic `modes` propagation to
+ * children. Typical usage is nesting a column of actions inside a
+ * direction-locked parent such as `ActionFooter`:
+ *
+ * @example
+ * ```tsx
+ * <ActionFooter modes={modes}>
+ *   <Stack layoutDirection="vertical" modes={modes}>
+ *     <Button label="Continue" modes={primaryModes} />
+ *     <Disclaimer disclaimer="Terms apply." modes={modes} />
+ *   </Stack>
+ * </ActionFooter>
+ * ```
+ *
+ * @remarks
+ * Previously named `Slot`. The `Slot` export is preserved as a deprecated alias
+ * for backward compatibility.
+ */
+declare function Stack({ children, layoutDirection, alignCrossAxis, justifyMainAxis, equalHeight, fillWidth, modes: propModes, style, ...rest }: StackProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Stack>;
+export default _default;
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -45,6 +45,12 @@ export type SummaryTileProps = {
     descriptionStyle?: StyleProp<TextStyle>;
     /** Accessibility label override (defaults to `title`). */
     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;
 };
 /**
  * SummaryTile composes a title (with an inline `StrengthIndicator`), a
@@ -56,6 +62,6 @@ export type SummaryTileProps = {
  * @component
  * @param {SummaryTileProps} props
  */
-declare function SummaryTile({ title, description, confidence, chevron, children, onPress, modes, style, titleStyle, descriptionStyle, accessibilityLabel, }: SummaryTileProps): import("react/jsx-runtime").JSX.Element;
+declare function SummaryTile({ title, description, confidence, chevron, children, onPress, modes, style, titleStyle, descriptionStyle, accessibilityLabel, disableTruncation, }: SummaryTileProps): import("react/jsx-runtime").JSX.Element;
 export default SummaryTile;
 //# sourceMappingURL=SummaryTile.d.ts.map

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

@@ -0,0 +1,139 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { Modes } from '../../design-tokens';
+export type TableCellAlign = 'left' | 'center' | 'right';
+export type TableCellProps = {
+    children?: React.ReactNode;
+    /** Horizontal alignment of the cell content. @default 'left' */
+    align?: TableCellAlign;
+    /** Fixed cell width. Omit to let the cell flex. */
+    width?: number;
+    /** Flex-grow weight when `width` is not set. @default 1 */
+    flex?: number;
+    /** Drop the right divider (used for the last column). @default false */
+    isLastColumn?: boolean;
+    /** Drop the bottom divider (used for the last row). @default false */
+    isLastRow?: boolean;
+    modes?: Modes;
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * A single body cell. White background with a bottom + right divider, matching
+ * the Figma `table-cell` sub-component. String/number children are rendered
+ * with the token label style; any element is rendered as-is.
+ */
+declare function TableCell({ children, align, width, flex, isLastColumn, isLastRow, modes, style, }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+export type TableHeaderCellProps = {
+    children?: React.ReactNode;
+    /** Horizontal alignment of the header content. @default 'left' */
+    align?: TableCellAlign;
+    /** Fixed cell width. Omit to let the cell flex. */
+    width?: number;
+    /** Flex-grow weight when `width` is not set. @default 1 */
+    flex?: number;
+    modes?: Modes;
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * A single header cell. Muted background with the bold token label style,
+ * matching the Figma `table header wrap` sub-component. Header cells carry no
+ * dividers; the header row draws a single bottom divider beneath them.
+ */
+declare function TableHeaderCell({ children, align, width, flex, modes, style, }: TableHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+export type TableHeaderProps = {
+    children?: React.ReactNode;
+    modes?: Modes;
+    style?: StyleProp<ViewStyle>;
+};
+declare function TableHeader({ children, modes, style }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
+export type TableRowProps = {
+    children?: React.ReactNode;
+    /** When provided, the whole row becomes pressable. */
+    onPress?: () => void;
+    modes?: Modes;
+    style?: StyleProp<ViewStyle>;
+};
+declare function TableRow({ children, onPress, modes, style }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+export type TableBodyProps = {
+    children?: React.ReactNode;
+    modes?: Modes;
+    style?: StyleProp<ViewStyle>;
+};
+declare function TableBody({ children, modes, style }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Column definition for the data-driven `Table` API. `T` is the shape of one
+ * row record.
+ */
+export type TableColumn<T> = {
+    /** Stable key; also used to read `row[key]` when no `render` is provided. */
+    key: string;
+    /** Header label. Defaults to `key`. */
+    header?: React.ReactNode;
+    /** Cell + header horizontal alignment. @default 'left' */
+    align?: TableCellAlign;
+    /** Header-only alignment override. Defaults to `align`. */
+    headerAlign?: TableCellAlign;
+    /** Fixed column width. Omit to let the column flex. */
+    width?: number;
+    /** Flex-grow weight when `width` is not set. @default 1 */
+    flex?: number;
+    /** Custom cell renderer. Falls back to `row[key]` as text. */
+    render?: (row: T, rowIndex: number) => React.ReactNode;
+};
+export type TableProps<T = Record<string, unknown>> = {
+    /** Column definitions for the data-driven API. */
+    columns?: TableColumn<T>[];
+    /** Row records, one per table row. */
+    data?: T[];
+    /**
+     * Composition children (`Table.Header`, `Table.Body`, `Table.Row`,
+     * `Table.Cell`, `Table.HeaderCell`). When provided, `columns`/`data` are
+     * ignored and the children are rendered as-is.
+     */
+    children?: React.ReactNode;
+    /** Show the header row in the data-driven API. @default true */
+    showHeader?: boolean;
+    /** Resolve a stable key per row. Defaults to the row index. */
+    getRowKey?: (row: T, index: number) => React.Key;
+    /** Called when a row is pressed (data-driven API). Makes rows pressable. */
+    onRowPress?: (row: T, index: number) => void;
+    /**
+     * Wrap the table in a horizontal `ScrollView`. Use with fixed-width columns
+     * for wide tables that exceed the viewport on mobile. @default false
+     */
+    scrollable?: boolean;
+    /** Accessibility label for the table container. */
+    accessibilityLabel?: string;
+    /** Design token modes for theming (e.g. `{ "Color Mode": "Light" }`). */
+    modes?: Modes;
+    /** Override the outer container style. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * Table renders structured rows and columns. It supports two complementary
+ * usage styles that share the same token-driven styling:
+ *
+ * 1. **Data-driven** (recommended): pass `columns` + `data`. The header and body
+ *    are built for you, columns stay aligned, and per-column `align`/`width`/
+ *    `flex`/`render` give full control.
+ *
+ * 2. **Composition**: pass `Table.Header` / `Table.Body` / `Table.Row` /
+ *    `Table.Cell` / `Table.HeaderCell` as children for bespoke layouts. These
+ *    sub-components are also exported standalone.
+ *
+ * Implementation of Figma node `5732:3710` (`Table`) with sub-components
+ * `603:23` (`table-cell`) and `603:21` (`table header wrap`).
+ *
+ * @component
+ */
+declare function Table<T = Record<string, unknown>>({ columns, data, children, showHeader, getRowKey, onRowPress, scrollable, accessibilityLabel, modes, style, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace Table {
+    var Header: typeof TableHeader;
+    var HeaderCell: typeof TableHeaderCell;
+    var Body: typeof TableBody;
+    var Row: typeof TableRow;
+    var Cell: typeof TableCell;
+}
+export { TableHeader, TableHeaderCell, TableBody, TableRow, TableCell };
+export default Table;
+//# sourceMappingURL=Table.d.ts.map

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

@@ -21,6 +21,12 @@ export type TextProps = {
     style?: StyleProp<TextStyle>;
     /** Number of lines to limit the text to. */
     numberOfLines?: number;
+    /**
+     * When `true`, disables text truncation entirely: 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;
     /**
      * Explicit per-instance loading override. When `true`, this `Text` renders
      * a skeleton placeholder regardless of any surrounding `<SkeletonGroup>`.
@@ -41,6 +47,6 @@ export type TextProps = {
      */
     skeletonLines?: number;
 };
-declare function Text({ text, children, textAlign, modes, style, numberOfLines, loading, skeletonWidth, skeletonLines, }: TextProps): import("react/jsx-runtime").JSX.Element;
+declare function Text({ text, children, textAlign, modes, style, numberOfLines, disableTruncation, loading, skeletonWidth, skeletonLines, }: TextProps): import("react/jsx-runtime").JSX.Element;
 export default Text;
 //# sourceMappingURL=Text.d.ts.map