@ledgerhq/lumen-ui-react 0.1.11 → 0.1.13

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

@@ -23,18 +23,18 @@ const l = a("inline-block", {
   className: i = "",
   children: c,
   viewBox: e,
-  xmlns: t,
-  ...r
+  xmlns: r,
+  ...t
 }) => k(
   "svg",
   {
     ref: o,
     fill: "none",
     "aria-hidden": "true",
-    xmlns: t,
+    xmlns: r,
     viewBox: e,
     className: s(i, l({ size: n }), "inline-block"),
-    ...r
+    ...t
   },
   c
 );

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

@@ -6,17 +6,17 @@ const b = (e, t) => {
     ref: o,
     className: s,
     disabled: a,
-    ...m
+    ...n
   }) => {
-    const n = i({
+    const m = i({
       consumerName: e,
       mergeWith: { disabled: a }
     });
     return p(d, {
       ref: o,
-      className: l(n && "text-disabled", s),
+      className: l(s, m && "text-disabled"),
       viewBox: t.props.viewBox,
-      ...m,
+      ...n,
       children: t.props.children
     });
   };

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

@@ -29,7 +29,7 @@ import { InteractiveIconProps } from './types';
  * </InteractiveIcon>
  */
 export declare const InteractiveIcon: {
-    ({ ref, className, iconType, disabled, ...props }: InteractiveIconProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, className, iconType, appearance, disabled: disabledProp, ...props }: InteractiveIconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=InteractiveIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAmB/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,eAAe;uDAMzB,oBAAoB;;CAStB,CAAC"}
+{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA6B/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,eAAe;iFAOzB,oBAAoB;;CAiBtB,CAAC"}

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

@@ -1,36 +1,56 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cn as a } from "../../../libs/utils-shared/dist/index.js";
-import { cva as n } from "class-variance-authority";
-const l = n(
-  "inline-flex size-fit items-center justify-center rounded-full text-muted transition-colors hover:text-muted-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus active:text-muted-pressed disabled:text-disabled",
+import { jsx as n } from "react/jsx-runtime";
+import { useDisabledContext as d, cn as c } from "../../../libs/utils-shared/dist/index.js";
+import { cva as l } from "class-variance-authority";
+const b = l(
+  [
+    "inline-flex size-fit items-center justify-center rounded-full",
+    "transition-colors",
+    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
+    "disabled:text-disabled"
+  ],
   {
     variants: {
       iconType: {
         filled: "",
         stroked: "bg-base-transparent hover:bg-base-transparent-hover active:bg-base-transparent-pressed disabled:bg-disabled"
       },
+      appearance: {
+        muted: "text-muted hover:text-muted-hover active:text-muted-pressed",
+        white: "text-white hover:text-white-hover active:text-white-pressed",
+        base: "text-base hover:text-base-hover active:text-base-pressed"
+      },
       disabled: {
         true: "cursor-default",
         false: "cursor-pointer"
       }
     }
   }
-), c = ({
+), u = ({
   ref: t,
   className: s,
-  iconType: r,
-  disabled: e = !1,
-  ...i
-}) => /* @__PURE__ */ o(
-  "button",
-  {
-    ...i,
-    ref: t,
-    disabled: e,
-    className: a(s, l({ disabled: e, iconType: r }))
-  }
-);
-c.displayName = "InteractiveIcon";
+  iconType: a,
+  appearance: i = "muted",
+  disabled: r = !1,
+  ...o
+}) => {
+  const e = d({
+    consumerName: "InteractiveIcon",
+    mergeWith: { disabled: r }
+  });
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      ...o,
+      ref: t,
+      disabled: e,
+      className: c(
+        s,
+        b({ disabled: e, iconType: a, appearance: i })
+      )
+    }
+  );
+};
+u.displayName = "InteractiveIcon";
 export {
-  c as InteractiveIcon
+  u as InteractiveIcon
 };

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

@@ -1,14 +1,27 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
 export type InteractiveIconProps = {
+    /**
+     * Whether the icon is disabled.
+     * @default false
+     */
+    disabled?: boolean;
     /**
      * The visual style of the icon button.
      * Choose 'filled' for icons with solid backgrounds or 'stroked' for outlined icons.
      */
     iconType: 'filled' | 'stroked';
+    /**
+     * The visual style of the icon button.
+     * - 'muted': with muted background
+     * - 'white': with white background
+     * - 'base': with base background
+     * @default 'muted'
+     */
+    appearance?: 'muted' | 'white' | 'base';
     /**
      * The icon component to display inside the button.
      * Should be a single icon element from the design system.
      */
     children: ReactNode;
-} & ComponentPropsWithRef<'button'>;
+} & Omit<ComponentPropsWithRef<'button'>, 'disabled'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IACxC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -39,7 +39,7 @@ import { LinkProps } from './types';
  * // Icons and other Link props like 'icon' are ignored when asChild is true - handle these in the child if needed.
  */
 export declare const Link: {
-    ({ ref, className, children, appearance, size, underline, icon, isExternal, asChild, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, className, children, appearance, size, underline, icon, isExternal, asChild, disabled: disabledProp, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/Link.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AA8BpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,IAAI;qGAWd,SAAS;;CAgDX,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/Link.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAmCpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,IAAI;6HAYd,SAAS;;CAsDX,CAAC"}

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

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as o, Fragment as c } from "react/jsx-runtime";
-import { cn as v } from "../../../libs/utils-shared/dist/index.js";
-import { Slot as b } from "@radix-ui/react-slot";
-import { cva as h } from "class-variance-authority";
-import { ExternalLink as x } from "../../Symbols/Icons/ExternalLink.js";
-const k = h(
+import { jsx as e, jsxs as l, Fragment as c } from "react/jsx-runtime";
+import { useDisabledContext as h, cn as x } from "../../../libs/utils-shared/dist/index.js";
+import { Slot as k } from "@radix-ui/react-slot";
+import { cva as N } from "class-variance-authority";
+import { ExternalLink as g } from "../../Symbols/Icons/ExternalLink.js";
+const y = N(
   "inline-flex w-fit max-w-full items-center justify-center transition-colors focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus",
   {
     variants: {
@@ -20,53 +20,64 @@ const k = h(
       underline: {
         true: "underline underline-offset-2",
         false: ""
+      },
+      disabled: {
+        true: "pointer-events-none text-disabled",
+        false: ""
       }
     },
     defaultVariants: {
       appearance: "inherit",
       size: "inherit",
-      underline: !0
+      underline: !0,
+      disabled: !1
     }
   }
-), N = ({
-  ref: l,
+), z = ({
+  ref: d,
   className: m,
-  children: r,
+  children: s,
   appearance: p,
-  size: n = "inherit",
+  size: t = "inherit",
   underline: f = !0,
   icon: u,
-  isExternal: i = !1,
-  asChild: t = !1,
-  ...d
+  isExternal: n = !1,
+  asChild: i = !1,
+  disabled: b,
+  ...v
 }) => {
-  const a = n ? {
+  const a = h({
+    consumerName: "Link",
+    mergeWith: { disabled: b }
+  }), r = t ? {
     sm: 16,
     md: 20
-  }[n] : 20, s = u;
+  }[t] : 20, o = u;
   return /* @__PURE__ */ e(
-    t ? b : "a",
+    i ? k : "a",
     {
-      ref: l,
-      className: v(
+      ref: d,
+      className: x(
         m,
-        k({
+        y({
           appearance: p,
-          size: n,
-          underline: f
+          size: t,
+          underline: f,
+          disabled: a
         })
       ),
-      target: i && !t ? "_blank" : void 0,
-      rel: i && !t ? "noopener noreferrer" : void 0,
-      ...d,
-      children: t ? r : /* @__PURE__ */ o(c, { children: [
-        s && /* @__PURE__ */ e(s, { size: a, className: "shrink-0" }),
-        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: r }),
-        i && /* @__PURE__ */ o(c, { children: [
+      "aria-disabled": a || void 0,
+      target: n && !i ? "_blank" : void 0,
+      rel: n && !i ? "noopener noreferrer" : void 0,
+      ...v,
+      children: i ? s : /* @__PURE__ */ l(c, { children: [
+        o && /* @__PURE__ */ e(o, { size: r, className: "shrink-0" }),
+        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: s }),
+        n && /* @__PURE__ */ l(c, { children: [
           /* @__PURE__ */ e(
-            x,
+            g,
             {
-              size: a,
+              size: r,
               className: "shrink-0",
               "aria-hidden": "true"
             }
@@ -77,7 +88,7 @@ const k = h(
     }
   );
 };
-N.displayName = "Link";
+z.displayName = "Link";
 export {
-  N as Link
+  z as Link
 };

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

@@ -35,6 +35,11 @@ export type LinkProps = {
      * @default false
      */
     asChild?: boolean;
+    /**
+     * Whether the link is disabled.
+     * @default false
+     */
+    disabled?: boolean;
     /**
      * The link's content, typically text.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}

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":"AAEA,OAAO,EAEL,oBAAoB,EACpB,wBAAwB,EACxB,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAUjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ;wBAAuB,aAAa;;CAqBxD,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;;CAkBpB,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":"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"}

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

@@ -1,169 +1,176 @@
 import { jsx as i } from "react/jsx-runtime";
-import { createSafeContext as m, cn as a } from "../../../libs/utils-shared/dist/index.js";
-import { Spot as d } from "../Spot/Spot.js";
-const [u, o] = m("ListItem", {}), [I, l] = m("ListItemTrailing", {
+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", {
   isInTrailing: !1
-}), p = ({ ref: t, ...e }) => {
-  const { children: s, className: n, disabled: r, ...c } = e;
-  return /* @__PURE__ */ i(u, { value: { disabled: r }, children: /* @__PURE__ */ i(
+}), p = ({ ref: e, ...t }) => {
+  const { children: s, className: n, disabled: r, ...m } = t, l = o({
+    consumerName: "ListItem",
+    mergeWith: { disabled: r }
+  });
+  return /* @__PURE__ */ i(c, { value: { disabled: l }, children: /* @__PURE__ */ i(
     "button",
     {
-      ref: t,
+      ref: e,
       type: "button",
-      disabled: r,
+      disabled: l,
       className: a(
         "flex h-64 w-full cursor-pointer items-center gap-16 rounded-md bg-base-transparent px-8 py-12 text-base transition-colors",
         "hover:bg-base-transparent-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-base-transparent-pressed",
         "disabled:cursor-default disabled:bg-base-transparent disabled:text-disabled",
         n
       ),
-      ...c,
+      ...m,
       children: s
     }
   ) });
 };
 p.displayName = "ListItem";
-const L = ({
-  ref: t,
-  children: e,
+const x = ({
+  ref: e,
+  children: t,
   className: s
 }) => /* @__PURE__ */ i(
   "div",
   {
-    ref: t,
+    ref: e,
     className: a("flex min-w-0 flex-1 items-center gap-12", s),
-    children: e
+    children: t
   }
 );
-L.displayName = "ListItemLeading";
-const b = ({
-  ref: t,
-  children: e,
+x.displayName = "ListItemLeading";
+const L = ({
+  ref: e,
+  children: t,
   className: s
 }) => /* @__PURE__ */ i(
   "div",
   {
-    ref: t,
+    ref: e,
     className: a("flex min-w-0 flex-1 flex-col gap-4", s),
-    children: e
+    children: t
   }
 );
-b.displayName = "ListItemContent";
-const x = ({
-  ref: t,
-  children: e,
+L.displayName = "ListItemContent";
+const N = ({
+  ref: e,
+  children: t,
   className: s
 }) => {
-  const { isInTrailing: n } = l({
+  const n = o({
+    consumerName: "ListItemTitle",
+    contextRequired: !0
+  }), { isInTrailing: r } = d({
     consumerName: "ListItemTitle",
     contextRequired: !1
   });
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: t,
+      ref: e,
       className: a(
         "w-full truncate body-2-semi-bold",
-        n ? "justify-end text-end" : "justify-start text-start",
+        r ? "justify-end text-end" : "justify-start text-start",
+        n && "text-disabled",
         s
       ),
-      children: e
+      children: t
     }
   );
 };
-x.displayName = "ListItemTitle";
+N.displayName = "ListItemTitle";
 const f = ({
-  ref: t,
-  children: e,
+  ref: e,
+  children: t,
   className: s
 }) => {
-  const { disabled: n } = o({
+  const n = o({
     consumerName: "ListItemDescription",
     contextRequired: !0
-  }), { isInTrailing: r } = l({
+  }), { isInTrailing: r } = d({
     consumerName: "ListItemDescription",
     contextRequired: !1
   });
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: t,
+      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",
         s
       ),
-      children: e
+      children: t
     }
   );
 };
 f.displayName = "ListItemDescription";
-const N = ({
-  ref: t,
-  children: e,
+const g = ({
+  ref: e,
+  children: t,
   className: s
 }) => {
-  const { disabled: n } = o({
+  const n = o({
     consumerName: "ListItemTrailing",
     contextRequired: !0
   });
   return /* @__PURE__ */ i(I, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ i(
     "div",
     {
-      ref: t,
+      ref: e,
       className: a(
         "flex shrink-0 items-center",
         n && "text-disabled",
         s
       ),
-      children: e
+      children: t
     }
   ) });
 };
-N.displayName = "ListItemTrailing";
-const g = (t) => {
-  const { disabled: e } = o({
+g.displayName = "ListItemTrailing";
+const y = (e) => {
+  const t = o({
     consumerName: "ListItemSpot",
     contextRequired: !0
   });
-  return /* @__PURE__ */ i(d, { ...t, size: 48, disabled: e });
+  return /* @__PURE__ */ i(b, { ...e, size: 48, disabled: t });
 };
-g.displayName = "ListItemSpot";
-const y = ({
-  ref: t,
-  icon: e,
+y.displayName = "ListItemSpot";
+const v = ({
+  ref: e,
+  icon: t,
   className: s,
   ...n
 }) => {
-  const { disabled: r } = o({
+  const r = o({
     consumerName: "ListItemIcon",
     contextRequired: !0
   });
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: t,
+      ref: e,
       className: a("shrink-0", r && "text-disabled", s),
       ...n,
-      children: /* @__PURE__ */ i(e, { size: 24 })
+      children: /* @__PURE__ */ i(t, { size: 24 })
     }
   );
 };
-y.displayName = "ListItemIcon";
-const v = ({
-  children: t,
-  className: e
-}) => /* @__PURE__ */ i("div", { className: a("min-w-0 truncate", e), children: t });
-v.displayName = "ListItemTruncate";
+v.displayName = "ListItemIcon";
+const T = ({
+  children: e,
+  className: t
+}) => /* @__PURE__ */ i("div", { className: a("min-w-0 truncate", t), children: e });
+T.displayName = "ListItemTruncate";
 export {
   p as ListItem,
-  b as ListItemContent,
+  L as ListItemContent,
   f as ListItemDescription,
-  y as ListItemIcon,
-  L as ListItemLeading,
-  g as ListItemSpot,
-  x as ListItemTitle,
-  N as ListItemTrailing,
-  v as ListItemTruncate
+  v as ListItemIcon,
+  x as ListItemLeading,
+  y as ListItemSpot,
+  N as ListItemTitle,
+  g as ListItemTrailing,
+  T as ListItemTruncate
 };

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

@@ -0,0 +1,33 @@
+import { MediaCardProps, MediaCardTitleProps } from './types';
+export declare const MediaCardTitle: {
+    ({ ref, className, children, ...props }: MediaCardTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * A media card component for displaying a full-bleed background image with
+ * composable content and a close button, using gradient overlays to ensure
+ * readability.
+ *
+ * @example
+ * import { MediaCard, MediaCardTitle } from '@ledgerhq/lumen-ui-react';
+ * import { Tag } from '@ledgerhq/lumen-ui-react';
+ *
+ * <MediaCard
+ *   imageUrl="/image.jpg"
+ *   onClick={() => {}}
+ *   onClose={() => {}}
+ * >
+ *   <Tag label="New" size="md" />
+ *   <MediaCardTitle>Card text</MediaCardTitle>
+ * </MediaCard>
+ *
+ * // Without close button
+ * <MediaCard imageUrl="/image.jpg" onClick={() => {}}>
+ *   <MediaCardTitle>Card text</MediaCardTitle>
+ * </MediaCard>
+ */
+export declare const MediaCard: {
+    ({ ref, imageUrl, children, onClick, onClose, closeAriaLabel, className, ...props }: MediaCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=MediaCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCard.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaCard/MediaCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA+C9D,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAUrB,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,SAAS;yFASnB,cAAc;;CAwDhB,CAAC"}