jfs-components 0.0.5 → 0.0.7

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","getVariableByName","jsx","_jsx","PageTitle","title","modes","style","textStyle","numberOfLines","accessibilityLabel","accessibilityHint","rest","paddingHorizontal","paddingVertical","labelColor","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","containerStyle","flexDirection","alignItems","width","textStyleObj","color","flexShrink","defaultAccessibilityLabel","accessibilityRole","children","undefined","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/PageTitle/PageTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAYhF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,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,GACrBZ,iBAAiB,CAAC,8BAA8B,EAAEK,KAAK,CAAC,IAAI,EAAE;EAChE,MAAMQ,eAAe,GACnBb,iBAAiB,CAAC,4BAA4B,EAAEK,KAAK,CAAC,IAAI,CAAC;;EAE7D;EACA,MAAMS,UAAU,GACdd,iBAAiB,CAAC,uBAAuB,EAAEK,KAAK,CAAC,IAAI,SAAS;EAChE,MAAMU,QAAQ,GAAGf,iBAAiB,CAAC,oBAAoB,EAAEK,KAAK,CAAC,IAAI,EAAE;EACrE,MAAMW,UAAU,GACdhB,iBAAiB,CAAC,sBAAsB,EAAEK,KAAK,CAAC,IAAI,EAAE;EACxD,MAAMY,UAAU,GACdjB,iBAAiB,CAAC,sBAAsB,EAAEK,KAAK,CAAC,IAAI,QAAQ;EAC9D,MAAMa,aAAa,GACjBlB,iBAAiB,CAAC,sBAAsB,EAAEK,KAAK,CAAC,IAAI,GAAG;EACzD,MAAMc,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;IACpBX,iBAAiB;IACjBC,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,GAAGnB,kBAAkB,IAAIL,KAAK;EAE7D,oBACEF,IAAA,CAACJ,IAAI;IACHQ,KAAK,EAAE,CAACe,cAAc,EAAEf,KAAK,CAAE;IAC/BuB,iBAAiB,EAAC,QAAQ;IAC1BpB,kBAAkB,EAAEmB,yBAA0B;IAC9ClB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAmB,QAAA,eAER5B,IAAA,CAACH,IAAI;MACHO,KAAK,EAAE,CAACmB,YAAY,EAAElB,SAAS,CAAE;MACjCC,aAAa,EAAEA,aAAa,KAAKuB,SAAS,GAAGvB,aAAa,GAAG,CAAE;MAC/DwB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAH,QAAA,EAE7B1B;IAAK,CACF;EAAC,CACH,CAAC;AAEX;AAEA,eAAeD,SAAS","ignoreList":[]}
+{"version":3,"names":["React","View","Text","getVariableByName","useTokens","jsx","_jsx","PageTitle","title","modes","propModes","style","textStyle","numberOfLines","accessibilityLabel","accessibilityHint","rest","globalModes","paddingHorizontal","paddingVertical","labelColor","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","containerStyle","flexDirection","alignItems","width","textStyleObj","color","flexShrink","defaultAccessibilityLabel","accessibilityRole","children","undefined","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/PageTitle/PageTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAYhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,SAASA,CAAC;EACjBC,KAAK,GAAG,YAAY;EACpBC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACW,CAAC,EAAE;EACjB,MAAM;IAAEP,KAAK,EAAEQ;EAAY,CAAC,GAAGb,SAAS,CAAC,CAAC;EAC1C,MAAMK,KAAK,GAAG;IAAE,GAAGQ,WAAW;IAAE,GAAGP;EAAU,CAAC;;EAE9C;EACA,MAAMQ,iBAAiB,GACrBf,iBAAiB,CAAC,8BAA8B,EAAEM,KAAK,CAAC,IAAI,EAAE;EAChE,MAAMU,eAAe,GACnBhB,iBAAiB,CAAC,4BAA4B,EAAEM,KAAK,CAAC,IAAI,CAAC;;EAE7D;EACA,MAAMW,UAAU,GACdjB,iBAAiB,CAAC,uBAAuB,EAAEM,KAAK,CAAC,IAAI,SAAS;EAChE,MAAMY,QAAQ,GAAGlB,iBAAiB,CAAC,oBAAoB,EAAEM,KAAK,CAAC,IAAI,EAAE;EACrE,MAAMa,UAAU,GACdnB,iBAAiB,CAAC,sBAAsB,EAAEM,KAAK,CAAC,IAAI,EAAE;EACxD,MAAMc,UAAU,GACdpB,iBAAiB,CAAC,sBAAsB,EAAEM,KAAK,CAAC,IAAI,QAAQ;EAC9D,MAAMe,aAAa,GACjBrB,iBAAiB,CAAC,sBAAsB,EAAEM,KAAK,CAAC,IAAI,GAAG;EACzD,MAAMgB,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;IACpBX,iBAAiB;IACjBC,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,IAAIN,KAAK;EAE7D,oBACEF,IAAA,CAACL,IAAI;IACHU,KAAK,EAAE,CAACgB,cAAc,EAAEhB,KAAK,CAAE;IAC/BwB,iBAAiB,EAAC,QAAQ;IAC1BrB,kBAAkB,EAAEoB,yBAA0B;IAC9CnB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAoB,QAAA,eAER9B,IAAA,CAACJ,IAAI;MACHS,KAAK,EAAE,CAACoB,YAAY,EAAEnB,SAAS,CAAE;MACjCC,aAAa,EAAEA,aAAa,KAAKwB,SAAS,GAAGxB,aAAa,GAAG,CAAE;MAC/DyB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAH,QAAA,EAE7B5B;IAAK,CACF;EAAC,CACH,CAAC;AAEX;AAEA,eAAeD,SAAS","ignoreList":[]}

package/lib/module/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/module/components/Screen/Screen.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+import { useTokens } from '../../design-tokens/JFSThemeProvider';
+
+/**
+ * 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.
+ */
+import { cloneChildrenWithModes } from '../../utils/react-utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Screen component that acts as the outer most container providing the background color.
+ * Matches Figma node 201:49.
+ */
+export const Screen = ({
+  children,
+  modes: propModes = {},
+  style
+}) => {
+  const {
+    modes: globalModes
+  } = useTokens();
+  const modes = {
+    ...globalModes,
+    ...propModes
+  };
+  const backgroundColor = getVariableByName('screen/body/background', modes);
+  const containerStyle = {
+    flex: 1,
+    backgroundColor,
+    width: '100%',
+    height: '100%'
+  };
+
+  // Pass modes down to children
+  const processedChildren = children ? cloneChildrenWithModes(React.Children.toArray(children), modes) : null;
+  return /*#__PURE__*/_jsx(View, {
+    style: [containerStyle, style],
+    "data-node-id": "201:49",
+    children: processedChildren
+  });
+};
+export default Screen;
+//# sourceMappingURL=Screen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","getVariableByName","useTokens","cloneChildrenWithModes","jsx","_jsx","Screen","children","modes","propModes","style","globalModes","backgroundColor","containerStyle","flex","width","height","processedChildren","Children","toArray"],"sourceRoot":"../../../../src","sources":["components/Screen/Screen.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,IAAI,QAA8B,cAAc;AACzD,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;;AAEhE;AACA;AACA;AACA;AACA,SAASC,sBAAsB,QAAQ,yBAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAiBhE;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAC;EACnBC,QAAQ;EACRC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC;AACS,CAAC,KAAK;EACf,MAAM;IAAEF,KAAK,EAAEG;EAAY,CAAC,GAAGT,SAAS,CAAC,CAAC;EAC1C,MAAMM,KAAK,GAAG;IAAE,GAAGG,WAAW;IAAE,GAAGF;EAAU,CAAC;EAE9C,MAAMG,eAAe,GAAGX,iBAAiB,CAAC,wBAAwB,EAAEO,KAAK,CAAC;EAE1E,MAAMK,cAAyB,GAAG;IAC9BC,IAAI,EAAE,CAAC;IACPF,eAAe;IACfG,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACZ,CAAC;;EAED;EACA,MAAMC,iBAAiB,GAAGV,QAAQ,GAC5BJ,sBAAsB,CAACJ,KAAK,CAACmB,QAAQ,CAACC,OAAO,CAACZ,QAAQ,CAAC,EAAEC,KAAK,CAAC,GAC/D,IAAI;EAEV,oBACIH,IAAA,CAACL,IAAI;IAACU,KAAK,EAAE,CAACG,cAAc,EAAEH,KAAK,CAAE;IAAC,gBAAa,QAAQ;IAAAH,QAAA,EACtDU;EAAiB,CAChB,CAAC;AAEf,CAAC;AAED,eAAeX,MAAM","ignoreList":[]}

package/lib/module/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/module/components/Section/Section.js

@@ -5,6 +5,7 @@ import { View, Text, Pressable } from 'react-native';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
 import Icon from '../../icons/Icon';
 import { usePressableWebSupport } from '../../utils/web-platform-utils';
+import { cloneChildrenWithModes } from '../../utils/react-utils';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Section component that mirrors the Figma "Section" component.
@@ -244,29 +245,6 @@ function SectionBento({
     gap
   };
 
-  // Helper function to clone children with modes (same as in Section component)
-  const cloneChildrenWithModes = (children, modes) => {
-    const result = React.Children.map(children, child => {
-      if (! /*#__PURE__*/React.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.Children.toArray(childChildren), modes) : undefined;
-      return /*#__PURE__*/React.cloneElement(child, {
-        ...child.props,
-        modes: mergedModes
-      }, processedChildren);
-    });
-    return result || [];
-  };
-
   // Process slots to pass modes to children
   const processedNavSlot = navSlot ? cloneChildrenWithModes(React.Children.toArray(navSlot), modes) : null;
   const processedUpiSlot = upiSlot ? cloneChildrenWithModes(React.Children.toArray(upiSlot), modes) : null;

package/lib/module/components/Section/Section.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","View","Text","Pressable","getVariableByName","Icon","usePressableWebSupport","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Section","title","supportText","showSupportText","slot","modes","onPress","style","accessibilityLabel","accessibilityHint","webAccessibilityProps","rest","isHeaderFocused","setIsHeaderFocused","isHeaderHovered","setIsHeaderHovered","isHeaderPressed","setIsHeaderPressed","headerFocusStyle","borderColor","borderWidth","headerHoverStyle","opacity","headerPressedStyle","backgroundColor","gap","paddingHorizontal","paddingVertical","radius","headerGap","headerPaddingHorizontal","headerPaddingVertical","titleColor","titleFontSize","titleLineHeight","titleFontFamily","titleFontWeightRaw","titleFontWeight","toString","supportTextColor","supportTextFontSize","supportTextLineHeight","supportTextFontFamily","supportTextFontWeightRaw","supportTextFontWeight","containerStyle","borderRadius","headerStyle","headerWrapStyle","flexDirection","alignItems","justifyContent","titleStyle","flex","color","fontSize","lineHeight","fontFamily","fontWeight","supportTextStyle","defaultAccessibilityLabel","webProps","restProps","disabled","headerContent","children","numberOfLines","accessibilityElementsHidden","importantForAccessibility","name","size","accessibilityRole","onPressIn","e","onPressOut","onFocus","onBlur","onHoverIn","onHoverOut","pressed","SectionBento","navSlot","upiSlot","cloneChildrenWithModes","result","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","processedNavSlot","processedUpiSlot","Bento"],"sourceRoot":"../../../../src","sources":["components/Section/Section.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","View","Text","Pressable","getVariableByName","Icon","usePressableWebSupport","cloneChildrenWithModes","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Section","title","supportText","showSupportText","slot","modes","onPress","style","accessibilityLabel","accessibilityHint","webAccessibilityProps","rest","isHeaderFocused","setIsHeaderFocused","isHeaderHovered","setIsHeaderHovered","isHeaderPressed","setIsHeaderPressed","headerFocusStyle","borderColor","borderWidth","headerHoverStyle","opacity","headerPressedStyle","backgroundColor","gap","paddingHorizontal","paddingVertical","radius","headerGap","headerPaddingHorizontal","headerPaddingVertical","titleColor","titleFontSize","titleLineHeight","titleFontFamily","titleFontWeightRaw","titleFontWeight","toString","supportTextColor","supportTextFontSize","supportTextLineHeight","supportTextFontFamily","supportTextFontWeightRaw","supportTextFontWeight","containerStyle","borderRadius","headerStyle","headerWrapStyle","flexDirection","alignItems","justifyContent","titleStyle","flex","color","fontSize","lineHeight","fontFamily","fontWeight","supportTextStyle","defaultAccessibilityLabel","webProps","restProps","disabled","headerContent","children","numberOfLines","accessibilityElementsHidden","importantForAccessibility","name","size","accessibilityRole","onPressIn","e","onPressOut","onFocus","onBlur","onHoverIn","onHoverOut","pressed","SectionBento","navSlot","upiSlot","processedNavSlot","Children","toArray","processedUpiSlot","Bento"],"sourceRoot":"../../../../src","sources":["components/Section/Section.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Section/Section.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 SectionStories from './Section.stories';
 import Section from './Section';
 import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -17,6 +17,10 @@ This component uses the following design token collections. Each collection supp
 - **Modes:** Light | Dark
 - **Default:** Light
 
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
+
 ### Padding
 - **Modes:** Default | None
 - **Default:** Default

package/lib/module/components/Stepper/Step.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 StepStories from './Step.stories';
 import { Step } from './Step';
 
@@ -19,6 +19,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/module/components/Stepper/StepLabel.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 StepLabelStories from './StepLabel.stories';
 import { StepLabel } from './StepLabel';
 
@@ -15,6 +15,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/module/components/Stepper/Stepper.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 StepperStories from './Stepper.stories';
 import Stepper from './Stepper';
 

package/lib/module/components/SupportText/SupportText.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import React from 'react';
+import { View, Text } from 'react-native';
+import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+import { useTokens } from '../../design-tokens/JFSThemeProvider';
+import SupportTextIcon from './SupportTextIcon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SupportText component displaying a status icon and label.
+ */
+function SupportText({
+  label = 'Support Text',
+  status = 'Neutral',
+  iconSlot,
+  textSlot,
+  modes: propModes = {},
+  style
+}) {
+  const {
+    modes: globalModes
+  } = useTokens();
+
+  // Merge modes. We might want to inject the status mode here if we knew the collection name.
+  // For now, we rely on the parent passing the correct mode or the status prop driving logic outside tokens if needed (but tokens are preferred).
+  // Strategy: We pass 'modes' as is. If the user wants "Success" styling (green), they should likely pass modes={{ 'SupportText': 'Success' }} AND status="Success".
+  // However, for convenience, we could eventually map status to modes if we determine the key.
+  const modes = {
+    ...globalModes,
+    ...propModes
+  };
+
+  // --- Token Resolution ---
+  const gap = parseInt(getVariableByName('supportText/gap', modes), 10) || 4;
+  const textColor = getVariableByName('supportText/foreground', modes) || '#0c0d10';
+  const fontFamily = getVariableByName('supportText/fontFamily', modes) || 'JioType Var';
+  const fontSize = parseInt(getVariableByName('supportText/fontSize', modes), 10) || 12;
+  const lineHeight = parseInt(getVariableByName('supportText/lineHeight', modes), 10) || 16;
+  const fontWeight = getVariableByName('supportText/fontWeight', modes) || '500';
+
+  // --- Styles ---
+  const containerStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: gap
+  };
+  const textStyle = {
+    color: textColor,
+    fontFamily,
+    fontSize,
+    lineHeight,
+    fontWeight: fontWeight,
+    flexShrink: 1 // Ensure text wraps if needed
+  };
+  const renderSlot = slot => {
+    if (/*#__PURE__*/React.isValidElement(slot)) {
+      return /*#__PURE__*/React.cloneElement(slot, {
+        modes: {
+          ...modes,
+          ...slot.props.modes
+        }
+      });
+    }
+    return slot;
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [containerStyle, style],
+    children: [iconSlot ? renderSlot(iconSlot) : /*#__PURE__*/_jsx(SupportTextIcon, {
+      status: status,
+      modes: modes
+    }), textSlot ? renderSlot(textSlot) : /*#__PURE__*/_jsx(Text, {
+      style: textStyle,
+      children: label
+    })]
+  });
+}
+export default SupportText;
+//# sourceMappingURL=SupportText.js.map

