@ledgerhq/lumen-ui-react 0.1.12 → 0.1.14

package/dist/lib/Components/MediaBanner/MediaBanner.js

@@ -0,0 +1,96 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { cn as o } from "../../../libs/utils-shared/dist/index.js";
+import { useState as b, useEffect as u } from "react";
+import { useCommonTranslation as v } from "../../../i18n/useCommonTranslation.js";
+import { Close as x } from "../../Symbols/Icons/Close.js";
+import { InteractiveIcon as N } from "../InteractiveIcon/InteractiveIcon.js";
+const h = ({
+  ref: s,
+  imageUrl: a,
+  onClose: r,
+  closeAriaLabel: t,
+  children: l,
+  className: c,
+  ...m
+}) => {
+  const { t: d } = v(), [p, i] = b(!1);
+  u(() => {
+    i(!1);
+  }, [a]);
+  const f = a && !p;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: s,
+      className: o(
+        "relative flex h-72 flex-row overflow-hidden rounded-md bg-surface",
+        c
+      ),
+      ...m,
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex flex-1 items-center px-12 py-2", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 py-12", children: l }) }),
+        /* @__PURE__ */ n("div", { className: "relative w-128", children: [
+          f && /* @__PURE__ */ e(
+            "img",
+            {
+              src: a,
+              alt: "",
+              "aria-hidden": !0,
+              className: "absolute inset-0 size-full object-cover",
+              onError: () => i(!0)
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-linear-[45deg] from-black/0 from-67% to-black/80" })
+        ] }),
+        r && /* @__PURE__ */ e(
+          N,
+          {
+            type: "button",
+            iconType: "stroked",
+            appearance: "white",
+            className: "absolute top-8 right-8",
+            onClick: () => r(),
+            "aria-label": t || d("components.banner.closeAriaLabel"),
+            children: /* @__PURE__ */ e(x, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+};
+h.displayName = "MediaBanner";
+const y = ({
+  ref: s,
+  children: a,
+  className: r,
+  ...t
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: s,
+    className: o("line-clamp-1 body-2-semi-bold text-base", r),
+    ...t,
+    children: a
+  }
+);
+y.displayName = "MediaBannerTitle";
+const g = ({
+  ref: s,
+  children: a,
+  className: r,
+  ...t
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: s,
+    className: o("line-clamp-2 body-3 text-muted", r),
+    ...t,
+    children: a
+  }
+);
+g.displayName = "MediaBannerDescription";
+export {
+  h as MediaBanner,
+  g as MediaBannerDescription,
+  y as MediaBannerTitle
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaBanner/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,53 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+/**
+ * Props for the MediaBanner root component.
+ */
+export type MediaBannerProps = {
+    /**
+     * URL of the background image displayed on the right side.
+     */
+    imageUrl: string;
+    /**
+     * Optional close action callback.
+     */
+    onClose?: () => void;
+    /**
+     * Optional aria label for the close button.
+     */
+    closeAriaLabel?: string;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+    /**
+     * The banner content (MediaBannerTitle, MediaBannerDescription).
+     */
+    children: ReactNode;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+/**
+ * Props for the MediaBannerTitle component.
+ */
+export type MediaBannerTitleProps = {
+    /**
+     * The title text content.
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+/**
+ * Props for the MediaBannerDescription component.
+ */
+export type MediaBannerDescriptionProps = {
+    /**
+     * The description text content.
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaBanner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;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,2BAA2B,GAAG;IACxC;;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/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"}

package/dist/lib/Components/MediaCard/MediaCard.js

@@ -0,0 +1,128 @@
+import { jsxs as m, jsx as e, Fragment as h } from "react/jsx-runtime";
+import { cn as c, getButtonA11yProps as y } from "../../../libs/utils-shared/dist/index.js";
+import { cva as a } from "class-variance-authority";
+import { useState as x, useEffect as N } from "react";
+import { Close as w } from "../../Symbols/Icons/Close.js";
+import { useCommonTranslation as z } from "../../../i18n/useCommonTranslation.js";
+import { InteractiveIcon as C } from "../InteractiveIcon/InteractiveIcon.js";
+const o = {
+  root: a(
+    [
+      "group relative overflow-hidden rounded-md",
+      "flex h-[164px] w-full flex-col items-start justify-end p-12",
+      "bg-muted text-left"
+    ],
+    {
+      variants: {
+        interactive: {
+          true: [
+            "cursor-pointer",
+            "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus"
+          ]
+        }
+      }
+    }
+  ),
+  image: a(["absolute inset-0", "size-full object-cover"]),
+  overlay: a([
+    "absolute inset-0 size-full",
+    "transition-colors",
+    "group-hover:bg-muted-transparent-hover",
+    "group-[:active:not(:has(button:active))]:bg-muted-transparent-pressed"
+  ]),
+  content: a("isolate flex flex-col items-start gap-8"),
+  title: a("line-clamp-3 heading-3-semi-bold text-white")
+}, j = () => /* @__PURE__ */ m(h, { children: [
+  /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: "pointer-events-none absolute inset-x-0 bottom-0 h-3/4 bg-linear-to-t from-gradient-overlay-80 to-gradient-overlay-0"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: "pointer-events-none absolute inset-y-0 right-0 size-full bg-linear-[45deg] from-gradient-overlay-0 from-70% to-gradient-overlay-80"
+    }
+  )
+] }), E = ({
+  ref: i,
+  className: t,
+  children: s,
+  ...r
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: i,
+    className: c(o.title(), t),
+    ...r,
+    children: s
+  }
+);
+E.displayName = "MediaCardTitle";
+const I = ({
+  ref: i,
+  imageUrl: t,
+  children: s,
+  onClick: r,
+  onClose: l,
+  closeAriaLabel: u,
+  className: p,
+  ...f
+}) => {
+  const { t: v } = z(), [g, d] = x(!1), b = t && !g;
+  return N(() => {
+    d(!1);
+  }, [t]), /* @__PURE__ */ m(
+    "div",
+    {
+      ...y({ onClick: r }),
+      className: c(
+        o.root({ interactive: !!r }),
+        p
+      ),
+      ref: i,
+      ...f,
+      children: [
+        b && /* @__PURE__ */ e(
+          "img",
+          {
+            src: t,
+            alt: "",
+            className: o.image(),
+            "aria-hidden": "true",
+            loading: "lazy",
+            onError: () => d(!0)
+          }
+        ),
+        /* @__PURE__ */ e(j, {}),
+        /* @__PURE__ */ e("div", { "aria-hidden": "true", className: o.overlay() }),
+        /* @__PURE__ */ e("div", { className: o.content(), children: s }),
+        l && /* @__PURE__ */ e(
+          C,
+          {
+            type: "button",
+            iconType: "stroked",
+            appearance: "white",
+            "aria-label": u || v("common.closeAriaLabel"),
+            className: "absolute top-12 right-12 z-10",
+            onClick: (n) => {
+              n.stopPropagation(), l();
+            },
+            onKeyDown: (n) => {
+              n.stopPropagation();
+            },
+            children: /* @__PURE__ */ e(w, { size: 20 })
+          }
+        )
+      ]
+    }
+  );
+};
+I.displayName = "MediaCard";
+export {
+  I as MediaCard,
+  E as MediaCardTitle
+};

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

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

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

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

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

@@ -0,0 +1,30 @@
+import { ComponentPropsWithRef, MouseEventHandler, ReactNode } from 'react';
+export type MediaCardProps = {
+    /**
+     * The source URL for the background image.
+     */
+    imageUrl: string;
+    /**
+     * The card content — typically a `MediaCardTitle` and optional
+     * leading content such as tags or icons.
+     */
+    children: ReactNode;
+    /**
+     * Callback fired when the card is pressed.
+     */
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    /**
+     * Callback fired when the close button is pressed.
+     */
+    onClose?: () => void;
+    /**
+     * Aria label for the close button.
+     */
+    closeAriaLabel?: string;
+    /**
+     * Additional CSS classes for the card.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'onClick'>;
+export type MediaCardTitleProps = ComponentPropsWithRef<'div'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { SelectProps, SelectTriggerProps, SelectContentProps, SelectGroupProps, SelectLabelProps, SelectItemTextProps, SelectItemProps, SelectSeparatorProps, SelectButtonTriggerProps } from './types';
+import { SelectProps, SelectTriggerProps, SelectContentProps, SelectGroupProps, SelectLabelProps, SelectItemTextProps, SelectItemProps, SelectSeparatorProps, SelectTriggerButtonProps } from './types';
 declare function Select({ value, defaultValue, onValueChange, disabled: disabledProp, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ ...props }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
 declare const SelectTrigger: {
@@ -25,6 +25,6 @@ declare const SelectItemText: {
     ({ ref, className, ...props }: SelectItemTextProps): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
 };
-declare const SelectButtonTrigger: ({ selectedValue, selectedContent, label, ...props }: SelectButtonTriggerProps) => import("react/jsx-runtime").JSX.Element;
-export { Select, SelectGroup, SelectTrigger, SelectContent, SelectLabel, SelectItemText, SelectItem, SelectSeparator, SelectButtonTrigger, };
+declare const SelectTriggerButton: ({ selectedValue, selectedContent, label, ...props }: SelectTriggerButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { Select, SelectGroup, SelectTrigger, SelectContent, SelectLabel, SelectItemText, SelectItem, SelectSeparator, SelectTriggerButton, };
 //# sourceMappingURL=Select.d.ts.map

package/dist/lib/Components/Select/Select.js

@@ -6,7 +6,7 @@ import { SelectProvider as f, useSelectContext as b } from "./SelectContext.js";
 import { useControllableState as h } from "../../../utils/useControllableState/useControllableState.js";
 import { Check as x } from "../../Symbols/Icons/Check.js";
 import { Divider as y } from "../Divider/Divider.js";
-import { ButtonTrigger as S } from "../ButtonTrigger/ButtonTrigger.js";
+import { TriggerButton as S } from "../TriggerButton/TriggerButton.js";
 import { ChevronDown as u } from "../../Symbols/Icons/ChevronDown.js";
 import { ChevronUp as N } from "../../Symbols/Icons/ChevronUp.js";
 function M({
@@ -259,12 +259,12 @@ const Q = ({
 }) => /* @__PURE__ */ e(S, { ...s, children: t ? a : r });
 export {
   M as Select,
-  Q as SelectButtonTrigger,
   z as SelectContent,
   O as SelectGroup,
   D as SelectItem,
   k as SelectItemText,
   j as SelectLabel,
   P as SelectSeparator,
-  T as SelectTrigger
+  T as SelectTrigger,
+  Q as SelectTriggerButton
 };

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

@@ -1,3 +1,3 @@
 export * from './Select';
-export type { SelectProps, SelectTriggerProps, SelectTriggerRenderProps, SelectContentProps, SelectGroupProps, SelectLabelProps, SelectItemTextProps, SelectItemProps, SelectSeparatorProps, SelectButtonTriggerProps, } from './types';
+export type { SelectProps, SelectTriggerProps, SelectTriggerRenderProps, SelectContentProps, SelectGroupProps, SelectLabelProps, SelectItemTextProps, SelectItemProps, SelectSeparatorProps, SelectTriggerButtonProps, } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
-import { ButtonTriggerProps } from '../ButtonTrigger';
+import { TriggerButtonProps } from '../TriggerButton';
 type Direction = 'ltr' | 'rtl';
 type PointerDownOutsideEvent = CustomEvent<{
     originalEvent: PointerEvent;
@@ -73,9 +73,9 @@ export type SelectTriggerProps = {
      * Render function that replaces the default input-style trigger.
      * When provided, `SelectPrimitive.Trigger` renders with `asChild` and
      * delegates rendering to this function.
-     * Can be a preset component (e.g. `SelectButtonTrigger`) or a custom render function.
+     * Can be a preset component (e.g. `SelectTriggerButton`) or a custom render function.
      *
-     * @example render={(props) => <SelectButtonTrigger {...props} label="Label" />}
+     * @example render={(props) => <SelectTriggerButton {...props} label="Label" />}
      * @example render={({ selectedValue, selectedContent }) => <MyTrigger />}
      */
     render?: (props: SelectTriggerRenderProps) => ReactElement;
@@ -253,7 +253,7 @@ export type SelectSeparatorProps = {
      */
     className?: string;
 } & ComponentPropsWithRef<'div'>;
-export type SelectButtonTriggerProps = SelectTriggerRenderProps & Omit<ButtonTriggerProps, 'children'> & {
+export type SelectTriggerButtonProps = SelectTriggerRenderProps & Omit<TriggerButtonProps, 'children'> & {
     /**
      * The label displayed when no value is selected.
      * Once a value is selected, it is replaced by the selected item's content.

package/dist/lib/Components/{ButtonTrigger/ButtonTrigger.d.ts → TriggerButton/TriggerButton.d.ts}

@@ -1,4 +1,4 @@
-import { ButtonTriggerProps } from './types';
+import { TriggerButtonProps } from './types';
 /**
  * Trigger button for select/dropdown components. Displays a label with an optional
  * leading icon and a trailing chevron indicator.
@@ -10,24 +10,24 @@ import { ButtonTriggerProps } from './types';
  * @see {@link https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=6389-45680 Figma}
  *
  * @example
- * import { ButtonTrigger } from '@ledgerhq/lumen-ui-react';
+ * import { TriggerButton } from '@ledgerhq/lumen-ui-react';
  * import { Settings } from '@ledgerhq/lumen-ui-react/symbols';
  *
  * // With flat interface icon
- * <ButtonTrigger icon={<Settings size={20} />} iconType="flat">
+ * <TriggerButton icon={<Settings size={20} />} iconType="flat">
  *   Network
- * </ButtonTrigger>
+ * </TriggerButton>
  *
  * // With rounded crypto icon
- * <ButtonTrigger icon={<CryptoIcon ledgerId="bitcoin" size="32px" />} iconType="rounded">
+ * <TriggerButton icon={<CryptoIcon ledgerId="bitcoin" size="32px" />} iconType="rounded">
  *   Bitcoin
- * </ButtonTrigger>
+ * </TriggerButton>
  *
  * // Without icon
- * <ButtonTrigger>All accounts</ButtonTrigger>
+ * <TriggerButton>All accounts</TriggerButton>
  */
-export declare const ButtonTrigger: {
-    ({ ref, className, appearance, size, disabled: disabledProp, asChild, icon, iconType, children, ...props }: ButtonTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare const TriggerButton: {
+    ({ ref, className, appearance, size, disabled: disabledProp, asChild, icon, iconType, children, ...props }: TriggerButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-//# sourceMappingURL=ButtonTrigger.d.ts.map
+//# sourceMappingURL=TriggerButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TriggerButton/TriggerButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA4BlD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa;gHAWvB,kBAAkB;;CAmCpB,CAAC"}

package/dist/lib/Components/{ButtonTrigger/ButtonTrigger.js → TriggerButton/TriggerButton.js}

@@ -41,7 +41,7 @@ const N = b("gap-8 body-2-semi-bold", {
   ...d
 }) => {
   const a = f({
-    consumerName: "ButtonTrigger",
+    consumerName: "TriggerButton",
     mergeWith: { disabled: m }
   }), y = s ? c : "none";
   return /* @__PURE__ */ t(
@@ -70,7 +70,7 @@ const N = b("gap-8 body-2-semi-bold", {
     }
   );
 };
-h.displayName = "ButtonTrigger";
+h.displayName = "TriggerButton";
 export {
-  h as ButtonTrigger
+  h as TriggerButton
 };

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

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

package/dist/lib/Components/{ButtonTrigger → TriggerButton}/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ButtonTrigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TriggerButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,cAAc,SAAS,CAAC"}

package/dist/lib/Components/{ButtonTrigger → TriggerButton}/types.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
 import { BaseButtonProps } from '../Button/types';
-export type ButtonTriggerProps = {
+export type TriggerButtonProps = {
     /**
      * The visual style of the trigger button.
      * @default 'gray'

package/dist/lib/Components/{ButtonTrigger → TriggerButton}/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ButtonTrigger/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,eAAe,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC,GAC7D,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TriggerButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,eAAe,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC,GAC7D,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -16,13 +16,15 @@ export * from './IconButton';
 export * from './InteractiveIcon';
 export * from './Link';
 export * from './ListItem';
+export * from './MediaBanner';
+export * from './MediaCard';
 export * from './Menu';
 export * from './NavBar';
 export * from './PageIndicator';
 export * from './SearchInput';
 export * from './SegmentedControl';
 export * from './Select';
-export * from './ButtonTrigger';
+export * from './TriggerButton';
 export * from './SideBar';
 export * from './Skeleton';
 export * from './Spinner';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}

package/dist/lib/Symbols/Icons/NanoGen5.d.ts

@@ -0,0 +1,29 @@
+/**
+ * NanoGen5 icon component.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props and additional
+ * size variants defined in the Icon component.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:NanoGen5 Storybook}
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon.
+ * @param {React.SVGProps<SVGSVGElement>} [...props] - All standard SVG element props.
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { NanoGen5 } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <NanoGen5 />
+ *
+ * @example
+ * // With custom size and className
+ * <NanoGen5 size={40} className="text-warning" />
+ */
+export declare const NanoGen5: {
+    ({ ref, className, disabled, ...props }: Omit<import('../../Components/Icon').IconProps, "children">): import('react').FunctionComponentElement<import('../../Components/Icon').IconProps>;
+    displayName: string;
+};
+//# sourceMappingURL=NanoGen5.d.ts.map

package/dist/lib/Symbols/Icons/NanoGen5.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NanoGen5.d.ts","sourceRoot":"","sources":["../../../../src/lib/Symbols/Icons/NanoGen5.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ;;;CAgBpB,CAAC"}

package/dist/lib/Symbols/Icons/NanoGen5.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import o from "../../Components/Icon/createIcon.js";
+const c = o(
+  "NanoGen5",
+  /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "currentColor",
+      viewBox: "0 0 16 16",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M11 1.333c.92 0 1.667.747 1.667 1.667v.333c.184 0 .333.15.333.334v1.666a.334.334 0 0 1-.266.327l-.067.007V13c0 .92-.746 1.667-1.667 1.667H5c-.92 0-1.667-.746-1.667-1.667V3c0-.92.747-1.667 1.667-1.667zM9.667 12.667a.667.667 0 0 0 0 1.333H11a.667.667 0 0 0 0-1.333zM5 2.333A.667.667 0 0 0 4.333 3v8c0 .368.299.667.667.667h6a.667.667 0 0 0 .667-.667V3A.667.667 0 0 0 11 2.333z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  )
+);
+export {
+  c as NanoGen5
+};

package/dist/lib/Symbols/index.d.ts

@@ -164,6 +164,7 @@ export { Moon } from './Icons/Moon';
 export { MoreHorizontal } from './Icons/MoreHorizontal';
 export { MoreVertical } from './Icons/MoreVertical';
 export { Nano } from './Icons/Nano';
+export { NanoGen5 } from './Icons/NanoGen5';
 export { NetworkWarning } from './Icons/NetworkWarning';
 export { Nfc } from './Icons/Nfc';
 export { Nft } from './Icons/Nft';