@ledgerhq/native-ui 0.49.1-nightly.20251115023630 → 0.50.0-nightly.20251119023741

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAEL,UAAU,EACV,SAAS,EAIV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG5D,QAAA,MAAM,oBAAoB;;gBAEzB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;IACpE;;;OAGG;IACH,4BAA4B,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAExD,kBAAkB,CAAC,EACf,KAAK,CAAC,aAAa,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC,GACF,KAAK,CAAC,YAAY,CAAC;IAEvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC,CAAC;AAOH,iBAAS,QAAQ,CAAC,EAChB,WAAe,EACf,SAAS,EACT,eAAsB,EACtB,iBAAyB,EACzB,cAAc,EACd,4BAA4B,EAC5B,eAAe,EACf,QAAQ,EACR,UAAU,EACV,kBAAmC,EACnC,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,cAAc,GACf,EAAE,KAAK,qBA2KP;;AAED,wBAAoC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAEL,UAAU,EACV,SAAS,EAIV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG5D,QAAA,MAAM,oBAAoB;;gBAEzB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;IACpE;;;OAGG;IACH,4BAA4B,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAExD,kBAAkB,CAAC,EACf,KAAK,CAAC,aAAa,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC,GACF,KAAK,CAAC,YAAY,CAAC;IAEvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC,CAAC;AAOH,iBAAS,QAAQ,CAAC,EAChB,WAAe,EACf,SAAS,EACT,eAAsB,EACtB,iBAAyB,EACzB,cAAc,EACd,4BAA4B,EAC5B,eAAe,EACf,QAAQ,EACR,UAAU,EACV,kBAAmC,EACnC,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,cAAc,GACf,EAAE,KAAK,qBA6KP;;AAED,wBAAoC"}

package/lib/components/Carousel/index.js

@@ -64,7 +64,8 @@ function Carousel({ activeIndex = 0, autoDelay, restartAfterEnd = true, scrollOn
         }
     }, [slidesLength, activeIndexState, scrollToIndex, onOverflow, itemWidth, onManualChange]);
     const onScroll = ({ nativeEvent: { contentOffset, contentSize }, }) => {
-        const newIndex = Math.abs(Math.round((contentOffset.x / contentSize.width) * slidesLength));
+        const computed = Math.abs(Math.round((contentOffset.x / contentSize.width) * slidesLength));
+        const newIndex = Math.min(slidesLength - 1, Math.max(0, computed));
         setActiveIndexState(newIndex);
         onChange && onChange(newIndex);
     };
