@ledgerhq/lumen-ui-react 0.0.65 → 0.0.66

package/dist/index.js

@@ -1,51 +1,51 @@
-import { Languages as o } from "./i18n/languages.js";
+import { Languages as t } from "./i18n/languages.js";
 import { AddressInput as n } from "./lib/Components/AddressInput/AddressInput.js";
 import { AmountInput as p } from "./lib/Components/AmountInput/AmountInput.js";
 import { Banner as u } from "./lib/Components/Banner/Banner.js";
 import { BaseInput as l } from "./lib/Components/BaseInput/BaseInput.js";
 import { Button as f } from "./lib/Components/Button/Button.js";
-import { BaseButton as I } from "./lib/Components/Button/BaseButton.js";
-import { CardButton as g } from "./lib/Components/CardButton/CardButton.js";
-import { Checkbox as s } from "./lib/Components/Checkbox/Checkbox.js";
-import { Dialog as M, DialogBody as d, DialogContent as C, DialogFooter as D, DialogTrigger as b } from "./lib/Components/Dialog/Dialog.js";
-import { DialogHeader as h } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
+import { BaseButton as T } from "./lib/Components/Button/BaseButton.js";
+import { CardButton as c } from "./lib/Components/CardButton/CardButton.js";
+import { Checkbox as d } from "./lib/Components/Checkbox/Checkbox.js";
+import { Dialog as b, DialogBody as h, DialogContent as M, DialogFooter as L, DialogTrigger as C } from "./lib/Components/Dialog/Dialog.js";
+import { DialogHeader as B } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
 import { Divider as v } from "./lib/Components/Divider/Divider.js";
-import { IconButton as G } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as y } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
-import { Link as w } from "./lib/Components/Link/Link.js";
+import { IconButton as w } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as P } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Link as y } from "./lib/Components/Link/Link.js";
 import { ListItem as H, ListItemContent as j, ListItemDescription as q, ListItemIcon as z, ListItemLeading as E, ListItemSpot as J, ListItemTitle as K, ListItemTrailing as N, ListItemTruncate as O } from "./lib/Components/ListItem/ListItem.js";
-import { Menu as U, MenuCheckboxItem as V, MenuContent as W, MenuGroup as X, MenuItem as Y, MenuLabel as Z, MenuPortal as _, MenuRadioGroup as $, MenuRadioItem as ee, MenuSeparator as te, MenuSub as oe, MenuSubContent as re, MenuSubTrigger as ne, MenuTrigger as ie } from "./lib/Components/Menu/Menu.js";
+import { Menu as U, MenuCheckboxItem as V, MenuContent as W, MenuGroup as X, MenuItem as Y, MenuLabel as Z, MenuPortal as _, MenuRadioGroup as $, MenuRadioItem as ee, MenuSeparator as oe, MenuSub as te, MenuSubContent as re, MenuSubTrigger as ne, MenuTrigger as ie } from "./lib/Components/Menu/Menu.js";
 import { SearchInput as me } from "./lib/Components/SearchInput/SearchInput.js";
