@ledgerhq/lumen-ui-react 0.1.23 → 0.1.24

package/dist/index.js

@@ -4,60 +4,61 @@ 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 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 { BaseInput as S } 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 { 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 { 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";
 export {
   a as AddressInput,
   l as AmountDisplay,
   i as AmountInput,
   d as Avatar,
   x as Banner,
-  c as BaseButton,
-  u as BaseInput,
-  S as Button,
-  kt as COLOR_SCHEMES,
+  g as BaseButton,
+  S as BaseInput,
+  C as Button,
+  Ft as COLOR_SCHEMES,
   b as Card,
   y as CardButton,
   I as CardContent,
@@ -69,11 +70,11 @@ export {
   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 +87,116 @@ export {
   oe as DialogHeader,
   $ as DialogTrigger,
   re as Divider,
-  ne as DotSymbol,
-  me as IconButton,
-  Te as InteractiveIcon,
+  ne as DotIcon,
+  de as DotSymbol,
+  Se as IconButton,
+  Ce 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,
+  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,
   J as useLumenDataTable,
-  Ht as useTheme
+  Gt as useTheme
 };

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
+};

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

@@ -0,0 +1,3 @@
+export { DotIcon, dotIconSizeMap, mediaImageDotIconSizeMap, spotDotIconSizeMap, } from './DotIcon';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,WAAW,CAAC;AACnB,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,42 @@
+import { ComponentPropsWithRef, ComponentType, ReactNode } from 'react';
+import { IconSize } from '../Icon';
+export type DotIconSize = 16 | 20 | 24;
+export type DotIconPin = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+export type DotIconAppearance = 'success' | 'muted' | 'error';
+export type DotIconProps = {
+    /**
+     * Icon component to render inside the dot.
+     */
+    icon: ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+    /**
+     * Semantic color of the dot background.
+     */
+    appearance: DotIconAppearance;
+    /**
+     * Corner placement of the dot indicator.
+     * @default 'bottom-end'
+     */
+    pin?: DotIconPin;
+    /**
+     * The size of the dot indicator in pixels.
+     * @default 20
+     */
+    size?: DotIconSize;
+    /**
+     * The shape of the dot indicator.
+     * @default 'circle'
+     */
+    shape?: 'square' | 'circle';
+    /**
+     * Additional custom CSS classes to apply to the wrapper.
+     */
+    className?: string;
+    /**
+     * The wrapped component (e.g. MediaImage or Spot).
+     */
+    children?: ReactNode;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEvC,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D;;OAEG;IACH,UAAU,EAAE,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAgB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiD3E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,aAAa,CAS7D,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,aAAa,CAMjD,CAAC;AAmBX;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;oFAWnB,cAAc;;CA4BhB,CAAC"}
+{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAgB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiD3E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,aAAa,CAU7D,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,aAAa,CAMjD,CAAC;AAmBX;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;oFAWnB,cAAc;;CA4BhB,CAAC"}

package/dist/lib/Components/DotSymbol/DotSymbol.js

@@ -53,7 +53,8 @@ const v = h(
   32: 12,
   40: 16,
   48: 20,
-  56: 24
+  56: 24,
+  64: 24
 }, V = {
   32: 12,
   40: 16,

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

@@ -1 +1 @@
-{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA0B/C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,GAAI,iEASxB,eAAe,4CA8BjB,CAAC"}
+{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA2B/C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,GAAI,iEASxB,eAAe,4CA8BjB,CAAC"}

package/dist/lib/Components/MediaImage/MediaImage.js

@@ -15,7 +15,8 @@ const h = {
           32: "size-32 rounded-sm",
           40: "size-40 rounded-md",
           48: "size-48 rounded-md",
-          56: "size-56 rounded-lg"
+          56: "size-56 rounded-lg",
+          64: "size-64 rounded-lg"
         },
         shape: {
           square: "",
@@ -26,26 +27,26 @@ const h = {
   )
 }, j = ({
   ref: o,
-  className: a,
+  className: i,
   src: e,
-  alt: i,
+  alt: a,
   size: d = 48,
   shape: t = "square",
   imgLoading: n = "eager",
   ...l
 }) => {
-  const [m, s] = z(!1), u = !e || m;
+  const [u, s] = z(!1), m = !e || u;
   return g(() => {
     s(!1);
   }, [e]), /* @__PURE__ */ r(
     "div",
     {
       ref: o,
-      className: c(h.root({ size: d, shape: t }), a),
+      className: c(h.root({ size: d, shape: t }), i),
       role: "img",
-      "aria-label": i,
+      "aria-label": a,
       ...l,
-      children: u ? /* @__PURE__ */ r("span", { className: "text-muted select-none", "aria-hidden": "true" }) : /* @__PURE__ */ r(
+      children: m ? /* @__PURE__ */ r("span", { className: "text-muted select-none", "aria-hidden": "true" }) : /* @__PURE__ */ r(
         "img",
         {
           src: e,

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
-export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56;
+export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64;
 export type MediaImageShape = 'square' | 'circle';
 export type MediaImageProps = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1,8 +1,8 @@
-import { SelectProps, SelectTriggerProps, SelectContentProps, SelectListProps, SelectSearchProps, SelectItemTextProps, SelectItemProps, SelectItemContentProps, SelectItemDescriptionProps, SelectSeparatorProps, SelectEmptyStateProps } from './types';
-declare function Select({ value, defaultValue, onValueChange, disabled: disabledProp, items, filter, filteredItems, searchValue: searchValueProp, defaultSearchValue, onSearchValueChange, open, defaultOpen, onOpenChange, name, required, children, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+import { MetaShape, SelectProps, SelectTriggerProps, SelectContentProps, SelectListProps, SelectSearchProps, SelectItemTextProps, SelectItemProps, SelectItemContentProps, SelectItemDescriptionProps, SelectSeparatorProps, SelectEmptyStateProps } from './types';
+declare function Select<TMeta extends MetaShape = MetaShape>({ value, defaultValue, onValueChange, disabled: disabledProp, items, filter, filteredItems, searchValue: searchValueProp, defaultSearchValue, onSearchValueChange, open, defaultOpen, onOpenChange, name, required, children, }: Readonly<SelectProps<TMeta>>): import("react/jsx-runtime").JSX.Element;
 declare const SelectTrigger: ({ render, disabled, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
-declare const SelectContent: ({ ref, className, children, side, sideOffset, align, autoFocusSearch, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
-declare const SelectList: ({ ref, className, renderItem, ...props }: SelectListProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectContent: ({ ref, className, children, side, sideOffset, align, initialFocus, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectList: <TMeta extends MetaShape = MetaShape>({ ref, className, renderItem, ...props }: SelectListProps<TMeta>) => import("react/jsx-runtime").JSX.Element;
 declare const SelectItem: ({ ref, className, children, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const SelectSeparator: ({ ref, className, ...props }: SelectSeparatorProps) => import("react/jsx-runtime").JSX.Element;
 declare const SelectItemText: ({ ref, className, ...props }: SelectItemTextProps) => import("react/jsx-runtime").JSX.Element;