@ledgerhq/lumen-ui-react 0.1.15 → 0.1.16

package/dist/lib/Components/CardButton/CardButton.js

@@ -18,10 +18,10 @@ const h = f(
 ), x = ({
   ref: i,
   className: d,
-  appearance: l,
-  icon: n,
-  title: o,
-  description: s,
+  appearance: o,
+  icon: l,
+  title: n,
+  description: t,
   hideChevron: r,
   disabled: u,
   ...b
@@ -29,7 +29,7 @@ const h = f(
   const c = m({
     consumerName: "CardButton",
     mergeWith: { disabled: u }
-  }), t = n;
+  }), s = l;
   return /* @__PURE__ */ a(
     "button",
     {
@@ -37,22 +37,22 @@ const h = f(
       className: p(
         d,
         h({
-          appearance: l
+          appearance: o
         })
       ),
       disabled: c,
       ...b,
       children: [
-        t && /* @__PURE__ */ e(t, { size: 24, className: "shrink-0" }),
+        s && /* @__PURE__ */ e(s, { size: 24 }),
         /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-4 text-left", children: [
-          /* @__PURE__ */ e("div", { className: "min-w-0 truncate body-2-semi-bold", children: o }),
-          s && /* @__PURE__ */ e("div", { className: "line-clamp-2 min-w-0 body-3 text-muted group-disabled:text-disabled", children: s })
+          /* @__PURE__ */ e("div", { className: "min-w-0 truncate body-2-semi-bold", children: n }),
+          t && /* @__PURE__ */ e("div", { className: "line-clamp-2 min-w-0 body-3 text-muted group-disabled:text-disabled", children: t })
         ] }),
         !r && /* @__PURE__ */ e(
           v,
           {
             size: 24,
-            className: "shrink-0 text-muted group-disabled:text-disabled"
+            className: "text-muted group-disabled:text-disabled"
           }
         )
       ]

package/dist/lib/Components/Dialog/Dialog.js

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { createSafeContext as u, cn as l } from "../../../libs/utils-shared/dist/index.js";
+import { createSafeContext as f, cn as l } from "../../../libs/utils-shared/dist/index.js";
 import * as n from "@radix-ui/react-dialog";
-import { cva as f } from "class-variance-authority";
-const [y, r] = u("Dialog"), h = f(
+import { cva as u } from "class-variance-authority";
+const [y, r] = f("Dialog"), p = u(
   [
     "flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
     "fixed top-[50%] left-[50%] z-dialog-content translate-[-50%]",
@@ -11,33 +11,33 @@ const [y, r] = u("Dialog"), h = f(
   {
     variants: {
       height: {
-        hug: "max-h-560",
+        fit: "max-h-560",
         fixed: "h-560"
       }
     },
     defaultVariants: {
-      height: "hug"
+      height: "fit"
     }
   }
 );
-function k({ height: a = "hug", ...t }) {
-  return /* @__PURE__ */ o(y, { value: { height: a }, children: /* @__PURE__ */ o(n.Root, { "data-slot": "dialog", ...t }) });
+function k({ height: t = "fit", ...a }) {
+  return /* @__PURE__ */ o(y, { value: { height: t }, children: /* @__PURE__ */ o(n.Root, { "data-slot": "dialog", ...a }) });
 }
-function w({ ...a }) {
-  return /* @__PURE__ */ o(n.Trigger, { "data-slot": "dialog-trigger", ...a });
+function w({ ...t }) {
+  return /* @__PURE__ */ o(n.Trigger, { "data-slot": "dialog-trigger", ...t });
 }
-function p({
-  ...a
+function x({
+  ...t
 }) {
-  return /* @__PURE__ */ o(n.Portal, { "data-slot": "dialog-portal", ...a });
+  return /* @__PURE__ */ o(n.Portal, { "data-slot": "dialog-portal", ...t });
 }
-const s = ({ ref: a, className: t, ...e }) => /* @__PURE__ */ o(
+const s = ({ ref: t, className: a, ...e }) => /* @__PURE__ */ o(
   n.Overlay,
   {
-    ref: a,
+    ref: t,
     "data-slot": "dialog-overlay",
     className: l(
-      t,
+      a,
       "fixed inset-0 z-dialog-overlay bg-canvas-overlay backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in"
     ),
     ...e
@@ -45,84 +45,84 @@ const s = ({ ref: a, className: t, ...e }) => /* @__PURE__ */ o(
 );
 s.displayName = "DialogOverlay";
 function B({
-  className: a,
-  children: t,
+  className: t,
+  children: a,
   ...e
 }) {
   const { height: i } = r({
     consumerName: "DialogContent",
     contextRequired: !0
   });
-  return /* @__PURE__ */ m(p, { "data-slot": "dialog-portal", children: [
+  return /* @__PURE__ */ m(x, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ o(s, {}),
     /* @__PURE__ */ o(
       n.Content,
       {
         "data-slot": "dialog-content",
-        className: l(h({ height: i }), a),
+        className: l(p({ height: i }), t),
         ...e,
-        children: t
+        children: a
       }
     )
   ] });
 }
-const x = ({
-  ref: a,
-  className: t,
+const h = ({
+  ref: t,
+  className: a,
   children: e,
   scrollbarWidth: i = "none",
   style: d,
-  ...g
+  ...c
 }) => {
-  const { height: c } = r({
+  const { height: g } = r({
     consumerName: "DialogBody",
     contextRequired: !0
   });
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: a,
+      ref: t,
       "data-slot": "dialog-body",
       style: d,
       className: l(
         "-mb-24 flex min-h-0 grow flex-col overflow-y-auto px-24 pb-24",
-        c === "hug" ? "basis-auto" : "basis-0",
-        t,
+        g === "fit" ? "basis-auto" : "basis-0",
+        a,
         i === "auto" ? "scrollbar-custom" : "scrollbar-none"
       ),
-      ...g,
+      ...c,
       children: e
     }
   );
 };
-x.displayName = "DialogBody";
+h.displayName = "DialogBody";
 const v = ({
-  ref: a,
-  className: t,
+  ref: t,
+  className: a,
   children: e,
   ...i
 }) => /* @__PURE__ */ o(
   "div",
   {
-    ref: a,
+    ref: t,
     "data-slot": "dialog-body-sticky-content",
-    className: l("sticky top-0 bg-canvas-sheet py-8", t),
+    className: l("sticky top-0 bg-canvas-sheet py-8", a),
     ...i,
     children: e
   }
 );
 v.displayName = "DialogBodyStickyContent";
 const D = ({
-  ref: a,
-  className: t,
+  ref: t,
+  className: a,
   children: e,
   ...i
 }) => /* @__PURE__ */ o(
   "div",
   {
-    ref: a,
+    ref: t,
     "data-slot": "dialog-footer",
-    className: l("flex shrink-0 justify-end gap-8 px-24 pt-24", t),
+    className: l("flex shrink-0 justify-end gap-8 px-24 pt-24", a),
     ...i,
     children: e
   }
@@ -130,7 +130,7 @@ const D = ({
 D.displayName = "DialogFooter";
 export {
   k as Dialog,
-  x as DialogBody,
+  h as DialogBody,
   v as DialogBodyStickyContent,
   B as DialogContent,
   D as DialogFooter,

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
-export type DialogHeight = 'hug' | 'fixed';
+export type DialogHeight = 'fit' | 'fixed';
 export type DialogProps = {
     /**
      * The content to display inside the dialog.
@@ -22,9 +22,9 @@ export type DialogProps = {
     defaultOpen?: boolean;
     /**
      * The height behavior of the dialog.
-     * - `hug`: Content-fit height up to max 560px (default)
+     * - `fit`: Content-fit height up to max 560px (default)
      * - `fixed`: Always exactly 560px height
-     * @default 'hug'
+     * @default 'fit'
      */
     height?: DialogHeight;
     /**

package/dist/lib/Components/Icon/Icon.js

@@ -1,7 +1,7 @@
 import { cn as s } from "../../../libs/utils-shared/dist/index.js";
 import { cva as a } from "class-variance-authority";
 import { createElement as k } from "react";
-const l = a("inline-block", {
+const h = a("inline-block shrink-0", {
   variants: {
     size: {
       12: "icon-w-12 icon-h-12 icon-stroke-12",
@@ -17,7 +17,7 @@ const l = a("inline-block", {
   defaultVariants: {
     size: 24
   }
-}), h = ({
+}), l = ({
   ref: o,
   size: n = 24,
   className: i = "",
@@ -33,12 +33,12 @@ const l = a("inline-block", {
     "aria-hidden": "true",
     xmlns: r,
     viewBox: e,
-    className: s(i, l({ size: n }), "inline-block"),
+    className: s(i, h({ size: n }), "inline-block"),
     ...t
   },
   c
 );
-h.displayName = "Icon";
+l.displayName = "Icon";
 export {
-  h as Icon
+  l as Icon
 };

package/dist/lib/Components/Icon/createIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,GACd,UAAU,MAAM,EAChB,SAAS,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;6CAOjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;;CAkB/B,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,GACd,UAAU,MAAM,EAChB,SAAS,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;6CAOjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;;CAkB/B,CAAC;AAGF,eAAe,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/Link.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAmCpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,IAAI;6HAYd,SAAS;;CAsDX,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/Link.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAmCpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,IAAI;6HAYd,SAAS;;CAgDX,CAAC"}

package/dist/lib/Components/Link/Link.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as l, Fragment as c } from "react/jsx-runtime";
-import { useDisabledContext as h, cn as x } from "../../../libs/utils-shared/dist/index.js";
+import { useDisabledContext as x, cn as h } from "../../../libs/utils-shared/dist/index.js";
 import { Slot as k } from "@radix-ui/react-slot";
-import { cva as N } from "class-variance-authority";
-import { ExternalLink as g } from "../../Symbols/Icons/ExternalLink.js";
-const y = N(
+import { cva as g } from "class-variance-authority";
+import { ExternalLink as y } from "../../Symbols/Icons/ExternalLink.js";
+const z = g(
   "inline-flex w-fit max-w-full items-center justify-center transition-colors focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus",
   {
     variants: {
@@ -33,62 +33,55 @@ const y = N(
       disabled: !1
     }
   }
-), z = ({
+), N = ({
   ref: d,
   className: m,
-  children: s,
+  children: a,
   appearance: p,
-  size: t = "inherit",
+  size: i = "inherit",
   underline: f = !0,
   icon: u,
   isExternal: n = !1,
-  asChild: i = !1,
+  asChild: t = !1,
   disabled: b,
   ...v
 }) => {
-  const a = h({
+  const s = x({
     consumerName: "Link",
     mergeWith: { disabled: b }
-  }), r = t ? {
+  }), r = i ? {
     sm: 16,
     md: 20
-  }[t] : 20, o = u;
+  }[i] : 20, o = u;
   return /* @__PURE__ */ e(
-    i ? k : "a",
+    t ? k : "a",
     {
       ref: d,
-      className: x(
+      className: h(
         m,
-        y({
+        z({
           appearance: p,
-          size: t,
+          size: i,
           underline: f,
-          disabled: a
+          disabled: s
         })
       ),
-      "aria-disabled": a || void 0,
-      target: n && !i ? "_blank" : void 0,
-      rel: n && !i ? "noopener noreferrer" : void 0,
+      "aria-disabled": s || void 0,
+      target: n && !t ? "_blank" : void 0,
+      rel: n && !t ? "noopener noreferrer" : void 0,
       ...v,
-      children: i ? s : /* @__PURE__ */ l(c, { children: [
-        o && /* @__PURE__ */ e(o, { size: r, className: "shrink-0" }),
-        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: s }),
+      children: t ? a : /* @__PURE__ */ l(c, { children: [
+        o && /* @__PURE__ */ e(o, { size: r }),
+        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: a }),
         n && /* @__PURE__ */ l(c, { children: [
-          /* @__PURE__ */ e(
-            g,
-            {
-              size: r,
-              className: "shrink-0",
-              "aria-hidden": "true"
-            }
-          ),
+          /* @__PURE__ */ e(y, { size: r, "aria-hidden": "true" }),
           /* @__PURE__ */ e("span", { className: "sr-only", children: "(opens in a new tab)" })
         ] })
       ] })
     }
   );
 };
-z.displayName = "Link";
+N.displayName = "Link";
 export {
-  z as Link
+  N as Link
 };

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

@@ -1,4 +1,4 @@
-import { ListItemContentProps, ListItemDescriptionProps, ListItemIconProps, ListItemLeadingProps, ListItemProps, ListItemSpotProps, ListItemTitleProps, ListItemTrailingProps, ListItemTruncateProps } from './types';
+import { ListItemContentProps, ListItemDescriptionProps, ListItemLeadingProps, ListItemProps, ListItemTitleProps, ListItemTrailingProps, ListItemContentRowProps } from './types';
 /**
  * A flexible list item component that provides a composable structure for displaying
  * interactive list items with leading content, title, description, and trailing content.
@@ -10,7 +10,7 @@ import { ListItemContentProps, ListItemDescriptionProps, ListItemIconProps, List
  *
  * <ListItem onClick={() => console.log('Clicked!')}>
  *   <ListItemLeading>
- *     <ListItemSpot appearance="icon" icon={Wallet} />
+ *     <Spot size={48} appearance="icon" icon={Wallet} />
  *     <ListItemContent>
  *       <ListItemTitle>Balance</ListItemTitle>
  *       <ListItemDescription>Optional description</ListItemDescription>
@@ -27,32 +27,40 @@ export declare const ListItem: {
 };
 /**
  * Container for the leading (left) part of the list item.
- * Contains the visual element (ListItemSpot, Avatar, Icon) and the content (title + description).
+ * Contains the visual element (Spot, Avatar, Icon) and the content (title + description).
  */
 export declare const ListItemLeading: {
-    ({ ref, children, className, }: ListItemLeadingProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, children, className, ...props }: ListItemLeadingProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**
  * Container for the text content (title and description) within the leading area.
  */
 export declare const ListItemContent: {
-    ({ ref, children, className, }: ListItemContentProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, children, className, ...props }: ListItemContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Horizontal row container within ListItemContent to place a title or description
+ * alongside additional inline content (e.g. Tag) while preserving text truncation.
+ */
+export declare const ListItemContentRow: {
+    ({ ref, children, className, ...props }: ListItemContentRowProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**
  * The main title of the list item.
  */
 export declare const ListItemTitle: {
-    ({ ref, children, className, }: ListItemTitleProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, children, className, ...props }: ListItemTitleProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**
- * Optional description text below the title. Can include inline elements like Tag.
+ * Optional description text below the title.
  * Automatically applies disabled styling when the parent ListItem is disabled.
  */
 export declare const ListItemDescription: {
-    ({ ref, children, className, }: ListItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, children, className, ...props }: ListItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**
@@ -60,26 +68,7 @@ export declare const ListItemDescription: {
  * Used for icons, switches, values, tags, chevrons, etc.
  */
 export declare const ListItemTrailing: {
-    ({ ref, children, className, }: ListItemTrailingProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/**
- * Spot adapter for ListItem. Automatically inherits disabled state from parent ListItem.
- */
-export declare const ListItemSpot: {
-    (props: ListItemSpotProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/**
- * Icon adapter for ListItem. Automatically applies disabled styling from parent ListItem.
- * Fixed at size 24 for consistent list item appearance.
- */
-export declare const ListItemIcon: {
-    ({ ref, icon: Icon, className, ...props }: ListItemIconProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const ListItemTruncate: {
-    ({ children, className, }: ListItemTruncateProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, children, className, ...props }: ListItemTrailingProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=ListItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACxB,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAOjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ;wBAAuB,aAAa;;CAyBxD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,eAAe;oCAIzB,oBAAoB;;CAStB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,eAAe;oCAIzB,oBAAoB;;CAStB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,aAAa;oCAIvB,kBAAkB;;CAuBpB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,mBAAmB;oCAI7B,wBAAwB;;CAuB1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;oCAI1B,qBAAqB;;CAoBvB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,YAAY;YAAW,iBAAiB;;CAOpD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,YAAY;+CAKtB,iBAAiB;;CAenB,CAAC;AAIF,eAAO,MAAM,gBAAgB;+BAG1B,qBAAqB;;CAEvB,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAOjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ;wBAAuB,aAAa;;CAyBxD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,eAAe;6CAKzB,oBAAoB;;CAUtB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,eAAe;6CAKzB,oBAAoB;;CAUtB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,kBAAkB;6CAK5B,uBAAuB;;CAUzB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,aAAa;6CAKvB,kBAAkB;;CAwBpB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,mBAAmB;6CAK7B,wBAAwB;;CAwB1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;6CAK1B,qBAAqB;;CAqBvB,CAAC"}