@ledgerhq/lumen-ui-react 0.1.44 → 0.1.46

package/dist/index.js

@@ -1,72 +1,73 @@
 import { Languages as t } 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 m } from "./lib/Components/AmountDisplay/AmountDisplay.js";
+import { AmountDisplay as l } from "./lib/Components/AmountDisplay/AmountDisplay.js";
 import { Avatar as d } from "./lib/Components/Avatar/Avatar.js";
 import { Banner as T } from "./lib/Components/Banner/Banner.js";
-import { BaseInput as u } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as C } from "./lib/Components/Button/Button.js";
+import { BaseInput as c } from "./lib/Components/BaseInput/BaseInput.js";
+import { Button as S } from "./lib/Components/Button/Button.js";
 import { BaseButton as g } from "./lib/Components/Button/BaseButton.js";
 import { Card as B, CardContent as b, CardContentDescription as s, CardContentRow as D, CardContentTitle as M, CardFooter as L, CardFooterActions as h, CardHeader as v, CardLeading as R, CardTrailing as w } from "./lib/Components/Card/Card.js";
-import { CardButton as y } from "./lib/Components/CardButton/CardButton.js";
-import { Checkbox as P } from "./lib/Components/Checkbox/Checkbox.js";
-import { ContentBanner as k, ContentBannerContent as z, ContentBannerDescription as G, ContentBannerTitle as E } from "./lib/Components/ContentBanner/ContentBanner.js";
+import { CardButton as P } from "./lib/Components/CardButton/CardButton.js";
+import { Checkbox as H } from "./lib/Components/Checkbox/Checkbox.js";
+import { ContentBanner as k, ContentBannerContent as G, ContentBannerDescription as z, ContentBannerTitle as E } from "./lib/Components/ContentBanner/ContentBanner.js";
 import { DataTable as O, DataTableGlobalSearchInput as V, DataTableRoot as _ } from "./lib/Components/DataTable/DataTable.js";
 import { useLumenDataTable as q } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
 import { DescriptionItem as K, DescriptionItemLabel as Q, DescriptionItemLeading as U, DescriptionItemTrailing as W, DescriptionItemValue as X } from "./lib/Components/DescriptionItem/DescriptionItem.js";
 import { DialogClose as Z } from "./lib/Components/Dialog/DialogClose/DialogClose.js";
 import { Dialog as ee, DialogBody as oe, DialogBodyStickyContent as te, DialogContent as re, DialogFooter as ae, DialogTrigger as ne } from "./lib/Components/Dialog/Dialog.js";
 import { DialogHeader as pe } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { Divider as le } from "./lib/Components/Divider/Divider.js";
+import { Divider as me } from "./lib/Components/Divider/Divider.js";
 import { DotCount as xe } from "./lib/Components/DotCount/DotCount.js";
-import { DotIcon as fe, dotIconSizeMap as ue, mediaImageDotIconSizeMap as Se, spotDotIconSizeMap as Ce } from "./lib/Components/DotIcon/DotIcon.js";
+import { DotIcon as fe, dotIconSizeMap as ce, mediaImageDotIconSizeMap as ue, spotDotIconSizeMap as Se } from "./lib/Components/DotIcon/DotIcon.js";
 import { DotIndicator as ge } from "./lib/Components/DotIndicator/DotIndicator.js";
