jfs-components 0.0.1

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

@@ -0,0 +1,294 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _IconCapsule = _interopRequireDefault(require("../IconCapsule/IconCapsule"));
+var _Button = _interopRequireDefault(require("../Button/Button"));
+var _webPlatformUtils = require("../../utils/web-platform-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); }
+/**
+ * Helper function to recursively clone children and pass modes prop to components that accept it.
+ * This ensures that all child components in slots receive the modes prop from the parent.
+ */function cloneChildrenWithModes(children, modes) {
+  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
+    const existingModes = child.props?.modes;
+    const mergedModes = existingModes ? {
+      ...modes,
+      ...existingModes
+    } : modes;
+
+    // Recursively process children if they exist
+    const processedChildren = hasChildren ? cloneChildrenWithModes(_react.default.Children.toArray(childChildren), modes) : 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.
+ *
+ * This component supports:
+ *  - **layout**: "Vertical" or "Horizontal"
+ *  - **static** vs **navigation** behaviour (based on `onPress`)
+ *  - **slots** for leading element, support text, and trailing content
+ *  - **design-token driven styling** via `getVariableByName` and `modes`
+ *
+ * Wherever the Figma layer name contains "Slot", this component exposes a
+ * dedicated React "slot" prop:
+ *  - Slot "support text" → `supportSlot`
+ *  - Slot "end" → `endSlot`
+ *
+ * @component
+ * @param {Object} props
+ * @param {'Vertical'|'Horizontal'} [props.layout='Vertical'] - Layout variant, controlling structure and children.
+ * @param {string} [props.title='Title'] - Primary title used in the horizontal layout.
+ * @param {string} [props.supportText='Support Text'] - Support text used in both layouts when `supportSlot` is not provided.
+ * @param {boolean} [props.showSupportText=true] - Toggles rendering of the support text in Horizontal layout.
+ * @param {React.ReactNode} [props.leading] - Optional leading element. Defaults to `IconCapsule`.
+ * @param {React.ReactNode} [props.supportSlot] - Optional custom slot used instead of the default support text block.
+ * @param {React.ReactNode} [props.endSlot] - Optional custom trailing slot (Figma Slot "end").
+ * @param {boolean} [props.showTrailing=true] - When `true`, renders the default trailing Button in Horizontal layout if `endSlot` is not provided.
+ * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens.
+ * @param {Function} [props.onPress] - When provided, the entire item becomes pressable (navigation variant).
+ * @param {Object} [props.style] - Optional container style overrides.
+ * @param {Object} [props.contentStyle] - Optional inner content wrapper style overrides.
+ * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, uses title and supportText
+ * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
+ * @param {Object} [props.accessibilityState] - Additional accessibility state information
+ */
+function ListItem({
+  layout = 'Vertical',
+  title = 'Title',
+  supportText = 'Support Text',
+  showSupportText = true,
+  leading,
+  supportSlot,
+  endSlot,
+  showTrailing = true,
+  modes = {},
+  onPress,
+  style,
+  contentStyle,
+  accessibilityLabel,
+  accessibilityHint,
+  accessibilityState,
+  webAccessibilityProps,
+  ...rest
+}) {
+  // Resolve container spacing tokens
+  const gap = (0, _figmaVariablesResolver.getVariableByName)('listItem/gap', modes) ?? 8;
+  const paddingTop = (0, _figmaVariablesResolver.getVariableByName)('listItem/padding/top', modes) ?? 0;
+  const paddingBottom = (0, _figmaVariablesResolver.getVariableByName)('listItem/padding/bottom', modes) ?? 0;
+  const paddingLeft = (0, _figmaVariablesResolver.getVariableByName)('listItem/padding/left', modes) ?? 0;
+  const paddingRight = (0, _figmaVariablesResolver.getVariableByName)('listItem/padding/right', modes) ?? 0;
+
+  // Title typography (horizontal layout)
+  const titleColor = (0, _figmaVariablesResolver.getVariableByName)('listItem/title/color', modes) || '#0f0d0a';
+  const titleFontSize = (0, _figmaVariablesResolver.getVariableByName)('listItem/title/fontSize', modes) || 14;
+  const titleLineHeight = (0, _figmaVariablesResolver.getVariableByName)('listItem/title/lineHeight', modes) || 16;
+  const titleFontFamily = (0, _figmaVariablesResolver.getVariableByName)('listItem/title/fontFamily', modes) || 'System';
+  const titleFontWeightRaw = (0, _figmaVariablesResolver.getVariableByName)('listItem/title/fontWeight', modes) || 700;
+  const titleFontWeight = typeof titleFontWeightRaw === 'number' ? titleFontWeightRaw.toString() : titleFontWeightRaw;
+
+  // Support text typography (used in both layouts)
+  const supportColor = (0, _figmaVariablesResolver.getVariableByName)('listItem/supportText/color', modes) || '#1f1a14';
+  const supportFontSize = (0, _figmaVariablesResolver.getVariableByName)('listItem/supportText/fontSize', modes) || 12;
+  const supportLineHeight = (0, _figmaVariablesResolver.getVariableByName)('listItem/supportText/lineHeight', modes) || 14;
+  const supportFontFamily = (0, _figmaVariablesResolver.getVariableByName)('listItem/supportText/fontFamily', modes) || 'System';
+  const supportFontWeightRaw = (0, _figmaVariablesResolver.getVariableByName)('listItem/supportText/fontWeight', modes) || 500;
+  const supportFontWeight = typeof supportFontWeightRaw === 'number' ? supportFontWeightRaw.toString() : supportFontWeightRaw;
+  const baseContainerStyle = {
+    paddingTop,
+    paddingBottom,
+    paddingLeft,
+    paddingRight
+  };
+  const sharedLayoutStyle = layout === 'Horizontal' ? {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap
+  } : {
+    flexDirection: 'column',
+    alignItems: 'center',
+    gap
+  };
+  const innerContentBaseStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flex: 1,
+    gap
+  };
+  const verticalContentBaseStyle = {
+    alignItems: 'center',
+    gap
+  };
+  const titleTextStyle = {
+    color: titleColor,
+    fontSize: titleFontSize,
+    lineHeight: titleLineHeight,
+    fontFamily: titleFontFamily,
+    fontWeight: titleFontWeight
+  };
+  const supportTextStyle = {
+    color: supportColor,
+    fontSize: supportFontSize,
+    lineHeight: supportLineHeight,
+    fontFamily: supportFontFamily,
+    fontWeight: supportFontWeight
+  };
+  const trailingWrapperStyle = (0, _react.useMemo)(() => ({
+    marginLeft: gap / 2
+  }), [gap]);
+
+  // Generate default accessibility label from title and supportText if not provided
+  const defaultAccessibilityLabel = accessibilityLabel || (layout === 'Horizontal' ? `${title}${showSupportText && supportText ? `, ${supportText}` : ''}` : supportText);
+
+  // Get web platform support props (only used when onPress is defined)
+  const webPropsHorizontal = (0, _webPlatformUtils.usePressableWebSupport)({
+    restProps: rest,
+    onPress,
+    disabled: false,
+    accessibilityLabel: defaultAccessibilityLabel,
+    webAccessibilityProps
+  });
+  const webPropsVertical = (0, _webPlatformUtils.usePressableWebSupport)({
+    restProps: rest,
+    onPress,
+    disabled: false,
+    accessibilityLabel: defaultAccessibilityLabel,
+    webAccessibilityProps
+  });
+
+  // Process leading slot to pass modes to children
+  const processedLeading = leading ? 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,
+    accessibilityLabel: defaultAccessibilityLabel
+  });
+  const renderSupportContent = () => {
+    if (supportSlot) {
+      // Process supportSlot to pass modes to children
+      const processedSupportSlot = 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;
+    }
+
+    // Default support text (used for:
+    //  - vertical layout main text
+    //  - horizontal layout secondary line)
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: supportTextStyle,
+      numberOfLines: layout === 'Horizontal' ? 2 : 1,
+      children: supportText
+    });
+  };
+  if (layout === 'Horizontal') {
+    // Process endSlot to pass modes to children
+    const processedEndSlot = endSlot ? cloneChildrenWithModes(_react.default.Children.toArray(endSlot), modes) : [];
+    // Extract single element if array has one element, otherwise use array
+    const trailingContent = processedEndSlot.length > 0 ? processedEndSlot.length === 1 ? processedEndSlot[0] : processedEndSlot : showTrailing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      label: "Button",
+      modes: modes
+    }) : null;
+    const innerContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [innerContentBaseStyle, contentStyle],
+      children: [leadingElement, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 1
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: titleTextStyle,
+          numberOfLines: 1,
+          children: title
+        }), showSupportText && renderSupportContent()]
+      }), trailingContent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: trailingWrapperStyle,
+        children: trailingContent
+      }) : null]
+    });
+    if (onPress) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: defaultAccessibilityLabel,
+        accessibilityHint: accessibilityHint,
+        accessibilityState: {
+          ...accessibilityState
+        },
+        onPress: onPress,
+        style: ({
+          pressed
+        }) => [baseContainerStyle, sharedLayoutStyle, pressed ? {
+          opacity: 0.85
+        } : null, style],
+        ...webPropsHorizontal,
+        children: innerContent
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessibilityRole: undefined,
+      accessibilityLabel: defaultAccessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      style: [baseContainerStyle, sharedLayoutStyle, style],
+      ...rest,
+      children: innerContent
+    });
+  }
+
+  // Vertical layout - icon on top, support text/slot below
+  const verticalContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [verticalContentBaseStyle, contentStyle],
+    children: [leadingElement, renderSupportContent()]
+  });
+  if (onPress) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: defaultAccessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      accessibilityState: {
+        ...accessibilityState
+      },
+      onPress: onPress,
+      style: ({
+        pressed
+      }) => [baseContainerStyle, sharedLayoutStyle, pressed ? {
+        opacity: 0.85
+      } : null, style],
+      ...webPropsVertical,
+      children: verticalContent
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    accessibilityRole: undefined,
+    accessibilityLabel: defaultAccessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    style: [baseContainerStyle, sharedLayoutStyle, style],
+    ...rest,
+    children: verticalContent
+  });
+}
+var _default = exports.default = ListItem;
+//# sourceMappingURL=ListItem.js.map

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

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

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

