@ledgerhq/lumen-ui-rnative 0.0.53 → 0.0.54

package/.storybook/docs/getting-started/setup.mdx

@@ -76,24 +76,22 @@ If not provided, the theme will follow the device settings.
 </ThemeProvider>
 ```
 
-If the ThemeProvider is uncontrolled, you can use the [`useTheme`](/?path=/docs/style-system-usetheme--docs) hook to control theme mode at runtime:
+The ThemeProvider's colorScheme is controlled; you can use the [`useTheme`](/?path=/docs/style-system-usetheme--docs) hook to get the theme mode at runtime:
 
 ```tsx
 import { useTheme } from '@ledgerhq/lumen-ui-rnative/styles';
 
 const ThemeToggle = () => {
-  const { colorScheme, toggleColorScheme, setColorScheme } = useTheme();
+  const { colorScheme } = useTheme();
   
   return (
-    <Button onPress={toggleColorScheme}>
+    <View>
       Current: {colorScheme}
-    </Button>
+    </View>
   );
 };
 ```
 
-When the colorScheme changes, `Appearance.setColorScheme` is automatically called to update the system theme.
-
 
 ## Internationalization
 

package/.storybook/docs/style-system/useTheme.mdx

@@ -24,18 +24,3 @@ const MyComponent = () => {
 };
 ```
 