-import { DotSymbol as Be, mediaImageDotSizeMap as be, spotDotSizeMap as se } from "./lib/Components/DotSymbol/DotSymbol.js";
-import { IconButton as Me } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as he } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
-import { Link as Re } from "./lib/Components/Link/Link.js";
-import { ListItem as Ae, ListItemContent as ye, ListItemContentRow as He, ListItemDescription as Pe, ListItemLeading as Ne, ListItemTitle as ke, ListItemTrailing as ze } from "./lib/Components/ListItem/ListItem.js";
-import { MediaBanner as Ee, MediaBannerDescription as Fe, MediaBannerTitle as Oe } from "./lib/Components/MediaBanner/MediaBanner.js";
-import { MediaButton as _e } from "./lib/Components/MediaButton/MediaButton.js";
-import { MediaCard as qe, MediaCardTitle as Je } from "./lib/Components/MediaCard/MediaCard.js";
-import { MediaImage as Qe } from "./lib/Components/MediaImage/MediaImage.js";
-import { MediaTag as We } from "./lib/Components/MediaTag/MediaTag.js";
-import { Menu as Ye, MenuCheckboxItem as Ze, MenuContent as $e, MenuGroup as eo, MenuItem as oo, MenuLabel as to, MenuRadioGroup as ro, MenuRadioItem as ao, MenuSeparator as no, MenuSub as io, MenuSubContent as po, MenuSubTrigger as mo, MenuTrigger as lo } from "./lib/Components/Menu/Menu.js";
-import { NavBar as To, NavBarBackButton as fo, NavBarCoinCapsule as uo, NavBarDescription as So, NavBarLeading as Co, NavBarTitle as co, NavBarTrailing as go } from "./lib/Components/NavBar/NavBar.js";
-import { Popover as Bo, PopoverContent as bo, PopoverTrigger as so, createPopoverHandle as Do } from "./lib/Components/Popover/Popover.js";
-import { PageIndicator as Lo } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { Pagination as vo } from "./lib/Components/Pagination/Pagination.js";
-import { SearchInput as wo } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as yo, SegmentedControlButton as Ho } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as No, SelectContent as ko, SelectEmptyState as zo, SelectItem as Go, SelectItemContent as Eo, SelectItemDescription as Fo, SelectItemText as Oo, SelectList as Vo, SelectSearch as _o, SelectSeparator as jo, SelectTrigger as qo } from "./lib/Components/Select/Select.js";
-import { SideBar as Ko, SideBarCollapseToggle as Qo, SideBarItem as Uo, SideBarLeading as Wo, SideBarTrailing as Xo } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Zo } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as et } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as tt } from "./lib/Components/Spot/Spot.js";
-import { Stepper as at } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as it, SubheaderCount as pt, SubheaderDescription as mt, SubheaderInfo as lt, SubheaderRow as dt, SubheaderShowMore as xt, SubheaderTitle as Tt } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as ut } from "./lib/Components/Switch/Switch.js";
-import { Table as Ct, TableActionBar as ct, TableActionBarLeading as gt, TableActionBarTrailing as It, TableBody as Bt, TableCell as bt, TableCellContent as st, TableGroupHeaderRow as Dt, TableHeader as Mt, TableHeaderCell as Lt, TableHeaderRow as ht, TableInfoIcon as vt, TableLoadingRow as Rt, TableRoot as wt, TableRow as At, TableSortButton as yt } from "./lib/Components/Table/Table.js";
-import { Tag as Pt } from "./lib/Components/Tag/Tag.js";
-import { TextInput as kt } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as Gt, TileContent as Et, TileDescription as Ft, TileSecondaryAction as Ot, TileTitle as Vt, TileTrailingContent as _t } from "./lib/Components/Tile/Tile.js";
-import { TileButton as qt } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as Kt, TooltipContent as Qt, TooltipProvider as Ut, TooltipTrigger as Wt } from "./lib/Components/Tooltip/Tooltip.js";
-import { Trend as Yt } from "./lib/Components/Trend/Trend.js";
-import { ThemeProvider as $t, useTheme as er } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as tr } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
+import { getDotIndicatorProps as Be } from "./lib/Components/DotIndicator/getDotIndicatorProps.js";
+import { DotSymbol as se, mediaImageDotSizeMap as De, spotDotSizeMap as Me } from "./lib/Components/DotSymbol/DotSymbol.js";
+import { IconButton as he } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as Re } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Link as Ae } from "./lib/Components/Link/Link.js";
+import { ListItem as ye, ListItemContent as He, ListItemContentRow as Ne, ListItemDescription as ke, ListItemLeading as Ge, ListItemTitle as ze, ListItemTrailing as Ee } from "./lib/Components/ListItem/ListItem.js";
+import { MediaBanner as Oe, MediaBannerDescription as Ve, MediaBannerTitle as _e } from "./lib/Components/MediaBanner/MediaBanner.js";
+import { MediaButton as qe } from "./lib/Components/MediaButton/MediaButton.js";
+import { MediaCard as Ke, MediaCardTitle as Qe } from "./lib/Components/MediaCard/MediaCard.js";
+import { MediaImage as We } from "./lib/Components/MediaImage/MediaImage.js";
+import { MediaTag as Ye } from "./lib/Components/MediaTag/MediaTag.js";
+import { Menu as $e, MenuCheckboxItem as eo, MenuContent as oo, MenuGroup as to, MenuItem as ro, MenuLabel as ao, MenuRadioGroup as no, MenuRadioItem as io, MenuSeparator as po, MenuSub as lo, MenuSubContent as mo, MenuSubTrigger as xo, MenuTrigger as To, createMenuRadioGroup as fo } from "./lib/Components/Menu/Menu.js";
+import { NavBar as uo, NavBarBackButton as So, NavBarCoinCapsule as Co, NavBarDescription as go, NavBarLeading as Io, NavBarTitle as Bo, NavBarTrailing as bo } from "./lib/Components/NavBar/NavBar.js";
+import { Popover as Do, PopoverContent as Mo, PopoverTrigger as Lo, createPopoverHandle as ho } from "./lib/Components/Popover/Popover.js";
+import { PageIndicator as Ro } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { Pagination as Ao } from "./lib/Components/Pagination/Pagination.js";
+import { SearchInput as yo } from "./lib/Components/SearchInput/SearchInput.js";
+import { SegmentedControl as No, SegmentedControlButton as ko, createSegmentedControl as Go } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as Eo, SelectContent as Fo, SelectEmptyState as Oo, SelectItem as Vo, SelectItemContent as _o, SelectItemDescription as jo, SelectItemText as qo, SelectList as Jo, SelectSearch as Ko, SelectSeparator as Qo, SelectTrigger as Uo, createSelect as Wo } from "./lib/Components/Select/Select.js";
+import { SideBar as Yo, SideBarCollapseToggle as Zo, SideBarItem as $o, SideBarLeading as et, SideBarTrailing as ot, createSideBar as tt } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as at } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as it } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as lt } from "./lib/Components/Spot/Spot.js";
+import { Stepper as dt } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as Tt, SubheaderCount as ft, SubheaderDescription as ct, SubheaderInfo as ut, SubheaderRow as St, SubheaderShowMore as Ct, SubheaderTitle as gt } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as Bt } from "./lib/Components/Switch/Switch.js";
+import { Table as st, TableActionBar as Dt, TableActionBarLeading as Mt, TableActionBarTrailing as Lt, TableBody as ht, TableCell as vt, TableCellContent as Rt, TableCol as wt, TableColGroup as At, TableGroupHeaderRow as Pt, TableHeader as yt, TableHeaderCell as Ht, TableHeaderRow as Nt, TableInfoIcon as kt, TableLoadingRow as Gt, TableRoot as zt, TableRow as Et, TableSortButton as Ft } from "./lib/Components/Table/Table.js";
+import { Tag as Vt } from "./lib/Components/Tag/Tag.js";
+import { TextInput as jt } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as Jt, TileContent as Kt, TileDescription as Qt, TileSecondaryAction as Ut, TileTitle as Wt, TileTrailingContent as Xt } from "./lib/Components/Tile/Tile.js";
+import { TileButton as Zt } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as er, TooltipContent as or, TooltipProvider as tr, TooltipTrigger as rr } from "./lib/Components/Tooltip/Tooltip.js";
+import { Trend as nr } from "./lib/Components/Trend/Trend.js";
+import { ThemeProvider as pr, useTheme as lr } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as dr } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
-  m as AmountDisplay,
+  l as AmountDisplay,
   i as AmountInput,
   d as Avatar,
   T as Banner,
   g as BaseButton,
