@ledgerhq/lumen-ui-react 0.1.21 → 0.1.22

package/dist/index.js

@@ -7,7 +7,7 @@ import { Banner as x } from "./lib/Components/Banner/Banner.js";
 import { BaseInput as u } from "./lib/Components/BaseInput/BaseInput.js";
 import { Button as S } from "./lib/Components/Button/Button.js";
 import { BaseButton as c } from "./lib/Components/Button/BaseButton.js";
-import { Card as b, CardContent as I, 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 I, CardContentDescription as s, CardContentRow as M, CardContentTitle as D, 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 k, ContentBannerDescription as N, ContentBannerTitle as G } from "./lib/Components/ContentBanner/ContentBanner.js";
 import { Checkbox as F } from "./lib/Components/Checkbox/Checkbox.js";
@@ -22,31 +22,31 @@ import { IconButton as me } from "./lib/Components/IconButton/IconButton.js";
 import { InteractiveIcon as Te } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
 import { Link as fe } from "./lib/Components/Link/Link.js";
 import { ListItem as Ce, ListItemContent as Se, ListItemContentRow as ge, ListItemDescription as ce, ListItemLeading as Be, ListItemTitle as be, ListItemTrailing as Ie } from "./lib/Components/ListItem/ListItem.js";
-import { MediaBanner as De, MediaBannerDescription as Me, MediaBannerTitle as Le } from "./lib/Components/MediaBanner/MediaBanner.js";
-import { MediaCard as ve, MediaCardTitle as Re } from "./lib/Components/MediaCard/MediaCard.js";
-import { MediaImage as Ae } from "./lib/Components/MediaImage/MediaImage.js";
-import { Menu as He, MenuCheckboxItem as Pe, MenuContent as ke, MenuGroup as Ne, MenuItem as Ge, MenuLabel as Ee, MenuPortal as Fe, MenuRadioGroup as ze, MenuRadioItem as Oe, MenuSeparator as _e, MenuSub as je, MenuSubContent as qe, MenuSubTrigger as Je, MenuTrigger as Ke } from "./lib/Components/Menu/Menu.js";
-import { NavBar as Ue, NavBarBackButton as Ve, NavBarCoinCapsule as We, NavBarTitle as Xe, NavBarTrailing as Ye } from "./lib/Components/NavBar/NavBar.js";
-import { Popover as $e, PopoverContent as eo, PopoverTrigger as oo, createPopoverHandle as to } from "./lib/Components/Popover/Popover.js";
-import { PageIndicator as ao } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as io } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as lo, SegmentedControlButton as mo } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as xo, SelectContent as fo, SelectEmptyState as uo, SelectItem as Co, SelectItemContent as So, SelectItemDescription as go, SelectItemText as co, SelectList as Bo, SelectSearch as bo, SelectSeparator as Io, SelectTrigger as so, SelectTriggerButton as Do } from "./lib/Components/Select/Select.js";
-import { TriggerButton as Lo } from "./lib/Components/TriggerButton/TriggerButton.js";
-import { SideBar as vo, SideBarCollapseToggle as Ro, SideBarItem as wo, SideBarLeading as Ao, SideBarTrailing as yo } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Po } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as No } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as Eo } from "./lib/Components/Spot/Spot.js";
-import { Stepper as zo } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as _o, SubheaderCount as jo, SubheaderDescription as qo, SubheaderInfo as Jo, SubheaderRow as Ko, SubheaderShowMore as Qo, SubheaderTitle as Uo } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as Wo } from "./lib/Components/Switch/Switch.js";
-import { Table as Yo, TableActionBar as Zo, TableActionBarLeading as $o, TableActionBarTrailing as et, TableBody as ot, TableCell as tt, TableCellContent as rt, TableGroupHeaderRow as at, TableHeader as nt, TableHeaderCell as it, TableHeaderRow as pt, TableInfoIcon as lt, TableLoadingRow as mt, TableRoot as dt, TableRow as Tt, TableSortButton as xt } from "./lib/Components/Table/Table.js";
-import { Tag as ut } from "./lib/Components/Tag/Tag.js";
-import { TextInput as St } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as ct, TileContent as Bt, TileDescription as bt, TileSecondaryAction as It, TileTitle as st, TileTrailingContent as Dt } from "./lib/Components/Tile/Tile.js";
-import { TileButton as Lt } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as vt, TooltipContent as Rt, TooltipProvider as wt, TooltipTrigger as At } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as Ht } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { MediaBanner as Me, MediaBannerDescription as De, MediaBannerTitle as Le } from "./lib/Components/MediaBanner/MediaBanner.js";
+import { MediaButton as ve } from "./lib/Components/MediaButton/MediaButton.js";
+import { MediaCard as we, MediaCardTitle as Ae } from "./lib/Components/MediaCard/MediaCard.js";
+import { MediaImage as He } from "./lib/Components/MediaImage/MediaImage.js";
+import { Menu as ke, MenuCheckboxItem as Ne, MenuContent as Ge, MenuGroup as Ee, MenuItem as Fe, MenuLabel as ze, MenuPortal as Oe, MenuRadioGroup as _e, MenuRadioItem as je, MenuSeparator as qe, MenuSub as Je, MenuSubContent as Ke, MenuSubTrigger as Qe, MenuTrigger as Ue } from "./lib/Components/Menu/Menu.js";
+import { NavBar as We, NavBarBackButton as Xe, NavBarCoinCapsule as Ye, NavBarTitle as Ze, NavBarTrailing as $e } from "./lib/Components/NavBar/NavBar.js";
+import { Popover as oo, PopoverContent as to, PopoverTrigger as ro, createPopoverHandle as ao } from "./lib/Components/Popover/Popover.js";
+import { PageIndicator as io } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as lo } from "./lib/Components/SearchInput/SearchInput.js";
+import { SegmentedControl as To, SegmentedControlButton as xo } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as uo, SelectContent as Co, SelectEmptyState as So, SelectItem as go, SelectItemContent as co, SelectItemDescription as Bo, SelectItemText as bo, SelectList as Io, SelectSearch as so, SelectSeparator as Mo, SelectTrigger as Do } from "./lib/Components/Select/Select.js";
+import { SideBar as ho, SideBarCollapseToggle as vo, SideBarItem as Ro, SideBarLeading as wo, SideBarTrailing as Ao } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as Ho } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as ko } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as Go } from "./lib/Components/Spot/Spot.js";
+import { Stepper as Fo } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as Oo, SubheaderCount as _o, SubheaderDescription as jo, SubheaderInfo as qo, SubheaderRow as Jo, SubheaderShowMore as Ko, SubheaderTitle as Qo } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as Vo } from "./lib/Components/Switch/Switch.js";
+import { Table as Xo, TableActionBar as Yo, TableActionBarLeading as Zo, TableActionBarTrailing as $o, TableBody as et, TableCell as ot, TableCellContent as tt, TableGroupHeaderRow as rt, TableHeader as at, TableHeaderCell as nt, TableHeaderRow as it, TableInfoIcon as pt, TableLoadingRow as lt, TableRoot as mt, TableRow as dt, TableSortButton as Tt } from "./lib/Components/Table/Table.js";
+import { Tag as ft } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Ct } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as gt, TileContent as ct, TileDescription as Bt, TileSecondaryAction as bt, TileTitle as It, TileTrailingContent as st } from "./lib/Components/Tile/Tile.js";
+import { TileButton as Dt } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as ht, TooltipContent as vt, TooltipProvider as Rt, TooltipTrigger as wt } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as yt, useTheme as Ht } from "./lib/Components/ThemeProvider/ThemeProvider.js";
 import { COLOR_SCHEMES as kt } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
