@ledgerhq/lumen-ui-react 0.1.44 → 0.1.45

package/dist/index.js

@@ -4,8 +4,8 @@ import { AmountInput as i } from "./lib/Components/AmountInput/AmountInput.js";
 import { AmountDisplay as m } 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 u } 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";
@@ -19,7 +19,7 @@ import { Dialog as ee, DialogBody as oe, DialogBodyStickyContent as te, DialogCo
 import { DialogHeader as pe } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
 import { Divider as le } 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 Se, spotDotIconSizeMap as ue } 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";
@@ -31,30 +31,30 @@ 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 { 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, createMenuRadioGroup as xo } from "./lib/Components/Menu/Menu.js";
+import { NavBar as fo, NavBarBackButton as co, NavBarCoinCapsule as So, NavBarDescription as uo, NavBarLeading as Co, NavBarTitle as go, NavBarTrailing as Io } from "./lib/Components/NavBar/NavBar.js";
+import { Popover as bo, PopoverContent as so, PopoverTrigger as Do, createPopoverHandle as Mo } from "./lib/Components/Popover/Popover.js";
+import { PageIndicator as ho } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { Pagination as Ro } from "./lib/Components/Pagination/Pagination.js";
+import { SearchInput as Ao } from "./lib/Components/SearchInput/SearchInput.js";
+import { SegmentedControl as Ho, SegmentedControlButton as Po, createSegmentedControl as No } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as zo, SelectContent as Go, SelectEmptyState as Eo, SelectItem as Fo, SelectItemContent as Oo, SelectItemDescription as Vo, SelectItemText as _o, SelectList as jo, SelectSearch as qo, SelectSeparator as Jo, SelectTrigger as Ko, createSelect as Qo } from "./lib/Components/Select/Select.js";
+import { SideBar as Wo, SideBarCollapseToggle as Xo, SideBarItem as Yo, SideBarLeading as Zo, SideBarTrailing as $o, createSideBar as et } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as tt } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as at } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as it } from "./lib/Components/Spot/Spot.js";
+import { Stepper as mt } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as dt, SubheaderCount as xt, SubheaderDescription as Tt, SubheaderInfo as ft, SubheaderRow as ct, SubheaderShowMore as St, SubheaderTitle as ut } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as gt } from "./lib/Components/Switch/Switch.js";
+import { Table as Bt, TableActionBar as bt, TableActionBarLeading as st, TableActionBarTrailing as Dt, TableBody as Mt, TableCell as Lt, TableCellContent as ht, TableGroupHeaderRow as vt, TableHeader as Rt, TableHeaderCell as wt, TableHeaderRow as At, TableInfoIcon as yt, TableLoadingRow as Ht, TableRoot as Pt, TableRow as Nt, TableSortButton as kt } from "./lib/Components/Table/Table.js";
+import { Tag as Gt } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Ft } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as Vt, TileContent as _t, TileDescription as jt, TileSecondaryAction as qt, TileTitle as Jt, TileTrailingContent as Kt } from "./lib/Components/Tile/Tile.js";
+import { TileButton as Ut } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as Xt, TooltipContent as Yt, TooltipProvider as Zt, TooltipTrigger as $t } from "./lib/Components/Tooltip/Tooltip.js";
+import { Trend as or } from "./lib/Components/Trend/Trend.js";
+import { ThemeProvider as rr, useTheme as ar } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as ir } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
   m as AmountDisplay,