package/lib/module/components/SupportText/SupportText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","getVariableByName","useTokens","SupportTextIcon","jsx","_jsx","jsxs","_jsxs","SupportText","label","status","iconSlot","textSlot","modes","propModes","style","globalModes","gap","parseInt","textColor","fontFamily","fontSize","lineHeight","fontWeight","containerStyle","flexDirection","alignItems","textStyle","color","flexShrink","renderSlot","slot","isValidElement","cloneElement","props","children"],"sourceRoot":"../../../../src","sources":["components/SupportText/SupportText.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAChE,OAAOC,eAAe,MAAkC,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA6B5E;AACA;AACA;AACA,SAASC,WAAWA,CAAC;EACjBC,KAAK,GAAG,cAAc;EACtBC,MAAM,GAAG,SAAS;EAClBC,QAAQ;EACRC,QAAQ;EACRC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC;AACc,CAAC,EAAE;EACjB,MAAM;IAAEF,KAAK,EAAEG;EAAY,CAAC,GAAGd,SAAS,CAAC,CAAC;;EAE1C;EACA;EACA;EACA;EACA,MAAMW,KAAK,GAAG;IAAE,GAAGG,WAAW;IAAE,GAAGF;EAAU,CAAC;;EAE9C;EACA,MAAMG,GAAG,GAAGC,QAAQ,CAACjB,iBAAiB,CAAC,iBAAiB,EAAEY,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC;EAE1E,MAAMM,SAAS,GAAGlB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,IAAI,SAAS;EACjF,MAAMO,UAAU,GAAGnB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,IAAI,aAAa;EACtF,MAAMQ,QAAQ,GAAGH,QAAQ,CAACjB,iBAAiB,CAAC,sBAAsB,EAAEY,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;EACrF,MAAMS,UAAU,GAAGJ,QAAQ,CAACjB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;EACzF,MAAMU,UAAU,GAAGtB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,IAAI,KAAK;;EAE9E;EACA,MAAMW,cAAyB,GAAG;IAC9BC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBT,GAAG,EAAEA;EACT,CAAC;EAED,MAAMU,SAAoB,GAAG;IACzBC,KAAK,EAAET,SAAS;IAChBC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,UAAU,EAAEA,UAAiB;IAC7BM,UAAU,EAAE,CAAC,CAAE;EACnB,CAAC;EAED,MAAMC,UAAU,GAAIC,IAAqB,IAAK;IAC1C,iBAAIjC,KAAK,CAACkC,cAAc,CAACD,IAAI,CAAC,EAAE;MAC5B,oBAAOjC,KAAK,CAACmC,YAAY,CAACF,IAAI,EAA6B;QACvDlB,KAAK,EAAE;UAAE,GAAGA,KAAK;UAAE,GAAIkB,IAAI,CAASG,KAAK,CAACrB;QAAM;MACpD,CAAC,CAAC;IACN;IACA,OAAOkB,IAAI;EACf,CAAC;EAED,oBACIxB,KAAA,CAACR,IAAI;IAACgB,KAAK,EAAE,CAACS,cAAc,EAAET,KAAK,CAAE;IAAAoB,QAAA,GAChCxB,QAAQ,GACLmB,UAAU,CAACnB,QAAQ,CAAC,gBAEpBN,IAAA,CAACF,eAAe;MAACO,MAAM,EAAEA,MAAO;MAACG,KAAK,EAAEA;IAAM,CAAE,CACnD,EAEAD,QAAQ,GACLkB,UAAU,CAAClB,QAAQ,CAAC,gBAEpBP,IAAA,CAACL,IAAI;MAACe,KAAK,EAAEY,SAAU;MAAAQ,QAAA,EAAE1B;IAAK,CAAO,CACxC;EAAA,CACC,CAAC;AAEf;AAEA,eAAeD,WAAW","ignoreList":[]}

