@ledgerhq/lumen-ui-react 0.1.23 → 0.1.25

package/dist/index.js

@@ -3,77 +3,80 @@ 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 { Banner as T } from "./lib/Components/Banner/Banner.js";
 import { BaseInput as u } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as S } from "./lib/Components/Button/Button.js";
-import { BaseButton as c } 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 { Button as C } from "./lib/Components/Button/Button.js";
+import { BaseButton as g } from "./lib/Components/Button/BaseButton.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 N, ContentBannerTitle as G } from "./lib/Components/ContentBanner/ContentBanner.js";
-import { Checkbox as F } from "./lib/Components/Checkbox/Checkbox.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";
 import { DataTable as O, DataTableGlobalSearchInput as _, DataTableRoot as j } from "./lib/Components/DataTable/DataTable.js";
 import { useLumenDataTable as J } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
 import { DialogClose as Q } from "./lib/Components/Dialog/DialogClose/DialogClose.js";
 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 { DotSymbol as ne, mediaImageDotSizeMap as ie, spotDotSizeMap as pe } from "./lib/Components/DotSymbol/DotSymbol.js";
-import { IconButton as me } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as Te } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
-import { Link as fe } from "./lib/Components/Link/Link.js";
-import { ListItem as Ce, ListItemContent as Se, ListItemContentRow as ge, ListItemDescription as ce, ListItemLeading as Be, ListItemTitle as be, ListItemTrailing as Ie } from "./lib/Components/ListItem/ListItem.js";
-import { MediaBanner as Me, MediaBannerDescription as De, MediaBannerTitle as Le } from "./lib/Components/MediaBanner/MediaBanner.js";
-import { MediaButton as ve } from "./lib/Components/MediaButton/MediaButton.js";
-import { MediaCard as we, MediaCardTitle as Ae } from "./lib/Components/MediaCard/MediaCard.js";
-import { MediaImage as He } from "./lib/Components/MediaImage/MediaImage.js";
-import { Menu as ke, MenuCheckboxItem as Ne, MenuContent as Ge, MenuGroup as Ee, MenuItem as Fe, MenuLabel as ze, MenuPortal as Oe, MenuRadioGroup as _e, MenuRadioItem as je, MenuSeparator as qe, MenuSub as Je, MenuSubContent as Ke, MenuSubTrigger as Qe, MenuTrigger as Ue } from "./lib/Components/Menu/Menu.js";
-import { NavBar as We, NavBarBackButton as Xe, NavBarCoinCapsule as Ye, NavBarTitle as Ze, NavBarTrailing as $e } from "./lib/Components/NavBar/NavBar.js";
-import { Popover as oo, PopoverContent as to, PopoverTrigger as ro, createPopoverHandle as ao } from "./lib/Components/Popover/Popover.js";
-import { PageIndicator as io } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as lo } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as To, SegmentedControlButton as xo } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as uo, SelectContent as Co, SelectEmptyState as So, SelectItem as go, SelectItemContent as co, SelectItemDescription as Bo, SelectItemText as bo, SelectList as Io, SelectSearch as so, SelectSeparator as Mo, SelectTrigger as Do } from "./lib/Components/Select/Select.js";
-import { SideBar as ho, SideBarCollapseToggle as vo, SideBarItem as Ro, SideBarLeading as wo, SideBarTrailing as Ao } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Ho } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as ko } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as Go } from "./lib/Components/Spot/Spot.js";
-import { Stepper as Fo } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as Oo, SubheaderCount as _o, SubheaderDescription as jo, SubheaderInfo as qo, SubheaderRow as Jo, SubheaderShowMore as Ko, SubheaderTitle as Qo } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as Vo } from "./lib/Components/Switch/Switch.js";
-import { Table as Xo, TableActionBar as Yo, TableActionBarLeading as Zo, TableActionBarTrailing as $o, TableBody as et, TableCell as ot, TableCellContent as tt, TableGroupHeaderRow as rt, TableHeader as at, TableHeaderCell as nt, TableHeaderRow as it, TableInfoIcon as pt, TableLoadingRow as lt, TableRoot as mt, TableRow as dt, TableSortButton as Tt } from "./lib/Components/Table/Table.js";
-import { Tag as ft } from "./lib/Components/Tag/Tag.js";
-import { TextInput as Ct } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as gt, TileContent as ct, TileDescription as Bt, TileSecondaryAction as bt, TileTitle as It, TileTrailingContent as st } from "./lib/Components/Tile/Tile.js";
-import { TileButton as Dt } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as ht, TooltipContent as vt, TooltipProvider as Rt, TooltipTrigger as wt } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as yt, useTheme as Ht } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as kt } 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,
-  c as BaseButton,
+  T as Banner,
+  g as BaseButton,
   u as BaseInput,
