jfs-components 0.1.8 → 0.1.17

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

@@ -2,6 +2,7 @@
  * Auto-generated icon components
  */
 export * from './Icon360rotation';
+export * from './Icon4g';
 export * from './Icon4gbarfour';
 export * from './Icon4gbarnonetwork';
 export * from './Icon4gbarnone';
@@ -9,9 +10,15 @@ export * from './Icon4gbarone';
 export * from './Icon4gbarthree';
 export * from './Icon4gbartwo';
 export * from './Icon4glte';
+export * from './Icon4gltedata';
 export * from './Icon4gsim';
 export * from './Icon4k';
+export * from './Icon5g';
+export * from './Icon5gdoubleplus';
+export * from './Icon5gplus';
 export * from './Icon8k';
+export * from './IconLte';
+export * from './IconVonr';
 export * from './IconAtoz';
 export * from './IconAbdominalpain';
 export * from './IconAccessibility';
@@ -19,6 +26,8 @@ export * from './IconAccessories';
 export * from './IconAccountclose';
 export * from './IconAccountinfo';
 export * from './IconAceofspades';
+export * from './IconAdblockplus';
+export * from './IconAdblocker';
 export * from './IconAdd';
 export * from './IconAddcircle';
 export * from './IconAdventure';
@@ -40,6 +49,11 @@ export * from './IconAlignverticalcenters';
 export * from './IconAlignmentfilling';
 export * from './IconAlignmenthorizontal';
 export * from './IconAlignmentvertical';
+export * from './IconAnalytics';
+export * from './IconAnalyticsdata';
+export * from './IconAnalyticspiechart';
+export * from './IconAnalyticspiecharttree';
+export * from './IconAnalyticspiecharttwo';
 export * from './IconAndroid';
 export * from './IconAnimation';
 export * from './IconAnime';
@@ -275,10 +289,16 @@ export * from './IconCommunicationskills';
 export * from './IconCompact';
 export * from './IconCompare';
 export * from './IconComparison';
+export * from './IconCompoundinterest';
 export * from './IconCompress';
 export * from './IconConfirm';
 export * from './IconConstipation';
 export * from './IconConsultant';
+export * from './IconConsumptionaccounted';
+export * from './IconConsumptionaverage';
+export * from './IconConsumptionhigh';
+export * from './IconConsumptionlow';
+export * from './IconConsumptionunaccounted';
 export * from './IconContactadd';
 export * from './IconContactshare';
 export * from './IconContactus';
@@ -311,6 +331,7 @@ export * from './IconCropplanningstyle1';
 export * from './IconCropplanningstyle2';
 export * from './IconCropplanningstyle3';
 export * from './IconCrowns';
+export * from './IconCsvdoc';
 export * from './IconCup';
 export * from './IconCut';
 export * from './IconCutout';
@@ -328,6 +349,7 @@ export * from './IconDataloan';
 export * from './IconDataout';
 export * from './IconDatapack';
 export * from './IconDatasaver';
+export * from './IconDatabase';
 export * from './IconDay';
 export * from './IconDaynight';
 export * from './IconDefault';
@@ -342,16 +364,33 @@ export * from './IconDevotion';
 export * from './IconDiamond';
 export * from './IconDiaolog';
 export * from './IconDice2';
+export * from './IconDigitalecosystem';
+export * from './IconDigitalselfservice';
 export * from './IconDining';
 export * from './IconDisinfectant';
 export * from './IconDislike';
 export * from './IconDistributehorizontalspacing';
 export * from './IconDistributeverticalspacing';
+export * from './IconDistribution';
 export * from './IconDizzy';
 export * from './IconDna';
 export * from './IconDock';
 export * from './IconDoctor';
+export * from './IconDocument';
+export * from './IconDocumentdoc';
+export * from './IconDocumentjpg';
+export * from './IconDocumentodt';
+export * from './IconDocumentpdf';
+export * from './IconDocumentpng';
+export * from './IconDocumentraw';
+export * from './IconDocumentrtf';
+export * from './IconDocumentsettings';
+export * from './IconDocumenttif';
+export * from './IconDocumenttxt';
+export * from './IconDocumentunknown';
 export * from './IconDocumentviewer';
