@ledgerhq/lumen-ui-rnative 0.1.3 → 0.1.5

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "license": "Apache-2.0",
   "keywords": [
     "react-native",

package/dist/src/lib/Components/AmountDisplay/AmountDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,kBAAkB,EAInB,MAAM,SAAS,CAAC;AA6IjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,aAAa;+DAOvB,kBAAkB;;CA8DpB,CAAC"}
+{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,kBAAkB,EAInB,MAAM,SAAS,CAAC;AAmJjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,aAAa;+DAOvB,kBAAkB;;CA8DpB,CAAC"}

package/dist/src/lib/Components/AmountDisplay/AmountDisplay.js

@@ -6,6 +6,7 @@ import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming, } from
 import { useCommonTranslation } from '../../../i18n';
 import { useStyleSheet } from '../../../styles';
 import { Pulse } from '../../Animations/Pulse';
+import { RuntimeConstants } from '../../utils';
 import { Box } from '../Utility';
 import { DIGITS, } from './types';
 const INTEGER_DIGIT_WIDTHS = {
@@ -91,7 +92,10 @@ const DigitStrip = memo(({ value, textStyle, animate, type }) => {
     const animatedStyle = useAnimatedStyle(() => ({
         transform: [{ translateY: translateY.value }],
     }), [translateY]);
-    return (_jsx(Animated.View, { style: { height: lineHeight, overflow: 'hidden', width: width }, accessibilityValue: { text: String(value) }, children: _jsx(Animated.View, { style: [animatedStyle, { alignItems: 'center' }], children: DIGITS.map((d) => (_jsx(Text, { style: textStyle, children: d }, d))) }) }));
+    return (_jsx(Animated.View, { style: { height: lineHeight, overflow: 'hidden', width: width }, accessibilityValue: { text: String(value) }, children: _jsx(Animated.View, { style: [animatedStyle, { alignItems: 'center' }], children: DIGITS.map((d) => (_jsx(Text, { style: [
+                    textStyle,
+                    RuntimeConstants.isAndroid && { height: lineHeight },
+                ], children: d }, d))) }) }));
 });
 const DigitStripList = memo(({ items, textStyle, animate, type }) => {
     return items.map((item, index) => {

package/dist/src/lib/Components/TabBar/TabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/TabBar/TabBar.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,cAAc,KAAK,CAAC;AAGjC;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CAgGjB;yBAvGe,UAAU;;;AA2G1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAsFb"}
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/TabBar/TabBar.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,cAAc,KAAK,CAAC;AAGjC;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CAgGjB;yBAvGe,UAAU;;;AA2G1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CA0Fb"}

package/dist/src/lib/Components/TabBar/TabBar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BlurView } from '@sbaiahmed1/react-native-blur';
 import React, { useCallback, useEffect, useRef } from 'react';
-import { StyleSheet, Text } from 'react-native';
+import { Platform, StyleSheet, Text, View, } from 'react-native';
 import Animated, { Easing, useAnimatedStyle, useSharedValue, withDelay, withSequence, withTiming, } from 'react-native-reanimated';
 import { useStyleSheet, useTheme } from '../../../styles';
 import { Placeholder } from '../../Symbols';
@@ -127,9 +127,9 @@ export function TabBar({ active, onTabPress, children, ...props }) {
         width: itemWidth.value,
         height: itemHeight.value - PILL_INSET * 2,
     }), [pillProgress, itemWidth, itemHeight]);
-    return (_jsx(TabBarContextProvider, { value: { active, onTabPress: handleTabPress }, children: _jsxs(Box, { style: styles.container, onLayout: onLayout, accessibilityRole: 'tablist', ...props, children: [children, _jsx(BlurView, { style: styles.blur, blurAmount: theme.blur.lg, blurType: colorScheme === 'dark' ? 'dark' : 'light', overlayColor: colorScheme === 'dark'
+    return (_jsx(TabBarContextProvider, { value: { active, onTabPress: handleTabPress }, children: _jsxs(Box, { style: styles.container, onLayout: onLayout, accessibilityRole: 'tablist', ...props, children: [children, Platform.OS === 'android' ? (_jsx(View, { style: styles.androidBackground })) : (_jsx(BlurView, { style: styles.blur, blurAmount: theme.blur.lg, blurType: colorScheme === 'dark' ? 'dark' : 'light', overlayColor: colorScheme === 'dark'
                         ? 'rgba(0,0,0,0.15)'
-                        : 'rgba(255,255,255,0.2)' }), _jsx(Animated.View, { style: [styles.pill, animatedPillStyle] })] }) }));
+                        : 'rgba(255,255,255,0.2)' })), _jsx(Animated.View, { style: [styles.pill, animatedPillStyle] })] }) }));
 }
 const useStyles = () => useStyleSheet((t) => ({
     container: {
@@ -144,9 +144,14 @@ const useStyles = () => useStyleSheet((t) => ({
     },
     blur: {
         ...StyleSheet.absoluteFillObject,
-        bottom: -2,
+        height: TAB_BAR_HEIGHT + t.sizes.s16,
         zIndex: -1,
     },
+    androidBackground: {
+        ...StyleSheet.absoluteFillObject,
+        zIndex: -1,
+        backgroundColor: t.colors.bg.muted,
+    },
     item: {
         flex: 1,
         paddingVertical: t.spacings.s4,

package/jest.config.ts

@@ -13,7 +13,6 @@ export default {
   displayName: '@ledgerhq/lumen-ui-rnative',
   preset: 'react-native',
   setupFiles: ['<rootDir>/jest.setup.ts'],
-  setupFilesAfterEnv: ['@testing-library/jest-native/extend-expect'],
   transformIgnorePatterns: [
     `node_modules/(?!(.pnpm|${transformIncludePatterns.join('|')})/)`,
   ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "license": "Apache-2.0",
   "keywords": [
     "react-native",

package/src/lib/Components/AmountDisplay/AmountDisplay.tsx

@@ -10,6 +10,7 @@ import Animated, {
 import { useCommonTranslation } from '../../../i18n';
 import { useStyleSheet } from '../../../styles';
 import { Pulse } from '../../Animations/Pulse';
+import { RuntimeConstants } from '../../utils';
 import { Box } from '../Utility';
 import {
   AmountDisplayProps,
@@ -123,7 +124,13 @@ const DigitStrip = memo(
       >
         <Animated.View style={[animatedStyle, { alignItems: 'center' }]}>
           {DIGITS.map((d) => (
-            <Text key={d} style={textStyle}>
+            <Text
+              key={d}
+              style={[
+                textStyle,
+                RuntimeConstants.isAndroid && { height: lineHeight },
+              ]}
+            >
               {d}
             </Text>
           ))}

package/src/lib/Components/TabBar/TabBar.tsx

@@ -1,6 +1,12 @@
 import { BlurView } from '@sbaiahmed1/react-native-blur';
 import React, { useCallback, useEffect, useRef } from 'react';
-import { LayoutChangeEvent, StyleSheet, Text } from 'react-native';
+import {
+  LayoutChangeEvent,
+  Platform,
+  StyleSheet,
+  Text,
+  View,
+} from 'react-native';
 import Animated, {
   Easing,
   useAnimatedStyle,
@@ -228,16 +234,20 @@ export function TabBar({
         {...props}
       >
         {children}
-        <BlurView
-          style={styles.blur}
-          blurAmount={theme.blur.lg}
-          blurType={colorScheme === 'dark' ? 'dark' : 'light'}
-          overlayColor={
-            colorScheme === 'dark'
-              ? 'rgba(0,0,0,0.15)'
-              : 'rgba(255,255,255,0.2)'
-          }
-        />
+        {Platform.OS === 'android' ? (
+          <View style={styles.androidBackground} />
+        ) : (
+          <BlurView
+            style={styles.blur}
+            blurAmount={theme.blur.lg}
+            blurType={colorScheme === 'dark' ? 'dark' : 'light'}
+            overlayColor={
+              colorScheme === 'dark'
+                ? 'rgba(0,0,0,0.15)'
+                : 'rgba(255,255,255,0.2)'
+            }
+          />
+        )}
         <Animated.View style={[styles.pill, animatedPillStyle]} />
       </Box>
     </TabBarContextProvider>
@@ -259,9 +269,14 @@ const useStyles = () =>
       },
       blur: {
         ...StyleSheet.absoluteFillObject,
-        bottom: -2,
+        height: TAB_BAR_HEIGHT + t.sizes.s16,
         zIndex: -1,
       },
+      androidBackground: {
+        ...StyleSheet.absoluteFillObject,
+        zIndex: -1,
+        backgroundColor: t.colors.bg.muted,
+      },
       item: {
         flex: 1,
         paddingVertical: t.spacings.s4,

package/src/lib/Components/Utility/Gradient/LinearGradient/LinearGradient.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { useTheme } from 'src/styles';
+import { useTheme } from '../../../../../styles';
 import { Box } from '../../Box';
 import { Text } from '../../Text';
 import { LinearGradient } from './LinearGradient';

package/tsconfig.json

@@ -6,20 +6,7 @@
   "files": [],
   "include": [],
   "references": [
-    {
-      "path": "../design-core"
-    },
-    {
-      "path": "../utils-shared"
-    },
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    },
-    {
-      "path": "./tsconfig.storybook.json"
-    }
-  ],
+    { "path": "./tsconfig.lib.json" },
+    { "path": "./tsconfig.spec.json" }
+  ]
 }

package/tsconfig.lib.json

@@ -15,6 +15,11 @@
     "src/**/*.test.tsx",
     "src/**/*.test.js",
     "src/**/*.test.jsx",
+    "src/**/*.stories.ts",
+    "src/**/*.stories.tsx",
+    "src/**/*.stories.js",
+    "src/**/*.stories.jsx",
+    "src/**/*.mdx",
     "eslint.config.js",
     "eslint.config.cjs",
     "eslint.config.mjs",

package/dist/src/lib/Animations/Pulse/Pulse.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Pulse } from './Pulse';
-declare const meta: Meta<typeof Pulse>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Base: Story;
-export declare const DurationShowcase: Story;
-export declare const WithAmountDisplay: Story;
-//# sourceMappingURL=Pulse.stories.d.ts.map

package/dist/src/lib/Animations/Pulse/Pulse.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pulse.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Animations/Pulse/Pulse.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAKvE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAchC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAMC,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAQlB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAmC9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAY/B,CAAC"}

package/dist/src/lib/Animations/Pulse/Pulse.stories.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View } from 'react-native';
-import { AmountDisplay } from '../../Components/AmountDisplay';
-import { Box, Text } from '../../Components/Utility';
-import { Pulse } from './Pulse';
-const usdFormatter = (value) => {
-    const [integerPart, decimalPart] = value.toFixed(2).split(/\.|,/);
-    return {
-        integerPart,
-        decimalPart,
-        currencyText: '$',
-        decimalSeparator: '.',
-        currencyPosition: 'start',
-    };
-};
-const meta = {
-    title: 'Animations/Pulse',
-    component: Pulse,
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        duration: 2000,
-        animate: true,
-        children: (_jsx(Box, { lx: { width: 's48', height: 's48', backgroundColor: 'accent' } })),
-    },
-};
-export const DurationShowcase = {
-    render: () => (_jsxs(View, { style: { flexDirection: 'row', gap: 24, alignItems: 'center' }, children: [_jsxs(View, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Pulse, { duration: 1000, animate: true, children: _jsx(Box, { lx: { width: 's48', height: 's48', backgroundColor: 'accent' } }) }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "1000ms" })] }), _jsxs(View, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Pulse, { duration: 2000, animate: true, children: _jsx(Box, { lx: { width: 's48', height: 's48', backgroundColor: 'accent' } }) }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "2000ms" })] }), _jsxs(View, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Pulse, { duration: 3000, animate: true, children: _jsx(Box, { lx: { width: 's48', height: 's48', backgroundColor: 'accent' } }) }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "3000ms" })] })] })),
-};
-export const WithAmountDisplay = {
-    render: () => {
-        return (_jsx(View, { style: { flexDirection: 'column', alignItems: 'center', gap: 16 }, children: _jsx(AmountDisplay, { formatter: usdFormatter, value: 1234.56, loading: true }) }));
-    },
-};

