@ledgerhq/lumen-ui-rnative 0.1.11 → 0.1.13

package/dist/module/lib/Components/MediaCard/MediaCard.js

@@ -0,0 +1,183 @@
+"use strict";
+
+import { useState } from 'react';
+import { Image, StyleSheet, View } from 'react-native';
+import { useCommonTranslation } from "../../../i18n/index.js";
+import { useStyleSheet } from "../../../styles/index.js";
+import { Close } from "../../Symbols/index.js";
+import { InteractiveIcon } from "../InteractiveIcon/index.js";
+import { LinearGradient, Pressable, Text } from "../Utility/index.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const CARD_HEIGHT = 164;
+const useStyles = () => useStyleSheet(t => ({
+  root: {
+    position: 'relative',
+    width: t.sizes.full,
+    height: CARD_HEIGHT,
+    borderRadius: t.borderRadius.md,
+    overflow: 'hidden',
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    justifyContent: 'flex-end',
+    backgroundColor: t.colors.bg.muted
+  },
+  content: {
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    gap: t.spacings.s8,
+    width: t.sizes.full,
+    minWidth: 0,
+    padding: t.spacings.s12
+  },
+  title: {
+    ...t.typographies.heading3SemiBold,
+    color: t.colors.text.white
+  },
+  closeButton: {
+    position: 'absolute',
+    top: t.spacings.s12,
+    right: t.spacings.s12
+  },
+  gradientOverlays: {
+    color: t.colors.text.black
+  },
+  pressedOverlay: {
+    backgroundColor: t.colors.bg.mutedTransparentPressed
+  }
+}), []);
+
+/**
+ * Title text for the card, styled with heading typography and white color.
+ */
+export const MediaCardTitle = ({
+  children,
+  lx = {},
+  style,
+  ref,
+  ...props
+}) => {
+  const styles = useStyles();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    lx: lx,
+    style: StyleSheet.flatten([styles.title, style]),
+    numberOfLines: 3,
+    ellipsizeMode: "tail",
+    ...props,
+    children: children
+  });
+};
+MediaCardTitle.displayName = 'MediaCardTitle';
+const GradientOverlays = () => {
+  const styles = useStyles();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(LinearGradient, {
+      direction: "to-top",
+      stops: [{
+        color: styles.gradientOverlays.color,
+        opacity: 0.8,
+        offset: 0
+      }, {
+        color: styles.gradientOverlays.color,
+        opacity: 0,
+        offset: 0.75
+      }],
+      style: StyleSheet.absoluteFill,
+      pointerEvents: "none",
+      accessible: false
+    }), /*#__PURE__*/_jsx(LinearGradient, {
+      direction: 45,
+      stops: [{
+        color: styles.gradientOverlays.color,
+        opacity: 0,
+        offset: 0.6
+      }, {
+        color: styles.gradientOverlays.color,
+        opacity: 0.8
+      }],
+      style: StyleSheet.absoluteFill,
+      pointerEvents: "none",
+      accessible: false
+    })]
+  });
+};
+
+/**
+ * A media card component for displaying a full-bleed background image with
+ * composable content and a close button, using gradient overlays to ensure
+ * readability.
+ *
+ * @example
+ * import { MediaCard, MediaCardTitle } from '@ledgerhq/lumen-ui-rnative';
+ * import { Tag } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <MediaCard imageUrl="/image.jpg" onPress={() => {}} onClose={() => {}}>
+ *   <Tag label="New" size="md" />
+ *   <MediaCardTitle>Card title</MediaCardTitle>
+ * </MediaCard>
+ *
+ * // Without close button
+ * <MediaCard imageUrl="/image.jpg" onPress={() => {}}>
+ *   <MediaCardTitle>Card title</MediaCardTitle>
+ * </MediaCard>
+ */
+export const MediaCard = ({
+  ref,
+  children,
+  imageUrl,
+  onPress,
+  onClose,
+  closeAccessibilityLabel,
+  lx = {},
+  style,
+  ...pressableProps
+}) => {
+  const {
+    t
+  } = useCommonTranslation();
+  const [imageLoadError, setImageLoadError] = useState(false);
+  const showImage = imageUrl && !imageLoadError;
+  const styles = useStyles();
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: ref,
+    lx: lx,
+    style: StyleSheet.flatten([styles.root, style]),
+    accessibilityRole: onPress ? 'button' : undefined,
+    onPress: onPress,
+    ...pressableProps,
+    children: ({
+      pressed
+    }) => /*#__PURE__*/_jsxs(_Fragment, {
+      children: [showImage && /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: imageUrl
+        },
+        style: [StyleSheet.absoluteFill, imageLoadError && {
+          opacity: 0
+        }],
+        accessible: false,
+        onError: () => setImageLoadError(true),
+        testID: "media-card-image"
+      }), /*#__PURE__*/_jsx(GradientOverlays, {}), /*#__PURE__*/_jsx(View, {
+        style: styles.content,
+        children: children
+      }), onClose && /*#__PURE__*/_jsx(InteractiveIcon, {
+        iconType: "stroked",
+        appearance: "white",
+        style: styles.closeButton,
+        onPress: onClose,
+        accessibilityLabel: closeAccessibilityLabel || t('common.closeAriaLabel'),
+        testID: "media-card-close-button",
+        children: /*#__PURE__*/_jsx(Close, {
+          size: 20
+        })
+      }), pressed && /*#__PURE__*/_jsx(View, {
+        style: [StyleSheet.absoluteFill, styles.pressedOverlay],
+        pointerEvents: "none",
+        accessible: false
+      })]
+    })
+  });
+};
+MediaCard.displayName = 'MediaCard';
+//# sourceMappingURL=MediaCard.js.map

