@ledgerhq/lumen-ui-rnative 0.1.41 → 0.1.42

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

@@ -7,7 +7,6 @@ import { useStyleSheet } from "../../../styles/index.js";
 import { InformationFill, CheckmarkCircleFill, WarningFill, DeleteCircleFill, Close } from "../../Symbols/index.js";
 import { IconButton } from "../IconButton/index.js";
 import { Box } from "../Utility/index.js";
-import { Wrap } from "../Wrap/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const iconColorMap = {
   info: 'base',
@@ -63,6 +62,7 @@ const useStyles = ({
       }]),
       actionsWrapper: {
         flexDirection: 'row',
+        flexWrap: 'wrap',
         gap: t.spacings.s4
       }
     };
@@ -153,15 +153,11 @@ export const Banner = ({
           numberOfLines: 2,
           children: title
         }), description && /*#__PURE__*/_jsx(View, {
-          children: /*#__PURE__*/_jsx(Wrap, {
-            if: isTextChildren(description),
-            with: children => /*#__PURE__*/_jsx(Text, {
-              style: styles.description,
-              numberOfLines: 5,
-              children: children
-            }),
+          children: isTextChildren(description) ? /*#__PURE__*/_jsx(Text, {
+            style: styles.description,
+            numberOfLines: 5,
             children: description
-          })
+          }) : description
         })]
       }), (primaryAction || secondaryAction) && /*#__PURE__*/_jsxs(View, {
         style: styles.actionsWrapper,

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

@@ -1 +1 @@
-{"version":3,"names":["isTextChildren","StyleSheet","Text","View","useCommonTranslation","useStyleSheet","InformationFill","CheckmarkCircleFill","WarningFill","DeleteCircleFill","Close","IconButton","Box","Wrap","jsx","_jsx","jsxs","_jsxs","iconColorMap","info","success","warning","error","useStyles","appearance","t","bgColors","colors","bg","surface","root","flexDirection","width","sizes","full","alignItems","gap","spacings","s8","borderRadius","md","padding","s16","backgroundColor","iconWrapper","flexShrink","iconSpacer","typographies","body1SemiBold","overflow","contentWrapper","marginRight","flex","textWrapper","s4","title","flatten","color","text","base","description","body2","actionsWrapper","iconsMap","Banner","primaryAction","secondaryAction","lx","style","onClose","closeAriaLabel","ref","props","styles","IconComponent","iconColor","children","numberOfLines","if","with","testID","size","icon","onPress","accessibilityLabel"],"sourceRoot":"../../../../../src","sources":["lib/Components/Banner/Banner.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,8BAA8B;AAE7D,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,oBAAoB,QAAQ,wBAAe;AACpD,SAASC,aAAa,QAAQ,0BAAiB;AAC/C,SACEC,eAAe,EACfC,mBAAmB,EACnBC,WAAW,EACXC,gBAAgB,EAChBC,KAAK,QACA,wBAAe;AAEtB,SAASC,UAAU,QAAQ,wBAAe;AAC1C,SAASC,GAAG,QAAQ,qBAAY;AAChC,SAASC,IAAI,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAK/B,MAAMC,YAGL,GAAG;EACFC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAuC,CAAC,KAAK;EAChE,OAAOnB,aAAa,CACjBoB,CAAC,IAAK;IACL,MAAMC,QAAoC,GAAG;MAC3CP,IAAI,EAAEM,CAAC,CAACE,MAAM,CAACC,EAAE,CAACC,OAAO;MACzBT,OAAO,EAAEK,CAAC,CAACE,MAAM,CAACC,EAAE,CAACR,OAAO;MAC5BC,OAAO,EAAEI,CAAC,CAACE,MAAM,CAACC,EAAE,CAACP,OAAO;MAC5BC,KAAK,EAAEG,CAAC,CAACE,MAAM,CAACC,EAAE,CAACN;IACrB,CAAC;IAED,OAAO;MACLQ,IAAI,EAAE;QACJC,aAAa,EAAE,KAAK;QACpBC,KAAK,EAAEP,CAAC,CAACQ,KAAK,CAACC,IAAI;QACnBC,UAAU,EAAE,YAAY;QACxBC,GAAG,EAAEX,CAAC,CAACY,QAAQ,CAACC,EAAE;QAClBC,YAAY,EAAEd,CAAC,CAACc,YAAY,CAACC,EAAE;QAC/BC,OAAO,EAAEhB,CAAC,CAACY,QAAQ,CAACK,GAAG;QACvBC,eAAe,EAAEjB,QAAQ,CAACF,UAAU;MACtC,CAAC;MACDoB,WAAW,EAAE;QACXC,UAAU,EAAE,CAAC;QACbd,aAAa,EAAE,KAAK;QACpBI,UAAU,EAAE;MACd,CAAC;MACDW,UAAU,EAAE;QACV,GAAGrB,CAAC,CAACsB,YAAY,CAACC,aAAa;QAC/BhB,KAAK,EAAE,CAAC;QACRiB,QAAQ,EAAE;MACZ,CAAC;MACDC,cAAc,EAAE;QACdC,WAAW,EAAE1B,CAAC,CAACY,QAAQ,CAACC,EAAE;QAC1Bc,IAAI,EAAE,CAAC;QACPrB,aAAa,EAAE,QAAQ;QACvBK,GAAG,EAAEX,CAAC,CAACY,QAAQ,CAACC;MAClB,CAAC;MACDe,WAAW,EAAE;QACXtB,aAAa,EAAE,QAAQ;QACvBK,GAAG,EAAEX,CAAC,CAACY,QAAQ,CAACiB;MAClB,CAAC;MACDC,KAAK,EAAEtD,UAAU,CAACuD,OAAO,CAAC,CACxB/B,CAAC,CAACsB,YAAY,CAACC,aAAa,EAC5B;QACES,KAAK,EAAEhC,CAAC,CAACE,MAAM,CAAC+B,IAAI,CAACC;MACvB,CAAC,CACF,CAAC;MACFC,WAAW,EAAE3D,UAAU,CAACuD,OAAO,CAAC,CAC9B/B,CAAC,CAACsB,YAAY,CAACc,KAAK,EACpB;QACEJ,KAAK,EAAEhC,CAAC,CAACE,MAAM,CAAC+B,IAAI,CAACC;MACvB,CAAC,CACF,CAAC;MACFG,cAAc,EAAE;QACd/B,aAAa,EAAE,KAAK;QACpBK,GAAG,EAAEX,CAAC,CAACY,QAAQ,CAACiB;MAClB;IACF,CAAC;EACH,CAAC,EACD,CAAC9B,UAAU,CACb,CAAC;AACH,CAAC;AAED,MAAMuC,QAAsD,GAAG;EAC7D5C,IAAI,EAAEb,eAAe;EACrBc,OAAO,EAAEb,mBAAmB;EAC5Bc,OAAO,EAAEb,WAAW;EACpBc,KAAK,EAAEb;AACT,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMuD,MAAM,GAAGA,CAAC;EACrBxC,UAAU,GAAG,MAAM;EACnB+B,KAAK;EACLK,WAAW;EACXK,aAAa;EACbC,eAAe;EACfC,EAAE,GAAG,CAAC,CAAC;EACPC,KAAK;EACLC,OAAO;EACPC,cAAc;EACdC,GAAG;EACH,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAM;IAAE/C;EAAE,CAAC,GAAGrB,oBAAoB,CAAC,CAAC;EACpC,MAAMqE,MAAM,GAAGlD,SAAS,CAAC;IAAEC;EAAW,CAAC,CAAC;EACxC,MAAMkD,aAAa,GAAGX,QAAQ,CAACvC,UAAU,CAAC;EAC1C,MAAMmD,SAAS,GAAGzD,YAAY,CAACM,UAAU,CAAC;EAE1C,oBACEP,KAAA,CAACL,GAAG;IACF2D,GAAG,EAAEA,GAAI;IACTJ,EAAE,EAAEA,EAAG;IACPC,KAAK,EAAEnE,UAAU,CAACuD,OAAO,CAAC,CAACiB,MAAM,CAAC3C,IAAI,EAAEsC,KAAK,CAAC,CAAE;IAAA,GAC5CI,KAAK;IAAAI,QAAA,gBAET3D,KAAA,CAACd,IAAI;MAACiE,KAAK,EAAEK,MAAM,CAAC7B,WAAY;MAAAgC,QAAA,gBAC9B7D,IAAA,CAACb,IAAI;QAACkE,KAAK,EAAEK,MAAM,CAAC3B;MAAW,CAAE,CAAC,eAClC/B,IAAA,CAAC2D,aAAa;QAACP,EAAE,EAAE;UAAEV,KAAK,EAAEkB;QAAU;MAAE,CAAE,CAAC;IAAA,CACvC,CAAC,eACP1D,KAAA,CAACd,IAAI;MAACiE,KAAK,EAAEK,MAAM,CAACvB,cAAe;MAAA0B,QAAA,gBACjC3D,KAAA,CAACd,IAAI;QAACiE,KAAK,EAAEK,MAAM,CAACpB,WAAY;QAAAuB,QAAA,GAC7BrB,KAAK,iBACJxC,IAAA,CAACb,IAAI;UAACkE,KAAK,EAAEK,MAAM,CAAClB,KAAM;UAACsB,aAAa,EAAE,CAAE;UAAAD,QAAA,EACzCrB;QAAK,CACF,CACP,EACAK,WAAW,iBACV7C,IAAA,CAACZ,IAAI;UAAAyE,QAAA,eACH7D,IAAA,CAACF,IAAI;YACHiE,EAAE,EAAE9E,cAAc,CAAC4D,WAAW,CAAE;YAChCmB,IAAI,EAAGH,QAAQ,iBACb7D,IAAA,CAACb,IAAI;cAACkE,KAAK,EAAEK,MAAM,CAACb,WAAY;cAACiB,aAAa,EAAE,CAAE;cAAAD,QAAA,EAC/CA;YAAQ,CACL,CACN;YAAAA,QAAA,EAEDhB;UAAW,CACR;QAAC,CACH,CACP;MAAA,CACG,CAAC,EACN,CAACK,aAAa,IAAIC,eAAe,kBAChCjD,KAAA,CAACd,IAAI;QAACiE,KAAK,EAAEK,MAAM,CAACX,cAAe;QAAAc,QAAA,GAChCX,aAAa,EACbC,eAAe;MAAA,CACZ,CACP;IAAA,CACG,CAAC,EACNG,OAAO,iBACNtD,IAAA,CAACJ,UAAU;MACTqE,MAAM,EAAC,qBAAqB;MAC5BxD,UAAU,EAAC,aAAa;MACxByD,IAAI,EAAC,IAAI;MACTC,IAAI,EAAExE,KAAM;MACZyE,OAAO,EAAEA,CAAA,KAAMd,OAAO,CAAC,CAAE;MACzBe,kBAAkB,EAChBd,cAAc,IAAI7C,CAAC,CAAC,kCAAkC;IACvD,CACF,CACF;EAAA,CACE,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["isTextChildren","StyleSheet","Text","View","useCommonTranslation","useStyleSheet","InformationFill","CheckmarkCircleFill","WarningFill","DeleteCircleFill","Close","IconButton","Box","jsx","_jsx","jsxs","_jsxs","iconColorMap","info","success","warning","error","useStyles","appearance","t","bgColors","colors","bg","surface","root","flexDirection","width","sizes","full","alignItems","gap","spacings","s8","borderRadius","md","padding","s16","backgroundColor","iconWrapper","flexShrink","iconSpacer","typographies","body1SemiBold","overflow","contentWrapper","marginRight","flex","textWrapper","s4","title","flatten","color","text","base","description","body2","actionsWrapper","flexWrap","iconsMap","Banner","primaryAction","secondaryAction","lx","style","onClose","closeAriaLabel","ref","props","styles","IconComponent","iconColor","children","numberOfLines","testID","size","icon","onPress","accessibilityLabel"],"sourceRoot":"../../../../../src","sources":["lib/Components/Banner/Banner.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/SegmentedControl/SegmentedControl.test.js

@@ -16,73 +16,169 @@ const TestWrapper = ({
   children: children
 });
 describe('SegmentedControl', () => {
-  it('renders segments with labels', () => {
-    const {
-      getByText
-    } = render(/*#__PURE__*/_jsx(TestWrapper, {
-      children: /*#__PURE__*/_jsxs(SegmentedControl, {
-        selectedValue: "send",
-        onSelectedChange: () => {
-          /* empty */
-        },
-        accessibilityLabel: "Transaction type",
-        children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
-          value: "send",
-          children: "Send"
-        }), /*#__PURE__*/_jsx(SegmentedControlButton, {
-          value: "receive",
-          children: "Receive"
-        })]
-      })
-    }));
-    expect(getByText('Send')).toBeTruthy();
-    expect(getByText('Receive')).toBeTruthy();
+  describe('Rendering', () => {
+    it('renders segments with labels', () => {
+      const {
+        getByText
+      } = render(/*#__PURE__*/_jsx(TestWrapper, {
+        children: /*#__PURE__*/_jsxs(SegmentedControl, {
+          selectedValue: "send",
+          onSelectedChange: () => {
+            /* empty */
+          },
+          accessibilityLabel: "Transaction type",
+          children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "send",
+            children: "Send"
+          }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "receive",
+            children: "Receive"
+          })]
+        })
+      }));
+      expect(getByText('Send')).toBeTruthy();
+      expect(getByText('Receive')).toBeTruthy();
+    });
+    it('renders trailingContent inside segment buttons', () => {
+      const {
+        getByLabelText
+      } = render(/*#__PURE__*/_jsx(TestWrapper, {
+        children: /*#__PURE__*/_jsxs(SegmentedControl, {
+          selectedValue: "tokens",
+          onSelectedChange: () => {
+            /* empty */
+          },
+          accessibilityLabel: "Asset section",
+          children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "tokens",
+            trailingContent: /*#__PURE__*/_jsx(DotCount, {
+              value: 3,
+              accessibilityLabel: "3 tokens"
+            }),
+            children: "Tokens"
+          }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "nfts",
+            children: "NFTs"
+          })]
+        })
+      }));
+      expect(getByLabelText('3 tokens')).toBeTruthy();
+    });
   });
