@ledgerhq/lumen-ui-rnative 0.1.34 → 0.1.35

package/dist/typescript/src/lib/Components/ListItem/ListItem.d.ts

@@ -1,4 +1,4 @@
-import type { ElementRef, Ref } from 'react';
+import type { ComponentRef, Ref } from 'react';
 import { View } from 'react-native';
 import { Text } from '../Utility';
 import type { ListItemContentProps, ListItemContentRowProps, ListItemDescriptionProps, ListItemLeadingProps, ListItemProps, ListItemTitleProps, ListItemTrailingProps } from './types';
@@ -62,14 +62,14 @@ export declare const ListItemContentRow: ({ children, lx, style, ref, ...props }
  * The main title of the list item.
  */
 export declare const ListItemTitle: ({ children, lx, style, ref, ...props }: ListItemTitleProps & {
-    ref?: Ref<ElementRef<typeof Text>>;
+    ref?: Ref<ComponentRef<typeof Text>>;
 }) => import("react/jsx-runtime").JSX.Element;
 /**
  * Optional description text below the title.
  * Automatically applies disabled styling when the parent ListItem is disabled.
  */
 export declare const ListItemDescription: ({ children, lx, style, ref, ...props }: ListItemDescriptionProps & {
-    ref?: Ref<ElementRef<typeof Text>>;
+    ref?: Ref<ComponentRef<typeof Text>>;
 }) => import("react/jsx-runtime").JSX.Element;
 /**
  * Container for the trailing (right) content of the list item.

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAa,GAAG,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAkB,IAAI,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,wBAAwB,EACxB,oBAAoB,EACpB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAoCjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,QAAQ,GAAI,+FAUtB,aAAa,4CA+Cf,CAAC;AAsBF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wCAM7B,oBAAoB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,4CAwB5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,wCAM7B,oBAAoB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,4CA4B5C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAMhC,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,4CAuB/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,wCAM3B,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA;CAAE,4CAsC7D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAMjC,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA;CAAE,4CAsCnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAM9B,qBAAqB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,4CAuB7C,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAa,GAAG,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAkB,IAAI,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,wBAAwB,EACxB,oBAAoB,EACpB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAoCjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,QAAQ,GAAI,+FAUtB,aAAa,4CA+Cf,CAAC;AAsBF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wCAM7B,oBAAoB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,4CAwB5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,wCAM7B,oBAAoB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,4CA4B5C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAMhC,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,4CAuB/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,wCAM3B,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA;CAAE,4CAsC/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAMjC,wBAAwB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA;CAAE,4CAsCrE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAM9B,qBAAqB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,4CAuB7C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAC;AAgBhF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAUtD,CAAC;AAyCF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,wEAWxB,eAAe,4CA0CjB,CAAC"}
+{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAC;AAgBhF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAUtD,CAAC;AA6CF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,wEAWxB,eAAe,4CA0CjB,CAAC"}

package/dist/typescript/src/lib/Components/OptionList/OptionList.d.ts

@@ -1,5 +1,5 @@
-import type { MetaShape, OptionListProps, OptionListContentProps, OptionListItemProps, OptionListItemLeadingProps, OptionListItemTextProps, OptionListItemDescriptionProps, OptionListItemContentProps, OptionListItemContentRowProps, OptionListEmptyStateProps, OptionListTriggerProps } from './types';
-export declare const OptionList: <TMeta extends MetaShape = MetaShape>({ items, value, defaultValue, onValueChange, disabled: disabledProp, children, }: OptionListProps<TMeta>) => import("react/jsx-runtime").JSX.Element;
+import type { MetaShape, OptionListProps, OptionListContentProps, OptionListItemProps, OptionListItemLeadingProps, OptionListItemTextProps, OptionListItemDescriptionProps, OptionListItemContentProps, OptionListItemContentRowProps, OptionListEmptyStateProps, OptionListSearchProps, OptionListTriggerProps } from './types';
+export declare const OptionList: <TMeta extends MetaShape = MetaShape>({ items, value, defaultValue, onValueChange, disabled: disabledProp, filter, filteredItems, searchValue, defaultSearchValue, onSearchValueChange, children, }: OptionListProps<TMeta>) => import("react/jsx-runtime").JSX.Element;
 export declare const OptionListContent: <TMeta extends MetaShape = MetaShape>({ renderItem, lx, style, ref, ...props }: OptionListContentProps<TMeta>) => import("react/jsx-runtime").JSX.Element;
 export declare const OptionListItem: ({ value, disabled: disabledProp, children, lx, style, ref, ...props }: OptionListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const OptionListItemText: ({ children, lx, style, ref, ...props }: OptionListItemTextProps) => import("react/jsx-runtime").JSX.Element;
@@ -7,6 +7,7 @@ export declare const OptionListItemDescription: ({ children, lx, style, ref, ...
 export declare const OptionListItemContent: ({ children, lx, style, ref, ...props }: OptionListItemContentProps) => import("react/jsx-runtime").JSX.Element;
 export declare const OptionListItemContentRow: ({ children, lx, style, ref, ...props }: OptionListItemContentRowProps) => import("react/jsx-runtime").JSX.Element;
 export declare const OptionListItemLeading: ({ children, lx, style, ref, ...props }: OptionListItemLeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OptionListSearch: ({ ref, ...props }: OptionListSearchProps) => import("react/jsx-runtime").JSX.Element;
 export declare const OptionListEmptyState: ({ title, description, lx, style, ref, ...props }: OptionListEmptyStateProps) => import("react/jsx-runtime").JSX.Element | null;
 export declare const OptionListTrigger: ({ label, onPress, disabled: disabledProp, children, lx, style, ref, ...props }: OptionListTriggerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=OptionList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OptionList.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/OptionList/OptionList.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,SAAS,EAGT,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,0BAA0B,EAC1B,uBAAuB,EACvB,8BAA8B,EAC9B,0BAA0B,EAC1B,6BAA6B,EAC7B,yBAAyB,EACzB,sBAAsB,EAEvB,MAAM,SAAS,CAAC;AAMjB,eAAO,MAAM,UAAU,GAAI,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,kFAO7D,eAAe,CAAC,KAAK,CAAC,4CA+BxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,0CAMpE,sBAAsB,CAAC,KAAK,CAAC,4CAkC/B,CAAC;AA4BF,eAAO,MAAM,cAAc,GAAI,uEAQ5B,mBAAmB,4CA+BrB,CAAC;AAyBF,eAAO,MAAM,kBAAkB,GAAI,wCAMhC,uBAAuB,4CA6BzB,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,wCAMvC,8BAA8B,4CA6BhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,wCAMnC,0BAA0B,4CAsB5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,wCAMtC,6BAA6B,4CAuB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,wCAMnC,0BAA0B,4CAsB5B,CAAC;AAeF,eAAO,MAAM,oBAAoB,GAAI,kDAOlC,yBAAyB,mDAuC3B,CAAC;AA6DF,eAAO,MAAM,iBAAiB,GAAI,gFAS/B,sBAAsB,4CAgCxB,CAAC"}
+{"version":3,"file":"OptionList.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/OptionList/OptionList.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,SAAS,EAGT,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,0BAA0B,EAC1B,uBAAuB,EACvB,8BAA8B,EAC9B,0BAA0B,EAC1B,6BAA6B,EAC7B,yBAAyB,EACzB,qBAAqB,EACrB,sBAAsB,EAEvB,MAAM,SAAS,CAAC;AAMjB,eAAO,MAAM,UAAU,GAAI,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,+JAY7D,eAAe,CAAC,KAAK,CAAC,4CA8CxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,0CAMpE,sBAAsB,CAAC,KAAK,CAAC,4CAkC/B,CAAC;AA4BF,eAAO,MAAM,cAAc,GAAI,uEAQ5B,mBAAmB,4CA+BrB,CAAC;AAyBF,eAAO,MAAM,kBAAkB,GAAI,wCAMhC,uBAAuB,4CA6BzB,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,wCAMvC,8BAA8B,4CA6BhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,wCAMnC,0BAA0B,4CAsB5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,wCAMtC,6BAA6B,4CAuB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,wCAMnC,0BAA0B,4CAsB5B,CAAC;AAeF,eAAO,MAAM,gBAAgB,GAAI,mBAAmB,qBAAqB,4CAiBxE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,kDAOlC,yBAAyB,mDA4C3B,CAAC;AA6DF,eAAO,MAAM,iBAAiB,GAAI,gFAS/B,sBAAsB,4CAgCxB,CAAC"}

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

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import type { StyledPressableProps, StyledTextProps, StyledViewProps } from '../../../styles';
+import type { SearchInputProps } from '../SearchInput';
 export type MetaShape = Record<string, unknown>;
 export type OptionListItemData<TMeta extends MetaShape = MetaShape> = {
     /** Unique string identifier for this item, used for selection tracking. */
@@ -30,6 +31,8 @@ export type OptionListContextValue = {
     isGrouped: boolean;
     groups: OptionListItemGroup[];
     flatItems: OptionListItemData[];
+    resolvedSearchValue: string;
+    handleSearchValueChange: (value: string) => void;
 };
 /** Internal type -- consumers never construct this directly. */
 export type OptionListItemGroup<TMeta extends MetaShape = MetaShape> = {
@@ -37,16 +40,49 @@ export type OptionListItemGroup<TMeta extends MetaShape = MetaShape> = {
     items: OptionListItemData<TMeta>[];
 };
 export type OptionListProps<TMeta extends MetaShape = MetaShape> = {
-    /** Flat array of items. Use the `group` field on each item for automatic grouping. */
+    /**
+     * Flat array of items.
+     * Use the `group` field on each item for automatic grouping.
+     */
     items: OptionListItemData<TMeta>[];
-    /** The controlled selected value. */
+    /**
+     * The controlled selected value.
+     */
     value?: string | null;
-    /** The default selected value (uncontrolled). */
+    /**
+     * The default selected value (uncontrolled)
+     */
     defaultValue?: string | null;
-    /** Called when the selected value changes. */
+    /**
+     * Called when the selected value changes.
+     */
     onValueChange?: (value: string | null) => void;
-    /** When true, prevents interaction with the entire list. */
+    /**
+     * When true, prevents interaction with the entire list.
+     */
     disabled?: boolean;
+    /**
+     * Custom item/query matcher.
+     * Defaults to case-insensitive label match; `null` disables filtering.
+     */
+    filter?: null | ((item: OptionListItemData<TMeta>, query: string) => boolean);
+    /**
+     * Pre-filtered items for async/remote search.
+     * Bypasses internal filtering.
+     */
+    filteredItems?: OptionListItemData<TMeta>[];
+    /**
+     * Controlled search input value.
+     */
+    searchValue?: string;
+    /**
+     * Initial uncontrolled search value.
+     */
+    defaultSearchValue?: string;
+    /**
+     * Fired when search input changes.
+     */
+    onSearchValueChange?: (value: string) => void;
     children: ReactNode;
 };
 export type OptionListContentProps<TMeta extends MetaShape = MetaShape> = {
@@ -84,6 +120,7 @@ export type OptionListEmptyStateProps = {
     /** Optional secondary text displayed below the title. */
     description?: string;
 } & Omit<StyledViewProps, 'children'>;
+export type OptionListSearchProps = Omit<SearchInputProps, 'value' | 'onChangeText' | 'defaultValue'>;
 export type OptionListTriggerProps = {
     /** Floating label shown above the selected value. */
     label?: string;

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

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

package/dist/typescript/src/lib/Components/OptionList/useOptionList/useOptionListItems.d.ts

@@ -1,12 +1,20 @@
 import type { MetaShape, OptionListItemData, OptionListItemGroup } from '../types';
+export declare const defaultLabelFilter: (item: OptionListItemData, query: string) => boolean;
 type UseOptionListItemsParams<TMeta extends MetaShape = MetaShape> = {
     items: OptionListItemData<TMeta>[];
+    filter?: null | ((item: OptionListItemData<TMeta>, query: string) => boolean);
+    filteredItems?: OptionListItemData<TMeta>[];
+    searchValue?: string;
+    defaultSearchValue?: string;
+    onSearchValueChange?: (value: string) => void;
 };
 type UseOptionListItemsResult<TMeta extends MetaShape = MetaShape> = {
     isGrouped: boolean;
     groups: OptionListItemGroup<TMeta>[];
     flatItems: OptionListItemData<TMeta>[];
+    resolvedSearchValue: string;
+    handleSearchValueChange: (val: string) => void;
 };
-export declare const useOptionListItems: <TMeta extends MetaShape = MetaShape>({ items, }: UseOptionListItemsParams<TMeta>) => UseOptionListItemsResult<TMeta>;
+export declare const useOptionListItems: <TMeta extends MetaShape = MetaShape>({ items, filter, filteredItems, searchValue: searchValueProp, defaultSearchValue, onSearchValueChange, }: UseOptionListItemsParams<TMeta>) => UseOptionListItemsResult<TMeta>;
 export {};
 //# sourceMappingURL=useOptionListItems.d.ts.map

package/dist/typescript/src/lib/Components/OptionList/useOptionList/useOptionListItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOptionListItems.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/OptionList/useOptionList/useOptionListItems.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,UAAU,CAAC;AA8BlB,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IACnE,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;CACpC,CAAC;AAEF,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IACnE,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;IACrC,SAAS,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,YAErE,wBAAwB,CAAC,KAAK,CAAC,KAAG,wBAAwB,CAAC,KAAK,CAC1B,CAAC"}
+{"version":3,"file":"useOptionListItems.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/OptionList/useOptionList/useOptionListItems.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,UAAU,CAAC;AAqBlB,eAAO,MAAM,kBAAkB,GAC7B,MAAM,kBAAkB,EACxB,OAAO,MAAM,KACZ,OAAiE,CAAC;AAErE,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IACnE,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IAC9E,aAAa,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IACnE,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;IACrC,SAAS,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;IACvC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,0GAOrE,wBAAwB,CAAC,KAAK,CAAC,KAAG,wBAAwB,CAAC,KAAK,CAmClE,CAAC"}

package/dist/typescript/src/lib/Components/Skeleton/Skeleton.d.ts

@@ -13,6 +13,6 @@ import type { SkeletonProps } from './types';
  * // Tile variant
  * <Skeleton component='tile' />
  */
-declare const Skeleton: ({ lx, component, ...props }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Skeleton: ({ lx, component, style, ...props }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
 export { Skeleton };
 //# sourceMappingURL=Skeleton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgG7C;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,QAAQ,GAAI,6BAA6B,aAAa,4CAkB3D,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgG7C;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,QAAQ,GAAI,oCAAoC,aAAa,4CAsBlE,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/TabBar/TabBar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE5D,eAAO,MAAM,cAAc,KAAK,CAAC;AA+IjC,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CAmDjB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CA2Cb"}
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/TabBar/TabBar.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE5D,eAAO,MAAM,cAAc,KAAK,CAAC;AA+IjC,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CAmDjB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CA2Cb"}

package/dist/typescript/src/lib/types/index.d.ts

@@ -1,11 +1,11 @@
-import type { ElementType, ComponentPropsWithRef, ElementRef } from 'react';
+import type { ElementType, ComponentPropsWithRef, ComponentRef } from 'react';
 import type { Pressable, View } from 'react-native';
 type ComponentPropsWithAsChild<T extends ElementType<any>> = ComponentPropsWithRef<T> & {
     asChild?: boolean;
 };
 type SlottableViewProps = ComponentPropsWithAsChild<typeof View>;
-type ViewRef = ElementRef<typeof View>;
-type PressableRef = ElementRef<typeof Pressable>;
+type ViewRef = ComponentRef<typeof View>;
+type PressableRef = ComponentRef<typeof Pressable>;
 type SlottablePressableProps = ComponentPropsWithAsChild<typeof Pressable> & {
     /**
      * Platform: WEB ONLY

package/dist/typescript/src/lib/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,yBAAyB,CAAC,CAAC,SAAS,WAAW,CAAC,GAAG,CAAC,IACvD,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnD,KAAK,kBAAkB,GAAG,yBAAyB,CAAC,OAAO,IAAI,CAAC,CAAC;AACjE,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACvC,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAEjD,KAAK,uBAAuB,GAAG,yBAAyB,CAAC,OAAO,SAAS,CAAC,GAAG;IAC3E;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,UAAU,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEF,YAAY,EACV,cAAc,EACd,YAAY,EACZ,uBAAuB,EACvB,kBAAkB,EAClB,OAAO,GACR,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,yBAAyB,CAAC,CAAC,SAAS,WAAW,CAAC,GAAG,CAAC,IACvD,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnD,KAAK,kBAAkB,GAAG,yBAAyB,CAAC,OAAO,IAAI,CAAC,CAAC;AACjE,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AACzC,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnD,KAAK,uBAAuB,GAAG,yBAAyB,CAAC,OAAO,SAAS,CAAC,GAAG;IAC3E;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,UAAU,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEF,YAAY,EACV,cAAc,EACd,YAAY,EACZ,uBAAuB,EACvB,kBAAkB,EAClB,OAAO,GACR,CAAC"}

package/dist/typescript/src/styles/lx/resolveStyle.d.ts

@@ -1,11 +1,11 @@
-import { type ViewStyle, type TextStyle } from 'react-native';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { LumenTextStyle, LumenViewStyle } from '../types';
 /**
  * Transform lx props to StyleSheet style object for View
  */
-export declare const useResolveViewStyle: (lx: LumenViewStyle, bareStyle?: ViewStyle) => ViewStyle;
+export declare const useResolveViewStyle: (lx: LumenViewStyle, bareStyle?: StyleProp<ViewStyle>) => ViewStyle;
 /**
  * Transform lx props to StyleSheet style object for Text
  */
-export declare const useResolveTextStyle: (lx: LumenTextStyle, bareStyle?: TextStyle) => TextStyle;
+export declare const useResolveTextStyle: (lx: LumenTextStyle, bareStyle?: StyleProp<TextStyle>) => TextStyle;
 //# sourceMappingURL=resolveStyle.d.ts.map

package/dist/typescript/src/styles/lx/resolveStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveStyle.d.ts","sourceRoot":"","sources":["../../../../../src/styles/lx/resolveStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAc,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAEV,cAAc,EACd,cAAc,EACf,MAAM,UAAU,CAAC;AAoClB;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,IAAI,cAAc,EAClB,YAAY,SAAS,KACpB,SAIF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,IAAI,cAAc,EAClB,YAAY,SAAS,KACpB,SAIF,CAAC"}
+{"version":3,"file":"resolveStyle.d.ts","sourceRoot":"","sources":["../../../../../src/styles/lx/resolveStyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAEV,cAAc,EACd,cAAc,EACf,MAAM,UAAU,CAAC;AAoClB;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,IAAI,cAAc,EAClB,YAAY,SAAS,CAAC,SAAS,CAAC,KAC/B,SAIF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,IAAI,cAAc,EAClB,YAAY,SAAS,CAAC,SAAS,CAAC,KAC/B,SAIF,CAAC"}

package/package.json

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

package/src/index.ts

@@ -1,4 +1,5 @@
 export { type SupportedLocale, Languages } from './i18n';
+export { RuntimeConstants } from './lib/utils';
 export { useTheme, useStyleSheet } from './styles';
 export * from './lib/Components';
 export * from './lib/Animations';

package/src/lib/Animations/Pulse/Pulse.tsx

@@ -4,9 +4,9 @@ import Animated, {
   useAnimatedStyle,
   useSharedValue,
   withRepeat,
-  withSequence,
   withTiming,
 } from 'react-native-reanimated';
+import { useResolveViewStyle } from '../../../styles';
 import type { TimingTokens } from '../types';
 import { useTimingConfig } from '../useTimingConfig';
 import type { PulseProps } from './types';
@@ -17,38 +17,43 @@ const TIMING_DEFAULTS: TimingTokens = {
   duration: 1000,
   easing: 'linear',
 };
-export const Pulse = memo(({ children, timing, animate }: PulseProps) => {
-  const sv = useSharedValue<number>(1);
+export const Pulse = memo(
+  ({ children, timing, animate, style, lx = {}, ...props }: PulseProps) => {
+    const sv = useSharedValue<number>(1);
+    const resolvedLxStyle = useResolveViewStyle(lx, style);
 
-  const timingConfig = useTimingConfig({
-    duration: timing?.duration ?? TIMING_DEFAULTS.duration,
-    easing: timing?.easing ?? TIMING_DEFAULTS.easing,
-  });
+    const timingConfig = useTimingConfig({
+      duration: timing?.duration ?? TIMING_DEFAULTS.duration,
+      easing: timing?.easing ?? TIMING_DEFAULTS.easing,
+    });
 
-  useEffect(() => {
-    if (animate) {
-      sv.value = withRepeat(
-        withSequence(
-          withTiming(MIN_OPACITY, timingConfig),
-          withTiming(1, timingConfig),
-        ),
-        -1,
-      );
-    } else {
-      cancelAnimation(sv);
-      sv.value = withTiming(1, timingConfig);
-    }
+    useEffect(() => {
+      if (animate) {
+        sv.value = withRepeat(withTiming(MIN_OPACITY, timingConfig), -1, true);
+      } else {
+        cancelAnimation(sv);
+        sv.value = withTiming(1, timingConfig);
+      }
 
-    return () => cancelAnimation(sv);
-  }, [sv, animate, timingConfig]);
+      return () => {
+        cancelAnimation(sv);
+        sv.value = 1;
+      };
+    }, [sv, animate, timingConfig]);
 
-  const animatedStyle = useAnimatedStyle(
-    () => ({
+    const animatedStyle = useAnimatedStyle(() => ({
       opacity: sv.value,
-    }),
-    [sv],
-  );
+    }));
 
-  return <Animated.View style={animatedStyle}>{children}</Animated.View>;
-});
+    return (
+      <Animated.View
+        {...props}
+        collapsable={false}
+        style={[resolvedLxStyle, animatedStyle]}
+      >
+        {children}
+      </Animated.View>
+    );
+  },
+);
 Pulse.displayName = 'Pulse';

package/src/lib/Animations/Pulse/types.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { StyledViewProps } from '../../../styles';
 import type { TimingTokens } from '../types';
 
 export type PulseProps = {
@@ -15,4 +16,4 @@ export type PulseProps = {
    * Whether the pulse animation should play
    */
   animate?: boolean;
-};
+} & StyledViewProps;

package/src/lib/Components/BottomSheet/BottomSheet.stories.tsx

@@ -1,8 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { FC } from 'react';
 import { useState } from 'react';
 import { Button } from '../Button';
 import { SearchInput } from '../SearchInput';
-import { Box, Text } from '../Utility';
+import { Spot } from '../Spot';
+import { Box, RadialGradient, Text } from '../Utility';
 import { BottomSheet } from './BottomSheet';
 import { BottomSheetHeader } from './BottomSheetHeader';
 import {
@@ -11,6 +13,7 @@ import {
   BottomSheetView,
   BottomSheetVirtualizedList,
 } from './Scrollables';
+import type { BottomSheetBackgroundProps } from './types';
 import { useBottomSheetRef } from './useBottomSheetRef';
 
 const meta = {
@@ -654,3 +657,173 @@ export const VirtualizedList: Story = {
     );
   },
 };
+
+type StrongBackgroundColor = 'errorStrong' | 'successStrong' | 'mutedStrong';
+
+const createGradientBackground =
+  (color: StrongBackgroundColor): FC<BottomSheetBackgroundProps> =>
+  ({ style }) => (
+    <Box
+      style={style}
+      lx={{ backgroundColor: 'canvasSheet', overflow: 'hidden' }}
+    >
+      <RadialGradient
+        center={{ x: 0.5, y: 0 }}
+        stops={[
+          { color, offset: 0, opacity: 0.3 },
+          { color, offset: 1, opacity: 0 },
+        ]}
+        lx={{
+          position: 'absolute',
+          top: 's0',
+          left: 's0',
+          right: 's0',
+          height: 's320',
+        }}
+      />
+    </Box>
+  );
+
+const ErrorBackground = createGradientBackground('errorStrong');
+const SuccessBackground = createGradientBackground('successStrong');
+const MutedBackground = createGradientBackground('mutedStrong');
+
+export const InfoStateVariants: Story = {
+  args: {
+    snapPoints: 'full',
+    hideCloseButton: false,
+    onBack: undefined,
+    onClose: undefined,
+    enableHandlePanningGesture: true,
+    enablePanDownToClose: true,
+    enableBlurKeyboardOnGesture: true,
+    enableDynamicSizing: false,
+    detached: false,
+    backdropPressBehavior: 'close',
+    hideHandle: true,
+  },
+  render: (args) => {
+    const errorBottomSheetRef = useBottomSheetRef();
+    const successBottomSheetRef = useBottomSheetRef();
+    const mutedBottomSheetRef = useBottomSheetRef();
+
+    return (
+      <Box
+        lx={{
+          height: 's320',
+          width: 'full',
+          alignItems: 'center',
+          justifyContent: 'center',
+          paddingTop: 's32',
+          gap: 's12',
+        }}
+      >
+        <Button
+          size='sm'
+          onPress={() => errorBottomSheetRef.current?.present()}
+        >
+          Error
+        </Button>
+        <Button
+          size='sm'
+          onPress={() => successBottomSheetRef.current?.present()}
+        >
+          Success
+        </Button>
+        <Button
+          size='sm'
+          onPress={() => mutedBottomSheetRef.current?.present()}
+        >
+          Muted
+        </Button>
+
+        <BottomSheet
+          {...args}
+          ref={errorBottomSheetRef}
+          backgroundComponent={ErrorBackground}
+        >
+          <BottomSheetView>
+            <BottomSheetHeader density='compact' />
+            <Box lx={{ alignItems: 'center', gap: 's24' }}>
+              <Spot appearance='error' size={72} />
+              <Box lx={{ alignItems: 'center', gap: 's12' }}>
+                <Text typography='heading4SemiBold' lx={{ color: 'base' }}>
+                  Title
+                </Text>
+                <Text
+                  typography='body2'
+                  lx={{ color: 'muted', textAlign: 'center' }}
+                >
+                  Description
+                </Text>
+              </Box>
+            </Box>
+            <Box lx={{ marginTop: 's24' }}>
+              <Button appearance='base' size='lg' isFull>
+                Label
+              </Button>
+            </Box>
+          </BottomSheetView>
+        </BottomSheet>
+
+        <BottomSheet
+          {...args}
+          ref={successBottomSheetRef}
+          backgroundComponent={SuccessBackground}
+        >
+          <BottomSheetView>
+            <BottomSheetHeader density='compact' />
+            <Box lx={{ alignItems: 'center', gap: 's24' }}>
+              <Spot appearance='check' size={72} />
+              <Box lx={{ alignItems: 'center', gap: 's12' }}>
+                <Text typography='heading4SemiBold' lx={{ color: 'base' }}>
+                  Title
+                </Text>
+                <Text
+                  typography='body2'
+                  lx={{ color: 'muted', textAlign: 'center' }}
+                >
+                  Description
+                </Text>
+              </Box>
+            </Box>
+            <Box lx={{ marginTop: 's24' }}>
+              <Button appearance='base' size='lg' isFull>
+                Label
+              </Button>
+            </Box>
+          </BottomSheetView>
+        </BottomSheet>
+
+        <BottomSheet
+          {...args}
+          ref={mutedBottomSheetRef}
+          backgroundComponent={MutedBackground}
+        >
+          <BottomSheetView>
+            <BottomSheetHeader density='compact' />
+            <Box lx={{ alignItems: 'center', gap: 's24' }}>
+              <Spot appearance='info' size={72} />
+              <Box lx={{ alignItems: 'center', gap: 's12' }}>
+                <Text typography='heading4SemiBold' lx={{ color: 'base' }}>
+                  Title
+                </Text>
+                <Text
+                  typography='body2'
+                  lx={{ color: 'muted', textAlign: 'center' }}
+                >
+                  Description
+                </Text>
+              </Box>
+            </Box>
+            <Box lx={{ marginTop: 's24' }}>
+              <Button appearance='base' size='lg' isFull>
+                Label
+              </Button>
+            </Box>
+          </BottomSheetView>
+        </BottomSheet>
+      </Box>
+    );
+  },
+};

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

@@ -184,6 +184,65 @@ describe('BottomSheet', () => {
       expect(element.props['data-detached']).toBe('true');
     });
 
+    it('uses default background style when no backgroundComponent is provided', () => {
+      const { BottomSheet } = require('./BottomSheet');
+      const { getByTestId } = renderWithTheme(
+        <BottomSheet testID='bottom-sheet'>
+          <Text>Content</Text>
+        </BottomSheet>,
+      );
+
+      const element = getByTestId('bottom-sheet');
+      expect(element.props['data-has-background-component']).toBe('false');
+      expect(element.props['data-has-background-style']).toBe('true');
+    });
+
+    it('renders the default handle when hideHandle is not set', () => {
+      const { BottomSheet } = require('./BottomSheet');
+      const { getByTestId, queryByTestId } = renderWithTheme(
+        <BottomSheet testID='bottom-sheet'>
+          <Text>Content</Text>
+        </BottomSheet>,
+      );
+
+      expect(getByTestId('bottom-sheet-handle')).toBeTruthy();
+      expect(queryByTestId('bottom-sheet-handle-hidden')).toBeNull();
+    });
+
+    it('renders the hidden handle placeholder when hideHandle is true', () => {
+      const { BottomSheet } = require('./BottomSheet');
+      const { getByTestId, queryByTestId } = renderWithTheme(
+        <BottomSheet hideHandle testID='bottom-sheet'>
+          <Text>Content</Text>
+        </BottomSheet>,
+      );
+
+      expect(getByTestId('bottom-sheet-handle-hidden')).toBeTruthy();
+      expect(queryByTestId('bottom-sheet-handle')).toBeNull();
+    });
+
+    it('forwards backgroundComponent and skips default background style', () => {
+      const { BottomSheet } = require('./BottomSheet');
+      const CustomBackground = () => (
+        <View testID='custom-bg'>
+          <Text>BG</Text>
+        </View>
+      );
+      const { getByTestId } = renderWithTheme(
+        <BottomSheet
+          backgroundComponent={CustomBackground}
+          testID='bottom-sheet'
+        >
+          <Text>Content</Text>
+        </BottomSheet>,
+      );
+
+      const element = getByTestId('bottom-sheet');
+      expect(element.props['data-has-background-component']).toBe('true');
+      expect(element.props['data-has-background-style']).toBe('false');
+      expect(getByTestId('custom-bg')).toBeTruthy();
+    });
+
     it('respects enableHandlePanningGesture prop', () => {
       const { BottomSheet } = require('./BottomSheet');
       const { getByTestId } = renderWithTheme(