@ledgerhq/lumen-ui-react 0.1.62 → 0.1.64

package/ai-rules/RULES.md

@@ -224,7 +224,7 @@ const InteractiveList = () => (
     {items.map((item) => (
       <ListItem>
         <ListItemLeading>
-          <Spot appearance='icon' icon={Settings} />
+          <Spot icon={Settings} />
           <ListItemContent>
             <ListItemTitle>Simple composition</ListItemTitle>
             <ListItemDescription>With description</ListItemDescription>

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export * from './lib/Components';
-export { type SupportedLocale, Languages } from './i18n';
+export { type SupportedLocale, Languages } from './translations';
 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;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,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,gBAAgB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Languages as t } from "./i18n/languages.js";
+import { Languages as t } from "./translations/languages.js";
 import { useControllableState as n } from "./utils/useControllableState/useControllableState.js";
 import { AddressInput as i } from "./lib/Components/core/AddressInput/AddressInput.js";
 import { AmountInput as m } from "./lib/Components/core/AmountInput/AmountInput.js";
@@ -48,22 +48,23 @@ import { SideBar as nt, SideBarCollapseToggle as at, SideBarItem as it, SideBarL
 import { Skeleton as dt } from "./lib/Components/core/Skeleton/Skeleton.js";
 import { Spinner as ft } from "./lib/Components/core/Spinner/Spinner.js";
 import { Spot as ct } from "./lib/Components/core/Spot/Spot.js";
-import { Stepper as ut } from "./lib/Components/core/Stepper/Stepper.js";
-import { Subheader as It, SubheaderCount as bt, SubheaderDescription as st, SubheaderInfo as Bt, SubheaderRow as Dt, SubheaderShowMore as Mt, SubheaderTitle as Lt } from "./lib/Components/core/Subheader/Subheader.js";
-import { Switch as ht } from "./lib/Components/core/Switch/Switch.js";
-import { Table as wt, TableActionBar as Ht, TableActionBarLeading as At, TableActionBarTrailing as Pt, TableBody as yt, TableCell as Nt, TableCellContent as kt, TableCellContentDescription as Gt, TableCellContentRow as Et, TableCellContentTitle as Ft, TableCellItem as Ot, TableCol as zt, TableColGroup as Vt, TableGroupHeaderRow as _t, TableHeader as jt, TableHeaderCell as qt, TableHeaderRow as Jt, TableInfoIcon as Kt, TableLoadingRow as Qt, TableRoot as Ut, TableRow as Wt, TableSortButton as Xt } from "./lib/Components/core/Table/Table.js";
-import { Tag as Zt } from "./lib/Components/core/Tag/Tag.js";
-import { TextInput as er } from "./lib/Components/core/TextInput/TextInput.js";
-import { Tile as tr, TileContent as rr, TileDescription as nr, TileSecondaryAction as ar, TileTitle as ir, TileTrailingContent as lr } from "./lib/Components/core/Tile/Tile.js";
-import { TileButton as pr } from "./lib/Components/core/TileButton/TileButton.js";
-import { Timeline as dr, TimelineItem as xr, TimelineItemBody as fr, TimelineItemCaption as Cr, TimelineItemDescription as cr, TimelineItemHeader as Sr, TimelineItemLeading as ur, TimelineItemLeadingRow as gr, TimelineItemTitle as Ir, TimelineItemTrailing as br } from "./lib/Components/core/Timeline/Timeline.js";
-import { toast as Br } from "./libs/utils-shared/dist/index.js";
-import { Toast as Mr } from "./lib/Components/core/Toast/Toast.js";
-import { Toaster as vr } from "./lib/Components/core/Toast/Toaster.js";
-import { Tooltip as Rr, TooltipContent as wr, TooltipProvider as Hr, TooltipTrigger as Ar } from "./lib/Components/core/Tooltip/Tooltip.js";
-import { Trend as yr } from "./lib/Components/core/Trend/Trend.js";
-import { ThemeProvider as kr, useTheme as Gr } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as Fr } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
+import { SpotNumber as ut } from "./lib/Components/core/Spot/SpotNumber.js";
+import { Stepper as It } from "./lib/Components/core/Stepper/Stepper.js";
+import { Subheader as st, SubheaderCount as Bt, SubheaderDescription as Dt, SubheaderInfo as Mt, SubheaderRow as Lt, SubheaderShowMore as vt, SubheaderTitle as ht } from "./lib/Components/core/Subheader/Subheader.js";
+import { Switch as wt } from "./lib/Components/core/Switch/Switch.js";
+import { Table as At, TableActionBar as Pt, TableActionBarLeading as yt, TableActionBarTrailing as Nt, TableBody as kt, TableCell as Gt, TableCellContent as Et, TableCellContentDescription as Ft, TableCellContentRow as Ot, TableCellContentTitle as zt, TableCellItem as Vt, TableCol as _t, TableColGroup as jt, TableGroupHeaderRow as qt, TableHeader as Jt, TableHeaderCell as Kt, TableHeaderRow as Qt, TableInfoIcon as Ut, TableLoadingRow as Wt, TableRoot as Xt, TableRow as Yt, TableSortButton as Zt } from "./lib/Components/core/Table/Table.js";
+import { Tag as er } from "./lib/Components/core/Tag/Tag.js";
+import { TextInput as tr } from "./lib/Components/core/TextInput/TextInput.js";
+import { Tile as nr, TileContent as ar, TileDescription as ir, TileSecondaryAction as lr, TileTitle as mr, TileTrailingContent as pr } from "./lib/Components/core/Tile/Tile.js";
+import { TileButton as dr } from "./lib/Components/core/TileButton/TileButton.js";
+import { Timeline as fr, TimelineItem as Cr, TimelineItemBody as cr, TimelineItemCaption as Sr, TimelineItemDescription as ur, TimelineItemHeader as gr, TimelineItemLeading as Ir, TimelineItemLeadingRow as br, TimelineItemTitle as sr, TimelineItemTrailing as Br } from "./lib/Components/core/Timeline/Timeline.js";
+import { toast as Mr } from "./libs/utils-shared/dist/index.js";
+import { Toast as vr } from "./lib/Components/core/Toast/Toast.js";
+import { Toaster as Rr } from "./lib/Components/core/Toast/Toaster.js";
+import { Tooltip as Hr, TooltipContent as Ar, TooltipProvider as Pr, TooltipTrigger as yr } from "./lib/Components/core/Tooltip/Tooltip.js";
+import { Trend as kr } from "./lib/Components/core/Trend/Trend.js";
+import { ThemeProvider as Er, useTheme as Fr } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as zr } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
 export {
   i as AddressInput,
   T as AmountDisplay,
@@ -72,7 +73,7 @@ export {
   S as AvatarButton,
   g as Banner,
   b as Button,
-  Fr as COLOR_SCHEMES,
+  zr as COLOR_SCHEMES,
   B as Card,
   y as CardButton,
   D as CardContent,
@@ -180,64 +181,65 @@ export {
   dt as Skeleton,
   ft as Spinner,
   ct as Spot,
-  ut as Stepper,
-  It as Subheader,
-  bt as SubheaderCount,
-  st as SubheaderDescription,
-  Bt as SubheaderInfo,
-  Dt as SubheaderRow,
-  Mt as SubheaderShowMore,
-  Lt as SubheaderTitle,
-  ht as Switch,
-  wt as Table,
-  Ht as TableActionBar,
-  At as TableActionBarLeading,
-  Pt as TableActionBarTrailing,
-  yt as TableBody,
-  Nt as TableCell,
-  kt as TableCellContent,
-  Gt as TableCellContentDescription,
-  Et as TableCellContentRow,
-  Ft as TableCellContentTitle,
-  Ot as TableCellItem,
-  zt as TableCol,
-  Vt as TableColGroup,
-  _t as TableGroupHeaderRow,
-  jt as TableHeader,
-  qt as TableHeaderCell,
-  Jt as TableHeaderRow,
-  Kt as TableInfoIcon,
-  Qt as TableLoadingRow,
-  Ut as TableRoot,
-  Wt as TableRow,
-  Xt as TableSortButton,
-  Zt as Tag,
-  er as TextInput,
-  kr as ThemeProvider,
-  tr as Tile,
-  pr as TileButton,
-  rr as TileContent,
-  nr as TileDescription,
-  ar as TileSecondaryAction,
-  ir as TileTitle,
-  lr as TileTrailingContent,
-  dr as Timeline,
-  xr as TimelineItem,
-  fr as TimelineItemBody,
-  Cr as TimelineItemCaption,
-  cr as TimelineItemDescription,
-  Sr as TimelineItemHeader,
-  ur as TimelineItemLeading,
-  gr as TimelineItemLeadingRow,
-  Ir as TimelineItemTitle,
-  br as TimelineItemTrailing,
-  Mr as Toast,
-  vr as Toaster,
-  Rr as Tooltip,
-  wr as TooltipContent,
-  Hr as TooltipProvider,
-  Ar as TooltipTrigger,
-  yr as Trend,
+  ut as SpotNumber,
+  It as Stepper,
+  st as Subheader,
+  Bt as SubheaderCount,
+  Dt as SubheaderDescription,
+  Mt as SubheaderInfo,
+  Lt as SubheaderRow,
+  vt as SubheaderShowMore,
+  ht as SubheaderTitle,
+  wt as Switch,
+  At as Table,
+  Pt as TableActionBar,
+  yt as TableActionBarLeading,
+  Nt as TableActionBarTrailing,
+  kt as TableBody,
+  Gt as TableCell,
+  Et as TableCellContent,
+  Ft as TableCellContentDescription,
+  Ot as TableCellContentRow,
+  zt as TableCellContentTitle,
+  Vt as TableCellItem,
+  _t as TableCol,
+  jt as TableColGroup,
+  qt as TableGroupHeaderRow,
+  Jt as TableHeader,
+  Kt as TableHeaderCell,
+  Qt as TableHeaderRow,
+  Ut as TableInfoIcon,
+  Wt as TableLoadingRow,
+  Xt as TableRoot,
+  Yt as TableRow,
+  Zt as TableSortButton,
+  er as Tag,
+  tr as TextInput,
+  Er as ThemeProvider,
+  nr as Tile,
+  dr as TileButton,
+  ar as TileContent,
+  ir as TileDescription,
+  lr as TileSecondaryAction,
+  mr as TileTitle,
+  pr as TileTrailingContent,
+  fr as Timeline,
+  Cr as TimelineItem,
+  cr as TimelineItemBody,
+  Sr as TimelineItemCaption,
+  ur as TimelineItemDescription,
+  gr as TimelineItemHeader,
+  Ir as TimelineItemLeading,
+  br as TimelineItemLeadingRow,
+  sr as TimelineItemTitle,
+  Br as TimelineItemTrailing,
+  vr as Toast,
+  Rr as Toaster,
+  Hr as Tooltip,
+  Ar as TooltipContent,
+  Pr as TooltipProvider,
+  yr as TooltipTrigger,
+  kr as Trend,
   So as createMenuRadioGroup,
   wo as createPopoverHandle,
   jo as createSegmentedControl,
@@ -248,8 +250,8 @@ export {
   Be as getDotIndicatorProps,
   ve as getDotSymbolProps,
   C as resolveAvatarColor,
-  Br as toast,
+  Mr as toast,
   n as useControllableState,
   K as useLumenDataTable,
-  Gr as useTheme
+  Fr as useTheme
 };

package/dist/lib/Components/core/AddressInput/AddressInput.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useCommonTranslation as f } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as f } from "../../../../translations/translations.js";
 import { QrCode as p } from "../../symbols/icons/QrCode.js";
 import { BaseInput as m } from "../../internal/BaseInput/BaseInput.js";
 import { InteractiveIcon as c } from "../InteractiveIcon/InteractiveIcon.js";

package/dist/lib/Components/core/AmountDisplay/AmountDisplay.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { useSplitText as y, buildAriaLabel as w, cn as m } from "../../../../libs/utils-shared/dist/index.js";
 import { memo as u } from "react";
 import { DIGITS as v } from "./types.js";
-import { useCommonTranslation as D } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as D } from "../../../../translations/translations.js";
 const o = {
   "heading-1-semi-bold": {
     0: 25,

package/dist/lib/Components/core/AmountInput/AmountInput.js

@@ -1,10 +1,10 @@
-import { jsxs as z, jsx as a } from "react/jsx-runtime";
-import { useDisabledContext as M, useMergedRef as D, getFontSize as F, cn as f } from "../../../../libs/utils-shared/dist/index.js";
+import { jsxs as k, jsx as a } from "react/jsx-runtime";
+import { useDisabledContext as z, useMergedRef as F, getFontSize as D, cn as f } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as i } from "class-variance-authority";
 import { useMemo as W } from "react";
 import { useAmountInputValue as q } from "./useAmountInputValue/useAmountInputValue.js";
-import { useAutoWidthInput as E } from "./useAutoWidthInput/useAutoWidthInput.js";
-const L = i(
+import { useAutoWidthInput as B } from "./useAutoWidthInput/useAutoWidthInput.js";
+const E = i(
   [
     "bg-transparent caret-active outline-hidden transition-colors",
     "text-base placeholder:text-muted-subtle",
@@ -46,7 +46,7 @@ const L = i(
       size: "md"
     }
   }
-), B = i("invisible absolute whitespace-pre", {
+), G = i("invisible absolute whitespace-pre", {
   variants: {
     size: {
       md: "heading-0-semi-bold",
@@ -56,7 +56,7 @@ const L = i(
   defaultVariants: {
     size: "md"
   }
-}), G = i(
+}), H = i(
   "group relative flex w-full items-center overflow-visible transition-transform",
   {
     variants: {
@@ -83,17 +83,17 @@ const L = i(
   allowDecimals: x = !0,
   thousandsSeparator: w = !0,
   decimalSeparator: y = ".",
-  value: C,
-  onChange: S,
+  value: S,
+  onChange: C,
   placeholder: d,
   ...V
 }) => {
-  const A = M({
+  const A = z({
     consumerName: "AmountInput",
     mergeWith: { disabled: g }
-  }), { inputValue: n, isChanging: j, setIsChanging: I, handleChange: N } = q({
-    value: C,
-    onChange: S,
+  }), { inputValue: n, isChanging: N, setIsChanging: j, handleChange: I } = q({
+    value: S,
+    onChange: C,
     formatOptions: {
       allowDecimals: x,
       thousandsSeparator: w,
@@ -101,18 +101,18 @@ const L = i(
       maxDecimalLength: v,
       decimalSeparator: y
     }
-  }), u = n === "" ? d ?? "" : n, { spanRef: k, inputRef: m } = E({
+  }), u = n === "" ? d ?? "" : n, { spanRef: M, inputRef: m } = B({
     inputValue: u,
     currencyText: t,
     size: e
-  }), R = D(r, m), s = { fontSize: W(
-    () => F(n, e) + "px",
+  }), R = F(r, m), s = { fontSize: W(
+    () => D(n, e) + "px",
     [n, e]
   ), letterSpacing: "normal" };
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ k(
     "div",
     {
-      className: G({ align: h }),
+      className: H({ align: h }),
       onPointerDown: () => {
         const p = m.current;
         p && window.requestAnimationFrame(() => {
@@ -124,8 +124,8 @@ const L = i(
         /* @__PURE__ */ a(
           "span",
           {
-            ref: k,
-            className: B({ size: e }),
+            ref: M,
+            className: G({ size: e }),
             "aria-hidden": "true",
             style: s,
             children: u
@@ -140,9 +140,9 @@ const L = i(
             disabled: A,
             value: n,
             placeholder: d,
-            onChange: N,
-            onAnimationEnd: () => I(!1),
-            className: f(L({ size: e, isChanging: j }), o),
+            onChange: I,
+            onAnimationEnd: () => j(!1),
+            className: f(E({ size: e, isChanging: N }), o),
             ...V,
             style: s
           }

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

@@ -2,9 +2,9 @@ import { jsxs as h, jsx as t } from "react/jsx-runtime";
 import { cn as p } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as m } from "class-variance-authority";
 import { useState as z, useEffect as y } from "react";
-import { getAvatarFallbackTextColor as j } from "./resolveAvatarColor.js";
-import { useCommonTranslation as A } from "../../../../i18n/useCommonTranslation.js";
-import { User as C } from "../../symbols/icons/User.js";
+import { getAvatarFallbackTextColor as N } from "./resolveAvatarColor.js";
+import { useCommonTranslation as j } from "../../../../translations/translations.js";
+import { User as A } from "../../symbols/icons/User.js";
 const c = {
   root: m(
     "relative inline-flex items-center justify-center rounded-full bg-base-transparent-hover align-middle transition-colors",
@@ -36,7 +36,7 @@ const c = {
       }
     }
   })
-}, N = {
+}, C = {
   xs: 12,
   sm: 16,
   md: 24,
@@ -49,9 +49,9 @@ const c = {
   fallbackColor: e
 }) => {
   const s = {
-    color: j(e)
+    color: N(e)
   };
-  return r ? /* @__PURE__ */ t("span", { className: c.text({ size: o }), style: s, children: r }) : /* @__PURE__ */ t(C, { style: s, size: N[o], "aria-hidden": "true" });
+  return r ? /* @__PURE__ */ t("span", { className: c.text({ size: o }), style: s, children: r }) : /* @__PURE__ */ t(A, { style: s, size: C[o], "aria-hidden": "true" });
 }, q = ({
   ref: o,
   className: r,
@@ -64,7 +64,7 @@ const c = {
   appearance: i,
   ...v
 }) => {
-  const { t: f } = A(), [x, l] = z(!1), d = !e || x, g = s || f("components.avatar.defaultAriaLabel");
+  const { t: f } = j(), [x, l] = z(!1), d = !e || x, g = s || f("components.avatar.defaultAriaLabel");
   return y(() => {
     l(!1);
   }, [e]), /* @__PURE__ */ h(

package/dist/lib/Components/core/AvatarButton/AvatarButton.js

@@ -1,10 +1,10 @@
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { useDisabledContext as f, cn as v } from "../../../../libs/utils-shared/dist/index.js";
 import { Avatar as m } from "../Avatar/Avatar.js";
-const A = ({
-  ref: o,
-  className: s,
-  src: t,
+const N = ({
+  ref: t,
+  className: o,
+  src: s,
   alt: r,
   size: a,
   imgLoading: n,
@@ -21,19 +21,19 @@ const A = ({
   return /* @__PURE__ */ p(
     "button",
     {
-      ref: o,
+      ref: t,
       type: "button",
       disabled: c,
       className: v(
         "group relative cursor-pointer rounded-full focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30",
-        s
+        o
       ),
       ...b,
       children: [
         /* @__PURE__ */ e(
           m,
           {
-            src: t,
+            src: s,
             alt: r,
             size: a,
             imgLoading: n,
@@ -48,5 +48,5 @@ const A = ({
   );
 };
 export {
-  A as AvatarButton
+  N as AvatarButton
 };

package/dist/lib/Components/core/Banner/Banner.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { cn as t } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as b } from "class-variance-authority";
-import { useCommonTranslation as g } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as g } from "../../../../translations/translations.js";
 import { IconButton as N } from "../IconButton/IconButton.js";
 import { Close as h } from "../../symbols/icons/Close.js";
 import { DeleteCircleFill as u } from "../../symbols/icons/DeleteCircleFill.js";

package/dist/lib/Components/core/Button/Button.js

@@ -1,8 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as n } from "../../../../libs/utils-shared/dist/index.js";
-import { cva as d } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+import { cn as d } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as e } from "class-variance-authority";
 import { BaseButton as b } from "../../internal/BaseButton/BaseButton.js";
-const l = d("", {
+const l = e("", {
   variants: {
     size: {
       sm: "px-16 py-10 body-2-semi-bold",
@@ -22,7 +22,7 @@ const l = d("", {
   size: o,
   icon: i,
   ...p
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ n(
   b,
   {
     ref: t,
@@ -30,7 +30,7 @@ const l = d("", {
     disabled: r,
     icon: i,
     loading: s,
-    className: n(l({ size: o }), "gap-8", m),
+    className: d(l({ size: o }), "gap-8", m),
     ...p,
     children: a
   }

package/dist/lib/Components/core/Card/Card.js

@@ -3,8 +3,8 @@ import { createSafeContext as m, DisabledProvider as g, cn as o, getButtonA11yPr
 import { cva as v } from "class-variance-authority";
 import { useMemo as h } from "react";
 import { ChevronUp as N } from "../../symbols/icons/ChevronUp.js";
-import { ChevronDown as w } from "../../symbols/icons/ChevronDown.js";
-const k = ({
+import { ChevronDown as k } from "../../symbols/icons/ChevronDown.js";
+const w = ({
   type: r,
   expanded: t,
   onClick: a,
@@ -83,7 +83,7 @@ const k = ({
   ...p
 }) => {
   const u = h(
-    () => k({
+    () => w({
       type: a,
       expanded: e,
       onClick: d,
@@ -143,7 +143,7 @@ const k = ({
         t,
         l && /* @__PURE__ */ f(b, { children: [
           d && /* @__PURE__ */ n(N, { className: "text-muted", size: 20 }),
-          !d && /* @__PURE__ */ n(w, { className: "text-muted", size: 20 })
+          !d && /* @__PURE__ */ n(k, { className: "text-muted", size: 20 })
         ] })
       ]
     }
@@ -184,7 +184,7 @@ const k = ({
       children: t
     }
   );
-}, L = ({
+}, I = ({
   ref: r,
   children: t,
   className: a,
@@ -207,7 +207,7 @@ const k = ({
       children: t
     }
   );
-}, I = ({
+}, J = ({
   ref: r,
   children: t,
   className: a,
@@ -230,7 +230,7 @@ const k = ({
       children: t
     }
   );
-}, M = ({
+}, L = ({
   ref: r,
   children: t,
   className: a,
@@ -253,7 +253,7 @@ const k = ({
       children: t
     }
   );
-}, S = ({
+}, M = ({
   ref: r,
   children: t,
   className: a,
@@ -289,7 +289,7 @@ const k = ({
       appearance: "plain"
     }
   }
-), U = ({
+), S = ({
   ref: r,
   children: t,
   className: a,
@@ -322,7 +322,7 @@ const k = ({
       ) })
     }
   );
-}, Z = ({
+}, U = ({
   ref: r,
   children: t,
   className: a,
@@ -339,13 +339,13 @@ const k = ({
 export {
   P as Card,
   B as CardContent,
-  M as CardContentDescription,
-  L as CardContentRow,
-  I as CardContentTitle,
-  U as CardFooter,
-  Z as CardFooterActions,
+  L as CardContentDescription,
+  I as CardContentRow,
+  J as CardContentTitle,
+  S as CardFooter,
+  U as CardFooterActions,
   T as CardHeader,
   z as CardLeading,
-  S as CardTrailing,
-  k as resolveCardInnerContext
+  M as CardTrailing,
+  w as resolveCardInnerContext
 };

package/dist/lib/Components/core/ContentBanner/ContentBanner.d.ts

@@ -19,7 +19,7 @@ export declare const ContentBannerDescription: ({ ref, children, className, ...p
  * import { ContentBanner, ContentBannerContent, ContentBannerTitle, ContentBannerDescription } from '@ledgerhq/lumen-ui-react';
  *
  * <ContentBanner onClose={() => {}}>
- *   <Spot appearance="icon" icon={Wallet} size={48} />
+ *   <Spot icon={Wallet} size={48} />
  *   <ContentBannerContent>
  *     <ContentBannerTitle>Title</ContentBannerTitle>
  *     <ContentBannerDescription>Description text</ContentBannerDescription>

package/dist/lib/Components/core/ContentBanner/ContentBanner.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { cn as a } from "../../../../libs/utils-shared/dist/index.js";
-import { useCommonTranslation as m } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as m } from "../../../../translations/translations.js";
 import { Close as p } from "../../symbols/icons/Close.js";
 import { InteractiveIcon as d } from "../InteractiveIcon/InteractiveIcon.js";
 const C = ({