@ledgerhq/lumen-ui-react 0.0.80 → 0.0.82

package/dist/i18n/locales/en.json.d.ts

@@ -30,6 +30,10 @@ declare const _default: {
       "navigationAriaLabel": "Sidebar navigation",
       "collapseAriaLabel": "Collapse sidebar",
       "expandAriaLabel": "Expand sidebar"
+    },
+    "table": {
+      "ascAriaLabel": "Sort ascending",
+      "descAriaLabel": "Sort descending"
     }
   }
 }

package/dist/i18n/locales/en.json.js

@@ -1,4 +1,4 @@
-const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, avatar: { defaultAlt: "User avatar", notificationAriaLabel: "Has notification" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" }, link: { opensInNewTabAriaLabel: "(opens in a new tab)" }, navBar: { goBackAriaLabel: "Go back" }, sideBar: { navigationAriaLabel: "Sidebar navigation", collapseAriaLabel: "Collapse sidebar", expandAriaLabel: "Expand sidebar" } }, e = {
+const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, avatar: { defaultAlt: "User avatar", notificationAriaLabel: "Has notification" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" }, link: { opensInNewTabAriaLabel: "(opens in a new tab)" }, navBar: { goBackAriaLabel: "Go back" }, sideBar: { navigationAriaLabel: "Sidebar navigation", collapseAriaLabel: "Collapse sidebar", expandAriaLabel: "Expand sidebar" }, table: { ascAriaLabel: "Sort ascending", descAriaLabel: "Sort descending" } }, e = {
   components: a
 };
 export {

package/dist/i18n/locales/fr.json.d.ts

@@ -30,6 +30,10 @@ declare const _default: {
       "navigationAriaLabel": "Navigation latérale",
       "collapseAriaLabel": "Réduire la barre latérale",
       "expandAriaLabel": "Développer la barre latérale"
+    },
+    "table": {
+      "ascAriaLabel": "Trier par ordre croissant",
+      "descAriaLabel": "Trier par ordre décroissant"
     }
   }
 }

package/dist/i18n/locales/fr.json.js

@@ -1,4 +1,4 @@
-const a = { addressInput: { qrCodeAriaLabel: "Scanner le code QR" }, avatar: { defaultAlt: "Avatar de l'utilisateur", notificationAriaLabel: "A une notification" }, baseInput: { clearInputAriaLabel: "Effacer la saisie" }, spinner: { loadingAriaLabel: "Chargement" }, dialogHeader: { goBackAriaLabel: "Retour", closeAriaLabel: "Fermer" }, banner: { closeAriaLabel: "Fermer" }, link: { opensInNewTabAriaLabel: "(s'ouvre dans un nouvel onglet)" }, navBar: { goBackAriaLabel: "Retour" }, sideBar: { navigationAriaLabel: "Navigation latérale", collapseAriaLabel: "Réduire la barre latérale", expandAriaLabel: "Développer la barre latérale" } }, e = {
+const a = { addressInput: { qrCodeAriaLabel: "Scanner le code QR" }, avatar: { defaultAlt: "Avatar de l'utilisateur", notificationAriaLabel: "A une notification" }, baseInput: { clearInputAriaLabel: "Effacer la saisie" }, spinner: { loadingAriaLabel: "Chargement" }, dialogHeader: { goBackAriaLabel: "Retour", closeAriaLabel: "Fermer" }, banner: { closeAriaLabel: "Fermer" }, link: { opensInNewTabAriaLabel: "(s'ouvre dans un nouvel onglet)" }, navBar: { goBackAriaLabel: "Retour" }, sideBar: { navigationAriaLabel: "Navigation latérale", collapseAriaLabel: "Réduire la barre latérale", expandAriaLabel: "Développer la barre latérale" }, table: { ascAriaLabel: "Trier par ordre croissant", descAriaLabel: "Trier par ordre décroissant" } }, e = {
   components: a
 };
 export {

package/dist/index.js

@@ -1,59 +1,60 @@
-import { Languages as t } from "./i18n/languages.js";
-import { AddressInput as i } from "./lib/Components/AddressInput/AddressInput.js";
-import { AmountInput as a } from "./lib/Components/AmountInput/AmountInput.js";
-import { AmountDisplay as m } from "./lib/Components/AmountDisplay/AmountDisplay.js";
-import { Avatar as l } from "./lib/Components/Avatar/Avatar.js";
-import { Banner as f } from "./lib/Components/Banner/Banner.js";
-import { BaseInput as T } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as d } from "./lib/Components/Button/Button.js";
+import { Languages as r } from "./i18n/languages.js";
+import { AddressInput as a } from "./lib/Components/AddressInput/AddressInput.js";
+import { AmountInput as i } from "./lib/Components/AmountInput/AmountInput.js";
+import { AmountDisplay as p } from "./lib/Components/AmountDisplay/AmountDisplay.js";
+import { Avatar as T } from "./lib/Components/Avatar/Avatar.js";
+import { Banner as x } from "./lib/Components/Banner/Banner.js";
+import { BaseInput as S } from "./lib/Components/BaseInput/BaseInput.js";
+import { Button as b } from "./lib/Components/Button/Button.js";
 import { BaseButton as c } from "./lib/Components/Button/BaseButton.js";
 import { CardButton as B } from "./lib/Components/CardButton/CardButton.js";
-import { Checkbox as h } from "./lib/Components/Checkbox/Checkbox.js";
-import { Dialog as L, DialogBody as M, DialogContent as D, DialogFooter as v, DialogTrigger as A } from "./lib/Components/Dialog/Dialog.js";
-import { DialogHeader as N } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { Divider as w } from "./lib/Components/Divider/Divider.js";
-import { IconButton as G } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as F } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Checkbox as C } from "./lib/Components/Checkbox/Checkbox.js";
+import { Dialog as h, DialogBody as M, DialogContent as D, DialogFooter as v, DialogTrigger as A } from "./lib/Components/Dialog/Dialog.js";
+import { DialogHeader as w } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
+import { Divider as H } from "./lib/Components/Divider/Divider.js";
+import { IconButton as y } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as P } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
 import { Link as j } from "./lib/Components/Link/Link.js";
 import { ListItem as z, ListItemContent as E, ListItemDescription as J, ListItemIcon as K, ListItemLeading as O, ListItemSpot as Q, ListItemTitle as U, ListItemTrailing as V, ListItemTruncate as W } from "./lib/Components/ListItem/ListItem.js";
