@ledgerhq/lumen-ui-rnative 0.1.8 → 0.1.10

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

@@ -0,0 +1,170 @@
+"use strict";
+
+import { Information } from "../../Symbols/index.js";
+import { Button } from "../Button/index.js";
+import { InteractiveIcon } from "../InteractiveIcon/index.js";
+import { Box } from "../Utility/Box/index.js";
+import { Text } from "../Utility/Text/index.js";
+import { GlobalTooltipBottomSheet } from "./GlobalTooltipBottomSheet.js";
+import { Tooltip, TooltipTrigger, TooltipContent } from "./Tooltip.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const meta = {
+  component: Tooltip,
+  subcomponents: {
+    TooltipTrigger,
+    TooltipContent
+  },
+  title: 'Communication/Tooltip'
+};
+export default meta;
+export const Base = {
+  render: () => /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Box, {
+      lx: {
+        minHeight: 's400',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 's24'
+      },
+      children: /*#__PURE__*/_jsxs(Tooltip, {
+        children: [/*#__PURE__*/_jsx(TooltipTrigger, {
+          asChild: true,
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "Press me"
+          })
+        }), /*#__PURE__*/_jsx(TooltipContent, {
+          title: "My tooltip title",
+          content: /*#__PURE__*/_jsx(Text, {
+            typography: "body2",
+            children: "This is a helpful tooltip"
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(GlobalTooltipBottomSheet, {})]
+  })
+};
+export const WithCustomContent = {
+  render: () => /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Box, {
+      lx: {
+        minHeight: 's400',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 's24'
+      },
+      children: /*#__PURE__*/_jsxs(Tooltip, {
+        children: [/*#__PURE__*/_jsx(TooltipTrigger, {
+          asChild: true,
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "Press me"
+          })
+        }), /*#__PURE__*/_jsx(TooltipContent, {
+          title: "My tooltip title",
+          content: /*#__PURE__*/_jsxs(Box, {
+            lx: {
+              alignItems: 'flex-start',
+              gap: 's12'
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              typography: "body2",
+              lx: {
+                color: 'muted'
+              },
+              children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
+            }), /*#__PURE__*/_jsx(Button, {
+              size: "sm",
+              appearance: "accent",
+              children: "Custom tooltip action"
+            })]
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(GlobalTooltipBottomSheet, {})]
+  })
+};
+export const WithMultipleTooltips = {
+  render: () => /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Box, {
+      lx: {
+        minHeight: 's400',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 's16',
+        padding: 's24'
+      },
+      children: [/*#__PURE__*/_jsxs(Tooltip, {
+        children: [/*#__PURE__*/_jsx(TooltipTrigger, {
+          asChild: true,
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "Tooltip 1"
+          })
+        }), /*#__PURE__*/_jsx(TooltipContent, {
+          title: "First",
+          content: /*#__PURE__*/_jsx(Text, {
+            typography: "body2",
+            children: "First tooltip content"
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(Tooltip, {
+        children: [/*#__PURE__*/_jsx(TooltipTrigger, {
+          asChild: true,
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "Tooltip 2"
+          })
+        }), /*#__PURE__*/_jsx(TooltipContent, {
+          title: "Second",
+          content: /*#__PURE__*/_jsx(Text, {
+            typography: "body2",
+            children: "Second tooltip content"
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(Tooltip, {
+        children: [/*#__PURE__*/_jsx(TooltipTrigger, {
+          asChild: true,
+          children: /*#__PURE__*/_jsx(InteractiveIcon, {
+            iconType: "filled",
+            accessibilityLabel: "Info",
+            children: /*#__PURE__*/_jsx(Information, {})
+          })
+        }), /*#__PURE__*/_jsx(TooltipContent, {
+          title: "Third",
+          content: /*#__PURE__*/_jsx(Text, {
+            typography: "body2",
+            children: "Third tooltip content"
+          })
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(GlobalTooltipBottomSheet, {})]
+  })
+};
+export const WithChangeCallback = {
+  render: () => {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Box, {
+        lx: {
+          minHeight: 's400',
+          alignItems: 'center',
+          justifyContent: 'center',
+          padding: 's24'
+        },
+        children: /*#__PURE__*/_jsxs(Tooltip, {
+          onOpenChange: newOpen => alert(`Opened changes to: ${newOpen}`),
+          children: [/*#__PURE__*/_jsx(TooltipTrigger, {
+            asChild: true,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "Press me"
+            })
+          }), /*#__PURE__*/_jsx(TooltipContent, {
+            title: "My tooltip title",
+            content: /*#__PURE__*/_jsx(Text, {
+              typography: "body2",
+              children: "This is a helpful tooltip"
+            })
+          })]
+        })
+      }), /*#__PURE__*/_jsx(GlobalTooltipBottomSheet, {})]
+    });
+  }
+};
+//# sourceMappingURL=Tooltip.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Information","Button","InteractiveIcon","Box","Text","GlobalTooltipBottomSheet","Tooltip","TooltipTrigger","TooltipContent","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","meta","component","subcomponents","title","Base","render","children","lx","minHeight","alignItems","justifyContent","padding","asChild","content","typography","WithCustomContent","gap","color","size","appearance","WithMultipleTooltips","flexDirection","iconType","accessibilityLabel","WithChangeCallback","onOpenChange","newOpen","alert"],"sourceRoot":"../../../../../src","sources":["lib/Components/Tooltip/Tooltip.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,92 @@
+"use strict";
+
+import { describe, it, expect, jest } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { render, fireEvent } from '@testing-library/react-native';
+import React from 'react';
+import { Text, View } from 'react-native';
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { GlobalTooltipBottomSheet } from "./GlobalTooltipBottomSheet.js";
+import { GlobalTooltipProvider } from "./GlobalTooltipContext.js";
+import { Tooltip, TooltipTrigger, TooltipContent } from "./Tooltip.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: /*#__PURE__*/_jsxs(GlobalTooltipProvider, {
+    children: [children, /*#__PURE__*/_jsx(GlobalTooltipBottomSheet, {})]
+  })
+});
+describe('Tooltip', () => {
+  it('renders and triggers tooltip', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsxs(Tooltip, {
+        children: [/*#__PURE__*/_jsx(TooltipTrigger, {
+          children: /*#__PURE__*/_jsx(View, {
+            children: /*#__PURE__*/_jsx(Text, {
+              children: "Press me"
+            })
+          })
+        }), /*#__PURE__*/_jsx(TooltipContent, {
+          title: "Help",
+          content: /*#__PURE__*/_jsx(Text, {
+            children: "Helpful information"
+          })
+        })]
+      })
+    }));
+    expect(getByText('Press me')).toBeTruthy();
+    fireEvent.press(getByText('Press me'));
+    expect(getByText('Help')).toBeTruthy();
+    expect(getByText('Helpful information')).toBeTruthy();
+  });
+  it('works in controlled mode', () => {
+    const onOpenChange = jest.fn();
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsxs(Tooltip, {
+        onOpenChange: onOpenChange,
+        children: [/*#__PURE__*/_jsx(TooltipTrigger, {
+          children: /*#__PURE__*/_jsx(View, {
+            children: /*#__PURE__*/_jsx(Text, {
+              children: "Press me"
+            })
+          })
+        }), /*#__PURE__*/_jsx(TooltipContent, {
+          title: "Help",
+          content: /*#__PURE__*/_jsx(Text, {
+            children: "Info"
+          })
+        })]
+      })
+    }));
+    fireEvent.press(getByText('Press me'));
+    expect(onOpenChange).toHaveBeenCalledWith(true);
+  });
+  it('requires GlobalTooltipProvider', () => {
+    const originalError = console.error;
+    console.error = jest.fn();
+    expect(() => {
+      render(/*#__PURE__*/_jsxs(Tooltip, {
+        children: [/*#__PURE__*/_jsx(TooltipTrigger, {
+          children: /*#__PURE__*/_jsx(Text, {
+            children: "Trigger"
+          })
+        }), /*#__PURE__*/_jsx(TooltipContent, {
+          title: "Title",
+          content: /*#__PURE__*/_jsx(Text, {
+            children: "Content"
+          })
+        })]
+      }));
+    }).toThrow();
+    console.error = originalError;
+  });
+});
+//# sourceMappingURL=Tooltip.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","fireEvent","React","Text","View","ThemeProvider","GlobalTooltipBottomSheet","GlobalTooltipProvider","Tooltip","TooltipTrigger","TooltipContent","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","title","content","toBeTruthy","press","onOpenChange","fn","toHaveBeenCalledWith","originalError","console","error","toThrow"],"sourceRoot":"../../../../../src","sources":["lib/Components/Tooltip/Tooltip.test.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/Tooltip/TooltipContext.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [TooltipProvider, _useTooltipSafeContext] = createSafeContext('Tooltip');
+export const useTooltipSafeContext = _useTooltipSafeContext;
+/**
+ * Internal context provider for an individual Tooltip component.
+ * This is used automatically by the Tooltip component.
+ */
+export const TooltipContextProvider = ({
+  tooltipId,
+  open,
+  setOpen,
+  contentData,
+  setContentData,
+  children
+}) => {
+  return /*#__PURE__*/_jsx(TooltipProvider, {
+    value: {
+      tooltipId,
+      open,
+      setOpen,
+      contentData,
+      setContentData
+    },
+    children: children
+  });
+};
+//# sourceMappingURL=TooltipContext.js.map

package/dist/module/lib/Components/Tooltip/TooltipContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSafeContext","jsx","_jsx","TooltipProvider","_useTooltipSafeContext","useTooltipSafeContext","TooltipContextProvider","tooltipId","open","setOpen","contentData","setContentData","children","value"],"sourceRoot":"../../../../../src","sources":["lib/Components/Tooltip/TooltipContext.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgBjE,MAAM,CAACC,eAAe,EAAEC,sBAAsB,CAAC,GAC7CJ,iBAAiB,CAAsB,SAAS,CAAC;AAEnD,OAAO,MAAMK,qBAAqB,GAAGD,sBAAsB;AAW3D;AACA;AACA;AACA;AACA,OAAO,MAAME,sBAAsB,GAAGA,CAAC;EACrCC,SAAS;EACTC,IAAI;EACJC,OAAO;EACPC,WAAW;EACXC,cAAc;EACdC;AAC2B,CAAC,KAAK;EACjC,oBACEV,IAAA,CAACC,eAAe;IACdU,KAAK,EAAE;MACLN,SAAS;MACTC,IAAI;MACJC,OAAO;MACPC,WAAW;MACXC;IACF,CAAE;IAAAC,QAAA,EAEDA;EAAQ,CACM,CAAC;AAEtB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+export * from "./Tooltip.js";
+export * from "./GlobalTooltipBottomSheet.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Tooltip/index.ts"],"mappings":";;AAAA,cAAc,cAAW;AACzB,cAAc,+BAA4B;AAC1C,cAAc,YAAS","ignoreList":[]}

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

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

