@ledgerhq/lumen-ui-react 0.1.33 → 0.1.35

package/dist/index.js

@@ -1,69 +1,70 @@
 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 { AmountDisplay as m } from "./lib/Components/AmountDisplay/AmountDisplay.js";
 import { Avatar as d } from "./lib/Components/Avatar/Avatar.js";
 import { Banner as T } from "./lib/Components/Banner/Banner.js";
 import { BaseInput as u } from "./lib/Components/BaseInput/BaseInput.js";
 import { Button as C } from "./lib/Components/Button/Button.js";
 import { BaseButton as g } from "./lib/Components/Button/BaseButton.js";
-import { Card as I, CardContent as b, CardContentDescription as s, CardContentRow as D, CardContentTitle as M, CardFooter as L, CardFooterActions as h, CardHeader as v, CardLeading as R, CardTrailing as w } from "./lib/Components/Card/Card.js";
+import { Card as B, CardContent as b, CardContentDescription as s, CardContentRow as D, CardContentTitle as M, CardFooter as L, CardFooterActions as h, CardHeader as v, CardLeading as R, CardTrailing as w } from "./lib/Components/Card/Card.js";
 import { CardButton as y } from "./lib/Components/CardButton/CardButton.js";
-import { ContentBanner as P, ContentBannerContent as N, ContentBannerDescription as k, ContentBannerTitle as z } from "./lib/Components/ContentBanner/ContentBanner.js";
-import { Checkbox as E } from "./lib/Components/Checkbox/Checkbox.js";
-import { DataTable as O, DataTableGlobalSearchInput as _, DataTableRoot as j } from "./lib/Components/DataTable/DataTable.js";
-import { useLumenDataTable as J } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
-import { DialogClose as Q } from "./lib/Components/Dialog/DialogClose/DialogClose.js";
-import { Dialog as V, DialogBody as W, DialogBodyStickyContent as X, DialogContent as Y, DialogFooter as Z, DialogTrigger as $ } from "./lib/Components/Dialog/Dialog.js";
-import { DialogHeader as oe } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { Divider as re } from "./lib/Components/Divider/Divider.js";
-import { DotCount as ne } from "./lib/Components/DotCount/DotCount.js";
-import { DotIcon as pe, dotIconSizeMap as le, mediaImageDotIconSizeMap as me, spotDotIconSizeMap as de } from "./lib/Components/DotIcon/DotIcon.js";
-import { DotIndicator as Te } from "./lib/Components/DotIndicator/DotIndicator.js";
-import { DotSymbol as ue, mediaImageDotSizeMap as Se, spotDotSizeMap as Ce } from "./lib/Components/DotSymbol/DotSymbol.js";
-import { IconButton as ge } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as Ie } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
-import { Link as se } from "./lib/Components/Link/Link.js";
-import { ListItem as Me, ListItemContent as Le, ListItemContentRow as he, ListItemDescription as ve, ListItemLeading as Re, ListItemTitle as we, ListItemTrailing as Ae } from "./lib/Components/ListItem/ListItem.js";
-import { MediaBanner as He, MediaBannerDescription as Pe, MediaBannerTitle as Ne } from "./lib/Components/MediaBanner/MediaBanner.js";
-import { MediaButton as ze } from "./lib/Components/MediaButton/MediaButton.js";
-import { MediaCard as Ee, MediaCardTitle as Fe } from "./lib/Components/MediaCard/MediaCard.js";
-import { MediaImage as _e } from "./lib/Components/MediaImage/MediaImage.js";
-import { MediaTag as qe } from "./lib/Components/MediaTag/MediaTag.js";
-import { Menu as Ke, MenuCheckboxItem as Qe, MenuContent as Ue, MenuGroup as Ve, MenuItem as We, MenuLabel as Xe, MenuPortal as Ye, MenuRadioGroup as Ze, MenuRadioItem as $e, MenuSeparator as eo, MenuSub as oo, MenuSubContent as to, MenuSubTrigger as ro, MenuTrigger as ao } from "./lib/Components/Menu/Menu.js";
-import { NavBar as io, NavBarBackButton as po, NavBarCoinCapsule as lo, NavBarDescription as mo, NavBarLeading as xo, NavBarTitle as To, NavBarTrailing as fo } from "./lib/Components/NavBar/NavBar.js";
-import { Popover as So, PopoverContent as Co, PopoverTrigger as co, createPopoverHandle as go } from "./lib/Components/Popover/Popover.js";
-import { PageIndicator as Io } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as so } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as Mo, SegmentedControlButton as Lo } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as vo, SelectContent as Ro, SelectEmptyState as wo, SelectItem as Ao, SelectItemContent as yo, SelectItemDescription as Ho, SelectItemText as Po, SelectList as No, SelectSearch as ko, SelectSeparator as zo, SelectTrigger as Go } from "./lib/Components/Select/Select.js";
-import { SideBar as Fo, SideBarCollapseToggle as Oo, SideBarItem as _o, SideBarLeading as jo, SideBarTrailing as qo } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Ko } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as Uo } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as Wo } from "./lib/Components/Spot/Spot.js";
-import { Stepper as Yo } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as $o, SubheaderCount as et, SubheaderDescription as ot, SubheaderInfo as tt, SubheaderRow as rt, SubheaderShowMore as at, SubheaderTitle as nt } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as pt } from "./lib/Components/Switch/Switch.js";
-import { Table as mt, TableActionBar as dt, TableActionBarLeading as xt, TableActionBarTrailing as Tt, TableBody as ft, TableCell as ut, TableCellContent as St, TableGroupHeaderRow as Ct, TableHeader as ct, TableHeaderCell as gt, TableHeaderRow as Bt, TableInfoIcon as It, TableLoadingRow as bt, TableRoot as st, TableRow as Dt, TableSortButton as Mt } from "./lib/Components/Table/Table.js";
-import { Tag as ht } from "./lib/Components/Tag/Tag.js";
-import { TextInput as Rt } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as At, TileContent as yt, TileDescription as Ht, TileSecondaryAction as Pt, TileTitle as Nt, TileTrailingContent as kt } from "./lib/Components/Tile/Tile.js";
-import { TileButton as Gt } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as Ft, TooltipContent as Ot, TooltipProvider as _t, TooltipTrigger as jt } from "./lib/Components/Tooltip/Tooltip.js";
-import { Trend as Jt } from "./lib/Components/Trend/Trend.js";
-import { ThemeProvider as Qt, useTheme as Ut } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as Wt } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
+import { Checkbox as P } from "./lib/Components/Checkbox/Checkbox.js";
+import { ContentBanner as k, ContentBannerContent as z, ContentBannerDescription as G, ContentBannerTitle as E } from "./lib/Components/ContentBanner/ContentBanner.js";
+import { DataTable as O, DataTableGlobalSearchInput as V, DataTableRoot as _ } from "./lib/Components/DataTable/DataTable.js";
+import { useLumenDataTable as q } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
+import { DescriptionItem as K, DescriptionItemLabel as Q, DescriptionItemLeading as U, DescriptionItemTrailing as W, DescriptionItemValue as X } from "./lib/Components/DescriptionItem/DescriptionItem.js";
+import { DialogClose as Z } from "./lib/Components/Dialog/DialogClose/DialogClose.js";
+import { Dialog as ee, DialogBody as oe, DialogBodyStickyContent as te, DialogContent as re, DialogFooter as ae, DialogTrigger as ne } from "./lib/Components/Dialog/Dialog.js";
+import { DialogHeader as pe } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
+import { Divider as le } from "./lib/Components/Divider/Divider.js";
+import { DotCount as xe } from "./lib/Components/DotCount/DotCount.js";
+import { DotIcon as fe, dotIconSizeMap as ue, mediaImageDotIconSizeMap as Se, spotDotIconSizeMap as Ce } from "./lib/Components/DotIcon/DotIcon.js";
+import { DotIndicator as ge } from "./lib/Components/DotIndicator/DotIndicator.js";
+import { DotSymbol as Be, mediaImageDotSizeMap as be, spotDotSizeMap as se } from "./lib/Components/DotSymbol/DotSymbol.js";
+import { IconButton as Me } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as he } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Link as Re } from "./lib/Components/Link/Link.js";
+import { ListItem as Ae, ListItemContent as ye, ListItemContentRow as He, ListItemDescription as Pe, ListItemLeading as Ne, ListItemTitle as ke, ListItemTrailing as ze } from "./lib/Components/ListItem/ListItem.js";
+import { MediaBanner as Ee, MediaBannerDescription as Fe, MediaBannerTitle as Oe } from "./lib/Components/MediaBanner/MediaBanner.js";
+import { MediaButton as _e } from "./lib/Components/MediaButton/MediaButton.js";
+import { MediaCard as qe, MediaCardTitle as Je } from "./lib/Components/MediaCard/MediaCard.js";
+import { MediaImage as Qe } from "./lib/Components/MediaImage/MediaImage.js";
+import { MediaTag as We } from "./lib/Components/MediaTag/MediaTag.js";
+import { Menu as Ye, MenuCheckboxItem as Ze, MenuContent as $e, MenuGroup as eo, MenuItem as oo, MenuLabel as to, MenuPortal as ro, MenuRadioGroup as ao, MenuRadioItem as no, MenuSeparator as io, MenuSub as po, MenuSubContent as mo, MenuSubTrigger as lo, MenuTrigger as xo } from "./lib/Components/Menu/Menu.js";
+import { NavBar as fo, NavBarBackButton as uo, NavBarCoinCapsule as So, NavBarDescription as Co, NavBarLeading as co, NavBarTitle as go, NavBarTrailing as Io } from "./lib/Components/NavBar/NavBar.js";
+import { Popover as bo, PopoverContent as so, PopoverTrigger as Do, createPopoverHandle as Mo } from "./lib/Components/Popover/Popover.js";
+import { PageIndicator as ho } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as Ro } from "./lib/Components/SearchInput/SearchInput.js";
+import { SegmentedControl as Ao, SegmentedControlButton as yo } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as Po, SelectContent as No, SelectEmptyState as ko, SelectItem as zo, SelectItemContent as Go, SelectItemDescription as Eo, SelectItemText as Fo, SelectList as Oo, SelectSearch as Vo, SelectSeparator as _o, SelectTrigger as jo } from "./lib/Components/Select/Select.js";
+import { SideBar as Jo, SideBarCollapseToggle as Ko, SideBarItem as Qo, SideBarLeading as Uo, SideBarTrailing as Wo } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as Yo } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as $o } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as ot } from "./lib/Components/Spot/Spot.js";
+import { Stepper as rt } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as nt, SubheaderCount as it, SubheaderDescription as pt, SubheaderInfo as mt, SubheaderRow as lt, SubheaderShowMore as dt, SubheaderTitle as xt } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as ft } from "./lib/Components/Switch/Switch.js";
+import { Table as St, TableActionBar as Ct, TableActionBarLeading as ct, TableActionBarTrailing as gt, TableBody as It, TableCell as Bt, TableCellContent as bt, TableGroupHeaderRow as st, TableHeader as Dt, TableHeaderCell as Mt, TableHeaderRow as Lt, TableInfoIcon as ht, TableLoadingRow as vt, TableRoot as Rt, TableRow as wt, TableSortButton as At } from "./lib/Components/Table/Table.js";
+import { Tag as Ht } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Nt } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as zt, TileContent as Gt, TileDescription as Et, TileSecondaryAction as Ft, TileTitle as Ot, TileTrailingContent as Vt } from "./lib/Components/Tile/Tile.js";
+import { TileButton as jt } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as Jt, TooltipContent as Kt, TooltipProvider as Qt, TooltipTrigger as Ut } from "./lib/Components/Tooltip/Tooltip.js";
+import { Trend as Xt } from "./lib/Components/Trend/Trend.js";
+import { ThemeProvider as Zt, useTheme as $t } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as or } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
-  l as AmountDisplay,
+  m as AmountDisplay,
   i as AmountInput,
   d as Avatar,
   T as Banner,
   g as BaseButton,
   u as BaseInput,
   C as Button,
