jfs-components 0.0.77 → 0.0.78

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

@@ -4,6 +4,12 @@ import { type WebAccessibilityProps } from '../../utils/web-platform-utils';
 export type AccordionProps = {
     /** The accordion header title */
     title?: string;
+    /**
+     * When `true`, the header always uses the filled background treatment
+     * (Figma Hover / Open Hover visuals). Defaults to `false` (transparent at
+     * rest, filled only while hovered or pressed).
+     */
+    contained?: boolean;
     /** Initial expanded state. Defaults to false (collapsed) */
     defaultExpanded?: boolean;
     /** Controlled expanded state. When provided, the component becomes controlled */
@@ -30,29 +36,17 @@ export type AccordionProps = {
 /**
  * Accordion component that mirrors the Figma "Accordion" component.
  *
- * This component supports:
- *  - **Expandable/collapsible content** with smooth animation
- *  - **States**: Idle, Hover, Open, Disabled
- *  - **Slot** for custom content
- *  - **Design-token driven styling** via `getVariableByName` and `modes`
+ * Supports two visual treatments via the `contained` prop:
+ *  - **`contained={false}`** (default) — transparent header at rest; filled
+ *    background on hover / press.
+ *  - **`contained={true}`** — header always uses the filled background.
  *
- * Wherever the Figma layer name contains "Slot", this component exposes a
- * dedicated React "slot" prop:
- *  - Slot "content" → `children`
+ * Interaction states (Idle, Hover, Open, Disabled) are resolved automatically
+ * from `expanded`, `disabled`, hover, and `contained` — consumers should not
+ * pass `'Accordion States'` in `modes`.
  *
  * @component
- * @param {Object} props
- * @param {string} [props.title='Accordion title'] - The accordion header title
- * @param {boolean} [props.defaultExpanded=false] - Initial expanded state
- * @param {boolean} [props.expanded] - Controlled expanded state
- * @param {Function} [props.onExpandedChange] - Callback fired when expanded state changes
- * @param {boolean} [props.disabled=false] - Whether the accordion is disabled
- * @param {React.ReactNode} [props.children] - Content to display when expanded
- * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens
- * @param {Object} [props.style] - Optional container style overrides
- * @param {string} [props.accessibilityLabel] - Accessibility label for the accordion. If not provided, uses title
- * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
  */
-declare function Accordion({ title, defaultExpanded, expanded: controlledExpanded, onExpandedChange, disabled, children, modes, style, accessibilityLabel, accessibilityHint, accessibilityState, webAccessibilityProps, ...rest }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+declare function Accordion({ title, contained, defaultExpanded, expanded: controlledExpanded, onExpandedChange, disabled, children, modes, style, accessibilityLabel, accessibilityHint, accessibilityState, webAccessibilityProps, ...rest }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 export default Accordion;
 //# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1,63 @@
+import { type StyleProp, type ViewStyle, type TextStyle } from 'react-native';
+export type ExpandableCheckboxProps = {
+    /** Long text label rendered next to the checkbox. */
+    label?: string;
+    /** Whether the checkbox is checked (controlled). */
+    checked?: boolean;
+    /** Initial checked state (uncontrolled). */
+    defaultChecked?: boolean;
+    /** Callback fired when the checked state changes. */
+    onValueChange?: (checked: boolean) => void;
+    /** Whether the row is expanded to reveal the full label (controlled). */
+    expanded?: boolean;
+    /** Initial expanded state (uncontrolled). Defaults to `false` (Idle). */
+    defaultExpanded?: boolean;
+    /** Callback fired when the expanded state changes. */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Whether the entire row is disabled. */
+    disabled?: boolean;
+    /** Label for the toggle button shown when the row is collapsed. */
+    readMoreLabel?: string;
+    /** Label for the toggle button shown when the row is expanded. */
+    readLessLabel?: string;
+    /** Number of lines to show when collapsed. Defaults to `1`. */
+    collapsedLines?: number;
+    /** Design token modes for theming (e.g. `{ 'Color Mode': 'Light' }`). */
+    modes?: Record<string, any>;
+    /** Override outer container styles. */
+    style?: StyleProp<ViewStyle>;
+    /** Override the label text styles. */
+    labelStyle?: StyleProp<TextStyle>;
+    /** Accessibility label for the checkbox. Falls back to `label`. */
+    accessibilityLabel?: string;
+};
+/**
+ * ExpandableCheckbox composes a `Checkbox`, a long-form label and a
+ * "Read more" / "Read less" toggle. Mirrors the Figma "Expandable Checkbox"
+ * component with two states:
+ *
+ *  - **Idle (collapsed)** — checkbox + truncated label + toggle button arranged
+ *    in a horizontal row (cross-axis centered).
+ *  - **Open (expanded)** — checkbox + full multi-line label, with the toggle
+ *    button right-aligned beneath the row.
+ *
+ * The checkbox and the toggle button have independent press handlers — pressing
+ * the toggle does not affect the checked state, and toggling the checkbox does
+ * not collapse / expand the row.
+ *
+ * @component
+ * @param {ExpandableCheckboxProps} props
+ *
+ * @example
+ * ```tsx
+ * <ExpandableCheckbox
+ *   label="By checking this box, I (a) acknowledge and (b) agree to the full terms…"
+ *   defaultChecked
+ *   onValueChange={setAccepted}
+ *   modes={{ 'Color Mode': 'Light' }}
+ * />
+ * ```
+ */
+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;
+export default ExpandableCheckbox;
+//# sourceMappingURL=ExpandableCheckbox.d.ts.map

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

@@ -0,0 +1,99 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type FullscreenModalProps = {
+    /** Small eyebrow line above the headline. */
+    eyebrow?: string;
+    /** Large hero headline. */
+    headline?: string;
+    /** Supporting paragraph shown below the headline. */
+    supportingText?: string;
+    /** Secondary line below the supporting paragraph (e.g. a price / timeline). */
+    priceText?: string;
+    /**
+     * Media rendered full-bleed behind the hero text and driven by the parallax
+     * scroll effect. Bring any renderer — most commonly a `LottiePlayer`, but an
+     * `Image`, `Video`, or `SvgXml` works too. Size it to fill the hero box
+     * (`heroHeight` tall, full modal width) and let it `cover` so that as the
+     * hero collapses in height the art is cropped, never distorted. `modes` are
+     * cascaded into it.
+     */
+    heroMedia?: React.ReactNode;
+    /** Resting height of the hero region. Defaults to 420. */
+    heroHeight?: number;
+    /**
+     * Collapsed height the hero shrinks to at full scroll. Defaults to
+     * `heroHeight * 0.45`. Only the height changes — the width is always full.
+     */
+    heroMinHeight?: number;
+    /** Enable the scroll-driven hero collapse. Defaults to true. */
+    parallax?: boolean;
+    /** Whether to render the floating close button (top-right). Defaults to true. */
+    showClose?: boolean;
+    /** Press handler for the close button. */
+    onClose?: () => void;
+    /** Accessibility label for the close button. */
+    closeAccessibilityLabel?: string;
+    /**
+     * Fully custom footer content rendered inside the sticky `ActionFooter`.
+     * When provided, `primaryActionLabel` / `disclaimer` are ignored.
+     */
+    footer?: React.ReactNode;
+    /** Label for the default primary action button in the footer. */
+    primaryActionLabel?: string;
+    /** Press handler for the default primary action button. */
+    onPrimaryAction?: () => void;
+    /** Disclaimer text shown below the default primary action button. */
+    disclaimer?: string;
+    /** Solid backdrop color for the scrollable body. Defaults to a near-black. */
+    backgroundColor?: string;
+    /** Body content (typically `Section`s). `modes` are cascaded automatically. */
+    children?: React.ReactNode;
+    /** Mode configuration. `context5` is always forced to `'Fullscreen Modal'`. */
+    modes?: Record<string, any>;
+    /** Style overrides for the outer container. */
+    style?: StyleProp<ViewStyle>;
+    /** Style overrides for the scroll body wrapper (the dark content area). */
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    testID?: string;
+};
+/**
+ * FullscreenModal — a full-screen takeover surface with a parallax media hero,
+ * a scrollable body, a floating close button, and a sticky `ActionFooter`.
+ *
+ * The component always themes itself with `context5: 'Fullscreen Modal'`
+ * (non-overridable) so every nested component (Section, ListItem, Button,
+ * Disclaimer, …) resolves the white-on-dark "fullscreen modal" token values.
+ * That mode is cascaded into `children`, the footer, and the hero text via
+ * `cloneChildrenWithModes` / the merged `modes` object.
+ *
+ * ### Parallax
+ * As the user scrolls up, the hero collapses by **height only** (from
+ * `heroHeight` to `heroMinHeight`) — its **full width is always preserved**.
+ * The `heroMedia` is pinned to the top at a fixed size and `cover`-cropped by
+ * the collapsing clip, so it keeps a perfect aspect ratio the whole time
+ * (never scaled or squished). Because it collapses slower than the content
+ * scrolls, the media lags behind for the parallax depth cue. Disable with
+ * `parallax={false}`.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <FullscreenModal
+ *   eyebrow="Upgrade to JioFinance+"
+ *   headline="Get more from your money."
+ *   supportingText="JioFinance+ is your upgraded financial experience…"
+ *   priceText="₹999/year · ₹0 until 2027"
+ *   heroMedia={<LottiePlayer source={hero} size={{ width: 360, height: 420 }} />}
+ *   primaryActionLabel="Upgrade for free"
+ *   disclaimer="By upgrading, we'll check your eligibility with Experian."
+ *   onPrimaryAction={() => upgrade()}
+ *   onClose={() => navigation.goBack()}
+ * >
+ *   <Section title="Key Benefits" slotDirection="column" slot={…} />
+ *   <Section title="Compare plans" slotDirection="column" slot={…} />
+ * </FullscreenModal>
+ * ```
+ */
+declare function FullscreenModal({ eyebrow, headline, supportingText, priceText, heroMedia, heroHeight, heroMinHeight, parallax, showClose, onClose, closeAccessibilityLabel, footer, primaryActionLabel, onPrimaryAction, disclaimer, backgroundColor, children, modes: propModes, style, contentContainerStyle, testID, }: FullscreenModalProps): import("react/jsx-runtime").JSX.Element;
+export default FullscreenModal;
+//# sourceMappingURL=FullscreenModal.d.ts.map

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

@@ -0,0 +1,81 @@
+import { type StyleProp, type TextInputProps as RNTextInputProps, type TextStyle, type ViewStyle } from 'react-native';
+/**
+ * Visual state of the textarea. Mirrors the `FormField States` collection so
+ * MessageField slots into the same theming pipeline as FormField. The state
+ * is always derived from props (`isInvalid`, `isDisabled`, `isReadOnly` and
+ * focus) and is locked in `modes['FormField States']` — passing that key in
+ * `modes` is intentionally ignored to keep interactive behaviour and visual
+ * state in sync.
+ */
+export type MessageFieldState = 'Idle' | 'Active' | 'Read Only' | 'Error' | 'Disabled';
+export type MessageFieldProps = {
+    /** Label rendered above the textarea. */
+    label?: string;
+    /** Placeholder text shown when the textarea is empty. */
+    placeholder?: string;
+    /**
+     * Current value of the textarea (controlled). When provided, the consumer
+     * is responsible for updating it via `onChangeText`.
+     */
+    value?: string;
+    /** Initial value when used uncontrolled. Ignored when `value` is provided. */
+    defaultValue?: string;
+    /** Called whenever the text changes. Fires for both controlled and uncontrolled use. */
+    onChangeText?: (text: string) => void;
+    /**
+     * Form field name. When the field is rendered inside a `<Form>`, this is
+     * the key used to look up server-side `validationErrors` and to clear
+     * the error when the value changes.
+     */
+    name?: string;
+    /**
+     * Maximum number of characters accepted. Drives the counter when
+     * `showCounter` is not explicitly false.
+     */
+    maxLength?: number;
+    /**
+     * Controls visibility of the character counter.
+     * - Default: counter is shown when `maxLength` is provided.
+     * - `true`: always show counter (shows `<count>/<maxLength>` when
+     *   `maxLength` is set, or just `<count>` otherwise).
+     * - `false`: never show counter.
+     */
+    showCounter?: boolean;
+    /**
+     * Number of visible text rows. When provided, overrides the default
+     * `messageField/textarea/height` token to derive the textarea height as
+     * `rows * lineHeight + 2 * padding`.
+     */
+    rows?: number;
+    /** Renders a required indicator (asterisk) next to the label. */
+    isRequired?: boolean;
+    /** Disables interaction and dims the field. */
+    isDisabled?: boolean;
+    /** Marks the field as invalid and resolves to the `Error` state token mode. */
+    isInvalid?: boolean;
+    /** Read-only, non-interactive but not dimmed. */
+    isReadOnly?: boolean;
+    /** Auto-focus the textarea on mount. */
+    autoFocus?: boolean;
+    /** Modes for design token resolution (e.g. `{ 'Color Mode': 'Light' }`). */
+    modes?: Record<string, any>;
+    /** Style overrides for the outermost wrapper. */
+    style?: StyleProp<ViewStyle>;
+    /** Style overrides for the textarea container (border/padding/etc). */
+    textareaStyle?: StyleProp<ViewStyle>;
+    /** Style overrides for the input text. */
+    inputStyle?: StyleProp<TextStyle>;
+    /** Accessibility label. Defaults to `label` or `placeholder`. */
+    accessibilityLabel?: string;
+    /** Accessibility hint. */
+    accessibilityHint?: string;
+    /** Test identifier. */
+    testID?: string;
+    /** Called when the textarea receives focus. */
+    onFocus?: RNTextInputProps['onFocus'];
+    /** Called when the textarea loses focus. */
+    onBlur?: RNTextInputProps['onBlur'];
+};
+declare function MessageField({ label, placeholder, value, defaultValue, onChangeText, name, maxLength, showCounter, rows, isRequired, isDisabled, isInvalid, isReadOnly, autoFocus, modes: propModes, style, textareaStyle, inputStyle, accessibilityLabel, accessibilityHint, testID, onFocus, onBlur, }: MessageFieldProps): import("react/jsx-runtime").JSX.Element;
+export default MessageField;
+//# sourceMappingURL=MessageField.d.ts.map

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

@@ -1,16 +1,21 @@
 import React from 'react';
-import { View, type ViewStyle } from 'react-native';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type SafePressableProps } from '../../utils/web-platform-utils';
 type NavArrowDirection = 'Back' | 'Forward' | 'Down';
-type NavArrowProps = {
+type NavArrowProps = SafePressableProps & {
     /** Direction of the arrow: 'Back' (left chevron), 'Forward' (right chevron), or 'Down' */
     direction?: NavArrowDirection;
     /** Modes used to resolve design tokens */
     modes?: Record<string, any>;
     /** Optional additional container style */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /** Accessibility label for the arrow */
     accessibilityLabel?: string;
-} & Omit<React.ComponentProps<typeof View>, 'style' | 'accessibilityLabel'>;
+    /** Called when the arrow is pressed. Expands the hit area to at least 44×44. */
+    onPress?: () => void;
+    /** Disables press interaction when `onPress` is provided */
+    disabled?: boolean;
+};
 /**
  * NavArrow component that displays a chevron arrow for navigation.
  *
@@ -25,7 +30,7 @@ type NavArrowProps = {
  *    on (tokens, direction, style).
  *  - Wrapped in `React.memo`.
  */
-declare function NavArrow({ direction, modes, style, accessibilityLabel, ...rest }: NavArrowProps): import("react/jsx-runtime").JSX.Element;
+declare function NavArrow({ direction, modes, style, accessibilityLabel, onPress, disabled, ...rest }: NavArrowProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof NavArrow>;
 export default _default;
 //# sourceMappingURL=NavArrow.d.ts.map

package/lib/typescript/src/components/Stepper/Step.d.ts

@@ -6,11 +6,14 @@ export type StepProps = {
     modes?: Record<string, any>;
     style?: ViewStyle;
     index?: number;
+    showLine?: boolean;
     connectorStyle?: ViewStyle;
     title?: string;
     supportingText?: string;
+    metaText?: string;
     subtitle?: boolean;
+    meta?: boolean;
     status?: StepStatus;
 };
-export declare function Step({ children, modes, style, index, connectorStyle, title, supportingText, subtitle, status, }: StepProps): import("react/jsx-runtime").JSX.Element;
+export declare function Step({ children, modes, style, index, showLine, connectorStyle, title, supportingText, metaText, subtitle, meta, status, }: StepProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Step.d.ts.map

package/lib/typescript/src/components/Stepper/StepLabel.d.ts

@@ -2,8 +2,11 @@ import { type ViewStyle } from 'react-native';
 export type StepLabelProps = {
     title?: string;
     supportingText?: string;
+    metaText?: string;
+    subtitle?: boolean;
+    meta?: boolean;
     modes?: Record<string, any>;
     style?: ViewStyle;
 };
-export declare function StepLabel({ title, supportingText, modes, style, }: StepLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepLabel({ title, supportingText, metaText, subtitle, meta, modes, style, }: StepLabelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StepLabel.d.ts.map

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

@@ -3,7 +3,9 @@ import { type ViewStyle } from 'react-native';
 import { Step } from './Step';
 import { StepLabel } from './StepLabel';
 export { Step, StepLabel };
-type StepperProps = {
+export type { StepProps, StepStatus } from './Step';
+export type { StepLabelProps } from './StepLabel';
+export type StepperProps = {
     children?: React.ReactNode;
     modes?: Record<string, any>;
     style?: ViewStyle;

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

@@ -0,0 +1,123 @@
+import React from 'react';
+import { type StyleProp, type TextInputProps as RNTextInputProps, type TextStyle, type ViewStyle } from 'react-native';
+export type SuggestiveSearchOptionValue = string | number;
+export type SuggestiveSearchOption = {
+    /** Stable, unique value used to identify the suggestion. */
+    value: SuggestiveSearchOptionValue;
+    /** Human-readable label shown in the suggestion list and the input. */
+    label: string;
+    /** Whether the suggestion is non-selectable. */
+    disabled?: boolean;
+};
+/**
+ * Suggestions accept either a bare string (used as both value and label) or a
+ * full `{ value, label }` option object for richer data.
+ */
+export type SuggestiveSearchItem = string | SuggestiveSearchOption;
+export type SuggestiveSearchProps = {
+    /** Label rendered above the input. */
+    label?: string;
+    /** Placeholder text shown when the query is empty. */
+    placeholder?: string;
+    /**
+     * Suggestions to filter against the current query. May be bare strings or
+     * `{ value, label }` objects.
+     */
+    items?: SuggestiveSearchItem[];
+    /**
+     * Current query text (controlled). When `undefined` the component manages
+     * its own query state internally.
+     */
+    inputValue?: string;
+    /** Initial query text for uncontrolled mode. */
+    defaultInputValue?: string;
+    /** Called whenever the query text changes (typing or selection). */
+    onInputChange?: (text: string) => void;
+    /**
+     * Currently selected suggestion value (controlled). When `undefined` the
+     * component tracks the selection internally.
+     */
+    value?: SuggestiveSearchOptionValue | null;
+    /** Initial selected value for uncontrolled mode. */
+    defaultValue?: SuggestiveSearchOptionValue | null;
+    /** Called when a suggestion is chosen. */
+    onValueChange?: (value: SuggestiveSearchOptionValue | null, option?: SuggestiveSearchOption) => void;
+    /**
+     * Custom predicate deciding whether an option matches the current query.
+     * Defaults to a case-insensitive substring match on the label.
+     */
+    filter?: (query: string, option: SuggestiveSearchOption) => boolean;
+    /**
+     * Minimum number of characters required before suggestions are shown.
+     * @default 1
+     */
+    minChars?: number;
+    /** Caps the number of suggestions rendered. Defaults to no limit. */
+    maxResults?: number;
+    /**
+     * Highlights the matched substring of each suggestion in bold.
+     * @default true
+     */
+    highlightMatch?: boolean;
+    /**
+     * Message shown when the query has matched no suggestions. When omitted,
+     * the dropdown simply stays hidden on an empty result set.
+     */
+    emptyMessage?: string;
+    /** Custom renderer for a suggestion row (overrides the default label). */
+    renderItem?: (option: SuggestiveSearchOption, meta: {
+        query: string;
+        isSelected: boolean;
+    }) => React.ReactNode;
+    /** Controlled open state of the suggestion dropdown. */
+    open?: boolean;
+    /** Initial open state for uncontrolled mode. */
+    defaultOpen?: boolean;
+    /** Called whenever the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Maximum height of the suggestion list before it becomes scrollable.
+     * @default 240
+     */
+    menuMaxHeight?: number;
+    /**
+     * Vertical gap between the input and the suggestion dropdown.
+     * @default 6
+     */
+    menuOffset?: number;
+    /** Renders a required asterisk next to the label. */
+    isRequired?: boolean;
+    /** Disables interaction and dims the field. */
+    isDisabled?: boolean;
+    /** Marks the field as invalid and shows `errorMessage`. */
+    isInvalid?: boolean;
+    /** Renders the field as read-only (non-interactive, not dimmed). */
+    isReadOnly?: boolean;
+    /** Helper text displayed below the input. */
+    supportText?: string;
+    /** Replaces `supportText` when `isInvalid` is true. */
+    errorMessage?: string;
+    /** Modes for design token resolution. */
+    modes?: Record<string, any>;
+    /** Style overrides for the outermost wrapper. */
+    style?: StyleProp<ViewStyle>;
+    /** Style overrides for the input row. */
+    inputStyle?: StyleProp<ViewStyle>;
+    /** Style overrides for the input text. */
+    inputTextStyle?: StyleProp<TextStyle>;
+    /** Style overrides for the suggestion dropdown container. */
+    menuStyle?: StyleProp<ViewStyle>;
+    /** Accessibility label. Defaults to the visible label / placeholder. */
+    accessibilityLabel?: string;
+    /** Accessibility hint. */
+    accessibilityHint?: string;
+    /** Called when the input receives focus. */
+    onFocus?: RNTextInputProps['onFocus'];
+    /** Called when the input loses focus. */
+    onBlur?: RNTextInputProps['onBlur'];
+    /** Test identifier. */
+    testID?: string;
+};
+declare function SuggestiveSearch({ label, placeholder, items, inputValue, defaultInputValue, onInputChange, value, defaultValue, onValueChange, filter, minChars, maxResults, highlightMatch, emptyMessage, renderItem, open, defaultOpen, onOpenChange, menuMaxHeight, menuOffset, isRequired, isDisabled, isInvalid, isReadOnly, supportText, errorMessage, modes: propModes, style, inputStyle, inputTextStyle, menuStyle, accessibilityLabel, accessibilityHint, onFocus, onBlur, testID, }: SuggestiveSearchProps): import("react/jsx-runtime").JSX.Element;
+export default SuggestiveSearch;
+//# sourceMappingURL=SuggestiveSearch.d.ts.map

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

@@ -24,9 +24,11 @@ export { default as Divider, type DividerProps, type DividerDirection } from './
 export { default as Drawer } from './Drawer/Drawer';
 export { default as Dropdown, DropdownItem, type DropdownProps, type DropdownItemProps } from './Dropdown/Dropdown';
 export { default as DropdownInput, type DropdownInputProps, type DropdownInputOption, type DropdownInputOptionValue } from './DropdownInput/DropdownInput';
+export { default as SuggestiveSearch, type SuggestiveSearchProps, type SuggestiveSearchOption, type SuggestiveSearchOptionValue, type SuggestiveSearchItem } from './SuggestiveSearch/SuggestiveSearch';
 export { default as CardCTA, type CardCTAProps, type CardCTAType } from './CardCTA/CardCTA';
 export { default as DebitCard, type DebitCardProps } from './DebitCard/DebitCard';
 export { default as FilterBar } from './FilterBar/FilterBar';
+export { default as FullscreenModal, type FullscreenModalProps } from './FullscreenModal/FullscreenModal';
 export { default as Form, type FormProps } from './Form/Form';
 export { useFormContext } from './Form/Form';
 export { default as FormField, type FormFieldProps, type FormFieldType } from './FormField/FormField';
@@ -51,6 +53,7 @@ export { default as LottiePlayer, type LottiePlayerProps, type LottieAnimationSo
 export { default as ListItem } from './ListItem/ListItem';
 export { default as MediaCard, type MediaCardProps } from './MediaCard/MediaCard';
 export { default as MerchantProfile, type MerchantProfileProps } from './MerchantProfile/MerchantProfile';
+export { default as MessageField, type MessageFieldProps, type MessageFieldState } from './MessageField/MessageField';
 export { default as MetricLegendItem, type MetricLegendItemProps } from './MetricLegendItem/MetricLegendItem';
 export { default as MoneyValue } from './MoneyValue/MoneyValue';
 export { default as NoteInput, type NoteInputProps } from './NoteInput/NoteInput';
@@ -60,9 +63,9 @@ export { default as Numpad, type NumpadProps, type NumpadKeyValue } from './Nump
 export { default as Title, type TitleProps } from './Title/Title';
 export { default as Screen, type ScreenProps } from './Screen/Screen';
 export { default as Section } from './Section/Section';
-export { default as Stepper } from './Stepper/Stepper';
-export { Step } from './Stepper/Step';
-export { StepLabel } from './Stepper/StepLabel';
+export { default as Stepper, type StepperProps } from './Stepper/Stepper';
+export { Step, type StepProps, type StepStatus } from './Stepper/Step';
+export { StepLabel, type StepLabelProps } from './Stepper/StepLabel';
 export { default as TextInput } from './TextInput/TextInput';
 export { default as StatusHero, type StatusHeroProps } from './StatusHero/StatusHero';
 export { default as ThreadHero, type ThreadHeroProps } from './ThreadHero/ThreadHero';
@@ -74,6 +77,7 @@ export { default as UpiHandle } from './UpiHandle/UpiHandle';
 export { default as VStack, type VStackProps } from './VStack/VStack';
 export { default as ChipGroup, type ChipGroupProps } from './ChipGroup/ChipGroup';
 export { default as EmptyState, type EmptyStateProps } from './EmptyState/EmptyState';
+export { default as ExpandableCheckbox, type ExpandableCheckboxProps } from './ExpandableCheckbox/ExpandableCheckbox';
 export { default as Accordion, type AccordionProps } from './Accordion/Accordion';
 export { default as AccordionCheckbox, type AccordionCheckboxProps } from './AccordionCheckbox/AccordionCheckbox';
 export { default as ActionTile, type ActionTileProps } from './ActionTile/ActionTile';

package/lib/typescript/src/icons/registry.d.ts

@@ -4,7 +4,7 @@
  * Auto-generated from SVG files in src/icons/
  * DO NOT EDIT MANUALLY - Run "npm run icons:generate" to regenerate
  *
- * Generated: 2026-05-25T10:18:38.037Z
+ * Generated: 2026-05-29T10:37:24.494Z
  */
 export declare const iconRegistry: Record<string, {
     path: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jfs-components",
-  "version": "0.0.77",
+  "version": "0.0.78",
   "description": "React Native Jio Finance Components Library",
   "author": "sunshuaiqi@gmail.com",
   "license": "MIT",