package/dist/module/lib/Components/Tooltip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Tooltip/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/lib/Components/Utility/Box/Box.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { View } from 'react-native';
+import { createStyledView } from "../../../../styles/index.js";
+
+/**
+ * Box - A layout primitive component with token-constrained style props.
+ *
+ * Box is a View wrapper that accepts design token-based style props directly,
+ * providing type-safe styling with autocomplete for spacing, sizes, colors, etc.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/layout-box--docs Storybook}
+ *
+ * @example
+ * ```tsx
+ * import { Box } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * // Basic usage with token props
+ * <Box lx={{ width: 's400', marginTop: 's4', gap: 's12', alignItems: 'center' }}>
+ *   <Text>Content</Text>
+ * </Box>
+ *
+ * // With background and border
+ * <Box
+ *   lx={{
+ *    padding: 's16',
+ *    backgroundColor: 'surface',
+ *    borderRadius: 'md',
+ *    borderColor: 'muted',
+ *    borderWidth: 1
+ *   }}
+ * >
+ *   <Text>Card content</Text>
+ * </Box>
+ *
+ * // style prop for complete override
+ * <Box lx={{ marginTop: 's4' }} style={{ width: 127 }} />
+ * ```
+ */
+export const Box = createStyledView(View);
+//# sourceMappingURL=Box.js.map

