@ledgerhq/lumen-ui-react 0.1.60 → 0.1.62

package/dist/lib/Components/core/Stepper/types.d.ts

@@ -1,7 +1,17 @@
 import { ComponentPropsWithRef } from 'react';
 export type StepperProps = {
     /**
-     * Current step number (1-based). Use 0 or negative to show minimal dot (before starting).
+     * The visual style of the stepper's segments.
+     * @default accent
+     */
+    appearance?: 'accent' | 'success';
+    /**
+     * The overall dimensions of the stepper.
+     * @default md
+     */
+    size?: 'md' | 'lg';
+    /**
+     * Current step number (1-based).
      */
     currentStep: number;
     /**
@@ -9,7 +19,7 @@ export type StepperProps = {
      */
     totalSteps: number;
     /**
-     * Whether the stepper is disabled. Changes the progress arc to a muted style.
+     * Whether the stepper is disabled. Changes the progress to a muted style.
      * @default false
      */
     disabled?: boolean;

package/dist/lib/Components/core/Stepper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/dist/lib/Components/core/Switch/Switch.js

@@ -1,4 +1,4 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { useDisabledContext as h, cn as s } from "../../../../libs/utils-shared/dist/index.js";
 import * as a from "@radix-ui/react-switch";
 import { cva as d } from "class-variance-authority";
@@ -39,7 +39,7 @@ const b = d(
   selected: r,
   defaultSelected: n,
   onChange: c,
-  size: t = "md",
+  size: e = "md",
   disabled: l,
   ...u
 }) => {
@@ -47,17 +47,17 @@ const b = d(
     consumerName: "Switch",
     mergeWith: { disabled: l }
   });
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     a.Root,
     {
       ref: i,
-      className: s(b({ size: t }), o),
+      className: s(b({ size: e }), o),
       checked: r,
       defaultChecked: n,
       onCheckedChange: c,
       disabled: m,
       ...u,
-      children: /* @__PURE__ */ e(a.Thumb, { className: g({ size: t }) })
+      children: /* @__PURE__ */ t(a.Thumb, { className: g({ size: e }) })
     }
   );
 };

package/dist/lib/Components/core/Table/Table.js

@@ -9,7 +9,7 @@ import { ChevronUpDown as B } from "../../symbols/icons/ChevronUpDown.js";
 import { ChevronDescending as j } from "../../symbols/icons/ChevronDescending.js";
 import { ChevronAscending as I } from "../../symbols/icons/ChevronAscending.js";
 import { InteractiveIcon as A } from "../InteractiveIcon/InteractiveIcon.js";
