@ledgerhq/lumen-ui-rnative 0.1.38 → 0.1.40

package/dist/module/lib/Components/Switch/Switch.js

@@ -1,10 +1,126 @@
 "use strict";
 
 import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
+import { useCallback } from 'react';
+import { View, StyleSheet } from 'react-native';
+import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import { useStyleSheet, useTheme } from "../../../styles/index.js";
+import { useTimingConfig } from "../../Animations/useTimingConfig.js";
 import { useControllableState } from "../../utils/index.js";
 import { Pressable } from "../Utility/index.js";
-import { BaseSwitchThumb, BaseSwitchRoot } from "./BaseSwitch.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+const useSwitchStyles = ({
+  checked,
+  disabled,
+  size
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const styles = useStyleSheet(t => {
+    const sizes = {
+      sm: {
+        width: t.sizes.s24,
+        height: t.sizes.s16
+      },
+      md: {
+        width: t.sizes.s40,
+        height: t.sizes.s24
+      }
+    };
+    const thumbSizes = {
+      sm: t.sizes.s12,
+      md: t.sizes.s20
+    };
+    return {
+      root: StyleSheet.flatten([{
+        borderRadius: t.borderRadius.full,
+        padding: t.spacings.s2,
+        overflow: 'hidden',
+        ...sizes[size],
+        minWidth: sizes[size].width,
+        maxWidth: sizes[size].width,
+        minHeight: sizes[size].height,
+        maxHeight: sizes[size].height
+      }, !checked && !disabled && {
+        backgroundColor: t.colors.bg.mutedStrong
+      }, checked && !disabled && {
+        backgroundColor: t.colors.bg.active
+      }, disabled && {
+        backgroundColor: t.colors.bg.disabled
+      }]),
+      thumbWrapper: {
+        position: 'absolute',
+        top: t.spacings.s2,
+        left: t.spacings.s2
+      },
+      thumb: StyleSheet.flatten([{
+        borderRadius: t.borderRadius.full,
+        backgroundColor: 'white',
+        width: thumbSizes[size],
+        height: thumbSizes[size]
+      }, disabled && {
+        backgroundColor: t.colors.bg.base
+      }])
+    };
+  }, [checked, disabled, size]);
+  const thumbTranslations = {
+    sm: theme.spacings.s8,
+    md: theme.spacings.s16
+  };
+  return {
+    ...styles,
+    thumbTranslate: thumbTranslations[size]
+  };
+};
+const _worklet_8730516420979_init_data = {
+  code: "function SwitchTsx1(){const{withTiming,checked,translate,timing}=this.__closure;return{transform:[{translateX:withTiming(checked?translate:0,timing)}]};}",
+  location: "/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/Switch/Switch.tsx",
+  sourceMap: "{\"version\":3,\"names\":[\"SwitchTsx1\",\"withTiming\",\"checked\",\"translate\",\"timing\",\"__closure\",\"transform\",\"translateX\"],\"sources\":[\"/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/Switch/Switch.tsx\"],\"mappings\":\"AAkGI,SAAAA,WAAA,QAAAC,UAAA,CAAAC,OAAA,CAAAC,SAAA,CAAAC,MAAA,OAAAC,SAAA,OAAO,CACLC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEN,UAAU,CAACC,OAAO,CAAGC,SAAS,CAAG,CAAC,CAAEC,MAAM,CAAE,CAAC,CACzE,CAAC\",\"ignoreList\":[]}"
+};
+const useAnimatedThumb = (checked, translate) => {
+  const timing = useTimingConfig({
+    duration: 200,
+    easing: 'easeInOut'
+  });
+
+  // Reanimated best practice: derive the animation reactively by calling
+  // `withTiming` inside `useAnimatedStyle`. When `checked` (or `translate`)
+  // changes the worklet re-runs and animates from the current value to the
+  // new target -- no shared value or effect required.
+  return useAnimatedStyle(function SwitchTsx1Factory({
+    _worklet_8730516420979_init_data,
+    withTiming,
+    checked,
+    translate,
+    timing
+  }) {
+    const _e = [new global.Error(), -5, -27];
+    const SwitchTsx1 = () => ({
+      transform: [{
+        translateX: withTiming(checked ? translate : 0, timing)
+      }]
+    });
+    SwitchTsx1.__closure = {
+      withTiming,
+      checked,
+      translate,
+      timing
+    };
+    SwitchTsx1.__workletHash = 8730516420979;
+    SwitchTsx1.__pluginVersion = "0.5.2";
+    SwitchTsx1.__initData = _worklet_8730516420979_init_data;
+    SwitchTsx1.__stackDetails = _e;
+    return SwitchTsx1;
+  }({
+    _worklet_8730516420979_init_data,
+    withTiming,
+    checked,
+    translate,
+    timing
+  }), [checked, translate, timing]);
+};
+
 /**
  * The switch follows the design system tokens and supports checked, unchecked,
  * disabled, and focus states with proper active interactions.
@@ -36,6 +152,7 @@ export const Switch = ({
   defaultChecked = false,
   disabled: disabledProp,
   size = 'md',
+  onPress: onPressProp,
   ref,
   ...props
 }) => {
@@ -50,17 +167,36 @@ export const Switch = ({
     onChange: onCheckedChangeProp,
     defaultProp: defaultChecked
   });
+  const styles = useSwitchStyles({
+    checked: !!checked,
+    disabled: !!disabled,
+    size
+  });
+  const animatedStyle = useAnimatedThumb(!!checked, styles.thumbTranslate);
+  const onPress = useCallback(ev => {
+    if (disabled) return;
+    onCheckedChange(!checked);
+    onPressProp?.(ev);
+  }, [disabled, checked, onCheckedChange, onPressProp]);
   return /*#__PURE__*/_jsx(Pressable, {
     ref: ref,
     lx: lx,
-    style: style,
+    role: "switch",
+    "aria-checked": checked,
+    "aria-disabled": disabled,
+    accessibilityState: {
+      checked,
+      disabled
+    },
+    disabled: disabled,
+    onPress: onPress,
+    style: [styles.root, style],
     ...props,
-    children: /*#__PURE__*/_jsx(BaseSwitchRoot, {
-      disabled: disabled,
-      checked: checked,
-      onCheckedChange: onCheckedChange,
-      size: size,
-      children: /*#__PURE__*/_jsx(BaseSwitchThumb, {})
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.thumbWrapper, animatedStyle],
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.thumb
+      })
     })
   });
 };