package/lib/module/components/SupportText/SupportText.mdx

@@ -0,0 +1,48 @@
+import { Canvas, Meta, Story, Controls } from '@storybook/blocks';
+import * as SupportTextStories from './SupportText.stories';
+import SupportText from './SupportText';
+
+<Meta of={SupportTextStories} />
+
+# SupportText
+
+A component for displaying status messages with icons.
+
+<Canvas>
+  <Story of={SupportTextStories.Default} />
+</Canvas>
+
+## Props
+
+<Controls />
+
+
+## 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.
+
+### Status
+- **Modes:** Neutral | Warning | Error | Success
+- **Default:** Neutral
+## Usage
+
+```tsx
+import { SupportText } from 'jfs-components';
+
+<SupportText status="Success" label="Operation successful" />
+<SupportText status="Error" label="Something went wrong" />
+```
+
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`supportText/fontFamily`**
+- **`supportText/fontSize`**
+- **`supportText/fontWeight`**
+- **`supportText/foreground`**
+- **`supportText/gap`**
+- **`supportText/lineHeight`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/module/components/SupportText/SupportTextIcon.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+import Icon from '../../icons/Icon';
+import { jsx as _jsx } from "react/jsx-runtime";
+const STATUS_ICON_MAP = {
+  Neutral: 'ic_info',
+  Warning: 'ic_warning',
+  // Using ic_warning for Warning
+  Error: 'ic_warning',
+  // Using ic_warning for Error
+  Success: 'ic_status_successful'
+};
+function SupportTextIcon({
+  status = 'Neutral',
+  modes = {},
+  style
+}) {
+  const iconName = STATUS_ICON_MAP[status] || 'ic_info';
+
+  // Resolve icon size
+  const size = parseInt(getVariableByName('supportText/icon/size', modes), 10) || 16;
+
+  // Resolve icon color
+  // Assuming supportText/foreground applies to icon as well, or there might be specific icon color tokens.
+  // Using supportText/foreground as default based on common patterns if no specific icon token.
+  // If specific tokens exist like 'supportText/icon/color', they should be used.
+  // Detailed variables only showed supportText/foreground.
+  const color = getVariableByName('supportText/foreground', modes) || '#0c0d10';
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    children: /*#__PURE__*/_jsx(Icon, {
+      name: iconName,
+      size: size,
+      color: color
+    })
+  });
+}
+export default SupportTextIcon;
+//# sourceMappingURL=SupportTextIcon.js.map

