@ledgerhq/lumen-ui-react 0.1.15 → 0.1.16

package/ai-rules/RULES.md

@@ -217,7 +217,7 @@ const InteractiveList = () => (
     {items.map((item) => (
       <ListItem>
         <ListItemLeading>
-          <ListItemSpot appearance='icon' icon={Settings} />
+          <Spot appearance='icon' icon={Settings} />
           <ListItemContent>
             <ListItemTitle>Simple composition</ListItemTitle>
             <ListItemDescription>With description</ListItemDescription>

package/dist/i18n/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAE,KAAK,IAAI,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAE7D,OAAO,EAGL,eAAe,EAChB,MAAM,aAAa,CAAC;AA4BrB,eAAO,MAAM,IAAI,cAAmB,CAAC;AAErC;;GAEG;AACH,eAAO,MAAM,UAAU,GAAU,QAAQ,eAAe,KAAG,OAAO,CAAC,IAAI,CAoBtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,QAAQ,eAAe,KACtB,OAAO,CAAC,IAAI,CAGd,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAE,KAAK,IAAI,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAE7D,OAAO,EAGL,eAAe,EAChB,MAAM,aAAa,CAAC;AA6BrB,eAAO,MAAM,IAAI,cAAmB,CAAC;AAErC;;GAEG;AACH,eAAO,MAAM,UAAU,GAAU,QAAQ,eAAe,KAAG,OAAO,CAAC,IAAI,CAqBtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,QAAQ,eAAe,KACtB,OAAO,CAAC,IAAI,CAGd,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,3 @@
 export * from './lib/Components';
-export * from './lib/Patterns';
 export { type SupportedLocale, Languages } from './i18n';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,KAAK,eAAe,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,KAAK,eAAe,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/index.js

@@ -3,11 +3,11 @@ import { AddressInput as a } from "./lib/Components/AddressInput/AddressInput.js
 import { AmountInput as i } from "./lib/Components/AmountInput/AmountInput.js";
 import { AmountDisplay as p } from "./lib/Components/AmountDisplay/AmountDisplay.js";
 import { Avatar as T } from "./lib/Components/Avatar/Avatar.js";
-import { Banner as u } from "./lib/Components/Banner/Banner.js";
+import { Banner as x } from "./lib/Components/Banner/Banner.js";
 import { BaseInput as f } from "./lib/Components/BaseInput/BaseInput.js";
 import { Button as g } from "./lib/Components/Button/Button.js";
 import { BaseButton as B } from "./lib/Components/Button/BaseButton.js";
-import { Card as b, CardContent as I, CardContentDescription as s, CardContentRow as M, CardContentTitle as D, CardFooter as L, CardFooterActions as h, CardHeader as v, CardLeading as R, CardTrailing as A } from "./lib/Components/Card/Card.js";
+import { Card as c, CardContent as I, CardContentDescription as s, CardContentRow as M, CardContentTitle as D, CardFooter as L, CardFooterActions as h, CardHeader as v, CardLeading as R, CardTrailing as w } from "./lib/Components/Card/Card.js";
 import { CardButton as H } from "./lib/Components/CardButton/CardButton.js";
 import { ContentBanner as k, ContentBannerContent as y, ContentBannerDescription as G, ContentBannerTitle as N } from "./lib/Components/ContentBanner/ContentBanner.js";
 import { Checkbox as E } from "./lib/Components/Checkbox/Checkbox.js";
@@ -20,43 +20,43 @@ import { Divider as te } from "./lib/Components/Divider/Divider.js";
 import { IconButton as ne } from "./lib/Components/IconButton/IconButton.js";
 import { InteractiveIcon as le } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
 import { Link as me } from "./lib/Components/Link/Link.js";
-import { ListItem as de, ListItemContent as ue, ListItemDescription as xe, ListItemIcon as fe, ListItemLeading as Ce, ListItemSpot as ge, ListItemTitle as Se, ListItemTrailing as Be, ListItemTruncate as ce } from "./lib/Components/ListItem/ListItem.js";
-import { MediaBanner as Ie, MediaBannerDescription as se, MediaBannerTitle as Me } from "./lib/Components/MediaBanner/MediaBanner.js";
-import { MediaCard as Le, MediaCardTitle as he } from "./lib/Components/MediaCard/MediaCard.js";
-import { Menu as Re, MenuCheckboxItem as Ae, MenuContent as we, MenuGroup as He, MenuItem as Pe, MenuLabel as ke, MenuPortal as ye, MenuRadioGroup as Ge, MenuRadioItem as Ne, MenuSeparator as Fe, MenuSub as Ee, MenuSubContent as Oe, MenuSubTrigger as _e, MenuTrigger as je } from "./lib/Components/Menu/Menu.js";
-import { NavBar as ze, NavBarBackButton as Je, NavBarCoinCapsule as Ke, NavBarTitle as Qe, NavBarTrailing as Ue } from "./lib/Components/NavBar/NavBar.js";
-import { Popover as We, PopoverContent as Xe, PopoverTrigger as Ye, createPopoverHandle as Ze } from "./lib/Components/Popover/Popover.js";
-import { PageIndicator as eo } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as ro } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as ao, SegmentedControlButton as no } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as lo, SelectContent as po, SelectGroup as mo, SelectItem as To, SelectItemText as uo, SelectLabel as xo, SelectSeparator as fo, SelectTrigger as Co, SelectTriggerButton as go } from "./lib/Components/Select/Select.js";
-import { TriggerButton as Bo } from "./lib/Components/TriggerButton/TriggerButton.js";
-import { SideBar as bo, SideBarCollapseToggle as Io, SideBarItem as so, SideBarLeading as Mo, SideBarTrailing as Do } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as ho } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as Ro } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as wo } from "./lib/Components/Spot/Spot.js";
-import { Stepper as Po } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as yo, SubheaderCount as Go, SubheaderDescription as No, SubheaderInfo as Fo, SubheaderRow as Eo, SubheaderShowMore as Oo, SubheaderTitle as _o } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as qo } from "./lib/Components/Switch/Switch.js";
-import { Table as Jo, TableActionBar as Ko, TableActionBarLeading as Qo, TableActionBarTrailing as Uo, TableBody as Vo, TableCell as Wo, TableCellContent as Xo, TableGroupHeaderRow as Yo, TableHeader as Zo, TableHeaderCell as $o, TableHeaderRow as er, TableInfoIcon as or, TableLoadingRow as rr, TableRoot as tr, TableRow as ar, TableSortButton as nr } from "./lib/Components/Table/Table.js";
-import { Tag as lr } from "./lib/Components/Tag/Tag.js";
-import { TextInput as mr } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as dr, TileContent as ur, TileDescription as xr, TileSecondaryAction as fr, TileTitle as Cr, TileTrailingContent as gr } from "./lib/Components/Tile/Tile.js";
-import { TileButton as Br } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as br, TooltipContent as Ir, TooltipProvider as sr, TooltipTrigger as Mr } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as Lr } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as vr } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
+import { ListItem as de, ListItemContent as xe, ListItemContentRow as ue, ListItemDescription as fe, ListItemLeading as Ce, ListItemTitle as ge, ListItemTrailing as Se } from "./lib/Components/ListItem/ListItem.js";
+import { MediaBanner as be, MediaBannerDescription as ce, MediaBannerTitle as Ie } from "./lib/Components/MediaBanner/MediaBanner.js";
+import { MediaCard as Me, MediaCardTitle as De } from "./lib/Components/MediaCard/MediaCard.js";
+import { Menu as he, MenuCheckboxItem as ve, MenuContent as Re, MenuGroup as we, MenuItem as Ae, MenuLabel as He, MenuPortal as Pe, MenuRadioGroup as ke, MenuRadioItem as ye, MenuSeparator as Ge, MenuSub as Ne, MenuSubContent as Fe, MenuSubTrigger as Ee, MenuTrigger as Oe } from "./lib/Components/Menu/Menu.js";
+import { NavBar as je, NavBarBackButton as qe, NavBarCoinCapsule as ze, NavBarTitle as Je, NavBarTrailing as Ke } from "./lib/Components/NavBar/NavBar.js";
+import { Popover as Ue, PopoverContent as Ve, PopoverTrigger as We, createPopoverHandle as Xe } from "./lib/Components/Popover/Popover.js";
+import { PageIndicator as Ze } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as eo } from "./lib/Components/SearchInput/SearchInput.js";
+import { SegmentedControl as ro, SegmentedControlButton as to } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as no, SelectContent as io, SelectGroup as lo, SelectItem as po, SelectItemText as mo, SelectLabel as To, SelectSeparator as xo, SelectTrigger as uo, SelectTriggerButton as fo } from "./lib/Components/Select/Select.js";
+import { TriggerButton as go } from "./lib/Components/TriggerButton/TriggerButton.js";
+import { SideBar as Bo, SideBarCollapseToggle as bo, SideBarItem as co, SideBarLeading as Io, SideBarTrailing as so } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as Do } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as ho } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as Ro } from "./lib/Components/Spot/Spot.js";
+import { Stepper as Ao } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as Po, SubheaderCount as ko, SubheaderDescription as yo, SubheaderInfo as Go, SubheaderRow as No, SubheaderShowMore as Fo, SubheaderTitle as Eo } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as _o } from "./lib/Components/Switch/Switch.js";
+import { Table as qo, TableActionBar as zo, TableActionBarLeading as Jo, TableActionBarTrailing as Ko, TableBody as Qo, TableCell as Uo, TableCellContent as Vo, TableGroupHeaderRow as Wo, TableHeader as Xo, TableHeaderCell as Yo, TableHeaderRow as Zo, TableInfoIcon as $o, TableLoadingRow as er, TableRoot as or, TableRow as rr, TableSortButton as tr } from "./lib/Components/Table/Table.js";
+import { Tag as nr } from "./lib/Components/Tag/Tag.js";
+import { TextInput as lr } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as mr, TileContent as Tr, TileDescription as dr, TileSecondaryAction as xr, TileTitle as ur, TileTrailingContent as fr } from "./lib/Components/Tile/Tile.js";
+import { TileButton as gr } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as Br, TooltipContent as br, TooltipProvider as cr, TooltipTrigger as Ir } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as Mr } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as Lr } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
   p as AmountDisplay,
   i as AmountInput,
   T as Avatar,
