@ledgerhq/native-ui 0.55.0-nightly.20260209094427 → 0.55.0

package/lib/components/Layout/index.d.ts

@@ -8,5 +8,4 @@ export { default as ScrollContainerHeader } from "./ScrollContainerHeader";
 export { default as ScrollListContainer } from "./ScrollListContainer";
 export { default as Row } from "./Table/Row";
 export * from "./List";
-export { Slides, useSlidesContext, useSlideContext } from "./Slides";
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,aAAa,CAAC;AAC7C,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,aAAa,CAAC;AAC7C,cAAc,QAAQ,CAAC"}

package/lib/components/Layout/index.js

@@ -8,4 +8,3 @@ export { default as ScrollContainerHeader } from "./ScrollContainerHeader";
 export { default as ScrollListContainer } from "./ScrollListContainer";
 export { default as Row } from "./Table/Row";
 export * from "./List";
-export { Slides, useSlidesContext, useSlideContext } from "./Slides";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.55.0-nightly.20260209094427",
+  "version": "0.55.0",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",

package/lib/components/Layout/Slides/ProgressIndicator.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import Animated from "react-native-reanimated";
-export declare function ProgressIndicator(props: React.ComponentProps<typeof Animated.View>): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=ProgressIndicator.d.ts.map

package/lib/components/Layout/Slides/ProgressIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,QAA2C,MAAM,yBAAyB,CAAC;AAGlF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,kDAkClF"}

package/lib/components/Layout/Slides/ProgressIndicator.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { StyleSheet } from "react-native";
-import Animated, { interpolate, useAnimatedStyle } from "react-native-reanimated";
-import { useSlidesContext } from "./context";
-export function ProgressIndicator(props) {
-    const { scrollProgressSharedValue, footerHeights, totalSlides } = useSlidesContext();
-    const { inputRange, outputRange, hasValidHeights } = useMemo(() => {
-        const input = Array.from(Array(totalSlides), (_, i) => i);
-        const output = input.map((i) => footerHeights.get(i) || 0);
-        const hasValid = output.some((height) => height > 0);
-        return {
-            inputRange: input,
-            outputRange: output,
-            hasValidHeights: hasValid,
-        };
-    }, [footerHeights, totalSlides]);
-    const animatedStyle = useAnimatedStyle(() => {
-        if (!hasValidHeights || inputRange.length === 0) {
-            return { bottom: 0, opacity: 0 };
-        }
-        const bottom = interpolate(scrollProgressSharedValue.value, inputRange, outputRange, "clamp");
-        return {
-            bottom,
-            opacity: bottom > 0 ? 1 : 0,
-        };
-    });
-    if (!hasValidHeights)
-        return null;
-    return (_jsx(Animated.View, { ...props, style: [styles.progressIndicator, animatedStyle, props.style] }));
-}
-const styles = StyleSheet.create({
-    progressIndicator: {
-        position: "absolute",
-        left: 0,
-        right: 0,
-        justifyContent: "center",
-        alignItems: "center",
-        gap: 8,
-    },
-});

package/lib/components/Layout/Slides/Slide.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-declare const SlideComponent: (props: React.ComponentProps<typeof View>) => import("react/jsx-runtime").JSX.Element;
-export declare function SlideBody(props: React.ComponentProps<typeof View>): import("react/jsx-runtime").JSX.Element;
-export declare function SlideFooter(props: React.ComponentProps<typeof View>): import("react/jsx-runtime").JSX.Element;
-export declare function Slide(props: React.ComponentProps<typeof SlideComponent>): import("react/jsx-runtime").JSX.Element;
-export declare namespace Slide {
-    var Body: typeof SlideBody;
-    var Footer: typeof SlideFooter;
-}
-export {};
-//# sourceMappingURL=Slide.d.ts.map

package/lib/components/Layout/Slides/Slide.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/Slide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAiC,IAAI,EAAE,MAAM,cAAc,CAAC;AAGnE,QAAA,MAAM,cAAc,UAAW,MAAM,cAAc,CAAC,WAAW,CAAC,4CAE/D,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAEjE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAanE;AAcD,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAEvE;yBAFe,KAAK"}

