@ledgerhq/lumen-ui-react 0.1.59 → 0.1.61

package/dist/index.js

@@ -8,7 +8,7 @@ import { resolveAvatarColor as C } from "./lib/Components/core/Avatar/resolveAva
 import { AvatarButton as S } from "./lib/Components/core/AvatarButton/AvatarButton.js";
 import { Banner as g } from "./lib/Components/core/Banner/Banner.js";
 import { Button as I } from "./lib/Components/core/Button/Button.js";
-import { Card as B, CardContent as D, CardContentDescription as M, CardContentRow as L, CardContentTitle as v, CardFooter as h, CardFooterActions as R, CardHeader as A, CardLeading as H, CardTrailing as P } from "./lib/Components/core/Card/Card.js";
+import { Card as B, CardContent as D, CardContentDescription as M, CardContentRow as L, CardContentTitle as v, CardFooter as h, CardFooterActions as R, CardHeader as w, CardLeading as A, CardTrailing as H } from "./lib/Components/core/Card/Card.js";
 import { CardButton as y } from "./lib/Components/core/CardButton/CardButton.js";
 import { Checkbox as k } from "./lib/Components/core/Checkbox/Checkbox.js";
 import { ContentBanner as E, ContentBannerContent as F, ContentBannerDescription as O, ContentBannerTitle as z } from "./lib/Components/core/ContentBanner/ContentBanner.js";
@@ -27,39 +27,39 @@ import { getDotIndicatorProps as Be } from "./lib/Components/core/DotIndicator/g
 import { DotSymbol as Me } from "./lib/Components/core/DotSymbol/DotSymbol.js";
 import { getDotSymbolProps as ve } from "./lib/Components/core/DotSymbol/getDotSymbolProps.js";
 import { IconButton as Re } from "./lib/Components/core/IconButton/IconButton.js";
-import { InteractiveIcon as He } from "./lib/Components/core/InteractiveIcon/InteractiveIcon.js";
-import { Link as we } from "./lib/Components/core/Link/Link.js";
+import { InteractiveIcon as Ae } from "./lib/Components/core/InteractiveIcon/InteractiveIcon.js";
+import { Link as Pe } from "./lib/Components/core/Link/Link.js";
 import { ListItem as Ne, ListItemContent as ke, ListItemContentRow as Ge, ListItemDescription as Ee, ListItemLeading as Fe, ListItemTitle as Oe, ListItemTrailing as ze } from "./lib/Components/core/ListItem/ListItem.js";
 import { MediaBanner as _e, MediaBannerDescription as je, MediaBannerTitle as qe } from "./lib/Components/core/MediaBanner/MediaBanner.js";
 import { MediaButton as Ke } from "./lib/Components/core/MediaButton/MediaButton.js";
 import { MediaCard as Ue, MediaCardTitle as We } from "./lib/Components/core/MediaCard/MediaCard.js";
 import { MediaImage as Ye } from "./lib/Components/core/MediaImage/MediaImage.js";
 import { MediaTag as $e } from "./lib/Components/core/MediaTag/MediaTag.js";
-import { Menu as oo, MenuCheckboxItem as to, MenuContent as ro, MenuGroup as ao, MenuItem as no, MenuLabel as io, MenuRadioGroup as lo, MenuRadioItem as po, MenuSeparator as mo, MenuSub as To, MenuSubContent as xo, MenuSubTrigger as fo, MenuTrigger as Co, createMenuRadioGroup as co } from "./lib/Components/core/Menu/Menu.js";
-import { NavBar as uo, NavBarBackButton as go, NavBarCoinCapsule as bo, NavBarDescription as Io, NavBarLeading as so, NavBarTitle as Bo, NavBarTrailing as Do } from "./lib/Components/core/NavBar/NavBar.js";
-import { Popover as Lo, PopoverContent as vo, PopoverTrigger as ho, createPopoverHandle as Ro } from "./lib/Components/core/Popover/Popover.js";
+import { Menu as oo, MenuCheckboxItem as to, MenuContent as ro, MenuGroup as ao, MenuItem as no, MenuLabel as io, MenuRadioGroup as lo, MenuRadioItem as po, MenuSeparator as mo, MenuSub as To, MenuSubContent as xo, MenuSubTrigger as fo, MenuSwitchItem as Co, MenuTrigger as co, createMenuRadioGroup as So } from "./lib/Components/core/Menu/Menu.js";
+import { NavBar as go, NavBarBackButton as bo, NavBarCoinCapsule as Io, NavBarDescription as so, NavBarLeading as Bo, NavBarTitle as Do, NavBarTrailing as Mo } from "./lib/Components/core/NavBar/NavBar.js";
+import { Popover as vo, PopoverContent as ho, PopoverTrigger as Ro, createPopoverHandle as wo } from "./lib/Components/core/Popover/Popover.js";
 import { PageIndicator as Ho } from "./lib/Components/core/PageIndicator/PageIndicator.js";