package/dist/module/lib/Components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDisabledContext","useControllableState","Pressable","BaseSwitchThumb","BaseSwitchRoot","jsx","_jsx","Switch","lx","style","checked","checkedProp","onCheckedChange","onCheckedChangeProp","defaultChecked","disabled","disabledProp","size","ref","props","consumerName","mergeWith","prop","onChange","defaultProp","children"],"sourceRoot":"../../../../../src","sources":["lib/Components/Switch/Switch.tsx"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,oBAAoB,QAAQ,sBAAa;AAClD,SAASC,SAAS,QAAQ,qBAAY;AACtC,SAASC,eAAe,EAAEC,cAAc,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAC;EACrBC,EAAE;EACFC,KAAK;EACLC,OAAO,EAAEC,WAAW;EACpBC,eAAe,EAAEC,mBAAmB;EACpCC,cAAc,GAAG,KAAK;EACtBC,QAAQ,EAAEC,YAAY;EACtBC,IAAI,GAAG,IAAI;EACXC,GAAG;EACH,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAMJ,QAAQ,GAAGf,kBAAkB,CAAC;IAClCoB,YAAY,EAAE,QAAQ;IACtBC,SAAS,EAAE;MAAEN,QAAQ,EAAEC;IAAa;EACtC,CAAC,CAAC;EACF,MAAM,CAACN,OAAO,EAAEE,eAAe,CAAC,GAAGX,oBAAoB,CAAC;IACtDqB,IAAI,EAAEX,WAAW;IACjBY,QAAQ,EAAEV,mBAAmB;IAC7BW,WAAW,EAAEV;EACf,CAAC,CAAC;EAEF,oBACER,IAAA,CAACJ,SAAS;IAACgB,GAAG,EAAEA,GAAI;IAACV,EAAE,EAAEA,EAAG;IAACC,KAAK,EAAEA,KAAM;IAAA,GAAKU,KAAK;IAAAM,QAAA,eAClDnB,IAAA,CAACF,cAAc;MACbW,QAAQ,EAAEA,QAAS;MACnBL,OAAO,EAAEA,OAAQ;MACjBE,eAAe,EAAEA,eAAgB;MACjCK,IAAI,EAAEA,IAAK;MAAAQ,QAAA,eAEXnB,IAAA,CAACH,eAAe,IAAE;IAAC,CACL;EAAC,CACR,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"names":["useDisabledContext","useCallback","View","StyleSheet","Animated","useAnimatedStyle","withTiming","useStyleSheet","useTheme","useTimingConfig","useControllableState","Pressable","jsx","_jsx","useSwitchStyles","checked","disabled","size","theme","styles","t","sizes","sm","width","s24","height","s16","md","s40","thumbSizes","s12","s20","root","flatten","borderRadius","full","padding","spacings","s2","overflow","minWidth","maxWidth","minHeight","maxHeight","backgroundColor","colors","bg","mutedStrong","active","thumbWrapper","position","top","left","thumb","base","thumbTranslations","s8","thumbTranslate","_worklet_8730516420979_init_data","code","location","sourceMap","useAnimatedThumb","translate","timing","duration","easing","SwitchTsx1Factory","_e","global","Error","SwitchTsx1","transform","translateX","__closure","__workletHash","__pluginVersion","__initData","__stackDetails","Switch","lx","style","checkedProp","onCheckedChange","onCheckedChangeProp","defaultChecked","disabledProp","onPress","onPressProp","ref","props","consumerName","mergeWith","prop","onChange","defaultProp","animatedStyle","ev","role","accessibilityState","children"],"sourceRoot":"../../../../../src","sources":["lib/Components/Switch/Switch.tsx"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,IAAI,EAA8BC,UAAU,QAAQ,cAAc;AAC3E,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,UAAU,QACL,yBAAyB;AAChC,SAASC,aAAa,EAAEC,QAAQ,QAAQ,0BAAiB;AACzD,SAASC,eAAe,QAAQ,qCAAkC;AAClE,SAASC,oBAAoB,QAAQ,sBAAa;AAClD,SAASC,SAAS,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIvC,MAAMC,eAAe,GAAGA,CAAC;EACvBC,OAAO;EACPC,QAAQ;EACRC;AAKF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAE5B,MAAMW,MAAM,GAAGZ,aAAa,CACzBa,CAAC,IAAK;IACL,MAAMC,KAA4D,GAAG;MACnEC,EAAE,EAAE;QAAEC,KAAK,EAAEH,CAAC,CAACC,KAAK,CAACG,GAAG;QAAEC,MAAM,EAAEL,CAAC,CAACC,KAAK,CAACK;MAAI,CAAC;MAC/CC,EAAE,EAAE;QAAEJ,KAAK,EAAEH,CAAC,CAACC,KAAK,CAACO,GAAG;QAAEH,MAAM,EAAEL,CAAC,CAACC,KAAK,CAACG;MAAI;IAChD,CAAC;IAED,MAAMK,UAAsC,GAAG;MAC7CP,EAAE,EAAEF,CAAC,CAACC,KAAK,CAACS,GAAG;MACfH,EAAE,EAAEP,CAAC,CAACC,KAAK,CAACU;IACd,CAAC;IAED,OAAO;MACLC,IAAI,EAAE7B,UAAU,CAAC8B,OAAO,CAAC,CACvB;QACEC,YAAY,EAAEd,CAAC,CAACc,YAAY,CAACC,IAAI;QACjCC,OAAO,EAAEhB,CAAC,CAACiB,QAAQ,CAACC,EAAE;QACtBC,QAAQ,EAAE,QAAQ;QAClB,GAAGlB,KAAK,CAACJ,IAAI,CAAC;QACduB,QAAQ,EAAEnB,KAAK,CAACJ,IAAI,CAAC,CAACM,KAAK;QAC3BkB,QAAQ,EAAEpB,KAAK,CAACJ,IAAI,CAAC,CAACM,KAAK;QAC3BmB,SAAS,EAAErB,KAAK,CAACJ,IAAI,CAAC,CAACQ,MAAM;QAC7BkB,SAAS,EAAEtB,KAAK,CAACJ,IAAI,CAAC,CAACQ;MACzB,CAAC,EACD,CAACV,OAAO,IACN,CAACC,QAAQ,IAAI;QACX4B,eAAe,EAAExB,CAAC,CAACyB,MAAM,CAACC,EAAE,CAACC;MAC/B,CAAC,EACHhC,OAAO,IACL,CAACC,QAAQ,IAAI;QACX4B,eAAe,EAAExB,CAAC,CAACyB,MAAM,CAACC,EAAE,CAACE;MAC/B,CAAC,EACHhC,QAAQ,IAAI;QACV4B,eAAe,EAAExB,CAAC,CAACyB,MAAM,CAACC,EAAE,CAAC9B;MAC/B,CAAC,CACF,CAAC;MACFiC,YAAY,EAAE;QACZC,QAAQ,EAAE,UAAU;QACpBC,GAAG,EAAE/B,CAAC,CAACiB,QAAQ,CAACC,EAAE;QAClBc,IAAI,EAAEhC,CAAC,CAACiB,QAAQ,CAACC;MACnB,CAAC;MACDe,KAAK,EAAElD,UAAU,CAAC8B,OAAO,CAAC,CACxB;QACEC,YAAY,EAAEd,CAAC,CAACc,YAAY,CAACC,IAAI;QACjCS,eAAe,EAAE,OAAO;QACxBrB,KAAK,EAAEM,UAAU,CAACZ,IAAI,CAAC;QACvBQ,MAAM,EAAEI,UAAU,CAACZ,IAAI;MACzB,CAAC,EACDD,QAAQ,IAAI;QACV4B,eAAe,EAAExB,CAAC,CAACyB,MAAM,CAACC,EAAE,CAACQ;MAC/B,CAAC,CACF;IACH,CAAC;EACH,CAAC,EACD,CAACvC,OAAO,EAAEC,QAAQ,EAAEC,IAAI,CAC1B,CAAC;EAED,MAAMsC,iBAA6C,GAAG;IACpDjC,EAAE,EAAEJ,KAAK,CAACmB,QAAQ,CAACmB,EAAE;IACrB7B,EAAE,EAAET,KAAK,CAACmB,QAAQ,CAACX;EACrB,CAAC;EAED,OAAO;IAAE,GAAGP,MAAM;IAAEsC,cAAc,EAAEF,iBAAiB,CAACtC,IAAI;EAAE,CAAC;AAC/D,CAAC;AAAC,MAAAyC,gCAAA;EAAAC,IAAA;EAAAC,QAAA;EAAAC,SAAA;AAAA;AAEF,MAAMC,gBAAgB,GAAGA,CAAC/C,OAAgB,EAAEgD,SAAiB,KAAK;EAChE,MAAMC,MAAM,GAAGvD,eAAe,CAAC;IAAEwD,QAAQ,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAY,CAAC,CAAC;;EAEtE;EACA;EACA;EACA;EACA,OAAO7D,gBAAgB,CACrB,SAAA8D,kBAAA;IAAAT,gCAAA;IAC4BpD,UAAU;IAACS,OAAO;IAAGgD,SAAS;IAAMC;EAAM;IAAA,MAAAI,EAAA,QAAAC,MAAA,CAAAC,KAAA;IAAA,MAAAC,UAAA,GADtEA,CAAA,MAAO;MACLC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEnE,UAAU,CAACS,OAAO,GAAGgD,SAAS,GAAG,CAAC,EAAEC,MAAM;MAAE,CAAC;IACzE,CAAC,CAAC;IAAAO,UAAA,CAAAG,SAAA;MAD0BpE,UAAU;MAACS,OAAO;MAAGgD,SAAS;MAAMC;IAAM;IAAAO,UAAA,CAAAI,aAAA;IAAAJ,UAAA,CAAAK,eAAA;IAAAL,UAAA,CAAAM,UAAA,GAAAnB,gCAAA;IAAAa,UAAA,CAAAO,cAAA,GAAAV,EAAA;IAAA,OAAAG,UAAA;EAAA,CADtE;IAAAb,gCAAA;IAC4BpD,UAAU;IAACS,OAAO;IAAGgD,SAAS;IAAMC;EAAM,IAEtE,CAACjD,OAAO,EAAEgD,SAAS,EAAEC,MAAM,CAC7B,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMe,MAAM,GAAGA,CAAC;EACrBC,EAAE;EACFC,KAAK;EACLlE,OAAO,EAAEmE,WAAW;EACpBC,eAAe,EAAEC,mBAAmB;EACpCC,cAAc,GAAG,KAAK;EACtBrE,QAAQ,EAAEsE,YAAY;EACtBrE,IAAI,GAAG,IAAI;EACXsE,OAAO,EAAEC,WAAW;EACpBC,GAAG;EACH,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAM1E,QAAQ,GAAGhB,kBAAkB,CAAC;IAClC2F,YAAY,EAAE,QAAQ;IACtBC,SAAS,EAAE;MAAE5E,QAAQ,EAAEsE;IAAa;EACtC,CAAC,CAAC;EACF,MAAM,CAACvE,OAAO,EAAEoE,eAAe,CAAC,GAAGzE,oBAAoB,CAAC;IACtDmF,IAAI,EAAEX,WAAW;IACjBY,QAAQ,EAAEV,mBAAmB;IAC7BW,WAAW,EAAEV;EACf,CAAC,CAAC;EAEF,MAAMlE,MAAM,GAAGL,eAAe,CAAC;IAC7BC,OAAO,EAAE,CAAC,CAACA,OAAO;IAClBC,QAAQ,EAAE,CAAC,CAACA,QAAQ;IACpBC;EACF,CAAC,CAAC;EACF,MAAM+E,aAAa,GAAGlC,gBAAgB,CAAC,CAAC,CAAC/C,OAAO,EAAEI,MAAM,CAACsC,cAAc,CAAC;EAExE,MAAM8B,OAAO,GAAGtF,WAAW,CACxBgG,EAAyB,IAAK;IAC7B,IAAIjF,QAAQ,EAAE;IACdmE,eAAe,CAAC,CAACpE,OAAO,CAAC;IACzByE,WAAW,GAAGS,EAAE,CAAC;EACnB,CAAC,EACD,CAACjF,QAAQ,EAAED,OAAO,EAAEoE,eAAe,EAAEK,WAAW,CAClD,CAAC;EAED,oBACE3E,IAAA,CAACF,SAAS;IACR8E,GAAG,EAAEA,GAAI;IACTT,EAAE,EAAEA,EAAG;IACPkB,IAAI,EAAC,QAAQ;IACb,gBAAcnF,OAAQ;IACtB,iBAAeC,QAAS;IACxBmF,kBAAkB,EAAE;MAAEpF,OAAO;MAAEC;IAAS,CAAE;IAC1CA,QAAQ,EAAEA,QAAS;IACnBuE,OAAO,EAAEA,OAAQ;IACjBN,KAAK,EAAE,CAAC9D,MAAM,CAACa,IAAI,EAAEiD,KAAK,CAAE;IAAA,GACxBS,KAAK;IAAAU,QAAA,eAETvF,IAAA,CAACT,QAAQ,CAACF,IAAI;MAAC+E,KAAK,EAAE,CAAC9D,MAAM,CAAC8B,YAAY,EAAE+C,aAAa,CAAE;MAAAI,QAAA,eACzDvF,IAAA,CAACX,IAAI;QAAC+E,KAAK,EAAE9D,MAAM,CAACkC;MAAM,CAAE;IAAC,CAChB;EAAC,CACP,CAAC;AAEhB,CAAC","ignoreList":[]}

