@ledgerhq/lumen-ui-react 0.1.60 → 0.1.62

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
       ),

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

@@ -2,9 +2,9 @@ import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import { createSafeContext as w, cn as R } from "../../../../libs/utils-shared/dist/index.js";
 import { flexRender as m } from "@tanstack/react-table";
 import { useCallback as x, Fragment as B } from "react";
-import { TableRoot as N, Table as k, TableLoadingRow as y, TableColGroup as H, TableCol as S, TableHeader as G, TableHeaderRow as v, TableHeaderCell as q, TableSortButton as I, TableBody as b, TableGroupHeaderRow as V, TableRow as F, TableCell as M } from "../Table/Table.js";
+import { TableRoot as N, Table as k, TableLoadingRow as y, TableColGroup as H, TableCol as S, TableHeader as G, TableHeaderRow as v, TableHeaderCell as q, TableSortButton as I, TableBody as b, TableGroupHeaderRow as F, TableRow as L, TableCell as M } from "../Table/Table.js";
 import { SearchInput as P } from "../SearchInput/SearchInput.js";
-const [j, i] = w("DataTableContext"), Y = ({
+const [V, i] = w("DataTableContext"), Y = ({
   table: l,
   appearance: n = "no-background",
   paginationMode: o = "none",
@@ -21,7 +21,7 @@ const [j, i] = w("DataTableContext"), Y = ({
   ref: C,
   ...f
 }) => /* @__PURE__ */ a(
-  j,
+  V,
   {
     value: {
       hideHeader: T,
@@ -38,7 +38,7 @@ const [j, i] = w("DataTableContext"), Y = ({
     },
     children: /* @__PURE__ */ a("div", { ref: C, className: R("flex flex-col", h), ...f, children: D })
   }
-), L = () => {
+), j = () => {
   const { table: l } = i({
     consumerName: "DataTableColGroup",
     contextRequired: !0
@@ -114,7 +114,7 @@ const [j, i] = w("DataTableContext"), Y = ({
       ...o,
       children: [
         /* @__PURE__ */ d(k, { children: [
-          /* @__PURE__ */ a(L, {}),
+          /* @__PURE__ */ a(j, {}),
           !r && /* @__PURE__ */ a(z, {}),
           u ? /* @__PURE__ */ a(J, {}) : /* @__PURE__ */ a(A, {})
         ] }),
@@ -149,7 +149,7 @@ const [j, i] = w("DataTableContext"), Y = ({
     t
   );
   return /* @__PURE__ */ a(b, { ref: n, className: l, ...o, children: c.map((s) => /* @__PURE__ */ d(B, { children: [
-    /* @__PURE__ */ a(V, { colSpan: s.rows[0].getVisibleCells().length, children: r ? r({ row: s.rows[0], count: s.count }) : s.key }),
+    /* @__PURE__ */ a(F, { colSpan: s.rows[0].getVisibleCells().length, children: r ? r({ row: s.rows[0], count: s.count }) : s.key }),
     s.rows.map((u) => /* @__PURE__ */ a(g, { row: u }, u.id))
   ] }, s.key)) });
 }, g = ({ row: l }) => {
@@ -158,7 +158,7 @@ const [j, i] = w("DataTableContext"), Y = ({
     contextRequired: !0
   }), e = !!n;
   return /* @__PURE__ */ a(
-    F,
+    L,
     {
       ...o?.(l),
       clickable: e,

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

@@ -1,22 +1,22 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as l } from "../../../../libs/utils-shared/dist/index.js";
+import { jsx as l } from "react/jsx-runtime";
+import { cn as a } from "../../../../libs/utils-shared/dist/index.js";
 const d = ({
   ref: o,
-  className: t,
+  className: e,
   orientation: r = "horizontal",
-  ...e
-}) => /* @__PURE__ */ a(
+  ...t
+}) => /* @__PURE__ */ l(
   "div",
   {
     ref: o,
     role: "separator",
     "aria-orientation": r,
-    className: l(
+    className: a(
       "border-muted-subtle",
       r === "horizontal" ? "w-full border-t" : "h-full border-l",
-      t
+      e
     ),
-    ...e
+    ...t
   }
 );
 export {

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

@@ -45,7 +45,7 @@ const h = m(
     disabled: !1
   }
 });
-function y({
+function C({
   value: e,
   size: t = "md",
   max: b = 99,
@@ -86,7 +86,7 @@ function y({
     }
   );
 }
-y.displayName = "DotCount";
+C.displayName = "DotCount";
 export {
-  y as DotCount
+  C as DotCount
 };

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

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { useDisabledContext as x, DisabledProvider as v, cn as i } from "../../../../libs/utils-shared/dist/index.js";
-import { cva as c } from "class-variance-authority";
+import { cva as d } from "class-variance-authority";
 import { useMemo as z } from "react";
-const N = c("relative inline-flex w-fit", {
+const N = d("relative inline-flex w-fit", {
   variants: {
     disabled: {
       true: "opacity-30",
       false: ""
     }
   }
-}), g = c(
+}), g = d(
   "absolute z-10 box-content flex items-center justify-center overflow-hidden border-base-inverted",
   {
     variants: {
@@ -60,15 +60,15 @@ const N = c("relative inline-flex w-fit", {
   children: s,
   icon: t,
   appearance: o,
-  pin: a = "bottom-end",
-  size: r = 20,
-  shape: d = "circle",
+  pin: r = "bottom-end",
+  size: a = 20,
+  shape: c = "circle",
   className: l,
   disabled: m = !1,
   ref: p,
   ...b
 }) => {
-  const u = z(() => y(a), [a]), f = x({
+  const u = z(() => y(r), [r]), f = x({
     consumerName: "DotIcon",
     mergeWith: { disabled: m }
   });
@@ -83,9 +83,9 @@ const N = c("relative inline-flex w-fit", {
         /* @__PURE__ */ e(
           "div",
           {
-            className: i(g({ size: r, shape: d, pin: a, appearance: o })),
+            className: i(g({ size: a, shape: c, pin: r, appearance: o })),
             style: u,
-            children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
+            children: /* @__PURE__ */ e(t, { size: D[a], className: "text-on-interactive" })
           }
         )
       ]

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

@@ -47,7 +47,7 @@ const D = d("relative inline-flex w-fit", {
       { shape: "circle", className: "rounded-full" }
     ]
   }
-), E = {
+), w = {
   8: -2,
   10: -2,
   12: -2,
@@ -55,18 +55,18 @@ const D = d("relative inline-flex w-fit", {
   20: -3,
   24: -3,
   32: -3
-}, V = {
+}, E = {
   "top-start": ["top", "left"],
   "top-end": ["top", "right"],
   "bottom-start": ["bottom", "left"],
   "bottom-end": ["bottom", "right"]
-}, j = (o, t) => {
-  const [r, s] = V[o], e = E[t];
-  return { [r]: e, [s]: e };
-}, w = ({
-  children: o,
-  src: t,
-  alt: r,
+}, V = (r, o) => {
+  const [t, s] = E[r], e = w[o];
+  return { [t]: e, [s]: e };
+}, j = ({
+  children: r,
+  src: o,
+  alt: t,
   pin: s = "bottom-end",
   size: e = 20,
   shape: n = "circle",
@@ -76,25 +76,25 @@ const D = d("relative inline-flex w-fit", {
   ref: p,
   ...u
 }) => {
-  const b = g(() => j(s, e), [s, e]), [f, i] = q(!1), h = z({
+  const b = g(() => V(s, e), [s, e]), [f, i] = q(!1), h = z({
     consumerName: "DotSymbol",
     mergeWith: { disabled: m }
   });
   return y(() => {
     i(!1);
-  }, [t]), /* @__PURE__ */ a(N, { value: { disabled: !1 }, children: /* @__PURE__ */ x(
+  }, [o]), /* @__PURE__ */ a(N, { value: { disabled: !1 }, children: /* @__PURE__ */ x(
     "div",
     {
       ref: p,
       className: v(D({ disabled: h, className: c })),
       ...u,
       children: [
-        /* @__PURE__ */ a("div", { className: "inline-flex", children: o }),
+        /* @__PURE__ */ a("div", { className: "inline-flex", children: r }),
         /* @__PURE__ */ a("div", { className: S({ size: e, shape: n, pin: s }), style: b, children: !f && /* @__PURE__ */ a(
           "img",
           {
-            alt: r,
-            src: t,
+            alt: t,
+            src: o,
             loading: l,
             "aria-hidden": "true",
             onError: () => i(!0)
@@ -104,7 +104,7 @@ const D = d("relative inline-flex w-fit", {
     }
   ) });
 };
-w.displayName = "DotSymbol";
+j.displayName = "DotSymbol";
 export {
-  w as DotSymbol
+  j as DotSymbol
 };

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

@@ -1,6 +1,6 @@
 import { LinkProps } from './types';
 /**
- * A customizable link component that supports base and accent color appearances, optional underline, sizes, icons, and external link handling.
+ * A customizable link component that supports multiple color appearances, optional underline, sizes, icons, and external link handling.
  *
  * @see {@link https://ldls.vercel.app/?path=/docs/react-link--docs Guidelines}
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/Link.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAmCzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,IAAI,GAAI,wHAYlB,SAAS,4CAgDX,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/Link.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAoCzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,IAAI,GAAI,wHAYlB,SAAS,4CAgDX,CAAC"}

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

@@ -1,15 +1,16 @@
-import { jsx as e, jsxs as l, Fragment as c } from "react/jsx-runtime";
+import { jsx as e, jsxs as c, Fragment as l } from "react/jsx-runtime";
 import { useDisabledContext as x, cn as h } from "../../../../libs/utils-shared/dist/index.js";
 import { Slot as g } from "@radix-ui/react-slot";
 import { cva as k } from "class-variance-authority";
-import { ExternalLink as z } from "../../symbols/icons/ExternalLink.js";
-const w = k(
+import { ExternalLink as y } from "../../symbols/icons/ExternalLink.js";
+const z = k(
   "inline-flex w-fit max-w-full items-center justify-center transition-colors focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus",
   {
     variants: {
       appearance: {
         base: "text-base hover:text-base-hover active:text-base-pressed",
         accent: "text-interactive hover:text-interactive-hover active:text-interactive-pressed",
+        gray: "text-muted hover:text-muted-hover active:text-muted-pressed",
         inherit: ""
       },
       size: {
@@ -33,48 +34,48 @@ const w = k(
       disabled: !1
     }
   }
-), V = ({
+), M = ({
   ref: d,
   className: m,
-  children: a,
-  appearance: f,
+  children: r,
+  appearance: u,
   size: i = "inherit",
   underline: p = !0,
-  icon: u,
+  icon: f,
   isExternal: n = !1,
   asChild: t = !1,
   disabled: b,
   ...v
 }) => {
-  const s = x({
+  const a = x({
     consumerName: "Link",
     mergeWith: { disabled: b }
-  }), r = i ? {
+  }), s = i ? {
     sm: 16,
     md: 20
-  }[i] : 20, o = u;
+  }[i] : 20, o = f;
   return /* @__PURE__ */ e(
     t ? g : "a",
     {
       ref: d,
       className: h(
-        w({
-          appearance: f,
+        z({
+          appearance: u,
           size: i,
           underline: p,
-          disabled: s
+          disabled: a
         }),
         m
       ),
-      "aria-disabled": s || void 0,
+      "aria-disabled": a || void 0,
       target: n && !t ? "_blank" : void 0,
       rel: n && !t ? "noopener noreferrer" : void 0,
       ...v,
-      children: t ? a : /* @__PURE__ */ l(c, { children: [
-        o && /* @__PURE__ */ e(o, { size: r }),
-        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: a }),
-        n && /* @__PURE__ */ l(c, { children: [
-          /* @__PURE__ */ e(z, { size: r, "aria-hidden": "true" }),
+      children: t ? r : /* @__PURE__ */ c(l, { children: [
+        o && /* @__PURE__ */ e(o, { size: s }),
+        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: r }),
+        n && /* @__PURE__ */ c(l, { children: [
+          /* @__PURE__ */ e(y, { size: s, "aria-hidden": "true" }),
           /* @__PURE__ */ e("span", { className: "sr-only", children: "(opens in a new tab)" })
         ] })
       ] })
@@ -82,5 +83,5 @@ const w = k(
   );
 };
 export {
-  V as Link
+  M as Link
 };

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

@@ -5,7 +5,7 @@ export type LinkProps = {
      * The visual style of the link.
      * @default inherit
      */
-    appearance?: 'base' | 'accent' | 'inherit';
+    appearance?: 'base' | 'accent' | 'gray' | 'inherit';
     /**
      * The size variant of the link.
      * @default inherit

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACpD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}

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

@@ -59,14 +59,14 @@ const [L, l] = b("ListItemTrailing", {
     className: r,
     disabled: n = !1,
     density: f = "expanded",
-    priority: x = "end",
+    priority: v = "end",
     active: u = !1,
-    ...v
+    ...x
   } = s, c = d({
     consumerName: "ListItem",
     mergeWith: { disabled: n }
   });
-  return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority: x }, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority: v }, children: /* @__PURE__ */ a(
     "div",
     {
       ref: t,
@@ -81,7 +81,7 @@ const [L, l] = b("ListItemTrailing", {
         }),
         r
       ),
-      ...v,
+      ...x,
       children: i
     }
   ) }) });

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

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { cn as n, getButtonA11yProps as v } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as b } from "class-variance-authority";
-import { useState as x, useEffect as g } from "react";
-import { useCommonTranslation as h } from "../../../../i18n/useCommonTranslation.js";
+import { useState as g, useEffect as h } from "react";
+import { useCommonTranslation as x } from "../../../../i18n/useCommonTranslation.js";
 import { Close as N } from "../../symbols/icons/Close.js";
 import { InteractiveIcon as w } from "../InteractiveIcon/InteractiveIcon.js";
 const y = b(
@@ -18,19 +18,19 @@ const y = b(
   }
 ), k = ({
   ref: r,
-  imageUrl: t,
-  onClose: a,
+  imageUrl: a,
+  onClose: t,
   closeAriaLabel: s,
   children: c,
   className: d,
   onClick: o,
   ...m
 }) => {
-  const { t: u } = h(), [f, l] = x(!1);
-  g(() => {
+  const { t: u } = x(), [f, l] = g(!1);
+  h(() => {
     l(!1);
-  }, [t]);
-  const p = t && !f;
+  }, [a]);
+  const p = a && !f;
   return /* @__PURE__ */ i("div", { className: n("relative w-full", d), children: [
     /* @__PURE__ */ i(
       "div",
@@ -45,7 +45,7 @@ const y = b(
             p && /* @__PURE__ */ e(
               "img",
               {
-                src: t,
+                src: a,
                 alt: "",
                 "aria-hidden": !0,
                 className: "absolute inset-0 size-full object-cover",
@@ -64,7 +64,7 @@ const y = b(
         ]
       }
     ),
-    a && /* @__PURE__ */ e(
+    t && /* @__PURE__ */ e(
       w,
       {
         "data-testid": "media-banner-close-button",
@@ -74,36 +74,36 @@ const y = b(
         icon: N,
         size: 16,
         className: "absolute top-8 right-8",
-        onClick: a,
+        onClick: t,
         "aria-label": s || u("components.banner.closeAriaLabel")
       }
     )
   ] });
 }, z = ({
   ref: r,
-  children: t,
-  className: a,
+  children: a,
+  className: t,
   ...s
 }) => /* @__PURE__ */ e(
   "div",
   {
     ref: r,
-    className: n("line-clamp-1 body-2-semi-bold text-base", a),
+    className: n("line-clamp-1 body-2-semi-bold text-base", t),
     ...s,
-    children: t
+    children: a
   }
 ), A = ({
   ref: r,
-  children: t,
-  className: a,
+  children: a,
+  className: t,
   ...s
 }) => /* @__PURE__ */ e(
   "div",
   {
     ref: r,
-    className: n("line-clamp-2 body-3 text-muted", a),
+    className: n("line-clamp-2 body-3 text-muted", t),
     ...s,
-    children: t
+    children: a
   }
 );
 export {