@ledgerhq/lumen-ui-react 0.0.81 → 0.0.82

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { AddressInputProps } from './types';
 /**
  * A customizable address field input component for cryptocurrency addresses with fixed "To:" prefix, QR code scanner, automatic clear button, error states, and focus/hover effects.
  *
@@ -54,10 +54,8 @@ import { default as React } from 'react';
  *   }}
  * />
  */
-export declare const AddressInput: React.ForwardRefExoticComponent<{
-    suffix?: React.ReactNode;
-    prefix?: string;
-    hideClearButton?: boolean;
-    onQrCodeClick?: () => void;
-} & Omit<import('../BaseInput').BaseInputProps, "label" | "prefix" | "inputClassName" | "labelClassName"> & React.RefAttributes<HTMLInputElement>>;
+export declare const AddressInput: {
+    ({ ref, prefix, suffix, onQrCodeClick, ...props }: AddressInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=AddressInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddressInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AddressInput/AddressInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,eAAO,MAAM,YAAY;mBAtDiE,SAAS;;;;kJA4FjG,CAAC"}
+{"version":3,"file":"AddressInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AddressInput/AddressInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,eAAO,MAAM,YAAY;uDAMtB,iBAAiB;;CAmCnB,CAAC"}

package/dist/lib/Components/AddressInput/AddressInput.js

@@ -1,38 +1,43 @@
 import { jsx as e } from "react/jsx-runtime";
-import f from "react";
 import { useCommonTranslation as p } from "../../../i18n/useCommonTranslation.js";
-import { QrCode as m } from "../../Symbols/Icons/QrCode.js";
-import { BaseInput as l } from "../BaseInput/BaseInput.js";
-import { InteractiveIcon as c } from "../InteractiveIcon/InteractiveIcon.js";
-const u = f.forwardRef(({ prefix: t = "To:", suffix: o, onQrCodeClick: r, ...a }, s) => {
+import { QrCode as f } from "../../Symbols/Icons/QrCode.js";
+import { BaseInput as m } from "../BaseInput/BaseInput.js";
+import { InteractiveIcon as l } from "../InteractiveIcon/InteractiveIcon.js";
+const c = ({
+  ref: r,
+  prefix: s = "To:",
+  suffix: o,
+  onQrCodeClick: t,
+  ...a
+}) => {
   const { t: i } = p(), d = /* @__PURE__ */ e(
     "span",
     {
       className: "body-1 text-nowrap text-base group-has-disabled:text-disabled",
       "aria-hidden": "true",
-      children: t
+      children: s
     }
-  ), n = o || r && /* @__PURE__ */ e(
-    c,
+  ), n = o || t && /* @__PURE__ */ e(
+    l,
     {
       iconType: "filled",
-      onClick: r,
+      onClick: t,
       "aria-label": i("components.addressInput.qrCodeAriaLabel"),
       className: "group-has-disabled:text-disabled",
-      children: /* @__PURE__ */ e(m, { size: 20 })
+      children: /* @__PURE__ */ e(f, { size: 20 })
     }
   );
   return /* @__PURE__ */ e(
-    l,
+    m,
     {
-      ref: s,
+      ref: r,
       prefix: d,
       suffix: n,
       ...a
     }
   );
-});
-u.displayName = "AddressInput";
+};
+c.displayName = "AddressInput";
 export {
-  u as AddressInput
+  c as AddressInput
 };

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

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { BaseInputProps } from '../BaseInput/types';
 export type AddressInputProps = {
     /**
@@ -7,7 +8,7 @@ export type AddressInputProps = {
      *
      * @default QrCodeIcon
      */
-    suffix?: React.ReactNode;
+    suffix?: ReactNode;
     /**
      * Custom prefix text to show instead of the "To:" prefix.
      * @default "To:"

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AddressInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,GAAG,IAAI,CACN,cAAc,EACd,QAAQ,GAAG,OAAO,GAAG,gBAAgB,GAAG,gBAAgB,CACzD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AddressInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,GAAG,IAAI,CACN,cAAc,EACd,QAAQ,GAAG,OAAO,GAAG,gBAAgB,GAAG,gBAAgB,CACzD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { AmountDisplayProps } from './types';
 /**
  * AmountDisplay - Renders formatted monetary amounts with flexible currency positioning and decimal formatting.
  *
@@ -32,9 +32,8 @@ import { default as React } from 'react';
  * <AmountDisplay value={1234.56} formatter={usdFormatter} hidden={true} />
  * ```
  */
-export declare const AmountDisplay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    value: number;
-    formatter: (value: number) => import('./types').FormattedValue;
-    hidden?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
+export declare const AmountDisplay: {
+    ({ value, formatter, hidden, loading, className, ...props }: AmountDisplayProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=AmountDisplay.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,aAAa;;;;wCAyBxB,CAAC"}
+{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,aAAa;iEAOvB,kBAAkB;;CAsBpB,CAAC"}

package/dist/lib/Components/AmountDisplay/AmountDisplay.js

@@ -1,18 +1,25 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import l from "react";
-const o = l.forwardRef(({ value: n, formatter: t, hidden: s = !1, ...c }, i) => {
-  const e = t(n);
-  return /* @__PURE__ */ r("div", { ref: i, ...c, children: [
-    /* @__PURE__ */ r("span", { className: "heading-1-semi-bold text-base", children: [
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { cn as m } from "../../../libs/utils-shared/dist/index.js";
+const o = ({
+  value: n,
+  formatter: c,
+  hidden: r = !1,
+  loading: i = !1,
+  className: t,
+  ...l
+}) => {
+  const e = c(n);
+  return /* @__PURE__ */ s("div", { className: m(i && "animate-pulse", t), ...l, children: [
+    /* @__PURE__ */ s("span", { className: "heading-1-semi-bold text-base", children: [
       (e.currencyPosition === void 0 || e.currencyPosition === "start") && /* @__PURE__ */ a("span", { className: "me-4", children: e.currencyText }),
-      /* @__PURE__ */ a("span", { children: s ? "••••" : e.integerPart })
+      /* @__PURE__ */ a("span", { children: r ? "••••" : e.integerPart })
     ] }),
-    /* @__PURE__ */ r("span", { className: "heading-2-semi-bold text-muted", children: [
-      e.decimalPart && !s && /* @__PURE__ */ a("span", { children: (e.decimalSeparator || ".") + e.decimalPart }),
+    /* @__PURE__ */ s("span", { className: "heading-2-semi-bold text-muted", children: [
+      e.decimalPart && !r && /* @__PURE__ */ a("span", { children: (e.decimalSeparator || ".") + e.decimalPart }),
       e.currencyPosition === "end" && /* @__PURE__ */ a("span", { className: "ms-4", children: e.currencyText })
     ] })
   ] });
-});
+};
 o.displayName = "AmountDisplay";
 export {
   o as AmountDisplay

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

@@ -1,3 +1,4 @@
+import { ComponentPropsWithRef } from 'react';
 export type FormattedValue = {
     /**
      * The whole number portion of the amount (e.g., "1234" from 1234.56)
@@ -26,7 +27,7 @@ export type FormattedValue = {
 /**
  * Props for the AmountDisplay component.
  */
-export type AmountDisplayProps = React.HTMLAttributes<HTMLDivElement> & {
+export type AmountDisplayProps = {
     /**
      * The numeric value to display.
      * Pass the raw number value (e.g., 1234.56) - the formatter will handle conversion.
@@ -42,5 +43,10 @@ export type AmountDisplayProps = React.HTMLAttributes<HTMLDivElement> & {
      * @default false
      */
     hidden?: boolean;
-};
+    /**
+     * When true, applies a pulse animation to indicate the amount is being fetched or updated.
+     * @default false
+     */
+    loading?: boolean;
+} & ComponentPropsWithRef<'div'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,EAAE,GAAG,GAAG,GAAG,CAAC;IAC5B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACtE;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,CAAC;IAC7C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,EAAE,GAAG,GAAG,GAAG,CAAC;IAC5B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,CAAC;IAC7C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1,18 +1,11 @@
-import { default as React } from 'react';
+import { AmountInputProps } from './types';
 /**
  * AmountInput component for handling numeric input with currency display.
  * This is a controlled component - both `value` and `onChange` props are required.
  * The currency text can be positioned either on the left or right side of the input.
  */
-export declare const AmountInput: React.ForwardRefExoticComponent<{
-    value: string | number;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    currencyText?: string;
-    currencyPosition?: "left" | "right";
-    maxIntegerLength?: number;
-    maxDecimalLength?: number;
-    allowDecimals?: boolean;
-    className?: string;
-    thousandsSeparator?: boolean;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "value" | "prefix"> & React.RefAttributes<HTMLInputElement>>;
+export declare const AmountInput: {
+    ({ ref, className, currencyText, currencyPosition, disabled, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, value, onChange, ...props }: AmountInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=AmountInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAiCf;;;;GAIG;AACH,eAAO,MAAM,WAAW;;4BAvCtB,WACD;;;;;;;;wIAwKA,CAAC"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAgC3C;;;;GAIG;AACH,eAAO,MAAM,WAAW;qKAarB,gBAAgB;;CA8GlB,CAAC"}

package/dist/lib/Components/AmountInput/AmountInput.js

@@ -1,7 +1,7 @@
 import { jsxs as V, jsx as l } from "react/jsx-runtime";
 import { getFontSize as j, cn as a, textFormatter as F } from "../../../libs/utils-shared/dist/index.js";
 import { cva as z } from "class-variance-authority";
-import M, { useRef as p, useState as h, useMemo as _, useLayoutEffect as q, useEffect as D } from "react";
+import { useRef as p, useState as h, useMemo as M, useLayoutEffect as q, useEffect as D } from "react";
 const G = z(
   [
     "bg-transparent heading-0 caret-active outline-hidden transition-colors",
@@ -28,106 +28,102 @@ const G = z(
   "group-has-[input:placeholder-shown]:text-muted-subtle",
   "group-has-[input:disabled]:cursor-not-allowed group-has-[input:disabled]:text-disabled",
   'group-has-[input[aria-invalid="true"]]:text-error'
-), H = M.forwardRef(
-  ({
-    className: x,
-    currencyText: r,
-    currencyPosition: d = "left",
-    disabled: w,
-    maxIntegerLength: S = 9,
-    maxDecimalLength: v = 9,
-    allowDecimals: y = !0,
-    thousandsSeparator: R = !0,
-    value: u,
-    onChange: C,
-    ...N
-  }, A) => {
-    const c = p(null), s = p(null), [n, f] = h(u.toString()), [k, m] = h(!1), g = p(n);
-    function E(...t) {
-      return (e) => {
-        t.forEach((o) => {
-          o && (typeof o == "function" ? o(e) : o.current = e);
-        });
-      };
-    }
-    const i = _(
-      () => j(n) + "px",
-      [n]
-    );
-    q(() => {
-      if (c.current && s.current) {
-        const t = c.current.offsetWidth, e = n === "" ? 33 : 8;
-        s.current.style.width = `${t + e}px`;
-      }
-    }, [n]), D(() => {
-      f(u.toString());
-    }, [u]);
-    const I = (t) => {
-      const e = F(t.target.value, {
-        allowDecimals: y,
-        thousandsSeparator: R,
-        maxIntegerLength: S,
-        maxDecimalLength: v
+), H = ({
+  ref: x,
+  className: S,
+  currencyText: r,
+  currencyPosition: d = "left",
+  disabled: v,
+  maxIntegerLength: w = 9,
+  maxDecimalLength: y = 9,
+  allowDecimals: C = !0,
+  thousandsSeparator: N = !0,
+  value: u,
+  onChange: A,
+  ...R
+}) => {
+  const c = p(null), s = p(null), [n, f] = h(u.toString()), [k, m] = h(!1), g = p(n);
+  function E(...t) {
+    return (e) => {
+      t.forEach((o) => {
+        o && (typeof o == "function" ? o(e) : o.current = e);
       });
-      f(e), C({ ...t, target: { ...t.target, value: e } }), e !== g.current && m(!0), g.current = e;
     };
-    return /* @__PURE__ */ V(
-      "div",
-      {
-        className: "group relative flex items-center justify-center transition-transform",
-        onPointerDown: () => {
-          const t = s.current;
-          t && window.requestAnimationFrame(() => {
-            t.focus();
-          });
-        },
-        children: [
-          r && d === "left" && /* @__PURE__ */ l(
-            "span",
-            {
-              className: a(b, "shrink-0"),
-              style: { fontSize: i, letterSpacing: "normal" },
-              children: r
-            }
-          ),
-          /* @__PURE__ */ l(
-            "span",
-            {
-              ref: c,
-              className: a("invisible absolute heading-0"),
-              "aria-hidden": "true",
-              style: { fontSize: i, letterSpacing: "normal" },
-              children: n
-            }
-          ),
-          /* @__PURE__ */ l(
-            "input",
-            {
-              ref: E(A, s),
-              type: "text",
-              inputMode: "decimal",
-              disabled: w,
-              value: n,
-              onChange: I,
-              onAnimationEnd: () => m(!1),
-              className: a(G({ isChanging: k }), x),
-              ...N,
-              style: { fontSize: i, letterSpacing: "normal" }
-            }
-          ),
-          r && d === "right" && /* @__PURE__ */ l(
-            "span",
-            {
-              className: a(b, "shrink-0"),
-              style: { fontSize: i, letterSpacing: "normal" },
-              children: r
-            }
-          )
-        ]
-      }
-    );
   }
-);
+  const i = M(() => j(n) + "px", [n]);
+  q(() => {
+    if (c.current && s.current) {
+      const t = c.current.offsetWidth, e = n === "" ? 33 : 8;
+      s.current.style.width = `${t + e}px`;
+    }
+  }, [n]), D(() => {
+    f(u.toString());
+  }, [u]);
+  const I = (t) => {
+    const e = F(t.target.value, {
+      allowDecimals: C,
+      thousandsSeparator: N,
+      maxIntegerLength: w,
+      maxDecimalLength: y
+    });
+    f(e), A({ ...t, target: { ...t.target, value: e } }), e !== g.current && m(!0), g.current = e;
+  };
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      className: "group relative flex items-center justify-center transition-transform",
+      onPointerDown: () => {
+        const t = s.current;
+        t && window.requestAnimationFrame(() => {
+          t.focus();
+        });
+      },
+      children: [
+        r && d === "left" && /* @__PURE__ */ l(
+          "span",
+          {
+            className: a(b, "shrink-0"),
+            style: { fontSize: i, letterSpacing: "normal" },
+            children: r
+          }
+        ),
+        /* @__PURE__ */ l(
+          "span",
+          {
+            ref: c,
+            className: a("invisible absolute heading-0"),
+            "aria-hidden": "true",
+            style: { fontSize: i, letterSpacing: "normal" },
+            children: n
+          }
+        ),
+        /* @__PURE__ */ l(
+          "input",
+          {
+            ref: E(x, s),
+            type: "text",
+            inputMode: "decimal",
+            disabled: v,
+            value: n,
+            onChange: I,
+            onAnimationEnd: () => m(!1),
+            className: a(G({ isChanging: k }), S),
+            ...R,
+            style: { fontSize: i, letterSpacing: "normal" }
+          }
+        ),
+        r && d === "right" && /* @__PURE__ */ l(
+          "span",
+          {
+            className: a(b, "shrink-0"),
+            style: { fontSize: i, letterSpacing: "normal" },
+            children: r
+          }
+        )
+      ]
+    }
+  );
+};
 H.displayName = "AmountInput";
 export {
   H as AmountInput

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

@@ -1,3 +1,4 @@
+import { ChangeEvent, ComponentPropsWithRef } from 'react';
 export type AmountInputProps = {
     /**
      * The controlled value of the input
@@ -8,7 +9,7 @@ export type AmountInputProps = {
      * Change handler
      * @required
      */
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
     /**
      * The currency text (e.g. USD, EUR)
      */
@@ -42,5 +43,5 @@ export type AmountInputProps = {
      * @default true
      */
     thousandsSeparator?: boolean;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'value' | 'onChange'>;
+} & Omit<ComponentPropsWithRef<'input'>, 'size' | 'prefix' | 'value' | 'onChange'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,GAAG,IAAI,CACN,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CACzC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,GAAG,IAAI,CACN,qBAAqB,CAAC,OAAO,CAAC,EAC9B,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CACzC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { AvatarProps } from './types';
 /**
  * A circular avatar component that displays a user image or fallback icon.
  *
@@ -15,12 +15,8 @@ import { default as React } from 'react';
  * // With notification indicator
  * <Avatar src="https://example.com/photo.jpg" showNotification />
  */
-export declare const Avatar: React.ForwardRefExoticComponent<{
-    src?: string;
-    alt?: string;
-    size?: "sm" | "md";
-    showNotification?: boolean;
-    className?: string;
-    imgLoading?: "eager" | "lazy";
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Avatar: {
+    ({ ref, className, src, alt, size, imgLoading, showNotification, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;;;;;;;+EA4DlB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAgCtC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;iFAShB,WAAW;;CA+Cb,CAAC"}

package/dist/lib/Components/Avatar/Avatar.js

@@ -1,9 +1,9 @@
 import { jsxs as g, jsx as r } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
-import t from "react";
+import l from "react";
 import { useCommonTranslation as h } from "../../../i18n/useCommonTranslation.js";
 import { User as A } from "../../Symbols/Icons/User.js";
-const d = {
+const m = {
   root: n(
     "relative inline-flex items-center justify-center rounded-full bg-muted-transparent transition-colors",
     {
@@ -29,58 +29,57 @@ const d = {
 }, j = {
   sm: 16,
   md: 24
-}, x = t.forwardRef(
-  ({
-    className: m,
-    src: a,
-    alt: c,
-    size: e = "md",
-    imgLoading: f,
-    showNotification: o = !1,
-    ...u
-  }, v) => {
-    const { t: i } = h(), [p, s] = t.useState(!1), b = !a || p, l = c || i("components.avatar.defaultAlt"), z = o ? `${l}, ${i("components.avatar.notificationAriaLabel")}` : l;
-    return t.useEffect(() => {
-      s(!1);
-    }, [a]), /* @__PURE__ */ g(
-      "div",
-      {
-        ref: v,
-        className: d.root({ size: e, className: m }),
-        role: "img",
-        "aria-label": z,
-        ...u,
-        children: [
-          o && /* @__PURE__ */ r(
-            "div",
-            {
-              className: d.notification({ size: e }),
-              "aria-hidden": "true"
-            }
-          ),
-          b ? /* @__PURE__ */ r(
-            A,
-            {
-              size: j[e],
-              "aria-label": "Fallback Icon",
-              "aria-hidden": "true"
-            }
-          ) : /* @__PURE__ */ r(
-            "img",
-            {
-              src: a,
-              alt: "",
-              loading: f,
-              onError: () => s(!0),
-              className: "size-full overflow-hidden rounded-full object-cover",
-              "aria-hidden": "true"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
+}, x = ({
+  ref: d,
+  className: c,
+  src: a,
+  alt: f,
+  size: e = "md",
+  imgLoading: u,
+  showNotification: t = !1,
+  ...v
+}) => {
+  const { t: o } = h(), [p, i] = l.useState(!1), b = !a || p, s = f || o("components.avatar.defaultAlt"), z = t ? `${s}, ${o("components.avatar.notificationAriaLabel")}` : s;
+  return l.useEffect(() => {
+    i(!1);
+  }, [a]), /* @__PURE__ */ g(
+    "div",
+    {
+      ref: d,
+      className: m.root({ size: e, className: c }),
+      role: "img",
+      "aria-label": z,
+      ...v,
+      children: [
+        t && /* @__PURE__ */ r(
+          "div",
+          {
+            className: m.notification({ size: e }),
+            "aria-hidden": "true"
+          }
+        ),
+        b ? /* @__PURE__ */ r(
+          A,
+          {
+            size: j[e],
+            "aria-label": "Fallback Icon",
+            "aria-hidden": "true"
+          }
+        ) : /* @__PURE__ */ r(
+          "img",
+          {
+            src: a,
+            alt: "",
+            loading: u,
+            onError: () => i(!0),
+            className: "size-full overflow-hidden rounded-full object-cover",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
 x.displayName = "Avatar";
 export {
   x as Avatar

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

@@ -1,3 +1,4 @@
+import { ComponentPropsWithRef } from 'react';
 export type AvatarProps = {
     /**
      * Image source URL. When undefined or on load error, displays a fallback icon.
@@ -34,5 +35,5 @@ export type AvatarProps = {
      * @default undefined (browser default: eager)
      */
     imgLoading?: 'eager' | 'lazy';
-} & React.HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}