package/lib/module/components/SupportText/SupportTextIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","getVariableByName","Icon","jsx","_jsx","STATUS_ICON_MAP","Neutral","Warning","Error","Success","SupportTextIcon","status","modes","style","iconName","size","parseInt","color","children","name"],"sourceRoot":"../../../../src","sources":["components/SupportText/SupportTextIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,OAAOC,IAAI,MAAM,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUpC,MAAMC,eAAkD,GAAG;EACvDC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,YAAY;EAAE;EACvBC,KAAK,EAAE,YAAY;EAAI;EACvBC,OAAO,EAAE;AACb,CAAC;AAED,SAASC,eAAeA,CAAC;EACrBC,MAAM,GAAG,SAAS;EAClBC,KAAK,GAAG,CAAC,CAAC;EACVC;AACkB,CAAC,EAAE;EACrB,MAAMC,QAAQ,GAAGT,eAAe,CAACM,MAAM,CAAC,IAAI,SAAS;;EAErD;EACA,MAAMI,IAAI,GAAGC,QAAQ,CAACf,iBAAiB,CAAC,uBAAuB,EAAEW,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;;EAElF;EACA;EACA;EACA;EACA;EACA,MAAMK,KAAK,GAAGhB,iBAAiB,CAAC,wBAAwB,EAAEW,KAAK,CAAC,IAAI,SAAS;EAE7E,oBACIR,IAAA,CAACJ,IAAI;IAACa,KAAK,EAAEA,KAAM;IAAAK,QAAA,eACfd,IAAA,CAACF,IAAI;MAACiB,IAAI,EAAEL,QAAS;MAACC,IAAI,EAAEA,IAAK;MAACE,KAAK,EAAEA;IAAM,CAAE;EAAC,CAChD,CAAC;AAEf;AAEA,eAAeP,eAAe","ignoreList":[]}

