@ledgerhq/lumen-ui-react 0.1.60 → 0.1.62

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

@@ -0,0 +1,68 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as l } from "../../../../libs/utils-shared/dist/index.js";
+import { toastVariants as x } from "./styles.js";
+import { useCommonTranslation as N } from "../../../../i18n/useCommonTranslation.js";
+import { Spinner as v } from "../Spinner/Spinner.js";
+import { Button as u } from "../Button/Button.js";
+import { IconButton as k } from "../IconButton/IconButton.js";
+import { Close as b } from "../../symbols/icons/Close.js";
+import { DeleteCircleFill as w } from "../../symbols/icons/DeleteCircleFill.js";
+import { WarningFill as z } from "../../symbols/icons/WarningFill.js";
+import { CheckmarkCircleFill as C } from "../../symbols/icons/CheckmarkCircleFill.js";
+const g = {
+  success: /* @__PURE__ */ e(C, { size: 20, className: "text-success-on-interactive" }),
+  warning: /* @__PURE__ */ e(z, { size: 20, className: "text-warning-on-interactive" }),
+  error: /* @__PURE__ */ e(w, { size: 20, className: "text-error-on-interactive" })
+}, V = ({
+  ref: n,
+  appearance: s = "info",
+  loading: i = !1,
+  title: m,
+  action: r,
+  onClose: o,
+  closeAriaLabel: c,
+  className: f,
+  role: p,
+  ...d
+}) => {
+  const { t: h } = N(), t = i || s !== "info";
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: n,
+      role: p ?? (s === "error" || s === "warning" ? "alert" : "status"),
+      className: l(x({ hasLeading: t }), f),
+      ...d,
+      children: [
+        i ? /* @__PURE__ */ e("div", { className: "pt-10", children: /* @__PURE__ */ e(v, { size: 20, className: "shrink-0 text-on-interactive" }) }) : s !== "info" && /* @__PURE__ */ e("span", { className: "flex shrink-0 pt-10", children: g[s] }),
+        /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-wrap items-start gap-8", children: [
+          /* @__PURE__ */ e("div", { className: "min-w-0 flex-auto pt-10 pr-16 last:pb-10", children: /* @__PURE__ */ e("p", { className: "line-clamp-5 body-2", children: m }) }),
+          r && /* @__PURE__ */ e(
+            u,
+            {
+              appearance: "base",
+              size: "sm",
+              className: l("shrink-0", t && "-ml-16"),
+              onClick: r.onAction,
+              children: r.label
+            }
+          )
+        ] }),
+        o && /* @__PURE__ */ e(
+          k,
+          {
+            appearance: "base",
+            size: "sm",
+            className: "shrink-0",
+            icon: b,
+            onClick: () => o(),
+            "aria-label": c || h("common.closeAriaLabel")
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  V as Toast
+};

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

@@ -0,0 +1,27 @@
+import { ToasterProps } from './types';
+/**
+ * Subscribes to the module-level toast store and renders the queue viewport
+ * in a portal on `document.body`. Mount it once, anywhere in the tree — it
+ * takes no children. `toast.*` from `@ledgerhq/lumen-utils-shared` works even
+ * before this mounts, or from outside the React tree entirely.
+ *
+ * Mount exactly one `<Toaster />` for the whole app. Every instance renders
+ * the full queue, so a second one duplicates every toast on screen — mounting
+ * more than one logs a console warning.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-toast--docs Guidelines}
+ *
+ * @example
+ * import { Toaster } from '@ledgerhq/lumen-ui-react';
+ *
+ * function App() {
+ *   return (
+ *     <>
+ *       <Toaster position="bottom-right" maxItems={3} />
+ *       <Routes />
+ *     </>
+ *   );
+ * }
+ */
+export declare const Toaster: ({ maxItems, position, insets, durations, }: ToasterProps) => import('react').ReactPortal | null;
+//# sourceMappingURL=Toaster.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Toast/Toaster.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAa,YAAY,EAAiB,MAAM,SAAS,CAAC;AAqDtE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO,GAAI,4CAKrB,YAAY,uCA+Cd,CAAC"}

package/dist/lib/Components/core/Toast/Toaster.js

@@ -0,0 +1,92 @@
+import { jsx as l } from "react/jsx-runtime";
+import { toastStore as n, resolveMaxItems as v, useToastBacklog as g, resolveDurationMs as b, useToastLifecycle as T } from "../../../../libs/utils-shared/dist/index.js";
+import { useSyncExternalStore as S, useState as x, useEffect as y } from "react";
+import { createPortal as M } from "react-dom";
+import { useToastCollapse as V } from "./hooks/useToastCollapse.js";
+import { useToastViewportPause as E } from "./hooks/useToastViewportPause.js";
+import { positionVariants as w, collapseVariants as C, slideExitVariants as I, queuedEnterVariants as N, slideEnterVariants as P } from "./styles.js";
+import { Toast as W } from "./Toast.js";
+const q = ({
+  item: t,
+  durationMs: s,
+  queued: o,
+  position: r,
+  paused: c,
+  onDismiss: d
+}) => {
+  const e = t.exiting ?? !1, { contentRef: u, height: p } = V();
+  T({ durationMs: s, paused: c, exiting: e, onDismiss: d });
+  const a = r.startsWith("top") ? "top" : "bottom", m = () => e ? I({ position: r }) : o ? N({ edge: a }) : P({ position: r });
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "toast-collapse",
+      className: C({ edge: a, exiting: e }),
+      style: { height: e ? 0 : p },
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          ref: u,
+          "data-slot": "toast-item",
+          className: m(),
+          style: e ? { animationFillMode: "forwards" } : void 0,
+          children: /* @__PURE__ */ l(
+            W,
+            {
+              appearance: t.appearance,
+              loading: t.loading,
+              title: t.title,
+              action: t.action,
+              onClose: t.dismissible ? d : void 0
+            }
+          )
+        }
+      )
+    }
+  );
+}, G = ({
+  maxItems: t = 3,
+  position: s = "bottom-right",
+  insets: o = {},
+  durations: r
+}) => {
+  const c = S(
+    n.subscribe,
+    n.getSnapshot,
+    n.getServerSnapshot
+  ), [d, e] = x(!1), { paused: u, viewportProps: p } = E();
+  y(() => (e(!0), n.registerRenderer()), []);
+  const a = v(t), m = c.slice(0, a), h = g(c, a), f = s.startsWith("top");
+  return d ? M(
+    /* @__PURE__ */ l(
+      "div",
+      {
+        "data-slot": "toast-viewport",
+        className: w({ position: s }),
+        style: {
+          left: o.left,
+          right: o.right,
+          top: f ? o.top : void 0,
+          bottom: f ? void 0 : o.bottom
+        },
+        ...p,
+        children: m.map((i) => /* @__PURE__ */ l(
+          q,
+          {
+            item: i,
+            durationMs: b(i, r),
+            queued: h(i.id),
+            position: s,
+            paused: u,
+            onDismiss: () => n.dismiss(i.id)
+          },
+          i.id
+        ))
+      }
+    ),
+    document.body
+  ) : null;
+};
+export {
+  G as Toaster
+};

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

