@ledgerhq/native-ui 0.35.0-nightly.1 → 0.36.0-next.0

package/lib/components/Form/Input/BaseInput/index.d.ts

@@ -94,7 +94,7 @@ export declare const InputRenderRightContainer: import("styled-components").Styl
     flexDirection: string;
     paddingLeft: string;
 }, "alignItems" | "flexDirection" | "paddingLeft">;
-declare function Input<T = string>(props: InputProps<T>, ref?: any): JSX.Element;
+declare function Input<T = string>(props: InputProps<T>, ref?: React.Ref<unknown>): JSX.Element;
 declare const _default: <T>(props: InputProps<T> & {
     ref?: React.ForwardedRef<TextInput> | null;
 }) => ReturnType<typeof Input>;

package/lib/components/Form/Input/BaseInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/BaseInput/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAC5F,OAAO,EACL,SAAS,EACT,cAAc,EAEd,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7E;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IACT;;OAEG;IACH,UAAU,CAAC,EACP,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GACxF,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EACR,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GACxF,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAC3C;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACvD;;OAEG;IACH,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC;;OAEG;IACH,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;mDAIhC,CAAC;AAEN,eAAO,MAAM,yBAAyB;;;;;;;;;;;kDAIjC,CAAC;AAMN,iBAAS,KAAK,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CA2FvE;mCAGQ,WAAW,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;CAAE,KAClE,WAAW,YAAY,CAAC;AAF7B,wBAE8B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/BaseInput/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAC5F,OAAO,EACL,SAAS,EACT,cAAc,EAEd,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7E;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IACT;;OAEG;IACH,UAAU,CAAC,EACP,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GACxF,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EACR,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GACxF,KAAK,CAAC,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAC3C;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACvD;;OAEG;IACH,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC;;OAEG;IACH,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;mDAIhC,CAAC;AAEN,eAAO,MAAM,yBAAyB;;;;;;;;;;;kDAIjC,CAAC;AAON,iBAAS,KAAK,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CA2FtF;mCAGQ,WAAW,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;CAAE,KAClE,WAAW,YAAY,CAAC;AAF7B,wBAE8B"}

package/lib/components/Form/Input/BaseInput/index.js