-  u as BaseInput,
-  C as Button,
-  tr as COLOR_SCHEMES,
+  c as BaseInput,
+  S as Button,
+  dr as COLOR_SCHEMES,
   B as Card,
-  y as CardButton,
+  P as CardButton,
   b as CardContent,
   s as CardContentDescription,
   D as CardContentRow,
@@ -76,10 +77,10 @@ export {
   v as CardHeader,
   R as CardLeading,
   w as CardTrailing,
-  P as Checkbox,
+  H as Checkbox,
   k as ContentBanner,
-  z as ContentBannerContent,
-  G as ContentBannerDescription,
+  G as ContentBannerContent,
+  z as ContentBannerDescription,
   E as ContentBannerTitle,
   O as DataTable,
   V as DataTableGlobalSearchInput,
@@ -97,123 +98,130 @@ export {
   ae as DialogFooter,
   pe as DialogHeader,
   ne as DialogTrigger,
-  le as Divider,
+  me as Divider,
   xe as DotCount,
   fe as DotIcon,
   ge as DotIndicator,
-  Be as DotSymbol,
-  Me as IconButton,
-  he as InteractiveIcon,
+  se as DotSymbol,
+  he as IconButton,
+  Re as InteractiveIcon,
   t as Languages,
-  Re as Link,
-  Ae as ListItem,
-  ye as ListItemContent,
-  He as ListItemContentRow,
-  Pe as ListItemDescription,
-  Ne as ListItemLeading,
-  ke as ListItemTitle,
-  ze as ListItemTrailing,
-  Ee as MediaBanner,
-  Fe as MediaBannerDescription,
-  Oe as MediaBannerTitle,
-  _e as MediaButton,
-  qe as MediaCard,
-  Je as MediaCardTitle,
-  Qe as MediaImage,
-  We as MediaTag,
-  Ye as Menu,
-  Ze as MenuCheckboxItem,
-  $e as MenuContent,
-  eo as MenuGroup,
-  oo as MenuItem,
-  to as MenuLabel,
-  ro as MenuRadioGroup,
-  ao as MenuRadioItem,
-  no as MenuSeparator,
-  io as MenuSub,
-  po as MenuSubContent,
-  mo as MenuSubTrigger,
-  lo as MenuTrigger,
-  To as NavBar,
-  fo as NavBarBackButton,
-  uo as NavBarCoinCapsule,
-  So as NavBarDescription,
-  Co as NavBarLeading,
-  co as NavBarTitle,
-  go as NavBarTrailing,
-  Lo as PageIndicator,
-  vo as Pagination,
-  Bo as Popover,
-  bo as PopoverContent,
-  so as PopoverTrigger,
-  wo as SearchInput,
-  yo as SegmentedControl,
-  Ho as SegmentedControlButton,
-  No as Select,
-  ko as SelectContent,
-  zo as SelectEmptyState,
-  Go as SelectItem,
-  Eo as SelectItemContent,
-  Fo as SelectItemDescription,
-  Oo as SelectItemText,
-  Vo as SelectList,
-  _o as SelectSearch,
-  jo as SelectSeparator,
-  qo as SelectTrigger,
-  Ko as SideBar,
-  Qo as SideBarCollapseToggle,
-  Uo as SideBarItem,
-  Wo as SideBarLeading,
-  Xo as SideBarTrailing,
-  Zo as Skeleton,
-  et as Spinner,
-  tt as Spot,
-  at as Stepper,
-  it as Subheader,
-  pt as SubheaderCount,
-  mt as SubheaderDescription,
-  lt as SubheaderInfo,
-  dt as SubheaderRow,
-  xt as SubheaderShowMore,
-  Tt as SubheaderTitle,
-  ut as Switch,
-  Ct as Table,
-  ct as TableActionBar,
-  gt as TableActionBarLeading,
-  It as TableActionBarTrailing,
-  Bt as TableBody,
-  bt as TableCell,
-  st as TableCellContent,
-  Dt as TableGroupHeaderRow,
-  Mt as TableHeader,
-  Lt as TableHeaderCell,
-  ht as TableHeaderRow,
-  vt as TableInfoIcon,
-  Rt as TableLoadingRow,
-  wt as TableRoot,
-  At as TableRow,
-  yt as TableSortButton,
-  Pt as Tag,
-  kt as TextInput,
-  $t as ThemeProvider,
-  Gt as Tile,
-  qt as TileButton,
-  Et as TileContent,
-  Ft as TileDescription,
-  Ot as TileSecondaryAction,
-  Vt as TileTitle,
-  _t as TileTrailingContent,
-  Kt as Tooltip,
-  Qt as TooltipContent,
-  Ut as TooltipProvider,
-  Wt as TooltipTrigger,
-  Yt as Trend,
-  Do as createPopoverHandle,
-  ue as dotIconSizeMap,
-  Se as mediaImageDotIconSizeMap,
-  be as mediaImageDotSizeMap,
-  Ce as spotDotIconSizeMap,
-  se as spotDotSizeMap,
+  Ae as Link,
+  ye as ListItem,
+  He as ListItemContent,
+  Ne as ListItemContentRow,
+  ke as ListItemDescription,
+  Ge as ListItemLeading,
+  ze as ListItemTitle,
+  Ee as ListItemTrailing,
+  Oe as MediaBanner,
+  Ve as MediaBannerDescription,
+  _e as MediaBannerTitle,
+  qe as MediaButton,
+  Ke as MediaCard,
+  Qe as MediaCardTitle,
+  We as MediaImage,
+  Ye as MediaTag,
+  $e as Menu,
+  eo as MenuCheckboxItem,
+  oo as MenuContent,
+  to as MenuGroup,
+  ro as MenuItem,
+  ao as MenuLabel,
+  no as MenuRadioGroup,
+  io as MenuRadioItem,
+  po as MenuSeparator,
+  lo as MenuSub,
+  mo as MenuSubContent,
+  xo as MenuSubTrigger,
+  To as MenuTrigger,
+  uo as NavBar,
+  So as NavBarBackButton,
+  Co as NavBarCoinCapsule,
+  go as NavBarDescription,
+  Io as NavBarLeading,
+  Bo as NavBarTitle,
+  bo as NavBarTrailing,
+  Ro as PageIndicator,
+  Ao as Pagination,
+  Do as Popover,
+  Mo as PopoverContent,
+  Lo as PopoverTrigger,
+  yo as SearchInput,
+  No as SegmentedControl,
+  ko as SegmentedControlButton,
+  Eo as Select,
+  Fo as SelectContent,
+  Oo as SelectEmptyState,
+  Vo as SelectItem,
+  _o as SelectItemContent,
+  jo as SelectItemDescription,
+  qo as SelectItemText,
+  Jo as SelectList,
+  Ko as SelectSearch,
+  Qo as SelectSeparator,
+  Uo as SelectTrigger,
+  Yo as SideBar,
+  Zo as SideBarCollapseToggle,
+  $o as SideBarItem,
+  et as SideBarLeading,
+  ot as SideBarTrailing,
+  at as Skeleton,
+  it as Spinner,
+  lt as Spot,
+  dt as Stepper,
+  Tt as Subheader,
+  ft as SubheaderCount,
+  ct as SubheaderDescription,
+  ut as SubheaderInfo,
+  St as SubheaderRow,
+  Ct as SubheaderShowMore,
+  gt as SubheaderTitle,
+  Bt as Switch,
+  st as Table,
+  Dt as TableActionBar,
+  Mt as TableActionBarLeading,
+  Lt as TableActionBarTrailing,
+  ht as TableBody,
+  vt as TableCell,
+  Rt as TableCellContent,
+  wt as TableCol,
+  At as TableColGroup,
+  Pt as TableGroupHeaderRow,
+  yt as TableHeader,
+  Ht as TableHeaderCell,
+  Nt as TableHeaderRow,
+  kt as TableInfoIcon,
+  Gt as TableLoadingRow,
+  zt as TableRoot,
+  Et as TableRow,
+  Ft as TableSortButton,
+  Vt as Tag,
+  jt as TextInput,
+  pr as ThemeProvider,
+  Jt as Tile,
+  Zt as TileButton,
+  Kt as TileContent,
+  Qt as TileDescription,
+  Ut as TileSecondaryAction,
+  Wt as TileTitle,
+  Xt as TileTrailingContent,
+  er as Tooltip,
+  or as TooltipContent,
+  tr as TooltipProvider,
+  rr as TooltipTrigger,
+  nr as Trend,
+  fo as createMenuRadioGroup,
+  ho as createPopoverHandle,
+  Go as createSegmentedControl,
+  Wo as createSelect,
+  tt as createSideBar,
+  ce as dotIconSizeMap,
+  Be as getDotIndicatorProps,
+  ue as mediaImageDotIconSizeMap,
+  De as mediaImageDotSizeMap,
+  Se as spotDotIconSizeMap,
+  Me as spotDotSizeMap,
   q as useLumenDataTable,
-  er as useTheme
+  lr as useTheme
 };

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":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAMnB,MAAM,SAAS,CAAC;AAqHjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,MAAc,EACd,OAAe,EACf,OAAc,EACd,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA6DpB"}
+{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAMnB,MAAM,SAAS,CAAC;AAqHjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,MAAc,EACd,OAAe,EACf,OAAc,EACd,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA8DpB"}

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

@@ -129,6 +129,7 @@ function A({
         "relative inline-flex",
         f
       ),
+      role: "img",
       "aria-label": x,
       "aria-busy": t,
       ...g,

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

@@ -4,5 +4,5 @@ import { AmountInputProps } from './types';
  * 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: ({ ref, className, size, align, currencyText, currencyPosition, disabled: disabledProp, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, value, onChange, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AmountInput: ({ ref, className, size, align, currencyText, currencyPosition, disabled: disabledProp, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, decimalSeparator, value, onChange, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
 //# 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":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,SAAS,CAAC;AA0FjE;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,2LAezB,gBAAgB,4CA+ElB,CAAC"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,SAAS,CAAC;AA0FjE;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,6MAgBzB,gBAAgB,4CAgFlB,CAAC"}

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

@@ -1,10 +1,10 @@
-import { jsxs as N, jsx as a } from "react/jsx-runtime";
-import { useDisabledContext as R, useMergedRef as k, getFontSize as z, cn as p } from "../../../libs/utils-shared/dist/index.js";
+import { jsxs as R, jsx as a } from "react/jsx-runtime";
+import { useDisabledContext as k, useMergedRef as z, getFontSize as M, cn as p } from "../../../libs/utils-shared/dist/index.js";
 import { cva as i } from "class-variance-authority";
-import { useMemo as M } from "react";
-import { useAmountInputValue as D } from "./useAmountInputValue/useAmountInputValue.js";
-import { useAutoWidthInput as F } from "./useAutoWidthInput/useAutoWidthInput.js";
-const W = i(
+import { useMemo as D } from "react";
+import { useAmountInputValue as F } from "./useAmountInputValue/useAmountInputValue.js";
+import { useAutoWidthInput as W } from "./useAutoWidthInput/useAutoWidthInput.js";
+const q = i(
   [
     "bg-transparent caret-active outline-hidden transition-colors",
     "text-base placeholder:text-muted-subtle",
@@ -28,7 +28,7 @@ const W = i(
       isChanging: !1
     }
   }
-), q = i(
+), E = i(
   [
     "cursor-text text-base",
     "group-has-[input:placeholder-shown]:text-muted-subtle",
@@ -46,7 +46,7 @@ const W = i(
       size: "md"
     }
   }
-), E = i("invisible absolute whitespace-pre", {
+), O = i("invisible absolute whitespace-pre", {
   variants: {
     size: {
       md: "heading-0-semi-bold",
@@ -56,7 +56,7 @@ const W = i(
   defaultVariants: {
     size: "md"
   }
-}), J = i(
+}), B = i(
   "group relative flex w-full items-center overflow-visible transition-transform",
   {
     variants: {
@@ -70,7 +70,7 @@ const W = i(
       align: "center"
     }
   }
-), m = ({ size: r, style: o, children: e }) => /* @__PURE__ */ a("span", { className: p(q({ size: r }), "shrink-0"), style: o, children: e }), Q = ({
+), m = ({ size: r, style: o, children: e }) => /* @__PURE__ */ a("span", { className: p(E({ size: r }), "shrink-0"), style: o, children: e }), U = ({
   ref: r,
   className: o,
   size: e = "md",
@@ -82,34 +82,36 @@ const W = i(
   maxDecimalLength: g = 9,
   allowDecimals: b = !0,
   thousandsSeparator: v = !0,
-  value: x,
-  onChange: w,
-  ...y
+  decimalSeparator: x = ".",
+  value: w,
+  onChange: y,
+  ...S
 }) => {
-  const S = R({
+  const C = k({
     consumerName: "AmountInput",
     mergeWith: { disabled: f }
-  }), { inputValue: n, isChanging: C, setIsChanging: A, handleChange: V } = D({
-    value: x,
-    onChange: w,
+  }), { inputValue: n, isChanging: A, setIsChanging: V, handleChange: j } = F({
+    value: w,
+    onChange: y,
     formatOptions: {
       allowDecimals: b,
       thousandsSeparator: v,
       maxIntegerLength: h,
-      maxDecimalLength: g
+      maxDecimalLength: g,
+      decimalSeparator: x
     }
-  }), { spanRef: j, inputRef: d } = F({
+  }), { spanRef: I, inputRef: d } = W({
     inputValue: n,
     currencyText: t,
     size: e
-  }), I = k(r, d), s = { fontSize: M(
-    () => z(n, e) + "px",
+  }), N = z(r, d), s = { fontSize: D(
+    () => M(n, e) + "px",
     [n, e]
   ), letterSpacing: "normal" };
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ R(
     "div",
     {
-      className: J({ align: c }),
+      className: B({ align: c }),
       onPointerDown: () => {
         const u = d.current;
         u && window.requestAnimationFrame(() => {
@@ -121,8 +123,8 @@ const W = i(
         /* @__PURE__ */ a(
           "span",
           {
-            ref: j,
-            className: E({ size: e }),
+            ref: I,
+            className: O({ size: e }),
             "aria-hidden": "true",
             style: s,
             children: n
@@ -131,15 +133,15 @@ const W = i(
         /* @__PURE__ */ a(
           "input",
           {
-            ref: I,
+            ref: N,
             type: "text",
             inputMode: "decimal",
-            disabled: S,
+            disabled: C,
             value: n,
-            onChange: V,
-            onAnimationEnd: () => A(!1),
-            className: p(W({ size: e, isChanging: C }), o),
-            ...y,
+            onChange: j,
+            onAnimationEnd: () => V(!1),
+            className: p(q({ size: e, isChanging: A }), o),
+            ...S,
             style: s
           }
         ),
@@ -149,5 +151,5 @@ const W = i(
   );
 };
 export {
-  Q as AmountInput
+  U as AmountInput
 };

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

@@ -55,5 +55,13 @@ export type AmountInputProps = {
      * @default true
      */
     thousandsSeparator?: boolean;
+    /**
+     * Character used to display the decimal separator (e.g. `1 234,5` vs `1 234.5`).
+     * Typing always accepts both `,` and `.` regardless of this value, so it stays
+     * compatible with any locale keyboard. The value returned by `onChange` uses
+     * this separator.
+     * @default '.'
+     */
+    decimalSeparator?: '.' | ',';
 } & 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,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1D,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;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;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"}
+{"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,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1D,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;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;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;IAC7B;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAC9B,GAAG,IAAI,CACN,qBAAqB,CAAC,OAAO,CAAC,EAC9B,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CACzC,CAAC"}

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

@@ -4,6 +4,7 @@ type FormatOptions = {
     thousandsSeparator: boolean;
     maxIntegerLength: number;
     maxDecimalLength: number;
+    decimalSeparator: '.' | ',';
 };
 type UseAmountInputValueArgs = {
     value: string | number;

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

@@ -1 +1 @@
-{"version":3,"file":"useAmountInputValue.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,YAAY,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,qCAIjC,uBAAuB,KAAG,yBAiC5B,CAAC"}
+{"version":3,"file":"useAmountInputValue.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,GAAG,GAAG,GAAG,CAAC;CAC7B,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,YAAY,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,qCAIjC,uBAAuB,KAAG,yBAkC5B,CAAC"}

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

@@ -1,26 +1,27 @@
 import { textFormatter as m } from "../../../../libs/utils-shared/dist/index.js";
-import { useCallback as f, useState as g, useRef as i, useEffect as d } from "react";
+import { useCallback as d, useState as g, useRef as i, useEffect as f } from "react";
 const I = ({
   value: r,
   onChange: o,
   formatOptions: t
 }) => {
-  const a = f(
+  const a = d(
     (e) => m(String(e), t),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t.allowDecimals,
       t.thousandsSeparator,
       t.maxIntegerLength,
-      t.maxDecimalLength
+      t.maxDecimalLength,
+      t.decimalSeparator
     ]
-  ), [s, c] = g(() => a(r)), [h, l] = g(!1), u = i(s);
-  return d(() => {
+  ), [c, s] = g(() => a(r)), [h, l] = g(!1), u = i(c);
+  return f(() => {
     const e = a(r);
-    c(e), u.current = e;
-  }, [r, a]), { inputValue: s, isChanging: h, setIsChanging: l, handleChange: (e) => {
+    s(e), u.current = e;
+  }, [r, a]), { inputValue: c, isChanging: h, setIsChanging: l, handleChange: (e) => {
     const n = a(e.target.value);
-    c(n), o({ ...e, target: { ...e.target, value: n } }), n !== u.current && l(!0), u.current = n;
+    s(n), o({ ...e, target: { ...e.target, value: n } }), n !== u.current && l(!0), u.current = n;
   } };
 };
 export {