jfs-components 0.0.5 → 0.0.7

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","__esModule","default","cloneChildrenWithModes","children","modes","result","React","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","ListGroup","label","listGroupSlot","style","accessibilityLabel","accessibilityHint","rest","backgroundColor","getVariableByName","borderColor","borderWidth","gap","labelColor","labelFontSize","labelLineHeight","labelFontFamily","labelFontWeightRaw","labelFontWeight","toString","containerStyle","borderStyle","flexDirection","alignItems","width","labelStyle","color","fontSize","lineHeight","fontFamily","fontWeight","processedSlot","defaultAccessibilityLabel","jsxs","View","accessibilityRole","jsx","Text","marginBottom","numberOfLines","accessibilityElementsHidden","importantForAccessibility","index","items","isLast","length","wrapperStyle","key","_default","exports"],"sourceRoot":"../../../../src","sources":["components/ListGroup/ListGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAAgF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhF;AACA;AACA;AACA,GACA,SAASG,sBAAsBA,CAC7BC,QAAyB,EACzBC,KAA0B,EACP;EACnB,MAAMC,MAAM,GAAGC,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAGM,KAAK,IAAK;IACrD,IAAI,eAACH,cAAK,CAACI,cAAc,CAACD,KAAK,CAAC,EAAE;MAChC,OAAOA,KAAK;IACd;;IAEA;IACA,MAAME,aAAa,GAAIF,KAAK,CAACG,KAAK,EAAUT,QAAQ;IACpD,MAAMU,WAAW,GAAGF,aAAa,KAAKG,SAAS,IAAIH,aAAa,KAAK,IAAI;;IAEzE;IACA;IACA;IACA,MAAMI,aAAa,GAAIN,KAAK,CAACG,KAAK,EAAUR,KAAK;IACjD,MAAMY,WAAW,GAAGD,aAAa,GAAG;MAAE,GAAGX,KAAK;MAAE,GAAGW;IAAc,CAAC,GAAGX,KAAK;;IAE1E;IACA,MAAMa,iBAA8C,GAAGJ,WAAW,GAC9DX,sBAAsB,CACpBI,cAAK,CAACC,QAAQ,CAACW,OAAO,CAACP,aAAa,CAAC,EACrCP,KACF,CAAC,GACDU,SAAS;;IAEb;IACA,oBAAOR,cAAK,CAACa,YAAY,CACvBV,KAAK,EACL;MACE,GAAIA,KAAK,CAACG,KAAa;MACvBR,KAAK,EAAEY;IACT,CAAC,EACDC,iBACF,CAAC;EACH,CAAC,CAAC;EACF,OAAOZ,MAAM,IAAI,EAAE;AACrB;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASe,SAASA,CAAC;EACjBC,KAAK,GAAG,EAAE;EACVC,aAAa;EACblB,KAAK,GAAG,CAAC,CAAC;EACVmB,KAAK;EACLC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACW,CAAC,EAAE;EACjB;EACA,MAAMC,eAAe,GAAG,IAAAC,yCAAiB,EAAC,sBAAsB,EAAExB,KAAK,CAAC,IAAI,qBAAqB;EACjG,MAAMyB,WAAW,GAAG,IAAAD,yCAAiB,EAAC,wBAAwB,EAAExB,KAAK,CAAC,IAAI,qBAAqB;EAC/F,MAAM0B,WAAW,GAAG,IAAAF,yCAAiB,EAAC,uBAAuB,EAAExB,KAAK,CAAC,IAAI,CAAC;EAC1E,MAAM2B,GAAG,GAAG,IAAAH,yCAAiB,EAAC,eAAe,EAAExB,KAAK,CAAC,IAAI,EAAE;;EAE3D;EACA,MAAM4B,UAAU,GAAG,IAAAJ,yCAAiB,EAAC,uBAAuB,EAAExB,KAAK,CAAC,IAAI,SAAS;EACjF,MAAM6B,aAAa,GAAG,IAAAL,yCAAiB,EAAC,oBAAoB,EAAExB,KAAK,CAAC,IAAI,EAAE;EAC1E,MAAM8B,eAAe,GAAG,IAAAN,yCAAiB,EAAC,sBAAsB,EAAExB,KAAK,CAAC,IAAI,EAAE;EAC9E,MAAM+B,eAAe,GAAG,IAAAP,yCAAiB,EAAC,sBAAsB,EAAExB,KAAK,CAAC,IAAI,QAAQ;EACpF,MAAMgC,kBAAkB,GAAG,IAAAR,yCAAiB,EAAC,sBAAsB,EAAExB,KAAK,CAAC,IAAI,GAAG;EAClF,MAAMiC,eAAe,GAAG,OAAOD,kBAAkB,KAAK,QAAQ,GAAGA,kBAAkB,CAACE,QAAQ,CAAC,CAAC,GAAGF,kBAAkB;EAEnH,MAAMG,cAAyB,GAAG;IAChCZ,eAAe;IACfE,WAAW;IACXC,WAAW;IACXU,WAAW,EAAE,OAAgB;IAC7BC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE,YAAY;IACxBC,KAAK,EAAE;EACT,CAAC;EAED,MAAMC,UAAU,GAAG;IACjBC,KAAK,EAAEb,UAAU;IACjBc,QAAQ,EAAEb,aAAa;IACvBc,UAAU,EAAEb,eAAe;IAC3Bc,UAAU,EAAEb,eAAe;IAC3Bc,UAAU,EAAEZ;EACd,CAAC;;EAED;EACA,MAAMa,aAAa,GAAG5B,aAAa,GAC/BpB,sBAAsB,CAACI,cAAK,CAACC,QAAQ,CAACW,OAAO,CAACI,aAAa,CAAC,EAAElB,KAAK,CAAC,GACpE,IAAI;;EAER;EACA,MAAM+C,yBAAyB,GAAG3B,kBAAkB,IAAIH,KAAK,IAAI,YAAY;EAE7E,oBACE,IAAAvB,WAAA,CAAAsD,IAAA,EAACxD,YAAA,CAAAyD,IAAI;IACH9B,KAAK,EAAE,CAACgB,cAAc,EAAEhB,KAAK,CAAE;IAC/B+B,iBAAiB,EAAC,MAAM;IACxB9B,kBAAkB,EAAE2B,yBAA0B;IAC9C1B,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAvB,QAAA,GAEPkB,KAAK,gBACJ,IAAAvB,WAAA,CAAAyD,GAAA,EAAC3D,YAAA,CAAA4D,IAAI;MACHjC,KAAK,EAAE,CAACqB,UAAU,EAAEM,aAAa,IAAI;QAAEO,YAAY,EAAE1B;MAAI,CAAC,CAAE;MAC5D2B,aAAa,EAAE,CAAE;MACjBC,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAzD,QAAA,EAE7BkB;IAAK,CACF,CAAC,GACL,IAAI,EACP6B,aAAa,gBACZ,IAAApD,WAAA,CAAAyD,GAAA,EAAC3D,YAAA,CAAAyD,IAAI;MAAC9B,KAAK,EAAE;QAAEoB,KAAK,EAAE;MAAO,CAAE;MAAAxC,QAAA,EAC5BG,cAAK,CAACC,QAAQ,CAACW,OAAO,CAACgC,aAAa,CAAC,CAAC1C,GAAG,CAAC,CAACC,KAAK,EAAEoD,KAAK,KAAK;QAC3D,IAAI,eAACvD,cAAK,CAACI,cAAc,CAACD,KAAK,CAAC,EAAE;UAChC,OAAOA,KAAK;QACd;QACA;QACA,MAAMqD,KAAK,GAAGxD,cAAK,CAACC,QAAQ,CAACW,OAAO,CAACgC,aAAa,CAAC;QACnD,MAAMa,MAAM,GAAGF,KAAK,KAAKC,KAAK,CAACE,MAAM,GAAG,CAAC;QACzC,MAAMC,YAAY,GAAG,CAACF,MAAM,GAAG;UAAEN,YAAY,EAAE1B;QAAI,CAAC,GAAG,CAAC,CAAC;QAEzD,oBACE,IAAAjC,WAAA,CAAAyD,GAAA,EAAC3D,YAAA,CAAAyD,IAAI;UAAuC9B,KAAK,EAAE0C,YAAa;UAAA9D,QAAA,EAC7DM;QAAK,GADGA,KAAK,CAACyD,GAAG,IAAI,WAAWL,KAAK,EAElC,CAAC;MAEX,CAAC;IAAC,CACE,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAnE,OAAA,GAEcmB,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_reactUtils","_jsxRuntime","e","__esModule","default","ListGroup","label","listGroupSlot","modes","style","accessibilityLabel","accessibilityHint","rest","backgroundColor","getVariableByName","borderColor","borderWidth","gap","labelColor","labelFontSize","labelLineHeight","labelFontFamily","labelFontWeightRaw","labelFontWeight","toString","containerStyle","borderStyle","flexDirection","alignItems","width","labelStyle","color","fontSize","lineHeight","fontFamily","fontWeight","processedSlot","cloneChildrenWithModes","React","Children","toArray","defaultAccessibilityLabel","jsxs","View","accessibilityRole","children","jsx","Text","marginBottom","numberOfLines","accessibilityElementsHidden","importantForAccessibility","map","child","index","isValidElement","items","isLast","length","wrapperStyle","key","_default","exports"],"sourceRoot":"../../../../src","sources":["components/ListGroup/ListGroup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ListGroup/ListGroup.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as ListGroupStories from './ListGroup.stories';
 import ListGroup from './ListGroup';
 import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -13,6 +13,10 @@ Helper function to recursively clone children and pass modes prop to components
 
 This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
 
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
+
 ### Title Level
 - **Modes:** Default | Bold
 - **Default:** Default

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

