@ledgerhq/lumen-ui-react 0.1.56 → 0.1.58

package/ai-rules/RULES.md

@@ -14,6 +14,7 @@
 
 - Import components from `@ledgerhq/lumen-ui-react`
 - Import icons from `@ledgerhq/lumen-ui-react/symbols` (not from main package)
+- Import charts from `@ledgerhq/lumen-ui-react/visualization` (not from main package)
 - Import design tokens/presets from `@ledgerhq/lumen-design-core`
 
 ### Font Family (REQUIRED)
@@ -25,10 +26,10 @@ Lumen typography classes set `font-family: Inter` via design tokens. The consume
 - Check the installed Tailwind major version first — the two paths differ:
 - **Tailwind v4 (recommended):** the main stylesheet MUST import Lumen's
   stylesheet so Tailwind scans the compiled components:
-  `@import '@ledgerhq/lumen-ui-react/tailwind.css';` (add
-  `@import '@ledgerhq/lumen-ui-react-visualization/tailwind.css';` when using
-  charts). Do NOT also add `./node_modules/@ledgerhq/lumen-ui-react/dist/**` to
-  the `content` array — that path is internal and may change in any release.
+  `@import '@ledgerhq/lumen-ui-react/tailwind.css';` — that single import
+  covers charts too. Do NOT also add
+  `./node_modules/@ledgerhq/lumen-ui-react/dist/**` to the `content` array —
+  that path is internal and may change in any release.
 - Always use a preset from `@ledgerhq/lumen-design-core`: ledgerLivePreset, enterprisePreset or websitesPreset
 - Import presets: `import { ledgerLivePreset } from '@ledgerhq/lumen-design-core'`
 

package/dist/index.js

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

package/dist/lib/Components/core/DotIcon/DotIcon.d.ts

@@ -1,18 +1,5 @@
 import { IconSize } from '../../symbols/Icon';
 import { DotIconProps, DotIconSize } from './types';
-export declare const mediaImageDotIconSizeMap: {
-    readonly 40: 16;
-    readonly 48: 20;
-    readonly 56: 24;
-    readonly 64: 24;
-    readonly 72: 32;
-};
-export declare const spotDotIconSizeMap: {
-    readonly 40: 16;
-    readonly 48: 20;
-    readonly 56: 24;
-    readonly 72: 32;
-};
 export declare const dotIconSizeMap: Record<DotIconSize, IconSize>;
 /**
  * A wrapper component that positions a small icon indicator at a configurable

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

@@ -1 +1 @@
-{"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAc,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+CrE,eAAO,MAAM,wBAAwB;;;;;;CAMW,CAAC;AAEjD,eAAO,MAAM,kBAAkB;;;;;CAKiB,CAAC;AAEjD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAKxD,CAAC;AAgBF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;8GAWjB,YAAY;;CAwBd,CAAC"}
+{"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAc,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+CrE,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAKxD,CAAC;AAgBF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;8GAWjB,YAAY;;CAwBd,CAAC"}

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

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { useDisabledContext as x, DisabledProvider as v, cn as n } from "../../../../libs/utils-shared/dist/index.js";
+import { useDisabledContext as x, DisabledProvider as v, cn as i } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as c } from "class-variance-authority";
 import { useMemo as z } from "react";
-const g = c("relative inline-flex w-fit", {
+const N = c("relative inline-flex w-fit", {
   variants: {
     disabled: {
       true: "opacity-30",
       false: ""
     }
   }
-}), N = c(
+}), g = c(
   "absolute z-10 box-content flex items-center justify-center overflow-hidden border-base-inverted",
   {
     variants: {
@@ -43,31 +43,20 @@ const g = c("relative inline-flex w-fit", {
       { shape: "circle", className: "rounded-full" }
     ]
   }
-), V = {
-  40: 16,
-  48: 20,
-  56: 24,
-  64: 24,
-  72: 32
-}, w = {
-  40: 16,
-  48: 20,
-  56: 24,
-  72: 32
-}, D = {
+), D = {
   16: 12,
   20: 16,
   24: 16,
   32: 20
-}, I = {
+}, q = {
   "top-start": ["top", "left"],
   "top-end": ["top", "right"],
   "bottom-start": ["bottom", "left"],
   "bottom-end": ["bottom", "right"]
-}, i = -3, q = (s) => {
-  const [t, o] = I[s];
-  return { [t]: i, [o]: i };
-}, M = ({
+}, n = -3, y = (s) => {
+  const [t, o] = q[s];
+  return { [t]: n, [o]: n };
+}, I = ({
   children: s,
   icon: t,
   appearance: o,
@@ -79,7 +68,7 @@ const g = c("relative inline-flex w-fit", {
   ref: p,
   ...b
 }) => {
-  const u = z(() => q(a), [a]), f = x({
+  const u = z(() => y(a), [a]), f = x({
     consumerName: "DotIcon",
     mergeWith: { disabled: m }
   });
@@ -87,14 +76,14 @@ const g = c("relative inline-flex w-fit", {
     "div",
     {
       ref: p,
-      className: n(g({ disabled: f, className: l })),
+      className: i(N({ disabled: f, className: l })),
       ...b,
       children: [
         /* @__PURE__ */ e("div", { className: "inline-flex", children: s }),
         /* @__PURE__ */ e(
           "div",
           {
-            className: n(N({ size: r, shape: d, pin: a, appearance: o })),
+            className: i(g({ size: r, shape: d, pin: a, appearance: o })),
             style: u,
             children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
           }
@@ -103,10 +92,8 @@ const g = c("relative inline-flex w-fit", {
     }
   ) });
 };
