@ledgerhq/lumen-ui-rnative 0.1.7 → 0.1.9

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

@@ -1,211 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import { useCommonTranslation } from '../../../i18n';
-import { useStyleSheet } from '../../../styles';
-import { ArrowLeft } from '../../Symbols';
-import { IconButton } from '../IconButton';
-import { Box, Text } from '../Utility';
-import { CoinCapsule } from './CoinCapsule';
-const [NavBarProvider, useNavBarContext] = createSafeContext('NavBar');
-function extractSlots(children) {
-    const slots = {
-        backButton: null,
-        content: null,
-        trailing: null,
-    };
-    React.Children.forEach(children, (child) => {
-        if (!React.isValidElement(child)) {
-            return;
-        }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const displayName = child.type.displayName;
-        switch (displayName) {
-            case 'NavBarBackButton':
-                slots.backButton = child;
-                break;
-            case 'NavBarContent':
-                slots.content = child;
-                break;
-            case 'NavBarTrailing':
-                slots.trailing = child;
-                break;
-            default:
-                break;
-        }
-    });
-    return slots;
-}
-export function NavBarContent({ children, style, ...props }) {
-    const { appearance } = useNavBarContext({
-        consumerName: 'NavBarContent',
-        contextRequired: true,
-    });
-    const styles = useStyles({ appearance });
-    return (_jsx(Box, { style: [styles.content, style], ...props, children: children }));
-}
-NavBarContent.displayName = 'NavBarContent';
-export function NavBarTitle({ children, style, ...props }) {
-    const { appearance } = useNavBarContext({
-        consumerName: 'NavBarTitle',
-        contextRequired: true,
-    });
-    const styles = useStyles({ appearance });
-    return (_jsx(Text, { numberOfLines: appearance === 'compact' ? 1 : 2, style: [styles.title, style], ...props, children: children }));
-}
-NavBarTitle.displayName = 'NavBarTitle';
-export function NavBarDescription({ children, style, ...props }) {
-    const { appearance } = useNavBarContext({
-        consumerName: 'NavBarDescription',
-        contextRequired: true,
-    });
-    const styles = useStyles({ appearance });
-    return (_jsx(Text, { numberOfLines: appearance === 'compact' ? 1 : 3, style: [styles.description, style], ...props, children: children }));
-}
-NavBarDescription.displayName = 'NavBarDescription';
-export function NavBarCoinCapsule({ ticker, icon, ...props }) {
-    return (_jsx(Box, { ...props, children: _jsx(CoinCapsule, { ticker: ticker, icon: icon }) }));
-}
-NavBarCoinCapsule.displayName = 'NavBarCoinCapsule';
-export function NavBarBackButton({ accessibilityLabel, onPress, style, ...props }) {
-    const { t } = useCommonTranslation();
-    return (_jsx(IconButton, { appearance: 'no-background', size: 'md', accessibilityLabel: accessibilityLabel ?? t('components.bottomSheetHeader.goBackAriaLabel'), icon: ArrowLeft, onPress: onPress, style: style, ...props }));
-}
-NavBarBackButton.displayName = 'NavBarBackButton';
-/**
- * Trailing content area for the NavBar, typically used for action buttons like IconButtons.
- * Automatically positions itself at the end of the navbar and aligns with the back button.
- *
- * @example
- * <NavBarTrailing>
- *   <IconButton icon={Settings} accessibilityLabel="Settings" />
- * </NavBarTrailing>
- */
-export function NavBarTrailing({ children, style, ...props }) {
-    const styles = useStyleSheet((t) => ({
-        container: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: t.spacings.s4,
-        },
-    }), []);
-    return (_jsx(Box, { style: [styles.container, style], ...props, children: children }));
-}
-NavBarTrailing.displayName = 'NavBarTrailing';
-/**
- * NavBar component for top navigation
- */
-export function NavBar({ appearance, children, ...props }) {
-    const styles = useStyles({ appearance });
-    const slots = extractSlots(children);
-    return (_jsx(NavBarProvider, { value: { appearance }, children: _jsx(Box, { style: styles.container, ...props, children: appearance === 'expanded' ? (_jsxs(_Fragment, { children: [_jsxs(Box, { style: styles.topRow, children: [_jsx(Box, { style: styles.backButtonContainer, children: slots.backButton }), slots.trailing && (_jsx(Box, { style: styles.trailingContainer, children: slots.trailing }))] }), _jsx(Box, { style: styles.contentContainer, children: slots.content })] })) : (_jsxs(_Fragment, { children: [_jsx(Box, { style: styles.backButtonContainer, children: slots.backButton }), _jsx(Box, { style: styles.contentContainer, children: slots.content }), slots.trailing && (_jsx(Box, { style: styles.trailingContainer, children: slots.trailing }))] })) }) }));
-}
-NavBar.displayName = 'NavBar';
-const useStyles = ({ appearance }) => {
-    return useStyleSheet((t) => {
-        return {
-            container: StyleSheet.flatten([
-                {
-                    minWidth: t.sizes.full,
-                    minHeight: t.sizes.s64,
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    flexDirection: 'row',
-                    gap: t.spacings.s4,
-                    paddingHorizontal: t.spacings.s4,
-                    paddingVertical: t.spacings.s8,
-                },
-                {
-                    ...(appearance === 'expanded' && {
-                        alignItems: 'flex-start',
-                        flexDirection: 'column',
-                    }),
-                },
-            ]),
-            topRow: {
-                width: '100%',
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: t.spacings.s4,
-            },
-            backButtonContainer: StyleSheet.flatten([
-                {
-                    paddingVertical: t.spacings.s8,
-                },
-                {
-                    ...(appearance === 'compact' && {
-                        position: 'absolute',
-                        left: t.spacings.s4,
-                        zIndex: 1,
-                    }),
-                },
-            ]),
-            trailingContainer: StyleSheet.flatten([
-                {
-                    paddingVertical: t.spacings.s8,
-                    flexShrink: 0,
-                },
-                {
-                    ...(appearance === 'compact' && {
-                        position: 'absolute',
-                        right: t.spacings.s4,
-                        zIndex: 1,
-                    }),
-                },
-                {
-                    ...(appearance === 'expanded' && {
-                        marginLeft: 'auto',
-                    }),
-                },
-            ]),
-            contentContainer: StyleSheet.flatten([
-                {
-                    flex: 1,
-                },
-                {
-                    ...(appearance === 'compact' && {
-                        paddingHorizontal: t.spacings.s48,
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                    }),
-                },
-                {
-                    ...(appearance === 'expanded' && {
-                        paddingHorizontal: t.spacings.s12,
-                        paddingBottom: t.spacings.s12,
-                        width: '100%',
-                    }),
-                },
-            ]),
-            content: StyleSheet.flatten([
-                {
-                    flexDirection: 'column',
-                },
-                {
-                    ...(appearance === 'compact' && {
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                    }),
-                },
-                {
-                    ...(appearance === 'expanded' && {
-                        gap: t.spacings.s8,
-                    }),
-                },
-            ]),
-            title: {
-                ...(appearance === 'expanded'
-                    ? t.typographies.heading3SemiBold
-                    : t.typographies.heading4SemiBold),
-                color: t.colors.text.base,
-                textAlign: appearance === 'expanded' ? 'left' : 'center',
-            },
-            description: {
-                ...t.typographies.body2,
-                color: t.colors.text.muted,
-                textAlign: appearance === 'expanded' ? 'left' : 'center',
-            },
-        };
-    }, [appearance]);
-};

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/NavBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG;IACxB;;;;OAIG;IACH,UAAU,EAAE,gBAAgB,CAAC;CAC9B,GAAG,eAAe,CAAC;AAEpB,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,IAAI,CACN,eAAe,EACf,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,oBAAoB,CACtD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;OAKG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC;CACpB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,116 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef } from 'react';
-import Animated, { interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming, } from 'react-native-reanimated';
-import { useStyleSheet, useTheme } from '../../../styles';
-import { Box } from '../Utility';
-const AnimatedBox = Animated.createAnimatedComponent(Box);
-const MAX_VISIBLE_DOTS = 4;
-const useDotAnimation = (isActive, isShrunk, theme) => {
-    const colorProgress = useSharedValue(isActive ? 1 : 0);
-    const shrinkProgress = useSharedValue(isShrunk ? 1 : 0);
-    useEffect(() => {
-        colorProgress.value = withTiming(isActive ? 1 : 0, { duration: 200 });
-    }, [isActive, colorProgress]);
-    useEffect(() => {
-        shrinkProgress.value = withTiming(isShrunk ? 1 : 0, { duration: 200 });
-    }, [isShrunk, shrinkProgress]);
-    return useAnimatedStyle(() => {
-        const backgroundColor = interpolateColor(colorProgress.value, [0, 1], [theme.colors.bg.mutedHover, theme.colors.bg.mutedStrong]);
-        const size = interpolate(shrinkProgress.value, [0, 1], [theme.sizes.s6, theme.sizes.s4]);
-        return {
-            backgroundColor,
-            height: size,
-            width: size,
-        };
-    }, [colorProgress, shrinkProgress, theme]);
-};
-const useDotStyles = () => useStyleSheet((t) => ({
-    dot: {
-        height: t.sizes.s6,
-        width: t.sizes.s6,
-        borderRadius: t.borderRadius.full,
-        backgroundColor: t.colors.bg.mutedHover,
-    },
-}), []);
-const PageIndicatorDot = ({ isActive, isShrunk }) => {
-    const styles = useDotStyles();
-    const { theme } = useTheme();
-    const animatedStyle = useDotAnimation(isActive, isShrunk, theme);
-    return _jsx(AnimatedBox, { style: [styles.dot, animatedStyle] });
-};
-const usePageIndicator = ({ currentPage, totalPages, dotSize, gap, }) => {
-    const translateX = useSharedValue(0);
-    const prevPage = useRef(currentPage);
-    const direction = currentPage > prevPage.current ? 'forward' : 'backward';
-    useEffect(() => {
-        prevPage.current = currentPage;
-    }, [currentPage]);
-    const forwardAnchor = MAX_VISIBLE_DOTS - 2;
-    const backwardAnchor = 1;
-    const anchorIndex = direction === 'forward' ? forwardAnchor : backwardAnchor;
-    const lastPage = totalPages - 1;
-    const visibleDots = Math.min(totalPages, MAX_VISIBLE_DOTS);
-    const offset = Math.max(0, Math.min(currentPage - anchorIndex, lastPage - (visibleDots - 1)));
-    const dotWidth = dotSize + gap;
-    useEffect(() => {
-        translateX.value = withTiming(-offset * dotWidth, { duration: 200 });
-    }, [currentPage, totalPages, offset, dotWidth, translateX]);
-    const stripAnimatedStyle = useAnimatedStyle(() => ({
-        transform: [{ translateX: translateX.value }],
-    }), [translateX]);
-    const viewportWidth = Math.max(0, visibleDots * dotSize + (visibleDots - 1) * gap);
-    const firstVisibleIndex = offset;
-    const lastVisibleIndex = offset + visibleDots - 1;
-    const isActive = useCallback((index) => index === currentPage, [currentPage]);
-    const isShrunk = useCallback((index) => {
-        if (totalPages <= MAX_VISIBLE_DOTS)
-            return false;
-        if ((index === firstVisibleIndex && firstVisibleIndex > 0) ||
-            (index === lastVisibleIndex && lastVisibleIndex < totalPages - 1)) {
-            return true;
-        }
-        return false;
-    }, [totalPages, firstVisibleIndex, lastVisibleIndex]);
-    return {
-        viewportWidth,
-        stripAnimatedStyle,
-        isActive,
-        isShrunk,
-    };
-};
-const usePageIndicatorStyles = () => useStyleSheet((t) => ({
-    container: {
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    viewport: {
-        overflow: 'hidden',
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    strip: {
-        flexDirection: 'row',
-        gap: t.spacings.s4,
-        alignItems: 'center',
-    },
-}), []);
-/**
- * A page indicator component that shows the current position within a set of pages (e.g. carousel or onboarding).
- *
- * Renders a row of dots: the active dot is highlighted, and when there are more pages than visible dots,
- * edge dots shrink and the strip scrolls to keep the current page in view.
- */
-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: currentPageIndex,
-        totalPages,
-        dotSize: theme.sizes.s6,
-        gap: theme.spacings.s4,
-    });
-    const dotIndexes = useMemo(() => Array.from({ length: totalPages }, (_, i) => i), [totalPages]);
-    return (_jsx(Box, { ref: ref, accessibilityRole: 'none', lx: { ...lx }, style: styles.container, ...props, children: _jsx(Box, { style: [styles.viewport, { width: viewportWidth }], children: _jsx(AnimatedBox, { style: [styles.strip, stripAnimatedStyle], children: dotIndexes.map((index) => (_jsx(PageIndicatorDot, { isActive: isActive(index), isShrunk: isShrunk(index) }, index))) }) }) }));
-};
-PageIndicator.displayName = 'PageIndicator';

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/PageIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW;uEAOrB,gBAAgB;;CAalB,CAAC"}

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

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useStyleSheet } from '../../../styles';
-import { Search as SearchIcon } from '../../Symbols';
-import { BaseInput } from '../BaseInput';
-export const SearchInput = ({ appearance = 'plain', style, containerStyle, inputStyle, ref, ...props }) => {
-    const styles = useAppearanceStyles(appearance);
-    return (_jsx(BaseInput, { ref: ref, prefix: _jsx(SearchIcon, { size: 20, color: 'muted', accessible: false }), style: style, containerStyle: [containerStyle, styles.container], inputStyle: [inputStyle, styles.input], ...props }));
-};
-const useAppearanceStyles = (appearance) => {
-    return useStyleSheet((t) => ({
-        container: appearance === 'transparent'
-            ? { backgroundColor: t.colors.bg.mutedTransparent }
-            : {},
-        input: { backgroundColor: 'transparent' },
-    }), [appearance]);
-};
-SearchInput.displayName = 'SearchInput';

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,OAAO,CAAC,GACrE,QAAQ,GAAG;IACT;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;CACtC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAMjB,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EACP,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAqC7B;yBA3Ce,sBAAsB;;;AA2FtC,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,UAAyB,EACzB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAkCvB;yBA1Ce,gBAAgB"}

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

