@ledgerhq/lumen-ui-react 0.1.38 → 0.1.40

package/dist/index.js

@@ -9,7 +9,7 @@ import { Button as C } 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 N } from "./lib/Components/Checkbox/Checkbox.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 { 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";
@@ -25,7 +25,7 @@ import { DotSymbol as Be, mediaImageDotSizeMap as be, spotDotSizeMap as se } fro
 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 Ne, ListItemLeading as Pe, ListItemTitle as ke, ListItemTrailing as ze } from "./lib/Components/ListItem/ListItem.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";
@@ -35,25 +35,26 @@ import { Menu as Ye, MenuCheckboxItem as Ze, MenuContent as $e, MenuGroup as eo,
 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 { SearchInput as vo } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as wo, SegmentedControlButton as Ao } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as Ho, SelectContent as No, SelectEmptyState as Po, SelectItem as ko, SelectItemContent as zo, SelectItemDescription as Go, SelectItemText as Eo, SelectList as Fo, SelectSearch as Oo, SelectSeparator as Vo, SelectTrigger as _o } from "./lib/Components/Select/Select.js";
-import { SideBar as qo, SideBarCollapseToggle as Jo, SideBarItem as Ko, SideBarLeading as Qo, SideBarTrailing as Uo } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Xo } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as Zo } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as et } from "./lib/Components/Spot/Spot.js";
-import { Stepper as tt } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as at, SubheaderCount as nt, SubheaderDescription as it, SubheaderInfo as pt, SubheaderRow as mt, SubheaderShowMore as lt, SubheaderTitle as dt } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as Tt } from "./lib/Components/Switch/Switch.js";
-import { Table as ut, TableActionBar as St, TableActionBarLeading as Ct, TableActionBarTrailing as ct, TableBody as gt, TableCell as It, TableCellContent as Bt, TableGroupHeaderRow as bt, TableHeader as st, TableHeaderCell as Dt, TableHeaderRow as Mt, TableInfoIcon as Lt, TableLoadingRow as ht, TableRoot as vt, TableRow as Rt, TableSortButton as wt } from "./lib/Components/Table/Table.js";
-import { Tag as yt } from "./lib/Components/Tag/Tag.js";
-import { TextInput as Nt } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as kt, TileContent as zt, TileDescription as Gt, TileSecondaryAction as Et, TileTitle as Ft, TileTrailingContent as Ot } from "./lib/Components/Tile/Tile.js";
-import { TileButton as _t } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as qt, TooltipContent as Jt, TooltipProvider as Kt, TooltipTrigger as Qt } from "./lib/Components/Tooltip/Tooltip.js";
-import { Trend as Wt } from "./lib/Components/Trend/Trend.js";
-import { ThemeProvider as Yt, useTheme as Zt } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as er } from "./lib/Components/ThemeProvider/ThemeProvider.types.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";
 export {
   a as AddressInput,
   m as AmountDisplay,
@@ -63,7 +64,7 @@ export {
   g as BaseButton,
   u as BaseInput,
   C as Button,
-  er as COLOR_SCHEMES,
+  tr as COLOR_SCHEMES,
   B as Card,
   y as CardButton,
   b as CardContent,
@@ -75,7 +76,7 @@ export {
   v as CardHeader,
   R as CardLeading,
   w as CardTrailing,
-  N as Checkbox,
+  P as Checkbox,
   k as ContentBanner,
   z as ContentBannerContent,
   G as ContentBannerDescription,
@@ -108,8 +109,8 @@ export {
   Ae as ListItem,
   ye as ListItemContent,
   He as ListItemContentRow,
-  Ne as ListItemDescription,
-  Pe as ListItemLeading,
+  Pe as ListItemDescription,
+  Ne as ListItemLeading,
   ke as ListItemTitle,
   ze as ListItemTrailing,
   Ee as MediaBanner,
@@ -141,71 +142,72 @@ export {
   co as NavBarTitle,
   go as NavBarTrailing,
   Lo as PageIndicator,
+  vo as Pagination,
   Bo as Popover,
   bo as PopoverContent,
   so as PopoverTrigger,
-  vo as SearchInput,
-  wo as SegmentedControl,
-  Ao as SegmentedControlButton,
-  Ho as Select,
-  No as SelectContent,
-  Po as SelectEmptyState,
-  ko as SelectItem,
-  zo as SelectItemContent,
-  Go as SelectItemDescription,
-  Eo as SelectItemText,
-  Fo as SelectList,
-  Oo as SelectSearch,
-  Vo as SelectSeparator,
-  _o as SelectTrigger,
-  qo as SideBar,
-  Jo as SideBarCollapseToggle,
-  Ko as SideBarItem,
-  Qo as SideBarLeading,
-  Uo as SideBarTrailing,
-  Xo as Skeleton,
-  Zo as Spinner,
-  et as Spot,
-  tt as Stepper,
-  at as Subheader,
-  nt as SubheaderCount,
-  it as SubheaderDescription,
-  pt as SubheaderInfo,
-  mt as SubheaderRow,
-  lt as SubheaderShowMore,
-  dt as SubheaderTitle,
-  Tt as Switch,
-  ut as Table,
-  St as TableActionBar,
-  Ct as TableActionBarLeading,
-  ct as TableActionBarTrailing,
-  gt as TableBody,
-  It as TableCell,
-  Bt as TableCellContent,
-  bt as TableGroupHeaderRow,
-  st as TableHeader,
-  Dt as TableHeaderCell,
-  Mt as TableHeaderRow,
-  Lt as TableInfoIcon,
-  ht as TableLoadingRow,
-  vt as TableRoot,
-  Rt as TableRow,
-  wt as TableSortButton,
-  yt as Tag,
-  Nt as TextInput,
-  Yt as ThemeProvider,
-  kt as Tile,
-  _t as TileButton,
-  zt as TileContent,
-  Gt as TileDescription,
-  Et as TileSecondaryAction,
-  Ft as TileTitle,
-  Ot as TileTrailingContent,
-  qt as Tooltip,
-  Jt as TooltipContent,
-  Kt as TooltipProvider,
-  Qt as TooltipTrigger,
-  Wt as Trend,
+  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,
@@ -213,5 +215,5 @@ export {
   Ce as spotDotIconSizeMap,
   se as spotDotSizeMap,
   q as useLumenDataTable,
-  Zt as useTheme
+  er 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;AAkHjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;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"}

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

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useSplitText as y, buildAriaLabel as w, cn as o } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { useSplitText as y, buildAriaLabel as w, cn as m } from "../../../libs/utils-shared/dist/index.js";
 import { memo as u } from "react";
-import { DIGITS as D } from "./types.js";
-import { useCommonTranslation as S } from "../../../i18n/useCommonTranslation.js";
-const m = {
+import { DIGITS as v } from "./types.js";
+import { useCommonTranslation as D } from "../../../i18n/useCommonTranslation.js";
+const d = {
   "heading-1-semi-bold": {
     0: 25,
     1: 15.5,
@@ -40,47 +40,50 @@ const m = {
     8: 12.5,
     9: 12.5
   }
-}, v = {
+}, S = {
   md: {
     integer: {
       className: "heading-1-semi-bold",
-      widths: m["heading-1-semi-bold"]
+      widths: d["heading-1-semi-bold"]
     },
     decimal: {
       className: "heading-2-semi-bold",
-      widths: m["heading-2-semi-bold"]
+      widths: d["heading-2-semi-bold"]
     }
   },
   sm: {
     integer: {
       className: "heading-2-semi-bold",
-      widths: m["heading-2-semi-bold"]
+      widths: d["heading-2-semi-bold"]
     },
     decimal: {
       className: "heading-4-semi-bold",
-      widths: m["heading-4-semi-bold"]
+      widths: d["heading-4-semi-bold"]
     }
   }
-}, b = u(({ value: a, animate: l, widths: s }) => {
-  const t = s[a];
-  return /* @__PURE__ */ c(
+}, b = u(({ value: s, animate: l, widths: a }) => {
+  const t = a[s];
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: "relative overflow-hidden mask-fade-y transition-[width] duration-600",
+      className: m(
+        "relative overflow-x-visible overflow-y-clip mask-fade-y mask-no-clip [-webkit-mask-clip:no-clip]",
+        l && "transition-[width] duration-600"
+      ),
       style: { width: t + "px" },
       children: [
         /* @__PURE__ */ e("span", { className: "invisible", children: "0" }),
         /* @__PURE__ */ e(
           "span",
           {
-            className: o(
+            className: m(
               "absolute inset-x-0 top-0 flex flex-col items-center justify-center",
               l && "transition-transform duration-600 ease-in-out"
             ),
             style: {
-              transform: `translateY(-${a * 10}%)`
+              transform: `translateY(-${s * 10}%)`
             },
-            children: D.map((n, r) => /* @__PURE__ */ e("span", { inert: n !== a, children: n }, r))
+            children: v.map((n, r) => /* @__PURE__ */ e("span", { inert: n !== s, children: n }, r))
           }
         )
       ]
@@ -88,40 +91,40 @@ const m = {
   );
 });
 b.displayName = "DigitStrip";
-const h = u(
-  ({ items: a, widths: l, animate: s }) => a.map((t, n) => {
-    const r = a.length - n;
+const p = u(
+  ({ items: s, widths: l, animate: a }) => s.map((t, n) => {
+    const r = s.length - n;
     return t.type === "separator" ? /* @__PURE__ */ e("span", { children: t.value }, r) : /* @__PURE__ */ e(
       b,
       {
         value: Number(t.value),
-        animate: s,
+        animate: a,
         widths: l
       },
       r
     );
   })
 );
-h.displayName = "DigitStripList";
-function j({
-  value: a,
+p.displayName = "DigitStripList";
+function A({
+  value: s,
   formatter: l,
-  hidden: s = !1,
+  hidden: a = !1,
   loading: t = !1,
   animate: n = !0,
   size: r = "md",
   className: f,
   ...g
 }) {
-  const i = l(a), p = y(i), { t: N } = S(), x = w(
+  const i = l(s), h = y(i), { t: N } = D(), x = w(
     i,
-    s,
+    a,
     N("components.amountDisplay.amountHiddenAriaLabel")
-  ), d = v[r];
+  ), c = S[r];
   return /* @__PURE__ */ e(
     "div",
     {
-      className: o(
+      className: m(
         t && "animate-pulse",
         "relative inline-flex",
         f
@@ -129,38 +132,38 @@ function j({
       "aria-label": x,
       "aria-busy": t,
       ...g,
-      children: /* @__PURE__ */ c("div", { className: "flex items-baseline", children: [
-        /* @__PURE__ */ c(
+      children: /* @__PURE__ */ o("div", { className: "flex items-baseline", children: [
+        /* @__PURE__ */ o(
           "span",
           {
-            className: o("inline-flex text-base", d.integer.className),
+            className: m("inline-flex text-base", c.integer.className),
             "aria-hidden": "true",
             children: [
               i.currencyPosition === "start" && /* @__PURE__ */ e("span", { className: "me-4", children: i.currencyText }),
-              s ? /* @__PURE__ */ e("span", { children: "••••" }) : /* @__PURE__ */ e(
-                h,
+              a ? /* @__PURE__ */ e("span", { children: "••••" }) : /* @__PURE__ */ e(
+                p,
                 {
-                  items: p.integerPart,
+                  items: h.integerPart,
                   animate: n,
-                  widths: d.integer.widths
+                  widths: c.integer.widths
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ o(
           "span",
           {
-            className: o("inline-flex text-muted", d.decimal.className),
+            className: m("inline-flex text-muted", c.decimal.className),
             "aria-hidden": "true",
             children: [
-              !s && i.decimalPart && /* @__PURE__ */ e("span", { children: i.decimalSeparator }),
-              i.decimalPart && !s && /* @__PURE__ */ e(
-                h,
+              !a && i.decimalPart && /* @__PURE__ */ e("span", { children: i.decimalSeparator }),
+              i.decimalPart && !a && /* @__PURE__ */ e(
+                p,
                 {
-                  items: p.decimalPart,
+                  items: h.decimalPart,
                   animate: n,
-                  widths: d.decimal.widths
+                  widths: c.decimal.widths
                 }
               ),
               i.currencyPosition === "end" && /* @__PURE__ */ e("span", { className: "ms-4", children: i.currencyText })
@@ -172,5 +175,5 @@ function j({
   );
 }
 export {
-  j as AmountDisplay
+  A as AmountDisplay
 };

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":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,SAAS,CAAC;AAyGjE;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,2LAezB,gBAAgB,4CAmHlB,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,2LAezB,gBAAgB,4CA+ElB,CAAC"}

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

@@ -1,14 +1,10 @@
-import { jsxs as T, jsx as u } from "react/jsx-runtime";
-import { useDisabledContext as j, useMergedRef as k, getFontSize as G, cn as h, textFormatter as H } from "../../../libs/utils-shared/dist/index.js";
-import { cva as c } from "class-variance-authority";
-import { useRef as g, useState as D, useMemo as Y, useCallback as F, useLayoutEffect as O, useEffect as v } from "react";
-const L = 33, z = 8, q = 24, B = 16, J = {
-  md: q,
-  sm: B
-}, Q = (m, p, e) => {
-  const i = m === "" ? L : z;
-  return p ? i : i + J[e];
-}, Z = c(
+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 { 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(
   [
     "bg-transparent caret-active outline-hidden transition-colors",
     "text-base placeholder:text-muted-subtle",
@@ -32,7 +28,7 @@ const L = 33, z = 8, q = 24, B = 16, J = {
       isChanging: !1
     }
   }
-), x = c(
+), q = i(
   [
     "cursor-text text-base",
     "group-has-[input:placeholder-shown]:text-muted-subtle",
@@ -50,7 +46,7 @@ const L = 33, z = 8, q = 24, B = 16, J = {
       size: "md"
     }
   }
-), $ = c("invisible absolute whitespace-pre", {
+), E = i("invisible absolute whitespace-pre", {
   variants: {
     size: {
       md: "heading-0-semi-bold",
@@ -60,7 +56,7 @@ const L = 33, z = 8, q = 24, B = 16, J = {
   defaultVariants: {
     size: "md"
   }
-}), K = c(
+}), J = i(
   "group relative flex w-full items-center overflow-visible transition-transform",
   {
     variants: {
@@ -74,109 +70,84 @@ const L = 33, z = 8, q = 24, B = 16, J = {
       align: "center"
     }
   }
-), st = ({
-  ref: m,
-  className: p,
+), m = ({ size: r, style: o, children: e }) => /* @__PURE__ */ a("span", { className: p(q({ size: r }), "shrink-0"), style: o, children: e }), Q = ({
+  ref: r,
+  className: o,
   size: e = "md",
-  align: i = "center",
-  currencyText: a,
-  currencyPosition: b = "left",
-  disabled: w,
-  maxIntegerLength: C = 9,
-  maxDecimalLength: R = 9,
-  allowDecimals: S = !0,
-  thousandsSeparator: P = !0,
-  value: f,
-  onChange: y,
-  ...W
+  align: c = "center",
+  currencyText: t,
+  currencyPosition: l = "left",
+  disabled: f,
+  maxIntegerLength: h = 9,
+  maxDecimalLength: g = 9,
+  allowDecimals: b = !0,
+  thousandsSeparator: v = !0,
+  value: x,
+  onChange: w,
+  ...y
 }) => {
-  const A = j({
+  const S = R({
     consumerName: "AmountInput",
-    mergeWith: { disabled: w }
-  }), r = g(null), o = g(null), E = k(m, o), [s, I] = D(f.toString()), [M, N] = D(!1), _ = g(s), U = Y(
-    () => G(s, e) + "px",
-    [s, e]
-  ), l = F(() => {
-    if (r.current && o.current) {
-      const t = Math.ceil(
-        Math.max(r.current.scrollWidth, r.current.offsetWidth)
-      ), n = Q(s, a, e);
-      o.current.style.width = `${t + n}px`;
+    mergeWith: { disabled: f }
+  }), { inputValue: n, isChanging: C, setIsChanging: A, handleChange: V } = D({
+    value: x,
+    onChange: w,
+    formatOptions: {
+      allowDecimals: b,
+      thousandsSeparator: v,
+      maxIntegerLength: h,
+      maxDecimalLength: g
     }
-  }, [s, a, e]);
-  O(l, [l]), v(() => {
-    const t = r.current;
-    if (!t) return;
-    const n = new ResizeObserver(l);
-    return n.observe(t), () => n.disconnect();
-  }, [l]), v(() => {
-    I(f.toString());
-  }, [f]);
-  const V = (t) => {
-    const n = H(t.target.value, {
-      allowDecimals: S,
-      thousandsSeparator: P,
-      maxIntegerLength: C,
-      maxDecimalLength: R
-    });
-    I(n), y({ ...t, target: { ...t.target, value: n } }), n !== _.current && N(!0), _.current = n;
-  }, d = { fontSize: U, letterSpacing: "normal" };
-  return /* @__PURE__ */ T(
+  }), { spanRef: j, inputRef: d } = F({
+    inputValue: n,
+    currencyText: t,
+    size: e
+  }), I = k(r, d), s = { fontSize: M(
+    () => z(n, e) + "px",
+    [n, e]
+  ), letterSpacing: "normal" };
+  return /* @__PURE__ */ N(
     "div",
     {
-      className: K({ align: i }),
+      className: J({ align: c }),
       onPointerDown: () => {
-        const t = o.current;
-        t && window.requestAnimationFrame(() => {
-          t.focus();
+        const u = d.current;
+        u && window.requestAnimationFrame(() => {
+          u.focus();
         });
       },
       children: [
-        a && b === "left" && /* @__PURE__ */ u(
+        t && l === "left" && /* @__PURE__ */ a(m, { size: e, style: s, children: t }),
+        /* @__PURE__ */ a(
           "span",
           {
-            className: h(x({ size: e }), "shrink-0"),
-            style: d,
-            children: a
-          }
-        ),
-        /* @__PURE__ */ u(
-          "span",
-          {
-            ref: r,
-            className: $({ size: e }),
+            ref: j,
+            className: E({ size: e }),
             "aria-hidden": "true",
-            style: d,
-            children: s
+            style: s,
+            children: n
           }
         ),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ a(
           "input",
           {
-            ref: E,
+            ref: I,
             type: "text",
             inputMode: "decimal",
-            disabled: A,
-            value: s,
+            disabled: S,
+            value: n,
             onChange: V,
-            onAnimationEnd: () => N(!1),
-            className: h(Z({ size: e, isChanging: M }), p),
-            ...W,
-            style: d
+            onAnimationEnd: () => A(!1),
+            className: p(W({ size: e, isChanging: C }), o),
+            ...y,
+            style: s
           }
         ),
-        a && b === "right" && /* @__PURE__ */ u(
-          "span",
-          {
-            className: h(x({ size: e }), "shrink-0"),
-            style: d,
-            children: a
-          }
-        )
+        t && l === "right" && /* @__PURE__ */ a(m, { size: e, style: s, children: t })
       ]
     }
   );
 };
 export {
-  st as AmountInput
+  Q as AmountInput
 };