@@ -10,6 +10,7 @@ var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resol
 var _IconCapsule = _interopRequireDefault(require("../IconCapsule/IconCapsule"));
 var _NavArrow = _interopRequireDefault(require("../NavArrow/NavArrow"));
 var _webPlatformUtils = require("../../utils/web-platform-utils");
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
@@ -19,41 +20,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  *
  * @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;
-    }
-
-    // Get existing children
-    const childChildren = child.props?.children;
-    const hasChildren = childChildren !== undefined && childChildren !== null;
-
-    // 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,
-    // then forcedModes (if provided) are applied last and can never be overridden
-    const existingModes = child.props?.modes;
-    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, forcedModes) : undefined;
+ */
 
-    // Clone element with modes and processed children
-    return /*#__PURE__*/_react.default.cloneElement(child, {
-      ...child.props,
-      modes: mergedModes
-    }, processedChildren);
-  });
-  return result || [];
-}
 /**
  * ListItem component that mirrors the Figma "List Item" component.
  *
@@ -190,7 +158,7 @@ function ListItem({
   });
 
   // Process leading slot to pass modes to children
-  const processedLeading = leading ? cloneChildrenWithModes(_react.default.Children.toArray(leading), modes) : [];
+  const processedLeading = leading ? (0, _reactUtils.cloneChildrenWithModes)(_react.default.Children.toArray(leading), modes) : [];
   // Extract single element if array has one element, otherwise use array
   const leadingElement = processedLeading.length > 0 ? processedLeading.length === 1 ? processedLeading[0] : processedLeading : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconCapsule.default, {
     modes: modes,
@@ -199,7 +167,7 @@ function ListItem({
   const renderSupportContent = () => {
     if (supportSlot) {
       // Process supportSlot to pass modes to children
-      const processedSupportSlot = cloneChildrenWithModes(_react.default.Children.toArray(supportSlot), modes);
+      const processedSupportSlot = (0, _reactUtils.cloneChildrenWithModes)(_react.default.Children.toArray(supportSlot), modes);
       // Extract single element if array has one element, otherwise use array
       return processedSupportSlot.length === 1 ? processedSupportSlot[0] : processedSupportSlot;
     }
@@ -216,7 +184,7 @@ function ListItem({
   if (layout === 'Horizontal') {
     // Process endSlot to pass modes to children
     // Force Context: 'ListItem' - this value can never be overridden by external modes
-    const processedEndSlot = endSlot ? cloneChildrenWithModes(_react.default.Children.toArray(endSlot), modes, {
+    const processedEndSlot = endSlot ? (0, _reactUtils.cloneChildrenWithModes)(_react.default.Children.toArray(endSlot), modes, {
       "Context": 'ListItem'
     }) : [];
     // Extract single element if array has one element, otherwise use array

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

@@ -1 +1 @@
-{"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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAAmG,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAI,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAS,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAEnG;AACA;AACA;AACA;AACA;AACA;AACA,GACA,SAASgB,sBAAsBA,CAC7BC,QAAyB,EACzBC,KAA0B,EAC1BC,WAAiC,EACd;EACnB,MAAMC,MAAM,GAAGC,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACN,QAAQ,EAAGO,KAAK,IAAK;IACrD,IAAI,eAACH,cAAK,CAACI,cAAc,CAACD,KAAK,CAAC,EAAE;MAChC,OAAOA,KAAK;IACd;;IAEA;IACA,MAAME,aAAa,GAAIF,KAAK,CAACG,KAAK,EAAUV,QAAQ;IACpD,MAAMW,WAAW,GAAGF,aAAa,KAAKG,SAAS,IAAIH,aAAa,KAAK,IAAI;;IAEzE;IACA;IACA;IACA;IACA,MAAMI,aAAa,GAAIN,KAAK,CAACG,KAAK,EAAUT,KAAK;IACjD,MAAMa,WAAW,GAAGZ,WAAW,GAC3B;MAAE,GAAGD,KAAK;MAAE,IAAIY,aAAa,IAAI,CAAC,CAAC,CAAC;MAAE,GAAGX;IAAY,CAAC,GACtDW,aAAa,GACX;MAAE,GAAGZ,KAAK;MAAE,GAAGY;IAAc,CAAC,GAC9BZ,KAAK;;IAEX;IACA,MAAMc,iBAA8C,GAAGJ,WAAW,GAC9DZ,sBAAsB,CACpBK,cAAK,CAACC,QAAQ,CAACW,OAAO,CAACP,aAAa,CAAC,EACrCR,KAAK,EACLC,WACF,CAAC,GACDU,SAAS;;IAEb;IACA,oBAAOR,cAAK,CAACa,YAAY,CACvBV,KAAK,EACL;MACE,GAAIA,KAAK,CAACG,KAAa;MACvBT,KAAK,EAAEa;IACT,CAAC,EACDC,iBACF,CAAC;EACH,CAAC,CAAC;EACF,OAAOZ,MAAM,IAAI,EAAE;AACrB;AAyBA;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,SAASe,QAAQA,CAAC;EAChBC,MAAM,GAAG,UAAU;EACnBC,KAAK,GAAG,OAAO;EACfC,WAAW,GAAG,cAAc;EAC5BC,eAAe,GAAG,IAAI;EACtBC,OAAO;EACPC,WAAW;EACXC,OAAO;EACPC,QAAQ,GAAG,IAAI;EACfzB,KAAK,GAAG,CAAC,CAAC;EACV0B,OAAO;EACPC,KAAK;EACLC,YAAY;EACZC,kBAAkB;EAClBC,iBAAiB;EACjBC,kBAAkB;EAClBC,qBAAqB;EACrB,GAAGC;AACU,CAAC,EAAE;EAChB;EACA,MAAMC,GAAG,GAAG,IAAAC,yCAAiB,EAAC,cAAc,EAAEnC,KAAK,CAAC,IAAI,CAAC;EACzD,MAAMoC,UAAU,GAAG,IAAAD,yCAAiB,EAAC,sBAAsB,EAAEnC,KAAK,CAAC,IAAI,CAAC;EACxE,MAAMqC,aAAa,GAAG,IAAAF,yCAAiB,EAAC,yBAAyB,EAAEnC,KAAK,CAAC,IAAI,CAAC;EAC9E,MAAMsC,WAAW,GAAG,IAAAH,yCAAiB,EAAC,uBAAuB,EAAEnC,KAAK,CAAC,IAAI,CAAC;EAC1E,MAAMuC,YAAY,GAAG,IAAAJ,yCAAiB,EAAC,wBAAwB,EAAEnC,KAAK,CAAC,IAAI,CAAC;;EAE5E;EACA,MAAMwC,UAAU,GAAG,IAAAL,yCAAiB,EAAC,sBAAsB,EAAEnC,KAAK,CAAC,IAAI,SAAS;EAChF,MAAMyC,aAAa,GAAG,IAAAN,yCAAiB,EAAC,yBAAyB,EAAEnC,KAAK,CAAC,IAAI,EAAE;EAC/E,MAAM0C,eAAe,GAAG,IAAAP,yCAAiB,EAAC,2BAA2B,EAAEnC,KAAK,CAAC,IAAI,EAAE;EACnF,MAAM2C,eAAe,GACnB,IAAAR,yCAAiB,EAAC,2BAA2B,EAAEnC,KAAK,CAAC,IAAI,QAAQ;EACnE,MAAM4C,kBAAkB,GACtB,IAAAT,yCAAiB,EAAC,2BAA2B,EAAEnC,KAAK,CAAC,IAAI,GAAG;EAC9D,MAAM6C,eAAe,GACnB,OAAOD,kBAAkB,KAAK,QAAQ,GAClCA,kBAAkB,CAACE,QAAQ,CAAC,CAAC,GAC7BF,kBAAkB;;EAExB;EACA,MAAMG,YAAY,GAChB,IAAAZ,yCAAiB,EAAC,4BAA4B,EAAEnC,KAAK,CAAC,IAAI,SAAS;EACrE,MAAMgD,eAAe,GACnB,IAAAb,yCAAiB,EAAC,+BAA+B,EAAEnC,KAAK,CAAC,IAAI,EAAE;EACjE,MAAMiD,iBAAiB,GACrB,IAAAd,yCAAiB,EAAC,iCAAiC,EAAEnC,KAAK,CAAC,IAAI,EAAE;EACnE,MAAMkD,iBAAiB,GACrB,IAAAf,yCAAiB,EAAC,iCAAiC,EAAEnC,KAAK,CAAC,IAAI,QAAQ;EACzE,MAAMmD,oBAAoB,GACxB,IAAAhB,yCAAiB,EAAC,iCAAiC,EAAEnC,KAAK,CAAC,IAAI,GAAG;EACpE,MAAMoD,iBAAiB,GACrB,OAAOD,oBAAoB,KAAK,QAAQ,GACpCA,oBAAoB,CAACL,QAAQ,CAAC,CAAC,GAC/BK,oBAAoB;EAE1B,MAAME,kBAAkB,GAAG;IACzBjB,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC;EACF,CAAC;EAED,MAAMe,iBAA4B,GAChCpC,MAAM,KAAK,YAAY,GACnB;IACEqC,aAAa,EAAE,KAAc;IAC7BC,UAAU,EAAE,QAAiB;IAC7BtB;EACF,CAAC,GACD;IACEqB,aAAa,EAAE,QAAiB;IAChCC,UAAU,EAAE,QAAiB;IAC7BtB;EACF,CAAC;EAEP,MAAMuB,qBAAgC,GAAG;IACvCF,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBE,IAAI,EAAE,CAAC;IACPxB;EACF,CAAC;EAED,MAAMyB,wBAAmC,GAAG;IAC1CH,UAAU,EAAE,QAAQ;IACpBtB;EACF,CAAC;EAED,MAAM0B,cAAyB,GAAG;IAChCC,KAAK,EAAErB,UAAU;IACjBsB,QAAQ,EAAErB,aAAa;IACvBsB,UAAU,EAAErB,eAAe;IAC3BsB,UAAU,EAAErB,eAAe;IAC3BsB,UAAU,EAAEpB;EACd,CAAC;EAED,MAAMqB,gBAA2B,GAAG;IAClCL,KAAK,EAAEd,YAAY;IACnBe,QAAQ,EAAEd,eAAe;IACzBe,UAAU,EAAEd,iBAAiB;IAC7Be,UAAU,EAAEd,iBAAiB;IAC7Be,UAAU,EAAEb;EACd,CAAC;EAED,MAAMe,oBAAoB,GAAG,IAAAC,cAAO,EAClC,OAAO;IAAEC,UAAU,EAAEnC,GAAG,GAAG;EAAE,CAAC,CAAC,EAC/B,CAACA,GAAG,CACN,CAAC;;EAGD;EACA,MAAMoC,yBAAyB,GAAGzC,kBAAkB,KACjDX,MAAM,KAAK,YAAY,GACpB,GAAGC,KAAK,GAAGE,eAAe,IAAID,WAAW,GAAG,KAAKA,WAAW,EAAE,GAAG,EAAE,EAAE,GACrEA,WAAW,CAAC;;EAElB;EACA,MAAMmD,kBAAkB,GAAG,IAAAC,wCAAsB,EAAC;IAChDC,SAAS,EAAExC,IAAI;IACfP,OAAO;IACPgD,QAAQ,EAAE,KAAK;IACf7C,kBAAkB,EAAEyC,yBAAyB;IAC7CtC;EACF,CAAC,CAAC;EAEF,MAAM2C,gBAAgB,GAAG,IAAAH,wCAAsB,EAAC;IAC9CC,SAAS,EAAExC,IAAI;IACfP,OAAO;IACPgD,QAAQ,EAAE,KAAK;IACf7C,kBAAkB,EAAEyC,yBAAyB;IAC7CtC;EACF,CAAC,CAAC;;EAEF;EACA,MAAM4C,gBAAgB,GAAGtD,OAAO,GAC5BxB,sBAAsB,CAACK,cAAK,CAACC,QAAQ,CAACW,OAAO,CAACO,OAAO,CAAC,EAAEtB,KAAK,CAAC,GAC9D,EAAE;EACN;EACA,MAAM6E,cAAc,GAClBD,gBAAgB,CAACE,MAAM,GAAG,CAAC,GACvBF,gBAAgB,CAACE,MAAM,KAAK,CAAC,GAC3BF,gBAAgB,CAAC,CAAC,CAAC,GACnBA,gBAAgB,gBAClB,IAAAlG,WAAA,CAAAqG,GAAA,EAACzG,YAAA,CAAAO,OAAW;IAACmB,KAAK,EAAEA,KAAM;IAAC6B,kBAAkB,EAAEyC;EAA0B,CAAE,CAAC;EAElF,MAAMU,oBAAoB,GAAGA,CAAA,KAAM;IACjC,IAAIzD,WAAW,EAAE;MACf;MACA,MAAM0D,oBAAoB,GAAGnF,sBAAsB,CACjDK,cAAK,CAACC,QAAQ,CAACW,OAAO,CAACQ,WAAW,CAAC,EACnCvB,KACF,CAAC;MACD;MACA,OAAOiF,oBAAoB,CAACH,MAAM,KAAK,CAAC,GACpCG,oBAAoB,CAAC,CAAC,CAAC,GACvBA,oBAAoB;IAC1B;;IAEA;IACA;IACA;IACA,oBACE,IAAAvG,WAAA,CAAAqG,GAAA,EAAC3G,YAAA,CAAA8G,IAAI;MACHvD,KAAK,EAAEuC,gBAAiB;MACxBiB,aAAa,EAAEjE,MAAM,KAAK,YAAY,GAAG,CAAC,GAAG,CAAE;MAAAnB,QAAA,EAE9CqB;IAAW,CACR,CAAC;EAEX,CAAC;EAED,IAAIF,MAAM,KAAK,YAAY,EAAE;IAC3B;IACA;IACA,MAAMkE,gBAAgB,GAAG5D,OAAO,GAC5B1B,sBAAsB,CAACK,cAAK,CAACC,QAAQ,CAACW,OAAO,CAACS,OAAO,CAAC,EAAExB,KAAK,EAAE;MAAE,SAAS,EAAE;IAAW,CAAC,CAAC,GACzF,EAAE;IACN;IACA,MAAMqF,eAAe,GACnBD,gBAAgB,CAACN,MAAM,GAAG,CAAC,GACvBM,gBAAgB,CAACN,MAAM,KAAK,CAAC,GAC3BM,gBAAgB,CAAC,CAAC,CAAC,GACnBA,gBAAgB,GAClB,IAAI;IAEV,MAAME,YAAY,gBAChB,IAAA5G,WAAA,CAAA6G,IAAA,EAACnH,YAAA,CAAAoH,IAAI;MACH7D,KAAK,EAAE,CAAC8B,qBAAqB,EAAE7B,YAAY,CAAE;MAAA7B,QAAA,GAE5C8E,cAAc,eACf,IAAAnG,WAAA,CAAA6G,IAAA,EAACnH,YAAA,CAAAoH,IAAI;QACH7D,KAAK,EAAE;UACL+B,IAAI,EAAE,CAAC;UACP+B,QAAQ,EAAE;QACZ,CAAE;QAAA1F,QAAA,gBAEF,IAAArB,WAAA,CAAAqG,GAAA,EAAC3G,YAAA,CAAA8G,IAAI;UACHvD,KAAK,EAAEiC,cAAe;UACtBuB,aAAa,EAAE,CAAE;UAAApF,QAAA,EAEhBoB;QAAK,CACF,CAAC,EACNE,eAAe,IAAI2D,oBAAoB,CAAC,CAAC;MAAA,CACtC,CAAC,EACNK,eAAe,gBACd,IAAA3G,WAAA,CAAAqG,GAAA,EAAC3G,YAAA,CAAAoH,IAAI;QAAC7D,KAAK,EAAEwC,oBAAqB;QAAApE,QAAA,EAAEsF;MAAe,CAAO,CAAC,GACzD,IAAI,EACP5D,QAAQ,iBAAI,IAAA/C,WAAA,CAAAqG,GAAA,EAACvG,SAAA,CAAAK,OAAQ;QAAC6G,SAAS,EAAC,SAAS;QAAC1F,KAAK,EAAEA;MAAM,CAAE,CAAC;IAAA,CACvD,CACP;IAED,IAAI0B,OAAO,EAAE;MACX,oBACE,IAAAhD,WAAA,CAAAqG,GAAA,EAAC3G,YAAA,CAAAuH,SAAS;QACRC,iBAAiB,EAAC,QAAQ;QAC1B/D,kBAAkB,EAAEyC,yBAA0B;QAC9CxC,iBAAiB,EAAEA,iBAAkB;QACrCC,kBAAkB,EAAE;UAClB,GAAGA;QACL,CAAE;QACFL,OAAO,EAAEA,OAAQ;QACjBC,KAAK,EAAEA,CAAC;UAAEkE;QAAQ,CAAC,KAAK,CACtBxC,kBAAkB,EAClBC,iBAAiB,EACjBuC,OAAO,GAAG;UAAEC,OAAO,EAAE;QAAK,CAAC,GAAG,IAAI,EAClCnE,KAAK,CACL;QAAA,GACE4C,kBAAkB;QAAAxE,QAAA,EAErBuF;MAAY,CACJ,CAAC;IAEhB;IAEA,oBACE,IAAA5G,WAAA,CAAAqG,GAAA,EAAC3G,YAAA,CAAAoH,IAAI;MACHI,iBAAiB,EAAEjF,SAAU;MAC7BkB,kBAAkB,EAAEyC,yBAA0B;MAC9CxC,iBAAiB,EAAEA,iBAAkB;MACrCH,KAAK,EAAE,CAAC0B,kBAAkB,EAAEC,iBAAiB,EAAE3B,KAAK,CAAE;MAAA,GAClDM,IAAI;MAAAlC,QAAA,EAEPuF;IAAY,CACT,CAAC;EAEX;;EAEA;EACA,MAAMS,eAAe,gBACnB,IAAArH,WAAA,CAAA6G,IAAA,EAACnH,YAAA,CAAAoH,IAAI;IAAC7D,KAAK,EAAE,CAACgC,wBAAwB,EAAE/B,YAAY,CAAE;IAAA7B,QAAA,GACnD8E,cAAc,EACdG,oBAAoB,CAAC,CAAC;EAAA,CACnB,CACP;EAED,IAAItD,OAAO,EAAE;IACX,oBACE,IAAAhD,WAAA,CAAAqG,GAAA,EAAC3G,YAAA,CAAAuH,SAAS;MACRC,iBAAiB,EAAC,QAAQ;MAC1B/D,kBAAkB,EAAEyC,yBAA0B;MAC9CxC,iBAAiB,EAAEA,iBAAkB;MACrCC,kBAAkB,EAAE;QAClB,GAAGA;MACL,CAAE;MACFL,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAEA,CAAC;QAAEkE;MAAQ,CAAC,KAAK,CACtBxC,kBAAkB,EAClBC,iBAAiB,EACjBuC,OAAO,GAAG;QAAEC,OAAO,EAAE;MAAK,CAAC,GAAG,IAAI,EAClCnE,KAAK,CACL;MAAA,GACEgD,gBAAgB;MAAA5E,QAAA,EAEnBgG;IAAe,CACP,CAAC;EAEhB;EAEA,oBACE,IAAArH,WAAA,CAAAqG,GAAA,EAAC3G,YAAA,CAAAoH,IAAI;IACHI,iBAAiB,EAAEjF,SAAU;IAC7BkB,kBAAkB,EAAEyC,yBAA0B;IAC9CxC,iBAAiB,EAAEA,iBAAkB;IACrCH,KAAK,EAAE,CAAC0B,kBAAkB,EAAEC,iBAAiB,EAAE3B,KAAK,CAAE;IAAA,GAClDM,IAAI;IAAAlC,QAAA,EAEPgG;EAAe,CACZ,CAAC;AAEX;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApH,OAAA,GAEcoC,QAAQ","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_IconCapsule","_interopRequireDefault","_NavArrow","_webPlatformUtils","_reactUtils","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItem","layout","title","supportText","showSupportText","leading","supportSlot","endSlot","navArrow","modes","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","cloneChildrenWithModes","React","Children","toArray","leadingElement","length","jsx","renderSupportContent","processedSupportSlot","Text","numberOfLines","children","processedEndSlot","trailingContent","innerContent","jsxs","View","minWidth","direction","Pressable","accessibilityRole","pressed","opacity","undefined","verticalContent","_default","exports"],"sourceRoot":"../../../../src","sources":["components/ListItem/ListItem.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as ListItemStories from './ListItem.stories';
 import ListItem from './ListItem';
 import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -26,6 +26,10 @@ This component uses the following design token collections. Each collection supp
 ### Color Mode
 - **Modes:** Light | Dark
 - **Default:** Light
+
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
 ## Usage
 
 ### Horizontal Layout with NavArrow

package/lib/commonjs/components/MediaCard/MediaCard.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as MediaCardStories from './MediaCard.stories';
 import MediaCard from './MediaCard';
 import { AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -13,6 +13,10 @@ This component uses the following design token collections. Each collection supp
 ### Contrast Context
 - **Modes:** on dark | on light
 - **Default:** on dark
+
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
 ## Usage
 
 <Canvas>

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

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as MerchantProfileStories from './MerchantProfile.stories';
 import MerchantProfile from './MerchantProfile';
 import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';

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

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as MoneyValueStories from './MoneyValue.stories';
 import MoneyValue from './MoneyValue';
 import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -17,8 +17,12 @@ This component uses the following design token collections. Each collection supp
 - **Modes:** Light | Dark
 - **Default:** Light
 
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
+
 ### Context3
-- **Modes:** Default | Transaction Bubble
+- **Modes:** Default | Transaction Bubble | Balance
 - **Default:** Default
 ## Usage
 

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

@@ -26,7 +26,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  * @component
  * @param {Object} props
- * @param {'Back'|'Forward'} [props.direction='Back'] - Arrow direction
+ * @param {'Back'|'Forward'|'Down'} [props.direction='Back'] - Arrow direction
  * @param {Object} [props.modes={}] - Modes for design token resolution
  * @param {Object} [props.style] - Additional container styles
  */