-  it('calls onSelectedChange with segment value when a segment is pressed', () => {
-    const onSelectedChange = jest.fn();
-    const {
-      getByText
-    } = render(/*#__PURE__*/_jsx(TestWrapper, {
-      children: /*#__PURE__*/_jsxs(SegmentedControl, {
-        selectedValue: "send",
-        onSelectedChange: onSelectedChange,
-        accessibilityLabel: "Transaction type",
-        children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
-          value: "send",
-          children: "Send"
-        }), /*#__PURE__*/_jsx(SegmentedControlButton, {
-          value: "receive",
-          children: "Receive"
-        })]
-      })
-    }));
-    fireEvent.press(getByText('Receive'));
-    expect(onSelectedChange).toHaveBeenCalledWith('receive');
-  });
-  it('renders trailingContent inside segment buttons', () => {
-    const {
-      getByLabelText
-    } = render(/*#__PURE__*/_jsx(TestWrapper, {
-      children: /*#__PURE__*/_jsxs(SegmentedControl, {
-        selectedValue: "tokens",
-        onSelectedChange: () => {
-          /* empty */
-        },
-        accessibilityLabel: "Asset section",
-        children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
-          value: "tokens",
-          trailingContent: /*#__PURE__*/_jsx(DotCount, {
-            value: 3,
-            accessibilityLabel: "3 tokens"
-          }),
-          children: "Tokens"
-        }), /*#__PURE__*/_jsx(SegmentedControlButton, {
-          value: "nfts",
-          children: "NFTs"
-        })]
-      })
-    }));
-    expect(getByLabelText('3 tokens')).toBeTruthy();
+  describe('States', () => {
+    it('marks the selected segment with accessibilityState', () => {
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(TestWrapper, {
+        children: /*#__PURE__*/_jsxs(SegmentedControl, {
+          selectedValue: "receive",
+          onSelectedChange: () => {},
+          accessibilityLabel: "Transaction type",
+          children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "send",
+            testID: "seg-send",
+            children: "Send"
+          }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "receive",
+            testID: "seg-receive",
+            children: "Receive"
+          })]
+        })
+      }));
+      expect(getByTestId('seg-send').props.accessibilityState).toMatchObject({
+        selected: false
+      });
+      expect(getByTestId('seg-receive').props.accessibilityState).toMatchObject({
+        selected: true
+      });
+    });
+    it('marks a pre-selected non-first segment as selected on initial render (fixed layout)', () => {
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(TestWrapper, {
+        children: /*#__PURE__*/_jsxs(SegmentedControl, {
+          selectedValue: "blame",
+          onSelectedChange: () => {},
+          tabLayout: "fixed",
+          accessibilityLabel: "File view",
+          children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "preview",
+            testID: "seg-preview",
+            children: "Preview"
+          }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "raw",
+            testID: "seg-raw",
+            children: "Raw"
+          }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "blame",
+            testID: "seg-blame",
+            children: "Blame"
+          })]
+        })
+      }));
+      expect(getByTestId('seg-preview').props.accessibilityState).toMatchObject({
+        selected: false
+      });
+      expect(getByTestId('seg-blame').props.accessibilityState).toMatchObject({
+        selected: true
+      });
+    });
+    it('marks a pre-selected non-first segment as selected on initial render (fit layout)', () => {
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(TestWrapper, {
+        children: /*#__PURE__*/_jsxs(SegmentedControl, {
+          selectedValue: "blame",
+          onSelectedChange: () => {},
+          tabLayout: "fit",
+          accessibilityLabel: "File view",
+          children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "preview",
+            testID: "seg-preview",
+            children: "Preview"
+          }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "raw",
+            testID: "seg-raw",
+            children: "Raw"
+          }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "blame",
+            testID: "seg-blame",
+            children: "Blame"
+          })]
+        })
+      }));
+      expect(getByTestId('seg-preview').props.accessibilityState).toMatchObject({
+        selected: false
+      });
+      expect(getByTestId('seg-blame').props.accessibilityState).toMatchObject({
+        selected: true
+      });
+    });
+    it('can change selection away from a pre-selected non-first segment (fit layout)', () => {
+      const onSelectedChange = jest.fn();
+      const {
+        getByText
+      } = render(/*#__PURE__*/_jsx(TestWrapper, {
+        children: /*#__PURE__*/_jsxs(SegmentedControl, {
+          selectedValue: "blame",
+          onSelectedChange: onSelectedChange,
+          tabLayout: "fit",
+          accessibilityLabel: "File view",
+          children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "preview",
+            children: "Preview"
+          }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "raw",
+            children: "Raw"
+          }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+            value: "blame",
+            children: "Blame"
+          })]
+        })
+      }));
+      fireEvent.press(getByText('Preview'));
+      expect(onSelectedChange).toHaveBeenCalledWith('preview');
+    });
   });
 });
 //# sourceMappingURL=SegmentedControl.test.js.map