package/lib/components/Layout/Slides/Slide.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { StyleSheet, View } from "react-native";
-import { useSlideContext, useSlidesContext } from "./context";
-const SlideComponent = (props) => {
-    return _jsx(View, { ...props, style: [styles.slide, props.style] });
-};
-export function SlideBody(props) {
-    return _jsx(View, { ...props, style: [styles.body, props.style] });
-}
-export function SlideFooter(props) {
-    const { setFooterHeight } = useSlidesContext();
-    const { slideIndex } = useSlideContext();
-    const handleLayout = useCallback((event) => {
-        const { height } = event.nativeEvent.layout;
-        setFooterHeight(slideIndex, height);
-    }, [setFooterHeight, slideIndex]);
-    return _jsx(View, { ...props, style: [styles.footer, props.style], onLayout: handleLayout });
-}
-const styles = StyleSheet.create({
-    slide: {
-        flex: 1,
-    },
-    body: {
-        flex: 1,
-    },
-    footer: {
-        paddingBottom: 16,
-    },
-});
-export function Slide(props) {
-    return _jsx(SlideComponent, { ...props });
-}
-Slide.Body = SlideBody;
-Slide.Footer = SlideFooter;

package/lib/components/Layout/Slides/Slides.d.ts

@@ -1,18 +0,0 @@
-import React, { ReactNode } from "react";
-import { ViewStyle, FlatListProps } from "react-native";
-declare const AnimatedFlatList: React.ComponentClass<import("react-native-reanimated").AnimatedProps<FlatListProps<unknown>>, any>;
-export type SlidesProps = {
-    children: ReactNode;
-    onSlideChange?: (index: number) => void;
-    initialSlideIndex?: number;
-    style?: ViewStyle;
-    /**
-     * Custom component to use instead of the default AnimatedFlatList.
-     * For instance, inside gorhom/bottom-sheet, we need to pass FlatList from react-native-gesture-handler.
-     * Make sure it is wrapped in Animated.createAnimatedComponent
-     */
-    as?: typeof AnimatedFlatList;
-} & Omit<FlatListProps<React.ReactElement>, "data" | "renderItem" | "keyExtractor" | "horizontal" | "pagingEnabled" | "showsHorizontalScrollIndicator" | "onScroll" | "scrollEventThrottle" | "onMomentumScrollEnd" | "getItemLayout" | "initialScrollIndex" | "ref">;
-export declare function Slides({ children, onSlideChange, initialSlideIndex, style, as, ...flatListProps }: SlidesProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Slides.d.ts.map

package/lib/components/Layout/Slides/Slides.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slides.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/Slides.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAC;AACjF,OAAO,EAOL,SAAS,EACT,aAAa,EACd,MAAM,cAAc,CAAC;AAOtB,QAAA,MAAM,gBAAgB,oGAA6C,CAAC;AAEpE,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,EAAE,CAAC,EAAE,OAAO,gBAAgB,CAAC;CAC9B,GAAG,IAAI,CACN,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,EAC/B,MAAM,GACN,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,eAAe,GACf,gCAAgC,GAChC,UAAU,GACV,qBAAqB,GACrB,qBAAqB,GACrB,eAAe,GACf,oBAAoB,GACpB,KAAK,CACR,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,aAAa,EACb,iBAAqB,EACrB,KAAK,EACL,EAAqB,EACrB,GAAG,aAAa,EACjB,EAAE,WAAW,2CAoJb"}

package/lib/components/Layout/Slides/Slides.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useMemo, useRef, useState } from "react";
-import { FlatList, StyleSheet, View, } from "react-native";
-import Animated, { useAnimatedScrollHandler, useSharedValue } from "react-native-reanimated";
-import { SlideContext, SlidesContext } from "./context";
-import { ProgressIndicator } from "./ProgressIndicator";
-import { Slide } from "./Slide";
-const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
-export function Slides({ children, onSlideChange, initialSlideIndex = 0, style, as = AnimatedFlatList, ...flatListProps }) {
-    const ListComponent = as;
-    const flatListRef = useRef(null);
-    const [width, setWidth] = useState(0);
-    const [currentIndex, setCurrentIndex] = useState(initialSlideIndex);
-    const [footerHeights, setFooterHeights] = useState(new Map());
-    const scrollProgressSharedValue = useSharedValue(initialSlideIndex);
-    const setFooterHeight = useCallback((slideIndex, footerHeight) => {
-        setFooterHeights((prev) => {
-            const newMap = new Map(prev);
-            newMap.set(slideIndex, footerHeight);
-            return newMap;
-        });
-    }, []);
-    const handleContainerLayout = useCallback((event) => {
-        const { width: containerWidth } = event.nativeEvent.layout;
-        if (containerWidth > 0 && containerWidth !== width) {
-            setWidth(containerWidth);
-        }
-    }, [width]);
-    const slideChildren = useMemo(() => React.Children.toArray(children).filter((child) => React.isValidElement(child) && child.type === Slide), [children]);
-    const progressIndicatorChildren = useMemo(() => React.Children.toArray(children).filter((child) => React.isValidElement(child) && child.type === ProgressIndicator), [children]);
-    const totalSlides = slideChildren.length;
-    const goToSlide = useCallback((index) => {
-        if (index >= 0 && index < totalSlides) {
-            flatListRef.current?.scrollToIndex({ index, animated: true });
-        }
-    }, [totalSlides]);
-    const goToNext = useCallback(() => {
-        if (currentIndex < totalSlides - 1) {
-            goToSlide(currentIndex + 1);
-        }
-    }, [currentIndex, totalSlides, goToSlide]);
-    const goToPrevious = useCallback(() => {
-        if (currentIndex > 0) {
-            goToSlide(currentIndex - 1);
-        }
-    }, [currentIndex, goToSlide]);
-    const scrollHandler = useAnimatedScrollHandler({
-        onScroll: (event) => {
-            if (width > 0) {
-                scrollProgressSharedValue.value = event.contentOffset.x / width;
-            }
-        },
-    });
-    const handleMomentumScrollEnd = useCallback((event) => {
-        if (width <= 0)
-            return;
-        const offsetX = event.nativeEvent.contentOffset.x;
-        const newIndex = Math.round(offsetX / width);
-        if (newIndex !== currentIndex) {
-            setCurrentIndex(newIndex);
-            onSlideChange?.(newIndex);
-        }
-    }, [width, currentIndex, onSlideChange]);
-    const getItemLayout = useCallback((_, index) => ({
-        length: width,
-        offset: width * index,
-        index,
-    }), [width]);
-    const renderItem = useCallback((info) => {
-        return (_jsx(SlideContext.Provider, { value: { slideIndex: info.index }, children: _jsx(View, { style: { width, flex: 1 }, children: info.item }) }));
-    }, [width]);
-    const contextValue = useMemo(() => ({
-        currentIndex,
-        totalSlides,
-        goToNext,
-        goToPrevious,
-        goToSlide,
-        flatListRef,
-        scrollProgressSharedValue,
-        footerHeights,
-        setFooterHeight,
-    }), [currentIndex, totalSlides, goToNext, goToPrevious, goToSlide, footerHeights, setFooterHeight]);
-    return (_jsx(SlidesContext.Provider, { value: contextValue, children: _jsxs(View, { style: [styles.container, style], onLayout: handleContainerLayout, children: [width > 0 && (_jsx(ListComponent, { ref: flatListRef, data: slideChildren, renderItem: renderItem, keyExtractor: (_, index) => `slide-${index}`, horizontal: true, 
-                    //  @ts-expect-error - pagingEnabled exists but typescript does not seem to know about it
-                    pagingEnabled: true, showsHorizontalScrollIndicator: false, onScroll: scrollHandler, scrollEventThrottle: 16, onMomentumScrollEnd: handleMomentumScrollEnd, getItemLayout: getItemLayout, initialScrollIndex: initialSlideIndex, ...flatListProps })), progressIndicatorChildren.length > 0 && progressIndicatorChildren] }) }));
-}
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-});

