@ledgerhq/lumen-ui-rnative 0.1.8 → 0.1.9

package/dist/module/lib/Components/Utility/Gradient/utils/resolveGradientColor.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","ledgerLiveThemes","resolveGradientColor","processGradientStops","bgColors","dark","colors","bg","accentColor","toBe","accent","toMatch","stops","color","processed","error","offset","toBeCloseTo","opacity"],"sourceRoot":"../../../../../../../src","sources":["lib/Components/Utility/Gradient/utils/resolveGradientColor.test.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,QAAQ,eAAe;AACpD,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SACEC,oBAAoB,EACpBC,oBAAoB,QACf,2BAAwB;AAE/B,MAAMC,QAAQ,GAAGH,gBAAgB,CAACI,IAAI,CAACC,MAAM,CAACC,EAAE;AAEhDT,QAAQ,CAAC,sBAAsB,EAAE,MAAM;EACrCA,QAAQ,CAAC,sBAAsB,EAAE,MAAM;IACrCC,EAAE,CAAC,yDAAyD,EAAE,MAAM;MAClE,MAAMS,WAAW,GAAGN,oBAAoB,CAAC,QAAQ,EAAEE,QAAQ,CAAC;MAC5DJ,MAAM,CAACQ,WAAW,CAAC,CAACC,IAAI,CAACL,QAAQ,CAACM,MAAM,CAAC;MACzCV,MAAM,CAACQ,WAAW,CAAC,CAACG,OAAO,CAAC,SAAS,CAAC;IACxC,CAAC,CAAC;IAEFZ,EAAE,CAAC,8CAA8C,EAAE,MAAM;MACvDC,MAAM,CAACE,oBAAoB,CAAC,SAAS,EAAEE,QAAQ,CAAC,CAAC,CAACK,IAAI,CAAC,SAAS,CAAC;MACjET,MAAM,CAACE,oBAAoB,CAAC,MAAM,EAAEE,QAAQ,CAAC,CAAC,CAACK,IAAI,CAAC,MAAM,CAAC;IAC7D,CAAC,CAAC;IAEFV,EAAE,CAAC,+CAA+C,EAAE,MAAM;MACxDC,MAAM,CAACE,oBAAoB,CAAC,gBAAgB,EAAEE,QAAQ,CAAC,CAAC,CAACK,IAAI,CAC3D,gBACF,CAAC;MACDT,MAAM,CAACE,oBAAoB,CAAC,sBAAsB,EAAEE,QAAQ,CAAC,CAAC,CAACK,IAAI,CACjE,sBACF,CAAC;IACH,CAAC,CAAC;IAEFV,EAAE,CAAC,gDAAgD,EAAE,MAAM;MACzDC,MAAM,CAACE,oBAAoB,CAAC,KAAK,EAAEE,QAAQ,CAAC,CAAC,CAACK,IAAI,CAAC,KAAK,CAAC;MACzDT,MAAM,CAACE,oBAAoB,CAAC,MAAM,EAAEE,QAAQ,CAAC,CAAC,CAACK,IAAI,CAAC,MAAM,CAAC;IAC7D,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFX,QAAQ,CAAC,sBAAsB,EAAE,MAAM;IACrCC,EAAE,CAAC,sCAAsC,EAAE,MAAM;MAC/C,MAAMa,KAAK,GAAG,CAAC;QAAEC,KAAK,EAAE;MAAS,CAAC,EAAE;QAAEA,KAAK,EAAE;MAAQ,CAAC,CAAC;MACvD,MAAMC,SAAS,GAAGX,oBAAoB,CAACS,KAAK,EAAER,QAAQ,CAAC;MAEvDJ,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACD,KAAK,CAAC,CAACJ,IAAI,CAACL,QAAQ,CAACM,MAAM,CAAC;MAChDV,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACD,KAAK,CAAC,CAACJ,IAAI,CAACL,QAAQ,CAACW,KAAK,CAAC;IACjD,CAAC,CAAC;IAEFhB,EAAE,CAAC,qCAAqC,EAAE,MAAM;MAC9C,MAAMa,KAAK,GAAG,CAAC;QAAEC,KAAK,EAAE;MAAU,CAAC,EAAE;QAAEA,KAAK,EAAE;MAAU,CAAC,CAAC;MAC1D,MAAMC,SAAS,GAAGX,oBAAoB,CAACS,KAAK,EAAER,QAAQ,CAAC;MAEvDJ,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACD,KAAK,CAAC,CAACJ,IAAI,CAAC,SAAS,CAAC;MAC1CT,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACD,KAAK,CAAC,CAACJ,IAAI,CAAC,SAAS,CAAC;IAC5C,CAAC,CAAC;IAEFV,EAAE,CAAC,wCAAwC,EAAE,MAAM;MACjD,MAAMa,KAAK,GAAG,CAAC;QAAEC,KAAK,EAAE;MAAU,CAAC,EAAE;QAAEA,KAAK,EAAE;MAAU,CAAC,CAAC;MAC1D,MAAMC,SAAS,GAAGX,oBAAoB,CAACS,KAAK,EAAER,QAAQ,CAAC;MAEvDJ,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACP,IAAI,CAAC,CAAC,CAAC;MACnCT,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACP,IAAI,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEFV,EAAE,CAAC,wCAAwC,EAAE,MAAM;MACjD,MAAMa,KAAK,GAAG,CACZ;QAAEC,KAAK,EAAE;MAAU,CAAC,EACpB;QAAEA,KAAK,EAAE;MAAU,CAAC,EACpB;QAAEA,KAAK,EAAE;MAAU,CAAC,CACrB;MACD,MAAMC,SAAS,GAAGX,oBAAoB,CAACS,KAAK,EAAER,QAAQ,CAAC;MAEvDJ,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACP,IAAI,CAAC,CAAC,CAAC;MACnCT,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACP,IAAI,CAAC,GAAG,CAAC;MACrCT,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACP,IAAI,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEFV,EAAE,CAAC,wCAAwC,EAAE,MAAM;MACjD,MAAMa,KAAK,GAAG,CACZ;QAAEC,KAAK,EAAE;MAAU,CAAC,EACpB;QAAEA,KAAK,EAAE;MAAU,CAAC,EACpB;QAAEA,KAAK,EAAE;MAAU,CAAC,EACpB;QAAEA,KAAK,EAAE;MAAU,CAAC,CACrB;MACD,MAAMC,SAAS,GAAGX,oBAAoB,CAACS,KAAK,EAAER,QAAQ,CAAC;MAEvDJ,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;MAC1CjB,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;MACjDjB,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;MACjDjB,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEFlB,EAAE,CAAC,kCAAkC,EAAE,MAAM;MAC3C,MAAMa,KAAK,GAAG,CACZ;QAAEC,KAAK,EAAE,SAAS;QAAEG,MAAM,EAAE;MAAI,CAAC,EACjC;QAAEH,KAAK,EAAE,SAAS;QAAEG,MAAM,EAAE;MAAI,CAAC,EACjC;QAAEH,KAAK,EAAE,SAAS;QAAEG,MAAM,EAAE;MAAI,CAAC,CAClC;MACD,MAAMF,SAAS,GAAGX,oBAAoB,CAACS,KAAK,EAAER,QAAQ,CAAC;MAEvDJ,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACP,IAAI,CAAC,GAAG,CAAC;MACrCT,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACP,IAAI,CAAC,GAAG,CAAC;MACrCT,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACP,IAAI,CAAC,GAAG,CAAC;IACvC,CAAC,CAAC;IAEFV,EAAE,CAAC,6BAA6B,EAAE,MAAM;MACtC,MAAMa,KAAK,GAAG,CAAC;QAAEC,KAAK,EAAE;MAAU,CAAC,EAAE;QAAEA,KAAK,EAAE;MAAU,CAAC,CAAC;MAC1D,MAAMC,SAAS,GAAGX,oBAAoB,CAACS,KAAK,EAAER,QAAQ,CAAC;MAEvDJ,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACI,OAAO,CAAC,CAACT,IAAI,CAAC,CAAC,CAAC;MACpCT,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACI,OAAO,CAAC,CAACT,IAAI,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC;IAEFV,EAAE,CAAC,kCAAkC,EAAE,MAAM;MAC3C,MAAMa,KAAK,GAAG,CACZ;QAAEC,KAAK,EAAE,SAAS;QAAEK,OAAO,EAAE;MAAI,CAAC,EAClC;QAAEL,KAAK,EAAE,SAAS;QAAEK,OAAO,EAAE;MAAI,CAAC,CACnC;MACD,MAAMJ,SAAS,GAAGX,oBAAoB,CAACS,KAAK,EAAER,QAAQ,CAAC;MAEvDJ,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACI,OAAO,CAAC,CAACT,IAAI,CAAC,GAAG,CAAC;MACtCT,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACI,OAAO,CAAC,CAACT,IAAI,CAAC,GAAG,CAAC;IACxC,CAAC,CAAC;IAEFV,EAAE,CAAC,2BAA2B,EAAE,MAAM;MACpC,MAAMa,KAAK,GAAG,CAAC;QAAEC,KAAK,EAAE;MAAU,CAAC,CAAC;MACpC,MAAMC,SAAS,GAAGX,oBAAoB,CAACS,KAAK,EAAER,QAAQ,CAAC;MAEvDJ,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CAACP,IAAI,CAAC,CAAC,CAAC;MACnCT,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACI,OAAO,CAAC,CAACT,IAAI,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC;IAEFV,EAAE,CAAC,0CAA0C,EAAE,MAAM;MACnD,MAAMa,KAAK,GAAG,CACZ;QAAEC,KAAK,EAAE,QAAQ;QAAEG,MAAM,EAAE;MAAE,CAAC,EAC9B;QAAEH,KAAK,EAAE,SAAS;QAAEG,MAAM,EAAE;MAAI,CAAC,EACjC;QAAEH,KAAK,EAAE,OAAO;QAAEG,MAAM,EAAE;MAAE,CAAC,CAC9B;MACD,MAAMF,SAAS,GAAGX,oBAAoB,CAACS,KAAK,EAAER,QAAQ,CAAC;MAEvDJ,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACD,KAAK,CAAC,CAACJ,IAAI,CAACL,QAAQ,CAACM,MAAM,CAAC;MAChDV,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACD,KAAK,CAAC,CAACJ,IAAI,CAAC,SAAS,CAAC;MAC1CT,MAAM,CAACc,SAAS,CAAC,CAAC,CAAC,CAACD,KAAK,CAAC,CAACJ,IAAI,CAACL,QAAQ,CAACW,KAAK,CAAC;IACjD,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+import { Pressable as RNPressable } from 'react-native';
+import { createStyledPressable } from "../../../../styles/index.js";
+
+/**
+ * Pressable - An interactive layout primitive with token-constrained style props.
+ *
+ * Pressable is a wrapper around React Native's Pressable that accepts design
+ * token-based style props directly, providing type-safe styling with autocomplete
+ * for spacing, sizes, colors, etc. Use the `style` prop for pressed-state styling.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/utility-pressable--docs Storybook}
+ *
+ * @example
+ * ```tsx
+ * import { Pressable } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * // Basic usage with token props
+ * <Pressable
+ *   lx={{ width: 's400', marginTop: 's4', gap: 's12', alignItems: 'center' }}
+ *   onPress={handlePress}
+ * >
+ *   <Text>Content</Text>
+ * </Pressable>
+ *
+ * // With function-based style for pressed state
+ * <Pressable
+ *   lx={{ padding: 's16', backgroundColor: 'surface' }}
+ *   style={({ pressed }) => ({ opacity: pressed ? 0.8 : 1 })}
+ * >
+ *   <Text>Press me</Text>
+ * </Pressable>
+ * ```
+ */
+export const Pressable = createStyledPressable(RNPressable);
+//# sourceMappingURL=Pressable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","RNPressable","createStyledPressable"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Utility/Pressable/Pressable.tsx"],"mappings":";;AAAA,SAASA,SAAS,IAAIC,WAAW,QAAQ,cAAc;AACvD,SAASC,qBAAqB,QAAQ,6BAAoB;;AAE1D;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,MAAMF,SAAS,GAAGE,qBAAqB,CAACD,WAAW,CAAC","ignoreList":[]}

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