@@ -0,0 +1,15 @@
+import { RefObject } from 'react';
+type UseToastCollapseReturn = {
+    contentRef: RefObject<HTMLDivElement | null>;
+    height: number | undefined;
+};
+/**
+ * Measures the toast content so the collapse slot can animate its height.
+ * `height` stays `undefined` until the first observation, leaving the slot
+ * at its intrinsic size.
+ *
+ * @internal
+ */
+export declare const useToastCollapse: () => UseToastCollapseReturn;
+export {};
+//# sourceMappingURL=useToastCollapse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useToastCollapse.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/core/Toast/hooks/useToastCollapse.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,QAAO,sBAgBnC,CAAC"}

package/dist/lib/Components/core/Toast/hooks/useToastCollapse.js

@@ -0,0 +1,15 @@
+import { useRef as c, useState as u, useEffect as i } from "react";
+const f = 8, d = () => {
+  const e = c(null), [s, r] = u(null);
+  return i(() => {
+    const t = e.current;
+    if (!t || typeof ResizeObserver > "u") return;
+    const n = new ResizeObserver(([o]) => {
+      r(o.contentRect.height + f);
+    });
+    return n.observe(t), () => n.disconnect();
+  }, []), { contentRef: e, height: s ?? void 0 };
+};
+export {
+  d as useToastCollapse
+};

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