package/dist/module/lib/Components/Utility/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","createStyledView","Box"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Utility/Box/Box.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,gBAAgB,QAAQ,6BAAoB;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,GAAG,GAAGD,gBAAgB,CAACD,IAAI,CAAC","ignoreList":[]}

package/dist/module/lib/Components/Utility/Box/Box.mdx

@@ -0,0 +1,50 @@
+import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
+import * as BoxStories from './Box.stories';
+import { CustomTabs, Tab } from '../../../../../.storybook/components';
+
+<Meta title='Utility/Box' of={BoxStories} />
+
+# Box
+
+<CustomTabs>
+  <Tab label="Overview ">
+Box is a utility primitive that wraps React Native's `View` component with token-constrained style props from the design system theme.  
+
+Box exposes the `lx` property to consume tokens from the `ledgerLiveTheme`, see [lx documentation](/?path=/docs/style-system-lx--docs).
+
+## Interactive Example
+
+<Canvas of={BoxStories.Base} />
+<Controls of={BoxStories.Base} />
+
+## Usage
+
+```tsx
+import { Box, Text } from '@ledgerhq/lumen-ui-rnative';
+
+function Card() {
+  return (
+    <Box
+      lx={{
+        padding: 's16',
+        backgroundColor: 'accent',
+        borderRadius: 'md',
+        gap: 's8',
+      }}
+    >
+      <Text>Card content</Text>
+    </Box>
+  );
+}
+```
+
+## Escape Hatch
+
+For values not covered by tokens, use raw numbers or the `style` prop:
+
+```tsx
+// Style prop for complete override
+<Box lx={{ marginTop: 's4' }} style={{ width: 127 }} />
+```
+</Tab>
+</CustomTabs>