package/lib/components/Layout/Slides/context.d.ts

@@ -1,32 +0,0 @@
-import React from "react";
-import { FlatList } from "react-native";
-import { useSharedValue } from "react-native-reanimated";
-export declare const SlidesContext: React.Context<{
-    currentIndex: number;
-    totalSlides: number;
-    goToNext: () => void;
-    goToPrevious: () => void;
-    goToSlide: (index: number) => void;
-    flatListRef: React.RefObject<FlatList<React.ReactElement> | null>;
-    scrollProgressSharedValue: ReturnType<typeof useSharedValue<number>>;
-    footerHeights: Map<number, number>;
-    setFooterHeight: (slideIndex: number, footerHeight: number) => void;
-} | null>;
-export declare const useSlidesContext: () => {
-    currentIndex: number;
-    totalSlides: number;
-    goToNext: () => void;
-    goToPrevious: () => void;
-    goToSlide: (index: number) => void;
-    flatListRef: React.RefObject<FlatList<React.ReactElement> | null>;
-    scrollProgressSharedValue: ReturnType<typeof useSharedValue<number>>;
-    footerHeights: Map<number, number>;
-    setFooterHeight: (slideIndex: number, footerHeight: number) => void;
-};
-export declare const SlideContext: React.Context<{
-    slideIndex: number;
-} | null>;
-export declare const useSlideContext: () => {
-    slideIndex: number;
-};
-//# sourceMappingURL=context.d.ts.map