+export * from './IconDocumentxls';
+export * from './IconDocumentxlsx';
 export * from './IconDocumentary';
 export * from './IconDocuments';
 export * from './IconDolbysound';
@@ -438,9 +477,13 @@ export * from './IconFemalemale';
 export * from './IconFertilized';
 export * from './IconFertilizer';
 export * from './IconFiberoff';
+export * from './IconFilerequest';
+export * from './IconFilesend';
+export * from './IconFileshare';
 export * from './IconFilter';
 export * from './IconFiltermultiple';
 export * from './IconFind';
+export * from './IconFindinpage';
 export * from './IconFingerprint';
 export * from './IconFinishline';
 export * from './IconFire';
@@ -465,10 +508,21 @@ export * from './IconFlower';
 export * from './IconFluorescent';
 export * from './IconFlurries';
 export * from './IconFog';
+export * from './IconFolder';
+export * from './IconFolderbookmarks';
+export * from './IconFolderfavorites';
+export * from './IconFolderlocked';
+export * from './IconFoldermovefiles';
+export * from './IconFolderpublic';
+export * from './IconFolderrated';
 export * from './IconFolderremove';
+export * from './IconFolderrequest';
 export * from './IconFooddrink';
 export * from './IconFootball';
 export * from './IconForkspoon';
+export * from './IconForm';
+export * from './IconFormadd';
+export * from './IconForms';
 export * from './IconForward';
 export * from './IconForward1';
 export * from './IconFps120';
@@ -502,6 +556,9 @@ export * from './IconGoforward';
 export * from './IconGoforward10';
 export * from './IconGoforward30';
 export * from './IconGooglelens';
+export * from './IconGraphincreasing';
+export * from './IconGraphlow';
+export * from './IconGraphtable';
 export * from './IconGrocery';
 export * from './IconGroup';
 export * from './IconGuard';
@@ -531,6 +588,7 @@ export * from './IconHeadset';
 export * from './IconHeadsetbluetooth';
 export * from './IconHealthconditions';
 export * from './IconHealthprotection';
+export * from './IconHealthreport';
 export * from './IconHealthy';
 export * from './IconHeartrate';
 export * from './IconHeavyrain';
@@ -560,6 +618,7 @@ export * from './IconHotday';
 export * from './IconHotspotlocator';
 export * from './IconHourglass';
 export * from './IconHtml5';
+export * from './IconHubmode';
 export * from './IconHumidity';
 export * from './IconHurricane';
 export * from './IconHydrant';
@@ -576,11 +635,13 @@ export * from './IconInfant';
 export * from './IconInfinity';
 export * from './IconInfo';
 export * from './IconInfotext';
+export * from './IconInfrastructure';
 export * from './IconInputsource';
 export * from './IconInsemination';
 export * from './IconInsurance';
 export * from './IconIntercomcallmobile';
 export * from './IconIntercomcalls';
+export * from './IconInterestlow';
 export * from './IconInterestpayout';
 export * from './IconInternet';
 export * from './IconInternethighspeed';
@@ -720,6 +781,7 @@ export * from './IconNamaste';
 export * from './IconNature';
 export * from './IconNatureoff';
 export * from './IconNetworkdetails';
+export * from './IconNetworkfuture';
 export * from './IconNeutralgender';
 export * from './IconNewchat';
 export * from './IconNewtabgroup';
@@ -774,6 +836,7 @@ export * from './IconOverlappinglayout';
 export * from './IconOverlay';
 export * from './IconOxygen';
 export * from './IconPageflip';
+export * from './IconPagesettings';
 export * from './IconPaintroller';
 export * from './IconPanorma';
 export * from './IconPartialoxygenpressure';
@@ -834,7 +897,10 @@ export * from './IconPlaylistsuccessful';
 export * from './IconPopcorn';
 export * from './IconPortrait';
 export * from './IconPowerplay';
+export * from './IconPptxdoc';
+export * from './IconPreferrednumber';
 export * from './IconPregnancytest';