package/dist/module/lib/Components/Utility/Box/Box.stories.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import { Box } from "./Box.js";
+const meta = {
+  component: Box,
+  title: 'Utility/Box',
+  parameters: {
+    docs: {
+      source: {
+        language: 'tsx',
+        format: true,
+        type: 'code'
+      }
+    }
+  }
+};
+export default meta;
+export const Base = {
+  args: {
+    lx: {
+      height: 's48',
+      width: 's48',
+      backgroundColor: 'accent',
+      borderRadius: 'md'
+    }
+  },
+  parameters: {
+    docs: {
+      source: {
+        code: `
+<Box
+  lx={{
+    height: 's48',
+    width: 's48',
+    backgroundColor: 'accent',
+    borderRadius: 'md',
+    alignSelf: 'center',
+  }}
+/>
+`
+      }
+    }
+  }
+};
+//# sourceMappingURL=Box.stories.js.map

package/dist/module/lib/Components/Utility/Box/Box.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Box","meta","component","title","parameters","docs","source","language","format","type","Base","args","lx","height","width","backgroundColor","borderRadius","code"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Utility/Box/Box.stories.tsx"],"mappings":";;AACA,SAASA,GAAG,QAAQ,UAAO;AAE3B,MAAMC,IAAsB,GAAG;EAC7BC,SAAS,EAAEF,GAAG;EACdG,KAAK,EAAE,aAAa;EACpBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNC,QAAQ,EAAE,KAAK;QACfC,MAAM,EAAE,IAAI;QACZC,IAAI,EAAE;MACR;IACF;EACF;AACF,CAAC;AAED,eAAeR,IAAI;AAGnB,OAAO,MAAMS,IAAW,GAAG;EACzBC,IAAI,EAAE;IACJC,EAAE,EAAE;MACFC,MAAM,EAAE,KAAK;MACbC,KAAK,EAAE,KAAK;MACZC,eAAe,EAAE,QAAQ;MACzBC,YAAY,EAAE;IAChB;EACF,CAAC;EACDZ,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNW,IAAI,EAAE;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAC","ignoreList":[]}

package/dist/module/lib/Components/Utility/Box/index.js

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

package/dist/module/lib/Components/Utility/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["lib/Components/Utility/Box/index.ts"],"mappings":";;AAAA,cAAc,UAAO;AACrB,cAAc,YAAS","ignoreList":[]}

package/dist/module/lib/Components/Utility/Box/types.js

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

