@ledgerhq/lumen-ui-react 0.0.65 → 0.0.67

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

@@ -1,4 +1,3 @@
-import { MouseEventHandler } from 'react';
 import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps } from './types';
 /**
  * A flexible tile component that uses a composite pattern for maximum customization.
@@ -30,11 +29,12 @@ import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps }
 export declare const Tile: import('react').ForwardRefExoticComponent<{
     appearance?: "no-background" | "card";
     disabled?: boolean;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onClick?: import('react').MouseEventHandler<HTMLButtonElement>;
     children: import('react').ReactNode;
     className?: string;
     'aria-label'?: string;
-} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "onClick"> & import('react').RefAttributes<HTMLDivElement>>;
+    secondaryAction?: import('react').ReactNode;
+} & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "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.
@@ -85,7 +85,7 @@ export declare const TileDescription: {
  * </Tile>
  */
 export declare const TileSecondaryAction: import('react').ForwardRefExoticComponent<{
-    onClick?: MouseEventHandler;
+    onClick?: import('react').MouseEventHandler;
     icon: React.ComponentType<Omit<import('../Icon').IconProps, "children">>;
     className?: string;
 } & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;

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":"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"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EAGpB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAkCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;;;;;;;;uHAuChB,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;;;;0HAsC9B,CAAC"}

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

@@ -1,242 +1,175 @@
-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(
+import { jsx as a, jsxs as T } from "react/jsx-runtime";
+import { createSafeContext as v, cn as s } from "../../../libs/utils-shared/dist/index.js";
+import { cva as m } from "class-variance-authority";
+import { forwardRef as f, useCallback as x } from "react";
+import { Spot as y } from "../Spot/Spot.js";
+import { InteractiveIcon as N } from "../InteractiveIcon/InteractiveIcon.js";
+const [g, n] = v("Tile"), b = {
+  root: m([
+    "group relative flex flex-col items-center rounded-md text-base transition-colors focus-visible:outline-2 focus-visible:outline-focus"
+  ]),
+  inner: m(
     [
-      "group relative flex flex-col items-center gap-8 text-base transition-colors",
+      "flex w-full flex-col items-center gap-8 px-8 py-12",
       "rounded-md focus-visible:outline-2 focus-visible:outline-focus"
     ],
     {
       variants: {
         appearance: {
-          "no-background": "bg-base-transparent",
-          card: "bg-surface"
-        },
-        isActive: {
-          true: "",
-          false: ""
+          "no-background": "bg-base-transparent hover:not-disabled:bg-base-transparent-hover active:not-disabled:bg-base-transparent-pressed",
+          card: "bg-surface hover:not-disabled:bg-surface-hover active:not-disabled:bg-surface-pressed"
         },
         disabled: {
-          true: "",
-          false: ""
+          true: "cursor-default",
+          false: "cursor-pointer"
         }
       },
-      compoundVariants: [
-        {
-          appearance: "no-background",
-          isActive: !1,
-          disabled: !1,
-          className: "hover:bg-base-transparent-hover"
-        },
-        {
-          appearance: "no-background",
-          isActive: !0,
-          disabled: !1,
-          className: "bg-base-transparent-pressed"
-        },
-        {
-          appearance: "card",
-          isActive: !1,
-          disabled: !1,
-          className: "hover:bg-surface-hover"
-        },
-        {
-          appearance: "card",
-          isActive: !0,
-          disabled: !1,
-          className: "bg-surface-pressed"
-        }
-      ],
       defaultVariants: {
         appearance: "no-background",
-        isActive: !1,
         disabled: !1
       }
     }
-  ),
-  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"
   )
-}, P = x(
+}, h = f(
   ({
     className: e,
-    onClick: i,
+    onClick: t,
+    secondaryAction: o,
     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));
-      },
-      [l]
-    ), k = d(
-      (a) => {
-        b(!1), o == null || o(a);
-      },
-      [o]
-    ), R = d(
-      (a) => {
-        b(!1), c == null || c(a);
-      },
-      [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
-        ]
-      }
-    ) });
-  }
+    disabled: i = !1,
+    children: l,
+    style: c,
+    ...d
+  }, u) => /* @__PURE__ */ a(g, { value: { disabled: i }, children: /* @__PURE__ */ T(
+    "div",
+    {
+      ref: u,
+      style: c,
+      className: b.root({
+        className: e
+      }),
+      children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            ...d,
+            onClick: t,
+            disabled: i,
+            className: b.inner({
+              appearance: r,
+              disabled: i
+            }),
+            children: l
+          }
+        ),
+        o
+      ]
+    }
+  ) })
 );
