@ledgerhq/lumen-ui-react 0.0.64 → 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/BaseInput/BaseInput.d.ts

@@ -27,6 +27,7 @@ export declare const BaseInput: React.ForwardRefExoticComponent<{
     onClear?: () => void;
     hideClearButton?: boolean;
     className?: string;
+    containerClassName?: string;
     inputClassName?: string;
     labelClassName?: string;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AA+B1B;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;iHAyLrB,CAAC"}
+{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AA+B1B;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;iHA0LrB,CAAC"}

package/dist/lib/Components/BaseInput/BaseInput.js

@@ -1,54 +1,55 @@
 import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { cn as l } from "../../../libs/utils-shared/dist/index.js";
-import s from "react";
-import { useCommonTranslation as O } from "../../../i18n/useCommonTranslation.js";
-import { InteractiveIcon as _ } from "../InteractiveIcon/InteractiveIcon.js";
+import { cn as a } from "../../../libs/utils-shared/dist/index.js";
+import l from "react";
+import { useCommonTranslation as _ } from "../../../i18n/useCommonTranslation.js";
+import { InteractiveIcon as $ } from "../InteractiveIcon/InteractiveIcon.js";
 import { DeleteCircleFill as I } from "../../Symbols/Icons/DeleteCircleFill.js";
-const $ = l(
+const q = a(
   "group relative flex h-48 w-full cursor-text items-center gap-8 rounded-sm bg-muted px-16 transition-colors",
   "focus-within:ring-2 focus-within:ring-active hover:bg-muted-hover",
   "has-disabled:cursor-not-allowed has-disabled:bg-disabled has-disabled:text-disabled",
   "has-invalid:border-error has-invalid:ring-1 has-invalid:ring-error",
   'has-[input[aria-invalid="true"]]:border-error has-[input[aria-invalid="true"]]:ring-1 has-[input[aria-invalid="true"]]:ring-error'
-), q = l(
+), H = a(
   "peer w-full flex-1 bg-muted body-1 text-base caret-active outline-hidden transition-colors",
   "group-hover:bg-muted-hover group-disabled:bg-disabled",
   "group-has-disabled:cursor-not-allowed group-has-disabled:bg-disabled group-has-disabled:text-disabled",
   "placeholder:text-muted group-has-disabled:placeholder:text-disabled",
   "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
   "truncate"
-), H = l(
+), U = a(
   "pointer-events-none absolute top-6 left-16 origin-left body-4 text-muted transition-all duration-300",
   "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-placeholder-shown:body-2",
   "group-has-disabled:text-disabled",
   "peer-focus:top-6 peer-focus:-translate-y-0 peer-focus:body-4",
   "w-[calc(100%-var(--size-56))] truncate"
-), U = s.forwardRef(
+), G = l.forwardRef(
   ({
     className: N,
-    inputClassName: R,
-    labelClassName: S,
+    containerClassName: R,
+    inputClassName: S,
+    labelClassName: k,
     label: u,
-    id: k,
+    id: z,
     disabled: f,
-    errorMessage: a,
-    suffix: z,
-    prefix: E,
+    errorMessage: i,
+    suffix: E,
+    prefix: j,
     onClear: p,
-    hideClearButton: j = !1,
+    hideClearButton: B = !1,
     "aria-invalid": m,
     onChange: d,
-    ...i
-  }, B) => {
+    ...o
+  }, C) => {
     var x;
-    const { t: C } = O(), r = s.useRef(null), D = s.useId(), b = k || `input-${D}`, F = m || (a ? !0 : void 0), c = i.value !== void 0, [L, v] = s.useState(
-      ((x = i.defaultValue) == null ? void 0 : x.toString()) || ""
-    ), T = s.useCallback(
+    const { t: D } = _(), r = l.useRef(null), F = l.useId(), b = z || `input-${F}`, L = m || (i ? !0 : void 0), c = o.value !== void 0, [T, v] = l.useState(
+      ((x = o.defaultValue) == null ? void 0 : x.toString()) || ""
+    ), V = l.useCallback(
       (t) => {
         c || v(t.target.value), d == null || d(t);
       },
       [c, d]
-    ), g = (c ? !!i.value && i.value.toString().length > 0 : L.length > 0) && !f && !j, w = `${b}-error`, V = () => {
+    ), g = (c ? !!o.value && o.value.toString().length > 0 : T.length > 0) && !f && !B, w = `${b}-error`, A = () => {
       var e;
       if (!r.current) return;
       const t = (e = Object.getOwnPropertyDescriptor(
@@ -56,13 +57,13 @@ const $ = l(
         "value"
       )) == null ? void 0 : e.set;
       t == null || t.call(r.current, ""), c || v("");
-      const o = new Event("input", { bubbles: !0 });
-      r.current.dispatchEvent(o), r.current.focus(), p == null || p();
+      const s = new Event("input", { bubbles: !0 });
+      r.current.dispatchEvent(s), r.current.focus(), p == null || p();
     };
-    function A(...t) {
-      return (o) => {
+    function O(...t) {
+      return (s) => {
         t.forEach((e) => {
-          e && (typeof e == "function" ? e(o) : e.current = o);
+          e && (typeof e == "function" ? e(s) : e.current = s);
         });
       };
     }
@@ -70,7 +71,7 @@ const $ = l(
       /* @__PURE__ */ h(
         "div",
         {
-          className: $,
+          className: a(q, R),
           onPointerDown: (t) => {
             if (t.target.closest("input, button, a")) return;
             const e = r.current;
@@ -85,51 +86,51 @@ const $ = l(
             });
           },
           children: [
-            E,
+            j,
             /* @__PURE__ */ n(
               "input",
               {
-                ref: A(B, r),
+                ref: O(C, r),
                 id: b,
                 disabled: f,
                 placeholder: " ",
-                "aria-invalid": F,
-                "aria-describedby": a ? w : void 0,
-                className: l(
-                  q,
+                "aria-invalid": L,
+                "aria-describedby": i ? w : void 0,
+                className: a(
+                  H,
                   u && "pt-12 body-2",
-                  R
+                  S
                 ),
-                onChange: T,
-                ...i
+                onChange: V,
+                ...o
               }
             ),
             u && /* @__PURE__ */ n(
               "label",
               {
                 htmlFor: b,
-                className: l(
-                  H,
-                  a && "text-error",
-                  S
+                className: a(
+                  U,
+                  i && "text-error",
+                  k
                 ),
                 children: u
               }
             ),
             g && /* @__PURE__ */ n(
-              _,
+              $,
               {
                 iconType: "filled",
-                onClick: V,
-                "aria-label": C("components.baseInput.clearInputAriaLabel"),
+                onClick: A,
+                "aria-label": D("components.baseInput.clearInputAriaLabel"),
                 children: /* @__PURE__ */ n(I, { size: 20 })
               }
             ),
-            !g && z
+            !g && E
           ]
         }
       ),
-      a && /* @__PURE__ */ h(
+      i && /* @__PURE__ */ h(
         "div",
         {
           id: w,
@@ -137,14 +138,14 @@ const $ = l(
           role: "alert",
           children: [
             /* @__PURE__ */ n(I, { size: 16, className: "shrink-0 text-error" }),
-            /* @__PURE__ */ n("span", { children: a })
+            /* @__PURE__ */ n("span", { children: i })
           ]
         }
       )
     ] });
   }
 );
-U.displayName = "BaseInput";
+G.displayName = "BaseInput";
 export {
-  U as BaseInput
+  G as BaseInput
 };

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

@@ -32,9 +32,13 @@ export type BaseInputProps = {
      */
     hideClearButton?: boolean;
     /**
-     * Additional class names to apply to the container element
+     * Additional class names to apply to the outer wrapper element
      */
     className?: string;
+    /**
+     * Additional class names to apply to the inner container element
+     */
+    containerClassName?: string;
     /**
      * Additional class names to apply to the input element
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC"}

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-import { SearchInputProps } from './types';
 /**
  * A customizable search input component with built-in search icon, automatic clear button, error states, and focus/hover effects.
  *
@@ -54,5 +53,7 @@ import { SearchInputProps } from './types';
  *   }}
  * />
  */
-export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const SearchInput: React.ForwardRefExoticComponent<Omit<import('..').BaseInputProps, "label" | "prefix" | "containerClassName" | "labelClassName"> & {
+    appearance?: "plain" | "transparent";
+} & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=SearchInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,WAAW,2FAcvB,CAAC"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AA+B1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,WAAW;;0CAuBvB,CAAC"}

package/dist/lib/Components/SearchInput/SearchInput.js

@@ -1,18 +1,50 @@
-import { jsx as e } from "react/jsx-runtime";
-import a from "react";
-import { BaseInput as o } from "../BaseInput/BaseInput.js";
-import { Search as s } from "../../Symbols/Icons/Search.js";
-const c = a.forwardRef(
-  (r, t) => /* @__PURE__ */ e(o, { ref: t, prefix: /* @__PURE__ */ e(
-    s,
+import { jsx as r } from "react/jsx-runtime";
+import { cn as i } from "../../../libs/utils-shared/dist/index.js";
+import { cva as t } from "class-variance-authority";
+import o from "react";
+import { BaseInput as d } from "../BaseInput/BaseInput.js";
+import { Search as c } from "../../Symbols/Icons/Search.js";
+const m = t("", {
+  variants: {
+    appearance: {
+      plain: "",
+      transparent: "bg-muted-transparent hover:bg-muted-transparent-hover has-disabled:bg-muted-transparent-disabled"
+    }
+  },
+  defaultVariants: {
+    appearance: "plain"
+  }
+}), l = t("", {
+  variants: {
+    appearance: {
+      plain: "",
+      transparent: "bg-transparent group-hover:bg-transparent-hover group-has-disabled:bg-transparent-disabled"
+    }
+  },
+  defaultVariants: {
+    appearance: "plain"
+  }
+}), u = o.forwardRef(
+  ({ appearance: a = "plain", className: e, inputClassName: n, ...s }, p) => /* @__PURE__ */ r(
+    d,
     {
-      size: 20,
-      className: "text-muted group-has-disabled:text-disabled",
-      "aria-hidden": "true"
+      ref: p,
+      prefix: /* @__PURE__ */ r(
+        c,
+        {
+          size: 20,
+          className: "text-muted group-has-disabled:text-disabled",
+          "aria-hidden": "true"
+        }
+      ),
+      className: e,
+      containerClassName: m({ appearance: a }),
+      inputClassName: i(l({ appearance: a }), n),
+      ...s
     }
-  ), ...r })
+  )
 );
-c.displayName = "SearchInput";
+u.displayName = "SearchInput";
 export {
-  c as SearchInput
+  u as SearchInput
 };

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

@@ -1,3 +1,9 @@
 import { BaseInputProps } from '../BaseInput/types';
-export type SearchInputProps = Omit<BaseInputProps, 'prefix' | 'label' | 'labelClassName' | 'inputClassName'>;
+export type SearchInputProps = Omit<BaseInputProps, 'prefix' | 'label' | 'labelClassName' | 'containerClassName'> & {
+    /**
+     * The visual appearance of the search input
+     * @default 'plain'
+     */
+    appearance?: 'plain' | 'transparent';
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,EACd,QAAQ,GAAG,OAAO,GAAG,gBAAgB,GAAG,gBAAgB,CACzD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,EACd,QAAQ,GAAG,OAAO,GAAG,gBAAgB,GAAG,oBAAoB,CAC7D,GAAG;IACF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;CACtC,CAAC"}

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