@ledgerhq/lumen-ui-react 0.1.15 → 0.1.17

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

@@ -1,4 +1,4 @@
-import { ListItemContentProps, ListItemDescriptionProps, ListItemIconProps, ListItemLeadingProps, ListItemProps, ListItemSpotProps, ListItemTitleProps, ListItemTrailingProps, ListItemTruncateProps } from './types';
+import { ListItemContentProps, ListItemDescriptionProps, ListItemLeadingProps, ListItemProps, ListItemTitleProps, ListItemTrailingProps, ListItemContentRowProps } 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.
@@ -10,7 +10,7 @@ import { ListItemContentProps, ListItemDescriptionProps, ListItemIconProps, List
  *
  * <ListItem onClick={() => console.log('Clicked!')}>
  *   <ListItemLeading>
- *     <ListItemSpot appearance="icon" icon={Wallet} />
+ *     <Spot size={48} appearance="icon" icon={Wallet} />
  *     <ListItemContent>
  *       <ListItemTitle>Balance</ListItemTitle>
  *       <ListItemDescription>Optional description</ListItemDescription>
@@ -27,32 +27,40 @@ export declare const ListItem: {
 };
 /**
  * Container for the leading (left) part of the list item.
- * Contains the visual element (ListItemSpot, Avatar, Icon) and the content (title + description).
+ * Contains the visual element (Spot, Avatar, Icon) and the content (title + description).
  */
 export declare const ListItemLeading: {
-    ({ ref, children, className, }: ListItemLeadingProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, children, className, ...props }: ListItemLeadingProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**
  * Container for the text content (title and description) within the leading area.
  */
 export declare const ListItemContent: {
-    ({ ref, children, className, }: ListItemContentProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, children, className, ...props }: ListItemContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Horizontal row container within ListItemContent to place a title or description
+ * alongside additional inline content (e.g. Tag) while preserving text truncation.
+ */
+export declare const ListItemContentRow: {
+    ({ ref, children, className, ...props }: ListItemContentRowProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**
  * The main title of the list item.
  */
 export declare const ListItemTitle: {
-    ({ ref, children, className, }: ListItemTitleProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, children, className, ...props }: ListItemTitleProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**
- * Optional description text below the title. Can include inline elements like Tag.
+ * Optional description text below the title.
  * Automatically applies disabled styling when the parent ListItem is disabled.
  */
 export declare const ListItemDescription: {
-    ({ ref, children, className, }: ListItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, children, className, ...props }: ListItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**
@@ -60,26 +68,7 @@ export declare const ListItemDescription: {
  * Used for icons, switches, values, tags, chevrons, etc.
  */
 export declare const ListItemTrailing: {
-    ({ ref, children, className, }: ListItemTrailingProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/**
- * Spot adapter for ListItem. Automatically inherits disabled state from parent ListItem.
- */
-export declare const ListItemSpot: {
-    (props: ListItemSpotProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/**
- * Icon adapter for ListItem. Automatically applies disabled styling from parent ListItem.
- * Fixed at size 24 for consistent list item appearance.
- */
-export declare const ListItemIcon: {
-    ({ ref, icon: Icon, className, ...props }: ListItemIconProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const ListItemTruncate: {
-    ({ children, className, }: ListItemTruncateProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, children, className, ...props }: ListItemTrailingProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=ListItem.d.ts.map

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":"AAOA,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACxB,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAOjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ;wBAAuB,aAAa;;CAyBxD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,eAAe;oCAIzB,oBAAoB;;CAStB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,eAAe;oCAIzB,oBAAoB;;CAStB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,aAAa;oCAIvB,kBAAkB;;CAuBpB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,mBAAmB;oCAI7B,wBAAwB;;CAuB1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;oCAI1B,qBAAqB;;CAoBvB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,YAAY;YAAW,iBAAiB;;CAOpD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,YAAY;+CAKtB,iBAAiB;;CAenB,CAAC;AAIF,eAAO,MAAM,gBAAgB;+BAG1B,qBAAqB;;CAEvB,CAAC"}
+{"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;wBAAuB,aAAa;;CAyBxD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,eAAe;6CAKzB,oBAAoB;;CAUtB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,eAAe;6CAKzB,oBAAoB;;CAUtB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,kBAAkB;6CAK5B,uBAAuB;;CAUzB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,aAAa;6CAKvB,kBAAkB;;CAwBpB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,mBAAmB;6CAK7B,wBAAwB;;CAwB1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;6CAK1B,qBAAqB;;CAqBvB,CAAC"}

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

@@ -1,176 +1,164 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useDisabledContext as o, DisabledProvider as c, cn as a, createSafeContext as u } from "../../../libs/utils-shared/dist/index.js";
-import { Spot as b } from "../Spot/Spot.js";
-const [I, d] = u("ListItemTrailing", {
+import { jsx as n } from "react/jsx-runtime";
+import { useDisabledContext as o, DisabledProvider as c, cn as r, createSafeContext as u } from "../../../libs/utils-shared/dist/index.js";
+const [b, m] = u("ListItemTrailing", {
   isInTrailing: !1
-}), p = ({ ref: e, ...t }) => {
-  const { children: s, className: n, disabled: r, ...m } = t, l = o({
+}), x = ({ ref: e, ...t }) => {
+  const { children: s, className: i, disabled: a, ...l } = t, d = o({
     consumerName: "ListItem",
-    mergeWith: { disabled: r }
+    mergeWith: { disabled: a }
   });
-  return /* @__PURE__ */ i(c, { value: { disabled: l }, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(c, { value: { disabled: d }, children: /* @__PURE__ */ n(
     "button",
     {
       ref: e,
       type: "button",
-      disabled: l,
-      className: a(
+      disabled: d,
+      className: r(
         "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",
-        n
+        i
       ),
-      ...m,
+      ...l,
       children: s
     }
   ) });
 };
-p.displayName = "ListItem";
-const x = ({
+x.displayName = "ListItem";
+const p = ({
   ref: e,
   children: t,
-  className: s
-}) => /* @__PURE__ */ i(
+  className: s,
+  ...i
+}) => /* @__PURE__ */ n(
   "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
   }
 );
-x.displayName = "ListItemLeading";
-const L = ({
+p.displayName = "ListItemLeading";
+const I = ({
   ref: e,
   children: t,
-  className: s
-}) => /* @__PURE__ */ i(
+  className: s,
+  ...i
+}) => /* @__PURE__ */ n(
   "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.displayName = "ListItemContent";
-const N = ({
+I.displayName = "ListItemContent";
+const f = ({
+  ref: e,
+  children: t,
+  className: s,
+  ...i
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: e,
+    className: r("flex min-w-0 items-center gap-8", s),
+    ...i,
+    children: t
+  }
+);
+f.displayName = "ListItemContentRow";
+const L = ({
   ref: e,
   children: t,
-  className: s
+  className: s,
+  ...i
 }) => {
-  const n = o({
+  const a = o({
     consumerName: "ListItemTitle",
     contextRequired: !0
-  }), { isInTrailing: r } = d({
+  }), { isInTrailing: l } = m({
     consumerName: "ListItemTitle",
     contextRequired: !1
   });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: e,
-      className: a(
-        "w-full truncate body-2-semi-bold",
-        r ? "justify-end text-end" : "justify-start text-start",
-        n && "text-disabled",
+      className: r(
+        "min-w-0 flex-1 truncate body-2-semi-bold",
+        l ? "justify-end text-end" : "justify-start text-start",
+        a && "text-disabled",
         s
       ),
+      ...i,
       children: t
     }
   );
 };
-N.displayName = "ListItemTitle";
-const f = ({
+L.displayName = "ListItemTitle";
+const g = ({
   ref: e,
   children: t,
-  className: s
+  className: s,
+  ...i
 }) => {
-  const n = o({
+  const a = o({
     consumerName: "ListItemDescription",
     contextRequired: !0
-  }), { isInTrailing: r } = d({
+  }), { isInTrailing: l } = m({
     consumerName: "ListItemDescription",
     contextRequired: !1
   });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: e,
-      className: a(
-        "w-full items-center truncate body-3 text-muted",
-        r ? "justify-end text-end" : "justify-start text-start",
-        n && "text-disabled",
+      className: r(
+        "min-w-0 flex-1 items-center truncate body-3 text-muted",
+        l ? "justify-end text-end" : "justify-start text-start",
+        a && "text-disabled",
         s
       ),
+      ...i,
       children: t
     }
   );
 };
-f.displayName = "ListItemDescription";
-const g = ({
+g.displayName = "ListItemDescription";
+const N = ({
   ref: e,
   children: t,
-  className: s
+  className: s,
+  ...i
 }) => {
-  const n = o({
+  const a = o({
     consumerName: "ListItemTrailing",
     contextRequired: !0
   });
-  return /* @__PURE__ */ i(I, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(b, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ n(
     "div",
     {
       ref: e,
-      className: a(
+      className: r(
         "flex shrink-0 items-center",
-        n && "text-disabled",
+        a && "text-disabled",
         s
       ),
+      ...i,
       children: t
     }
   ) });
 };
-g.displayName = "ListItemTrailing";
-const y = (e) => {
-  const t = o({
-    consumerName: "ListItemSpot",
-    contextRequired: !0
-  });
-  return /* @__PURE__ */ i(b, { ...e, size: 48, disabled: t });
-};
-y.displayName = "ListItemSpot";
-const v = ({
-  ref: e,
-  icon: t,
-  className: s,
-  ...n
-}) => {
-  const r = o({
-    consumerName: "ListItemIcon",
-    contextRequired: !0
-  });
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      ref: e,
-      className: a("shrink-0", r && "text-disabled", s),
-      ...n,
-      children: /* @__PURE__ */ i(t, { size: 24 })
-    }
-  );
-};
-v.displayName = "ListItemIcon";
-const T = ({
-  children: e,
-  className: t
-}) => /* @__PURE__ */ i("div", { className: a("min-w-0 truncate", t), children: e });
-T.displayName = "ListItemTruncate";
+N.displayName = "ListItemTrailing";
 export {
-  p as ListItem,
-  L as ListItemContent,
-  f as ListItemDescription,
-  v as ListItemIcon,
-  x as ListItemLeading,
-  y as ListItemSpot,
-  N as ListItemTitle,
-  g as ListItemTrailing,
-  T as ListItemTruncate
+  x as ListItem,
+  I as ListItemContent,
+  f as ListItemContentRow,
+  g as ListItemDescription,
+  p as ListItemLeading,
+  L as ListItemTitle,
+  N as ListItemTrailing
 };

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

@@ -1,5 +1,4 @@
-import { ButtonHTMLAttributes, ComponentPropsWithRef, ComponentType, ReactNode } from 'react';
-import { DiscriminatedSpotProps } from '../Spot';
+import { ButtonHTMLAttributes, ComponentPropsWithRef, ReactNode } from 'react';
 /**
  * Context value for passing state to sub-components
  */
@@ -54,11 +53,11 @@ export type ListItemContentProps = {
     className?: string;
 } & ComponentPropsWithRef<'div'>;
 /**
- * Props for the ListItemTitle component
+ * Props for the ListItemContentRow component
  */
-export type ListItemTitleProps = {
+export type ListItemContentRowProps = {
     /**
-     * The title text or custom content
+     * The row content (ListItemTitle or ListItemDescription alongside inline elements like Tag)
      */
     children: ReactNode;
     /**
@@ -67,11 +66,11 @@ export type ListItemTitleProps = {
     className?: string;
 } & ComponentPropsWithRef<'div'>;
 /**
- * Props for the ListItemDescription component
+ * Props for the ListItemTitle component
  */
-export type ListItemDescriptionProps = {
+export type ListItemTitleProps = {
     /**
-     * The description text or custom content
+     * The title text or custom content
      */
     children: ReactNode;
     /**
@@ -80,11 +79,11 @@ export type ListItemDescriptionProps = {
     className?: string;
 } & ComponentPropsWithRef<'div'>;
 /**
- * Props for the ListItemTrailing component
+ * Props for the ListItemDescription component
  */
-export type ListItemTrailingProps = {
+export type ListItemDescriptionProps = {
     /**
-     * The trailing content (icons, switches, values, etc.)
+     * The description text or custom content
      */
     children: ReactNode;
     /**
@@ -93,16 +92,11 @@ export type ListItemTrailingProps = {
     className?: string;
 } & ComponentPropsWithRef<'div'>;
 /**
- * Props for ListItemSpot when appearance is 'icon'
- */
-export type ListItemSpotProps = DiscriminatedSpotProps & ComponentPropsWithRef<'div'>;
-/**
- * Props for the ListItemTruncate component
- * Used to truncate text that should when ListItemDescription or ListItemTitle contain custom content
+ * Props for the ListItemTrailing component
  */
-export type ListItemTruncateProps = {
+export type ListItemTrailingProps = {
     /**
-     * The content to truncate
+     * The trailing content (icons, switches, values, etc.)
      */
     children: ReactNode;
     /**
@@ -110,17 +104,4 @@ export type ListItemTruncateProps = {
      */
     className?: string;
 } & ComponentPropsWithRef<'div'>;
-/**
- * Props for the ListItemIcon component
- */
-export type ListItemIconProps = {
-    /**
-     * The icon component to render
-     */
-    icon: ComponentType<any>;
-    /**
-     * custom classname
-     */
-    className?: string;
-} & ComponentPropsWithRef<'div'>;
 //# sourceMappingURL=types.d.ts.map

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,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD;;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,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;AAEjC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GACpD,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAE/B;;;GAGG;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;AAEjC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB;;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,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"}

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

package/dist/lib/Components/MediaImage/MediaImage.js

@@ -0,0 +1,75 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as c } from "../../../libs/utils-shared/dist/index.js";
+import { cva as f } from "class-variance-authority";
+import { useState as z, useEffect as g } from "react";
+const p = {
+  root: f(
+    "relative inline-flex shrink-0 items-center justify-center overflow-hidden bg-muted-transparent",
+    {
+      variants: {
+        size: {
+          12: "size-12 rounded-xs",
+          16: "size-16 rounded-xs",
+          20: "size-20 rounded-xs",
+          24: "size-24 rounded-sm",
+          32: "size-32 rounded-sm",
+          40: "size-40 rounded-md",
+          48: "size-48 rounded-md",
+          56: "size-56 rounded-lg"
+        },
+        shape: {
+          square: "",
+          circle: "rounded-full"
+        }
+      }
+    }
+  )
+}, N = {
+  12: 8,
+  16: 8,
+  20: 8,
+  24: 10,
+  32: 12,
+  40: 16,
+  48: 20,
+  56: 24
+}, h = ({
+  ref: s,
+  className: i,
+  src: e,
+  alt: o,
+  size: t = 48,
+  shape: d = "square",
+  imgLoading: n = "eager",
+  ...m
+}) => {
+  const [l, a] = z(!1), u = !e || l;
+  return g(() => {
+    a(!1);
+  }, [e]), /* @__PURE__ */ r(
+    "div",
+    {
+      ref: s,
+      className: c(p.root({ size: t, shape: d }), i),
+      role: "img",
+      "aria-label": o,
+      ...m,
+      children: u ? /* @__PURE__ */ r("span", { className: "text-muted select-none", "aria-hidden": "true" }) : /* @__PURE__ */ r(
+        "img",
+        {
+          src: e,
+          alt: "",
+          loading: n,
+          onError: () => a(!0),
+          className: "size-full object-cover",
+          "aria-hidden": "true"
+        }
+      )
+    }
+  );
+};
+h.displayName = "MediaImage";
+export {
+  h as MediaImage,
+  N as mediaImageDotSizeMap
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAChE,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,38 @@
+import { ComponentPropsWithRef } from 'react';
+export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56;
+export type MediaImageShape = 'square' | 'circle';
+export type MediaImageProps = {
+    /**
+     * Image source URL. When undefined or on load error, displays a fallback.
+     * @optional
+     */
+    src?: string;
+    /**
+     * The shape of the media image.
+     * @default 'squared'
+     */
+    shape?: MediaImageShape;
+    /**
+     * The size of the media image in pixels.
+     * @default 48
+     */
+    size?: MediaImageSize;
+    /**
+     * Loading strategy for the image.
+     * - `eager`: Load immediately (default browser behavior)
+     * - `lazy`: Defer loading until near viewport
+     * @optional
+     * @default eager (browser default: eager)
+     */
+    imgLoading?: 'eager' | 'lazy';
+    /**
+     * Alternative text for the image, used for accessibility.
+     */
+    alt?: string;
+    /**
+     * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
+     * @optional
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1,14 +1,14 @@
+import { ComponentProps, ComponentRef, Ref } from 'react';
 import { MenuProps, MenuTriggerProps, MenuContentProps, MenuItemProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuLabelProps, MenuSeparatorProps, MenuSubTriggerProps, MenuSubContentProps, MenuGroupProps, MenuRadioGroupProps } from './types';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as React from 'react';
 declare function Menu({ ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
 declare const MenuTrigger: {
     ({ ref, ...props }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
 };
 declare function MenuGroup({ ...props }: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function MenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function MenuPortal({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function MenuSub({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
 declare function MenuRadioGroup({ ...props }: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
 declare const MenuSubTrigger: {
     ({ ref, className, inset, children, ...props }: MenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
@@ -36,7 +36,7 @@ declare const MenuRadioItem: {
 };
 declare const MenuLabel: {
     ({ ref, className, inset, ...props }: MenuLabelProps & {
-        ref?: React.Ref<React.ComponentRef<typeof DropdownMenuPrimitive.Label>>;
+        ref?: Ref<ComponentRef<typeof DropdownMenuPrimitive.Label>>;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW;wBAAuB,gBAAgB;;CAMvD,CAAC;AAGF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAE3D;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAExD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc;oDAMjB,mBAAmB;;CAUrB,CAAC;AAGF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CAOxE,CAAC;AAGF,QAAA,MAAM,WAAW;sDAMd,gBAAgB;;CAkBlB,CAAC;AAGF,QAAA,MAAM,QAAQ;kEAMX,aAAa;;CAiBf,CAAC;AAGF,QAAA,MAAM,gBAAgB;8EAOnB,qBAAqB;;CAyBvB,CAAC;AAGF,QAAA,MAAM,aAAa;qEAMhB,kBAAkB;;CAwBpB,CAAC;AAGF,QAAA,MAAM,SAAS;0CAKZ,cAAc,GAAG;QAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;KACzE;;CAOA,CAAC;AAGF,QAAA,MAAM,aAAa;mCAAkC,kBAAkB;;CAEtE,CAAC;AAGF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW;wBAAuB,gBAAgB;;CAMvD,CAAC;AAGF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAElD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc;oDAMjB,mBAAmB;;CAUrB,CAAC;AAGF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CAOxE,CAAC;AAGF,QAAA,MAAM,WAAW;sDAMd,gBAAgB;;CAkBlB,CAAC;AAGF,QAAA,MAAM,QAAQ;kEAMX,aAAa;;CAiBf,CAAC;AAGF,QAAA,MAAM,gBAAgB;8EAOnB,qBAAqB;;CAyBvB,CAAC;AAGF,QAAA,MAAM,aAAa;qEAMhB,kBAAkB;;CAwBpB,CAAC;AAGF,QAAA,MAAM,SAAS;0CAKZ,cAAc,GAAG;QAClB,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;KAC7D;;CAOA,CAAC;AAGF,QAAA,MAAM,aAAa;mCAAkC,kBAAkB;;CAEtE,CAAC;AAGF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}

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

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { NavBarBackButtonProps, NavBarCoinCapsuleProps, NavBarProps, NavBarTitleProps, NavBarTrailingProps } from './types';
 /**
  * A coin capsule component for displaying cryptocurrency information within the NavBar.

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

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/NavBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB;wCAK3B,sBAAsB;;CAIxB,CAAC;AAGF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;4DAK1B,qBAAqB;;CAevB,CAAC;AAGF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW;mDAKrB,gBAAgB;;CAclB,CAAC;AAGF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB,GAAG;QACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;KACjC;;CAWA,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM;6CAA4C,WAAW;;CAWzE,CAAC"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/NavBar.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB;wCAK3B,sBAAsB;;CAIxB,CAAC;AAGF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;4DAK1B,qBAAqB;;CAevB,CAAC;AAGF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW;mDAKrB,gBAAgB;;CAclB,CAAC;AAGF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB,GAAG;QACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;KACjC;;CAWA,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM;6CAA4C,WAAW;;CAWzE,CAAC"}