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

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

@@ -1,61 +1,61 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
+import { isValidElement, cloneElement, } from 'react';
 import { StyleSheet, } from 'react-native';
-const SlotPressable = React.forwardRef((props, forwardedRef) => {
+const SlotPressable = ({ ref: forwardedRef, ...props }) => {
     const { children, ...pressableSlotProps } = props;
-    if (!React.isValidElement(children)) {
+    if (!isValidElement(children)) {
         console.error('Slot.Pressable - Invalid asChild element', children);
         return null;
     }
-    return React.cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
+    return cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
         ...mergeProps(pressableSlotProps, children.props),
         ref: forwardedRef
             ? composeRefs(forwardedRef, children.ref)
             : children.ref,
     });
-});
+};
 SlotPressable.displayName = 'SlotPressable';
-const SlotView = React.forwardRef((props, forwardedRef) => {
+const SlotView = ({ ref: forwardedRef, ...props }) => {
     const { children, ...viewSlotProps } = props;
-    if (!React.isValidElement(children)) {
+    if (!isValidElement(children)) {
         console.error('Slot.View - Invalid asChild element', children);
         return null;
     }
-    return React.cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
+    return cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
         ...mergeProps(viewSlotProps, children.props),
         ref: forwardedRef
             ? composeRefs(forwardedRef, children.ref)
             : children.ref,
     });
-});
+};
 SlotView.displayName = 'SlotView';
-const SlotText = React.forwardRef((props, forwardedRef) => {
+const SlotText = ({ ref: forwardedRef, ...props }) => {
     const { children, ...textSlotProps } = props;
-    if (!React.isValidElement(children)) {
+    if (!isValidElement(children)) {
         console.error('Slot.Text - Invalid asChild element', children);
         return null;
     }
-    return React.cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
+    return cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
         ...mergeProps(textSlotProps, children.props),
         ref: forwardedRef
             ? composeRefs(forwardedRef, children.ref)
             : children.ref,
     });
-});
+};
 SlotText.displayName = 'SlotText';
