@ledgerhq/lumen-ui-react 0.1.46 → 0.1.47

package/dist/index.js

@@ -5,11 +5,11 @@ import { AmountDisplay as l } from "./lib/Components/AmountDisplay/AmountDisplay
 import { Avatar as d } from "./lib/Components/Avatar/Avatar.js";
 import { Banner as T } from "./lib/Components/Banner/Banner.js";
 import { BaseInput as c } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as S } from "./lib/Components/Button/Button.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 P } from "./lib/Components/CardButton/CardButton.js";
-import { Checkbox as H } from "./lib/Components/Checkbox/Checkbox.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 H } from "./lib/Components/Card/Card.js";
+import { CardButton as A } from "./lib/Components/CardButton/CardButton.js";
+import { Checkbox as y } 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";
@@ -19,43 +19,44 @@ 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 me } from "./lib/Components/Divider/Divider.js";
 import { DotCount as xe } from "./lib/Components/DotCount/DotCount.js";
-import { DotIcon as fe, dotIconSizeMap as ce, mediaImageDotIconSizeMap as ue, spotDotIconSizeMap as Se } 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 { 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 { Link as we } from "./lib/Components/Link/Link.js";
+import { ListItem as Pe, ListItemContent as ye, 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 { NavBar as So, NavBarBackButton as uo, 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";
+import { Pagination as wo } from "./lib/Components/Pagination/Pagination.js";
+import { SearchInput as Po } from "./lib/Components/SearchInput/SearchInput.js";
+import { SectionHeader as No, SectionHeaderLeading as ko, SectionHeaderTitle as Go } from "./lib/Components/SectionHeader/SectionHeader.js";
+import { SegmentedControl as Eo, SegmentedControlButton as Fo, createSegmentedControl as Oo } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as _o, SelectContent as jo, SelectEmptyState as qo, SelectItem as Jo, SelectItemContent as Ko, SelectItemDescription as Qo, SelectItemText as Uo, SelectList as Wo, SelectSearch as Xo, SelectSeparator as Yo, SelectTrigger as Zo, createSelect as $o } from "./lib/Components/Select/Select.js";
+import { SideBar as ot, SideBarCollapseToggle as tt, SideBarItem as rt, SideBarLeading as at, SideBarTrailing as nt, createSideBar as it } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as lt } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as dt } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as Tt } from "./lib/Components/Spot/Spot.js";
+import { Stepper as ct } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as ut, SubheaderCount as Ct, SubheaderDescription as gt, SubheaderInfo as It, SubheaderRow as Bt, SubheaderShowMore as bt, SubheaderTitle as st } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as Mt } from "./lib/Components/Switch/Switch.js";
+import { Table as ht, TableActionBar as vt, TableActionBarLeading as Rt, TableActionBarTrailing as Ht, TableBody as wt, TableCell as At, TableCellContent as Pt, TableCol as yt, TableColGroup as Nt, TableGroupHeaderRow as kt, TableHeader as Gt, TableHeaderCell as zt, TableHeaderRow as Et, TableInfoIcon as Ft, TableLoadingRow as Ot, TableRoot as Vt, TableRow as _t, TableSortButton as jt } from "./lib/Components/Table/Table.js";
+import { Tag as Jt } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Qt } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as Wt, TileContent as Xt, TileDescription as Yt, TileSecondaryAction as Zt, TileTitle as $t, TileTrailingContent as er } from "./lib/Components/Tile/Tile.js";
+import { TileButton as tr } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as ar, TooltipContent as nr, TooltipProvider as ir, TooltipTrigger as pr } from "./lib/Components/Tooltip/Tooltip.js";
+import { Trend as mr } from "./lib/Components/Trend/Trend.js";
+import { ThemeProvider as xr, useTheme as Tr } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as cr } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
   l as AmountDisplay,
