@ledgerhq/lumen-ui-react 0.1.61 → 0.1.62

package/dist/index.js

@@ -1,14 +1,14 @@
 import { Languages as t } from "./i18n/languages.js";
-import { useControllableState as a } from "./utils/useControllableState/useControllableState.js";
+import { useControllableState as n } from "./utils/useControllableState/useControllableState.js";
 import { AddressInput as i } from "./lib/Components/core/AddressInput/AddressInput.js";
-import { AmountInput as p } from "./lib/Components/core/AmountInput/AmountInput.js";
-import { AmountDisplay as d } from "./lib/Components/core/AmountDisplay/AmountDisplay.js";
+import { AmountInput as m } from "./lib/Components/core/AmountInput/AmountInput.js";
+import { AmountDisplay as T } from "./lib/Components/core/AmountDisplay/AmountDisplay.js";
 import { Avatar as x } from "./lib/Components/core/Avatar/Avatar.js";
 import { resolveAvatarColor as C } from "./lib/Components/core/Avatar/resolveAvatarColor.js";
 import { AvatarButton as S } from "./lib/Components/core/AvatarButton/AvatarButton.js";
 import { Banner as g } from "./lib/Components/core/Banner/Banner.js";
-import { Button as I } from "./lib/Components/core/Button/Button.js";
-import { Card as B, CardContent as D, CardContentDescription as M, CardContentRow as L, CardContentTitle as v, CardFooter as h, CardFooterActions as R, CardHeader as w, CardLeading as A, CardTrailing as H } from "./lib/Components/core/Card/Card.js";
+import { Button as b } from "./lib/Components/core/Button/Button.js";
+import { Card as B, CardContent as D, CardContentDescription as M, CardContentRow as L, CardContentTitle as v, CardFooter as h, CardFooterActions as R, CardHeader as w, CardLeading as H, CardTrailing as A } from "./lib/Components/core/Card/Card.js";
 import { CardButton as y } from "./lib/Components/core/CardButton/CardButton.js";
 import { Checkbox as k } from "./lib/Components/core/Checkbox/Checkbox.js";
 import { ContentBanner as E, ContentBannerContent as F, ContentBannerDescription as O, ContentBannerTitle as z } from "./lib/Components/core/ContentBanner/ContentBanner.js";
@@ -16,18 +16,18 @@ import { DataTable as _, DataTableGlobalSearchInput as j, DataTableRoot as q } f
 import { useLumenDataTable as K } from "./lib/Components/core/DataTable/useLumenDataTable/useLumenDataTable.js";
 import { DescriptionItem as U, DescriptionItemLabel as W, DescriptionItemLeading as X, DescriptionItemTrailing as Y, DescriptionItemValue as Z } from "./lib/Components/core/DescriptionItem/DescriptionItem.js";
 import { DialogClose as ee } from "./lib/Components/core/Dialog/DialogClose/DialogClose.js";
-import { Dialog as te, DialogBody as re, DialogBodyStickyContent as ae, DialogContent as ne, DialogFooter as ie, DialogTrigger as le } from "./lib/Components/core/Dialog/Dialog.js";
-import { DialogHeader as me } from "./lib/Components/core/Dialog/DialogHeader/DialogHeader.js";
-import { Divider as Te } from "./lib/Components/core/Divider/Divider.js";
+import { Dialog as te, DialogBody as re, DialogBodyStickyContent as ne, DialogContent as ae, DialogFooter as ie, DialogTrigger as le } from "./lib/Components/core/Dialog/Dialog.js";
+import { DialogHeader as pe } from "./lib/Components/core/Dialog/DialogHeader/DialogHeader.js";
+import { Divider as de } from "./lib/Components/core/Divider/Divider.js";
 import { DotCount as fe } from "./lib/Components/core/DotCount/DotCount.js";
 import { DotIcon as ce, dotIconSizeMap as Se } from "./lib/Components/core/DotIcon/DotIcon.js";
 import { getDotIconProps as ge } from "./lib/Components/core/DotIcon/getDotIconProps.js";