@@ -1,87 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Animated from 'react-native-reanimated';
-import { useStyleSheet } from '../../../styles';
-import { Box, Pressable, Text } from '../Utility';
-import { SegmentedControlContextProvider, useSegmentedControlContext, } from './SegmentedControlContext';
-import { usePillLayout, useSegmentedControlSelectedIndex, } from './usePillLayout';
-export function SegmentedControlButton({ value, children, icon: Icon, onPress, ...props }) {
-    const { selectedValue, onSelectedChange, disabled } = useSegmentedControlContext();
-    const selected = selectedValue === value;
-    const styles = useButtonStyles({ selected, disabled });
-    function handlePress() {
-        if (!disabled) {
-            onSelectedChange(value);
-            onPress?.();
-        }
-    }
-    return (_jsx(Pressable, { onPress: handlePress, disabled: disabled, accessibilityState: { selected, disabled }, style: styles.button, ...props, children: _jsxs(Box, { style: styles.content, children: [Icon && (_jsx(Box, { style: styles.iconWrap, children: _jsx(Icon, { size: 16, color: styles.textColor }) })), _jsx(Text, { typography: styles.typography, lx: { color: styles.textColor }, style: styles.label, children: children })] }) }));
-}
-SegmentedControlButton.displayName = 'SegmentedControlButton';
-function useButtonStyles({ selected, disabled, }) {
-    const styles = useStyleSheet((t) => ({
-        button: {
-            flex: 1,
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'center',
-            paddingHorizontal: t.spacings.s16,
-            paddingVertical: t.spacings.s8,
-            borderRadius: t.borderRadius.full,
-            zIndex: 1,
-        },
-        content: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'center',
-            gap: t.spacings.s8,
-        },
-        label: {
-            textAlign: 'center',
-            includeFontPadding: false,
-        },
-        iconWrap: {
-            flexDirection: 'row',
-            alignItems: 'center',
-        },
-    }), []);
-    const typography = selected
-        ? 'body2SemiBold'
-        : 'body2';
-    const textColor = selected && !disabled ? 'base' : 'muted';
-    return { ...styles, typography, textColor };
-}
-export function SegmentedControl({ selectedValue, onSelectedChange, accessibilityLabel, children, disabled, appearance = 'background', ...props }) {
-    const styles = useRootStyles({
-        disabled: Boolean(disabled),
-        appearance,
-    });
-    const selectedIndex = useSegmentedControlSelectedIndex(selectedValue, children);
-    const { onLayout, animatedPillStyle } = usePillLayout({
-        selectedIndex,
-        children,
-    });
-    return (_jsx(SegmentedControlContextProvider, { value: { selectedValue, onSelectedChange, disabled }, children: _jsxs(Box, { accessibilityRole: 'radiogroup', accessibilityLabel: accessibilityLabel, accessibilityState: { disabled }, onLayout: onLayout, style: styles.container, ...props, children: [children, _jsx(Animated.View, { style: [styles.pill, animatedPillStyle], pointerEvents: 'none' })] }) }));
-}
-SegmentedControl.displayName = 'SegmentedControl';
-function useRootStyles({ disabled, appearance, }) {
-    return useStyleSheet((t) => ({
-        container: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            position: 'relative',
-            width: '100%',
-            borderRadius: t.borderRadius.md,
-            backgroundColor: appearance === 'background' ? t.colors.bg.surface : 'transparent',
-        },
-        pill: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            borderRadius: t.borderRadius.sm,
-            backgroundColor: disabled
-                ? t.colors.bg.baseTransparentPressed
-                : t.colors.bg.mutedTransparent,
-            zIndex: 0,
-        },
-    }), [disabled, appearance]);
-}

