@ledgerhq/lumen-ui-react 0.1.13 → 0.1.15

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

@@ -0,0 +1,98 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { cn as s } from "../../../libs/utils-shared/dist/index.js";
+import { useState as u, useEffect as v } from "react";
+import { useCommonTranslation as x } from "../../../i18n/useCommonTranslation.js";
+import { Close as N } from "../../Symbols/Icons/Close.js";
+import { InteractiveIcon as h } from "../InteractiveIcon/InteractiveIcon.js";
+const y = ({
+  ref: o,
+  imageUrl: a,
+  onClose: r,
+  closeAriaLabel: t,
+  children: l,
+  className: c,
+  ...m
+}) => {
+  const { t: d } = x(), [p, i] = u(!1);
+  v(() => {
+    i(!1);
+  }, [a]);
+  const f = a && !p;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: o,
+      className: s(
+        "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(
+          h,
+          {
+            type: "button",
+            iconType: "stroked",
+            appearance: "white",
+            className: "absolute top-8 right-8",
+            onClick: (b) => {
+              b.stopPropagation(), r();
+            },
+            "aria-label": t || d("components.banner.closeAriaLabel"),
+            children: /* @__PURE__ */ e(N, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+};
+y.displayName = "MediaBanner";
+const g = ({
+  ref: o,
+  children: a,
+  className: r,
+  ...t
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: o,
+    className: s("line-clamp-1 body-2-semi-bold text-base", r),
+    ...t,
+    children: a
+  }
+);
+g.displayName = "MediaBannerTitle";
+const B = ({
+  ref: o,
+  children: a,
+  className: r,
+  ...t
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: o,
+    className: s("line-clamp-2 body-3 text-muted", r),
+    ...t,
+    children: a
+  }
+);
+B.displayName = "MediaBannerDescription";
+export {
+  y as MediaBanner,
+  B as MediaBannerDescription,
+  g 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/Popover/Popover.d.ts

@@ -0,0 +1,57 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import { PopoverProps, PopoverTriggerProps, PopoverContentProps } from './types';
+/**
+ * The root component that manages the popover's open/closed state and
+ * provides configuration to child components via context.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-popover-overview--docs Storybook}
+ *
+ * @example
+ * import { Popover, PopoverTrigger, PopoverContent } from '@ledgerhq/lumen-ui-react';
+ *
+ * function MyComponent() {
+ *   return (
+ *     <Popover>
+ *       <PopoverTrigger render={<Button>Open</Button>} />
+ *       <PopoverContent sideOffset={4} align="start">
+ *         <p>Popover content</p>
+ *       </PopoverContent>} />
+ *     </Popover>
+ *   );
+ * }
+ */
+declare const Popover: <Payload>({ open, defaultOpen, onOpenChange, overlay, handle, children, }: PopoverProps<Payload>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A button that opens the popover.
+ * Use the `render` prop to compose with a custom component.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-popover-overview--docs Storybook}
+ */
+declare const PopoverTrigger: {
+    <Payload>({ handle, payload, render, className, ...props }: PopoverTriggerProps<Payload>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * The content panel of the popover. Internally renders the Portal,
+ * optional Backdrop, Positioner, and Popup.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-popover-overview--docs Storybook}
+ */
+declare const PopoverContent: ({ side, sideOffset, align, width, className, children, }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Creates a handle for connecting a `Popover` with detached `PopoverTrigger` components.
+ *
+ * @example
+ * const handle = createPopoverHandle<{ id: string }>();
+ *
+ * <PopoverTrigger handle={handle} payload={{ id: '123' }} render={<Button>Open</Button>} />
+ *
+ * <Popover handle={handle} render={({ payload }) => (
+ *   <PopoverContent>
+ *     <p>Item: {payload?.id}</p>
+ *   </PopoverContent>
+ * )} />
+ */
+declare const createPopoverHandle: typeof PopoverPrimitive.createHandle;
+export { Popover, PopoverTrigger, PopoverContent, createPopoverHandle };
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AA4CjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,EAAG,iEAOxB,YAAY,CAAC,OAAO,CAAC,4CAcvB,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,cAAc;KAAI,OAAO,oDAM5B,mBAAmB,CAAC,OAAO,CAAC;;CAS9B,CAAC;AAGF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,0DAOrB,mBAAmB,4CA8BrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,mBAAmB,sCAAgC,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/lib/Components/Popover/Popover.js

@@ -0,0 +1,126 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { createSafeContext as m, cn as p } from "../../../libs/utils-shared/dist/index.js";
+import { cva as l } from "class-variance-authority";
+import { createPopoverHandle as v } from "../../../node_modules/@base-ui/react/esm/popover/store/PopoverHandle.js";
+import { PopoverRoot as c } from "../../../node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js";
+import { PopoverTrigger as f } from "../../../node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js";
+import { PopoverPortal as u } from "../../../node_modules/@base-ui/react/esm/popover/portal/PopoverPortal.js";
+import { PopoverBackdrop as P } from "../../../node_modules/@base-ui/react/esm/popover/backdrop/PopoverBackdrop.js";
+import { PopoverPositioner as g } from "../../../node_modules/@base-ui/react/esm/popover/positioner/PopoverPositioner.js";
+import { PopoverPopup as h } from "../../../node_modules/@base-ui/react/esm/popover/popup/PopoverPopup.js";
+const [x, b] = m("Popover"), y = l(
+  ["overflow-hidden rounded-md bg-canvas-sheet p-16 outline-none", "shadow-xl"],
+  {
+    variants: {
+      width: {
+        hug: "",
+        fixed: "w-400"
+      },
+      side: {
+        top: [
+          "data-open:animate-slide-in-from-top",
+          "data-closed:animate-slide-out-to-top"
+        ],
+        bottom: [
+          "data-open:animate-slide-in-from-bottom",
+          "data-closed:animate-slide-out-to-bottom"
+        ],
+        left: [
+          "data-open:animate-slide-in-from-left",
+          "data-closed:animate-slide-out-to-left"
+        ],
+        right: [
+          "data-open:animate-slide-in-from-right",
+          "data-closed:animate-slide-out-to-right"
+        ]
+      }
+    },
+    defaultVariants: {
+      width: "hug"
+    }
+  }
+), C = p(
+  "fixed inset-0 z-dialog-overlay bg-canvas-overlay-subtle",
+  "data-open:animate-fade-in",
+  "data-closed:animate-fade-out"
+), B = ({
+  open: o,
+  defaultOpen: a,
+  onOpenChange: r,
+  overlay: e = !1,
+  handle: n,
+  children: i
+}) => /* @__PURE__ */ t(x, { value: { overlay: e }, children: /* @__PURE__ */ t(
+  c,
+  {
+    open: o,
+    defaultOpen: a,
+    onOpenChange: r,
+    modal: e,
+    handle: n,
+    children: i
+  }
+) }), N = ({
+  handle: o,
+  payload: a,
+  render: r,
+  className: e,
+  ...n
+}) => /* @__PURE__ */ t(
+  f,
+  {
+    "data-slot": "popover-trigger",
+    handle: o,
+    payload: a,
+    render: r,
+    className: p("data-popup-open:z-menu", e),
+    ...n
+  }
+);
+N.displayName = "PopoverTrigger";
+const O = ({
+  side: o = "bottom",
+  sideOffset: a = 8,
+  align: r = "start",
+  width: e = "hug",
+  className: n,
+  children: i
+}) => {
+  const { overlay: s } = b({
+    consumerName: "PopoverContent",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ d(u, { children: [
+    s && /* @__PURE__ */ t(
+      P,
+      {
+        "data-slot": "popover-overlay",
+        className: C
+      }
+    ),
+    /* @__PURE__ */ t(
+      g,
+      {
+        "data-slot": "popover-positioner",
+        className: "z-menu",
+        side: o,
+        sideOffset: a,
+        align: r,
+        children: /* @__PURE__ */ t(
+          h,
+          {
+            "data-slot": "popover-content",
+            className: p(y({ width: e, side: o }), n),
+            children: i
+          }
+        )
+      }
+    )
+  ] });
+}, V = v;
+export {
+  B as Popover,
+  O as PopoverContent,
+  N as PopoverTrigger,
+  V as createPopoverHandle
+};

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

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

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

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

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

@@ -0,0 +1,129 @@
+import { PopoverRootChangeEventDetails, Popover as PopoverNamespace } from '@base-ui/react/popover';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+type PopoverHandle<Payload> = PopoverNamespace.Handle<Payload>;
+export type PopoverWidth = 'hug' | 'fixed';
+export type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
+export type PopoverAlign = 'start' | 'center' | 'end';
+/**
+ * Props for the Popover root component.
+ *
+ * Groups all parts of the popover and provides configuration
+ * that flows down to child components via context.
+ */
+export type PopoverProps<Payload = unknown> = {
+    /**
+     * The controlled open state of the popover.
+     * Must be used in conjunction with `onOpenChange`.
+     */
+    open?: boolean;
+    /**
+     * The open state of the popover when it is initially rendered.
+     * Use when you do not need to control its open state.
+     *
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Event handler called when the open state changes.
+     *
+     * @param open - The new open state
+     * @param eventDetails - Additional details about the event that caused the change
+     */
+    onOpenChange?: (open: boolean, eventDetails: PopoverRootChangeEventDetails) => void;
+    /**
+     * Whether to show a backdrop overlay and block outside interactions.
+     * When `false`, no overlay is rendered and users can interact with the rest of the page.
+     * When `true`, renders a visual overlay and sets the popover to modal mode
+     * (disables scrolling and pointer events on elements behind the overlay).
+     *
+     * @default false
+     */
+    overlay?: boolean;
+    /**
+     * A handle to associate the popover with a detached trigger.
+     * Created via `createPopoverHandle()`.
+     */
+    handle?: PopoverHandle<Payload>;
+    /**
+     * The content of the popover. Can be a regular React node or a render function
+     * that receives the `payload` from the active trigger.
+     */
+    children?: ReactNode | ((arg: {
+        payload: Payload | undefined;
+    }) => ReactNode);
+};
+/**
+ * Props for the PopoverTrigger component.
+ * Use the `render` prop to compose with a custom component.
+ */
+export type PopoverTriggerProps<Payload = unknown> = {
+    /**
+     * A handle to associate this trigger with a popover defined elsewhere.
+     * Created via `createPopoverHandle()`.
+     */
+    handle?: PopoverHandle<Payload>;
+    /**
+     * A payload to pass to the popover when it is opened.
+     * Accessible through the render function children of `Popover`.
+     */
+    payload?: Payload;
+    /**
+     * Render function that replaces the default button-style trigger.
+     *
+     * @example render={<Button {...props} label="Label" />}
+     * @example render={(props) => <Button {...props} label="Label" />}
+     */
+    render?: PopoverNamespace.Trigger.Props['render'];
+} & Omit<ComponentPropsWithRef<'button'>, 'children'>;
+/**
+ * Props for the PopoverContent component.
+ *
+ * Renders the popover popup panel with Portal, optional Backdrop,
+ * Positioner, and Popup internally.
+ */
+export type PopoverContentProps = {
+    /**
+     * The preferred side of the trigger to position the popover against.
+     * May automatically change to avoid collisions.
+     *
+     * @default 'bottom'
+     */
+    side?: PopoverSide;
+    /**
+     * The distance in pixels from the trigger.
+     *
+     * @default 8
+     */
+    sideOffset?: number;
+    /**
+     * The preferred alignment against the trigger.
+     * May change when collisions occur.
+     *
+     * @default 'start'
+     */
+    align?: PopoverAlign;
+    /**
+     * The width behavior of the popover content panel.
+     * - `'hug'`: Content-fit width (default), define custom width with the `className` prop
+     * - `'fixed'`: Always exactly 400px width
+     *
+     * @default 'hug'
+     */
+    width?: PopoverWidth;
+    /**
+     * Additional CSS class names to apply to the popup panel.
+     */
+    className?: string;
+    /**
+     * The content to display inside the popover panel.
+     */
+    children?: ReactNode;
+};
+/**
+ * Internal context value passed from Popover root to PopoverContent.
+ */
+export type PopoverContextValue = {
+    overlay: boolean;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,6BAA6B,EAC7B,OAAO,IAAI,gBAAgB,EAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,KAAK,aAAa,CAAC,OAAO,IAAI,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,MAAM,YAAY,CAAC,OAAO,GAAG,OAAO,IAAI;IAC5C;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,6BAA6B,KACxC,IAAI,CAAC;IAEV;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE;QAAE,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;CAC/E,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,mBAAmB,CAAC,OAAO,GAAG,OAAO,IAAI;IACnD;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAEhC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;CACnD,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC"}

package/dist/lib/Components/Tag/Tag.js

@@ -1,8 +1,8 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { useDisabledContext as b, cn as g } from "../../../libs/utils-shared/dist/index.js";
-import { cva as x } from "class-variance-authority";
-const u = x(
-  "inline-flex items-center justify-center gap-4 rounded-xs",
+import { cva as u } from "class-variance-authority";
+const x = u(
+  "inline-flex items-center justify-center gap-4 truncate rounded-xs",
   {
     variants: {
       appearance: {
@@ -48,12 +48,12 @@ const u = x(
   return /* @__PURE__ */ p(
     "div",
     {
-      className: g(n, u({ appearance: r, size: e, disabled: m })),
+      className: g(n, x({ appearance: r, size: e, disabled: m })),
       ref: s,
       ...o,
       children: [
         a && /* @__PURE__ */ t(a, { size: l, className: "shrink-0" }),
-        /* @__PURE__ */ t("span", { children: i })
+        /* @__PURE__ */ t("span", { className: "truncate", children: i })
       ]
     }
   );

package/dist/lib/Components/Tooltip/Tooltip.js

@@ -3,7 +3,7 @@ import { cn as s } from "../../../libs/utils-shared/dist/index.js";
 import * as e from "@radix-ui/react-tooltip";
 import { cva as d } from "class-variance-authority";
 const m = d(
-  "z-tooltip w-fit rounded-xs bg-interactive px-8 py-4 body-3 text-balance text-on-interactive select-none",
+  "z-tooltip w-fit rounded-xs bg-interactive px-8 py-4 body-3 text-on-interactive select-none",
   {
     variants: {
       side: {

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

@@ -16,9 +16,11 @@ 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 './Popover';
 export * from './PageIndicator';
 export * from './SearchInput';
 export * from './SegmentedControl';

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,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"}
+{"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,WAAW,CAAC;AAC1B,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/Csv.js

@@ -1,8 +1,8 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import a from "../../Components/Icon/createIcon.js";
-const h = a(
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import o from "../../Components/Icon/createIcon.js";
+const h = o(
   "Csv",
-  /* @__PURE__ */ o(
+  /* @__PURE__ */ a(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -25,7 +25,7 @@ const h = a(
           "path",
           {
             fill: "currentColor",
-            d: "M1.86 13.656a.467.467 0 0 1 .641.156.13.13 0 0 0 .043.044q.015.01.04.01h.426a.08.08 0 0 0 .079-.078.08.08 0 0 0-.062-.078l-.728-.183a1.012 1.012 0 0 1 .247-1.994h.426c.39 0 .704.217.878.502a.467.467 0 0 1-.797.486.13.13 0 0 0-.042-.044.1.1 0 0 0-.039-.01h-.426a.079.079 0 0 0-.02.155l.73.183A1.012 1.012 0 0 1 3.01 14.8h-.426c-.391 0-.705-.217-.879-.503a.467.467 0 0 1 .156-.64m2.34.01v-1c0-.625.507-1.133 1.133-1.133H6a.467.467 0 0 1 0 .934h-.667a.2.2 0 0 0-.2.2v1c0 .11.09.2.2.2H6a.467.467 0 0 1 0 .933h-.667A1.134 1.134 0 0 1 4.2 13.667m5.01-2.115c.248.07.392.327.323.575l-.656 2.334a.47.47 0 0 1-.45.34H7.99a.47.47 0 0 1-.45-.34l-.656-2.334a.467.467 0 0 1 .899-.252l.425 1.514.426-1.514a.467.467 0 0 1 .576-.323"
+            d: "M4.483 13.656a.467.467 0 0 1 .641.156q.022.034.043.044.015.01.04.01h.426a.08.08 0 0 0 .079-.078.08.08 0 0 0-.062-.078l-.728-.183a1.013 1.013 0 0 1 .247-1.994h.426c.39 0 .704.217.878.502a.467.467 0 0 1-.797.486.13.13 0 0 0-.042-.044.1.1 0 0 0-.039-.01H5.17a.079.079 0 0 0-.02.155l.73.183a1.012 1.012 0 0 1-.246 1.995h-.427c-.39 0-.705-.217-.878-.503a.467.467 0 0 1 .155-.64m4.727-2.105c.248.07.392.327.323.575l-.656 2.334a.47.47 0 0 1-.45.34H7.99a.47.47 0 0 1-.45-.34l-.656-2.334a.467.467 0 0 1 .899-.252l.425 1.514.426-1.514a.467.467 0 0 1 .576-.323M1.538 12.667v1c0 .626.508 1.133 1.134 1.133h.666a.467.467 0 0 0 0-.934h-.666a.2.2 0 0 1-.2-.2v-1c0-.11.09-.2.2-.2h.666a.467.467 0 0 0 0-.933h-.666c-.626 0-1.134.508-1.134 1.134"
           }
         )
       ]

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

@@ -0,0 +1,29 @@
+/**
+ * TriangleDown 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:TriangleDown 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 { TriangleDown } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <TriangleDown />
+ *
+ * @example
+ * // With custom size and className
+ * <TriangleDown size={40} className="text-warning" />
+ */
+export declare const TriangleDown: {
+    ({ ref, className, disabled, ...props }: Omit<import('../../Components/Icon').IconProps, "children">): import('react').FunctionComponentElement<import('../../Components/Icon').IconProps>;
+    displayName: string;
+};
+//# sourceMappingURL=TriangleDown.d.ts.map

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

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

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

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "../../Components/Icon/createIcon.js";
+const i = o(
+  "TriangleDown",
+  /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "currentColor",
+      viewBox: "0 0 16 16",
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M13.038 5.347 8.82 12.06a1 1 0 0 1-1.696-.004L2.95 5.343a1 1 0 0 1 .85-1.528h8.39a1 1 0 0 1 .848 1.532"
+        }
+      )
+    }
+  )
+);
+export {
+  i as TriangleDown
+};

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

@@ -0,0 +1,29 @@
+/**
+ * TriangleUp 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:TriangleUp 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 { TriangleUp } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <TriangleUp />
+ *
+ * @example
+ * // With custom size and className
+ * <TriangleUp size={40} className="text-warning" />
+ */
+export declare const TriangleUp: {
+    ({ ref, className, disabled, ...props }: Omit<import('../../Components/Icon').IconProps, "children">): import('react').FunctionComponentElement<import('../../Components/Icon').IconProps>;
+    displayName: string;
+};
+//# sourceMappingURL=TriangleUp.d.ts.map