@ledgerhq/lumen-ui-react 0.1.11 → 0.1.12

package/dist/lib/Components/Stepper/Stepper.js

@@ -1,17 +1,27 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { cn as d, getStepperCalculations as b } from "../../../libs/utils-shared/dist/index.js";
-import { forwardRef as v } from "react";
-const s = 48, i = 4, N = v(
-  ({ className: m, currentStep: t, totalSteps: r, disabled: h = !1, label: o, ...f }, u) => {
-    const {
-      displayLabel: p,
+import { useDisabledContext as N, cn as c, getStepperCalculations as v } from "../../../libs/utils-shared/dist/index.js";
+import { forwardRef as D } from "react";
+const s = 48, i = 4, g = D(
+  ({
+    className: m,
+    currentStep: t,
+    totalSteps: r,
+    disabled: h = !1,
+    label: o,
+    ...u
+  }, f) => {
+    const p = N({
+      consumerName: "Stepper",
+      mergeWith: { disabled: h }
+    }), {
+      displayLabel: k,
       r: n,
       cx: l,
-      cy: c,
-      trackDashArray: k,
-      progressDashArray: y,
-      progressDashOffset: x
-    } = b({
+      cy: d,
+      trackDashArray: b,
+      progressDashArray: x,
+      progressDashOffset: y
+    } = v({
       currentStep: t,
       totalSteps: r,
       size: s,
@@ -21,17 +31,17 @@ const s = 48, i = 4, N = v(
     return /* @__PURE__ */ a(
       "div",
       {
-        ref: u,
+        ref: f,
         role: "progressbar",
         "aria-valuenow": t,
         "aria-valuemin": 1,
         "aria-valuemax": r,
-        "aria-label": p,
-        className: d(
+        "aria-label": k,
+        className: c(
           "relative flex size-48 shrink-0 items-center justify-center rounded-full",
           m
         ),
-        ...f,
+        ...u,
         children: [
           /* @__PURE__ */ a(
             "svg",
@@ -46,7 +56,7 @@ const s = 48, i = 4, N = v(
                   "circle",
                   {
                     cx: l,
-                    cy: c,
+                    cy: d,
                     r: n,
                     fill: "none",
                     stroke: "currentColor",
@@ -54,7 +64,7 @@ const s = 48, i = 4, N = v(
                     className: "stroke-muted-subtle",
                     style: {
                       strokeWidth: `${i}px`,
-                      strokeDasharray: k,
+                      strokeDasharray: b,
                       strokeDashoffset: 0
                     }
                   }
@@ -63,19 +73,19 @@ const s = 48, i = 4, N = v(
                   "circle",
                   {
                     cx: l,
-                    cy: c,
+                    cy: d,
                     r: n,
                     fill: "none",
                     stroke: "currentColor",
                     strokeLinecap: "round",
-                    className: d(
-                      h ? "stroke-muted-subtle-hover" : "stroke-active",
+                    className: c(
+                      p ? "stroke-muted-subtle-hover" : "stroke-active",
                       "transition-[stroke-dashoffset,stroke] duration-300 ease-in-out"
                     ),
                     style: {
                       strokeWidth: `${i}px`,
-                      strokeDasharray: y,
-                      strokeDashoffset: x
+                      strokeDasharray: x,
+                      strokeDashoffset: y
                     }
                   }
                 )
@@ -94,7 +104,7 @@ const s = 48, i = 4, N = v(
     );
   }
 );
-N.displayName = "Stepper";
+g.displayName = "Stepper";
 export {
-  N as Stepper
+  g as Stepper
 };

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

@@ -1,4 +1,4 @@
-import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps, SubheaderInfoProps, SubheaderProps, SubheaderRowProps, SubheaderShowMoreProps, SubheaderTitleProps } from './types';
+import { SubheaderCountProps, SubheaderDescriptionProps, SubheaderInfoProps, SubheaderProps, SubheaderRowProps, SubheaderShowMoreProps, SubheaderTitleProps } from './types';
 /**
  * Title component for the Subheader. Displays the main heading.
  * Use the `as` prop to control heading semantics and avoid multiple h2s on a page.
@@ -36,11 +36,6 @@ export declare const SubheaderShowMore: ({ className, ...props }: SubheaderShowM
  * Description component for the Subheader. Displays descriptive text below the title row.
  */
 export declare const SubheaderDescription: ({ children, className, ...props }: SubheaderDescriptionProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Action component for the Subheader. Displays an interactive text button.
- * Automatically positions itself at the end of the row using ml-auto.
- */
-export declare const SubheaderAction: ({ children, onClick, className, ...props }: SubheaderActionProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * A subheader component for displaying section titles with optional count, hints, descriptions, and action elements.
  * Uses a composable API where you explicitly nest sub-components to define the layout.
@@ -75,7 +70,7 @@ export declare const SubheaderAction: ({ children, onClick, className, ...props
  * </Subheader>
  *
  * @example
- * // Interactive row with action
+ * // Interactive row
  * <Subheader>
  *   <SubheaderRow onClick={handleClick}>
  *     <SubheaderTitle>Accounts</SubheaderTitle>

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

@@ -1 +1 @@
-{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,kDAK5B,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAK1B,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;6CAKvB,kBAAkB;;CAcpB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,4CAaxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CAM3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,4CAK7B,oBAAoB,4CActB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAMhB,CAAC"}
+{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,kDAK5B,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAK1B,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;6CAKvB,kBAAkB;;CAcpB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,4CAaxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CAM3B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAMhB,CAAC"}

package/dist/lib/Components/Subheader/Subheader.js

@@ -1,27 +1,27 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as s } from "../../../libs/utils-shared/dist/index.js";
 import { Information as i } from "../../Symbols/Icons/Information.js";
-import { ChevronRight as c } from "../../Symbols/Icons/ChevronRight.js";
-import { InteractiveIcon as u } from "../InteractiveIcon/InteractiveIcon.js";
+import { ChevronRight as m } from "../../Symbols/Icons/ChevronRight.js";
+import { InteractiveIcon as c } from "../InteractiveIcon/InteractiveIcon.js";
 const f = ({
-  children: t,
+  children: r,
   as: e = "h2",
-  className: r,
+  className: t,
   ...n
 }) => /* @__PURE__ */ o(
   e,
   {
     className: s(
       "min-w-0 truncate pe-1 heading-4-semi-bold text-base group-hover/row:text-base-hover",
-      r
+      t
     ),
     ...n,
-    children: t
+    children: r
   }
 ), x = ({
-  children: t,
+  children: r,
   onClick: e,
-  className: r,
+  className: t,
   ...n
 }) => /* @__PURE__ */ o(
   e ? "button" : "div",
@@ -29,46 +29,46 @@ const f = ({
     className: s(
       "group/row flex items-center gap-4",
       e && "cursor-pointer",
-      r
+      t
     ),
     onClick: e,
     ...n,
-    children: t
+    children: r
   }
 ), g = ({
-  value: t,
+  value: r,
   format: e,
-  className: r,
+  className: t,
   ...n
 }) => {
-  const a = e ? e(t) : `(${t})`;
+  const a = e ? e(r) : `(${r})`;
   return /* @__PURE__ */ o(
     "span",
     {
-      className: s("shrink-0 pl-2 body-2 text-muted", r),
+      className: s("shrink-0 pl-2 body-2 text-muted", t),
       ...n,
       children: a
     }
   );
-}, m = ({
-  ref: t,
+}, u = ({
+  ref: r,
   iconType: e = "stroked",
-  className: r,
+  className: t,
   ...n
 }) => /* @__PURE__ */ o("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ o(
-  u,
+  c,
   {
-    ref: t,
+    ref: r,
     iconType: e,
-    className: r,
+    className: t,
     "aria-label": "More information",
     ...n,
     children: /* @__PURE__ */ o(i, { size: 16 })
   }
 ) });
-m.displayName = "SubheaderInfo";
+u.displayName = "SubheaderInfo";
 const v = ({
-  className: t,
+  className: r,
   ...e
 }) => /* @__PURE__ */ o(
   "span",
@@ -76,43 +76,25 @@ const v = ({
     className: s(
       "inline-flex size-fit items-center justify-center rounded-full bg-base-transparent text-muted transition-colors group-hover/row:bg-base-transparent-hover group-hover/row:text-muted-hover",
       "-ml-2",
-      t
+      r
     ),
     ...e,
-    children: /* @__PURE__ */ o(c, { size: 20 })
+    children: /* @__PURE__ */ o(m, { size: 20 })
   }
 ), S = ({
-  children: t,
+  children: r,
   className: e,
-  ...r
-}) => /* @__PURE__ */ o("p", { className: s("body-3 text-muted", e), ...r, children: t }), N = ({
-  children: t,
-  onClick: e,
+  ...t
+}) => /* @__PURE__ */ o("p", { className: s("body-3 text-muted", e), ...t, children: r }), N = ({
   className: r,
-  ...n
-}) => /* @__PURE__ */ o(
-  "button",
-  {
-    type: "button",
-    onClick: e,
-    className: s(
-      "ml-auto shrink-0 cursor-pointer pl-8 body-2 text-interactive",
-      r
-    ),
-    ...n,
-    children: t
-  }
-), w = ({
-  className: t,
   children: e,
-  ...r
-}) => /* @__PURE__ */ o("div", { className: s("flex flex-col gap-4", t), ...r, children: e });
+  ...t
+}) => /* @__PURE__ */ o("div", { className: s("flex flex-col gap-4", r), ...t, children: e });
 export {
-  w as Subheader,
-  N as SubheaderAction,
+  N as Subheader,
   g as SubheaderCount,
   S as SubheaderDescription,
-  m as SubheaderInfo,
+  u as SubheaderInfo,
   x as SubheaderRow,
   v as SubheaderShowMore,
   f as SubheaderTitle

package/dist/lib/Components/Subheader/index.d.ts

@@ -1,3 +1,3 @@
-export { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription, SubheaderAction, } from './Subheader';
+export { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription, } from './Subheader';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/Subheader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,GAChB,MAAM,aAAa,CAAC;AACrB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,aAAa,CAAC;AACrB,cAAc,SAAS,CAAC"}

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

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { InteractiveIconProps } from '../InteractiveIcon';
 export type SubheaderProps = {
     /**
@@ -52,15 +52,5 @@ export type SubheaderDescriptionProps = {
      */
     children: ReactNode;
 } & Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>;
-export type SubheaderActionProps = {
-    /**
-     * The action element to display (e.g., button text).
-     */
-    children: ReactNode;
-    /**
-     * Click handler for the action.
-     */
-    onClick: () => void;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick'>;
 export type SubheaderShowMoreProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,IAAI,CACb,qBAAqB,EACrB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CACzD,CAAC;CACH,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,oBAAoB,EACpB,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAE1E,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,cAAc,CAAC,eAAe,CAAC,EAC/B,UAAU,CACX,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,IAAI,CACb,qBAAqB,EACrB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CACzD,CAAC;CACH,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,oBAAoB,EACpB,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,cAAc,CAAC,eAAe,CAAC,EAC/B,UAAU,CACX,CAAC"}

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

@@ -20,7 +20,7 @@ import { SwitchProps } from './types';
  * <Switch size="sm" selected={selected} onChange={(selected) => setSelected(selected)} disabled={someCondition} />
  */
 export declare const Switch: {
-    ({ ref, className, selected, defaultSelected, onChange, size, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, className, selected, defaultSelected, onChange, size, disabled: disabledProp, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Switch/Switch.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqCtC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;8EAQhB,WAAW;;CAWb,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Switch/Switch.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqCtC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;sGAShB,WAAW;;CAmBb,CAAC"}

package/dist/lib/Components/Switch/Switch.js

@@ -1,8 +1,8 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as s } from "../../../libs/utils-shared/dist/index.js";
-import * as e from "@radix-ui/react-switch";
+import { jsx as t } from "react/jsx-runtime";
+import { useDisabledContext as h, cn as s } from "../../../libs/utils-shared/dist/index.js";
+import * as a from "@radix-ui/react-switch";
 import { cva as d } from "class-variance-authority";
-const u = d(
+const b = d(
   s(
     "group flex cursor-pointer items-center rounded-full p-2 transition-colors duration-200 ease-in-out focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
     "[&[data-state=unchecked]:not([data-disabled])]:bg-muted-strong [&[data-state=unchecked]:not([data-disabled])]:hover:bg-muted-strong-hover [&[data-state=unchecked]:not([data-disabled])]:active:bg-muted-strong-pressed",
@@ -20,7 +20,7 @@ const u = d(
       size: "md"
     }
   }
-), m = d(
+), g = d(
   "translate-x-0 rounded-full bg-white transition-transform duration-200 ease-in-out group-data-disabled:bg-base",
   {
     variants: {
@@ -33,27 +33,35 @@ const u = d(
       size: "md"
     }
   }
-), h = ({
+), f = ({
   ref: i,
   className: o,
   selected: r,
   defaultSelected: n,
   onChange: c,
-  size: t = "md",
-  ...l
-}) => /* @__PURE__ */ a(
-  e.Root,
-  {
-    ref: i,
-    className: s(o, u({ size: t })),
-    checked: r,
-    defaultChecked: n,
-    onCheckedChange: c,
-    ...l,
-    children: /* @__PURE__ */ a(e.Thumb, { className: m({ size: t }) })
-  }
-);
-h.displayName = "Switch";
+  size: e = "md",
+  disabled: l,
+  ...u
+}) => {
+  const m = h({
+    consumerName: "Switch",
+    mergeWith: { disabled: l }
+  });
+  return /* @__PURE__ */ t(
+    a.Root,
+    {
+      ref: i,
+      className: s(o, b({ size: e })),
+      checked: r,
+      defaultChecked: n,
+      onCheckedChange: c,
+      disabled: m,
+      ...u,
+      children: /* @__PURE__ */ t(a.Thumb, { className: g({ size: e }) })
+    }
+  );
+};
+f.displayName = "Switch";
 export {
-  h as Switch
+  f as Switch
 };