jfs-components 0.0.1 → 0.0.2

package/lib/commonjs/components/ListItem/ListItem.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
 var _IconCapsule = _interopRequireDefault(require("../IconCapsule/IconCapsule"));
-var _Button = _interopRequireDefault(require("../Button/Button"));
+var _NavArrow = _interopRequireDefault(require("../NavArrow/NavArrow"));
 var _webPlatformUtils = require("../../utils/web-platform-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -16,7 +16,10 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 /**
  * Helper function to recursively clone children and pass modes prop to components that accept it.
  * This ensures that all child components in slots receive the modes prop from the parent.
- */function cloneChildrenWithModes(children, modes) {
+ *
+ * @param forcedModes - Optional modes that will ALWAYS be applied last, overriding any other modes.
+ *                      Useful for slots that need to enforce specific context values.
+ */function cloneChildrenWithModes(children, modes, forcedModes) {
   const result = _react.default.Children.map(children, child => {
     if (! /*#__PURE__*/_react.default.isValidElement(child)) {
       return child;
@@ -28,15 +31,20 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
     // Clone the child with modes prop if it doesn't already have one
     // or merge with existing modes if it does
-    // Merge order: parent modes first, then child's explicit modes override them
+    // Merge order: parent modes first, then child's explicit modes override them,
+    // then forcedModes (if provided) are applied last and can never be overridden
     const existingModes = child.props?.modes;
-    const mergedModes = existingModes ? {
+    const mergedModes = forcedModes ? {
+      ...modes,
+      ...(existingModes || {}),
+      ...forcedModes
+    } : existingModes ? {
       ...modes,
       ...existingModes
     } : modes;
 
     // Recursively process children if they exist
-    const processedChildren = hasChildren ? cloneChildrenWithModes(_react.default.Children.toArray(childChildren), modes) : undefined;
+    const processedChildren = hasChildren ? cloneChildrenWithModes(_react.default.Children.toArray(childChildren), modes, forcedModes) : undefined;
 
     // Clone element with modes and processed children
     return /*#__PURE__*/_react.default.cloneElement(child, {
@@ -69,7 +77,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * @param {React.ReactNode} [props.leading] - Optional leading element. Defaults to `IconCapsule`.
  * @param {React.ReactNode} [props.supportSlot] - Optional custom slot used instead of the default support text block.
  * @param {React.ReactNode} [props.endSlot] - Optional custom trailing slot (Figma Slot "end").
- * @param {boolean} [props.showTrailing=true] - When `true`, renders the default trailing Button in Horizontal layout if `endSlot` is not provided.
+ * @param {boolean} [props.navArrow=true] - Whether to show NavArrow on the far right (Horizontal layout only).
  * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens.
  * @param {Function} [props.onPress] - When provided, the entire item becomes pressable (navigation variant).
  * @param {Object} [props.style] - Optional container style overrides.
@@ -86,7 +94,7 @@ function ListItem({
   leading,
   supportSlot,
   endSlot,
-  showTrailing = true,
+  navArrow = true,
   modes = {},
   onPress,
   style,
@@ -207,12 +215,12 @@ function ListItem({
   };
   if (layout === 'Horizontal') {
     // Process endSlot to pass modes to children
-    const processedEndSlot = endSlot ? cloneChildrenWithModes(_react.default.Children.toArray(endSlot), modes) : [];
+    // Force Context: 'ListItem' - this value can never be overridden by external modes
+    const processedEndSlot = endSlot ? cloneChildrenWithModes(_react.default.Children.toArray(endSlot), modes, {
+      "Context": 'ListItem'
+    }) : [];
     // Extract single element if array has one element, otherwise use array
-    const trailingContent = processedEndSlot.length > 0 ? processedEndSlot.length === 1 ? processedEndSlot[0] : processedEndSlot : showTrailing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      label: "Button",
-      modes: modes
-    }) : null;
+    const trailingContent = processedEndSlot.length > 0 ? processedEndSlot.length === 1 ? processedEndSlot[0] : processedEndSlot : null;
     const innerContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: [innerContentBaseStyle, contentStyle],
       children: [leadingElement, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -228,7 +236,10 @@ function ListItem({
       }), trailingContent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: trailingWrapperStyle,
         children: trailingContent
-      }) : null]
+      }) : null, navArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavArrow.default, {
+        direction: "Forward",
+        modes: modes
+      })]
     });
     if (onPress) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {

package/lib/commonjs/components/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_IconCapsule","_interopRequireDefault","_Button","_webPlatformUtils","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","cloneChildrenWithModes","children","modes","result","React","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","ListItem","layout","title","supportText","showSupportText","leading","supportSlot","endSlot","showTrailing","onPress","style","contentStyle","accessibilityLabel","accessibilityHint","accessibilityState","webAccessibilityProps","rest","gap","getVariableByName","paddingTop","paddingBottom","paddingLeft","paddingRight","titleColor","titleFontSize","titleLineHeight","titleFontFamily","titleFontWeightRaw","titleFontWeight","toString","supportColor","supportFontSize","supportLineHeight","supportFontFamily","supportFontWeightRaw","supportFontWeight","baseContainerStyle","sharedLayoutStyle","flexDirection","alignItems","innerContentBaseStyle","flex","verticalContentBaseStyle","titleTextStyle","color","fontSize","lineHeight","fontFamily","fontWeight","supportTextStyle","trailingWrapperStyle","useMemo","marginLeft","defaultAccessibilityLabel","webPropsHorizontal","usePressableWebSupport","restProps","disabled","webPropsVertical","processedLeading","leadingElement","length","jsx","renderSupportContent","processedSupportSlot","Text","numberOfLines","processedEndSlot","trailingContent","label","innerContent","jsxs","View","minWidth","Pressable","accessibilityRole","pressed","opacity","verticalContent","_default","exports"],"sourceRoot":"../../../../src","sources":["components/ListItem/ListItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_IconCapsule","_interopRequireDefault","_NavArrow","_webPlatformUtils","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","cloneChildrenWithModes","children","modes","forcedModes","result","React","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","ListItem","layout","title","supportText","showSupportText","leading","supportSlot","endSlot","navArrow","onPress","style","contentStyle","accessibilityLabel","accessibilityHint","accessibilityState","webAccessibilityProps","rest","gap","getVariableByName","paddingTop","paddingBottom","paddingLeft","paddingRight","titleColor","titleFontSize","titleLineHeight","titleFontFamily","titleFontWeightRaw","titleFontWeight","toString","supportColor","supportFontSize","supportLineHeight","supportFontFamily","supportFontWeightRaw","supportFontWeight","baseContainerStyle","sharedLayoutStyle","flexDirection","alignItems","innerContentBaseStyle","flex","verticalContentBaseStyle","titleTextStyle","color","fontSize","lineHeight","fontFamily","fontWeight","supportTextStyle","trailingWrapperStyle","useMemo","marginLeft","defaultAccessibilityLabel","webPropsHorizontal","usePressableWebSupport","restProps","disabled","webPropsVertical","processedLeading","leadingElement","length","jsx","renderSupportContent","processedSupportSlot","Text","numberOfLines","processedEndSlot","trailingContent","innerContent","jsxs","View","minWidth","direction","Pressable","accessibilityRole","pressed","opacity","verticalContent","_default","exports"],"sourceRoot":"../../../../src","sources":["components/ListItem/ListItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ListItem/ListItem.mdx

@@ -7,7 +7,9 @@ import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '.
 
 # ListItem
 
-Helper function to recursively clone children and pass modes prop to components that accept it.
+A token-driven list item component supporting vertical and horizontal layouts, with optional navigation behaviour and slots for leading, support text and trailing content.
+
+The horizontal layout includes a **NavArrow** on the far right by default, which can be hidden via the `navArrow` prop.
 
 ## Available Collections and Modes
 
@@ -26,9 +28,47 @@ This component uses the following design token collections. Each collection supp
 - **Default:** Light
 ## Usage
 
-<Canvas>
-  <Story of={ListItemStories.Default} />
-</Canvas>
+### Horizontal Layout with NavArrow
+
+<Canvas of={ListItemStories.HorizontalNavigation} />
+
+### Horizontal Layout (NavArrow only, no endSlot)
+
+<Canvas of={ListItemStories.HorizontalWithNavArrowOnly} />
+
+### Vertical Layout
+
+<Canvas of={ListItemStories.VerticalStatic} />
+
+### Usage Example
+
+```tsx
+import ListItem from './ListItem';
+import Button from '../Button/Button';
+
+// Horizontal with NavArrow (default)
+<ListItem
+  layout="Horizontal"
+  title="Navigate to Details"
+  supportText="Tap to view more"
+  navArrow={true}
+/>
+
+// Horizontal without NavArrow
+<ListItem
+  layout="Horizontal"
+  title="Balance"
+  supportText="₹500"
+  navArrow={false}
+  endSlot={<Button label="Add Money" />}
+/>
+
+// Vertical layout (NavArrow not applicable)
+<ListItem
+  layout="Vertical"
+  supportText="Payments"
+/>
+```
 
 
 <AccessibilitySection
@@ -43,7 +83,8 @@ This component uses the following design token collections. Each collection supp
   <ul>
     <li><strong>Leading slot</strong> — optional icon/avatar.</li>
     <li><strong>Title & support</strong> — primary and secondary text.</li>
-    <li><strong>Trailing slot</strong> — optional meta info or action affordance.</li>
+    <li><strong>Trailing slot (endSlot)</strong> — optional meta info or action affordance. <strong>Note:</strong> This slot strictly enforces <code>Context: 'ListItem'</code> for its children, overriding any conflicting context passed via the <code>modes</code> prop.</li>
+    <li><strong>NavArrow</strong> — navigation chevron on the far right (Horizontal layout only). Shown by default, can be hidden via <code>navArrow=&#123;false&#125;</code>.</li>
   </ul>
 </AnatomySection>
 

package/lib/commonjs/components/MerchantProfile/MerchantProfile.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * MerchantProfile component that displays a merchant's identity.
+ * 
+ * This component shows a centered profile layout with:
+ * - A circular avatar image
+ * - A title (merchant name)
+ * - A subtitle (typically UPI ID)
+ * 
+ * All styling values are resolved from Figma design tokens using the provided modes.
+ * 
+ * @component
+ * @param {Object} props - Component props
+ * @param {string} [props.title="Uber India Systems Private Limited"] - The merchant's display name
+ * @param {string} [props.subtitle="UPI ID: uberindia@ybl"] - Subtitle text, typically the UPI ID
+ * @param {Object} [props.modes={}] - Mode configuration for design tokens
+ * @param {Object} [props.style] - Optional style overrides for the container
+ * @param {Object} [props.avatarProps] - Props to pass to the Avatar component
+ * @param {string} [props.accessibilityLabel] - Accessibility label for the region
+ * 
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <MerchantProfile
+ *   title="Uber India Systems Private Limited"
+ *   subtitle="UPI ID: uberindia@ybl"
+ *   modes={{}}
+ * />
+ * 
+ * // With custom avatar
+ * <MerchantProfile
+ *   title="Amazon Pay"
+ *   subtitle="UPI ID: amazonpay@apl"
+ *   avatarProps={{ imageSource: 'https://example.com/logo.png' }}
+ * />
+ * ```
+ */
+function MerchantProfile({
+  title = 'Uber India Systems Private Limited',
+  subtitle = 'UPI ID: uberindia@ybl',
+  modes = {},
+  style,
+  avatarProps,
+  accessibilityLabel
+}) {
+  // Resolve design tokens with fallback values matching Figma design
+  const gap = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/gap', modes) ?? 12;
+  const paddingHorizontal = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/padding/horizontal', modes) ?? 16;
+
+  // Title typography tokens
+  const titleColor = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/title/color', modes) ?? '#0c0d10';
+  const titleFontSize = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/title/fontSize', modes) ?? 16;
+  const titleLineHeight = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/title/lineHeight', modes) ?? 18;
+  const titleFontFamily = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/title/fontFamily', modes) ?? 'System';
+  const titleFontWeightRaw = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/title/fontWeight', modes) ?? 700;
+  const titleFontWeight = typeof titleFontWeightRaw === 'number' ? titleFontWeightRaw.toString() : titleFontWeightRaw;
+
+  // Subtitle typography tokens
+  const subtitleColor = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/subtitle/color', modes) ?? '#191b1e';
+  const subtitleFontSize = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/subtitle/fontSize', modes) ?? 12;
+  const subtitleLineHeight = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/subtitle/lineHeight', modes) ?? 16;
+  const subtitleFontFamily = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/subtitle/fontFamily', modes) ?? 'System';
+  const subtitleFontWeightRaw = (0, _figmaVariablesResolver.getVariableByName)('merchantProfile/subtitle/fontWeight', modes) ?? 500;
+  const subtitleFontWeight = typeof subtitleFontWeightRaw === 'number' ? subtitleFontWeightRaw.toString() : subtitleFontWeightRaw;
+
+  // Container style
+  const containerStyle = {
+    alignItems: 'center',
+    paddingHorizontal,
+    gap
+  };
+
+  // Title text style
+  const titleTextStyle = {
+    color: titleColor,
+    fontSize: titleFontSize,
+    lineHeight: titleLineHeight,
+    fontFamily: titleFontFamily,
+    fontWeight: titleFontWeight,
+    textAlign: 'center'
+  };
+
+  // Subtitle text style
+  const subtitleTextStyle = {
+    color: subtitleColor,
+    fontSize: subtitleFontSize,
+    lineHeight: subtitleLineHeight,
+    fontFamily: subtitleFontFamily,
+    fontWeight: subtitleFontWeight,
+    textAlign: 'center'
+  };
+
+  // Default accessibility label
+  const defaultAccessibilityLabel = accessibilityLabel || `Merchant profile for ${title}${subtitle ? `, ${subtitle}` : ''}`;
+
+  // Avatar modes - use provided modes to ensure consistent theming
+  // Override to use a larger avatar size for the merchant profile
+  const avatarModes = {
+    ...modes,
+    ...(avatarProps?.modes || {})
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [containerStyle, style],
+    accessibilityRole: "header",
+    accessibilityLabel: defaultAccessibilityLabel,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+      style: "Image",
+      modes: avatarModes,
+      ...avatarProps
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: titleTextStyle,
+      accessibilityRole: "text",
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: subtitleTextStyle,
+      accessibilityRole: "text",
+      children: subtitle
+    })]
+  });
+}
+var _default = exports.default = MerchantProfile;
+//# sourceMappingURL=MerchantProfile.js.map

package/lib/commonjs/components/MerchantProfile/MerchantProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_Avatar","_jsxRuntime","e","__esModule","default","MerchantProfile","title","subtitle","modes","style","avatarProps","accessibilityLabel","gap","getVariableByName","paddingHorizontal","titleColor","titleFontSize","titleLineHeight","titleFontFamily","titleFontWeightRaw","titleFontWeight","toString","subtitleColor","subtitleFontSize","subtitleLineHeight","subtitleFontFamily","subtitleFontWeightRaw","subtitleFontWeight","containerStyle","alignItems","titleTextStyle","color","fontSize","lineHeight","fontFamily","fontWeight","textAlign","subtitleTextStyle","defaultAccessibilityLabel","avatarModes","jsxs","View","accessibilityRole","children","jsx","Text","_default","exports"],"sourceRoot":"../../../../src","sources":["components/MerchantProfile/MerchantProfile.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA2D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA8B3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,eAAeA,CAAC;EACvBC,KAAK,GAAG,oCAAoC;EAC5CC,QAAQ,GAAG,uBAAuB;EAClCC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,WAAW;EACXC;AACoB,CAAC,EAAE;EACvB;EACA,MAAMC,GAAG,GAAG,IAAAC,yCAAiB,EAAC,qBAAqB,EAAEL,KAAK,CAAC,IAAI,EAAE;EACjE,MAAMM,iBAAiB,GAAG,IAAAD,yCAAiB,EAAC,oCAAoC,EAAEL,KAAK,CAAC,IAAI,EAAE;;EAE9F;EACA,MAAMO,UAAU,GAAG,IAAAF,yCAAiB,EAAC,6BAA6B,EAAEL,KAAK,CAAC,IAAI,SAAS;EACvF,MAAMQ,aAAa,GAAG,IAAAH,yCAAiB,EAAC,gCAAgC,EAAEL,KAAK,CAAC,IAAI,EAAE;EACtF,MAAMS,eAAe,GAAG,IAAAJ,yCAAiB,EAAC,kCAAkC,EAAEL,KAAK,CAAC,IAAI,EAAE;EAC1F,MAAMU,eAAe,GAAG,IAAAL,yCAAiB,EAAC,kCAAkC,EAAEL,KAAK,CAAC,IAAI,QAAQ;EAChG,MAAMW,kBAAkB,GAAG,IAAAN,yCAAiB,EAAC,kCAAkC,EAAEL,KAAK,CAAC,IAAI,GAAG;EAC9F,MAAMY,eAAe,GAAG,OAAOD,kBAAkB,KAAK,QAAQ,GAC1DA,kBAAkB,CAACE,QAAQ,CAAC,CAAC,GAC7BF,kBAAkB;;EAEtB;EACA,MAAMG,aAAa,GAAG,IAAAT,yCAAiB,EAAC,gCAAgC,EAAEL,KAAK,CAAC,IAAI,SAAS;EAC7F,MAAMe,gBAAgB,GAAG,IAAAV,yCAAiB,EAAC,mCAAmC,EAAEL,KAAK,CAAC,IAAI,EAAE;EAC5F,MAAMgB,kBAAkB,GAAG,IAAAX,yCAAiB,EAAC,qCAAqC,EAAEL,KAAK,CAAC,IAAI,EAAE;EAChG,MAAMiB,kBAAkB,GAAG,IAAAZ,yCAAiB,EAAC,qCAAqC,EAAEL,KAAK,CAAC,IAAI,QAAQ;EACtG,MAAMkB,qBAAqB,GAAG,IAAAb,yCAAiB,EAAC,qCAAqC,EAAEL,KAAK,CAAC,IAAI,GAAG;EACpG,MAAMmB,kBAAkB,GAAG,OAAOD,qBAAqB,KAAK,QAAQ,GAChEA,qBAAqB,CAACL,QAAQ,CAAC,CAAC,GAChCK,qBAAqB;;EAEzB;EACA,MAAME,cAAyB,GAAG;IAChCC,UAAU,EAAE,QAAQ;IACpBf,iBAAiB;IACjBF;EACF,CAAC;;EAED;EACA,MAAMkB,cAAyB,GAAG;IAChCC,KAAK,EAAEhB,UAAU;IACjBiB,QAAQ,EAAEhB,aAAa;IACvBiB,UAAU,EAAEhB,eAAe;IAC3BiB,UAAU,EAAEhB,eAAe;IAC3BiB,UAAU,EAAEf,eAA0C;IACtDgB,SAAS,EAAE;EACb,CAAC;;EAED;EACA,MAAMC,iBAA4B,GAAG;IACnCN,KAAK,EAAET,aAAa;IACpBU,QAAQ,EAAET,gBAAgB;IAC1BU,UAAU,EAAET,kBAAkB;IAC9BU,UAAU,EAAET,kBAAkB;IAC9BU,UAAU,EAAER,kBAA6C;IACzDS,SAAS,EAAE;EACb,CAAC;;EAED;EACA,MAAME,yBAAyB,GAAG3B,kBAAkB,IAClD,wBAAwBL,KAAK,GAAGC,QAAQ,GAAG,KAAKA,QAAQ,EAAE,GAAG,EAAE,EAAE;;EAEnE;EACA;EACA,MAAMgC,WAAW,GAAG;IAClB,GAAG/B,KAAK;IACR,IAAIE,WAAW,EAAEF,KAAK,IAAI,CAAC,CAAC;EAC9B,CAAC;EAED,oBACE,IAAAP,WAAA,CAAAuC,IAAA,EAAC1C,YAAA,CAAA2C,IAAI;IACHhC,KAAK,EAAE,CAACmB,cAAc,EAAEnB,KAAK,CAAE;IAC/BiC,iBAAiB,EAAC,QAAQ;IAC1B/B,kBAAkB,EAAE2B,yBAA0B;IAAAK,QAAA,gBAE9C,IAAA1C,WAAA,CAAA2C,GAAA,EAAC5C,OAAA,CAAAI,OAAM;MACLK,KAAK,EAAC,OAAO;MACbD,KAAK,EAAE+B,WAAY;MAAA,GACf7B;IAAW,CAChB,CAAC,eACF,IAAAT,WAAA,CAAA2C,GAAA,EAAC9C,YAAA,CAAA+C,IAAI;MACHpC,KAAK,EAAEqB,cAAe;MACtBY,iBAAiB,EAAC,MAAM;MAAAC,QAAA,EAEvBrC;IAAK,CACF,CAAC,eACP,IAAAL,WAAA,CAAA2C,GAAA,EAAC9C,YAAA,CAAA+C,IAAI;MACHpC,KAAK,EAAE4B,iBAAkB;MACzBK,iBAAiB,EAAC,MAAM;MAAAC,QAAA,EAEvBpC;IAAQ,CACL,CAAC;EAAA,CACH,CAAC;AAEX;AAAC,IAAAuC,QAAA,GAAAC,OAAA,CAAA3C,OAAA,GAEcC,eAAe","ignoreList":[]}

package/lib/commonjs/components/MerchantProfile/MerchantProfile.mdx

@@ -0,0 +1,139 @@
+import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import * as MerchantProfileStories from './MerchantProfile.stories';
+import MerchantProfile from './MerchantProfile';
+import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
+
+<Meta of={MerchantProfileStories} />
+
+# MerchantProfile
+
+Displays a merchant's identity in a centered vertical layout with an avatar, title, and subtitle. Commonly used on payment confirmation screens, transaction receipts, and merchant identification flows.
+
+## Props
+
+<ArgsTable of={MerchantProfile} />
+
+## Available Collections and Modes
+
+This component does not use any design token collections with multiple modes.
+## Usage
+
+The default configuration shows the typical merchant profile layout:
+
+<Canvas>
+  <Story of={MerchantProfileStories.Default} />
+</Canvas>
+
+## Examples
+
+### Short Name
+
+For merchants with shorter names:
+
+<Canvas>
+  <Story of={MerchantProfileStories.ShortName} />
+</Canvas>
+
+### Long Name
+
+Handles longer merchant names gracefully with text wrapping:
+
+<Canvas>
+  <Story of={MerchantProfileStories.LongName} />
+</Canvas>
+
+### Without Subtitle
+
+When only the merchant name is needed:
+
+<Canvas>
+  <Story of={MerchantProfileStories.WithoutSubtitle} />
+</Canvas>
+
+### Multiple Profiles
+
+Multiple profiles displayed in a list:
+
+<Canvas>
+  <Story of={MerchantProfileStories.MultipleProfiles} />
+</Canvas>
+
+## Component Usage
+
+```tsx
+import { MerchantProfile } from 'jsf-components';
+
+function PaymentConfirmation() {
+  return (
+    <View style={{ flex: 1 }}>
+      <MerchantProfile
+        title="Uber India Systems Private Limited"
+        subtitle="UPI ID: uberindia@ybl"
+        modes={{}}
+      />
+      
+      {/* Payment amount and other details */}
+    </View>
+  );
+}
+```
+
+### Custom Avatar
+
+You can customize the avatar using the `avatarProps` prop:
+
+```tsx
+<MerchantProfile
+  title="Amazon Pay"
+  subtitle="UPI ID: amazonpay@apl"
+  avatarProps={{
+    imageSource: 'https://example.com/merchant-logo.png',
+    modes: { 'Avatar Size': 'XL' },
+  }}
+/>
+```
+
+<AccessibilitySection
+  items={[
+    'The component uses `accessibilityRole="header"` to identify it as a header region.',
+    'A default accessibility label is generated from the title and subtitle.',
+    'Provide a custom `accessibilityLabel` for more context if needed.',
+    'The Avatar child component handles its own accessibility attributes.',
+  ]}
+/>
+
+<AnatomySection>
+  <ul>
+    <li><strong>Avatar</strong> — circular merchant logo/image at the top.</li>
+    <li><strong>Title</strong> — bold merchant name centered below the avatar.</li>
+    <li><strong>Subtitle</strong> — lighter text, typically the UPI ID or additional info.</li>
+  </ul>
+</AnatomySection>
+
+<UsageConstraintsSection
+  items={[
+    'Keep titles concise; very long names will wrap but may affect layout balance.',
+    'Use consistent modes across the MerchantProfile and its siblings for visual harmony.',
+    'The component is designed for centered layouts; avoid placing in left-aligned contexts.',
+    'For interactive merchant profiles (e.g., tappable), wrap in a Pressable component.',
+  ]}
+/>
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`merchantProfile/gap`**
+- **`merchantProfile/padding/horizontal`**
+- **`merchantProfile/subtitle/color`**
+- **`merchantProfile/subtitle/fontFamily`**
+- **`merchantProfile/subtitle/fontSize`**
+- **`merchantProfile/subtitle/fontWeight`**
+- **`merchantProfile/subtitle/lineHeight`**
+- **`merchantProfile/title/color`**
+- **`merchantProfile/title/fontFamily`**
+- **`merchantProfile/title/fontSize`**
+- **`merchantProfile/title/fontWeight`**
+- **`merchantProfile/title/lineHeight`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/commonjs/components/MoneyValue/MoneyValue.mdx

@@ -16,6 +16,10 @@ This component uses the following design token collections. Each collection supp
 ### Color Mode
 - **Modes:** Light | Dark
 - **Default:** Light
+
+### Context3
+- **Modes:** Default | Transaction Bubble
+- **Default:** Default
 ## Usage
 
 <Canvas>

package/lib/commonjs/components/NavArrow/NavArrow.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * NavArrow component that displays a small chevron arrow for navigation.
+ *
+ * This component uses design tokens for all visual properties:
+ * - navArrow/icon/color - chevron stroke color
+ * - navArrow/icon/width - icon width
+ * - navArrow/icon/height - icon height
+ * - navArrow/icon/strokeWeight - stroke width
+ * - navArrow/width - container width
+ * - navArrow/height - container height
+ * - navArrow/radius - border radius
+ * - navArrow/background - background color
+ *
+ * @component
+ * @param {Object} props
+ * @param {'Back'|'Forward'} [props.direction='Back'] - Arrow direction
+ * @param {Object} [props.modes={}] - Modes for design token resolution
+ * @param {Object} [props.style] - Additional container styles
+ */
+function NavArrow({
+  direction = 'Back',
+  modes = {},
+  style,
+  accessibilityLabel,
+  ...rest
+}) {
+  // Resolve design tokens
+  const iconColor = (0, _figmaVariablesResolver.getVariableByName)('navArrow/icon/color', modes) || '#24262b';
+  const iconWidth = Number((0, _figmaVariablesResolver.getVariableByName)('navArrow/icon/width', modes)) || 4;
+  const iconHeight = Number((0, _figmaVariablesResolver.getVariableByName)('navArrow/icon/height', modes)) || 8;
+  const strokeWeight = Number((0, _figmaVariablesResolver.getVariableByName)('navArrow/icon/strokeWeight', modes)) || 2;
+  const containerWidth = Number((0, _figmaVariablesResolver.getVariableByName)('navArrow/width', modes)) || 6;
+  const containerHeight = Number((0, _figmaVariablesResolver.getVariableByName)('navArrow/height', modes)) || 10;
+  const borderRadius = Number((0, _figmaVariablesResolver.getVariableByName)('navArrow/radius', modes)) || 0;
+  const backgroundColor = (0, _figmaVariablesResolver.getVariableByName)('navArrow/background', modes) || 'transparent';
+  const containerStyle = {
+    width: containerWidth,
+    height: containerHeight,
+    borderRadius,
+    backgroundColor,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ...(style || {})
+  };
+  const defaultAccessibilityLabel = accessibilityLabel || (direction === 'Back' ? 'Go back' : 'Go forward');
+
+  // SVG path for chevron - draws a simple ">" shape
+  // For Back direction, we flip horizontally with scaleX(-1)
+  // The path creates a chevron pointing right by default
+  const chevronPath = `M1 1L${iconWidth - 1} ${iconHeight / 2}L1 ${iconHeight - 1}`;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: containerStyle,
+    accessibilityRole: "image",
+    accessibilityLabel: defaultAccessibilityLabel,
+    ...rest,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+      width: iconWidth,
+      height: iconHeight,
+      viewBox: `0 0 ${iconWidth} ${iconHeight}`,
+      style: direction === 'Back' ? {
+        transform: [{
+          scaleX: -1
+        }]
+      } : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: chevronPath,
+        stroke: iconColor,
+        strokeWidth: strokeWeight,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        fill: "none"
+      })
+    })
+  });
+}
+var _default = exports.default = NavArrow;
+//# sourceMappingURL=NavArrow.js.map

package/lib/commonjs/components/NavArrow/NavArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_figmaVariablesResolver","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NavArrow","direction","modes","style","accessibilityLabel","rest","iconColor","getVariableByName","iconWidth","Number","iconHeight","strokeWeight","containerWidth","containerHeight","borderRadius","backgroundColor","containerStyle","width","height","alignItems","justifyContent","defaultAccessibilityLabel","chevronPath","jsx","View","accessibilityRole","children","viewBox","transform","scaleX","undefined","Path","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","fill","_default","exports"],"sourceRoot":"../../../../src","sources":["components/NavArrow/NavArrow.tsx"],"mappings":"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","ignoreList":[]}