-import { Menu as Y, MenuCheckboxItem as Z, MenuContent as _, MenuGroup as $, MenuItem as ee, MenuLabel as oe, MenuPortal as te, MenuRadioGroup as re, MenuRadioItem as ie, MenuSeparator as ne, MenuSub as ae, MenuSubContent as pe, MenuSubTrigger as me, MenuTrigger as ue } from "./lib/Components/Menu/Menu.js";
-import { NavBar as xe, NavBarBackButton as fe, NavBarCoinCapsule as Se, NavBarTitle as Te, NavBarTrailing as ge } from "./lib/Components/NavBar/NavBar.js";
-import { PageIndicator as Ie } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as se } from "./lib/Components/SearchInput/SearchInput.js";
-import { Select as be, SelectContent as he, SelectGroup as Ce, SelectItem as Le, SelectItemText as Me, SelectLabel as De, SelectSeparator as ve, SelectTrigger as Ae } from "./lib/Components/Select/Select.js";
-import { SideBar as Ne, SideBarCollapseToggle as Pe, SideBarItem as we, SideBarLeading as ye, SideBarTrailing as Ge } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Fe } from "./lib/Components/Skeleton/Skeleton.js";
+import { Menu as Y, MenuCheckboxItem as Z, MenuContent as _, MenuGroup as $, MenuItem as ee, MenuLabel as oe, MenuPortal as re, MenuRadioGroup as te, MenuRadioItem as ae, MenuSeparator as ne, MenuSub as ie, MenuSubContent as le, MenuSubTrigger as pe, MenuTrigger as me } from "./lib/Components/Menu/Menu.js";
+import { NavBar as ue, NavBarBackButton as xe, NavBarCoinCapsule as fe, NavBarTitle as Se, NavBarTrailing as de } from "./lib/Components/NavBar/NavBar.js";
+import { PageIndicator as ge } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as Ie } from "./lib/Components/SearchInput/SearchInput.js";
+import { Select as se, SelectContent as Ce, SelectGroup as Le, SelectItem as he, SelectItemText as Me, SelectLabel as De, SelectSeparator as ve, SelectTrigger as Ae } from "./lib/Components/Select/Select.js";
+import { SideBar as we, SideBarCollapseToggle as ke, SideBarItem as He, SideBarLeading as Ne, SideBarTrailing as ye } from "./lib/Components/SideBar/SideBar.js";
+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 { Tag as $e } from "./lib/Components/Tag/Tag.js";
-import { TextInput as oo } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as ro, TileContent as io, TileDescription as no, TileSecondaryAction as ao, TileSpot as po, TileTitle as mo, TileTrailingContent as uo } from "./lib/Components/Tile/Tile.js";
-import { TileButton as xo } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as So, TooltipContent as To, TooltipProvider as go, TooltipTrigger as Io } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as so, useTheme as Bo } from "./lib/Components/ThemeProvider/ThemeProvider.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";
 export {
-  i as AddressInput,
-  m as AmountDisplay,
-  a as AmountInput,
-  l as Avatar,
-  f as Banner,
+  a as AddressInput,
+  p as AmountDisplay,
+  i as AmountInput,
+  T as Avatar,
+  x as Banner,
   c as BaseButton,
-  T as BaseInput,
-  d as Button,
+  S as BaseInput,
+  b as Button,
   B as CardButton,
-  h as Checkbox,
-  L as Dialog,
+  C as Checkbox,
+  h as Dialog,
   M as DialogBody,
   D as DialogContent,
   v as DialogFooter,
-  N as DialogHeader,
+  w as DialogHeader,
   A as DialogTrigger,
-  w as Divider,
-  G as IconButton,
-  F as InteractiveIcon,
-  t as Languages,
+  H as Divider,
+  y as IconButton,
+  P as InteractiveIcon,
+  r as Languages,
   j as Link,
   z as ListItem,
   E as ListItemContent,
@@ -70,35 +71,35 @@ export {
   $ as MenuGroup,
   ee as MenuItem,
   oe as MenuLabel,
-  te as MenuPortal,
-  re as MenuRadioGroup,
-  ie as MenuRadioItem,
+  re as MenuPortal,
+  te as MenuRadioGroup,
+  ae as MenuRadioItem,
   ne as MenuSeparator,
-  ae as MenuSub,
-  pe as MenuSubContent,
-  me as MenuSubTrigger,
-  ue as MenuTrigger,
-  xe as NavBar,
-  fe as NavBarBackButton,
-  Se as NavBarCoinCapsule,
-  Te as NavBarTitle,
-  ge as NavBarTrailing,
-  Ie as PageIndicator,
-  se as SearchInput,
-  be as Select,
-  he as SelectContent,
-  Ce as SelectGroup,
-  Le as SelectItem,
+  ie as MenuSub,
+  le as MenuSubContent,
+  pe as MenuSubTrigger,
+  me as MenuTrigger,
+  ue as NavBar,
+  xe as NavBarBackButton,
+  fe as NavBarCoinCapsule,
+  Se as NavBarTitle,
+  de as NavBarTrailing,
+  ge as PageIndicator,
+  Ie as SearchInput,
+  se as Select,
+  Ce as SelectContent,
+  Le as SelectGroup,
+  he as SelectItem,
   Me as SelectItemText,
   De as SelectLabel,
   ve as SelectSeparator,
   Ae as SelectTrigger,
-  Ne as SideBar,
-  Pe as SideBarCollapseToggle,
-  we as SideBarItem,
-  ye as SideBarLeading,
-  Ge as SideBarTrailing,
-  Fe as Skeleton,
+  we as SideBar,
+  ke as SideBarCollapseToggle,
+  He as SideBarItem,
+  Ne as SideBarLeading,
+  ye as SideBarTrailing,
+  Pe as Skeleton,
   je as Spinner,
   ze as Spot,
   Je as Subheader,
@@ -110,20 +111,36 @@ export {
   We as SubheaderShowMore,
   Xe as SubheaderTitle,
   Ze as Switch,
-  $e as Tag,
-  oo as TextInput,
-  so as ThemeProvider,
-  ro as Tile,
-  xo as TileButton,
-  io as TileContent,
-  no as TileDescription,
-  ao as TileSecondaryAction,
-  po as TileSpot,
-  mo as TileTitle,
-  uo as TileTrailingContent,
-  So as Tooltip,
-  To as TooltipContent,
-  go as TooltipProvider,
-  Io as TooltipTrigger,
-  Bo as useTheme
+  $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
 };

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