@ledgerhq/lumen-ui-react 0.1.20 → 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/Banner/Banner.js

@@ -41,7 +41,7 @@ const k = {
     "div",
     {
       ref: m,
-      className: c(t, F.root({ appearance: s })),
+      className: c(F.root({ appearance: s }), t),
       ...p,
       children: [
         /* @__PURE__ */ r("div", { className: "flex shrink-0 items-start py-4", children: x }),

package/dist/lib/Components/CardButton/CardButton.js

@@ -35,10 +35,10 @@ const h = f(
     {
       ref: i,
       className: p(
-        o,
         h({
           appearance: d
-        })
+        }),
+        o
       ),
       disabled: c,
       ...u,

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

@@ -19,7 +19,7 @@ import { DialogBodyProps, DialogBodyStickyContentProps, DialogContentProps, Dial
  *       </DialogTrigger>
  *       <DialogContent>
  *         <DialogHeader
- *           appearance='compact'
+ *           density='compact'
  *           title='Dialog Title'
  *           description='Dialog Description'
  *           onBack={() => {}}

package/dist/lib/Components/Dialog/Dialog.js

@@ -37,8 +37,8 @@ const p = ({ ref: t, className: a, ...e }) => /* @__PURE__ */ o(
     ref: t,
     "data-slot": "dialog-overlay",
     className: i(
-      a,
-      "fixed inset-0 z-dialog-overlay bg-canvas-overlay backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in"
+      "fixed inset-0 z-dialog-overlay bg-canvas-overlay backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
+      a
     ),
     ...e
   }
@@ -86,8 +86,8 @@ const w = ({
       className: i(
         "-mb-24 flex min-h-0 grow flex-col overflow-y-auto px-24 pb-24",
         c === "fit" ? "basis-auto" : "basis-0",
-        a,
-        n === "auto" ? "scrollbar-custom" : "scrollbar-none"
+        n === "auto" ? "scrollbar-custom" : "scrollbar-none",
+        a
       ),
       ...d,
       children: e

package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts

@@ -1,3 +1,3 @@
 import { DialogHeaderProps } from '../types';
-export declare const DialogHeader: ({ ref, title, description, appearance, ...props }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeader: ({ ref, title, description, density, ...props }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DialogHeader.d.ts.map

package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAiJ7C,eAAO,MAAM,YAAY,GAAI,mDAM1B,iBAAiB,4CAqBnB,CAAC"}
+{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAiJ7C,eAAO,MAAM,YAAY,GAAI,gDAM1B,iBAAiB,4CAqBnB,CAAC"}

package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js

@@ -1,6 +1,6 @@
-import { jsxs as i, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { cn as c } from "../../../../libs/utils-shared/dist/index.js";
-import * as p from "@radix-ui/react-dialog";
+import { jsxs as n, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { cn as s } from "../../../../libs/utils-shared/dist/index.js";
+import * as h from "@radix-ui/react-dialog";
 import { cva as u } from "class-variance-authority";
 import { useCommonTranslation as x } from "../../../../i18n/useCommonTranslation.js";
 import { IconButton as f } from "../../IconButton/IconButton.js";
@@ -9,7 +9,7 @@ import { DialogClose as b } from "../DialogClose/DialogClose.js";
 import { Close as v } from "../../../Symbols/Icons/Close.js";
 const D = u("flex px-24 text-base", {
   variants: {
-    appearance: {
+    density: {
       compact: "mb-12 h-64 min-h-64 flex-row items-center gap-12",
       expanded: "flex-col gap-16 pb-12 pt-10"
     }
@@ -27,7 +27,7 @@ const D = u("flex px-24 text-base", {
       "aria-label": a("components.dialogHeader.goBackAriaLabel")
     }
   );
-}, h = ({ onClose: r }) => {
+}, p = ({ onClose: r }) => {
   const { t: a } = x();
   return /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(
     f,
@@ -41,42 +41,42 @@ const D = u("flex px-24 text-base", {
     }
   ) });
 }, C = ({ hidden: r, className: a, ...o }) => /* @__PURE__ */ e(
-  p.Title,
+  h.Title,
   {
     "data-slot": "dialog-title",
-    className: c(r && "sr-only", a),
+    className: s(r && "sr-only", a),
     ...o
   }
-), y = ({ hidden: r, className: a, ...o }) => /* @__PURE__ */ e(
-  p.Description,
+), H = ({ hidden: r, className: a, ...o }) => /* @__PURE__ */ e(
+  h.Description,
   {
     "data-slot": "dialog-description",
-    className: c(r && "sr-only", a),
+    className: s(r && "sr-only", a),
     ...o
   }
-), H = ({
+), w = ({
   ref: r,
   className: a,
-  appearance: o = "compact",
+  density: o = "compact",
   title: l,
   description: t,
   onClose: m,
-  onBack: n,
+  onBack: i,
   ...g
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ n(
   "div",
   {
     ref: r,
-    className: D({ appearance: o, className: a }),
+    className: D({ density: o, className: a }),
     ...g,
     children: [
-      o === "compact" && /* @__PURE__ */ i(s, { children: [
-        n && /* @__PURE__ */ e(d, { onBack: n }),
-        /* @__PURE__ */ i(
+      o === "compact" && /* @__PURE__ */ n(c, { children: [
+        i && /* @__PURE__ */ e(d, { onBack: i }),
+        /* @__PURE__ */ n(
           "div",
           {
-            className: c("flex min-w-0 flex-1 flex-col", {
-              "pl-40": !n
+            className: s("flex min-w-0 flex-1 flex-col", {
+              "pl-40": !i
             }),
             children: [
               l && /* @__PURE__ */ e("div", { className: "truncate text-center heading-5-semi-bold", children: l }),
@@ -84,14 +84,14 @@ const D = u("flex px-24 text-base", {
             ]
           }
         ),
-        /* @__PURE__ */ e(h, { onClose: m })
+        /* @__PURE__ */ e(p, { onClose: m })
       ] }),
-      o === "expanded" && /* @__PURE__ */ i(s, { children: [
-        /* @__PURE__ */ i("div", { className: "flex h-40 flex-row items-center", children: [
-          n && /* @__PURE__ */ e(d, { onBack: n }),
-          /* @__PURE__ */ e("div", { className: "ml-auto", children: /* @__PURE__ */ e(h, { onClose: m }) })
+      o === "expanded" && /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ n("div", { className: "flex h-40 flex-row items-center", children: [
+          i && /* @__PURE__ */ e(d, { onBack: i }),
+          /* @__PURE__ */ e("div", { className: "ml-auto", children: /* @__PURE__ */ e(p, { onClose: m }) })
         ] }),
-        (l || t) && /* @__PURE__ */ i("div", { className: "flex flex-col gap-4", children: [
+        (l || t) && /* @__PURE__ */ n("div", { className: "flex flex-col gap-4", children: [
           l && /* @__PURE__ */ e("div", { className: "heading-3-semi-bold", children: l }),
           t && /* @__PURE__ */ e("div", { className: "body-2 text-muted", children: t })
         ] })
@@ -102,21 +102,21 @@ const D = u("flex px-24 text-base", {
   ref: r,
   title: a = "",
   description: o,
-  appearance: l = "compact",
+  density: l = "compact",
   ...t
-}) => /* @__PURE__ */ i(s, { children: [
+}) => /* @__PURE__ */ n(c, { children: [
   /* @__PURE__ */ e(
-    H,
+    w,
     {
       ref: r,
       title: a,
       description: o,
-      appearance: l,
+      density: l,
       ...t
     }
   ),
   /* @__PURE__ */ e(C, { hidden: !0, children: a }),
-  o && /* @__PURE__ */ e(y, { hidden: !0, children: o })
+  o && /* @__PURE__ */ e(H, { hidden: !0, children: o })
 ] });
 export {
   F as DialogHeader

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

@@ -1,3 +1,4 @@
+import { Density } from '@ledgerhq/lumen-utils-shared';
 import { ComponentPropsWithRef, ReactNode } from 'react';
 export type DialogHeight = 'fit' | 'fixed';
 export type DialogProps = {
@@ -95,10 +96,10 @@ export type DialogContentProps = {
 };
 export type DialogHeaderProps = {
     /**
-     * The appearance variant of the header.
+     * The density variant of the header.
      * @default 'compact'
      */
-    appearance?: 'compact' | 'expanded';
+    density?: Density;
     /**
      * The main title to display in the header.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/Components/Icon/Icon.js

@@ -33,7 +33,7 @@ const h = a("inline-block shrink-0", {
     "aria-hidden": "true",
     xmlns: e,
     viewBox: r,
-    className: s(i, h({ size: n }), "inline-block"),
+    className: s(h({ size: n }), "inline-block", i),
     ...t
   },
   c

package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js

@@ -46,8 +46,8 @@ const v = u(
       ref: s,
       disabled: e,
       className: b(
-        i,
-        v({ disabled: e, iconType: r, appearance: n })
+        v({ disabled: e, iconType: r, appearance: n }),
+        i
       ),
       children: /* @__PURE__ */ t(a, { size: o })
     }

package/dist/lib/Components/Link/Link.js

@@ -58,13 +58,13 @@ const w = k(
     {
       ref: d,
       className: h(
-        m,
         w({
           appearance: f,
           size: i,
           underline: p,
           disabled: s
-        })
+        }),
+        m
       ),
       "aria-disabled": s || void 0,
       target: n && !t ? "_blank" : void 0,

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"}