+export * from './IconPremiumnumber';
 export * from './IconPrescription';
 export * from './IconPresentations';
 export * from './IconPrevioustitle';
@@ -843,6 +909,7 @@ export * from './IconPrint';
 export * from './IconPro';
 export * from './IconProfilefemale';
 export * from './IconProfilemale';
+export * from './IconProjection';
 export * from './IconProtection';
 export * from './IconProtectionlocked';
 export * from './IconProtectionthreats';
@@ -886,6 +953,7 @@ export * from './IconReplay';
 export * from './IconReply';
 export * from './IconReplyall';
 export * from './IconReplycircle';
+export * from './IconRequest';
 export * from './IconResearch';
 export * from './IconReset';
 export * from './IconResetpassword';
@@ -910,6 +978,7 @@ export * from './IconRomance';
 export * from './IconRotate90';
 export * from './IconRotatephone';
 export * from './IconRoulette';
+export * from './IconRoutestraffic';
 export * from './IconRuler';
 export * from './IconRunning';
 export * from './IconRupee';
@@ -1084,6 +1153,7 @@ export * from './IconTask';
 export * from './IconTeach';
 export * from './IconTeam';
 export * from './IconTeammembers';
+export * from './IconTechnology';
 export * from './IconTeddy';
 export * from './IconTeddylove';
 export * from './IconTemperature';
@@ -1177,6 +1247,8 @@ export * from './IconVisible';
 export * from './IconVisibleoff';
 export * from './IconVitaminb';
 export * from './IconVitamind';
+export * from './IconVolte';
+export * from './IconVowifi';
 export * from './IconVoice';
 export * from './IconVoicerecording';
 export * from './IconVoicebox';
@@ -1185,6 +1257,7 @@ export * from './IconVoucher4g';
 export * from './IconVouchercashback';
 export * from './IconVoucherplan';
 export * from './IconVpn';