@@ -0,0 +1,24 @@
+import { FocusEvent } from 'react';
+type ToastViewportPauseProps = {
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onPointerDown: () => void;
+    onPointerUp: () => void;
+    onPointerCancel: () => void;
+    onFocus: () => void;
+    onBlur: (event: FocusEvent<HTMLDivElement>) => void;
+};
+type UseToastViewportPauseReturn = {
+    paused: boolean;
+    viewportProps: ToastViewportPauseProps;
+};
+/**
+ * Pauses toast timers while the pointer rests on the viewport, or while
+ * keyboard focus is inside it. A pointer press does not count as focus, so
+ * clicking an action does not keep the toast open after the pointer leaves.
+ *
+ * @internal
+ */
+export declare const useToastViewportPause: () => UseToastViewportPauseReturn;
+export {};
+//# sourceMappingURL=useToastViewportPause.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useToastViewportPause.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/core/Toast/hooks/useToastViewportPause.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,uBAAuB,GAAG;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,uBAAuB,CAAC;CACxC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,QAAO,2BA8BxC,CAAC"}

package/dist/lib/Components/core/Toast/hooks/useToastViewportPause.js

@@ -0,0 +1,27 @@
+import { useState as s, useRef as i } from "react";
+const f = () => {
+  const [u, t] = s(!1), [a, e] = s(!1), r = i(!1), o = () => {
+    r.current = !1;
+  };
+  return {
+    paused: u || a,
+    viewportProps: {
+      onMouseEnter: () => t(!0),
+      onMouseLeave: () => t(!1),
+      onPointerDown: () => {
+        r.current = !0, e(!1);
+      },
+      onPointerUp: o,
+      onPointerCancel: o,
+      onFocus: () => {
+        r.current || e(!0);
+      },
+      onBlur: (n) => {
+        n.currentTarget.contains(n.relatedTarget) || e(!1);
+      }
+    }
+  };
+};
+export {
+  f as useToastViewportPause
+};

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