package/dist/src/lib/Animations/Spin/Spin.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Spin } from './Spin';
-declare const meta: Meta<typeof Spin>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Base: Story;
-export declare const DurationShowcase: Story;
-export declare const WithSpinner: Story;
-//# sourceMappingURL=Spin.stories.d.ts.map

package/dist/src/lib/Animations/Spin/Spin.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spin.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Animations/Spin/Spin.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAIvE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAMC,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAmC9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}

package/dist/src/lib/Animations/Spin/Spin.stories.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View } from 'react-native';
-import { Spinner } from '../../Components/Spinner';
-import { Box, Text } from '../../Components/Utility';
-import { Spin } from './Spin';
-const meta = {
-    title: 'Animations/Spin',
-    component: Spin,
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        duration: 1000,
-        children: (_jsx(Box, { lx: { width: 's48', height: 's48', backgroundColor: 'accent' } })),
-    },
-};
-export const DurationShowcase = {
-    render: () => (_jsxs(View, { style: { flexDirection: 'row', gap: 24, alignItems: 'center' }, children: [_jsxs(View, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Spin, { duration: 500, children: _jsx(Box, { lx: { width: 's48', height: 's48', backgroundColor: 'accent' } }) }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "500ms" })] }), _jsxs(View, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Spin, { duration: 1000, children: _jsx(Box, { lx: { width: 's48', height: 's48', backgroundColor: 'accent' } }) }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "1000ms" })] }), _jsxs(View, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Spin, { duration: 2000, children: _jsx(Box, { lx: { width: 's48', height: 's48', backgroundColor: 'accent' } }) }), _jsx(Text, { typography: 'body4', lx: { color: 'muted' }, children: "2000ms" })] })] })),
-};
-export const WithSpinner = {
-    render: () => {
-        return (_jsx(View, { style: { flexDirection: 'column', alignItems: 'center', gap: 16 }, children: _jsx(Spinner, { size: 40 }) }));
-    },
-};

