@ledgerhq/lumen-ui-react 0.1.43 → 0.1.45

package/ai-rules/RULES.md

@@ -246,51 +246,51 @@ const InteractiveList = () => (
 
 Below is a complete list of all available Lumen components. Click any component name to view its documentation and interactive examples in Storybook.
 
-- [AddressInput](https://ldls.vercel.app/?path=/docs/input-addressinput--docs) - Input field for cryptocurrency addresses
-- [AmountDisplay](https://ldls.vercel.app/?path=/docs/communication-amountdisplay--docs) - Display formatted amounts with currency
-- [AmountInput](https://ldls.vercel.app/?path=/docs/input-amountinput--docs) - Input field for amount values
-- [Avatar](https://ldls.vercel.app/?path=/docs/communication-avatar--docs) - User avatar with image, initials, or placeholder
-- [Banner](https://ldls.vercel.app/?path=/docs/communication-banner--docs) - Alert and notification banners
-- [Button](https://ldls.vercel.app/?path=/docs/action-button--docs) - Primary action button component
-- [Card](https://ldls.vercel.app/?path=/docs/containment-card--docs) - Content container card
-- [CardButton](https://ldls.vercel.app/?path=/docs/action-cardbutton--docs) - Card-style interactive button
-- [Checkbox](https://ldls.vercel.app/?path=/docs/selection-checkbox--docs) - Checkbox input for selections
-- [ContentBanner](https://ldls.vercel.app/?path=/docs/communication-contentbanner--docs) - Rich content banner with image support
-- [DataTable](https://ldls.vercel.app/?path=/docs/data-datatable--docs) - Advanced data table with sorting and filtering
-- [Dialog](https://ldls.vercel.app/?path=/docs/containment-dialog--docs) - Modal dialog and sheet component
-- [Divider](https://ldls.vercel.app/?path=/docs/layout-divider--docs) - Visual separator line
-- [Icon](https://ldls.vercel.app/?path=/docs/symbols-interface-icons--docs) - Interface icon components
-- [IconButton](https://ldls.vercel.app/?path=/docs/action-iconbutton--docs) - Button with icon only
-- [InteractiveIcon](https://ldls.vercel.app/?path=/docs/action-interactiveicon--docs) - Interactive icon with states
-- [Link](https://ldls.vercel.app/?path=/docs/action-link--docs) - Hyperlink component
-- [ListItem](https://ldls.vercel.app/?path=/docs/containment-listitem--docs) - List item with flexible composition
-- [MediaBanner](https://ldls.vercel.app/?path=/docs/communication-mediabanner--docs) - Rich media banner with image and content
-- [MediaCard](https://ldls.vercel.app/?path=/docs/communication-mediacard--docs) - Card with media content
-- [MediaImage](https://ldls.vercel.app/?path=/docs/communication-mediaimage--docs) - Image display component with loading states
-- [Menu](https://ldls.vercel.app/?path=/docs/selection-menu--docs) - Dropdown menu component
-- [NavBar](https://ldls.vercel.app/?path=/docs/navigation-navbar--docs) - Top navigation bar
-- [PageIndicator](https://ldls.vercel.app/?path=/docs/communication-pageindicator--docs) - Step and page progress indicator
-- [Popover](https://ldls.vercel.app/?path=/docs/containment-popover--docs) - Popover overlay component
-- [SearchInput](https://ldls.vercel.app/?path=/docs/input-searchinput--docs) - Search input field
-- [SegmentedControl](https://ldls.vercel.app/?path=/docs/navigation-segmentedcontrol--docs) - Segmented control for toggling between views
-- [Select](https://ldls.vercel.app/?path=/docs/selection-select--docs) - Dropdown select component
-- [SideBar](https://ldls.vercel.app/?path=/docs/navigation-sidebar--docs) - Side navigation panel
-- [Skeleton](https://ldls.vercel.app/?path=/docs/communication-skeleton--docs) - Loading placeholder skeleton
-- [Spinner](https://ldls.vercel.app/?path=/docs/communication-spinner--docs) - Loading spinner indicator
-- [Spot](https://ldls.vercel.app/?path=/docs/communication-spot--docs) - Icon container with background
-- [Stepper](https://ldls.vercel.app/?path=/docs/feedback-stepper--docs) - Multi-step progress indicator
-- [Subheader](https://ldls.vercel.app/?path=/docs/communication-subheader--docs) - Section subheader component
-- [Switch](https://ldls.vercel.app/?path=/docs/selection-switch--docs) - Toggle switch component
-- [Table](https://ldls.vercel.app/?path=/docs/data-table--docs) - Static data table component
-- [Tag](https://ldls.vercel.app/?path=/docs/communication-tag--docs) - Label and tag component
-- [TextInput](https://ldls.vercel.app/?path=/docs/input-textinput--docs) - Text input field
-- [Tile](https://ldls.vercel.app/?path=/docs/containment-tile--docs) - Content container tile
-- [TileButton](https://ldls.vercel.app/?path=/docs/action-tilebutton--docs) - Interactive tile button
-- [Tooltip](https://ldls.vercel.app/?path=/docs/communication-tooltip--docs) - Tooltip overlay component
+- [AddressInput](https://ldls.vercel.app/?path=/docs/react-addressinput--docs) - Input field for cryptocurrency addresses
+- [AmountDisplay](https://ldls.vercel.app/?path=/docs/react-amountdisplay--docs) - Display formatted amounts with currency
+- [AmountInput](https://ldls.vercel.app/?path=/docs/react-amountinput--docs) - Input field for amount values
+- [Avatar](https://ldls.vercel.app/?path=/docs/react-avatar--docs) - User avatar with image, initials, or placeholder
+- [Banner](https://ldls.vercel.app/?path=/docs/react-banner--docs) - Alert and notification banners
+- [Button](https://ldls.vercel.app/?path=/docs/react-button--docs) - Primary action button component
+- [Card](https://ldls.vercel.app/?path=/docs/react-card--docs) - Content container card
+- [CardButton](https://ldls.vercel.app/?path=/docs/react-cardbutton--docs) - Card-style interactive button
+- [Checkbox](https://ldls.vercel.app/?path=/docs/react-checkbox--docs) - Checkbox input for selections
+- [ContentBanner](https://ldls.vercel.app/?path=/docs/react-contentbanner--docs) - Rich content banner with image support
+- [DataTable](https://ldls.vercel.app/?path=/docs/react-datatable--docs) - Advanced data table with sorting and filtering
+- [Dialog](https://ldls.vercel.app/?path=/docs/react-dialog--docs) - Modal dialog and sheet component
+- [Divider](https://ldls.vercel.app/?path=/docs/react-divider--docs) - Visual separator line
+- [Icon](https://ldls.vercel.app/?path=/docs/react-icon--docs) - Interface icon components
+- [IconButton](https://ldls.vercel.app/?path=/docs/react-iconbutton--docs) - Button with icon only
+- [InteractiveIcon](https://ldls.vercel.app/?path=/docs/react-interactiveicon--docs) - Interactive icon with states
+- [Link](https://ldls.vercel.app/?path=/docs/react-link--docs) - Hyperlink component
+- [ListItem](https://ldls.vercel.app/?path=/docs/react-listitem--docs) - List item with flexible composition
+- [MediaBanner](https://ldls.vercel.app/?path=/docs/react-mediabanner--docs) - Rich media banner with image and content
+- [MediaCard](https://ldls.vercel.app/?path=/docs/react-mediacard--docs) - Card with media content
+- [MediaImage](https://ldls.vercel.app/?path=/docs/react-mediaimage--docs) - Image display component with loading states
+- [Menu](https://ldls.vercel.app/?path=/docs/react-menu--docs) - Dropdown menu component
+- [NavBar](https://ldls.vercel.app/?path=/docs/react-navbar--docs) - Top navigation bar
+- [PageIndicator](https://ldls.vercel.app/?path=/docs/react-pageindicator--docs) - Step and page progress indicator
+- [Popover](https://ldls.vercel.app/?path=/docs/react-popover--docs) - Popover overlay component
+- [SearchInput](https://ldls.vercel.app/?path=/docs/react-searchinput--docs) - Search input field
+- [SegmentedControl](https://ldls.vercel.app/?path=/docs/react-segmentedcontrol--docs) - Segmented control for toggling between views
+- [Select](https://ldls.vercel.app/?path=/docs/react-select--docs) - Dropdown select component
+- [SideBar](https://ldls.vercel.app/?path=/docs/react-sidebar--docs) - Side navigation panel
+- [Skeleton](https://ldls.vercel.app/?path=/docs/react-skeleton--docs) - Loading placeholder skeleton
+- [Spinner](https://ldls.vercel.app/?path=/docs/react-spinner--docs) - Loading spinner indicator
+- [Spot](https://ldls.vercel.app/?path=/docs/react-spot--docs) - Icon container with background
+- [Stepper](https://ldls.vercel.app/?path=/docs/react-stepper--docs) - Multi-step progress indicator
+- [Subheader](https://ldls.vercel.app/?path=/docs/react-subheader--docs) - Section subheader component
+- [Switch](https://ldls.vercel.app/?path=/docs/react-switch--docs) - Toggle switch component
+- [Table](https://ldls.vercel.app/?path=/docs/react-table--docs) - Static data table component
+- [Tag](https://ldls.vercel.app/?path=/docs/react-tag--docs) - Label and tag component
+- [TextInput](https://ldls.vercel.app/?path=/docs/react-textinput--docs) - Text input field
+- [Tile](https://ldls.vercel.app/?path=/docs/react-tile--docs) - Content container tile
+- [TileButton](https://ldls.vercel.app/?path=/docs/react-tilebutton--docs) - Interactive tile button
+- [Tooltip](https://ldls.vercel.app/?path=/docs/react-tooltip--docs) - Tooltip overlay component
 
 ### Icons
 
-[View all available icons in Storybook →](https://ldls.vercel.app/?path=/docs/symbols-interface-icons--docs)
+[View all available icons in Storybook →](https://ldls.vercel.app/?path=/docs/react-icon--docs)
 
 - Always import icons from `/symbols` entry point
 - Import: `import { ArrowRight, CheckCircle } from '@ledgerhq/lumen-ui-react/symbols'`

package/dist/index.js

@@ -4,8 +4,8 @@ import { AmountInput as i } from "./lib/Components/AmountInput/AmountInput.js";
 import { AmountDisplay as m } from "./lib/Components/AmountDisplay/AmountDisplay.js";
 import { Avatar as d } from "./lib/Components/Avatar/Avatar.js";
 import { Banner as T } from "./lib/Components/Banner/Banner.js";
-import { BaseInput as u } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as C } from "./lib/Components/Button/Button.js";
+import { BaseInput as c } from "./lib/Components/BaseInput/BaseInput.js";
+import { Button as u } from "./lib/Components/Button/Button.js";
 import { BaseButton as g } from "./lib/Components/Button/BaseButton.js";
 import { Card as B, CardContent as b, CardContentDescription as s, CardContentRow as D, CardContentTitle as M, CardFooter as L, CardFooterActions as h, CardHeader as v, CardLeading as R, CardTrailing as w } from "./lib/Components/Card/Card.js";
 import { CardButton as y } from "./lib/Components/CardButton/CardButton.js";
@@ -19,7 +19,7 @@ import { Dialog as ee, DialogBody as oe, DialogBodyStickyContent as te, DialogCo
 import { DialogHeader as pe } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
 import { Divider as le } from "./lib/Components/Divider/Divider.js";
 import { DotCount as xe } from "./lib/Components/DotCount/DotCount.js";
-import { DotIcon as fe, dotIconSizeMap as ue, mediaImageDotIconSizeMap as Se, spotDotIconSizeMap as Ce } from "./lib/Components/DotIcon/DotIcon.js";
+import { DotIcon as fe, dotIconSizeMap as ce, mediaImageDotIconSizeMap as Se, spotDotIconSizeMap as ue } from "./lib/Components/DotIcon/DotIcon.js";
 import { DotIndicator as ge } from "./lib/Components/DotIndicator/DotIndicator.js";
 import { DotSymbol as Be, mediaImageDotSizeMap as be, spotDotSizeMap as se } from "./lib/Components/DotSymbol/DotSymbol.js";
 import { IconButton as Me } from "./lib/Components/IconButton/IconButton.js";
@@ -31,30 +31,30 @@ import { MediaButton as _e } from "./lib/Components/MediaButton/MediaButton.js";
 import { MediaCard as qe, MediaCardTitle as Je } from "./lib/Components/MediaCard/MediaCard.js";
 import { MediaImage as Qe } from "./lib/Components/MediaImage/MediaImage.js";
 import { MediaTag as We } from "./lib/Components/MediaTag/MediaTag.js";
-import { Menu as Ye, MenuCheckboxItem as Ze, MenuContent as $e, MenuGroup as eo, MenuItem as oo, MenuLabel as to, MenuRadioGroup as ro, MenuRadioItem as ao, MenuSeparator as no, MenuSub as io, MenuSubContent as po, MenuSubTrigger as mo, MenuTrigger as lo } from "./lib/Components/Menu/Menu.js";
-import { NavBar as To, NavBarBackButton as fo, NavBarCoinCapsule as uo, NavBarDescription as So, NavBarLeading as Co, NavBarTitle as co, NavBarTrailing as go } from "./lib/Components/NavBar/NavBar.js";
-import { Popover as Bo, PopoverContent as bo, PopoverTrigger as so, createPopoverHandle as Do } from "./lib/Components/Popover/Popover.js";
-import { PageIndicator as Lo } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { Pagination as vo } from "./lib/Components/Pagination/Pagination.js";
-import { SearchInput as wo } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as yo, SegmentedControlButton as Ho } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as No, SelectContent as ko, SelectEmptyState as zo, SelectItem as Go, SelectItemContent as Eo, SelectItemDescription as Fo, SelectItemText as Oo, SelectList as Vo, SelectSearch as _o, SelectSeparator as jo, SelectTrigger as qo } from "./lib/Components/Select/Select.js";
-import { SideBar as Ko, SideBarCollapseToggle as Qo, SideBarItem as Uo, SideBarLeading as Wo, SideBarTrailing as Xo } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Zo } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as et } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as tt } from "./lib/Components/Spot/Spot.js";
-import { Stepper as at } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as it, SubheaderCount as pt, SubheaderDescription as mt, SubheaderInfo as lt, SubheaderRow as dt, SubheaderShowMore as xt, SubheaderTitle as Tt } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as ut } from "./lib/Components/Switch/Switch.js";
-import { Table as Ct, TableActionBar as ct, TableActionBarLeading as gt, TableActionBarTrailing as It, TableBody as Bt, TableCell as bt, TableCellContent as st, TableGroupHeaderRow as Dt, TableHeader as Mt, TableHeaderCell as Lt, TableHeaderRow as ht, TableInfoIcon as vt, TableLoadingRow as Rt, TableRoot as wt, TableRow as At, TableSortButton as yt } from "./lib/Components/Table/Table.js";
-import { Tag as Pt } from "./lib/Components/Tag/Tag.js";
-import { TextInput as kt } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as Gt, TileContent as Et, TileDescription as Ft, TileSecondaryAction as Ot, TileTitle as Vt, TileTrailingContent as _t } from "./lib/Components/Tile/Tile.js";
-import { TileButton as qt } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as Kt, TooltipContent as Qt, TooltipProvider as Ut, TooltipTrigger as Wt } from "./lib/Components/Tooltip/Tooltip.js";
-import { Trend as Yt } from "./lib/Components/Trend/Trend.js";
-import { ThemeProvider as $t, useTheme as er } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as tr } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
+import { Menu as Ye, MenuCheckboxItem as Ze, MenuContent as $e, MenuGroup as eo, MenuItem as oo, MenuLabel as to, MenuRadioGroup as ro, MenuRadioItem as ao, MenuSeparator as no, MenuSub as io, MenuSubContent as po, MenuSubTrigger as mo, MenuTrigger as lo, createMenuRadioGroup as xo } from "./lib/Components/Menu/Menu.js";
+import { NavBar as fo, NavBarBackButton as co, NavBarCoinCapsule as So, NavBarDescription as uo, NavBarLeading as Co, NavBarTitle as go, NavBarTrailing as Io } from "./lib/Components/NavBar/NavBar.js";
+import { Popover as bo, PopoverContent as so, PopoverTrigger as Do, createPopoverHandle as Mo } from "./lib/Components/Popover/Popover.js";
+import { PageIndicator as ho } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { Pagination as Ro } from "./lib/Components/Pagination/Pagination.js";
+import { SearchInput as Ao } from "./lib/Components/SearchInput/SearchInput.js";
+import { SegmentedControl as Ho, SegmentedControlButton as Po, createSegmentedControl as No } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as zo, SelectContent as Go, SelectEmptyState as Eo, SelectItem as Fo, SelectItemContent as Oo, SelectItemDescription as Vo, SelectItemText as _o, SelectList as jo, SelectSearch as qo, SelectSeparator as Jo, SelectTrigger as Ko, createSelect as Qo } from "./lib/Components/Select/Select.js";
+import { SideBar as Wo, SideBarCollapseToggle as Xo, SideBarItem as Yo, SideBarLeading as Zo, SideBarTrailing as $o, createSideBar as et } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as tt } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as at } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as it } from "./lib/Components/Spot/Spot.js";
+import { Stepper as mt } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as dt, SubheaderCount as xt, SubheaderDescription as Tt, SubheaderInfo as ft, SubheaderRow as ct, SubheaderShowMore as St, SubheaderTitle as ut } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as gt } from "./lib/Components/Switch/Switch.js";
+import { Table as Bt, TableActionBar as bt, TableActionBarLeading as st, TableActionBarTrailing as Dt, TableBody as Mt, TableCell as Lt, TableCellContent as ht, TableGroupHeaderRow as vt, TableHeader as Rt, TableHeaderCell as wt, TableHeaderRow as At, TableInfoIcon as yt, TableLoadingRow as Ht, TableRoot as Pt, TableRow as Nt, TableSortButton as kt } from "./lib/Components/Table/Table.js";
+import { Tag as Gt } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Ft } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as Vt, TileContent as _t, TileDescription as jt, TileSecondaryAction as qt, TileTitle as Jt, TileTrailingContent as Kt } from "./lib/Components/Tile/Tile.js";
+import { TileButton as Ut } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as Xt, TooltipContent as Yt, TooltipProvider as Zt, TooltipTrigger as $t } from "./lib/Components/Tooltip/Tooltip.js";
+import { Trend as or } from "./lib/Components/Trend/Trend.js";
+import { ThemeProvider as rr, useTheme as ar } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as ir } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
   m as AmountDisplay,
@@ -62,9 +62,9 @@ export {
   d as Avatar,
   T as Banner,
   g as BaseButton,
-  u as BaseInput,
-  C as Button,
-  tr as COLOR_SCHEMES,
+  c as BaseInput,
+  u as Button,
+  ir as COLOR_SCHEMES,
   B as Card,
   y as CardButton,
   b as CardContent,
@@ -134,86 +134,90 @@ export {
   po as MenuSubContent,
   mo as MenuSubTrigger,
   lo as MenuTrigger,
-  To as NavBar,
-  fo as NavBarBackButton,
-  uo as NavBarCoinCapsule,
-  So as NavBarDescription,
+  fo as NavBar,
+  co as NavBarBackButton,
+  So as NavBarCoinCapsule,
+  uo as NavBarDescription,
   Co as NavBarLeading,
-  co as NavBarTitle,
-  go as NavBarTrailing,
-  Lo as PageIndicator,
-  vo as Pagination,
-  Bo as Popover,
-  bo as PopoverContent,
-  so as PopoverTrigger,
-  wo as SearchInput,
-  yo as SegmentedControl,
-  Ho as SegmentedControlButton,
-  No as Select,
-  ko as SelectContent,
-  zo as SelectEmptyState,
-  Go as SelectItem,
-  Eo as SelectItemContent,
-  Fo as SelectItemDescription,
-  Oo as SelectItemText,
-  Vo as SelectList,
-  _o as SelectSearch,
-  jo as SelectSeparator,
-  qo as SelectTrigger,
-  Ko as SideBar,
-  Qo as SideBarCollapseToggle,
-  Uo as SideBarItem,
-  Wo as SideBarLeading,
-  Xo as SideBarTrailing,
-  Zo as Skeleton,
-  et as Spinner,
-  tt as Spot,
-  at as Stepper,
-  it as Subheader,
-  pt as SubheaderCount,
-  mt as SubheaderDescription,
-  lt as SubheaderInfo,
-  dt as SubheaderRow,
-  xt as SubheaderShowMore,
-  Tt as SubheaderTitle,
-  ut as Switch,
-  Ct as Table,
-  ct as TableActionBar,
-  gt as TableActionBarLeading,
-  It as TableActionBarTrailing,
-  Bt as TableBody,
-  bt as TableCell,
-  st as TableCellContent,
-  Dt as TableGroupHeaderRow,
-  Mt as TableHeader,
-  Lt as TableHeaderCell,
-  ht as TableHeaderRow,
-  vt as TableInfoIcon,
-  Rt as TableLoadingRow,
-  wt as TableRoot,
-  At as TableRow,
-  yt as TableSortButton,
-  Pt as Tag,
-  kt as TextInput,
-  $t as ThemeProvider,
-  Gt as Tile,
-  qt as TileButton,
-  Et as TileContent,
-  Ft as TileDescription,
-  Ot as TileSecondaryAction,
-  Vt as TileTitle,
-  _t as TileTrailingContent,
-  Kt as Tooltip,
-  Qt as TooltipContent,
-  Ut as TooltipProvider,
-  Wt as TooltipTrigger,
-  Yt as Trend,
-  Do as createPopoverHandle,
-  ue as dotIconSizeMap,
+  go as NavBarTitle,
+  Io as NavBarTrailing,
+  ho as PageIndicator,
+  Ro as Pagination,
+  bo as Popover,
+  so as PopoverContent,
+  Do as PopoverTrigger,
+  Ao as SearchInput,
+  Ho as SegmentedControl,
+  Po as SegmentedControlButton,
+  zo as Select,
+  Go as SelectContent,
+  Eo as SelectEmptyState,
+  Fo as SelectItem,
+  Oo as SelectItemContent,
+  Vo as SelectItemDescription,
+  _o as SelectItemText,
+  jo as SelectList,
+  qo as SelectSearch,
+  Jo as SelectSeparator,
+  Ko as SelectTrigger,
+  Wo as SideBar,
+  Xo as SideBarCollapseToggle,
+  Yo as SideBarItem,
+  Zo as SideBarLeading,
+  $o as SideBarTrailing,
+  tt as Skeleton,
+  at as Spinner,
+  it as Spot,
+  mt as Stepper,
+  dt as Subheader,
+  xt as SubheaderCount,
+  Tt as SubheaderDescription,
+  ft as SubheaderInfo,
+  ct as SubheaderRow,
+  St as SubheaderShowMore,
+  ut as SubheaderTitle,
+  gt as Switch,
+  Bt as Table,
+  bt as TableActionBar,
+  st as TableActionBarLeading,
+  Dt as TableActionBarTrailing,
+  Mt as TableBody,
+  Lt as TableCell,
+  ht as TableCellContent,
+  vt as TableGroupHeaderRow,
+  Rt as TableHeader,
+  wt as TableHeaderCell,
+  At as TableHeaderRow,
+  yt as TableInfoIcon,
+  Ht as TableLoadingRow,
+  Pt as TableRoot,
+  Nt as TableRow,
+  kt as TableSortButton,
+  Gt as Tag,
+  Ft as TextInput,
+  rr as ThemeProvider,
+  Vt as Tile,
+  Ut as TileButton,
+  _t as TileContent,
+  jt as TileDescription,
+  qt as TileSecondaryAction,
+  Jt as TileTitle,
+  Kt as TileTrailingContent,
+  Xt as Tooltip,
+  Yt as TooltipContent,
+  Zt as TooltipProvider,
+  $t as TooltipTrigger,
+  or as Trend,
+  xo as createMenuRadioGroup,
+  Mo as createPopoverHandle,
+  No as createSegmentedControl,
+  Qo as createSelect,
+  et as createSideBar,
+  ce as dotIconSizeMap,
   Se as mediaImageDotIconSizeMap,
   be as mediaImageDotSizeMap,
-  Ce as spotDotIconSizeMap,
+  ue as spotDotIconSizeMap,
   se as spotDotSizeMap,
   q as useLumenDataTable,
-  er as useTheme
+  ar as useTheme
 };

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

@@ -5,8 +5,7 @@ import { AmountDisplayProps } from './types';
  * This component uses a formatter function pattern that gives you full control over how amounts are displayed,
  * including currency position, decimal separators, and precision. Use the `hidden` prop for privacy features.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-amountdisplay-overview--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-amountdisplay-implementation--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-amountdisplay--docs Guidelines}
  *
  * @example
  * ```tsx

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

@@ -1 +1 @@
-{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAMnB,MAAM,SAAS,CAAC;AAqHjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,MAAc,EACd,OAAe,EACf,OAAc,EACd,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA8DpB"}

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

@@ -129,6 +129,7 @@ function A({
         "relative inline-flex",
         f
       ),
+      role: "img",
       "aria-label": x,
       "aria-busy": t,
       ...g,

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

@@ -4,5 +4,5 @@ import { AmountInputProps } from './types';
  * This is a controlled component - both `value` and `onChange` props are required.
  * The currency text can be positioned either on the left or right side of the input.
  */
-export declare const AmountInput: ({ ref, className, size, align, currencyText, currencyPosition, disabled: disabledProp, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, value, onChange, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AmountInput: ({ ref, className, size, align, currencyText, currencyPosition, disabled: disabledProp, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, decimalSeparator, value, onChange, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AmountInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,SAAS,CAAC;AA0FjE;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,2LAezB,gBAAgB,4CA+ElB,CAAC"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,SAAS,CAAC;AA0FjE;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,6MAgBzB,gBAAgB,4CAgFlB,CAAC"}

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

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

package/dist/lib/Components/AmountInput/types.d.ts

@@ -55,5 +55,13 @@ export type AmountInputProps = {
      * @default true
      */
     thousandsSeparator?: boolean;
+    /**
+     * Character used to display the decimal separator (e.g. `1 234,5` vs `1 234.5`).
+     * Typing always accepts both `,` and `.` regardless of this value, so it stays
+     * compatible with any locale keyboard. The value returned by `onChange` uses
+     * this separator.
+     * @default '.'
+     */
+    decimalSeparator?: '.' | ',';
 } & Omit<ComponentPropsWithRef<'input'>, 'size' | 'prefix' | 'value' | 'onChange'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1D,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,GAAG,IAAI,CACN,qBAAqB,CAAC,OAAO,CAAC,EAC9B,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CACzC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1D,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAC9B,GAAG,IAAI,CACN,qBAAqB,CAAC,OAAO,CAAC,EAC9B,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CACzC,CAAC"}

package/dist/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.d.ts

@@ -4,6 +4,7 @@ type FormatOptions = {
     thousandsSeparator: boolean;
     maxIntegerLength: number;
     maxDecimalLength: number;
+    decimalSeparator: '.' | ',';
 };
 type UseAmountInputValueArgs = {
     value: string | number;

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

@@ -1 +1 @@
-{"version":3,"file":"useAmountInputValue.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,YAAY,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,qCAIjC,uBAAuB,KAAG,yBAiC5B,CAAC"}
+{"version":3,"file":"useAmountInputValue.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,GAAG,GAAG,GAAG,CAAC;CAC7B,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,YAAY,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,qCAIjC,uBAAuB,KAAG,yBAkC5B,CAAC"}

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

@@ -1,26 +1,27 @@
 import { textFormatter as m } from "../../../../libs/utils-shared/dist/index.js";
-import { useCallback as f, useState as g, useRef as i, useEffect as d } from "react";
+import { useCallback as d, useState as g, useRef as i, useEffect as f } from "react";
 const I = ({
   value: r,
   onChange: o,
   formatOptions: t
 }) => {
-  const a = f(
+  const a = d(
     (e) => m(String(e), t),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t.allowDecimals,
       t.thousandsSeparator,
       t.maxIntegerLength,
-      t.maxDecimalLength
+      t.maxDecimalLength,
+      t.decimalSeparator
     ]
-  ), [s, c] = g(() => a(r)), [h, l] = g(!1), u = i(s);
-  return d(() => {
+  ), [c, s] = g(() => a(r)), [h, l] = g(!1), u = i(c);
+  return f(() => {
     const e = a(r);
-    c(e), u.current = e;
-  }, [r, a]), { inputValue: s, isChanging: h, setIsChanging: l, handleChange: (e) => {
+    s(e), u.current = e;
+  }, [r, a]), { inputValue: c, isChanging: h, setIsChanging: l, handleChange: (e) => {
     const n = a(e.target.value);
-    c(n), o({ ...e, target: { ...e.target, value: n } }), n !== u.current && l(!0), u.current = n;
+    s(n), o({ ...e, target: { ...e.target, value: n } }), n !== u.current && l(!0), u.current = n;
   } };
 };
 export {