+export * from './IconVpndata';
 export * from './IconWalkingaids';
 export * from './IconWallet';
 export * from './IconWalletsleeve';

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-06-12T12:48:07.304Z
+ * Generated: 2026-06-26T16:43:17.033Z
  */
 export declare const iconRegistry: Record<string, {
     path: string;

package/lib/typescript/src/{components/ProductMerchandisingCard → utils/GlassFill}/GlassFill.d.ts

@@ -31,13 +31,38 @@ export interface GlassFillProps {
      * along a hard seam. Works on iOS and Android with no extra native module.
      */
     progressive?: boolean;
+    /**
+     * Android-only: paint a barely-there white wash (`rgba(255,255,255,0.03)`)
+     * over the uniform blur to lift the community `RealtimeBlurView`, which
+     * otherwise reads slightly muddy. Defaults to `true` to match the
+     * media/merchandising card surfaces. Smaller surfaces (e.g. a Badge pill)
+     * pass `false` to keep the glass perfectly clear. No effect on iOS/web or
+     * on the progressive path.
+     */
+    androidTintWash?: boolean;
+    /**
+     * Web-only: multiplier converting the 0–100 `intensity` to CSS blur px (see
+     * `GlassFill.web.tsx`). Declared here purely for prop-type parity across the
+     * platform split — native always uses the fixed `blurAmount` scale and
+     * ignores this value.
+     */
+    webBlurScale?: number;
+    /**
+     * Web-only: upper clamp (px) on the resolved CSS blur. Declared here for
+     * parity with the web build; ignored on native.
+     */
+    webBlurMaxPx?: number;
     /** Container style overrides. Defaults to `StyleSheet.absoluteFill`. */
     style?: StyleProp<ViewStyle>;
 }
 /**
- * Glass / frosted surface for native (iOS + Android).
+ * Shared glass / frosted surface for native (iOS + Android).
  *
- * Why this lives in its own platform-split file (mirrors `MediaCard/GlassFill`):
+ * This is the single source of truth for the glass effect used by `MediaCard`,
+ * `ProductMerchandisingCard`, `Badge`, and any future consumer. It supersedes
+ * the per-component `GlassFill` copies that previously drifted apart.
+ *
+ * Why this lives in its own platform-split file:
  *   - `@react-native-community/blur` is a native-only module; importing it on
  *     web throws because it references native components not registered there.
  *     Metro's platform-extension resolution picks `GlassFill.tsx` for native
@@ -50,7 +75,10 @@ export interface GlassFillProps {
  * native module isn't linked in the running binary, the component degrades to
  * a translucent tinted scrim (`reducedTransparencyFallbackColor` / fallback
  * color) instead of rendering the "Unimplemented component" placeholder.
+ *
+ * NOTE: the consumer MUST clip this with `overflow: 'hidden'` on a rounded
+ * parent — the native blur view does not honor `borderRadius` itself.
  */
-declare function GlassFill({ tint, intensity, overlayColor, progressive, style, }: GlassFillProps): import("react/jsx-runtime").JSX.Element;
+declare function GlassFill({ tint, intensity, overlayColor, progressive, androidTintWash, style, }: GlassFillProps): import("react/jsx-runtime").JSX.Element;
 export default GlassFill;
 //# sourceMappingURL=GlassFill.d.ts.map

package/lib/typescript/src/{components/ProductMerchandisingCard → utils/GlassFill}/GlassFill.web.d.ts

@@ -12,16 +12,32 @@ export interface GlassFillProps {
      * smoothly toward the bottom.
      */
     progressive?: boolean;
+    /**
+     * Android-only knob on native; accepted on web for prop parity but unused
+     * (web has no equivalent realtime-blur muddiness to lift).
+     */
+    androidTintWash?: boolean;
+    /**
+     * Multiplier converting the 0–100 `intensity` to CSS blur px. Defaults to
+     * `0.32` to mirror the native `blurAmount` scale. Exposed so a consumer can
+     * preserve a legacy mapping (e.g. `MediaCard` uses `0.3`).
+     */
+    webBlurScale?: number;
+    /**
+     * Upper clamp (px) on the resolved CSS blur. Defaults to `32` to mirror the
+     * native cap. `MediaCard` passes `30` to preserve its historical value.
+     */
+    webBlurMaxPx?: number;
     style?: StyleProp<ViewStyle>;
 }
 /**
- * Web counterpart of `GlassFill`.
+ * Web counterpart of the shared `GlassFill`.
  *
  * `@react-native-community/blur` ships no web implementation, so on web we
  * render a translucent `View` with `backdrop-filter: blur()`. Native bundles
  * pick up `GlassFill.tsx` instead via Metro's platform resolver; the web
  * bundle picks up this file, so the native-only module is never imported here.
  */
-declare function GlassFill({ tint, intensity, overlayColor, progressive, style, }: GlassFillProps): import("react/jsx-runtime").JSX.Element;
+declare function GlassFill({ tint, intensity, overlayColor, progressive, webBlurScale, webBlurMaxPx, style, }: GlassFillProps): import("react/jsx-runtime").JSX.Element;
 export default GlassFill;
 //# sourceMappingURL=GlassFill.web.d.ts.map

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

@@ -2,4 +2,6 @@ export { cloneChildrenWithModes, flattenChildren } from './react-utils';
 export { default as MediaSource } from './MediaSource';
 export type { UnifiedSource, MediaSourceProps } from './MediaSource';
 export { formatIndianNumber } from './number-utils';
+export { boxShadow, supportsNativeBoxShadow, parseBoxShadow, parseSingleShadow } from './shadow';
+export type { BoxShadowOptions, ParsedShadow } from './shadow';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/utils/react-utils.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type StyleProp, type ViewStyle, type TextStyle } from 'react-native';
 import type { Modes } from '../design-tokens';
 /**
  * A shared, frozen empty modes object.
@@ -20,6 +21,29 @@ export declare const EMPTY_MODES: Readonly<Record<string, any>>;
  * This ensures that all child components in slots receive the modes prop from the parent.
  */
 export declare function cloneChildrenWithModes(children: React.ReactNode, modes: Modes, forcedModes?: Modes): React.ReactNode[];