package/dist/typescript/src/lib/Components/AmountDisplay/AmountDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,kBAAkB,EAKnB,MAAM,SAAS,CAAC;AA+MjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,MAAc,EACd,OAAe,EACf,OAAc,EACd,IAAW,EACX,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA2EpB"}
+{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,kBAAkB,EAKnB,MAAM,SAAS,CAAC;AAqOjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,MAAc,EACd,OAAe,EACf,OAAc,EACd,IAAW,EACX,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA2EpB"}

package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,SAAS,CAAC;AAEjB;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,oNAkBzB,gBAAgB,4CA0JlB,CAAC"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,SAAS,CAAC;AAEjB;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,oNAkBzB,gBAAgB,4CA+JlB,CAAC"}

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

@@ -15,5 +15,5 @@ import type { AvatarProps } from './types';
  * // With notification indicator
  * <Avatar src="https://example.com/photo.jpg" showNotification />
  */
-export declare const Avatar: ({ lx, style, src, alt, size, showNotification: showNotificationProp, testID, ref, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ lx, style, src, alt, appearance, size, showNotification: showNotificationProp, testID, ref, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmD3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,8FAUpB,WAAW,4CAyDb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+D3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,0GAWpB,WAAW,4CAyDb,CAAC"}

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

@@ -10,6 +10,12 @@ export type AvatarProps = {
      * @optional
      */
     alt?: string;
+    /**
+     * The visual appearance of the avatar background: `gray` or `transparent`.
+     * @optional
+     * @default transparent
+     */
+    appearance?: 'gray' | 'transparent';
     /**
      * The size variant of the avatar.
      * @optional

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

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

package/dist/typescript/src/lib/Components/BottomSheet/BottomSheet.d.ts

@@ -2,7 +2,7 @@ import type { BottomSheetProps } from './types';
 declare const useBottomSheetContext: <ContextRequired extends boolean = boolean>({ consumerName, contextRequired, }: {
     consumerName: string;
     contextRequired: ContextRequired;
-}) => ContextRequired extends true ? Pick<BottomSheetProps, "onBack" | "hideCloseButton"> : Partial<Pick<BottomSheetProps, "onBack" | "hideCloseButton">>;
-export declare const BottomSheet: ({ onOpen, onClose, onDismiss, onBack, onAnimate, children, hideCloseButton, enablePanDownToClose, enableDynamicSizing, enableBlurKeyboardOnGesture, enableHandlePanningGesture, maxDynamicContentSize, detached, hideBackdrop, backdropPressBehavior, onBackdropPress, onChange, snapPoints, backgroundComponent, hideHandle, ref, ...props }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element;
+}) => ContextRequired extends true ? Pick<BottomSheetProps, "onBack" | "hideCloseButton" | "onHeaderClosePressed"> : Partial<Pick<BottomSheetProps, "onBack" | "hideCloseButton" | "onHeaderClosePressed">>;
+export declare const BottomSheet: ({ onOpen, onClose, onDismiss, onHeaderClosePressed, onBack, onAnimate, children, hideCloseButton, enablePanDownToClose, enableDynamicSizing, enableBlurKeyboardOnGesture, enableHandlePanningGesture, maxDynamicContentSize, detached, hideBackdrop, backdropPressBehavior, onBackdropPress, onChange, snapPoints, backgroundComponent, hideHandle, ref, ...props }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element;
 export { useBottomSheetContext };
 //# sourceMappingURL=BottomSheet.d.ts.map

package/dist/typescript/src/lib/Components/BottomSheet/BottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiDhD,QAAA,MAA4B,qBAAqB;;;yJAG9C,CAAC;AAEJ,eAAO,MAAM,WAAW,GAAI,+UAuBzB,gBAAgB,4CA4HlB,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiDhD,QAAA,MAA4B,qBAAqB;;;2MAM/B,CAAC;AAEnB,eAAO,MAAM,WAAW,GAAI,qWAwBzB,gBAAgB,4CA8HlB,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/typescript/src/lib/Components/BottomSheet/BottomSheetHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/BottomSheet/BottomSheetHeader.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AA+EtD,eAAO,MAAM,iBAAiB,GAAI,+DAQ/B,sBAAsB,mDA+ExB,CAAC"}
+{"version":3,"file":"BottomSheetHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/BottomSheet/BottomSheetHeader.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AA+EtD,eAAO,MAAM,iBAAiB,GAAI,+DAQ/B,sBAAsB,mDAmFxB,CAAC"}

package/dist/typescript/src/lib/Components/BottomSheet/types.d.ts

@@ -67,6 +67,15 @@ export type BottomSheetProps = PropsWithChildren & {
      * @default undefined
      */
     onClose?: () => void;
+    /**
+     * Callback function to handle when the close button in the header is pressed.
+     * This is distinct from {@link onClose} and {@link onDismiss}—those will always
+     * also be called after this event if the close button results in a full sheet dismissal.
+     * Use this to react specifically to header close intent (e.g., tracking, custom UI),
+     * but do cleanup/unmount logic in {@link onClose} or {@link onDismiss}.
+     * @default undefined
+     */
+    onHeaderClosePressed?: () => void;
     /**
      * Callback function to handle the open event.
      * @default undefined

package/dist/typescript/src/lib/Components/BottomSheet/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/BottomSheet/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/BottomSheet/types.ts"],"names":[],"mappings":"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"}

package/dist/typescript/src/lib/Components/Switch/Switch.d.ts

@@ -22,5 +22,5 @@ import type { SwitchProps } from './types';
  * // Uncontrolled switch with default state
  * <Switch defaultChecked={true} onCheckedChange={handleChange} />
  */
-export declare const Switch: ({ lx, style, checked: checkedProp, onCheckedChange: onCheckedChangeProp, defaultChecked, disabled: disabledProp, size, ref, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Switch: ({ lx, style, checked: checkedProp, onCheckedChange: onCheckedChangeProp, defaultChecked, disabled: disabledProp, size, onPress: onPressProp, ref, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Switch.d.ts.map

package/dist/typescript/src/lib/Components/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Switch/Switch.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM,GAAI,wIAUpB,WAAW,4CAuBb,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Switch/Switch.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAc,MAAM,SAAS,CAAC;AA6FvD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM,GAAI,8JAWpB,WAAW,4CA6Cb,CAAC"}

package/dist/typescript/src/lib/Components/Switch/types.d.ts

@@ -1,4 +1,5 @@
 import type { StyledPressableProps } from '../../../styles';
+export type SwitchSize = 'sm' | 'md';
 export type SwitchProps = {
     /**
      * The disabled state of the switch.
@@ -14,7 +15,7 @@ export type SwitchProps = {
      * The size of the switch.
      * @default 'md'
      */
-    size?: 'sm' | 'md';
+    size?: SwitchSize;
     /**
      * The callback function called when the checked state changes.
      */

package/dist/typescript/src/lib/Components/Switch/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative",
-  "version": "0.1.38",
+  "version": "0.1.40",
   "license": "Apache-2.0",
   "keywords": [
     "react-native",

package/src/lib/Components/AmountDisplay/AmountDisplay.test.tsx

@@ -31,6 +31,7 @@ describe('AmountDisplay', () => {
       accessibilityValue?: { text?: string };
       [key: string]: unknown;
     };
+    findAll: (predicate: (node: TestNode) => boolean) => TestNode[];
   };
 
   const getDigitStripValues = (): number[] => {
@@ -43,6 +44,32 @@ describe('AmountDisplay', () => {
       .map((node: TestNode) => Number(node.props.accessibilityValue?.text));
   };
 
+  const getDigitStripWidths = (): unknown[] => {
+    return screen.root
+      .findAll(
+        (node: TestNode) =>
+          typeof node.type !== 'function' &&
+          node.props.accessibilityValue?.text !== undefined,
+      )
+      .map(
+        (node: TestNode) =>
+          (node.props.style as { width?: unknown } | undefined)?.width,
+      );
+  };
+
+  const getDigitStripContainers = (): TestNode[] => {
+    return screen.root.findAll(
+      (node: TestNode) =>
+        typeof node.type !== 'function' &&
+        node.props.accessibilityValue?.text !== undefined,
+    );
+  };
+
+  const getStyleOverflow = (node: TestNode): unknown => {
+    const style = node.props.style as { overflow?: unknown } | undefined;
+    return style?.overflow;
+  };
+
   it('renders with basic formatter', () => {
     const formatter = createFormatter();
     render(
@@ -240,4 +267,69 @@ describe('AmountDisplay', () => {
 
     expect(screen.getAllByText(',', hidden)).toHaveLength(2);
   });
+
+  it('animates the digit strip width when animate is true', () => {
+    const formatter = createFormatter();
+    render(
+      <TestWrapper>
+        <AmountDisplay value={1234.56} formatter={formatter} animate={true} />
+      </TestWrapper>,
+    );
+
+    const widths = getDigitStripWidths();
+    expect(widths.length).toBeGreaterThan(0);
+    widths.forEach((width) => {
+      expect(typeof width).not.toBe('number');
+    });
+  });
+
+  it('uses a static digit strip width when animate is false', () => {
+    const formatter = createFormatter();
+    render(
+      <TestWrapper>
+        <AmountDisplay value={1234.56} formatter={formatter} animate={false} />
+      </TestWrapper>,
+    );
+
+    const widths = getDigitStripWidths();
+    expect(widths.length).toBeGreaterThan(0);
+    widths.forEach((width) => {
+      expect(typeof width).toBe('number');
+    });
+  });
+
+  describe('digit strip clipping', () => {
+    it('does not set overflow:hidden on the digit strip container', () => {
+      const formatter = createFormatter();
+      render(
+        <TestWrapper>
+          <AmountDisplay value={1234.56} formatter={formatter} />
+        </TestWrapper>,
+      );
+
+      const containers = getDigitStripContainers();
+      expect(containers.length).toBeGreaterThan(0);
+      containers.forEach((container) => {
+        expect(getStyleOverflow(container)).not.toBe('hidden');
+      });
+    });
+
+    it('clips overflow on an inner wrapper inside each digit strip', () => {
+      const formatter = createFormatter();
+      render(
+        <TestWrapper>
+          <AmountDisplay value={1234.56} formatter={formatter} />
+        </TestWrapper>,
+      );
+
+      const containers = getDigitStripContainers();
+      expect(containers.length).toBeGreaterThan(0);
+      containers.forEach((container) => {
+        const clippingWrapper = container.findAll(
+          (node: TestNode) => getStyleOverflow(node) === 'hidden',
+        );
+        expect(clippingWrapper.length).toBeGreaterThan(0);
+      });
+    });
+  });
 });

package/src/lib/Components/AmountDisplay/AmountDisplay.tsx

@@ -164,6 +164,12 @@ const useAnimatedDigitStrip = ({
   return { animatedStyle };
 };
 
+// Horizontal breathing room for the clip box so glyphs that are slightly wider
+// than the measured `targetWidth` are not cut on their left/right edges. RN has
+// no per-axis overflow, so we extend the clip box horizontally while keeping the
+// vertical clip tight to `lineHeight`
+const HORIZONTAL_CLIP_PADDING = 8;
+
 const DigitStrip = memo(
   ({ value, textStyle, animate, widths }: DigitStripProps) => {
     const targetWidth = widths[value];
@@ -179,23 +185,39 @@ const DigitStrip = memo(
 
     return (
       <Animated.View
-        style={{ height: lineHeight, overflow: 'hidden', width: width }}
+        style={{
+          height: lineHeight,
+          width: animate ? width : targetWidth,
+        }}
         accessibilityValue={{ text: String(value) }}
       >
-        <Animated.View style={[animatedStyle, { alignItems: 'center' }]}>
-          {DIGITS.map((d) => (
-            <Text
-              allowFontScaling={false}
-              key={d}
-              style={[
-                textStyle,
-                RuntimeConstants.isAndroid && { height: lineHeight },
-              ]}
-            >
-              {d}
-            </Text>
-          ))}
-        </Animated.View>
+        <View
+          pointerEvents='none'
+          style={{
+            position: 'absolute',
+            top: 0,
+            bottom: 0,
+            left: -HORIZONTAL_CLIP_PADDING,
+            right: -HORIZONTAL_CLIP_PADDING,
+            overflow: 'hidden',
+            alignItems: 'center',
+          }}
+        >
+          <Animated.View style={[animatedStyle, { alignItems: 'center' }]}>
+            {DIGITS.map((d) => (
+              <Text
+                allowFontScaling={false}
+                key={d}
+                style={[
+                  textStyle,
+                  RuntimeConstants.isAndroid && { height: lineHeight },
+                ]}
+              >
+                {d}
+              </Text>
+            ))}
+          </Animated.View>
+        </View>
       </Animated.View>
     );
   },