@ledgerhq/lumen-ui-react 0.1.49 → 0.1.51

package/README.md

@@ -33,13 +33,23 @@ import type { Config } from 'tailwindcss';
 import { ledgerLivePreset } from '@ledgerhq/lumen-design-core';
 
 const config = {
-  content: ['./src/**/*.{js,ts,jsx,tsx}', './node_modules/@ledgerhq/lumen-ui-react/dist/lib/**/*.{js,ts,jsx,tsx}'],
+  content: ['./src/**/*.{js,ts,jsx,tsx}'],
   presets: [ledgerLivePreset],
 } satisfies Config;
 
 export default config;
 ```
 
+Then import Lumen's stylesheet next to Tailwind in your main CSS file. It
+registers our compiled components as a Tailwind source, so you never have to
+reference our build layout yourself:
+
+```css
+@import 'tailwindcss';
+@import '@ledgerhq/lumen-ui-react/tailwind.css';
+@config '../tailwind.config.ts';
+```
+
 ### 2. Start Using Components
 
 ```tsx

package/ai-rules/RULES.md

@@ -22,7 +22,13 @@ Lumen typography classes set `font-family: Inter` via design tokens. The consume
 
 ### Tailwind Configuration (REQUIRED)
 
-- Tailwind config MUST include Lumen in content array: `'./node_modules/@ledgerhq/lumen-ui-react/dist/lib/**/*.{js,ts,jsx,tsx}'`
+- Check the installed Tailwind major version first — the two paths differ:
+- **Tailwind v4 (recommended):** the main stylesheet MUST import Lumen's
+  stylesheet so Tailwind scans the compiled components:
+  `@import '@ledgerhq/lumen-ui-react/tailwind.css';` (add
+  `@import '@ledgerhq/lumen-ui-react-visualization/tailwind.css';` when using
+  charts). Do NOT also add `./node_modules/@ledgerhq/lumen-ui-react/dist/**` to
+  the `content` array — that path is internal and may change in any release.
 - Always use a preset from `@ledgerhq/lumen-design-core`: ledgerLivePreset, enterprisePreset or websitesPreset
 - Import presets: `import { ledgerLivePreset } from '@ledgerhq/lumen-design-core'`
 

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/Components';
 export { type SupportedLocale, Languages } from './i18n';
+export { useControllableState } from './utils/useControllableState';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,KAAK,eAAe,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,KAAK,eAAe,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/index.js

@@ -1,239 +1,241 @@
 import { Languages as t } from "./i18n/languages.js";