@@ -0,0 +1,103 @@
+import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
+import * as PressableStories from './Pressable.stories';
+import { CustomTabs, Tab } from '../../../../../.storybook/components';
+
+<Meta title='Utility/Pressable' of={PressableStories} />
+
+# Pressable
+
+<CustomTabs>
+  <Tab label="Overview ">
+Pressable is a utility primitive that wraps React Native's `Pressable` component with token-constrained style props from the design system theme.
+
+Pressable exposes the `lx` property to consume tokens from the `ledgerLiveTheme`, see [lx documentation](/?path=/docs/style-system-lx--docs).
+
+## Interactive Example
+
+<Canvas of={PressableStories.Base} />
+<Controls of={PressableStories.Base} />
+
+## Usage
+
+```tsx
+import { Pressable, Text } from '@ledgerhq/lumen-ui-rnative';
+
+function InteractiveCard() {
+  return (
+    <Pressable
+      lx={{
+        padding: 's16',
+        backgroundColor: 'accent',
+        borderRadius: 'md',
+        gap: 's8',
+      }}
+      onPress={() => console.log('Pressed!')}
+    >
+      <Text>Press me</Text>
+    </Pressable>
+  );
+}
+```
+
+## Pressed State Styling
+
+The `lx` prop only accepts static token objects. For pressed-state styling, use the `style` prop with a function:
+
+```tsx
+import { Pressable, Text } from '@ledgerhq/lumen-ui-rnative';
+
+function ButtonWithFeedback() {
+  return (
+    <Pressable
+      lx={{
+        padding: 's16',
+        backgroundColor: 'accent',
+        borderRadius: 'md',
+      }}
+      style={({ pressed }) => ({
+        opacity: pressed ? 0.8 : 1,
+        transform: [{ scale: pressed ? 0.98 : 1 }],
+      })}
+      onPress={() => console.log('Pressed!')}
+    >
+      <Text>Press me</Text>
+    </Pressable>
+  );
+}
+```
+
+## Composing Styles
+
+The `style` prop supports arrays of objects and functions, making it easy to compose styles:
+
+```tsx
+import { Pressable, Text } from '@ledgerhq/lumen-ui-rnative';
+
+function ComposedButton({ style }) {
+  return (
+    <Pressable
+      lx={{ padding: 's16', borderRadius: 'md' }}
+      style={[
+        style, // Consumer's style (can be object, function, or array)
+        { flex: 1 },
+        ({ pressed }) => ({ opacity: pressed ? 0.8 : 1 }),
+      ]}
+    >
+      <Text>Composed</Text>
+    </Pressable>
+  );
+}
+```
+
+## Escape Hatch
+
+For values not covered by tokens, use raw numbers or the `style` prop:
+
+```tsx
+// Style prop for complete override
+<Pressable lx={{ marginTop: 's4' }} style={{ width: 127 }} />
+```
+
+</Tab>
+</CustomTabs>
+

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