package/dist/module/lib/Components/MediaCard/MediaCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Image","StyleSheet","View","useCommonTranslation","useStyleSheet","Close","InteractiveIcon","LinearGradient","Pressable","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CARD_HEIGHT","useStyles","t","root","position","width","sizes","full","height","borderRadius","md","overflow","flexDirection","alignItems","justifyContent","backgroundColor","colors","bg","muted","content","gap","spacings","s8","minWidth","padding","s12","title","typographies","heading3SemiBold","color","text","white","closeButton","top","right","gradientOverlays","black","pressedOverlay","mutedTransparentPressed","MediaCardTitle","children","lx","style","ref","props","styles","flatten","numberOfLines","ellipsizeMode","displayName","GradientOverlays","direction","stops","opacity","offset","absoluteFill","pointerEvents","accessible","MediaCard","imageUrl","onPress","onClose","closeAccessibilityLabel","pressableProps","imageLoadError","setImageLoadError","showImage","accessibilityRole","undefined","pressed","source","uri","onError","testID","iconType","appearance","accessibilityLabel","size"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaCard/MediaCard.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/MediaCard/MediaCard.mdx

@@ -0,0 +1,111 @@
+import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
+import * as MediaCardStories from './MediaCard.stories';
+import { CustomTabs, Tab } from '../../../../.storybook/components';
+import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
+
+<Meta title='Communication/MediaCard' of={MediaCardStories} />
+
+# MediaCard
+
+<CustomTabs>
+  <Tab label="Overview">
+
+## Introduction
+
+MediaCard is a promotional card component that displays a full-bleed background image with gradient overlays for text readability. It uses a simplified compound pattern with `MediaCardTitle` for the text and free-form children for leading content (e.g. tags, icons).
+
+> View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=15160-2853).
+
+## Anatomy
+
+<Canvas of={MediaCardStories.Base} />
+
+- **MediaCard**: Root pressable container with background image and gradient overlays
+- **MediaCardTitle**: Styled title text (clamps at 3 lines)
+- **Leading content**: Any element rendered before `MediaCardTitle` (tags, badges, icons) — no wrapper needed
+- **Close button**: Rendered via the `onClose` prop (positioned absolute top-right) — only visible when `onClose` is provided
+
+## Properties
+
+<Canvas of={MediaCardStories.Base} />
+<Controls of={MediaCardStories.Base} />
+
+### Layout
+
+The card fills its parent width by default.
+
+<Canvas of={MediaCardStories.LayoutShowcase} />
+
+### Compositions
+
+Leading content is optional — just place any element before `MediaCardTitle` inside `MediaCard`.
+
+<Canvas of={MediaCardStories.CompositionShowcase} />
+
+## Accessibility
+
+- The root element uses `accessibilityRole='button'` when `onPress` is provided
+- The close button includes an `accessibilityLabel` (auto-translated via i18n) — only rendered when `onClose` is provided
+- The background image is not accessible (`accessible={false}`) since it is decorative
+- Components forward refs and spread props for accessibility support
+
+</Tab>
+<Tab label="Implementation">
+
+## Setup
+
+Install and set up the library with our [Setup Guide →](?path=/docs/getting-started-setup--docs).
+
+## Basic Usage
+
+Both `onPress` and `onClose` are optional. When `onClose` is omitted, the close button is hidden. When `onPress` is omitted, the card is non-interactive.
+
+```tsx
+import { MediaCard, MediaCardTitle, Tag } from '@ledgerhq/lumen-ui-rnative';
+
+function MyComponent() {
+  return (
+    <MediaCard
+      imageUrl='https://example.com/promo.jpg'
+      onPress={() => console.log('pressed')}
+      onClose={() => console.log('closed')}
+    >
+      <Tag label='New' size='md' />
+      <MediaCardTitle>Card title</MediaCardTitle>
+    </MediaCard>
+  );
+}
+```
+
+### Without Close Button
+
+Omit `onClose` to hide the close button — useful for non-dismissible promotions:
+
+```tsx
+<MediaCard
+  imageUrl='https://example.com/promo.jpg'
+  onPress={() => console.log('pressed')}
+>
+  <Tag label='New' size='md' />
+  <MediaCardTitle>Card title</MediaCardTitle>
+</MediaCard>
+```
+
+### Layout Adjustments with lx
+
+Use the `lx` prop for layout adjustments like margins or positioning:
+
+```tsx
+<MediaCard
+  imageUrl='https://example.com/promo.jpg'
+  onPress={() => console.log('pressed')}
+  lx={{ marginTop: 's16', marginBottom: 's8' }}
+>
+  <MediaCardTitle>With margin</MediaCardTitle>
+</MediaCard>
+```
+
+<CommonRulesDoAndDont />
+
+</Tab>
+</CustomTabs>

