@ledgerhq/lumen-ui-rnative 0.0.45 → 0.0.47

package/.storybook/docs/style-system/{useCreate.mdx → useStyleSheet.mdx}

@@ -1,19 +1,19 @@
 import { Meta } from '@storybook/addon-docs/blocks';
 
-<Meta title="Style System/useCreate" />
+<Meta title="Style System/useStyleSheet" />
 
-# useCreate
+# useStyleSheet
 
-`LumenStyleSheet.useCreate` is a hook for creating memoized, theme-aware stylesheets in React Native.
+`useStyleSheet` is a hook for creating memoized, theme-aware stylesheets in React Native.
 
-## Basic Usage
+### Basic Usage
 
 ```tsx
-import { LumenStyleSheet } from '@ledgerhq/lumen-ui-rnative/styles';
+import { useStyleSheet } from '@ledgerhq/lumen-ui-rnative/styles';
 import { View, Text } from 'react-native';
 
 const MyComponent = () => {
-  const styles = LumenStyleSheet.useCreate((theme) => ({
+  const styles = useStyleSheet((theme) => ({
     container: {
       backgroundColor: theme.colors.bg.base,
       padding: theme.spacings.s16,
@@ -23,7 +23,7 @@ const MyComponent = () => {
       ...theme.typographies.body1,
       color: theme.colors.text.base,
     },
-  }));
+  }), []);
 
   return (
     <View style={styles.container}>
@@ -33,12 +33,12 @@ const MyComponent = () => {
 };
 ```
 
-## Memoization
+### Memoization
 
 Styles are memoized based on the dependency array (second argument). Re-renders only create new styles when dependencies change:
 
 ```tsx
-const styles = LumenStyleSheet.useCreate(
+const styles = useStyleSheet(
   (theme) => ({
     container: {
       backgroundColor: isActive ? theme.colors.bg.accent : theme.colors.bg.base,
@@ -49,12 +49,12 @@ const styles = LumenStyleSheet.useCreate(
 );
 ```
 
-## Pressed State Pattern
+### Pressed State Pattern
 
-For Pressable components, pass `pressed` state to `useCreate`:
+For Pressable components, pass `pressed` state to `useStyleSheet`:
 
 ```tsx
-import { LumenStyleSheet } from '@ledgerhq/lumen-ui-rnative/styles';
+import { useStyleSheet } from '@ledgerhq/lumen-ui-rnative/styles';
 import { Pressable } from '@ledgerhq/lumen-ui-rnative';
 
 const InteractiveCard = () => {
@@ -66,7 +66,7 @@ const InteractiveCard = () => {
 };
 
 const CardContent = ({ pressed }: { pressed: boolean }) => {
-  const styles = LumenStyleSheet.useCreate(
+  const styles = useStyleSheet(
     (theme) => ({
       container: {
         backgroundColor: pressed 
@@ -81,15 +81,3 @@ const CardContent = ({ pressed }: { pressed: boolean }) => {
   return <View style={styles.container}>...</View>;
 };
 ```
-
-## When to Use
-
-Use `useCreate` when you need:
-
-- Complex conditional styling based on props/state
-- Access to raw theme values for calculations
-- Building custom components with multiple style objects
-- Performance-critical components with memoized styles
-
-For simpler cases, prefer the [lx prop](/?path=/docs/style-system-lx--docs) directly on components.
-

package/.storybook/docs/style-system/useTheme.mdx

@@ -6,13 +6,13 @@ import { Meta } from '@storybook/addon-docs/blocks';
 
 The `useTheme` hook provides access to the current theme and color scheme controls.
 
-## Basic Usage
+### Basic Usage
 
 ```tsx
-import { LumenStyleSheet } from '@ledgerhq/lumen-ui-rnative/styles';
+import { useTheme } from '@ledgerhq/lumen-ui-rnative/styles';
 
 const MyComponent = () => {
-  const { theme, colorScheme } = LumenStyleSheet.useTheme();
+  const { theme, colorScheme } = useTheme();
 
   return (
     <View style={{ backgroundColor: theme.colors.bg.base }}>
@@ -24,13 +24,13 @@ const MyComponent = () => {
 };
 ```
 
