@ledgerhq/lumen-ui-react 0.0.64 → 0.0.66

package/dist/lib/Components/Subheader/Subheader.js

@@ -1,39 +1,69 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { cn as p } from "../../../libs/utils-shared/dist/index.js";
-import o from "react";
-const a = ({ children: e }) => /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center", children: e }), c = ({ children: e }) => /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center", children: e }), h = ({
+import { jsx as r } from "react/jsx-runtime";
+import { cn as a } from "../../../libs/utils-shared/dist/index.js";
+import s from "react";
+import { Information as i } from "../../Symbols/Icons/Information.js";
+import { ChevronRight as c } from "../../Symbols/Icons/ChevronRight.js";
+import { InteractiveIcon as m } from "../InteractiveIcon/InteractiveIcon.js";
+const S = ({ children: e }) => /* @__PURE__ */ r("h2", { className: "min-w-0 truncate heading-4-semi-bold", children: e }), N = ({
+  children: e,
+  onClick: t,
+  className: n,
+  ...o
+}) => /* @__PURE__ */ r(
+  t ? "button" : "div",
+  {
+    className: a(
+      "flex items-center gap-4",
+      t && "cursor-pointer",
+      n
+    ),
+    onClick: t,
+    ...o,
+    children: e
+  }
+), y = ({ value: e, format: t }) => {
+  const n = t ? t(e) : `(${e})`;
+  return /* @__PURE__ */ r("span", { className: "shrink-0 body-2 text-muted", children: n });
+}, d = s.forwardRef(({ iconType: e = "stroked", className: t, ...n }, o) => /* @__PURE__ */ r("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ r(
+  m,
+  {
+    ref: o,
+    iconType: e,
+    className: t,
+    "aria-label": "More information",
+    ...n,
+    children: /* @__PURE__ */ r(i, { size: 16 })
+  }
+) }));
+d.displayName = "SubheaderInfo";
+const I = ({ className: e }) => /* @__PURE__ */ r("span", { className: a("shrink-0 self-center text-muted", e), children: /* @__PURE__ */ r(c, { size: 16 }) }), g = ({
+  children: e
+}) => /* @__PURE__ */ r("p", { className: "body-3 text-muted", children: e }), v = ({
+  children: e,
+  onClick: t,
+  className: n,
+  ...o
+}) => /* @__PURE__ */ r(
+  "button",
+  {
+    type: "button",
+    onClick: t,
+    className: a("ml-auto shrink-0 pl-8 body-2 text-interactive", n),
+    ...o,
+    children: e
+  }
+), w = ({
   className: e,
-  title: m,
-  children: f,
-  ...d
-}) => {
-  const l = o.Children.toArray(f), t = l.filter(
-    (n) => o.isValidElement(n) && n.type === a
-  ), r = l.filter(
-    (n) => o.isValidElement(n) && n.type === c
-  );
-  if (t.length > 1)
-    throw new Error("Subheader can only have one Info slot");
-  if (r.length > 1)
-    throw new Error("Subheader can only have one Action slot");
-  const u = t.length > 0 ? t[0] : null, S = r.length > 0 ? r[0] : null;
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: p("flex items-center justify-between gap-8", e),
-      ...d,
-      children: [
-        /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ i("h2", { className: "min-w-0 truncate heading-5-semi-bold", children: m }),
-          u
-        ] }),
-        S
-      ]
-    }
-  );
-};
-h.Info = a;
-h.Action = c;
+  children: t,
+  ...n
+}) => /* @__PURE__ */ r("div", { className: a("flex flex-col gap-4", e), ...n, children: t });
 export {
-  h as Subheader
+  w as Subheader,
+  v as SubheaderAction,
+  y as SubheaderCount,
+  g as SubheaderDescription,
+  d as SubheaderInfo,
+  N as SubheaderRow,
+  I as SubheaderShowMore,
+  S as SubheaderTitle
 };

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

@@ -1,3 +1,3 @@
-export { Subheader } from './Subheader';
+export { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription, SubheaderAction, } from './Subheader';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,GAChB,MAAM,aAAa,CAAC;AACrB,cAAc,SAAS,CAAC"}

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