-const SlotImage = React.forwardRef((props, forwardedRef) => {
+const SlotImage = ({ ref: forwardedRef, ...props }) => {
     const { children, ...imageSlotProps } = props;
-    if (!React.isValidElement(children)) {
+    if (!isValidElement(children)) {
         console.error('Slot.Image - Invalid asChild element', children);
         return null;
     }
-    return React.cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
+    return cloneElement(isTextChildren(children) ? _jsx(_Fragment, {}) : children, {
         ...mergeProps(imageSlotProps, children.props),
         ref: forwardedRef
             ? composeRefs(forwardedRef, children.ref)
             : children.ref,
     });
-});
+};
 SlotImage.displayName = 'SlotImage';
 function composeRefs(...refs) {
     return (node) => refs.forEach((ref) => {

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

@@ -1,4 +1,4 @@
-import { View } from 'react-native';
+import { SpinnerProps } from './types';
 /**
  * A basic spinner component for loading states.
  *
@@ -13,8 +13,8 @@ import { View } from 'react-native';
  * // With lx props for layout and color
  * <Spinner lx={{ marginTop: 's8', color: 'muted' }} />
  */
-export declare const Spinner: import("react").ForwardRefExoticComponent<{
-    size?: import("../Icon").IconSize;
-    color?: import("../../../styles").LumenTextStyle["color"];
-} & Omit<import("../../../styles").StyledTextProps, "children"> & import("react").RefAttributes<View>>;
+export declare const Spinner: {
+    ({ lx, size, color, ref, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Spinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,IAAI,EAAE,MAAM,cAAc,CAAC;AAsCtD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,OAAO;;;sGA4BnB,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAgCvC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,OAAO;yCAMjB,YAAY;;CA0Bd,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo, useEffect, useRef } from 'react';
+import { memo, useEffect, useRef } from 'react';
 import { Animated, Easing } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
 import { useCommonTranslation } from '../../../i18n';
@@ -39,11 +39,11 @@ SpinAnimation.displayName = 'SpinAnimation';
  * // With lx props for layout and color
  * <Spinner lx={{ marginTop: 's8', color: 'muted' }} />
  */
-export const Spinner = forwardRef(({ lx = {}, size = 16, color, ...props }, ref) => {
+export const Spinner = ({ lx = {}, size = 16, color, ref, ...props }) => {
     const { t } = useCommonTranslation();
     const { theme } = useTheme();
     const resolvedColorStyle = useResolveTextStyle({ color });
     const strokeColor = resolvedColorStyle?.color ?? theme.colors.text.base;
     return (_jsx(Box, { ref: ref, lx: { flexShrink: 0, ...lx }, ...props, children: _jsx(SpinAnimation, { children: _jsx(Svg, { width: size, height: size, viewBox: '0 0 16 16', fill: 'none', accessibilityLabel: t('components.spinner.loadingAriaLabel'), children: _jsx(Path, { d: 'M8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8', stroke: strokeColor, strokeWidth: '1.5', strokeLinecap: 'round' }) }) }) }));
-});
+};
 Spinner.displayName = 'Spinner';

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

@@ -1 +1 @@
-{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spot/Spot.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAkB,SAAS,EAAY,MAAM,SAAS,CAAC;AA0E9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CA2DpC,CAAC"}
+{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Spot/Spot.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAkB,SAAS,EAAY,MAAM,SAAS,CAAC;AA0E9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,4CA2DpC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAmB/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAM1B,iBAAiB,4CA8BnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,mBAAmB,mBAAmB,4CAiBpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,+BAI3B,kBAAkB,4CAWpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,+CAoB7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,eAElC,yBAAyB,4CAc3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wBAG7B,oBAAoB,4CAuBtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAKvB,cAAc,4CAiBhB,CAAC"}
+{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,cAAc,iBAAkB,mBAAmB,4CAmB/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAMtB,iBAAiB,4CA8BnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,sBAAuB,mBAAmB,4CAiBpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,kCAIvB,kBAAkB,4CAWpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,+CAoB7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,kBAE9B,yBAAyB,4CAc3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,2BAGzB,oBAAoB,4CAuBtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,SAAS,sCAKnB,cAAc,4CAiBhB,CAAC"}

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

@@ -1,19 +1,20 @@
 import React from 'react';
+import { SlottablePressableProps, SlottableViewProps } from '../../types';
 import { SwitchProps } from './types';
-declare const BaseSwitchRoot: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>, "ref"> & {
-    asChild?: boolean;
-} & {
+type BaseSwitchRootProps = SlottablePressableProps & {
+    checked: SwitchProps['checked'];
+    onCheckedChange: SwitchProps['onCheckedChange'];
+    disabled?: SwitchProps['disabled'];
+    size?: SwitchProps['size'];
     onKeyDown?: (ev: React.KeyboardEvent) => void;
-    onKeyUp?: (ev: React.KeyboardEvent) => void;
-} & {
-    checked: SwitchProps["checked"];
-    onCheckedChange: SwitchProps["onCheckedChange"];
-    disabled?: SwitchProps["disabled"];
-    size?: SwitchProps["size"];
-    onKeyDown?: (ev: React.KeyboardEvent) => void;
-} & React.RefAttributes<import("react-native").View>>;
-declare const BaseSwitchThumb: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
-    asChild?: boolean;
-} & React.RefAttributes<import("react-native").View>>;
+};
+declare const BaseSwitchRoot: {
+    ({ asChild, checked, size, onCheckedChange, disabled, onPress: onPressProp, "aria-valuetext": ariaValueText, ref, ...props }: BaseSwitchRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BaseSwitchThumb: {
+    ({ asChild, ref, ...props }: SlottableViewProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { BaseSwitchRoot, BaseSwitchThumb };
 //# sourceMappingURL=BaseSwitch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Switch/BaseSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAiB9D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAgBtC,QAAA,MAAM,cAAc;;;;;;aAVT,WAAW,CAAC,SAAS,CAAC;qBACd,WAAW,CAAC,iBAAiB,CAAC;eACpC,WAAW,CAAC,UAAU,CAAC;WAC3B,WAAW,CAAC,MAAM,CAAC;gBACd,CAAC,EAAE,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI;qDAkE9C,CAAC;AAGF,QAAA,MAAM,eAAe;;qDA4DpB,CAAC;AAwFF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Switch/BaseSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAS9D,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,KAAK,mBAAmB,GAAG,uBAAuB,GAAG;IACnD,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,eAAe,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC/C,CAAC;AAKF,QAAA,MAAM,cAAc;kIAUjB,mBAAmB;;CA4CrB,CAAC;AAGF,QAAA,MAAM,eAAe;iCAAgC,kBAAkB;;CA0DtE,CAAC;AAwFF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/src/lib/Components/Switch/BaseSwitch.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-import React, { useCallback, useEffect, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { Animated, Pressable, StyleSheet, } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 import { SlotPressable, SlotView } from '../Slot';
 const ROOT_COMPONENT_NAME = 'BaseSwitch';
 const THUMB_COMPONENT_NAME = 'BaseSwitchThumb';
 const [BaseSwitchProvider, useBaseSwitchContext] = createSafeContext(ROOT_COMPONENT_NAME);
-const BaseSwitchRoot = React.forwardRef(({ asChild, checked, size = 'md', onCheckedChange, disabled = false, onPress: onPressProp, 'aria-valuetext': ariaValueText, ...props }, ref) => {
+const BaseSwitchRoot = ({ asChild, checked, size = 'md', onCheckedChange, disabled = false, onPress: onPressProp, 'aria-valuetext': ariaValueText, ref, ...props }) => {
     const styles = useStyles({
         checked: !!checked,
         disabled: !!disabled,
@@ -29,9 +29,9 @@ const BaseSwitchRoot = React.forwardRef(({ asChild, checked, size = 'md', onChec
                 checked,
                 disabled,
             }, accessibilityValue: ariaValueText ? { text: ariaValueText } : undefined, disabled: disabled, ...props }) }));
-});
+};
 BaseSwitchRoot.displayName = ROOT_COMPONENT_NAME;
-const BaseSwitchThumb = React.forwardRef(({ asChild, ...props }, ref) => {
+const BaseSwitchThumb = ({ asChild, ref, ...props }) => {
     const { checked, disabled, size } = useBaseSwitchContext({
         consumerName: THUMB_COMPONENT_NAME,
         contextRequired: true,
@@ -68,7 +68,7 @@ const BaseSwitchThumb = React.forwardRef(({ asChild, ...props }, ref) => {
         return (_jsx(Component, { ref: ref, role: 'presentation', style: styles.thumb, ...props }));
     }
     return (_jsx(Animated.View, { ref: ref, role: 'presentation', style: [styles.thumbBase, animatedStyle], ...props }));
-});
+};
 const useStyles = ({ checked, disabled, size, }) => {
     return useStyleSheet((t) => {
         const sizes = {

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { SwitchProps } from './types';
 /**
  * The switch follows the design system tokens and supports checked, unchecked,
  * disabled, and focus states with proper active interactions.
@@ -22,11 +22,8 @@ import React from 'react';
  * // Uncontrolled switch with default state
  * <Switch defaultChecked={true} onCheckedChange={handleChange} />
  */
-export declare const Switch: React.ForwardRefExoticComponent<{
-    disabled?: boolean;
-    checked?: boolean;
-    size?: "sm" | "md";
-    onCheckedChange?: (checked: boolean) => void;
-    defaultChecked?: boolean;
-} & Omit<import("../../../styles").StyledPressableProps, "children"> & React.RefAttributes<import("react-native").View>>;
+export declare const Switch: {
+    ({ lx, style, checked: checkedProp, onCheckedChange: onCheckedChangeProp, defaultChecked, disabled, size, ref, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;;;;;;wHAoClB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Switch/Switch.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;+HAUhB,WAAW;;CAmBb,CAAC"}

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
 import { useControllableState } from '../../utils';
 import { Pressable } from '../Utility';
 import { BaseSwitchThumb, BaseSwitchRoot } from './BaseSwitch';
@@ -26,12 +25,12 @@ import { BaseSwitchThumb, BaseSwitchRoot } from './BaseSwitch';
  * // Uncontrolled switch with default state
  * <Switch defaultChecked={true} onCheckedChange={handleChange} />
  */
-export const Switch = React.forwardRef(({ lx, style, checked: checkedProp, onCheckedChange: onCheckedChangeProp, defaultChecked = false, disabled, size = 'md', ...props }, ref) => {
+export const Switch = ({ lx, style, checked: checkedProp, onCheckedChange: onCheckedChangeProp, defaultChecked = false, disabled, size = 'md', ref, ...props }) => {
     const [checked, onCheckedChange] = useControllableState({
         prop: checkedProp,
         onChange: onCheckedChangeProp,
         defaultProp: defaultChecked,
     });
     return (_jsx(Pressable, { ref: ref, lx: lx, style: style, ...props, children: _jsx(BaseSwitchRoot, { disabled: disabled, checked: checked, onCheckedChange: onCheckedChange, size: size, children: _jsx(BaseSwitchThumb, {}) }) }));
-});
+};
 Switch.displayName = 'Switch';

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { TagProps } from './types';
 /**
  * A compact label used to categorize, classify, or highlight information with optional icon support.
  *
@@ -26,13 +26,8 @@ import React from 'react';
  * // Small tag
  * <Tag label="Small" size="sm" />
  */
-export declare const Tag: React.ForwardRefExoticComponent<{
-    appearance?: "base" | "gray" | "accent" | "success" | "error" | "warning";
-    icon?: React.ComponentType<import("../Icon").IconProps>;
-    label: string;
-    size?: "sm" | "md";
-    disabled?: boolean;
-} & {
-    lx?: import("../../../styles").LumenViewStyle;
-} & import("react-native").ViewProps & React.RefAttributes<import("react-native").View>>;
+export declare const Tag: {
+    ({ appearance, size, icon, label, disabled, lx, style, ref, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuG1B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,GAAG;;;;;;;;wFA+Bf,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiGnC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,GAAG;4EAUb,QAAQ;;CAiBV,CAAC"}

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
 import { StyleSheet, Text } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 import { Box } from '../Utility';
@@ -101,10 +100,10 @@ const iconSizeMap = {
  * // Small tag
  * <Tag label="Small" size="sm" />
  */
-export const Tag = React.forwardRef(({ appearance = 'accent', size = 'md', icon, label, disabled = false, lx = {}, style, ...props }, ref) => {
+export const Tag = ({ appearance = 'accent', size = 'md', icon, label, disabled = false, lx = {}, style, ref, ...props }) => {
     const styles = useStyles({ appearance, size, disabled });
     const IconComponent = icon;
     const iconSize = iconSizeMap[size];
     return (_jsxs(Box, { ref: ref, lx: lx, style: StyleSheet.flatten([styles.root, style]), ...props, children: [IconComponent && _jsx(IconComponent, { size: iconSize, style: styles.icon }), _jsx(Text, { style: styles.text, children: label })] }));
-});
+};
 Tag.displayName = 'Tag';

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

@@ -1,5 +1,4 @@
-import React from 'react';
-import { TextInput as RNTextInput } from 'react-native';
+import { type TextInputProps } from './types';
 /**
  * A customizable input component with floating label, automatic clear button, error states, and focus/blur effects.
  *
@@ -54,7 +53,8 @@ import { TextInput as RNTextInput } from 'react-native';
  *   }}
  * />
  */
-export declare const TextInput: React.ForwardRefExoticComponent<Omit<import("../BaseInput").BaseInputProps, "prefix"> & {
-    lx?: import("../../../styles").LumenViewStyle;
-} & import("react-native").ViewProps & React.RefAttributes<RNTextInput>>;
+export declare const TextInput: {
+    (props: TextInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=TextInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAIxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,SAAS;;wEAKpB,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,SAAS;YAAW,cAAc;;CAE9C,CAAC"}

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
 import { BaseInput } from '../BaseInput';
 /**
  * A customizable input component with floating label, automatic clear button, error states, and focus/blur effects.
@@ -55,7 +54,7 @@ import { BaseInput } from '../BaseInput';
  *   }}
  * />
  */
-export const TextInput = React.forwardRef((props, ref) => {
-    return _jsx(BaseInput, { ref: ref, ...props });
-});
+export const TextInput = (props) => {
+    return _jsx(BaseInput, { ...props });
+};
 TextInput.displayName = 'TextInput';

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

@@ -1,5 +1,4 @@
-import { FC } from 'react';
 import { ThemeProviderProps } from './types';
-declare const ThemeProvider: FC<ThemeProviderProps>;
+declare const ThemeProvider: ({ colorScheme, themes, children, locale, }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export { ThemeProvider };
 //# sourceMappingURL=ThemeProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI7C,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAiBzC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI7C,QAAA,MAAM,aAAa,+CAKhB,kBAAkB,4CAYpB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,6 +1,4 @@
-import React, { ReactNode } from 'react';
-import { View } from 'react-native';
-import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps } from './types';
+import { TileContentProps, TileDescriptionProps, TileProps, TileSpotProps, TileTitleProps } from './types';
 /**
  * A flexible tile component that uses a composite pattern for maximum customization.
  * Displays content in a vertical layout with support for spots, text, and custom content.
@@ -37,13 +35,10 @@ import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps }
  *   <Tag label="Active" />
  * </Tile>
  */
-export declare const Tile: React.ForwardRefExoticComponent<{
-    appearance?: "no-background" | "card";
-    disabled?: boolean;
-    onPress?: import("../../../styles").StyledPressableProps["onPress"];
-    onLongPress?: import("../../../styles").StyledPressableProps["onLongPress"];
-    children: ReactNode;
-} & Omit<import("../../../styles").StyledPressableProps, "disabled" | "onPress" | "onLongPress"> & React.RefAttributes<View>>;
+export declare const Tile: {
+    ({ lx, style, appearance, disabled, centered, children, ref, ...props }: TileProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * A spot adapter for use within Tile. Automatically inherits the disabled state from the parent Tile.
  * Always renders at a fixed size of 48.

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

@@ -1 +1 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAIhD,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EAEpB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAqDjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,IAAI;;;;;;6HAoChB,CAAC;AAkBF;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAeF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW;8BAA6B,gBAAgB;;CAWpE,CAAC;AAwBF;;;;GAIG;AACH,eAAO,MAAM,SAAS;8BAA6B,cAAc;;CA6BhE,CAAC;AAwBF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;+BAIzB,oBAAoB;;CA6BtB,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EACpB,SAAS,EACT,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AA0DjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,IAAI;6EASd,SAAS;;CAyBX,CAAC;AAqBF;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAeF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW;8BAA6B,gBAAgB;;CAWpE,CAAC;AAwBF;;;;GAIG;AACH,eAAO,MAAM,SAAS;8BAA6B,cAAc;;CA6BhE,CAAC;AAwBF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;+BAIzB,oBAAoB;;CA6BtB,CAAC"}

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

@@ -1,12 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createSafeContext, isTextChildren, } from '@ledgerhq/lumen-utils-shared';
-import { forwardRef } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useStyleSheet } from '../../../styles';
 import { Spot } from '../Spot';
 import { Box, Pressable, Text } from '../Utility';
 const [TileProvider, useTileContext] = createSafeContext('Tile');
-const useRootStyles = ({ appearance, disabled, pressed, }) => {
+const useRootStyles = ({ appearance, disabled, pressed, centered, }) => {
     return useStyleSheet((t) => {
         const bgColors = {
             'no-background': t.colors.bg.baseTransparent,
@@ -34,9 +33,12 @@ const useRootStyles = ({ appearance, disabled, pressed, }) => {
                     !disabled && {
                     backgroundColor: pressedBgColors[appearance],
                 },
+                centered && {
+                    justifyContent: 'center',
+                },
             ]),
         };
-    }, [appearance, disabled, pressed]);
+    }, [appearance, disabled, pressed, centered]);
 };
 /**
  * A flexible tile component that uses a composite pattern for maximum customization.
@@ -74,12 +76,12 @@ const useRootStyles = ({ appearance, disabled, pressed, }) => {
  *   <Tag label="Active" />
  * </Tile>
  */
-export const Tile = forwardRef(({ lx = {}, style, appearance = 'no-background', disabled = false, children, ...props }, ref) => {
-    return (_jsx(TileProvider, { value: { disabled }, children: _jsx(Pressable, { ref: ref, lx: lx, style: StyleSheet.flatten([{ width: '100%' }, style]), disabled: disabled, accessibilityRole: 'button', accessibilityState: { disabled }, ...props, children: ({ pressed }) => (_jsx(TilePressableContent, { appearance: appearance, disabled: disabled, pressed: pressed, children: children })) }) }));
-});
+export const Tile = ({ lx = {}, style, appearance = 'no-background', disabled = false, centered = false, children, ref, ...props }) => {
+    return (_jsx(TileProvider, { value: { disabled }, children: _jsx(Pressable, { ref: ref, lx: lx, style: StyleSheet.flatten([{ width: '100%' }, style]), disabled: disabled, accessibilityRole: 'button', accessibilityState: { disabled }, ...props, children: ({ pressed }) => (_jsx(TilePressableContent, { appearance: appearance, disabled: disabled, pressed: pressed, centered: centered, children: children })) }) }));
+};
 Tile.displayName = 'Tile';
-const TilePressableContent = ({ appearance, disabled, pressed, children, }) => {
-    const styles = useRootStyles({ appearance, disabled, pressed });
+const TilePressableContent = ({ appearance, disabled, pressed, centered, children, }) => {
+    const styles = useRootStyles({ appearance, disabled, pressed, centered });
     return _jsx(View, { style: styles.container, children: children });
 };
 /**

package/dist/src/lib/Components/Tile/Tile.stories.d.ts

@@ -9,4 +9,5 @@ export declare const WithSecondaryAction: Story;
 export declare const HorizontalList: Story;
 export declare const ResponsiveLayout: Story;
 export declare const AppearanceShowcase: Story;
+export declare const CenteredShowcase: Story;
 //# sourceMappingURL=Tile.stories.d.ts.map

package/dist/src/lib/Components/Tile/Tile.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tile/Tile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAIvE,OAAO,EACL,IAAI,EAKL,MAAM,QAAQ,CAAC;AAEhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAkB3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAyBlB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoC9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA+BjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA4C5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA+ChC,CAAC"}
+{"version":3,"file":"Tile.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tile/Tile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAIvE,OAAO,EACL,IAAI,EAKL,MAAM,QAAQ,CAAC;AAEhB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAoC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KA8BlB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoC9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA+BjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA4C5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA+ChC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAmC9B,CAAC"}

package/dist/src/lib/Components/Tile/Tile.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Settings, Plus, User, Apps } from '../../Symbols';
+import { Settings, Plus, User, Apps, ChevronRight } from '../../Symbols';
 import { Tag } from '../Tag/Tag';
 import { Box, Text } from '../Utility';
 import { Tile, TileSpot, TileContent, TileTitle, TileDescription, } from './Tile';
@@ -21,10 +21,33 @@ const meta = {
             },
         },
     },
+    argTypes: {
+        onPress: {
+            action: 'pressed',
+        },
+        onLongPress: {
+            action: 'long pressed',
+        },
+        appearance: {
+            control: 'select',
+            options: ['no-background', 'card'],
+        },
+        disabled: {
+            control: 'boolean',
+        },
+        centered: {
+            control: 'boolean',
+        },
+    },
 };
 export default meta;
 export const Base = {
-    render: () => (_jsxs(Tile, { lx: { maxWidth: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Item with Spot and Description" }), _jsx(TileDescription, { children: "Additional information" })] })] })),
+    args: {
+        appearance: 'no-background',
+        disabled: false,
+        centered: false,
+    },
+    render: (args) => (_jsxs(Tile, { ...args, lx: { maxWidth: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Item with Spot and Description" }), _jsx(TileDescription, { children: "Additional information" })] })] })),
     parameters: {
         docs: {
             source: {
@@ -85,3 +108,6 @@ export const ResponsiveLayout = {
 export const AppearanceShowcase = {
     render: () => (_jsxs(Box, { lx: { flexDirection: 'column', gap: 's24' }, children: [_jsxs(Box, { children: [_jsx(Box, { lx: { marginBottom: 's8' }, children: _jsx(Text, { typography: 'body2SemiBold', children: "No Background" }) }), _jsxs(Box, { lx: { flexDirection: 'row', gap: 's16' }, children: [_jsxs(Tile, { appearance: 'no-background', lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Press me" }), _jsx(TileDescription, { children: "Press state" })] })] }), _jsxs(Tile, { appearance: 'no-background', disabled: true, lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Settings }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Disabled" }), _jsx(TileDescription, { children: "Disabled state" })] })] })] })] }), _jsxs(Box, { children: [_jsx(Box, { lx: { marginBottom: 's8' }, children: _jsx(Text, { typography: 'body2SemiBold', children: "Card" }) }), _jsxs(Box, { lx: { flexDirection: 'row', gap: 's16' }, children: [_jsxs(Tile, { appearance: 'card', lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: User }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Press me" }), _jsx(TileDescription, { children: "Press state" })] })] }), _jsxs(Tile, { appearance: 'card', disabled: true, lx: { width: 's112' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: User }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Disabled" }), _jsx(TileDescription, { children: "Disabled state" })] })] })] })] })] })),
 };
+export const CenteredShowcase = {
+    render: () => (_jsxs(Box, { lx: { flexDirection: 'row', gap: 's8' }, children: [_jsxs(Tile, { appearance: 'card', lx: { width: 's128' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Apps }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Title" }), _jsx(TileDescription, { children: "Description" })] }), _jsx(Tag, { label: 'Label', appearance: 'base' })] }), _jsxs(Tile, { appearance: 'card', lx: { width: 's128' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Apps }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Title" }), _jsx(TileDescription, { children: "Description" })] }), _jsx(Tag, { label: 'Label', appearance: 'base' })] }), _jsxs(Tile, { appearance: 'card', lx: { width: 's128' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: Apps }), _jsxs(TileContent, { children: [_jsx(TileTitle, { children: "Title" }), _jsx(TileDescription, { children: "Description" })] }), _jsx(Tag, { label: 'Label', appearance: 'base' })] }), _jsxs(Tile, { appearance: 'card', centered: true, lx: { width: 's128' }, children: [_jsx(TileSpot, { appearance: 'icon', icon: ChevronRight }), _jsx(TileContent, { children: _jsx(TileTitle, { children: "Show more" }) })] })] })),
+};

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

@@ -18,6 +18,12 @@ export type TileProps = {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Whether the tile content should be centered vertically.
+     * Useful when the tile has a fixed height and you want the content centered.
+     * @default false
+     */
+    centered?: boolean;
     /**
      * Callback function when the tile is pressed.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,eAAe,EAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAC1C;;;OAGG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,eAAe,CAAC;AAEpB,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,eAAe,CAAC;AAEpB,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,eAAe,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,eAAe,EAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAC1C;;;OAGG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,eAAe,CAAC;AAEpB,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,eAAe,CAAC;AAEpB,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,eAAe,CAAC"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { View } from 'react-native';
+import { TileButtonProps } from './types';
+/**
+ * A compact button component displaying an icon above a label in a vertical layout.
+ * Ideal for grids, toolbars, or quick action menus.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-native_action-tilebutton--docs Storybook}
+ *
+ * @example
+ * import { TileButton } from '@ledgerhq/lumen-ui-rnative';
+ * import { Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <TileButton icon={Settings} onPress={() => console.log('pressed')}>
+ *   Settings
+ * </TileButton>
+ */
+export declare const TileButton: React.ForwardRefExoticComponent<Omit<TileButtonProps, "ref"> & React.RefAttributes<View>>;
+//# sourceMappingURL=TileButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAIhD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAwD1C;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,2FA2CtB,CAAC"}