-## Theme Toggle Example
+### Theme Toggle Example
 
 ```tsx
-import { LumenStyleSheet } from '@ledgerhq/lumen-ui-rnative/styles';
+import { useTheme } from '@ledgerhq/lumen-ui-rnative/styles';
 
 const ThemeToggle = () => {
-  const { colorScheme, toggleColorScheme } = LumenStyleSheet.useTheme();
+  const { colorScheme, toggleColorScheme } = useTheme();
 
   return (
     <Button onPress={toggleColorScheme}>
@@ -39,14 +39,3 @@ const ThemeToggle = () => {
   );
 };
 ```
-
-## When to Use
-
-Use `useTheme` when you need to:
-
-- Access raw theme values for calculations
-- Control the color scheme programmatically
-- Access tokens not available through `lx`
-
-For most styling needs, prefer [useCreate](/?path=/docs/style-system-usecreate--docs) or the [lx prop](/?path=/docs/style-system-lx--docs).
-

package/.storybook/main.ts

@@ -3,7 +3,6 @@ import { fileURLToPath } from 'node:url';
 import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
 import type { StorybookConfig } from '@storybook/react-native-web-vite';
 import { mergeConfig } from 'vite';
-import { commonjsExportsShim } from './vite-plugins/commonjs-exports-shim';
 
 const config: StorybookConfig = {
   stories: [
@@ -17,11 +16,7 @@ const config: StorybookConfig = {
   ],
   framework: {
     name: getAbsolutePath('@storybook/react-native-web-vite'),
-    options: {
-      pluginReactOptions: {
-        jsxImportSource: 'nativewind',
-      },
-    },
+    options: {},
   },
   typescript: {
     reactDocgen: 'react-docgen-typescript',
@@ -36,15 +31,7 @@ const config: StorybookConfig = {
     };
 
     return mergeConfig(config, {
-      plugins: [nxViteTsPaths(), commonjsExportsShim()],
-      css: {
-        postcss: {
-          plugins: [
-            (await import('tailwindcss')).default,
-            (await import('autoprefixer')).default,
-          ],
-        },
-      },
+      plugins: [nxViteTsPaths()],
     });
   },
 

package/.storybook/preview.tsx

@@ -1,5 +1,5 @@
 import type { Preview } from '@storybook/react-native-web-vite';
-import '../src/global.css';
+
 import {
   withBrandDecorator,
   withModeDecorator,
@@ -50,19 +50,15 @@ const preview: Preview = {
       storySort: {
         order: [
           'Getting Started',
-          ['Introduction', 'Quick Start'],
+          ['Setup', 'Changelog'],
           'Style System',
-          ['lx', 'useCreate', 'useTheme'],
-          'Tailwind',
-          ['Introduction', 'Setup guide', 'Configuration'],
-          'Foundations',
-          ['Docs', 'Colors', 'Border', 'Spacing', 'Size', 'Height', 'Width'],
+          ['Style System', 'useTheme', 'useStyleSheet', 'lx'],
           'Symbols',
           'Action',
           'Communication',
           'Containment',
           'Selection',
-          'Text Input',
+          'Input',
         ],
       },
     },

package/README.md

@@ -1,82 +1,5 @@
 # @ledgerhq/lumen-ui-rnative
 
-**React Native UI component library for Ledger Design System** - Native mobile components built with NativeWind and design tokens.
+## 📦 Setup
 
-## 📦 Installation
-
-```bash
-npm install @ledgerhq/lumen-ui-rnative @ledgerhq/lumen-design-core
-
-# Install peer dependencies
-npm install react-native-svg nativewind
-```
-
-→ [View @ledgerhq/lumen-ui-rnative on npm](https://www.npmjs.com/package/@ledgerhq/lumen-ui-rnative?activeTab=readme)  
-→ [View @ledgerhq/lumen-design-core on npm](https://www.npmjs.com/package/@ledgerhq/lumen-design-core?activeTab=readme)
-
-## ⚡ Setup
-
-### 1. Configure NativeWind
-
-Install and configure NativeWind in your React Native project:
-
-```bash
-npm install nativewind
-npm install --dev tailwindcss
-```
-
-Create `tailwind.config.js`:
-
-```typescript
-import type { Config } from 'tailwindcss';
-import { ledgerLivePreset } from '@ledgerhq/lumen-design-core';
-
-const config = {
-  content: [
-    "./App.{js,jsx,ts,tsx}",
-    "./src/**/*.{js,jsx,ts,tsx}",
-    "./node_modules/@ledgerhq/lumen-ui-rnative/src/**/*.{js,jsx,ts,tsx}"
-  ],
-  presets: [ledgerLivePreset],
-} satisfies Config;
-
-export default config;
-```
-
-_Using [@ledgerhq/lumen-design-core](https://www.npmjs.com/package/@ledgerhq/lumen-design-core?activeTab=readme) preset_
-
-### 2. Start Using Components
-
-```tsx
-import { Button } from '@ledgerhq/lumen-ui-rnative';
-import { ArrowRight } from '@ledgerhq/lumen-ui-rnative/symbols';
-
-export default function App() {
-  return (
-    <Button appearance="accent" icon={ArrowRight}>
-      Get Started
-    </Button>
-  );
-}
-```
----
-
-## 🔧 Icon Usage
-
-```tsx
-import { Settings, ArrowRight, CheckCircle } from '@ledgerhq/lumen-ui-rnative/symbols';
-
-// Use icons directly as components with size prop
-<Settings size={24} />
-<ArrowRight size={20} className="text-accent" />
-<CheckCircle size={16} />
-
-// Available sizes: 16, 20, 24, 40, 48, 56
-```
-
----
-
-## 📚 Documentation
-
-- [📱 React Native Setup Guide](https://nativewind.dev/getting-started/react-native)
-- [🏠 Main Repository](https://github.com/LedgerHQ/lumen)
+See docs: https://ldls.vercel.app/?path=/docs/react-native_getting-started-setup--docs

package/babel.config.js

@@ -10,7 +10,6 @@ export default function (api) {
           useBuiltIns: 'usage',
         },
       ],
-      'nativewind/babel',
     ],
     plugins: ['react-native-worklets/plugin'],
     env: {

package/dist/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "license": "Apache-2.0",
   "keywords": [
     "react-native",
     "ui",
     "components",
     "design-system",
-    "mobile",
-    "nativewind"
+    "mobile"
   ],
   "type": "module",
   "main": "./src/index.ts",
@@ -28,15 +27,18 @@
     "./styles": "./src/styles/index.ts"
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.0.11",
+    "@ledgerhq/lumen-utils-shared": "0.0.12",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },
   "peerDependencies": {
+    "@gorhom/bottom-sheet": "^5.0.0",
+    "@ledgerhq/lumen-design-core": "*",
     "react": "~18.3.1",
     "react-native": "~0.77.3",
-    "react-native-svg": "^15.0.0",
-    "nativewind": "~4.1.23"
+    "react-native-reanimated": "^3.0.0",
+    "react-native-safe-area-context": "^4.0.0 || ^5.0.0",
+    "react-native-svg": "^15.0.0"
   },
   "nx": {
     "tags": [

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

@@ -1,46 +1,10 @@
 import React from 'react';
 import { TextInput } from 'react-native';
-import { type BaseInputProps } from '../BaseInput';
-export type AddressInputProps = Omit<BaseInputProps, 'prefix' | 'label'> & {
-    /**
-     * Custom suffix element to show instead of the QR code icon.
-     * Default suffix is a QR code scanner when empty (if onQrCodeClick provided), clear button when content.
-     * — both can be overridden with a custom suffix.
-     *
-     * @default QrCodeIcon
-     */
+export declare const AddressInput: React.ForwardRefExoticComponent<Omit<import("../BaseInput").BaseInputProps, "label" | "prefix"> & {
     suffix?: React.ReactNode;
-    /**
-     * Custom prefix text to show instead of the "To:" prefix.
-     * @default "To:"
-     */
     prefix?: string;
-    /**
-     * Callback fired when the QR code scanner icon is clicked.
-     * When provided, the QR code scanner icon will be displayed when input is empty.
-     * When not provided, no QR code scanner icon will be shown.
-     */
     onQrCodeClick?: () => void;
-};
-export declare const AddressInput: React.ForwardRefExoticComponent<Omit<BaseInputProps, "label" | "prefix"> & {
-    /**
-     * Custom suffix element to show instead of the QR code icon.
-     * Default suffix is a QR code scanner when empty (if onQrCodeClick provided), clear button when content.
-     * — both can be overridden with a custom suffix.
-     *
-     * @default QrCodeIcon
-     */
-    suffix?: React.ReactNode;
-    /**
-     * Custom prefix text to show instead of the "To:" prefix.
-     * @default "To:"
-     */
-    prefix?: string;
-    /**
-     * Callback fired when the QR code scanner icon is clicked.
-     * When provided, the QR code scanner icon will be displayed when input is empty.
-     * When not provided, no QR code scanner icon will be shown.
-     */
-    onQrCodeClick?: () => void;
-} & React.RefAttributes<TextInput>>;
+} & {
+    lx?: import("../../../styles").LumenViewStyle;
+} & import("react-native").ViewProps & React.RefAttributes<TextInput>>;
 //# sourceMappingURL=AddressInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddressInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AddressInput/AddressInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG;IACzE;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY;IArBvB;;;;;;OAMG;aACM,KAAK,CAAC,SAAS;IACxB;;;OAGG;aACM,MAAM;IACf;;;;OAIG;oBACa,MAAM,IAAI;mCAyC1B,CAAC"}
+{"version":3,"file":"AddressInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AddressInput/AddressInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ/C,eAAO,MAAM,YAAY;;;;;;sEAiCvB,CAAC"}

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

@@ -2,18 +2,26 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { Text } from 'react-native';
 import { useCommonTranslation } from '../../../i18n';
+import { useStyleSheet } from '../../../styles';
 import { QrCode } from '../../Symbols';
 import { BaseInput } from '../BaseInput';
 import { InteractiveIcon } from '../InteractiveIcon';
 export const AddressInput = React.forwardRef(({ prefix = 'To:', suffix, onQrCodeClick, ...props }, ref) => {
     const { t } = useCommonTranslation();
-    const actualPrefix = (_jsx(Text, { className: 'text-nowrap text-base group-has-[:disabled]:text-disabled', accessible: false, 
-        // TODO: use theme object here
-        style: { fontSize: 16, fontWeight: '500' }, children: prefix }));
+    const styles = useStyles();
+    const actualPrefix = (_jsx(Text, { accessible: false, style: styles.prefix, children: prefix }));
     const actualSuffix = suffix ||
         (onQrCodeClick && (_jsx(InteractiveIcon, { iconType: 'stroked', onPress: onQrCodeClick, accessibilityLabel: t('components.addressInput.qrCodeAriaLabel'), children: _jsx(QrCode, { size: 20 }) })));
-    return (_jsx(BaseInput, { ref: ref, prefix: actualPrefix, suffix: actualSuffix, 
-        // TODO: use theme object here
-        style: { fontSize: 16, fontWeight: '500' }, ...props }));
+    return (_jsx(BaseInput, { ref: ref, prefix: actualPrefix, suffix: actualSuffix, ...props }));
 });
+const useStyles = () => {
+    return useStyleSheet((t) => {
+        return {
+            prefix: {
+                ...t.typographies.body1,
+                color: t.colors.text.base,
+            },
+        };
+    }, []);
+};
 AddressInput.displayName = 'AddressInput';

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

@@ -1 +1 @@
-{"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,EAA0B,MAAM,gBAAgB,CAAC;AAEtE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAkCnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAqB3C,eAAO,MAAM,IAAI,EAAE,KAQlB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAmBF,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"}
+{"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

@@ -40,7 +40,13 @@ const meta = {
 export default meta;
 const AddressInputStory = (args) => {
     const [address, setAddress] = useState(args.value?.toString() ?? '');
-    return (_jsx(View, { className: 'flex min-h-400 items-center justify-center p-24', children: _jsx(View, { className: 'w-full max-w-320', children: _jsx(AddressInput, { ...args, value: address, onChangeText: setAddress, onQrCodeClick: args.onQrCodeClick ?? (() => alert('QR code scanner opened')) }) }) }));
+    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 }),
@@ -72,7 +78,13 @@ export const WithCustomPrefix = {
 };
 const AddressInputWithoutQrStory = (args) => {
     const [address, setAddress] = useState(args.value?.toString() ?? '');
-    return (_jsx(View, { className: 'flex min-h-400 items-center justify-center p-24', children: _jsx(View, { className: 'w-full max-w-320', children: _jsx(AddressInput, { ...args, value: address, onChangeText: setAddress, onQrCodeClick: undefined }) }) }));
+    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 }),

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

@@ -1,2 +1,3 @@
 export * from './AddressInput';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AddressInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AddressInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

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

@@ -1 +1,2 @@
 export * from './AddressInput';
+export * from './types';

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

@@ -0,0 +1,24 @@
+import { BaseInputProps } from '../BaseInput';
+import { BoxProps } from '../Utility';
+export type AddressInputProps = Omit<BaseInputProps, 'prefix' | 'label'> & {
+    /**
+     * Custom suffix element to show instead of the QR code icon.
+     * Default suffix is a QR code scanner when empty (if onQrCodeClick provided), clear button when content.
+     * — both can be overridden with a custom suffix.
+     *
+     * @default QrCodeIcon
+     */
+    suffix?: React.ReactNode;
+    /**
+     * Custom prefix text to show instead of the "To:" prefix.
+     * @default "To:"
+     */
+    prefix?: string;
+    /**
+     * Callback fired when the QR code scanner icon is clicked.
+     * When provided, the QR code scanner icon will be displayed when input is empty.
+     * When not provided, no QR code scanner icon will be shown.
+     */
+    onQrCodeClick?: () => void;
+} & BoxProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AddressInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG;IACzE;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,GAAG,QAAQ,CAAC"}

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

@@ -1,108 +1,22 @@
 import React from 'react';
-import { TextInput, type TextInputProps } from 'react-native';
-export type AmountInputProps = Omit<TextInputProps, 'value' | 'onChangeText'> & {
-    /**
-     * The controlled value of the input
-     * @required
-     */
-    value: string | number;
-    /**
-     * Change handler
-     * @required
-     */
-    onChangeText: (text: string) => void;
-    /**
-     * The currency text (e.g. USD, EUR)
-     */
-    currencyText?: string;
-    /**
-     * Position of the currency text.
-     * @default 'left'
-     */
-    currencyPosition?: 'left' | 'right';
-    /**
-     * Maximum length for integer part (before decimal)
-     * @default 9
-     */
-    maxIntegerLength?: number;
-    /**
-     * Maximum length for decimal part (after decimal)
-     * @default 9
-     */
-    maxDecimalLength?: number;
-    /**
-     * Allow decimal values
-     * @default true
-     */
-    allowDecimals?: boolean;
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Whether to use thousands separator (e.g. 1 000 for 1000)
-     * @default true
-     */
-    thousandsSeparator?: boolean;
-    /**
-     * Mark input as invalid (e.g. for error display)
-     * @default false
-     */
-    isInvalid?: boolean;
-};
+import { TextInput } from 'react-native';
 /**
  * AmountInput component for handling numeric input with currency display.
  * This is a controlled component - both `value` and `onChange` props are required.
  * The currency text can be positioned either on the left or right side of the input.
  */
-export declare const AmountInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "value" | "onChangeText"> & {
-    /**
-     * The controlled value of the input
-     * @required
-     */
+export declare const AmountInput: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "value" | "onChangeText"> & {
     value: string | number;
-    /**
-     * Change handler
-     * @required
-     */
     onChangeText: (text: string) => void;
-    /**
-     * The currency text (e.g. USD, EUR)
-     */
     currencyText?: string;
-    /**
-     * Position of the currency text.
-     * @default 'left'
-     */
     currencyPosition?: "left" | "right";
-    /**
-     * Maximum length for integer part (before decimal)
-     * @default 9
-     */
     maxIntegerLength?: number;
-    /**
-     * Maximum length for decimal part (after decimal)
-     * @default 9
-     */
     maxDecimalLength?: number;
-    /**
-     * Allow decimal values
-     * @default true
-     */
     allowDecimals?: boolean;
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Whether to use thousands separator (e.g. 1 000 for 1000)
-     * @default true
-     */
+    style?: import("react-native").ViewStyle;
     thousandsSeparator?: boolean;
-    /**
-     * Mark input as invalid (e.g. for error display)
-     * @default false
-     */
     isInvalid?: boolean;
-} & React.RefAttributes<TextInput>>;
+} & {
+    lx?: import("../../../styles").LumenViewStyle;
+} & import("react-native").ViewProps & React.RefAttributes<TextInput>>;
 //# sourceMappingURL=AmountInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAa,SAAS,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAU/E,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,EACd,OAAO,GAAG,cAAc,CACzB,GAAG;IACF;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAOF;;;;GAIG;AACH,eAAO,MAAM,WAAW;IA5DtB;;;OAGG;WACI,MAAM,GAAG,MAAM;IACtB;;;OAGG;kBACW,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;IACpC;;OAEG;mBACY,MAAM;IACrB;;;OAGG;uBACgB,MAAM,GAAG,OAAO;IACnC;;;OAGG;uBACgB,MAAM;IACzB;;;OAGG;uBACgB,MAAM;IACzB;;;OAGG;oBACa,OAAO;IACvB;;OAEG;gBACS,MAAM;IAClB;;;OAGG;yBACkB,OAAO;IAC5B;;;OAGG;gBACS,OAAO;mCAgMpB,CAAC"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAyB,SAAS,EAAE,MAAM,cAAc,CAAC;AAahE;;;;GAIG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;sEA+JvB,CAAC"}