@ledgerhq/lumen-ui-react 0.1.24 → 0.1.25

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 l } from "./lib/Components/AmountDisplay/AmountDisplay.js";
 import { Avatar as d } from "./lib/Components/Avatar/Avatar.js";
-import { Banner as x } from "./lib/Components/Banner/Banner.js";
-import { BaseInput as S } from "./lib/Components/BaseInput/BaseInput.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 { BaseButton as g } 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 w } from "./lib/Components/Card/Card.js";
+import { Card as I, CardContent as b, CardContentDescription as s, CardContentRow as D, CardContentTitle as M, CardFooter as L, CardFooterActions as h, CardHeader as v, CardLeading as R, CardTrailing as w } from "./lib/Components/Card/Card.js";
 import { CardButton as y } from "./lib/Components/CardButton/CardButton.js";
 import { ContentBanner as P, ContentBannerContent as k, ContentBannerDescription as z, ContentBannerTitle as N } from "./lib/Components/ContentBanner/ContentBanner.js";
 import { Checkbox as E } from "./lib/Components/Checkbox/Checkbox.js";
@@ -17,54 +17,56 @@ import { DialogClose as Q } from "./lib/Components/Dialog/DialogClose/DialogClos
 import { Dialog as V, DialogBody as W, DialogBodyStickyContent as X, DialogContent as Y, DialogFooter as Z, DialogTrigger as $ } from "./lib/Components/Dialog/Dialog.js";
 import { DialogHeader as oe } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
 import { Divider as re } from "./lib/Components/Divider/Divider.js";
