jfs-components 0.0.62 → 0.0.64

package/lib/commonjs/components/SegmentedControl/SegmentedControl.js

@@ -7,13 +7,14 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function SegmentedControlSegment({
   label,
   active,
   onPress,
-  modes = {}
+  modes = _reactUtils.EMPTY_MODES
 }) {
   const resolvedModes = {
     ...modes,
@@ -94,7 +95,7 @@ function SegmentedControl({
   selectedKey: controlledSelectedKey,
   defaultSelectedKey,
   onSelectionChange,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style
 }) {
   const isControlled = controlledSelectedKey !== undefined;

package/lib/commonjs/components/StatItem/StatItem.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 _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -19,7 +20,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function StatItem({
   label = 'Purity verified by NABL',
   value = '99.99%',
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style
 }) {
   const gap = (0, _figmaVariablesResolver.getVariableByName)('statItem/gap', modes) ?? 2;

package/lib/commonjs/components/StatusHero/StatusHero.js

@@ -10,6 +10,7 @@ var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resol
 var _JFSThemeProvider = require("../../design-tokens/JFSThemeProvider");
 var _IconCapsule = _interopRequireDefault(require("../IconCapsule/IconCapsule"));
 var _MoneyValue = _interopRequireDefault(require("../MoneyValue/MoneyValue"));
+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); }
@@ -41,7 +42,7 @@ function StatusHero({
   iconName = 'ic_confirm',
   value = '50',
   currency = 'INR',
-  modes: propModes = {},
+  modes: propModes = _reactUtils.EMPTY_MODES,
   style
 }) {
   const {

package/lib/commonjs/components/Stepper/Step.js

@@ -9,12 +9,13 @@ var _reactNative = require("react-native");
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
 var _StepLabel = require("./StepLabel");
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Step({
   children,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style,
   index = 0,
   connectorStyle,

package/lib/commonjs/components/Stepper/StepLabel.js

@@ -7,12 +7,13 @@ exports.StepLabel = StepLabel;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function StepLabel({
   title = 'Stepper Item',
   supportingText,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style
 }) {
   // Title styles

package/lib/commonjs/components/Stepper/Stepper.js

@@ -21,11 +21,12 @@ var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
 var _Step = require("./Step");
 var _StepLabel = require("./StepLabel");
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Stepper({
   children,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style
 }) {
   // Stepper container styles

package/lib/commonjs/components/SupportText/SupportText.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
 var _JFSThemeProvider = require("../../design-tokens/JFSThemeProvider");
 var _SupportTextIcon = _interopRequireDefault(require("./SupportTextIcon"));
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -19,7 +20,7 @@ function SupportText({
   status = 'Neutral',
   iconSlot,
   textSlot,
-  modes: propModes = {},
+  modes: propModes = _reactUtils.EMPTY_MODES,
   style
 }) {
   const {

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

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
 var _Icon = _interopRequireDefault(require("../../icons/Icon"));
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const STATUS_ICON_MAP = {
@@ -19,7 +20,7 @@ const STATUS_ICON_MAP = {
 };
 function SupportTextIcon({
   status = 'Neutral',
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style
 }) {
   const iconName = STATUS_ICON_MAP[status] || 'ic_info';

package/lib/commonjs/components/SwappableAmount/SwappableAmount.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
 var _Button = _interopRequireDefault(require("../Button/Button"));
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function SwappableAmount({
@@ -17,7 +18,7 @@ function SwappableAmount({
   amountLabel = '₹5100',
   onSchedulePress,
   onAmountPress,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style
 }) {
   const gap = (0, _figmaVariablesResolver.getVariableByName)('swappableAmount/gap', modes) ?? 24;

package/lib/commonjs/components/Tabs/TabItem.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 _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -22,7 +23,7 @@ function TabItem({
   label = 'Tab item',
   active = false,
   onPress,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style,
   labelStyle,
   accessibilityLabel

package/lib/commonjs/components/Tabs/Tabs.js

@@ -14,6 +14,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
 var _TabItem = _interopRequireDefault(require("./TabItem"));
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -39,7 +40,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  */
 function Tabs({
   children,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   scrollable = false,
   style
 }) {

package/lib/commonjs/components/Text/Text.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 _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TEXT_ALIGN_MAP = {
@@ -16,7 +17,7 @@ const TEXT_ALIGN_MAP = {
 function Text({
   text = 'Korem ipsum ',
   textAlign = 'Left',
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style,
   numberOfLines
 }) {

package/lib/commonjs/components/TextInput/TextInput.js

@@ -106,7 +106,7 @@ function TextInput({
   leadingIconName = 'ic_search',
   leading,
   trailing,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style,
   inputStyle,
   onFocus,
@@ -260,7 +260,7 @@ function TextInputSearch({
   value = '',
   onChangeText,
   leading,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style,
   inputStyle,
   accessibilityLabel,

package/lib/commonjs/components/ThreadHero/ThreadHero.js

@@ -7,6 +7,7 @@ exports.default = ThreadHero;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _reactUtils = require("../../utils/react-utils");
 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); }
 /**
@@ -17,7 +18,7 @@ function ThreadHero({
   subtitle = 'Banking name: SHIVASHANKAR RAJAN',
   caption,
   renderAvatar,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style
 }) {
   // Container Gaps

package/lib/commonjs/components/Title/Title.js

@@ -8,6 +8,7 @@ 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 }; }
 const TEXT_ALIGN_MAP = {
@@ -18,7 +19,7 @@ function Title({
   title = 'Title',
   subtitle,
   textAlign = 'Left',
-  modes: propModes = {},
+  modes: propModes = _reactUtils.EMPTY_MODES,
   style,
   textStyle,
   subtitleStyle,

package/lib/commonjs/components/Toast/Toast.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
 var _useToast = require("./useToast");
+var _reactUtils = require("../../utils/react-utils");
 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); }
 const ANIMATION_DURATION = 250;
@@ -17,7 +18,7 @@ function Toast({
   title,
   timeout = 4000,
   onClose,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   placement = 'bottom',
   style
 }) {

package/lib/commonjs/components/Toggle/Toggle.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _reactUtils = require("../../utils/react-utils");
 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); }
 /**
@@ -23,7 +24,7 @@ function Toggle({
   defaultValue = false,
   onValueChange,
   disabled = false,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style,
   accessibilityLabel
 }) {

package/lib/commonjs/components/Tooltip/Tooltip.js

@@ -11,6 +11,7 @@ var _reactNative = require("react-native");
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _reactUtils = require("../../utils/react-utils");
 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); }
 // --- Types ---
@@ -30,7 +31,7 @@ function useTooltipContext() {
 
 function Tooltip({
   children,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   open,
   onOpenChange,
   defaultOpen = false,

package/lib/commonjs/components/TransactionBubble/TransactionBubble.js

@@ -39,7 +39,7 @@ function TransactionBubble({
   date = '20 Mar 2025',
   statusSlot,
   children,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   onPress,
   style,
   accessibilityLabel,

package/lib/commonjs/components/TransactionDetails/TransactionDetails.js

@@ -29,7 +29,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function Item({
   label = 'Label',
   value = 'Value',
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style,
   labelStyle,
   valueStyle,
@@ -121,7 +121,7 @@ function Item({
  */
 function TransactionDetails({
   children,
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style,
   accessibilityLabel,
   ...rest

package/lib/commonjs/components/TransactionStatus/TransactionStatus.js

@@ -8,12 +8,13 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeSvg = require("react-native-svg");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // --- Internal Icon Component ---
 
 const StatusIcon = ({
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   width = 15,
   height = 15,
   color
@@ -40,7 +41,7 @@ const StatusIcon = ({
 function TransactionStatus({
   status = 'Expired',
   date = '20 Mar 2025',
-  modes = {},
+  modes = _reactUtils.EMPTY_MODES,
   style
 }) {
   const gap = Number((0, _figmaVariablesResolver.getVariableByName)('transactionBubble/statusWrap/gap', modes)) || 4;