@ledgerhq/lumen-ui-react 0.1.32 → 0.1.34

package/dist/index.js

@@ -29,29 +29,30 @@ import { MediaBanner as He, MediaBannerDescription as Pe, MediaBannerTitle as Ne
 import { MediaButton as ze } 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, NavBarDescription as po, NavBarLeading as lo, NavBarTitle as mo, NavBarTrailing as xo } from "./lib/Components/NavBar/NavBar.js";
-import { Popover as fo, PopoverContent as uo, PopoverTrigger as So, createPopoverHandle as Co } from "./lib/Components/Popover/Popover.js";
-import { PageIndicator as go } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as Io } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as so, SegmentedControlButton as Do } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as Lo, SelectContent as ho, SelectEmptyState as vo, SelectItem as Ro, SelectItemContent as wo, SelectItemDescription as Ao, SelectItemText as yo, SelectList as Ho, SelectSearch as Po, SelectSeparator as No, SelectTrigger as ko } from "./lib/Components/Select/Select.js";
-import { SideBar as Go, SideBarCollapseToggle as Eo, SideBarItem as Fo, SideBarLeading as Oo, SideBarTrailing as _o } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as qo } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as Ko } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as Uo } from "./lib/Components/Spot/Spot.js";
-import { Stepper as Wo } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as Yo, SubheaderCount as Zo, SubheaderDescription as $o, SubheaderInfo as et, SubheaderRow as ot, SubheaderShowMore as tt, SubheaderTitle as rt } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as nt } from "./lib/Components/Switch/Switch.js";
-import { Table as pt, TableActionBar as lt, TableActionBarLeading as mt, TableActionBarTrailing as dt, TableBody as xt, TableCell as Tt, TableCellContent as ft, TableGroupHeaderRow as ut, TableHeader as St, TableHeaderCell as Ct, TableHeaderRow as ct, TableInfoIcon as gt, TableLoadingRow as Bt, TableRoot as It, TableRow as bt, TableSortButton as st } from "./lib/Components/Table/Table.js";
-import { Tag as Mt } from "./lib/Components/Tag/Tag.js";
-import { TextInput as ht } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as Rt, TileContent as wt, TileDescription as At, TileSecondaryAction as yt, TileTitle as Ht, TileTrailingContent as Pt } from "./lib/Components/Tile/Tile.js";
-import { TileButton as kt } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as Gt, TooltipContent as Et, TooltipProvider as Ft, TooltipTrigger as Ot } from "./lib/Components/Tooltip/Tooltip.js";
-import { Trend as jt } from "./lib/Components/Trend/Trend.js";
-import { ThemeProvider as Jt, useTheme as Kt } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as Ut } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
+import { MediaTag as qe } from "./lib/Components/MediaTag/MediaTag.js";
+import { Menu as Ke, MenuCheckboxItem as Qe, MenuContent as Ue, MenuGroup as Ve, MenuItem as We, MenuLabel as Xe, MenuPortal as Ye, MenuRadioGroup as Ze, MenuRadioItem as $e, MenuSeparator as eo, MenuSub as oo, MenuSubContent as to, MenuSubTrigger as ro, MenuTrigger as ao } from "./lib/Components/Menu/Menu.js";
+import { NavBar as io, NavBarBackButton as po, NavBarCoinCapsule as lo, NavBarDescription as mo, NavBarLeading as xo, NavBarTitle as To, NavBarTrailing as fo } from "./lib/Components/NavBar/NavBar.js";
+import { Popover as So, PopoverContent as Co, PopoverTrigger as co, createPopoverHandle as go } from "./lib/Components/Popover/Popover.js";
+import { PageIndicator as Io } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as so } from "./lib/Components/SearchInput/SearchInput.js";
+import { SegmentedControl as Mo, SegmentedControlButton as Lo } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as vo, SelectContent as Ro, SelectEmptyState as wo, SelectItem as Ao, SelectItemContent as yo, SelectItemDescription as Ho, SelectItemText as Po, SelectList as No, SelectSearch as ko, SelectSeparator as zo, SelectTrigger as Go } from "./lib/Components/Select/Select.js";
+import { SideBar as Fo, SideBarCollapseToggle as Oo, SideBarItem as _o, SideBarLeading as jo, SideBarTrailing as qo } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as Ko } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as Uo } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as Wo } from "./lib/Components/Spot/Spot.js";
+import { Stepper as Yo } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as $o, SubheaderCount as et, SubheaderDescription as ot, SubheaderInfo as tt, SubheaderRow as rt, SubheaderShowMore as at, SubheaderTitle as nt } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as pt } from "./lib/Components/Switch/Switch.js";
+import { Table as mt, TableActionBar as dt, TableActionBarLeading as xt, TableActionBarTrailing as Tt, TableBody as ft, TableCell as ut, TableCellContent as St, TableGroupHeaderRow as Ct, TableHeader as ct, TableHeaderCell as gt, TableHeaderRow as Bt, TableInfoIcon as It, TableLoadingRow as bt, TableRoot as st, TableRow as Dt, TableSortButton as Mt } from "./lib/Components/Table/Table.js";
+import { Tag as ht } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Rt } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as At, TileContent as yt, TileDescription as Ht, TileSecondaryAction as Pt, TileTitle as Nt, TileTrailingContent as kt } from "./lib/Components/Tile/Tile.js";
+import { TileButton as Gt } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as Ft, TooltipContent as Ot, TooltipProvider as _t, TooltipTrigger as jt } from "./lib/Components/Tooltip/Tooltip.js";
+import { Trend as Jt } from "./lib/Components/Trend/Trend.js";
+import { ThemeProvider as Qt, useTheme as Ut } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as Wt } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
   l as AmountDisplay,
