jfs-components 0.0.21 → 0.0.24

package/lib/commonjs/components/RadioButton/RadioButton.js

@@ -0,0 +1,194 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioButton = RadioButton;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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); }
+// ---------------------------------------------------------------------------
+// Props
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// RadioButton
+// ---------------------------------------------------------------------------
+
+function RadioButton({
+  selected = false,
+  disabled = false,
+  onPress,
+  modes = {},
+  style,
+  testID
+}) {
+  // ---- Refs & State ----
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const [pressed, setPressed] = (0, _react.useState)(false);
+
+  // ---- Dimensions ----
+  const widthStr = (0, _figmaVariablesResolver.getVariableByName)('radio/width', modes) || '18';
+  const heightStr = (0, _figmaVariablesResolver.getVariableByName)('radio/height', modes) || '18';
+  const selectorSizeStr = (0, _figmaVariablesResolver.getVariableByName)('radio/selector/size', modes) || '10';
+  const width = parseFloat(widthStr?.toString() || '18');
+  const height = parseFloat(heightStr?.toString() || '18');
+  const selectorSize = parseFloat(selectorSizeStr?.toString() || '10');
+
+  // ---- State Logic ----
+  // Priority: Disabled -> Focused -> Hover/Pressed -> Idle
+  // Note: Design treats Active (Pressed) similar to Selected for some styles, 
+  // but usually in Radio Buttons, Pressed is a transient state.
+  // We will map:
+  // - Disabled -> 'disabled'
+  // - Focused -> 'focus'
+  // - Hovered -> 'hover'
+  // - Idle -> 'idle'
+
+  // We handle `selected` as a separate dimension derived from state.
+
+  let visualState = 'idle';
+  if (disabled) {
+    visualState = 'disabled';
+  } else if (focused) {
+    visualState = 'focus';
+  } else if (hovered || pressed) {
+    visualState = 'hover';
+  }
+
+  // Construct token paths based on state + selected
+  let prefix = `radio/${visualState}`;
+  if (visualState === 'idle' && selected) {
+    prefix = `radio/selected`;
+  } else if (selected) {
+    prefix = `radio/${visualState}Selected`;
+  }
+
+  // ---- Colors & Border ----
+
+  const resolveColor = (path, fallback) => {
+    return (0, _figmaVariablesResolver.getVariableByName)(path, modes) || fallback;
+  };
+
+  // Background Color
+  let bgColorVar = `${prefix}/background/color`;
+  // Fix for disabledSelected weirdness if needed
+  if (visualState === 'disabled' && selected) {
+    // Check specific path from dump: `radio/disabledSelected/background`
+    if (!(0, _figmaVariablesResolver.getVariableByName)(`${prefix}/background/color`, modes)) {
+      bgColorVar = `${prefix}/background`;
+    }
+  }
+
+  // Border Color
+  let borderColorVar = `${prefix}/border/color`;
+
+  // Border Width
+  let borderWidthVar = `${prefix}/border/size`;
+  // Fix for huge path: `radio/disabled/radio/disabled/border/size`
+  if (visualState === 'disabled' && !selected) {
+    if ((0, _figmaVariablesResolver.getVariableByName)('radio/disabled/radio/disabled/border/size', modes)) {
+      borderWidthVar = 'radio/disabled/radio/disabled/border/size';
+    }
+  }
+
+  // Selector Color
+  let selectorBgVar = `${prefix}/selector/background/color`;
+  if (!selected) {
+    selectorBgVar = 'transparent';
+  }
+
+  // Shadows (Glow)
+  let shadowSizeVar = `${prefix}/boxShadow/size`;
+  let shadowColorVar = `${prefix}/shadow/color`;
+
+  // Resolve Values
+  const backgroundColor = resolveColor(bgColorVar, 'transparent');
+  const borderColor = resolveColor(borderColorVar, 'transparent');
+  const borderWidth = parseFloat((0, _figmaVariablesResolver.getVariableByName)(borderWidthVar, modes)?.toString() || '1');
+  const selectorColor = resolveColor(selectorBgVar, 'transparent');
+  const shadowSize = parseFloat((0, _figmaVariablesResolver.getVariableByName)(shadowSizeVar, modes)?.toString() || '0');
+  const shadowColor = resolveColor(shadowColorVar, 'transparent');
+
+  // Styles
+  const containerStyle = {
+    width,
+    height,
+    borderRadius: width / 2,
+    // 9999px -> circle
+    borderWidth,
+    borderColor,
+    backgroundColor,
+    justifyContent: 'center',
+    alignItems: 'center',
+    // Web shadow (ring)
+    ...(_reactNative.Platform.OS === 'web' && shadowSize > 0 ? {
+      boxShadow: `0px 0px 0px ${shadowSize}px ${shadowColor}`
+    } : {})
+  };
+  const selectorStyle = {
+    width: selectorSize,
+    height: selectorSize,
+    borderRadius: selectorSize / 2,
+    backgroundColor: selectorColor
+  };
+
+  // Dummy block for token extraction (static analysis)
+  if (false) {
+    (0, _figmaVariablesResolver.getVariableByName)('radio/idle/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/idle/border/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/selector/size');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/width');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/height');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/hover/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/hover/border/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/hover/boxShadow/size');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/hover/shadow/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/selected/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/selected/border/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/selected/selector/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/hoverSelected/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/hoverSelected/border/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/hoverSelected/boxShadow/size');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/hoverSelected/shadow/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/hoverSelected/selector/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/focus/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/focus/border/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/focus/border/size');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/focus/boxShadow/size');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/focus/shadow/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/focusSelected/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/focusSelected/selector/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/focusSelected/border/size');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/disabled/radio/disabled/border/size');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/disabled/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/disabled/border/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/disabledSelected/selector/background/color');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/disabledSelected/background');
+    (0, _figmaVariablesResolver.getVariableByName)('radio/disabledSelected/border/color');
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    testID: testID,
+    disabled: disabled,
+    onPress: onPress,
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    onFocus: () => setFocused(true),
+    onBlur: () => setFocused(false),
+    onPressIn: () => setPressed(true),
+    onPressOut: () => setPressed(false),
+    style: ({
+      pressed: isPressed
+    }) => [containerStyle, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: selectorStyle
+    })
+  });
+}
+var _default = exports.default = RadioButton;
+//# sourceMappingURL=RadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RadioButton","selected","disabled","onPress","modes","style","testID","hovered","setHovered","useState","focused","setFocused","pressed","setPressed","widthStr","getVariableByName","heightStr","selectorSizeStr","width","parseFloat","toString","height","selectorSize","visualState","prefix","resolveColor","path","fallback","bgColorVar","borderColorVar","borderWidthVar","selectorBgVar","shadowSizeVar","shadowColorVar","backgroundColor","borderColor","borderWidth","selectorColor","shadowSize","shadowColor","containerStyle","borderRadius","justifyContent","alignItems","Platform","OS","boxShadow","selectorStyle","jsx","Pressable","onHoverIn","onHoverOut","onFocus","onBlur","onPressIn","onPressOut","isPressed","children","View","_default","exports"],"sourceRoot":"../../../../src","sources":["components/RadioButton/RadioButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/RadioButton/RadioButton.mdx