@@ -42,38 +42,63 @@ function NavArrow({
   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;
+
+  // Base dimensions from tokens (these are for Vertical orientation like Back/Forward)
+  const baseContainerWidth = Number((0, _figmaVariablesResolver.getVariableByName)('navArrow/width', modes)) || 6;
+  const baseContainerHeight = 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';
+
+  // For Down direction, we swap width and height considerations
+  const isDown = direction === 'Down';
   const containerStyle = {
-    width: containerWidth,
-    height: containerHeight,
+    // If Down, we use the height token for width and width token for height
+    width: isDown ? baseContainerHeight : baseContainerWidth,
+    height: isDown ? baseContainerWidth : baseContainerHeight,
     borderRadius,
     backgroundColor,
     alignItems: 'center',
     justifyContent: 'center',
     ...(style || {})
   };
-  const defaultAccessibilityLabel = accessibilityLabel || (direction === 'Back' ? 'Go back' : 'Go forward');
+  const defaultAccessibilityLabel = accessibilityLabel || (direction === 'Back' ? 'Go back' : direction === 'Forward' ? 'Go forward' : 'Go down');
+
+  // Determine SVG dimensions based on orientation
+  // For Down, we swap width/height so the layout box is correct (8x4 instead of 4x8)
+  const svgWidth = isDown ? iconHeight : iconWidth;
+  const svgHeight = isDown ? iconWidth : iconHeight;
+
+  // SVG path generation
+  let chevronPath;
+  let transform;
+  if (isDown) {
+    // Arrow pointing down: M1 1 L[mid] [bottom] L[right] 1
+    // Width is iconHeight (8), Height is iconWidth (4)
+    // Tip at (4, 3), Left (1, 1), Right (7, 1)
+    chevronPath = `M1 1L${svgWidth / 2} ${svgHeight - 1}L${svgWidth - 1} 1`;
+  } else {
+    // Arrow pointing right (Forward)
+    // Width is iconWidth (4), Height is iconHeight (8)
+    chevronPath = `M1 1L${iconWidth - 1} ${iconHeight / 2}L1 ${iconHeight - 1}`;
 
-  // 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}`;
+    // For Back, we just flip the Forward arrow
+    if (direction === 'Back') {
+      transform = [{
+        scaleX: -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
-        }]
+      width: svgWidth,
+      height: svgHeight,
+      viewBox: `0 0 ${svgWidth} ${svgHeight}`,
+      style: transform ? {
+        transform
       } : undefined,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
         d: chevronPath,

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

@@ -1 +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":[]}
+{"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","baseContainerWidth","baseContainerHeight","borderRadius","backgroundColor","isDown","containerStyle","width","height","alignItems","justifyContent","defaultAccessibilityLabel","svgWidth","svgHeight","chevronPath","transform","scaleX","jsx","View","accessibilityRole","children","viewBox","undefined","Path","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","fill","_default","exports"],"sourceRoot":"../../../../src","sources":["components/NavArrow/NavArrow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/NavArrow/NavArrow.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as NavArrowStories from './NavArrow.stories';
 import NavArrow from './NavArrow';
 
@@ -16,6 +16,10 @@ This component uses the following design token collections. Each collection supp
 - **Modes:** Light | Dark
 - **Default:** Light
 
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
+
 ### Context2
 - **Modes:** Default | AppBar
 - **Default:** Default

package/lib/commonjs/components/PageTitle/PageTitle.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _JFSThemeProvider = require("../../design-tokens/JFSThemeProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -26,7 +27,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  */
 function PageTitle({
   title = 'Page Title',
-  modes = {},
+  modes: propModes = {},
   style,
   textStyle,
   numberOfLines,
@@ -34,6 +35,14 @@ function PageTitle({
   accessibilityHint,
   ...rest
 }) {
+  const {
+    modes: globalModes
+  } = (0, _JFSThemeProvider.useTokens)();
+  const modes = {
+    ...globalModes,
+    ...propModes
+  };
+
   // Resolve container padding tokens
   const paddingHorizontal = (0, _figmaVariablesResolver.getVariableByName)('pageTitle/padding/horizontal', modes) || 16;
   const paddingVertical = (0, _figmaVariablesResolver.getVariableByName)('pageTitle/padding/vertical', modes) || 8;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","__esModule","default","PageTitle","title","modes","style","textStyle","numberOfLines","accessibilityLabel","accessibilityHint","rest","paddingHorizontal","getVariableByName","paddingVertical","labelColor","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","containerStyle","flexDirection","alignItems","width","textStyleObj","color","flexShrink","defaultAccessibilityLabel","jsx","View","accessibilityRole","children","Text","undefined","accessibilityElementsHidden","importantForAccessibility","_default","exports"],"sourceRoot":"../../../../src","sources":["components/PageTitle/PageTitle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAAgF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYhF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,SAASA,CAAC;EACjBC,KAAK,GAAG,YAAY;EACpBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACW,CAAC,EAAE;EACjB;EACA,MAAMC,iBAAiB,GACrB,IAAAC,yCAAiB,EAAC,8BAA8B,EAAER,KAAK,CAAC,IAAI,EAAE;EAChE,MAAMS,eAAe,GACnB,IAAAD,yCAAiB,EAAC,4BAA4B,EAAER,KAAK,CAAC,IAAI,CAAC;;EAE7D;EACA,MAAMU,UAAU,GACd,IAAAF,yCAAiB,EAAC,uBAAuB,EAAER,KAAK,CAAC,IAAI,SAAS;EAChE,MAAMW,QAAQ,GAAG,IAAAH,yCAAiB,EAAC,oBAAoB,EAAER,KAAK,CAAC,IAAI,EAAE;EACrE,MAAMY,UAAU,GACd,IAAAJ,yCAAiB,EAAC,sBAAsB,EAAER,KAAK,CAAC,IAAI,EAAE;EACxD,MAAMa,UAAU,GACd,IAAAL,yCAAiB,EAAC,sBAAsB,EAAER,KAAK,CAAC,IAAI,QAAQ;EAC9D,MAAMc,aAAa,GACjB,IAAAN,yCAAiB,EAAC,sBAAsB,EAAER,KAAK,CAAC,IAAI,GAAG;EACzD,MAAMe,UAAU,GACd,OAAOD,aAAa,KAAK,QAAQ,GAC7BA,aAAa,CAACE,QAAQ,CAAC,CAAC,GACxBF,aAAa;EAEnB,MAAMG,cAAyB,GAAG;IAChCC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBZ,iBAAiB;IACjBE,eAAe;IACfW,KAAK,EAAE;EACT,CAAC;EAED,MAAMC,YAAuB,GAAG;IAC9BC,KAAK,EAAEZ,UAAU;IACjBC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVE,UAAU;IACVQ,UAAU,EAAE;EACd,CAAC;;EAED;EACA,MAAMC,yBAAyB,GAAGpB,kBAAkB,IAAIL,KAAK;EAE7D,oBACE,IAAAL,WAAA,CAAA+B,GAAA,EAACjC,YAAA,CAAAkC,IAAI;IACHzB,KAAK,EAAE,CAACgB,cAAc,EAAEhB,KAAK,CAAE;IAC/B0B,iBAAiB,EAAC,QAAQ;IAC1BvB,kBAAkB,EAAEoB,yBAA0B;IAC9CnB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAsB,QAAA,eAER,IAAAlC,WAAA,CAAA+B,GAAA,EAACjC,YAAA,CAAAqC,IAAI;MACH5B,KAAK,EAAE,CAACoB,YAAY,EAAEnB,SAAS,CAAE;MACjCC,aAAa,EAAEA,aAAa,KAAK2B,SAAS,GAAG3B,aAAa,GAAG,CAAE;MAC/D4B,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAJ,QAAA,EAE7B7B;IAAK,CACF;EAAC,CACH,CAAC;AAEX;AAAC,IAAAkC,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEcC,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_jsxRuntime","e","__esModule","default","PageTitle","title","modes","propModes","style","textStyle","numberOfLines","accessibilityLabel","accessibilityHint","rest","globalModes","useTokens","paddingHorizontal","getVariableByName","paddingVertical","labelColor","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","containerStyle","flexDirection","alignItems","width","textStyleObj","color","flexShrink","defaultAccessibilityLabel","jsx","View","accessibilityRole","children","Text","undefined","accessibilityElementsHidden","importantForAccessibility","_default","exports"],"sourceRoot":"../../../../src","sources":["components/PageTitle/PageTitle.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/PageTitle/PageTitle.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as PageTitleStories from './PageTitle.stories';
 import PageTitle from './PageTitle';
 import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -16,6 +16,10 @@ This component uses the following design token collections. Each collection supp
 ### Color Mode
 - **Modes:** Light | Dark
 - **Default:** Light
+
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
 ## Usage
 
 <Canvas>

package/lib/commonjs/components/Screen/Screen.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Screen = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _JFSThemeProvider = require("../../design-tokens/JFSThemeProvider");
+var _reactUtils = require("../../utils/react-utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 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.
+ */
+
+/**
+ * Screen component that acts as the outer most container providing the background color.
+ * Matches Figma node 201:49.
+ */
+const Screen = ({
+  children,
+  modes: propModes = {},
+  style
+}) => {
+  const {
+    modes: globalModes
+  } = (0, _JFSThemeProvider.useTokens)();
+  const modes = {
+    ...globalModes,
+    ...propModes
+  };
+  const backgroundColor = (0, _figmaVariablesResolver.getVariableByName)('screen/body/background', modes);
+  const containerStyle = {
+    flex: 1,
+    backgroundColor,
+    width: '100%',
+    height: '100%'
+  };
+
+  // Pass modes down to children
+  const processedChildren = children ? (0, _reactUtils.cloneChildrenWithModes)(_react.default.Children.toArray(children), modes) : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [containerStyle, style],
+    "data-node-id": "201:49",
+    children: processedChildren
+  });
+};
+exports.Screen = Screen;
+var _default = exports.default = Screen;
+//# sourceMappingURL=Screen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_reactUtils","_jsxRuntime","e","__esModule","default","Screen","children","modes","propModes","style","globalModes","useTokens","backgroundColor","getVariableByName","containerStyle","flex","width","height","processedChildren","cloneChildrenWithModes","React","Children","toArray","jsx","View","exports","_default"],"sourceRoot":"../../../../src","sources":["components/Screen/Screen.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAMA,IAAAI,WAAA,GAAAJ,OAAA;AAAgE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJhE;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACO,MAAMG,MAAM,GAAGA,CAAC;EACnBC,QAAQ;EACRC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC;AACS,CAAC,KAAK;EACf,MAAM;IAAEF,KAAK,EAAEG;EAAY,CAAC,GAAG,IAAAC,2BAAS,EAAC,CAAC;EAC1C,MAAMJ,KAAK,GAAG;IAAE,GAAGG,WAAW;IAAE,GAAGF;EAAU,CAAC;EAE9C,MAAMI,eAAe,GAAG,IAAAC,yCAAiB,EAAC,wBAAwB,EAAEN,KAAK,CAAC;EAE1E,MAAMO,cAAyB,GAAG;IAC9BC,IAAI,EAAE,CAAC;IACPH,eAAe;IACfI,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACZ,CAAC;;EAED;EACA,MAAMC,iBAAiB,GAAGZ,QAAQ,GAC5B,IAAAa,kCAAsB,EAACC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAAChB,QAAQ,CAAC,EAAEC,KAAK,CAAC,GAC/D,IAAI;EAEV,oBACI,IAAAN,WAAA,CAAAsB,GAAA,EAAC1B,YAAA,CAAA2B,IAAI;IAACf,KAAK,EAAE,CAACK,cAAc,EAAEL,KAAK,CAAE;IAAC,gBAAa,QAAQ;IAAAH,QAAA,EACtDY;EAAiB,CAChB,CAAC;AAEf,CAAC;AAAAO,OAAA,CAAApB,MAAA,GAAAA,MAAA;AAAA,IAAAqB,QAAA,GAAAD,OAAA,CAAArB,OAAA,GAEcC,MAAM","ignoreList":[]}

package/lib/commonjs/components/Screen/Screen.mdx

@@ -0,0 +1,58 @@
+import { Canvas, Meta, Story, Controls } from '@storybook/blocks';
+import * as ScreenStories from './Screen.stories';
+import Screen from './Screen';
+
+<Meta of={ScreenStories} />
+
+# Screen
+
+The `Screen` component acts as the outer most container for a page, providing the correct background color based on the current mode.
+
+
+## Available Collections and Modes
+
+This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
+
+### Page type
+- **Modes:** MainPage | SubPage
+- **Default:** MainPage
+
+### Color Mode
+- **Modes:** Light | Dark
+- **Default:** Light
+
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
+## Usage
+
+```tsx
+import Screen from 'jfs-components/src/components/Screen/Screen';
+
+function MyPage(props) {
+  return (
+    <Screen modes={props.modes}>
+      {/* Content goes here */}
+    </Screen>
+  );
+}
+```
+
+## Props
+
+<Controls />
+
+## Examples
+
+### Default
+
+<Canvas of={ScreenStories.Default} />
+
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`screen/body/background`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/commonjs/components/Section/Section.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
 var _Icon = _interopRequireDefault(require("../../icons/Icon"));
 var _webPlatformUtils = require("../../utils/web-platform-utils");
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
@@ -250,32 +251,9 @@ function SectionBento({
     gap
   };
 
-  // Helper function to clone children with modes (same as in Section component)
-  const cloneChildrenWithModes = (children, modes) => {
-    const result = _react.default.Children.map(children, child => {
-      if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-        return child;
-      }
-      const childChildren = child.props?.children;
-      const hasChildren = childChildren !== undefined && childChildren !== null;
-      const existingModes = child.props?.modes;
-      // Merge order: parent modes first, then child's explicit modes override them
-      const mergedModes = existingModes ? {
-        ...modes,
-        ...existingModes
-      } : modes;
-      const processedChildren = hasChildren ? cloneChildrenWithModes(_react.default.Children.toArray(childChildren), modes) : undefined;
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        ...child.props,
-        modes: mergedModes
-      }, processedChildren);
-    });
-    return result || [];
-  };
-
   // Process slots to pass modes to children
-  const processedNavSlot = navSlot ? cloneChildrenWithModes(_react.default.Children.toArray(navSlot), modes) : null;
-  const processedUpiSlot = upiSlot ? cloneChildrenWithModes(_react.default.Children.toArray(upiSlot), modes) : null;
+  const processedNavSlot = navSlot ? (0, _reactUtils.cloneChildrenWithModes)(_react.default.Children.toArray(navSlot), modes) : null;
+  const processedUpiSlot = upiSlot ? (0, _reactUtils.cloneChildrenWithModes)(_react.default.Children.toArray(upiSlot), modes) : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [containerStyle, style],
     accessibilityRole: 'region',