package/dist/src/lib/Components/SegmentedControl/SegmentedControlContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedControlContext.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/SegmentedControl/SegmentedControlContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAO,+BAA+B;;;EAC+B,CAAC;AAEtE,eAAO,MAAM,0BAA0B,oCAInC,CAAC;AAEL,OAAO,EAAE,+BAA+B,EAAE,CAAC"}

package/dist/src/lib/Components/SegmentedControl/SegmentedControlContext.js

@@ -1,7 +0,0 @@
-import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-const [SegmentedControlContextProvider, _useSegmentedControlSafeContext] = createSafeContext('SegmentedControl');
-export const useSegmentedControlContext = () => _useSegmentedControlSafeContext({
-    consumerName: 'SegmentedControlButton',
-    contextRequired: true,
-});
-export { SegmentedControlContextProvider };

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

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

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

@@ -1 +0,0 @@
-export * from './SegmentedControl';

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC5C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE/B,KAAK,aAAa,GAAG,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC"}

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

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

package/dist/src/lib/Components/SegmentedControl/usePillLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePillLayout.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/SegmentedControl/usePillLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAQjD,wBAAgB,gCAAgC,CAC9C,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,GACxB,MAAM,CAWR;AAED,KAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,QAAQ,GACT,EAAE,mBAAmB;kBAMC,iBAAiB,KAAG,IAAI;;;;;;;;EAoC9C"}