-import { AddressInput as a } from "./lib/Components/AddressInput/AddressInput.js";
-import { AmountInput as i } from "./lib/Components/AmountInput/AmountInput.js";
-import { AmountDisplay as l } from "./lib/Components/AmountDisplay/AmountDisplay.js";
-import { Avatar as d } from "./lib/Components/Avatar/Avatar.js";
-import { resolveAvatarColor as x } from "./lib/Components/Avatar/resolveAvatarColor.js";
-import { AvatarButton as C } from "./lib/Components/AvatarButton/AvatarButton.js";
-import { Banner as S } from "./lib/Components/Banner/Banner.js";
-import { BaseInput as g } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as b } from "./lib/Components/Button/Button.js";
-import { BaseButton as s } from "./lib/Components/Button/BaseButton.js";
-import { Card as M, CardContent as L, CardContentDescription as v, CardContentRow as h, CardContentTitle as R, CardFooter as A, CardFooterActions as H, CardHeader as w, CardLeading as P, CardTrailing as y } from "./lib/Components/Card/Card.js";
-import { CardButton as k } from "./lib/Components/CardButton/CardButton.js";
-import { Checkbox as z } from "./lib/Components/Checkbox/Checkbox.js";
-import { ContentBanner as F, ContentBannerContent as O, ContentBannerDescription as V, ContentBannerTitle as _ } from "./lib/Components/ContentBanner/ContentBanner.js";
-import { DataTable as q, DataTableGlobalSearchInput as J, DataTableRoot as K } from "./lib/Components/DataTable/DataTable.js";
-import { useLumenDataTable as U } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
-import { DescriptionItem as X, DescriptionItemLabel as Y, DescriptionItemLeading as Z, DescriptionItemTrailing as $, DescriptionItemValue as ee } from "./lib/Components/DescriptionItem/DescriptionItem.js";
-import { DialogClose as te } from "./lib/Components/Dialog/DialogClose/DialogClose.js";
-import { Dialog as ae, DialogBody as ne, DialogBodyStickyContent as ie, DialogContent as pe, DialogFooter as le, DialogTrigger as me } from "./lib/Components/Dialog/Dialog.js";
-import { DialogHeader as Te } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { Divider as fe } from "./lib/Components/Divider/Divider.js";
-import { DotCount as ce } from "./lib/Components/DotCount/DotCount.js";
-import { DotIcon as ue, dotIconSizeMap as ge, mediaImageDotIconSizeMap as Ie, spotDotIconSizeMap as be } from "./lib/Components/DotIcon/DotIcon.js";
-import { DotIndicator as se } from "./lib/Components/DotIndicator/DotIndicator.js";
-import { getDotIndicatorProps as Me } from "./lib/Components/DotIndicator/getDotIndicatorProps.js";
-import { DotSymbol as ve, mediaImageDotSizeMap as he, spotDotSizeMap as Re } from "./lib/Components/DotSymbol/DotSymbol.js";
-import { IconButton as He } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as Pe } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
-import { Link as Ne } from "./lib/Components/Link/Link.js";
-import { ListItem as Ge, ListItemContent as ze, ListItemContentRow as Ee, ListItemDescription as Fe, ListItemLeading as Oe, ListItemTitle as Ve, ListItemTrailing as _e } from "./lib/Components/ListItem/ListItem.js";
-import { MediaBanner as qe, MediaBannerDescription as Je, MediaBannerTitle as Ke } from "./lib/Components/MediaBanner/MediaBanner.js";
-import { MediaButton as Ue } from "./lib/Components/MediaButton/MediaButton.js";
-import { MediaCard as Xe, MediaCardTitle as Ye } from "./lib/Components/MediaCard/MediaCard.js";
-import { MediaImage as $e } from "./lib/Components/MediaImage/MediaImage.js";
-import { MediaTag as oo } from "./lib/Components/MediaTag/MediaTag.js";
-import { Menu as ro, MenuCheckboxItem as ao, MenuContent as no, MenuGroup as io, MenuItem as po, MenuLabel as lo, MenuRadioGroup as mo, MenuRadioItem as To, MenuSeparator as xo, MenuSub as fo, MenuSubContent as Co, MenuSubTrigger as co, MenuTrigger as So, createMenuRadioGroup as uo } from "./lib/Components/Menu/Menu.js";
-import { NavBar as Io, NavBarBackButton as bo, NavBarCoinCapsule as Bo, NavBarDescription as so, NavBarLeading as Do, NavBarTitle as Mo, NavBarTrailing as Lo } from "./lib/Components/NavBar/NavBar.js";
-import { Popover as ho, PopoverContent as Ro, PopoverTrigger as Ao, createPopoverHandle as Ho } from "./lib/Components/Popover/Popover.js";
-import { PageIndicator as Po } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { Pagination as No } from "./lib/Components/Pagination/Pagination.js";
-import { SearchInput as Go } from "./lib/Components/SearchInput/SearchInput.js";
-import { SectionHeader as Eo, SectionHeaderLeading as Fo, SectionHeaderTitle as Oo } from "./lib/Components/SectionHeader/SectionHeader.js";
-import { SegmentedControl as _o, SegmentedControlButton as jo, createSegmentedControl as qo } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as Ko, SelectContent as Qo, SelectEmptyState as Uo, SelectItem as Wo, SelectItemContent as Xo, SelectItemDescription as Yo, SelectItemText as Zo, SelectList as $o, SelectSearch as et, SelectSeparator as ot, SelectTrigger as tt, createSelect as rt } from "./lib/Components/Select/Select.js";
-import { SideBar as nt, SideBarCollapseToggle as it, SideBarItem as pt, SideBarLeading as lt, SideBarTrailing as mt, createSideBar as dt } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as xt } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as Ct } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as St } from "./lib/Components/Spot/Spot.js";
-import { Stepper as gt } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as bt, SubheaderCount as Bt, SubheaderDescription as st, SubheaderInfo as Dt, SubheaderRow as Mt, SubheaderShowMore as Lt, SubheaderTitle as vt } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as Rt } from "./lib/Components/Switch/Switch.js";
-import { Table as Ht, TableActionBar as wt, TableActionBarLeading as Pt, TableActionBarTrailing as yt, TableBody as Nt, TableCell as kt, TableCellContent as Gt, TableCellContentDescription as zt, TableCellContentRow as Et, TableCellContentTitle as Ft, TableCellItem as Ot, TableCol as Vt, TableColGroup as _t, TableGroupHeaderRow as jt, TableHeader as qt, TableHeaderCell as Jt, TableHeaderRow as Kt, TableInfoIcon as Qt, TableLoadingRow as Ut, TableRoot as Wt, TableRow as Xt, TableSortButton as Yt } from "./lib/Components/Table/Table.js";
-import { Tag as $t } from "./lib/Components/Tag/Tag.js";
-import { TextInput as or } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as rr, TileContent as ar, TileDescription as nr, TileSecondaryAction as ir, TileTitle as pr, TileTrailingContent as lr } from "./lib/Components/Tile/Tile.js";
-import { TileButton as dr } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as xr, TooltipContent as fr, TooltipProvider as Cr, TooltipTrigger as cr } from "./lib/Components/Tooltip/Tooltip.js";
-import { Trend as ur } from "./lib/Components/Trend/Trend.js";
-import { ThemeProvider as Ir, useTheme as br } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as sr } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
+import { useControllableState as a } from "./utils/useControllableState/useControllableState.js";
+import { AddressInput as i } from "./lib/Components/AddressInput/AddressInput.js";
+import { AmountInput as l } from "./lib/Components/AmountInput/AmountInput.js";
+import { AmountDisplay as d } from "./lib/Components/AmountDisplay/AmountDisplay.js";
+import { Avatar as x } from "./lib/Components/Avatar/Avatar.js";
+import { resolveAvatarColor as C } from "./lib/Components/Avatar/resolveAvatarColor.js";
+import { AvatarButton as S } from "./lib/Components/AvatarButton/AvatarButton.js";
+import { Banner as g } from "./lib/Components/Banner/Banner.js";
+import { BaseInput as I } from "./lib/Components/BaseInput/BaseInput.js";
+import { Button as s } from "./lib/Components/Button/Button.js";
+import { BaseButton as M } from "./lib/Components/Button/BaseButton.js";
+import { Card as v, CardContent as h, CardContentDescription as R, CardContentRow as A, CardContentTitle as H, CardFooter as w, CardFooterActions as P, CardHeader as y, CardLeading as N, CardTrailing as k } from "./lib/Components/Card/Card.js";
+import { CardButton as z } from "./lib/Components/CardButton/CardButton.js";
+import { Checkbox as F } from "./lib/Components/Checkbox/Checkbox.js";
+import { ContentBanner as V, ContentBannerContent as _, ContentBannerDescription as j, ContentBannerTitle as q } from "./lib/Components/ContentBanner/ContentBanner.js";
+import { DataTable as K, DataTableGlobalSearchInput as Q, DataTableRoot as U } from "./lib/Components/DataTable/DataTable.js";
+import { useLumenDataTable as X } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
+import { DescriptionItem as Z, DescriptionItemLabel as $, DescriptionItemLeading as ee, DescriptionItemTrailing as oe, DescriptionItemValue as te } from "./lib/Components/DescriptionItem/DescriptionItem.js";
+import { DialogClose as ae } from "./lib/Components/Dialog/DialogClose/DialogClose.js";
+import { Dialog as ie, DialogBody as pe, DialogBodyStickyContent as le, DialogContent as me, DialogFooter as de, DialogTrigger as Te } from "./lib/Components/Dialog/Dialog.js";
+import { DialogHeader as fe } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
+import { Divider as ce } from "./lib/Components/Divider/Divider.js";
+import { DotCount as ue } from "./lib/Components/DotCount/DotCount.js";
+import { DotIcon as be, dotIconSizeMap as Ie, mediaImageDotIconSizeMap as Be, spotDotIconSizeMap as se } from "./lib/Components/DotIcon/DotIcon.js";
+import { DotIndicator as Me } from "./lib/Components/DotIndicator/DotIndicator.js";
+import { getDotIndicatorProps as ve } from "./lib/Components/DotIndicator/getDotIndicatorProps.js";
+import { DotSymbol as Re, mediaImageDotSizeMap as Ae, spotDotSizeMap as He } from "./lib/Components/DotSymbol/DotSymbol.js";
+import { IconButton as Pe } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as Ne } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Link as Ge } from "./lib/Components/Link/Link.js";
+import { ListItem as Ee, ListItemContent as Fe, ListItemContentRow as Oe, ListItemDescription as Ve, ListItemLeading as _e, ListItemTitle as je, ListItemTrailing as qe } from "./lib/Components/ListItem/ListItem.js";
+import { MediaBanner as Ke, MediaBannerDescription as Qe, MediaBannerTitle as Ue } from "./lib/Components/MediaBanner/MediaBanner.js";
+import { MediaButton as Xe } from "./lib/Components/MediaButton/MediaButton.js";
+import { MediaCard as Ze, MediaCardTitle as $e } from "./lib/Components/MediaCard/MediaCard.js";
+import { MediaImage as oo } from "./lib/Components/MediaImage/MediaImage.js";
+import { MediaTag as ro } from "./lib/Components/MediaTag/MediaTag.js";
+import { Menu as no, MenuCheckboxItem as io, MenuContent as po, MenuGroup as lo, MenuItem as mo, MenuLabel as To, MenuRadioGroup as xo, MenuRadioItem as fo, MenuSeparator as Co, MenuSub as co, MenuSubContent as So, MenuSubTrigger as uo, MenuTrigger as go, createMenuRadioGroup as bo } from "./lib/Components/Menu/Menu.js";
+import { NavBar as Bo, NavBarBackButton as so, NavBarCoinCapsule as Do, NavBarDescription as Mo, NavBarLeading as Lo, NavBarTitle as vo, NavBarTrailing as ho } from "./lib/Components/NavBar/NavBar.js";
+import { Popover as Ao, PopoverContent as Ho, PopoverTrigger as wo, createPopoverHandle as Po } from "./lib/Components/Popover/Popover.js";
+import { PageIndicator as No } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { Pagination as Go } from "./lib/Components/Pagination/Pagination.js";
+import { SearchInput as Eo } from "./lib/Components/SearchInput/SearchInput.js";
+import { SectionHeader as Oo, SectionHeaderLeading as Vo, SectionHeaderTitle as _o } from "./lib/Components/SectionHeader/SectionHeader.js";
+import { SegmentedControl as qo, SegmentedControlButton as Jo, createSegmentedControl as Ko } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as Uo, SelectContent as Wo, SelectEmptyState as Xo, SelectItem as Yo, SelectItemContent as Zo, SelectItemDescription as $o, SelectItemText as et, SelectList as ot, SelectSearch as tt, SelectSeparator as rt, SelectTrigger as at, createSelect as nt } from "./lib/Components/Select/Select.js";
+import { SideBar as pt, SideBarCollapseToggle as lt, SideBarItem as mt, SideBarLeading as dt, SideBarTrailing as Tt, createSideBar as xt } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as Ct } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as St } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as gt } from "./lib/Components/Spot/Spot.js";
+import { Stepper as It } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as st, SubheaderCount as Dt, SubheaderDescription as Mt, SubheaderInfo as Lt, SubheaderRow as vt, SubheaderShowMore as ht, SubheaderTitle as Rt } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as Ht } from "./lib/Components/Switch/Switch.js";
+import { Table as Pt, TableActionBar as yt, TableActionBarLeading as Nt, TableActionBarTrailing as kt, TableBody as Gt, TableCell as zt, TableCellContent as Et, TableCellContentDescription as Ft, TableCellContentRow as Ot, TableCellContentTitle as Vt, TableCellItem as _t, TableCol as jt, TableColGroup as qt, TableGroupHeaderRow as Jt, TableHeader as Kt, TableHeaderCell as Qt, TableHeaderRow as Ut, TableInfoIcon as Wt, TableLoadingRow as Xt, TableRoot as Yt, TableRow as Zt, TableSortButton as $t } from "./lib/Components/Table/Table.js";
+import { Tag as or } from "./lib/Components/Tag/Tag.js";
+import { TextInput as rr } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as nr, TileContent as ir, TileDescription as pr, TileSecondaryAction as lr, TileTitle as mr, TileTrailingContent as dr } from "./lib/Components/Tile/Tile.js";
+import { TileButton as xr } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as Cr, TooltipContent as cr, TooltipProvider as Sr, TooltipTrigger as ur } from "./lib/Components/Tooltip/Tooltip.js";
+import { Trend as br } from "./lib/Components/Trend/Trend.js";
+import { ThemeProvider as Br, useTheme as sr } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as Mr } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
-  a as AddressInput,
-  l as AmountDisplay,
-  i as AmountInput,
-  d as Avatar,
-  C as AvatarButton,
-  S as Banner,
-  s as BaseButton,
-  g as BaseInput,
-  b as Button,
-  sr as COLOR_SCHEMES,
-  M as Card,
-  k as CardButton,
-  L as CardContent,
-  v as CardContentDescription,
-  h as CardContentRow,
-  R as CardContentTitle,
-  A as CardFooter,
-  H as CardFooterActions,
-  w as CardHeader,
-  P as CardLeading,
-  y as CardTrailing,
-  z as Checkbox,
-  F as ContentBanner,
-  O as ContentBannerContent,
-  V as ContentBannerDescription,
-  _ as ContentBannerTitle,
-  q as DataTable,
-  J as DataTableGlobalSearchInput,
-  K as DataTableRoot,
-  X as DescriptionItem,
-  Y as DescriptionItemLabel,
-  Z as DescriptionItemLeading,
-  $ as DescriptionItemTrailing,
-  ee as DescriptionItemValue,
-  ae as Dialog,
-  ne as DialogBody,
-  ie as DialogBodyStickyContent,
-  te as DialogClose,
-  pe as DialogContent,
-  le as DialogFooter,
-  Te as DialogHeader,
-  me as DialogTrigger,
-  fe as Divider,
-  ce as DotCount,
-  ue as DotIcon,
-  se as DotIndicator,
-  ve as DotSymbol,
-  He as IconButton,
-  Pe as InteractiveIcon,
+  i as AddressInput,
+  d as AmountDisplay,
+  l as AmountInput,
+  x as Avatar,
+  S as AvatarButton,
+  g as Banner,
+  M as BaseButton,
+  I as BaseInput,
+  s as Button,
+  Mr as COLOR_SCHEMES,
+  v as Card,
+  z as CardButton,
+  h as CardContent,
+  R as CardContentDescription,
+  A as CardContentRow,
+  H as CardContentTitle,
+  w as CardFooter,
+  P as CardFooterActions,
+  y as CardHeader,
+  N as CardLeading,
+  k as CardTrailing,
+  F as Checkbox,
+  V as ContentBanner,
+  _ as ContentBannerContent,
+  j as ContentBannerDescription,
+  q as ContentBannerTitle,
+  K as DataTable,
+  Q as DataTableGlobalSearchInput,
+  U as DataTableRoot,
+  Z as DescriptionItem,
+  $ as DescriptionItemLabel,
+  ee as DescriptionItemLeading,
+  oe as DescriptionItemTrailing,
+  te as DescriptionItemValue,
+  ie as Dialog,
+  pe as DialogBody,
+  le as DialogBodyStickyContent,
+  ae as DialogClose,
+  me as DialogContent,
+  de as DialogFooter,
+  fe as DialogHeader,
+  Te as DialogTrigger,
+  ce as Divider,
+  ue as DotCount,
+  be as DotIcon,
+  Me as DotIndicator,
+  Re as DotSymbol,
+  Pe as IconButton,
+  Ne as InteractiveIcon,
   t as Languages,