package/dist/module/lib/Components/MediaCard/MediaCard.stories.js

@@ -0,0 +1,199 @@
+"use strict";
+
+import { CryptoIcon } from '@ledgerhq/crypto-icons';
+import { useState } from 'react';
+import { Button } from "../Button/index.js";
+import { Tag } from "../Tag/index.js";
+import { Box, Text } from "../Utility/index.js";
+import { MediaCard, MediaCardTitle } from "./MediaCard.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  component: MediaCard,
+  subcomponents: {
+    MediaCardTitle
+  },
+  title: 'Communication/MediaCard',
+  parameters: {
+    layout: 'centered',
+    backgrounds: {
+      default: 'light'
+    },
+    docs: {
+      source: {
+        language: 'tsx',
+        format: true,
+        type: 'code'
+      }
+    }
+  }
+};
+export default meta;
+const EXAMPLE_SRC = 'https://ledger-wp-website-s3-prd.ledger.com/uploads/2026/03/hero_visual-1.webp';
+const baseArgs = {
+  imageUrl: EXAMPLE_SRC,
+  onPress: () => ({}),
+  onClose: () => ({})
+};
+export const Base = {
+  args: baseArgs,
+  render: args => /*#__PURE__*/_jsx(Box, {
+    lx: {
+      width: 's320'
+    },
+    children: /*#__PURE__*/_jsxs(MediaCard, {
+      ...args,
+      children: [/*#__PURE__*/_jsx(Tag, {
+        label: "Label",
+        size: "md"
+      }), /*#__PURE__*/_jsxs(MediaCardTitle, {
+        children: ["Black Friday sale.", /*#__PURE__*/_jsxs(Text, {
+          typography: "heading3SemiBold",
+          lx: {
+            color: 'active'
+          },
+          children: [' ', "3 days with no fees", ' ']
+        }), "on your transactions."]
+      })]
+    })
+  }),
+  parameters: {
+    docs: {
+      source: {
+        code: `
+<MediaCard imageUrl="/promo.jpg" onPress={() => {}} onClose={() => {}}>
+  <Tag label='Label' size='md' />
+  <MediaCardTitle>
+    Black Friday sale.
+    <Text typography='heading3SemiBold' lx={{ color: 'active' }}>
+      {' '}
+      3 days with no fees{' '}
+    </Text>
+    on your transactions.
+  </MediaCardTitle>
+</MediaCard>`
+      }
+    }
+  }
+};
+export const LayoutShowcase = {
+  render: () => /*#__PURE__*/_jsx(Box, {
+    lx: {
+      flexDirection: 'column',
+      width: 's320',
+      gap: 's16',
+      padding: 's8'
+    },
+    children: /*#__PURE__*/_jsxs(MediaCard, {
+      ...baseArgs,
+      children: [/*#__PURE__*/_jsx(Tag, {
+        label: "Label",
+        size: "md"
+      }), /*#__PURE__*/_jsx(MediaCardTitle, {
+        children: "Full width card"
+      })]
+    })
+  }),
+  parameters: {
+    docs: {
+      source: {
+        code: `
+<MediaCard imageUrl="/promo.jpg" onPress={() => {}} onClose={() => {}}>
+  <Tag label="Label" size="md" />
+  <MediaCardTitle>Full width card</MediaCardTitle>
+</MediaCard>`
+      }
+    }
+  }
+};
+export const CompositionShowcase = {
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'column',
+      width: 's320',
+      gap: 's16',
+      padding: 's8'
+    },
+    children: [/*#__PURE__*/_jsx(MediaCard, {
+      ...baseArgs,
+      children: /*#__PURE__*/_jsx(MediaCardTitle, {
+        children: "Title only"
+      })
+    }), /*#__PURE__*/_jsxs(MediaCard, {
+      ...baseArgs,
+      children: [/*#__PURE__*/_jsx(Tag, {
+        label: "Promo",
+        size: "md"
+      }), /*#__PURE__*/_jsx(MediaCardTitle, {
+        children: "With tag and title"
+      })]
+    }), /*#__PURE__*/_jsxs(MediaCard, {
+      ...baseArgs,
+      children: [/*#__PURE__*/_jsx(CryptoIcon, {
+        ledgerId: "bitcoin",
+        ticker: "BTC",
+        size: "32px"
+      }), /*#__PURE__*/_jsx(MediaCardTitle, {
+        children: "With crypto icon"
+      })]
+    })]
+  }),
+  parameters: {
+    docs: {
+      source: {
+        code: `
+{/* Title only */}
+<MediaCard imageUrl="/promo.jpg" onPress={() => {}} onClose={() => {}}>
+  <MediaCardTitle>Title only</MediaCardTitle>
+</MediaCard>
+
+{/* With tag */}
+<MediaCard imageUrl="/promo.jpg" onPress={() => {}} onClose={() => {}}>
+  <Tag label="Promo" size="md" />
+  <MediaCardTitle>With tag and title</MediaCardTitle>
+</MediaCard>
+
+{/* With crypto icon */}
+<MediaCard imageUrl="/promo.jpg" onPress={() => {}} onClose={() => {}}>
+  <CryptoIcon ledgerId="bitcoin" ticker="BTC" size="32px" />
+  <MediaCardTitle>With crypto icon</MediaCardTitle>
+</MediaCard>`
+      }
+    }
+  }
+};
+export const WithClose = {
+  render: () => {
+    const [visible, setVisible] = useState(true);
+    if (!visible) {
+      return /*#__PURE__*/_jsx(Button, {
+        appearance: "transparent",
+        size: "sm",
+        onPress: () => setVisible(true),
+        children: "Show card again"
+      });
+    }
+    return /*#__PURE__*/_jsx(Box, {
+      lx: {
+        width: 's320'
+      },
+      children: /*#__PURE__*/_jsxs(MediaCard, {
+        imageUrl: EXAMPLE_SRC,
+        onPress: () => ({}),
+        onClose: () => setVisible(false),
+        children: [/*#__PURE__*/_jsx(Tag, {
+          label: "Label",
+          size: "md"
+        }), /*#__PURE__*/_jsxs(MediaCardTitle, {
+          children: ["Black Friday sale.", /*#__PURE__*/_jsxs(Text, {
+            typography: "heading3SemiBold",
+            lx: {
+              color: 'active'
+            },
+            children: [' ', "3 days with no fees", ' ']
+          }), "on your transactions."]
+        })]
+      })
+    });
+  }
+};
+//# sourceMappingURL=MediaCard.stories.js.map