-import { Select as xe, SelectContent as le, SelectGroup as ae, SelectItem as fe, SelectItemText as Te, SelectLabel as Ie, SelectSeparator as ce, SelectTrigger as ge } from "./lib/Components/Select/Select.js";
-import { Skeleton as se } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spot as Me } from "./lib/Components/Spot/Spot.js";
-import { Subheader as Ce } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as be } from "./lib/Components/Switch/Switch.js";
-import { Tag as he } from "./lib/Components/Tag/Tag.js";
-import { TextInput as ve } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as Ge, TileContent as Pe, TileDescription as ye, TileSecondaryAction as Re, TileSpot as we, TileTitle as Fe } from "./lib/Components/Tile/Tile.js";
-import { Tooltip as je, TooltipContent as qe, TooltipProvider as ze, TooltipTrigger as Ee } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as Ke, useTheme as Ne } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { Select as ae, SelectContent as le, SelectGroup as xe, SelectItem as fe, SelectItemText as Se, SelectLabel as Te, SelectSeparator as Ie, SelectTrigger as ce } from "./lib/Components/Select/Select.js";
+import { Skeleton as de } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spot as be } from "./lib/Components/Spot/Spot.js";
+import { Subheader as Me, SubheaderAction as Le, SubheaderCount as Ce, SubheaderDescription as De, SubheaderInfo as Be, SubheaderRow as ke, SubheaderShowMore as ve, SubheaderTitle as Ae } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as Ge } from "./lib/Components/Switch/Switch.js";
+import { Tag as Re } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Fe } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as je, TileContent as qe, TileDescription as ze, TileSecondaryAction as Ee, TileSpot as Je, TileTitle as Ke } from "./lib/Components/Tile/Tile.js";
+import { Tooltip as Oe, TooltipContent as Qe, TooltipProvider as Ue, TooltipTrigger as Ve } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as Xe, useTheme as Ye } from "./lib/Components/ThemeProvider/ThemeProvider.js";
 export {
   n as AddressInput,
   p as AmountInput,
   u as Banner,
-  I as BaseButton,
+  T as BaseButton,
   l as BaseInput,
   f as Button,
-  g as CardButton,
-  s as Checkbox,
-  M as Dialog,
-  d as DialogBody,
-  C as DialogContent,
-  D as DialogFooter,
-  h as DialogHeader,
-  b as DialogTrigger,
+  c as CardButton,
+  d as Checkbox,
+  b as Dialog,
+  h as DialogBody,
+  M as DialogContent,
+  L as DialogFooter,
+  B as DialogHeader,
+  C as DialogTrigger,
   v as Divider,
-  G as IconButton,
-  y as InteractiveIcon,
-  o as Languages,
-  w as Link,
+  w as IconButton,
+  P as InteractiveIcon,
+  t as Languages,
+  y as Link,
   H as ListItem,
   j as ListItemContent,
   q as ListItemDescription,
@@ -64,36 +64,43 @@ export {
   _ as MenuPortal,
   $ as MenuRadioGroup,
   ee as MenuRadioItem,
-  te as MenuSeparator,
-  oe as MenuSub,
+  oe as MenuSeparator,
+  te as MenuSub,
   re as MenuSubContent,
   ne as MenuSubTrigger,
   ie as MenuTrigger,
   me as SearchInput,
-  xe as Select,
+  ae as Select,
   le as SelectContent,
-  ae as SelectGroup,
+  xe as SelectGroup,
   fe as SelectItem,
-  Te as SelectItemText,
-  Ie as SelectLabel,
-  ce as SelectSeparator,
-  ge as SelectTrigger,
-  se as Skeleton,
-  Me as Spot,
-  Ce as Subheader,
-  be as Switch,
-  he as Tag,
-  ve as TextInput,
-  Ke as ThemeProvider,
-  Ge as Tile,
-  Pe as TileContent,
-  ye as TileDescription,
-  Re as TileSecondaryAction,
-  we as TileSpot,
-  Fe as TileTitle,
-  je as Tooltip,
-  qe as TooltipContent,
-  ze as TooltipProvider,
-  Ee as TooltipTrigger,
-  Ne as useTheme
+  Se as SelectItemText,
+  Te as SelectLabel,
+  Ie as SelectSeparator,
+  ce as SelectTrigger,
+  de as Skeleton,
+  be as Spot,
+  Me as Subheader,
+  Le as SubheaderAction,
+  Ce as SubheaderCount,
+  De as SubheaderDescription,
+  Be as SubheaderInfo,
+  ke as SubheaderRow,
+  ve as SubheaderShowMore,
+  Ae as SubheaderTitle,
+  Ge as Switch,
+  Re as Tag,
+  Fe as TextInput,
+  Xe as ThemeProvider,
+  je as Tile,
+  qe as TileContent,
+  ze as TileDescription,
+  Ee as TileSecondaryAction,
+  Je as TileSpot,
+  Ke as TileTitle,
+  Oe as Tooltip,
+  Qe as TooltipContent,
+  Ue as TooltipProvider,
+  Ve as TooltipTrigger,
+  Ye as useTheme
 };

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

@@ -1,6 +1,39 @@
-import { SubheaderActionProps, SubheaderInfoProps, SubheaderProps } from './types';
+import { default as React } from 'react';
+import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps, SubheaderInfoProps, SubheaderProps, SubheaderRowProps, SubheaderShowMoreProps, SubheaderTitleProps } from './types';
 /**
- * A subheader component for displaying section titles with optional informational tooltips and action elements.
+ * Title component for the Subheader. Displays the main heading.
+ */
+export declare const SubheaderTitle: ({ children }: SubheaderTitleProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Row component for the Subheader. Layout container to horizontally align title, count, hint, and action.
+ * Can optionally be interactive with an onClick handler.
+ */
+export declare const SubheaderRow: ({ children, onClick, className, ...props }: SubheaderRowProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Count component for the Subheader. Displays a formatted number.
+ */
+export declare const SubheaderCount: ({ value, format }: SubheaderCountProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Info component for the Subheader. Displays an information icon that can be wrapped in a Tooltip.
+ */
+export declare const SubheaderInfo: React.ForwardRefExoticComponent<Omit<SubheaderInfoProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * ShowMore component for the Subheader. Displays a static chevron right icon to indicate expandable content.
+ * Position this after SubheaderCount and before other elements.
+ */
+export declare const SubheaderShowMore: ({ className }: SubheaderShowMoreProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Description component for the Subheader. Displays descriptive text below the title row.
+ */
+export declare const SubheaderDescription: ({ children, }: SubheaderDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Action component for the Subheader. Displays an interactive text button.
+ * Automatically positions itself at the end of the row using ml-auto.
+ */
+export declare const SubheaderAction: ({ children, onClick, className, ...props }: SubheaderActionProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A subheader component for displaying section titles with optional count, hints, descriptions, and action elements.
+ * Uses a composable API where you explicitly nest sub-components to define the layout.
  *
  * @see {@link https://ldls.vercel.app/?path=/docs/misc-subheader-overview--docs Storybook}
  * @see {@link https://ldls.vercel.app/?path=/docs/misc-subheader-implementation--docs#dos-and-donts Guidelines}
@@ -9,33 +42,36 @@ import { SubheaderActionProps, SubheaderInfoProps, SubheaderProps } from './type
  * Do not use it to modify the subheader's core appearance (colors, padding, etc).
  *
  * @example
- * import { Subheader } from '@ledgerhq/lumen-ui-react';
- *
- * // Basic subheader with title only
- * <Subheader title="Section Title" />
+ * // Simple subheader without row
+ * <Subheader>
+ *   <SubheaderTitle>Section Title</SubheaderTitle>
+ *   <SubheaderDescription>Description text</SubheaderDescription>
+ * </Subheader>
  *
- * // Complete subheader with all features
- * <Subheader title="Section Title">
- *   <Subheader.Info>
+ * @example
+ * // Subheader with row for horizontal layout
+ * <Subheader>
+ *   <SubheaderRow>
+ *     <SubheaderTitle>Section Title</SubheaderTitle>
+ *     <SubheaderCount value={30} />
  *     <Tooltip>
- *       <TooltipTrigger asChild>
- *         <Information
- *           size={12}
- *           className="shrink-0 text-muted"
- *           aria-label="More information"
- *         />
+ *       <TooltipTrigger>
+ *         <SubheaderInfo />
  *       </TooltipTrigger>
  *       <TooltipContent>Additional information</TooltipContent>
  *     </Tooltip>
- *   </Subheader.Info>
- *   <Subheader.Action>
- *     <Link href="/action" appearance="accent" size="sm">Action</Link>
- *   </Subheader.Action>
+ *   </SubheaderRow>
+ *   <SubheaderDescription>Description text</SubheaderDescription>
+ * </Subheader>
+ *
+ * @example
+ * // Interactive row with action
+ * <Subheader>
+ *   <SubheaderRow onClick={handleClick}>
+ *     <SubheaderTitle>Accounts</SubheaderTitle>
+ *     <SubheaderCount value={12} />
+ *   </SubheaderRow>
  * </Subheader>
  */
-export declare const Subheader: {
-    ({ className, title, children, ...props }: SubheaderProps): import("react/jsx-runtime").JSX.Element;
-    Info: ({ children }: SubheaderInfoProps) => import("react/jsx-runtime").JSX.Element;
-    Action: ({ children }: SubheaderActionProps) => import("react/jsx-runtime").JSX.Element;
-};
+export declare const Subheader: ({ className, children, ...props }: SubheaderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Subheader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACf,MAAM,SAAS,CAAC;AAgBjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,SAAS;+CAKnB,cAAc;yBAlDoB,kBAAkB;2BAOhB,oBAAoB;CA2E1D,CAAC"}
+{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAE/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAK1B,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,mBAAmB,mBAAmB,4CAGpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,2GAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,eAAe,sBAAsB,4CAMtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,eAElC,yBAAyB,4CAE3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,4CAK7B,oBAAoB,4CAWtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAMhB,CAAC"}

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