@ledgerhq/lumen-ui-rnative 0.0.55 → 0.0.57-0

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

@@ -1,6 +1,5 @@
 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 { forwardRef } from 'react';
 import { useStyleSheet } from '../../../styles';
 const useScrollableStyles = () => {
     return useStyleSheet((t) => ({
@@ -16,23 +15,23 @@ export const BottomSheetView = ({ children, style, ...props }) => {
     return (_jsx(GorhomBottomSheetView, { style: [styles.container, style], ...props, children: children }));
 };
 BottomSheetView.displayName = 'BottomSheetView';
-export const BottomSheetFlatList = forwardRef(({ children, style, ...props }, ref) => {
+export const BottomSheetFlatList = ({ children, style, ref, ...props }) => {
     const styles = useScrollableStyles();
     return (_jsx(GorhomBottomSheetFlatList, { ref: ref, style: [styles.container, style], ...props, children: children }));
-});
+};
 BottomSheetFlatList.displayName = 'BottomSheetFlatList';
-export const BottomSheetSectionList = forwardRef(({ children, style, ...props }, ref) => {
+export const BottomSheetSectionList = ({ children, style, ref, ...props }) => {
     const styles = useScrollableStyles();
     return (_jsx(GorhomBottomSheetSectionList, { ref: ref, style: [styles.container, style], ...props, children: children }));
-});
+};
 BottomSheetSectionList.displayName = 'BottomSheetSectionList';
-export const BottomSheetScrollView = forwardRef(({ children, style, ...props }, ref) => {
+export const BottomSheetScrollView = ({ children, style, ref, ...props }) => {
     const styles = useScrollableStyles();
     return (_jsx(GorhomBottomSheetScrollView, { ref: ref, style: [styles.container, style], ...props, children: children }));
-});
+};
 BottomSheetScrollView.displayName = 'BottomSheetScrollView';
-export const BottomSheetVirtualizedList = forwardRef(({ children, style, ...props }, ref) => {
+export const BottomSheetVirtualizedList = ({ children, style, ref, ...props }) => {
     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,7 +1,11 @@
-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 GorghomBottomSheet, { BottomSheetView as GorhomBottomSheetView, BottomSheetFlatList as GorhomBottomSheetFlatList, BottomSheetSectionList as GorhomBottomSheetSectionList, BottomSheetScrollView as GorhomBottomSheetScrollView, BottomSheetVirtualizedList as GorhomBottomSheetVirtualizedList } from '@gorhom/bottom-sheet';
+import { PropsWithChildren, ReactNode, Ref } from 'react';
 import { StyledViewProps } from '../../../styles';
 export type BottomSheetProps = PropsWithChildren & {
+    /**
+     * Ref to the bottom sheet component.
+     */
+    ref?: Ref<React.ElementRef<typeof GorghomBottomSheet>>;
     /**
      * Used to locate this view in end-to-end tests.
      */

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

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

@@ -1,3 +1,3 @@
-export declare const useBottomSheetRef: () => import("react").RefObject<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods>;
+export declare const useBottomSheetRef: () => import("react").RefObject<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods | null>;
 export { useBottomSheet } from '@gorhom/bottom-sheet';
 //# sourceMappingURL=useBottomSheetRef.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBottomSheetRef.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/BottomSheet/useBottomSheetRef.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yGAI7B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"useBottomSheetRef.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/BottomSheet/useBottomSheetRef.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,gHAI7B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -1,21 +1,11 @@
-import React from 'react';
-import { View } from 'react-native';
-import { IconSize } from '../Icon';
+import { BaseButtonProps } from './types';
 /**
  * Base button component
  * @default appearance 'base'
  * @default size 'md'
  */
-export declare const BaseButton: React.ForwardRefExoticComponent<{
-    appearance?: "base" | "gray" | "accent" | "transparent" | "no-background" | "red";
-    size?: "xs" | "sm" | "md" | "lg";
-    isFull?: boolean;
-    loading?: boolean;
-    icon?: React.ComponentType<{
-        size?: IconSize;
-        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
-    }>;
-    disabled?: boolean;
-    children?: React.ReactNode;
-} & Omit<import("../../../styles").StyledPressableProps, "children"> & React.RefAttributes<View>>;
+export declare const BaseButton: {
+    ({ lx, style, children, appearance, size, isFull, loading, icon: IconProp, disabled, ref, ...props }: BaseButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=BaseButton.d.ts.map

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,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"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAiI1C;;;;GAIG;AACH,eAAO,MAAM,UAAU;0GAYpB,eAAe;;CA4BjB,CAAC"}

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 import { Spinner } from '../Spinner';
@@ -102,10 +101,10 @@ const useStyles = ({ appearance, size, disabled, pressed, iconOnly, isFull, }) =
  * @default appearance 'base'
  * @default size 'md'
  */
-export const BaseButton = React.forwardRef(({ lx, style, children, appearance = 'base', size = 'md', isFull = false, loading = false, icon: IconProp, disabled = false, ...props }, ref) => {
+export const BaseButton = ({ lx, style, children, appearance = 'base', size = 'md', isFull = false, loading = false, icon: IconProp, disabled = false, ref, ...props }) => {
     const rootStyles = useRootStyles({ isFull });
     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];
     const iconOnly = Boolean(IconProp && !children);

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ButtonProps } from './types';
 /**
  * A customizable button component that supports various appearances, sizes, full-width mode, loading states, and optional icons.
  *
@@ -20,7 +20,8 @@ import React from 'react';
  *   Submit
  * </Button>
  */
-export declare const Button: React.ForwardRefExoticComponent<{
-    size?: "sm" | "md" | "lg";
-} & Omit<import("./types").BaseButtonProps, "size"> & React.RefAttributes<import("react-native").View>>;
+export declare const Button: {
+    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;uGAKjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;YAAW,WAAW;;CAExC,CAAC"}

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
 import { BaseButton } from './BaseButton';
 /**
  * A customizable button component that supports various appearances, sizes, full-width mode, loading states, and optional icons.
@@ -22,7 +21,7 @@ import { BaseButton } from './BaseButton';
  *   Submit
  * </Button>
  */
-export const Button = React.forwardRef((props, ref) => {
-    return _jsx(BaseButton, { ref: ref, ...props });
-});
+export const Button = (props) => {
+    return _jsx(BaseButton, { ...props });
+};
 Button.displayName = 'Button';

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

@@ -1,5 +1,4 @@
-import React from 'react';
-import { View } from 'react-native';
+import { CardButtonProps } from './types';
 /**
  * A customizable card button component that displays an optional icon, a required title, an optional description, and an optional chevron arrow.
  *
@@ -29,15 +28,8 @@ import { View } from 'react-native';
  *   appearance="outline"
  * />
  */
-export declare const CardButton: React.ForwardRefExoticComponent<{
-    appearance?: "base" | "outline";
-    disabled?: boolean;
-    icon?: React.ComponentType<{
-        size?: import("../Icon").IconSize;
-        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
-    }>;
-    title: string;
-    description?: string;
-    hideChevron?: boolean;
-} & Omit<import("../../../styles").StyledPressableProps, "disabled"> & React.RefAttributes<View>>;
+export declare const CardButton: {
+    ({ lx, style, appearance, icon, title, description, hideChevron, disabled, ref, ...props }: CardButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=CardButton.d.ts.map

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,EAAoB,IAAI,EAAE,MAAM,cAAc,CAAC;AA6FtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,UAAU;;;;YAxGT,CAAC;aACP,CAAC;;;;;iGAiJR,CAAC"}
+{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAwF1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,UAAU;gGAWpB,eAAe;;CAwBjB,CAAC"}

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 import { ChevronRight } from '../../Symbols';
@@ -102,9 +101,9 @@ const useStyles = ({ appearance, disabled, pressed, }) => {
  *   appearance="outline"
  * />
  */
-export const CardButton = React.forwardRef(({ lx, style, appearance = 'base', icon, title, description, hideChevron, disabled = false, ...props }, ref) => {
+export const CardButton = ({ lx, style, appearance = 'base', icon, title, description, hideChevron, disabled = false, ref, ...props }) => {
     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;
     const styles = useStyles({ appearance, disabled, pressed });

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

@@ -1,6 +1,4 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ForceMountable, SlottablePressableProps } from '../../types';
+import { ForceMountable, SlottablePressableProps, SlottableViewProps } from '../../types';
 import { CheckboxProps } from './types';
 type BaseCheckboxRootProps = SlottablePressableProps & {
     checked?: CheckboxProps['checked'];
@@ -8,19 +6,14 @@ type BaseCheckboxRootProps = SlottablePressableProps & {
     disabled?: CheckboxProps['disabled'];
     nativeID?: CheckboxProps['nativeID'];
 };
-declare const BaseCheckboxRoot: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
-    asChild?: boolean;
-} & {
-    onKeyDown?: (ev: React.KeyboardEvent) => void;
-    onKeyUp?: (ev: React.KeyboardEvent) => void;
-} & {
-    checked?: CheckboxProps["checked"];
-    onCheckedChange?: CheckboxProps["onCheckedChange"];
-    disabled?: CheckboxProps["disabled"];
-    nativeID?: CheckboxProps["nativeID"];
-} & React.RefAttributes<View>>;
-declare const BaseCheckboxIndicator: React.ForwardRefExoticComponent<ForceMountable & import("react-native").ViewProps & {
-    asChild?: boolean;
-} & React.RefAttributes<View>>;
+declare const BaseCheckboxRoot: {
+    ({ disabled, checked, onCheckedChange, nativeID, ref, ...props }: BaseCheckboxRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BaseCheckboxIndicatorProps = ForceMountable & SlottableViewProps;
+declare const BaseCheckboxIndicator: {
+    ({ asChild, forceMount, ref, ...props }: BaseCheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
 export { BaseCheckboxIndicator, BaseCheckboxRoot, type BaseCheckboxRootProps };
 //# sourceMappingURL=BaseCheckbox.d.ts.map

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":"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"}
+{"version":3,"file":"BaseCheckbox.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Checkbox/BaseCheckbox.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,cAAc,EACd,uBAAuB,EACvB,kBAAkB,EACnB,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;sEAOnB,qBAAqB;;CAavB,CAAC;AAgDF,KAAK,0BAA0B,GAAG,cAAc,GAAG,kBAAkB,CAAC;AACtE,QAAA,MAAM,qBAAqB;6CAKxB,0BAA0B;;CA0B5B,CAAC;AA0DF,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAC"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { Pressable, View, StyleSheet, } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 import { SlotPressable, SlotView } from '../Slot';
@@ -8,16 +8,16 @@ const ROOT_COMPONENT_NAME = 'BaseCheckbox';
 const TRIGGER_COMPONENT_NAME = 'BaseCheckboxTrigger';
 const INDICATOR_COMPONENT_NAME = 'BaseCheckboxIndicator';
 const [BaseCheckboxProvider, useBaseCheckboxContext] = createSafeContext(ROOT_COMPONENT_NAME);
-const BaseCheckboxRoot = React.forwardRef(({ disabled = false, checked, onCheckedChange, nativeID, ...props }, ref) => {
+const BaseCheckboxRoot = ({ disabled = false, checked, onCheckedChange, nativeID, ref, ...props }) => {
     return (_jsx(BaseCheckboxProvider, { value: {
             disabled,
             checked,
             onCheckedChange,
             nativeID,
         }, children: _jsx(BaseCheckboxTrigger, { ref: ref, ...props }) }));
-});
+};
 BaseCheckboxRoot.displayName = ROOT_COMPONENT_NAME;
-const BaseCheckboxTrigger = React.forwardRef(({ asChild, onPress: onPressProp, ...props }, ref) => {
+const BaseCheckboxTrigger = ({ asChild, onPress: onPressProp, ref, ...props }) => {
     const { disabled, checked, onCheckedChange, nativeID } = useBaseCheckboxContext({
         consumerName: TRIGGER_COMPONENT_NAME,
         contextRequired: true,
@@ -35,9 +35,9 @@ const BaseCheckboxTrigger = React.forwardRef(({ asChild, onPress: onPressProp, .
             checked,
             disabled,
         }, disabled: disabled, ...props }));
-});
+};
 BaseCheckboxTrigger.displayName = TRIGGER_COMPONENT_NAME;
-const BaseCheckboxIndicator = React.forwardRef(({ asChild, forceMount, ...props }, ref) => {
+const BaseCheckboxIndicator = ({ asChild, forceMount, ref, ...props }) => {
     const { checked, disabled } = useBaseCheckboxContext({
         consumerName: INDICATOR_COMPONENT_NAME,
         contextRequired: true,
@@ -50,7 +50,7 @@ const BaseCheckboxIndicator = React.forwardRef(({ asChild, forceMount, ...props
     }
     const Component = asChild ? SlotView : View;
     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 {

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { CheckboxProps } from './types';
 /**
  * The checkbox follows the design system tokens and supports checked, unchecked,
  * disabled, and focus states with proper hover and active interactions.
@@ -23,13 +23,8 @@ import React from 'react';
  * // Uncontrolled checkbox with default state
  * <Checkbox defaultChecked={true} onCheckedChange={handleChange} />
  */
-export declare const Checkbox: React.ForwardRefExoticComponent<{
-    disabled?: boolean;
-    checked?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-    defaultChecked?: boolean;
-    label?: React.ReactNode;
-} & {
-    lx?: import("../../../styles").LumenViewStyle;
-} & import("react-native").ViewProps & React.RefAttributes<import("react-native").View>>;
+export declare const Checkbox: {
+    ({ lx, style, checked: checkedProp, onCheckedChange: onCheckedChangeProp, defaultChecked, disabled, label, ref, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# 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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ;;;;;;;;wFA4CpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ;gIAUlB,aAAa;;CA2Bf,CAAC"}

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
 import { useStyleSheet } from '../../../styles';
 import { Check } from '../../Symbols';
 import { useControllableState } from '../../utils';
@@ -30,7 +29,7 @@ import { BaseCheckboxIndicator, BaseCheckboxRoot } from './BaseCheckbox';
  * // Uncontrolled checkbox with default state
  * <Checkbox defaultChecked={true} onCheckedChange={handleChange} />
  */
-export const Checkbox = React.forwardRef(({ lx, style, checked: checkedProp, onCheckedChange: onCheckedChangeProp, defaultChecked = false, disabled = false, label, ...props }, ref) => {
+export const Checkbox = ({ lx, style, checked: checkedProp, onCheckedChange: onCheckedChangeProp, defaultChecked = false, disabled = false, label, ref, ...props }) => {
     const [checked, onCheckedChange] = useControllableState({
         prop: checkedProp,
         onChange: onCheckedChangeProp,
@@ -38,7 +37,7 @@ export const Checkbox = React.forwardRef(({ lx, style, checked: checkedProp, onC
     });
     const styles = useStyles({ disabled });
     return (_jsxs(Box, { ref: ref, lx: lx, style: [styles.root, style], ...props, children: [_jsx(BaseCheckboxRoot, { disabled: disabled, checked: checked, onCheckedChange: onCheckedChange, children: _jsx(BaseCheckboxIndicator, { children: _jsx(Check, { size: 16, style: styles.icon }) }) }), label && (_jsx(Label, { disabled: disabled, onPress: () => onCheckedChange(!checked), children: label }))] }));
-});
+};
 const useStyles = ({ disabled }) => {
     return useStyleSheet((t) => {
         return {

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

@@ -1,4 +1,4 @@
-import { View } from 'react-native';
+import { DividerProps } from './types';
 /**
  * A simple divider component for separating content sections.
  *
@@ -19,7 +19,8 @@ import { View } from 'react-native';
  * // With custom styling using lx props
  * <Divider lx={{ marginVertical: 's16' }} />
  */
-export declare const Divider: import("react").ForwardRefExoticComponent<{
-    orientation?: "horizontal" | "vertical";
-} & Omit<import("../../../styles").StyledViewProps, "children"> & import("react").RefAttributes<View>>;
+export declare const Divider: {
+    ({ lx, orientation, ref, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Divider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;;sGAwBnB,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;yCAKjB,YAAY;;CAsBd,CAAC"}

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
 import { Box } from '../Utility';
 /**
  * A simple divider component for separating content sections.
@@ -21,7 +20,7 @@ import { Box } from '../Utility';
  * // With custom styling using lx props
  * <Divider lx={{ marginVertical: 's16' }} />
  */
-export const Divider = forwardRef(({ lx = {}, orientation = 'horizontal', ...props }, ref) => {
+export const Divider = ({ lx = {}, orientation = 'horizontal', ref, ...props }) => {
     return (_jsx(Box, { ref: ref, accessibilityRole: 'none', lx: {
             ...(orientation === 'horizontal'
                 ? {
@@ -36,5 +35,5 @@ export const Divider = forwardRef(({ lx = {}, orientation = 'horizontal', ...pro
                 }),
             ...lx,
         }, ...props }));
-});
+};
 Divider.displayName = 'Divider';

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

@@ -1,11 +1,6 @@
-import { Svg } from 'react-native-svg';
-import { IconSize } from './types';
-export declare const Icon: import("react").ForwardRefExoticComponent<{
-    size?: IconSize;
-    color?: import("../../../styles").LumenTextStyle["color"];
-    children?: React.ReactNode;
-} & {
-    lx?: import("../../../styles").LumenTextStyle;
-    typography?: keyof import("../../../styles").LumenStyleSheetTheme["typographies"];
-} & import("react-native").TextProps & Omit<import("react-native-svg").SvgProps, "style"> & import("react").RefAttributes<Svg>>;
+import { IconProps } from './types';
+export declare const Icon: {
+    ({ size, color, lx, children, viewBox, ref, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,OAAO,EAAa,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiC9C,eAAO,MAAM,IAAI;;;;;;uBACM,8DAAoC;+HAmB1D,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AAiC9C,eAAO,MAAM,IAAI;4DAQd,SAAS;;CAkBX,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from 'react';
+import { useMemo } from 'react';
 import { Svg } from 'react-native-svg';
 import { useResolveTextStyle, useTheme } from '../../../styles';
 const iconSizeMap = {
@@ -26,8 +26,8 @@ const useStyles = (lx, size, color) => {
         };
     }, [size, theme, resolvedStyle]);
 };
-export const Icon = forwardRef(({ size = 24, color, lx = {}, children, viewBox, ...props }, ref) => {
+export const Icon = ({ size = 24, color, lx = {}, children, viewBox, ref, ...props }) => {
     const styles = useStyles(lx, size, color);
     return (_jsx(Svg, { ref: ref, width: styles.container.width, height: styles.container.height, strokeWidth: styles.container.strokeWidth, viewBox: viewBox, color: styles.color, fill: 'none', pointerEvents: 'none', ...props, children: children }));
-});
+};
 Icon.displayName = 'Icon';

package/dist/src/lib/Components/Icon/createIcon.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
-import { Svg, SvgProps } from 'react-native-svg';
+import { SvgProps } from 'react-native-svg';
 import { IconProps } from './types';
 /**
  * Create an Icon component for React Native
  * @param {string} iconName - The name of the icon
  * @param {React.ReactElement} iconJsx - The JSX content of the icon (SVG paths/elements)
- * @returns {ForwardRefExoticComponent} Icon component
+ * @returns {FunctionComponent} Icon component
  */
-declare const createIcon: (iconName: string, iconJsx: React.ReactElement<SvgProps>) => React.ForwardRefExoticComponent<Omit<IconProps, "children"> & React.RefAttributes<Svg>>;
+declare const createIcon: (iconName: string, iconJsx: React.ReactElement<SvgProps>) => {
+    (props: Omit<IconProps, "children">): React.FunctionComponentElement<IconProps>;
+    displayName: string;
+};
 export default createIcon;
 //# sourceMappingURL=createIcon.d.ts.map

package/dist/src/lib/Components/Icon/createIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;GAKG;AACH,QAAA,MAAM,UAAU,GACd,UAAU,MAAM,EAChB,SAAS,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,4FAetC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;GAKG;AACH,QAAA,MAAM,UAAU,aACJ,MAAM,WACP,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC;YAEX,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;;CAUtD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/lib/Components/Icon/createIcon.js

@@ -1,19 +1,18 @@
 import { toPascalCase } from '@ledgerhq/lumen-utils-shared';
-import React, { forwardRef } from 'react';
+import React from 'react';
 import { Icon } from './Icon';
 /**
  * Create an Icon component for React Native
  * @param {string} iconName - The name of the icon
  * @param {React.ReactElement} iconJsx - The JSX content of the icon (SVG paths/elements)
- * @returns {ForwardRefExoticComponent} Icon component
+ * @returns {FunctionComponent} Icon component
  */
 const createIcon = (iconName, iconJsx) => {
-    const Component = forwardRef(({ ...props }, ref) => React.createElement(Icon, {
-        ref,
+    const Component = (props) => React.createElement(Icon, {
         viewBox: iconJsx.props.viewBox,
         ...props,
         children: iconJsx.props.children,
-    }));
+    });
     Component.displayName = toPascalCase(iconName);
     return Component;
 };

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

@@ -1,4 +1,5 @@
-import { SvgProps } from 'react-native-svg';
+import { Ref } from 'react';
+import { Svg, SvgProps } from 'react-native-svg';
 import { LumenTextStyle } from '../../../styles';
 import { TextProps } from '../Utility';
 export type IconSize = 12 | 16 | 20 | 24 | 40 | 48 | 56;
@@ -15,5 +16,9 @@ export type IconProps = {
      * The children of the icon.
      */
     children?: React.ReactNode;
-} & TextProps & Omit<SvgProps, 'style'>;
+    /**
+     * The ref to the Svg component.
+     */
+    ref?: Ref<Svg>;
+} & Omit<TextProps, 'ref'> & Omit<SvgProps, 'style'>;
 //# sourceMappingURL=types.d.ts.map

package/dist/src/lib/Components/Icon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,SAAS,GACX,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;CAChB,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,GACxB,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC"}

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

@@ -1,6 +1,6 @@
-import React from 'react';
-export declare const IconButton: React.ForwardRefExoticComponent<{
-    accessibilityLabel: string;
-    icon: NonNullable<import("..").BaseButtonProps["icon"]>;
-} & Omit<import("..").BaseButtonProps, "isFull"> & React.RefAttributes<import("react-native").View>>;
+import { IconButtonProps } from './types';
+export declare const IconButton: {
+    (props: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=IconButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,UAAU;;;oGAKrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,UAAU;YAAW,eAAe;;CAEhD,CAAC"}

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

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
 import { BaseButton } from '../Button/BaseButton';
-export const IconButton = React.forwardRef((props, ref) => {
-    return _jsx(BaseButton, { ref: ref, ...props });
-});
+export const IconButton = (props) => {
+    return _jsx(BaseButton, { ...props });
+};
 IconButton.displayName = 'IconButton';

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

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { InteractiveIconProps } from './types';
 /**
  * A specialized interactive component designed specifically for displaying pressable icons.
@@ -29,5 +28,8 @@ import { InteractiveIconProps } from './types';
  *   <Settings size={20} />
  * </InteractiveIcon>
  */
-export declare const InteractiveIcon: FC<InteractiveIconProps>;
+export declare const InteractiveIcon: {
+    ({ iconType, children, disabled, style, lx, ...props }: InteractiveIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=InteractiveIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAM9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA0C/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA4BpD,CAAC"}
+{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA0C/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,eAAe;4DAOzB,oBAAoB;;CAqBtB,CAAC"}

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

@@ -60,7 +60,7 @@ const useStyles = ({ iconType, pressed, disabled, }) => {
 export const InteractiveIcon = ({ iconType, children, disabled = false, style, lx, ...props }) => {
     return (_jsx(Pressable, { lx: lx, style: [style, { alignItems: 'center', justifyContent: 'center' }], accessibilityRole: 'button', accessibilityState: { disabled: !!disabled }, disabled: disabled, ...props, children: ({ pressed }) => (_jsx(InteractiveIconContent, { iconType: iconType, pressed: pressed, disabled: !!disabled, children: children })) }));
 };
-const InteractiveIconContent = ({ iconType, pressed, disabled, children }) => {
+const InteractiveIconContent = ({ iconType, pressed, disabled, children, }) => {
     const styles = useStyles({ iconType, pressed, disabled });
     return (_jsx(View, { style: styles.container, children: _jsx(InjectStylesIntoChildren, { style: styles.icon, children: children }) }));
 };