-### Theme Toggle Example
-
-```tsx
-import { useTheme } from '@ledgerhq/lumen-ui-rnative/styles';
-
-const ThemeToggle = () => {
-  const { colorScheme, toggleColorScheme } = useTheme();
-
-  return (
-    <Button onPress={toggleColorScheme}>
-      Current: {colorScheme}
-    </Button>
-  );
-};
-```

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "license": "Apache-2.0",
   "keywords": [
     "react-native",
@@ -33,7 +33,7 @@
   },
   "peerDependencies": {
     "@gorhom/bottom-sheet": "^5.0.0",
-    "@ledgerhq/lumen-design-core": "0.0.40",
+    "@ledgerhq/lumen-design-core": "0.0.41",
     "react": "~18.3.1",
     "react-native": "~0.77.3",
     "react-native-reanimated": "^3.0.0",

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

@@ -0,0 +1,70 @@
+import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps, SubheaderInfoProps, SubheaderProps, SubheaderRowProps, SubheaderTitleProps } from './types';
+/**
+ * Title component for the Subheader. Displays the main heading.
+ */
+export declare const SubheaderTitle: ({ children }: SubheaderTitleProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Row component for the Subheader. Layout container to horizontally align title, count, hint, and action.
+ * Can optionally be interactive with an onPress handler.
+ */
+export declare const SubheaderRow: ({ children, onPress, lx, style, ...props }: SubheaderRowProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Count component for the Subheader. Displays a formatted number.
+ */
+export declare const SubheaderCount: ({ value, format }: SubheaderCountProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Info component for the Subheader. Displays an information icon that can be wrapped in a Tooltip or BottomSheet.
+ */
+export declare const SubheaderInfo: ({ iconType, style, ...props }: SubheaderInfoProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * ShowMore component for the Subheader. Displays a static chevron right icon to indicate expandable content.
+ * Position this after SubheaderCount and before other elements.
+ */
+export declare const SubheaderShowMore: () => import("react/jsx-runtime").JSX.Element;
+/**
+ * Description component for the Subheader. Displays descriptive text below the title row.
+ */
+export declare const SubheaderDescription: ({ children, }: SubheaderDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Action component for the Subheader. Displays an interactive text button.
+ * Automatically positions itself at the end of the row using marginLeft: 'auto'.
+ */
+export declare const SubheaderAction: ({ children, onPress, }: SubheaderActionProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A subheader component for displaying section titles with optional count, hints, descriptions, and action elements.
+ * Uses a composable API where you explicitly nest sub-components to define the layout.
+ *
+ * @example
+ * // Simple subheader without row
+ * <Subheader>
+ *   <SubheaderTitle>Section Title</SubheaderTitle>
+ *   <SubheaderDescription>Description text</SubheaderDescription>
+ * </Subheader>
+ *
+ * @example
+ * // Subheader with row for horizontal layout
+ * <Subheader>
+ *   <SubheaderRow>
+ *     <SubheaderTitle>Section Title</SubheaderTitle>
+ *     <SubheaderCount value={30} />
+ *     <Tooltip>
+ *       <TooltipTrigger>
+ *         <SubheaderInfo />
+ *       </TooltipTrigger>
+ *       <TooltipContent content={<Text>Additional information</Text>} />
+ *     </Tooltip>
+ *   </SubheaderRow>
+ *   <SubheaderDescription>Description text</SubheaderDescription>
+ * </Subheader>
+ *
+ * @example
+ * // Interactive row with action
+ * <Subheader>
+ *   <SubheaderRow onPress={handleClick}>
+ *     <SubheaderTitle>Accounts</SubheaderTitle>
+ *     <SubheaderCount value={12} />
+ *   </SubheaderRow>
+ * </Subheader>
+ */
+export declare const Subheader: ({ lx, style, children, ...props }: SubheaderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Subheader.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,161 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { useStyleSheet } from '../../../styles';
+import { ChevronRight, Information } from '../../Symbols';
+import { InteractiveIcon } from '../InteractiveIcon';
+import { Box, Pressable, Text } from '../Utility';
+/**
+ * Title component for the Subheader. Displays the main heading.
+ */
+export const SubheaderTitle = ({ children }) => {
+    const styles = useStyleSheet((t) => ({
+        title: StyleSheet.flatten([
+            t.typographies.heading4SemiBold,
+            {
+                flexShrink: 1,
+                color: t.colors.text.base,
+            },
+        ]),
+    }), []);
+    return (_jsx(Text, { style: styles.title, numberOfLines: 1, ellipsizeMode: 'tail', children: children }));
+};
+/**
+ * Row component for the Subheader. Layout container to horizontally align title, count, hint, and action.
+ * Can optionally be interactive with an onPress handler.
+ */
+export const SubheaderRow = ({ children, onPress, lx = {}, style, ...props }) => {
+    const styles = useStyleSheet((t) => ({
+        container: StyleSheet.flatten([
+            {
+                width: '100%',
+                flexDirection: 'row',
+                alignItems: 'center',
+                gap: t.spacings.s4,
+            },
+        ]),
+    }), []);
+    const mergedStyle = StyleSheet.flatten([styles.container, style]);
+    if (onPress) {
+        return (_jsx(Pressable, { lx: lx, style: mergedStyle, onPress: onPress, ...props, children: children }));
+    }
+    return (_jsx(Box, { lx: lx, style: mergedStyle, ...props, children: children }));
+};
+/**
+ * Count component for the Subheader. Displays a formatted number.
+ */
+export const SubheaderCount = ({ value, format }) => {
+    const formatted = format ? format(value) : `(${value})`;
+    const styles = useStyleSheet((t) => ({
+        count: StyleSheet.flatten([
+            t.typographies.body2,
+            {
+                flexShrink: 0,
+                color: t.colors.text.muted,
+            },
+        ]),
+    }), []);
+    return _jsx(Text, { style: styles.count, children: formatted });
+};
+/**
+ * Info component for the Subheader. Displays an information icon that can be wrapped in a Tooltip or BottomSheet.
+ */
+export const SubheaderInfo = ({ iconType = 'stroked', style, ...props }) => {
+    return (_jsx(InteractiveIcon, { iconType: iconType, accessibilityLabel: 'More information', style: style, ...props, children: _jsx(Information, { size: 16 }) }));
+};
+/**
+ * ShowMore component for the Subheader. Displays a static chevron right icon to indicate expandable content.
+ * Position this after SubheaderCount and before other elements.
+ */
+export const SubheaderShowMore = () => {
+    const styles = useStyleSheet((t) => ({
+        container: {
+            flexShrink: 0,
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        icon: {
+            color: t.colors.text.muted,
+        },
+    }), []);
+    return (_jsx(View, { style: styles.container, children: _jsx(ChevronRight, { size: 16, style: styles.icon }) }));
+};
+/**
+ * Description component for the Subheader. Displays descriptive text below the title row.
+ */
+export const SubheaderDescription = ({ children, }) => {
+    const styles = useStyleSheet((t) => ({
+        description: StyleSheet.flatten([
+            t.typographies.body3,
+            {
+                color: t.colors.text.muted,
+            },
+        ]),
+    }), []);
+    return _jsx(Text, { style: styles.description, children: children });
+};
+/**
+ * Action component for the Subheader. Displays an interactive text button.
+ * Automatically positions itself at the end of the row using marginLeft: 'auto'.
+ */
+export const SubheaderAction = ({ children, onPress, }) => {
+    const styles = useStyleSheet((t) => ({
+        container: {
+            flexShrink: 0,
+            marginLeft: 'auto',
+            paddingLeft: t.spacings.s8,
+        },
+        text: StyleSheet.flatten([
+            t.typographies.body2,
+            {
+                color: t.colors.text.interactive,
+            },
+        ]),
+    }), []);
+    return (_jsx(Pressable, { onPress: onPress, style: styles.container, children: _jsx(Text, { style: styles.text, children: children }) }));
+};
+/**
+ * A subheader component for displaying section titles with optional count, hints, descriptions, and action elements.
+ * Uses a composable API where you explicitly nest sub-components to define the layout.
+ *
+ * @example
+ * // Simple subheader without row
+ * <Subheader>
+ *   <SubheaderTitle>Section Title</SubheaderTitle>
+ *   <SubheaderDescription>Description text</SubheaderDescription>
+ * </Subheader>
+ *
+ * @example
+ * // Subheader with row for horizontal layout
+ * <Subheader>
+ *   <SubheaderRow>
+ *     <SubheaderTitle>Section Title</SubheaderTitle>
+ *     <SubheaderCount value={30} />
+ *     <Tooltip>
+ *       <TooltipTrigger>
+ *         <SubheaderInfo />
+ *       </TooltipTrigger>
+ *       <TooltipContent content={<Text>Additional information</Text>} />
+ *     </Tooltip>
+ *   </SubheaderRow>
+ *   <SubheaderDescription>Description text</SubheaderDescription>
+ * </Subheader>
+ *
+ * @example
+ * // Interactive row with action
+ * <Subheader>
+ *   <SubheaderRow onPress={handleClick}>
+ *     <SubheaderTitle>Accounts</SubheaderTitle>
+ *     <SubheaderCount value={12} />
+ *   </SubheaderRow>
+ * </Subheader>
+ */
+export const Subheader = ({ lx = {}, style, children, ...props }) => {
+    const styles = useStyleSheet((t) => ({
+        container: {
+            width: '100%',
+            flexDirection: 'column',
+            gap: t.spacings.s4,
+        },
+    }), []);
+    return (_jsx(Box, { lx: lx, style: [styles.container, style], ...props, children: children }));
+};

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-native';
+import { Subheader } from './Subheader';
+declare const meta: Meta<typeof Subheader>;
+export default meta;
+type Story = StoryObj<typeof Subheader>;
+export declare const Base: Story;
+export declare const InteractiveRow: Story;
+export declare const WithInfoIcon: Story;
+export declare const WithAction: Story;
+//# sourceMappingURL=Subheader.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Subheader.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Subheader/Subheader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAI9D,OAAO,EACL,SAAS,EAQV,MAAM,aAAa,CAAC;AAQrB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAmBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC"}

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text } from 'react-native';
+import { Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip';
+import { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription, SubheaderAction, } from './Subheader';
+const Container = ({ children }) => (_jsx(View, { style: { padding: 8, backgroundColor: '#ffffff', width: '100%' }, children: children }));
+const meta = {
+    component: Subheader,
+    title: 'Communication/Subheader',
+    subcomponents: {
+        SubheaderRow,
+        SubheaderTitle,
+        SubheaderDescription,
+        SubheaderCount,
+        SubheaderInfo,
+        SubheaderShowMore,
+        SubheaderAction,
+    },
+    decorators: [
+        (Story) => (_jsx(Container, { children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Base = {
+    render: () => (_jsxs(Subheader, { children: [_jsx(SubheaderRow, { children: _jsx(SubheaderTitle, { children: "Section Title" }) }), _jsx(SubheaderDescription, { children: "This is a detailed description that provides additional context about this section." })] })),
+};
+export const InteractiveRow = {
+    render: () => (_jsxs(Subheader, { children: [_jsxs(SubheaderRow, { onPress: () => console.log('Row clicked'), children: [_jsx(SubheaderTitle, { children: "Accounts" }), _jsx(SubheaderCount, { value: 5 }), _jsx(SubheaderShowMore, {})] }), _jsx(SubheaderDescription, { children: "Interactive rows always include the chevron to indicate they lead to more content" })] })),
+};
+export const WithInfoIcon = {
+    render: () => (_jsxs(Subheader, { children: [_jsxs(SubheaderRow, { children: [_jsx(SubheaderTitle, { children: "Section with Info" }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { children: _jsx(SubheaderInfo, {}) }), _jsx(TooltipContent, { content: _jsx(Text, { children: "Additional information about this section" }) })] })] }), _jsx(SubheaderDescription, { children: "Use the info icon to provide contextual help or additional details" })] })),
+};
+export const WithAction = {
+    render: () => (_jsxs(Subheader, { children: [_jsxs(SubheaderRow, { children: [_jsx(SubheaderTitle, { children: "Recent Activity" }), _jsx(SubheaderAction, { onPress: () => console.log('View all'), children: "View all" })] }), _jsx(SubheaderDescription, { children: "Use actions for quick access to related functionality" })] })),
+};

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

@@ -0,0 +1,3 @@
+export { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription, SubheaderAction, } from './Subheader';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Subheader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,GAChB,MAAM,aAAa,CAAC;AACrB,cAAc,SAAS,CAAC"}

package/dist/src/lib/Components/Subheader/index.js

@@ -0,0 +1,2 @@
+export { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription, SubheaderAction, } from './Subheader';
+export * from './types';

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

@@ -0,0 +1,67 @@
+import { ViewProps } from 'react-native';
+import { LumenViewStyle } from '../../../styles/types/lx.types';
+export type SubheaderProps = {
+    /**
+     * The children of the subheader, which should include SubheaderRow, SubheaderTitle, SubheaderDescription, etc.
+     */
+    children?: React.ReactNode;
+    /**
+     * Style props using design tokens
+     */
+    lx?: LumenViewStyle;
+} & Omit<ViewProps, 'children'>;
+export type SubheaderRowProps = {
+    /**
+     * The children of the subheader row.
+     */
+    children: React.ReactNode;
+    /**
+     * Optional press handler to make the row interactive.
+     */
+    onPress?: () => void;
+    /**
+     * Style props using design tokens
+     */
+    lx?: LumenViewStyle;
+} & Omit<ViewProps, 'children'>;
+export type SubheaderTitleProps = {
+    /**
+     * The title text of the subheader.
+     */
+    children: string;
+};
+export type SubheaderCountProps = {
+    /**
+     * The count value to display.
+     */
+    value: number;
+    /**
+     * Optional formatter function to customize the display.
+     * Defaults to (n) => `(${n})`
+     */
+    format?: (value: number) => string;
+};
+export type SubheaderInfoProps = Omit<React.ComponentProps<typeof import('../InteractiveIcon').InteractiveIcon>, 'children' | 'iconType'> & {
+    /**
+     * The visual style of the icon button.
+     * Defaults to 'stroked'.
+     */
+    iconType?: 'filled' | 'stroked';
+};
+export type SubheaderDescriptionProps = {
+    /**
+     * The description text to display below the title row.
+     */
+    children: React.ReactNode;
+};
+export type SubheaderActionProps = {
+    /**
+     * The action text to display.
+     */
+    children: React.ReactNode;
+    /**
+     * Press handler for the action.
+     */
+    onPress: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,cAAc,CAAC;CACrB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AAEhC,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,cAAc,CAAC;CACrB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AAEhC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,cAAc,oBAAoB,EAAE,eAAe,CAAC,EACzE,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { ThemeProviderProps } from './ThemeProvider.types';
+import { ThemeProviderProps } from './types';
 declare const ThemeProvider: FC<ThemeProviderProps>;
 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,uBAAuB,CAAC;AAI3D,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":"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"}

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

@@ -1,3 +1,3 @@
 export * from './ThemeProvider';
-export * from './ThemeProvider.types';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/ThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/ThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

package/dist/src/lib/Components/ThemeProvider/index.js

@@ -1,2 +1,2 @@
 export * from './ThemeProvider';
-export * from './ThemeProvider.types';
+export * from './types';

package/dist/src/lib/Components/ThemeProvider/{ThemeProvider.types.d.ts → types.d.ts}

@@ -18,4 +18,4 @@ export type ThemeProviderProps = PropsWithChildren & {
      */
     themes: LumenThemes;
 };
-//# sourceMappingURL=ThemeProvider.types.d.ts.map
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/ThemeProvider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC"}

package/dist/src/lib/Components/ThemeProvider/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -13,6 +13,7 @@ export * from './ListItem';
 export * from './SearchInput';
 export * from './Select';
 export * from './Spot';
+export * from './Subheader';
 export * from './Switch';
 export * from './Tag';
 export * from './Utility';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

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

@@ -13,6 +13,7 @@ export * from './ListItem';
 export * from './SearchInput';
 export * from './Select';
 export * from './Spot';
+export * from './Subheader';
 export * from './Switch';
 export * from './Tag';
 export * from './Utility';

package/dist/src/lib/Symbols/Icons/Asterisk.d.ts

@@ -0,0 +1,33 @@
+import Svg from 'react-native-svg';
+/**
+ * Asterisk icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [color] - The color of the icon.
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Asterisk } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Asterisk />
+ *
+ * @example
+ * // With custom size and style
+ * <Asterisk size={40} color="warning" lx={{ marginTop: 's4' }} />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Asterisk} size="md">
+ *   Click me
+ * </Button>
+ */
+export declare const Asterisk: import("react").ForwardRefExoticComponent<Omit<import("../../Components/Icon").IconProps, "children"> & import("react").RefAttributes<Svg>>;
+//# sourceMappingURL=Asterisk.d.ts.map

package/dist/src/lib/Symbols/Icons/Asterisk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Asterisk.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Symbols/Icons/Asterisk.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAa,MAAM,kBAAkB,CAAC;AAG7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,6IAWpB,CAAC"}

package/dist/src/lib/Symbols/Icons/Asterisk.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+/**
+ * Asterisk icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [color] - The color of the icon.
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Asterisk } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Asterisk />
+ *
+ * @example
+ * // With custom size and style
+ * <Asterisk size={40} color="warning" lx={{ marginTop: 's4' }} />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Asterisk} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Asterisk = createIcon('Asterisk', _jsx(Svg, { width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 16 16', children: _jsx(Path, { stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: 1.3, d: 'M2 7.99h12m-9 4.974 6-9.948m0 10L5 3.067' }) }));

package/dist/src/lib/Symbols/Icons/Bell.js

@@ -31,4 +31,4 @@ import createIcon from '../../Components/Icon/createIcon';
  *   Click me
  * </Button>
  */
-export const Bell = createIcon('Bell', _jsx(Svg, { width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 16 16', children: _jsx(Path, { stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: 1.3, d: 'M6 12v.167c0 1.1.893 2 2 2 1.1 0 2-.9 2-2V12m2-2.833 1.133 1.133c.12.12.194.293.194.467v.553c0 .367-.3.667-.667.667H3.327a.664.664 0 0 1-.667-.667v-.56a.66.66 0 0 1 .193-.473l1.134-1.14V6.313c0-2.213 1.786-4 4-4 2.206 0 4 1.787 4 4z' }) }));
+export const Bell = createIcon('Bell', _jsx(Svg, { width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 16 16', children: _jsx(Path, { stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: 1.3, d: 'M6 11.427v.74c0 1.1.893 2 2 2 1.1 0 2-.9 2-2v-.727m2-2.273 1.133 1.133c.12.12.194.293.194.467v-.007c0 .367-.3.667-.667.667H3.327a.664.664 0 0 1-.667-.667.66.66 0 0 1 .193-.473l1.134-1.14V6.313c0-2.213 1.786-4 4-4 2.206 0 4 1.787 4 4z' }) }));

package/dist/src/lib/Symbols/Icons/BellFill.d.ts

@@ -0,0 +1,33 @@
+import Svg from 'react-native-svg';
+/**
+ * BellFill icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [color] - The color of the icon.
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { BellFill } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <BellFill />
+ *
+ * @example
+ * // With custom size and style
+ * <BellFill size={40} color="warning" lx={{ marginTop: 's4' }} />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={BellFill} size="md">
+ *   Click me
+ * </Button>
+ */
+export declare const BellFill: import("react").ForwardRefExoticComponent<Omit<import("../../Components/Icon").IconProps, "children"> & import("react").RefAttributes<Svg>>;
+//# sourceMappingURL=BellFill.d.ts.map

package/dist/src/lib/Symbols/Icons/BellFill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BellFill.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Symbols/Icons/BellFill.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAa,MAAM,kBAAkB,CAAC;AAG7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,6IAQpB,CAAC"}