package/dist/module/lib/Components/MediaCard/MediaCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CryptoIcon","useState","Button","Tag","Box","Text","MediaCard","MediaCardTitle","jsx","_jsx","jsxs","_jsxs","meta","component","subcomponents","title","parameters","layout","backgrounds","default","docs","source","language","format","type","EXAMPLE_SRC","baseArgs","imageUrl","onPress","onClose","Base","args","render","lx","width","children","label","size","typography","color","code","LayoutShowcase","flexDirection","gap","padding","CompositionShowcase","ledgerId","ticker","WithClose","visible","setVisible","appearance"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaCard/MediaCard.stories.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/MediaCard/MediaCard.test.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import { describe, it, expect, jest } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { fireEvent, render } from '@testing-library/react-native';
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { MediaCard, MediaCardTitle } from "./MediaCard.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TestWrapper = ({
+  children
+}) => /*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "dark",
+  locale: "en",
+  children: children
+});
+const makeProps = () => ({
+  imageUrl: 'https://example.com/image.jpg',
+  onPress: jest.fn(),
+  onClose: jest.fn()
+});
+describe('MediaCard', () => {
+  it('should render title', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(MediaCard, {
+        ...makeProps(),
+        children: /*#__PURE__*/_jsx(MediaCardTitle, {
+          children: "Title"
+        })
+      })
+    }));
+    getByText('Title');
+  });
+  it('should render leading content and title', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsxs(MediaCard, {
+        ...makeProps(),
+        children: [/*#__PURE__*/_jsx(MediaCardTitle, {
+          children: "Tag"
+        }), /*#__PURE__*/_jsx(MediaCardTitle, {
+          children: "Title"
+        })]
+      })
+    }));
+    getByText('Tag');
+    getByText('Title');
+  });
+  it('should fire onPress on press', () => {
+    const props = makeProps();
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(MediaCard, {
+        ...props,
+        testID: "media-card",
+        children: /*#__PURE__*/_jsx(MediaCardTitle, {
+          children: "Title"
+        })
+      })
+    }));
+    fireEvent.press(getByTestId('media-card'));
+    expect(props.onPress).toHaveBeenCalledTimes(1);
+  });
+  it('should render image when imageUrl is provided', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(MediaCard, {
+        ...makeProps(),
+        children: /*#__PURE__*/_jsx(MediaCardTitle, {
+          children: "Title"
+        })
+      })
+    }));
+    expect(getByTestId('media-card-image')).toBeTruthy();
+  });
+  it('should hide image on error', () => {
+    const {
+      getByTestId,
+      queryByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(MediaCard, {
+        ...makeProps(),
+        children: /*#__PURE__*/_jsx(MediaCardTitle, {
+          children: "Title"
+        })
+      })
+    }));
+    const img = getByTestId('media-card-image');
+    fireEvent(img, 'onError');
+    expect(queryByTestId('media-card-image')).toBeNull();
+  });
+  it('should fire onClose on close button press', () => {
+    const props = makeProps();
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(MediaCard, {
+        ...props,
+        children: /*#__PURE__*/_jsx(MediaCardTitle, {
+          children: "Title"
+        })
+      })
+    }));
+    fireEvent.press(getByTestId('media-card-close-button'));
+    expect(props.onClose).toHaveBeenCalledTimes(1);
+  });
+  it('should not render close button when onClose is not provided', () => {
+    const {
+      queryByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(MediaCard, {
+        imageUrl: "https://example.com/image.jpg",
+        children: /*#__PURE__*/_jsx(MediaCardTitle, {
+          children: "Title"
+        })
+      })
+    }));
+    expect(queryByTestId('media-card-close-button')).toBeNull();
+  });
+  it('should not have button role when onPress is not provided', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(MediaCard, {
+        imageUrl: "https://example.com/image.jpg",
+        testID: "media-card",
+        children: /*#__PURE__*/_jsx(MediaCardTitle, {
+          children: "Title"
+        })
+      })
+    }));
+    expect(getByTestId('media-card').props.accessibilityRole).toBeUndefined();
+  });
+});
+//# sourceMappingURL=MediaCard.test.js.map

package/dist/module/lib/Components/MediaCard/MediaCard.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","fireEvent","render","ThemeProvider","MediaCard","MediaCardTitle","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","makeProps","imageUrl","onPress","fn","onClose","getByText","props","getByTestId","testID","press","toHaveBeenCalledTimes","toBeTruthy","queryByTestId","img","toBeNull","accessibilityRole","toBeUndefined"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaCard/MediaCard.test.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/MediaCard/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { MediaCard, MediaCardTitle } from "./MediaCard.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/module/lib/Components/MediaCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MediaCard","MediaCardTitle"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaCard/index.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,cAAc,QAAQ,gBAAa;AACvD,cAAc,YAAS","ignoreList":[]}

package/dist/module/lib/Components/MediaCard/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map