@@ -62,8 +62,8 @@ export {
   y as CardButton,
   I as CardContent,
   s as CardContentDescription,
-  D as CardContentRow,
-  M as CardContentTitle,
+  M as CardContentRow,
+  D as CardContentTitle,
   L as CardFooter,
   h as CardFooterActions,
   v as CardHeader,
@@ -98,100 +98,100 @@ export {
   Be as ListItemLeading,
   be as ListItemTitle,
   Ie as ListItemTrailing,
-  De as MediaBanner,
-  Me as MediaBannerDescription,
+  Me as MediaBanner,
+  De as MediaBannerDescription,
   Le as MediaBannerTitle,
-  ve as MediaCard,
-  Re as MediaCardTitle,
-  Ae as MediaImage,
-  He as Menu,
-  Pe as MenuCheckboxItem,
-  ke as MenuContent,
-  Ne as MenuGroup,
-  Ge as MenuItem,
-  Ee as MenuLabel,
-  Fe as MenuPortal,
-  ze as MenuRadioGroup,
-  Oe as MenuRadioItem,
-  _e as MenuSeparator,
-  je as MenuSub,
-  qe as MenuSubContent,
-  Je as MenuSubTrigger,
-  Ke as MenuTrigger,
-  Ue as NavBar,
-  Ve as NavBarBackButton,
-  We as NavBarCoinCapsule,
-  Xe as NavBarTitle,
-  Ye as NavBarTrailing,
-  ao as PageIndicator,
-  $e as Popover,
-  eo as PopoverContent,
-  oo as PopoverTrigger,
-  io as SearchInput,
-  lo as SegmentedControl,
-  mo as SegmentedControlButton,
-  xo as Select,
-  fo as SelectContent,
-  uo as SelectEmptyState,
-  Co as SelectItem,
-  So as SelectItemContent,
-  go as SelectItemDescription,
-  co as SelectItemText,
-  Bo as SelectList,
-  bo as SelectSearch,
-  Io as SelectSeparator,
-  so as SelectTrigger,
-  Do as SelectTriggerButton,
-  vo as SideBar,
-  Ro as SideBarCollapseToggle,
-  wo as SideBarItem,
-  Ao as SideBarLeading,
-  yo as SideBarTrailing,
-  Po as Skeleton,
-  No as Spinner,
-  Eo as Spot,
-  zo as Stepper,
-  _o as Subheader,
-  jo as SubheaderCount,
-  qo as SubheaderDescription,
-  Jo as SubheaderInfo,
-  Ko as SubheaderRow,
-  Qo as SubheaderShowMore,
-  Uo as SubheaderTitle,
-  Wo as Switch,
-  Yo as Table,
-  Zo as TableActionBar,
-  $o as TableActionBarLeading,
-  et as TableActionBarTrailing,
-  ot as TableBody,
-  tt as TableCell,
-  rt as TableCellContent,
-  at as TableGroupHeaderRow,
-  nt as TableHeader,
-  it as TableHeaderCell,
-  pt as TableHeaderRow,
-  lt as TableInfoIcon,
-  mt as TableLoadingRow,
-  dt as TableRoot,
-  Tt as TableRow,
-  xt as TableSortButton,
-  ut as Tag,
-  St as TextInput,
-  Ht as ThemeProvider,
-  ct as Tile,
-  Lt as TileButton,
-  Bt as TileContent,
-  bt as TileDescription,
-  It as TileSecondaryAction,
-  st as TileTitle,
-  Dt as TileTrailingContent,
-  vt as Tooltip,
-  Rt as TooltipContent,
-  wt as TooltipProvider,
-  At as TooltipTrigger,
-  Lo as TriggerButton,
-  to as createPopoverHandle,
+  ve as MediaButton,
+  we as MediaCard,
+  Ae as MediaCardTitle,
+  He as MediaImage,
+  ke as Menu,
+  Ne as MenuCheckboxItem,
+  Ge as MenuContent,
+  Ee as MenuGroup,
+  Fe as MenuItem,
+  ze as MenuLabel,
+  Oe as MenuPortal,
+  _e as MenuRadioGroup,
+  je as MenuRadioItem,
+  qe as MenuSeparator,
+  Je as MenuSub,
+  Ke as MenuSubContent,
+  Qe as MenuSubTrigger,
+  Ue as MenuTrigger,
+  We as NavBar,
+  Xe as NavBarBackButton,
+  Ye as NavBarCoinCapsule,
+  Ze as NavBarTitle,
+  $e as NavBarTrailing,
+  io as PageIndicator,
+  oo as Popover,
+  to as PopoverContent,
+  ro as PopoverTrigger,
+  lo as SearchInput,
+  To as SegmentedControl,
+  xo as SegmentedControlButton,
+  uo as Select,
+  Co as SelectContent,
+  So as SelectEmptyState,
+  go as SelectItem,
+  co as SelectItemContent,
+  Bo as SelectItemDescription,
+  bo as SelectItemText,
+  Io as SelectList,
+  so as SelectSearch,
+  Mo as SelectSeparator,
+  Do as SelectTrigger,
+  ho as SideBar,
+  vo as SideBarCollapseToggle,
+  Ro as SideBarItem,
+  wo as SideBarLeading,
+  Ao as SideBarTrailing,
+  Ho as Skeleton,
+  ko as Spinner,
+  Go as Spot,
+  Fo as Stepper,
+  Oo as Subheader,
+  _o as SubheaderCount,
+  jo as SubheaderDescription,
+  qo as SubheaderInfo,
+  Jo as SubheaderRow,
+  Ko as SubheaderShowMore,
+  Qo as SubheaderTitle,
+  Vo as Switch,
+  Xo as Table,
+  Yo as TableActionBar,
+  Zo as TableActionBarLeading,
+  $o as TableActionBarTrailing,
+  et as TableBody,
+  ot as TableCell,
+  tt as TableCellContent,
+  rt as TableGroupHeaderRow,
+  at as TableHeader,
+  nt as TableHeaderCell,
+  it as TableHeaderRow,
+  pt as TableInfoIcon,
+  lt as TableLoadingRow,
+  mt as TableRoot,
+  dt as TableRow,
+  Tt as TableSortButton,
+  ft as Tag,
+  Ct as TextInput,
+  yt as ThemeProvider,
+  gt as Tile,
+  Dt as TileButton,
+  ct as TileContent,
+  Bt as TileDescription,
+  bt as TileSecondaryAction,
+  It as TileTitle,
+  st as TileTrailingContent,
+  ht as Tooltip,
+  vt as TooltipContent,
+  Rt as TooltipProvider,
+  wt as TooltipTrigger,
+  ao as createPopoverHandle,
   ie as mediaImageDotSizeMap,
   pe as spotDotSizeMap,
-  J as useLumenDataTable
+  J as useLumenDataTable,
+  Ht as useTheme
 };

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

@@ -1,4 +1,4 @@
-import { ListItemContentProps, ListItemDescriptionProps, ListItemLeadingProps, ListItemProps, ListItemTitleProps, ListItemTrailingProps, ListItemContentRowProps } from './types';
+import { ListItemProps, ListItemContentProps, ListItemLeadingProps, ListItemContentRowProps, ListItemTitleProps, ListItemDescriptionProps, ListItemTrailingProps } from './types';
 /**
  * A flexible list item component that provides a composable structure for displaying
  * interactive list items with leading content, title, description, and trailing content.
@@ -21,7 +21,7 @@ import { ListItemContentProps, ListItemDescriptionProps, ListItemLeadingProps, L
  *   </ListItemTrailing>
  * </ListItem>
  */
-export declare const ListItem: ({ ref, ...props }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItem: ({ onClick, ref, ...props }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Container for the leading (left) part of the list item.
  * Contains the visual element (Spot, Avatar, Icon) and the content (title + description).

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAOjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,GAAI,mBAAmB,aAAa,4CAyBxD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAKhC,uBAAuB,4CAmBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,wCAK3B,kBAAkB,4CAwBpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAwB1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAK9B,qBAAqB,4CAqBvB,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAsCjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,GAAI,4BAA4B,aAAa,4CAgCjE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAKhC,uBAAuB,4CAmBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,wCAK3B,kBAAkB,4CAwBpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAwB1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAK9B,qBAAqB,4CAqBvB,CAAC"}

package/dist/lib/Components/ListItem/ListItem.js

@@ -1,69 +1,105 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useDisabledContext as l, DisabledProvider as m, cn as a, createSafeContext as u } from "../../../libs/utils-shared/dist/index.js";
-const [b, d] = u("ListItemTrailing", {
+import { jsx as a } from "react/jsx-runtime";
+import { useDisabledContext as c, DisabledProvider as x, cn as r, getButtonA11yProps as b, createSafeContext as f } from "../../../libs/utils-shared/dist/index.js";
+import { cva as p } from "class-variance-authority";
+const [I, l] = f("ListItemTrailing", {
   isInTrailing: !1
-}), I = ({ ref: e, ...t }) => {
-  const { children: s, className: i, disabled: n, ...o } = t, c = l({
+}), g = p(
+  [
+    "flex w-full items-center gap-16 px-8",
+    "rounded-md bg-base-transparent text-base transition-colors"
+  ],
+  {
+    variants: {
+      density: {
+        compact: "h-40",
+        expanded: "h-64"
+      },
+      interactive: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "cursor-default bg-base-transparent text-disabled",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        interactive: !0,
+        disabled: !1,
+        className: "cursor-pointer hover:bg-base-transparent-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-base-transparent-pressed"
+      }
+    ]
+  }
+), T = ({ onClick: e, ref: t, ...s }) => {
+  const {
+    children: i,
+    className: n,
+    disabled: o = !1,
+    density: m = "expanded",
+    ...u
+  } = s, d = c({
     consumerName: "ListItem",
-    mergeWith: { disabled: n }
+    mergeWith: { disabled: o }
   });
-  return /* @__PURE__ */ r(m, { value: { disabled: c }, children: /* @__PURE__ */ r(
-    "button",
+  return /* @__PURE__ */ a(x, { value: { disabled: d }, children: /* @__PURE__ */ a(
+    "div",
     {
-      ref: e,
-      type: "button",
-      disabled: c,
-      className: a(
-        "flex h-64 w-full cursor-pointer items-center gap-16 rounded-md bg-base-transparent px-8 py-12 text-base transition-colors",
-        "hover:bg-base-transparent-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-base-transparent-pressed",
-        "disabled:cursor-default disabled:bg-base-transparent disabled:text-disabled",
-        i
+      ref: t,
+      ...b({ onClick: e, disabled: d }),
+      className: r(
+        g({
+          density: m,
+          interactive: !!e,
+          disabled: d
+        }),
+        n
       ),
-      ...o,
-      children: s
+      ...u,
+      children: i
     }
   ) });
-}, p = ({
+}, y = ({
   ref: e,
   children: t,
   className: s,
   ...i
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
-    className: a("flex min-w-0 flex-1 items-center gap-12", s),
+    className: r("flex min-w-0 flex-1 items-center gap-12", s),
     ...i,
     children: t
   }
-), g = ({
+), h = ({
   ref: e,
   children: t,
   className: s,
   ...i
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
-    className: a("flex min-w-0 flex-1 flex-col gap-4", s),
+    className: r("flex min-w-0 flex-1 flex-col gap-4", s),
     ...i,
     children: t
   }
-), L = ({
+), w = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const { isInTrailing: n } = d({
+  const { isInTrailing: n } = l({
     consumerName: "ListItemContentRow",
     contextRequired: !1
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
+      className: r(
         "flex min-w-0 items-center gap-8",
         n && "justify-end",
         s
@@ -72,25 +108,25 @@ const [b, d] = u("ListItemTrailing", {
       children: t
     }
   );
-}, v = ({
+}, R = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = l({
+  const n = c({
     consumerName: "ListItemTitle",
     contextRequired: !0
-  }), { isInTrailing: o } = d({
+  }), { isInTrailing: o } = l({
     consumerName: "ListItemTitle",
     contextRequired: !1
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
-        "min-w-0 flex-1 truncate body-2-semi-bold",
+      className: r(
+        "min-w-0 truncate body-2-semi-bold",
         o ? "justify-end text-end" : "justify-start text-start",
         n && "text-disabled",
         s
@@ -99,25 +135,25 @@ const [b, d] = u("ListItemTrailing", {
       children: t
     }
   );
-}, N = ({
+}, j = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = l({
+  const n = c({
     consumerName: "ListItemDescription",
     contextRequired: !0
-  }), { isInTrailing: o } = d({
+  }), { isInTrailing: o } = l({
     consumerName: "ListItemDescription",
     contextRequired: !1
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
-        "min-w-0 flex-1 items-center truncate body-3 text-muted",
+      className: r(
+        "min-w-0 items-center truncate body-3 text-muted",
         o ? "justify-end text-end" : "justify-start text-start",
         n && "text-disabled",
         s
@@ -126,21 +162,21 @@ const [b, d] = u("ListItemTrailing", {
       children: t
     }
   );
-}, T = ({
+}, q = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = l({
+  const n = c({
     consumerName: "ListItemTrailing",
     contextRequired: !0
   });
-  return /* @__PURE__ */ r(b, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(I, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
+      className: r(
         "flex shrink-0 items-center",
         n && "text-disabled",
         s
@@ -151,11 +187,11 @@ const [b, d] = u("ListItemTrailing", {
   ) });
 };
 export {
-  I as ListItem,
-  g as ListItemContent,
-  L as ListItemContentRow,
-  N as ListItemDescription,
-  p as ListItemLeading,
-  v as ListItemTitle,
-  T as ListItemTrailing
+  T as ListItem,
+  h as ListItemContent,
+  w as ListItemContentRow,
+  j as ListItemDescription,
+  y as ListItemLeading,
+  R as ListItemTitle,
+  q as ListItemTrailing
 };

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

@@ -1,10 +1,5 @@
-import { ButtonHTMLAttributes, ComponentPropsWithRef, ReactNode } from 'react';
-/**
- * Context value for passing state to sub-components
- */
-export type ListItemContextValue = {
-    disabled?: boolean;
-};
+import { Density } from '@ledgerhq/lumen-utils-shared';
+import { ComponentPropsWithRef, MouseEventHandler, ReactNode } from 'react';
 /**
  * Props for the ListItem root component
  */
@@ -13,6 +8,11 @@ export type ListItemProps = {
      * The content of the list item (ListItemLeading, ListItemTrailing)
      */
     children: ReactNode;
+    /**
+     * The density of the list item.
+     * @default 'expanded'
+     */
+    density?: Density;
     /**
      * custom classname
      */
@@ -24,8 +24,8 @@ export type ListItemProps = {
     /**
      * Callback function when the list item is pressed.
      */
-    onClick?: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
-} & Omit<ComponentPropsWithRef<'button'>, 'children'>;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
 /**
  * Props for the ListItemLeading component
  */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9D,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;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/MediaButton/MediaButton.d.ts

@@ -0,0 +1,30 @@
+import { MediaButtonProps } from './types';
+/**
+ * Media button for select/dropdown components. Displays a label with an optional
+ * leading icon and a trailing chevron indicator.
+ *
+ * This component is intended to be used exclusively as the trigger inside a Select or
+ * dropdown pattern. It should not be used as a standalone action button — use `Button`
+ * or `IconButton` instead.
+ *
+ * @see {@link https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=6389-45680 Figma}
+ *
+ * @example
+ * import { MediaButton } from '@ledgerhq/lumen-ui-react';
+ * import { Settings } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * // With flat interface icon
+ * <MediaButton icon={<Settings size={20} />} iconType="flat">
+ *   Network
+ * </MediaButton>
+ *
+ * // With rounded crypto icon
+ * <MediaButton icon={<CryptoIcon ledgerId="bitcoin" size="32px" />} iconType="rounded">
+ *   Bitcoin
+ * </MediaButton>
+ *
+ * // Without icon
+ * <MediaButton>All accounts</MediaButton>
+ */
+export declare const MediaButton: ({ ref, className, appearance, size, disabled: disabledProp, asChild, icon, iconType, hideChevron, children, ...props }: MediaButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4BhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,wHAYzB,gBAAgB,4CAmClB,CAAC"}