@ledgerhq/lumen-ui-react 0.1.11 → 0.1.13

package/dist/lib/Components/AmountDisplay/AmountDisplay.js

@@ -1,33 +1,33 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { useSplitText as y, buildAriaLabel as x, cn as p } from "../../../libs/utils-shared/dist/index.js";
 import { memo as d } from "react";
 import { DIGITS as b } from "./types.js";
 import { useCommonTranslation as D } from "../../../i18n/useCommonTranslation.js";
 const N = {
-  0: 24.5,
-  1: 15,
-  2: 23,
-  3: 24,
-  4: 25,
-  5: 23,
-  6: 24.5,
-  7: 21.5,
-  8: 24,
-  9: 24
+  0: 25,
+  1: 15.5,
+  2: 23.5,
+  3: 24.5,
+  4: 25.5,
+  5: 23.5,
+  6: 25,
+  7: 22,
+  8: 24.5,
+  9: 24.5
 }, I = {
-  0: 17,
-  1: 10.5,
-  2: 16,
-  3: 16.5,
-  4: 17.2,
-  5: 15.7,
-  6: 17,
-  7: 14.7,
-  8: 16.5,
-  9: 16.5
+  0: 17.5,
+  1: 11,
+  2: 16.5,
+  3: 17,
+  4: 18,
+  5: 16,
+  6: 17.5,
+  7: 15,
+  8: 17,
+  9: 17
 }, T = d(({ value: a, animate: l, type: i }) => {
   const s = (i === "integer" ? N : I)[a];
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: "relative overflow-hidden mask-fade-y transition-[width] duration-600",
@@ -44,50 +44,50 @@ const N = {
             style: {
               transform: `translateY(-${a * 10}%)`
             },
-            children: b.map((r, n) => /* @__PURE__ */ e("span", { inert: r !== a, children: r }, n))
+            children: b.map((n, r) => /* @__PURE__ */ e("span", { inert: n !== a, children: n }, r))
           }
         )
       ]
     }
   );
-}), m = d(({ items: a, type: l, animate: i }) => a.map((s, r) => {
-  const n = a.length - r;
-  return s.type === "separator" ? /* @__PURE__ */ e("span", { children: s.value }, n) : /* @__PURE__ */ e(
+}), m = d(({ items: a, type: l, animate: i }) => a.map((s, n) => {
+  const r = a.length - n;
+  return s.type === "separator" ? /* @__PURE__ */ e("span", { children: s.value }, r) : /* @__PURE__ */ e(
     T,
     {
       value: Number(s.value),
       animate: i,
       type: l
     },
-    n
+    r
   );
 })), g = ({
   value: a,
   formatter: l,
   hidden: i = !1,
   loading: s = !1,
-  animate: r = !0,
-  className: n,
+  animate: n = !0,
+  className: r,
   ...u
 }) => {
-  const t = l(a), c = y(t), { t: f } = D(), h = x(
+  const t = l(a), o = y(t), { t: f } = D(), h = x(
     t,
     i,
     f("components.amountDisplay.amountHiddenAriaLabel")
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(
     "div",
     {
       className: p(
         s && "animate-pulse",
-        "relative inline-flex items-baseline",
-        n
+        "relative inline-flex",
+        r
       ),
       "aria-label": h,
       "aria-busy": s,
       ...u,
-      children: [
-        /* @__PURE__ */ o(
+      children: /* @__PURE__ */ c("div", { className: "flex items-baseline", children: [
+        /* @__PURE__ */ c(
           "span",
           {
             className: "inline-flex heading-1-semi-bold text-base",
@@ -97,15 +97,15 @@ const N = {
               i ? /* @__PURE__ */ e("span", { children: "••••" }) : /* @__PURE__ */ e(
                 m,
                 {
-                  items: c.integerPart,
-                  animate: r,
+                  items: o.integerPart,
+                  animate: n,
                   type: "integer"
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ c(
           "span",
           {
             className: "inline-flex heading-2-semi-bold text-muted",
@@ -115,8 +115,8 @@ const N = {
               t.decimalPart && !i && /* @__PURE__ */ e(
                 m,
                 {
-                  items: c.decimalPart,
-                  animate: r,
+                  items: o.decimalPart,
+                  animate: n,
                   type: "decimal"
                 }
               ),
@@ -124,7 +124,7 @@ const N = {
             ]
           }
         )
-      ]
+      ] })
     }
   );
 };

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

@@ -5,7 +5,7 @@ import { AmountInputProps } from './types';
  * The currency text can be positioned either on the left or right side of the input.
  */
 export declare const AmountInput: {
-    ({ ref, className, currencyText, currencyPosition, disabled, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, value, onChange, ...props }: AmountInputProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, className, currencyText, currencyPosition, disabled: disabledProp, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, value, onChange, ...props }: AmountInputProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=AmountInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAgC3C;;;;GAIG;AACH,eAAO,MAAM,WAAW;qKAarB,gBAAgB;;CA8GlB,CAAC"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAgC3C;;;;GAIG;AACH,eAAO,MAAM,WAAW;mLAarB,gBAAgB;;CAkHlB,CAAC"}

package/dist/lib/Components/AmountInput/AmountInput.js

@@ -1,8 +1,8 @@
-import { jsxs as V, jsx as l } from "react/jsx-runtime";
-import { getFontSize as j, cn as a, textFormatter as F } from "../../../libs/utils-shared/dist/index.js";
-import { cva as z } from "class-variance-authority";
-import { useRef as p, useState as h, useMemo as M, useLayoutEffect as q, useEffect as D } from "react";
-const H = z(
+import { jsxs as j, jsx as l } from "react/jsx-runtime";
+import { useDisabledContext as F, getFontSize as z, cn as a, textFormatter as D } from "../../../libs/utils-shared/dist/index.js";
+import { cva as M } from "class-variance-authority";
+import { useRef as d, useState as h, useMemo as W, useLayoutEffect as q, useEffect as L } from "react";
+const Q = M(
   [
     "bg-transparent heading-0 caret-active outline-hidden transition-colors",
     "text-base placeholder:text-muted-subtle",
@@ -28,11 +28,11 @@ const H = z(
   "group-has-[input:placeholder-shown]:text-muted-subtle",
   "group-has-[input:disabled]:cursor-not-allowed group-has-[input:disabled]:text-disabled",
   'group-has-[input[aria-invalid="true"]]:text-error'
-), J = ({
+), Y = ({
   ref: x,
   className: S,
-  currencyText: r,
-  currencyPosition: d = "left",
+  currencyText: s,
+  currencyPosition: p = "left",
   disabled: v,
   maxIntegerLength: w = 9,
   maxDecimalLength: y = 9,
@@ -40,9 +40,12 @@ const H = z(
   thousandsSeparator: N = !0,
   value: u,
   onChange: A,
-  ...R
+  ...I
 }) => {
-  const c = p(null), s = p(null), [n, f] = h(u.toString()), [k, m] = h(!1), g = p(n);
+  const R = F({
+    consumerName: "AmountInput",
+    mergeWith: { disabled: v }
+  }), c = d(null), r = d(null), [n, m] = h(u.toString()), [k, f] = h(!1), g = d(n);
   function E(...t) {
     return (e) => {
       t.forEach((o) => {
@@ -50,41 +53,41 @@ const H = z(
       });
     };
   }
-  const i = M(() => j(n) + "px", [n]);
+  const i = W(() => z(n) + "px", [n]);
   q(() => {
-    if (c.current && s.current) {
+    if (c.current && r.current) {
       const t = c.current.offsetWidth, e = n === "" ? 33 : 8;
-      s.current.style.width = `${t + e}px`;
+      r.current.style.width = `${t + e}px`;
     }
-  }, [n]), D(() => {
-    f(u.toString());
+  }, [n]), L(() => {
+    m(u.toString());
   }, [u]);
-  const I = (t) => {
-    const e = F(t.target.value, {
+  const V = (t) => {
+    const e = D(t.target.value, {
       allowDecimals: C,
       thousandsSeparator: N,
       maxIntegerLength: w,
       maxDecimalLength: y
     });
-    f(e), A({ ...t, target: { ...t.target, value: e } }), e !== g.current && m(!0), g.current = e;
+    m(e), A({ ...t, target: { ...t.target, value: e } }), e !== g.current && f(!0), g.current = e;
   };
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ j(
     "div",
     {
       className: "group relative flex items-center justify-center transition-transform",
       onPointerDown: () => {
-        const t = s.current;
+        const t = r.current;
         t && window.requestAnimationFrame(() => {
           t.focus();
         });
       },
       children: [
-        r && d === "left" && /* @__PURE__ */ l(
+        s && p === "left" && /* @__PURE__ */ l(
           "span",
           {
             className: a(b, "shrink-0"),
             style: { fontSize: i, letterSpacing: "normal" },
-            children: r
+            children: s
           }
         ),
         /* @__PURE__ */ l(
@@ -100,31 +103,31 @@ const H = z(
         /* @__PURE__ */ l(
           "input",
           {
-            ref: E(x, s),
+            ref: E(x, r),
             type: "text",
             inputMode: "decimal",
-            disabled: v,
+            disabled: R,
             value: n,
-            onChange: I,
-            onAnimationEnd: () => m(!1),
-            className: a(H({ isChanging: k }), S),
-            ...R,
+            onChange: V,
+            onAnimationEnd: () => f(!1),
+            className: a(Q({ isChanging: k }), S),
+            ...I,
             style: { fontSize: i, letterSpacing: "normal" }
           }
         ),
-        r && d === "right" && /* @__PURE__ */ l(
+        s && p === "right" && /* @__PURE__ */ l(
           "span",
           {
             className: a(b, "shrink-0"),
             style: { fontSize: i, letterSpacing: "normal" },
-            children: r
+            children: s
           }
         )
       ]
     }
   );
 };
-J.displayName = "AmountInput";
+Y.displayName = "AmountInput";
 export {
-  J as AmountInput
+  Y as AmountInput
 };

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

@@ -29,8 +29,8 @@ const k = {
   appearance: s = "info",
   title: a,
   description: o,
-  primaryAction: l,
-  secondaryAction: n,
+  primaryAction: n,
+  secondaryAction: l,
   className: t,
   onClose: i,
   closeAriaLabel: f,
@@ -50,9 +50,9 @@ const k = {
             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 })
           ] }),
-          (l || n) && /* @__PURE__ */ e("div", { className: "flex gap-4", children: [
-            l,
-            n
+          (n || l) && /* @__PURE__ */ e("div", { className: "flex gap-4", children: [
+            n,
+            l
           ] })
         ] }),
         i && /* @__PURE__ */ r(

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

@@ -19,7 +19,7 @@ import { BaseInputProps } from './types';
  * @internal
  */
 export declare const BaseInput: {
-    ({ ref, className, containerClassName, inputClassName, labelClassName, label, id, disabled, errorMessage, suffix, prefix, onClear, hideClearButton, "aria-invalid": ariaInvalidProp, onChange: onChangeProp, ...props }: BaseInputProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, className, containerClassName, inputClassName, labelClassName, label, id, disabled: disabledProp, errorMessage, suffix, prefix, onClear, hideClearButton, "aria-invalid": ariaInvalidProp, onChange: onChangeProp, ...props }: BaseInputProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=BaseInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA2BzC;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS;6NAiBnB,cAAc;;CAqKhB,CAAC"}
+{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA2BzC;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS;2OAiBnB,cAAc;;CAyKhB,CAAC"}

package/dist/lib/Components/BaseInput/BaseInput.js

@@ -1,63 +1,66 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { cn as a } from "../../../libs/utils-shared/dist/index.js";
-import c from "react";
-import { useCommonTranslation as O } from "../../../i18n/useCommonTranslation.js";
-import { InteractiveIcon as $ } from "../InteractiveIcon/InteractiveIcon.js";
+import { useDisabledContext as $, cn as a } from "../../../libs/utils-shared/dist/index.js";
+import d from "react";
+import { useCommonTranslation as q } from "../../../i18n/useCommonTranslation.js";
+import { InteractiveIcon as H } from "../InteractiveIcon/InteractiveIcon.js";
 import { DeleteCircleFill as x } from "../../Symbols/Icons/DeleteCircleFill.js";
-const q = a(
+const P = a(
   "group relative flex h-48 w-full cursor-text items-center gap-8 rounded-sm bg-muted px-16 transition-colors",
   "focus-within:ring-2 focus-within:ring-active hover:bg-muted-hover",
   "has-disabled:cursor-not-allowed has-disabled:bg-disabled has-disabled:text-disabled",
   "has-invalid:border-error has-invalid:ring-1 has-invalid:ring-error",
   'has-[input[aria-invalid="true"]]:border-error has-[input[aria-invalid="true"]]:ring-1 has-[input[aria-invalid="true"]]:ring-error'
-), H = a(
+), U = a(
   "peer w-full flex-1 bg-muted body-1 text-base caret-active outline-hidden transition-colors",
   "group-hover:bg-muted-hover group-disabled:bg-disabled",
   "group-has-disabled:cursor-not-allowed group-has-disabled:bg-disabled group-has-disabled:text-disabled",
   "placeholder:text-muted group-has-disabled:placeholder:text-disabled",
   "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
   "truncate"
-), P = a(
+), W = a(
   "pointer-events-none absolute top-6 left-16 origin-left body-4 text-muted transition-all duration-300",
   "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-placeholder-shown:body-2",
   "group-has-disabled:text-disabled",
   "peer-focus:top-6 peer-focus:translate-y-0 peer-focus:body-4",
   "w-[calc(100%-var(--size-56))] truncate"
-), U = ({
+), G = ({
   ref: y,
   className: I,
   containerClassName: C,
   inputClassName: S,
   labelClassName: N,
-  label: d,
+  label: u,
   id: k,
-  disabled: h,
+  disabled: R,
   errorMessage: o,
-  suffix: R,
-  prefix: E,
-  onClear: j,
-  hideClearButton: z = !1,
+  suffix: B,
+  prefix: D,
+  onClear: E,
+  hideClearButton: j = !1,
   "aria-invalid": b,
-  onChange: m,
+  onChange: h,
   ...i
 }) => {
-  const { t: B } = O(), n = c.useRef(null), D = c.useId(), u = k || `input-${D}`, F = b || (o ? !0 : void 0), s = i.value !== void 0, [L, v] = c.useState(
+  const m = $({
+    consumerName: "BaseInput",
+    mergeWith: { disabled: R }
+  }), { t: z } = q(), n = d.useRef(null), F = d.useId(), c = k || `input-${F}`, L = b || (o ? !0 : void 0), s = i.value !== void 0, [T, v] = d.useState(
     i.defaultValue?.toString() || ""
-  ), T = c.useCallback(
+  ), V = d.useCallback(
     (t) => {
-      s || v(t.target.value), m?.(t);
+      s || v(t.target.value), h?.(t);
     },
-    [s, m]
-  ), f = (s ? !!i.value && i.value.toString().length > 0 : L.length > 0) && !h && !z, g = `${u}-error`, V = () => {
+    [s, h]
+  ), f = (s ? !!i.value && i.value.toString().length > 0 : T.length > 0) && !m && !j, g = `${c}-error`, A = () => {
     if (!n.current) return;
     Object.getOwnPropertyDescriptor(
       window.HTMLInputElement.prototype,
       "value"
     )?.set?.call(n.current, ""), s || v("");
     const l = new Event("input", { bubbles: !0 });
-    n.current.dispatchEvent(l), n.current.focus(), j?.();
+    n.current.dispatchEvent(l), n.current.focus(), E?.();
   };
-  function A(...t) {
+  function O(...t) {
     return (l) => {
       t.forEach((e) => {
         e && (typeof e == "function" ? e(l) : e.current = l);
@@ -68,7 +71,7 @@ const q = a(
     /* @__PURE__ */ p(
       "div",
       {
-        className: a(q, C),
+        className: a(P, C),
         onPointerDown: (t) => {
           if (t.target.closest("input, button, a")) return;
           const e = n.current;
@@ -83,47 +86,47 @@ const q = a(
           });
         },
         children: [
-          E,
+          D,
           /* @__PURE__ */ r(
             "input",
             {
-              ref: A(y, n),
-              id: u,
-              disabled: h,
+              ref: O(y, n),
+              id: c,
+              disabled: m,
               placeholder: " ",
-              "aria-invalid": F,
+              "aria-invalid": L,
               "aria-describedby": o ? g : void 0,
               className: a(
-                H,
-                d && "pt-12 body-2",
+                U,
+                u && "pt-12 body-2",
                 S
               ),
-              onChange: T,
+              onChange: V,
               ...i
             }
           ),
-          d && /* @__PURE__ */ r(
+          u && /* @__PURE__ */ r(
             "label",
             {
-              htmlFor: u,
+              htmlFor: c,
               className: a(
-                P,
+                W,
                 o && "text-error",
                 N
               ),
-              children: d
+              children: u
             }
           ),
           f && /* @__PURE__ */ r(
-            $,
+            H,
             {
               iconType: "filled",
-              onClick: V,
-              "aria-label": B("components.baseInput.clearInputAriaLabel"),
+              onClick: A,
+              "aria-label": z("components.baseInput.clearInputAriaLabel"),
               children: /* @__PURE__ */ r(x, { size: 20 })
             }
           ),
-          !f && R
+          !f && B
         ]
       }
     ),
@@ -141,7 +144,7 @@ const q = a(
     )
   ] });
 };
-U.displayName = "BaseInput";
+G.displayName = "BaseInput";
 export {
-  U as BaseInput
+  G as BaseInput
 };

package/dist/lib/Components/Button/BaseButton.d.ts

@@ -7,7 +7,7 @@ export declare const baseButtonVariants: (props?: ({
     isFull?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const BaseButton: {
-    ({ ref, className, appearance, size, isFull, disabled, asChild, icon: Icon, loading, children, onClick, ...props }: BaseButtonProps): import("react/jsx-runtime").JSX.Element;
+    ({ ref, className, appearance, size, isFull, disabled: disabledProp, asChild, icon: Icon, loading, children, onClick, ...props }: BaseButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=BaseButton.d.ts.map

package/dist/lib/Components/Button/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,kBAAkB;;;;;;8EAqD9B,CAAC;AAkBF,eAAO,MAAM,UAAU;wHAapB,eAAe;;CA4CjB,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,kBAAkB;;;;;;8EAqD9B,CAAC;AAkBF,eAAO,MAAM,UAAU;sIAapB,eAAe;;CAgDjB,CAAC"}

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

@@ -1,8 +1,8 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { cn as x } from "../../../libs/utils-shared/dist/index.js";
-import { Slot as f, Slottable as h } from "@radix-ui/react-slot";
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { useDisabledContext as f, cn as h } from "../../../libs/utils-shared/dist/index.js";
+import { Slot as B, Slottable as z } from "@radix-ui/react-slot";
 import { cva as l } from "class-variance-authority";
-import { Spinner as z } from "../Spinner/Spinner.js";
+import { Spinner as N } from "../Spinner/Spinner.js";
 const S = l(
   "inline-flex size-fit cursor-pointer items-center justify-center rounded-full transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
   {
@@ -65,60 +65,63 @@ const S = l(
       true: "text-disabled"
     }
   }
-}), B = ({
-  ref: d,
+}), y = ({
+  ref: c,
   className: u,
   appearance: a = "base",
   size: s,
   isFull: v,
-  disabled: e = !1,
-  asChild: n = !1,
-  icon: i,
+  disabled: p = !1,
+  asChild: o = !1,
+  icon: n,
   loading: r = !1,
-  children: o,
-  onClick: p,
+  children: i,
+  onClick: m,
   ...g
 }) => {
-  const c = s ? {
+  const e = f({
+    consumerName: "BaseButton",
+    mergeWith: { disabled: p }
+  }), d = s ? {
     xs: 16,
     sm: 20,
     md: 24,
     lg: 24
   }[s] : 24;
-  return /* @__PURE__ */ m(
-    n ? f : "button",
+  return /* @__PURE__ */ x(
+    o ? B : "button",
     {
-      className: x(
+      className: h(
         S({ disabled: e, loading: r, appearance: a, size: s, isFull: v }),
         u
       ),
-      ref: d,
+      ref: c,
       "data-disabled": e || void 0,
       disabled: e,
-      onClick: p,
+      onClick: m,
       ...g,
       children: [
         r && /* @__PURE__ */ t(
-          z,
+          N,
           {
-            size: c,
+            size: d,
             className: b({ appearance: a, disabled: e })
           }
         ),
-        !r && i && /* @__PURE__ */ t(
-          i,
+        !r && n && /* @__PURE__ */ t(
+          n,
           {
-            size: c,
+            size: d,
             className: b({ appearance: a, disabled: e })
           }
         ),
-        o && (n ? /* @__PURE__ */ t(h, { children: o }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: o }))
+        i && (o ? /* @__PURE__ */ t(z, { children: i }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: i }))
       ]
     }
   );
 };
-B.displayName = "BaseButton";
+y.displayName = "BaseButton";
 export {
-  B as BaseButton,
+  y as BaseButton,
   S as baseButtonVariants
 };