@@ -1,17 +1,63 @@
 export type SubheaderProps = {
     /**
-     * The title of the subheader.
-     */
-    title: string;
-    /**
-     * The children of the subheader, which can include Subheader.Info and Subheader.Action slots.
+     * The children of the subheader, which should include SubheaderRow, SubheaderTitle, SubheaderDescription, etc.
      */
     children?: React.ReactNode;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
-export type SubheaderInfoProps = {
+export type SubheaderRowProps = {
+    /**
+     * The children of the subheader row.
+     */
+    children: React.ReactNode;
+    /**
+     * Optional click handler to make the row interactive.
+     */
+    onClick?: () => void;
+} & Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'onClick'>;
+export type SubheaderTitleProps = {
+    /**
+     * The title text of the subheader.
+     */
+    children: string;
+};
+export type SubheaderCountProps = {
+    /**
+     * The count value to display.
+     */
+    value: number;
+    /**
+     * Optional formatter function to customize the display.
+     * Defaults to (n) => `(${n})`
+     */
+    format?: (value: number) => string;
+};
+export type SubheaderInfoProps = Omit<React.ComponentProps<typeof import('../InteractiveIcon').InteractiveIcon>, 'children' | 'iconType'> & {
+    /**
+     * The visual style of the icon button.
+     * Defaults to 'stroked'.
+     */
+    iconType?: 'filled' | 'stroked';
+};
+export type SubheaderDescriptionProps = {
+    /**
+     * The description text to display below the title row.
+     */
     children: React.ReactNode;
 };
 export type SubheaderActionProps = {
+    /**
+     * The action element to display (e.g., button text).
+     */
     children: React.ReactNode;
+    /**
+     * Click handler for the action.
+     */
+    onClick: () => void;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick'>;
+export type SubheaderShowMoreProps = {
+    /**
+     * Optional className for custom styling.
+     */
+    className?: string;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,cAAc,oBAAoB,EAAE,eAAe,CAAC,EACzE,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEhF,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

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

@@ -1,4 +1,5 @@
-import { TileContentProps, TileDescriptionProps, TileProps, TileSecondaryActionProps, TileSpotProps, TileTitleProps } from './types';
+import { MouseEventHandler } from 'react';
+import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps } from './types';
 /**
  * A flexible tile component that uses a composite pattern for maximum customization.
  * Displays content in a vertical layout with support for spots, text, and custom content.
@@ -26,10 +27,14 @@ import { TileContentProps, TileDescriptionProps, TileProps, TileSecondaryActionP
  *   <div>Custom content</div>
  * </Tile>
  */
-export declare const Tile: {
-    ({ className, onClick, appearance, disabled, "aria-label": ariaLabel, children, onMouseDown, onMouseUp, onMouseLeave, ...props }: TileProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const Tile: import('react').ForwardRefExoticComponent<{
+    appearance?: "no-background" | "card";
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    children: import('react').ReactNode;
+    className?: string;
+    'aria-label'?: string;
+} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "onClick"> & import('react').RefAttributes<HTMLDivElement>>;
 /**
  * A spot adapter for use within Tile. Automatically inherits the disabled state from the parent Tile.
  * Always renders at a fixed size of 48.
@@ -79,8 +84,9 @@ export declare const TileDescription: {
  *   </TileContent>
  * </Tile>
  */
-export declare const TileSecondaryAction: {
-    ({ onClick, icon, className, "aria-label": ariaLabel, ...props }: TileSecondaryActionProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+export declare const TileSecondaryAction: import('react').ForwardRefExoticComponent<{
+    onClick?: MouseEventHandler;
+    icon: React.ComponentType<Omit<import('../Icon').IconProps, "children">>;
+    className?: string;
+} & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Tile.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EACxB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAgEjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;sIAWd,SAAS;;CAqFX,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;sEAM7B,wBAAwB;;CAmC1B,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAc,iBAAiB,EAAyB,MAAM,OAAO,CAAC;AAG7E,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EAGpB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAgEjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;;;;;;;oHAsGhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;;;;0HAuC9B,CAAC"}

package/dist/lib/Components/Tile/Tile.js

@@ -1,11 +1,11 @@
-import { jsx as l, jsxs as k } from "react/jsx-runtime";
-import { extractSlottable as q, createSafeContext as C, cn as d } from "../../../libs/utils-shared/dist/index.js";
-import { cva as b } from "class-variance-authority";
-import { useState as I, useCallback as n } from "react";
-import { Spot as R } from "../Spot/Spot.js";
-import { InteractiveIcon as z } from "../InteractiveIcon/InteractiveIcon.js";
-const [V, u] = C("Tile"), v = {
-  root: b(
+import { jsx as s, jsxs as q } from "react/jsx-runtime";
+import { extractSlottable as C, createSafeContext as I, cn as u } from "../../../libs/utils-shared/dist/index.js";
+import { cva as v } from "class-variance-authority";
+import { forwardRef as x, useState as w, useCallback as d } from "react";
+import { Spot as z } from "../Spot/Spot.js";
+import { InteractiveIcon as V } from "../InteractiveIcon/InteractiveIcon.js";
+const [j, p] = I("Tile"), T = {
+  root: v(
     [
       "group relative flex flex-col items-center gap-8 text-base transition-colors",
       "rounded-md focus-visible:outline-2 focus-visible:outline-focus"
@@ -58,113 +58,116 @@ const [V, u] = C("Tile"), v = {
       }
     }
   ),
-  button: b(
+  button: v(
     "flex w-full cursor-pointer flex-col items-center gap-8 rounded-md px-8 py-12 focus-visible:outline-2 focus-visible:outline-focus"
   )
-}, j = ({
-  className: e,
-  onClick: i,
-  appearance: r = "no-background",
-  disabled: t = !1,
-  "aria-label": p,
-  children: m,
-  onMouseDown: o,
-  onMouseUp: c,
-  onMouseLeave: s,
-  ...x
-}) => {
-  const [y, f] = I(!1), { slotElement: N, remainingChildren: g } = q(
-    m,
-    T
-  ), h = n(
-    (a) => {
-      a.target.closest(
-        "[data-secondary-button-container]"
-      ) || (o == null || o(a), f(!0));
-    },
-    [o]
-  ), A = n(
-    (a) => {
-      f(!1), c == null || c(a);
-    },
-    [c]
-  ), S = n(
-    (a) => {
-      f(!1), s == null || s(a);
-    },
-    [s]
-  );
-  return /* @__PURE__ */ l(V, { value: { disabled: t }, children: /* @__PURE__ */ k(
-    "div",
-    {
-      ...x,
-      className: v.root({
-        appearance: r,
-        isActive: y,
-        disabled: t,
-        className: e
-      }),
-      onMouseDown: t ? void 0 : (a) => {
-        h(a);
+}, P = x(
+  ({
+    className: e,
+    onClick: i,
+    appearance: r = "no-background",
+    disabled: t = !1,
+    "aria-label": f,
+    children: m,
+    onMouseDown: l,
+    onMouseUp: o,
+    onMouseLeave: c,
+    ...n
+  }, N) => {
+    const [g, b] = w(!1), { slotElement: h, remainingChildren: A } = C(
+      m,
+      y
+    ), S = d(
+      (a) => {
+        a.target.closest(
+          "[data-secondary-button-container]"
+        ) || (l == null || l(a), b(!0));
       },
-      onMouseUp: t ? void 0 : (a) => {
-        A(a);
+      [l]
+    ), k = d(
+      (a) => {
+        b(!1), o == null || o(a);
       },
-      onMouseLeave: t ? void 0 : (a) => {
-        S(a);
+      [o]
+    ), R = d(
+      (a) => {
+        b(!1), c == null || c(a);
       },
-      children: [
-        /* @__PURE__ */ l(
-          "button",
-          {
-            "aria-label": p,
-            onClick: t ? void 0 : i,
-            disabled: t,
-            "data-disabled": t || void 0,
-            className: v.button(),
-            children: g
-          }
-        ),
-        N
-      ]
-    }
-  ) });
-};
-j.displayName = "Tile";
-const w = (e) => {
-  const { disabled: i } = u({
+      [c]
+    );
+    return /* @__PURE__ */ s(j, { value: { disabled: t }, children: /* @__PURE__ */ q(
+      "div",
+      {
+        ...n,
+        ref: N,
+        className: T.root({
+          appearance: r,
+          isActive: g,
+          disabled: t,
+          className: e
+        }),
+        onMouseDown: t ? void 0 : (a) => {
+          S(a);
+        },
+        onMouseUp: t ? void 0 : (a) => {
+          k(a);
+        },
+        onMouseLeave: t ? void 0 : (a) => {
+          R(a);
+        },
+        children: [
+          /* @__PURE__ */ s(
+            "button",
+            {
+              "aria-label": f,
+              onClick: t ? void 0 : i,
+              disabled: t,
+              "data-disabled": t || void 0,
+              className: T.button(),
+              children: A
+            }
+          ),
+          h
+        ]
+      }
+    ) });
+  }
+);
+P.displayName = "Tile";
+const D = (e) => {
+  const { disabled: i } = p({
     consumerName: "TileSpot",
     contextRequired: !0
   });
-  return /* @__PURE__ */ l(R, { ...e, size: 48, disabled: i });
+  return /* @__PURE__ */ s(z, { ...e, size: 48, disabled: i });
 };
-w.displayName = "TileSpot";
-const P = ({
+D.displayName = "TileSpot";
+const E = ({
   children: e,
   className: i,
   ...r
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: d("flex w-full flex-col items-center text-center", i),
+    className: u("flex w-full flex-col items-center text-center", i),
     ...r,
     children: e
   }
 );
-P.displayName = "TileContent";
-const D = ({
+E.displayName = "TileContent";
+const O = ({
   children: e,
   className: i,
   ...r
 }) => {
-  const { disabled: t } = u({
+  const { disabled: t } = p({
     consumerName: "TileTitle",
     contextRequired: !0
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: d(
+      className: u(
         "w-full truncate body-2-semi-bold",
         t && "text-disabled",
         i
@@ -174,20 +177,20 @@ const D = ({
     }
   );
 };
-D.displayName = "TileTitle";
-const E = ({
+O.displayName = "TileTitle";
+const B = ({
   children: e,
   className: i,
   ...r
 }) => {
-  const { disabled: t } = u({
+  const { disabled: t } = p({
     consumerName: "TileDescription",
     contextRequired: !0
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: d(
+      className: u(
         "w-full truncate body-3",
         t ? "text-disabled" : "text-muted",
         i
@@ -197,30 +200,24 @@ const E = ({
     }
   );
 };
-E.displayName = "TileDescription";
-const T = ({
-  onClick: e,
-  icon: i,
-  className: r,
-  "aria-label": t,
-  ...p
-}) => {
-  const { disabled: m } = u({
+B.displayName = "TileDescription";
+const y = x(({ onClick: e, icon: i, className: r, "aria-label": t, ...f }, m) => {
+  const { disabled: l } = p({
     consumerName: "TileSecondaryAction",
     contextRequired: !0
-  }), o = n(
-    (s) => {
-      s.stopPropagation(), s.preventDefault(), e == null || e(s);
+  }), o = d(
+    (n) => {
+      n.stopPropagation(), n.preventDefault(), e == null || e(n);
     },
     [e]
   );
-  if (m) return null;
+  if (l) return null;
   const c = i;
-  return /* @__PURE__ */ l(
-    z,
+  return /* @__PURE__ */ s(
+    V,
     {
       "data-slot": "tile-secondary-action",
-      className: d(
+      className: u(
         "absolute top-8 right-4 opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-within:opacity-100",
         r
       ),
@@ -228,17 +225,18 @@ const T = ({
       iconType: "stroked",
       onClick: o,
       "aria-label": t,
-      ...p,
-      children: /* @__PURE__ */ l(c, { size: 24 })
+      ref: m,
+      ...f,
+      children: /* @__PURE__ */ s(c, { size: 24 })
     }
   );
-};
-T.displayName = "TileSecondaryAction";
+});
+y.displayName = "TileSecondaryAction";
 export {
-  j as Tile,
-  P as TileContent,
-  E as TileDescription,
-  T as TileSecondaryAction,
-  w as TileSpot,
-  D as TileTitle
+  P as Tile,
+  E as TileContent,
+  B as TileDescription,
+  y as TileSecondaryAction,
+  D as TileSpot,
+  O as TileTitle
 };

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

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

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

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

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

@@ -0,0 +1,28 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "../../Components/Icon/createIcon.js";
+const i = o(
+  "Asterisk",
+  /* @__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",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.3,
+          d: "M2 7.99h12m-9 4.974 6-9.948m0 10L5 3.067"
+        }
+      )
+    }
+  )
+);
+export {
+  i as Asterisk
+};

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

@@ -17,7 +17,7 @@ const c = r(
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: 1.3,
-          d: "M6 12v.167c0 1.1.893 2 2 2 1.1 0 2-.9 2-2V12m2-2.833 1.133 1.133c.12.12.194.293.194.467v.553c0 .367-.3.667-.667.667H3.327a.664.664 0 0 1-.667-.667v-.56a.66.66 0 0 1 .193-.473l1.134-1.14V6.313c0-2.213 1.786-4 4-4 2.206 0 4 1.787 4 4z"
+          d: "M6 11.427v.74c0 1.1.893 2 2 2 1.1 0 2-.9 2-2v-.727m2-2.273 1.133 1.133c.12.12.194.293.194.467v-.007c0 .367-.3.667-.667.667H3.327a.664.664 0 0 1-.667-.667.66.66 0 0 1 .193-.473l1.134-1.14V6.313c0-2.213 1.786-4 4-4 2.206 0 4 1.787 4 4z"
         }
       )
     }

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

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

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

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