-import { DotIndicator as Ie } from "./lib/Components/core/DotIndicator/DotIndicator.js";
+import { DotIndicator as be } from "./lib/Components/core/DotIndicator/DotIndicator.js";
 import { getDotIndicatorProps as Be } from "./lib/Components/core/DotIndicator/getDotIndicatorProps.js";
 import { DotSymbol as Me } from "./lib/Components/core/DotSymbol/DotSymbol.js";
 import { getDotSymbolProps as ve } from "./lib/Components/core/DotSymbol/getDotSymbolProps.js";
 import { IconButton as Re } from "./lib/Components/core/IconButton/IconButton.js";
-import { InteractiveIcon as Ae } from "./lib/Components/core/InteractiveIcon/InteractiveIcon.js";
+import { InteractiveIcon as He } from "./lib/Components/core/InteractiveIcon/InteractiveIcon.js";
 import { Link as Pe } from "./lib/Components/core/Link/Link.js";
 import { ListItem as Ne, ListItemContent as ke, ListItemContentRow as Ge, ListItemDescription as Ee, ListItemLeading as Fe, ListItemTitle as Oe, ListItemTrailing as ze } from "./lib/Components/core/ListItem/ListItem.js";
 import { MediaBanner as _e, MediaBannerDescription as je, MediaBannerTitle as qe } from "./lib/Components/core/MediaBanner/MediaBanner.js";
@@ -35,40 +35,44 @@ import { MediaButton as Ke } from "./lib/Components/core/MediaButton/MediaButton
 import { MediaCard as Ue, MediaCardTitle as We } from "./lib/Components/core/MediaCard/MediaCard.js";
 import { MediaImage as Ye } from "./lib/Components/core/MediaImage/MediaImage.js";
 import { MediaTag as $e } from "./lib/Components/core/MediaTag/MediaTag.js";
-import { Menu as oo, MenuCheckboxItem as to, MenuContent as ro, MenuGroup as ao, MenuItem as no, MenuLabel as io, MenuRadioGroup as lo, MenuRadioItem as po, MenuSeparator as mo, MenuSub as To, MenuSubContent as xo, MenuSubTrigger as fo, MenuSwitchItem as Co, MenuTrigger as co, createMenuRadioGroup as So } from "./lib/Components/core/Menu/Menu.js";
-import { NavBar as go, NavBarBackButton as bo, NavBarCoinCapsule as Io, NavBarDescription as so, NavBarLeading as Bo, NavBarTitle as Do, NavBarTrailing as Mo } from "./lib/Components/core/NavBar/NavBar.js";
+import { Menu as oo, MenuCheckboxItem as to, MenuContent as ro, MenuGroup as no, MenuItem as ao, MenuLabel as io, MenuRadioGroup as lo, MenuRadioItem as mo, MenuSeparator as po, MenuSub as To, MenuSubContent as xo, MenuSubTrigger as fo, MenuSwitchItem as Co, MenuTrigger as co, createMenuRadioGroup as So } from "./lib/Components/core/Menu/Menu.js";
+import { NavBar as go, NavBarBackButton as Io, NavBarCoinCapsule as bo, NavBarDescription as so, NavBarLeading as Bo, NavBarTitle as Do, NavBarTrailing as Mo } from "./lib/Components/core/NavBar/NavBar.js";
 import { Popover as vo, PopoverContent as ho, PopoverTrigger as Ro, createPopoverHandle as wo } from "./lib/Components/core/Popover/Popover.js";
-import { PageIndicator as Ho } from "./lib/Components/core/PageIndicator/PageIndicator.js";
+import { PageIndicator as Ao } from "./lib/Components/core/PageIndicator/PageIndicator.js";
 import { Pagination as yo } from "./lib/Components/core/Pagination/Pagination.js";
 import { SearchInput as ko } from "./lib/Components/core/SearchInput/SearchInput.js";
 import { SectionHeader as Eo, SectionHeaderLeading as Fo, SectionHeaderTitle as Oo } from "./lib/Components/core/SectionHeader/SectionHeader.js";
 import { SegmentedControl as Vo, SegmentedControlButton as _o, createSegmentedControl as jo } from "./lib/Components/core/SegmentedControl/SegmentedControl.js";
 import { Select as Jo, SelectContent as Ko, SelectEmptyState as Qo, SelectItem as Uo, SelectItemContent as Wo, SelectItemDescription as Xo, SelectItemText as Yo, SelectList as Zo, SelectSearch as $o, SelectSeparator as et, SelectTrigger as ot, createSelect as tt } from "./lib/Components/core/Select/Select.js";
-import { SideBar as at, SideBarCollapseToggle as nt, SideBarItem as it, SideBarLeading as lt, SideBarTrailing as pt, createSideBar as mt } from "./lib/Components/core/SideBar/SideBar.js";
-import { Skeleton as Tt } from "./lib/Components/core/Skeleton/Skeleton.js";
+import { SideBar as nt, SideBarCollapseToggle as at, SideBarItem as it, SideBarLeading as lt, SideBarTrailing as mt, createSideBar as pt } from "./lib/Components/core/SideBar/SideBar.js";
+import { Skeleton as dt } from "./lib/Components/core/Skeleton/Skeleton.js";
 import { Spinner as ft } from "./lib/Components/core/Spinner/Spinner.js";
 import { Spot as ct } from "./lib/Components/core/Spot/Spot.js";
 import { Stepper as ut } from "./lib/Components/core/Stepper/Stepper.js";
-import { Subheader as bt, SubheaderCount as It, SubheaderDescription as st, SubheaderInfo as Bt, SubheaderRow as Dt, SubheaderShowMore as Mt, SubheaderTitle as Lt } from "./lib/Components/core/Subheader/Subheader.js";
+import { Subheader as It, SubheaderCount as bt, SubheaderDescription as st, SubheaderInfo as Bt, SubheaderRow as Dt, SubheaderShowMore as Mt, SubheaderTitle as Lt } from "./lib/Components/core/Subheader/Subheader.js";
 import { Switch as ht } from "./lib/Components/core/Switch/Switch.js";
-import { Table as wt, TableActionBar as At, TableActionBarLeading as Ht, TableActionBarTrailing as Pt, TableBody as yt, TableCell as Nt, TableCellContent as kt, TableCellContentDescription as Gt, TableCellContentRow as Et, TableCellContentTitle as Ft, TableCellItem as Ot, TableCol as zt, TableColGroup as Vt, TableGroupHeaderRow as _t, TableHeader as jt, TableHeaderCell as qt, TableHeaderRow as Jt, TableInfoIcon as Kt, TableLoadingRow as Qt, TableRoot as Ut, TableRow as Wt, TableSortButton as Xt } from "./lib/Components/core/Table/Table.js";
+import { Table as wt, TableActionBar as Ht, TableActionBarLeading as At, TableActionBarTrailing as Pt, TableBody as yt, TableCell as Nt, TableCellContent as kt, TableCellContentDescription as Gt, TableCellContentRow as Et, TableCellContentTitle as Ft, TableCellItem as Ot, TableCol as zt, TableColGroup as Vt, TableGroupHeaderRow as _t, TableHeader as jt, TableHeaderCell as qt, TableHeaderRow as Jt, TableInfoIcon as Kt, TableLoadingRow as Qt, TableRoot as Ut, TableRow as Wt, TableSortButton as Xt } from "./lib/Components/core/Table/Table.js";
 import { Tag as Zt } from "./lib/Components/core/Tag/Tag.js";
 import { TextInput as er } from "./lib/Components/core/TextInput/TextInput.js";
-import { Tile as tr, TileContent as rr, TileDescription as ar, TileSecondaryAction as nr, TileTitle as ir, TileTrailingContent as lr } from "./lib/Components/core/Tile/Tile.js";
-import { TileButton as mr } from "./lib/Components/core/TileButton/TileButton.js";
-import { Tooltip as Tr, TooltipContent as xr, TooltipProvider as fr, TooltipTrigger as Cr } from "./lib/Components/core/Tooltip/Tooltip.js";
-import { Trend as Sr } from "./lib/Components/core/Trend/Trend.js";
-import { ThemeProvider as gr, useTheme as br } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as sr } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
+import { Tile as tr, TileContent as rr, TileDescription as nr, TileSecondaryAction as ar, TileTitle as ir, TileTrailingContent as lr } from "./lib/Components/core/Tile/Tile.js";
+import { TileButton as pr } from "./lib/Components/core/TileButton/TileButton.js";
+import { Timeline as dr, TimelineItem as xr, TimelineItemBody as fr, TimelineItemCaption as Cr, TimelineItemDescription as cr, TimelineItemHeader as Sr, TimelineItemLeading as ur, TimelineItemLeadingRow as gr, TimelineItemTitle as Ir, TimelineItemTrailing as br } from "./lib/Components/core/Timeline/Timeline.js";
+import { toast as Br } from "./libs/utils-shared/dist/index.js";
+import { Toast as Mr } from "./lib/Components/core/Toast/Toast.js";
+import { Toaster as vr } from "./lib/Components/core/Toast/Toaster.js";
+import { Tooltip as Rr, TooltipContent as wr, TooltipProvider as Hr, TooltipTrigger as Ar } from "./lib/Components/core/Tooltip/Tooltip.js";
+import { Trend as yr } from "./lib/Components/core/Trend/Trend.js";
+import { ThemeProvider as kr, useTheme as Gr } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as Fr } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
 export {
   i as AddressInput,
-  d as AmountDisplay,
-  p as AmountInput,
+  T as AmountDisplay,
+  m as AmountInput,
   x as Avatar,
   S as AvatarButton,
   g as Banner,
-  I as Button,
-  sr as COLOR_SCHEMES,
+  b as Button,
+  Fr as COLOR_SCHEMES,
   B as Card,
   y as CardButton,
   D as CardContent,
@@ -78,8 +82,8 @@ export {
   h as CardFooter,
   R as CardFooterActions,
   w as CardHeader,
-  A as CardLeading,
-  H as CardTrailing,
+  H as CardLeading,
+  A as CardTrailing,
   k as Checkbox,
   E as ContentBanner,
   F as ContentBannerContent,
@@ -95,19 +99,19 @@ export {
   Z as DescriptionItemValue,
   te as Dialog,
   re as DialogBody,
-  ae as DialogBodyStickyContent,
+  ne as DialogBodyStickyContent,
   ee as DialogClose,
-  ne as DialogContent,
+  ae as DialogContent,
   ie as DialogFooter,
-  me as DialogHeader,
+  pe as DialogHeader,
   le as DialogTrigger,
-  Te as Divider,
+  de as Divider,
   fe as DotCount,
   ce as DotIcon,
-  Ie as DotIndicator,
+  be as DotIndicator,
   Me as DotSymbol,
   Re as IconButton,
-  Ae as InteractiveIcon,
+  He as InteractiveIcon,
   t as Languages,
   Pe as Link,
   Ne as ListItem,
@@ -128,25 +132,25 @@ export {
   oo as Menu,
   to as MenuCheckboxItem,
   ro as MenuContent,
-  ao as MenuGroup,
-  no as MenuItem,
+  no as MenuGroup,
+  ao as MenuItem,
   io as MenuLabel,
   lo as MenuRadioGroup,
-  po as MenuRadioItem,
-  mo as MenuSeparator,
+  mo as MenuRadioItem,
+  po as MenuSeparator,
   To as MenuSub,
   xo as MenuSubContent,
   fo as MenuSubTrigger,
   Co as MenuSwitchItem,
   co as MenuTrigger,
   go as NavBar,
-  bo as NavBarBackButton,
-  Io as NavBarCoinCapsule,
+  Io as NavBarBackButton,
+  bo as NavBarCoinCapsule,
   so as NavBarDescription,
   Bo as NavBarLeading,
   Do as NavBarTitle,
   Mo as NavBarTrailing,
-  Ho as PageIndicator,
+  Ao as PageIndicator,
   yo as Pagination,
   vo as Popover,
   ho as PopoverContent,
@@ -168,17 +172,17 @@ export {
   $o as SelectSearch,
   et as SelectSeparator,
   ot as SelectTrigger,
-  at as SideBar,
-  nt as SideBarCollapseToggle,
+  nt as SideBar,
+  at as SideBarCollapseToggle,
   it as SideBarItem,
   lt as SideBarLeading,
-  pt as SideBarTrailing,
-  Tt as Skeleton,
+  mt as SideBarTrailing,
+  dt as Skeleton,
   ft as Spinner,
   ct as Spot,
   ut as Stepper,
-  bt as Subheader,
-  It as SubheaderCount,
+  It as Subheader,
+  bt as SubheaderCount,
   st as SubheaderDescription,
   Bt as SubheaderInfo,
   Dt as SubheaderRow,
@@ -186,8 +190,8 @@ export {
   Lt as SubheaderTitle,
   ht as Switch,
   wt as Table,
-  At as TableActionBar,
-  Ht as TableActionBarLeading,
+  Ht as TableActionBar,
+  At as TableActionBarLeading,
   Pt as TableActionBarTrailing,
   yt as TableBody,
   Nt as TableCell,
@@ -209,30 +213,43 @@ export {
   Xt as TableSortButton,
   Zt as Tag,
   er as TextInput,
-  gr as ThemeProvider,
+  kr as ThemeProvider,
   tr as Tile,
-  mr as TileButton,
+  pr as TileButton,
   rr as TileContent,
-  ar as TileDescription,
-  nr as TileSecondaryAction,
+  nr as TileDescription,
+  ar as TileSecondaryAction,
   ir as TileTitle,
   lr as TileTrailingContent,
-  Tr as Tooltip,
-  xr as TooltipContent,
-  fr as TooltipProvider,
-  Cr as TooltipTrigger,
-  Sr as Trend,
+  dr as Timeline,
+  xr as TimelineItem,
+  fr as TimelineItemBody,
+  Cr as TimelineItemCaption,
+  cr as TimelineItemDescription,
+  Sr as TimelineItemHeader,
+  ur as TimelineItemLeading,
+  gr as TimelineItemLeadingRow,
+  Ir as TimelineItemTitle,
+  br as TimelineItemTrailing,
+  Mr as Toast,
+  vr as Toaster,
+  Rr as Tooltip,
+  wr as TooltipContent,
+  Hr as TooltipProvider,
+  Ar as TooltipTrigger,
+  yr as Trend,
   So as createMenuRadioGroup,
   wo as createPopoverHandle,
   jo as createSegmentedControl,
   tt as createSelect,
-  mt as createSideBar,
+  pt as createSideBar,
   Se as dotIconSizeMap,
   ge as getDotIconProps,
   Be as getDotIndicatorProps,
   ve as getDotSymbolProps,
   C as resolveAvatarColor,
-  a as useControllableState,
+  Br as toast,
+  n as useControllableState,
   K as useLumenDataTable,
-  br as useTheme
+  Gr as useTheme
 };

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

@@ -4,7 +4,7 @@ import { cva as i } from "class-variance-authority";
 import { useMemo as W } from "react";
 import { useAmountInputValue as q } from "./useAmountInputValue/useAmountInputValue.js";
 import { useAutoWidthInput as E } from "./useAutoWidthInput/useAutoWidthInput.js";
-const O = i(
+const L = i(
   [
     "bg-transparent caret-active outline-hidden transition-colors",
     "text-base placeholder:text-muted-subtle",
@@ -28,7 +28,7 @@ const O = i(
       isChanging: !1
     }
   }
-), B = i(
+), O = i(
   [
     "cursor-text text-base",
     "group-has-[input:placeholder-shown]:text-muted-subtle",
@@ -46,7 +46,7 @@ const O = i(
       size: "md"
     }
   }
-), G = i("invisible absolute whitespace-pre", {
+), B = i("invisible absolute whitespace-pre", {
   variants: {
     size: {
       md: "heading-0-semi-bold",
@@ -56,7 +56,7 @@ const O = i(
   defaultVariants: {
     size: "md"
   }
-}), H = i(
+}), G = i(
   "group relative flex w-full items-center overflow-visible transition-transform",
   {
     variants: {
@@ -70,7 +70,7 @@ const O = i(
       align: "center"
     }
   }
-), c = ({ size: r, style: o, children: e }) => /* @__PURE__ */ a("span", { className: f(B({ size: r }), "shrink-0"), style: o, children: e }), Y = ({
+), c = ({ size: r, style: o, children: e }) => /* @__PURE__ */ a("span", { className: f(O({ size: r }), "shrink-0"), style: o, children: e }), Y = ({
   ref: r,
   className: o,
   size: e = "md",
@@ -83,8 +83,8 @@ const O = i(
   allowDecimals: x = !0,
   thousandsSeparator: w = !0,
   decimalSeparator: y = ".",
-  value: S,
-  onChange: C,
+  value: C,
+  onChange: S,
   placeholder: d,
   ...V
 }) => {
@@ -92,8 +92,8 @@ const O = i(
     consumerName: "AmountInput",
     mergeWith: { disabled: g }
   }), { inputValue: n, isChanging: j, setIsChanging: I, handleChange: N } = q({
-    value: S,
-    onChange: C,
+    value: C,
+    onChange: S,
     formatOptions: {
       allowDecimals: x,
       thousandsSeparator: w,
@@ -101,18 +101,18 @@ const O = i(
       maxDecimalLength: v,
       decimalSeparator: y
     }
-  }), u = n === "" ? d ?? "" : n, { spanRef: R, inputRef: m } = E({
+  }), u = n === "" ? d ?? "" : n, { spanRef: k, inputRef: m } = E({
     inputValue: u,
     currencyText: t,
     size: e
-  }), k = D(r, m), s = { fontSize: W(
+  }), R = D(r, m), s = { fontSize: W(
     () => F(n, e) + "px",
     [n, e]
   ), letterSpacing: "normal" };
   return /* @__PURE__ */ z(
     "div",
     {
-      className: H({ align: h }),
+      className: G({ align: h }),
       onPointerDown: () => {
         const p = m.current;
         p && window.requestAnimationFrame(() => {
@@ -124,8 +124,8 @@ const O = i(
         /* @__PURE__ */ a(
           "span",
           {
-            ref: R,
-            className: G({ size: e }),
+            ref: k,
+            className: B({ size: e }),
             "aria-hidden": "true",
             style: s,
             children: u
@@ -134,7 +134,7 @@ const O = i(
         /* @__PURE__ */ a(
           "input",
           {
-            ref: k,
+            ref: R,
             type: "text",
             inputMode: "decimal",
             disabled: A,
@@ -142,7 +142,7 @@ const O = i(
             placeholder: d,
             onChange: N,
             onAnimationEnd: () => I(!1),
-            className: f(O({ size: e, isChanging: j }), o),
+            className: f(L({ size: e, isChanging: j }), o),
             ...V,
             style: s
           }

package/dist/lib/Components/core/AmountInput/useAmountInputValue/useAmountInputValue.js

@@ -1,11 +1,11 @@
 import { textFormatter as m } from "../../../../../libs/utils-shared/dist/index.js";
-import { useCallback as i, useState as g, useRef as d, useEffect as f } from "react";
+import { useCallback as d, useState as g, useRef as i, useEffect as f } from "react";
 const I = ({
   value: r,
   onChange: o,
   formatOptions: t
 }) => {
-  const a = i(
+  const a = d(
     (e) => m(String(e), t),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
@@ -15,7 +15,7 @@ const I = ({
       t.maxDecimalLength,
       t.decimalSeparator
     ]
-  ), [c, s] = g(() => a(r)), [h, l] = g(!1), u = d(c);
+  ), [c, s] = g(() => a(r)), [h, l] = g(!1), u = i(c);
   return f(() => {
     const e = a(r);
     s(e), u.current = e;

package/dist/lib/Components/core/Avatar/resolveAvatarColor.js

@@ -27,10 +27,10 @@ const t = {
 function d(e) {
   return t[o(e)];
 }
-function s(e) {
+function g(e) {
   return e ? n[e] ?? c : v;
 }
 export {
-  s as getAvatarFallbackTextColor,
+  g as getAvatarFallbackTextColor,
   d as resolveAvatarColor
 };

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

@@ -2,9 +2,9 @@ import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { useDisabledContext as f, cn as v } from "../../../../libs/utils-shared/dist/index.js";
 import { Avatar as m } from "../Avatar/Avatar.js";
 const A = ({
-  ref: t,
-  className: o,
-  src: s,
+  ref: o,
+  className: s,
+  src: t,
   alt: r,
   size: a,
   imgLoading: n,
@@ -21,19 +21,19 @@ const A = ({
   return /* @__PURE__ */ p(
     "button",
     {
-      ref: t,
+      ref: o,
       type: "button",
       disabled: c,
       className: v(
         "group relative cursor-pointer rounded-full focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30",
-        o
+        s
       ),
       ...b,
       children: [
         /* @__PURE__ */ e(
           m,
           {
-            src: s,
+            src: t,
             alt: r,
             size: a,
             imgLoading: n,

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

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { cn as t } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as b } from "class-variance-authority";
 import { useCommonTranslation as g } from "../../../../i18n/useCommonTranslation.js";
@@ -27,7 +27,7 @@ const k = {
 }, W = ({
   ref: c,
   appearance: s = "info",
-  title: e,
+  title: a,
   description: n,
   primaryAction: o,
   secondaryAction: l,
@@ -37,7 +37,7 @@ const k = {
   ...f
 }) => {
   const { t: x } = g(), d = k[s];
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ e(
     "div",
     {
       ref: c,
@@ -45,12 +45,12 @@ const k = {
       ...f,
       children: [
         /* @__PURE__ */ r("div", { className: "flex shrink-0 items-start py-4", children: d }),
-        /* @__PURE__ */ a("div", { className: "mr-8 flex flex-1 flex-col gap-8 py-4", children: [
-          /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
-            e && /* @__PURE__ */ r("h3", { className: "line-clamp-2 body-1-semi-bold", children: e }),
-            n && /* @__PURE__ */ r("div", { className: t("line-clamp-5 body-2", !e && "mt-2"), children: n })
+        /* @__PURE__ */ e("div", { className: "mr-8 flex flex-1 flex-col gap-8 py-4", children: [
+          /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
+            a && /* @__PURE__ */ r("h3", { className: "line-clamp-2 body-1-semi-bold", children: a }),
+            n && /* @__PURE__ */ r("div", { className: t("line-clamp-5 body-2", !a && "mt-2"), children: n })
           ] }),
-          (o || l) && /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4", children: [
+          (o || l) && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4", children: [
             o,
             l
           ] })

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

@@ -1,8 +1,8 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cn as d } from "../../../../libs/utils-shared/dist/index.js";
-import { cva as e } from "class-variance-authority";
+import { jsx as e } from "react/jsx-runtime";
+import { cn as n } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as d } from "class-variance-authority";
 import { BaseButton as b } from "../../internal/BaseButton/BaseButton.js";
-const l = e("", {
+const l = d("", {
   variants: {
     size: {
       sm: "px-16 py-10 body-2-semi-bold",
@@ -17,22 +17,22 @@ const l = e("", {
   ref: t,
   className: m,
   loading: s,
-  disabled: a,
-  children: r,
+  disabled: r,
+  children: a,
   size: o,
   icon: i,
   ...p
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ e(
   b,
   {
     ref: t,
     size: o,
-    disabled: a,
+    disabled: r,
     icon: i,
     loading: s,
-    className: d(l({ size: o }), "gap-8", m),
+    className: n(l({ size: o }), "gap-8", m),
     ...p,
-    children: r
+    children: a
   }
 );
 export {

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

@@ -184,7 +184,7 @@ const k = ({
       children: t
     }
   );
-}, I = ({
+}, L = ({
   ref: r,
   children: t,
   className: a,
@@ -207,7 +207,7 @@ const k = ({
       children: t
     }
   );
-}, L = ({
+}, I = ({
   ref: r,
   children: t,
   className: a,
@@ -322,7 +322,7 @@ const k = ({
       ) })
     }
   );
-}, G = ({
+}, Z = ({
   ref: r,
   children: t,
   className: a,
@@ -340,10 +340,10 @@ export {
   P as Card,
   B as CardContent,
   M as CardContentDescription,
-  I as CardContentRow,
-  L as CardContentTitle,
+  L as CardContentRow,
+  I as CardContentTitle,
   U as CardFooter,
-  G as CardFooterActions,
+  Z as CardFooterActions,
   T as CardHeader,
   z as CardLeading,
   S as CardTrailing,

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

@@ -4,6 +4,8 @@ import { CardButtonProps } from './types';
  *
  * It supports different appearances. takes full width by default. The chevron can be hidden if needed.
  *
+ * @deprecated Use Card instead.
+ *
  * @see {@link https://ldls.vercel.app/?path=/docs/react-cardbutton--docs Guidelines}
  *
  * @warning The `className` prop should only be used for layout adjustments like margins or positioning.

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

@@ -1 +1 @@
-{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/CardButton/CardButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB/C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,GAAI,yGAUxB,eAAe,4CAqCjB,CAAC"}
+{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/CardButton/CardButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,UAAU,GAAI,yGAUxB,eAAe,4CAqCjB,CAAC"}

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

@@ -18,8 +18,8 @@ const h = f(
 ), w = ({
   ref: i,
   className: o,
-  appearance: l,
-  icon: d,
+  appearance: d,
+  icon: l,
   title: n,
   description: t,
   hideChevron: r,
@@ -29,14 +29,14 @@ const h = f(
   const c = m({
     consumerName: "CardButton",
     mergeWith: { disabled: b }
-  }), s = d;
+  }), s = l;
   return /* @__PURE__ */ a(
     "button",
     {
       ref: i,
       className: p(
         h({
-          appearance: l
+          appearance: d
         }),
         o
       ),