+/**
+ * Merges a style onto each direct (top-level) child element, with the injected
+ * style taking precedence over the child's own style.
+ *
+ * Used by the Stack family to *enforce* cross-axis stretching from the container
+ * itself: a child can set its own `alignSelf` (which, per the flexbox spec,
+ * overrides the parent's `alignItems`), so to guarantee equal heights / full
+ * width regardless of what individual children declare, we append
+ * `{ alignSelf: 'stretch' }` to every direct child.
+ *
+ * @remarks
+ * - Only top-level children are touched. Grandchildren are intentionally left
+ *   alone — we never want to leak layout styles deeper into the tree.
+ * - Non-element children (strings, numbers) are passed through untouched.
+ * - This relies on the child forwarding `style` to its outer/root view. Built-in
+ *   RN primitives and components that spread `style` onto their root honour it;
+ *   a child that fully ignores `style` cannot be forced (this is a hard React
+ *   Native limitation, not something this helper can work around).
+ * - Per Yoga, stretch has no effect on an axis where the child has a *fixed*
+ *   dimension (e.g. an explicit `height` for a row). Such children opt out by
+ *   design; this helper does not strip explicit dimensions.
+ */
+export declare function injectChildStyle(children: React.ReactNode, style: StyleProp<ViewStyle>): React.ReactNode;
 /**
  * Combines several refs (object refs and/or callback refs) into a single
  * callback ref. Useful when a component needs to keep its own internal ref to a
@@ -30,6 +54,58 @@ export declare function cloneChildrenWithModes(children: React.ReactNode, modes:
  * <RNTextInput ref={mergeRefs(inputRef, forwardedRef)} />
  */
 export declare function mergeRefs<T>(...refs: Array<React.Ref<T> | undefined | null>): React.RefCallback<T>;