package/dist/src/lib/Components/SegmentedControl/usePillLayout.js

@@ -1,46 +0,0 @@
-import React, { useEffect, useMemo, useRef } from 'react';
-import { useAnimatedStyle, useSharedValue, withTiming, } from 'react-native-reanimated';
-import { durations, easingCurves } from '../../Animations/constants';
-export function useSegmentedControlSelectedIndex(selectedValue, children) {
-    return useMemo(() => React.Children.toArray(children).findIndex((child) => {
-        if (React.isValidElement(child) && child.props != null) {
-            return child.props.value === selectedValue;
-        }
-        return false;
-    }), [selectedValue, children]);
-}
-export function usePillLayout({ selectedIndex, children, }) {
-    const pillTranslateX = useSharedValue(0);
-    const pillWidth = useSharedValue(0);
-    const pillHeight = useSharedValue(0);
-    const hasLayoutRef = useRef(false);
-    const onLayout = (e) => {
-        const { width, height } = e.nativeEvent.layout;
-        const count = React.Children.count(children);
-        const slotWidth = count > 0 ? width / count : 0;
-        pillWidth.value = slotWidth;
-        pillHeight.value = height;
-        if (!hasLayoutRef.current) {
-            hasLayoutRef.current = true;
-            if (selectedIndex >= 0) {
-                pillTranslateX.value = selectedIndex * slotWidth;
-            }
-        }
-    };
-    useEffect(() => {
-        if (!hasLayoutRef.current)
-            return;
-        if (selectedIndex >= 0 && pillWidth.value > 0) {
-            pillTranslateX.value = withTiming(selectedIndex * pillWidth.value, {
-                duration: durations['250'],
-                easing: easingCurves.bezier.default,
-            });
-        }
-    }, [selectedIndex, pillWidth, pillTranslateX]);
-    const animatedPillStyle = useAnimatedStyle(() => ({
-        transform: [{ translateX: pillTranslateX.value }],
-        width: pillWidth.value,
-        height: pillHeight.value,
-    }), [pillTranslateX, pillWidth, pillHeight]);
-    return { onLayout, animatedPillStyle };
-}

package/dist/src/lib/Components/Select/GlobalSelectBottomSheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalSelectBottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Select/GlobalSelectBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAqDtD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EA4G3C,CAAC"}