@@ -0,0 +1,92 @@
+import { Canvas, Meta, Controls } from '@storybook/blocks';
+import * as RadioButtonStories from './RadioButton.stories';
+import { RadioButton } from './RadioButton';
+
+<Meta of={RadioButtonStories} />
+
+## 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.
+
+### Color Mode
+- **Modes:** Light | Dark
+- **Default:** Light
+
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
+
+## Usage
+
+# RadioButton
+
+A standard RadioButton component. This component is used to select a single option from a set of options.
+
+## Default
+
+<Canvas of={RadioButtonStories.Default} />
+
+<Controls of={RadioButtonStories.Default} />
+
+## States
+
+<Canvas of={RadioButtonStories.AllStates} />
+
+
+```tsx
+import React, { useState } from 'react';
+import { RadioButton } from 'jfs-components';
+import { View, Text } from 'react-native';
+
+export default function App() {
+  const [selected, setSelected] = useState(false);
+
+  return (
+    <RadioButton 
+      selected={selected} 
+      onPress={() => setSelected(!selected)} 
+    />
+  );
+}
+```
+
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`radio/background/color`**
+- **`radio/disabled/background/color`**
+- **`radio/disabled/border/color`**
+- **`radio/disabled/radio/disabled/border/size`**
+- **`radio/disabledSelected/background`**
+- **`radio/disabledSelected/border/color`**
+- **`radio/disabledSelected/selector/background/color`**
+- **`radio/focus/background/color`**
+- **`radio/focus/border/color`**
+- **`radio/focus/border/size`**
+- **`radio/focus/boxShadow/size`**
+- **`radio/focus/shadow/color`**
+- **`radio/focusSelected/background/color`**
+- **`radio/focusSelected/border/size`**
+- **`radio/focusSelected/selector/background/color`**
+- **`radio/height`**
+- **`radio/hover/background/color`**
+- **`radio/hover/border/color`**
+- **`radio/hover/boxShadow/size`**
+- **`radio/hover/shadow/color`**
+- **`radio/hoverSelected/background/color`**
+- **`radio/hoverSelected/border/color`**
+- **`radio/hoverSelected/boxShadow/size`**
+- **`radio/hoverSelected/selector/background/color`**
+- **`radio/hoverSelected/shadow/color`**
+- **`radio/idle/background/color`**
+- **`radio/idle/border/color`**
+- **`radio/selected/background/color`**
+- **`radio/selected/border/color`**
+- **`radio/selected/selector/background/color`**
+- **`radio/selector/size`**
+- **`radio/width`**
+
+All tokens support mode-based theming through the `modes` prop.
+