@@ -64,10 +65,10 @@ export {
   T as Banner,
   g as BaseButton,
   c as BaseInput,
-  S as Button,
-  dr as COLOR_SCHEMES,
+  u as Button,
+  cr as COLOR_SCHEMES,
   B as Card,
-  P as CardButton,
+  A as CardButton,
   b as CardContent,
   s as CardContentDescription,
   D as CardContentRow,
@@ -76,8 +77,8 @@ export {
   h as CardFooterActions,
   v as CardHeader,
   R as CardLeading,
-  w as CardTrailing,
-  H as Checkbox,
+  H as CardTrailing,
+  y as Checkbox,
   k as ContentBanner,
   G as ContentBannerContent,
   z as ContentBannerDescription,
@@ -106,9 +107,9 @@ export {
   he as IconButton,
   Re as InteractiveIcon,
   t as Languages,
-  Ae as Link,
-  ye as ListItem,
-  He as ListItemContent,
+  we as Link,
+  Pe as ListItem,
+  ye as ListItemContent,
   Ne as ListItemContentRow,
   ke as ListItemDescription,
   Ge as ListItemLeading,
@@ -135,93 +136,96 @@ export {
   mo as MenuSubContent,
   xo as MenuSubTrigger,
   To as MenuTrigger,
-  uo as NavBar,
-  So as NavBarBackButton,
+  So as NavBar,
+  uo as NavBarBackButton,
   Co as NavBarCoinCapsule,
   go as NavBarDescription,
   Io as NavBarLeading,
   Bo as NavBarTitle,
   bo as NavBarTrailing,
   Ro as PageIndicator,
-  Ao as Pagination,
+  wo 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,
+  Po as SearchInput,
+  No as SectionHeader,
+  ko as SectionHeaderLeading,
+  Go as SectionHeaderTitle,
+  Eo as SegmentedControl,
+  Fo as SegmentedControlButton,
+  _o as Select,
+  jo as SelectContent,
+  qo as SelectEmptyState,
+  Jo as SelectItem,
+  Ko as SelectItemContent,
+  Qo as SelectItemDescription,
+  Uo as SelectItemText,
+  Wo as SelectList,
+  Xo as SelectSearch,
+  Yo as SelectSeparator,
+  Zo as SelectTrigger,
+  ot as SideBar,
+  tt as SideBarCollapseToggle,
+  rt as SideBarItem,
+  at as SideBarLeading,
+  nt as SideBarTrailing,
+  lt as Skeleton,
+  dt as Spinner,
+  Tt as Spot,
+  ct as Stepper,
+  ut as Subheader,
+  Ct as SubheaderCount,
+  gt as SubheaderDescription,
+  It as SubheaderInfo,
+  Bt as SubheaderRow,
+  bt as SubheaderShowMore,
+  st as SubheaderTitle,
+  Mt as Switch,
+  ht as Table,
+  vt as TableActionBar,
+  Rt as TableActionBarLeading,
+  Ht as TableActionBarTrailing,
+  wt as TableBody,
+  At as TableCell,
+  Pt as TableCellContent,
+  yt as TableCol,
+  Nt as TableColGroup,
+  kt as TableGroupHeaderRow,
+  Gt as TableHeader,
+  zt as TableHeaderCell,
+  Et as TableHeaderRow,
+  Ft as TableInfoIcon,
+  Ot as TableLoadingRow,
+  Vt as TableRoot,
+  _t as TableRow,
+  jt as TableSortButton,
+  Jt as Tag,
+  Qt as TextInput,
+  xr as ThemeProvider,
+  Wt as Tile,
+  tr as TileButton,
+  Xt as TileContent,
+  Yt as TileDescription,
+  Zt as TileSecondaryAction,
+  $t as TileTitle,
+  er as TileTrailingContent,
+  ar as Tooltip,
+  nr as TooltipContent,
+  ir as TooltipProvider,
+  pr as TooltipTrigger,
+  mr as Trend,
   fo as createMenuRadioGroup,
   ho as createPopoverHandle,
-  Go as createSegmentedControl,
-  Wo as createSelect,
-  tt as createSideBar,
+  Oo as createSegmentedControl,
+  $o as createSelect,
+  it as createSideBar,
   ce as dotIconSizeMap,
   Be as getDotIndicatorProps,
-  ue as mediaImageDotIconSizeMap,
+  Se as mediaImageDotIconSizeMap,
   De as mediaImageDotSizeMap,
-  Se as spotDotIconSizeMap,
+  ue as spotDotIconSizeMap,
   Me as spotDotSizeMap,
   q as useLumenDataTable,
-  lr as useTheme
+  Tr as useTheme
 };

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

@@ -15,8 +15,8 @@ const q = i(
   {
     variants: {
       size: {
-        md: "heading-0-semi-bold h-56",
-        sm: "heading-2-semi-bold h-36"
+        md: "h-56 heading-0-semi-bold",
+        sm: "h-36 heading-2-semi-bold"
       },
       isChanging: {
         true: "animate-translate-from-right",

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

@@ -18,5 +18,5 @@ import { BaseInputProps } from './types';
  *
  * @internal
  */
-export declare const BaseInput: ({ ref, className, containerClassName, inputClassName, labelClassName, label, id, disabled: disabledProp, helperText, status, suffix, prefix, onClear, hideClearButton, "aria-invalid": ariaInvalidProp, onChange: onChangeProp, placeholder: placeholderProp, ...props }: BaseInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseInput: ({ ref, className, containerClassName, inputClassName, labelClassName, label, id, disabled: disabledProp, helperText, maxCount, status, suffix, prefix, onClear, hideClearButton, "aria-invalid": ariaInvalidProp, onChange: onChangeProp, placeholder: placeholderProp, ...props }: BaseInputProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BaseInput.d.ts.map

package/dist/lib/Components/BaseInput/BaseInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAuE9C;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS,GAAI,0QAmBvB,cAAc,4CAuKhB,CAAC"}
+{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAGV,cAAc,EACf,MAAM,SAAS,CAAC;AAuEjB;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS,GAAI,oRAoBvB,cAAc,4CA+KhB,CAAC"}

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

@@ -1,12 +1,13 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { useDisabledContext as U, resolveBaseInputPlaceholder as G, useMergedRef as J, cn as n } from "../../../libs/utils-shared/dist/index.js";
-import { cva as u } from "class-variance-authority";
-import { useRef as K, useId as Q, useState as X, useCallback as Y } from "react";
-import { useCommonTranslation as Z } from "../../../i18n/useCommonTranslation.js";
-import { InteractiveIcon as _ } from "../InteractiveIcon/InteractiveIcon.js";
-import { DeleteCircleFill as y } from "../../Symbols/Icons/DeleteCircleFill.js";
-import { CheckmarkCircleFill as ee } from "../../Symbols/Icons/CheckmarkCircleFill.js";
-const te = u(
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { useDisabledContext as Q, resolveBaseInputPlaceholder as X, useMergedRef as Y, cn as s } from "../../../libs/utils-shared/dist/index.js";
+import { cva as g } from "class-variance-authority";
+import { useRef as Z, useId as _, useState as ee, useCallback as te } from "react";
+import { useCommonTranslation as re } from "../../../i18n/useCommonTranslation.js";
+import { InteractiveIcon as se } from "../InteractiveIcon/InteractiveIcon.js";
+import { DeleteCircleFill as k } from "../../Symbols/Icons/DeleteCircleFill.js";
+import { InformationFill as ae } from "../../Symbols/Icons/InformationFill.js";
+import { CheckmarkCircleFill as oe } from "../../Symbols/Icons/CheckmarkCircleFill.js";
+const ne = g(
   [
     "group relative flex h-48 w-full cursor-text items-center gap-8 rounded-sm bg-muted px-16 transition-colors",
     "focus-within:ring-2 focus-within:ring-active hover:bg-muted-hover",
@@ -24,20 +25,20 @@ const te = u(
       status: "default"
     }
   }
-), re = n(
+), le = s(
   "peer w-full flex-1 bg-muted body-1 text-base caret-active outline-hidden transition-colors",
   "group-hover:bg-muted-hover group-disabled:bg-disabled",
   "group-has-disabled:cursor-not-allowed group-has-disabled:bg-disabled group-has-disabled:text-disabled",
   "placeholder:text-muted group-has-disabled:placeholder:text-disabled",
   "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
   "truncate"
-), ae = n(
+), ie = s(
   "pointer-events-none absolute top-6 left-16 origin-left body-4 text-muted transition-all duration-300",
   "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-placeholder-shown:body-2",
   "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"
-), se = u(ae, {
+), ce = g(ie, {
   variants: {
     status: {
       default: "",
@@ -53,7 +54,7 @@ const te = u(
     status: "default",
     floated: !1
   }
-}), oe = u("mt-8 flex items-center gap-2 body-3", {
+}), de = g("flex items-center gap-2 body-3", {
   variants: {
     status: {
       default: "text-muted",
@@ -64,129 +65,154 @@ const te = u(
   defaultVariants: {
     status: "default"
   }
-}), be = ({
-  ref: I,
-  className: C,
-  containerClassName: S,
-  inputClassName: V,
-  labelClassName: N,
-  label: l,
-  id: k,
-  disabled: F,
-  helperText: p,
-  status: e,
+}), Ie = ({
+  ref: a,
+  className: o,
+  containerClassName: t,
+  inputClassName: B,
+  labelClassName: F,
+  label: i,
+  id: j,
+  disabled: z,
+  helperText: b,
+  maxCount: c,
+  status: d,
   suffix: P,
   prefix: R,
-  onClear: z,
-  hideClearButton: B = !1,
-  "aria-invalid": D,
-  onChange: h,
-  placeholder: j,
-  ...a
+  onClear: D,
+  hideClearButton: $ = !1,
+  "aria-invalid": E,
+  onChange: v,
+  placeholder: H,
+  ...u
 }) => {
-  const b = U({
+  const w = Q({
     consumerName: "BaseInput",
-    mergeWith: { disabled: F }
-  }), { 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(
-    (s) => {
-      i || f(s.target.value), h?.(s);
+    mergeWith: { disabled: z }
+  }), { t: L } = re(), r = Z(null), A = _(), m = j || `input-${A}`, M = E ?? (d === "error" ? !0 : void 0), p = u.value !== void 0, [O, y] = ee(
+    u.defaultValue?.toString() ?? ""
+  ), T = te(
+    (n) => {
+      p || y(n.target.value), v?.(n);
     },
-    [i, h]
-  ), O = i ? !!a.value && a.value.toString().length > 0 : H.length > 0, { inputPlaceholder: T, labelStaysFloatedWithPlaceholder: W } = G({
-    label: l,
-    placeholder: j
-  }), m = O && !b && !B, g = `${c}-helper`, v = !!p, $ = () => {
-    if (!t.current) return;
+    [p, v]
+  ), x = p ? u.value?.toString() ?? "" : O, W = x.length > 0, { inputPlaceholder: q, labelStaysFloatedWithPlaceholder: U } = X({
+    label: i,
+    placeholder: H
+  }), I = W && !w && !$, G = x.length, C = !!(c && c > 0), N = `${m}-helper`, h = !!b, J = () => {
+    if (!r.current) return;
     Object.getOwnPropertyDescriptor(
       window.HTMLInputElement.prototype,
       "value"
-    )?.set?.call(t.current, ""), i || f("");
-    const w = new Event("input", { bubbles: !0 });
-    t.current.dispatchEvent(w), t.current.focus(), z?.();
-  }, q = J(I, t);
-  return /* @__PURE__ */ d("div", { className: C, children: [
-    /* @__PURE__ */ d(
+    )?.set?.call(r.current, ""), p || y("");
+    const V = new Event("input", { bubbles: !0 });
+    r.current.dispatchEvent(V), r.current.focus(), D?.();
+  }, K = Y(a, r);
+  return /* @__PURE__ */ f("div", { className: o, children: [
+    /* @__PURE__ */ f(
       "div",
       {
-        className: n(te({ status: e }), S),
-        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;
+        className: s(ne({ status: d }), t),
+        onPointerDown: (n) => {
+          if (n.target.closest("input, button, a")) return;
+          const l = r.current;
+          if (!l) return;
+          const S = l.value.length > 0 ? l.value.length : 0;
           window.requestAnimationFrame(() => {
             try {
-              o.setSelectionRange(x, x);
+              l.setSelectionRange(S, S);
             } catch {
             }
-            o.focus();
+            l.focus();
           });
         },
         children: [
           R,
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ e(
             "input",
             {
-              ref: q,
-              id: c,
-              disabled: b,
-              placeholder: T,
-              "aria-invalid": A,
-              "aria-describedby": v ? g : void 0,
-              className: n(
-                re,
-                l && "pt-12 body-2",
-                V
+              ref: K,
+              id: m,
+              disabled: w,
+              placeholder: q,
+              "aria-invalid": M,
+              "aria-describedby": h ? N : void 0,
+              className: s(
+                le,
+                i && "pt-12 body-2",
+                B
               ),
-              onChange: M,
-              ...a
+              onChange: T,
+              ...u
             }
           ),
-          l && /* @__PURE__ */ r(
+          i && /* @__PURE__ */ e(
             "label",
             {
-              htmlFor: c,
-              className: n(
-                se({
-                  status: e,
-                  floated: W
+              htmlFor: m,
+              className: s(
+                ce({
+                  status: d,
+                  floated: U
                 }),
-                N
+                F
               ),
-              children: l
+              children: i
             }
           ),
-          m && /* @__PURE__ */ r(
-            _,
+          I && /* @__PURE__ */ e(
+            se,
             {
               iconType: "filled",
-              icon: y,
+              icon: k,
               size: 20,
-              onClick: $,
-              "aria-label": E("components.baseInput.clearInputAriaLabel")
+              onClick: J,
+              "aria-label": L("components.baseInput.clearInputAriaLabel")
             }
           ),
-          !m && P
+          !I && P
         ]
       }
     ),
-    v && /* @__PURE__ */ d(
+    (h || C) && /* @__PURE__ */ f(
       "div",
       {
-        id: g,
-        className: oe({ status: e }),
-        role: e === "error" ? "alert" : void 0,
+        className: s(
+          "mt-8 flex items-start gap-8",
+          h ? "justify-between" : "justify-end"
+        ),
         children: [
-          e === "error" && /* @__PURE__ */ r(y, { size: 16, className: "text-error" }),
-          e === "success" && /* @__PURE__ */ r(ee, { size: 16, className: "text-success" }),
-          /* @__PURE__ */ r("span", { children: p })
+          h && b && /* @__PURE__ */ e(
+            ue,
+            {
+              id: N,
+              helperText: b,
+              status: d
+            }
+          ),
+          C && c != null && /* @__PURE__ */ e(pe, { count: G, maxCount: c })
         ]
       }
     )
   ] });
-};
+}, ue = ({
+  id: a,
+  helperText: o,
+  status: t
+}) => /* @__PURE__ */ f(
+  "div",
+  {
+    id: a,
+    className: de({ status: t }),
+    role: t === "error" ? "alert" : void 0,
+    children: [
+      !t && /* @__PURE__ */ e(ae, { size: 16, className: "text-muted" }),
+      t === "error" && /* @__PURE__ */ e(k, { size: 16, className: "text-error" }),
+      t === "success" && /* @__PURE__ */ e(oe, { size: 16, className: "text-success" }),
+      /* @__PURE__ */ e("span", { className: "body-3", children: o })
+    ]
+  }
+), pe = ({ count: a, maxCount: o }) => /* @__PURE__ */ e("span", { "aria-live": "polite", className: "shrink-0 body-3 text-muted", children: `${a}/${o}` });
 export {
-  be as BaseInput
+  Ie as BaseInput
 };