@ledgerhq/lumen-ui-react 0.1.16 → 0.1.17

package/ai-rules/RULES.md

@@ -33,7 +33,7 @@ Lumen typography classes set `font-family: Inter` via design tokens. The consume
 - Switch requires `@radix-ui/react-switch`
 - Dialog requires `@radix-ui/react-dialog`
 - Tooltip requires `@radix-ui/react-tooltip`
-- Select requires `@radix-ui/react-select`
+- Select requires `@base-ui/react/combobox`
 
 ---
 

package/dist/index.js

@@ -1,62 +1,63 @@
-import { Languages as r } from "./i18n/languages.js";
+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 p } from "./lib/Components/AmountDisplay/AmountDisplay.js";
-import { Avatar as T } from "./lib/Components/Avatar/Avatar.js";
+import { Avatar as d } from "./lib/Components/Avatar/Avatar.js";
 import { Banner as x } from "./lib/Components/Banner/Banner.js";
-import { BaseInput as f } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as g } from "./lib/Components/Button/Button.js";
-import { BaseButton as B } from "./lib/Components/Button/BaseButton.js";
-import { Card as c, 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 { 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 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 H } from "./lib/Components/CardButton/CardButton.js";
-import { ContentBanner as k, ContentBannerContent as y, ContentBannerDescription as G, ContentBannerTitle as N } from "./lib/Components/ContentBanner/ContentBanner.js";
-import { Checkbox as E } from "./lib/Components/Checkbox/Checkbox.js";
-import { DataTable as _, DataTableGlobalSearchInput as j, DataTableRoot as q } from "./lib/Components/DataTable/DataTable.js";
+import { ContentBanner as y, 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";
+import { DataTable as z, 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 te } from "./lib/Components/Divider/Divider.js";
+import { Divider as re } from "./lib/Components/Divider/Divider.js";
 import { IconButton as ne } from "./lib/Components/IconButton/IconButton.js";
 import { InteractiveIcon as le } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
 import { Link as me } from "./lib/Components/Link/Link.js";
-import { ListItem as de, ListItemContent as xe, ListItemContentRow as ue, ListItemDescription as fe, ListItemLeading as Ce, ListItemTitle as ge, ListItemTrailing as Se } from "./lib/Components/ListItem/ListItem.js";
-import { MediaBanner as be, MediaBannerDescription as ce, MediaBannerTitle as Ie } from "./lib/Components/MediaBanner/MediaBanner.js";
+import { ListItem as Te, ListItemContent as xe, ListItemContentRow as fe, ListItemDescription as ue, ListItemLeading as Ce, ListItemTitle as Se, ListItemTrailing as ge } from "./lib/Components/ListItem/ListItem.js";
+import { MediaBanner as Be, MediaBannerDescription as be, MediaBannerTitle as Ie } from "./lib/Components/MediaBanner/MediaBanner.js";
 import { MediaCard as Me, MediaCardTitle as De } from "./lib/Components/MediaCard/MediaCard.js";
-import { Menu as he, MenuCheckboxItem as ve, MenuContent as Re, MenuGroup as we, MenuItem as Ae, MenuLabel as He, MenuPortal as Pe, MenuRadioGroup as ke, MenuRadioItem as ye, MenuSeparator as Ge, MenuSub as Ne, MenuSubContent as Fe, MenuSubTrigger as Ee, MenuTrigger as Oe } from "./lib/Components/Menu/Menu.js";
-import { NavBar as je, NavBarBackButton as qe, NavBarCoinCapsule as ze, NavBarTitle as Je, NavBarTrailing as Ke } from "./lib/Components/NavBar/NavBar.js";
-import { Popover as Ue, PopoverContent as Ve, PopoverTrigger as We, createPopoverHandle as Xe } from "./lib/Components/Popover/Popover.js";
-import { PageIndicator as Ze } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as eo } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as ro, SegmentedControlButton as to } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as no, SelectContent as io, SelectGroup as lo, SelectItem as po, SelectItemText as mo, SelectLabel as To, SelectSeparator as xo, SelectTrigger as uo, SelectTriggerButton as fo } from "./lib/Components/Select/Select.js";
-import { TriggerButton as go } from "./lib/Components/TriggerButton/TriggerButton.js";
-import { SideBar as Bo, SideBarCollapseToggle as bo, SideBarItem as co, SideBarLeading as Io, SideBarTrailing as so } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Do } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as ho } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as Ro } from "./lib/Components/Spot/Spot.js";
-import { Stepper as Ao } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as Po, SubheaderCount as ko, SubheaderDescription as yo, SubheaderInfo as Go, SubheaderRow as No, SubheaderShowMore as Fo, SubheaderTitle as Eo } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as _o } from "./lib/Components/Switch/Switch.js";
-import { Table as qo, TableActionBar as zo, TableActionBarLeading as Jo, TableActionBarTrailing as Ko, TableBody as Qo, TableCell as Uo, TableCellContent as Vo, TableGroupHeaderRow as Wo, TableHeader as Xo, TableHeaderCell as Yo, TableHeaderRow as Zo, TableInfoIcon as $o, TableLoadingRow as er, TableRoot as or, TableRow as rr, TableSortButton as tr } from "./lib/Components/Table/Table.js";
-import { Tag as nr } from "./lib/Components/Tag/Tag.js";
-import { TextInput as lr } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as mr, TileContent as Tr, TileDescription as dr, TileSecondaryAction as xr, TileTitle as ur, TileTrailingContent as fr } from "./lib/Components/Tile/Tile.js";
-import { TileButton as gr } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as Br, TooltipContent as br, TooltipProvider as cr, TooltipTrigger as Ir } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as Mr } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as Lr } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
+import { MediaImage as he, mediaImageDotSizeMap as ve } from "./lib/Components/MediaImage/MediaImage.js";
+import { Menu as we, MenuCheckboxItem as Ae, MenuContent as He, MenuGroup as Pe, MenuItem as ye, MenuLabel as ke, MenuPortal as Ne, MenuRadioGroup as Ge, MenuRadioItem as Ee, MenuSeparator as Fe, MenuSub as Oe, MenuSubContent as ze, MenuSubTrigger as _e, MenuTrigger as je } from "./lib/Components/Menu/Menu.js";
+import { NavBar as Je, NavBarBackButton as Ke, NavBarCoinCapsule as Qe, NavBarTitle as Ue, NavBarTrailing as Ve } from "./lib/Components/NavBar/NavBar.js";
+import { Popover as Xe, PopoverContent as Ye, PopoverTrigger as Ze, createPopoverHandle as $e } from "./lib/Components/Popover/Popover.js";
+import { PageIndicator as oo } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as ro } from "./lib/Components/SearchInput/SearchInput.js";
+import { SegmentedControl as no, SegmentedControlButton as io } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as po, SelectContent as mo, SelectEmptyState as To, SelectItem as xo, SelectItemContent as fo, SelectItemDescription as uo, SelectItemText as Co, SelectList as So, SelectSearch as go, SelectSeparator as co, SelectTrigger as Bo, SelectTriggerButton as bo } from "./lib/Components/Select/Select.js";
+import { TriggerButton as so } from "./lib/Components/TriggerButton/TriggerButton.js";
+import { SideBar as Do, SideBarCollapseToggle as Lo, SideBarItem as ho, SideBarLeading as vo, SideBarTrailing as Ro } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as Ao } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as Po } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as ko } from "./lib/Components/Spot/Spot.js";
+import { Stepper as Go } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as Fo, SubheaderCount as Oo, SubheaderDescription as zo, SubheaderInfo as _o, SubheaderRow as jo, SubheaderShowMore as qo, SubheaderTitle as Jo } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as Qo } from "./lib/Components/Switch/Switch.js";
+import { Table as Vo, TableActionBar as Wo, TableActionBarLeading as Xo, TableActionBarTrailing as Yo, TableBody as Zo, TableCell as $o, TableCellContent as et, TableGroupHeaderRow as ot, TableHeader as tt, TableHeaderCell as rt, TableHeaderRow as at, TableInfoIcon as nt, TableLoadingRow as it, TableRoot as lt, TableRow as pt, TableSortButton as mt } from "./lib/Components/Table/Table.js";
+import { Tag as Tt } from "./lib/Components/Tag/Tag.js";
+import { TextInput as ft } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as Ct, TileContent as St, TileDescription as gt, TileSecondaryAction as ct, TileTitle as Bt, TileTrailingContent as bt } from "./lib/Components/Tile/Tile.js";
+import { TileButton as st } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as Dt, TooltipContent as Lt, TooltipProvider as ht, TooltipTrigger as vt } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as wt } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as Ht } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
   p as AmountDisplay,
   i as AmountInput,