@@ -0,0 +1,56 @@
+"use strict";
+
+import { Pressable } from "./Pressable.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const meta = {
+  component: Pressable,
+  title: 'Utility/Pressable',
+  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',
+      alignSelf: 'center'
+    },
+    style: ({
+      pressed
+    }) => ({
+      opacity: pressed ? 0.5 : 1
+    })
+  },
+  render: args => /*#__PURE__*/_jsx(Pressable, {
+    ...args
+  }),
+  parameters: {
+    docs: {
+      source: {
+        code: `
+<Pressable
+  style={({ pressed }) => ({ opacity: pressed ? 0.5 : 1 })}
+  lx={{
+    height: 's48',
+    width: 's48',
+    backgroundColor: 'accent',
+    borderRadius: 'md',
+    alignSelf: 'center',
+  }}
+/>
+`
+      }
+    }
+  }
+};
+//# sourceMappingURL=Pressable.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","jsx","_jsx","meta","component","title","parameters","docs","source","language","format","type","Base","args","lx","height","width","backgroundColor","borderRadius","alignSelf","style","pressed","opacity","render","code"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Utility/Pressable/Pressable.stories.tsx"],"mappings":";;AACA,SAASA,SAAS,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,MAAMC,IAA4B,GAAG;EACnCC,SAAS,EAAEJ,SAAS;EACpBK,KAAK,EAAE,mBAAmB;EAC1BC,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,IAAI;MAClBC,SAAS,EAAE;IACb,CAAC;IACDC,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,MAAM;MAAEC,OAAO,EAAED,OAAO,GAAG,GAAG,GAAG;IAAE,CAAC;EACzD,CAAC;EACDE,MAAM,EAAGV,IAAI,iBAAKX,IAAA,CAACF,SAAS;IAAA,GAAKa;EAAI,CAAG,CAAC;EACzCP,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNgB,IAAI,EAAE;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAC","ignoreList":[]}

package/dist/module/lib/Components/Utility/Pressable/Pressable.test.js

@@ -0,0 +1,226 @@
+"use strict";
+
+import { describe, it, expect, jest } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { render, screen, fireEvent } from '@testing-library/react-native';
+import React, { createRef } from 'react';
+import { Text } from 'react-native';
+import { ThemeProvider } from "../../ThemeProvider/ThemeProvider.js";
+import { Pressable } from "./Pressable.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const renderWithProvider = component => {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    themes: ledgerLiveThemes,
+    colorScheme: "dark",
+    locale: "en",
+    children: component
+  }));
+};
+describe('Pressable Utility Component', () => {
+  describe('Rendering', () => {
+    it('should render correctly', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable"
+      }));
+      expect(screen.getByTestId('pressable')).toBeTruthy();
+    });
+    it('should render children', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        children: /*#__PURE__*/_jsx(Text, {
+          children: "Child Content"
+        })
+      }));
+      expect(screen.getByText('Child Content')).toBeTruthy();
+    });
+    it('should have correct display name', () => {
+      expect(Pressable.displayName).toBe('StyledPressable(Pressable)');
+    });
+  });
+  describe('Token Props (lx)', () => {
+    it('should resolve padding token', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        lx: {
+          padding: 's16'
+        }
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.style.padding).toBe(16);
+    });
+    it('should resolve backgroundColor token', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        lx: {
+          backgroundColor: 'surface'
+        }
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.style.backgroundColor).toBeDefined();
+    });
+    it('should resolve multiple token props', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        lx: {
+          padding: 's16',
+          marginTop: 's8',
+          borderRadius: 'md'
+        }
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.style.padding).toBe(16);
+      expect(pressable.props.style.marginTop).toBe(8);
+      expect(pressable.props.style.borderRadius).toBeDefined();
+    });
+  });
+  describe('Style Props', () => {
+    it('should merge static style prop with resolved tokens', () => {
+      const customStyle = {
+        opacity: 0.5
+      };
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        lx: {
+          padding: 's16'
+        },
+        style: customStyle
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.style.padding).toBe(16);
+      expect(pressable.props.style).toMatchObject({
+        opacity: 0.5
+      });
+    });
+    it('should merge style prop with lx tokens', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        lx: {
+          backgroundColor: 'surface'
+        },
+        style: {
+          opacity: 0.8
+        }
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.style.backgroundColor).toBeDefined();
+      expect(pressable.props.style).toMatchObject({
+        opacity: 0.8
+      });
+    });
+    it('should support function-based style prop', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        lx: {
+          backgroundColor: 'surface'
+        },
+        style: ({
+          pressed
+        }) => ({
+          opacity: pressed ? 0.7 : 1
+        })
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.style.backgroundColor).toBeDefined();
+      expect(pressable.props.style.opacity).toBe(1);
+    });
+  });
+  describe('Interactions', () => {
+    it('should call onPress when pressed', () => {
+      const handlePress = jest.fn();
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        onPress: handlePress
+      }));
+      fireEvent.press(screen.getByTestId('pressable'));
+      expect(handlePress).toHaveBeenCalledTimes(1);
+    });
+    it('should call onPressIn when press starts', () => {
+      const handlePressIn = jest.fn();
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        onPressIn: handlePressIn
+      }));
+      fireEvent(screen.getByTestId('pressable'), 'onPressIn');
+      expect(handlePressIn).toHaveBeenCalledTimes(1);
+    });
+    it('should call onPressOut when press ends', () => {
+      const handlePressOut = jest.fn();
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        onPressOut: handlePressOut
+      }));
+      fireEvent(screen.getByTestId('pressable'), 'onPressOut');
+      expect(handlePressOut).toHaveBeenCalledTimes(1);
+    });
+    it('should call onLongPress when long pressed', () => {
+      const handleLongPress = jest.fn();
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        onLongPress: handleLongPress
+      }));
+      fireEvent(screen.getByTestId('pressable'), 'onLongPress');
+      expect(handleLongPress).toHaveBeenCalledTimes(1);
+    });
+    it('should not call onPress when disabled', () => {
+      const handlePress = jest.fn();
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        onPress: handlePress,
+        disabled: true
+      }));
+      fireEvent.press(screen.getByTestId('pressable'));
+      expect(handlePress).not.toHaveBeenCalled();
+    });
+  });
+  describe('Ref Forwarding', () => {
+    it('should forward ref', () => {
+      const ref = /*#__PURE__*/createRef();
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        ref: ref,
+        testID: "pressable"
+      }));
+      expect(ref.current).toBeTruthy();
+    });
+  });
+  describe('Accessibility', () => {
+    it('should pass accessibility props', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        accessibilityLabel: "Interactive button",
+        accessibilityRole: "button"
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.accessibilityLabel).toBe('Interactive button');
+      expect(pressable.props.accessibilityRole).toBe('button');
+    });
+    it('should pass accessibility state', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        accessibilityState: {
+          disabled: true,
+          selected: true
+        }
+      }));
+      const pressable = screen.getByTestId('pressable');
+      expect(pressable.props.accessibilityState).toEqual({
+        disabled: true,
+        selected: true
+      });
+    });
+  });
+  describe('Children Render Function', () => {
+    it('should support children as render function', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(Pressable, {
+        testID: "pressable",
+        children: ({
+          pressed
+        }) => /*#__PURE__*/_jsx(Text, {
+          testID: "child-text",
+          children: pressed ? 'Pressed!' : 'Not pressed'
+        })
+      }));
+      expect(screen.getByText('Not pressed')).toBeTruthy();
+    });
+  });
+});
+//# sourceMappingURL=Pressable.test.js.map

package/dist/module/lib/Components/Utility/Pressable/Pressable.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","screen","fireEvent","React","createRef","Text","ThemeProvider","Pressable","jsx","_jsx","renderWithProvider","component","themes","colorScheme","locale","children","testID","getByTestId","toBeTruthy","getByText","displayName","toBe","lx","padding","pressable","props","style","backgroundColor","toBeDefined","marginTop","borderRadius","customStyle","opacity","toMatchObject","pressed","handlePress","fn","onPress","press","toHaveBeenCalledTimes","handlePressIn","onPressIn","handlePressOut","onPressOut","handleLongPress","onLongPress","disabled","not","toHaveBeenCalled","ref","current","accessibilityLabel","accessibilityRole","accessibilityState","selected","toEqual"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Utility/Pressable/Pressable.test.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,40 @@
+"use strict";
+
+import { Text as RNText } from 'react-native';
+import { createStyledText } from "../../../../styles/index.js";
+
+/**
+ * Text - A typography component with typography support and token-constrained style props.
+ *
+ * Text is a wrapper around React Native's Text that accepts a `typography` prop for
+ * typography presets, plus design token-based style props for colors, spacing, etc.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/typography-text--docs Storybook}
+ *
+ * @example
+ * ```tsx
+ * import { Text } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * // Basic usage with typography typography
+ * <Text typography='body1'>Hello World</Text>
+ *
+ * // With custom color
+ * <Text typography='heading3SemiBold' lx={{ color: 'muted' }}>
+ *   Subtitle
+ * </Text>
+ *
+ * // With spacing
+ * <Text typography='body2' lx={{ marginTop: 's8', color: 'base' }}>
+ *   Description text
+ * </Text>
+ *
+ * // Style prop for complete override
+ * <Text
+ *  typography='body1'
+ *  lx={{ marginTop: 's8' }}
+ *  style={{ letterSpacing: 127 }}
+ * />
+ * ```
+ */
+export const Text = createStyledText(RNText);
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","RNText","createStyledText"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Utility/Text/Text.tsx"],"mappings":";;AAAA,SAASA,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAC7C,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,OAAO,MAAMF,IAAI,GAAGE,gBAAgB,CAACD,MAAM,CAAC","ignoreList":[]}

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

@@ -0,0 +1,71 @@
+import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
+import * as TextStories from './Text.stories';
+import { CustomTabs, Tab } from '../../../../../.storybook/components';
+
+<Meta title='Utility/Text' of={TextStories} />
+
+# Text
+
+<CustomTabs>
+  <Tab label="Overview ">
+
+Text is a typography component that wraps React Native's `Text` with a `typography` prop for typography presets and token-constrained style props from the design system theme.  
+
+Text expose the `lx` property to consume tokens from the `ledgerLiveTheme`, see [LX documentation](/?path=/docs/style-system-lx--docs).
+
+## Interactive Example
+
+<Canvas of={TextStories.Base} />
+<Controls of={TextStories.Base} />
+
+## Available Typographies
+
+The `typography` property should be used to apply a typography preset that includes font size, font weight, line height, and letter spacing.
+
+### Body
+Used for content text like paragraphs.
+- `body1`, `body1SemiBold`
+- `body2`, `body2SemiBold`
+- `body3`, `body3SemiBold` 
+- `body4`, `body4SemiBold` 
+
+### Headings
+Used for section titles like page titles.
+- `heading0`, `heading0SemiBold`
+- `heading1`, `heading1SemiBold`
+- `heading2`, `heading2SemiBold`
+- `heading3`, `heading3SemiBold`
+- `heading4`, `heading4SemiBold`
+- `heading5`, `heading5SemiBold`
+
+
+
+## Usage
+
+```tsx
+import { Text } from '@ledgerhq/lumen-ui-rnative';
+
+// Basic usage with typography typography
+<Text typography='body1'>Hello World</Text>
+
+// With custom color
+<Text typography='heading3SemiBold' lx={{ color: 'muted' }}>
+  Subtitle
+</Text>
+
+// With spacing
+<Text typography='body2' lx={{ marginTop: 's8', color: 'base' }}>
+  Description text
+</Text>
+```
+
+## Escape Hatch
+
+For values not covered by tokens, use the `style` prop:
+
+```tsx
+<Text typography='body1' style={{ letterSpacing: 2 }} />
+```
+
+</Tab>
+</CustomTabs>

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