-const [V, u] = h("Table"), k = c(
+const [k, u] = h("Table"), q = c(
   "relative scrollbar-none w-full max-w-full border-collapse overflow-x-auto rounded-lg",
   {
     variants: {
@@ -32,12 +32,12 @@ const [V, u] = h("Table"), k = c(
     onScrollBottom: a,
     loading: r
   });
-  return /* @__PURE__ */ l(V, { value: { appearance: e, loading: r }, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(k, { value: { appearance: e, loading: r }, children: /* @__PURE__ */ l(
     "div",
     {
       ...i,
       ref: o,
-      className: k({ appearance: e, className: t }),
+      className: q({ appearance: e, className: t }),
       onScroll: d,
       children: n
     }
@@ -55,7 +55,7 @@ const [V, u] = h("Table"), k = c(
   className: e,
   ref: t,
   ...a
-}) => /* @__PURE__ */ l("colgroup", { ref: t, className: e, ...a, children: n }), q = c("", {
+}) => /* @__PURE__ */ l("colgroup", { ref: t, className: e, ...a, children: n }), H = c("", {
   variants: {
     hideBelow: {
       xs: "hidden xs:table-column",
@@ -74,7 +74,7 @@ const [V, u] = h("Table"), k = c(
   "col",
   {
     ref: t,
-    className: q({ hideBelow: e, className: n }),
+    className: H({ hideBelow: e, className: n }),
     ...a
   }
 ), _ = ({
@@ -107,7 +107,7 @@ const [V, u] = h("Table"), k = c(
     ...o,
     children: n
   }
-), H = c("", {
+), L = c("", {
   variants: {
     appearance: {
       "no-background": "bg-canvas",
@@ -133,7 +133,7 @@ const [V, u] = h("Table"), k = c(
     "tr",
     {
       ref: a,
-      className: H({ appearance: o, stickyHeader: t, className: e }),
+      className: L({ appearance: o, stickyHeader: t, className: e }),
       ...r,
       children: n
     }
@@ -197,7 +197,7 @@ const [V, u] = h("Table"), k = c(
     ...o,
     children: /* @__PURE__ */ l("div", { className: p.inner({ align: a }), children: n })
   }
-), [S, m] = h("TableCellItem", { align: "start" }), L = c("flex min-w-0 items-center gap-12", {
+), [S, m] = h("TableCellItem", { align: "start" }), V = c("flex min-w-0 items-center gap-12", {
   variants: {
     align: {
       start: "text-start",
@@ -214,7 +214,7 @@ const [V, u] = h("Table"), k = c(
   "div",
   {
     ref: a,
-    className: L({ align: e, className: n }),
+    className: V({ align: e, className: n }),
     ...r,
     children: t
   }

package/dist/lib/Components/core/TileButton/TileButton.js

@@ -1,9 +1,9 @@
 import { jsxs as x, jsx as t } from "react/jsx-runtime";
 import { useDisabledContext as g, cn as v } from "../../../../libs/utils-shared/dist/index.js";
-import { Slot as y, Slottable as N } from "@radix-ui/react-slot";
+import { Slot as y, Slottable as C } from "@radix-ui/react-slot";
 import { cva as i } from "class-variance-authority";
-import { useCallback as V } from "react";
-const h = i(
+import { useCallback as N } from "react";
+const V = i(
   [
     "flex flex-col items-center gap-8 rounded-md p-12",
     "bg-surface body-2-semi-bold transition-colors",
@@ -29,7 +29,7 @@ const h = i(
       isFull: !1
     }
   }
-), k = i("shrink-0", {
+), h = i("shrink-0", {
   variants: {
     appearance: {
       gray: "text-base",
@@ -59,7 +59,7 @@ const h = i(
   const e = g({
     consumerName: "TileButton",
     mergeWith: { disabled: c }
-  }), p = V(
+  }), p = N(
     (o) => {
       if (e) {
         o.preventDefault();
@@ -75,7 +75,7 @@ const h = i(
       ref: n,
       type: a ? void 0 : "button",
       className: v(
-        h({ disabled: e, isFull: u, appearance: l }),
+        V({ disabled: e, isFull: u, appearance: l }),
         b
       ),
       onClick: p,
@@ -84,8 +84,8 @@ const h = i(
       "aria-label": f,
       ...m,
       children: [
-        /* @__PURE__ */ t(d, { size: 20, className: k({ disabled: e, appearance: l }) }),
-        a ? /* @__PURE__ */ t(N, { children: s }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-center", children: s })
+        /* @__PURE__ */ t(d, { size: 20, className: h({ disabled: e, appearance: l }) }),
+        a ? /* @__PURE__ */ t(C, { children: s }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-center", children: s })
       ]
     }
   );

package/dist/lib/Components/core/Timeline/Timeline.d.ts

@@ -0,0 +1,54 @@
+import { TimelineItemCaptionProps, TimelineItemBodyProps, TimelineItemDescriptionProps, TimelineItemHeaderProps, TimelineItemLeadingProps, TimelineItemLeadingRowProps, TimelineItemProps, TimelineItemTitleProps, TimelineItemTrailingProps, TimelineProps } from './types';
+/**
+ * Vertical timeline. Lays out its items and holds no state of its own.
+ *
+ * @example
+ * <Timeline>
+ *   <TimelineItem>
+ *     <TimelineItemHeader>
+ *       <TimelineItemLeading>
+ *         <TimelineItemTitle>Payment confirmed</TimelineItemTitle>
+ *       </TimelineItemLeading>
+ *     </TimelineItemHeader>
+ *   </TimelineItem>
+ * </Timeline>
+ */
+export declare const Timeline: ({ ref, children, className, ...props }: TimelineProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * One row of a timeline. Draws the indicator from `status` and the connector
+ * to the neighbouring items.
+ */
+export declare const TimelineItem: ({ ref, status, children, className, ...props }: TimelineItemProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Row beside the indicator. Holds the leading column and the trailing slot.
+ */
+export declare const TimelineItemHeader: ({ ref, children, className, ...props }: TimelineItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Caption, title, and description column.
+ */
+export declare const TimelineItemLeading: ({ ref, children, className, ...props }: TimelineItemLeadingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Horizontal row for a title or description beside a tag.
+ */
+export declare const TimelineItemLeadingRow: ({ ref, children, className, ...props }: TimelineItemLeadingRowProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Overline above the title.
+ */
+export declare const TimelineItemCaption: ({ ref, children, className, ...props }: TimelineItemCaptionProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Title. An `idle` item uses the muted tone.
+ */
+export declare const TimelineItemTitle: ({ ref, children, className, ...props }: TimelineItemTitleProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Description under the title.
+ */
+export declare const TimelineItemDescription: ({ ref, children, className, ...props }: TimelineItemDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * End-aligned slot in the header.
+ */
+export declare const TimelineItemTrailing: ({ ref, children, className, ...props }: TimelineItemTrailingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Block under the header, indented past the indicator.
+ */
+export declare const TimelineItemBody: ({ ref, children, className, ...props }: TimelineItemBodyProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Timeline.d.ts.map

package/dist/lib/Components/core/Timeline/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Timeline/Timeline.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACrB,4BAA4B,EAC5B,uBAAuB,EACvB,wBAAwB,EACxB,2BAA2B,EAC3B,iBAAiB,EAEjB,sBAAsB,EACtB,yBAAyB,EACzB,aAAa,EACd,MAAM,SAAS,CAAC;AAmEjB;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,GAAI,wCAKtB,aAAa,4CAUf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,gDAM1B,iBAAiB,4CAiBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAKhC,uBAAuB,4CAmBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAU1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,wCAKpC,2BAA2B,4CAU7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAU1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,wCAK/B,sBAAsB,4CAexB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,wCAKrC,4BAA4B,4CAU9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,wCAKlC,yBAAyB,4CAa3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAK9B,qBAAqB,4CAUvB,CAAC"}

package/dist/lib/Components/core/Timeline/Timeline.js

@@ -0,0 +1,228 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { cn as s, createSafeContext as d } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as o } from "class-variance-authority";
+import { Spinner as c } from "../Spinner/Spinner.js";
+import { ClockFill as u } from "../../symbols/icons/ClockFill.js";
+import { DeleteCircleFill as x } from "../../symbols/icons/DeleteCircleFill.js";
+import { CheckmarkCircleFill as f } from "../../symbols/icons/CheckmarkCircleFill.js";
+const [p, m] = d("TimelineItem"), h = o("min-w-0 truncate body-2-semi-bold", {
+  variants: {
+    muted: {
+      true: "text-muted",
+      false: "text-base"
+    }
+  }
+}), N = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "size-12 rounded-full bg-muted-pressed" }), b = {
+  success: /* @__PURE__ */ t(f, { "aria-hidden": !0, className: "text-success", size: 24 }),
+  error: /* @__PURE__ */ t(x, { "aria-hidden": !0, className: "text-error", size: 24 }),
+  pending: /* @__PURE__ */ t(u, { "aria-hidden": !0, className: "text-muted", size: 24 }),
+  loading: /* @__PURE__ */ t(c, { className: "text-muted", size: 24 }),
+  idle: /* @__PURE__ */ t(
+    "span",
+    {
+      "aria-hidden": !0,
+      className: "size-20 rounded-full border-2 border-muted-subtle-hover"
+    }
+  )
+}, v = ({ status: e }) => /* @__PURE__ */ t(
+  "span",
+  {
+    className: "mt-16 flex size-32 shrink-0 items-center justify-center self-start",
+    "data-testid": `timeline-indicator-${e ?? "neutral"}`,
+    children: e ? b[e] : N
+  }
+), T = () => /* @__PURE__ */ l(
+  "div",
+  {
+    "aria-hidden": !0,
+    className: "pointer-events-none absolute inset-y-0 start-0 flex w-32 flex-col items-center",
+    children: [
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: "h-16 w-0 shrink-0 border-l-2 border-muted-subtle-hover group-first/item:invisible",
+          "data-line": "in"
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: "h-32 shrink-0" }),
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: "w-0 flex-1 border-l-2 border-muted-subtle-hover group-last/item:hidden",
+          "data-line": "out"
+        }
+      )
+    ]
+  }
+), R = ({
+  ref: e,
+  children: i,
+  className: n,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: s("flex w-full min-w-0 flex-col", n),
+    ...r,
+    children: i
+  }
+), j = ({
+  ref: e,
+  status: i,
+  children: n,
+  className: r,
+  ...a
+}) => /* @__PURE__ */ t(p, { value: { status: i }, children: /* @__PURE__ */ l(
+  "div",
+  {
+    ref: e,
+    "data-testid": "timeline-item",
+    className: s(
+      "group/item relative flex w-full min-w-0 flex-col",
+      r
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ t(T, {}),
+      n
+    ]
+  }
+) }), F = ({
+  ref: e,
+  children: i,
+  className: n,
+  ...r
+}) => {
+  const { status: a } = m({
+    consumerName: "TimelineItemHeader",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ref: e,
+      className: s(
+        "flex min-h-64 w-full min-w-0 items-center gap-8",
+        n
+      ),
+      ...r,
+      children: [
+        /* @__PURE__ */ t(v, { status: a }),
+        i
+      ]
+    }
+  );
+}, L = ({
+  ref: e,
+  children: i,
+  className: n,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: s("flex min-w-0 flex-1 flex-col gap-2", n),
+    ...r,
+    children: i
+  }
+), S = ({
+  ref: e,
+  children: i,
+  className: n,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: s("flex min-w-0 items-center gap-4", n),
+    ...r,
+    children: i
+  }
+), q = ({
+  ref: e,
+  children: i,
+  className: n,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: s("min-w-0 truncate body-4 text-muted", n),
+    ...r,
+    children: i
+  }
+), B = ({
+  ref: e,
+  children: i,
+  className: n,
+  ...r
+}) => {
+  const { status: a } = m({
+    consumerName: "TimelineItemTitle",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: e,
+      className: s(h({ muted: a === "idle" }), n),
+      ...r,
+      children: i
+    }
+  );
+}, D = ({
+  ref: e,
+  children: i,
+  className: n,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: s("min-w-0 truncate body-3 text-muted", n),
+    ...r,
+    children: i
+  }
+), H = ({
+  ref: e,
+  children: i,
+  className: n,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: s(
+      "ms-auto flex shrink-0 flex-col items-end text-end body-2-semi-bold text-base",
+      n
+    ),
+    ...r,
+    children: i
+  }
+), P = ({
+  ref: e,
+  children: i,
+  className: n,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: s("ms-40 min-w-0 pt-8 pb-12 body-3 text-muted", n),
+    ...r,
+    children: i
+  }
+);
+export {
+  R as Timeline,
+  j as TimelineItem,
+  P as TimelineItemBody,
+  q as TimelineItemCaption,
+  D as TimelineItemDescription,
+  F as TimelineItemHeader,
+  L as TimelineItemLeading,
+  S as TimelineItemLeadingRow,
+  B as TimelineItemTitle,
+  H as TimelineItemTrailing
+};

package/dist/lib/Components/core/Timeline/index.d.ts

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

package/dist/lib/Components/core/Timeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Timeline/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/lib/Components/core/Timeline/types.d.ts

@@ -0,0 +1,148 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type TimelineItemStatus = 'idle' | 'success' | 'error' | 'pending' | 'loading';
+/**
+ * Props for the Timeline root.
+ */
+export type TimelineProps = {
+    /**
+     * The timeline items.
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+/**
+ * Props for one timeline item.
+ */
+export type TimelineItemProps = {
+    /**
+     * Indicator and title tone. Omit it for a neutral item.
+     * @default undefined
+     */
+    status?: TimelineItemStatus;
+    /**
+     * Header and content of the item.
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+/**
+ * Props for the row beside the indicator.
+ */
+export type TimelineItemHeaderProps = {
+    /**
+     * Leading and trailing parts.
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+/**
+ * Props for the text column opposite the trailing slot.
+ */
+export type TimelineItemLeadingProps = {
+    /**
+     * Caption, title, and description.
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+/**
+ * Props for a horizontal row inside the leading column.
+ */
+export type TimelineItemLeadingRowProps = {
+    /**
+     * A title or description beside an optional tag.
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+/**
+ * Props for the overline above the title.
+ */
+export type TimelineItemCaptionProps = {
+    /**
+     * Overline text. A date is the common case.
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+/**
+ * Props for the item title.
+ */
+export type TimelineItemTitleProps = {
+    /**
+     * Title text.
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+/**
+ * Props for the description under the title.
+ */
+export type TimelineItemDescriptionProps = {
+    /**
+     * Description text.
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+/**
+ * Props for the end-aligned header slot.
+ */
+export type TimelineItemTrailingProps = {
+    /**
+     * Amount, tag, or text.
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+/**
+ * Props for the block under the header.
+ */
+export type TimelineItemBodyProps = {
+    /**
+     * Content indented past the indicator.
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Custom classname.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/core/Timeline/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Timeline/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAC1B,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IACzC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/dist/lib/Components/core/Toast/Toast.d.ts

@@ -0,0 +1,25 @@
+import { ToastProps } from './types';
+/**
+ * A single toast item: an inverted, compact surface with a status icon or
+ * spinner, a title, an optional trailing action and a close button.
+ *
+ * This is the presentational piece. For the queue, timing and imperative API,
+ * use `Toaster` + `toast`.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-toast--docs Guidelines}
+ *
+ * @example
+ * import { Toast } from '@ledgerhq/lumen-ui-react';
+ *
+ * <Toast appearance="success" title="Payment done" onClose={() => {}} />
+ *
+ * @example
+ * // Loading with an action
+ * <Toast
+ *   loading
+ *   title="Uploading…"
+ *   action={{ label: 'Cancel', onAction: () => {} }}
+ * />
+ */
+export declare const Toast: ({ ref, appearance, loading, title, action, onClose, closeAriaLabel, className, role, ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/lib/Components/core/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Toast/Toast.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,SAAS,CAAC;AAU3D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,KAAK,GAAI,iGAWnB,UAAU,4CAqDZ,CAAC"}