@@ -61,7 +62,7 @@ export {
   g as BaseButton,
   u as BaseInput,
   C as Button,
-  Ut as COLOR_SCHEMES,
+  Wt as COLOR_SCHEMES,
   I as Card,
   y as CardButton,
   b as CardContent,
@@ -112,99 +113,100 @@ export {
   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 NavBarDescription,
-  lo as NavBarLeading,
-  mo as NavBarTitle,
-  xo as NavBarTrailing,
-  go as PageIndicator,
-  fo as Popover,
-  uo as PopoverContent,
-  So as PopoverTrigger,
-  Io as SearchInput,
-  so as SegmentedControl,
-  Do as SegmentedControlButton,
-  Lo as Select,
-  ho as SelectContent,
-  vo as SelectEmptyState,
-  Ro as SelectItem,
-  wo as SelectItemContent,
-  Ao as SelectItemDescription,
-  yo as SelectItemText,
-  Ho as SelectList,
-  Po as SelectSearch,
-  No as SelectSeparator,
-  ko as SelectTrigger,
-  Go as SideBar,
-  Eo as SideBarCollapseToggle,
-  Fo as SideBarItem,
-  Oo as SideBarLeading,
-  _o as SideBarTrailing,
-  qo as Skeleton,
-  Ko as Spinner,
-  Uo as Spot,
-  Wo as Stepper,
-  Yo as Subheader,
-  Zo as SubheaderCount,
-  $o as SubheaderDescription,
-  et as SubheaderInfo,
-  ot as SubheaderRow,
-  tt as SubheaderShowMore,
-  rt as SubheaderTitle,
-  nt as Switch,
-  pt as Table,
-  lt as TableActionBar,
-  mt as TableActionBarLeading,
-  dt as TableActionBarTrailing,
-  xt as TableBody,
-  Tt as TableCell,
-  ft as TableCellContent,
-  ut as TableGroupHeaderRow,
-  St as TableHeader,
-  Ct as TableHeaderCell,
-  ct as TableHeaderRow,
-  gt as TableInfoIcon,
-  Bt as TableLoadingRow,
-  It as TableRoot,
-  bt as TableRow,
-  st as TableSortButton,
-  Mt as Tag,
-  ht as TextInput,
-  Jt as ThemeProvider,
-  Rt as Tile,
-  kt as TileButton,
-  wt as TileContent,
-  At as TileDescription,
-  yt as TileSecondaryAction,
-  Ht as TileTitle,
-  Pt as TileTrailingContent,
-  Gt as Tooltip,
-  Et as TooltipContent,
-  Ft as TooltipProvider,
-  Ot as TooltipTrigger,
-  jt as Trend,
-  Co as createPopoverHandle,
+  qe as MediaTag,
+  Ke as Menu,
+  Qe as MenuCheckboxItem,
+  Ue as MenuContent,
+  Ve as MenuGroup,
+  We as MenuItem,
+  Xe as MenuLabel,
+  Ye as MenuPortal,
+  Ze as MenuRadioGroup,
+  $e as MenuRadioItem,
+  eo as MenuSeparator,
+  oo as MenuSub,
+  to as MenuSubContent,
+  ro as MenuSubTrigger,
+  ao as MenuTrigger,
+  io as NavBar,
+  po as NavBarBackButton,
+  lo as NavBarCoinCapsule,
+  mo as NavBarDescription,
+  xo as NavBarLeading,
+  To as NavBarTitle,
+  fo as NavBarTrailing,
+  Io as PageIndicator,
+  So as Popover,
+  Co as PopoverContent,
+  co as PopoverTrigger,
+  so as SearchInput,
+  Mo as SegmentedControl,
+  Lo as SegmentedControlButton,
+  vo as Select,
+  Ro as SelectContent,
+  wo as SelectEmptyState,
+  Ao as SelectItem,
+  yo as SelectItemContent,
+  Ho as SelectItemDescription,
+  Po as SelectItemText,
+  No as SelectList,
+  ko as SelectSearch,
+  zo as SelectSeparator,
+  Go as SelectTrigger,
+  Fo as SideBar,
+  Oo as SideBarCollapseToggle,
+  _o as SideBarItem,
+  jo as SideBarLeading,
+  qo as SideBarTrailing,
+  Ko as Skeleton,
+  Uo as Spinner,
+  Wo as Spot,
+  Yo as Stepper,
+  $o as Subheader,
+  et as SubheaderCount,
+  ot as SubheaderDescription,
+  tt as SubheaderInfo,
+  rt as SubheaderRow,
+  at as SubheaderShowMore,
+  nt as SubheaderTitle,
+  pt as Switch,
+  mt as Table,
+  dt as TableActionBar,
+  xt as TableActionBarLeading,
+  Tt as TableActionBarTrailing,
+  ft as TableBody,
+  ut as TableCell,
+  St as TableCellContent,
+  Ct as TableGroupHeaderRow,
+  ct as TableHeader,
+  gt as TableHeaderCell,
+  Bt as TableHeaderRow,
+  It as TableInfoIcon,
+  bt as TableLoadingRow,
+  st as TableRoot,
+  Dt as TableRow,
+  Mt as TableSortButton,
+  ht as Tag,
+  Rt as TextInput,
+  Qt as ThemeProvider,
+  At as Tile,
+  Gt as TileButton,
+  yt as TileContent,
+  Ht as TileDescription,
+  Pt as TileSecondaryAction,
+  Nt as TileTitle,
+  kt as TileTrailingContent,
+  Ft as Tooltip,
+  Ot as TooltipContent,
+  _t as TooltipProvider,
+  jt as TooltipTrigger,
+  Jt as Trend,
+  go as createPopoverHandle,
   le as dotIconSizeMap,
   me as mediaImageDotIconSizeMap,
   Se as mediaImageDotSizeMap,
   de as spotDotIconSizeMap,
   Ce as spotDotSizeMap,
   J as useLumenDataTable,
-  Kt as useTheme
+  Ut as useTheme
 };

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

@@ -0,0 +1,3 @@
+import { BaseTagProps } from './types';
+export declare const BaseTag: ({ ref, className, appearance, size, variant, consumerName, label, disabled: disabledProp, leadingContent, ...props }: BaseTagProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BaseTag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseTag/BaseTag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA2C5C,eAAO,MAAM,OAAO,GAAI,sHAWrB,YAAY,4CAmBd,CAAC"}

package/dist/lib/Components/BaseTag/BaseTag.js

@@ -0,0 +1,77 @@
+import { jsxs as m, jsx as p } from "react/jsx-runtime";
+import { useDisabledContext as g, cn as o } from "../../../libs/utils-shared/dist/index.js";
+import { cva as x } from "class-variance-authority";
+const u = x(
+  "inline-flex items-center justify-center gap-4 truncate rounded-xs",
+  {
+    variants: {
+      appearance: {
+        base: "bg-muted-transparent text-base",
+        gray: "bg-muted-transparent text-muted",
+        accent: "bg-accent text-on-accent",
+        "accent-subtle": "bg-active-subtle text-active",
+        success: "bg-success text-success",
+        error: "bg-error text-error",
+        warning: "bg-warning text-warning",
+        white: "bg-white text-black"
+      },
+      size: {
+        md: "body-3",
+        sm: "body-4"
+      },
+      variant: {
+        tag: "",
+        media: ""
+      },
+      disabled: {
+        true: "bg-disabled text-disabled",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      { variant: "tag", size: "md", class: "px-8 py-4" },
+      { variant: "tag", size: "sm", class: "px-4 py-2" },
+      { variant: "media", size: "md", class: "py-4 pr-8 pl-4" },
+      { variant: "media", size: "sm", class: "px-4 py-2" }
+    ],
+    defaultVariants: {
+      appearance: "accent",
+      size: "md",
+      disabled: !1
+    }
+  }
+), z = ({
+  ref: e,
+  className: a,
+  appearance: t,
+  size: s,
+  variant: r,
+  consumerName: i,
+  label: n,
+  disabled: c,
+  leadingContent: d,
+  ...b
+}) => {
+  const l = g({
+    consumerName: i,
+    mergeWith: { disabled: c }
+  });
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: o(
+        u({ appearance: t, size: s, variant: r, disabled: !!l }),
+        a
+      ),
+      ref: e,
+      ...b,
+      children: [
+        d,
+        /* @__PURE__ */ p("span", { className: "truncate", children: n })
+      ]
+    }
+  );
+};
+export {
+  z as BaseTag
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseTag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { TagProps } from '../Tag/types';
+export type BaseTagVariant = 'tag' | 'media';
+export type BaseTagProps = Omit<TagProps, 'icon'> & {
+    variant: BaseTagVariant;
+    consumerName: string;
+    /**
+     * Content rendered before the label (icon component, image, crypto icon, etc.).
+     * Color is inherited from the tag's text color so SVGs using `currentColor`
+     * will pick up the correct appearance automatically.
+     */
+    leadingContent?: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseTag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG;IAClD,OAAO,EAAE,cAAc,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC"}

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

@@ -0,0 +1,22 @@
+import { MediaTagProps } from './types';
+/**
+ * A compact label used to categorize, classify, or highlight information with a required media element (image, crypto icon, etc.).
+ *
+ * The appearance determines the color scheme used.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/communication-mediatag-overview--docs Storybook}
+ *
+ * @example
+ * import { MediaTag, MediaImage } from '@ledgerhq/lumen-ui-react';
+ *
+ * // MediaTag with image
+ * <MediaTag
+ *   label='Ethereum'
+ *   leadingContent={<MediaImage src='https://crypto-icons.ledger.com/ETH.png' alt='Ethereum' size={16} shape='square' />}
+ * />
+ *
+ * // Small MediaTag
+ * <MediaTag label='Bitcoin' size='sm' leadingContent={myIcon} />
+ */
+export declare const MediaTag: ({ leadingContent, ...props }: MediaTagProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaTag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaTag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaTag/MediaTag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,GAAI,8BAA8B,aAAa,4CASnE,CAAC"}

package/dist/lib/Components/MediaTag/MediaTag.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { BaseTag as m } from "../BaseTag/BaseTag.js";
+const t = ({ leadingContent: a, ...r }) => /* @__PURE__ */ e(
+  m,
+  {
+    ...r,
+    variant: "media",
+    consumerName: "MediaTag",
+    leadingContent: a
+  }
+);
+export {
+  t as MediaTag
+};

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TagProps } from '../Tag/types';
+export type MediaTagProps = Omit<TagProps, 'icon'> & {
+    /**
+     * The media element rendered before the label (e.g. an image or a crypto icon).
+     * Should be sized to match the tag's `size`: 16px for `md`, 12px for `sm`.
+     */
+    leadingContent: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaTag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG;IACnD;;;OAGG;IACH,cAAc,EAAE,SAAS,CAAC;CAC3B,CAAC"}

package/dist/lib/Components/SideBar/SideBar.js

@@ -10,7 +10,7 @@ import { ExpandLeft as E } from "../../Symbols/Icons/ExpandLeft.js";
 const [O, w] = V("SideBar"), f = {
   root: h(
     [
-      "flex h-full flex-col justify-between gap-16 overflow-y-auto rounded-xl bg-muted-transparent p-16",
+      "flex h-full flex-col justify-between gap-16 overflow-y-auto rounded-xl bg-surface-transparent p-16",
       "transition-[width] duration-300 ease-in-out",
       "scrollbar-none"
     ],

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

@@ -1,3 +1,22 @@
 import { TagProps } from './types';
-export declare const Tag: ({ ref, className, appearance, size, icon, label, disabled: disabledProp, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A compact label used to categorize, classify, or highlight information with optional icon support.
+ *
+ * The appearance determines the color scheme used.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/communication-tag-overview--docs Storybook}
+ *
+ * @example
+ * import { Tag } from '@ledgerhq/lumen-ui-react';
+ *
+ * // Basic tag
+ * <Tag label="Label" appearance="accent" />
+ *
+ * // Tag with icon
+ * <Tag label="Success" appearance="success" icon={Check} />
+ *
+ * // Small tag
+ * <Tag label="Small" size="sm" />
+ */
+export declare const Tag: ({ icon, size, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAgCxC,eAAO,MAAM,GAAG,GAAI,qFASjB,QAAQ,4CAuBV,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AASxC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,GAAG,GAAI,0BAAiC,QAAQ,4CAe5D,CAAC"}

package/dist/lib/Components/Tag/Tag.js

@@ -1,64 +1,21 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { useDisabledContext as p, cn as u } from "../../../libs/utils-shared/dist/index.js";
-import { cva as g } from "class-variance-authority";
-const x = g(
-  "inline-flex items-center justify-center gap-4 truncate rounded-xs",
-  {
-    variants: {
-      appearance: {
-        base: "bg-muted-transparent text-base",
-        gray: "bg-muted-transparent text-muted",
-        accent: "bg-accent text-on-accent",
-        "accent-subtle": "bg-active-subtle text-active",
-        success: "bg-success text-success",
-        error: "bg-error text-error",
-        warning: "bg-warning text-warning"
-      },
-      size: {
-        md: "px-8 py-4 body-3",
-        sm: "px-4 py-2 body-4"
-      },
-      disabled: {
-        true: "bg-disabled text-disabled",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      appearance: "accent",
-      size: "md",
-      disabled: !1
-    }
-  }
-), h = ({
-  ref: s,
-  className: n,
-  appearance: c,
-  size: e,
-  icon: r,
-  label: i,
-  disabled: d,
-  ...o
-}) => {
-  const b = p({
-    consumerName: "Tag",
-    mergeWith: { disabled: d }
-  }), l = e ? {
-    md: 16,
-    sm: 12
-  }[e] : 16, t = r;
-  return /* @__PURE__ */ m(
-    "div",
+import { jsx as t } from "react/jsx-runtime";
+import { BaseTag as i } from "../BaseTag/BaseTag.js";
+const r = {
+  md: 16,
+  sm: 12
+}, g = ({ icon: a, size: o = "md", ...e }) => {
+  const n = a, m = r[o];
+  return /* @__PURE__ */ t(
+    i,
     {
-      className: u(x({ appearance: c, size: e, disabled: b }), n),
-      ref: s,
-      ...o,
-      children: [
-        t && /* @__PURE__ */ a(t, { size: l }),
-        /* @__PURE__ */ a("span", { className: "truncate", children: i })
-      ]
+      ...e,
+      size: o,
+      variant: "tag",
+      consumerName: "Tag",
+      leadingContent: n ? /* @__PURE__ */ t(n, { size: m }) : void 0
     }
   );
 };
 export {
-  h as Tag
+  g as Tag
 };

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

@@ -5,7 +5,7 @@ export type TagProps = {
      * The appearance of the tag.
      * @default accent
      */
-    appearance?: 'base' | 'gray' | 'accent' | 'accent-subtle' | 'success' | 'error' | 'warning';
+    appearance?: 'base' | 'gray' | 'accent' | 'accent-subtle' | 'success' | 'error' | 'warning' | 'white';
     /**
      * The size of the tag.
      * @default md

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,UAAU,CAAC,EACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,eAAe,GACf,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,UAAU,CAAC,EACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,eAAe,GACf,SAAS,GACT,OAAO,GACP,SAAS,GACT,OAAO,CAAC;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -24,6 +24,7 @@ export * from './MediaBanner';
 export * from './MediaButton';
 export * from './MediaCard';
 export * from './MediaImage';
+export * from './MediaTag';
 export * from './Menu';
 export * from './NavBar';
 export * from './Popover';

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,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,SAAS,CAAC;AACxB,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,YAAY,CAAC;AAC3B,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,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.31",
+  "version": "0.1.33",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -55,7 +55,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.13",
+    "@ledgerhq/lumen-design-core": "0.1.14",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/package.json

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