@@ -0,0 +1,38 @@
+"use strict";
+
+import { Text } from "./Text.js";
+const meta = {
+  component: Text,
+  title: 'Utility/Text',
+  parameters: {
+    docs: {
+      source: {
+        language: 'tsx',
+        format: true,
+        type: 'code'
+      }
+    }
+  }
+};
+export default meta;
+export const Base = {
+  args: {
+    typography: 'body1',
+    lx: {
+      color: 'base'
+    },
+    children: 'Hello World'
+  },
+  parameters: {
+    docs: {
+      source: {
+        code: `
+<Text typography='body1' lx={{ color: 'base' }}>
+  Hello World
+</Text>
+`
+      }
+    }
+  }
+};
+//# sourceMappingURL=Text.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","meta","component","title","parameters","docs","source","language","format","type","Base","args","typography","lx","color","children","code"],"sourceRoot":"../../../../../../src","sources":["lib/Components/Utility/Text/Text.stories.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,WAAQ;AAG7B,MAAMC,IAAqB,GAAG;EAC5BC,SAAS,EAAEF,IAAI;EACfG,KAAK,EAAE,cAAc;EACrBC,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,UAAU,EAAE,OAAO;IACnBC,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAO,CAAC;IACrBC,QAAQ,EAAE;EACZ,CAAC;EACDX,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNU,IAAI,EAAE;AACd;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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