-import { Pagination as wo } from "./lib/Components/core/Pagination/Pagination.js";
-import { SearchInput as No } from "./lib/Components/core/SearchInput/SearchInput.js";
-import { SectionHeader as Go, SectionHeaderLeading as Eo, SectionHeaderTitle as Fo } from "./lib/Components/core/SectionHeader/SectionHeader.js";
-import { SegmentedControl as zo, SegmentedControlButton as Vo, createSegmentedControl as _o } from "./lib/Components/core/SegmentedControl/SegmentedControl.js";
-import { Select as qo, SelectContent as Jo, SelectEmptyState as Ko, SelectItem as Qo, SelectItemContent as Uo, SelectItemDescription as Wo, SelectItemText as Xo, SelectList as Yo, SelectSearch as Zo, SelectSeparator as $o, SelectTrigger as et, createSelect as ot } from "./lib/Components/core/Select/Select.js";
-import { SideBar as rt, SideBarCollapseToggle as at, SideBarItem as nt, SideBarLeading as it, SideBarTrailing as lt, createSideBar as pt } from "./lib/Components/core/SideBar/SideBar.js";
-import { Skeleton as dt } from "./lib/Components/core/Skeleton/Skeleton.js";
-import { Spinner as xt } from "./lib/Components/core/Spinner/Spinner.js";
-import { Spot as Ct } from "./lib/Components/core/Spot/Spot.js";
-import { Stepper as St } from "./lib/Components/core/Stepper/Stepper.js";
-import { Subheader as gt, SubheaderCount as bt, SubheaderDescription as It, SubheaderInfo as st, SubheaderRow as Bt, SubheaderShowMore as Dt, SubheaderTitle as Mt } from "./lib/Components/core/Subheader/Subheader.js";
-import { Switch as vt } from "./lib/Components/core/Switch/Switch.js";
-import { Table as Rt, TableActionBar as At, TableActionBarLeading as Ht, TableActionBarTrailing as Pt, TableBody as wt, TableCell as yt, TableCellContent as Nt, TableCellContentDescription as kt, TableCellContentRow as Gt, TableCellContentTitle as Et, TableCellItem as Ft, TableCol as Ot, TableColGroup as zt, TableGroupHeaderRow as Vt, TableHeader as _t, TableHeaderCell as jt, TableHeaderRow as qt, TableInfoIcon as Jt, TableLoadingRow as Kt, TableRoot as Qt, TableRow as Ut, TableSortButton as Wt } from "./lib/Components/core/Table/Table.js";
-import { Tag as Yt } from "./lib/Components/core/Tag/Tag.js";
-import { TextInput as $t } from "./lib/Components/core/TextInput/TextInput.js";
-import { Tile as or, TileContent as tr, TileDescription as rr, TileSecondaryAction as ar, TileTitle as nr, TileTrailingContent as ir } from "./lib/Components/core/Tile/Tile.js";
-import { TileButton as pr } from "./lib/Components/core/TileButton/TileButton.js";
-import { Tooltip as dr, TooltipContent as Tr, TooltipProvider as xr, TooltipTrigger as fr } from "./lib/Components/core/Tooltip/Tooltip.js";
-import { Trend as cr } from "./lib/Components/core/Trend/Trend.js";
-import { ThemeProvider as ur, useTheme as gr } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as Ir } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
+import { Pagination as yo } from "./lib/Components/core/Pagination/Pagination.js";
+import { SearchInput as ko } from "./lib/Components/core/SearchInput/SearchInput.js";
+import { SectionHeader as Eo, SectionHeaderLeading as Fo, SectionHeaderTitle as Oo } from "./lib/Components/core/SectionHeader/SectionHeader.js";
+import { SegmentedControl as Vo, SegmentedControlButton as _o, createSegmentedControl as jo } from "./lib/Components/core/SegmentedControl/SegmentedControl.js";
+import { Select as Jo, SelectContent as Ko, SelectEmptyState as Qo, SelectItem as Uo, SelectItemContent as Wo, SelectItemDescription as Xo, SelectItemText as Yo, SelectList as Zo, SelectSearch as $o, SelectSeparator as et, SelectTrigger as ot, createSelect as tt } from "./lib/Components/core/Select/Select.js";
+import { SideBar as at, SideBarCollapseToggle as nt, SideBarItem as it, SideBarLeading as lt, SideBarTrailing as pt, createSideBar as mt } from "./lib/Components/core/SideBar/SideBar.js";
+import { Skeleton as Tt } from "./lib/Components/core/Skeleton/Skeleton.js";
+import { Spinner as ft } from "./lib/Components/core/Spinner/Spinner.js";
+import { Spot as ct } from "./lib/Components/core/Spot/Spot.js";
+import { Stepper as ut } from "./lib/Components/core/Stepper/Stepper.js";
+import { Subheader as bt, SubheaderCount as It, SubheaderDescription as st, SubheaderInfo as Bt, SubheaderRow as Dt, SubheaderShowMore as Mt, SubheaderTitle as Lt } from "./lib/Components/core/Subheader/Subheader.js";
+import { Switch as ht } from "./lib/Components/core/Switch/Switch.js";
+import { Table as wt, TableActionBar as At, TableActionBarLeading as Ht, TableActionBarTrailing as Pt, TableBody as yt, TableCell as Nt, TableCellContent as kt, TableCellContentDescription as Gt, TableCellContentRow as Et, TableCellContentTitle as Ft, TableCellItem as Ot, TableCol as zt, TableColGroup as Vt, TableGroupHeaderRow as _t, TableHeader as jt, TableHeaderCell as qt, TableHeaderRow as Jt, TableInfoIcon as Kt, TableLoadingRow as Qt, TableRoot as Ut, TableRow as Wt, TableSortButton as Xt } from "./lib/Components/core/Table/Table.js";
+import { Tag as Zt } from "./lib/Components/core/Tag/Tag.js";
+import { TextInput as er } from "./lib/Components/core/TextInput/TextInput.js";
+import { Tile as tr, TileContent as rr, TileDescription as ar, TileSecondaryAction as nr, TileTitle as ir, TileTrailingContent as lr } from "./lib/Components/core/Tile/Tile.js";
+import { TileButton as mr } from "./lib/Components/core/TileButton/TileButton.js";
+import { Tooltip as Tr, TooltipContent as xr, TooltipProvider as fr, TooltipTrigger as Cr } from "./lib/Components/core/Tooltip/Tooltip.js";
+import { Trend as Sr } from "./lib/Components/core/Trend/Trend.js";
+import { ThemeProvider as gr, useTheme as br } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as sr } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
 export {
   i as AddressInput,
   d as AmountDisplay,
@@ -68,7 +68,7 @@ export {
   S as AvatarButton,
   g as Banner,
   I as Button,
-  Ir as COLOR_SCHEMES,
+  sr as COLOR_SCHEMES,
   B as Card,
   y as CardButton,
   D as CardContent,
@@ -77,9 +77,9 @@ export {
   v as CardContentTitle,
   h as CardFooter,
   R as CardFooterActions,
-  A as CardHeader,
-  H as CardLeading,
-  P as CardTrailing,
+  w as CardHeader,
+  A as CardLeading,
+  H as CardTrailing,
   k as Checkbox,
   E as ContentBanner,
   F as ContentBannerContent,
@@ -107,9 +107,9 @@ export {
   Ie as DotIndicator,
   Me as DotSymbol,
   Re as IconButton,
-  He as InteractiveIcon,
+  Ae as InteractiveIcon,
   t as Languages,
-  we as Link,
+  Pe as Link,
   Ne as ListItem,
   ke as ListItemContent,
   Ge as ListItemContentRow,
@@ -137,95 +137,96 @@ export {
   To as MenuSub,
   xo as MenuSubContent,
   fo as MenuSubTrigger,
-  Co as MenuTrigger,
-  uo as NavBar,
-  go as NavBarBackButton,
-  bo as NavBarCoinCapsule,
-  Io as NavBarDescription,
-  so as NavBarLeading,
-  Bo as NavBarTitle,
-  Do as NavBarTrailing,
+  Co as MenuSwitchItem,
+  co as MenuTrigger,
+  go as NavBar,
+  bo as NavBarBackButton,
+  Io as NavBarCoinCapsule,
+  so as NavBarDescription,
+  Bo as NavBarLeading,
+  Do as NavBarTitle,
+  Mo as NavBarTrailing,
   Ho as PageIndicator,
-  wo as Pagination,
-  Lo as Popover,
-  vo as PopoverContent,
-  ho as PopoverTrigger,
-  No as SearchInput,
-  Go as SectionHeader,
-  Eo as SectionHeaderLeading,
-  Fo as SectionHeaderTitle,
-  zo as SegmentedControl,
-  Vo as SegmentedControlButton,
-  qo as Select,
-  Jo as SelectContent,
-  Ko as SelectEmptyState,
-  Qo as SelectItem,
-  Uo as SelectItemContent,
-  Wo as SelectItemDescription,
-  Xo as SelectItemText,
-  Yo as SelectList,
-  Zo as SelectSearch,
-  $o as SelectSeparator,
-  et as SelectTrigger,
-  rt as SideBar,
-  at as SideBarCollapseToggle,
-  nt as SideBarItem,
-  it as SideBarLeading,
-  lt as SideBarTrailing,
-  dt as Skeleton,
-  xt as Spinner,
-  Ct as Spot,
-  St as Stepper,
-  gt as Subheader,
-  bt as SubheaderCount,
-  It as SubheaderDescription,
-  st as SubheaderInfo,
-  Bt as SubheaderRow,
-  Dt as SubheaderShowMore,
-  Mt as SubheaderTitle,
-  vt as Switch,
-  Rt as Table,
+  yo as Pagination,
+  vo as Popover,
+  ho as PopoverContent,
+  Ro as PopoverTrigger,
+  ko as SearchInput,
+  Eo as SectionHeader,
+  Fo as SectionHeaderLeading,
+  Oo as SectionHeaderTitle,
+  Vo as SegmentedControl,
+  _o as SegmentedControlButton,
+  Jo as Select,
+  Ko as SelectContent,
+  Qo as SelectEmptyState,
+  Uo as SelectItem,
+  Wo as SelectItemContent,
+  Xo as SelectItemDescription,
+  Yo as SelectItemText,
+  Zo as SelectList,
+  $o as SelectSearch,
+  et as SelectSeparator,
+  ot as SelectTrigger,
+  at as SideBar,
+  nt as SideBarCollapseToggle,
+  it as SideBarItem,
+  lt as SideBarLeading,
+  pt as SideBarTrailing,
+  Tt as Skeleton,
+  ft as Spinner,
+  ct as Spot,
+  ut as Stepper,
+  bt as Subheader,
+  It as SubheaderCount,
+  st as SubheaderDescription,
+  Bt as SubheaderInfo,
+  Dt as SubheaderRow,
+  Mt as SubheaderShowMore,
+  Lt as SubheaderTitle,
+  ht as Switch,
+  wt as Table,
   At as TableActionBar,
   Ht as TableActionBarLeading,
   Pt as TableActionBarTrailing,
-  wt as TableBody,
-  yt as TableCell,
-  Nt as TableCellContent,
-  kt as TableCellContentDescription,
-  Gt as TableCellContentRow,
-  Et as TableCellContentTitle,
-  Ft as TableCellItem,
-  Ot as TableCol,
-  zt as TableColGroup,
-  Vt as TableGroupHeaderRow,
-  _t as TableHeader,
-  jt as TableHeaderCell,
-  qt as TableHeaderRow,
-  Jt as TableInfoIcon,
-  Kt as TableLoadingRow,
-  Qt as TableRoot,
-  Ut as TableRow,
-  Wt as TableSortButton,
-  Yt as Tag,
-  $t as TextInput,
-  ur as ThemeProvider,
-  or as Tile,
-  pr as TileButton,
-  tr as TileContent,
-  rr as TileDescription,
-  ar as TileSecondaryAction,
-  nr as TileTitle,
-  ir as TileTrailingContent,
-  dr as Tooltip,
-  Tr as TooltipContent,
-  xr as TooltipProvider,
-  fr as TooltipTrigger,
-  cr as Trend,
-  co as createMenuRadioGroup,
-  Ro as createPopoverHandle,
-  _o as createSegmentedControl,
-  ot as createSelect,
-  pt as createSideBar,
+  yt as TableBody,
+  Nt as TableCell,
+  kt as TableCellContent,
+  Gt as TableCellContentDescription,
+  Et as TableCellContentRow,
+  Ft as TableCellContentTitle,
+  Ot as TableCellItem,
+  zt as TableCol,
+  Vt as TableColGroup,
+  _t as TableGroupHeaderRow,
+  jt as TableHeader,
+  qt as TableHeaderCell,
+  Jt as TableHeaderRow,
+  Kt as TableInfoIcon,
+  Qt as TableLoadingRow,
+  Ut as TableRoot,
+  Wt as TableRow,
+  Xt as TableSortButton,
+  Zt as Tag,
+  er as TextInput,
+  gr as ThemeProvider,
+  tr as Tile,
+  mr as TileButton,
+  rr as TileContent,
+  ar as TileDescription,
+  nr as TileSecondaryAction,
+  ir as TileTitle,
+  lr as TileTrailingContent,
+  Tr as Tooltip,
+  xr as TooltipContent,
+  fr as TooltipProvider,
+  Cr as TooltipTrigger,
+  Sr as Trend,
+  So as createMenuRadioGroup,
+  wo as createPopoverHandle,
+  jo as createSegmentedControl,
+  tt as createSelect,
+  mt as createSideBar,
   Se as dotIconSizeMap,
   ge as getDotIconProps,
   Be as getDotIndicatorProps,
@@ -233,5 +234,5 @@ export {
   C as resolveAvatarColor,
   a as useControllableState,
   K as useLumenDataTable,
-  gr as useTheme
+  br as useTheme
 };

package/dist/lib/Components/core/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, decimalSeparator, 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, placeholder, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AmountInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/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"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,SAAS,CAAC;AA0FjE;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,0NAiBzB,gBAAgB,4CAmFlB,CAAC"}

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

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

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

@@ -1,11 +1,11 @@
 import { textFormatter as m } from "../../../../../libs/utils-shared/dist/index.js";
-import { useCallback as d, useState as g, useRef as i, useEffect as f } from "react";
+import { useCallback as i, useState as g, useRef as d, useEffect as f } from "react";
 const I = ({
   value: r,
   onChange: o,
   formatOptions: t
 }) => {
-  const a = d(
+  const a = i(
     (e) => m(String(e), t),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
@@ -15,13 +15,13 @@ const I = ({
       t.maxDecimalLength,
       t.decimalSeparator
     ]
-  ), [s, c] = g(() => a(r)), [h, l] = g(!1), u = i(s);
+  ), [c, s] = g(() => a(r)), [h, l] = g(!1), u = d(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/core/Avatar/resolveAvatarColor.js

@@ -27,10 +27,10 @@ const t = {
 function d(e) {
   return t[o(e)];
 }
-function g(e) {
+function s(e) {
   return e ? n[e] ?? c : v;
 }
 export {
-  g as getAvatarFallbackTextColor,
+  s as getAvatarFallbackTextColor,
   d as resolveAvatarColor
 };

package/dist/lib/Components/core/Banner/Banner.js

@@ -1,10 +1,10 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { cn as t } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as b } from "class-variance-authority";
 import { useCommonTranslation as g } from "../../../../i18n/useCommonTranslation.js";
-import { IconButton as u } from "../IconButton/IconButton.js";
-import { Close as N } from "../../symbols/icons/Close.js";
-import { DeleteCircleFill as h } from "../../symbols/icons/DeleteCircleFill.js";
+import { IconButton as N } from "../IconButton/IconButton.js";
+import { Close as h } from "../../symbols/icons/Close.js";
+import { DeleteCircleFill as u } from "../../symbols/icons/DeleteCircleFill.js";
 import { WarningFill as v } from "../../symbols/icons/WarningFill.js";
 import { CheckmarkCircleFill as w } from "../../symbols/icons/CheckmarkCircleFill.js";
 import { InformationFill as C } from "../../symbols/icons/InformationFill.js";
@@ -12,7 +12,7 @@ const k = {
   info: /* @__PURE__ */ r(C, { className: "text-base" }),
   success: /* @__PURE__ */ r(w, { className: "text-success" }),
   warning: /* @__PURE__ */ r(v, { className: "text-warning" }),
-  error: /* @__PURE__ */ r(h, { className: "text-error" })
+  error: /* @__PURE__ */ r(u, { className: "text-error" })
 }, F = {
   root: b("flex w-full items-start gap-8 rounded-md p-12 text-base", {
     variants: {
@@ -27,7 +27,7 @@ const k = {
 }, W = ({
   ref: c,
   appearance: s = "info",
-  title: a,
+  title: e,
   description: n,
   primaryAction: o,
   secondaryAction: l,
@@ -37,7 +37,7 @@ const k = {
   ...f
 }) => {
   const { t: x } = g(), d = k[s];
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: c,
@@ -45,22 +45,22 @@ const k = {
       ...f,
       children: [
         /* @__PURE__ */ r("div", { className: "flex shrink-0 items-start py-4", children: d }),
-        /* @__PURE__ */ e("div", { className: "mr-8 flex flex-1 flex-col gap-8 py-4", children: [
-          /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
-            a && /* @__PURE__ */ r("h3", { className: "line-clamp-2 body-1-semi-bold", children: a }),
-            n && /* @__PURE__ */ r("div", { className: t("line-clamp-5 body-2", !a && "mt-2"), children: n })
+        /* @__PURE__ */ a("div", { className: "mr-8 flex flex-1 flex-col gap-8 py-4", children: [
+          /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
+            e && /* @__PURE__ */ r("h3", { className: "line-clamp-2 body-1-semi-bold", children: e }),
+            n && /* @__PURE__ */ r("div", { className: t("line-clamp-5 body-2", !e && "mt-2"), children: n })
           ] }),
-          (o || l) && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4", children: [
+          (o || l) && /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4", children: [
             o,
             l
           ] })
         ] }),
         i && /* @__PURE__ */ r(
-          u,
+          N,
           {
             appearance: "transparent",
             size: "xs",
-            icon: N,
+            icon: h,
             onClick: () => i(),
             "aria-label": p || x("components.banner.closeAriaLabel")
           }

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

@@ -17,8 +17,8 @@ const l = e("", {
   ref: t,
   className: m,
   loading: s,
-  disabled: r,
-  children: a,
+  disabled: a,
+  children: r,
   size: o,
   icon: i,
   ...p
@@ -27,12 +27,12 @@ const l = e("", {
   {
     ref: t,
     size: o,
-    disabled: r,
+    disabled: a,
     icon: i,
     loading: s,
     className: d(l({ size: o }), "gap-8", m),
     ...p,
-    children: a
+    children: r
   }
 );
 export {