package/dist/src/lib/Components/AddressInput/AddressInput.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { AddressInput } from './AddressInput';
-declare const meta: Meta<typeof AddressInput>;
-export default meta;
-type Story = StoryObj<typeof AddressInput>;
-export declare const Base: Story;
-export declare const WithContent: Story;
-export declare const WithCustomPrefix: Story;
-export declare const WithoutQrCode: Story;
-export declare const WithError: Story;
-export declare const DisabledAddressInput: Story;
-export declare const WithHiddenClearButton: Story;
-//# sourceMappingURL=AddressInput.stories.d.ts.map

package/dist/src/lib/Components/AddressInput/AddressInput.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddressInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AddressInput/AddressInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAkCnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AA6B3C,eAAO,MAAM,IAAI,EAAE,KAQlB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AA2BF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KASlC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC"}

package/dist/src/lib/Components/AddressInput/AddressInput.stories.js

@@ -1,128 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { View } from 'react-native';
-import { AddressInput } from './AddressInput';
-const meta = {
-    component: AddressInput,
-    title: 'Input/AddressInput',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-    argTypes: {
-        placeholder: {
-            control: 'text',
-            description: 'Placeholder text when input is empty',
-        },
-        prefix: {
-            control: 'text',
-            description: 'Custom prefix text (default: "To:")',
-        },
-        errorMessage: {
-            control: 'text',
-            description: 'Error message to display below input',
-        },
-        editable: {
-            control: 'boolean',
-            description: 'Whether the input is editable',
-        },
-        hideClearButton: {
-            control: 'boolean',
-            description: 'Hide the clear button',
-        },
-    },
-};
-export default meta;
-const AddressInputStory = (args) => {
-    const [address, setAddress] = useState(args.value?.toString() ?? '');
-    return (_jsx(View, { style: {
-            flex: 1,
-            minHeight: 96,
-            alignItems: 'center',
-            justifyContent: 'center',
-            padding: 24,
-        }, children: _jsx(View, { style: { width: '100%', maxWidth: 400 }, children: _jsx(AddressInput, { ...args, value: address, onChangeText: setAddress, onQrCodeClick: args.onQrCodeClick ?? (() => alert('QR code scanner opened')) }) }) }));
-};
-export const Base = {
-    render: (args) => _jsx(AddressInputStory, { ...args }),
-    args: {
-        placeholder: 'Enter address or ENS',
-        prefix: 'To:',
-        editable: true,
-        hideClearButton: false,
-    },
-};
-export const WithContent = {
-    render: (args) => _jsx(AddressInputStory, { ...args }),
-    args: {
-        placeholder: 'Enter address or ENS',
-        value: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb27',
-        prefix: 'To:',
-        editable: true,
-        hideClearButton: false,
-    },
-};
-export const WithCustomPrefix = {
-    render: (args) => _jsx(AddressInputStory, { ...args }),
-    args: {
-        placeholder: 'Enter sender address',
-        prefix: 'From:',
-        editable: true,
-        hideClearButton: false,
-    },
-};
-const AddressInputWithoutQrStory = (args) => {
-    const [address, setAddress] = useState(args.value?.toString() ?? '');
-    return (_jsx(View, { style: {
-            flex: 1,
-            minHeight: 96,
-            alignItems: 'center',
-            justifyContent: 'center',
-            padding: 24,
-        }, children: _jsx(View, { style: { width: '100%', maxWidth: 400 }, children: _jsx(AddressInput, { ...args, value: address, onChangeText: setAddress, onQrCodeClick: undefined }) }) }));
-};
-export const WithoutQrCode = {
-    render: (args) => _jsx(AddressInputWithoutQrStory, { ...args }),
-    args: {
-        placeholder: 'Enter address or ENS',
-        prefix: 'To:',
-        editable: true,
-        hideClearButton: false,
-    },
-};
-export const WithError = {
-    render: (args) => _jsx(AddressInputStory, { ...args }),
-    args: {
-        placeholder: 'Enter address or ENS',
-        value: 'invalid-address',
-        errorMessage: 'Invalid address format',
-        prefix: 'To:',
-        editable: true,
-        hideClearButton: false,
-    },
-};
-export const DisabledAddressInput = {
-    render: (args) => _jsx(AddressInputStory, { ...args }),
-    args: {
-        placeholder: 'Enter address or ENS',
-        value: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb27',
-        prefix: 'To:',
-        editable: false,
-        hideClearButton: false,
-    },
-};
-export const WithHiddenClearButton = {
-    render: (args) => _jsx(AddressInputStory, { ...args }),
-    args: {
-        placeholder: 'Enter address or ENS',
-        value: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb27',
-        prefix: 'To:',
-        editable: true,
-        hideClearButton: true,
-    },
-};