package/lib/module/components/SupportText/SupportTextIcon.mdx

@@ -0,0 +1,35 @@
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
+import * as SupportTextIconStories from './SupportTextIcon.stories';
+import SupportTextIcon from './SupportTextIcon';
+
+<Meta of={SupportTextIconStories} />
+
+# SupportTextIcon
+
+SupportTextIcon component with design-token-driven styling.
+
+## 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.
+
+### Status
+- **Modes:** Neutral | Warning | Error | Success
+- **Default:** Neutral
+## Usage
+
+<Canvas>
+  <Story of={SupportTextIconStories.Default} />
+</Canvas>
+
+## Props
+
+<Controls of={SupportTextIconStories.Default} />
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`supportText/foreground`**
+- **`supportText/icon/size`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/module/components/SupportText/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as SupportText } from './SupportText';
+export { default as SupportTextIcon } from './SupportTextIcon';
+//# sourceMappingURL=index.js.map

package/lib/module/components/SupportText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","SupportText","SupportTextIcon"],"sourceRoot":"../../../../src","sources":["components/SupportText/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,eAAe;AACtD,SAASD,OAAO,IAAIE,eAAe,QAAQ,mBAAmB","ignoreList":[]}

package/lib/module/components/TextInput/TextInput.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 TextInputStories from './TextInput.stories';
 import TextInput from './TextInput';
 import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -13,9 +13,17 @@ 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.
 