-  u as Banner,
+  x as Banner,
   B as BaseButton,
   f as BaseInput,
   g as Button,
-  vr as COLOR_SCHEMES,
-  b as Card,
+  Lr as COLOR_SCHEMES,
+  c as Card,
   H as CardButton,
   I as CardContent,
   s as CardContentDescription,
@@ -66,7 +66,7 @@ export {
   h as CardFooterActions,
   v as CardHeader,
   R as CardLeading,
-  A as CardTrailing,
+  w as CardTrailing,
   E as Checkbox,
   k as ContentBanner,
   y as ContentBannerContent,
@@ -89,102 +89,100 @@ export {
   r as Languages,
   me as Link,
   de as ListItem,
-  ue as ListItemContent,
-  xe as ListItemDescription,
-  fe as ListItemIcon,
+  xe as ListItemContent,
+  ue as ListItemContentRow,
+  fe as ListItemDescription,
   Ce as ListItemLeading,
-  ge as ListItemSpot,
-  Se as ListItemTitle,
-  Be as ListItemTrailing,
-  ce as ListItemTruncate,
-  Ie as MediaBanner,
-  se as MediaBannerDescription,
-  Me as MediaBannerTitle,
-  Le as MediaCard,
-  he as MediaCardTitle,
-  Re as Menu,
-  Ae as MenuCheckboxItem,
-  we as MenuContent,
-  He as MenuGroup,
-  Pe as MenuItem,
-  ke as MenuLabel,
-  ye as MenuPortal,
-  Ge as MenuRadioGroup,
-  Ne as MenuRadioItem,
-  Fe as MenuSeparator,
-  Ee as MenuSub,
-  Oe as MenuSubContent,
-  _e as MenuSubTrigger,
-  je as MenuTrigger,
-  ze as NavBar,
-  Je as NavBarBackButton,
-  Ke as NavBarCoinCapsule,
-  Qe as NavBarTitle,
-  Ue as NavBarTrailing,
-  eo as PageIndicator,
-  We as Popover,
-  Xe as PopoverContent,
-  Ye as PopoverTrigger,
-  ro as SearchInput,
-  ao as SegmentedControl,
-  no as SegmentedControlButton,
-  lo as Select,
-  po as SelectContent,
-  mo as SelectGroup,
-  To as SelectItem,
-  uo as SelectItemText,
-  xo as SelectLabel,
-  fo as SelectSeparator,
-  Co as SelectTrigger,
-  go as SelectTriggerButton,
-  bo as SideBar,
-  Io as SideBarCollapseToggle,
-  so as SideBarItem,
-  Mo as SideBarLeading,
-  Do as SideBarTrailing,
-  ho as Skeleton,
-  Ro as Spinner,
-  wo as Spot,
-  Po as Stepper,
-  yo as Subheader,
-  Go as SubheaderCount,
-  No as SubheaderDescription,
-  Fo as SubheaderInfo,
-  Eo as SubheaderRow,
-  Oo as SubheaderShowMore,
-  _o as SubheaderTitle,
-  qo as Switch,
-  Jo as Table,
-  Ko as TableActionBar,
-  Qo as TableActionBarLeading,
-  Uo as TableActionBarTrailing,
-  Vo as TableBody,
-  Wo as TableCell,
-  Xo as TableCellContent,
-  Yo as TableGroupHeaderRow,
-  Zo as TableHeader,
-  $o as TableHeaderCell,
-  er as TableHeaderRow,
-  or as TableInfoIcon,
-  rr as TableLoadingRow,
-  tr as TableRoot,
-  ar as TableRow,
-  nr as TableSortButton,
-  lr as Tag,
-  mr as TextInput,
-  Lr as ThemeProvider,
-  dr as Tile,
-  Br as TileButton,
-  ur as TileContent,
-  xr as TileDescription,
-  fr as TileSecondaryAction,
-  Cr as TileTitle,
-  gr as TileTrailingContent,
-  br as Tooltip,
-  Ir as TooltipContent,
-  sr as TooltipProvider,
-  Mr as TooltipTrigger,
-  Bo as TriggerButton,
-  Ze as createPopoverHandle,
+  ge as ListItemTitle,
+  Se as ListItemTrailing,
+  be as MediaBanner,
+  ce as MediaBannerDescription,
+  Ie as MediaBannerTitle,
+  Me as MediaCard,
+  De as MediaCardTitle,
+  he as Menu,
+  ve as MenuCheckboxItem,
+  Re as MenuContent,
+  we as MenuGroup,
+  Ae as MenuItem,
+  He as MenuLabel,
+  Pe as MenuPortal,
+  ke as MenuRadioGroup,
+  ye as MenuRadioItem,
+  Ge as MenuSeparator,
+  Ne as MenuSub,
+  Fe as MenuSubContent,
+  Ee as MenuSubTrigger,
+  Oe as MenuTrigger,
+  je as NavBar,
+  qe as NavBarBackButton,
+  ze as NavBarCoinCapsule,
+  Je as NavBarTitle,
+  Ke as NavBarTrailing,
+  Ze as PageIndicator,
+  Ue as Popover,
+  Ve as PopoverContent,
+  We as PopoverTrigger,
+  eo as SearchInput,
+  ro as SegmentedControl,
+  to as SegmentedControlButton,
+  no as Select,
+  io as SelectContent,
+  lo as SelectGroup,
+  po as SelectItem,
+  mo as SelectItemText,
+  To as SelectLabel,
+  xo as SelectSeparator,
+  uo as SelectTrigger,
+  fo as SelectTriggerButton,
+  Bo as SideBar,
+  bo as SideBarCollapseToggle,
+  co as SideBarItem,
+  Io as SideBarLeading,
+  so as SideBarTrailing,
+  Do as Skeleton,
+  ho as Spinner,
+  Ro as Spot,
+  Ao as Stepper,
+  Po as Subheader,
+  ko as SubheaderCount,
+  yo as SubheaderDescription,
+  Go as SubheaderInfo,
+  No as SubheaderRow,
+  Fo as SubheaderShowMore,
+  Eo as SubheaderTitle,
+  _o as Switch,
+  qo as Table,
+  zo as TableActionBar,
+  Jo as TableActionBarLeading,
+  Ko as TableActionBarTrailing,
+  Qo as TableBody,
+  Uo as TableCell,
+  Vo as TableCellContent,
+  Wo as TableGroupHeaderRow,
+  Xo as TableHeader,
+  Yo as TableHeaderCell,
+  Zo as TableHeaderRow,
+  $o as TableInfoIcon,
+  er as TableLoadingRow,
+  or as TableRoot,
+  rr as TableRow,
+  tr as TableSortButton,
+  nr as Tag,
+  lr as TextInput,
+  Mr as ThemeProvider,
+  mr as Tile,
+  gr as TileButton,
+  Tr as TileContent,
+  dr as TileDescription,
+  xr as TileSecondaryAction,
+  ur as TileTitle,
+  fr as TileTrailingContent,
+  Br as Tooltip,
+  br as TooltipContent,
+  cr as TooltipProvider,
+  Ir as TooltipTrigger,
+  go as TriggerButton,
+  Xe as createPopoverHandle,
   J as useLumenDataTable
 };

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":"AAcA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAgC3C;;;;GAIG;AACH,eAAO,MAAM,WAAW;mLAarB,gBAAgB;;CAkHlB,CAAC"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAgC3C;;;;GAIG;AACH,eAAO,MAAM,WAAW;mLAarB,gBAAgB;;CAkHlB,CAAC"}

