@ledgerhq/lumen-ui-rnative 0.0.68 → 0.0.69

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative",
-  "version": "0.0.67",
+  "version": "0.0.68",
   "license": "Apache-2.0",
   "keywords": [
     "react-native",
@@ -37,7 +37,7 @@
   "peerDependencies": {
     "@types/react": "^19.0.0",
     "@gorhom/bottom-sheet": "^5.0.0",
-    "@ledgerhq/lumen-design-core": "0.0.48",
+    "@ledgerhq/lumen-design-core": "0.0.49",
     "react": "19.0.0",
     "react-native": "~0.79.7",
     "react-native-reanimated": "^3.0.0",

package/dist/src/i18n/locales/de.json

@@ -3,6 +3,10 @@
         "addressInput": {
             "qrCodeAriaLabel": "QR-Code scannen"
         },
+        "avatar": {
+            "defaultAlt": "Benutzer-Avatar",
+            "notificationAriaLabel": "Hat Benachrichtigung"
+        },
         "baseInput": {
             "clearInputAriaLabel": "Eingabe löschen"
         },

package/dist/src/i18n/locales/en.json

@@ -3,6 +3,10 @@
         "addressInput": {
             "qrCodeAriaLabel": "Scan QR code"
         },
+        "avatar": {
+            "defaultAlt": "User avatar",
+            "notificationAriaLabel": "Has notification"
+        },
         "baseInput": {
             "clearInputAriaLabel": "Clear input"
         },

package/dist/src/i18n/locales/es.json

@@ -3,6 +3,10 @@
         "addressInput": {
             "qrCodeAriaLabel": "Escanear código QR"
         },
+        "avatar": {
+            "defaultAlt": "Avatar de usuario",
+            "notificationAriaLabel": "Tiene notificación"
+        },
         "baseInput": {
             "clearInputAriaLabel": "Borrar entrada"
         },

package/dist/src/i18n/locales/fr.json

@@ -3,6 +3,10 @@
         "addressInput": {
             "qrCodeAriaLabel": "Scanner le code QR"
         },
+        "avatar": {
+            "defaultAlt": "Avatar de l'utilisateur",
+            "notificationAriaLabel": "A une notification"
+        },
         "baseInput": {
             "clearInputAriaLabel": "Effacer la saisie"
         },

package/dist/src/i18n/locales/ja.json

@@ -3,6 +3,10 @@
         "addressInput": {
             "qrCodeAriaLabel": "QRコードをスキャン"
         },
+        "avatar": {
+            "defaultAlt": "ユーザーアバター",
+            "notificationAriaLabel": "通知あり"
+        },
         "baseInput": {
             "clearInputAriaLabel": "インプットを削除"
         },

package/dist/src/i18n/locales/ko.json

@@ -3,6 +3,10 @@
         "addressInput": {
             "qrCodeAriaLabel": "QR 코드 스캔"
         },
+        "avatar": {
+            "defaultAlt": "사용자 아바타",
+            "notificationAriaLabel": "알림 있음"
+        },
         "baseInput": {
             "clearInputAriaLabel": "입력 값 지우기"
         },

package/dist/src/i18n/locales/pt.json

@@ -3,6 +3,10 @@
         "addressInput": {
             "qrCodeAriaLabel": "Escanear QR Code"
         },
+        "avatar": {
+            "defaultAlt": "Avatar do usuário",
+            "notificationAriaLabel": "Tem notificação"
+        },
         "baseInput": {
             "clearInputAriaLabel": "Limpar input"
         },

package/dist/src/i18n/locales/ru.json

@@ -3,6 +3,10 @@
         "addressInput": {
             "qrCodeAriaLabel": "Сканировать QR-код"
         },
+        "avatar": {
+            "defaultAlt": "Аватар пользователя",
+            "notificationAriaLabel": "Есть уведомление"
+        },
         "baseInput": {
             "clearInputAriaLabel": "Очистить поле"
         },

package/dist/src/i18n/locales/th.json

@@ -3,6 +3,10 @@
         "addressInput": {
             "qrCodeAriaLabel": "สแกน QR Code"
         },
+        "avatar": {
+            "defaultAlt": "อวาตาร์ผู้ใช้",
+            "notificationAriaLabel": "มีการแจ้งเตือน"
+        },
         "baseInput": {
             "clearInputAriaLabel": "ล้างอินพุต"
         },

package/dist/src/i18n/locales/tr.json

@@ -3,6 +3,10 @@
         "addressInput": {
             "qrCodeAriaLabel": "Karekodu okut"
         },
+        "avatar": {
+            "defaultAlt": "Kullanıcı avatarı",
+            "notificationAriaLabel": "Bildirim var"
+        },
         "baseInput": {
             "clearInputAriaLabel": "Girdiyi temizle"
         },

package/dist/src/i18n/locales/zh.json

@@ -3,6 +3,10 @@
         "addressInput": {
             "qrCodeAriaLabel": "扫描二维码"
         },
+        "avatar": {
+            "defaultAlt": "用户头像",
+            "notificationAriaLabel": "有通知"
+        },
         "baseInput": {
             "clearInputAriaLabel": "清空输入框"
         },

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

@@ -0,0 +1,19 @@
+import { AvatarProps } from './types';
+/**
+ * A circular avatar component that displays a user image or fallback icon.
+ *
+ * When the image fails to load or no src is provided, displays a User icon fallback.
+ * Supports an optional notification indicator.
+ *
+ * @see {@link https://lumen-ldls.vercel.app/?path=/docs/react-native_communication-avatar--docs Storybook}
+ *
+ * @example
+ * import { Avatar } from '@ledgerhq/lumen-ui-react';
+ *
+ * <Avatar src="https://example.com/photo.jpg" size="md" />
+ *
+ * // With notification indicator
+ * <Avatar src="https://example.com/photo.jpg" showNotification />
+ */
+export declare const Avatar: ({ lx, style, src, alt, size, showNotification, ref, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAuDtC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,mEAShB,WAAW,4CA6Cb,CAAC"}

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

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { StyleSheet, Image, View } from 'react-native';
+import { useCommonTranslation } from '../../../i18n';
+import { useStyleSheet } from '../../../styles';
+import { User } from '../../Symbols';
+import { Box } from '../Utility';
+const fallbackSizes = {
+    sm: 16,
+    md: 24,
+};
+const useStyles = ({ size }) => {
+    return useStyleSheet((t) => {
+        const sizeMap = {
+            sm: { size: t.sizes.s40, padding: t.spacings.s4 },
+            md: { size: t.sizes.s48, padding: t.spacings.s4 },
+        };
+        const notificationsMap = {
+            sm: t.sizes.s10,
+            md: t.sizes.s12,
+        };
+        return {
+            root: {
+                position: 'relative',
+                width: sizeMap[size].size,
+                height: sizeMap[size].size,
+                borderRadius: 9999,
+                backgroundColor: t.colors.bg.muted,
+                alignItems: 'center',
+                justifyContent: 'center',
+                padding: sizeMap[size].padding,
+            },
+            notification: {
+                position: 'absolute',
+                top: 0,
+                right: 0,
+                width: notificationsMap[size],
+                height: notificationsMap[size],
+                borderRadius: 9999,
+                backgroundColor: t.colors.bg.errorStrong,
+                zIndex: 1,
+            },
+            image: {
+                width: '100%',
+                height: '100%',
+                overflow: 'hidden',
+                borderRadius: 9999,
+            },
+        };
+    }, [size]);
+};
+/**
+ * A circular avatar component that displays a user image or fallback icon.
+ *
+ * When the image fails to load or no src is provided, displays a User icon fallback.
+ * Supports an optional notification indicator.
+ *
+ * @see {@link https://lumen-ldls.vercel.app/?path=/docs/react-native_communication-avatar--docs Storybook}
+ *
+ * @example
+ * import { Avatar } from '@ledgerhq/lumen-ui-react';
+ *
+ * <Avatar src="https://example.com/photo.jpg" size="md" />
+ *
+ * // With notification indicator
+ * <Avatar src="https://example.com/photo.jpg" showNotification />
+ */
+export const Avatar = ({ lx, style, src, alt = 'avatar', size = 'md', showNotification = false, ref, ...props }) => {
+    const { t } = useCommonTranslation();
+    const [error, setError] = useState(false);
+    const shouldFallback = !src || error;
+    const styles = useStyles({ size });
+    const resolvedAlt = alt || t('components.avatar.defaultAlt');
+    const accessibilityLabel = showNotification
+        ? `${resolvedAlt}, ${t('components.avatar.notificationAriaLabel')}`
+        : resolvedAlt;
+    useEffect(() => {
+        setError(false);
+    }, [src]);
+    return (_jsxs(Box, { ref: ref, lx: lx, style: StyleSheet.flatten([styles.root, style]), accessibilityRole: 'image', accessibilityLabel: accessibilityLabel, ...props, children: [showNotification && (_jsx(View, { style: styles.notification, accessible: false })), shouldFallback ? (_jsx(User, { size: fallbackSizes[size], accessible: false, testID: 'avatar-fallback-icon' })) : (_jsx(Image, { source: { uri: src }, style: styles.image, accessible: false, onError: () => setError(true), testID: 'avatar-image' }))] }));
+};

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-native-web-vite';
+declare const meta: {
+    component: ({ lx, style, src, alt, size, showNotification, ref, ...props }: import("./types").AvatarProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    parameters: {
+        docs: {
+            source: {
+                language: string;
+                format: boolean;
+                type: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+export declare const SizeShowcase: Story;
+export declare const FallbackShowcase: Story;
+export declare const NotificationShowcase: Story;
+export declare const InteractiveShowcase: Story;
+//# sourceMappingURL=Avatar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAMlE,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAKnC,eAAO,MAAM,IAAI,EAAE,KAelB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA6B1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAiBlC,CAAC;AAKF,eAAO,MAAM,mBAAmB,EAAE,KAajC,CAAC"}

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

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text, Pressable, Linking } from 'react-native';
+import { Box } from '../Utility';
+import { Avatar } from './Avatar';
+const meta = {
+    component: Avatar,
+    title: 'Communication/Avatar',
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                format: true,
+                type: 'code',
+            },
+        },
+    },
+};
+export default meta;
+const exampleSrc = 'https://plus.unsplash.com/premium_photo-1689551670902-19b441a6afde?q=80&w=774&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D';
+export const Base = {
+    args: {
+        src: exampleSrc,
+        alt: 'avatar',
+        size: 'md',
+        showNotification: false,
+    },
+    render: (args) => _jsx(Avatar, { ...args }),
+    parameters: {
+        docs: {
+            source: {
+                code: `<Avatar src="https://example.com" size="md" alt="avatar" showNotification={false} />`,
+            },
+        },
+    },
+};
+export const SizeShowcase = {
+    render: () => (_jsxs(Box, { lx: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            gap: 's16',
+        }, children: [_jsxs(View, { style: { alignItems: 'center', justifyContent: 'flex-end' }, children: [_jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'sm', showNotification: false }), _jsx(Text, { style: { marginTop: 4 }, children: "sm" })] }), _jsxs(View, { style: { alignItems: 'center', justifyContent: 'flex-end' }, children: [_jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'md', showNotification: false }), _jsx(Text, { style: { marginTop: 4 }, children: "md" })] })] })),
+};
+export const FallbackShowcase = {
+    args: {
+        src: 'https://brokenLink.random',
+        size: 'md',
+        alt: 'Fallback example',
+        showNotification: false,
+    },
+    render: (args) => _jsx(Avatar, { ...args }),
+    parameters: {
+        docs: {
+            source: {
+                code: `<Avatar src="https://brokenLink.random" size="md" alt="Fallback example" showNotification={false} />`,
+            },
+        },
+    },
+};
+export const NotificationShowcase = {
+    render: () => (_jsxs(Box, { lx: {
+            flexDirection: 'row',
+            gap: 's16',
+        }, children: [_jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'md', showNotification: false }), _jsx(Avatar, { src: exampleSrc, alt: 'avatar', size: 'md', showNotification: true })] })),
+};
+const onPressRedirect = () => Linking.openURL('https://shop.ledger.com/pages/ledger-nano-gen5');
+export const InteractiveShowcase = {
+    render: () => (_jsx(Pressable, { onPress: onPressRedirect, style: ({ pressed }) => ({
+            borderRadius: 9999,
+            opacity: pressed ? 0.7 : 1,
+            backgroundColor: pressed ? 'rgba(0, 0, 0, 0.05)' : 'transparent',
+        }), children: _jsx(Avatar, { src: exampleSrc, size: 'md', showNotification: true }) })),
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

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

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

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

@@ -0,0 +1,26 @@
+import { StyledViewProps } from '../../../styles';
+export type AvatarProps = {
+    /**
+     * Image source URL. When undefined or on load error, displays a fallback icon.
+     * @optional
+     */
+    src?: string;
+    /**
+     * Alternative text for the image.
+     * @optional
+     */
+    alt?: string;
+    /**
+     * The size variant of the avatar.
+     * @optional
+     * @default md
+     */
+    size?: 'sm' | 'md';
+    /**
+     * Whether to show the notifications indicator.
+     * @optional
+     * @default false
+     */
+    showNotification?: boolean;
+} & Omit<StyledViewProps, 'children'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}

package/dist/src/lib/Components/Avatar/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"PageIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/PageIndicator/PageIndicator.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAwK7C;;;;;GAKG;AACH,eAAO,MAAM,aAAa;qDAMvB,kBAAkB;;CAsCpB,CAAC"}
+{"version":3,"file":"PageIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/PageIndicator/PageIndicator.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAwK7C;;;;;GAKG;AACH,eAAO,MAAM,aAAa;qDAMvB,kBAAkB;;CA0CpB,CAAC"}

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

@@ -60,7 +60,7 @@ const usePageIndicator = ({ currentPage, totalPages, dotSize, gap, }) => {
     }), [translateX]);
     const viewportWidth = Math.max(0, visibleDots * dotSize + (visibleDots - 1) * gap);
     const firstVisibleIndex = offset;
-    const lastVisibleIndex = offset + MAX_VISIBLE_DOTS - 1;
+    const lastVisibleIndex = offset + visibleDots - 1;
     const isActive = useCallback((index) => index === currentPage, [currentPage]);
     const isShrunk = useCallback((index) => {
         if (totalPages <= MAX_VISIBLE_DOTS)
@@ -103,8 +103,9 @@ const usePageIndicatorStyles = () => useStyleSheet((t) => ({
 export const PageIndicator = ({ currentPage, totalPages, lx = {}, ref, ...props }) => {
     const styles = usePageIndicatorStyles();
     const { theme } = useTheme();
+    const currentPageIndex = Math.max(0, Math.min(currentPage - 1, totalPages - 1));
     const { viewportWidth, stripAnimatedStyle, isActive, isShrunk } = usePageIndicator({
-        currentPage,
+        currentPage: currentPageIndex,
         totalPages,
         dotSize: theme.sizes.s6,
         gap: theme.spacings.s4,

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

@@ -19,23 +19,23 @@ const meta = {
 export default meta;
 export const Base = {
     args: {
-        currentPage: 0,
+        currentPage: 1,
         totalPages: 5,
     },
 };
 const InteractiveComponent = ({ totalPages }) => {
-    const [page, setPage] = useState(0);
+    const [page, setPage] = useState(1);
     const { theme } = useTheme();
     return (_jsxs(Box, { lx: { gap: 's16', alignItems: 'center', width: 'full' }, children: [_jsxs(Box, { lx: {
                     flexDirection: 'row',
                     gap: 's16',
                     alignItems: 'center',
                     justifyContent: 'center',
-                }, children: [_jsx(IconButton, { icon: ArrowLeft, size: 'xs', accessibilityLabel: 'Previous page', appearance: 'transparent', onPress: () => setPage((v) => Math.max(0, v - 1)) }), _jsx(Text, { lx: { color: 'base', width: 's28', textAlign: 'center' }, style: { ...theme.typographies.heading2SemiBold }, children: page }), _jsx(IconButton, { icon: ArrowRight, size: 'xs', accessibilityLabel: 'Next page', appearance: 'transparent', onPress: () => setPage((v) => Math.min(totalPages - 1, v + 1)) })] }), _jsx(PageIndicator, { currentPage: page, totalPages: totalPages })] }));
+                }, children: [_jsx(IconButton, { icon: ArrowLeft, size: 'xs', accessibilityLabel: 'Previous page', appearance: 'transparent', onPress: () => setPage((v) => Math.max(1, v - 1)) }), _jsx(Text, { lx: { color: 'base', width: 's28', textAlign: 'center' }, style: { ...theme.typographies.heading2SemiBold }, children: page }), _jsx(IconButton, { icon: ArrowRight, size: 'xs', accessibilityLabel: 'Next page', appearance: 'transparent', onPress: () => setPage((v) => Math.min(totalPages, v + 1)) })] }), _jsx(PageIndicator, { currentPage: page, totalPages: totalPages })] }));
 };
 export const Interactive = {
     args: {
-        currentPage: 0,
+        currentPage: 1,
         totalPages: 9,
     },
     render: (args) => _jsx(InteractiveComponent, { totalPages: args.totalPages }),

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

@@ -1,7 +1,7 @@
 import { BoxProps } from '../Utility';
 export type PageIndicatorProps = {
     /**
-     * The currently active page index. 0-based (first page is 0, second is 1, etc.).
+     * The currently active page. 1-based (first page is 1, second is 2, etc.).
      */
     currentPage: number;
     /**

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

@@ -1,6 +1,7 @@
 export * from './AddressInput';
 export * from './AmountDisplay';
 export * from './AmountInput';
+export * from './Avatar';
 export * from './Banner';
 export * from './BottomSheet';
 export * from './Button';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}

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

@@ -1,6 +1,7 @@
 export * from './AddressInput';
 export * from './AmountDisplay';
 export * from './AmountInput';
+export * from './Avatar';
 export * from './Banner';
 export * from './BottomSheet';
 export * from './Button';

package/dist/src/lib/Symbols/Icons/Chart5.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Chart5 icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [color] - The color of the icon.
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Chart5 } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Chart5 />
+ *
+ * @example
+ * // With custom size and style
+ * <Chart5 size={40} color="warning" lx={{ marginTop: 's4' }} />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Chart5} size="md">
+ *   Click me
+ * </Button>
+ */
+export declare const Chart5: {
+    (props: Omit<import("../../Components").IconProps, "children">): import("react").FunctionComponentElement<import("../../Components").IconProps>;
+    displayName: string;
+};
+//# sourceMappingURL=Chart5.d.ts.map

package/dist/src/lib/Symbols/Icons/Chart5.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart5.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Symbols/Icons/Chart5.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,MAAM;;;CAmBlB,CAAC"}

package/dist/src/lib/Symbols/Icons/Chart5.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Svg, { Path, Mask } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+/**
+ * Chart5 icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [color] - The color of the icon.
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Chart5 } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Chart5 />
+ *
+ * @example
+ * // With custom size and style
+ * <Chart5 size={40} color="warning" lx={{ marginTop: 's4' }} />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Chart5} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Chart5 = createIcon('Chart5', _jsxs(Svg, { width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 16 16', children: [_jsx(Path, { stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: 1.3, d: 'm3.96 10.313 2.562-2.639a.485.485 0 0 1 .712 0l1.082 1.114a.493.493 0 0 0 .713 0l3.012-3.101m-1.345.005h1.344v1.385' }), _jsx(Mask, { id: 'path-2-inside-1_8174_813', fill: '#fff', children: _jsx(Path, { d: 'M.9 3.672a2 2 0 0 1 2-2h10.2a2 2 0 0 1 2 2v8.656a2 2 0 0 1-2 2H2.9a2 2 0 0 1-2-2z' }) }), _jsx(Path, { fill: 'currentColor', d: 'M2.9 1.672v1.3h10.2v-2.6H2.9zm12.2 2h-1.3v8.656h2.6V3.672zm-2 10.656v-1.3H2.9v2.6h10.2zm-12.2-2h1.3V3.672H-.4v8.656zm2 2v-1.3a.7.7 0 0 1-.7-.7H-.4a3.3 3.3 0 0 0 3.3 3.3zm12.2-2h-1.3a.7.7 0 0 1-.7.7v2.6a3.3 3.3 0 0 0 3.3-3.3zm-2-10.656v1.3a.7.7 0 0 1 .7.7h2.6a3.3 3.3 0 0 0-3.3-3.3zm-10.2 0v-1.3a3.3 3.3 0 0 0-3.3 3.3h2.6a.7.7 0 0 1 .7-.7z', mask: 'url(#path-2-inside-1_8174_813)' })] }));

package/dist/src/lib/Symbols/Icons/Chart5Fill.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Chart5Fill icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [color] - The color of the icon.
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Chart5Fill } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Chart5Fill />
+ *
+ * @example
+ * // With custom size and style
+ * <Chart5Fill size={40} color="warning" lx={{ marginTop: 's4' }} />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Chart5Fill} size="md">
+ *   Click me
+ * </Button>
+ */
+export declare const Chart5Fill: {
+    (props: Omit<import("../../Components").IconProps, "children">): import("react").FunctionComponentElement<import("../../Components").IconProps>;
+    displayName: string;
+};
+//# sourceMappingURL=Chart5Fill.d.ts.map

package/dist/src/lib/Symbols/Icons/Chart5Fill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart5Fill.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Symbols/Icons/Chart5Fill.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU;;;CAQtB,CAAC"}

package/dist/src/lib/Symbols/Icons/Chart5Fill.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+/**
+ * Chart5Fill icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [color] - The color of the icon.
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Chart5Fill } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Chart5Fill />
+ *
+ * @example
+ * // With custom size and style
+ * <Chart5Fill size={40} color="warning" lx={{ marginTop: 's4' }} />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Chart5Fill} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Chart5Fill = createIcon('Chart5Fill', _jsx(Svg, { width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 16 16', children: _jsx(Path, { fill: 'currentColor', d: 'M13.1 1.662a2 2 0 0 1 2 2v8.66a2 2 0 0 1-2 2H2.9a2 2 0 0 1-2-2v-8.66a2 2 0 0 1 2-2zm-2.404 3.379a.648.648 0 0 0-.173 1.273L8.672 8.22l-.97-1a1.134 1.134 0 0 0-1.646 0L3.493 9.86a.65.65 0 0 0 .934.905l2.45-2.527.974 1.002.088.082c.456.381 1.132.355 1.556-.082l1.925-1.982a.648.648 0 0 0 1.27-.183V5.691a.647.647 0 0 0-.709-.65z' }) }));