+export type EllipsizeMode = 'head' | 'middle' | 'tail' | 'clip';
+/**
+ * Resolves the `numberOfLines` / `ellipsizeMode` pair for a `<Text>` based on a
+ * `disableTruncation` flag.
+ *
+ * When `disableTruncation` is `true`, both values are returned as `undefined`
+ * so the text wraps to as many lines as it needs and never shows the trailing
+ * ellipsis. Otherwise the provided values are passed through unchanged.
+ */
+export declare function resolveTruncation(disableTruncation: boolean | undefined, numberOfLines?: number, ellipsizeMode?: EllipsizeMode): {
+    numberOfLines?: number;
+    ellipsizeMode?: EllipsizeMode;
+};
+export type TextLayoutResult = {
+    numberOfLines?: number | undefined;
+    ellipsizeMode?: EllipsizeMode | undefined;
+    /**
+     * Style fragment that MUST be merged onto the target `<Text>` (after the
+     * component's own style and any consumer `style` override) so the escape
+     * hatches can win. `undefined` when neither flag is set.
+     */
+    style?: TextStyle | undefined;
+};
+/**
+ * Resolves the `<Text>` props + style for the two truncation escape hatches.
+ * This supersedes {@link resolveTruncation} for components that want the
+ * "brutal" overflow behaviour rather than just dropping the line clamp.
+ *
+ * - `disableTruncation`: never truncate. Drops `numberOfLines`/`ellipsizeMode`
+ *   AND sets `flexShrink: 0`, so a tight flex parent can no longer squeeze the
+ *   text into an ellipsis — instead the text keeps its intrinsic size and
+ *   overflows, even if that means blowing past (and visually breaking) the
+ *   parent layout. The text still wraps onto multiple lines.
+ * - `singleLine`: force everything onto one line with no wrapping. Implies
+ *   `disableTruncation` (the ellipsis is never shown). On web this adds
+ *   `whiteSpace: 'nowrap'` so the single line overflows horizontally instead of
+ *   wrapping. The text is never shrunk.
+ *
+ * Note (native): React Native's `<Text>` has no `white-space: nowrap`
+ * equivalent, so on iOS/Android `singleLine` cannot force a hard non-wrapping
+ * overflow — it behaves like `disableTruncation` (no ellipsis, no shrink). The
+ * hard single-line overflow is honoured on web (Storybook / react-native-web).
+ *
+ * When neither flag is set, the supplied `numberOfLines`/`ellipsizeMode` pass
+ * through unchanged and no extra style is returned.
+ */
+export declare function resolveTextLayout({ disableTruncation, singleLine, numberOfLines, ellipsizeMode, }: {
+    disableTruncation?: boolean | undefined;
+    singleLine?: boolean | undefined;
+    numberOfLines?: number | undefined;
+    ellipsizeMode?: EllipsizeMode | undefined;
+}): TextLayoutResult;
 /**
  * Flattens React children, extracting them from Fragments.
  * Useful for Group components that need to process individual items (e.g., for layout or styling)

package/lib/typescript/src/utils/shadow.d.ts

@@ -0,0 +1,72 @@
+import type { ViewStyle } from 'react-native';
+/**
+ * Cross-platform drop-shadow helper with a backward-compatibility layer.
+ *
+ * Why this exists
+ * ----------------
+ * The spec-compliant `boxShadow` style prop only landed in React Native 0.76
+ * (and only on the New Architecture / Fabric). Older apps that consume this
+ * library are still on pre-0.76 React Native where `boxShadow` is silently
+ * ignored on native, so their shadows simply disappear.
+ *
+ * Rather than hand-rolling a `Platform.select` block in every component, route
+ * ALL drop shadows through this single helper. When `boxShadow` is natively
+ * supported it is used verbatim (web + RN 0.76+ Fabric). When it is NOT
+ * supported, the CSS-style shadow string is parsed and translated into the
+ * legacy native shadow API:
+ *   - iOS:     `shadowColor`, `shadowOffset`, `shadowOpacity`, `shadowRadius`
+ *   - Android: `elevation`
+ *
+ * @example
+ * ```tsx
+ * const style = boxShadow('0px 2px 4px 0px rgba(0,0,0,0.18)')
+ * <View style={[base, style]} />
+ * ```
+ */
+export interface ParsedShadow {
+    offsetX: number;
+    offsetY: number;
+    blur: number;
+    spread: number;
+    color: string;
+    inset: boolean;
+}
+export interface BoxShadowOptions {
+    /**
+     * Explicit Android `elevation` for the legacy fallback. When omitted it is
+     * derived from the most prominent shadow's blur radius. Android elevation
+     * cannot reproduce colored/ring shadows, so provide this when the default
+     * heuristic doesn't match the design.
+     */
+    elevation?: number;
+}
+/**
+ * Whether the spec-compliant `boxShadow` style prop is honored at runtime.
+ * - Web (react-native-web) always supports it.
+ * - Native supports it from RN 0.76+ AND only on the New Architecture (Fabric).
+ */
+export declare function supportsNativeBoxShadow(): boolean;
+/**
+ * Parses a single CSS box-shadow layer into its primitive parts.
+ * Supports: `[inset] offsetX offsetY [blur] [spread] color` in any sensible
+ * ordering of the keyword/color, with `rgb()/rgba()/hsl()/hsla()`, hex, or
+ * named colors.
+ */
+export declare function parseSingleShadow(input: string): ParsedShadow;
+/**
+ * Parses a full box-shadow string (one or more comma-separated layers).
+ */
+export declare function parseBoxShadow(value: string): ParsedShadow[];
+/**
+ * Returns a style object that renders the given CSS-style box-shadow on every
+ * platform. Uses the native `boxShadow` prop when supported, otherwise falls
+ * back to the legacy `shadow*` (iOS) / `elevation` (Android) API.
+ *
+ * @param value   A CSS box-shadow string, e.g. `'0px 2px 4px 0px rgba(0,0,0,0.2)'`.
+ *                Multiple comma-separated layers are supported; on the legacy
+ *                fallback iOS uses the most prominent layer and Android uses a
+ *                single elevation.
+ * @param options Optional overrides (e.g. explicit Android `elevation`).
+ */
+export declare function boxShadow(value: string, options?: BoxShadowOptions): ViewStyle;
+//# sourceMappingURL=shadow.d.ts.map

package/lib/typescript/src/utils/web-platform-utils.d.ts