-import { DotIcon as ne, dotIconSizeMap as ie, mediaImageDotIconSizeMap as pe, spotDotIconSizeMap as le } from "./lib/Components/DotIcon/DotIcon.js";
-import { DotSymbol as de, mediaImageDotSizeMap as Te, spotDotSizeMap as xe } from "./lib/Components/DotSymbol/DotSymbol.js";
-import { IconButton as Se } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as Ce } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
-import { Link as ge } from "./lib/Components/Link/Link.js";
-import { ListItem as be, ListItemContent as Ie, ListItemContentRow as se, ListItemDescription as Me, ListItemLeading as De, ListItemTitle as Le, ListItemTrailing as he } from "./lib/Components/ListItem/ListItem.js";
-import { MediaBanner as Re, MediaBannerDescription as we, MediaBannerTitle as Ae } from "./lib/Components/MediaBanner/MediaBanner.js";
-import { MediaButton as He } from "./lib/Components/MediaButton/MediaButton.js";
-import { MediaCard as ke, MediaCardTitle as ze } from "./lib/Components/MediaCard/MediaCard.js";
-import { MediaImage as Ge } from "./lib/Components/MediaImage/MediaImage.js";
-import { Menu as Fe, MenuCheckboxItem as Oe, MenuContent as _e, MenuGroup as je, MenuItem as qe, MenuLabel as Je, MenuPortal as Ke, MenuRadioGroup as Qe, MenuRadioItem as Ue, MenuSeparator as Ve, MenuSub as We, MenuSubContent as Xe, MenuSubTrigger as Ye, MenuTrigger as Ze } from "./lib/Components/Menu/Menu.js";
-import { NavBar as eo, NavBarBackButton as oo, NavBarCoinCapsule as to, NavBarTitle as ro, NavBarTrailing as ao } from "./lib/Components/NavBar/NavBar.js";
-import { Popover as io, PopoverContent as po, PopoverTrigger as lo, createPopoverHandle as mo } from "./lib/Components/Popover/Popover.js";
-import { PageIndicator as xo } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as So } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as Co, SegmentedControlButton as co } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as Bo, SelectContent as bo, SelectEmptyState as Io, SelectItem as so, SelectItemContent as Mo, SelectItemDescription as Do, SelectItemText as Lo, SelectList as ho, SelectSearch as vo, SelectSeparator as Ro, SelectTrigger as wo } from "./lib/Components/Select/Select.js";
-import { SideBar as yo, SideBarCollapseToggle as Ho, SideBarItem as Po, SideBarLeading as ko, SideBarTrailing as zo } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Go } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as Fo } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as _o } from "./lib/Components/Spot/Spot.js";
-import { Stepper as qo } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as Ko, SubheaderCount as Qo, SubheaderDescription as Uo, SubheaderInfo as Vo, SubheaderRow as Wo, SubheaderShowMore as Xo, SubheaderTitle as Yo } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as $o } from "./lib/Components/Switch/Switch.js";
-import { Table as ot, TableActionBar as tt, TableActionBarLeading as rt, TableActionBarTrailing as at, TableBody as nt, TableCell as it, TableCellContent as pt, TableGroupHeaderRow as lt, TableHeader as mt, TableHeaderCell as dt, TableHeaderRow as Tt, TableInfoIcon as xt, TableLoadingRow as ft, TableRoot as St, TableRow as ut, TableSortButton as Ct } from "./lib/Components/Table/Table.js";
-import { Tag as gt } from "./lib/Components/Tag/Tag.js";
-import { TextInput as bt } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as st, TileContent as Mt, TileDescription as Dt, TileSecondaryAction as Lt, TileTitle as ht, TileTrailingContent as vt } from "./lib/Components/Tile/Tile.js";
-import { TileButton as wt } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as yt, TooltipContent as Ht, TooltipProvider as Pt, TooltipTrigger as kt } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as Nt, useTheme as Gt } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as Ft } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
+import { DotCount as ne } from "./lib/Components/DotCount/DotCount.js";
+import { DotIcon as pe, dotIconSizeMap as le, mediaImageDotIconSizeMap as me, spotDotIconSizeMap as de } from "./lib/Components/DotIcon/DotIcon.js";
+import { DotIndicator as Te } from "./lib/Components/DotIndicator/DotIndicator.js";
+import { DotSymbol as ue, mediaImageDotSizeMap as Se, spotDotSizeMap as Ce } from "./lib/Components/DotSymbol/DotSymbol.js";
+import { IconButton as ge } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as Ie } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Link as se } from "./lib/Components/Link/Link.js";
+import { ListItem as Me, ListItemContent as Le, ListItemContentRow as he, ListItemDescription as ve, ListItemLeading as Re, ListItemTitle as we, ListItemTrailing as Ae } from "./lib/Components/ListItem/ListItem.js";
+import { MediaBanner as He, MediaBannerDescription as Pe, MediaBannerTitle as ke } from "./lib/Components/MediaBanner/MediaBanner.js";
+import { MediaButton as Ne } from "./lib/Components/MediaButton/MediaButton.js";
+import { MediaCard as Ee, MediaCardTitle as Fe } from "./lib/Components/MediaCard/MediaCard.js";
+import { MediaImage as _e } from "./lib/Components/MediaImage/MediaImage.js";
+import { Menu as qe, MenuCheckboxItem as Je, MenuContent as Ke, MenuGroup as Qe, MenuItem as Ue, MenuLabel as Ve, MenuPortal as We, MenuRadioGroup as Xe, MenuRadioItem as Ye, MenuSeparator as Ze, MenuSub as $e, MenuSubContent as eo, MenuSubTrigger as oo, MenuTrigger as to } from "./lib/Components/Menu/Menu.js";
+import { NavBar as ao, NavBarBackButton as no, NavBarCoinCapsule as io, NavBarTitle as po, NavBarTrailing as lo } from "./lib/Components/NavBar/NavBar.js";
+import { Popover as xo, PopoverContent as To, PopoverTrigger as fo, createPopoverHandle as uo } from "./lib/Components/Popover/Popover.js";
+import { PageIndicator as Co } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as go } from "./lib/Components/SearchInput/SearchInput.js";
+import { SegmentedControl as Io, SegmentedControlButton as bo } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as Do, SelectContent as Mo, SelectEmptyState as Lo, SelectItem as ho, SelectItemContent as vo, SelectItemDescription as Ro, SelectItemText as wo, SelectList as Ao, SelectSearch as yo, SelectSeparator as Ho, SelectTrigger as Po } from "./lib/Components/Select/Select.js";
+import { SideBar as zo, SideBarCollapseToggle as No, SideBarItem as Go, SideBarLeading as Eo, SideBarTrailing as Fo } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as _o } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as qo } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as Ko } from "./lib/Components/Spot/Spot.js";
+import { Stepper as Uo } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as Wo, SubheaderCount as Xo, SubheaderDescription as Yo, SubheaderInfo as Zo, SubheaderRow as $o, SubheaderShowMore as et, SubheaderTitle as ot } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as rt } from "./lib/Components/Switch/Switch.js";
+import { Table as nt, TableActionBar as it, TableActionBarLeading as pt, TableActionBarTrailing as lt, TableBody as mt, TableCell as dt, TableCellContent as xt, TableGroupHeaderRow as Tt, TableHeader as ft, TableHeaderCell as ut, TableHeaderRow as St, TableInfoIcon as Ct, TableLoadingRow as ct, TableRoot as gt, TableRow as Bt, TableSortButton as It } from "./lib/Components/Table/Table.js";
+import { Tag as st } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Mt } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as ht, TileContent as vt, TileDescription as Rt, TileSecondaryAction as wt, TileTitle as At, TileTrailingContent as yt } from "./lib/Components/Tile/Tile.js";
+import { TileButton as Pt } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as zt, TooltipContent as Nt, TooltipProvider as Gt, TooltipTrigger as Et } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as Ot, useTheme as _t } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as qt } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
   l as AmountDisplay,
   i as AmountInput,
   d as Avatar,