-  S as Button,
-  kt as COLOR_SCHEMES,
-  b as Card,
+  C as Button,
+  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,
   R as CardLeading,
   w as CardTrailing,
-  F as Checkbox,
+  E as Checkbox,
   P as ContentBanner,
   k as ContentBannerContent,
-  N as ContentBannerDescription,
-  G as ContentBannerTitle,
+  z as ContentBannerDescription,
+  N as ContentBannerTitle,
   O as DataTable,
   _ as DataTableGlobalSearchInput,
   j as DataTableRoot,
@@ -86,112 +89,118 @@ export {
   oe as DialogHeader,
   $ as DialogTrigger,
   re as Divider,
-  ne as DotSymbol,
-  me as IconButton,
-  Te as InteractiveIcon,
+  ne as DotCount,
+  pe as DotIcon,
+  Te as DotIndicator,
+  ue as DotSymbol,
+  ge as IconButton,
+  Ie as InteractiveIcon,
   t as Languages,
-  fe as Link,
-  Ce as ListItem,
-  Se as ListItemContent,
-  ge as ListItemContentRow,
-  ce as ListItemDescription,
-  Be as ListItemLeading,
-  be as ListItemTitle,
-  Ie as ListItemTrailing,
-  Me as MediaBanner,
-  De as MediaBannerDescription,
-  Le as MediaBannerTitle,
-  ve as MediaButton,
-  we as MediaCard,
-  Ae as MediaCardTitle,
-  He as MediaImage,
-  ke as Menu,
-  Ne as MenuCheckboxItem,
-  Ge as MenuContent,
-  Ee as MenuGroup,
-  Fe as MenuItem,
-  ze as MenuLabel,
-  Oe as MenuPortal,
-  _e as MenuRadioGroup,
-  je as MenuRadioItem,
-  qe as MenuSeparator,
-  Je as MenuSub,
-  Ke as MenuSubContent,
-  Qe as MenuSubTrigger,
-  Ue as MenuTrigger,
-  We as NavBar,
-  Xe as NavBarBackButton,
-  Ye as NavBarCoinCapsule,
-  Ze as NavBarTitle,
-  $e as NavBarTrailing,
-  io as PageIndicator,
-  oo as Popover,
-  to as PopoverContent,
-  ro as PopoverTrigger,
-  lo as SearchInput,
-  To as SegmentedControl,
-  xo as SegmentedControlButton,
-  uo as Select,
-  Co as SelectContent,
-  So as SelectEmptyState,
-  go as SelectItem,
-  co as SelectItemContent,
-  Bo as SelectItemDescription,
-  bo as SelectItemText,
-  Io as SelectList,
-  so as SelectSearch,
-  Mo as SelectSeparator,
-  Do as SelectTrigger,
-  ho as SideBar,
-  vo as SideBarCollapseToggle,
-  Ro as SideBarItem,
-  wo as SideBarLeading,
-  Ao as SideBarTrailing,
-  Ho as Skeleton,
-  ko as Spinner,
-  Go as Spot,
-  Fo as Stepper,
-  Oo as Subheader,
-  _o as SubheaderCount,
-  jo as SubheaderDescription,
-  qo as SubheaderInfo,
-  Jo as SubheaderRow,
-  Ko as SubheaderShowMore,
-  Qo as SubheaderTitle,
-  Vo as Switch,
-  Xo as Table,
-  Yo as TableActionBar,
-  Zo as TableActionBarLeading,
-  $o as TableActionBarTrailing,
-  et as TableBody,
-  ot as TableCell,
-  tt as TableCellContent,
-  rt as TableGroupHeaderRow,
-  at as TableHeader,
-  nt as TableHeaderCell,
-  it as TableHeaderRow,
-  pt as TableInfoIcon,
-  lt as TableLoadingRow,
-  mt as TableRoot,
-  dt as TableRow,
-  Tt as TableSortButton,
-  ft as Tag,
-  Ct as TextInput,
-  yt as ThemeProvider,
-  gt as Tile,
-  Dt as TileButton,
-  ct as TileContent,
-  Bt as TileDescription,
-  bt as TileSecondaryAction,
-  It as TileTitle,
-  st as TileTrailingContent,
-  ht as Tooltip,
-  vt as TooltipContent,
-  Rt as TooltipProvider,
-  wt as TooltipTrigger,
-  ao as createPopoverHandle,
-  ie as mediaImageDotSizeMap,
-  pe 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,
-  Ht 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/DotIcon/DotIcon.d.ts

@@ -0,0 +1,32 @@
+import { IconSize } from '../Icon';
+import { DotIconProps, DotIconSize } from './types';
+export declare const mediaImageDotIconSizeMap: {
+    readonly 40: 16;
+    readonly 48: 20;
+    readonly 56: 24;
+    readonly 64: 24;
+};
+export declare const spotDotIconSizeMap: {
+    readonly 40: 16;
+    readonly 48: 20;
+    readonly 56: 24;
+    readonly 72: 24;
+};
+export declare const dotIconSizeMap: Record<DotIconSize, IconSize>;
+/**
+ * A wrapper component that positions a small icon indicator at a configurable
+ * corner of a child element like MediaImage or Spot. The dot background uses a
+ * semantic color (`success`, `muted`, or `error`).
+ *
+ * @example
+ * import { DotIcon } from '@ledgerhq/lumen-ui-react';
+ *
+ * <DotIcon appearance="success" icon={ArrowDown} pin="bottom-end">
+ *   <MediaImage src="https://example.com/usdc.png" alt="USDC" size={48} />
+ * </DotIcon>
+ */
+export declare const DotIcon: {
+    ({ children, icon: Icon, appearance, pin, size, shape, className, ref, ...rest }: DotIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=DotIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAc,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAoCrE,eAAO,MAAM,wBAAwB;;;;;CAKW,CAAC;AAEjD,eAAO,MAAM,kBAAkB;;;;;CAKiB,CAAC;AAEjD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAIxD,CAAC;AAgBF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;sFAUjB,YAAY;;CAkBd,CAAC"}

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

@@ -0,0 +1,97 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { cn as n } from "../../../libs/utils-shared/dist/index.js";
+import { cva as b } from "class-variance-authority";
+import { useMemo as f } from "react";
+const x = b(
+  "absolute z-10 box-content flex items-center justify-center overflow-hidden border-base-inverted",
+  {
+    variants: {
+      size: {
+        16: "size-16 border",
+        20: "size-20 border",
+        24: "size-24 border"
+      },
+      shape: {
+        square: "",
+        circle: ""
+      },
+      pin: {
+        "top-start": "",
+        "top-end": "",
+        "bottom-start": "",
+        "bottom-end": ""
+      },
+      appearance: {
+        success: "bg-success-strong",
+        muted: "bg-muted-strong",
+        error: "bg-error-strong"
+      }
+    },
+    compoundVariants: [
+      { size: 16, shape: "square", className: "rounded-[5px]" },
+      { size: 20, shape: "square", className: "rounded-[6px]" },
+      { size: 24, shape: "square", className: "rounded-[8px]" },
+      { shape: "circle", className: "rounded-full" }
+    ]
+  }
+), q = {
+  40: 16,
+  48: 20,
+  56: 24,
+  64: 24
+}, S = {
+  40: 16,
+  48: 20,
+  56: 24,
+  72: 24
+}, h = {
+  16: 12,
+  20: 12,
+  24: 16
+}, z = {
+  "top-start": ["top", "left"],
+  "top-end": ["top", "right"],
+  "bottom-start": ["bottom", "left"],
+  "bottom-end": ["bottom", "right"]
+}, c = -3, g = (e) => {
+  const [t, o] = z[e];
+  return { [t]: c, [o]: c };
+}, v = ({
+  children: e,
+  icon: t,
+  appearance: o,
+  pin: s = "bottom-end",
+  size: a = 20,
+  shape: i = "circle",
+  className: d,
+  ref: m,
+  ...p
+}) => {
+  const l = f(() => g(s), [s]);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ref: m,
+      className: n("relative inline-flex w-fit", d),
+      ...p,
+      children: [
+        /* @__PURE__ */ r("div", { className: "inline-flex", children: e }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: n(x({ size: a, shape: i, pin: s, appearance: o })),
+            style: l,
+            children: /* @__PURE__ */ r(t, { size: h[a], className: "text-on-interactive" })
+          }
+        )
+      ]
+    }
+  );
+};
+v.displayName = "DotIcon";
+export {
+  v as DotIcon,
+  h as dotIconSizeMap,
+  q as mediaImageDotIconSizeMap,
+  S as spotDotIconSizeMap
+};