package/lib/commonjs/components/UpiHandle/UpiHandle.js

@@ -32,6 +32,7 @@ const DEFAULT_AVATAR_IMAGE = require('./Image.png');
  * @param {Object} [props.modes={}] - Modes object passed directly to `getVariableByName`.
  * @param {boolean} [props.showIcon=true] - Toggles the trailing icon visibility.
  * @param {string} [props.iconName='ic_scan_qr_code'] - Icon name from the actions set (e.g. 'ic_qr_code', 'ic_scan_qr_code').
+ * @param {ImageSourcePropType} [props.avatarSource] - Optional custom image source for the avatar.
  * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, uses label
  * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
  */
@@ -40,6 +41,7 @@ function UpiHandle({
   modes: propModes = {},
   showIcon = true,
   iconName = 'ic_scan_qr_code',
+  avatarSource,
   onPress,
   disabled,
   accessibilityLabel,
@@ -146,7 +148,7 @@ function UpiHandle({
     },
     ...rest,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-      source: DEFAULT_AVATAR_IMAGE,
+      source: avatarSource || DEFAULT_AVATAR_IMAGE,
       style: avatarBaseStyle,
       resizeMode: "cover",
       accessibilityElementsHidden: true,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_Icon","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_AVATAR_IMAGE","UpiHandle","label","modes","propModes","showIcon","iconName","onPress","disabled","accessibilityLabel","accessibilityHint","rest","globalModes","useTokens","backgroundColor","getVariableByName","radius","paddingLeft","paddingRight","paddingVertical","gap","avatarSize","avatarRadius","labelColor","labelFontSize","labelLineHeight","labelFontFamily","labelFontWeightRaw","labelFontWeight","toString","iconColor","iconSize","containerStyle","flexDirection","alignItems","justifyContent","borderRadius","avatarBaseStyle","width","height","overflow","labelBaseStyle","color","fontSize","lineHeight","fontFamily","fontWeight","iconPlaceholderStyle","defaultAccessibilityLabel","isPressed","setIsPressed","useState","isFocused","setIsFocused","pressedStyle","transform","scale","focusStyle","borderWidth","borderColor","Wrapper","Pressable","View","jsxs","style","accessibilityRole","undefined","onPressIn","onPressOut","onFocus","onBlur","children","jsx","Image","source","resizeMode","accessibilityElementsHidden","importantForAccessibility","Text","numberOfLines","ellipsizeMode","name","size","_default","exports"],"sourceRoot":"../../../../src","sources":["components/UpiHandle/UpiHandle.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_Icon","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_AVATAR_IMAGE","UpiHandle","label","modes","propModes","showIcon","iconName","avatarSource","onPress","disabled","accessibilityLabel","accessibilityHint","rest","globalModes","useTokens","backgroundColor","getVariableByName","radius","paddingLeft","paddingRight","paddingVertical","gap","avatarSize","avatarRadius","labelColor","labelFontSize","labelLineHeight","labelFontFamily","labelFontWeightRaw","labelFontWeight","toString","iconColor","iconSize","containerStyle","flexDirection","alignItems","justifyContent","borderRadius","avatarBaseStyle","width","height","overflow","labelBaseStyle","color","fontSize","lineHeight","fontFamily","fontWeight","iconPlaceholderStyle","defaultAccessibilityLabel","isPressed","setIsPressed","useState","isFocused","setIsFocused","pressedStyle","transform","scale","focusStyle","borderWidth","borderColor","Wrapper","Pressable","View","jsxs","style","accessibilityRole","undefined","onPressIn","onPressOut","onFocus","onBlur","children","jsx","Image","source","resizeMode","accessibilityElementsHidden","importantForAccessibility","Text","numberOfLines","ellipsizeMode","name","size","_default","exports"],"sourceRoot":"../../../../src","sources":["components/UpiHandle/UpiHandle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAC,sBAAA,CAAAL,OAAA;AAAmC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAK,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAQ,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;AAEnC;AACA;AACA,MAAMgB,oBAAoB,GAAG1B,OAAO,CAAC,aAAa,CAAC;AAcnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS2B,SAASA,CAAC;EACjBC,KAAK,GAAG,OAAO;EACfC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,QAAQ,GAAG,IAAI;EACfC,QAAQ,GAAG,iBAAiB;EAC5BC,YAAY;EACZC,OAAO;EACPC,QAAQ;EACRC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACW,CAAC,EAAE;EACjB,MAAM;IAAET,KAAK,EAAEU;EAAY,CAAC,GAAG,IAAAC,2BAAS,EAAC,CAAC;EAC1C,MAAMX,KAAK,GAAG;IAAE,GAAGU,WAAW;IAAE,GAAGT;EAAU,CAAC;EAC9C;EACA,MAAMW,eAAe,GACnB,IAAAC,yCAAiB,EAAC,sBAAsB,EAAEb,KAAK,CAAC,IAAI,SAAS;EAC/D,MAAMc,MAAM,GAAG,IAAAD,yCAAiB,EAAC,kBAAkB,EAAEb,KAAK,CAAC,IAAI,KAAK;EACpE,MAAMe,WAAW,GACf,IAAAF,yCAAiB,EAAC,wBAAwB,EAAEb,KAAK,CAAC,IAAI,CAAC;EACzD,MAAMgB,YAAY,GAChB,IAAAH,yCAAiB,EAAC,yBAAyB,EAAEb,KAAK,CAAC,IAAI,EAAE;EAC3D,MAAMiB,eAAe,GACnB,IAAAJ,yCAAiB,EAAC,4BAA4B,EAAEb,KAAK,CAAC,IAAI,CAAC;EAC7D,MAAMkB,GAAG,GAAG,IAAAL,yCAAiB,EAAC,eAAe,EAAEb,KAAK,CAAC,IAAI,CAAC;;EAE1D;EACA,MAAMmB,UAAU,GACd,IAAAN,yCAAiB,EAAC,sBAAsB,EAAEb,KAAK,CAAC,IAAI,EAAE;EACxD,MAAMoB,YAAY,GAChB,IAAAP,yCAAiB,EAAC,wBAAwB,EAAEb,KAAK,CAAC,IAAI,KAAK;;EAE7D;EACA,MAAMqB,UAAU,GACd,IAAAR,yCAAiB,EAAC,uBAAuB,EAAEb,KAAK,CAAC,IAAI,SAAS;EAChE,MAAMsB,aAAa,GACjB,IAAAT,yCAAiB,EAAC,0BAA0B,EAAEb,KAAK,CAAC,IAAI,EAAE;EAC5D,MAAMuB,eAAe,GACnB,IAAAV,yCAAiB,EAAC,4BAA4B,EAAEb,KAAK,CAAC,IAAI,EAAE;EAC9D,MAAMwB,eAAe,GACnB,IAAAX,yCAAiB,EAAC,4BAA4B,EAAEb,KAAK,CAAC,IAAI,QAAQ;EACpE,MAAMyB,kBAAkB,GACtB,IAAAZ,yCAAiB,EAAC,4BAA4B,EAAEb,KAAK,CAAC,IAAI,GAAG;EAC/D,MAAM0B,eAAe,GACnB,OAAOD,kBAAkB,KAAK,QAAQ,GAClCA,kBAAkB,CAACE,QAAQ,CAAC,CAAC,GAC7BF,kBAAkB;;EAExB;EACA,MAAMG,SAAS,GACb,IAAAf,yCAAiB,EAAC,sBAAsB,EAAEb,KAAK,CAAC,IAAI,SAAS;EAC/D,MAAM6B,QAAQ,GACZ,IAAAhB,yCAAiB,EAAC,qBAAqB,EAAEb,KAAK,CAAC,IAAI,EAAE;EAEvD,MAAM8B,cAAyB,GAAG;IAChCC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBrB,eAAe;IACfG,WAAW;IACXC,YAAY;IACZC,eAAe;IACfiB,YAAY,EAAEpB,MAAM;IACpBI;EACF,CAAC;EAED,MAAMiB,eAA2B,GAAG;IAClCC,KAAK,EAAEjB,UAAU;IACjBkB,MAAM,EAAElB,UAAU;IAClBe,YAAY,EAAEd,YAAY;IAC1BkB,QAAQ,EAAE;EACZ,CAAC;EAED,MAAMC,cAAyB,GAAG;IAChCC,KAAK,EAAEnB,UAAU;IACjBoB,QAAQ,EAAEnB,aAAa;IACvBoB,UAAU,EAAEnB,eAAe;IAC3BoB,UAAU,EAAEnB,eAAe;IAC3BoB,UAAU,EAAElB;EACd,CAAC;EAED,MAAMmB,oBAAoB,GAAG;IAC3BT,KAAK,EAAEP,QAAQ;IACfQ,MAAM,EAAER;EACV,CAAC;;EAED;EACA,MAAMiB,yBAAyB,GAAGvC,kBAAkB,IAAI,cAAcR,KAAK,EAAE;EAC7E,MAAM,CAACgD,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAMG,YAAY,GAAGL,SAAS,GAAG;IAAEM,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAK,CAAC;EAAE,CAAC,GAAG,IAAI;EACxE,MAAMC,UAAU,GAAGL,SAAS,GAAG;IAAEM,WAAW,EAAE,CAAC;IAAEC,WAAW,EAAE;EAAO,CAAC,GAAG,IAAI;EAE7E,MAAMC,OAAY,GAAIjD,IAAI,EAAUJ,OAAO,IAAIA,OAAO,GAAGsD,sBAAS,GAAGC,iBAAI;EAEzE,oBACE,IAAAnF,WAAA,CAAAoF,IAAA,EAACH,OAAO;IACNI,KAAK,EAAE,CAAChC,cAAc,EAAEsB,YAAY,EAAEG,UAAU,CAAE;IAClDQ,iBAAiB,EAAC,MAAM;IACxBxD,kBAAkB,EAAEuC,yBAA0B;IAAA,IACzCtC,iBAAiB,KAAKwD,SAAS,GAAG;MAAExD;IAAkB,CAAC,GAAG,CAAC,CAAC;IACjEH,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAGG,IAAI,EAAUH,QAAQ,IAAIA,QAAS;IAC9C2D,SAAS,EAAGvF,CAAM,IAAK;MACrBsE,YAAY,CAAC,IAAI,CAAC;MACbvC,IAAI,EAAUwD,SAAS,GAAGvF,CAAC,CAAC;IACnC,CAAE;IACFwF,UAAU,EAAGxF,CAAM,IAAK;MACtBsE,YAAY,CAAC,KAAK,CAAC;MACdvC,IAAI,EAAUyD,UAAU,GAAGxF,CAAC,CAAC;IACpC,CAAE;IACFyF,OAAO,EAAGzF,CAAM,IAAK;MACnByE,YAAY,CAAC,IAAI,CAAC;MACb1C,IAAI,EAAU0D,OAAO,GAAGzF,CAAC,CAAC;IACjC,CAAE;IACF0F,MAAM,EAAG1F,CAAM,IAAK;MAClByE,YAAY,CAAC,KAAK,CAAC;MACd1C,IAAI,EAAU2D,MAAM,GAAG1F,CAAC,CAAC;IAChC,CAAE;IAAA,GACE+B,IAAI;IAAA4D,QAAA,gBAER,IAAA5F,WAAA,CAAA6F,GAAA,EAAClG,YAAA,CAAAmG,KAAK;MACJC,MAAM,EAAEpE,YAAY,IAAIP,oBAAqB;MAC7CiE,KAAK,EAAE3B,eAAgB;MACvBsC,UAAU,EAAC,OAAO;MAClBC,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC;IAAI,CAC/B,CAAC,eACF,IAAAlG,WAAA,CAAA6F,GAAA,EAAClG,YAAA,CAAAwG,IAAI;MACHd,KAAK,EAAEvB,cAAe;MACtBsC,aAAa,EAAE,CAAE;MACjBC,aAAa,EAAC,MAAM;MACpBJ,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAN,QAAA,EAE7BtE;IAAK,CACF,CAAC,EACNG,QAAQ,iBACP,IAAAzB,WAAA,CAAA6F,GAAA,EAAC/F,KAAA,CAAAK,OAAI;MACHmG,IAAI,EAAE5E,QAAS;MACf6E,IAAI,EAAEnD,QAAS;MACfW,KAAK,EAAEZ,SAAU;MACjBkC,KAAK,EAAEjB,oBAAqB;MAC5B6B,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC;IAAI,CAC/B,CACF;EAAA,CACM,CAAC;AAEd;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAtG,OAAA,GAEckB,SAAS","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -207,6 +207,12 @@ Object.defineProperty(exports, "PageTitle", {
     return _PageTitle.default;
   }
 });
+Object.defineProperty(exports, "RadioButton", {
+  enumerable: true,
+  get: function () {
+    return _RadioButton.default;
+  }
+});
 Object.defineProperty(exports, "Screen", {
   enumerable: true,
   get: function () {
@@ -346,5 +352,6 @@ var _ChipSelect = _interopRequireDefault(require("./ChipSelect/ChipSelect"));
 var _InputSearch = _interopRequireDefault(require("./InputSearch/InputSearch"));
 var _SupportText = _interopRequireDefault(require("./SupportText/SupportText"));
 var _SupportTextIcon = _interopRequireDefault(require("./SupportText/SupportTextIcon"));
+var _RadioButton = _interopRequireDefault(require("./RadioButton/RadioButton"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_ActionFooter","_interopRequireDefault","require","_AppBar","_Avatar","_AvatarGroup","_Badge","_BottomNav","_BottomNavItem","_Button","_Card","_CardFeedback","_Disclaimer","_Divider","_Drawer","_CtaCard","_FilterBar","_HStack","_IconButton","_IconCapsule","_LazyList","_ListGroup","_ListItem","_MediaCard","_MerchantProfile","_MoneyValue","_NavArrow","_PageTitle","_Screen","_Section","_Stepper","_Step","_StepLabel","_TextInput","_ThreadHero","_Tooltip","_TransactionBubble","_TransactionDetails","_TransactionStatus","_UpiHandle","_VStack","_ChipGroup","_EmptyState","_Accordion","_ActionTile","_Balance","_ButtonGroup","_ChipSelect","_InputSearch","_SupportText","_SupportTextIcon","e","__esModule","default"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ActionFooter","_interopRequireDefault","require","_AppBar","_Avatar","_AvatarGroup","_Badge","_BottomNav","_BottomNavItem","_Button","_Card","_CardFeedback","_Disclaimer","_Divider","_Drawer","_CtaCard","_FilterBar","_HStack","_IconButton","_IconCapsule","_LazyList","_ListGroup","_ListItem","_MediaCard","_MerchantProfile","_MoneyValue","_NavArrow","_PageTitle","_Screen","_Section","_Stepper","_Step","_StepLabel","_TextInput","_ThreadHero","_Tooltip","_TransactionBubble","_TransactionDetails","_TransactionStatus","_UpiHandle","_VStack","_ChipGroup","_EmptyState","_Accordion","_ActionTile","_Balance","_ButtonGroup","_ChipSelect","_InputSearch","_SupportText","_SupportTextIcon","_RadioButton","e","__esModule","default"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/design-tokens/figma-variables-resolver.js

@@ -11,10 +11,10 @@ exports.modeMap = exports.keyMap = void 0;
 exports.resolveVariable = resolveVariable;
 exports.traceVariableCollections = traceVariableCollections;
 exports.variableMap = void 0;
-var _JFSVariablesVariablesFull = _interopRequireDefault(require("./JFS Variables-variables-full.json"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const variablesData = require('./JFS Variables-variables-full.json');
+
 // 🔧 Configure the imports to include all the json files then add them to the allVariableData array 🔧
-const allVariableData = [_JFSVariablesVariablesFull.default];
+const allVariableData = [variablesData];
 // 🔧 DO NOT EDIT BELOW THIS LINE 🔧
 // Create comprehensive lookup maps
 const variableMap = exports.variableMap = new Map();
@@ -333,4 +333,10 @@ function traceVariableCollections(variableName) {
   }
   return collections;
 }
+//# sourceMappingURL=figma-variables-resolver.js.mapm.modeId === collection.defaultModeId)?.name
+      });
+    }
+  }
+  return collections;
+}
 //# sourceMappingURL=figma-variables-resolver.js.map