package/dist/module/lib/Components/Utility/Box/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["lib/Components/Utility/Box/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/lib/Components/Utility/Gradient/LinearGradient/LinearGradient.js

@@ -0,0 +1,155 @@
+"use strict";
+
+import { memo, useId, useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import Svg, { Defs, LinearGradient as SvgLinearGradient, Rect, Stop } from 'react-native-svg';
+import { useTheme } from "../../../../../styles/index.js";
+import { Box } from "../../Box/index.js";
+import { processGradientStops } from "../utils/resolveGradientColor.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DIRECTION_MAP = {
+  'to-bottom': {
+    x1: '0%',
+    y1: '0%',
+    x2: '0%',
+    y2: '100%'
+  },
+  'to-top': {
+    x1: '0%',
+    y1: '100%',
+    x2: '0%',
+    y2: '0%'
+  },
+  'to-right': {
+    x1: '0%',
+    y1: '0%',
+    x2: '100%',
+    y2: '0%'
+  },
+  'to-left': {
+    x1: '100%',
+    y1: '0%',
+    x2: '0%',
+    y2: '0%'
+  },
+  'to-bottomright': {
+    x1: '0%',
+    y1: '0%',
+    x2: '100%',
+    y2: '100%'
+  },
+  'to-bottomleft': {
+    x1: '100%',
+    y1: '0%',
+    x2: '0%',
+    y2: '100%'
+  },
+  'to-topright': {
+    x1: '0%',
+    y1: '100%',
+    x2: '100%',
+    y2: '0%'
+  },
+  'to-topleft': {
+    x1: '100%',
+    y1: '100%',
+    x2: '0%',
+    y2: '0%'
+  }
+};
+const angleToCoordinates = angle => {
+  const normalizedAngle = (angle % 360 + 360) % 360;
+
+  // Convert to radians (CSS: 0° is up, going clockwise)
+  // SVG: we need to map this to x1,y1 -> x2,y2
+  const radians = (normalizedAngle - 90) * Math.PI / 180;
+  const x2 = Math.cos(radians) * 0.5 + 0.5;
+  const y2 = Math.sin(radians) * 0.5 + 0.5;
+  const x1 = 1 - x2;
+  const y1 = 1 - y2;
+  return {
+    x1: `${Math.round(x1 * 100)}%`,
+    y1: `${Math.round(y1 * 100)}%`,
+    x2: `${Math.round(x2 * 100)}%`,
+    y2: `${Math.round(y2 * 100)}%`
+  };
+};
+const styles = StyleSheet.create({
+  gradient: {
+    ...StyleSheet.absoluteFillObject,
+    width: '100%',
+    height: '100%'
+  }
+});
+
+/**
+ * LinearGradient - A container component that renders a linear gradient background.
+ *
+ * Uses react-native-svg to render gradients that work consistently across platforms.
+ * Extends Box, so it supports all lx style props for layout and sizing.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/utility-lineargradient--docs Storybook}
+ *
+ * @example
+ * ```tsx
+ * import { LinearGradient } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * // Basic usage with direction preset
+ * <LinearGradient
+ *   direction="to-bottomright"
+ *   stops={[
+ *     { color: '#FF6B6B', offset: 0 },
+ *     { color: '#6BCB77', offset: 1 },
+ *   ]}
+ *   lx={{ height: 's200', borderRadius: 'lg' }}
+ * />
+ */
+export const LinearGradient = /*#__PURE__*/memo(({
+  direction = 'to-bottom',
+  stops,
+  children,
+  lx = {},
+  ref,
+  ...props
+}) => {
+  const gradientId = useId();
+  const {
+    theme
+  } = useTheme();
+  const coordinates = useMemo(() => {
+    const isCustomAngle = typeof direction === 'number';
+    return isCustomAngle ? angleToCoordinates(direction) : DIRECTION_MAP[direction];
+  }, [direction]);
+  const processedStops = useMemo(() => processGradientStops(stops, theme.colors.bg), [stops, theme.colors.bg]);
+  return /*#__PURE__*/_jsxs(Box, {
+    ref: ref,
+    lx: {
+      overflow: 'hidden',
+      ...lx
+    },
+    ...props,
+    children: [/*#__PURE__*/_jsxs(Svg, {
+      style: styles.gradient,
+      preserveAspectRatio: "none",
+      children: [/*#__PURE__*/_jsx(Defs, {
+        children: /*#__PURE__*/_jsx(SvgLinearGradient, {
+          id: gradientId,
+          ...coordinates,
+          children: processedStops.map((stop, index) => /*#__PURE__*/_jsx(Stop, {
+            offset: `${stop.offset * 100}%`,
+            stopColor: stop.color,
+            stopOpacity: stop.opacity
+          }, index))
+        })
+      }), /*#__PURE__*/_jsx(Rect, {
+        x: "0",
+        y: "0",
+        width: "100%",
+        height: "100%",
+        fill: `url(#${gradientId})`
+      })]
+    }), children]
+  });
+});
+LinearGradient.displayName = 'LinearGradient';
+//# sourceMappingURL=LinearGradient.js.map