package/lib/components/Layout/Slides/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,eAAO,MAAM,aAAa;kBACV,MAAM;iBACP,MAAM;cACT,MAAM,IAAI;kBACN,MAAM,IAAI;uBACL,MAAM,KAAK,IAAI;iBACrB,MAAM,SAAS,CAAC,SAAS,MAAM,YAAY,CAAC,GAAG,IAAI,CAAC;+BACtC,WAAW,sBAAsB,MAAM,CAAC,CAAC;mBACrD,IAAI,MAAM,EAAE,MAAM,CAAC;kCACJ,MAAM,gBAAgB,MAAM,KAAK,IAAI;SACtD,CAAC;AAEhB,eAAO,MAAM,gBAAgB;kBAXb,MAAM;iBACP,MAAM;cACT,MAAM,IAAI;kBACN,MAAM,IAAI;uBACL,MAAM,KAAK,IAAI;iBACrB,MAAM,SAAS,CAAC,SAAS,MAAM,YAAY,CAAC,GAAG,IAAI,CAAC;+BACtC,WAAW,sBAAsB,MAAM,CAAC,CAAC;mBACrD,IAAI,MAAM,EAAE,MAAM,CAAC;kCACJ,MAAM,gBAAgB,MAAM,KAAK,IAAI;CASpE,CAAC;AAEF,eAAO,MAAM,YAAY;gBACX,MAAM;SACL,CAAC;AAEhB,eAAO,MAAM,eAAe;gBAHd,MAAM;CASnB,CAAC"}

package/lib/components/Layout/Slides/context.js

@@ -1,17 +0,0 @@
-import { createContext, useContext } from "react";
-export const SlidesContext = createContext(null);
-export const useSlidesContext = () => {
-    const context = useContext(SlidesContext);
-    if (!context) {
-        throw new Error("useSlidesContext must be used within a Slides component");
-    }
-    return context;
-};
-export const SlideContext = createContext(null);
-export const useSlideContext = () => {
-    const context = useContext(SlideContext);
-    if (!context) {
-        throw new Error("useSlideContext must be used within a Slide component");
-    }
-    return context;
-};

package/lib/components/Layout/Slides/index.d.ts

@@ -1,12 +0,0 @@
-import { type SlidesProps } from "./Slides";
-declare function Slides(props: SlidesProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Slides {
-    var Slide: typeof import("./Slide").Slide;
-    var ProgressIndicator: typeof import("./ProgressIndicator").ProgressIndicator;
-}
-export { Slides };
-export type { SlidesProps };
-export { Slide } from "./Slide";
-export { ProgressIndicator } from "./ProgressIndicator";
-export { useSlidesContext, useSlideContext } from "./context";
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Layout/Slides/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvE,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAEjC;kBAFQ,MAAM;;;;AAMf,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC"}

package/lib/components/Layout/Slides/index.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ProgressIndicator } from "./ProgressIndicator";
-import { Slide } from "./Slide";
-import { Slides as SlidesComponent } from "./Slides";
-function Slides(props) {
-    return _jsx(SlidesComponent, { ...props });
-}
-Slides.Slide = Slide;
-Slides.ProgressIndicator = ProgressIndicator;
-export { Slides };
-export { Slide } from "./Slide";
-export { ProgressIndicator } from "./ProgressIndicator";
-export { useSlidesContext, useSlideContext } from "./context";