-  T as Avatar,
+  d as Avatar,
   x as Banner,
-  B as BaseButton,
-  f as BaseInput,
-  g as Button,
-  Lr as COLOR_SCHEMES,
-  c as Card,
+  c as BaseButton,
+  u as BaseInput,
+  S as Button,
+  Ht as COLOR_SCHEMES,
+  b as Card,
   H as CardButton,
   I as CardContent,
   s as CardContentDescription,
@@ -67,14 +68,14 @@ export {
   v as CardHeader,
   R as CardLeading,
   w as CardTrailing,
-  E as Checkbox,
-  k as ContentBanner,
-  y as ContentBannerContent,
-  G as ContentBannerDescription,
-  N as ContentBannerTitle,
-  _ as DataTable,
-  j as DataTableGlobalSearchInput,
-  q as DataTableRoot,
+  F as Checkbox,
+  y as ContentBanner,
+  k as ContentBannerContent,
+  N as ContentBannerDescription,
+  G as ContentBannerTitle,
+  z as DataTable,
+  _ as DataTableGlobalSearchInput,
+  j as DataTableRoot,
   V as Dialog,
   W as DialogBody,
   X as DialogBodyStickyContent,
@@ -83,106 +84,111 @@ export {
   Z as DialogFooter,
   oe as DialogHeader,
   $ as DialogTrigger,
-  te as Divider,
+  re as Divider,
   ne as IconButton,
   le as InteractiveIcon,
-  r as Languages,
+  t as Languages,
   me as Link,
-  de as ListItem,
+  Te as ListItem,
   xe as ListItemContent,
-  ue as ListItemContentRow,
-  fe as ListItemDescription,
+  fe as ListItemContentRow,
+  ue as ListItemDescription,
   Ce as ListItemLeading,
-  ge as ListItemTitle,
-  Se as ListItemTrailing,
-  be as MediaBanner,
-  ce as MediaBannerDescription,
+  Se as ListItemTitle,
+  ge as ListItemTrailing,
+  Be as MediaBanner,
+  be as MediaBannerDescription,
   Ie as MediaBannerTitle,
   Me as MediaCard,
   De as MediaCardTitle,
-  he as Menu,
-  ve as MenuCheckboxItem,
-  Re as MenuContent,
-  we as MenuGroup,
-  Ae as MenuItem,
-  He as MenuLabel,
-  Pe as MenuPortal,
-  ke as MenuRadioGroup,
-  ye as MenuRadioItem,
-  Ge as MenuSeparator,
-  Ne as MenuSub,
-  Fe as MenuSubContent,
-  Ee as MenuSubTrigger,
-  Oe as MenuTrigger,
-  je as NavBar,
-  qe as NavBarBackButton,
-  ze as NavBarCoinCapsule,
-  Je as NavBarTitle,
-  Ke as NavBarTrailing,
-  Ze as PageIndicator,
-  Ue as Popover,
-  Ve as PopoverContent,
-  We as PopoverTrigger,
-  eo as SearchInput,
-  ro as SegmentedControl,
-  to as SegmentedControlButton,
-  no as Select,
-  io as SelectContent,
-  lo as SelectGroup,
-  po as SelectItem,
-  mo as SelectItemText,
-  To as SelectLabel,
-  xo as SelectSeparator,
-  uo as SelectTrigger,
-  fo as SelectTriggerButton,
-  Bo as SideBar,
-  bo as SideBarCollapseToggle,
-  co as SideBarItem,
-  Io as SideBarLeading,
-  so as SideBarTrailing,
-  Do as Skeleton,
-  ho as Spinner,
-  Ro as Spot,
-  Ao as Stepper,
-  Po as Subheader,
-  ko as SubheaderCount,
-  yo as SubheaderDescription,
-  Go as SubheaderInfo,
-  No as SubheaderRow,
-  Fo as SubheaderShowMore,
-  Eo as SubheaderTitle,
-  _o as Switch,
-  qo as Table,
-  zo as TableActionBar,
-  Jo as TableActionBarLeading,
-  Ko as TableActionBarTrailing,
-  Qo as TableBody,
-  Uo as TableCell,
-  Vo as TableCellContent,
-  Wo as TableGroupHeaderRow,
-  Xo as TableHeader,
-  Yo as TableHeaderCell,
-  Zo as TableHeaderRow,
-  $o as TableInfoIcon,
-  er as TableLoadingRow,
-  or as TableRoot,
-  rr as TableRow,
-  tr as TableSortButton,
-  nr as Tag,
-  lr as TextInput,
-  Mr as ThemeProvider,
-  mr as Tile,
-  gr as TileButton,
-  Tr as TileContent,
-  dr as TileDescription,
-  xr as TileSecondaryAction,
-  ur as TileTitle,
-  fr as TileTrailingContent,
-  Br as Tooltip,
-  br as TooltipContent,
-  cr as TooltipProvider,
-  Ir as TooltipTrigger,
-  go as TriggerButton,
-  Xe as createPopoverHandle,
+  he as MediaImage,
+  we as Menu,
+  Ae as MenuCheckboxItem,
+  He as MenuContent,
+  Pe as MenuGroup,
+  ye as MenuItem,
+  ke as MenuLabel,
+  Ne as MenuPortal,
+  Ge as MenuRadioGroup,
+  Ee as MenuRadioItem,
+  Fe as MenuSeparator,
+  Oe as MenuSub,
+  ze as MenuSubContent,
+  _e as MenuSubTrigger,
+  je as MenuTrigger,
+  Je as NavBar,
+  Ke as NavBarBackButton,
+  Qe as NavBarCoinCapsule,
+  Ue as NavBarTitle,
+  Ve as NavBarTrailing,
+  oo as PageIndicator,
+  Xe as Popover,
+  Ye as PopoverContent,
+  Ze as PopoverTrigger,
+  ro as SearchInput,
+  no as SegmentedControl,
+  io as SegmentedControlButton,
+  po as Select,
+  mo as SelectContent,
+  To as SelectEmptyState,
+  xo as SelectItem,
+  fo as SelectItemContent,
+  uo as SelectItemDescription,
+  Co as SelectItemText,
+  So as SelectList,
+  go as SelectSearch,
+  co as SelectSeparator,
+  Bo as SelectTrigger,
+  bo as SelectTriggerButton,
+  Do as SideBar,
+  Lo as SideBarCollapseToggle,
+  ho as SideBarItem,
+  vo as SideBarLeading,
+  Ro as SideBarTrailing,
+  Ao as Skeleton,
+  Po as Spinner,
+  ko as Spot,
+  Go as Stepper,
+  Fo as Subheader,
+  Oo as SubheaderCount,
+  zo as SubheaderDescription,
+  _o as SubheaderInfo,
+  jo as SubheaderRow,
+  qo as SubheaderShowMore,
+  Jo as SubheaderTitle,
+  Qo as Switch,
+  Vo as Table,
+  Wo as TableActionBar,
+  Xo as TableActionBarLeading,
+  Yo as TableActionBarTrailing,
+  Zo as TableBody,
+  $o as TableCell,
+  et as TableCellContent,
+  ot as TableGroupHeaderRow,
+  tt as TableHeader,
+  rt as TableHeaderCell,
+  at as TableHeaderRow,
+  nt as TableInfoIcon,
+  it as TableLoadingRow,
+  lt as TableRoot,
+  pt as TableRow,
+  mt as TableSortButton,
+  Tt as Tag,
+  ft as TextInput,
+  wt as ThemeProvider,
+  Ct as Tile,
+  st as TileButton,
+  St as TileContent,
+  gt as TileDescription,
+  ct as TileSecondaryAction,
+  Bt as TileTitle,
+  bt as TileTrailingContent,
+  Dt as Tooltip,
+  Lt as TooltipContent,
+  ht as TooltipProvider,
+  vt as TooltipTrigger,
+  so as TriggerButton,
+  $e as createPopoverHandle,
+  ve as mediaImageDotSizeMap,
   J as useLumenDataTable
 };

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

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA2BzC;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS;2OAiBnB,cAAc;;CAyKhB,CAAC"}
+{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA2BzC;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS;2OAiBnB,cAAc;;CA6JhB,CAAC"}

package/dist/lib/Components/BaseInput/BaseInput.js

@@ -1,150 +1,143 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { useDisabledContext as O, cn as a } from "../../../libs/utils-shared/dist/index.js";
-import { useRef as $, useId as q, useState as H, useCallback as P } from "react";
-import { useCommonTranslation as U } from "../../../i18n/useCommonTranslation.js";
-import { InteractiveIcon as W } from "../InteractiveIcon/InteractiveIcon.js";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { useDisabledContext as O, useMergedRef as $, cn as n } from "../../../libs/utils-shared/dist/index.js";
+import { useRef as q, useId as H, useState as P, useCallback as U } from "react";
+import { useCommonTranslation as W } from "../../../i18n/useCommonTranslation.js";
+import { InteractiveIcon as G } from "../InteractiveIcon/InteractiveIcon.js";
 import { DeleteCircleFill as w } from "../../Symbols/Icons/DeleteCircleFill.js";
-const G = a(
+const J = n(
   "group relative flex h-48 w-full cursor-text items-center gap-8 rounded-sm bg-muted px-16 transition-colors",
   "focus-within:ring-2 focus-within:ring-active hover:bg-muted-hover",
   "has-disabled:cursor-not-allowed has-disabled:bg-disabled has-disabled:text-disabled",
   "has-invalid:border-error has-invalid:ring-1 has-invalid:ring-error",
   'has-[input[aria-invalid="true"]]:border-error has-[input[aria-invalid="true"]]:ring-1 has-[input[aria-invalid="true"]]:ring-error'
-), J = a(
+), K = n(
   "peer w-full flex-1 bg-muted body-1 text-base caret-active outline-hidden transition-colors",
   "group-hover:bg-muted-hover group-disabled:bg-disabled",
   "group-has-disabled:cursor-not-allowed group-has-disabled:bg-disabled group-has-disabled:text-disabled",
   "placeholder:text-muted group-has-disabled:placeholder:text-disabled",
   "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
   "truncate"
-), K = a(
+), Q = n(
   "pointer-events-none absolute top-6 left-16 origin-left body-4 text-muted transition-all duration-300",
   "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-placeholder-shown:body-2",
   "group-has-disabled:text-disabled",
   "peer-focus:top-6 peer-focus:translate-y-0 peer-focus:body-4",
   "w-[calc(100%-var(--size-56))] truncate"
-), Q = ({
+), X = ({
   ref: x,
   className: y,
   containerClassName: I,
   inputClassName: C,
   labelClassName: S,
-  label: d,
+  label: l,
   id: N,
-  disabled: k,
-  errorMessage: o,
-  suffix: B,
-  prefix: D,
-  onClear: E,
-  hideClearButton: R = !1,
-  "aria-invalid": p,
-  onChange: b,
-  ...i
+  disabled: R,
+  errorMessage: r,
+  suffix: k,
+  prefix: B,
+  onClear: D,
+  hideClearButton: j = !1,
+  "aria-invalid": c,
+  onChange: p,
+  ...a
 }) => {
-  const h = O({
+  const b = O({
     consumerName: "BaseInput",
-    mergeWith: { disabled: k }
-  }), { t: j } = U(), n = $(null), z = q(), u = N || `input-${z}`, F = p || (o ? !0 : void 0), s = i.value !== void 0, [L, m] = H(
-    i.defaultValue?.toString() || ""
-  ), T = P(
-    (t) => {
-      s || m(t.target.value), b?.(t);
+    mergeWith: { disabled: R }
+  }), { t: z } = W(), e = q(null), E = H(), d = N || `input-${E}`, F = c || (r ? !0 : void 0), s = a.value !== void 0, [L, h] = P(
+    a.defaultValue?.toString() || ""
+  ), T = U(
+    (o) => {
+      s || h(o.target.value), p?.(o);
     },
-    [s, b]
-  ), v = (s ? !!i.value && i.value.toString().length > 0 : L.length > 0) && !h && !R, f = `${u}-error`, V = () => {
-    if (!n.current) return;
+    [s, p]
+  ), m = (s ? !!a.value && a.value.toString().length > 0 : L.length > 0) && !b && !j, v = `${d}-error`, V = () => {
+    if (!e.current) return;
     Object.getOwnPropertyDescriptor(
       window.HTMLInputElement.prototype,
       "value"
-    )?.set?.call(n.current, ""), s || m("");
-    const l = new Event("input", { bubbles: !0 });
-    n.current.dispatchEvent(l), n.current.focus(), E?.();
-  };
-  function A(...t) {
-    return (l) => {
-      t.forEach((e) => {
-        e && (typeof e == "function" ? e(l) : e.current = l);
-      });
-    };
-  }
-  return /* @__PURE__ */ c("div", { className: y, children: [
-    /* @__PURE__ */ c(
+    )?.set?.call(e.current, ""), s || h("");
+    const g = new Event("input", { bubbles: !0 });
+    e.current.dispatchEvent(g), e.current.focus(), D?.();
+  }, A = $(x, e);
+  return /* @__PURE__ */ u("div", { className: y, children: [
+    /* @__PURE__ */ u(
       "div",
       {
-        className: a(G, I),
-        onPointerDown: (t) => {
-          if (t.target.closest("input, button, a")) return;
-          const e = n.current;
-          if (!e) return;
-          const g = e.value.length > 0 ? e.value.length : 0;
+        className: n(J, I),
+        onPointerDown: (o) => {
+          if (o.target.closest("input, button, a")) return;
+          const i = e.current;
+          if (!i) return;
+          const f = i.value.length > 0 ? i.value.length : 0;
           window.requestAnimationFrame(() => {
             try {
-              e.setSelectionRange(g, g);
+              i.setSelectionRange(f, f);
             } catch {
             }
-            e.focus();
+            i.focus();
           });
         },
         children: [
-          D,
-          /* @__PURE__ */ r(
+          B,
+          /* @__PURE__ */ t(
             "input",
             {
-              ref: A(x, n),
-              id: u,
-              disabled: h,
+              ref: A,
+              id: d,
+              disabled: b,
               placeholder: " ",
               "aria-invalid": F,
-              "aria-describedby": o ? f : void 0,
-              className: a(
-                J,
-                d && "pt-12 body-2",
+              "aria-describedby": r ? v : void 0,
+              className: n(
+                K,
+                l && "pt-12 body-2",
                 C
               ),
               onChange: T,
-              ...i
+              ...a
             }
           ),
-          d && /* @__PURE__ */ r(
+          l && /* @__PURE__ */ t(
             "label",
             {
-              htmlFor: u,
-              className: a(
-                K,
-                o && "text-error",
+              htmlFor: d,
+              className: n(
+                Q,
+                r && "text-error",
                 S
               ),
-              children: d
+              children: l
             }
           ),
-          v && /* @__PURE__ */ r(
-            W,
+          m && /* @__PURE__ */ t(
+            G,
             {
               iconType: "filled",
               onClick: V,
-              "aria-label": j("components.baseInput.clearInputAriaLabel"),
-              children: /* @__PURE__ */ r(w, { size: 20 })
+              "aria-label": z("components.baseInput.clearInputAriaLabel"),
+              children: /* @__PURE__ */ t(w, { size: 20 })
             }
           ),
-          !v && B
+          !m && k
         ]
       }
     ),
-    o && /* @__PURE__ */ c(
+    r && /* @__PURE__ */ u(
       "div",
       {
-        id: f,
+        id: v,
         className: "mt-8 flex items-center gap-2 body-3 text-error",
         role: "alert",
         children: [
-          /* @__PURE__ */ r(w, { size: 16, className: "text-error" }),
-          /* @__PURE__ */ r("span", { children: o })
+          /* @__PURE__ */ t(w, { size: 16, className: "text-error" }),
+          /* @__PURE__ */ t("span", { children: r })
         ]
       }
     )
   ] });
 };
-Q.displayName = "BaseInput";
+X.displayName = "BaseInput";
 export {
-  Q as BaseInput
+  X as BaseInput
 };

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

@@ -0,0 +1,19 @@
+import { MediaImageProps, MediaImageSize } from './types';
+export declare const mediaImageDotSizeMap: Record<MediaImageSize, number>;
+/**
+ * A generic media image component that displays an image with optional shape variants.
+ * Supports square and circular appearances with consistent sizing.
+ *
+ * When the image fails to load or no src is provided, displays a background placeholder
+ * or an optional text fallback.
+ *
+ * @example
+ * import { MediaImage } from '@ledgerhq/lumen-ui-react';
+ *
+ * <MediaImage src="https://example.com/icon.png" alt="Bitcoin" size={32} />
+ */
+export declare const MediaImage: {
+    ({ ref, className, src, alt, size, shape, imgLoading, ...props }: MediaImageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=MediaImage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA0B1D,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAStD,CAAC;AAEX;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU;sEASpB,eAAe;;CA8BjB,CAAC"}