@@ -76,9 +76,10 @@ export const InputRenderRightContainer = styled(FlexBox).attrs(() => ({
 // Yes, this is dirty. If you can figure out a better way please change the code :).
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const IDENTITY = (_) => _;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function Input(props, ref) {
     const { value, onChange, onChangeText, onChangeEvent, disabled, error, renderLeft, renderRight, serialize = IDENTITY, deserialize = IDENTITY, containerStyle, hasBorder = true, inputContainerStyle, baseInputContainerStyle, inputErrorContainerStyles, autoFocus, onFocus, onBlur, color, inputErrorColor = "error.c50", showErrorIcon = false, ...textInputProps } = props;
-    const inputRef = useRef();
+    const inputRef = useRef(null);
     useImperativeHandle(ref, () => inputRef.current, [inputRef]);
     const inputValue = useMemo(() => serialize(value), [serialize, value]);
     const handleChange = useCallback((value) => {

package/lib/components/Icon/type.d.ts

@@ -5,7 +5,7 @@ export type IconProps = {
 };
 export type IconType = React.ComponentType<IconProps>;
 export type NewIconProps = {
-    size?: "XS" | "S" | "M" | "L" | "XL";
+    size?: "XS" | "S" | "M" | "L" | "XL" | "XXL";
     color?: string;
     style?: object;
 };

package/lib/components/Icon/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC1D,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACpG,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;AAE5D,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC;AAC9D,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC1D,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;AAE5D,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC;AAC9D,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC"}

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

@@ -7,7 +7,7 @@ declare const ScrollListContainer: React.ForwardRefExoticComponent<import("style
     display?: string | undefined;
     position?: string | undefined;
     maxHeight?: string | number | undefined;
-} & Omit<FlatListProps<any>, "data" | "onScroll" | "renderItem"> & {
+} & Omit<FlatListProps<unknown>, "data" | "onScroll" | "renderItem"> & {
     children: React.ReactNode;
     onScroll?: ((event: NativeSyntheticEvent<NativeScrollEvent>) => void) | undefined;
     horizontal?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/ScrollListContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,QAAQ,EACT,MAAM,cAAc,CAAC;AAkBtB,QAAA,MAAM,mBAAmB;;;;;;;;cATX,MAAM,SAAS;wBACN,qBAAqB,iBAAiB,CAAC,KAAK,IAAI;;uCAqBtE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/ScrollListContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,QAAQ,EACT,MAAM,cAAc,CAAC;AAmBtB,QAAA,MAAM,mBAAmB;;;;;;;;cATX,MAAM,SAAS;wBACN,qBAAqB,iBAAiB,CAAC,KAAK,IAAI;;uCAqBtE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -3,6 +3,7 @@ import { View, } from "react-native";
 import Animated from "react-native-reanimated";
 import baseStyled from "../../styled";
 const StyledFlatList = baseStyled.FlatList ``;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const AnimatedFlatList = Animated.createAnimatedComponent(StyledFlatList);
 /*
  ** This Layout is a wrapper for FlatList that accepts

package/lib/components/Loader/InfiniteLoader/index.d.ts

@@ -2,10 +2,11 @@
 import React from "react";
 import Svg from "react-native-svg";
 import { SizeProps } from "styled-system";
-declare const Loader: import("styled-components").StyledComponent<typeof Svg, import("styled-components").DefaultTheme, SizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>>, never>;
 export type Props = React.ComponentProps<typeof Loader> & {
     color?: string;
+    mock?: boolean;
 };
 export default function InfiniteLoader({ size, color, mock, testID, ...extraProps }: Props): JSX.Element;
+declare const Loader: import("styled-components").StyledComponent<typeof Svg, import("styled-components").DefaultTheme, SizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>>, never>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Loader/InfiniteLoader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/InfiniteLoader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,GAA+C,MAAM,kBAAkB,CAAC;AAE/E,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAgBxD,QAAA,MAAM,MAAM,2RAIX,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAS,EACT,KAAqB,EACrB,IAAY,EACZ,MAAW,EACX,GAAG,UAAU,EACd,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAmFrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/InfiniteLoader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,GAAwD,MAAM,kBAAkB,CAAC;AAExF,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAiBxD,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAS,EACT,KAAqB,EACrB,IAAY,EACZ,MAAW,EACX,GAAG,UAAU,EACd,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAuFrB;AAED,QAAA,MAAM,MAAM,2RAQX,CAAC"}

package/lib/components/Loader/InfiniteLoader/index.js

@@ -1,48 +1,54 @@
 import React, { useEffect } from "react";
-import Svg, { LinearGradient, Stop, Mask, Path, Rect } from "react-native-svg";
+import Svg, { LinearGradient, Stop, Mask, Path, Rect, G, Defs } from "react-native-svg";
 import styled from "styled-components/native";
 import { system, size } from "styled-system";
-import Animated, { useAnimatedStyle, useSharedValue, withRepeat, withTiming, cancelAnimation, Easing, } from "react-native-reanimated";
+import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, cancelAnimation, Easing, } from "react-native-reanimated";
 const strokeSystem = system({
     stroke: {
         property: "stroke",
         scale: "colors",
     },
 });
-const Loader = styled(Svg).attrs((props) => ({
-    ...strokeSystem(props),
-})) `
-  ${size}
-`;
 export default function InfiniteLoader({ size = 38, color = "primary.c50", mock = false, testID = "", ...extraProps }) {
     const rotation = useSharedValue(0);
-    const animatedStyles = useAnimatedStyle(() => {
-        return {
-            transform: [
-                {
-                    rotateZ: `${rotation.value}deg`,
-                },
-            ],
-        };
-    }, [rotation.value]);
+    // Start the rotation animation if not in mock mode
     useEffect(() => {
-        rotation.value = withRepeat(withTiming(360, {
-            duration: 1000,
-            easing: Easing.linear,
-        }), mock ? 1 : -1);
+        if (!mock) {
+            rotation.value = withRepeat(withTiming(360, {
+                duration: 1000,
+                easing: Easing.linear,
+            }), mock ? 1 : -1, false);
+        }
         return () => cancelAnimation(rotation);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return (React.createElement(Animated.View, { style: [{ display: "flex", justifyContent: "center", alignItems: "center" }, animatedStyles], testID: testID },
+    }, [mock, rotation.value]);
+    // Animated style for rotation
+    const animatedStyle = useAnimatedStyle(() => ({
+        transform: [{ rotate: `${rotation.value}deg` }],
+    }));
+    return (React.createElement(Animated.View, { style: [{ display: "flex", justifyContent: "center", alignItems: "center" }, animatedStyle], testID: testID },
         React.createElement(Loader, { size: size, stroke: color, viewBox: "0 0 38 38", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...extraProps },
-            React.createElement(LinearGradient, { id: "gradient-start", gradientUnits: "userSpaceOnUse", gradientTransform: "rotate(-20)" },
-                React.createElement(Stop, { offset: 0, stopColor: "white", stopOpacity: 0.5 }),
-                React.createElement(Stop, { offset: 1, stopColor: "white", stopOpacity: 1 })),
-            React.createElement(LinearGradient, { id: "gradient-end", gradientUnits: "userSpaceOnUse", gradientTransform: "rotate(-20)" },
-                React.createElement(Stop, { offset: 0, stopColor: "white", stopOpacity: 0.5 }),
-                React.createElement(Stop, { offset: 1, stopColor: "white", stopOpacity: 0 })),
-            React.createElement(Mask, { id: "gradient-mask" },
-                React.createElement(Rect, { x: 0, y: -4, width: 44, height: 22, strokeWidth: 0, fill: "url(#gradient-start)", transform: "rotate(10)" }),
-                React.createElement(Rect, { x: 0, y: 18, width: 44, height: 21, strokeWidth: 0, fill: "url(#gradient-end)", transform: "rotate(10)" })),
-            React.createElement(Path, { d: "M34.8807 20.9499C35.3608 17.0398 34.3815 13.09 32.1304 9.85712C29.8793 6.6242 26.5146 4.33541 22.6808 3.42914C18.847 2.52287 14.8136 3.06283 11.3532 4.94559C7.89277 6.82836 5.24858 9.92158 3.92708 13.6328C2.60558 17.344 2.69968 21.4123 4.19135 25.0584C5.68302 28.7045 8.4674 31.6722 12.0112 33.3929C15.5549 35.1137 19.609 35.4666 23.3968 34.384C27.1846 33.3015 30.4398 30.8596 32.5391 27.526", strokeWidth: 6, strokeLinecap: "round", strokeLinejoin: "round", mask: "url(#gradient-mask)" }))));
+            React.createElement(Defs, null,
+                React.createElement(LinearGradient, { id: "gradient-start", gradientUnits: "userSpaceOnUse", gradientTransform: "rotate(-20)" },
+                    React.createElement(Stop, { offset: 0, stopColor: "white", stopOpacity: 0.5 }),
+                    React.createElement(Stop, { offset: 1, stopColor: "white", stopOpacity: 1 })),
+                React.createElement(LinearGradient, { id: "gradient-end", gradientUnits: "userSpaceOnUse", gradientTransform: "rotate(-20)" },
+                    React.createElement(Stop, { offset: 0, stopColor: "white", stopOpacity: 0.5 }),
+                    React.createElement(Stop, { offset: 1, stopColor: "white", stopOpacity: 0 })),
+                React.createElement(Mask, { id: "gradient-mask", x: "0", y: "0", width: "44", height: "44", maskUnits: "userSpaceOnUse" },
+                    React.createElement(Rect, { x: 0, y: -4, width: 44, height: 22, strokeWidth: 0, fill: "url(#gradient-start)", transform: "rotate(10)" }),
+                    React.createElement(Rect, { x: 0, y: 18, width: 44, height: 21, strokeWidth: 0, fill: "url(#gradient-end)", transform: "rotate(10)" }))),
+            React.createElement(G, { mask: "url(#gradient-mask)" },
+                React.createElement(StyledPath, { d: "M34.8807 20.9499C35.3608 17.0398 34.3815 13.09 32.1304 9.85712C29.8793 6.6242 26.5146 4.33541 22.6808 3.42914C18.847 2.52287 14.8136 3.06283 11.3532 4.94559C7.89277 6.82836 5.24858 9.92158 3.92708 13.6328C2.60558 17.344 2.69968 21.4123 4.19135 25.0584C5.68302 28.7045 8.4674 31.6722 12.0112 33.3929C15.5549 35.1137 19.609 35.4666 23.3968 34.384C27.1846 33.3015 30.4398 30.8596 32.5391 27.526", strokeWidth: 6, strokeLinecap: "round", strokeLinejoin: "round", stroke: color, fill: "none" })))));
 }
+const Loader = styled(Svg).attrs((props) => ({
+    ...strokeSystem(props),
+    width: props.size,
+    height: props.size,
+})) `
+  ${size}
+  width: ${(props) => props.size}px;
+  height: ${(props) => props.size}px;
+`;
+const StyledPath = styled(Path).attrs((props) => ({
+    ...strokeSystem(props),
+})) ``;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.35.0-nightly.1",
+  "version": "0.36.0-next.0",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -36,40 +36,41 @@
   ],
   "dependencies": {
     "color": "^4.0.0",
-    "react-native-modal": "^13.0.0",
+    "react-native-modal": "14.0.0-rc.1",
     "rn-range-slider": "2.1.1",
     "styled-system": "^5.1.5",
-    "@ledgerhq/crypto-icons-ui": "^1.14.0",
-    "@ledgerhq/icons-ui": "^0.10.0",
+    "@ledgerhq/crypto-icons-ui": "^1.15.0-next.0",
+    "@ledgerhq/icons-ui": "^0.11.0-next.0",
     "@ledgerhq/ui-shared": "^0.3.0"
   },
   "peerDependencies": {
     "react": ">=17",
     "react-native": ">=0.64.0",
-    "react-native-reanimated": "3.16.1",
+    "react-native-reanimated": "3.16.7",
     "react-native-svg": ">=12.1.1",
     "styled-components": "^5.3.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.3",
-    "@babel/generator": "^7.17.2",
-    "@babel/plugin-proposal-class-properties": "^7.13.0",
-    "@babel/plugin-proposal-export-namespace-from": "^7.16.0",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
-    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-    "@babel/plugin-transform-arrow-functions": "^7.24.1",
-    "@babel/plugin-transform-shorthand-properties": "^7.24.1",
-    "@babel/plugin-transform-template-literals": "^7.24.1",
-    "@babel/preset-env": "^7.15.8",
-    "@babel/runtime": "^7.17.2",
+    "@babel/core": "7.27.1",
+    "@babel/generator": "7.27.1",
+    "@babel/plugin-transform-arrow-functions": "7.27.1",
+    "@babel/plugin-transform-class-properties": "7.27.1",
+    "@babel/plugin-transform-export-namespace-from": "7.27.1",
+    "@babel/plugin-transform-nullish-coalescing-operator": "7.27.1",
+    "@babel/plugin-transform-optional-chaining": "7.27.1",
+    "@babel/plugin-transform-shorthand-properties": "7.27.1",
+    "@babel/plugin-transform-template-literals": "7.27.1",
+    "@babel/preset-env": "7.27.1",
+    "@babel/runtime": "7.27.1",
     "@emotion/core": "^11.0.0",
     "@emotion/native": "^11.0.0",
-    "@expo/metro-config": "^0.10.7",
-    "@expo/webpack-config": "^18.1.2",
-    "@react-native-async-storage/async-storage": "1.17.12",
+    "@expo/metro-config": "^0.19.11",
+    "@expo/webpack-config": "19.0.1",
+    "@react-native-async-storage/async-storage": "2.1.2",
     "@react-native-community/cli-server-api": "^7.0.3",
     "@react-native-community/datetimepicker": "6.7.5",
     "@react-native-community/slider": "^4.4.2",
+    "@react-native/assets-registry": "0.77.2",
     "@storybook/addon-actions": "^7.6.18",
     "@storybook/addon-controls": "^7.6.18",
     "@storybook/addon-essentials": "^7.6.18",
@@ -97,42 +98,43 @@
     "@types/styled-components-react-native": "^5.1.3",
     "@types/styled-system": "^5.1.13",
     "assert": "^2.0.0",
-    "babel-loader": "^8.2.2",
-    "babel-plugin-module-resolver": "^4.1.0",
+    "babel-loader": "10.0.0",
+    "babel-plugin-module-resolver": "5.0.2",
     "babel-plugin-react-docgen-typescript": "^1.5.1",
     "babel-plugin-react-native-web": "^0.19.0",
-    "babel-preset-expo": "^9.5.0",
+    "babel-preset-expo": "13.1.11",
+    "buffer": "6.0.3",
     "camelcase": "^6.2.1",
     "csstype": "^3.0.11",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.15",
-    "expo": "51.0.39",
+    "expo": "52.0.46",
     "expo-asset": "8.10.1",
-    "expo-constants": "^14.4.2",
-    "expo-font": "^11.4.0",
-    "expo-modules-core": "1.12.26",
+    "expo-constants": "17.1.6",
+    "expo-font": "13.0.4",
+    "expo-modules-core": "2.2.3",
     "fs-extra": "^10.0.1",
     "glob": "^7.2.0",
-    "metro": "^0.80.12",
-    "metro-config": "^0.80.12",
-    "metro-core": "^0.80.12",
+    "metro": "0.81.5",
+    "metro-config": "0.81.5",
+    "metro-core": "0.81.5",
     "metro-minify-uglify": "^0.76.8",
-    "metro-react-native-babel-preset": "^0.77.0",
-    "metro-react-native-babel-transformer": "^0.77.0",
-    "metro-resolver": "^0.80.12",
-    "metro-runtime": "^0.80.12",
-    "metro-source-map": "^0.80.12",
-    "metro-transform-worker": "^0.80.12",
+    "metro-react-native-babel-preset": "0.77.0",
+    "metro-react-native-babel-transformer": "0.77.0",
+    "metro-resolver": "0.81.5",
+    "metro-runtime": "0.81.5",
+    "metro-source-map": "0.81.5",
+    "metro-transform-worker": "0.81.5",
     "minimatch": "^5.1.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18",
-    "react-native": "0.75.4",
-    "react-native-reanimated": "3.16.1",
-    "react-native-safe-area-context": "^4.10.9",
-    "react-native-svg": "13.14.0",
+    "react-native": "0.77.2",
+    "react-native-reanimated": "3.16.7",
+    "react-native-safe-area-context": "5.1.0",
+    "react-native-svg": "15.11.2",
     "react-native-web": "~0.19.6",
     "regenerator-runtime": "^0.14.0",
     "rimraf": "^4.4.1",
@@ -165,6 +167,6 @@
     "typecheck": "tsc --noEmit -p tsconfig.json",
     "test": "exit 0",
     "web": "expo start --web",
-    "unimported": "unimported"
+    "unimported": "pnpm knip --directory ../../../.. -W libs/ui/packages/native"
   }
 }