@ledgerhq/lumen-ui-react 0.0.81 → 0.0.83

package/dist/index.js

@@ -25,15 +25,16 @@ import { SideBar as we, SideBarCollapseToggle as ke, SideBarItem as He, SideBarL
 import { Skeleton as Pe } from "./lib/Components/Skeleton/Skeleton.js";
 import { Spinner as je } from "./lib/Components/Spinner/Spinner.js";
 import { Spot as ze } from "./lib/Components/Spot/Spot.js";
-import { Subheader as Je, SubheaderAction as Ke, SubheaderCount as Oe, SubheaderDescription as Qe, SubheaderInfo as Ue, SubheaderRow as Ve, SubheaderShowMore as We, SubheaderTitle as Xe } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as Ze } from "./lib/Components/Switch/Switch.js";
-import { Table as $e, TableActionBar as eo, TableActionBarLeading as oo, TableActionBarTrailing as ro, TableBody as to, TableCell as ao, TableCellContent as no, TableGroupHeaderRow as io, TableHeader as lo, TableHeaderCell as po, TableHeaderRow as mo, TableInfoIcon as To, TableLoadingRow as uo, TableRoot as xo, TableRow as fo, TableSortButton as So } from "./lib/Components/Table/Table.js";
-import { Tag as go } from "./lib/Components/Tag/Tag.js";
-import { TextInput as Io } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as so, TileContent as Co, TileDescription as Lo, TileSecondaryAction as ho, TileSpot as Mo, TileTitle as Do, TileTrailingContent as vo } from "./lib/Components/Tile/Tile.js";
-import { TileButton as Ro } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as ko, TooltipContent as Ho, TooltipProvider as No, TooltipTrigger as yo } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as Po, useTheme as Fo } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { Stepper as Je } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as Oe, SubheaderAction as Qe, SubheaderCount as Ue, SubheaderDescription as Ve, SubheaderInfo as We, SubheaderRow as Xe, SubheaderShowMore as Ye, SubheaderTitle as Ze } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as $e } from "./lib/Components/Switch/Switch.js";
+import { Table as oo, TableActionBar as ro, TableActionBarLeading as to, TableActionBarTrailing as ao, TableBody as no, TableCell as io, TableCellContent as lo, TableGroupHeaderRow as po, TableHeader as mo, TableHeaderCell as To, TableHeaderRow as uo, TableInfoIcon as xo, TableLoadingRow as fo, TableRoot as So, TableRow as bo, TableSortButton as go } from "./lib/Components/Table/Table.js";
+import { Tag as Io } from "./lib/Components/Tag/Tag.js";
+import { TextInput as so } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as Lo, TileContent as ho, TileDescription as Mo, TileSecondaryAction as Do, TileSpot as vo, TileTitle as Ao, TileTrailingContent as Ro } from "./lib/Components/Tile/Tile.js";
+import { TileButton as ko } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as No, TooltipContent as yo, TooltipProvider as Go, TooltipTrigger as Po } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as jo, useTheme as qo } from "./lib/Components/ThemeProvider/ThemeProvider.js";
 export {
   a as AddressInput,
   p as AmountDisplay,
@@ -102,45 +103,46 @@ export {
   Pe as Skeleton,
   je as Spinner,
   ze as Spot,
-  Je as Subheader,
-  Ke as SubheaderAction,
-  Oe as SubheaderCount,
-  Qe as SubheaderDescription,
-  Ue as SubheaderInfo,
-  Ve as SubheaderRow,
-  We as SubheaderShowMore,
-  Xe as SubheaderTitle,
-  Ze as Switch,
-  $e as Table,
-  eo as TableActionBar,
-  oo as TableActionBarLeading,
-  ro as TableActionBarTrailing,
-  to as TableBody,
-  ao as TableCell,
-  no as TableCellContent,
-  io as TableGroupHeaderRow,
-  lo as TableHeader,
-  po as TableHeaderCell,
-  mo as TableHeaderRow,
-  To as TableInfoIcon,
-  uo as TableLoadingRow,
-  xo as TableRoot,
-  fo as TableRow,
-  So as TableSortButton,
-  go as Tag,
-  Io as TextInput,
-  Po as ThemeProvider,
-  so as Tile,
-  Ro as TileButton,
-  Co as TileContent,
-  Lo as TileDescription,
-  ho as TileSecondaryAction,
-  Mo as TileSpot,
-  Do as TileTitle,
-  vo as TileTrailingContent,
-  ko as Tooltip,
-  Ho as TooltipContent,
-  No as TooltipProvider,
-  yo as TooltipTrigger,
-  Fo as useTheme
+  Je as Stepper,
+  Oe as Subheader,
+  Qe as SubheaderAction,
+  Ue as SubheaderCount,
+  Ve as SubheaderDescription,
+  We as SubheaderInfo,
+  Xe as SubheaderRow,
+  Ye as SubheaderShowMore,
+  Ze as SubheaderTitle,
+  $e as Switch,
+  oo as Table,
+  ro as TableActionBar,
+  to as TableActionBarLeading,
+  ao as TableActionBarTrailing,
+  no as TableBody,
+  io as TableCell,
+  lo as TableCellContent,
+  po as TableGroupHeaderRow,
+  mo as TableHeader,
+  To as TableHeaderCell,
+  uo as TableHeaderRow,
+  xo as TableInfoIcon,
+  fo as TableLoadingRow,
+  So as TableRoot,
+  bo as TableRow,
+  go as TableSortButton,
+  Io as Tag,
+  so as TextInput,
+  jo as ThemeProvider,
+  Lo as Tile,
+  ko as TileButton,
+  ho as TileContent,
+  Mo as TileDescription,
+  Do as TileSecondaryAction,
+  vo as TileSpot,
+  Ao as TileTitle,
+  Ro as TileTrailingContent,
+  No as Tooltip,
+  yo as TooltipContent,
+  Go as TooltipProvider,
+  Po as TooltipTrigger,
+  qo as useTheme
 };

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"}