package/dist/lib/Components/Avatar/Avatar.js

@@ -1,9 +1,9 @@
-import { jsxs as z, jsx as r } from "react/jsx-runtime";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
 import { cva as l } from "class-variance-authority";
-import n from "react";
-import { useCommonTranslation as h } from "../../../i18n/useCommonTranslation.js";
-import { User as A } from "../../Symbols/Icons/User.js";
-const d = {
+import { useState as z, useEffect as h } from "react";
+import { useCommonTranslation as A } from "../../../i18n/useCommonTranslation.js";
+import { User as j } from "../../Symbols/Icons/User.js";
+const n = {
   root: l(
     "relative inline-flex items-center justify-center rounded-full bg-muted-transparent transition-colors",
     {
@@ -28,43 +28,43 @@ const d = {
       }
     }
   })
-}, j = {
+}, x = {
   sm: 16,
   md: 24,
   lg: 32
-}, x = ({
+}, k = ({
   ref: m,
-  className: c,
+  className: d,
   src: a,
-  alt: f,
+  alt: c,
   size: e = "md",
-  imgLoading: u,
+  imgLoading: f,
   showNotification: t = !1,
-  ...p
+  ...u
 }) => {
-  const { t: o } = h(), [v, i] = n.useState(!1), b = !a || v, s = f || o("components.avatar.defaultAlt"), g = t ? `${s}, ${o("components.avatar.notificationAriaLabel")}` : s;
-  return n.useEffect(() => {
+  const { t: o } = A(), [p, i] = z(!1), v = !a || p, s = c || o("components.avatar.defaultAlt"), b = t ? `${s}, ${o("components.avatar.notificationAriaLabel")}` : s;
+  return h(() => {
     i(!1);
-  }, [a]), /* @__PURE__ */ z(
+  }, [a]), /* @__PURE__ */ g(
     "div",
     {
       ref: m,
-      className: d.root({ size: e, className: c }),
+      className: n.root({ size: e, className: d }),
       role: "img",
-      "aria-label": g,
-      ...p,
+      "aria-label": b,
+      ...u,
       children: [
         t && /* @__PURE__ */ r(
           "div",
           {
-            className: d.notification({ size: e }),
+            className: n.notification({ size: e }),
             "aria-hidden": "true"
           }
         ),
-        b ? /* @__PURE__ */ r(
-          A,
+        v ? /* @__PURE__ */ r(
+          j,
           {
-            size: j[e],
+            size: x[e],
             "aria-label": "Fallback Icon",
             "aria-hidden": "true"
           }
@@ -73,7 +73,7 @@ const d = {
           {
             src: a,
             alt: "",
-            loading: u,
+            loading: f,
             onError: () => i(!0),
             className: "size-full overflow-hidden rounded-full object-cover",
             "aria-hidden": "true"
@@ -83,7 +83,7 @@ const d = {
     }
   );
 };
-x.displayName = "Avatar";
+k.displayName = "Avatar";
 export {
-  x as Avatar
+  k as Avatar
 };

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":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA2BzC;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS;2OAiBnB,cAAc;;CAyKhB,CAAC"}
+{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA2BzC;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS;2OAiBnB,cAAc;;CAyKhB,CAAC"}

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

@@ -1,85 +1,85 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { useDisabledContext as _, cn as a } from "../../../libs/utils-shared/dist/index.js";
-import d from "react";
-import { useCommonTranslation as $ } from "../../../i18n/useCommonTranslation.js";
-import { InteractiveIcon as q } from "../InteractiveIcon/InteractiveIcon.js";
-import { DeleteCircleFill as x } from "../../Symbols/Icons/DeleteCircleFill.js";
-const H = a(
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useDisabledContext as O, cn as a } from "../../../libs/utils-shared/dist/index.js";
+import { useRef as $, useId as q, useState as H, useCallback as P } from "react";
+import { useCommonTranslation as U } from "../../../i18n/useCommonTranslation.js";
+import { InteractiveIcon as W } from "../InteractiveIcon/InteractiveIcon.js";
+import { DeleteCircleFill as w } from "../../Symbols/Icons/DeleteCircleFill.js";
+const G = a(
   "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",
   "has-disabled:cursor-not-allowed has-disabled:bg-disabled has-disabled:text-disabled",
   "has-invalid:border-error has-invalid:ring-1 has-invalid:ring-error",
   'has-[input[aria-invalid="true"]]:border-error has-[input[aria-invalid="true"]]:ring-1 has-[input[aria-invalid="true"]]:ring-error'
-), P = a(
+), J = a(
   "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"
-), U = a(
+), K = a(
   "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"
-), W = ({
-  ref: y,
-  className: I,
-  containerClassName: C,
-  inputClassName: S,
-  labelClassName: N,
-  label: u,
-  id: k,
-  disabled: R,
+), Q = ({
+  ref: x,
+  className: y,
+  containerClassName: I,
+  inputClassName: C,
+  labelClassName: S,
+  label: d,
+  id: N,
+  disabled: k,
   errorMessage: o,
   suffix: B,
   prefix: D,
   onClear: E,
-  hideClearButton: j = !1,
-  "aria-invalid": b,
-  onChange: h,
+  hideClearButton: R = !1,
+  "aria-invalid": p,
+  onChange: b,
   ...i
 }) => {
-  const m = _({
+  const h = O({
     consumerName: "BaseInput",
-    mergeWith: { disabled: R }
-  }), { t: z } = $(), n = d.useRef(null), F = d.useId(), c = k || `input-${F}`, L = b || (o ? !0 : void 0), s = i.value !== void 0, [T, f] = d.useState(
+    mergeWith: { disabled: k }
+  }), { t: j } = U(), n = $(null), z = q(), u = N || `input-${z}`, F = p || (o ? !0 : void 0), s = i.value !== void 0, [L, m] = H(
     i.defaultValue?.toString() || ""
-  ), V = d.useCallback(
+  ), T = P(
     (t) => {
-      s || f(t.target.value), h?.(t);
+      s || m(t.target.value), b?.(t);
     },
-    [s, h]
-  ), v = (s ? !!i.value && i.value.toString().length > 0 : T.length > 0) && !m && !j, g = `${c}-error`, A = () => {
+    [s, b]
+  ), v = (s ? !!i.value && i.value.toString().length > 0 : L.length > 0) && !h && !R, f = `${u}-error`, V = () => {
     if (!n.current) return;
     Object.getOwnPropertyDescriptor(
       window.HTMLInputElement.prototype,
       "value"
-    )?.set?.call(n.current, ""), s || f("");
+    )?.set?.call(n.current, ""), s || m("");
     const l = new Event("input", { bubbles: !0 });
     n.current.dispatchEvent(l), n.current.focus(), E?.();
   };
-  function O(...t) {
+  function A(...t) {
     return (l) => {
       t.forEach((e) => {
         e && (typeof e == "function" ? e(l) : e.current = l);
       });
     };
   }
-  return /* @__PURE__ */ p("div", { className: I, children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ c("div", { className: y, children: [
+    /* @__PURE__ */ c(
       "div",
       {
-        className: a(H, C),
+        className: a(G, I),
         onPointerDown: (t) => {
           if (t.target.closest("input, button, a")) return;
           const e = n.current;
           if (!e) return;
-          const w = e.value.length > 0 ? e.value.length : 0;
+          const g = e.value.length > 0 ? e.value.length : 0;
           window.requestAnimationFrame(() => {
             try {
-              e.setSelectionRange(w, w);
+              e.setSelectionRange(g, g);
             } catch {
             }
             e.focus();
@@ -90,61 +90,61 @@ const H = a(
           /* @__PURE__ */ r(
             "input",
             {
-              ref: O(y, n),
-              id: c,
-              disabled: m,
+              ref: A(x, n),
+              id: u,
+              disabled: h,
               placeholder: " ",
-              "aria-invalid": L,
-              "aria-describedby": o ? g : void 0,
+              "aria-invalid": F,
+              "aria-describedby": o ? f : void 0,
               className: a(
-                P,
-                u && "pt-12 body-2",
-                S
+                J,
+                d && "pt-12 body-2",
+                C
               ),
-              onChange: V,
+              onChange: T,
               ...i
             }
           ),
-          u && /* @__PURE__ */ r(
+          d && /* @__PURE__ */ r(
             "label",
             {
-              htmlFor: c,
+              htmlFor: u,
               className: a(
-                U,
+                K,
                 o && "text-error",
-                N
+                S
               ),
-              children: u
+              children: d
             }
           ),
           v && /* @__PURE__ */ r(
-            q,
+            W,
             {
               iconType: "filled",
-              onClick: A,
-              "aria-label": z("components.baseInput.clearInputAriaLabel"),
-              children: /* @__PURE__ */ r(x, { size: 20 })
+              onClick: V,
+              "aria-label": j("components.baseInput.clearInputAriaLabel"),
+              children: /* @__PURE__ */ r(w, { size: 20 })
             }
           ),
           !v && B
         ]
       }
     ),
-    o && /* @__PURE__ */ p(
+    o && /* @__PURE__ */ c(
       "div",
       {
-        id: g,
+        id: f,
         className: "mt-8 flex items-center gap-2 body-3 text-error",
         role: "alert",
         children: [
-          /* @__PURE__ */ r(x, { size: 16, className: "shrink-0 text-error" }),
+          /* @__PURE__ */ r(w, { size: 16, className: "text-error" }),
           /* @__PURE__ */ r("span", { children: o })
         ]
       }
     )
   ] });
 };
-W.displayName = "BaseInput";
+Q.displayName = "BaseInput";
 export {
-  W as BaseInput
+  Q as BaseInput
 };