@ledgerhq/lumen-ui-rnative 0.1.41 → 0.1.43

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/MediaButton/MediaButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAgIhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW,GAAI,6HAYzB,gBAAgB,4CA8BlB,CAAC"}
+{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA2HhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW,GAAI,6HAYzB,gBAAgB,4CA8BlB,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.43",
   "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/MediaButton/MediaButton.test.tsx

@@ -29,11 +29,21 @@ describe('MediaButton', () => {
       expect(trigger.props.accessibilityRole).toBe('button');
     });
 
-    it('should always render a chevron icon', () => {
+    it('should render a chevron icon by default', () => {
       renderWithProvider(<MediaButton testID='trigger'>Label</MediaButton>);
       expect(screen.getByTestId('button-trigger-chevron')).toBeTruthy();
     });
 
+    it('should not render a chevron icon when hideChevron is true', () => {
+      renderWithProvider(
+        <MediaButton testID='trigger' hideChevron>
+          Label
+        </MediaButton>,
+      );
+      expect(screen.queryByTestId('button-trigger-chevron')).toBeNull();
+      expect(screen.getByText('Label')).toBeTruthy();
+    });
+
     it.each(['gray', 'transparent', 'no-background'] as const)(
       'should render without errors for appearance "%s"',
       (appearance) => {
@@ -57,6 +67,36 @@ describe('MediaButton', () => {
         expect(screen.getByTestId('trigger')).toBeTruthy();
       },
     );
+
+    const sizeShapeMatrix: ['sm' | 'md', 'flat' | 'rounded' | 'none'][] = [
+      ['sm', 'flat'],
+      ['sm', 'rounded'],
+      ['sm', 'none'],
+      ['md', 'flat'],
+      ['md', 'rounded'],
+      ['md', 'none'],
+    ];
+
+    it.each(sizeShapeMatrix)(
+      'should render with hideChevron for size "%s" and shape "%s"',
+      (size, shape) => {
+        const leadingContent =
+          shape === 'none' ? undefined : <View testID='leading' />;
+        renderWithProvider(
+          <MediaButton
+            testID='trigger'
+            size={size}
+            leadingContent={leadingContent}
+            leadingContentShape={shape === 'none' ? undefined : shape}
+            hideChevron
+          >
+            Label
+          </MediaButton>,
+        );
+        expect(screen.getByTestId('trigger')).toBeTruthy();
+        expect(screen.queryByTestId('button-trigger-chevron')).toBeNull();
+      },
+    );
   });
 
   describe('Icons', () => {

package/src/lib/Components/MediaButton/MediaButton.tsx

@@ -15,12 +15,14 @@ const useStyles = ({
   disabled,
   pressed,
   leadingContentShape,
+  hideChevron,
 }: {
   appearance: Appearance;
   size: Size;
   disabled: boolean;
   pressed: boolean;
   leadingContentShape: LeadingContentShape;
+  hideChevron: boolean;
 }) => {
   return useStyleSheet(
     (t) => {
@@ -39,8 +41,7 @@ const useStyles = ({
       const textColor = disabled ? t.colors.text.disabled : t.colors.text.base;
 
       type PaddingStyle = {
-        paddingTop: number;
-        paddingBottom: number;
+        paddingVertical: number;
         paddingLeft: number;
         paddingRight: number;
       };
@@ -51,42 +52,36 @@ const useStyles = ({
       > = {
         md: {
           flat: {
-            paddingTop: t.spacings.s12,
-            paddingBottom: t.spacings.s12,
+            paddingVertical: t.spacings.s12,
             paddingLeft: t.spacings.s16,
-            paddingRight: t.spacings.s16,
+            paddingRight: hideChevron ? t.spacings.s16 : t.spacings.s12,
           },
           rounded: {
-            paddingTop: t.spacings.s8,
-            paddingBottom: t.spacings.s8,
+            paddingVertical: t.spacings.s8,
             paddingLeft: t.spacings.s8,
-            paddingRight: t.spacings.s16,
+            paddingRight: hideChevron ? t.spacings.s16 : t.spacings.s12,
           },
           none: {
-            paddingTop: t.spacings.s14,
-            paddingBottom: t.spacings.s14,
+            paddingVertical: t.spacings.s14,
             paddingLeft: t.spacings.s16,
-            paddingRight: t.spacings.s16,
+            paddingRight: hideChevron ? t.spacings.s16 : t.spacings.s12,
           },
         },
         sm: {
           flat: {
-            paddingTop: t.spacings.s10,
-            paddingBottom: t.spacings.s10,
+            paddingVertical: t.spacings.s10,
             paddingLeft: t.spacings.s12,
-            paddingRight: t.spacings.s12,
+            paddingRight: hideChevron ? t.spacings.s12 : t.spacings.s8,
           },
           rounded: {
-            paddingTop: t.spacings.s8,
-            paddingBottom: t.spacings.s8,
+            paddingVertical: t.spacings.s8,
             paddingLeft: t.spacings.s8,
-            paddingRight: t.spacings.s10,
+            paddingRight: hideChevron ? t.spacings.s10 : t.spacings.s8,
           },
           none: {
-            paddingTop: t.spacings.s10,
-            paddingBottom: t.spacings.s10,
+            paddingVertical: t.spacings.s10,
             paddingLeft: t.spacings.s12,
-            paddingRight: t.spacings.s12,
+            paddingRight: hideChevron ? t.spacings.s12 : t.spacings.s8,
           },
         },
       };
@@ -127,7 +122,7 @@ const useStyles = ({
         },
       };
     },
-    [appearance, size, disabled, pressed, leadingContentShape],
+    [appearance, size, disabled, pressed, leadingContentShape, hideChevron],
   );
 };
 
@@ -221,6 +216,7 @@ const MediaButtonContent = ({
     disabled,
     pressed,
     leadingContentShape,
+    hideChevron,
   });
 
   return (

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');
+    });
   });
 });