-  x as Banner,
+  T as Banner,
   g as BaseButton,
-  S as BaseInput,
+  u as BaseInput,
   C as Button,
-  Ft as COLOR_SCHEMES,
-  b as Card,
+  qt as COLOR_SCHEMES,
+  I as Card,
   y as CardButton,
-  I as CardContent,
+  b as CardContent,
   s as CardContentDescription,
-  M as CardContentRow,
-  D as CardContentTitle,
+  D as CardContentRow,
+  M as CardContentTitle,
   L as CardFooter,
   h as CardFooterActions,
   v as CardHeader,
@@ -87,116 +89,118 @@ export {
   oe as DialogHeader,
   $ as DialogTrigger,
   re as Divider,
-  ne as DotIcon,
-  de as DotSymbol,
-  Se as IconButton,
-  Ce as InteractiveIcon,
+  ne as DotCount,
+  pe as DotIcon,
+  Te as DotIndicator,
+  ue as DotSymbol,
+  ge as IconButton,
+  Ie as InteractiveIcon,
   t as Languages,
-  ge as Link,
-  be as ListItem,
-  Ie as ListItemContent,
-  se as ListItemContentRow,
-  Me as ListItemDescription,
-  De as ListItemLeading,
-  Le as ListItemTitle,
-  he as ListItemTrailing,
-  Re as MediaBanner,
-  we as MediaBannerDescription,
-  Ae as MediaBannerTitle,
-  He as MediaButton,
-  ke as MediaCard,
-  ze as MediaCardTitle,
-  Ge as MediaImage,
-  Fe as Menu,
-  Oe as MenuCheckboxItem,
-  _e as MenuContent,
-  je as MenuGroup,
-  qe as MenuItem,
-  Je as MenuLabel,
-  Ke as MenuPortal,
-  Qe as MenuRadioGroup,
-  Ue as MenuRadioItem,
-  Ve as MenuSeparator,
-  We as MenuSub,
-  Xe as MenuSubContent,
-  Ye as MenuSubTrigger,
-  Ze as MenuTrigger,
-  eo as NavBar,
-  oo as NavBarBackButton,
-  to as NavBarCoinCapsule,
-  ro as NavBarTitle,
-  ao as NavBarTrailing,
-  xo as PageIndicator,
-  io as Popover,
-  po as PopoverContent,
-  lo as PopoverTrigger,
-  So as SearchInput,
-  Co as SegmentedControl,
-  co as SegmentedControlButton,
-  Bo as Select,
-  bo as SelectContent,
-  Io as SelectEmptyState,
-  so as SelectItem,
-  Mo as SelectItemContent,
-  Do as SelectItemDescription,
-  Lo as SelectItemText,
-  ho as SelectList,
-  vo as SelectSearch,
-  Ro as SelectSeparator,
-  wo as SelectTrigger,
-  yo as SideBar,
-  Ho as SideBarCollapseToggle,
-  Po as SideBarItem,
-  ko as SideBarLeading,
-  zo as SideBarTrailing,
-  Go as Skeleton,
-  Fo as Spinner,
-  _o as Spot,
-  qo as Stepper,
-  Ko as Subheader,
-  Qo as SubheaderCount,
-  Uo as SubheaderDescription,
-  Vo as SubheaderInfo,
-  Wo as SubheaderRow,
-  Xo as SubheaderShowMore,
-  Yo as SubheaderTitle,
-  $o as Switch,
-  ot as Table,
-  tt as TableActionBar,
-  rt as TableActionBarLeading,
-  at as TableActionBarTrailing,
-  nt as TableBody,
-  it as TableCell,
-  pt as TableCellContent,
-  lt as TableGroupHeaderRow,
-  mt as TableHeader,
-  dt as TableHeaderCell,
-  Tt as TableHeaderRow,
-  xt as TableInfoIcon,
-  ft as TableLoadingRow,
-  St as TableRoot,
-  ut as TableRow,
-  Ct as TableSortButton,
-  gt as Tag,
-  bt as TextInput,
-  Nt as ThemeProvider,
-  st as Tile,
-  wt as TileButton,
-  Mt as TileContent,
-  Dt as TileDescription,
-  Lt as TileSecondaryAction,
-  ht as TileTitle,
-  vt as TileTrailingContent,
-  yt as Tooltip,
-  Ht as TooltipContent,
-  Pt as TooltipProvider,
-  kt as TooltipTrigger,
-  mo as createPopoverHandle,
-  ie as dotIconSizeMap,
-  pe as mediaImageDotIconSizeMap,
-  Te as mediaImageDotSizeMap,
-  le as spotDotIconSizeMap,
-  xe as spotDotSizeMap,
+  se as Link,
+  Me as ListItem,
+  Le as ListItemContent,
+  he as ListItemContentRow,
+  ve as ListItemDescription,
+  Re as ListItemLeading,
+  we as ListItemTitle,
+  Ae as ListItemTrailing,
+  He as MediaBanner,
+  Pe as MediaBannerDescription,
+  ke as MediaBannerTitle,
+  Ne as MediaButton,
+  Ee as MediaCard,
+  Fe as MediaCardTitle,
+  _e as MediaImage,
+  qe as Menu,
+  Je as MenuCheckboxItem,
+  Ke as MenuContent,
+  Qe as MenuGroup,
+  Ue as MenuItem,
+  Ve as MenuLabel,
+  We as MenuPortal,
+  Xe as MenuRadioGroup,
+  Ye as MenuRadioItem,
+  Ze as MenuSeparator,
+  $e as MenuSub,
+  eo as MenuSubContent,
+  oo as MenuSubTrigger,
+  to as MenuTrigger,
+  ao as NavBar,
+  no as NavBarBackButton,
+  io as NavBarCoinCapsule,
+  po as NavBarTitle,
+  lo as NavBarTrailing,
+  Co as PageIndicator,
+  xo as Popover,
+  To as PopoverContent,
+  fo as PopoverTrigger,
+  go as SearchInput,
+  Io as SegmentedControl,
+  bo as SegmentedControlButton,
+  Do as Select,
+  Mo as SelectContent,
+  Lo as SelectEmptyState,
+  ho as SelectItem,
+  vo as SelectItemContent,
+  Ro as SelectItemDescription,
+  wo as SelectItemText,
+  Ao as SelectList,
+  yo as SelectSearch,
+  Ho as SelectSeparator,
+  Po as SelectTrigger,
+  zo as SideBar,
+  No as SideBarCollapseToggle,
+  Go as SideBarItem,
+  Eo as SideBarLeading,
+  Fo as SideBarTrailing,
+  _o as Skeleton,
+  qo as Spinner,
+  Ko as Spot,
+  Uo as Stepper,
+  Wo as Subheader,
+  Xo as SubheaderCount,
+  Yo as SubheaderDescription,
+  Zo as SubheaderInfo,
+  $o as SubheaderRow,
+  et as SubheaderShowMore,
+  ot as SubheaderTitle,
+  rt as Switch,
+  nt as Table,
+  it as TableActionBar,
+  pt as TableActionBarLeading,
+  lt as TableActionBarTrailing,
+  mt as TableBody,
+  dt as TableCell,
+  xt as TableCellContent,
+  Tt as TableGroupHeaderRow,
+  ft as TableHeader,
+  ut as TableHeaderCell,
+  St as TableHeaderRow,
+  Ct as TableInfoIcon,
+  ct as TableLoadingRow,
+  gt as TableRoot,
+  Bt as TableRow,
+  It as TableSortButton,
+  st as Tag,
+  Mt as TextInput,
+  Ot as ThemeProvider,
+  ht as Tile,
+  Pt as TileButton,
+  vt as TileContent,
+  Rt as TileDescription,
+  wt as TileSecondaryAction,
+  At as TileTitle,
+  yt as TileTrailingContent,
+  zt as Tooltip,
+  Nt as TooltipContent,
+  Gt as TooltipProvider,
+  Et as TooltipTrigger,
+  uo as createPopoverHandle,
+  le as dotIconSizeMap,
+  me as mediaImageDotIconSizeMap,
+  Se as mediaImageDotSizeMap,
+  de as spotDotIconSizeMap,
+  Ce as spotDotSizeMap,
   J as useLumenDataTable,
-  Gt as useTheme
+  _t as useTheme
 };

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