-P.displayName = "Tile";
-const D = (e) => {
-  const { disabled: i } = p({
+h.displayName = "Tile";
+const S = (e) => {
+  const { disabled: t } = n({
     consumerName: "TileSpot",
     contextRequired: !0
   });
-  return /* @__PURE__ */ s(z, { ...e, size: 48, disabled: i });
+  return /* @__PURE__ */ a(y, { ...e, size: 48, disabled: t });
 };
-D.displayName = "TileSpot";
-const E = ({
+S.displayName = "TileSpot";
+const w = ({
   children: e,
-  className: i,
-  ...r
-}) => /* @__PURE__ */ s(
+  className: t,
+  ...o
+}) => /* @__PURE__ */ a(
   "div",
   {
-    className: u("flex w-full flex-col items-center text-center", i),
-    ...r,
+    className: s("flex w-full flex-col items-center text-center", t),
+    ...o,
     children: e
   }
 );
-E.displayName = "TileContent";
-const O = ({
+w.displayName = "TileContent";
+const R = ({
   children: e,
-  className: i,
-  ...r
+  className: t,
+  ...o
 }) => {
-  const { disabled: t } = p({
+  const { disabled: r } = n({
     consumerName: "TileTitle",
     contextRequired: !0
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: u(
+      className: s(
         "w-full truncate body-2-semi-bold",
-        t && "text-disabled",
-        i
+        r && "text-disabled",
+        t
       ),
-      ...r,
+      ...o,
       children: e
     }
   );
 };
-O.displayName = "TileTitle";
-const B = ({
+R.displayName = "TileTitle";
+const q = ({
   children: e,
-  className: i,
-  ...r
+  className: t,
+  ...o
 }) => {
-  const { disabled: t } = p({
+  const { disabled: r } = n({
     consumerName: "TileDescription",
     contextRequired: !0
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: u(
+      className: s(
         "w-full truncate body-3",
-        t ? "text-disabled" : "text-muted",
-        i
+        r ? "text-disabled" : "text-muted",
+        t
       ),
-      ...r,
+      ...o,
       children: e
     }
   );
 };
-B.displayName = "TileDescription";
-const y = x(({ onClick: e, icon: i, className: r, "aria-label": t, ...f }, m) => {
-  const { disabled: l } = p({
+q.displayName = "TileDescription";
+const D = f(({ onClick: e, icon: t, className: o, "aria-label": r, ...i }, l) => {
+  const { disabled: c } = n({
     consumerName: "TileSecondaryAction",
     contextRequired: !0
-  }), o = d(
-    (n) => {
-      n.stopPropagation(), n.preventDefault(), e == null || e(n);
+  }), d = x(
+    (p) => {
+      p.stopPropagation(), p.preventDefault(), e == null || e(p);
     },
     [e]
   );
-  if (l) return null;
-  const c = i;
-  return /* @__PURE__ */ s(
-    V,
+  if (c) return null;
+  const u = t;
+  return /* @__PURE__ */ a(
+    N,
     {
-      "data-slot": "tile-secondary-action",
-      className: u(
+      className: s(
         "absolute top-8 right-4 opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-within:opacity-100",
-        r
+        o
       ),
       "data-secondary-button-container": !0,
       iconType: "stroked",
-      onClick: o,
-      "aria-label": t,
-      ref: m,
-      ...f,
-      children: /* @__PURE__ */ s(c, { size: 24 })
+      onClick: d,
+      "aria-label": r,
+      ref: l,
+      ...i,
+      children: /* @__PURE__ */ a(u, { size: 24 })
     }
   );
 });
-y.displayName = "TileSecondaryAction";
+D.displayName = "TileSecondaryAction";
 export {
-  P as Tile,
-  E as TileContent,
-  B as TileDescription,
-  y as TileSecondaryAction,
-  D as TileSpot,
-  O as TileTitle
+  h as Tile,
+  w as TileContent,
+  q as TileDescription,
+  D as TileSecondaryAction,
+  S as TileSpot,
+  R as TileTitle
 };

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

@@ -36,7 +36,12 @@ export type TileProps = {
      * Aria label for accessibility.
      */
     'aria-label'?: string;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'onClick'>;
+    /**
+     * The secondary action to display inside the tile.
+     * Typically contains a TileSecondaryAction component.
+     */
+    secondaryAction?: ReactNode;
+} & Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'>;
 export type TileSpotProps = DiscriminatedSpotProps;
 export type TileContentProps = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;AAEpD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC"}

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"}

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

@@ -0,0 +1,25 @@
+import { jsx as l } from "react/jsx-runtime";
+import r from "../../Components/Icon/createIcon.js";
+const t = r(
+  "BellFill",
+  /* @__PURE__ */ l(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "currentColor",
+      viewBox: "0 0 16 16",
+      children: /* @__PURE__ */ l(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M10.353 13.379A2.65 2.65 0 0 1 8 14.816a2.65 2.65 0 0 1-2.354-1.437zM7.987 1.664a4.65 4.65 0 0 1 4.65 4.647l.011 2.585.945.945.086.095c.187.228.296.522.298.824v.007l-.001.006a1.32 1.32 0 0 1-1.316 1.304h-2.01v.002h-5.3v-.002H3.328A1.316 1.316 0 0 1 2.01 10.76c0-.346.13-.68.384-.933l.943-.95V6.314a4.645 4.645 0 0 1 4.65-4.649"
+        }
+      )
+    }
+  )
+);
+export {
+  t as BellFill
+};

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

@@ -41,7 +41,7 @@ const t = 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.207 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/CreditCardFill.d.ts

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

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

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

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

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import l from "../../Components/Icon/createIcon.js";
+const e = l(
+  "CreditCardFill",
+  /* @__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: "m1.376 6.646 13.248.002v4.167a2.5 2.5 0 0 1-2.5 2.5H3.876a2.5 2.5 0 0 1-2.5-2.5zm3.085 1.386a.651.651 0 0 0 0 1.301h1.713a.65.65 0 0 0 0-1.3zM14.625 5.35l-.001 1.298V5.385l-.002-.036zm-2.7-2.665a2.7 2.7 0 0 1 2.697 2.664L1.377 5.346a2.7 2.7 0 0 1 2.698-2.661z"
+        }
+      )
+    }
+  )
+);
+export {
+  e as CreditCardFill
+};

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

@@ -17,7 +17,7 @@ const c = o(
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: 1.3,
-          d: "M10.817 6.583 7.984 9.417m2.833 0L7.984 6.583M4.08 4.131 1.905 7.177a1.42 1.42 0 0 0 0 1.647l2.176 3.046c.265.372.694.593 1.152.593h7.71c.782 0 1.416-.634 1.416-1.417V4.954c0-.783-.634-1.417-1.417-1.417H5.233c-.458 0-.887.221-1.152.594"
+          d: "M10.817 6.583 7.984 9.417m2.833 0L7.984 6.583M4.08 4.131 1.905 7.177a1.42 1.42 0 0 0 0 1.647l2.176 3.046c.265.372.695.593 1.152.593h7.71c.782 0 1.416-.634 1.416-1.417V4.954c0-.783-.634-1.417-1.417-1.417H5.233c-.457 0-.887.221-1.152.594"
         }
       )
     }

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

@@ -17,7 +17,7 @@ const n = r(
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: 1.3,
-          d: "M8.667 12.667h-2a3.334 3.334 0 0 1-3.334-3.334v-6m0 0L5 5M3.333 3.333 1.667 5m5.666-1.667h2a3.334 3.334 0 0 1 3.334 3.334v6m0 0-2-2m2 2 2-2"
+          d: "M8.667 12.667h-2a3.334 3.334 0 0 1-3.334-3.334v-6m0 0L5 5M3.333 3.333 1.667 5m5.657-1.667h2a3.334 3.334 0 0 1 3.333 3.334v6m0 0L10.99 11m1.667 1.667L14.324 11"
         }
       )
     }

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

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

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

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