-  Wt as COLOR_SCHEMES,
-  I as Card,
+  or as COLOR_SCHEMES,
+  B as Card,
   y as CardButton,
   b as CardContent,
   s as CardContentDescription,
@@ -74,139 +75,144 @@ export {
   v as CardHeader,
   R as CardLeading,
   w as CardTrailing,
-  E as Checkbox,
-  P as ContentBanner,
-  N as ContentBannerContent,
-  k as ContentBannerDescription,
-  z as ContentBannerTitle,
+  P as Checkbox,
+  k as ContentBanner,
+  z as ContentBannerContent,
+  G as ContentBannerDescription,
+  E as ContentBannerTitle,
   O as DataTable,
-  _ as DataTableGlobalSearchInput,
-  j as DataTableRoot,
-  V as Dialog,
-  W as DialogBody,
-  X as DialogBodyStickyContent,
-  Q as DialogClose,
-  Y as DialogContent,
-  Z as DialogFooter,
-  oe as DialogHeader,
-  $ as DialogTrigger,
-  re as Divider,
-  ne as DotCount,
-  pe as DotIcon,
-  Te as DotIndicator,
-  ue as DotSymbol,
-  ge as IconButton,
-  Ie as InteractiveIcon,
+  V as DataTableGlobalSearchInput,
+  _ as DataTableRoot,
+  K as DescriptionItem,
+  Q as DescriptionItemLabel,
+  U as DescriptionItemLeading,
+  W as DescriptionItemTrailing,
+  X as DescriptionItemValue,
+  ee as Dialog,
+  oe as DialogBody,
+  te as DialogBodyStickyContent,
+  Z as DialogClose,
+  re as DialogContent,
+  ae as DialogFooter,
+  pe as DialogHeader,
+  ne as DialogTrigger,
+  le as Divider,
+  xe as DotCount,
+  fe as DotIcon,
+  ge as DotIndicator,
+  Be as DotSymbol,
+  Me as IconButton,
+  he as InteractiveIcon,
   t as Languages,
-  se as Link,
-  Me as ListItem,
-  Le as ListItemContent,
-  he as ListItemContentRow,
-  ve as ListItemDescription,
-  Re as ListItemLeading,
-  we as ListItemTitle,
-  Ae as ListItemTrailing,
-  He as MediaBanner,
-  Pe as MediaBannerDescription,
-  Ne as MediaBannerTitle,
-  ze as MediaButton,
-  Ee as MediaCard,
-  Fe as MediaCardTitle,
-  _e as MediaImage,
-  qe as MediaTag,
-  Ke as Menu,
-  Qe as MenuCheckboxItem,
-  Ue as MenuContent,
-  Ve as MenuGroup,
-  We as MenuItem,
-  Xe as MenuLabel,
-  Ye as MenuPortal,
-  Ze as MenuRadioGroup,
-  $e as MenuRadioItem,
-  eo as MenuSeparator,
-  oo as MenuSub,
-  to as MenuSubContent,
-  ro as MenuSubTrigger,
-  ao as MenuTrigger,
-  io as NavBar,
-  po as NavBarBackButton,
-  lo as NavBarCoinCapsule,
-  mo as NavBarDescription,
-  xo as NavBarLeading,
-  To as NavBarTitle,
-  fo as NavBarTrailing,
-  Io as PageIndicator,
-  So as Popover,
-  Co as PopoverContent,
-  co as PopoverTrigger,
-  so as SearchInput,
-  Mo as SegmentedControl,
-  Lo as SegmentedControlButton,
-  vo as Select,
-  Ro as SelectContent,
-  wo as SelectEmptyState,
-  Ao as SelectItem,
-  yo as SelectItemContent,
-  Ho as SelectItemDescription,
-  Po as SelectItemText,
-  No as SelectList,
-  ko as SelectSearch,
-  zo as SelectSeparator,
-  Go as SelectTrigger,
-  Fo as SideBar,
-  Oo as SideBarCollapseToggle,
-  _o as SideBarItem,
-  jo as SideBarLeading,
-  qo as SideBarTrailing,
-  Ko as Skeleton,
-  Uo as Spinner,
-  Wo as Spot,
-  Yo as Stepper,
-  $o as Subheader,
-  et as SubheaderCount,
-  ot as SubheaderDescription,
-  tt as SubheaderInfo,
-  rt as SubheaderRow,
-  at as SubheaderShowMore,
-  nt as SubheaderTitle,
-  pt as Switch,
-  mt as Table,
-  dt as TableActionBar,
-  xt as TableActionBarLeading,
-  Tt as TableActionBarTrailing,
-  ft as TableBody,
-  ut as TableCell,
-  St as TableCellContent,
-  Ct as TableGroupHeaderRow,
-  ct as TableHeader,
-  gt as TableHeaderCell,
-  Bt as TableHeaderRow,
-  It as TableInfoIcon,
-  bt as TableLoadingRow,
-  st as TableRoot,
-  Dt as TableRow,
-  Mt as TableSortButton,
-  ht as Tag,
-  Rt as TextInput,
-  Qt as ThemeProvider,
-  At as Tile,
-  Gt as TileButton,
-  yt as TileContent,
-  Ht as TileDescription,
-  Pt as TileSecondaryAction,
-  Nt as TileTitle,
-  kt as TileTrailingContent,
-  Ft as Tooltip,
-  Ot as TooltipContent,
-  _t as TooltipProvider,
-  jt as TooltipTrigger,
-  Jt as Trend,
-  go as createPopoverHandle,
-  le as dotIconSizeMap,
-  me as mediaImageDotIconSizeMap,
-  Se as mediaImageDotSizeMap,
-  de as spotDotIconSizeMap,
-  Ce as spotDotSizeMap,
-  J as useLumenDataTable,
-  Ut as useTheme
+  Re as Link,
+  Ae as ListItem,
+  ye as ListItemContent,
+  He as ListItemContentRow,
+  Pe as ListItemDescription,
+  Ne as ListItemLeading,
+  ke as ListItemTitle,
+  ze as ListItemTrailing,
+  Ee as MediaBanner,
+  Fe as MediaBannerDescription,
+  Oe as MediaBannerTitle,
+  _e as MediaButton,
+  qe as MediaCard,
+  Je as MediaCardTitle,
+  Qe as MediaImage,
+  We as MediaTag,
+  Ye as Menu,
+  Ze as MenuCheckboxItem,
+  $e as MenuContent,
+  eo as MenuGroup,
+  oo as MenuItem,
+  to as MenuLabel,
+  ro as MenuPortal,
+  ao as MenuRadioGroup,
+  no as MenuRadioItem,
+  io as MenuSeparator,
+  po as MenuSub,
+  mo as MenuSubContent,
+  lo as MenuSubTrigger,
+  xo as MenuTrigger,
+  fo as NavBar,
+  uo as NavBarBackButton,
+  So as NavBarCoinCapsule,
+  Co as NavBarDescription,
+  co as NavBarLeading,
+  go as NavBarTitle,
+  Io as NavBarTrailing,
+  ho as PageIndicator,
+  bo as Popover,
+  so as PopoverContent,
+  Do as PopoverTrigger,
+  Ro as SearchInput,
+  Ao as SegmentedControl,
+  yo as SegmentedControlButton,
+  Po as Select,
+  No as SelectContent,
+  ko as SelectEmptyState,
+  zo as SelectItem,
+  Go as SelectItemContent,
+  Eo as SelectItemDescription,
+  Fo as SelectItemText,
+  Oo as SelectList,
+  Vo as SelectSearch,
+  _o as SelectSeparator,
+  jo as SelectTrigger,
+  Jo as SideBar,
+  Ko as SideBarCollapseToggle,
+  Qo as SideBarItem,
+  Uo as SideBarLeading,
+  Wo as SideBarTrailing,
+  Yo as Skeleton,
+  $o as Spinner,
+  ot as Spot,
+  rt as Stepper,
+  nt as Subheader,
+  it as SubheaderCount,
+  pt as SubheaderDescription,
+  mt as SubheaderInfo,
+  lt as SubheaderRow,
+  dt as SubheaderShowMore,
+  xt as SubheaderTitle,
+  ft as Switch,
+  St as Table,
+  Ct as TableActionBar,
+  ct as TableActionBarLeading,
+  gt as TableActionBarTrailing,
+  It as TableBody,
+  Bt as TableCell,
+  bt as TableCellContent,
+  st as TableGroupHeaderRow,
+  Dt as TableHeader,
+  Mt as TableHeaderCell,
+  Lt as TableHeaderRow,
+  ht as TableInfoIcon,
+  vt as TableLoadingRow,
+  Rt as TableRoot,
+  wt as TableRow,
+  At as TableSortButton,
+  Ht as Tag,
+  Nt as TextInput,
+  Zt as ThemeProvider,
+  zt as Tile,
+  jt as TileButton,
+  Gt as TileContent,
+  Et as TileDescription,
+  Ft as TileSecondaryAction,
+  Ot as TileTitle,
+  Vt as TileTrailingContent,
+  Jt as Tooltip,
+  Kt as TooltipContent,
+  Qt as TooltipProvider,
+  Ut as TooltipTrigger,
+  Xt as Trend,
+  Mo as createPopoverHandle,
+  ue as dotIconSizeMap,
+  Se as mediaImageDotIconSizeMap,
+  be as mediaImageDotSizeMap,
+  Ce as spotDotIconSizeMap,
+  se as spotDotSizeMap,
+  q as useLumenDataTable,
+  $t as useTheme
 };

