@ledgerhq/lumen-ui-react 0.1.45 → 0.1.47

package/dist/lib/Components/DataTable/DataTable.js

@@ -1,91 +1,107 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { createSafeContext as w, cn as C } from "../../../libs/utils-shared/dist/index.js";
-import { flexRender as m } from "@tanstack/react-table";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { createSafeContext as f, cn as w } from "../../../libs/utils-shared/dist/index.js";
+import { flexRender as d } from "@tanstack/react-table";
 import { useCallback as R, Fragment as x } from "react";
-import { TableRoot as B, Table as k, TableLoadingRow as y, TableHeader as H, TableHeaderRow as N, TableHeaderCell as S, TableSortButton as v, TableBody as b, TableGroupHeaderRow as G, TableRow as q, TableCell as I } from "../Table/Table.js";
-import { SearchInput as F } from "../SearchInput/SearchInput.js";
-const [M, u] = w("DataTableContext"), O = ({
+import { TableRoot as B, Table as N, TableLoadingRow as k, TableColGroup as y, TableCol as H, TableHeader as S, TableHeaderRow as G, TableHeaderCell as q, TableSortButton as v, TableBody as b, TableGroupHeaderRow as I, TableRow as F, TableCell as M } from "../Table/Table.js";
+import { SearchInput as V } from "../SearchInput/SearchInput.js";
+const [j, i] = f("DataTableContext"), X = ({
   table: l,
   appearance: n = "no-background",
-  paginationMode: o = "none",
+  paginationMode: t = "none",
   loading: e = !1,
-  onScrollBottom: t,
-  onRowClick: i,
+  onScrollBottom: a,
+  onRowClick: s,
   groupBy: r,
   renderGroupHeader: c,
-  hideHeader: s = !1,
+  hideHeader: u = !1,
   stickyHeader: T = !0,
   children: p,
   className: D,
-  ref: f,
-  ...h
-}) => /* @__PURE__ */ a(
-  M,
+  ref: h,
+  ...C
+}) => /* @__PURE__ */ o(
+  j,
   {
     value: {
-      hideHeader: s,
+      hideHeader: u,
       stickyHeader: T,
-      paginationMode: o,
+      paginationMode: t,
       table: l,
       appearance: n,
       loading: e,
-      onScrollBottom: t,
-      onRowClick: i,
+      onScrollBottom: a,
+      onRowClick: s,
       groupBy: r,
       renderGroupHeader: c
     },
-    children: /* @__PURE__ */ a("div", { ref: f, className: C("flex flex-col", D), ...h, children: p })
+    children: /* @__PURE__ */ o("div", { ref: h, className: w("flex flex-col", D), ...C, children: p })
   }
-), j = ({
+), L = () => {
+  const { table: l } = i({
+    consumerName: "DataTableColGroup",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ o(y, { children: l.getVisibleLeafColumns().map((n) => {
+    const t = n.columnDef.meta;
+    return /* @__PURE__ */ o(
+      H,
+      {
+        hideBelow: t?.hideBelow,
+        className: t?.className
+      },
+      n.id
+    );
+  }) });
+}, P = ({
   className: l,
   ref: n,
-  ...o
+  ...t
 }) => {
-  const { table: e, stickyHeader: t } = u({
+  const { table: e, stickyHeader: a } = i({
     consumerName: "DataTableHeader",
     contextRequired: !0
   });
-  return /* @__PURE__ */ a(H, { ref: n, className: l, ...o, children: e.getHeaderGroups().map((i) => /* @__PURE__ */ a(N, { stickyHeader: t, children: i.headers.map((r) => {
+  return /* @__PURE__ */ o(S, { ref: n, className: l, ...t, children: e.getHeaderGroups().map((s) => /* @__PURE__ */ o(G, { stickyHeader: a, children: s.headers.map((r) => {
     const c = r.column.columnDef.meta;
-    return /* @__PURE__ */ a(
-      S,
+    return /* @__PURE__ */ o(
+      q,
       {
         align: c?.align,
         hideBelow: c?.hideBelow,
         className: c?.className,
         trailingContent: c?.headerTrailingContent,
-        children: r.isPlaceholder ? null : r.column.getCanSort() ? /* @__PURE__ */ a(
+        children: r.isPlaceholder ? null : r.column.getCanSort() ? /* @__PURE__ */ o(
           v,
           {
             sortDirection: r.column.getIsSorted() || void 0,
             onClick: r.column.getToggleSortingHandler(),
             align: c?.align,
-            children: m(
+            children: d(
               r.column.columnDef.header,
               r.getContext()
             )
           }
-        ) : m(
+        ) : d(
           r.column.columnDef.header,
           r.getContext()
         )
       },
       r.id
     );
-  }) }, i.id)) });
-}, Q = ({ className: l, ref: n, ...o }) => {
+  }) }, s.id)) });
+}, Y = ({ className: l, ref: n, ...t }) => {
   const {
     appearance: e,
-    paginationMode: t,
-    hideHeader: i,
+    paginationMode: a,
+    hideHeader: s,
     loading: r,
     onScrollBottom: c,
-    groupBy: s
-  } = u({
+    groupBy: u
+  } = i({
     consumerName: "DataTable",
     contextRequired: !0
   });
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ m(
     B,
     {
       ref: n,
@@ -93,92 +109,93 @@ const [M, u] = w("DataTableContext"), O = ({
       loading: r,
       onScrollBottom: c,
       className: l,
-      ...o,
+      ...t,
       children: [
-        /* @__PURE__ */ d(k, { children: [
-          !i && /* @__PURE__ */ a(j, {}),
-          s ? /* @__PURE__ */ a(L, {}) : /* @__PURE__ */ a(P, {})
+        /* @__PURE__ */ m(N, { children: [
+          /* @__PURE__ */ o(L, {}),
+          !s && /* @__PURE__ */ o(P, {}),
+          u ? /* @__PURE__ */ o(A, {}) : /* @__PURE__ */ o(U, {})
         ] }),
-        t === "infinite-scroll" && /* @__PURE__ */ a(y, {})
+        a === "infinite-scroll" && /* @__PURE__ */ o(k, {})
       ]
     }
   );
-}, P = ({ className: l, ref: n, ...o }) => {
-  const { table: e } = u({
+}, U = ({ className: l, ref: n, ...t }) => {
+  const { table: e } = i({
     consumerName: "DataTableBody",
     contextRequired: !0
   });
-  return /* @__PURE__ */ a(b, { ref: n, className: l, ...o, children: e.getRowModel().rows.map((t) => /* @__PURE__ */ a(g, { row: t }, t.id)) });
-}, V = (l, n) => {
-  const o = [];
+  return /* @__PURE__ */ o(b, { ref: n, className: l, ...t, children: e.getRowModel().rows.map((a) => /* @__PURE__ */ o(g, { row: a }, a.id)) });
+}, z = (l, n) => {
+  const t = [];
   let e = null;
-  for (const t of l) {
-    const i = n(t);
-    (!e || e.key !== i) && (e = { key: i, rows: [], count: 0 }, o.push(e)), e.rows.push(t), e.count++;
+  for (const a of l) {
+    const s = n(a);
+    (!e || e.key !== s) && (e = { key: s, rows: [], count: 0 }, t.push(e)), e.rows.push(a), e.count++;
   }
-  return o;
-}, L = ({
+  return t;
+}, A = ({
   className: l,
   ref: n,
-  ...o
+  ...t
 }) => {
-  const { table: e, groupBy: t, renderGroupHeader: i } = u({
+  const { table: e, groupBy: a, renderGroupHeader: s } = i({
     consumerName: "DataTableGroupedBody",
     contextRequired: !0
-  }), r = V(e.getRowModel().rows, t);
-  return /* @__PURE__ */ a(b, { ref: n, className: l, ...o, children: r.map((c) => /* @__PURE__ */ d(x, { children: [
-    /* @__PURE__ */ a(G, { colSpan: c.rows[0].getVisibleCells().length, children: i ? i({ row: c.rows[0], count: c.count }) : c.key }),
-    c.rows.map((s) => /* @__PURE__ */ a(g, { row: s }, s.id))
+  }), r = z(e.getRowModel().rows, a);
+  return /* @__PURE__ */ o(b, { ref: n, className: l, ...t, children: r.map((c) => /* @__PURE__ */ m(x, { children: [
+    /* @__PURE__ */ o(I, { colSpan: c.rows[0].getVisibleCells().length, children: s ? s({ row: c.rows[0], count: c.count }) : c.key }),
+    c.rows.map((u) => /* @__PURE__ */ o(g, { row: u }, u.id))
   ] }, c.key)) });
 }, g = ({ row: l }) => {
-  const { onRowClick: n } = u({
+  const { onRowClick: n } = i({
     consumerName: "DataTableRow",
     contextRequired: !0
-  }), o = !!n;
-  return /* @__PURE__ */ a(
-    q,
+  }), t = !!n;
+  return /* @__PURE__ */ o(
+    F,
     {
-      clickable: o,
-      onClick: o ? () => n?.(l) : void 0,
+      clickable: t,
+      onClick: t ? () => n?.(l) : void 0,
       children: l.getVisibleCells().map((e) => {
-        const t = e.column.columnDef.meta;
-        return /* @__PURE__ */ a(
-          I,
+        const a = e.column.columnDef.meta;
+        return /* @__PURE__ */ o(
+          M,
           {
-            align: t?.align,
-            hideBelow: t?.hideBelow,
-            className: t?.className,
-            children: m(e.column.columnDef.cell, e.getContext())
+            align: a?.align,
+            hideBelow: a?.hideBelow,
+            className: a?.className,
+            children: d(e.column.columnDef.cell, e.getContext())
           },
           e.id
         );
       })
     }
   );
-}, W = ({
+}, Z = ({
   onChange: l,
   ...n
 }) => {
-  const { table: o } = u({
+  const { table: t } = i({
     consumerName: "DataTableGlobalSearchInput",
     contextRequired: !0
   }), e = R(
-    (t) => {
-      o.setGlobalFilter(t.target.value), l?.(t);
+    (a) => {
+      t.setGlobalFilter(a.target.value), l?.(a);
     },
-    [o, l]
+    [t, l]
   );
-  return /* @__PURE__ */ a(
-    F,
+  return /* @__PURE__ */ o(
+    V,
     {
-      value: o.getState().globalFilter ?? "",
+      value: t.getState().globalFilter ?? "",
       onChange: e,
       ...n
     }
   );
 };
 export {
-  Q as DataTable,
-  W as DataTableGlobalSearchInput,
-  O as DataTableRoot
+  Y as DataTable,
+  Z as DataTableGlobalSearchInput,
+  X as DataTableRoot
 };

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

@@ -17,7 +17,8 @@ export type LumenColumnMeta = {
      */
     hideBelow?: Breakpoints;
     /**
-     * Custom className applied to each cell in this column including the header cell.
+     * Custom className applied to the `<col>` element (for width tokens such as `w-144`)
+     * and to each cell in this column including the header cell.
      */
     className?: string;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC,CAAC;AAGF,OAAO,QAAQ,uBAAuB,CAAC;IAErC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,CAAE,SAAQ,eAAe;KAAG;CAC/E;AAED,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,IAAI;IAChE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1C;;;OAGG;IACH,cAAc,CAAC,EAAE,iBAAiB,GAAG,YAAY,GAAG,MAAM,CAAC;IAC3D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAC7E,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC,CAAC;AAGF,OAAO,QAAQ,uBAAuB,CAAC;IAErC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,CAAE,SAAQ,eAAe;KAAG;CAC/E;AAED,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,IAAI;IAChE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1C;;;OAGG;IACH,cAAc,CAAC,EAAE,iBAAiB,GAAG,YAAY,GAAG,MAAM,CAAC;IAC3D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAC7E,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC"}

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

@@ -17,7 +17,7 @@ import { DescriptionItemLabelProps, DescriptionItemLeadingProps, DescriptionItem
  *   </DescriptionItemTrailing>
  * </DescriptionItem>
  */
-export declare const DescriptionItem: ({ ref, children, className, size, ...props }: DescriptionItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DescriptionItem: ({ ref, children, className, size, priority, ...props }: DescriptionItemProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Layout container for the leading (left) side of the description item.
  * Contains DescriptionItemLabel and an optional info icon sibling.

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

@@ -1 +1 @@
-{"version":3,"file":"DescriptionItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DescriptionItem/DescriptionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,oBAAoB,EAEpB,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAWjB;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,eAAe,GAAI,8CAM7B,oBAAoB,4CAYtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,wCAKpC,2BAA2B,4CAU7B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,wCAKlC,yBAAyB,4CAmB3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,wCAKrC,4BAA4B,4CAU9B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,wCAKlC,yBAAyB,4CAmB3B,CAAC"}
+{"version":3,"file":"DescriptionItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DescriptionItem/DescriptionItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,oBAAoB,EAEpB,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAgBjB;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,eAAe,GAAI,wDAO7B,oBAAoB,4CAiBtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,wCAKpC,2BAA2B,4CAmB7B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,wCAKlC,yBAAyB,4CAmB3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,wCAKrC,4BAA4B,4CAmB9B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,wCAKlC,yBAAyB,4CAmB3B,CAAC"}

package/dist/lib/Components/DescriptionItem/DescriptionItem.js

@@ -1,98 +1,124 @@
-import { jsx as r } from "react/jsx-runtime";
-import { createSafeContext as a, cn as m } from "../../../libs/utils-shared/dist/index.js";
-const [c, o] = a("DescriptionItemSize", {
+import { jsx as n } from "react/jsx-runtime";
+import { createSafeContext as m, cn as o } from "../../../libs/utils-shared/dist/index.js";
+const [l, c] = m("DescriptionItemSize", {
   size: "md"
-}), p = ({
+}), [p, a] = m("DescriptionItemPriority", {
+  priority: void 0
+}), D = ({
   ref: e,
   children: t,
   className: i,
-  size: s = "md",
-  ...n
-}) => /* @__PURE__ */ r(c, { value: { size: s }, children: /* @__PURE__ */ r(
+  size: r = "md",
+  priority: s = "end",
+  ...d
+}) => /* @__PURE__ */ n(l, { value: { size: r }, children: /* @__PURE__ */ n(p, { value: { priority: s }, children: /* @__PURE__ */ n(
   "div",
   {
     ref: e,
-    className: m("flex w-full items-start gap-12", i),
-    ...n,
+    className: o(
+      "flex w-full items-start gap-12 overflow-hidden",
+      i
+    ),
+    ...d,
     children: t
   }
-) }), u = ({
+) }) }), I = ({
   ref: e,
   children: t,
   className: i,
-  ...s
-}) => /* @__PURE__ */ r(
-  "div",
-  {
-    ref: e,
-    className: m("flex min-w-0 flex-1 items-center gap-4", i),
-    ...s,
-    children: t
-  }
-), x = ({
+  ...r
+}) => {
+  const { priority: s } = a({
+    consumerName: "DescriptionItemLeading",
+    contextRequired: !1
+  });
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: e,
+      className: o(
+        "flex min-w-0 grow items-center gap-4",
+        s === "end" ? "shrink" : "shrink-0",
+        i
+      ),
+      ...r,
+      children: t
+    }
+  );
+}, f = ({
   ref: e,
   children: t,
   className: i,
-  ...s
+  ...r
 }) => {
-  const { size: n } = o({
+  const { size: s } = c({
     consumerName: "DescriptionItemLabel",
     contextRequired: !1
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: e,
-      className: m(
+      className: o(
         "line-clamp-2 min-w-0 wrap-break-word text-ellipsis text-muted",
-        n === "md" ? "body-2" : "body-3",
+        s === "md" ? "body-2" : "body-3",
         i
       ),
-      ...s,
+      ...r,
       children: t
     }
   );
-}, b = ({
+}, v = ({
   ref: e,
   children: t,
   className: i,
-  ...s
-}) => /* @__PURE__ */ r(
-  "div",
-  {
-    ref: e,
-    className: m("flex max-w-4/5 shrink-0 items-center gap-4", i),
-    ...s,
-    children: t
-  }
-), f = ({
+  ...r
+}) => {
+  const { priority: s } = a({
+    consumerName: "DescriptionItemTrailing",
+    contextRequired: !1
+  });
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: e,
+      className: o(
+        "flex max-w-4/5 items-center gap-4",
+        s === "start" ? "min-w-0 shrink" : "shrink-0",
+        i
+      ),
+      ...r,
+      children: t
+    }
+  );
+}, b = ({
   ref: e,
   children: t,
   className: i,
-  ...s
+  ...r
 }) => {
-  const { size: n } = o({
+  const { size: s } = c({
     consumerName: "DescriptionItemValue",
     contextRequired: !1
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: e,
-      className: m(
+      className: o(
         "min-w-0 truncate text-base",
-        n === "md" ? "body-2-semi-bold" : "body-3-semi-bold",
+        s === "md" ? "body-2-semi-bold" : "body-3-semi-bold",
         i
       ),
-      ...s,
+      ...r,
       children: t
     }
   );
 };
 export {
-  p as DescriptionItem,
-  x as DescriptionItemLabel,
-  u as DescriptionItemLeading,
-  b as DescriptionItemTrailing,
-  f as DescriptionItemValue
+  D as DescriptionItem,
+  f as DescriptionItemLabel,
+  I as DescriptionItemLeading,
+  v as DescriptionItemTrailing,
+  b as DescriptionItemValue
 };

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

@@ -1,3 +1,4 @@
+import { Priority } from '@ledgerhq/lumen-utils-shared';
 import { ComponentPropsWithRef, ReactNode } from 'react';
 export type DescriptionItemSize = 'sm' | 'md';
 export type DescriptionItemProps = {
@@ -10,6 +11,11 @@ export type DescriptionItemProps = {
      * @default 'md'
      */
     size?: DescriptionItemSize;
+    /**
+     * The parts which are protected from shrinking and truncation when horizontal space is limited.
+     * @default 'end'
+     */
+    priority?: Priority;
     /**
      * Additional CSS classes for layout adjustments.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DescriptionItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,4BAA4B,GAAG;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DescriptionItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,4BAA4B,GAAG;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -11,7 +11,7 @@ const D = u("flex px-24 text-base", {
   variants: {
     density: {
       compact: "mb-12 h-64 min-h-64 flex-row items-center gap-12",
-      expanded: "flex-col gap-16 pb-12 pt-10"
+      expanded: "flex-col gap-16 pt-10 pb-12"
     }
   }
 }), d = ({ onBack: r }) => {

package/dist/lib/Components/DotIndicator/getDotIndicatorProps.d.ts

@@ -0,0 +1,24 @@
+export declare const getDotIndicatorProps: <Context extends "avatar", Variant extends keyof {
+    avatar: {
+        sm: {
+            size: "lg";
+            appearance: "red";
+        };
+        md: {
+            size: "xl";
+            appearance: "red";
+        };
+    };
+}[Context]>(context: Context, variant: Variant) => {
+    avatar: {
+        sm: {
+            size: "lg";
+            appearance: "red";
+        };
+        md: {
+            size: "xl";
+            appearance: "red";
+        };
+    };
+}[Context][Variant];
+//# sourceMappingURL=getDotIndicatorProps.d.ts.map

package/dist/lib/Components/DotIndicator/getDotIndicatorProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDotIndicatorProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/getDotIndicatorProps.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;mBAM/B,CAAC"}

package/dist/lib/Components/DotIndicator/getDotIndicatorProps.js

@@ -0,0 +1,11 @@
+import { createPropsResolver as e } from "../../../libs/utils-shared/dist/index.js";
+const a = e({
+  // larger avatars (`lg`, `xl`) don't render a dot indicator
+  avatar: {
+    sm: { size: "lg", appearance: "red" },
+    md: { size: "xl", appearance: "red" }
+  }
+});
+export {
+  a as getDotIndicatorProps
+};

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

@@ -1,3 +1,4 @@
 export * from './DotIndicator';
+export * from './getDotIndicatorProps';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC"}

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

@@ -4,14 +4,14 @@ import { createElement as k } from "react";
 const h = a("inline-block shrink-0", {
   variants: {
     size: {
-      12: "icon-w-12 icon-h-12 icon-stroke-12",
-      16: "icon-w-16 icon-h-16 icon-stroke-16",
-      20: "icon-w-20 icon-h-20 icon-stroke-20",
-      32: "icon-w-32 icon-h-32 icon-stroke-32",
-      24: "icon-w-24 icon-h-24 icon-stroke-24",
-      40: "icon-w-40 icon-h-40 icon-stroke-40",
-      48: "icon-w-48 icon-h-48 icon-stroke-48",
-      56: "icon-w-56 icon-h-56 icon-stroke-56"
+      12: "icon-h-12 icon-w-12 icon-stroke-12",
+      16: "icon-h-16 icon-w-16 icon-stroke-16",
+      20: "icon-h-20 icon-w-20 icon-stroke-20",
+      32: "icon-h-32 icon-w-32 icon-stroke-32",
+      24: "icon-h-24 icon-w-24 icon-stroke-24",
+      40: "icon-h-40 icon-w-40 icon-stroke-40",
+      48: "icon-h-48 icon-w-48 icon-stroke-48",
+      56: "icon-h-56 icon-w-56 icon-stroke-56"
     }
   },
   defaultVariants: {

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":"AAUA,OAAO,KAAK,EACV,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,aAAa,EACb,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAsCjB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,QAAQ,GAAI,4BAA4B,aAAa,4CAgCjE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAKhC,uBAAuB,4CAmBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,wCAK3B,kBAAkB,4CAwBpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAwB1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAK9B,qBAAqB,4CAqBvB,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,aAAa,EACb,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AA+DjB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,QAAQ,GAAI,4BAA4B,aAAa,4CAsCjE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAmBtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAmBtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAKhC,uBAAuB,4CAmBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,wCAK3B,kBAAkB,4CAwBpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAwB1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAK9B,qBAAqB,4CA0BvB,CAAC"}