@ledgerhq/lumen-ui-react 0.1.16 → 0.1.18

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

@@ -1,19 +1,19 @@
-import { jsx as s, jsxs as f, Fragment as p } from "react/jsx-runtime";
-import { createSafeContext as m, DisabledProvider as b, cn as o, getButtonA11yProps as C } from "../../../libs/utils-shared/dist/index.js";
-import { cva as g } from "class-variance-authority";
-import { useMemo as N } from "react";
-import { ChevronUp as h } from "../../Symbols/Icons/ChevronUp.js";
+import { jsx as s, jsxs as f, Fragment as b } from "react/jsx-runtime";
+import { createSafeContext as m, DisabledProvider as g, cn as o, getButtonA11yProps as C } from "../../../libs/utils-shared/dist/index.js";
+import { cva as p } from "class-variance-authority";
+import { useMemo as h } from "react";
+import { ChevronUp as N } from "../../Symbols/Icons/ChevronUp.js";
 import { ChevronDown as w } from "../../Symbols/Icons/ChevronDown.js";
-const y = ({
-  type: r,
-  expanded: t,
-  onClick: a,
+const k = ({
+  type: t,
+  expanded: a,
+  onClick: r,
   disabled: e
 }) => {
-  switch (r) {
+  switch (t) {
     case "interactive":
       return {
-        cardClickable: !!a,
+        cardClickable: !!r,
         headerClickable: !1,
         footerExpanded: !0,
         disabled: !!e,
@@ -22,10 +22,10 @@ const y = ({
     case "expandable":
       return {
         cardClickable: !1,
-        headerClickable: !!a && !e,
-        footerExpanded: !!t,
+        headerClickable: !!r && !e,
+        footerExpanded: !!a,
         disabled: !!e,
-        onHeaderClick: a
+        onHeaderClick: r
       };
     case "info":
       return {
@@ -36,7 +36,7 @@ const y = ({
         onHeaderClick: void 0
       };
   }
-}, [k, c] = m(
+}, [R, c] = m(
   "Card",
   {
     cardClickable: !1,
@@ -44,9 +44,9 @@ const y = ({
     footerExpanded: !0,
     disabled: !1
   }
-), [R, v] = m("CardContentAlign", {
+), [q, v] = m("CardContentAlign", {
   align: "left"
-}), q = g(
+}), E = p(
   "flex w-full flex-col overflow-clip rounded-lg bg-surface text-base transition-colors",
   {
     variants: {
@@ -76,97 +76,91 @@ const y = ({
       disabled: !1
     }
   }
-), H = ({
-  ref: r,
-  className: t,
-  type: a = "interactive",
+), P = ({
+  ref: t,
+  className: a,
+  type: r = "interactive",
   expanded: e,
   outlined: n = !1,
   disabled: i = !1,
-  onClick: d,
-  children: l,
+  onClick: l,
+  children: d,
   ...x
 }) => {
-  const u = N(
-    () => y({
-      type: a,
+  const u = h(
+    () => k({
+      type: r,
       expanded: e,
-      onClick: d,
+      onClick: l,
       disabled: i
     }),
-    [a, e, d, i]
+    [r, e, l, i]
   );
-  return /* @__PURE__ */ s(k, { value: u, children: /* @__PURE__ */ s(b, { value: { disabled: i }, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(R, { value: u, children: /* @__PURE__ */ s(g, { value: { disabled: i }, children: /* @__PURE__ */ s(
     "div",
     {
-      ref: r,
-      ...u.cardClickable && C({ onClick: d, disabled: i }),
+      ref: t,
+      ...u.cardClickable && C({ onClick: l, disabled: i }),
       className: o(
-        q({
+        E({
           interactive: u.cardClickable,
           outlined: n,
           disabled: i
         }),
-        t
+        a
       ),
       ...x,
-      children: l
+      children: d
     }
   ) }) });
-};
-H.displayName = "Card";
-const A = ({
-  ref: r,
-  children: t,
-  className: a,
+}, T = ({
+  ref: t,
+  children: a,
+  className: r,
   ...e
 }) => {
-  const { disabled: n, headerClickable: i, footerExpanded: d, onHeaderClick: l } = c({
+  const { disabled: n, headerClickable: i, footerExpanded: l, onHeaderClick: d } = c({
     consumerName: "CardHeader",
     contextRequired: !1
   });
   return /* @__PURE__ */ f(
     "div",
     {
-      ref: r,
-      "aria-expanded": l ? d : void 0,
-      ...C({ onClick: l, disabled: n }),
+      ref: t,
+      "aria-expanded": d ? l : void 0,
+      ...C({ onClick: d, disabled: n }),
       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",
-        a
+        r
       ),
       ...e,
       children: [
-        t,
-        l && /* @__PURE__ */ f(p, { children: [
-          d && /* @__PURE__ */ s(h, { className: "text-muted", size: 20 }),
-          !d && /* @__PURE__ */ s(w, { className: "text-muted", size: 20 })
+        a,
+        d && /* @__PURE__ */ f(b, { children: [
+          l && /* @__PURE__ */ s(N, { className: "text-muted", size: 20 }),
+          !l && /* @__PURE__ */ s(w, { className: "text-muted", size: 20 })
         ] })
       ]
     }
   );
-};
-A.displayName = "CardHeader";
-const E = ({
-  ref: r,
-  children: t,
-  className: a,
+}, z = ({
+  ref: t,
+  children: a,
+  className: r,
   ...e
 }) => /* @__PURE__ */ s(
   "div",
   {
-    ref: r,
-    className: o("flex min-w-0 flex-1 items-center gap-12", a),
+    ref: t,
+    className: o("flex min-w-0 flex-1 items-center gap-12", r),
     ...e,
-    children: t
+    children: a
   }
-);
-E.displayName = "CardLeading";
-const F = ({
-  ref: r,
-  children: t,
-  className: a,
+), V = ({
+  ref: t,
+  children: a,
+  className: r,
   ...e
 }) => {
   const { align: n } = v({
@@ -176,22 +170,20 @@ const F = ({
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: r,
+      ref: t,
       className: o(
         "flex min-w-0 flex-1 flex-col gap-4",
         n === "right" && "items-end text-end",
-        a
+        r
       ),
       ...e,
-      children: t
+      children: a
     }
   );
-};
-F.displayName = "CardContent";
-const T = ({
-  ref: r,
-  children: t,
-  className: a,
+}, B = ({
+  ref: t,
+  children: a,
+  className: r,
   ...e
 }) => {
   const { align: n } = v({
@@ -201,22 +193,20 @@ const T = ({
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: r,
+      ref: t,
       className: o(
         "flex min-w-0 items-center gap-8",
         n === "right" && "justify-end",
-        a
+        r
       ),
       ...e,
-      children: t
+      children: a
     }
   );
-};
-T.displayName = "CardContentRow";
-const D = ({
-  ref: r,
-  children: t,
-  className: a,
+}, I = ({
+  ref: t,
+  children: a,
+  className: r,
   ...e
 }) => {
   const { disabled: n } = c({
@@ -226,22 +216,20 @@ const D = ({
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: r,
+      ref: t,
       className: o(
         "truncate body-2-semi-bold",
         n && "text-disabled",
-        a
+        r
       ),
       ...e,
-      children: t
+      children: a
     }
   );
-};
-D.displayName = "CardContentTitle";
-const j = ({
-  ref: r,
-  children: t,
-  className: a,
+}, L = ({
+  ref: t,
+  children: a,
+  className: r,
   ...e
 }) => {
   const { disabled: n } = c({
@@ -251,47 +239,43 @@ const j = ({
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: r,
+      ref: t,
       className: o(
         "truncate body-3",
         n ? "text-disabled" : "text-muted",
-        a
+        r
       ),
       ...e,
-      children: t
+      children: a
     }
   );
-};
-j.displayName = "CardContentDescription";
-const P = ({
-  ref: r,
-  children: t,
-  className: a,
+}, M = ({
+  ref: t,
+  children: a,
+  className: r,
   ...e
 }) => {
   const { disabled: n } = c({
     consumerName: "CardTrailing",
     contextRequired: !1
   });
-  return /* @__PURE__ */ s(R, { value: { align: "right" }, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(q, { value: { align: "right" }, children: /* @__PURE__ */ s(
     "div",
     {
-      ref: r,
+      ref: t,
       className: o(
         "flex shrink-0 items-center gap-12",
         n && "text-disabled",
-        a
+        r
       ),
       ...e,
-      children: t
+      children: a
     }
   ) });
-};
-P.displayName = "CardTrailing";
-const z = ({
-  ref: r,
-  children: t,
-  className: a,
+}, S = ({
+  ref: t,
+  children: a,
+  className: r,
   ...e
 }) => {
   const { disabled: n, footerExpanded: i } = c({
@@ -308,45 +292,42 @@ const z = ({
       children: /* @__PURE__ */ s("div", { className: "overflow-hidden", children: /* @__PURE__ */ s(
         "div",
         {
-          ref: r,
+          ref: t,
           className: o(
             "flex w-full flex-col gap-8 px-12 py-10",
             n && "text-disabled",
-            a
+            r
           ),
           ...e,
-          children: t
+          children: a
         }
       ) })
     }
   );
-};
-z.displayName = "CardFooter";
-const V = ({
-  ref: r,
-  children: t,
-  className: a,
+}, U = ({
+  ref: t,
+  children: a,
+  className: r,
   ...e
 }) => /* @__PURE__ */ s(
   "div",
   {
-    ref: r,
-    className: o("flex flex-row justify-end gap-10", a),
+    ref: t,
+    className: o("flex flex-row justify-end gap-10", r),
     ...e,
-    children: t
+    children: a
   }
 );
-V.displayName = "CardFooterActions";
 export {
-  H as Card,
-  F as CardContent,
-  j as CardContentDescription,
-  T as CardContentRow,
-  D as CardContentTitle,
-  z as CardFooter,
-  V as CardFooterActions,
-  A as CardHeader,
-  E as CardLeading,
-  P as CardTrailing,
-  y as resolveCardInnerContext
+  P as Card,
+  V as CardContent,
+  L as CardContentDescription,
+  B as CardContentRow,
+  I as CardContentTitle,
+  S as CardFooter,
+  U as CardFooterActions,
+  T as CardHeader,
+  z as CardLeading,
+  M as CardTrailing,
+  k as resolveCardInnerContext
 };

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

@@ -27,8 +27,5 @@ import { CardButtonProps } from './types';
  *   appearance="outline"
  * />
  */
-export declare const CardButton: {
-    ({ ref, className, appearance, icon, title, description, hideChevron, disabled: disabledProp, ...props }: CardButtonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const CardButton: ({ ref, className, appearance, icon, title, description, hideChevron, disabled: disabledProp, ...props }: CardButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CardButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB1C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,UAAU;8GAUpB,eAAe;;CAoCjB,CAAC"}
+{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB1C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,UAAU,GAAI,yGAUxB,eAAe,4CAoCjB,CAAC"}

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

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

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

@@ -38,8 +38,5 @@ import { CheckboxProps } from './types';
  * // With custom styling (layout only)
  * <Checkbox className="mr-8" />
  */
-export declare const Checkbox: {
-    ({ ref, className, disabled: disabledProp, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string | undefined;
-};
+export declare const Checkbox: ({ ref, className, disabled: disabledProp, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiBxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,QAAQ;2DAKlB,aAAa;;CAkBf,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiBxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,QAAQ,GAAI,sDAKtB,aAAa,4CAkBf,CAAC"}

package/dist/lib/Components/Checkbox/Checkbox.js

@@ -13,7 +13,7 @@ const n = a(
   "data-[state=checked]:hover:bg-active-hover",
   "data-[state=checked]:active:bg-active-pressed",
   "data-[state=checked]:disabled:bg-disabled data-[state=checked]:disabled:text-disabled"
-), h = ({
+), k = ({
   ref: s,
   className: d,
   disabled: c,
@@ -34,7 +34,6 @@ const n = a(
     }
   );
 };
-h.displayName = t.Root.displayName;
 export {
-  h as Checkbox
+  k as Checkbox
 };

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

@@ -2,24 +2,15 @@ import { ContentBannerContentProps, ContentBannerDescriptionProps, ContentBanner
 /**
  * Container for the text content (title and description) within the content banner.
  */
-export declare const ContentBannerContent: {
-    ({ ref, children, className, ...props }: ContentBannerContentProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ContentBannerContent: ({ ref, children, className, ...props }: ContentBannerContentProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * The main title of the content banner.
  */
-export declare const ContentBannerTitle: {
-    ({ ref, children, className, ...props }: ContentBannerTitleProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ContentBannerTitle: ({ ref, children, className, ...props }: ContentBannerTitleProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Optional description text below the title.
  */
-export declare const ContentBannerDescription: {
-    ({ ref, children, className, ...props }: ContentBannerDescriptionProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ContentBannerDescription: ({ ref, children, className, ...props }: ContentBannerDescriptionProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * A content banner component for displaying a composable banner with an optional
  * leading visual, title, description, and close button.
@@ -35,8 +26,5 @@ export declare const ContentBannerDescription: {
  *   </ContentBannerContent>
  * </ContentBanner>
  */
-export declare const ContentBanner: {
-    ({ ref, children, className, onClose, closeAriaLabel, ...props }: ContentBannerProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ContentBanner: ({ ref, children, className, onClose, closeAriaLabel, ...props }: ContentBannerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ContentBanner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentBanner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ContentBanner/ContentBanner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,yBAAyB,EACzB,6BAA6B,EAC7B,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,oBAAoB;6CAK9B,yBAAyB;;CAU3B,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,kBAAkB;6CAK5B,uBAAuB;;CAUzB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,wBAAwB;6CAKlC,6BAA6B;;CAU/B,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa;sEAOvB,kBAAkB;;CA2BpB,CAAC"}
+{"version":3,"file":"ContentBanner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ContentBanner/ContentBanner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,yBAAyB,EACzB,6BAA6B,EAC7B,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,wCAKlC,yBAAyB,4CAU3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAKhC,uBAAuB,4CAUzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,wCAKtC,6BAA6B,4CAU/B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,GAAI,iEAO3B,kBAAkB,4CA2BpB,CAAC"}