@@ -0,0 +1,81 @@
+import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import * as ListItemStories from './ListItem.stories';
+import ListItem from './ListItem';
+import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
+
+<Meta of={ListItemStories} />
+
+# ListItem
+
+Helper function to recursively clone children and pass modes prop to components that accept it.
+
+## 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.
+
+### List Item Style
+- **Modes:** Minimal | Boxed
+- **Default:** Minimal
+
+### Appearance.Brand
+- **Modes:** Primary | Secondary | Neutral
+- **Default:** Primary
+
+### Color Mode
+- **Modes:** Light | Dark
+- **Default:** Light
+## Usage
+
+<Canvas>
+  <Story of={ListItemStories.Default} />
+</Canvas>
+
+
+<AccessibilitySection
+  items={[
+    'Supply `accessibilityLabel` when the title/subtitle are truncated; otherwise the visible title is announced.',
+    'Expose `accessibilityRole` based on behavior (button when pressable, text when static).',
+    'Announce selection or disabled state with `accessibilityState` when applicable.',
+  ]}
+/>
+
+<AnatomySection>
+  <ul>
+    <li><strong>Leading slot</strong> — optional icon/avatar.</li>
+    <li><strong>Title & support</strong> — primary and secondary text.</li>
+    <li><strong>Trailing slot</strong> — optional meta info or action affordance.</li>
+  </ul>
+</AnatomySection>
+
+<UsageConstraintsSection
+  items={[
+    'Keep titles to one line; rely on support text for secondary info.',
+    'Use the trailing slot for status or navigation chevrons, not heavy layouts.',
+    'When making the row pressable, avoid nesting other Pressables inside.',
+  ]}
+/>
+## Props
+
+<ArgsTable of={ListItem} />
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`listItem/gap`**
+- **`listItem/padding/bottom`**
+- **`listItem/padding/left`**
+- **`listItem/padding/right`**
+- **`listItem/padding/top`**
+- **`listItem/supportText/color`**
+- **`listItem/supportText/fontFamily`**
+- **`listItem/supportText/fontSize`**
+- **`listItem/supportText/fontWeight`**
+- **`listItem/supportText/lineHeight`**
+- **`listItem/title/color`**
+- **`listItem/title/fontFamily`**
+- **`listItem/title/fontSize`**
+- **`listItem/title/fontWeight`**
+- **`listItem/title/lineHeight`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/commonjs/components/MediaCard/MediaCard.js