package/dist/src/lib/Components/AmountDisplay/AmountDisplay.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { AmountDisplay } from './AmountDisplay';
-declare const meta: Meta<typeof AmountDisplay>;
-export default meta;
-type Story = StoryObj<typeof AmountDisplay>;
-export declare const Base: Story;
-export declare const WithHideButton: Story;
-export declare const AnimationShowcase: Story;
-export declare const Loading: Story;
-//# sourceMappingURL=AmountDisplay.stories.d.ts.map

package/dist/src/lib/Components/AmountDisplay/AmountDisplay.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmountDisplay.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountDisplay/AmountDisplay.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAKvE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAuChD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAiDpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI,EAAE,KAWlB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoB/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC"}

package/dist/src/lib/Components/AmountDisplay/AmountDisplay.stories.js

@@ -1,127 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { View } from 'react-native';
-import { Eye, EyeCross } from '../../Symbols';
-import { IconButton } from '../IconButton';
-import { AmountDisplay } from './AmountDisplay';
-const usdFormatter = (value) => {
-    const [integerPart, decimalPart] = value.toFixed(2).split(/\.|,/);
-    return {
-        integerPart,
-        decimalPart,
-        currencyText: '$',
-        decimalSeparator: '.',
-        currencyPosition: 'start',
-    };
-};
-const eurFormatter = (value) => {
-    const [integerPart, decimalPart] = value.toFixed(2).split(/\.|,/);
-    return {
-        integerPart,
-        decimalPart,
-        currencyText: '€',
-        decimalSeparator: ',',
-        currencyPosition: 'end',
-    };
-};
-const btcFormatter = (value) => {
-    const [integerPart, decimalPart] = value.toFixed(8).split(/\.|,/);
-    return {
-        integerPart,
-        decimalPart,
-        currencyText: 'BTC',
-        decimalSeparator: '.',
-        currencyPosition: 'end',
-    };
-};
-const meta = {
-    component: AmountDisplay,
-    title: 'Communication/AmountDisplay',
-    args: {
-        formatter: eurFormatter,
-        hidden: false,
-        animate: true,
-    },
-    argTypes: {
-        formatter: {
-            options: ['EUR', 'USD', 'BTC'],
-            mapping: {
-                USD: usdFormatter,
-                EUR: eurFormatter,
-                BTC: btcFormatter,
-            },
-            control: {
-                type: 'select',
-            },
-            description: 'Function that formats a number. Returns an object with:\n' +
-                '- `integerPart`: string\n' +
-                '- `decimalPart?`: string\n' +
-                '- `currencyText`: string\n' +
-                '- `decimalSeparator`: "." | ","\n' +
-                '- `currencyPosition?`: "start" | "end"',
-        },
-        hidden: {
-            control: {
-                type: 'boolean',
-            },
-        },
-        animate: {
-            control: {
-                type: 'boolean',
-            },
-        },
-    },
-    parameters: {
-        layout: 'centered',
-        backgrounds: { default: 'light' },
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        value: 1234.56,
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `<AmountDisplay value={1234.56} />`,
-            },
-        },
-    },
-};
-export const WithHideButton = {
-    render: (props) => {
-        const [hidden, setHidden] = useState(false);
-        return (_jsxs(View, { style: { flexDirection: 'row', alignItems: 'center', gap: 12 }, children: [_jsx(AmountDisplay, { formatter: props.formatter, value: 1234.56, hidden: hidden }), _jsx(IconButton, { appearance: 'transparent', size: 'sm', icon: hidden ? EyeCross : Eye, accessibilityLabel: hidden ? 'Show amount' : 'Hide amount', onPress: () => setHidden((v) => !v) })] }));
-    },
-};
-export const AnimationShowcase = {
-    args: {
-        value: 1234.56,
-    },
-    render: (props) => {
-        const [currentValue, setCurrentValue] = useState(props.value);
-        useEffect(() => {
-            const interval = setInterval(() => {
-                setCurrentValue((prev) => {
-                    const delta = prev * (Math.random() * 0.02 - 0.01);
-                    return Math.round((prev + delta) * 100) / 100;
-                });
-            }, 2000);
-            return () => clearInterval(interval);
-        }, []);
-        return _jsx(AmountDisplay, { ...props, value: currentValue });
-    },
-};
-export const Loading = {
-    render: (props) => {
-        return (_jsx(AmountDisplay, { formatter: props.formatter, value: 1234.56, loading: true }));
-    },
-};

package/dist/src/lib/Components/AmountInput/AmountInput.stories.d.ts

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { AmountInput } from './AmountInput';
-declare const meta: Meta<typeof AmountInput>;
-export default meta;
-type Story = StoryObj<typeof AmountInput>;
-export declare const Base: Story;
-export declare const WithValue: Story;
-export declare const CurrencyPositionLeft: Story;
-export declare const CurrencyPositionRight: Story;
-export declare const IntegerOnly: Story;
-export declare const WithThousandsSeparator: Story;
-export declare const WithoutThousandsSeparator: Story;
-export declare const ErrorState: Story;
-export declare const DisabledAmountInput: Story;
-export declare const CustomLengthLimits: Story;
-//# sourceMappingURL=AmountInput.stories.d.ts.map

package/dist/src/lib/Components/AmountInput/AmountInput.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmountInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountInput/AmountInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA+ClC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAsB1C,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAWlC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAWnC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAWpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAWvC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAWjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAC"}