@@ -1,3 +1,4 @@
+import type { RefObject } from 'react';
 import type { PressableProps } from 'react-native';
 /**
  * Web-specific props that should NOT be passed to React Native's Pressable component.
@@ -131,6 +132,41 @@ export declare function usePressableWebSupport({ restProps, onPress, disabled, a
     tabIndex?: 0 | -1;
     onKeyDown?: (e: any) => void;
 };
+/**
+ * Detects pointer presses (mouse / touch) that land OUTSIDE the node held by
+ * `containerRef` and invokes `onOutsidePress`.
+ *
+ * Why this exists:
+ * On web, React Native pressables (`Pressable`, `Button`, links, etc.) do not
+ * always claim DOM focus the way a native `<button>`/`<input>` does. As a
+ * result, tapping an *interactive* element outside a focused `<input>` may
+ * never trigger the input's native `blur` event, leaving a field stuck in its
+ * "Active" visual state. Listening for document-level pointer-down in the
+ * capture phase lets a component force a blur (or close a popover, etc.)
+ * regardless of whether the outside target takes focus.
+ *
+ * Behavior & safety:
+ *  - **Web only.** On native (or when `document` is unavailable) this is a
+ *    no-op, so it is safe to call unconditionally.
+ *  - Listeners are attached only while `enabled` is `true`, and are removed on
+ *    cleanup / when disabled — there is no standing global listener.
+ *  - Uses the **capture** phase so it runs before element-level handlers, and
+ *    listens to both `mousedown` and `touchstart` for parity across devices.
+ *  - The latest `onOutsidePress` is read through a ref, so passing a fresh
+ *    inline closure every render does NOT re-subscribe the listener.
+ *
+ * @param containerRef - Ref to the root host node to treat as "inside".
+ * @param onOutsidePress - Called when a pointer press occurs outside the node.
+ * @param enabled - When `false`, no listener is attached. Defaults to `true`.
+ *
+ * @example
+ * ```tsx
+ * const rootRef = useRef<View>(null)
+ * const inputRef = useRef<RNTextInput>(null)
+ * useWebOutsidePress(rootRef, () => inputRef.current?.blur(), isFocused)
+ * ```
+ */
+export declare function useWebOutsidePress(containerRef: RefObject<any>, onOutsidePress: () => void, enabled?: boolean): void;
 /**
  * Type guard to check if running on web platform
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jfs-components",
-  "version": "0.1.8",
+  "version": "0.1.17",
   "description": "React Native Jio Finance Components Library",
   "author": "sunshuaiqi@gmail.com",
   "license": "MIT",
@@ -40,6 +40,7 @@
     "deploy:storybook": "vercel --prod",
     "postinstall": "patch-package",
     "icons:generate": "node scripts/generate-icon-registry.js",
+    "audit:tokens": "node scripts/audit-tokens.js",
     "prepare": "bob build",
     "build": "bob build",
     "prepack": "yarn icons:generate && bob build",

package/src/components/Accordion/Accordion.tsx

@@ -14,7 +14,7 @@ import {
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver'
 import Icon from '../../icons/Icon'
 import { usePressableWebSupport, type WebAccessibilityProps } from '../../utils/web-platform-utils'
-import { EMPTY_MODES, cloneChildrenWithModes } from '../../utils/react-utils'
+import { EMPTY_MODES, cloneChildrenWithModes, resolveTruncation } from '../../utils/react-utils'
 import type { Modes } from '../../design-tokens'
 
 // Enable LayoutAnimation on Android
@@ -87,6 +87,12 @@ export type AccordionProps = {
   accessibilityState?: AccessibilityState;
   /** 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>;
 
 /**
@@ -117,6 +123,7 @@ function Accordion({
   accessibilityHint,
   accessibilityState,
   webAccessibilityProps,
+  disableTruncation,
   ...rest
 }: AccordionProps) {
   const [internalExpanded, setInternalExpanded] = useState(defaultExpanded)
@@ -253,7 +260,7 @@ function Accordion({
         ]}
         {...webProps}
       >
-        <Text style={titleStyle} numberOfLines={1}>
+        <Text style={titleStyle} {...resolveTruncation(disableTruncation, 1)}>
           {title}
         </Text>
         <Icon