+### InputState
+- **Modes:** Idle | Active
+- **Default:** Idle
+
 ### Color Mode
 - **Modes:** Light | Dark
 - **Default:** Light
+
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
 ## Usage
 
 <Canvas>

package/lib/module/components/ThreadHero/ThreadHero.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 ThreadHeroStories from './ThreadHero.stories';
 import ThreadHero from './ThreadHero';
 

package/lib/module/components/Tooltip/Tooltip.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 TooltipStories from './Tooltip.stories';
 import { Tooltip } from './Tooltip';
 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/module/components/TransactionBubble/TransactionBubble.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 TransactionBubbleStories from './TransactionBubble.stories';
 import TransactionBubble from './TransactionBubble';
 

package/lib/module/components/TransactionDetails/TransactionDetails.js

@@ -3,34 +3,10 @@
 import React from 'react';
 import { View, Text } from 'react-native';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
-
-/**
- * Helper function to recursively clone children and pass modes prop to components that accept it.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function cloneChildrenWithModes(children, modes) {
-  const result = React.Children.map(children, child => {
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      return child;
-    }
-    const childChildren = child.props?.children;
-    const hasChildren = childChildren !== undefined && childChildren !== null;
-    const existingModes = child.props?.modes;
-    const mergedModes = existingModes ? {
-      ...modes,
-      ...existingModes
-    } : modes;
-    const processedChildren = hasChildren ? cloneChildrenWithModes(React.Children.toArray(childChildren), modes) : undefined;
-    return /*#__PURE__*/React.cloneElement(child, {
-      ...child.props,
-      modes: mergedModes
-    }, processedChildren);
-  });
-  return result || [];
-}
+import { cloneChildrenWithModes } from '../../utils/react-utils';
 
 // ===== Item Subcomponent =====
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Item component that displays a label-value pair, used within TransactionDetails.
  * Access via `TransactionDetails.Item`.