@ledgerhq/native-ui 0.53.0 → 0.54.0-nightly.20260120133631

package/lib/assets/index.js

@@ -1,6 +1,3 @@
-import * as IconsLegacy_1 from "@ledgerhq/icons-ui/nativeLegacy";
-export { IconsLegacy_1 as IconsLegacy };
-import * as Icons_1 from "@ledgerhq/icons-ui/native";
-export { Icons_1 as Icons };
-import * as Logos_1 from "./logos";
-export { Logos_1 as Logos };
+export * as IconsLegacy from "@ledgerhq/icons-ui/nativeLegacy";
+export * as Icons from "@ledgerhq/icons-ui/native";
+export * as Logos from "./logos";

package/lib/assets/logos/LedgerLiveAltRegular.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type JSX } from "react";
 type Props = {
     width?: number | string;
     height?: number | string;

package/lib/assets/logos/LedgerLiveAltRegular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LedgerLiveAltRegular.d.ts","sourceRoot":"","sources":["../../../src/assets/logos/LedgerLiveAltRegular.tsx"],"names":[],"mappings":";AAGA,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,iBAAS,oBAAoB,CAAC,EAC5B,KAAU,EACV,MAAW,EACX,KAAsB,GACvB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CASrB;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"LedgerLiveAltRegular.d.ts","sourceRoot":"","sources":["../../../src/assets/logos/LedgerLiveAltRegular.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,iBAAS,oBAAoB,CAAC,EAC5B,KAAU,EACV,MAAW,EACX,KAAsB,GACvB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CASrB;AAED,eAAe,oBAAoB,CAAC"}

package/lib/assets/logos/LedgerLiveAltRegular.js

@@ -1,7 +1,6 @@
-import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
 function LedgerLiveAltRegular({ width = 38, height = 32, color = "currentColor", }) {
-    return (React.createElement(Svg, { width: width, height: height, viewBox: "0 0 38 32", fill: "none" },
-        React.createElement(Path, { d: "M0.620148 22.9137V32H14.4471V29.9849H2.63476V22.9137H0.620148ZM35.3653 22.9137V29.9849H23.553V31.9995H37.3799V22.9137H35.3653ZM14.4671 9.08631V22.9132H23.553V21.0961H16.4817V9.08631H14.4671ZM0.620148 0V9.08631H2.63476V2.01461H14.4471V0H0.620148ZM23.553 0V2.01461H35.3653V9.08631H37.3799V0H23.553Z", fill: color })));
+    return (_jsx(Svg, { width: width, height: height, viewBox: "0 0 38 32", fill: "none", children: _jsx(Path, { d: "M0.620148 22.9137V32H14.4471V29.9849H2.63476V22.9137H0.620148ZM35.3653 22.9137V29.9849H23.553V31.9995H37.3799V22.9137H35.3653ZM14.4671 9.08631V22.9132H23.553V21.0961H16.4817V9.08631H14.4671ZM0.620148 0V9.08631H2.63476V2.01461H14.4471V0H0.620148ZM23.553 0V2.01461H35.3653V9.08631H37.3799V0H23.553Z", fill: color }) }));
 }
 export default LedgerLiveAltRegular;

package/lib/assets/logos/LedgerLiveRegular.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { JSX } from "react";
 type Props = {
     width?: number | string;
     height?: number | string;

package/lib/assets/logos/LedgerLiveRegular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LedgerLiveRegular.d.ts","sourceRoot":"","sources":["../../../src/assets/logos/LedgerLiveRegular.tsx"],"names":[],"mappings":";AAGA,KAAK,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnF,iBAAS,iBAAiB,CAAC,EACzB,KAAW,EACX,MAAW,EACX,KAAsB,GACvB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAwBrB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"LedgerLiveRegular.d.ts","sourceRoot":"","sources":["../../../src/assets/logos/LedgerLiveRegular.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,KAAK,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnF,iBAAS,iBAAiB,CAAC,EACzB,KAAW,EACX,MAAW,EACX,KAAsB,GACvB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAwBrB;AAED,eAAe,iBAAiB,CAAC"}

package/lib/assets/logos/LedgerLiveRegular.js

@@ -1,13 +1,6 @@
-import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
 function LedgerLiveRegular({ width = 220, height = 60, color = "currentColor", }) {
-    return (React.createElement(Svg, { width: width, height: height, viewBox: "0 0 220 60", fill: "none" },
-        React.createElement(Path, { d: "M0 42.9632V60H25.9539V56.2217H3.78153V42.9632H0ZM65.2185 42.9632V56.2217H43.0461V59.9991H69V42.9632H65.2185ZM25.9915 17.0368V42.9623H43.0461V39.5551H29.7731V17.0368H25.9915ZM0 0V17.0368H3.78153V3.7774H25.9539V0H0ZM43.0461 0V3.7774H65.2185V17.0368H69V0H43.0461Z", fill: color }),
-        React.createElement(Path, { d: "M86.7939 17.75H90.5814L92.1189 39.725H92.6439L94.4814 22.2125H100.144L102.019 39.725H102.544L104.156 17.75H107.794L105.356 44H99.5439L97.5564 26.4875H97.0314L95.0439 44H89.2314L86.7939 17.75Z", fill: color }),
-        React.createElement(Path, { d: "M129.904 44H125.892L124.204 37.625H115.317L113.554 44H109.654L117.229 17.75H122.554L129.904 44ZM116.254 34.175H123.304L120.117 22.025H119.592L116.254 34.175Z", fill: color }),
-        React.createElement(Path, { d: "M134.577 17.75H138.402V40.55H151.827V44H134.577V17.75Z", fill: color }),
-        React.createElement(Path, { d: "M157.062 17.75H160.887V40.55H174.312V44H157.062V17.75Z", fill: color }),
-        React.createElement(Path, { d: "M179.173 17.75H195.673V21.2H182.998V29.075H194.548V32.525H182.998V40.55H196.235V44H179.173V17.75Z", fill: color }),
-        React.createElement(Path, { d: "M207.808 21.2H199.596V17.75H219.846V21.2H211.633V44H207.808V21.2Z", fill: color })));
+    return (_jsxs(Svg, { width: width, height: height, viewBox: "0 0 220 60", fill: "none", children: [_jsx(Path, { d: "M0 42.9632V60H25.9539V56.2217H3.78153V42.9632H0ZM65.2185 42.9632V56.2217H43.0461V59.9991H69V42.9632H65.2185ZM25.9915 17.0368V42.9623H43.0461V39.5551H29.7731V17.0368H25.9915ZM0 0V17.0368H3.78153V3.7774H25.9539V0H0ZM43.0461 0V3.7774H65.2185V17.0368H69V0H43.0461Z", fill: color }), _jsx(Path, { d: "M86.7939 17.75H90.5814L92.1189 39.725H92.6439L94.4814 22.2125H100.144L102.019 39.725H102.544L104.156 17.75H107.794L105.356 44H99.5439L97.5564 26.4875H97.0314L95.0439 44H89.2314L86.7939 17.75Z", fill: color }), _jsx(Path, { d: "M129.904 44H125.892L124.204 37.625H115.317L113.554 44H109.654L117.229 17.75H122.554L129.904 44ZM116.254 34.175H123.304L120.117 22.025H119.592L116.254 34.175Z", fill: color }), _jsx(Path, { d: "M134.577 17.75H138.402V40.55H151.827V44H134.577V17.75Z", fill: color }), _jsx(Path, { d: "M157.062 17.75H160.887V40.55H174.312V44H157.062V17.75Z", fill: color }), _jsx(Path, { d: "M179.173 17.75H195.673V21.2H182.998V29.075H194.548V32.525H182.998V40.55H196.235V44H179.173V17.75Z", fill: color }), _jsx(Path, { d: "M207.808 21.2H199.596V17.75H219.846V21.2H211.633V44H207.808V21.2Z", fill: color })] }));
 }
 export default LedgerLiveRegular;

package/lib/components/Cards/BannerCard/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { type JSX } from "react";
 import { TouchableOpacityProps } from "react-native";
 export type CardProps = TouchableOpacityProps & {
     title?: string;
@@ -10,21 +10,17 @@ export type CardProps = TouchableOpacityProps & {
 type CloseProps = {
     onPressDismiss?: () => void;
 };
-export declare const Container: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Omit<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, "ref"> & {
-    ref?: ((instance: import("react-native").View | null) => void) | React.RefObject<import("react-native").View> | null | undefined;
-}, never>>;
-export declare const CloseContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Omit<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, "ref"> & {
-    ref?: ((instance: import("react-native").View | null) => void) | React.RefObject<import("react-native").View> | null | undefined;
-}, never>>;
-export declare const ChevronContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "height" | "width" | "border" | "size" | "display" | "opacity" | "order" | "overflow" | "position" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "verticalAlign" | "backgroundColor" | "borderColor" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
+export declare const Container: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
+export declare const CloseContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
+export declare const ChevronContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderColor" | "overflow" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
     columnGap?: string | number | undefined;
     rowGap?: string | number | undefined;
     color?: string | undefined;
     display?: string | undefined;
     position?: string | undefined;
     maxHeight?: string | number | undefined;
-}, never>>;
-export declare const CloseButton: ({ onPressDismiss }: CloseProps) => React.JSX.Element;
+}, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
+export declare const CloseButton: ({ onPressDismiss }: CloseProps) => import("react/jsx-runtime").JSX.Element;
 declare const BannerCard: (props: CardProps) => React.ReactElement;
 export default BannerCard;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Cards/BannerCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/BannerCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAMvE,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,eAAe,EAAE,OAAO,GAAG,OAAO,CAAC;CACpC,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,SAAS;;UAUrB,CAAC;AAEF,eAAO,MAAM,cAAc;;UAQ1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;UAM5B,CAAC;AAEF,eAAO,MAAM,WAAW,uBAAwB,UAAU,sBAOzD,CAAC;AAsCF,QAAA,MAAM,UAAU,UAAW,SAAS,KAAG,MAAM,YAE5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/BannerCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAMvE,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,eAAe,EAAE,OAAO,GAAG,OAAO,CAAC;CACpC,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,SAAS,uUAUrB,CAAC;AAEF,eAAO,MAAM,cAAc,uUAQ1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;wHAM5B,CAAC;AAEF,eAAO,MAAM,WAAW,uBAAwB,UAAU,4CAOzD,CAAC;AAsCF,QAAA,MAAM,UAAU,UAAW,SAAS,KAAG,MAAM,YAE5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/Cards/BannerCard/index.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronRightMedium, CloseMedium } from "@ledgerhq/icons-ui/nativeLegacy";
 import { TouchableOpacity } from "react-native";
 import styled, { useTheme } from "styled-components/native";
@@ -33,19 +33,13 @@ export const ChevronContainer = styled(Flex) `
 `;
 export const CloseButton = ({ onPressDismiss }) => {
     const { colors } = useTheme();
-    return (React.createElement(CloseContainer, { onPress: onPressDismiss },
-        React.createElement(CloseMedium, { size: 14, color: colors.neutral.c100 })));
+    return (_jsx(CloseContainer, { onPress: onPressDismiss, children: _jsx(CloseMedium, { size: 14, color: colors.neutral.c100 }) }));
 };
 const CardContainer = (props) => {
     const { onPressDismiss, LeftElement, LeftElementNotCirlcled, title, typeOfRightIcon } = props;
-    return (React.createElement(Container, { ...props },
-        LeftElementNotCirlcled ? (LeftElement) : (React.createElement(Flex, { borderRadius: 50, height: 40, width: 40, alignItems: "center", justifyContent: "center", bg: "opacityDefault.c05" }, LeftElement)),
-        React.createElement(Flex, { flexShrink: 1 },
-            React.createElement(Text, { mx: 4, variant: "large", fontWeight: "medium", numberOfLines: 2, color: "neutral.c100" }, title)),
-        typeOfRightIcon === "close" ? (React.createElement(CloseButton, { onPressDismiss: onPressDismiss })) : (React.createElement(ChevronContainer, null,
-            React.createElement(ChevronRightMedium, { size: 24 })))));
+    return (_jsxs(Container, { ...props, children: [LeftElementNotCirlcled ? (LeftElement) : (_jsx(Flex, { borderRadius: 50, height: 40, width: 40, alignItems: "center", justifyContent: "center", bg: "opacityDefault.c05", children: LeftElement })), _jsx(Flex, { flexShrink: 1, children: _jsx(Text, { mx: 4, variant: "large", fontWeight: "medium", numberOfLines: 2, color: "neutral.c100", children: title }) }), typeOfRightIcon === "close" ? (_jsx(CloseButton, { onPressDismiss: onPressDismiss })) : (_jsx(ChevronContainer, { children: _jsx(ChevronRightMedium, { size: 24 }) }))] }));
 };
 const BannerCard = (props) => {
-    return React.createElement(CardContainer, { ...props, activeOpacity: 0.5 });
+    return _jsx(CardContainer, { ...props, activeOpacity: 0.5 });
 };
 export default BannerCard;

package/lib/components/Cards/FullBackgroundCard/ColoredGradient.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { type JSX } from "react";
 import Svg from "react-native-svg";
 export type Props = {
     color: string;

package/lib/components/Cards/FullBackgroundCard/ColoredGradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColoredGradient.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/FullBackgroundCard/ColoredGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAyC,MAAM,kBAAkB,CAAC;AAUzE,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;CACnD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAoBnF"}
+{"version":3,"file":"ColoredGradient.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/FullBackgroundCard/ColoredGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,GAAyC,MAAM,kBAAkB,CAAC;AAUzE,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;CACnD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAoBnF"}

package/lib/components/Cards/FullBackgroundCard/ColoredGradient.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Svg, { LinearGradient, Defs, Stop, Rect } from "react-native-svg";
 import styled from "styled-components/native";
 const StyledSVG = styled(Svg) `
@@ -8,11 +8,5 @@ const StyledSVG = styled(Svg) `
   height: 164px;
 `;
 export default function Gradient({ color, opacityColor, style }) {
-    return (React.createElement(StyledSVG, { style: style },
-        React.createElement(Defs, null,
-            React.createElement(LinearGradient, { id: "myGradient", x1: "0%", y1: "0%", x2: "100%", y2: "100%", gradientUnits: "userSpaceOnUse" },
-                React.createElement(Stop, { key: "0%", offset: "40%", stopOpacity: 1, stopColor: color }),
-                React.createElement(Stop, { key: "100%", offset: "100%", stopOpacity: 0, stopColor: color }))),
-        React.createElement(Rect, { rx: 8, x: "0", y: "0", width: "100%", height: "100%", opacity: 1, fill: "url(#myGradient)" }),
-        React.createElement(Rect, { rx: 8, x: "0", y: "0", width: "100%", height: "100%", opacity: 0.6, fill: opacityColor })));
+    return (_jsxs(StyledSVG, { style: style, children: [_jsx(Defs, { children: _jsxs(LinearGradient, { id: "myGradient", x1: "0%", y1: "0%", x2: "100%", y2: "100%", gradientUnits: "userSpaceOnUse", children: [_jsx(Stop, { offset: "40%", stopOpacity: 1, stopColor: color }, "0%"), _jsx(Stop, { offset: "100%", stopOpacity: 0, stopColor: color }, "100%")] }) }), _jsx(Rect, { rx: 8, x: "0", y: "0", width: "100%", height: "100%", opacity: 1, fill: "url(#myGradient)" }), _jsx(Rect, { rx: 8, x: "0", y: "0", width: "100%", height: "100%", opacity: 0.6, fill: opacityColor })] }));
 }

package/lib/components/Cards/FullBackgroundCard/ShadowGradient.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { type JSX } from "react";
 import Svg from "react-native-svg";
 export type Props = React.ComponentProps<typeof Svg> & {
     color: string;

package/lib/components/Cards/FullBackgroundCard/ShadowGradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShadowGradient.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/FullBackgroundCard/ShadowGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAyC,MAAM,kBAAkB,CAAC;AAUzE,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACrD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAmB9D"}
+{"version":3,"file":"ShadowGradient.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/FullBackgroundCard/ShadowGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,GAAyC,MAAM,kBAAkB,CAAC;AAUzE,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACrD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAmB9D"}

package/lib/components/Cards/FullBackgroundCard/ShadowGradient.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Svg, { LinearGradient, Defs, Stop, Rect } from "react-native-svg";
 import styled from "styled-components/native";
 const StyledSVG = styled(Svg) `
@@ -8,10 +8,5 @@ const StyledSVG = styled(Svg) `
   height: 100%;
 `;
 export default function Gradient({ color }) {
-    return (React.createElement(StyledSVG, null,
-        React.createElement(Defs, null,
-            React.createElement(LinearGradient, { id: "myGradient", x1: "0%", y1: "100%", x2: "100%", y2: "0%", gradientUnits: "userSpaceOnUse" },
-                React.createElement(Stop, { key: "0%", offset: "0%", stopOpacity: 0.8, stopColor: color }),
-                React.createElement(Stop, { key: "100%", offset: "100%", stopOpacity: 0.25, stopColor: color }))),
-        React.createElement(Rect, { rx: 8, x: "0", y: "0", width: "100%", height: "100%", opacity: 1, fill: "url(#myGradient)" })));
+    return (_jsxs(StyledSVG, { children: [_jsx(Defs, { children: _jsxs(LinearGradient, { id: "myGradient", x1: "0%", y1: "100%", x2: "100%", y2: "0%", gradientUnits: "userSpaceOnUse", children: [_jsx(Stop, { offset: "0%", stopOpacity: 0.8, stopColor: color }, "0%"), _jsx(Stop, { offset: "100%", stopOpacity: 0.25, stopColor: color }, "100%")] }) }), _jsx(Rect, { rx: 8, x: "0", y: "0", width: "100%", height: "100%", opacity: 1, fill: "url(#myGradient)" })] }));
 }

package/lib/components/Cards/FullBackgroundCard/index.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { TouchableOpacity, Image } from "react-native";
 import styled, { useTheme } from "styled-components/native";
 import { Flex, Text, Icon } from "../../index";
@@ -17,20 +18,8 @@ const FullBackgroundCard = ({ variant, backgroundImage, tag, description, onPres
     const backgroundVariantColor = variant && backgroundVariants[variant]
         ? backgroundVariants[variant]
         : backgroundVariants.purple;
-    return (React.createElement(Flex, { borderRadius: 8 },
-        React.createElement(TouchableOpacity, { activeOpacity: 0.5, onPress: onPress },
-            backgroundImage ? (React.createElement(React.Fragment, null,
-                React.createElement(ImageContent, { source: {
-                        uri: backgroundImage,
-                    }, style: { width: "100%", height: "100%", position: "absolute" } }),
-                React.createElement(ShadowGradient, { color: colors.neutral.c00 }))) : (React.createElement(ColoredGradient, { color: backgroundVariantColor, opacityColor: colors.neutral.c20 })),
-            React.createElement(Flex, { p: 6 },
-                React.createElement(Flex, { flexDirection: "row", justifyContent: "space-between", mb: 3 },
-                    React.createElement(Flex, { bg: "opacityDefault.c10", borderRadius: 6, px: 3, py: "6px", maxWidth: "80%" },
-                        React.createElement(Text, { variant: "small", fontWeight: "semiBold", color: "neutral.c90", numberOfLines: 1 }, tag)),
-                    React.createElement(TouchableOpacity, { onPress: onDismiss, style: { top: -8, right: -8 } },
-                        React.createElement(Flex, { bg: "neutral.c30", p: "6px", borderRadius: 24 },
-                            React.createElement(Icon, { name: "Close", size: 12, color: "neutral.c100" })))),
-                description ? (React.createElement(Text, { variant: "h4", fontWeight: "semiBold", color: "neutral.c100", numberOfLines: 3, height: "96px", lineHeight: "32.4px" }, highlight(description, "h4"))) : null))));
+    return (_jsx(Flex, { borderRadius: 8, children: _jsxs(TouchableOpacity, { activeOpacity: 0.5, onPress: onPress, children: [backgroundImage ? (_jsxs(_Fragment, { children: [_jsx(ImageContent, { source: {
+                                uri: backgroundImage,
+                            }, style: { width: "100%", height: "100%", position: "absolute" } }), _jsx(ShadowGradient, { color: colors.neutral.c00 })] })) : (_jsx(ColoredGradient, { color: backgroundVariantColor, opacityColor: colors.neutral.c20 })), _jsxs(Flex, { p: 6, children: [_jsxs(Flex, { flexDirection: "row", justifyContent: "space-between", mb: 3, children: [_jsx(Flex, { bg: "opacityDefault.c10", borderRadius: 6, px: 3, py: "6px", maxWidth: "80%", children: _jsx(Text, { variant: "small", fontWeight: "semiBold", color: "neutral.c90", numberOfLines: 1, children: tag }) }), _jsx(TouchableOpacity, { onPress: onDismiss, style: { top: -8, right: -8 }, children: _jsx(Flex, { bg: "neutral.c30", p: "6px", borderRadius: 24, children: _jsx(Icon, { name: "Close", size: 12, color: "neutral.c100" }) }) })] }), description ? (_jsx(Text, { variant: "h4", fontWeight: "semiBold", color: "neutral.c100", numberOfLines: 3, height: "96px", lineHeight: "32.4px", children: highlight(description, "h4") })) : null] })] }) }));
 };
 export default FullBackgroundCard;

package/lib/components/Cards/InformativeCard/index.d.ts

@@ -7,6 +7,6 @@ export type CardProps = TouchableOpacityProps & {
     onClickCard?: () => void;
     imageProps?: Partial<ImageProps>;
 };
-declare const _default: React.MemoExoticComponent<(props: CardProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>;
+declare const _default: React.MemoExoticComponent<(props: CardProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Cards/InformativeCard/index.js

@@ -1,4 +1,5 @@
-import React, { memo } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
 import { TouchableOpacity, Image, StyleSheet, } from "react-native";
 import styled from "styled-components/native";
 import Text from "../../Text";
@@ -16,16 +17,11 @@ const styles = StyleSheet.create({
 });
 const CardContainer = (props) => {
     const { imageUrl, title, tag, imageProps } = props;
-    return (React.createElement(Flex, { flexDirection: "row" },
-        React.createElement(Flex, { justifyContent: "space-between", alignItems: "flex-start", py: 2, pr: imageUrl ? 4 : 2, flex: 1 },
-            React.createElement(Text, { variant: "body", fontWeight: "medium", color: "neutral.c100", numberOfLines: 2 }, title),
-            React.createElement(Text, { variant: "paragraph", fontWeight: "medium", color: "neutral.c70", numberOfLines: 1, mt: 4 }, tag)),
-        imageUrl && (React.createElement(ImageContent, { source: {
-                uri: imageUrl,
-            }, style: styles.image, ...imageProps }))));
+    return (_jsxs(Flex, { flexDirection: "row", children: [_jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", py: 2, pr: imageUrl ? 4 : 2, flex: 1, children: [_jsx(Text, { variant: "body", fontWeight: "medium", color: "neutral.c100", numberOfLines: 2, children: title }), _jsx(Text, { variant: "paragraph", fontWeight: "medium", color: "neutral.c70", numberOfLines: 1, mt: 4, children: tag })] }), imageUrl && (_jsx(ImageContent, { source: {
+                    uri: imageUrl,
+                }, style: styles.image, ...imageProps }))] }));
 };
 const InformativeCard = (props) => {
-    return (React.createElement(Base, { ...props, activeOpacity: 0.5, onPress: props.onClickCard },
-        React.createElement(CardContainer, { ...props })));
+    return (_jsx(Base, { ...props, activeOpacity: 0.5, onPress: props.onClickCard, children: _jsx(CardContainer, { ...props }) }));
 };
 export default memo(InformativeCard);

package/lib/components/Cards/NewBannerCard/index.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from "react";
+import { type ReactNode } from "react";
 import * as Icons from "@ledgerhq/icons-ui/native";
 import type { BaseStyledProps } from "../../styled";
 type Props = BaseStyledProps & Readonly<{
@@ -10,6 +10,6 @@ type Props = BaseStyledProps & Readonly<{
     unread?: boolean;
     onPress: () => void;
 }>;
-export default function NewBannerCard({ title, description, cta, icon, hasExternalLinkIcon, unread, onPress, p, borderRadius, ...styledProps }: Props): React.JSX.Element;
+export default function NewBannerCard({ title, description, cta, icon, hasExternalLinkIcon, unread, onPress, p, borderRadius, ...styledProps }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Cards/NewBannerCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/NewBannerCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,KAAK,MAAM,2BAA2B,CAAC;AAGnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,KAAK,KAAK,GAAG,eAAe,GAC1B,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,SAAS,CAAC;IACf,IAAI,EAAE,MAAM,OAAO,KAAK,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC,CAAC;AAEL,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,WAAW,EACX,GAAG,EACH,IAAI,EACJ,mBAAmB,EACnB,MAAM,EACN,OAAO,EACP,CAAK,EACL,YAAiB,EACjB,GAAG,WAAW,EACf,EAAE,KAAK,qBAsDP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/NewBannerCard/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,KAAK,MAAM,2BAA2B,CAAC;AAGnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,KAAK,KAAK,GAAG,eAAe,GAC1B,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,SAAS,CAAC;IACf,IAAI,EAAE,MAAM,OAAO,KAAK,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC,CAAC;AAEL,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,WAAW,EACX,GAAG,EACH,IAAI,EACJ,mBAAmB,EACnB,MAAM,EACN,OAAO,EACP,CAAK,EACL,YAAiB,EACjB,GAAG,WAAW,EACf,EAAE,KAAK,2CAsDP"}

package/lib/components/Cards/NewBannerCard/index.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Pressable } from "react-native";
 import { useTheme } from "styled-components/native";
 import * as Icons from "@ledgerhq/icons-ui/native";
@@ -7,15 +7,5 @@ import { Flex } from "../../Layout";
 import Text from "../../Text";
 export default function NewBannerCard({ title, description, cta, icon, hasExternalLinkIcon, unread, onPress, p = 4, borderRadius = 12, ...styledProps }) {
     const { theme } = useTheme();
-    return (React.createElement(Pressable, { onPress: onPress, style: (p) => [{ opacity: p.pressed ? 0.2 : 1.0 }] },
-        React.createElement(Flex, { flexDirection: "row", alignItems: "center", bg: theme === "dark" ? "opacityDefault.c05" : "background.default", p: p, borderRadius: borderRadius, ...styledProps },
-            React.createElement(Flex, { position: "relative" },
-                React.createElement(BannerIcon, { icon: icon }),
-                !!unread && (React.createElement(Flex, { bg: "error.c60", height: 8, width: 8, borderRadius: 4, position: "absolute", right: 0, bottom: 0 }))),
-            React.createElement(Flex, { ml: 5, flexShrink: 1 },
-                title && (React.createElement(Text, { color: "neutral.c70", variant: "subtitle" }, title)),
-                React.createElement(Text, { color: "neutral.c100", variant: "body", mt: 2 }, description),
-                React.createElement(Flex, { mt: 3, flexDirection: "row", alignItems: "center" },
-                    React.createElement(Text, { color: "primary.c80", variant: "paragraph", fontWeight: "semiBold", pr: hasExternalLinkIcon ? 3 : 0 }, cta),
-                    hasExternalLinkIcon && React.createElement(Icons.ExternalLink, { size: "S", color: "primary.c80" }))))));
+    return (_jsx(Pressable, { onPress: onPress, style: (p) => [{ opacity: p.pressed ? 0.2 : 1.0 }], children: _jsxs(Flex, { flexDirection: "row", alignItems: "center", bg: theme === "dark" ? "opacityDefault.c05" : "background.default", p: p, borderRadius: borderRadius, ...styledProps, children: [_jsxs(Flex, { position: "relative", children: [_jsx(BannerIcon, { icon: icon }), !!unread && (_jsx(Flex, { bg: "error.c60", height: 8, width: 8, borderRadius: 4, position: "absolute", right: 0, bottom: 0 }))] }), _jsxs(Flex, { ml: 5, flexShrink: 1, children: [title && (_jsx(Text, { color: "neutral.c70", variant: "subtitle", children: title })), _jsx(Text, { color: "neutral.c100", variant: "body", mt: 2, children: description }), _jsxs(Flex, { mt: 3, flexDirection: "row", alignItems: "center", children: [_jsx(Text, { color: "primary.c80", variant: "paragraph", fontWeight: "semiBold", pr: hasExternalLinkIcon ? 3 : 0, children: cta }), hasExternalLinkIcon && _jsx(Icons.ExternalLink, { size: "S", color: "primary.c80" })] })] })] }) }));
 }

package/lib/components/Cards/NotificationCard/index.d.ts

@@ -12,8 +12,6 @@ export type CardProps = TouchableOpacityProps & {
     viewed: boolean;
 };
 declare const NotificationCard: (props: CardProps) => React.ReactElement;
-export declare const Base: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Omit<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, "ref"> & {
-    ref?: ((instance: import("react-native").View | null) => void) | React.RefObject<import("react-native").View> | null | undefined;
-}, never>>;
+export declare const Base: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
 export default NotificationCard;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Cards/NotificationCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/NotificationCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AA0BF,QAAA,MAAM,gBAAgB,UAAW,SAAS,KAAG,MAAM,YAwElD,CAAC;AAEF,eAAO,MAAM,IAAI;;UAA6B,CAAC;AAM/C,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/NotificationCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AA0BF,QAAA,MAAM,gBAAgB,UAAW,SAAS,KAAG,MAAM,YAwElD,CAAC;AAEF,eAAO,MAAM,IAAI,uUAA6B,CAAC;AAM/C,eAAe,gBAAgB,CAAC"}

package/lib/components/Cards/NotificationCard/index.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { ExternalLinkMedium } from "@ledgerhq/icons-ui/nativeLegacy";
 import Text from "../../Text";
 import Flex from "../../Layout/Flex";
@@ -6,27 +7,15 @@ import Box from "../../Layout/Box";
 import Link from "../../cta/Link";
 import styled from "styled-components/native";
 import { TouchableOpacity } from "react-native";
-const Tag = ({ tag }) => (React.createElement(Flex, { bg: "opacityDefault.c10", borderRadius: 6, px: 3, py: "3px", maxWidth: "75%" },
-    React.createElement(Text, { variant: "small", fontWeight: "semiBold", color: "neutral.c90", numberOfLines: 1 }, tag)));
-const Timer = ({ time, viewed }) => (React.createElement(Flex, { flexDirection: "row", justifyContent: "space-between", alignItems: "center", ml: 2 },
-    React.createElement(Text, { variant: "small", fontWeight: "semiBold", color: "neutral.c90", numberOfLines: 1 }, time),
-    React.createElement(Box, { ml: 3, backgroundColor: viewed ? "transparent" : "error.c40", height: "8px", width: "8px", borderRadius: 24 })));
+const Tag = ({ tag }) => (_jsx(Flex, { bg: "opacityDefault.c10", borderRadius: 6, px: 3, py: "3px", maxWidth: "75%", children: _jsx(Text, { variant: "small", fontWeight: "semiBold", color: "neutral.c90", numberOfLines: 1, children: tag }) }));
+const Timer = ({ time, viewed }) => (_jsxs(Flex, { flexDirection: "row", justifyContent: "space-between", alignItems: "center", ml: 2, children: [_jsx(Text, { variant: "small", fontWeight: "semiBold", color: "neutral.c90", numberOfLines: 1, children: time }), _jsx(Box, { ml: 3, backgroundColor: viewed ? "transparent" : "error.c40", height: "8px", width: "8px", borderRadius: 24 })] }));
 const NotificationCard = (props) => {
     const { tag = "", time = "", title, description, cta, viewed, onClickCard, showLinkCta, link = "", } = props;
     const ctaIcon = useMemo(() => {
         const isDeepLink = link?.startsWith("ledgerlive:");
-        return link && isDeepLink ? undefined : () => React.createElement(ExternalLinkMedium, { color: "neutral.c100" });
+        return link && isDeepLink ? undefined : () => _jsx(ExternalLinkMedium, { color: "neutral.c100" });
     }, [link]);
-    return (React.createElement(Base, { onPress: onClickCard, activeOpacity: link ? 0.5 : 1 },
-        React.createElement(Flex, { width: "100%", flexDirection: "column" },
-            React.createElement(Flex, { flexDirection: "row", justifyContent: "space-between" },
-                React.createElement(Tag, { tag: tag }),
-                React.createElement(Timer, { time: time, viewed: viewed })),
-            React.createElement(Text, { variant: "large", fontWeight: "semiBold", color: "neutral.c100", numberOfLines: 1, mt: 4 }, title),
-            typeof description === "string" ? (React.createElement(Text, { variant: "bodyLineHeight", fontWeight: "medium", color: "neutral.c70", numberOfLines: 3, mt: 2, mb: showLinkCta ? 4 : 0 }, description)) : (React.createElement(Box, { mt: 2, mb: showLinkCta ? 4 : 0 }, description)),
-            !!showLinkCta && (React.createElement(Flex, { alignItems: "flex-start" },
-                React.createElement(Link, { type: "main", size: "medium", iconPosition: "right", Icon: ctaIcon, onPress: onClickCard, numberOfLines: 1 },
-                    React.createElement(StyledText, { variant: "bodyLineHeight", fontWeight: "semiBold", color: "neutral.c100", numberOfLines: 1 }, cta)))))));
+    return (_jsx(Base, { onPress: onClickCard, activeOpacity: link ? 0.5 : 1, children: _jsxs(Flex, { width: "100%", flexDirection: "column", children: [_jsxs(Flex, { flexDirection: "row", justifyContent: "space-between", children: [_jsx(Tag, { tag: tag }), _jsx(Timer, { time: time, viewed: viewed })] }), _jsx(Text, { variant: "large", fontWeight: "semiBold", color: "neutral.c100", numberOfLines: 1, mt: 4, children: title }), typeof description === "string" ? (_jsx(Text, { variant: "bodyLineHeight", fontWeight: "medium", color: "neutral.c70", numberOfLines: 3, mt: 2, mb: showLinkCta ? 4 : 0, children: description })) : (_jsx(Box, { mt: 2, mb: showLinkCta ? 4 : 0, children: description })), !!showLinkCta && (_jsx(Flex, { alignItems: "flex-start", children: _jsx(Link, { type: "main", size: "medium", iconPosition: "right", Icon: ctaIcon, onPress: onClickCard, numberOfLines: 1, children: _jsx(StyledText, { variant: "bodyLineHeight", fontWeight: "semiBold", color: "neutral.c100", numberOfLines: 1, children: cta }) }) }))] }) }));
 };
 export const Base = styled(TouchableOpacity) ``;
 const StyledText = styled(Text) `

package/lib/components/Cards/SideImageCard/index.d.ts

@@ -7,30 +7,26 @@ export type CardProps = TouchableOpacityProps & {
     imageUrl?: string;
     onPressDismiss?: () => void;
 };
-export declare const Base: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Omit<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, "ref"> & {
-    ref?: ((instance: import("react-native").View | null) => void) | React.RefObject<import("react-native").View> | null | undefined;
-}, never>>;
-export declare const Container: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "height" | "width" | "border" | "size" | "display" | "opacity" | "order" | "overflow" | "position" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "verticalAlign" | "backgroundColor" | "borderColor" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
+export declare const Base: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
+export declare const Container: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderColor" | "overflow" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
     columnGap?: string | number | undefined;
     rowGap?: string | number | undefined;
     color?: string | undefined;
     display?: string | undefined;
     position?: string | undefined;
     maxHeight?: string | number | undefined;
-}, never>>;
-export declare const ImageContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "height" | "width" | "border" | "size" | "display" | "opacity" | "order" | "overflow" | "position" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "verticalAlign" | "backgroundColor" | "borderColor" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
+}, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
+export declare const ImageContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, "color" | "bottom" | "top" | "left" | "right" | "flex" | "p" | "size" | "position" | "border" | "padding" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "height" | "width" | "verticalAlign" | "backgroundColor" | "borderColor" | "overflow" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderWidth" | "display" | "flexBasis" | "flexDirection" | "rowGap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderStyle" | "borderTopColor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "justifyItems" | "justifySelf" | "order" | "bg" | "overflowX" | "overflowY" | "borderX" | "borderY" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat"> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
     columnGap?: string | number | undefined;
     rowGap?: string | number | undefined;
     color?: string | undefined;
     display?: string | undefined;
     position?: string | undefined;
     maxHeight?: string | number | undefined;
-}, never>>;
-export declare const ImageContent: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ImageProps & React.RefAttributes<Image>, never>>;
-export declare const CloseContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Omit<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, "ref"> & {
-    ref?: ((instance: import("react-native").View | null) => void) | React.RefObject<import("react-native").View> | null | undefined;
-}, never>>;
-export declare const CloseButton: (props: CardProps) => React.JSX.Element;
+}, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
+export declare const ImageContent: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("react-native").ImageProps & React.RefAttributes<Image>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
+export declare const CloseContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<TouchableOpacityProps & React.RefAttributes<import("react-native").View>, import("styled-components/native/dist/types").BaseObject>> & import("styled-components/native/dist/types").BaseObject;
+export declare const CloseButton: (props: CardProps) => import("react/jsx-runtime").JSX.Element;
 declare const SideImageCard: (props: CardProps) => React.ReactElement;
 export default SideImageCard;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Cards/SideImageCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/SideImageCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAoB,KAAK,EAAE,MAAM,cAAc,CAAC;AAQ9E,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,IAAI;;UAEhB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;UAIrB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;UAI1B,CAAC;AACF,eAAO,MAAM,YAAY,6MAIxB,CAAC;AAEF,eAAO,MAAM,cAAc;;UAW1B,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,SAAS,sBAO3C,CAAC;AAiEF,QAAA,MAAM,aAAa,UAAW,SAAS,KAAG,MAAM,YAM/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/SideImageCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAoB,KAAK,EAAE,MAAM,cAAc,CAAC;AAQ9E,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,IAAI,uUAEhB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;wHAIrB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;wHAI1B,CAAC;AACF,eAAO,MAAM,YAAY,6TAIxB,CAAC;AAEF,eAAO,MAAM,cAAc,uUAW1B,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,SAAS,4CAO3C,CAAC;AAiEF,QAAA,MAAM,aAAa,UAAW,SAAS,KAAG,MAAM,YAM/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/Cards/SideImageCard/index.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowRightMedium, CloseMedium } from "@ledgerhq/icons-ui/nativeLegacy";
 import { TouchableOpacity, Image } from "react-native";
 import styled, { useTheme } from "styled-components/native";
@@ -38,27 +38,17 @@ export const CloseContainer = styled(TouchableOpacity) `
 `;
 export const CloseButton = (props) => {
     const { colors } = useTheme();
-    return (React.createElement(CloseContainer, { onPress: props.onPressDismiss },
-        React.createElement(CloseMedium, { size: 14, color: colors.neutral.c100 })));
+    return (_jsx(CloseContainer, { onPress: props.onPressDismiss, children: _jsx(CloseMedium, { size: 14, color: colors.neutral.c100 }) }));
 };
-const ImageComponent = (props) => (React.createElement(ImageContainer, { width: props.imageUrl ? 115 : 0 },
-    React.createElement(ImageContent, { source: {
-            uri: props.imageUrl,
-        }, style: { width: "100%", height: "100%" } }),
-    React.createElement(CloseButton, { onPressDismiss: props.onPressDismiss })));
-const TextComponent = (props) => (React.createElement(Flex, { justifyContent: "space-between", alignItems: "flex-start", p: "12px", flex: 1 },
-    React.createElement(Text, { variant: "small", fontWeight: "semiBold", color: "neutral.c70", uppercase: true, numberOfLines: 1, maxWidth: "80%" }, props.tag),
-    props.title && (React.createElement(Text, { variant: "large", numberOfLines: 3, fontWeight: "semiBold", color: "neutral.c100", lineHeight: "18.2px" }, highlight(props.title, "large"))),
-    React.createElement(Link, { type: "main", size: "medium", iconPosition: "right", Icon: () => React.createElement(ArrowRightMedium, { color: "primary.c80" }), onPress: props.onPress, numberOfLines: 1 },
-        React.createElement(Text, { variant: "paragraph", fontWeight: "semiBold", color: "primary.c80", numberOfLines: 1 }, props.cta))));
+const ImageComponent = (props) => (_jsxs(ImageContainer, { width: props.imageUrl ? 115 : 0, children: [_jsx(ImageContent, { source: {
+                uri: props.imageUrl,
+            }, style: { width: "100%", height: "100%" } }), _jsx(CloseButton, { onPressDismiss: props.onPressDismiss })] }));
+const TextComponent = (props) => (_jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", p: "12px", flex: 1, children: [_jsx(Text, { variant: "small", fontWeight: "semiBold", color: "neutral.c70", uppercase: true, numberOfLines: 1, maxWidth: "80%", children: props.tag }), props.title && (_jsx(Text, { variant: "large", numberOfLines: 3, fontWeight: "semiBold", color: "neutral.c100", lineHeight: "18.2px", children: highlight(props.title, "large") })), _jsx(Link, { type: "main", size: "medium", iconPosition: "right", Icon: () => _jsx(ArrowRightMedium, { color: "primary.c80" }), onPress: props.onPress, numberOfLines: 1, children: _jsx(Text, { variant: "paragraph", fontWeight: "semiBold", color: "primary.c80", numberOfLines: 1, children: props.cta }) })] }));
 const CardContainer = (props) => {
     const { imageUrl, onPressDismiss } = props;
-    return (React.createElement(Container, { height: 125 },
-        React.createElement(TextComponent, { ...props }),
-        React.createElement(ImageComponent, { imageUrl: imageUrl, onPressDismiss: onPressDismiss })));
+    return (_jsxs(Container, { height: 125, children: [_jsx(TextComponent, { ...props }), _jsx(ImageComponent, { imageUrl: imageUrl, onPressDismiss: onPressDismiss })] }));
 };
 const SideImageCard = (props) => {
-    return (React.createElement(Base, { ...props, activeOpacity: 0.5 },
-        React.createElement(CardContainer, { ...props })));
+    return (_jsx(Base, { ...props, activeOpacity: 0.5, children: _jsx(CardContainer, { ...props }) }));
 };
 export default SideImageCard;

package/lib/components/Cards/helper.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type JSX } from "react";
 import { BaseTextProps } from "../Text";
 declare function highlight(text: string, variant: BaseTextProps["variant"]): (string | JSX.Element)[];
 export { highlight };

package/lib/components/Cards/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/components/Cards/helper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,iBAAS,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,4BA0BjE;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/components/Cards/helper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,iBAAS,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,4BA0BjE;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/Cards/helper.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from "../../index";
 function highlight(text, variant) {
     const textSplitted = text
@@ -9,7 +9,7 @@ function highlight(text, variant) {
     textSplitted.forEach((w, index) => {
         if (index % 2 !== 0) {
             const word = w.replace(/<bold>(.*?)<\/bold>/g, "$1");
-            elems.push(React.createElement(Text, { key: "highlighted_" + index, variant: variant, fontWeight: "semiBold", color: "primary.c80" }, word));
+            elems.push(_jsx(Text, { variant: variant, fontWeight: "semiBold", color: "primary.c80", children: word }, "highlighted_" + index));
         }
         else {
             elems.push(w);