@@ -106,6 +107,7 @@ function Carousel({ activeIndex = 0, autoDelay, restartAfterEnd = true, scrollOn
         const currentTime = new Date().getTime();
         if (!maxDurationOfTap || currentTime - tapTime <= maxDurationOfTap) {
             onTap(event);
+            setTapTime(0);
         }
     }, [maxDurationOfTap, onTap, tapTime]);
     return (React.createElement(Flex, { flex: 1, width: "100%", alignItems: "center", justifyContent: "center", ...containerProps },

package/lib/components/Form/Checkbox/index.js

@@ -18,7 +18,7 @@ const Square = styled(Flex).attrs({
 `;
 const Checkbox = ({ checked, onChange, disabled, label }) => {
     const { colors, space } = useTheme();
-    return (React.createElement(Pressable, { onPress: onChange, disabled: disabled },
+    return (React.createElement(Pressable, { onPressIn: onChange, disabled: disabled },
         React.createElement(Flex, { flexDirection: "row", alignItems: "center" },
             React.createElement(Square, { checked: checked }, checked ? React.createElement(CheckAlone, { size: 13, color: colors.neutral.c00 }) : null),
             label ? (React.createElement(Text, { variant: "body", color: checked ? colors.primary.c90 : colors.neutral.c100, style: { marginLeft: space[2] } }, label)) : null)));

package/lib/components/Form/Input/AnimatedInputSelect/Select.js

@@ -15,7 +15,7 @@ const StyledTouchableOpacity = styled(TouchableOpacity) `
   align-items: center;
   width: 100%;
   height: auto;
-  padding: ${({ theme }) => theme.space[6]}px 0px ${({ theme }) => theme.space[6]}px
+  padding: ${({ theme }) => theme.space[4]}px 0px ${({ theme }) => theme.space[4]}px
     ${({ theme }) => theme.space[6]}px;
 `;
 export const SelectComponent = ({ text, color, onPressSelect }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInputSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM/D,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,WAAW,EAAE;QACX,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;QAC3B,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;;AA8CD,wBAAqD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInputSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAkB,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM/D,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,WAAW,EAAE;QACX,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;QAC3B,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;;AA8CD,wBAAqD"}

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

@@ -1,8 +1,8 @@
 import React from "react";
-import { AnimatedInput } from "..";
+import BaseInput from "../BaseInput/index";
 import { useTheme } from "styled-components/native";
-import { useAnimatedInputFocus } from "../AnimatedInput/useAnimatedInputFocus";
-import { getInputStatus, inputStatusColors } from "../AnimatedInput/inputTextColor";
+import { useAnimatedInputFocus } from "./useAnimatedInputFocus";
+import { getInputStatus, inputStatusColors } from "./inputTextColor";
 import { SelectComponent } from "./Select";
 const AnimatedInputSelect = ({ selectProps, ...textInputProps }, ref) => {
     const { placeholder, onFocus: onFocusCallback, onBlur: onBlurCallback, error, value, onChange, ...rest } = textInputProps;
@@ -13,6 +13,6 @@ const AnimatedInputSelect = ({ selectProps, ...textInputProps }, ref) => {
         onBlurCallback,
     });
     const inputStatus = getInputStatus({ focused, hasError: !!error, hasValue: !!value });
-    return (React.createElement(AnimatedInput, { value: value, ref: ref, onFocus: onFocus, onBlur: onBlur, renderRight: () => (React.createElement(SelectComponent, { text: text, color: inputStatusColors[inputStatus]({ theme }), onPressSelect: onPressSelect })), placeholder: placeholder, onChange: onChange, ...rest }));
+    return (React.createElement(BaseInput, { value: value, ref: ref, onFocus: onFocus, onBlur: onBlur, renderRight: () => (React.createElement(SelectComponent, { text: text, color: inputStatusColors[inputStatus]({ theme }), onPressSelect: onPressSelect })), placeholder: placeholder, onChange: onChange, ...rest }));
 };
 export default React.forwardRef(AnimatedInputSelect);

package/lib/components/Form/Input/{AnimatedInput → AnimatedInputSelect}/inputTextColor.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from "src/styles/theme";
-export type CbThemeType = {
+type CbThemeType = {
     theme: Theme;
 };
 export declare const inputStatusColors: {
@@ -8,18 +8,6 @@ export declare const inputStatusColors: {
     filled: ({ theme }: CbThemeType) => string;
     error: ({ theme }: CbThemeType) => string;
 };
-export declare const inputTextColor: {
-    default: ({ theme }: CbThemeType) => string;
-    focused: ({ theme }: CbThemeType) => string;
-    filled: ({ theme }: CbThemeType) => string;
-    error: ({ theme }: CbThemeType) => string;
-};
-export declare const inputBackgroundColor: {
-    default: ({ theme }: CbThemeType) => string;
-    focused: ({ theme }: CbThemeType) => string;
-    filled: ({ theme }: CbThemeType) => string;
-    error: ({ theme }: CbThemeType) => string;
-};
 type getInputStatusProps = {
     focused?: boolean;
     hasValue?: boolean;

package/lib/components/Form/Input/AnimatedInputSelect/inputTextColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputTextColor.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInputSelect/inputTextColor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,iBAAiB;yBACP,WAAW;yBACX,WAAW;wBACZ,WAAW;uBACZ,WAAW;CAC/B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,oCAAqC,mBAAmB,+CAKlF,CAAC"}

package/lib/components/Form/Input/AnimatedInputSelect/inputTextColor.js

@@ -0,0 +1,15 @@
+export const inputStatusColors = {
+    default: ({ theme }) => theme.colors.opacityDefault.c50,
+    focused: ({ theme }) => theme.colors.primary.c80,
+    filled: ({ theme }) => theme.colors.neutral.c60,
+    error: ({ theme }) => theme.colors.error.c50,
+};
+export const getInputStatus = ({ focused, hasValue, hasError }) => {
+    if (hasError)
+        return "error";
+    if (focused)
+        return "focused";
+    if (hasValue)
+        return "filled";
+    return "default";
+};

package/lib/components/Form/Input/AnimatedInputSelect/useAnimatedInputFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedInputFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInputSelect/useAnimatedInputFocus.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE7E,KAAK,0BAA0B,GAAG;IAChC,eAAe,CAAC,EAAE,CAChB,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAC7C,uBAAuB,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CACf,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAC7C,uBAAuB,GAAG,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yCAG/B,0BAA0B;iBAGP,qBAAqB,uBAAuB,CAAC;gBAK9C,qBAAqB,uBAAuB,CAAC;;CAMjE,CAAC"}

package/lib/components/Form/Input/{AnimatedInput → AnimatedInputSelect}/useAnimatedInputFocus.js

@@ -3,11 +3,11 @@ export const useAnimatedInputFocus = ({ onFocusCallback, onBlurCallback, }) => {
     const [focused, setFocused] = useState(false);
     const onFocus = (e) => {
         setFocused(true);
-        onFocusCallback && onFocusCallback(e);
+        onFocusCallback?.(e);
     };
     const onBlur = (e) => {
         setFocused(false);
-        onBlurCallback && onBlurCallback(e);
+        onBlurCallback?.(e);
     };
     return { onFocus, onBlur, focused };
 };

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

@@ -3,6 +3,5 @@ export { default as LegendInput } from "./LegendInput";
 export { default as NumberInput } from "./NumberInput";
 export { default as QrCodeInput } from "./QrCodeInput";
 export { default as SearchInput } from "./SearchInput";
-export { default as AnimatedInput } from "./AnimatedInput";
 export { default as AnimatedInputSelect } from "./AnimatedInputSelect";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -3,5 +3,4 @@ export { default as LegendInput } from "./LegendInput";
 export { default as NumberInput } from "./NumberInput";
 export { default as QrCodeInput } from "./QrCodeInput";
 export { default as SearchInput } from "./SearchInput";
-export { default as AnimatedInput } from "./AnimatedInput";
 export { default as AnimatedInputSelect } from "./AnimatedInputSelect";

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

@@ -9,7 +9,6 @@ export type Props = {
     tokenIcon?: string;
     fallbackIcon?: JSX.Element;
 };
-export declare const iconNames: string[];
 declare const CryptoIcon: ({ name, size, color, backgroundColor, circleIcon, disabled, tokenIcon, fallbackIcon, }: Props) => JSX.Element;
 export default CryptoIcon;
 //# sourceMappingURL=CryptoIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CryptoIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/CryptoIcon.tsx"],"names":[],"mappings":";AAQA,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B,CAAC;AAUF,eAAO,MAAM,SAAS,UAMrB,CAAC;AA6EF,QAAA,MAAM,UAAU,2FASb,KAAK,KAAG,WA0BV,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CryptoIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/CryptoIcon.tsx"],"names":[],"mappings":";AAQA,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B,CAAC;AAqFF,QAAA,MAAM,UAAU,2FASb,KAAK,KAAG,WA0BV,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/Icon/CryptoIcon.js

@@ -4,12 +4,6 @@ import { ensureContrast } from "../../styles";
 import styled, { useTheme } from "styled-components/native";
 import Text from "../Text/index";
 import Flex from "../Layout/Flex";
-export const iconNames = Array.from(Object.keys(icons).reduce((set, rawKey) => {
-    const key = rawKey;
-    if (!set.has(key))
-        set.add(key);
-    return set;
-}, new Set()));
 const Container = styled(Flex).attrs((p) => ({
     heigth: p.size,
     width: p.size,

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

@@ -5,7 +5,6 @@ export type Props = {
     weight?: "Regular" | "Thin" | "Light" | "Medium" | "UltraLight";
     color?: string;
 };
-export declare const iconNames: string[];
 declare const Icon: ({ name, size, color, weight, }: Props) => JSX.Element | null;
 export default Icon;
 //# sourceMappingURL=Icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAGA,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS,UAQrB,CAAC;AAEF,QAAA,MAAM,IAAI,mCAKP,KAAK,KAAG,WAAW,GAAG,IAQxB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAGA,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,IAAI,mCAKP,KAAK,KAAG,WAAW,GAAG,IAQxB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/Icon/Icon.js

@@ -1,13 +1,5 @@
 import * as icons from "@ledgerhq/icons-ui/nativeLegacy";
 import React from "react";
-export const iconNames = Array.from(Object.keys(icons).reduce((set, rawKey) => {
-    const key = rawKey
-        .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, "$1")
-        .replace(/(.+)(Ultra)+$/g, "$1");
-    if (!set.has(key))
-        set.add(key);
-    return set;
-}, new Set()));
 const Icon = ({ name, size = 16, color = "currentColor", weight = "Medium", }) => {
     const maybeIconName = `${name}${weight}`;
     if (maybeIconName in icons) {

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

@@ -1,5 +1,4 @@
 import { BaseStyledProps } from "../../styled";
-export type BoxProps = BaseStyledProps;
 declare const Box: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, BaseStyledProps, never>;
 export default Box;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Box/index.ts"],"names":[],"mappings":"AAAA,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC;AAEvC,QAAA,MAAM,GAAG,mJAAqC,CAAC;AAE/C,eAAe,GAAG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Box/index.ts"],"names":[],"mappings":"AAAA,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D,QAAA,MAAM,GAAG,mJAAqC,CAAC;AAE/C,eAAe,GAAG,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/List/VerticalTimeline/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,UAAU,EAGV,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,MAAM,KAAK,GAAG,eAAe,GAAG;IACpC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;SAGK;IACL,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAI7C,eAAe,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;CACtD,CAAC;AAEF,iBAAwB,gBAAgB,CAAC,EACvC,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,MAAM,EACN,UAAiB,EACjB,qBAAqB,EACrB,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,qBAuCP;kBAhDuB,gBAAgB;;;;;eAAhB,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/List/VerticalTimeline/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,UAAU,EAGV,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,MAAM,KAAK,GAAG,eAAe,GAAG;IACpC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;SAGK;IACL,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAI7C,eAAe,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;CACtD,CAAC;AAEF,iBAAwB,gBAAgB,CAAC,EACvC,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,MAAM,EACN,UAAiB,EACjB,qBAAqB,EACrB,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,qBAyCP;kBAlDuB,gBAAgB;;;;;eAAhB,gBAAgB"}

package/lib/components/Layout/List/VerticalTimeline/index.js

@@ -18,8 +18,8 @@ export default function VerticalTimeline({ steps, formatEstimatedTime, setActive
     }, []);
     return (React.createElement(ScrollView, { ref: scrollViewRef, onLayout: onStepsContainerLayout, contentContainerStyle: contentContainerStyle },
         header,
-        React.createElement(Flex, { ...props, onLayout: onStepsContainerLayout, flexDirection: "column" }, steps?.map((step, index) => (React.createElement(View, { onLayout: autoScroll && step.status === "active" ? onActiveStepLayout : undefined },
-            React.createElement(TimelineItem, { key: step.title, item: step, formatEstimatedTime: formatEstimatedTime, isFirstItem: index === 0, isLastItem: index === steps.length - 1, setActiveIndex: setActiveIndex, index: index, parentScrollRef: parentScrollRef })))))));
+        React.createElement(Flex, { ...props, onLayout: onStepsContainerLayout, flexDirection: "column" }, steps?.map((step, index) => (React.createElement(View, { key: step.title, onLayout: autoScroll && step.status === "active" ? onActiveStepLayout : undefined },
+            React.createElement(TimelineItem, { item: step, formatEstimatedTime: formatEstimatedTime, isFirstItem: index === 0, isLastItem: index === steps.length - 1, setActiveIndex: setActiveIndex, index: index, parentScrollRef: parentScrollRef })))))));
 }
 const SubtitleText = (props) => (React.createElement(Text, { variant: "body", fontWeight: "semiBold", color: "neutral.c100", mb: 3, ...props }));
 const BodyText = (props) => (React.createElement(Text, { variant: "bodyLineHeight", fontWeight: "medium", color: "neutral.c80", ...props }));

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

@@ -1,6 +1,5 @@
 import React, { ReactNode } from "react";
-import { ModalProps } from "react-native-modal";
-import { StyleProp, ViewStyle } from "react-native";
+import { ModalProps as RNModalProps, StyleProp, ViewStyle } from "react-native";
 import { IconOrElementType } from "../../../Icon/type";
 export type BaseModalProps = {
     isOpen?: boolean;
@@ -21,7 +20,8 @@ export type BaseModalProps = {
     CustomHeader?: React.ComponentType<{
         children?: ReactNode;
     }>;
-} & Partial<ModalProps>;
+    onModalHide?: () => void;
+} & Partial<RNModalProps>;
 export declare function ModalHeader({ Icon, iconColor, title, description, subtitle, }: Pick<BaseModalProps, "Icon" | "iconColor" | "title" | "description" | "subtitle">): React.ReactElement | null;
 export declare function ModalHeaderCloseButton({ onClose, }: Pick<BaseModalProps, "onClose">): React.ReactElement;
 export declare function ModalHeaderBackButton({ onBack, }: Pick<BaseModalProps, "onBack">): React.ReactElement;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/Modals/BaseModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AACtD,OAAyB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAItE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AASvD,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;CAC9D,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AA0DxB,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,IAAI,CACL,cAAc,EACd,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,GAAG,UAAU,CAC5D,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAsB5B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,GACR,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAUtD;AAED,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,GACP,EAAE,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAUrD;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,OAAkB,EAClB,MAAiB,EACjB,aAAa,EACb,aAAa,EACb,kBAAuB,EACvB,cAAmB,EACnB,UAAe,EACf,oBAAoB,EACpB,IAAI,EACJ,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAiErC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/Modals/BaseModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AACtD,OAAO,EAEL,UAAU,IAAI,YAAY,EAE1B,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAOvD,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAC7D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AA0D1B,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,IAAI,CACL,cAAc,EACd,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,GAAG,UAAU,CAC5D,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAsB5B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,GACR,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAUtD;AAED,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,GACP,EAAE,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAUrD;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,OAAkB,EAClB,MAAiB,EACjB,aAAa,EACb,aAAa,EACb,kBAAuB,EACvB,cAAmB,EACnB,UAAe,EACf,oBAAoB,EACpB,IAAI,EACJ,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAgErC"}

package/lib/components/Layout/Modals/BaseModal/index.js

@@ -1,15 +1,12 @@
 import React, { useCallback } from "react";
-import ReactNativeModal from "react-native-modal";
+import { Modal as RNModal, Pressable, TouchableOpacity, } from "react-native";
 import styled from "styled-components/native";
-import { TouchableOpacity } from "react-native";
-import sizes from "../../../../helpers/getDeviceSize";
 import Text from "../../../Text";
 import { BoxedIcon } from "../../../Icon";
 import { Flex } from "../../index";
 import { space } from "styled-system";
 import { Close, ArrowLeft } from "@ledgerhq/icons-ui/native";
 import { useTheme } from "styled-components/native";
-const { width, height } = sizes;
 const SafeContainer = styled.SafeAreaView `
   background-color: ${(p) => p.theme.colors.background.drawer};
 `;
@@ -79,28 +76,27 @@ export function ModalHeaderBackButton({ onBack, }) {
             React.createElement(ArrowLeft, { color: colors.neutral.c100, size: "M" }))));
 }
 export default function BaseModal({ isOpen, onClose = () => { }, onBack = () => { }, noCloseButton, hasBackButton, safeContainerStyle = {}, containerStyle = {}, modalStyle = {}, preventBackdropClick, Icon, iconColor, title, description, subtitle, children, onModalHide, CustomHeader, ...rest }) {
-    const backDropProps = preventBackdropClick
-        ? {}
-        : {
-            onBackdropPress: onClose,
-            onBackButtonPress: onClose,
-            onSwipeComplete: onClose,
-        };
+    const canCloseViaBackdropOrBack = !preventBackdropClick;
     // Workaround: until this, onModalHide={onClose}, making onClose being called twice and onModalHide being never called
     // The real fix would be to have onModalHide={onModalHide} and make sure every usage on onClose in the consumers of this component
     // expect the correct behavior
     const onModalHideWithClose = useCallback(() => {
         onModalHide?.();
     }, [onModalHide]);
-    return (React.createElement(ReactNativeModal, { ...backDropProps, ...rest, isVisible: !!isOpen, deviceWidth: width, deviceHeight: height, useNativeDriver: true, useNativeDriverForBackdrop: true, hideModalContentWhileAnimating: true, onModalHide: onModalHideWithClose, style: [defaultModalStyle, modalStyle] },
-        React.createElement(SafeContainer, { style: safeContainerStyle },
-            CustomHeader && (React.createElement(CustomHeader, null, !noCloseButton && React.createElement(ModalHeaderCloseButton, { onClose: onClose }))),
-            React.createElement(Container, { style: containerStyle },
-                React.createElement(Flex, { flexDirection: "row", justifyContent: "space-between", width: "100%", alignItems: "center" },
-                    !CustomHeader && onBack && hasBackButton && (React.createElement(Flex, { flex: 1, justifyContent: "flex-start" },
-                        React.createElement(ModalHeaderBackButton, { onBack: onBack }))),
-                    !CustomHeader && !noCloseButton && (React.createElement(Flex, { flex: 1, justifyContent: "flex-end" },
-                        React.createElement(ModalHeaderCloseButton, { onClose: onClose })))),
-                React.createElement(ModalHeader, { Icon: Icon, iconColor: iconColor, title: title, description: description, subtitle: subtitle }),
-                React.createElement(ContentContainer, null, children)))));
+    return (React.createElement(RNModal, { ...rest, visible: !!isOpen, transparent: true, animationType: "fade", onDismiss: onModalHideWithClose, onRequestClose: () => {
+            if (canCloseViaBackdropOrBack)
+                onClose?.();
+        } },
+        React.createElement(Pressable, { onPress: canCloseViaBackdropOrBack ? onClose : undefined, style: { flex: 1, backgroundColor: "rgba(0,0,0,0.7)" } },
+            React.createElement(Pressable, { onPress: () => { }, style: [defaultModalStyle, modalStyle] },
+                React.createElement(SafeContainer, { style: safeContainerStyle },
+                    CustomHeader && (React.createElement(CustomHeader, null, !noCloseButton && React.createElement(ModalHeaderCloseButton, { onClose: onClose }))),
+                    React.createElement(Container, { style: containerStyle },
+                        React.createElement(Flex, { flexDirection: "row", justifyContent: "space-between", width: "100%", alignItems: "center" },
+                            !CustomHeader && onBack && hasBackButton && (React.createElement(Flex, { flex: 1, justifyContent: "flex-start" },
+                                React.createElement(ModalHeaderBackButton, { onBack: onBack }))),
+                            !CustomHeader && !noCloseButton && (React.createElement(Flex, { flex: 1, justifyContent: "flex-end" },
+                                React.createElement(ModalHeaderCloseButton, { onClose: onClose })))),
+                        React.createElement(ModalHeader, { Icon: Icon, iconColor: iconColor, title: title, description: description, subtitle: subtitle }),
+                        React.createElement(ContentContainer, null, children)))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/Modals/BottomDrawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAyBzD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAYrC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/Modals/BottomDrawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAyBzD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAWrC"}

package/lib/components/Layout/Modals/BottomDrawer/index.js

@@ -24,5 +24,5 @@ const modalStyleOverrides = StyleSheet.create({
     },
 });
 export default function BottomDrawer({ children, ...restProps }) {
-    return (React.createElement(BaseModal, { ...restProps, modalStyle: modalStyleOverrides.modal, safeContainerStyle: modalStyleOverrides.safeContainer, containerStyle: [modalStyleOverrides.container, restProps.containerStyle], propagateSwipe: true }, children));
+    return (React.createElement(BaseModal, { ...restProps, modalStyle: modalStyleOverrides.modal, safeContainerStyle: modalStyleOverrides.safeContainer, containerStyle: [modalStyleOverrides.container, restProps.containerStyle] }, children));
 }

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,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"}
+{"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,CAsFrB;AAED,QAAA,MAAM,MAAM,2RAQX,CAAC"}

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

@@ -11,20 +11,18 @@ const strokeSystem = system({
 });
 export default function InfiniteLoader({ size = 38, color = "primary.c50", mock = false, testID = "", ...extraProps }) {
     const rotation = useSharedValue(0);
-    // Start the rotation animation if not in mock mode
-    useEffect(() => {
-        if (!mock) {
-            rotation.value = withRepeat(withTiming(360, {
-                duration: 1000,
-                easing: Easing.linear,
-            }), mock ? 1 : -1, false);
-        }
-        return () => cancelAnimation(rotation);
-    }, [mock, rotation.value]);
-    // Animated style for rotation
     const animatedStyle = useAnimatedStyle(() => ({
         transform: [{ rotate: `${rotation.value}deg` }],
-    }));
+    }), [rotation]);
+    useEffect(() => {
+        if (mock)
+            return;
+        rotation.value = withRepeat(withTiming(360, {
+            duration: 1000,
+            easing: Easing.linear,
+        }), mock ? 1 : -1, false);
+        return () => cancelAnimation(rotation);
+    }, [mock, rotation]);
     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(Defs, null,

package/lib/components/Navigation/StoriesIndicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/StoriesIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAuCD,iBAAS,gBAAgB,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,qBAAqB,qBAyBvF;;AAED,wBAA4C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/StoriesIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA8DD,iBAAS,gBAAgB,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,qBAAqB,qBA0BvF;;AAED,wBAA4C"}

package/lib/components/Navigation/StoriesIndicator/index.js

@@ -10,25 +10,38 @@ const ProgressBar = styled.View `
   width: 100%;
 `;
 const AnimatedProgressBar = Animated.createAnimatedComponent(ProgressBar);
-function ActiveProgressBar({ duration }) {
-    const width = useSharedValue(0);
+function ActiveProgressBar({ duration, containerWidth = 0, }) {
+    const animatedWidth = useSharedValue(0);
     useEffect(() => {
-        width.value = 100;
-    }, [width]);
+        animatedWidth.value = 0;
+        if (containerWidth > 0) {
+            animatedWidth.value = withTiming(containerWidth, {
+                duration: duration || 200,
+                easing: Easing.linear,
+            });
+        }
+    }, [containerWidth, duration, animatedWidth]);
     const animatedStyles = useAnimatedStyle(() => ({
-        width: withTiming(`${width.value}%`, {
-            duration: duration || 200,
-            easing: Easing.linear,
-        }),
-    }), [width, duration]);
+        width: animatedWidth.value,
+    }));
     return React.createElement(AnimatedProgressBar, { style: animatedStyles });
 }
 function StoryBar({ full = false, isActive, duration }) {
-    return (React.createElement(Flex, { height: 4, backgroundColor: "neutral.c50", margin: "auto", borderRadius: 2, flex: 1, mx: 1 }, isActive ? React.createElement(ActiveProgressBar, { duration: duration }) : full ? React.createElement(ProgressBar, null) : null));
+    const [containerWidth, setContainerWidth] = React.useState(0);
+    function renderProgressBar() {
+        if (isActive) {
+            return React.createElement(ActiveProgressBar, { duration: duration, containerWidth: containerWidth });
+        }
+        if (full) {
+            return React.createElement(ProgressBar, null);
+        }
+        return null;
+    }
+    return (React.createElement(Flex, { height: 4, backgroundColor: "neutral.c50", margin: "auto", borderRadius: 2, flex: 1, mx: 1, onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width) }, renderProgressBar()));
 }
 function StoriesIndicator({ activeIndex, slidesLength, duration }) {
     const storiesArray = useMemo(() => new Array(slidesLength).fill(0), [slidesLength]);
-    return (React.createElement(Flex, { flexDirection: "row", alignItems: "stretch", width: "100%", style: I18nManager.isRTL
+    return (React.createElement(Flex, { flexDirection: "row", alignItems: "stretch", width: "100%", pointerEvents: "none", style: I18nManager.isRTL
             ? {
                 transform: [{ scaleX: -1 }],
             }

package/lib/components/Tabs/Chip/index.js

@@ -1,9 +1,9 @@
 import React from "react";
 import styled from "styled-components/native";
 import Text from "../../Text";
-import { TouchableOpacity } from "react-native";
+import { Pressable } from "react-native";
 import TemplateTabs from "../TemplateTabs";
-const TabBox = styled(TouchableOpacity) `
+const TabBox = styled(Pressable) `
   text-align: center;
   flex-grow: ${(p) => (p.stretchItems ? "1" : "0")};
   ${(p) => (p.stretchItems ? "margin: auto;" : "margin: auto 0;")}
@@ -11,7 +11,7 @@ const TabBox = styled(TouchableOpacity) `
   border-radius: 8px;
   background-color: ${(p) => p.isActive ? p.activeBg ?? p.theme.colors.primary.c20 : p.inactiveBg ?? "transparent"};
 `;
-export const ChipTab = ({ onPress, isActive, label, disabled, activeBg, activeColor, inactiveBg, inactiveColor, stretchItems, size = "medium", }) => (React.createElement(TabBox, { activeBg: activeBg, disabled: disabled, inactiveBg: inactiveBg, isActive: isActive, stretchItems: stretchItems, onPress: onPress, size: size },
+export const ChipTab = ({ onPress, isActive, label, disabled, activeBg, activeColor, inactiveBg, inactiveColor, stretchItems, size = "medium", }) => (React.createElement(TabBox, { activeBg: activeBg, disabled: disabled, inactiveBg: inactiveBg, isActive: isActive, stretchItems: stretchItems, onPressIn: onPress, size: size },
     React.createElement(Text, { variant: "small", fontWeight: "semiBold", color: isActive ? activeColor ?? "palette.neutral.c100" : inactiveColor ?? "palette.neutral.c80", textAlign: "center" }, label)));
 const ChipTabs = (props) => (React.createElement(TemplateTabs, { ...props, Item: ChipTab }));
 export default ChipTabs;

package/lib/components/cta/Button/index.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="styled-components-react-native" />
 import React from "react";
-import { TouchableOpacityProps, View } from "react-native";
+import { PressableProps, StyleProp, View, ViewStyle } from "react-native";
 import { BaseStyledProps } from "../../styled";
 import { IconType } from "../../Icon/type";
-export type ButtonProps = TouchableOpacityProps & BaseStyledProps & {
-    onPressWhenDisabled?: TouchableOpacityProps["onPress"];
+export type ButtonProps = Omit<PressableProps, "onPress"> & BaseStyledProps & {
+    onPress?: PressableProps["onPress"] | (() => void);
+    onPressWhenDisabled?: PressableProps["onPress"];
     iconName?: string;
     type?: "main" | "shade" | "error" | "color" | "accent" | "default";
     size?: "small" | "medium" | "large";
@@ -19,9 +20,10 @@ export type ButtonProps = TouchableOpacityProps & BaseStyledProps & {
     isNewIcon?: boolean;
     Icon?: IconType | JSX.Element;
 };
-export declare const Base: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<View>>, import("styled-components").DefaultTheme, {
+export declare const Base: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<View>>, import("styled-components").DefaultTheme, {
     iconButton?: boolean | undefined;
     sizeVariant?: ButtonProps["size"];
+    style?: StyleProp<ViewStyle>;
 } & Omit<ButtonProps, "size">, never>;
 declare const Button: (props: ButtonProps) => React.ReactElement;
 export declare const PromisableButton: (props: ButtonProps) => React.ReactElement;

package/lib/components/cta/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/cta/Button/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAKL,qBAAqB,EACrB,IAAI,EACL,MAAM,cAAc,CAAC;AAKtB,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAC7C,eAAe,GAAG;IAChB,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACnE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC;CAC/B,CAAC;AAUJ,eAAO,MAAM,IAAI;;kBAiBC,WAAW,CAAC,MAAM,CAAC;qCAiBpC,CAAC;AA0FF,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,MAAM,YAgC1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,WAAW,KAAG,MAAM,YAmC3D,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/cta/Button/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAKL,cAAc,EACd,SAAS,EACT,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GACvD,eAAe,GAAG;IAChB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IACnD,mBAAmB,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACnE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC;CAC/B,CAAC;AAUJ,eAAO,MAAM,IAAI;;kBAiBC,WAAW,CAAC,MAAM,CAAC;YACzB,UAAU,SAAS,CAAC;qCAiB/B,CAAC;AA0FF,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,MAAM,YAkC1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,WAAW,KAAG,MAAM,YAsC3D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/cta/Button/index.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useState, useMemo } from "react";
 import styled, { useTheme } from "styled-components/native";
-import { ActivityIndicator, TouchableOpacity, View, } from "react-native";
+import { ActivityIndicator, Pressable, View, } from "react-native";
 import { buttonSizeStyle, getButtonColorStyle } from "../../cta/Button/getButtonStyle";
 import { ctaIconSize, ctaTextType } from "../../cta/getCtaStyle";
 import Text from "../../Text";
@@ -9,7 +9,7 @@ import baseStyled from "../../styled";
 const IconContainer = styled.View `
   ${(p) => p.iconButton ? "" : p.iconPosition === "left" ? `margin-right: 10px;` : `margin-left: 10px;`}
 `;
-export const Base = baseStyled(TouchableOpacity).attrs((p) => {
+export const Base = baseStyled(Pressable).attrs((p) => {
     // if onPressWhenDisabled prop exists then the button will look
     // disabled but will still be press-able.
     const disabled = !p.onPressWhenDisabled && p.disabled;
@@ -79,7 +79,7 @@ const ButtonContainer = (props) => {
 const Button = (props) => {
     const { Icon, children, type = "default", iconName, disabled = false, pending = false, displayContentWhenPending = false, testID, } = props;
     const theme = useTheme();
-    return (React.createElement(Base, { activeOpacity: 1, ...props, type: type, iconButton: (!!Icon || !!iconName) && !children, disabled: disabled || pending, testID: testID },
+    return (React.createElement(Base, { pointerEvents: "box-only", hitSlop: 16, ...props, style: (state) => [props.style, state.pressed ? { opacity: 1 } : {}], type: type, iconButton: (!!Icon || !!iconName) && !children, disabled: disabled || pending, testID: testID, accessible: true },
         React.createElement(View, null,
             React.createElement(ButtonContainer, { ...props, type: type, hide: pending && !displayContentWhenPending }),
             pending && !displayContentWhenPending ? (React.createElement(SpinnerContainer, { displayContentWhenPending: displayContentWhenPending },
@@ -100,7 +100,7 @@ export const PromisableButton = (props) => {
             setSpinnerOn(false);
         }
     }, [onPress]);
-    return (React.createElement(Base, { ...props, type: type, iconButton: (!!Icon || !!iconName) && !children, disabled: disabled || spinnerOn, onPress: onPressHandler },
+    return (React.createElement(Base, { pointerEvents: "box-only", hitSlop: 16, ...props, type: type, iconButton: (!!Icon || !!iconName) && !children, disabled: disabled || spinnerOn, onPress: onPressHandler, accessible: true },
         React.createElement(View, null,
             React.createElement(ButtonContainer, { ...props, type: type, hide: spinnerOn }),
             React.createElement(SpinnerContainer, null,

package/lib/components/cta/Link/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="styled-components-react-native" />
 import React from "react";
-import { TouchableOpacityProps } from "react-native";
-export type LinkProps = TouchableOpacityProps & {
+import { PressableProps } from "react-native";
+export type LinkProps = Omit<PressableProps, "onPress"> & {
+    onPress?: PressableProps["onPress"] | (() => void);
     Icon?: React.ComponentType<{
         size: number;
         color: string;
@@ -14,7 +15,7 @@ export type LinkProps = TouchableOpacityProps & {
     children?: React.ReactNode;
     numberOfLines?: number;
 };
-export declare const Base: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<import("react-native").View>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Base: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<import("react-native").View>>, import("styled-components").DefaultTheme, {}, never>;
 declare const Link: (props: LinkProps) => React.ReactElement;
 export default Link;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/cta/Link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/cta/Link/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAMvE,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAUF,eAAO,MAAM,IAAI,6MAKhB,CAAC;AAgDF,QAAA,MAAM,IAAI,UAAW,SAAS,KAAG,MAAM,YAOtC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/cta/Link/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,cAAc,EAIf,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG;IACxD,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAUF,eAAO,MAAM,IAAI,sMAKhB,CAAC;AAgDF,QAAA,MAAM,IAAI,UAAW,SAAS,KAAG,MAAM,YAatC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/cta/Link/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { TouchableOpacity } from "react-native";
+import { Pressable, } from "react-native";
 import styled, { useTheme } from "styled-components/native";
 import Text from "../../Text";
 import { getLinkColors } from "./getLinkStyle";
@@ -7,7 +7,7 @@ import { ctaIconSize, ctaTextType } from "../getCtaStyle";
 const IconContainer = styled.View `
   ${(p) => p.iconLink ? "" : p.iconPosition === "left" ? `margin-right: 4px;` : `margin-left: 4px;`}
 `;
-export const Base = styled(TouchableOpacity) `
+export const Base = styled(Pressable) `
   flex-direction: row;
   text-align: center;
   align-items: center;
@@ -25,7 +25,11 @@ const LinkContainer = (props) => {
 };
 const Link = (props) => {
     const { type = "main", size = "medium" } = props;
-    return (React.createElement(Base, { ...props, activeOpacity: 0.5 },
+    function style(state) {
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        return [props.style, state.pressed ? { opacity: 0.5 } : {}];
+    }
+    return (React.createElement(Base, { pointerEvents: "box-only", hitSlop: 16, ...props, style: style, accessible: true },
         React.createElement(LinkContainer, { ...props, type: type, size: size })));
 };
 export default Link;

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

@@ -1,4 +1,4 @@
-export { default as Button } from "./Button";
-export { default as Link } from "./Link";
+export { default as Button, type ButtonProps } from "./Button";
+export { default as Link, type LinkProps } from "./Link";
 export * from "./QuickAction";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cta/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cta/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,cAAc,eAAe,CAAC"}

package/lib/pre-ldls/components/AccountItem/AccountItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountItem.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AAEvF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yBAAyB,EAAE,MAAM,CAAC;CACnC,CAAC;AAkGF,eAAO,MAAM,WAAW,8FAOrB,gBAAgB,sBA8FlB,CAAC"}
+{"version":3,"file":"AccountItem.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AAEvF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yBAAyB,EAAE,MAAM,CAAC;CACnC,CAAC;AAkGF,eAAO,MAAM,WAAW,8FAOrB,gBAAgB,sBA+FlB,CAAC"}

package/lib/pre-ldls/components/AccountItem/AccountItem.js

@@ -103,7 +103,7 @@ export const AccountItem = ({ onClick, account, rightElement, showIcon = true, b
             React.createElement(AccountInfoContainer, null,
                 React.createElement(NameRow, { style: { marginBottom: Number(tokens["spacing-xxxs"]) } },
                     React.createElement(NameWrapper, null,
-                        React.createElement(Text, { variant: "largeLineHeight", fontWeight: "semiBold", color: String(tokens["colors-content-default-default"]), fontSize: "18px", numberOfLines: 1, ellipsizeMode: "tail" }, name)),
+                        React.createElement(Text, { variant: "largeLineHeight", fontWeight: "semiBold", color: String(tokens["colors-content-default-default"]), fontSize: "18px", numberOfLines: 1, ellipsizeMode: "tail", testID: `account-item-name-${name}` }, name)),
                     protocol && (React.createElement(TagWrapper, { style: { marginLeft: Number(tokens["spacing-xs"]) } },
                         React.createElement(Tag, { textTransform: "uppercase" }, protocol)))),
                 React.createElement(Address, { address: address, cryptoId: cryptoId, ticker: ticker, parentId: parentId, showIcon: showIcon, backgroundColor: cryptoIconBackgroundColor })),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.49.1-nightly.20251115023630",
+  "version": "0.50.0-nightly.20251119023741",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -37,17 +37,17 @@
   "dependencies": {
     "@ledgerhq/crypto-icons": "1.1.3",
     "color": "^4.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.23.0-nightly.20251115023630",
-    "@ledgerhq/icons-ui": "^0.16.0",
+    "@ledgerhq/crypto-icons-ui": "^1.23.0-nightly.20251119023741",
+    "@ledgerhq/icons-ui": "^0.17.0-nightly.20251119023741",
     "@ledgerhq/ui-shared": "^0.5.0"
   },
   "peerDependencies": {
     "react": ">=17",
     "react-native": ">=0.64.0",
     "react-native-reanimated": "3.16.7",
+    "react-native-safe-area-context": ">=5.5.2",
     "react-native-svg": ">=12.1.1",
     "styled-components": "^5.3.3"
   },
@@ -71,8 +71,9 @@
     "@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",
+    "@react-native-community/slider": "^4.5.7",
+    "@react-native/assets-registry": "0.77.3",
+    "@react-native/babel-preset": "0.77.3",
     "@storybook/addon-actions": "^7.6.18",
     "@storybook/addon-controls": "^7.6.18",
     "@storybook/addon-essentials": "^7.6.18",
@@ -143,10 +144,10 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-is": "^18",
-    "react-native": "0.77.2",
+    "react-native": "0.77.3",
     "react-native-reanimated": "3.16.7",
-    "react-native-safe-area-context": "5.1.0",
-    "react-native-svg": "15.11.2",
+    "react-native-safe-area-context": "5.6.1",
+    "react-native-svg": "15.12.1",
     "react-native-web": "~0.19.6",
     "regenerator-runtime": "^0.14.0",
     "rimraf": "^4.4.1",

package/lib/components/Form/Input/AnimatedInput/AnimatedNotchedLabel.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { InputStatus } from ".";
-type AnimatedNotchedLabelProps = {
-    placeholder: string;
-    inputStatus: InputStatus;
-    value: string;
-};
-export declare const AnimatedNotchedLabel: ({ placeholder, inputStatus, value, }: AnimatedNotchedLabelProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=AnimatedNotchedLabel.d.ts.map

package/lib/components/Form/Input/AnimatedInput/AnimatedNotchedLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnimatedNotchedLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInput/AnimatedNotchedLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAYxC,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAkDhC,KAAK,yBAAyB,GAAG;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,oBAAoB,yCAI9B,yBAAyB,sBAyD3B,CAAC"}

package/lib/components/Form/Input/AnimatedInput/AnimatedNotchedLabel.js

@@ -1,75 +0,0 @@
-import React, { useState } from "react";
-import styled from "styled-components/native";
-import { Flex } from "../../../Layout";
-import { Text } from "react-native";
-import Animated, { useSharedValue, withTiming, useAnimatedStyle, useAnimatedReaction, Easing, } from "react-native-reanimated";
-import { inputTextColor, inputStatusColors, inputBackgroundColor } from "./inputTextColor";
-const labelPadding = 4;
-const labelInitialPositions = {
-    top: 20.5,
-    left: 16 - labelPadding,
-    fontSize: 16,
-};
-const labelFinalPositions = {
-    top: -7,
-    left: 16 - labelPadding,
-    fontSize: 12,
-};
-const LabelContainer = styled(Animated.View) `
-  position: absolute;
-  padding: ${`0 ${labelPadding}px`};
-  overflow: visible;
-  z-index: ${(p) => (p.notched ? 3 : 0)};
-`;
-const AnimatedText = Animated.createAnimatedComponent(Text);
-const LabelText = styled(AnimatedText) `
-  include-font-padding: false;
-  vertical-align: top;
-  color: ${(p) => p.status === "default" ? inputTextColor[p.status] : inputStatusColors[p.status]};
-`;
-const LineCutout = styled(Flex) `
-  position: absolute;
-  height: 1px;
-  top: 7px;
-  left: 0px;
-  width: ${(p) => p.labelWidth}px;
-  background: ${(p) => inputBackgroundColor[p.status]};
-`;
-export const AnimatedNotchedLabel = ({ placeholder, inputStatus, value, }) => {
-    const [labelWidth, setLabelWidth] = useState(0);
-    const notched = inputStatus !== "default" || value.length > 0;
-    const labelTop = useSharedValue(notched ? labelFinalPositions.top : labelInitialPositions.top);
-    const labelLeft = useSharedValue(notched ? labelFinalPositions.left : labelInitialPositions.left);
-    const fontSize = useSharedValue(notched ? labelFinalPositions.fontSize : labelInitialPositions.fontSize);
-    const labelStyle = useAnimatedStyle(() => {
-        return {
-            top: labelTop.value,
-            left: labelLeft.value,
-        };
-    });
-    const labelFontSize = useAnimatedStyle(() => {
-        return {
-            fontSize: fontSize.value,
-        };
-    });
-    useAnimatedReaction(() => notched, (isNotched) => {
-        const targetTop = isNotched ? labelFinalPositions.top : labelInitialPositions.top;
-        const targetLeft = isNotched ? labelFinalPositions.left : labelInitialPositions.left;
-        const targetSize = isNotched ? labelFinalPositions.fontSize : labelInitialPositions.fontSize;
-        labelTop.value = withTiming(targetTop, undefined, () => ({
-            duration: 200,
-            easing: Easing.inOut(Easing.quad),
-        }));
-        labelLeft.value = withTiming(targetLeft, undefined, () => ({
-            duration: 200,
-            easing: Easing.inOut(Easing.quad),
-        }));
-        fontSize.value = withTiming(targetSize, undefined, () => ({
-            duration: 100,
-            easing: Easing.inOut(Easing.quad),
-        }));
-    }, [notched]);
-    return (React.createElement(LabelContainer, { onLayout: (event) => setLabelWidth(event.nativeEvent.layout.width), style: { ...labelStyle, elevation: notched ? 3 : 0 }, notched: notched },
-        notched && React.createElement(LineCutout, { status: inputStatus, labelWidth: labelWidth }),
-        React.createElement(LabelText, { style: { ...labelFontSize }, status: inputStatus }, placeholder)));
-};

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

@@ -1,10 +0,0 @@
-import React from "react";
-import { type InputProps as BaseInputType } from "../BaseInput/index";
-import { StyleProp, ViewStyle, TextInput } from "react-native";
-export type InputStatus = "default" | "focused" | "filled" | "error";
-export interface AnimatedInputProps extends BaseInputType {
-    style?: StyleProp<ViewStyle>;
-}
-declare const _default: React.ForwardRefExoticComponent<AnimatedInputProps & React.RefAttributes<TextInput>>;
-export default _default;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAmB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMhF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrE,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;;AAiED,wBAA+C"}

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

@@ -1,34 +0,0 @@
-import React from "react";
-import { BaseInput } from "..";
-import styled, { useTheme } from "styled-components/native";
-import { View } from "react-native";
-import { inputTextColor, inputStatusColors, getInputStatus } from "./inputTextColor";
-import { useAnimatedInputFocus } from "./useAnimatedInputFocus";
-import { AnimatedNotchedLabel } from "./AnimatedNotchedLabel";
-const InputContainer = styled(View) `
-  position: relative;
-  box-sizing: border-box;
-`;
-const AnimatedInput = ({ style = { width: "100%" }, ...textInputProps }, ref) => {
-    const { placeholder, onFocus: onFocusCallback, onBlur: onBlurCallback, error, value, ...rest } = textInputProps;
-    const theme = useTheme();
-    const { onFocus, onBlur, focused } = useAnimatedInputFocus({
-        onFocusCallback,
-        onBlurCallback,
-    });
-    const inputStatus = getInputStatus({ focused, hasError: !!error, hasValue: !!value });
-    const displayClearCross = inputStatus === "error" || inputStatus === "focused";
-    return (React.createElement(InputContainer, { status: inputStatus, style: style },
-        placeholder && (React.createElement(AnimatedNotchedLabel, { placeholder: placeholder, inputStatus: inputStatus, value: value })),
-        React.createElement(BaseInput, { ref: ref, onFocus: onFocus, onBlur: onBlur, error: error, value: value, color: theme ? inputTextColor[inputStatus]({ theme }) : "neutral.c100", inputContainerStyle: {
-                backgroundColor: "none",
-                borderColor: theme ? inputStatusColors[inputStatus]({ theme }) : "neutral.c100",
-                borderRadius: 8,
-                height: inputStatus !== "error" ? 56 : 48,
-            }, baseInputContainerStyle: {
-                paddingRight: displayClearCross ? 8 : 14,
-            }, inputErrorContainerStyles: {
-                marginTop: 8,
-            }, inputErrorColor: theme ? inputStatusColors[inputStatus]({ theme }) : "neutral.c100", showErrorIcon: true, ...rest })));
-};
-export default React.forwardRef(AnimatedInput);

package/lib/components/Form/Input/AnimatedInput/inputTextColor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputTextColor.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInput/inputTextColor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,iBAAiB;yBACP,WAAW;yBACX,WAAW;wBACZ,WAAW;uBACZ,WAAW;CAC/B,CAAC;AAEF,eAAO,MAAM,cAAc;yBACJ,WAAW;yBACX,WAAW;wBACZ,WAAW;uBACZ,WAAW;CAC/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;yBACV,WAAW;yBACX,WAAW;wBACZ,WAAW;uBACZ,WAAW;CAC/B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,oCAAqC,mBAAmB,+CAKlF,CAAC"}

package/lib/components/Form/Input/AnimatedInput/inputTextColor.js

@@ -1,27 +0,0 @@
-export const inputStatusColors = {
-    default: ({ theme }) => theme.colors.opacityDefault.c50,
-    focused: ({ theme }) => theme.colors.primary.c80,
-    filled: ({ theme }) => theme.colors.neutral.c60,
-    error: ({ theme }) => theme.colors.error.c50,
-};
-export const inputTextColor = {
-    default: ({ theme }) => theme.colors.opacityDefault.c70,
-    focused: ({ theme }) => theme.colors.neutral.c100,
-    filled: ({ theme }) => theme.colors.neutral.c100,
-    error: ({ theme }) => theme.colors.neutral.c100,
-};
-export const inputBackgroundColor = {
-    default: ({ theme }) => theme.colors.background.main,
-    focused: ({ theme }) => theme.colors.background.main,
-    filled: ({ theme }) => theme.colors.background.main,
-    error: ({ theme }) => theme.colors.background.main,
-};
-export const getInputStatus = ({ focused, hasValue, hasError }) => {
-    if (hasError)
-        return "error";
-    if (focused)
-        return "focused";
-    if (hasValue)
-        return "filled";
-    return "default";
-};

package/lib/components/Form/Input/AnimatedInput/useAnimatedInputFocus.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimatedInputFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input/AnimatedInput/useAnimatedInputFocus.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE7E,KAAK,0BAA0B,GAAG;IAChC,eAAe,CAAC,EAAE,CAChB,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAC7C,uBAAuB,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CACf,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAC7C,uBAAuB,GAAG,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yCAG/B,0BAA0B;iBAGP,qBAAqB,uBAAuB,CAAC;gBAK9C,qBAAqB,uBAAuB,CAAC;;CAMjE,CAAC"}

package/lib/helpers/getDeviceSize.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    width: number;
-    height: number;
-};
-export default _default;
-//# sourceMappingURL=getDeviceSize.d.ts.map

package/lib/helpers/getDeviceSize.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getDeviceSize.d.ts","sourceRoot":"","sources":["../../src/helpers/getDeviceSize.tsx"],"names":[],"mappings":";;;;AAIA,wBAAiC"}

package/lib/helpers/getDeviceSize.js

@@ -1,3 +0,0 @@
-import { Dimensions } from "react-native";
-const { width, height } = Dimensions.get("window");
-export default { width, height };