@@ -62,9 +62,9 @@ export {
   d as Avatar,
   T as Banner,
   g as BaseButton,
-  u as BaseInput,
-  C as Button,
-  tr as COLOR_SCHEMES,
+  c as BaseInput,
+  u as Button,
+  ir as COLOR_SCHEMES,
   B as Card,
   y as CardButton,
   b as CardContent,
@@ -134,86 +134,90 @@ export {
   po as MenuSubContent,
   mo as MenuSubTrigger,
   lo as MenuTrigger,
-  To as NavBar,
-  fo as NavBarBackButton,
-  uo as NavBarCoinCapsule,
-  So as NavBarDescription,
+  fo as NavBar,
+  co as NavBarBackButton,
+  So as NavBarCoinCapsule,
+  uo 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,
+  go as NavBarTitle,
+  Io as NavBarTrailing,
+  ho as PageIndicator,
+  Ro as Pagination,
+  bo as Popover,
+  so as PopoverContent,
+  Do as PopoverTrigger,
+  Ao as SearchInput,
+  Ho as SegmentedControl,
+  Po as SegmentedControlButton,
+  zo as Select,
+  Go as SelectContent,
+  Eo as SelectEmptyState,
+  Fo as SelectItem,
+  Oo as SelectItemContent,
+  Vo as SelectItemDescription,
+  _o as SelectItemText,
+  jo as SelectList,
+  qo as SelectSearch,
+  Jo as SelectSeparator,
+  Ko as SelectTrigger,
+  Wo as SideBar,
+  Xo as SideBarCollapseToggle,
+  Yo as SideBarItem,
+  Zo as SideBarLeading,
+  $o as SideBarTrailing,
+  tt as Skeleton,
+  at as Spinner,
+  it as Spot,
+  mt as Stepper,
+  dt as Subheader,
+  xt as SubheaderCount,
+  Tt as SubheaderDescription,
+  ft as SubheaderInfo,
+  ct as SubheaderRow,
+  St as SubheaderShowMore,
+  ut as SubheaderTitle,
+  gt as Switch,
+  Bt as Table,
+  bt as TableActionBar,
+  st as TableActionBarLeading,
+  Dt as TableActionBarTrailing,
+  Mt as TableBody,
+  Lt as TableCell,
+  ht as TableCellContent,
+  vt as TableGroupHeaderRow,
+  Rt as TableHeader,
+  wt as TableHeaderCell,
+  At as TableHeaderRow,
+  yt as TableInfoIcon,
+  Ht as TableLoadingRow,
+  Pt as TableRoot,
+  Nt as TableRow,
+  kt as TableSortButton,
+  Gt as Tag,
+  Ft as TextInput,
+  rr as ThemeProvider,
+  Vt as Tile,
+  Ut as TileButton,
+  _t as TileContent,
+  jt as TileDescription,
+  qt as TileSecondaryAction,
+  Jt as TileTitle,
+  Kt as TileTrailingContent,
+  Xt as Tooltip,
+  Yt as TooltipContent,
+  Zt as TooltipProvider,
+  $t as TooltipTrigger,
+  or as Trend,
+  xo as createMenuRadioGroup,
+  Mo as createPopoverHandle,
+  No as createSegmentedControl,
+  Qo as createSelect,
+  et as createSideBar,
+  ce as dotIconSizeMap,
   Se as mediaImageDotIconSizeMap,
   be as mediaImageDotSizeMap,
-  Ce as spotDotIconSizeMap,
+  ue as spotDotIconSizeMap,
   se as spotDotSizeMap,
   q as useLumenDataTable,
-  er as useTheme
+  ar 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 {

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

@@ -37,7 +37,7 @@ const te = u(
   "group-has-disabled:text-disabled",
   "peer-focus:top-6 peer-focus:translate-y-0 peer-focus:body-4",
   "w-[calc(100%-var(--size-56))] truncate"
-), oe = u(ae, {
+), se = u(ae, {
   variants: {
     status: {
       default: "",
@@ -53,7 +53,7 @@ const te = u(
     status: "default",
     floated: !1
   }
-}), se = u("mt-8 flex items-center gap-2 body-3", {
+}), oe = u("mt-8 flex items-center gap-2 body-3", {
   variants: {
     status: {
       default: "text-muted",
@@ -90,8 +90,8 @@ const te = u(
   }), { t: E } = Z(), t = K(null), L = Q(), c = k || `input-${L}`, A = D ?? (e === "error" ? !0 : void 0), i = a.value !== void 0, [H, f] = X(
     a.defaultValue?.toString() || ""
   ), M = Y(
-    (o) => {
-      i || f(o.target.value), h?.(o);
+    (s) => {
+      i || f(s.target.value), h?.(s);
     },
     [i, h]
   ), O = i ? !!a.value && a.value.toString().length > 0 : H.length > 0, { inputPlaceholder: T, labelStaysFloatedWithPlaceholder: W } = G({
@@ -111,17 +111,17 @@ const te = u(
       "div",
       {
         className: n(te({ status: e }), S),
-        onPointerDown: (o) => {
-          if (o.target.closest("input, button, a")) return;
-          const s = t.current;
-          if (!s) return;
-          const x = s.value.length > 0 ? s.value.length : 0;
+        onPointerDown: (s) => {
+          if (s.target.closest("input, button, a")) return;
+          const o = t.current;
+          if (!o) return;
+          const x = o.value.length > 0 ? o.value.length : 0;
           window.requestAnimationFrame(() => {
             try {
-              s.setSelectionRange(x, x);
+              o.setSelectionRange(x, x);
             } catch {
             }
-            s.focus();
+            o.focus();
           });
         },
         children: [
@@ -149,7 +149,7 @@ const te = u(
             {
               htmlFor: c,
               className: n(
-                oe({
+                se({
                   status: e,
                   floated: W
                 }),
@@ -176,7 +176,7 @@ const te = u(
       "div",
       {
         id: g,
-        className: se({ status: e }),
+        className: oe({ status: e }),
         role: e === "error" ? "alert" : void 0,
         children: [
           e === "error" && /* @__PURE__ */ r(y, { size: 16, className: "text-error" }),

package/dist/lib/Components/Button/Button.js

@@ -1,8 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as n } from "../../../libs/utils-shared/dist/index.js";
-import { cva as d } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+import { cn as d } from "../../../libs/utils-shared/dist/index.js";
+import { cva as e } from "class-variance-authority";
 import { BaseButton as b } from "./BaseButton.js";
-const l = d("", {
+const l = e("", {
   variants: {
     size: {
       sm: "px-16 py-10 body-2-semi-bold",
@@ -15,22 +15,22 @@ const l = d("", {
   }
 }), x = ({
   ref: t,
-  className: m,
-  loading: s,
+  className: s,
+  loading: m,
   disabled: r,
   children: a,
   size: o,
   icon: i,
   ...p
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ n(
   b,
   {
     ref: t,
     size: o,
     disabled: r,
     icon: i,
-    loading: s,
-    className: n(l({ size: o }), "gap-8", m),
+    loading: m,
+    className: d(l({ size: o }), "gap-8", s),
     ...p,
     children: a
   }