@@ -0,0 +1,6 @@
+import { DotCountProps } from './types';
+export declare function DotCount({ value, size, max, appearance, disabled: disabledProp, children, className, 'aria-label': ariaLabel, ref, ...props }: DotCountProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DotCount {
+    var displayName: string;
+}
+//# sourceMappingURL=DotCount.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotCount.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotCount/DotCount.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiD7C,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAW,EACX,GAAQ,EACR,UAAmB,EACnB,QAAQ,EAAE,YAAoB,EAC9B,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,2CAiCf;yBA5Ce,QAAQ"}

package/dist/lib/Components/DotCount/DotCount.js

@@ -0,0 +1,92 @@
+import { jsxs as x, jsx as l } from "react/jsx-runtime";
+import { useDisabledContext as g, cn as a } from "../../../libs/utils-shared/dist/index.js";
+import { cva as m } from "class-variance-authority";
+const h = m(
+  "pointer-events-none flex items-center justify-center rounded-full",
+  {
+    variants: {
+      size: {
+        lg: "min-h-24 min-w-24 px-8 py-2",
+        md: "min-h-16 min-w-16 px-4"
+      },
+      appearance: {
+        base: "bg-interactive",
+        red: "bg-error-strong"
+      },
+      disabled: {
+        true: "bg-disabled",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      appearance: "base",
+      disabled: !1
+    }
+  }
+), v = m("", {
+  variants: {
+    size: {
+      lg: "body-2-semi-bold",
+      md: "body-4-semi-bold"
+    },
+    appearance: {
+      base: "text-on-interactive",
+      red: "text-on-error-strong"
+    },
+    disabled: {
+      true: "text-disabled",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    appearance: "base",
+    disabled: !1
+  }
+});
+function y({
+  value: e,
+  size: t = "md",
+  max: b = 99,
+  appearance: s = "base",
+  disabled: c = !1,
+  children: i,
+  className: p,
+  "aria-label": n,
+  ref: f,
+  ...u
+}) {
+  const d = g({
+    consumerName: "DotCount",
+    mergeWith: { disabled: c }
+  }), r = Math.max(1, Math.min(b, 99)), o = !!i;
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      ref: f,
+      className: a(o && "relative inline-flex w-fit", p),
+      ...u,
+      children: [
+        /* @__PURE__ */ l(
+          "div",
+          {
+            role: "img",
+            "aria-label": n,
+            "aria-hidden": !n || void 0,
+            className: a(
+              h({ size: t, appearance: s, disabled: d }),
+              o && "absolute top-0 right-0 z-1"
+            ),
+            children: e > 0 && /* @__PURE__ */ l("span", { className: a(v({ size: t, appearance: s, disabled: d })), children: e <= r ? e : `${r}+` })
+          }
+        ),
+        i
+      ]
+    }
+  );
+}
+y.displayName = "DotCount";
+export {
+  y as DotCount
+};

package/dist/lib/Components/DotCount/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DotCount';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/DotCount/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotCount/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,39 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type DotCountProps = {
+    /**
+     * The size of the dot count.
+     * @default 'md'
+     */
+    size?: 'lg' | 'md';
+    /**
+     * The amount to be displayed.
+     *
+     * If higher than `max`, the displayed value will be "[max]+".
+     */
+    value: number;
+    /**
+     * The max value shown.
+     *
+     * If `value` is higher than `max`, the displayed value will be "[max]+".
+     *
+     * By design, it will ignore values higher than 99.
+     * @default 99
+     */
+    max?: number;
+    /**
+     * The appearance of the dot count.
+     * @default 'base'
+     */
+    appearance?: 'base' | 'red';
+    /**
+     * Whether the dot count should show a disabled appearance.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Can be used as a wrapper to any component in case you wish to overlay a dot count on top of it.
+     * If provided, it'll pin the dot count to the top-right of the child component passed.
+     */
+    children?: ReactNode;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotCount/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import { DotIndicatorProps } from './types';
+export declare function DotIndicator({ size, appearance, disabled: disabledProp, children, className, 'aria-label': ariaLabel, ref, ...props }: DotIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DotIndicator {
+    var displayName: string;
+}
+//# sourceMappingURL=DotIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotIndicator.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/DotIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAyBjD,wBAAgB,YAAY,CAAC,EAC3B,IAAW,EACX,UAAmB,EACnB,QAAQ,EAAE,YAAoB,EAC9B,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAyBnB;yBAlCe,YAAY"}

package/dist/lib/Components/DotIndicator/DotIndicator.js

@@ -0,0 +1,66 @@
+import { jsxs as m, jsx as b } from "react/jsx-runtime";
+import { useDisabledContext as p, cn as i } from "../../../libs/utils-shared/dist/index.js";
+import { cva as f } from "class-variance-authority";
+const u = f("pointer-events-none rounded-full", {
+  variants: {
+    size: {
+      xs: "size-10",
+      sm: "size-12",
+      md: "size-16"
+    },
+    appearance: {
+      base: "bg-interactive",
+      red: "bg-error-strong"
+    },
+    disabled: {
+      true: "bg-disabled",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    size: "sm",
+    appearance: "base",
+    disabled: !1
+  }
+});
+function v({
+  size: t = "sm",
+  appearance: r = "base",
+  disabled: n = !1,
+  children: e,
+  className: d,
+  "aria-label": a,
+  ref: o,
+  ...l
+}) {
+  const c = p({
+    consumerName: "DotIndicator",
+    mergeWith: { disabled: n }
+  }), s = !!e;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: o,
+      className: i(s && "relative inline-flex w-fit", d),
+      ...l,
+      children: [
+        /* @__PURE__ */ b(
+          "div",
+          {
+            "aria-label": a,
+            "aria-hidden": !a || void 0,
+            className: i(
+              u({ size: t, appearance: r, disabled: c }),
+              s && "absolute top-0 right-0 z-1"
+            )
+          }
+        ),
+        e
+      ]
+    }
+  );
+}
+v.displayName = "DotIndicator";
+export {
+  v as DotIndicator
+};

package/dist/lib/Components/DotIndicator/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DotIndicator';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/DotIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,24 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type DotIndicatorProps = {
+    /**
+     * The size of the dot indicator.
+     * @default 'sm'
+     */
+    size?: 'xs' | 'sm' | 'md';
+    /**
+     * The appearance of the dot indicator.
+     * @default 'base'
+     */
+    appearance?: 'base' | 'red';
+    /**
+     * Whether the dot indicator should show a disabled appearance.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Can be used as a wrapper to any component in case you wish to overlay a dot indicator on top of it.
+     * If provided, it'll pin the dot indicator to the top-right of the child component passed.
+     */
+    children?: ReactNode;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -12,7 +12,9 @@ export * from './Checkbox';
 export * from './DataTable';
 export * from './Dialog';
 export * from './Divider';
+export * from './DotCount';
 export * from './DotIcon';
+export * from './DotIndicator';
 export * from './DotSymbol';
 export * from './IconButton';
 export * from './InteractiveIcon';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [