@ledgerhq/lumen-ui-react 0.1.11 → 0.1.13

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

@@ -1,4 +1,4 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { cn as d } from "../../../libs/utils-shared/dist/index.js";
 import { cva as e } from "class-variance-authority";
 import { BaseButton as b } from "./BaseButton.js";
@@ -14,24 +14,24 @@ const l = e("", {
     size: "md"
   }
 }), u = ({
-  ref: o,
+  ref: t,
   className: m,
   loading: s,
   disabled: a,
   children: r,
-  size: t,
+  size: o,
   icon: i,
-  ...p
-}) => /* @__PURE__ */ n(
+  ...n
+}) => /* @__PURE__ */ p(
   b,
   {
-    ref: o,
-    size: t,
+    ref: t,
+    size: o,
     disabled: a,
     icon: i,
     loading: s,
-    className: d(l({ size: t }), "gap-8", m),
-    ...p,
+    className: d(l({ size: o }), "gap-8", m),
+    ...n,
     children: r
   }
 );

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Card/Card.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,2BAA2B,EAC3B,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACT,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,uBAAuB,GAAI,wCAKrC;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAChC,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CACjC,KAAG,gBAwBH,CAAC;AAgDF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,IAAI;0FAUd,SAAS;;CAkCX,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,UAAU;6CAKpB,eAAe;;CAgCjB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;6CAKrB,gBAAgB;;CAUlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;6CAKrB,gBAAgB;;CAkBlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAmBrB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,gBAAgB;6CAK1B,qBAAqB;;CAkBvB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,sBAAsB;6CAKhC,2BAA2B;;CAkB7B,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,YAAY;6CAKtB,iBAAiB;;CAoBnB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,UAAU;6CAKpB,eAAe;;CAgCjB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,iBAAiB;6CAK3B,sBAAsB;;CAQxB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Card/Card.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,2BAA2B,EAC3B,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACT,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,uBAAuB,GAAI,wCAKrC;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAChC,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CACjC,KAAG,gBA2BH,CAAC;AAiDF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,IAAI;0FAUd,SAAS;;CAkCX,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,UAAU;6CAKpB,eAAe;;CA8BjB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;6CAKrB,gBAAgB;;CAUlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;6CAKrB,gBAAgB;;CAkBlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAmBrB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,gBAAgB;6CAK1B,qBAAqB;;CAmBvB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,sBAAsB;6CAKhC,2BAA2B;;CAmB7B,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,YAAY;6CAKtB,iBAAiB;;CAqBnB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,UAAU;6CAKpB,eAAe;;CA4BjB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,iBAAiB;6CAK3B,sBAAsB;;CAQxB,CAAC"}

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

@@ -1,48 +1,52 @@
-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, useDisabledContext as c } from "../../../libs/utils-shared/dist/index.js";
-import { cva as N } from "class-variance-authority";
-import { useMemo as h } from "react";
-import { ChevronUp as w } from "../../Symbols/Icons/ChevronUp.js";
-import { ChevronDown as y } from "../../Symbols/Icons/ChevronDown.js";
-const k = ({
+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 { ChevronDown as w } from "../../Symbols/Icons/ChevronDown.js";
+const y = ({
   type: r,
   expanded: t,
-  onClick: e,
-  disabled: a
+  onClick: a,
+  disabled: e
 }) => {
   switch (r) {
     case "interactive":
       return {
-        cardClickable: !!e,
+        cardClickable: !!a,
         headerClickable: !1,
         footerExpanded: !0,
+        disabled: !!e,
         onHeaderClick: void 0
       };
     case "expandable":
       return {
         cardClickable: !1,
-        headerClickable: !!e && !a,
+        headerClickable: !!a && !e,
         footerExpanded: !!t,
-        onHeaderClick: e
+        disabled: !!e,
+        onHeaderClick: a
       };
     case "info":
       return {
         cardClickable: !1,
         headerClickable: !1,
         footerExpanded: !0,
+        disabled: !!e,
         onHeaderClick: void 0
       };
   }
-}, [H, v] = m(
+}, [k, c] = m(
   "Card",
   {
     cardClickable: !1,
     headerClickable: !1,
-    footerExpanded: !0
+    footerExpanded: !0,
+    disabled: !1
   }
-), [F, p] = m("CardContentAlign", {
+), [R, v] = m("CardContentAlign", {
   align: "left"
-}), R = N(
+}), q = g(
   "flex w-full flex-col overflow-clip rounded-lg bg-surface text-base transition-colors",
   {
     variants: {
@@ -72,33 +76,33 @@ const k = ({
       disabled: !1
     }
   }
-), A = ({
+), H = ({
   ref: r,
   className: t,
-  type: e = "interactive",
-  expanded: a,
+  type: a = "interactive",
+  expanded: e,
   outlined: n = !1,
   disabled: i = !1,
   onClick: d,
   children: l,
   ...x
 }) => {
-  const u = h(
-    () => k({
-      type: e,
-      expanded: a,
+  const u = N(
+    () => y({
+      type: a,
+      expanded: e,
       onClick: d,
       disabled: i
     }),
-    [e, a, d, i]
+    [a, e, d, i]
   );
-  return /* @__PURE__ */ s(H, { value: u, children: /* @__PURE__ */ s(g, { value: { disabled: i }, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(k, { value: u, children: /* @__PURE__ */ s(b, { value: { disabled: i }, children: /* @__PURE__ */ s(
     "div",
     {
       ref: r,
       ...u.cardClickable && C({ onClick: d, disabled: i }),
       className: o(
-        R({
+        q({
           interactive: u.cardClickable,
           outlined: n,
           disabled: i
@@ -110,16 +114,14 @@ const k = ({
     }
   ) }) });
 };
-A.displayName = "Card";
-const D = ({
+H.displayName = "Card";
+const A = ({
   ref: r,
   children: t,
-  className: e,
-  ...a
+  className: a,
+  ...e
 }) => {
-  const n = c({
-    consumerName: "CardHeader"
-  }), { headerClickable: i, footerExpanded: d, onHeaderClick: l } = v({
+  const { disabled: n, headerClickable: i, footerExpanded: d, onHeaderClick: l } = c({
     consumerName: "CardHeader",
     contextRequired: !1
   });
@@ -132,42 +134,42 @@ const D = ({
       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",
-        e
+        a
       ),
-      ...a,
+      ...e,
       children: [
         t,
-        l && /* @__PURE__ */ f(b, { children: [
-          d && /* @__PURE__ */ s(w, { className: "text-muted", size: 20 }),
-          !d && /* @__PURE__ */ s(y, { className: "text-muted", size: 20 })
+        l && /* @__PURE__ */ f(p, { children: [
+          d && /* @__PURE__ */ s(h, { className: "text-muted", size: 20 }),
+          !d && /* @__PURE__ */ s(w, { className: "text-muted", size: 20 })
         ] })
       ]
     }
   );
 };
-D.displayName = "CardHeader";
+A.displayName = "CardHeader";
 const E = ({
   ref: r,
   children: t,
-  className: e,
-  ...a
+  className: a,
+  ...e
 }) => /* @__PURE__ */ s(
   "div",
   {
     ref: r,
-    className: o("flex min-w-0 flex-1 items-center gap-12", e),
-    ...a,
+    className: o("flex min-w-0 flex-1 items-center gap-12", a),
+    ...e,
     children: t
   }
 );
 E.displayName = "CardLeading";
-const T = ({
+const F = ({
   ref: r,
   children: t,
-  className: e,
-  ...a
+  className: a,
+  ...e
 }) => {
-  const { align: n } = p({
+  const { align: n } = v({
     consumerName: "CardContent",
     contextRequired: !1
   });
@@ -178,21 +180,21 @@ const T = ({
       className: o(
         "flex min-w-0 flex-1 flex-col gap-4",
         n === "right" && "items-end text-end",
-        e
+        a
       ),
-      ...a,
+      ...e,
       children: t
     }
   );
 };
-T.displayName = "CardContent";
-const j = ({
+F.displayName = "CardContent";
+const T = ({
   ref: r,
   children: t,
-  className: e,
-  ...a
+  className: a,
+  ...e
 }) => {
-  const { align: n } = p({
+  const { align: n } = v({
     consumerName: "CardContentRow",
     contextRequired: !1
   });
@@ -203,22 +205,23 @@ const j = ({
       className: o(
         "flex min-w-0 items-center gap-8",
         n === "right" && "justify-end",
-        e
+        a
       ),
-      ...a,
+      ...e,
       children: t
     }
   );
 };
-j.displayName = "CardContentRow";
-const q = ({
+T.displayName = "CardContentRow";
+const D = ({
   ref: r,
   children: t,
-  className: e,
-  ...a
+  className: a,
+  ...e
 }) => {
-  const n = c({
-    consumerName: "CardContentTitle"
+  const { disabled: n } = c({
+    consumerName: "CardContentTitle",
+    contextRequired: !1
   });
   return /* @__PURE__ */ s(
     "div",
@@ -227,22 +230,23 @@ const q = ({
       className: o(
         "truncate body-2-semi-bold",
         n && "text-disabled",
-        e
+        a
       ),
-      ...a,
+      ...e,
       children: t
     }
   );
 };
-q.displayName = "CardContentTitle";
-const P = ({
+D.displayName = "CardContentTitle";
+const j = ({
   ref: r,
   children: t,
-  className: e,
-  ...a
+  className: a,
+  ...e
 }) => {
-  const n = c({
-    consumerName: "CardContentDescription"
+  const { disabled: n } = c({
+    consumerName: "CardContentDescription",
+    contextRequired: !1
   });
   return /* @__PURE__ */ s(
     "div",
@@ -251,47 +255,46 @@ const P = ({
       className: o(
         "truncate body-3",
         n ? "text-disabled" : "text-muted",
-        e
+        a
       ),
-      ...a,
+      ...e,
       children: t
     }
   );
 };
-P.displayName = "CardContentDescription";
-const z = ({
+j.displayName = "CardContentDescription";
+const P = ({
   ref: r,
   children: t,
-  className: e,
-  ...a
+  className: a,
+  ...e
 }) => {
-  const n = c({
-    consumerName: "CardTrailing"
+  const { disabled: n } = c({
+    consumerName: "CardTrailing",
+    contextRequired: !1
   });
-  return /* @__PURE__ */ s(F, { value: { align: "right" }, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(R, { value: { align: "right" }, children: /* @__PURE__ */ s(
     "div",
     {
       ref: r,
       className: o(
         "flex shrink-0 items-center gap-12",
         n && "text-disabled",
-        e
+        a
       ),
-      ...a,
+      ...e,
       children: t
     }
   ) });
 };
-z.displayName = "CardTrailing";
-const V = ({
+P.displayName = "CardTrailing";
+const z = ({
   ref: r,
   children: t,
-  className: e,
-  ...a
+  className: a,
+  ...e
 }) => {
-  const n = c({
-    consumerName: "CardFooter"
-  }), { footerExpanded: i } = v({
+  const { disabled: n, footerExpanded: i } = c({
     consumerName: "CardFooter",
     contextRequired: !1
   });
@@ -309,41 +312,41 @@ const V = ({
           className: o(
             "flex w-full flex-col gap-8 px-12 py-10",
             n && "text-disabled",
-            e
+            a
           ),
-          ...a,
+          ...e,
           children: t
         }
       ) })
     }
   );
 };
-V.displayName = "CardFooter";
-const B = ({
+z.displayName = "CardFooter";
+const V = ({
   ref: r,
   children: t,
-  className: e,
-  ...a
+  className: a,
+  ...e
 }) => /* @__PURE__ */ s(
   "div",
   {
     ref: r,
-    className: o("flex flex-row justify-end gap-10", e),
-    ...a,
+    className: o("flex flex-row justify-end gap-10", a),
+    ...e,
     children: t
   }
 );
-B.displayName = "CardFooterActions";
+V.displayName = "CardFooterActions";
 export {
-  A as Card,
-  T as CardContent,
-  P as CardContentDescription,
-  j as CardContentRow,
-  q as CardContentTitle,
-  V as CardFooter,
-  B as CardFooterActions,
-  D as CardHeader,
+  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,
-  z as CardTrailing,
-  k as resolveCardInnerContext
+  P as CardTrailing,
+  y as resolveCardInnerContext
 };

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

@@ -4,6 +4,7 @@ export type CardContextValue = {
     cardClickable: boolean;
     headerClickable: boolean;
     footerExpanded: boolean;
+    disabled: boolean;
     onHeaderClick?: MouseEventHandler<HTMLDivElement>;
 };
 export type CardContentAlignContextValue = {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,QAAQ,GAAG,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Card/types.ts"],"names":[],"mappings":"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"}

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

@@ -28,7 +28,7 @@ import { CardButtonProps } from './types';
  * />
  */
 export declare const CardButton: {
-    ({ ref, className, appearance, icon, title, description, hideChevron, ...props }: CardButtonProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, className, appearance, icon, title, description, hideChevron, disabled: disabledProp, ...props }: CardButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# 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;sFASpB,eAAe;;CAgCjB,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;8GAUpB,eAAe;;CAoCjB,CAAC"}

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

@@ -1,8 +1,8 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { cn as u } from "../../../libs/utils-shared/dist/index.js";
-import { cva as c } from "class-variance-authority";
-import { ChevronRight as m } from "../../Symbols/Icons/ChevronRight.js";
-const f = c(
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useDisabledContext as m, cn as p } from "../../../libs/utils-shared/dist/index.js";
+import { cva as f } from "class-variance-authority";
+import { ChevronRight as v } from "../../Symbols/Icons/ChevronRight.js";
+const h = f(
   "group inline-flex h-fit w-full cursor-pointer items-center gap-12 rounded-sm p-12 transition-colors focus-visible:outline-2 focus-visible:outline-focus disabled:cursor-default disabled:text-disabled",
   {
     variants: {
@@ -15,37 +15,41 @@ const f = c(
       appearance: "base"
     }
   }
-), p = ({
-  ref: l,
+), x = ({
+  ref: i,
   className: d,
-  appearance: r,
+  appearance: l,
   icon: n,
   title: o,
   description: s,
-  hideChevron: b,
-  ...t
+  hideChevron: r,
+  disabled: u,
+  ...b
 }) => {
-  const a = n;
-  return /* @__PURE__ */ i(
+  const c = m({
+    consumerName: "CardButton",
+    mergeWith: { disabled: u }
+  }), t = n;
+  return /* @__PURE__ */ a(
     "button",
     {
-      ref: l,
-      className: u(
+      ref: i,
+      className: p(
         d,
-        f({
-          appearance: r
+        h({
+          appearance: l
         })
       ),
-      disabled: t.disabled,
-      ...t,
+      disabled: c,
+      ...b,
       children: [
-        a && /* @__PURE__ */ e(a, { size: 24, className: "shrink-0" }),
-        /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 flex-col gap-4 text-left", children: [
+        t && /* @__PURE__ */ e(t, { size: 24, className: "shrink-0" }),
+        /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-4 text-left", children: [
           /* @__PURE__ */ e("div", { className: "min-w-0 truncate body-2-semi-bold", children: o }),
           s && /* @__PURE__ */ e("div", { className: "line-clamp-2 min-w-0 body-3 text-muted group-disabled:text-disabled", children: s })
         ] }),
-        !b && /* @__PURE__ */ e(
-          m,
+        !r && /* @__PURE__ */ e(
+          v,
           {
             size: 24,
             className: "shrink-0 text-muted group-disabled:text-disabled"
@@ -55,7 +59,7 @@ const f = c(
     }
   );
 };
-p.displayName = "CardButton";
+x.displayName = "CardButton";
 export {
-  p as CardButton
+  x as CardButton
 };

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

@@ -39,7 +39,7 @@ import { CheckboxProps } from './types';
  * <Checkbox className="mr-8" />
  */
 export declare const Checkbox: {
-    ({ ref, className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, className, disabled: disabledProp, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
 };
 //# 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;mCAAkC,aAAa;;CAUnE,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;2DAKlB,aAAa;;CAkBf,CAAC"}

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

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
-import { cn as a } from "../../../libs/utils-shared/dist/index.js";
+import { useDisabledContext as r, cn as a } from "../../../libs/utils-shared/dist/index.js";
 import * as t from "@radix-ui/react-checkbox";
-import { Check as i } from "../../Symbols/Icons/Check.js";
-const o = a(
+import { Check as b } from "../../Symbols/Icons/Check.js";
+const n = a(
   "size-20 shrink-0 cursor-pointer rounded-xs transition-colors",
   "focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:outline-hidden",
   "data-[state=unchecked]:border data-[state=unchecked]:border-muted data-[state=unchecked]:bg-base",
@@ -13,16 +13,28 @@ const o = 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"
-), r = ({ ref: s, className: c, ...d }) => /* @__PURE__ */ e(
-  t.Root,
-  {
-    ref: s,
-    className: a(o, c),
-    ...d,
-    children: /* @__PURE__ */ e(t.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(i, { size: 16 }) })
-  }
-);
-r.displayName = t.Root.displayName;
+), h = ({
+  ref: s,
+  className: d,
+  disabled: c,
+  ...i
+}) => {
+  const o = r({
+    consumerName: "Checkbox",
+    mergeWith: { disabled: c }
+  });
+  return /* @__PURE__ */ e(
+    t.Root,
+    {
+      ref: s,
+      className: a(n, d),
+      disabled: o,
+      ...i,
+      children: /* @__PURE__ */ e(t.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(b, { size: 16 }) })
+    }
+  );
+};
+h.displayName = t.Root.displayName;
 export {
-  r as Checkbox
+  h as Checkbox
 };

package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js

@@ -11,7 +11,7 @@ const C = N("flex px-24 text-base", {
   variants: {
     appearance: {
       compact: "mb-12 h-64 min-h-64 flex-row items-center gap-12",
-      extended: "flex-col gap-16 pb-12 pt-10"
+      expanded: "flex-col gap-16 pb-12 pt-10"
     }
   }
 }), d = ({ onBack: r }) => {
@@ -86,7 +86,7 @@ const C = N("flex px-24 text-base", {
         ),
         /* @__PURE__ */ e(p, { onClose: m })
       ] }),
-      o === "extended" && /* @__PURE__ */ i(s, { children: [
+      o === "expanded" && /* @__PURE__ */ i(s, { children: [
         /* @__PURE__ */ i("div", { className: "flex h-40 flex-row items-center", children: [
           n && /* @__PURE__ */ e(d, { onBack: n }),
           /* @__PURE__ */ e("div", { className: "ml-auto", children: /* @__PURE__ */ e(p, { onClose: m }) })

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

@@ -98,7 +98,7 @@ export type DialogHeaderProps = {
      * The appearance variant of the header.
      * @default 'compact'
      */
-    appearance?: 'compact' | 'extended';
+    appearance?: 'compact' | 'expanded';
     /**
      * The main title to display in the header.
      */