-M.displayName = "DotIcon";
+I.displayName = "DotIcon";
 export {
-  M as DotIcon,
-  D as dotIconSizeMap,
-  V as mediaImageDotIconSizeMap,
-  w as spotDotIconSizeMap
+  I as DotIcon,
+  D as dotIconSizeMap
 };

package/dist/lib/Components/core/DotIcon/getDotIconProps.d.ts

@@ -0,0 +1,66 @@
+export declare const getDotIconProps: <Context extends "mediaImage" | "spot", Variant extends keyof {
+    mediaImage: {
+        40: {
+            size: 16;
+        };
+        48: {
+            size: 20;
+        };
+        56: {
+            size: 24;
+        };
+        64: {
+            size: 24;
+        };
+        72: {
+            size: 32;
+        };
+    };
+    spot: {
+        40: {
+            size: 16;
+        };
+        48: {
+            size: 20;
+        };
+        56: {
+            size: 24;
+        };
+        72: {
+            size: 32;
+        };
+    };
+}[Context]>(context: Context, variant: Variant) => {
+    mediaImage: {
+        40: {
+            size: 16;
+        };
+        48: {
+            size: 20;
+        };
+        56: {
+            size: 24;
+        };
+        64: {
+            size: 24;
+        };
+        72: {
+            size: 32;
+        };
+    };
+    spot: {
+        40: {
+            size: 16;
+        };
+        48: {
+            size: 20;
+        };
+        56: {
+            size: 24;
+        };
+        72: {
+            size: 32;
+        };
+    };
+}[Context][Variant];
+//# sourceMappingURL=getDotIconProps.d.ts.map

package/dist/lib/Components/core/DotIcon/getDotIconProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDotIconProps.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/getDotIconProps.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAc1B,CAAC"}

package/dist/lib/Components/core/DotIcon/getDotIconProps.js

@@ -0,0 +1,19 @@
+import { createPropsResolver as e } from "../../../../libs/utils-shared/dist/index.js";
+const i = e({
+  mediaImage: {
+    40: { size: 16 },
+    48: { size: 20 },
+    56: { size: 24 },
+    64: { size: 24 },
+    72: { size: 32 }
+  },
+  spot: {
+    40: { size: 16 },
+    48: { size: 20 },
+    56: { size: 24 },
+    72: { size: 32 }
+  }
+});
+export {
+  i as getDotIconProps
+};