-  Ne as Link,
-  Ge as ListItem,
-  ze as ListItemContent,
-  Ee as ListItemContentRow,
-  Fe as ListItemDescription,
-  Oe as ListItemLeading,
-  Ve as ListItemTitle,
-  _e as ListItemTrailing,
-  qe as MediaBanner,
-  Je as MediaBannerDescription,
-  Ke as MediaBannerTitle,
-  Ue as MediaButton,
-  Xe as MediaCard,
-  Ye as MediaCardTitle,
-  $e as MediaImage,
-  oo as MediaTag,
-  ro as Menu,
-  ao as MenuCheckboxItem,
-  no as MenuContent,
-  io as MenuGroup,
-  po as MenuItem,
-  lo as MenuLabel,
-  mo as MenuRadioGroup,
-  To as MenuRadioItem,
-  xo as MenuSeparator,
-  fo as MenuSub,
-  Co as MenuSubContent,
-  co as MenuSubTrigger,
-  So as MenuTrigger,
-  Io as NavBar,
-  bo as NavBarBackButton,
-  Bo as NavBarCoinCapsule,
-  so as NavBarDescription,
-  Do as NavBarLeading,
-  Mo as NavBarTitle,
-  Lo as NavBarTrailing,
-  Po as PageIndicator,
-  No as Pagination,
-  ho as Popover,
-  Ro as PopoverContent,
-  Ao as PopoverTrigger,
-  Go as SearchInput,
-  Eo as SectionHeader,
-  Fo as SectionHeaderLeading,
-  Oo as SectionHeaderTitle,
-  _o as SegmentedControl,
-  jo as SegmentedControlButton,
-  Ko as Select,
-  Qo as SelectContent,
-  Uo as SelectEmptyState,
-  Wo as SelectItem,
-  Xo as SelectItemContent,
-  Yo as SelectItemDescription,
-  Zo as SelectItemText,
-  $o as SelectList,
-  et as SelectSearch,
-  ot as SelectSeparator,
-  tt as SelectTrigger,
-  nt as SideBar,
-  it as SideBarCollapseToggle,
-  pt as SideBarItem,
-  lt as SideBarLeading,
-  mt as SideBarTrailing,
-  xt as Skeleton,
-  Ct as Spinner,
-  St as Spot,
-  gt as Stepper,
-  bt as Subheader,
-  Bt as SubheaderCount,
-  st as SubheaderDescription,
-  Dt as SubheaderInfo,
-  Mt as SubheaderRow,
-  Lt as SubheaderShowMore,
-  vt as SubheaderTitle,
-  Rt as Switch,
-  Ht as Table,
-  wt as TableActionBar,
-  Pt as TableActionBarLeading,
-  yt as TableActionBarTrailing,
-  Nt as TableBody,
-  kt as TableCell,
-  Gt as TableCellContent,
-  zt as TableCellContentDescription,
-  Et as TableCellContentRow,
-  Ft as TableCellContentTitle,
-  Ot as TableCellItem,
-  Vt as TableCol,
-  _t as TableColGroup,
-  jt as TableGroupHeaderRow,
-  qt as TableHeader,
-  Jt as TableHeaderCell,
-  Kt as TableHeaderRow,
-  Qt as TableInfoIcon,
-  Ut as TableLoadingRow,
-  Wt as TableRoot,
-  Xt as TableRow,
-  Yt as TableSortButton,
-  $t as Tag,
-  or as TextInput,
-  Ir as ThemeProvider,
-  rr as Tile,
-  dr as TileButton,
-  ar as TileContent,
-  nr as TileDescription,
-  ir as TileSecondaryAction,
-  pr as TileTitle,
-  lr as TileTrailingContent,
-  xr as Tooltip,
-  fr as TooltipContent,
-  Cr as TooltipProvider,
-  cr as TooltipTrigger,
-  ur as Trend,
-  uo as createMenuRadioGroup,
-  Ho as createPopoverHandle,
-  qo as createSegmentedControl,
-  rt as createSelect,
-  dt as createSideBar,
-  ge as dotIconSizeMap,
-  Me as getDotIndicatorProps,
-  Ie as mediaImageDotIconSizeMap,
-  he as mediaImageDotSizeMap,
-  x as resolveAvatarColor,
-  be as spotDotIconSizeMap,
-  Re as spotDotSizeMap,
-  U as useLumenDataTable,
-  br as useTheme
+  Ge as Link,
+  Ee as ListItem,
+  Fe as ListItemContent,
+  Oe as ListItemContentRow,
+  Ve as ListItemDescription,
+  _e as ListItemLeading,
+  je as ListItemTitle,
+  qe as ListItemTrailing,
+  Ke as MediaBanner,
+  Qe as MediaBannerDescription,
+  Ue as MediaBannerTitle,
+  Xe as MediaButton,
+  Ze as MediaCard,
+  $e as MediaCardTitle,
+  oo as MediaImage,
+  ro as MediaTag,
+  no as Menu,
+  io as MenuCheckboxItem,
+  po as MenuContent,
+  lo as MenuGroup,
+  mo as MenuItem,
+  To as MenuLabel,
+  xo as MenuRadioGroup,
+  fo as MenuRadioItem,
+  Co as MenuSeparator,
+  co as MenuSub,
+  So as MenuSubContent,
+  uo as MenuSubTrigger,
+  go as MenuTrigger,
+  Bo as NavBar,
+  so as NavBarBackButton,
+  Do as NavBarCoinCapsule,
+  Mo as NavBarDescription,
+  Lo as NavBarLeading,
+  vo as NavBarTitle,
+  ho as NavBarTrailing,
+  No as PageIndicator,
+  Go as Pagination,
+  Ao as Popover,
+  Ho as PopoverContent,
+  wo as PopoverTrigger,
+  Eo as SearchInput,
+  Oo as SectionHeader,
+  Vo as SectionHeaderLeading,
+  _o as SectionHeaderTitle,
+  qo as SegmentedControl,
+  Jo as SegmentedControlButton,
+  Uo as Select,
+  Wo as SelectContent,
+  Xo as SelectEmptyState,
+  Yo as SelectItem,
+  Zo as SelectItemContent,
+  $o as SelectItemDescription,
+  et as SelectItemText,
+  ot as SelectList,
+  tt as SelectSearch,
+  rt as SelectSeparator,
+  at as SelectTrigger,
+  pt as SideBar,
+  lt as SideBarCollapseToggle,
+  mt as SideBarItem,
+  dt as SideBarLeading,
+  Tt as SideBarTrailing,
+  Ct as Skeleton,
+  St as Spinner,
+  gt as Spot,
+  It as Stepper,
+  st as Subheader,
+  Dt as SubheaderCount,
+  Mt as SubheaderDescription,
+  Lt as SubheaderInfo,
+  vt as SubheaderRow,
+  ht as SubheaderShowMore,
+  Rt as SubheaderTitle,
+  Ht as Switch,
+  Pt as Table,
+  yt as TableActionBar,
+  Nt as TableActionBarLeading,
+  kt as TableActionBarTrailing,
+  Gt as TableBody,
+  zt as TableCell,
+  Et as TableCellContent,
+  Ft as TableCellContentDescription,
+  Ot as TableCellContentRow,
+  Vt as TableCellContentTitle,
+  _t as TableCellItem,
+  jt as TableCol,
+  qt as TableColGroup,
+  Jt as TableGroupHeaderRow,
+  Kt as TableHeader,
+  Qt as TableHeaderCell,
+  Ut as TableHeaderRow,
+  Wt as TableInfoIcon,
+  Xt as TableLoadingRow,
+  Yt as TableRoot,
+  Zt as TableRow,
+  $t as TableSortButton,
+  or as Tag,
+  rr as TextInput,
+  Br as ThemeProvider,
+  nr as Tile,
+  xr as TileButton,
+  ir as TileContent,
+  pr as TileDescription,
+  lr as TileSecondaryAction,
+  mr as TileTitle,
+  dr as TileTrailingContent,
+  Cr as Tooltip,
+  cr as TooltipContent,
+  Sr as TooltipProvider,
+  ur as TooltipTrigger,
+  br as Trend,
+  bo as createMenuRadioGroup,
+  Po as createPopoverHandle,
+  Ko as createSegmentedControl,
+  nt as createSelect,
+  xt as createSideBar,
+  Ie as dotIconSizeMap,
+  ve as getDotIndicatorProps,
+  Be as mediaImageDotIconSizeMap,
+  Ae as mediaImageDotSizeMap,
+  C as resolveAvatarColor,
+  se as spotDotIconSizeMap,
+  He as spotDotSizeMap,
+  a as useControllableState,
+  X as useLumenDataTable,
+  sr as useTheme
 };