@@ -0,0 +1,226 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Footer = Footer;
+exports.FooterSubtitle = FooterSubtitle;
+exports.FooterTitle = FooterTitle;
+exports.Header = Header;
+exports.MediaCard = MediaCard;
+exports.Title = Title;
+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); }
+/**
+ * Context to share 'modes' with child components.
+ */
+const MediaCardContext = /*#__PURE__*/(0, _react.createContext)({});
+/**
+ * MediaCard component implementation from Figma node 1241:4140.
+ * 
+ * Features a background media slot, a large title, and a glass-morphism footer.
+ */
+function MediaCard({
+  media,
+  children,
+  modes = {},
+  style
+}) {
+  // Container Tokens
+  const radius = parseFloat((0, _figmaVariablesResolver.getVariableByName)('cardMedia/radius', modes) || '24');
+  const gap = parseFloat((0, _figmaVariablesResolver.getVariableByName)('cardMedia/gap', modes) || '0');
+  // Dimensions from Figma: w=369, h=308. We can make it flexible or default to these?
+  // Usually components should be flexible, but stories will constrain them.
+  // Figma context shows fixed/hug behavior. Let's start with flex container.
+
+  const containerStyle = {
+    borderRadius: radius,
+    gap,
+    overflow: 'hidden',
+    position: 'relative',
+    // Default dimensions from Figma if needed, but better to let parent control or use defaults in stories.
+    // However, to match "Maximize existing component usage", we follow patterns.
+    // We'll trust the parent layout or style prop for width/height.
+    minHeight: 308 // inferred from Figma height as a good default or minimum
+  };
+  const mediaWithModes = /*#__PURE__*/(0, _react.isValidElement)(media) ? /*#__PURE__*/(0, _react.cloneElement)(media, {
+    modes: {
+      ...media.props.modes,
+      ...modes
+    }
+  }) : media;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MediaCardContext.Provider, {
+    value: {
+      modes
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [containerStyle, style],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: _reactNative.StyleSheet.absoluteFill,
+        children: mediaWithModes
+      }), children]
+    })
+  });
+}
+
+// ----------------------------------------------------------------------------
+// Sub-components
+// ----------------------------------------------------------------------------
+
+/**
+ * Header/Title Wrapper
+ * It seems the title is just floating at the top with padding.
+ * Figma: "title wrap" p-[16px]
+ */
+function Header({
+  children,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      padding: 16,
+      flex: 1
+    }, style],
+    children: children
+  });
+}
+
+/**
+ * Title component.
+ * Tokens: cardMedia/title/*
+ */
+function Title({
+  children,
+  style,
+  modes: propModes
+}) {
+  const context = (0, _react.useContext)(MediaCardContext);
+  const modes = propModes || context.modes || {};
+  const color = (0, _figmaVariablesResolver.getVariableByName)('cardMedia/title/color', modes) || '#ffffff';
+  const fontSize = parseFloat((0, _figmaVariablesResolver.getVariableByName)('cardMedia/title/fontSize', modes) || '52');
+  const fontFamily = (0, _figmaVariablesResolver.getVariableByName)('cardMedia/title/fontFamily', modes) || 'JioType Var';
+  const lineHeight = parseFloat((0, _figmaVariablesResolver.getVariableByName)('cardMedia/title/lineHeight', modes) || '68');
+  const fontWeight = (0, _figmaVariablesResolver.getVariableByName)('cardMedia/title/fontWeight', modes) || '900';
+  const textStyle = {
+    color,
+    fontSize,
+    fontFamily,
+    lineHeight,
+    fontWeight: fontWeight
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [textStyle, style],
+    children: children
+  });
+}
+
+/**
+ * Glass Footer Component
+ * Tokens: cardMedia/footer/*, glass/minimal, blur/minimal
+ */
+function Footer({
+  children,
+  style,
+  modes: propModes
+}) {
+  const context = (0, _react.useContext)(MediaCardContext);
+  const modes = propModes || context.modes || {};
+
+  // Tokens
+  const gap = parseFloat((0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/gap', modes) || '24');
+  const paddingHorizontal = parseFloat((0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/padding/horizontal', modes) || '16');
+  const paddingVertical = parseFloat((0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/padding/vertical', modes) || '12');
+
+  // Glass Effect
+  // Figma:
+  // blur/minimal/background: "#1414174a"
+  // blur/minimal: 29
+  const glassBgColor = (0, _figmaVariablesResolver.getVariableByName)('blur/minimal/background', modes) || '#1414174a';
+  const blurRadius = parseFloat((0, _figmaVariablesResolver.getVariableByName)('blur/minimal', modes) || '29');
+  const containerStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap,
+    paddingHorizontal,
+    paddingVertical,
+    backgroundColor: glassBgColor,
+    // Web-specific backdrop filter for glass effect
+    // @ts-ignore
+    ...(_reactNative.Platform.OS === 'web' ? {
+      backdropFilter: `blur(${blurRadius}px)`
+    } : {})
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [containerStyle, style],
+    children: children
+  });
+}
+
+/**
+ * Footer Title
+ * Tokens: cardMedia/footer/title/*
+ */
+function FooterTitle({
+  children,
+  style,
+  modes: propModes
+}) {
+  const context = (0, _react.useContext)(MediaCardContext);
+  const modes = propModes || context.modes || {};
+  const color = (0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/title/color', modes) || '#ffffff';
+  const fontSize = parseFloat((0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/title/fontSize', modes) || '14');
+  const fontFamily = (0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/title/fontFamily', modes) || 'JioType Var';
+  const lineHeight = parseFloat((0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/title/lineHeight', modes) || '16');
+  const fontWeight = (0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/title/fontWeight', modes) || '800';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [{
+      color,
+      fontSize,
+      fontFamily,
+      lineHeight,
+      fontWeight: fontWeight
+    }, style],
+    children: children
+  });
+}
+
+/**
+ * Footer Subtitle
+ * Tokens: cardMedia/footer/subtitle/*
+ */
+function FooterSubtitle({
+  children,
+  style,
+  modes: propModes
+}) {
+  const context = (0, _react.useContext)(MediaCardContext);
+  const modes = propModes || context.modes || {};
+  const color = (0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/subtitle/color', modes) || '#f5f7f7a1';
+  const fontSize = parseFloat((0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/subtitle/fontSize', modes) || '12');
+  const fontFamily = (0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/subtitle/fontFamily', modes) || 'JioType Var';
+  const lineHeight = parseFloat((0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/subtitle/lineHeight', modes) || '14');
+  const fontWeight = (0, _figmaVariablesResolver.getVariableByName)('cardMedia/footer/subtitle/fontWeight', modes) || '400';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [{
+      color,
+      fontSize,
+      fontFamily,
+      lineHeight,
+      fontWeight: fontWeight
+    }, style],
+    children: children
+  });
+}
+
+// Attach sub-components
+MediaCard.Header = Header;
+MediaCard.Title = Title;
+MediaCard.Footer = Footer;
+MediaCard.FooterTitle = FooterTitle;
+MediaCard.FooterSubtitle = FooterSubtitle;
+var _default = exports.default = MediaCard;
+//# sourceMappingURL=MediaCard.js.map

package/lib/commonjs/components/MediaCard/MediaCard.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","MediaCardContext","createContext","MediaCard","media","children","modes","style","radius","parseFloat","getVariableByName","gap","containerStyle","borderRadius","overflow","position","minHeight","mediaWithModes","isValidElement","cloneElement","props","jsx","Provider","value","jsxs","View","StyleSheet","absoluteFill","Header","padding","flex","Title","propModes","context","useContext","color","fontSize","fontFamily","lineHeight","fontWeight","textStyle","Text","Footer","paddingHorizontal","paddingVertical","glassBgColor","blurRadius","flexDirection","alignItems","backgroundColor","Platform","OS","backdropFilter","FooterTitle","FooterSubtitle","_default","exports"],"sourceRoot":"../../../../src","sources":["components/MediaCard/MediaCard.tsx"],"mappings":"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","ignoreList":[]}