@ledgerhq/lumen-ui-react 0.1.12 → 0.1.13

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

@@ -1,33 +1,33 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { useSplitText as y, buildAriaLabel as x, cn as p } from "../../../libs/utils-shared/dist/index.js";
 import { memo as d } from "react";
 import { DIGITS as b } from "./types.js";
 import { useCommonTranslation as D } from "../../../i18n/useCommonTranslation.js";
 const N = {
-  0: 24.5,
-  1: 15,
-  2: 23,
-  3: 24,
-  4: 25,
-  5: 23,
-  6: 24.5,
-  7: 21.5,
-  8: 24,
-  9: 24
+  0: 25,
+  1: 15.5,
+  2: 23.5,
+  3: 24.5,
+  4: 25.5,
+  5: 23.5,
+  6: 25,
+  7: 22,
+  8: 24.5,
+  9: 24.5
 }, I = {
-  0: 17,
-  1: 10.5,
-  2: 16,
-  3: 16.5,
-  4: 17.2,
-  5: 15.7,
-  6: 17,
-  7: 14.7,
-  8: 16.5,
-  9: 16.5
+  0: 17.5,
+  1: 11,
+  2: 16.5,
+  3: 17,
+  4: 18,
+  5: 16,
+  6: 17.5,
+  7: 15,
+  8: 17,
+  9: 17
 }, T = d(({ value: a, animate: l, type: i }) => {
   const s = (i === "integer" ? N : I)[a];
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: "relative overflow-hidden mask-fade-y transition-[width] duration-600",
@@ -70,24 +70,24 @@ const N = {
   className: r,
   ...u
 }) => {
-  const t = l(a), c = y(t), { t: f } = D(), h = x(
+  const t = l(a), o = y(t), { t: f } = D(), h = x(
     t,
     i,
     f("components.amountDisplay.amountHiddenAriaLabel")
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "div",
     {
       className: p(
         s && "animate-pulse",
-        "relative inline-flex items-baseline",
+        "relative inline-flex",
         r
       ),
       "aria-label": h,
       "aria-busy": s,
       ...u,
-      children: [
-        /* @__PURE__ */ o(
+      children: /* @__PURE__ */ c("div", { className: "flex items-baseline", children: [
+        /* @__PURE__ */ c(
           "span",
           {
             className: "inline-flex heading-1-semi-bold text-base",
@@ -97,7 +97,7 @@ const N = {
               i ? /* @__PURE__ */ e("span", { children: "••••" }) : /* @__PURE__ */ e(
                 m,
                 {
-                  items: c.integerPart,
+                  items: o.integerPart,
                   animate: n,
                   type: "integer"
                 }
@@ -105,7 +105,7 @@ const N = {
             ]
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ c(
           "span",
           {
             className: "inline-flex heading-2-semi-bold text-muted",
@@ -115,7 +115,7 @@ const N = {
               t.decimalPart && !i && /* @__PURE__ */ e(
                 m,
                 {
-                  items: c.decimalPart,
+                  items: o.decimalPart,
                   animate: n,
                   type: "decimal"
                 }
@@ -124,7 +124,7 @@ const N = {
             ]
           }
         )
-      ]
+      ] })
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Card/Card.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,2BAA2B,EAC3B,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACT,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,uBAAuB,GAAI,wCAKrC;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAChC,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CACjC,KAAG,gBA2BH,CAAC;AAiDF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,IAAI;0FAUd,SAAS;;CAgCX,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,UAAU;6CAKpB,eAAe;;CA8BjB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;6CAKrB,gBAAgB;;CAUlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;6CAKrB,gBAAgB;;CAkBlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAmBrB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,gBAAgB;6CAK1B,qBAAqB;;CAmBvB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,sBAAsB;6CAKhC,2BAA2B;;CAmB7B,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,YAAY;6CAKtB,iBAAiB;;CAqBnB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,UAAU;6CAKpB,eAAe;;CA4BjB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,iBAAiB;6CAK3B,sBAAsB;;CAQxB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Card/Card.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,2BAA2B,EAC3B,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACT,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,uBAAuB,GAAI,wCAKrC;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAChC,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CACjC,KAAG,gBA2BH,CAAC;AAiDF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,IAAI;0FAUd,SAAS;;CAkCX,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,UAAU;6CAKpB,eAAe;;CA8BjB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;6CAKrB,gBAAgB;;CAUlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;6CAKrB,gBAAgB;;CAkBlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAmBrB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,gBAAgB;6CAK1B,qBAAqB;;CAmBvB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,sBAAsB;6CAKhC,2BAA2B;;CAmB7B,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,YAAY;6CAKtB,iBAAiB;;CAqBnB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,UAAU;6CAKpB,eAAe;;CA4BjB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,iBAAiB;6CAK3B,sBAAsB;;CAQxB,CAAC"}

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

@@ -1,10 +1,10 @@
-import { jsx as n, jsxs as f, Fragment as v } from "react/jsx-runtime";
-import { createSafeContext as m, cn as o, getButtonA11yProps as C } from "../../../libs/utils-shared/dist/index.js";
-import { cva as b } from "class-variance-authority";
-import { useMemo as g } from "react";
-import { ChevronUp as N } from "../../Symbols/Icons/ChevronUp.js";
-import { ChevronDown as h } from "../../Symbols/Icons/ChevronDown.js";
-const w = ({
+import { jsx as s, jsxs as f, Fragment as p } from "react/jsx-runtime";
+import { createSafeContext as m, DisabledProvider as b, cn as o, getButtonA11yProps as C } from "../../../libs/utils-shared/dist/index.js";
+import { cva as g } from "class-variance-authority";
+import { useMemo as N } from "react";
+import { ChevronUp as h } from "../../Symbols/Icons/ChevronUp.js";
+import { ChevronDown as w } from "../../Symbols/Icons/ChevronDown.js";
+const y = ({
   type: r,
   expanded: t,
   onClick: a,
@@ -36,7 +36,7 @@ const w = ({
         onHeaderClick: void 0
       };
   }
-}, [y, c] = m(
+}, [k, c] = m(
   "Card",
   {
     cardClickable: !1,
@@ -44,9 +44,9 @@ const w = ({
     footerExpanded: !0,
     disabled: !1
   }
-), [k, x] = m("CardContentAlign", {
+), [R, v] = m("CardContentAlign", {
   align: "left"
-}), R = b(
+}), q = g(
   "flex w-full flex-col overflow-clip rounded-lg bg-surface text-base transition-colors",
   {
     variants: {
@@ -76,19 +76,19 @@ const w = ({
       disabled: !1
     }
   }
-), q = ({
+), H = ({
   ref: r,
   className: t,
   type: a = "interactive",
   expanded: e,
-  outlined: s = !1,
+  outlined: n = !1,
   disabled: i = !1,
   onClick: d,
   children: l,
-  ...p
+  ...x
 }) => {
-  const u = g(
-    () => w({
+  const u = N(
+    () => y({
       type: a,
       expanded: e,
       onClick: d,
@@ -96,32 +96,32 @@ const w = ({
     }),
     [a, e, d, i]
   );
-  return /* @__PURE__ */ n(y, { value: u, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ s(k, { value: u, children: /* @__PURE__ */ s(b, { value: { disabled: i }, children: /* @__PURE__ */ s(
     "div",
     {
       ref: r,
       ...u.cardClickable && C({ onClick: d, disabled: i }),
       className: o(
-        R({
+        q({
           interactive: u.cardClickable,
-          outlined: s,
+          outlined: n,
           disabled: i
         }),
         t
       ),
-      ...p,
+      ...x,
       children: l
     }
-  ) });
+  ) }) });
 };
-q.displayName = "Card";
-const H = ({
+H.displayName = "Card";
+const A = ({
   ref: r,
   children: t,
   className: a,
   ...e
 }) => {
-  const { disabled: s, headerClickable: i, footerExpanded: d, onHeaderClick: l } = c({
+  const { disabled: n, headerClickable: i, footerExpanded: d, onHeaderClick: l } = c({
     consumerName: "CardHeader",
     contextRequired: !1
   });
@@ -130,7 +130,7 @@ const H = ({
     {
       ref: r,
       "aria-expanded": l ? d : void 0,
-      ...C({ onClick: l, disabled: s }),
+      ...C({ onClick: l, disabled: n }),
       className: o(
         "flex items-center gap-12 p-12",
         i && "cursor-pointer -outline-offset-6 transition-colors hover:bg-surface-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-surface-pressed",
@@ -139,21 +139,21 @@ const H = ({
       ...e,
       children: [
         t,
-        l && /* @__PURE__ */ f(v, { children: [
-          d && /* @__PURE__ */ n(N, { className: "text-muted", size: 20 }),
-          !d && /* @__PURE__ */ n(h, { className: "text-muted", size: 20 })
+        l && /* @__PURE__ */ f(p, { children: [
+          d && /* @__PURE__ */ s(h, { className: "text-muted", size: 20 }),
+          !d && /* @__PURE__ */ s(w, { className: "text-muted", size: 20 })
         ] })
       ]
     }
   );
 };
-H.displayName = "CardHeader";
-const A = ({
+A.displayName = "CardHeader";
+const E = ({
   ref: r,
   children: t,
   className: a,
   ...e
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ s(
   "div",
   {
     ref: r,
@@ -162,24 +162,24 @@ const A = ({
     children: t
   }
 );
-A.displayName = "CardLeading";
-const E = ({
+E.displayName = "CardLeading";
+const F = ({
   ref: r,
   children: t,
   className: a,
   ...e
 }) => {
-  const { align: s } = x({
+  const { align: n } = v({
     consumerName: "CardContent",
     contextRequired: !1
   });
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: r,
       className: o(
         "flex min-w-0 flex-1 flex-col gap-4",
-        s === "right" && "items-end text-end",
+        n === "right" && "items-end text-end",
         a
       ),
       ...e,
@@ -187,24 +187,24 @@ const E = ({
     }
   );
 };
-E.displayName = "CardContent";
-const F = ({
+F.displayName = "CardContent";
+const T = ({
   ref: r,
   children: t,
   className: a,
   ...e
 }) => {
-  const { align: s } = x({
+  const { align: n } = v({
     consumerName: "CardContentRow",
     contextRequired: !1
   });
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: r,
       className: o(
         "flex min-w-0 items-center gap-8",
-        s === "right" && "justify-end",
+        n === "right" && "justify-end",
         a
       ),
       ...e,
@@ -212,24 +212,24 @@ const F = ({
     }
   );
 };
-F.displayName = "CardContentRow";
-const T = ({
+T.displayName = "CardContentRow";
+const D = ({
   ref: r,
   children: t,
   className: a,
   ...e
 }) => {
-  const { disabled: s } = c({
+  const { disabled: n } = c({
     consumerName: "CardContentTitle",
     contextRequired: !1
   });
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: r,
       className: o(
         "truncate body-2-semi-bold",
-        s && "text-disabled",
+        n && "text-disabled",
         a
       ),
       ...e,
@@ -237,24 +237,24 @@ const T = ({
     }
   );
 };
-T.displayName = "CardContentTitle";
+D.displayName = "CardContentTitle";
 const j = ({
   ref: r,
   children: t,
   className: a,
   ...e
 }) => {
-  const { disabled: s } = c({
+  const { disabled: n } = c({
     consumerName: "CardContentDescription",
     contextRequired: !1
   });
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: r,
       className: o(
         "truncate body-3",
-        s ? "text-disabled" : "text-muted",
+        n ? "text-disabled" : "text-muted",
         a
       ),
       ...e,
@@ -263,23 +263,23 @@ const j = ({
   );
 };
 j.displayName = "CardContentDescription";
-const D = ({
+const P = ({
   ref: r,
   children: t,
   className: a,
   ...e
 }) => {
-  const { disabled: s } = c({
+  const { disabled: n } = c({
     consumerName: "CardTrailing",
     contextRequired: !1
   });
-  return /* @__PURE__ */ n(k, { value: { align: "right" }, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ s(R, { value: { align: "right" }, children: /* @__PURE__ */ s(
     "div",
     {
       ref: r,
       className: o(
         "flex shrink-0 items-center gap-12",
-        s && "text-disabled",
+        n && "text-disabled",
         a
       ),
       ...e,
@@ -287,31 +287,31 @@ const D = ({
     }
   ) });
 };
-D.displayName = "CardTrailing";
+P.displayName = "CardTrailing";
 const z = ({
   ref: r,
   children: t,
   className: a,
   ...e
 }) => {
-  const { disabled: s, footerExpanded: i } = c({
+  const { disabled: n, footerExpanded: i } = c({
     consumerName: "CardFooter",
     contextRequired: !1
   });
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ s(
     "div",
     {
       className: o(
         "grid flex-1 bg-muted-transparent transition-[grid-template-rows] duration-300",
         i ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
       ),
-      children: /* @__PURE__ */ n("div", { className: "overflow-hidden", children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ s("div", { className: "overflow-hidden", children: /* @__PURE__ */ s(
         "div",
         {
           ref: r,
           className: o(
             "flex w-full flex-col gap-8 px-12 py-10",
-            s && "text-disabled",
+            n && "text-disabled",
             a
           ),
           ...e,
@@ -322,12 +322,12 @@ const z = ({
   );
 };
 z.displayName = "CardFooter";
-const P = ({
+const V = ({
   ref: r,
   children: t,
   className: a,
   ...e
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ s(
   "div",
   {
     ref: r,
@@ -336,17 +336,17 @@ const P = ({
     children: t
   }
 );
-P.displayName = "CardFooterActions";
+V.displayName = "CardFooterActions";
 export {
-  q as Card,
-  E as CardContent,
+  H as Card,
+  F as CardContent,
   j as CardContentDescription,
-  F as CardContentRow,
-  T as CardContentTitle,
+  T as CardContentRow,
+  D as CardContentTitle,
   z as CardFooter,
-  P as CardFooterActions,
-  H as CardHeader,
-  A as CardLeading,
-  D as CardTrailing,
-  w as resolveCardInnerContext
+  V as CardFooterActions,
+  A as CardHeader,
+  E as CardLeading,
+  P as CardTrailing,
+  y as resolveCardInnerContext
 };

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: disabledProp, ...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;qEAMzB,oBAAoB;;CActB,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,14 +1,24 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useDisabledContext as n, cn as d } from "../../../libs/utils-shared/dist/index.js";
+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 c = l(
-  "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",
+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"
@@ -18,21 +28,25 @@ const c = l(
 ), u = ({
   ref: t,
   className: s,
-  iconType: i,
+  iconType: a,
+  appearance: i = "muted",
   disabled: r = !1,
-  ...a
+  ...o
 }) => {
-  const e = n({
+  const e = d({
     consumerName: "InteractiveIcon",
     mergeWith: { disabled: r }
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ n(
     "button",
     {
-      ...a,
+      ...o,
       ref: t,
       disabled: e,
-      className: d(s, c({ disabled: e, iconType: i }))
+      className: c(
+        s,
+        b({ disabled: e, iconType: a, appearance: i })
+      )
     }
   );
 };

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

@@ -10,6 +10,14 @@ export type InteractiveIconProps = {
      * 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.

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,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,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/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"}