package/dist/lib/Components/Avatar/resolveAvatarColor.js

@@ -1,18 +1,18 @@
 import { resolveAvatarColorKey as o } from "../../../libs/utils-shared/dist/index.js";
-import { cssVar as a } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
-const e = {
-  orange: a("var(--background-avatar-orange)"),
-  green: a("var(--background-avatar-green)"),
-  blue: a("var(--background-avatar-blue)"),
-  purple: a("var(--background-avatar-purple)"),
-  red: a("var(--background-avatar-red)"),
-  yellow: a("var(--background-avatar-yellow)"),
-  turquoise: a("var(--background-avatar-turquoise)"),
-  pink: a("var(--background-avatar-pink)")
+import { cssVar as r } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+const a = {
+  orange: r("var(--background-decorative-orange)"),
+  green: r("var(--background-decorative-green)"),
+  blue: r("var(--background-decorative-blue)"),
+  purple: r("var(--background-decorative-purple)"),
+  red: r("var(--background-decorative-red)"),
+  yellow: r("var(--background-decorative-yellow)"),
+  turquoise: r("var(--background-decorative-turquoise)"),
+  pink: r("var(--background-decorative-pink)")
 };
-function n(r) {
-  return e[o(r)];
+function t(e) {
+  return a[o(e)];
 }
 export {
-  n as resolveAvatarColor
+  t as resolveAvatarColor
 };

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.48",
+  "version": "0.1.50",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -17,6 +17,7 @@
   "types": "./dist/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
+    "./tailwind.css": "./tailwind.css",
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
@@ -32,6 +33,7 @@
   "files": [
     "dist",
     "ai-rules",
+    "tailwind.css",
     "!**/*.tsbuildinfo"
   ],
   "nx": {
@@ -41,7 +43,7 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.9",
+    "@ledgerhq/lumen-utils-shared": "0.1.10",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },
@@ -54,7 +56,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.22",
+    "@ledgerhq/lumen-design-core": "0.1.23",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.49",
+  "version": "0.1.51",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -17,6 +17,7 @@
   "types": "./dist/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
+    "./tailwind.css": "./tailwind.css",
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
@@ -32,6 +33,7 @@
   "files": [
     "dist",
     "ai-rules",
+    "tailwind.css",
     "!**/*.tsbuildinfo"
   ],
   "nx": {
@@ -54,7 +56,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.23",
+    "@ledgerhq/lumen-design-core": "0.1.24",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/tailwind.css

@@ -0,0 +1,16 @@
+/*
+ * Registers Lumen's compiled components as a Tailwind source.
+ *
+ * Tailwind only emits a utility it has actually seen in a scanned file, and it
+ * skips gitignored paths (node_modules) during automatic detection. Consumers
+ * therefore used to copy a `./node_modules/@ledgerhq/lumen-ui-react/dist/lib/**`
+ * glob into their own config, which turned our build layout into a de-facto
+ * public API: renaming a folder here silently dropped utilities from their CSS,
+ * with no build error.
+ *
+ * `@source` paths resolve relative to the stylesheet that declares them, so the
+ * glob lives next to the layout it describes. Consumers only ever hold the
+ * stable `@ledgerhq/lumen-ui-react/tailwind.css` specifier — restructuring
+ * `dist` becomes a one-line change here instead of a breaking change for them.
+ */
+@source "./dist/lib";