@@ -0,0 +1,5 @@
+export { toast } from '@ledgerhq/lumen-utils-shared';
+export { Toast } from './Toast';
+export { Toaster } from './Toaster';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,20 @@
+export declare const toastVariants: (props?: ({
+    hasLeading?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const positionVariants: (props?: ({
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const collapseVariants: (props?: ({
+    edge?: "bottom" | "top" | null | undefined;
+    exiting?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const slideEnterVariants: (props?: ({
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const queuedEnterVariants: (props?: ({
+    edge?: "bottom" | "top" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const slideExitVariants: (props?: ({
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Toast/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;8EAUzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;8EAc5B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;8EAc5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAW7B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAO9B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;8EAW5B,CAAC"}

package/dist/lib/Components/core/Toast/styles.js

@@ -0,0 +1,77 @@
+import { cva as t } from "class-variance-authority";
+const o = t(
+  "flex min-h-56 w-full items-start gap-8 rounded-md bg-interactive py-8 pr-10 text-on-interactive",
+  {
+    variants: {
+      hasLeading: {
+        true: "pl-12",
+        false: "pl-16"
+      }
+    }
+  }
+), i = t(
+  "pointer-events-none fixed inset-x-24 z-toast flex",
+  {
+    variants: {
+      position: {
+        "top-left": "top-24 flex-col items-start",
+        "top-center": "top-24 flex-col items-center",
+        "top-right": "top-24 flex-col items-end",
+        "bottom-left": "bottom-24 flex-col-reverse items-start",
+        "bottom-center": "bottom-24 flex-col-reverse items-center",
+        "bottom-right": "bottom-24 flex-col-reverse items-end"
+      }
+    }
+  }
+), n = t(
+  "pointer-events-auto flex w-full max-w-400 flex-col transition-[height] duration-300 ease-out",
+  {
+    variants: {
+      edge: {
+        top: "justify-start",
+        bottom: "justify-end"
+      },
+      exiting: {
+        true: "z-0",
+        false: "z-10"
+      }
+    }
+  }
+), a = t("", {
+  variants: {
+    position: {
+      "top-left": "animate-slide-in-from-left",
+      "top-center": "animate-slide-in-from-top",
+      "top-right": "animate-slide-in-from-right",
+      "bottom-left": "animate-slide-in-from-left",
+      "bottom-center": "animate-slide-in-from-bottom",
+      "bottom-right": "animate-slide-in-from-right"
+    }
+  }
+}), s = t("", {
+  variants: {
+    edge: {
+      top: "animate-slide-in-from-bottom",
+      bottom: "animate-slide-in-from-top"
+    }
+  }
+}), r = t("", {
+  variants: {
+    position: {
+      "top-left": "animate-slide-out-to-left",
+      "top-center": "animate-slide-out-to-top",
+      "top-right": "animate-slide-out-to-right",
+      "bottom-left": "animate-slide-out-to-left",
+      "bottom-center": "animate-slide-out-to-bottom",
+      "bottom-right": "animate-slide-out-to-right"
+    }
+  }
+});
+export {
+  n as collapseVariants,
+  i as positionVariants,
+  s as queuedEnterVariants,
+  a as slideEnterVariants,
+  r as slideExitVariants,
+  o as toastVariants
+};

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

@@ -0,0 +1,81 @@
+import { ToastAction, ToastAppearance } from '@ledgerhq/lumen-utils-shared';
+import { ComponentPropsWithRef } from 'react';
+export type { ToastAction, ToastAppearance, ToastController, ToastItem, ToastNotifyOptions, ToastPromiseOptions, ToastPromiseState, ToastUpdateOptions, } from '@ledgerhq/lumen-utils-shared';
+/**
+ * Corner or edge the queue is anchored to. Items enter from the same edge.
+ */
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+/**
+ * Props for the presentational `Toast` item.
+ */
+export type ToastProps = {
+    /**
+     * The status of the toast, driving the leading icon.
+     * @default info
+     */
+    appearance?: ToastAppearance;
+    /**
+     * Replaces the leading status icon with a spinner.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * The main text. Wraps over up to five lines, then truncates.
+     * @required
+     */
+    title: string;
+    /**
+     * Optional trailing action button. Pressing it does not dismiss the toast.
+     * It wraps onto its own row, aligned with the title, when it cannot share
+     * the title's row.
+     */
+    action?: ToastAction;
+    /**
+     * Optional close handler. When provided, a close button is rendered, pinned
+     * to the top right whatever the title and action wrap to.
+     */
+    onClose?: () => void;
+    /**
+     * Accessible label for the close button.
+     */
+    closeAriaLabel?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'title'>;
+/**
+ * Distance from each viewport edge, in px, replacing the default gap on that
+ * edge — e.g. the height of a sticky composer plus some breathing room.
+ * `top` and `bottom` apply only to the edge matching `position`; the other is
+ * ignored. Unset edges keep the default gap.
+ */
+export type ToastInsets = {
+    top?: number;
+    left?: number;
+    bottom?: number;
+    right?: number;
+};
+/**
+ * Props for `Toaster`.
+ */
+export type ToasterProps = {
+    /**
+     * Maximum number of toasts visible at once. Must be a positive integer.
+     * Extra items wait in a FIFO backlog and appear as visible slots free up.
+     * @default 3
+     */
+    maxItems?: number;
+    /**
+     * The corner or edge the queue is anchored to.
+     * @default bottom-right
+     */
+    position?: ToastPosition;
+    /**
+     * Per-edge distance from the viewport edge, overriding the default gap, so
+     * the queue stays clear of fixed UI such as a composer or a bottom bar.
+     * @default {}
+     */
+    insets?: ToastInsets;
+    /**
+     * Per-appearance duration overrides, layered over the Lumen status defaults.
+     */
+    durations?: Partial<Record<ToastAppearance, number>>;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,YAAY,EACV,WAAW,EACX,eAAe,EACf,eAAe,EACf,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AAEtC;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;CACtD,CAAC"}

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

@@ -40,7 +40,7 @@ const T = f("inline-flex items-center", {
   negative: v,
   neutral: null
 };
-function M({
+function L({
   value: e,
   size: t = "md",
   disabled: r = !1,
@@ -67,5 +67,5 @@ function M({
   );
 }
 export {
-  M as Trend
+  L as Trend
 };

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

@@ -47,6 +47,8 @@ export * from './Tag';
 export * from './TextInput';
 export * from './Tile';
 export * from './TileButton';
+export * from './Timeline';
+export * from './Toast';
 export * from './Tooltip';
 export * from './Trend';
 export * from './ThemeProvider';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}

package/dist/lib/Components/internal/BaseButton/BaseButton.js

@@ -65,7 +65,7 @@ const N = l(
       true: "text-disabled"
     }
   }
-}), C = ({
+}), M = ({
   ref: c,
   className: u,
   appearance: a = "base",
@@ -122,6 +122,6 @@ const N = l(
   );
 };
 export {
-  C as BaseButton,
+  M as BaseButton,
   N as baseButtonVariants
 };

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

@@ -79,33 +79,33 @@ const ue = O(
     currentValue: z,
     hasContent: M,
     handleChange: T,
-    handleClear: E
+    handleClear: X
   } = ie({
     value: i.value,
     defaultValue: i.defaultValue,
     onChange: R,
     onClear: j,
     ref: w
-  }), G = ee(), c = x || `input-${G}`, J = D ?? (n === "error" ? !0 : void 0), { inputPlaceholder: K, labelStaysFloatedWithPlaceholder: Q } = _({
+  }), E = ee(), c = x || `input-${E}`, G = D ?? (n === "error" ? !0 : void 0), { inputPlaceholder: J, labelStaysFloatedWithPlaceholder: K } = _({
     label: t,
     placeholder: S
-  }), U = M && !h && !m && !F, X = z.length, p = !!(r && r > 0), g = `${c}-helper`, o = !!l, b = {
+  }), Q = M && !h && !m && !F, U = z.length, p = !!(r && r > 0), g = `${c}-helper`, o = !!l, b = {
     id: c,
     disabled: h,
     readOnly: m,
-    placeholder: K,
-    "aria-invalid": J,
+    placeholder: J,
+    "aria-invalid": G,
     "aria-describedby": o ? g : void 0,
     hasLabel: !!t,
     className: L,
     onChange: T
-  }, u = U ? /* @__PURE__ */ e(
+  }, u = Q ? /* @__PURE__ */ e(
     le,
     {
       iconType: "filled",
       icon: ce,
       size: 20,
-      onClick: E,
+      onClick: X,
       "aria-label": k("components.baseInput.clearInputAriaLabel")
     }
   ) : N;
@@ -156,7 +156,7 @@ const ue = O(
             {
               htmlFor: c,
               status: n,
-              floated: Q,
+              floated: K,
               multiline: s,
               className: V,
               children: t
@@ -182,7 +182,7 @@ const ue = O(
               status: n
             }
           ),
-          p && r != null && /* @__PURE__ */ e(te, { count: X, maxCount: r })
+          p && r != null && /* @__PURE__ */ e(te, { count: U, maxCount: r })
         ]
       }
     )

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

@@ -25,11 +25,11 @@ const c = x(
       scrollbarWidth: "auto"
     }
   }
-), R = (s, r) => {
+), R = (s, a) => {
   const t = v(!1), o = (e) => {
-    const a = e.target, n = "isComposing" in e.nativeEvent && e.nativeEvent.isComposing === !0;
-    t.current = !n && a.value.endsWith(`
-`) && a.selectionStart === a.value.length, r?.(e);
+    const r = e.target, n = "isComposing" in e.nativeEvent && e.nativeEvent.isComposing === !0;
+    t.current = !n && r.value.endsWith(`
+`) && r.selectionStart === r.value.length, a?.(e);
   };
   return w(() => {
     if (!t.current) return;
@@ -37,13 +37,13 @@ const c = x(
     const e = s.current;
     !e || document.activeElement !== e || (e.scrollTop = e.scrollHeight);
   }), o;
-}, I = ({
+}, z = ({
   ref: s,
-  className: r,
+  className: a,
   hasLabel: t = !1,
   minLines: o = 1,
   maxLines: e,
-  scrollbarWidth: a = "auto",
+  scrollbarWidth: r = "auto",
   onChange: n,
   ...d
 }) => {
@@ -59,9 +59,9 @@ const c = x(
         rows: o,
         className: u(
           "peer",
-          c({ hasLabel: t, scrollbarWidth: a }),
+          c({ hasLabel: t, scrollbarWidth: r }),
           t && "mt-16",
-          r
+          a
         ),
         onChange: h,
         ...d
@@ -75,8 +75,8 @@ const c = x(
         readOnly: !0,
         tabIndex: -1,
         className: u(
-          c({ hasLabel: t, scrollbarWidth: a }),
-          r,
+          c({ hasLabel: t, scrollbarWidth: r }),
+          a,
           "invisible absolute top-0 left-0 h-0 transform-gpu overflow-hidden py-0"
         )
       }
@@ -84,5 +84,5 @@ const c = x(
   ] });
 };
 export {
-  I as BaseInputMultiline
+  z as BaseInputMultiline
 };