package/dist/lib/Components/Card/types.d.ts

@@ -114,7 +114,7 @@ export type CardTrailingProps = {
 } & ComponentPropsWithRef<'div'>;
 export type CardFooterProps = {
     /**
-     * The footer content (DescriptionList, Button, etc.).
+     * The footer content (DescriptionItem, Button, etc.).
      */
     children: ReactNode;
     /**

package/dist/lib/Components/DescriptionItem/DescriptionItem.d.ts

@@ -0,0 +1,45 @@
+import { DescriptionItemLabelProps, DescriptionItemLeadingProps, DescriptionItemProps, DescriptionItemTrailingProps, DescriptionItemValueProps } from './types';
+/**
+ * A compound component for displaying a key-value description row.
+ * Composed with DescriptionItemLeading / DescriptionItemLabel (key side)
+ * and DescriptionItemTrailing / DescriptionItemValue (value side).
+ *
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/containment-descriptionitem--docs Storybook}
+ *
+ * @example
+ * <DescriptionItem size="md">
+ *   <DescriptionItemLeading>
+ *     <DescriptionItemLabel>Fees</DescriptionItemLabel>
+ *   </DescriptionItemLeading>
+ *   <DescriptionItemTrailing>
+ *     <DescriptionItemValue>0.001 BTC</DescriptionItemValue>
+ *   </DescriptionItemTrailing>
+ * </DescriptionItem>
+ */
+export declare const DescriptionItem: ({ ref, children, className, size, ...props }: DescriptionItemProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Layout container for the leading (left) side of the description item.
+ * Contains DescriptionItemLabel and an optional info icon sibling.
+ */
+export declare const DescriptionItemLeading: ({ ref, children, className, ...props }: DescriptionItemLeadingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Typography-bearing label for the leading side.
+ * Reads size from DescriptionItemSizeContext to apply the correct typography.
+ * Use this instead of a raw string so that size is always applied correctly,
+ * even when children is a custom ReactNode.
+ */
+export declare const DescriptionItemLabel: ({ ref, children, className, ...props }: DescriptionItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Layout container for the trailing (right) side of the description item.
+ * Accepts DescriptionItemValue, Tag, Link, CryptoIcon, or any custom content.
+ */
+export declare const DescriptionItemTrailing: ({ ref, children, className, ...props }: DescriptionItemTrailingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Typography-bearing value for the trailing side.
+ * Reads size from DescriptionItemSizeContext to apply the correct typography.
+ * Use this for plain text values. For Tag, Link, or other components,
+ * place them directly in DescriptionItemTrailing with an explicit size prop.
+ */
+export declare const DescriptionItemValue: ({ ref, children, className, ...props }: DescriptionItemValueProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DescriptionItem.d.ts.map

package/dist/lib/Components/DescriptionItem/DescriptionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DescriptionItem/DescriptionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,oBAAoB,EAEpB,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAWjB;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,eAAe,GAAI,8CAM7B,oBAAoB,4CAYtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,wCAKpC,2BAA2B,4CAU7B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,wCAKlC,yBAAyB,4CAmB3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,wCAKrC,4BAA4B,4CAU9B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,wCAKlC,yBAAyB,4CAmB3B,CAAC"}

package/dist/lib/Components/DescriptionItem/DescriptionItem.js

@@ -0,0 +1,98 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createSafeContext as a, cn as m } from "../../../libs/utils-shared/dist/index.js";
+const [c, o] = a("DescriptionItemSize", {
+  size: "md"
+}), p = ({
+  ref: e,
+  children: t,
+  className: i,
+  size: s = "md",
+  ...n
+}) => /* @__PURE__ */ r(c, { value: { size: s }, children: /* @__PURE__ */ r(
+  "div",
+  {
+    ref: e,
+    className: m("flex w-full items-start gap-12", i),
+    ...n,
+    children: t
+  }
+) }), u = ({
+  ref: e,
+  children: t,
+  className: i,
+  ...s
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: e,
+    className: m("flex min-w-0 flex-1 items-center gap-4", i),
+    ...s,
+    children: t
+  }
+), x = ({
+  ref: e,
+  children: t,
+  className: i,
+  ...s
+}) => {
+  const { size: n } = o({
+    consumerName: "DescriptionItemLabel",
+    contextRequired: !1
+  });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: e,
+      className: m(
+        "line-clamp-2 min-w-0 wrap-break-word text-ellipsis text-muted",
+        n === "md" ? "body-2" : "body-3",
+        i
+      ),
+      ...s,
+      children: t
+    }
+  );
+}, b = ({
+  ref: e,
+  children: t,
+  className: i,
+  ...s
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: e,
+    className: m("flex max-w-4/5 shrink-0 items-center gap-4", i),
+    ...s,
+    children: t
+  }
+), f = ({
+  ref: e,
+  children: t,
+  className: i,
+  ...s
+}) => {
+  const { size: n } = o({
+    consumerName: "DescriptionItemValue",
+    contextRequired: !1
+  });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: e,
+      className: m(
+        "min-w-0 truncate text-base",
+        n === "md" ? "body-2-semi-bold" : "body-3-semi-bold",
+        i
+      ),
+      ...s,
+      children: t
+    }
+  );
+};
+export {
+  p as DescriptionItem,
+  x as DescriptionItemLabel,
+  u as DescriptionItemLeading,
+  b as DescriptionItemTrailing,
+  f as DescriptionItemValue
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DescriptionItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/dist/lib/Components/DescriptionItem/types.d.ts

@@ -0,0 +1,58 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type DescriptionItemSize = 'sm' | 'md';
+export type DescriptionItemProps = {
+    /**
+     * The content of the description item (DescriptionItemLeading, DescriptionItemTrailing).
+     */
+    children: ReactNode;
+    /**
+     * The size of the description item.
+     * @default 'md'
+     */
+    size?: DescriptionItemSize;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type DescriptionItemLeadingProps = {
+    /**
+     * The leading content (DescriptionItemLabel + optional info icon sibling).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type DescriptionItemLabelProps = {
+    /**
+     * The label text or custom content.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type DescriptionItemTrailingProps = {
+    /**
+     * The trailing content (DescriptionItemValue, Tag, Link, etc.).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type DescriptionItemValueProps = {
+    /**
+     * The value text or custom content.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/DescriptionItem/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DescriptionItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,4BAA4B,GAAG;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

package/dist/lib/Components/NavBar/CoinCapsule.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { cn as l } from "../../../libs/utils-shared/dist/index.js";
+import { cn as c } from "../../../libs/utils-shared/dist/index.js";
 const o = ({
   ref: s,
   ticker: t,
@@ -9,8 +9,8 @@ const o = ({
   "div",
   {
     ref: s,
-    className: l(
-      "flex items-center gap-8 rounded-full bg-muted-transparent py-8 pr-12 pl-8",
+    className: c(
+      "flex items-center gap-8 rounded-full bg-muted-transparent p-8 pr-12",
       r
     ),
     "data-slot": "coin-capsule",

package/dist/lib/Components/SideBar/SideBar.js

@@ -10,7 +10,7 @@ import { ExpandLeft as E } from "../../Symbols/Icons/ExpandLeft.js";
 const [O, w] = V("SideBar"), f = {
   root: h(
     [
-      "flex h-full flex-col justify-between gap-16 overflow-y-auto rounded-xl bg-muted-transparent p-16",
+      "flex h-full flex-col justify-between gap-16 overflow-y-auto rounded-xl bg-surface-transparent p-16",
       "transition-[width] duration-300 ease-in-out",
       "scrollbar-none"
     ],

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

@@ -7,9 +7,10 @@ export * from './BaseInput';
 export * from './Button';
 export * from './Card';
 export * from './CardButton';
-export * from './ContentBanner';
 export * from './Checkbox';
+export * from './ContentBanner';
 export * from './DataTable';
+export * from './DescriptionItem';
 export * from './Dialog';
 export * from './Divider';
 export * from './DotCount';

package/dist/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,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,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,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.32",
+  "version": "0.1.34",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [