@ledgerhq/lumen-ui-react 0.1.57 → 0.1.59

package/dist/index.js

@@ -8,10 +8,10 @@ import { resolveAvatarColor as C } from "./lib/Components/core/Avatar/resolveAva
 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 A, CardLeading as H, CardTrailing as w } from "./lib/Components/core/Card/Card.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 A, CardLeading as H, CardTrailing as P } 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 z, ContentBannerContent as E, ContentBannerDescription as F, ContentBannerTitle as O } from "./lib/Components/core/ContentBanner/ContentBanner.js";
+import { ContentBanner as E, ContentBannerContent as F, ContentBannerDescription as O, ContentBannerTitle as z } from "./lib/Components/core/ContentBanner/ContentBanner.js";
 import { DataTable as _, DataTableGlobalSearchInput as j, DataTableRoot as q } from "./lib/Components/core/DataTable/DataTable.js";
 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";
@@ -20,14 +20,16 @@ import { Dialog as te, DialogBody as re, DialogBodyStickyContent as ae, DialogCo
 import { DialogHeader as me } from "./lib/Components/core/Dialog/DialogHeader/DialogHeader.js";
 import { Divider as Te } 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, mediaImageDotIconSizeMap as ue, spotDotIconSizeMap as ge } from "./lib/Components/core/DotIcon/DotIcon.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 { getDotIndicatorProps as Be } from "./lib/Components/core/DotIndicator/getDotIndicatorProps.js";
-import { DotSymbol as Me, mediaImageDotSizeMap as Le, spotDotSizeMap as ve } from "./lib/Components/core/DotSymbol/DotSymbol.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 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 ze, ListItemLeading as Ee, ListItemTitle as Fe, ListItemTrailing as Oe } from "./lib/Components/core/ListItem/ListItem.js";
+import { Link as we } 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";
 import { MediaButton as Ke } from "./lib/Components/core/MediaButton/MediaButton.js";
 import { MediaCard as Ue, MediaCardTitle as We } from "./lib/Components/core/MediaCard/MediaCard.js";
@@ -37,10 +39,10 @@ import { Menu as oo, MenuCheckboxItem as to, MenuContent as ro, MenuGroup as ao,
 import { NavBar as uo, NavBarBackButton as go, NavBarCoinCapsule as bo, NavBarDescription as Io, NavBarLeading as so, NavBarTitle as Bo, NavBarTrailing as Do } from "./lib/Components/core/NavBar/NavBar.js";
 import { Popover as Lo, PopoverContent as vo, PopoverTrigger as ho, createPopoverHandle as Ro } from "./lib/Components/core/Popover/Popover.js";
 import { PageIndicator as Ho } from "./lib/Components/core/PageIndicator/PageIndicator.js";
-import { Pagination as Po } from "./lib/Components/core/Pagination/Pagination.js";
+import { Pagination as wo } from "./lib/Components/core/Pagination/Pagination.js";
 import { SearchInput as No } from "./lib/Components/core/SearchInput/SearchInput.js";
-import { SectionHeader as Go, SectionHeaderLeading as zo, SectionHeaderTitle as Eo } from "./lib/Components/core/SectionHeader/SectionHeader.js";
-import { SegmentedControl as Oo, SegmentedControlButton as Vo, createSegmentedControl as _o } from "./lib/Components/core/SegmentedControl/SegmentedControl.js";
+import { SectionHeader as Go, SectionHeaderLeading as Eo, SectionHeaderTitle as Fo } from "./lib/Components/core/SectionHeader/SectionHeader.js";
+import { SegmentedControl as zo, SegmentedControlButton as Vo, createSegmentedControl as _o } from "./lib/Components/core/SegmentedControl/SegmentedControl.js";
 import { Select as qo, SelectContent as Jo, SelectEmptyState as Ko, SelectItem as Qo, SelectItemContent as Uo, SelectItemDescription as Wo, SelectItemText as Xo, SelectList as Yo, SelectSearch as Zo, SelectSeparator as $o, SelectTrigger as et, createSelect as ot } from "./lib/Components/core/Select/Select.js";
 import { SideBar as rt, SideBarCollapseToggle as at, SideBarItem as nt, SideBarLeading as it, SideBarTrailing as lt, createSideBar as pt } from "./lib/Components/core/SideBar/SideBar.js";
 import { Skeleton as dt } from "./lib/Components/core/Skeleton/Skeleton.js";
@@ -49,7 +51,7 @@ import { Spot as Ct } from "./lib/Components/core/Spot/Spot.js";
 import { Stepper as St } from "./lib/Components/core/Stepper/Stepper.js";
 import { Subheader as gt, SubheaderCount as bt, SubheaderDescription as It, SubheaderInfo as st, SubheaderRow as Bt, SubheaderShowMore as Dt, SubheaderTitle as Mt } from "./lib/Components/core/Subheader/Subheader.js";
 import { Switch as vt } from "./lib/Components/core/Switch/Switch.js";
-import { Table as Rt, TableActionBar as At, TableActionBarLeading as Ht, TableActionBarTrailing as wt, TableBody as Pt, TableCell as yt, TableCellContent as Nt, TableCellContentDescription as kt, TableCellContentRow as Gt, TableCellContentTitle as zt, TableCellItem as Et, TableCol as Ft, TableColGroup as Ot, TableGroupHeaderRow as Vt, TableHeader as _t, TableHeaderCell as jt, TableHeaderRow as qt, TableInfoIcon as Jt, TableLoadingRow as Kt, TableRoot as Qt, TableRow as Ut, TableSortButton as Wt } from "./lib/Components/core/Table/Table.js";
+import { Table as Rt, TableActionBar as At, TableActionBarLeading as Ht, TableActionBarTrailing as Pt, TableBody as wt, TableCell as yt, TableCellContent as Nt, TableCellContentDescription as kt, TableCellContentRow as Gt, TableCellContentTitle as Et, TableCellItem as Ft, TableCol as Ot, TableColGroup as zt, TableGroupHeaderRow as Vt, TableHeader as _t, TableHeaderCell as jt, TableHeaderRow as qt, TableInfoIcon as Jt, TableLoadingRow as Kt, TableRoot as Qt, TableRow as Ut, TableSortButton as Wt } from "./lib/Components/core/Table/Table.js";
 import { Tag as Yt } from "./lib/Components/core/Tag/Tag.js";
 import { TextInput as $t } from "./lib/Components/core/TextInput/TextInput.js";
 import { Tile as or, TileContent as tr, TileDescription as rr, TileSecondaryAction as ar, TileTitle as nr, TileTrailingContent as ir } from "./lib/Components/core/Tile/Tile.js";
@@ -77,12 +79,12 @@ export {
   R as CardFooterActions,
   A as CardHeader,
   H as CardLeading,
-  w as CardTrailing,
+  P as CardTrailing,
   k as Checkbox,
-  z as ContentBanner,
-  E as ContentBannerContent,
-  F as ContentBannerDescription,
-  O as ContentBannerTitle,
+  E as ContentBanner,
+  F as ContentBannerContent,
+  O as ContentBannerDescription,
+  z as ContentBannerTitle,
   _ as DataTable,
   j as DataTableGlobalSearchInput,
   q as DataTableRoot,
@@ -107,14 +109,14 @@ export {
   Re as IconButton,
   He as InteractiveIcon,
   t as Languages,
-  Pe as Link,
+  we as Link,
   Ne as ListItem,
   ke as ListItemContent,
   Ge as ListItemContentRow,
-  ze as ListItemDescription,
-  Ee as ListItemLeading,
-  Fe as ListItemTitle,
-  Oe as ListItemTrailing,
+  Ee as ListItemDescription,
+  Fe as ListItemLeading,
+  Oe as ListItemTitle,
+  ze as ListItemTrailing,
   _e as MediaBanner,
   je as MediaBannerDescription,
   qe as MediaBannerTitle,
@@ -144,15 +146,15 @@ export {
   Bo as NavBarTitle,
   Do as NavBarTrailing,
   Ho as PageIndicator,
-  Po as Pagination,
+  wo as Pagination,
   Lo as Popover,
   vo as PopoverContent,
   ho as PopoverTrigger,
   No as SearchInput,
   Go as SectionHeader,
-  zo as SectionHeaderLeading,
-  Eo as SectionHeaderTitle,
-  Oo as SegmentedControl,
+  Eo as SectionHeaderLeading,
+  Fo as SectionHeaderTitle,
+  zo as SegmentedControl,
   Vo as SegmentedControlButton,
   qo as Select,
   Jo as SelectContent,
@@ -185,16 +187,16 @@ export {
   Rt as Table,
   At as TableActionBar,
   Ht as TableActionBarLeading,
-  wt as TableActionBarTrailing,
-  Pt as TableBody,
+  Pt as TableActionBarTrailing,
+  wt as TableBody,
   yt as TableCell,
   Nt as TableCellContent,
   kt as TableCellContentDescription,
   Gt as TableCellContentRow,
-  zt as TableCellContentTitle,
-  Et as TableCellItem,
-  Ft as TableCol,
-  Ot as TableColGroup,
+  Et as TableCellContentTitle,
+  Ft as TableCellItem,
+  Ot as TableCol,
+  zt as TableColGroup,
   Vt as TableGroupHeaderRow,
   _t as TableHeader,
   jt as TableHeaderCell,
@@ -225,12 +227,10 @@ export {
   ot as createSelect,
   pt as createSideBar,
   Se as dotIconSizeMap,
+  ge as getDotIconProps,
   Be as getDotIndicatorProps,
-  ue as mediaImageDotIconSizeMap,
-  Le as mediaImageDotSizeMap,
+  ve as getDotSymbolProps,
   C as resolveAvatarColor,
-  ge as spotDotIconSizeMap,
-  ve as spotDotSizeMap,
   a as useControllableState,
   K as useLumenDataTable,
   gr as useTheme

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,13 +15,13 @@ const I = ({
       t.maxDecimalLength,
       t.decimalSeparator
     ]
-  ), [c, s] = g(() => a(r)), [h, l] = g(!1), u = d(c);
+  ), [s, c] = g(() => a(r)), [h, l] = g(!1), u = i(s);
   return f(() => {
     const e = a(r);
-    s(e), u.current = e;
-  }, [r, a]), { inputValue: c, isChanging: h, setIsChanging: l, handleChange: (e) => {
+    c(e), u.current = e;
+  }, [r, a]), { inputValue: s, isChanging: h, setIsChanging: l, handleChange: (e) => {
     const n = a(e.target.value);
-    s(n), o({ ...e, target: { ...e.target, value: n } }), n !== u.current && l(!0), u.current = n;
+    c(n), o({ ...e, target: { ...e.target, value: n } }), n !== u.current && l(!0), u.current = n;
   } };
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/Avatar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,GAAI,mGAWpB,WAAW,4CAyDb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/Avatar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAiE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,GAAI,mGAWpB,WAAW,4CAyDb,CAAC"}

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

@@ -1,10 +1,11 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { cn as c } from "../../../../libs/utils-shared/dist/index.js";
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { cn as p } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as m } from "class-variance-authority";
 import { useState as z, useEffect as y } from "react";
-import { useCommonTranslation as N } from "../../../../i18n/useCommonTranslation.js";
-import { User as j } from "../../symbols/icons/User.js";
-const u = {
+import { getAvatarFallbackTextColor as j } from "./resolveAvatarColor.js";
+import { useCommonTranslation as A } from "../../../../i18n/useCommonTranslation.js";
+import { User as C } from "../../symbols/icons/User.js";
+const c = {
   root: m(
     "relative inline-flex items-center justify-center rounded-full bg-base-transparent-hover align-middle transition-colors",
     {
@@ -35,65 +36,60 @@ const u = {
       }
     }
   })
-}, C = {
+}, N = {
   xs: 12,
   sm: 16,
   md: 24,
   lg: 32,
   xl: 40,
   "2xl": 56
-}, A = ({
-  size: s,
-  fallbackText: o,
+}, E = ({
+  size: o,
+  fallbackText: r,
   fallbackColor: e
 }) => {
-  const a = e ? "text-black" : "text-base";
-  return o ? /* @__PURE__ */ t("span", { className: c(u.text({ size: s }), a), children: o }) : /* @__PURE__ */ t(
-    j,
-    {
-      className: a,
-      size: C[s],
-      "aria-hidden": "true"
-    }
-  );
-}, U = ({
-  ref: s,
-  className: o,
+  const s = {
+    color: j(e)
+  };
+  return r ? /* @__PURE__ */ t("span", { className: c.text({ size: o }), style: s, children: r }) : /* @__PURE__ */ t(C, { style: s, size: N[o], "aria-hidden": "true" });
+}, q = ({
+  ref: o,
+  className: r,
   src: e,
-  alt: a,
+  alt: s,
   size: n = "md",
-  imgLoading: b,
-  fallbackText: x,
-  fallbackColor: r,
+  imgLoading: u,
+  fallbackText: b,
+  fallbackColor: a,
   appearance: i,
   ...v
 }) => {
-  const { t: f } = N(), [h, l] = z(!1), d = !e || h, g = a || f("components.avatar.defaultAriaLabel");
+  const { t: f } = A(), [x, l] = z(!1), d = !e || x, g = s || f("components.avatar.defaultAriaLabel");
   return y(() => {
     l(!1);
-  }, [e]), /* @__PURE__ */ p(
+  }, [e]), /* @__PURE__ */ h(
     "div",
     {
-      ref: s,
-      className: c(u.root({ size: n }), o),
-      style: d && r ? { backgroundColor: r } : void 0,
+      ref: o,
+      className: p(c.root({ size: n }), r),
+      style: d && a ? { backgroundColor: a } : void 0,
       role: "img",
       "aria-label": g,
       ...v,
       children: [
         d ? /* @__PURE__ */ t(
-          A,
+          E,
           {
             size: n,
-            fallbackText: x,
-            fallbackColor: r
+            fallbackText: b,
+            fallbackColor: a
           }
         ) : /* @__PURE__ */ t(
           "img",
           {
             src: e,
             alt: "",
-            loading: b,
+            loading: u,
             onError: () => l(!0),
             className: "size-full overflow-hidden rounded-full object-cover",
             "aria-hidden": "true"
@@ -114,5 +110,5 @@ const u = {
   );
 };
 export {
-  U as Avatar
+  q as Avatar
 };

package/dist/lib/Components/core/Avatar/resolveAvatarColor.d.ts

@@ -6,4 +6,13 @@ import { CSSVarRef } from '@ledgerhq/lumen-design-core';
  * Pass the result directly to `<Avatar fallbackColor={resolveAvatarColor(id)} />`.
  */
 export declare function resolveAvatarColor(identifier: string): CSSVarRef;
+/**
+ * Resolves the fallback text/icon color matching a `fallbackColor` produced
+ * by {@link resolveAvatarColor}. Falls back to `--text-black` when
+ * `fallbackColor` is a custom color that isn't one of the known avatar color
+ * tokens, and to `--text-base` when `fallbackColor` is unset.
+ *
+ * @internal
+ */
+export declare function getAvatarFallbackTextColor(fallbackColor?: string): CSSVarRef;
 //# sourceMappingURL=resolveAvatarColor.d.ts.map

package/dist/lib/Components/core/Avatar/resolveAvatarColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveAvatarColor.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/resolveAvatarColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAiBrE;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAEhE"}
+{"version":3,"file":"resolveAvatarColor.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/resolveAvatarColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAuCrE;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAEhE;AAED;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAS5E"}

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

@@ -1,6 +1,6 @@
 import { resolveAvatarColorKey as o } from "../../../../libs/utils-shared/dist/index.js";
 import { cssVar as r } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
-const a = {
+const t = {
   orange: r("var(--background-decorative-orange)"),
   green: r("var(--background-decorative-green)"),
   blue: r("var(--background-decorative-blue)"),
@@ -9,10 +9,28 @@ const a = {
   yellow: r("var(--background-decorative-yellow)"),
   turquoise: r("var(--background-decorative-turquoise)"),
   pink: r("var(--background-decorative-pink)")
-};
-function t(e) {
-  return a[o(e)];
+}, a = {
+  orange: r("var(--text-decorative-strong-orange)"),
+  green: r("var(--text-decorative-strong-green)"),
+  blue: r("var(--text-decorative-strong-blue)"),
+  purple: r("var(--text-decorative-strong-purple)"),
+  red: r("var(--text-decorative-strong-red)"),
+  yellow: r("var(--text-decorative-strong-yellow)"),
+  turquoise: r("var(--text-decorative-strong-turquoise)"),
+  pink: r("var(--text-decorative-strong-pink)")
+}, n = Object.fromEntries(
+  Object.keys(t).map((e) => [
+    t[e],
+    a[e]
+  ])
+), v = r("var(--text-base)"), c = r("var(--text-black)");
+function d(e) {
+  return t[o(e)];
+}
+function g(e) {
+  return e ? n[e] ?? c : v;
 }
 export {
-  t as resolveAvatarColor
+  g as getAvatarFallbackTextColor,
+  d as resolveAvatarColor
 };

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

@@ -1,10 +1,10 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { cn as c } from "../../../../libs/utils-shared/dist/index.js";
+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";
-import { IconButton as N } from "../IconButton/IconButton.js";
-import { Close as h } from "../../symbols/icons/Close.js";
-import { DeleteCircleFill as u } from "../../symbols/icons/DeleteCircleFill.js";
+import { IconButton as u } from "../IconButton/IconButton.js";
+import { Close as N } from "../../symbols/icons/Close.js";
+import { DeleteCircleFill as h } from "../../symbols/icons/DeleteCircleFill.js";
 import { WarningFill as v } from "../../symbols/icons/WarningFill.js";
 import { CheckmarkCircleFill as w } from "../../symbols/icons/CheckmarkCircleFill.js";
 import { InformationFill as C } from "../../symbols/icons/InformationFill.js";
@@ -12,57 +12,57 @@ const k = {
   info: /* @__PURE__ */ r(C, { className: "text-base" }),
   success: /* @__PURE__ */ r(w, { className: "text-success" }),
   warning: /* @__PURE__ */ r(v, { className: "text-warning" }),
-  error: /* @__PURE__ */ r(u, { className: "text-error" })
+  error: /* @__PURE__ */ r(h, { className: "text-error" })
 }, F = {
   root: b("flex w-full items-start gap-8 rounded-md p-12 text-base", {
     variants: {
       appearance: {
         info: "bg-surface",
-        success: "bg-success",
-        warning: "bg-warning",
-        error: "bg-error"
+        success: "bg-success-transparent",
+        warning: "bg-warning-transparent",
+        error: "bg-error-transparent"
       }
     }
   })
 }, W = ({
-  ref: m,
+  ref: c,
   appearance: s = "info",
   title: a,
-  description: o,
-  primaryAction: l,
-  secondaryAction: n,
-  className: t,
+  description: n,
+  primaryAction: o,
+  secondaryAction: l,
+  className: m,
   onClose: i,
-  closeAriaLabel: f,
-  ...p
+  closeAriaLabel: p,
+  ...f
 }) => {
   const { t: x } = g(), d = k[s];
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: m,
-      className: c(F.root({ appearance: s }), t),
-      ...p,
+      ref: c,
+      className: t(F.root({ appearance: s }), m),
+      ...f,
       children: [
         /* @__PURE__ */ r("div", { className: "flex shrink-0 items-start py-4", children: d }),
         /* @__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 }),
-            o && /* @__PURE__ */ r("div", { className: c("line-clamp-5 body-2", !a && "mt-2"), children: o })
+            n && /* @__PURE__ */ r("div", { className: t("line-clamp-5 body-2", !a && "mt-2"), children: n })
           ] }),
-          (l || n) && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4", children: [
-            l,
-            n
+          (o || l) && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4", children: [
+            o,
+            l
           ] })
         ] }),
         i && /* @__PURE__ */ r(
-          N,
+          u,
           {
             appearance: "transparent",
             size: "xs",
-            icon: h,
+            icon: N,
             onClick: () => i(),
-            "aria-label": f || x("components.banner.closeAriaLabel")
+            "aria-label": p || x("components.banner.closeAriaLabel")
           }
         )
       ]

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

@@ -17,8 +17,8 @@ const l = e("", {
   ref: t,
   className: m,
   loading: s,
-  disabled: a,
-  children: r,
+  disabled: r,
+  children: a,
   size: o,
   icon: i,
   ...p
@@ -27,12 +27,12 @@ const l = e("", {
   {
     ref: t,
     size: o,
-    disabled: a,
+    disabled: r,
     icon: i,
     loading: s,
     className: d(l({ size: o }), "gap-8", m),
     ...p,
-    children: r
+    children: a
   }
 );
 export {

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

@@ -71,31 +71,31 @@ const k = ({
       disabled: !1
     }
   }
-), P = ({
+), D = ({
   ref: r,
   className: t,
   type: a = "interactive",
   expanded: e,
   outlined: s = !1,
   disabled: i = !1,
-  onClick: d,
-  children: l,
+  onClick: l,
+  children: d,
   ...p
 }) => {
   const u = h(
     () => k({
       type: a,
       expanded: e,
-      onClick: d,
+      onClick: l,
       disabled: i
     }),
-    [a, e, d, i]
+    [a, e, l, i]
   );
   return /* @__PURE__ */ n(R, { value: u, children: /* @__PURE__ */ n(g, { value: { disabled: i }, children: /* @__PURE__ */ f(
     "div",
     {
       ref: r,
-      ...u.cardClickable && C({ onClick: d, disabled: i }),
+      ...u.cardClickable && C({ onClick: l, disabled: i }),
       className: o(
         E({
           interactive: u.cardClickable,
@@ -105,7 +105,7 @@ const k = ({
       ),
       ...p,
       children: [
-        l,
+        d,
         s && /* @__PURE__ */ n(
           "span",
           {
@@ -123,7 +123,7 @@ const k = ({
   className: a,
   ...e
 }) => {
-  const { disabled: s, headerClickable: i, footerExpanded: d, onHeaderClick: l } = c({
+  const { disabled: s, headerClickable: i, footerExpanded: l, onHeaderClick: d } = c({
     consumerName: "CardHeader",
     contextRequired: !1
   });
@@ -131,8 +131,8 @@ const k = ({
     "div",
     {
       ref: r,
-      "aria-expanded": l ? d : void 0,
-      ...C({ onClick: l, disabled: s }),
+      "aria-expanded": d ? l : void 0,
+      ...C({ onClick: d, disabled: s }),
       className: o(
         "flex items-center gap-12 p-12",
         i && "cursor-pointer -outline-offset-6 transition-colors hover:bg-surface-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-surface-pressed",
@@ -141,9 +141,9 @@ const k = ({
       ...e,
       children: [
         t,
-        l && /* @__PURE__ */ f(b, { children: [
-          d && /* @__PURE__ */ n(N, { className: "text-muted", size: 20 }),
-          !d && /* @__PURE__ */ n(w, { className: "text-muted", size: 20 })
+        d && /* @__PURE__ */ f(b, { children: [
+          l && /* @__PURE__ */ n(N, { className: "text-muted", size: 20 }),
+          !l && /* @__PURE__ */ n(w, { className: "text-muted", size: 20 })
         ] })
       ]
     }
@@ -296,7 +296,7 @@ const k = ({
   appearance: e = "plain",
   ...s
 }) => {
-  const { disabled: i, footerExpanded: d } = c({
+  const { disabled: i, footerExpanded: l } = c({
     consumerName: "CardFooter",
     contextRequired: !1
   });
@@ -305,7 +305,7 @@ const k = ({
     {
       className: o(
         H({ appearance: e }),
-        d ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+        l ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
       ),
       children: /* @__PURE__ */ n("div", { className: "overflow-hidden", children: /* @__PURE__ */ n(
         "div",
@@ -337,7 +337,7 @@ const k = ({
   }
 );
 export {
-  P as Card,
+  D as Card,
   B as CardContent,
   M as CardContentDescription,
   I as CardContentRow,

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

@@ -18,31 +18,31 @@ const h = f(
 ), w = ({
   ref: i,
   className: o,
-  appearance: l,
-  icon: d,
+  appearance: d,
+  icon: l,
   title: n,
   description: t,
   hideChevron: r,
-  disabled: b,
-  ...u
+  disabled: u,
+  ...b
 }) => {
   const c = m({
     consumerName: "CardButton",
-    mergeWith: { disabled: b }
-  }), s = d;
+    mergeWith: { disabled: u }
+  }), s = l;
   return /* @__PURE__ */ a(
     "button",
     {
       ref: i,
       className: p(
         h({
-          appearance: l
+          appearance: d
         }),
         o
       ),
       disabled: c,
       type: "button",
-      ...u,
+      ...b,
       children: [
         s && /* @__PURE__ */ e(s, { size: 24 }),
         /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-4 text-left", children: [

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ComponentType } from 'react';
-import { IconSize } from '../../symbols/Icon/types';
+import { IconSize } from '../../symbols/Icon';
 export type CardButtonProps = {
     /**
      * The visual style of the card button.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/CardButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;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;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/CardButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;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;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}