@ledgerhq/lumen-ui-rnative 0.0.45 → 0.0.47

package/dist/src/lib/Components/BottomSheet/CustomBackdrop.js

@@ -1,11 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BottomSheetBackdrop as GorhomBottomSheetBackdrop } from '@gorhom/bottom-sheet';
-import { cssInterop } from 'nativewind';
-const StyledCustomBackdrop = cssInterop(GorhomBottomSheetBackdrop, {
-    className: 'style',
-});
+import { useStyleSheet } from '../../../styles';
+const useStyles = () => {
+    return useStyleSheet((t) => ({
+        backdrop: {
+            backgroundColor: t.colors.bg.canvasOverlay,
+        },
+    }), []);
+};
 export const CustomBackdrop = ({ backdropPressBehavior, onPress, ...props }) => {
-    return (_jsx(StyledCustomBackdrop, { ...props, className: 'bg-canvas-overlay', opacity: 1, appearsOnIndex: 0, disappearsOnIndex: -1, pressBehavior: backdropPressBehavior, onPress: () => {
+    const styles = useStyles();
+    return (_jsx(GorhomBottomSheetBackdrop, { ...props, style: styles.backdrop, opacity: 1, appearsOnIndex: 0, disappearsOnIndex: -1, pressBehavior: backdropPressBehavior, onPress: () => {
             console.log('onPress');
             onPress?.();
         } }));

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

@@ -1 +1 @@
-{"version":3,"file":"CustomHandle.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/BottomSheet/CustomHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAEjF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,eAAO,MAAM,YAAY,uGAavB,CAAC"}
+{"version":3,"file":"CustomHandle.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/BottomSheet/CustomHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAEjF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAyBpC,eAAO,MAAM,YAAY,uGAWvB,CAAC"}

package/dist/src/lib/Components/BottomSheet/CustomHandle.js

@@ -1,7 +1,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { View } from 'react-native';
+import { useStyleSheet } from '../../../styles';
+const useStyles = () => {
+    return useStyleSheet((t) => ({
+        container: {
+            height: t.spacings.s16,
+            width: t.sizes.s80,
+            alignItems: 'center',
+            justifyContent: 'center',
+            alignSelf: 'center',
+            backgroundColor: t.colors.bg.canvasSheet,
+        },
+        handle: {
+            height: t.spacings.s4,
+            width: t.sizes.s36,
+            borderRadius: t.borderRadius.full,
+            backgroundColor: t.colors.bg.mutedPressed,
+        },
+    }), []);
+};
 export const CustomHandle = forwardRef((props, ref) => {
-    return (_jsx(View, { ...props, ref: ref, className: 'h-16 w-80 items-center justify-center self-center bg-canvas-sheet', children: _jsx(View, { className: 'h-4 w-36 rounded-full bg-muted-pressed' }) }));
+    const styles = useStyles();
+    return (_jsx(View, { ...props, ref: ref, style: styles.container, children: _jsx(View, { style: styles.handle }) }));
 });
 CustomHandle.displayName = 'CustomHandle';

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

@@ -1,10 +1,5 @@
-import { BottomSheetView as GorhomBottomSheetView, BottomSheetFlatList as GorhomBottomSheetFlatList, BottomSheetSectionList as GorhomBottomSheetSectionList, BottomSheetScrollView as GorhomBottomSheetScrollView, BottomSheetVirtualizedList as GorhomBottomSheetVirtualizedList } from '@gorhom/bottom-sheet';
 import { FC } from 'react';
-export type BottomSheetViewProps = Parameters<typeof GorhomBottomSheetView>[0];
-export type BottomSheetFlatListProps = Parameters<typeof GorhomBottomSheetFlatList>[0];
-export type BottomSheetSectionListProps = Parameters<typeof GorhomBottomSheetSectionList>[0];
-export type BottomSheetScrollViewProps = Parameters<typeof GorhomBottomSheetScrollView>[0];
-export type BottomSheetVirtualizedListProps = Parameters<typeof GorhomBottomSheetVirtualizedList>[0];
+import { BottomSheetViewProps } from './types';
 export declare const BottomSheetView: FC<BottomSheetViewProps>;
 export declare const BottomSheetFlatList: import("react").ForwardRefExoticComponent<Omit<import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetFlatListProps<unknown>, "ref"> & import("react").RefAttributes<import("@gorhom/bottom-sheet").BottomSheetFlatListMethods>>;
 export declare const BottomSheetSectionList: import("react").ForwardRefExoticComponent<Omit<import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetSectionListProps<unknown, unknown>, "ref"> & import("react").RefAttributes<import("@gorhom/bottom-sheet").BottomSheetSectionListMethods>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Scrollables.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/BottomSheet/Scrollables.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,qBAAqB,EACxC,mBAAmB,IAAI,yBAAyB,EAChD,sBAAsB,IAAI,4BAA4B,EACtD,qBAAqB,IAAI,2BAA2B,EACpD,0BAA0B,IAAI,gCAAgC,EAC/D,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C,OAAO,yBAAyB,CACjC,CAAC,CAAC,CAAC,CAAC;AACL,MAAM,MAAM,2BAA2B,GAAG,UAAU,CAClD,OAAO,4BAA4B,CACpC,CAAC,CAAC,CAAC,CAAC;AACL,MAAM,MAAM,0BAA0B,GAAG,UAAU,CACjD,OAAO,2BAA2B,CACnC,CAAC,CAAC,CAAC,CAAC;AACL,MAAM,MAAM,+BAA+B,GAAG,UAAU,CACtD,OAAO,gCAAgC,CACxC,CAAC,CAAC,CAAC,CAAC;AAoBL,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAUpD,CAAC;AAGF,eAAO,MAAM,mBAAmB,2QAa9B,CAAC;AAGH,eAAO,MAAM,sBAAsB,0RAajC,CAAC;AAGH,eAAO,MAAM,qBAAqB,sQAahC,CAAC;AAGH,eAAO,MAAM,0BAA0B,yRAarC,CAAC"}
+{"version":3,"file":"Scrollables.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/BottomSheet/Scrollables.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAGvC,OAAO,EACL,oBAAoB,EAKrB,MAAM,SAAS,CAAC;AAejB,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAepD,CAAC;AAGF,eAAO,MAAM,mBAAmB,2QAe9B,CAAC;AAGH,eAAO,MAAM,sBAAsB,0RAejC,CAAC;AAGH,eAAO,MAAM,qBAAqB,sQAehC,CAAC;AAGH,eAAO,MAAM,0BAA0B,yRAerC,CAAC"}

package/dist/src/lib/Components/BottomSheet/Scrollables.js

@@ -1,41 +1,38 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BottomSheetView as GorhomBottomSheetView, BottomSheetFlatList as GorhomBottomSheetFlatList, BottomSheetSectionList as GorhomBottomSheetSectionList, BottomSheetScrollView as GorhomBottomSheetScrollView, BottomSheetVirtualizedList as GorhomBottomSheetVirtualizedList, } from '@gorhom/bottom-sheet';
-import { cn } from '@ledgerhq/lumen-utils-shared';
-import { cva } from 'class-variance-authority';
-import { cssInterop } from 'nativewind';
 import { forwardRef } from 'react';
-const styles = cva('flex-1 px-16 pb-16');
-// Apply cssInterop to map className to style prop for Gorhom components
-const StyledBottomSheetView = cssInterop(GorhomBottomSheetView, {
-    className: 'style',
-});
-const StyledBottomSheetFlatList = cssInterop(GorhomBottomSheetFlatList, {
-    className: 'style',
-});
-const StyledBottomSheetSectionList = cssInterop(GorhomBottomSheetSectionList, {
-    className: 'style',
-});
-const StyledBottomSheetScrollView = cssInterop(GorhomBottomSheetScrollView, {
-    className: 'style',
-});
-const StyledBottomSheetVirtualizedList = cssInterop(GorhomBottomSheetVirtualizedList, { className: 'style' });
-export const BottomSheetView = ({ children, className, ...props }) => {
-    return (_jsx(StyledBottomSheetView, { className: cn(className, styles()), ...props, children: children }));
+import { useStyleSheet } from '../../../styles';
+const useScrollableStyles = () => {
+    return useStyleSheet((t) => ({
+        container: {
+            flex: 1,
+            paddingHorizontal: t.spacings.s16,
+            paddingBottom: t.spacings.s16,
+        },
+    }), []);
+};
+export const BottomSheetView = ({ children, style, ...props }) => {
+    const styles = useScrollableStyles();
+    return (_jsx(GorhomBottomSheetView, { style: [styles.container, style], ...props, children: children }));
 };
 BottomSheetView.displayName = 'BottomSheetView';
-export const BottomSheetFlatList = forwardRef(({ children, className, ...props }, ref) => {
-    return (_jsx(StyledBottomSheetFlatList, { ref: ref, className: cn(className, styles()), ...props, children: children }));
+export const BottomSheetFlatList = forwardRef(({ children, style, ...props }, ref) => {
+    const styles = useScrollableStyles();
+    return (_jsx(GorhomBottomSheetFlatList, { ref: ref, style: [styles.container, style], ...props, children: children }));
 });
 BottomSheetFlatList.displayName = 'BottomSheetFlatList';
-export const BottomSheetSectionList = forwardRef(({ children, className, ...props }, ref) => {
-    return (_jsx(StyledBottomSheetSectionList, { ref: ref, className: cn(className, styles()), ...props, children: children }));
+export const BottomSheetSectionList = forwardRef(({ children, style, ...props }, ref) => {
+    const styles = useScrollableStyles();
+    return (_jsx(GorhomBottomSheetSectionList, { ref: ref, style: [styles.container, style], ...props, children: children }));
 });
 BottomSheetSectionList.displayName = 'BottomSheetSectionList';
-export const BottomSheetScrollView = forwardRef(({ children, className, ...props }, ref) => {
-    return (_jsx(StyledBottomSheetScrollView, { ref: ref, className: cn(className, styles()), ...props, children: children }));
+export const BottomSheetScrollView = forwardRef(({ children, style, ...props }, ref) => {
+    const styles = useScrollableStyles();
+    return (_jsx(GorhomBottomSheetScrollView, { ref: ref, style: [styles.container, style], ...props, children: children }));
 });
 BottomSheetScrollView.displayName = 'BottomSheetScrollView';
-export const BottomSheetVirtualizedList = forwardRef(({ children, className, ...props }, ref) => {
-    return (_jsx(StyledBottomSheetVirtualizedList, { ref: ref, className: cn(className, styles()), ...props, children: children }));
+export const BottomSheetVirtualizedList = forwardRef(({ children, style, ...props }, ref) => {
+    const styles = useScrollableStyles();
+    return (_jsx(GorhomBottomSheetVirtualizedList, { ref: ref, style: [styles.container, style], ...props, children: children }));
 });
 BottomSheetVirtualizedList.displayName = 'BottomSheetVirtualizedList';

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

@@ -1,5 +1,6 @@
+import { BottomSheetView as GorhomBottomSheetView, BottomSheetFlatList as GorhomBottomSheetFlatList, BottomSheetSectionList as GorhomBottomSheetSectionList, BottomSheetScrollView as GorhomBottomSheetScrollView, BottomSheetVirtualizedList as GorhomBottomSheetVirtualizedList } from '@gorhom/bottom-sheet';
 import { PropsWithChildren, ReactNode } from 'react';
-import { ViewProps } from 'react-native';
+import { StyledViewProps } from '../../../styles';
 export type BottomSheetProps = PropsWithChildren & {
     /**
      * Used to locate this view in end-to-end tests.
@@ -96,7 +97,7 @@ export type BottomSheetProps = PropsWithChildren & {
      */
     enableBlurKeyboardOnGesture?: boolean;
 };
-export type BottomSheetHeaderProps = ViewProps & {
+export type BottomSheetHeaderProps = {
     /**
      * The appearance of the header.
      * @default 'compact'
@@ -116,5 +117,10 @@ export type BottomSheetHeaderProps = ViewProps & {
      * @default false
      */
     spacing?: boolean;
-};
+} & Omit<StyledViewProps, 'children'>;
+export type BottomSheetViewProps = Parameters<typeof GorhomBottomSheetView>[0];
+export type BottomSheetFlatListProps = Parameters<typeof GorhomBottomSheetFlatList>[0];
+export type BottomSheetSectionListProps = Parameters<typeof GorhomBottomSheetSectionList>[0];
+export type BottomSheetScrollViewProps = Parameters<typeof GorhomBottomSheetScrollView>[0];
+export type BottomSheetVirtualizedListProps = Parameters<typeof GorhomBottomSheetVirtualizedList>[0];
 //# sourceMappingURL=types.d.ts.map

package/dist/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":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,UAAU,CAAC,EACP,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,MAAM,EAAE,GACR,MAAM,EAAE,GACR,IAAI,CAAC;IACT;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,MAAM,CAAC;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAClE;;;OAGG;IACH,SAAS,CAAC,EAAE,CACV,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,KACf,IAAI,CAAC;IACV;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAClD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG;IAC/C;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/BottomSheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,qBAAqB,EACxC,mBAAmB,IAAI,yBAAyB,EAChD,sBAAsB,IAAI,4BAA4B,EACtD,qBAAqB,IAAI,2BAA2B,EACpD,0BAA0B,IAAI,gCAAgC,EAC/D,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,UAAU,CAAC,EACP,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,MAAM,EAAE,GACR,MAAM,EAAE,GACR,IAAI,CAAC;IACT;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,MAAM,CAAC;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAClE;;;OAGG;IACH,SAAS,CAAC,EAAE,CACV,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,KACf,IAAI,CAAC;IACV;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAClD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C,OAAO,yBAAyB,CACjC,CAAC,CAAC,CAAC,CAAC;AACL,MAAM,MAAM,2BAA2B,GAAG,UAAU,CAClD,OAAO,4BAA4B,CACpC,CAAC,CAAC,CAAC,CAAC;AACL,MAAM,MAAM,0BAA0B,GAAG,UAAU,CACjD,OAAO,2BAA2B,CACnC,CAAC,CAAC,CAAC,CAAC;AACL,MAAM,MAAM,+BAA+B,GAAG,UAAU,CACtD,OAAO,gCAAgC,CACxC,CAAC,CAAC,CAAC,CAAC"}

package/dist/src/lib/Components/Button/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAQ,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiInC;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;YA9GnB,CAAJ;aACU,CAAC;;;;iGA4JV,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAoB,IAAI,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAoInC;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;YA5Gf,CAAC;aAEL,CAAC;;;;iGAyJJ,CAAC"}

package/dist/src/lib/Components/Button/BaseButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Text, View } from 'react-native';
-import { LumenStyleSheet, mergeStyles } from '../../../styles';
+import { StyleSheet, Text, View } from 'react-native';
+import { useStyleSheet } from '../../../styles';
 import { Spinner } from '../Spinner';
 import { Pressable } from '../Utility';
 const iconSizeMap = {
@@ -11,17 +11,16 @@ const iconSizeMap = {
     lg: 24,
 };
 const useRootStyles = ({ isFull }) => {
-    return LumenStyleSheet.useCreate((t) => {
+    return useStyleSheet((t) => {
         return {
             root: {
                 width: isFull ? t.sizes.full : 'auto',
-                borderRadius: t.borderRadius.full,
             },
         };
     }, [isFull]);
 };
 const useStyles = ({ appearance, size, disabled, pressed, iconOnly, isFull, }) => {
-    return LumenStyleSheet.useCreate((t) => {
+    return useStyleSheet((t) => {
         const bgColors = {
             base: t.colors.bg.interactive,
             gray: t.colors.bg.muted,
@@ -63,23 +62,34 @@ const useStyles = ({ appearance, size, disabled, pressed, iconOnly, isFull, }) =
             : t.typographies.body1SemiBold;
         const currentSizeStyle = sizeStyles[size];
         return {
-            container: mergeStyles({
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'center',
-                backgroundColor: bgColors[appearance],
-            }, iconOnly
-                ? { padding: iconOnlyPadding[size] }
-                : {
-                    paddingHorizontal: currentSizeStyle.paddingH,
-                    paddingVertical: currentSizeStyle.paddingV,
-                    gap: t.spacings.s8,
-                }, isFull && { width: t.sizes.full }, pressed && { backgroundColor: pressedBgColors[appearance] }, disabled && { backgroundColor: t.colors.bg.disabled }, appearance === 'no-background' &&
-                disabled && { backgroundColor: 'transparent' }),
-            label: mergeStyles(typography, {
-                color: disabled ? t.colors.text.disabled : textColors[appearance],
-                textAlign: 'left',
-            }),
+            container: StyleSheet.flatten([
+                {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    borderRadius: t.borderRadius.full,
+                    backgroundColor: bgColors[appearance],
+                },
+                iconOnly
+                    ? { padding: iconOnlyPadding[size] }
+                    : {
+                        paddingHorizontal: currentSizeStyle.paddingH,
+                        paddingVertical: currentSizeStyle.paddingV,
+                        gap: t.spacings.s8,
+                    },
+                isFull && { width: t.sizes.full },
+                pressed && { backgroundColor: pressedBgColors[appearance] },
+                disabled && { backgroundColor: t.colors.bg.disabled },
+                appearance === 'no-background' &&
+                    disabled && { backgroundColor: 'transparent' },
+            ]),
+            label: StyleSheet.flatten([
+                typography,
+                {
+                    color: disabled ? t.colors.text.disabled : textColors[appearance],
+                    textAlign: 'left',
+                },
+            ]),
             icon: {
                 flexShrink: 0,
                 color: disabled ? t.colors.text.disabled : textColors[appearance],
@@ -94,7 +104,7 @@ const useStyles = ({ appearance, size, disabled, pressed, iconOnly, isFull, }) =
  */
 export const BaseButton = React.forwardRef(({ lx, style, children, appearance = 'base', size = 'md', isFull = false, loading = false, icon: IconProp, disabled = false, ...props }, ref) => {
     const rootStyles = useRootStyles({ isFull });
-    return (_jsx(Pressable, { ref: ref, lx: lx, style: [style, rootStyles.root], disabled: disabled, accessibilityRole: 'button', accessibilityState: { disabled }, ...props, children: ({ pressed }) => (_jsx(BaseButtonContent, { appearance: appearance, size: size, disabled: disabled, pressed: pressed, isFull: isFull, loading: loading, IconProp: IconProp, children: children })) }));
+    return (_jsx(Pressable, { ref: ref, lx: lx, style: StyleSheet.flatten([style, rootStyles.root]), disabled: disabled, accessibilityRole: 'button', accessibilityState: { disabled }, ...props, children: ({ pressed }) => (_jsx(BaseButtonContent, { appearance: appearance, size: size, disabled: disabled, pressed: pressed, isFull: isFull, loading: loading, IconProp: IconProp, children: children })) }));
 });
 const BaseButtonContent = ({ appearance, size, disabled, pressed, isFull, loading, IconProp, children, }) => {
     const calculatedIconSize = iconSizeMap[size];
@@ -107,6 +117,6 @@ const BaseButtonContent = ({ appearance, size, disabled, pressed, isFull, loadin
         iconOnly,
         isFull,
     });
-    return (_jsxs(View, { style: styles.container, testID: 'base-button-content', children: [loading && (_jsx(Spinner, { size: calculatedIconSize, color: styles.icon.color })), !loading && IconProp && (_jsx(IconProp, { size: calculatedIconSize, style: styles.icon })), children && (_jsx(Text, { style: styles.label, numberOfLines: 2, children: children }))] }));
+    return (_jsxs(View, { style: styles.container, testID: 'base-button-content', children: [loading && (_jsx(Spinner, { size: calculatedIconSize, style: { color: styles.icon.color } })), !loading && IconProp && (_jsx(IconProp, { size: calculatedIconSize, style: styles.icon })), children && (_jsx(Text, { style: styles.label, numberOfLines: 2, children: children }))] }));
 };
 BaseButton.displayName = 'BaseButton';

package/dist/src/lib/Components/CardButton/CardButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,IAAI,EAAE,MAAM,cAAc,CAAC;AAuF1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,UAAU;;;;YAlGZ,CAAC;aAAiB,CAAC;;;;;iGA4I7B,CAAC"}
+{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,IAAI,EAAE,MAAM,cAAc,CAAC;AA6FtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,UAAU;;;;YAxGT,CAAC;aACP,CAAC;;;;;iGAiJR,CAAC"}

package/dist/src/lib/Components/CardButton/CardButton.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Text, View } from 'react-native';
-import { LumenStyleSheet, mergeStyles } from '../../../styles';
+import { StyleSheet, Text, View } from 'react-native';
+import { useStyleSheet } from '../../../styles';
 import { ChevronRight } from '../../Symbols';
 import { Pressable } from '../Utility';
 const useStyles = ({ appearance, disabled, pressed, }) => {
-    return LumenStyleSheet.useCreate((t) => {
+    return useStyleSheet((t) => {
         const bgColors = {
             base: t.colors.bg.muted,
             outline: 'transparent',
@@ -15,44 +15,57 @@ const useStyles = ({ appearance, disabled, pressed, }) => {
             outline: t.colors.bg.baseTransparentPressed,
         };
         return {
-            container: mergeStyles({
-                flexDirection: 'row',
-                alignItems: 'center',
-                width: t.sizes.full,
-                gap: t.spacings.s12,
-                padding: t.spacings.s12,
-                borderRadius: t.borderRadius.sm,
-                backgroundColor: bgColors[appearance],
-            }, appearance === 'outline' && {
-                borderStyle: 'dashed',
-                borderWidth: t.borderWidth.s1,
-                borderColor: t.colors.border.mutedSubtle,
-            }, pressed && {
-                backgroundColor: pressedBgColors[appearance],
-            }, pressed &&
+            container: StyleSheet.flatten([
+                {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    width: t.sizes.full,
+                    gap: t.spacings.s12,
+                    padding: t.spacings.s12,
+                    borderRadius: t.borderRadius.sm,
+                    backgroundColor: bgColors[appearance],
+                },
                 appearance === 'outline' && {
-                borderColor: t.colors.border.mutedSubtlePressed,
-            }, disabled && {
-                backgroundColor: appearance === 'outline' ? 'transparent' : t.colors.bg.disabled,
-            }, disabled &&
-                appearance === 'outline' && {
-                borderColor: t.colors.border.disabled,
-            }),
+                    borderStyle: 'dashed',
+                    borderWidth: t.borderWidth.s1,
+                    borderColor: t.colors.border.mutedSubtle,
+                },
+                pressed && {
+                    backgroundColor: pressedBgColors[appearance],
+                },
+                pressed &&
+                    appearance === 'outline' && {
+                    borderColor: t.colors.border.mutedSubtlePressed,
+                },
+                disabled && {
+                    backgroundColor: appearance === 'outline' ? 'transparent' : t.colors.bg.disabled,
+                },
+                disabled &&
+                    appearance === 'outline' && {
+                    borderColor: t.colors.border.disabled,
+                },
+            ]),
             contentWrapper: {
                 flex: 1,
                 minWidth: 0,
                 flexDirection: 'column',
                 gap: t.spacings.s4,
             },
-            title: mergeStyles(t.typographies.body1SemiBold, {
-                color: disabled ? t.colors.text.disabled : t.colors.text.base,
-                minWidth: 0,
-                textAlign: 'left',
-            }),
-            description: mergeStyles(t.typographies.body2, {
-                color: disabled ? t.colors.text.disabled : t.colors.text.base,
-                minWidth: 0,
-            }),
+            title: StyleSheet.flatten([
+                t.typographies.body1SemiBold,
+                {
+                    color: disabled ? t.colors.text.disabled : t.colors.text.base,
+                    minWidth: 0,
+                    textAlign: 'left',
+                },
+            ]),
+            description: StyleSheet.flatten([
+                t.typographies.body2,
+                {
+                    color: disabled ? t.colors.text.disabled : t.colors.text.base,
+                    minWidth: 0,
+                },
+            ]),
             icon: {
                 flexShrink: 0,
                 color: disabled ? t.colors.text.disabled : t.colors.text.base,
@@ -90,7 +103,7 @@ const useStyles = ({ appearance, disabled, pressed, }) => {
  * />
  */
 export const CardButton = React.forwardRef(({ lx, style, appearance = 'base', icon, title, description, hideChevron, disabled = false, ...props }, ref) => {
-    return (_jsx(Pressable, { ref: ref, lx: lx, style: [style, { flex: 1 }], disabled: disabled, accessibilityRole: 'button', accessibilityState: { disabled }, ...props, children: ({ pressed }) => (_jsx(CardButtonContent, { appearance: appearance, disabled: disabled, pressed: pressed, icon: icon, title: title, description: description, hideChevron: hideChevron })) }));
+    return (_jsx(Pressable, { ref: ref, lx: lx, style: StyleSheet.flatten([style, { flex: 1 }]), disabled: disabled, accessibilityRole: 'button', accessibilityState: { disabled }, ...props, children: ({ pressed }) => (_jsx(CardButtonContent, { appearance: appearance, disabled: disabled, pressed: pressed, icon: icon, title: title, description: description, hideChevron: hideChevron })) }));
 });
 const CardButtonContent = ({ appearance, disabled, pressed, icon, title, description, hideChevron, }) => {
     const IconComponent = icon;

package/dist/src/lib/Components/Checkbox/BaseCheckbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCheckbox.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Checkbox/BaseCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAoC,IAAI,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EACL,cAAc,EAEd,uBAAuB,EAGxB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAkDxC,KAAK,qBAAqB,GAAG,uBAAuB,GAAG;IACrD,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACtC,CAAC;AAKF,QAAA,MAAM,gBAAgB;;;;;;cATV,aAAa,CAAC,SAAS,CAAC;sBAChB,aAAa,CAAC,iBAAiB,CAAC;eACvC,aAAa,CAAC,UAAU,CAAC;eACzB,aAAa,CAAC,UAAU,CAAC;8BAqBrC,CAAC;AAgDF,QAAA,MAAM,qBAAqB;;8BA2BzB,CAAC;AAGH,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"BaseCheckbox.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Checkbox/BaseCheckbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAGL,IAAI,EAEL,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,cAAc,EAEd,uBAAuB,EAGxB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAMxC,KAAK,qBAAqB,GAAG,uBAAuB,GAAG;IACrD,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACtC,CAAC;AAKF,QAAA,MAAM,gBAAgB;;;;;;cATV,aAAa,CAAC,SAAS,CAAC;sBAChB,aAAa,CAAC,iBAAiB,CAAC;eACvC,aAAa,CAAC,UAAU,CAAC;eACzB,aAAa,CAAC,UAAU,CAAC;8BAqBrC,CAAC;AA+CF,QAAA,MAAM,qBAAqB;;8BA6BzB,CAAC;AA0DH,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAC"}

package/dist/src/lib/Components/Checkbox/BaseCheckbox.js

@@ -1,51 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-import { cva } from 'class-variance-authority';
 import React, { useCallback } from 'react';
-import { Pressable, View } from 'react-native';
-import { cn } from '../../utils';
+import { Pressable, View, StyleSheet, } from 'react-native';
+import { useStyleSheet } from '../../../styles';
 import { SlotPressable, SlotView } from '../Slot';
 const ROOT_COMPONENT_NAME = 'BaseCheckbox';
 const TRIGGER_COMPONENT_NAME = 'BaseCheckboxTrigger';
 const INDICATOR_COMPONENT_NAME = 'BaseCheckboxIndicator';
-const baseCheckboxVariants = {
-    trigger: cva([
-        'size-20 shrink-0 rounded-xs transition-colors',
-        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2',
-    ], {
-        variants: {
-            checked: { true: '', false: 'border' },
-            disabled: { true: '', false: '' },
-        },
-        compoundVariants: [
-            {
-                checked: true,
-                disabled: false,
-                className: 'bg-active text-on-accent hover:bg-active-hover active:bg-active-pressed',
-            },
-            {
-                checked: false,
-                disabled: false,
-                className: 'border-muted bg-base hover:bg-base-hover active:bg-base-pressed',
-            },
-            {
-                checked: true,
-                disabled: true,
-                className: 'bg-disabled text-disabled',
-            },
-            {
-                checked: false,
-                disabled: true,
-                className: 'border-disabled bg-base',
-            },
-        ],
-        defaultVariants: {
-            checked: false,
-            disabled: false,
-        },
-    }),
-    indicator: cva(['flex size-full items-center justify-center']),
-};
 const [BaseCheckboxProvider, useBaseCheckboxContext] = createSafeContext(ROOT_COMPONENT_NAME);
 const BaseCheckboxRoot = React.forwardRef(({ disabled = false, checked, onCheckedChange, nativeID, ...props }, ref) => {
     return (_jsx(BaseCheckboxProvider, { value: {
@@ -56,11 +17,12 @@ const BaseCheckboxRoot = React.forwardRef(({ disabled = false, checked, onChecke
         }, children: _jsx(BaseCheckboxTrigger, { ref: ref, ...props }) }));
 });
 BaseCheckboxRoot.displayName = ROOT_COMPONENT_NAME;
-const BaseCheckboxTrigger = React.forwardRef(({ asChild, onPress: onPressProp, className, ...props }, ref) => {
+const BaseCheckboxTrigger = React.forwardRef(({ asChild, onPress: onPressProp, ...props }, ref) => {
     const { disabled, checked, onCheckedChange, nativeID } = useBaseCheckboxContext({
         consumerName: TRIGGER_COMPONENT_NAME,
         contextRequired: true,
     });
+    const styles = useStyles({ checked: !!checked, disabled: !!disabled });
     const onPress = useCallback((ev) => {
         if (disabled)
             return;
@@ -69,24 +31,69 @@ const BaseCheckboxTrigger = React.forwardRef(({ asChild, onPress: onPressProp, c
         onPressProp?.(ev);
     }, [disabled, checked, onCheckedChange, onPressProp]);
     const Component = asChild ? SlotPressable : Pressable;
-    return (_jsx(Component, { ref: ref, nativeID: nativeID, "aria-disabled": disabled, role: 'checkbox', "aria-checked": checked, onPress: onPress, className: cn(baseCheckboxVariants.trigger({ checked, disabled }), className), accessibilityState: {
+    return (_jsx(Component, { ref: ref, nativeID: nativeID, "aria-disabled": disabled, role: 'checkbox', "aria-checked": checked, onPress: onPress, style: styles.trigger, accessibilityState: {
             checked,
             disabled,
         }, disabled: disabled, ...props }));
 });
 BaseCheckboxTrigger.displayName = TRIGGER_COMPONENT_NAME;
-const BaseCheckboxIndicator = React.forwardRef(({ asChild, forceMount, className, ...props }, ref) => {
+const BaseCheckboxIndicator = React.forwardRef(({ asChild, forceMount, ...props }, ref) => {
     const { checked, disabled } = useBaseCheckboxContext({
         consumerName: INDICATOR_COMPONENT_NAME,
         contextRequired: true,
     });
+    const styles = useStyles({ checked: !!checked, disabled: !!disabled });
     if (!forceMount) {
         if (!checked) {
             return null;
         }
     }
     const Component = asChild ? SlotView : View;
-    return (_jsx(Component, { ref: ref, className: baseCheckboxVariants.indicator({ className }), "aria-disabled": disabled, "aria-hidden": !(forceMount || checked), role: 'presentation', ...props }));
+    return (_jsx(Component, { ref: ref, style: styles.indicator, "aria-disabled": disabled, "aria-hidden": !(forceMount || checked), role: 'presentation', ...props }));
 });
+const useStyles = ({ checked, disabled, }) => {
+    return useStyleSheet((t) => {
+        return {
+            trigger: StyleSheet.flatten([
+                {
+                    width: t.sizes.s20,
+                    height: t.sizes.s20,
+                    flexShrink: 0,
+                    borderRadius: t.borderRadius.xs,
+                },
+                !checked && {
+                    borderWidth: t.borderWidth.s1,
+                },
+                checked &&
+                    !disabled && {
+                    backgroundColor: t.colors.bg.active,
+                    color: t.colors.text.onAccent,
+                },
+                !checked &&
+                    !disabled && {
+                    borderColor: t.colors.border.muted,
+                    backgroundColor: t.colors.bg.base,
+                },
+                checked &&
+                    disabled && {
+                    backgroundColor: t.colors.bg.disabled,
+                    color: t.colors.text.disabled,
+                },
+                !checked &&
+                    disabled && {
+                    borderColor: t.colors.border.disabled,
+                    backgroundColor: t.colors.bg.base,
+                },
+            ]),
+            indicator: {
+                flex: 1,
+                width: t.sizes.full,
+                height: t.sizes.full,
+                alignItems: 'center',
+                justifyContent: 'center',
+            },
+        };
+    }, [checked, disabled]);
+};
 BaseCheckboxIndicator.displayName = INDICATOR_COMPONENT_NAME;
 export { BaseCheckboxIndicator, BaseCheckboxRoot };

package/dist/src/lib/Components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { View } from 'react-native';
 /**
  * The checkbox follows the design system tokens and supports checked, unchecked,
  * disabled, and focus states with proper hover and active interactions.
@@ -7,11 +6,11 @@ import { View } from 'react-native';
  * @see {@link https://ldls.vercel.app/?path=/docs/react-native_selection-checkbox--docs Storybook}
  * @see {@link https://ldls.vercel.app/?path=/docs/react-native_selection-checkbox--docs#dos-and-donts Guidelines}
  *
- * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
+ * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the checkbox's core appearance.
  *
  * @example
- * import { Checkbox } from '@ledgerhq/lumen-ui-react';
+ * import { Checkbox } from '@ledgerhq/lumen-ui-rnative';
  *
  * // Basic controlled checkbox
  * const [checked, setChecked] = useState(false);
@@ -30,10 +29,7 @@ export declare const Checkbox: React.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
     defaultChecked?: boolean;
     label?: React.ReactNode;
-} & Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
-    asChild?: boolean;
 } & {
-    onKeyDown?: (ev: React.KeyboardEvent) => void;
-    onKeyUp?: (ev: React.KeyboardEvent) => void;
-} & React.RefAttributes<View>>;
+    lx?: import("../../../styles").LumenViewStyle;
+} & import("react-native").ViewProps & React.RefAttributes<import("react-native").View>>;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/src/lib/Components/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAoBpC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;8BA2CpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ;;;;;;;;wFA4CpB,CAAC"}