package/dist/module/lib/Components/SegmentedControl/SegmentedControl.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","fireEvent","DotCount","ThemeProvider","SegmentedControl","SegmentedControlButton","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","selectedValue","onSelectedChange","accessibilityLabel","value","toBeTruthy","fn","press","toHaveBeenCalledWith","getByLabelText","trailingContent"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/SegmentedControl.test.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","fireEvent","DotCount","ThemeProvider","SegmentedControl","SegmentedControlButton","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","selectedValue","onSelectedChange","accessibilityLabel","value","toBeTruthy","getByLabelText","trailingContent","getByTestId","testID","props","accessibilityState","toMatchObject","selected","tabLayout","fn","press","toHaveBeenCalledWith"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/SegmentedControl.test.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-import React, { Children, isValidElement, useCallback, useEffect, useMemo, useRef } from 'react';
+import React, { Children, isValidElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import { useTimingConfig } from "../../Animations/useTimingConfig.js";
 export function useSegmentedControlSelectedIndex(selectedValue, children) {
@@ -14,7 +14,7 @@ export function useSegmentedControlSelectedIndex(selectedValue, children) {
 const _worklet_6098626077169_init_data = {
   code: "function usePillLayoutTs1(){const{pillTranslateX,pillWidth,pillHeight}=this.__closure;return{transform:[{translateX:pillTranslateX.value}],width:pillWidth.value,height:pillHeight.value};}",
   location: "/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/SegmentedControl/usePillLayout.ts",
-  sourceMap: "{\"version\":3,\"names\":[\"usePillLayoutTs1\",\"pillTranslateX\",\"pillWidth\",\"pillHeight\",\"__closure\",\"transform\",\"translateX\",\"value\",\"width\",\"height\"],\"sources\":[\"/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/SegmentedControl/usePillLayout.ts\"],\"mappings\":\"AAsHI,SAAAA,iBAAA,QAAAC,cAAA,CAAAC,SAAA,CAAAC,UAAA,OAAAC,SAAA,OAAO,CACLC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEL,cAAc,CAACM,KAAM,CAAC,CAAC,CACjDC,KAAK,CAAEN,SAAS,CAACK,KAAK,CACtBE,MAAM,CAAEN,UAAU,CAACI,KACrB,CAAC\",\"ignoreList\":[]}"
+  sourceMap: "{\"version\":3,\"names\":[\"usePillLayoutTs1\",\"pillTranslateX\",\"pillWidth\",\"pillHeight\",\"__closure\",\"transform\",\"translateX\",\"value\",\"width\",\"height\"],\"sources\":[\"/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/SegmentedControl/usePillLayout.ts\"],\"mappings\":\"AA+HI,SAAAA,iBAAA,QAAAC,cAAA,CAAAC,SAAA,CAAAC,UAAA,OAAAC,SAAA,OAAO,CACLC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEL,cAAc,CAACM,KAAM,CAAC,CAAC,CACjDC,KAAK,CAAEN,SAAS,CAACK,KAAK,CACtBE,MAAM,CAAEN,UAAU,CAACI,KACrB,CAAC\",\"ignoreList\":[]}"
 };
 export function usePillLayout({
   selectedIndex,
@@ -26,7 +26,9 @@ export function usePillLayout({
   const pillWidth = useSharedValue(0);
   const pillHeight = useSharedValue(0);
   const hasLayoutRef = useRef(false);
+  const animatePillRef = useRef(false);
   const buttonLayoutsRef = useRef(new Map());
+  const [layoutReady, setLayoutReady] = useState(false);
   const timingConfig = useTimingConfig({
     duration: 300,
     easing: 'easeInOut'
@@ -43,36 +45,38 @@ export function usePillLayout({
       pillWidth.value = slotWidth;
       if (!hasLayoutRef.current) {
         hasLayoutRef.current = true;
-        if (selectedIndex >= 0) {
-          pillTranslateX.value = selectedIndex * slotWidth;
-        }
+        setLayoutReady(true);
       }
     }
   };
   const registerButtonLayout = useCallback((value, layout) => {
     buttonLayoutsRef.current.set(value, layout);
-    if (tabLayout === 'fit' && !hasLayoutRef.current) {
+    if (tabLayout === 'fit' && !hasLayoutRef.current && value === selectedValue) {
       hasLayoutRef.current = true;
-      if (value === selectedValue) {
-        pillTranslateX.value = layout.x;
-        pillWidth.value = layout.width;
-      }
+      setLayoutReady(true);
     }
-  }, [tabLayout, selectedValue, pillTranslateX, pillWidth]);
+  }, [tabLayout, selectedValue]);
   useEffect(() => {
     if (!hasLayoutRef.current) return;
+    const skipAnimation = !animatePillRef.current;
+    if (skipAnimation) {
+      animatePillRef.current = true;
+    }
+    const config = skipAnimation ? {
+      duration: 0
+    } : timingConfig;
     if (tabLayout === 'fit') {
       const layout = buttonLayoutsRef.current.get(selectedValue);
       if (layout) {
-        pillTranslateX.value = withTiming(layout.x, timingConfig);
-        pillWidth.value = withTiming(layout.width, timingConfig);
+        pillTranslateX.value = withTiming(layout.x, config);
+        pillWidth.value = withTiming(layout.width, config);
       }
     } else {
       if (selectedIndex >= 0 && pillWidth.value > 0) {
-        pillTranslateX.value = withTiming(selectedIndex * pillWidth.value, timingConfig);
+        pillTranslateX.value = withTiming(selectedIndex * pillWidth.value, config);
       }
     }
-  }, [selectedIndex, selectedValue, tabLayout, pillWidth, pillTranslateX, timingConfig]);
+  }, [selectedIndex, selectedValue, tabLayout, pillWidth, pillTranslateX, timingConfig, layoutReady]);
   const animatedPillStyle = useAnimatedStyle(function usePillLayoutTs1Factory({
     _worklet_6098626077169_init_data,
     pillTranslateX,

package/dist/module/lib/Components/SegmentedControl/usePillLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Children","isValidElement","useCallback","useEffect","useMemo","useRef","useAnimatedStyle","useSharedValue","withTiming","useTimingConfig","useSegmentedControlSelectedIndex","selectedValue","children","toArray","findIndex","child","props","value","_worklet_6098626077169_init_data","code","location","sourceMap","usePillLayout","selectedIndex","tabLayout","pillTranslateX","pillWidth","pillHeight","hasLayoutRef","buttonLayoutsRef","Map","timingConfig","duration","easing","onLayout","e","width","height","nativeEvent","layout","count","slotWidth","current","registerButtonLayout","set","x","get","animatedPillStyle","usePillLayoutTs1Factory","_e","global","Error","usePillLayoutTs1","transform","translateX","__closure","__workletHash","__pluginVersion","__initData","__stackDetails"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/usePillLayout.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Children","isValidElement","useCallback","useEffect","useMemo","useRef","useState","useAnimatedStyle","useSharedValue","withTiming","useTimingConfig","useSegmentedControlSelectedIndex","selectedValue","children","toArray","findIndex","child","props","value","_worklet_6098626077169_init_data","code","location","sourceMap","usePillLayout","selectedIndex","tabLayout","pillTranslateX","pillWidth","pillHeight","hasLayoutRef","animatePillRef","buttonLayoutsRef","Map","layoutReady","setLayoutReady","timingConfig","duration","easing","onLayout","e","width","height","nativeEvent","layout","count","slotWidth","current","registerButtonLayout","set","skipAnimation","config","get","x","animatedPillStyle","usePillLayoutTs1Factory","_e","global","Error","usePillLayoutTs1","transform","translateX","__closure","__workletHash","__pluginVersion","__initData","__stackDetails"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/usePillLayout.ts"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
 import { StyleSheet } from 'react-native';
 import { useCommonTranslation } from "../../../i18n/index.js";
 import { useStyleSheet } from "../../../styles/index.js";
-import { Minus, TriangleDown, TriangleUp } from "../../Symbols/index.js";
+import { TriangleDown, TriangleUp } from "../../Symbols/index.js";
 import { Box, Text } from "../Utility/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function getVariant(value) {
@@ -13,6 +13,20 @@ function getVariant(value) {
   }
   return value > 0 ? 'positive' : 'negative';
 }
+const iconMap = {
+  positive: TriangleUp,
+  negative: TriangleDown,
+  neutral: null
+};
+const iconSizeMap = {
+  md: 16,
+  sm: 12
+};
+const iconColorMap = {
+  positive: 'success',
+  negative: 'error',
+  neutral: 'muted'
+};
 export function Trend({
   value,
   size = 'md',
@@ -36,20 +50,9 @@ export function Trend({
     variant,
     disabled
   });
-  const Icon = {
-    positive: TriangleUp,
-    negative: TriangleDown,
-    neutral: Minus
-  }[variant];
-  const iconSize = {
-    md: 16,
-    sm: 12
-  }[size];
-  const iconColor = {
-    positive: 'success',
-    negative: 'error',
-    neutral: 'muted'
-  }[variant];
+  const Icon = iconMap[variant];
+  const iconSize = iconSizeMap[size];
+  const iconColor = iconColorMap[variant];
   const absoluteFormattedValue = `${Math.abs(value).toFixed(2)}%`;
   const formattedValue = value < 0 ? `-${absoluteFormattedValue}` : absoluteFormattedValue;
   return /*#__PURE__*/_jsxs(Box, {
@@ -63,7 +66,7 @@ export function Trend({
     lx: lx,
     style: [styles.container, style],
     ...props,
-    children: [/*#__PURE__*/_jsx(Icon, {
+    children: [Icon && /*#__PURE__*/_jsx(Icon, {
       size: iconSize,
       color: disabled ? 'disabled' : iconColor
     }), /*#__PURE__*/_jsx(Text, {

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

@@ -1 +1 @@
-{"version":3,"names":["useDisabledContext","StyleSheet","useCommonTranslation","useStyleSheet","Minus","TriangleDown","TriangleUp","Box","Text","jsx","_jsx","jsxs","_jsxs","getVariant","value","Trend","size","lx","disabled","disabledProp","style","props","variant","consumerName","mergeWith","t","styles","useStyles","Icon","positive","negative","neutral","iconSize","md","sm","iconColor","absoluteFormattedValue","Math","abs","toFixed","formattedValue","accessible","accessibilityLabel","accessibilityState","container","children","color","text","colors","success","error","muted","sizeMap","typographies","body3","body2","flexDirection","alignItems","gap","spacings","s2","flatten"],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/Trend.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useDisabledContext","StyleSheet","useCommonTranslation","useStyleSheet","TriangleDown","TriangleUp","Box","Text","jsx","_jsx","jsxs","_jsxs","getVariant","value","iconMap","positive","negative","neutral","iconSizeMap","md","sm","iconColorMap","Trend","size","lx","disabled","disabledProp","style","props","variant","consumerName","mergeWith","t","styles","useStyles","Icon","iconSize","iconColor","absoluteFormattedValue","Math","abs","toFixed","formattedValue","accessible","accessibilityLabel","accessibilityState","container","children","color","text","colors","success","error","muted","sizeMap","typographies","body3","body2","flexDirection","alignItems","gap","spacings","s2","flatten"],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/Trend.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Banner/Banner.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmF3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM,GAAI,uHAYpB,WAAW,4CA4Db,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Banner/Banner.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAoF3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM,GAAI,uHAYpB,WAAW,4CAyDb,CAAC"}

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

@@ -8,7 +8,7 @@ export type BannerProps = {
     /**
      * The main title of the banner.
      */
-    title?: string;
+    title?: ReactNode;
     /**
      * Optional descriptive text.
      */
@@ -16,11 +16,11 @@ export type BannerProps = {
     /**
      * Optional primary action.
      */
-    primaryAction?: React.ReactNode;
+    primaryAction?: ReactNode;
     /**
      * Optional secondary action.
      */
-    secondaryAction?: React.ReactNode;
+    secondaryAction?: ReactNode;
     /**
      * Optional close action.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,eAAe,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,eAAe,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"usePillLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/SegmentedControl/usePillLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAOtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,wBAAgB,gCAAgC,CAC9C,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,SAAS,GAClB,MAAM,CAWR;AAED,KAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,KAAK,GAAG,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,aAAa,EACb,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB;kBAYC,iBAAiB,KAAG,IAAI;;;;;;;;kCAmBnC,MAAM,UAAU,YAAY,KAAG,IAAI;EAkD9C"}
+{"version":3,"file":"usePillLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/SegmentedControl/usePillLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAOtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,wBAAgB,gCAAgC,CAC9C,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,SAAS,GAClB,MAAM,CAWR;AAED,KAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,KAAK,GAAG,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,aAAa,EACb,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB;kBAcC,iBAAiB,KAAG,IAAI;;;;;;;;kCAiBnC,MAAM,UAAU,YAAY,KAAG,IAAI;EA0D9C"}

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

@@ -1 +1 @@
-{"version":3,"file":"Trend.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Trend/Trend.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAW1C,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAW,EACX,EAAO,EACP,QAAQ,EAAE,YAAoB,EAC9B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,2CAmDZ"}
+{"version":3,"file":"Trend.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Trend/Trend.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA4B1C,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAW,EACX,EAAO,EACP,QAAQ,EAAE,YAAoB,EAC9B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,2CAoCZ"}

package/package.json

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

package/src/lib/Components/Banner/Banner.tsx

@@ -13,7 +13,6 @@ import {
 import type { IconProps } from '../Icon';
 import { IconButton } from '../IconButton';
 import { Box } from '../Utility';
-import { Wrap } from '../Wrap';
 import type { BannerProps } from './types';
 
 type Appearance = NonNullable<BannerProps['appearance']>;
@@ -82,6 +81,7 @@ const useStyles = ({ appearance }: { appearance: Appearance }) => {
         ]),
         actionsWrapper: {
           flexDirection: 'row',
+          flexWrap: 'wrap',
           gap: t.spacings.s4,
         },
       };
@@ -169,16 +169,13 @@ export const Banner = ({
           )}
           {description && (
             <View>
-              <Wrap
-                if={isTextChildren(description)}
-                with={(children) => (
-                  <Text style={styles.description} numberOfLines={5}>
-                    {children}
-                  </Text>
-                )}
-              >
-                {description}
-              </Wrap>
+              {isTextChildren(description) ? (
+                <Text style={styles.description} numberOfLines={5}>
+                  {description}
+                </Text>
+              ) : (
+                description
+              )}
             </View>
           )}
         </View>

package/src/lib/Components/Banner/types.ts

@@ -9,7 +9,7 @@ export type BannerProps = {
   /**
    * The main title of the banner.
    */
-  title?: string;
+  title?: ReactNode;
   /**
    * Optional descriptive text.
    */
@@ -17,11 +17,11 @@ export type BannerProps = {
   /**
    * Optional primary action.
    */
-  primaryAction?: React.ReactNode;
+  primaryAction?: ReactNode;
   /**
    * Optional secondary action.
    */
-  secondaryAction?: React.ReactNode;
+  secondaryAction?: ReactNode;
   /**
    * Optional close action.
    */

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

@@ -12,72 +12,164 @@ const TestWrapper = ({ children }: { children: React.ReactNode }) => (
 );
 
 describe('SegmentedControl', () => {
-  it('renders segments with labels', () => {
-    const { getByText } = render(
-      <TestWrapper>
-        <SegmentedControl
-          selectedValue='send'
-          onSelectedChange={() => {
-            /* empty */
-          }}
-          accessibilityLabel='Transaction type'
-        >
-          <SegmentedControlButton value='send'>Send</SegmentedControlButton>
-          <SegmentedControlButton value='receive'>
-            Receive
-          </SegmentedControlButton>
-        </SegmentedControl>
-      </TestWrapper>,
-    );
-    expect(getByText('Send')).toBeTruthy();
-    expect(getByText('Receive')).toBeTruthy();
+  describe('Rendering', () => {
+    it('renders segments with labels', () => {
+      const { getByText } = render(
+        <TestWrapper>
+          <SegmentedControl
+            selectedValue='send'
+            onSelectedChange={() => {
+              /* empty */
+            }}
+            accessibilityLabel='Transaction type'
+          >
+            <SegmentedControlButton value='send'>Send</SegmentedControlButton>
+            <SegmentedControlButton value='receive'>
+              Receive
+            </SegmentedControlButton>
+          </SegmentedControl>
+        </TestWrapper>,
+      );
+      expect(getByText('Send')).toBeTruthy();
+      expect(getByText('Receive')).toBeTruthy();
+    });
+
+    it('renders trailingContent inside segment buttons', () => {
+      const { getByLabelText } = render(
+        <TestWrapper>
+          <SegmentedControl
+            selectedValue='tokens'
+            onSelectedChange={() => {
+              /* empty */
+            }}
+            accessibilityLabel='Asset section'
+          >
+            <SegmentedControlButton
+              value='tokens'
+              trailingContent={
+                <DotCount value={3} accessibilityLabel='3 tokens' />
+              }
+            >
+              Tokens
+            </SegmentedControlButton>
+            <SegmentedControlButton value='nfts'>NFTs</SegmentedControlButton>
+          </SegmentedControl>
+        </TestWrapper>,
+      );
+
+      expect(getByLabelText('3 tokens')).toBeTruthy();
+    });
   });
 
-  it('calls onSelectedChange with segment value when a segment is pressed', () => {
-    const onSelectedChange = jest.fn();
-    const { getByText } = render(
-      <TestWrapper>
-        <SegmentedControl
-          selectedValue='send'
-          onSelectedChange={onSelectedChange}
-          accessibilityLabel='Transaction type'
-        >
-          <SegmentedControlButton value='send'>Send</SegmentedControlButton>
-          <SegmentedControlButton value='receive'>
-            Receive
-          </SegmentedControlButton>
-        </SegmentedControl>
-      </TestWrapper>,
-    );
+  describe('States', () => {
+    it('marks the selected segment with accessibilityState', () => {
+      const { getByTestId } = render(
+        <TestWrapper>
+          <SegmentedControl
+            selectedValue='receive'
+            onSelectedChange={() => {}}
+            accessibilityLabel='Transaction type'
+          >
+            <SegmentedControlButton value='send' testID='seg-send'>
+              Send
+            </SegmentedControlButton>
+            <SegmentedControlButton value='receive' testID='seg-receive'>
+              Receive
+            </SegmentedControlButton>
+          </SegmentedControl>
+        </TestWrapper>,
+      );
 
-    fireEvent.press(getByText('Receive'));
+      expect(getByTestId('seg-send').props.accessibilityState).toMatchObject({
+        selected: false,
+      });
+      expect(getByTestId('seg-receive').props.accessibilityState).toMatchObject(
+        { selected: true },
+      );
+    });
 
-    expect(onSelectedChange).toHaveBeenCalledWith('receive');
-  });
+    it('marks a pre-selected non-first segment as selected on initial render (fixed layout)', () => {
+      const { getByTestId } = render(
+        <TestWrapper>
+          <SegmentedControl
+            selectedValue='blame'
+            onSelectedChange={() => {}}
+            tabLayout='fixed'
+            accessibilityLabel='File view'
+          >
+            <SegmentedControlButton value='preview' testID='seg-preview'>
+              Preview
+            </SegmentedControlButton>
+            <SegmentedControlButton value='raw' testID='seg-raw'>
+              Raw
+            </SegmentedControlButton>
+            <SegmentedControlButton value='blame' testID='seg-blame'>
+              Blame
+            </SegmentedControlButton>
+          </SegmentedControl>
+        </TestWrapper>,
+      );
+
+      expect(getByTestId('seg-preview').props.accessibilityState).toMatchObject(
+        { selected: false },
+      );
+      expect(getByTestId('seg-blame').props.accessibilityState).toMatchObject({
+        selected: true,
+      });
+    });
+
+    it('marks a pre-selected non-first segment as selected on initial render (fit layout)', () => {
+      const { getByTestId } = render(
+        <TestWrapper>
+          <SegmentedControl
+            selectedValue='blame'
+            onSelectedChange={() => {}}
+            tabLayout='fit'
+            accessibilityLabel='File view'
+          >
+            <SegmentedControlButton value='preview' testID='seg-preview'>
+              Preview
+            </SegmentedControlButton>
+            <SegmentedControlButton value='raw' testID='seg-raw'>
+              Raw
+            </SegmentedControlButton>
+            <SegmentedControlButton value='blame' testID='seg-blame'>
+              Blame
+            </SegmentedControlButton>
+          </SegmentedControl>
+        </TestWrapper>,
+      );
+
+      expect(getByTestId('seg-preview').props.accessibilityState).toMatchObject(
+        { selected: false },
+      );
+      expect(getByTestId('seg-blame').props.accessibilityState).toMatchObject({
+        selected: true,
+      });
+    });
 
-  it('renders trailingContent inside segment buttons', () => {
-    const { getByLabelText } = render(
-      <TestWrapper>
-        <SegmentedControl
-          selectedValue='tokens'
-          onSelectedChange={() => {
-            /* empty */
-          }}
-          accessibilityLabel='Asset section'
-        >
-          <SegmentedControlButton
-            value='tokens'
-            trailingContent={
-              <DotCount value={3} accessibilityLabel='3 tokens' />
-            }
+    it('can change selection away from a pre-selected non-first segment (fit layout)', () => {
+      const onSelectedChange = jest.fn();
+      const { getByText } = render(
+        <TestWrapper>
+          <SegmentedControl
+            selectedValue='blame'
+            onSelectedChange={onSelectedChange}
+            tabLayout='fit'
+            accessibilityLabel='File view'
           >
-            Tokens
-          </SegmentedControlButton>
-          <SegmentedControlButton value='nfts'>NFTs</SegmentedControlButton>
-        </SegmentedControl>
-      </TestWrapper>,
-    );
+            <SegmentedControlButton value='preview'>
+              Preview
+            </SegmentedControlButton>
+            <SegmentedControlButton value='raw'>Raw</SegmentedControlButton>
+            <SegmentedControlButton value='blame'>Blame</SegmentedControlButton>
+          </SegmentedControl>
+        </TestWrapper>,
+      );
+
+      fireEvent.press(getByText('Preview'));
 
-    expect(getByLabelText('3 tokens')).toBeTruthy();
+      expect(onSelectedChange).toHaveBeenCalledWith('preview');
+    });
   });
 });

package/src/lib/Components/SegmentedControl/usePillLayout.ts

@@ -6,6 +6,7 @@ import React, {
   useEffect,
   useMemo,
   useRef,
+  useState,
 } from 'react';
 import type { LayoutChangeEvent } from 'react-native';
 import {
@@ -49,7 +50,9 @@ export function usePillLayout({
   const pillWidth = useSharedValue(0);
   const pillHeight = useSharedValue(0);
   const hasLayoutRef = useRef(false);
+  const animatePillRef = useRef(false);
   const buttonLayoutsRef = useRef(new Map<string, ButtonLayout>());
+  const [layoutReady, setLayoutReady] = useState(false);
 
   const timingConfig = useTimingConfig({
     duration: 300,
@@ -67,9 +70,7 @@ export function usePillLayout({
 
       if (!hasLayoutRef.current) {
         hasLayoutRef.current = true;
-        if (selectedIndex >= 0) {
-          pillTranslateX.value = selectedIndex * slotWidth;
-        }
+        setLayoutReady(true);
       }
     }
   };
@@ -78,31 +79,38 @@ export function usePillLayout({
     (value: string, layout: ButtonLayout): void => {
       buttonLayoutsRef.current.set(value, layout);
 
-      if (tabLayout === 'fit' && !hasLayoutRef.current) {
+      if (
+        tabLayout === 'fit' &&
+        !hasLayoutRef.current &&
+        value === selectedValue
+      ) {
         hasLayoutRef.current = true;
-        if (value === selectedValue) {
-          pillTranslateX.value = layout.x;
-          pillWidth.value = layout.width;
-        }
+        setLayoutReady(true);
       }
     },
-    [tabLayout, selectedValue, pillTranslateX, pillWidth],
+    [tabLayout, selectedValue],
   );
 
   useEffect(() => {
     if (!hasLayoutRef.current) return;
 
+    const skipAnimation = !animatePillRef.current;
+    if (skipAnimation) {
+      animatePillRef.current = true;
+    }
+    const config = skipAnimation ? { duration: 0 } : timingConfig;
+
     if (tabLayout === 'fit') {
       const layout = buttonLayoutsRef.current.get(selectedValue);
       if (layout) {
-        pillTranslateX.value = withTiming(layout.x, timingConfig);
-        pillWidth.value = withTiming(layout.width, timingConfig);
+        pillTranslateX.value = withTiming(layout.x, config);
+        pillWidth.value = withTiming(layout.width, config);
       }
     } else {
       if (selectedIndex >= 0 && pillWidth.value > 0) {
         pillTranslateX.value = withTiming(
           selectedIndex * pillWidth.value,
-          timingConfig,
+          config,
         );
       }
     }
@@ -113,6 +121,7 @@ export function usePillLayout({
     pillWidth,
     pillTranslateX,
     timingConfig,
+    layoutReady,
   ]);
 
   const animatedPillStyle = useAnimatedStyle(

package/src/lib/Components/Trend/Trend.tsx

@@ -3,7 +3,7 @@ import { StyleSheet } from 'react-native';
 import { useCommonTranslation } from '../../../i18n';
 import type { LumenTextStyle } from '../../../styles';
 import { useStyleSheet } from '../../../styles';
-import { Minus, TriangleDown, TriangleUp } from '../../Symbols';
+import { TriangleDown, TriangleUp } from '../../Symbols';
 import type { IconSize } from '../Icon';
 import { Box, Text } from '../Utility';
 import type { TrendProps } from './types';
@@ -17,6 +17,23 @@ function getVariant(value: number): TrendVariant {
   return value > 0 ? 'positive' : 'negative';
 }
 
+const iconMap = {
+  positive: TriangleUp,
+  negative: TriangleDown,
+  neutral: null,
+};
+
+const iconSizeMap: Record<NonNullable<TrendProps['size']>, IconSize> = {
+  md: 16,
+  sm: 12,
+};
+
+const iconColorMap: Record<TrendVariant, LumenTextStyle['color']> = {
+  positive: 'success',
+  negative: 'error',
+  neutral: 'muted',
+};
+
 export function Trend({
   value,
   size = 'md',
@@ -35,26 +52,9 @@ export function Trend({
 
   const styles = useStyles({ size, variant, disabled });
 
-  const Icon = {
-    positive: TriangleUp,
-    negative: TriangleDown,
-    neutral: Minus,
-  }[variant];
-
-  const iconSize = (
-    {
-      md: 16,
-      sm: 12,
-    } as const
-  )[size] as IconSize;
-
-  const iconColor = (
-    {
-      positive: 'success',
-      negative: 'error',
-      neutral: 'muted',
-    } as const
-  )[variant] as LumenTextStyle['color'];
+  const Icon = iconMap[variant];
+  const iconSize = iconSizeMap[size];
+  const iconColor = iconColorMap[variant];
 
   const absoluteFormattedValue = `${Math.abs(value).toFixed(2)}%`;
   const formattedValue =
@@ -71,7 +71,9 @@ export function Trend({
       style={[styles.container, style]}
       {...props}
     >
-      <Icon size={iconSize} color={disabled ? 'disabled' : iconColor} />
+      {Icon && (
+        <Icon size={iconSize} color={disabled ? 'disabled' : iconColor} />
+      )}
       <Text style={styles.text}>{formattedValue}</Text>
     </Box>
   );