@ledgerhq/lumen-ui-rnative 0.1.46 → 0.1.47

package/src/lib/Components/ListItem/ListItem.mdx

@@ -19,7 +19,7 @@ import {
 } from '../../../../.storybook/components';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title='Components/ListItem' of={ListItemStories} />
+<Meta title='Core/ListItem' of={ListItemStories} />
 
 # ListItem
 

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

@@ -19,7 +19,8 @@ import {
 
 const meta = {
   component: ListItem,
-  title: 'Containment/ListItem',
+  id: 'rnative-listitem',
+  title: 'Core/ListItem',
   subcomponents: {
     ListItemLeading,
     ListItemContent,

package/src/lib/Components/ListItem/ListItem.tsx

@@ -57,8 +57,7 @@ const useRootStyles = ({
  * A flexible list item component that provides a composable structure for displaying
  * interactive list items with leading content, title, description, and trailing content.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_containment-listitem--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_containment-listitem--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-listitem--docs Guidelines}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the list item's core appearance (colors, padding, etc).

package/src/lib/Components/MediaBanner/MediaBanner.mdx

@@ -10,7 +10,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title='Components/MediaBanner' of={MediaBannerStories} />
+<Meta title='Core/MediaBanner' of={MediaBannerStories} />
 
 # MediaBanner
 

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

@@ -13,7 +13,8 @@ const IMAGE_URL =
 
 const meta: Meta<typeof MediaBanner> = {
   component: MediaBanner,
-  title: 'Communication/MediaBanner',
+  id: 'rnative-mediabanner',
+  title: 'Core/MediaBanner',
   subcomponents: {
     MediaBannerTitle,
     MediaBannerDescription,

package/src/lib/Components/MediaBanner/MediaBanner.tsx

@@ -14,7 +14,7 @@ import type {
 /**
  * A promotional banner with a background image, title, description, and an optional close button.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-mediabanner--docs Storybook}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-mediabanner--docs Storybook}
  */
 export function MediaBanner({
   lx,

package/src/lib/Components/MediaButton/MediaButton.mdx

@@ -2,7 +2,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as MediaButtonStories from './MediaButton.stories';
 
-<Meta title='Action/MediaButton' of={MediaButtonStories} />
+<Meta title='Core/MediaButton' of={MediaButtonStories} />
 
 <CustomTabs>
   <Tab label="Overview ">
@@ -15,7 +15,7 @@ A specialized media button designed exclusively for option list and dropdown pat
 
 > View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=6389-45680&m=dev).
 
-> **Important**: This component should only be used as a trigger inside an OptionList or dropdown. For standalone actions, use [Button](/docs/action-button--docs) or [IconButton](/docs/action-iconbutton--docs) instead.
+> **Important**: This component should only be used as a trigger inside an OptionList or dropdown. For standalone actions, use [Button](/docs/rnative-button--docs) or [IconButton](/docs/rnative-iconbutton--docs) instead.
 
 ## Properties
 

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

@@ -6,7 +6,8 @@ import { MediaButton } from './MediaButton';
 
 const meta: Meta<typeof MediaButton> = {
   component: MediaButton,
-  title: 'Action/MediaButton',
+  id: 'rnative-mediabutton',
+  title: 'Core/MediaButton',
   parameters: {
     layout: 'centered',
     docs: {

package/src/lib/Components/MediaCard/MediaCard.mdx

@@ -3,7 +3,7 @@ import * as MediaCardStories from './MediaCard.stories';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title='Communication/MediaCard' of={MediaCardStories} />
+<Meta title='Core/MediaCard' of={MediaCardStories} />
 
 # MediaCard
 

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

@@ -9,7 +9,8 @@ import { MediaCard, MediaCardTitle } from './MediaCard';
 const meta = {
   component: MediaCard,
   subcomponents: { MediaCardTitle },
-  title: 'Communication/MediaCard',
+  id: 'rnative-mediacard',
+  title: 'Core/MediaCard',
   parameters: {
     layout: 'centered',
     backgrounds: { default: 'light' },

package/src/lib/Components/MediaImage/MediaImage.mdx

@@ -5,7 +5,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
 
-<Meta title='Communication/MediaImage' of={MediaImageStories} />
+<Meta title='Core/MediaImage' of={MediaImageStories} />
 
 # MediaImage
 

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

@@ -4,7 +4,8 @@ import { MediaImage } from './MediaImage';
 
 const meta = {
   component: MediaImage,
-  title: 'Communication/MediaImage',
+  id: 'rnative-mediaimage',
+  title: 'Core/MediaImage',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/MediaTag/MediaTag.mdx

@@ -5,7 +5,7 @@ import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility/Box';
 
-<Meta title='Components/MediaTag' of={MediaTagStories} />
+<Meta title='Core/MediaTag' of={MediaTagStories} />
 
 # MediaTag
 
@@ -14,7 +14,7 @@ import { Box } from '../Utility/Box';
 
 ## Introduction
 
-MediaTag is a compact label used to categorize, classify, or highlight information alongside a required media element such as an image or crypto icon. Like [Tag](/docs/communication-tag--docs), it supports multiple appearances and sizes, but is designed for cases where the icon is richer than a Symbol.
+MediaTag is a compact label used to categorize, classify, or highlight information alongside a required media element such as an image or crypto icon. Like [Tag](/docs/rnative-tag--docs), it supports multiple appearances and sizes, but is designed for cases where the icon is richer than a Symbol.
 
 > View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=16793-36383&m=dev).
 

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

@@ -14,7 +14,8 @@ const ETH_ICON = (
 
 const meta: Meta<typeof MediaTag> = {
   component: MediaTag,
-  title: 'Communication/MediaTag',
+  id: 'rnative-mediatag',
+  title: 'Core/MediaTag',
   argTypes: {
     appearance: {
       control: 'select',

package/src/lib/Components/MediaTag/MediaTag.tsx

@@ -6,8 +6,7 @@ import type { MediaTagProps } from './types';
  *
  * The appearance determines the color scheme used.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-mediatag-overview--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-mediatag-implementation--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-mediatag--docs Guidelines}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the tag's core appearance (colors, padding, etc). Use the `appearance` prop instead.

package/src/lib/Components/NavBar/NavBar.mdx

@@ -5,7 +5,7 @@ import { NavBar, NavBarBackButton, NavBarContent } from './NavBar';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title='Navigation/NavBar' of={NavBarStories} />
+<Meta title='Core/NavBar' of={NavBarStories} />
 
 # NavBar
 

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

@@ -14,7 +14,8 @@ import {
 
 const meta: Meta<typeof NavBar> = {
   component: NavBar,
-  title: 'Navigation/NavBar',
+  id: 'rnative-navbar',
+  title: 'Core/NavBar',
   subcomponents: {
     NavBarBackButton,
     NavBarContent,

package/src/lib/Components/OptionList/OptionList.mdx

@@ -8,7 +8,7 @@ import {
   DontBlockItem,
 } from '../../../../.storybook/components';
 
-<Meta title='Selection/OptionList' of={OptionListStories} />
+<Meta title='Core/OptionList' of={OptionListStories} />
 
 # OptionList
 

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

@@ -30,7 +30,8 @@ import type { OptionListItemData } from './types';
 
 const meta = {
   component: OptionList,
-  title: 'Selection/OptionList',
+  id: 'rnative-optionlist',
+  title: 'Core/OptionList',
   subcomponents: {
     OptionListContent,
     OptionListItem,

package/src/lib/Components/PageIndicator/PageIndicator.mdx

@@ -4,7 +4,7 @@ import { PageIndicator } from './PageIndicator';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title='Communication/PageIndicator' of={PageIndicatorStories} />
+<Meta title='Core/PageIndicator' of={PageIndicatorStories} />
 
 # PageIndicator
 

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

@@ -6,7 +6,8 @@ import { ArrowLeft, ArrowRight } from '../../Symbols';
 import { PageIndicator } from './PageIndicator';
 
 const meta = {
-  title: 'Communication/PageIndicator',
+  id: 'rnative-pageindicator',
+  title: 'Core/PageIndicator',
   component: PageIndicator,
   parameters: {
     layout: 'centered',

package/src/lib/Components/SearchInput/SearchInput.mdx

@@ -5,7 +5,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title='Input/SearchInput' of={SearchInputStories} />
+<Meta title='Core/SearchInput' of={SearchInputStories} />
 
 # SearchInput
 

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

@@ -6,7 +6,8 @@ import type { SearchInputProps } from './types';
 
 const meta: Meta<typeof SearchInput> = {
   component: SearchInput,
-  title: 'Input/SearchInput',
+  id: 'rnative-searchinput',
+  title: 'Core/SearchInput',
   args: {
     appearance: 'plain',
   },

package/src/lib/Components/SegmentedControl/SegmentedControl.mdx

@@ -5,7 +5,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility';
 
-<Meta title='Navigation/SegmentedControl' of={SegmentedControlStories} />
+<Meta title='Core/SegmentedControl' of={SegmentedControlStories} />
 
 # SegmentedControl
 

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

@@ -6,7 +6,8 @@ import { Box } from '../Utility';
 import { SegmentedControl, SegmentedControlButton } from './SegmentedControl';
 
 const meta = {
-  title: 'Navigation/SegmentedControl',
+  id: 'rnative-segmentedcontrol',
+  title: 'Core/SegmentedControl',
   component: SegmentedControl,
   subcomponents: {
     SegmentedControlButton,

package/src/lib/Components/Skeleton/Skeleton.mdx

@@ -10,7 +10,7 @@ import {
 } from '../../../../.storybook/components';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title='Communication/Skeleton' of={SkeletonStories} />
+<Meta title='Core/Skeleton' of={SkeletonStories} />
 
 # Skeleton
 

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

@@ -3,7 +3,8 @@ import { Box } from '../Utility/Box';
 import { Skeleton } from './Skeleton';
 
 const meta: Meta<typeof Skeleton> = {
-  title: 'Communication/Skeleton',
+  id: 'rnative-skeleton',
+  title: 'Core/Skeleton',
   component: Skeleton,
   parameters: {
     actions: { disable: true },

package/src/lib/Components/Spinner/Spinner.mdx

@@ -6,7 +6,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 import { Box } from '../Utility/Box';
 import { Text } from '../Utility/Text';
 
-<Meta title='Communication/Spinner/Docs' of={SpinnerStories} />
+<Meta title='Core/Spinner' of={SpinnerStories} />
 
 # Spinner
 

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

@@ -4,7 +4,8 @@ import { Text } from '../Utility/Text';
 import { Spinner } from './Spinner';
 
 const meta: Meta<typeof Spinner> = {
-  title: 'Communication/Spinner',
+  id: 'rnative-spinner',
+  title: 'Core/Spinner',
   component: Spinner,
   parameters: {
     actions: { disable: true },

package/src/lib/Components/Spot/Spot.mdx

@@ -6,7 +6,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title='Components/Spot' of={SpotStories} />
+<Meta title='Core/Spot' of={SpotStories} />
 
 # Spot
 

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

@@ -7,7 +7,8 @@ import type { SpotProps } from './types';
 
 const meta: Meta<typeof Spot> = {
   component: Spot,
-  title: 'Communication/Spot',
+  id: 'rnative-spot',
+  title: 'Core/Spot',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/Spot/Spot.tsx

@@ -103,7 +103,7 @@ const useStyles = ({
  * - `'number'` appearance requires a `number` prop
  * - All other appearances are self-contained
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_media-graphics-spot--docs Storybook}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-spot--docs Storybook}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the spot's core appearance (colors, size, etc). Use the `appearance` prop instead.

package/src/lib/Components/Stepper/Stepper.mdx

@@ -6,7 +6,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 import { Box } from '../Utility/Box';
 import { Text } from '../Utility/Text';
 
-<Meta title='Communication/Stepper/Docs' of={StepperStories} />
+<Meta title='Core/Stepper' of={StepperStories} />
 
 # Stepper
 

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

@@ -4,7 +4,8 @@ import { Text } from '../Utility/Text';
 import { Stepper } from './Stepper';
 
 const meta: Meta<typeof Stepper> = {
-  title: 'Communication/Stepper',
+  id: 'rnative-stepper',
+  title: 'Core/Stepper',
   component: Stepper,
   parameters: {
     actions: { disable: true },

package/src/lib/Components/Subheader/Subheader.mdx

@@ -19,7 +19,7 @@ import {
 } from '../../../../.storybook/components';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title='Components/Subheader' of={SubheaderStories} />
+<Meta title='Core/Subheader' of={SubheaderStories} />
 
 # Subheader
 

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

@@ -20,7 +20,8 @@ const Container = ({ children }: { children: React.ReactNode }) => (
 
 const meta: Meta<typeof Subheader> = {
   component: Subheader,
-  title: 'Communication/Subheader',
+  id: 'rnative-subheader',
+  title: 'Core/Subheader',
   subcomponents: {
     SubheaderRow,
     SubheaderTitle,

package/src/lib/Components/Switch/Switch.mdx

@@ -6,7 +6,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title="Components/Switch" of={SwitchStories} />
+<Meta title='Core/Switch' of={SwitchStories} />
 
 # Switch
 

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

@@ -3,7 +3,8 @@ import { Box, Text } from '../Utility';
 import { Switch } from './Switch';
 
 const meta: Meta<typeof Switch> = {
-  title: 'Selection/Switch',
+  id: 'rnative-switch',
+  title: 'Core/Switch',
   component: Switch,
   parameters: {
     layout: 'fullscreen',

package/src/lib/Components/Switch/Switch.tsx

@@ -107,8 +107,7 @@ const useAnimatedThumb = (checked: boolean, translate: number) => {
  * The switch follows the design system tokens and supports checked, unchecked,
  * disabled, and focus states with proper active interactions.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_selection-switch--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_selection-switch--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-switch--docs Guidelines}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the switch's core appearance.

package/src/lib/Components/TabBar/TabBar.mdx

@@ -6,7 +6,7 @@ import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility';
 
-<Meta title='Navigation/TabBar' of={TabBarStories} />
+<Meta title='Core/TabBar' of={TabBarStories} />
 
 # TabBar
 

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

@@ -18,7 +18,8 @@ import {
 import { TabBar, TabBarItem } from './TabBar';
 
 const meta = {
-  title: 'Navigation/TabBar',
+  id: 'rnative-tabbar',
+  title: 'Core/TabBar',
   component: TabBar,
   subcomponents: {
     TabBarItem,

package/src/lib/Components/TabBar/TabBar.tsx

@@ -227,8 +227,7 @@ export function TabBarItem({
  * A horizontal tab bar with animated pill background and icon transitions.
  * Provides smooth animations for active state changes and press interactions.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_navigation-tabbar--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_navigation-tabbar--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-tabbar--docs Guidelines}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  *

package/src/lib/Components/Tag/Tag.mdx

@@ -5,7 +5,7 @@ import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility/Box';
 
-<Meta title='Components/Tag' of={TagStories} />
+<Meta title='Core/Tag' of={TagStories} />
 
 # Tag
 

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

@@ -5,7 +5,8 @@ import { Tag } from './Tag';
 
 const meta: Meta<typeof Tag> = {
   component: Tag,
-  title: 'Communication/Tag',
+  id: 'rnative-tag',
+  title: 'Core/Tag',
   argTypes: {
     appearance: {
       control: 'select',

package/src/lib/Components/Tag/Tag.tsx

@@ -14,8 +14,7 @@ const iconSizeMap: Record<Size, IconSize> = {
  *
  * The appearance determines the color scheme used.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-tag-overview--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-tag-implementation--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-tag--docs Guidelines}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the tag's core appearance (colors, padding, etc). Use the `appearance` prop instead.

package/src/lib/Components/TextInput/TextInput.mdx

@@ -5,7 +5,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title='Input/TextInput' of={TextInputStories} />
+<Meta title='Core/TextInput' of={TextInputStories} />
 
 # TextInput
 

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

@@ -6,7 +6,8 @@ import { type TextInputProps } from './types';
 
 const meta: Meta<typeof TextInput> = {
   component: TextInput,
-  title: 'Input/TextInput',
+  id: 'rnative-textinput',
+  title: 'Core/TextInput',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/Tile/Tile.mdx

@@ -11,7 +11,7 @@ import {
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility';
 
-<Meta title='Containment/Tile' of={TileStories} />
+<Meta title='Core/Tile' of={TileStories} />
 
 # Tile
 

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

@@ -19,7 +19,8 @@ const meta: Meta<typeof Tile> = {
     TileDescription,
     TileTrailingContent,
   },
-  title: 'Containment/Tile',
+  id: 'rnative-tile',
+  title: 'Core/Tile',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/Tile/Tile.tsx

@@ -73,8 +73,7 @@ const useRootStyles = ({
  * 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.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_containment-tile--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_containment-tile--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-tile--docs Guidelines}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the tile's core appearance (colors, padding, etc). Use the `appearance` prop instead.

package/src/lib/Components/TileButton/TileButton.mdx

@@ -5,7 +5,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 
-<Meta title='Action/TileButton' of={TileButtonStories} />
+<Meta title='Core/TileButton' of={TileButtonStories} />
 
 # TileButton
 

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

@@ -15,7 +15,8 @@ const iconOptions = {
 
 const meta: Meta<typeof TileButton> = {
   component: TileButton,
-  title: 'Action/TileButton',
+  id: 'rnative-tilebutton',
+  title: 'Core/TileButton',
   argTypes: {
     icon: {
       options: Object.keys(iconOptions),

package/src/lib/Components/TileButton/TileButton.tsx

@@ -67,7 +67,7 @@ const useStyles = ({
  * 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}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-tilebutton--docs Storybook}
  *
  * @example
  * import { TileButton } from '@ledgerhq/lumen-ui-rnative';

package/src/lib/Components/Tooltip/GlobalTooltipBottomSheet.tsx

@@ -11,7 +11,7 @@ import { useGlobalTooltipSafeContext } from './GlobalTooltipContext';
  * BottomSheet component that displays tooltip content.
  * This should be placed at the root level inside GestureHandlerRootView.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-tooltip-overview--docs Storybook}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-tooltip--docs Storybook}
  *
  * @example
  * import { GlobalTooltipProvider, GlobalTooltipBottomSheet } from '@ledgerhq/lumen-ui-rnative';

package/src/lib/Components/Tooltip/Tooltip.mdx

@@ -5,7 +5,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 import * as TooltipStories from './Tooltip.stories';
 import { Box } from '../Utility/Box';
 
-<Meta title='Communication/Tooltip' of={TooltipStories} />
+<Meta title='Core/Tooltip' of={TooltipStories} />
 
 # Tooltip
 

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

@@ -10,7 +10,8 @@ import { Tooltip, TooltipTrigger, TooltipContent } from './Tooltip';
 const meta: Meta<typeof Tooltip> = {
   component: Tooltip,
   subcomponents: { TooltipTrigger, TooltipContent },
-  title: 'Communication/Tooltip',
+  id: 'rnative-tooltip',
+  title: 'Core/Tooltip',
 };
 
 export default meta;