@ledgerhq/lumen-ui-react 0.1.30 → 0.1.32

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

@@ -8,7 +8,7 @@ import { AddressInputProps } from './types';
  * - **Automatic clear button** appears when input has content
  * - **Conditional QR code scanner** appears only when onQrCodeClick handler is provided
  * - **ENS and address support** optimized for cryptocurrency address entry
- * - **Error state styling** with aria-invalid and errorMessage support
+ * - **Helper text** with optional `status` for validation feedback
  * - **Flexible styling** via className prop
  *
  * ## Clear Button Behavior
@@ -22,12 +22,12 @@ import { AddressInputProps } from './types';
  * // Basic address field with automatic clear button
  * <AddressInput value={address} onChange={(e) => setAddress(e.target.value)} />
  *
- * // Address field with error state
+ * // Address field with error state (aria-invalid is auto-set when status="error")
  * <AddressInput
  *   value={invalidAddress}
  *   onChange={(e) => setInvalidAddress(e.target.value)}
- *   aria-invalid={!isValid}
- *   errorMessage="Please enter a valid address or ENS name"
+ *   helperText="Please enter a valid address or ENS name"
+ *   status="error"
  * />
  *
  * // Address field with QR scanner

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

@@ -26,12 +26,12 @@ const g = {
   8: 17,
   9: 17
 }, u = d(({ value: a, animate: l, type: i }) => {
-  const s = (i === "integer" ? g : I)[a];
+  const r = (i === "integer" ? g : I)[a];
   return /* @__PURE__ */ c(
     "div",
     {
       className: "relative overflow-hidden mask-fade-y transition-[width] duration-600",
-      style: { width: s + "px" },
+      style: { width: r + "px" },
       children: [
         /* @__PURE__ */ e("span", { className: "invisible", children: "0" }),
         /* @__PURE__ */ e(
@@ -44,7 +44,7 @@ const g = {
             style: {
               transform: `translateY(-${a * 10}%)`
             },
-            children: D.map((r, n) => /* @__PURE__ */ e("span", { inert: r !== a, children: r }, n))
+            children: D.map((s, n) => /* @__PURE__ */ e("span", { inert: s !== a, children: s }, n))
           }
         )
       ]
@@ -52,12 +52,12 @@ const g = {
   );
 });
 u.displayName = "DigitStrip";
-const o = 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(
+const o = d(({ items: a, type: l, animate: i }) => a.map((r, s) => {
+  const n = a.length - s;
+  return r.type === "separator" ? /* @__PURE__ */ e("span", { children: r.value }, n) : /* @__PURE__ */ e(
     u,
     {
-      value: Number(s.value),
+      value: Number(r.value),
       animate: i,
       type: l
     },
@@ -69,8 +69,8 @@ const w = ({
   value: a,
   formatter: l,
   hidden: i = !1,
-  loading: s = !1,
-  animate: r = !0,
+  loading: r = !1,
+  animate: s = !0,
   className: n,
   ...f
 }) => {
@@ -83,12 +83,12 @@ const w = ({
     "div",
     {
       className: p(
-        s && "animate-pulse",
+        r && "animate-pulse",
         "relative inline-flex",
         n
       ),
       "aria-label": y,
-      "aria-busy": s,
+      "aria-busy": r,
       ...f,
       children: /* @__PURE__ */ c("div", { className: "flex items-baseline", children: [
         /* @__PURE__ */ c(
@@ -102,7 +102,7 @@ const w = ({
                 o,
                 {
                   items: m.integerPart,
-                  animate: r,
+                  animate: s,
                   type: "integer"
                 }
               )
@@ -120,7 +120,7 @@ const w = ({
                 o,
                 {
                   items: m.decimalPart,
-                  animate: r,
+                  animate: s,
                   type: "decimal"
                 }
               ),

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

@@ -2,7 +2,7 @@ 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(
+const Y = M(
   [
     "bg-transparent heading-0 caret-active outline-hidden transition-colors",
     "text-base placeholder:text-muted-subtle",
@@ -28,10 +28,10 @@ const Q = M(
   "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'
-), H = ({
+), J = ({
   ref: x,
   className: S,
-  currencyText: s,
+  currencyText: r,
   currencyPosition: p = "left",
   disabled: v,
   maxIntegerLength: w = 9,
@@ -45,7 +45,7 @@ const Q = M(
   const k = F({
     consumerName: "AmountInput",
     mergeWith: { disabled: v }
-  }), c = d(null), r = d(null), [n, f] = h(u.toString()), [E, m] = h(!1), g = d(n);
+  }), c = d(null), s = d(null), [n, f] = h(u.toString()), [E, m] = h(!1), g = d(n);
   function I(...t) {
     return (e) => {
       t.forEach((o) => {
@@ -55,9 +55,9 @@ const Q = M(
   }
   const i = W(() => z(n) + "px", [n]);
   q(() => {
-    if (c.current && r.current) {
+    if (c.current && s.current) {
       const t = c.current.offsetWidth, e = n === "" ? 33 : 8;
-      r.current.style.width = `${t + e}px`;
+      s.current.style.width = `${t + e}px`;
     }
   }, [n]), L(() => {
     f(u.toString());
@@ -76,18 +76,18 @@ const Q = M(
     {
       className: "group relative flex items-center justify-center transition-transform",
       onPointerDown: () => {
-        const t = r.current;
+        const t = s.current;
         t && window.requestAnimationFrame(() => {
           t.focus();
         });
       },
       children: [
-        s && p === "left" && /* @__PURE__ */ l(
+        r && p === "left" && /* @__PURE__ */ l(
           "span",
           {
             className: a(b, "shrink-0"),
             style: { fontSize: i, letterSpacing: "normal" },
-            children: s
+            children: r
           }
         ),
         /* @__PURE__ */ l(
@@ -103,24 +103,24 @@ const Q = M(
         /* @__PURE__ */ l(
           "input",
           {
-            ref: I(x, r),
+            ref: I(x, s),
             type: "text",
             inputMode: "decimal",
             disabled: k,
             value: n,
             onChange: V,
             onAnimationEnd: () => m(!1),
-            className: a(Q({ isChanging: E }), S),
+            className: a(Y({ isChanging: E }), S),
             ...R,
             style: { fontSize: i, letterSpacing: "normal" }
           }
         ),
-        s && p === "right" && /* @__PURE__ */ l(
+        r && p === "right" && /* @__PURE__ */ l(
           "span",
           {
             className: a(b, "shrink-0"),
             style: { fontSize: i, letterSpacing: "normal" },
-            children: s
+            children: r
           }
         )
       ]
@@ -128,5 +128,5 @@ const Q = M(
   );
 };
 export {
-  H as AmountInput
+  J as AmountInput
 };

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

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

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

@@ -18,5 +18,5 @@ import { BaseInputProps } from './types';
  *
  * @internal
  */
-export declare const BaseInput: ({ 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;
+export declare const BaseInput: ({ ref, className, containerClassName, inputClassName, labelClassName, label, id, disabled: disabledProp, helperText, status, suffix, prefix, onClear, hideClearButton, "aria-invalid": ariaInvalidProp, onChange: onChangeProp, placeholder: placeholderProp, ...props }: BaseInputProps) => import("react/jsx-runtime").JSX.Element;
 //# 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":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA2B9C;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS,GAAI,sOAiBvB,cAAc,4CA6JhB,CAAC"}
+{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAuE9C;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS,GAAI,0QAmBvB,cAAc,4CAuKhB,CAAC"}

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

@@ -1,143 +1,192 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { useDisabledContext as O, useMergedRef as $, cn as t } from "../../../libs/utils-shared/dist/index.js";
-import { useRef as q, useId as H, useState as P, useCallback as U } from "react";
-import { useCommonTranslation as W } from "../../../i18n/useCommonTranslation.js";
-import { InteractiveIcon as G } from "../InteractiveIcon/InteractiveIcon.js";
-import { DeleteCircleFill as w } from "../../Symbols/Icons/DeleteCircleFill.js";
-const J = t(
-  "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'
-), K = t(
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useDisabledContext as U, resolveBaseInputPlaceholder as G, useMergedRef as J, cn as n } from "../../../libs/utils-shared/dist/index.js";
+import { cva as u } from "class-variance-authority";
+import { useRef as K, useId as Q, useState as X, useCallback as Y } from "react";
+import { useCommonTranslation as Z } from "../../../i18n/useCommonTranslation.js";
+import { InteractiveIcon as _ } from "../InteractiveIcon/InteractiveIcon.js";
+import { DeleteCircleFill as y } from "../../Symbols/Icons/DeleteCircleFill.js";
+import { CheckmarkCircleFill as ee } from "../../Symbols/Icons/CheckmarkCircleFill.js";
+const te = u(
+  [
+    "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"
+  ],
+  {
+    variants: {
+      status: {
+        default: "",
+        error: "ring-1 ring-error focus-within:ring-2 focus-within:ring-error",
+        success: "ring-1 ring-success focus-within:ring-2 focus-within:ring-success"
+      }
+    },
+    defaultVariants: {
+      status: "default"
+    }
+  }
+), re = n(
   "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"
-), Q = t(
+), ae = n(
   "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"
-), ne = ({
-  ref: x,
-  className: y,
-  containerClassName: I,
-  inputClassName: C,
-  labelClassName: S,
+), oe = u(ae, {
+  variants: {
+    status: {
+      default: "",
+      error: "text-error",
+      success: ""
+    },
+    floated: {
+      true: "peer-placeholder-shown:top-6 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:body-4",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    status: "default",
+    floated: !1
+  }
+}), se = u("mt-8 flex items-center gap-2 body-3", {
+  variants: {
+    status: {
+      default: "text-muted",
+      error: "text-error",
+      success: "text-success"
+    }
+  },
+  defaultVariants: {
+    status: "default"
+  }
+}), be = ({
+  ref: I,
+  className: C,
+  containerClassName: S,
+  inputClassName: V,
+  labelClassName: N,
   label: l,
-  id: N,
-  disabled: R,
-  errorMessage: n,
-  suffix: k,
-  prefix: D,
-  onClear: j,
-  hideClearButton: z = !1,
-  "aria-invalid": u,
-  onChange: p,
-  ...r
+  id: k,
+  disabled: F,
+  helperText: p,
+  status: e,
+  suffix: P,
+  prefix: R,
+  onClear: z,
+  hideClearButton: B = !1,
+  "aria-invalid": D,
+  onChange: h,
+  placeholder: j,
+  ...a
 }) => {
-  const b = O({
+  const b = U({
     consumerName: "BaseInput",
-    mergeWith: { disabled: R }
-  }), { t: B } = W(), e = q(null), E = H(), d = N || `input-${E}`, F = u || (n ? !0 : void 0), s = r.value !== void 0, [L, h] = P(
-    r.defaultValue?.toString() || ""
-  ), T = U(
-    (a) => {
-      s || h(a.target.value), p?.(a);
+    mergeWith: { disabled: F }
+  }), { t: E } = Z(), t = K(null), L = Q(), c = k || `input-${L}`, A = D ?? (e === "error" ? !0 : void 0), i = a.value !== void 0, [H, f] = X(
+    a.defaultValue?.toString() || ""
+  ), M = Y(
+    (o) => {
+      i || f(o.target.value), h?.(o);
     },
-    [s, p]
-  ), m = (s ? !!r.value && r.value.toString().length > 0 : L.length > 0) && !b && !z, v = `${d}-error`, V = () => {
-    if (!e.current) return;
+    [i, h]
+  ), O = i ? !!a.value && a.value.toString().length > 0 : H.length > 0, { inputPlaceholder: T, labelStaysFloatedWithPlaceholder: W } = G({
+    label: l,
+    placeholder: j
+  }), m = O && !b && !B, g = `${c}-helper`, v = !!p, $ = () => {
+    if (!t.current) return;
     Object.getOwnPropertyDescriptor(
       window.HTMLInputElement.prototype,
       "value"
-    )?.set?.call(e.current, ""), s || h("");
-    const g = new Event("input", { bubbles: !0 });
-    e.current.dispatchEvent(g), e.current.focus(), j?.();
-  }, A = $(x, e);
-  return /* @__PURE__ */ c("div", { className: y, children: [
-    /* @__PURE__ */ c(
+    )?.set?.call(t.current, ""), i || f("");
+    const w = new Event("input", { bubbles: !0 });
+    t.current.dispatchEvent(w), t.current.focus(), z?.();
+  }, q = J(I, t);
+  return /* @__PURE__ */ d("div", { className: C, children: [
+    /* @__PURE__ */ d(
       "div",
       {
-        className: t(J, I),
-        onPointerDown: (a) => {
-          if (a.target.closest("input, button, a")) return;
-          const o = e.current;
-          if (!o) return;
-          const f = o.value.length > 0 ? o.value.length : 0;
+        className: n(te({ status: e }), S),
+        onPointerDown: (o) => {
+          if (o.target.closest("input, button, a")) return;
+          const s = t.current;
+          if (!s) return;
+          const x = s.value.length > 0 ? s.value.length : 0;
           window.requestAnimationFrame(() => {
             try {
-              o.setSelectionRange(f, f);
+              s.setSelectionRange(x, x);
             } catch {
             }
-            o.focus();
+            s.focus();
           });
         },
         children: [
-          D,
-          /* @__PURE__ */ i(
+          R,
+          /* @__PURE__ */ r(
             "input",
             {
-              ref: A,
-              id: d,
+              ref: q,
+              id: c,
               disabled: b,
-              placeholder: " ",
-              "aria-invalid": F,
-              "aria-describedby": n ? v : void 0,
-              className: t(
-                K,
+              placeholder: T,
+              "aria-invalid": A,
+              "aria-describedby": v ? g : void 0,
+              className: n(
+                re,
                 l && "pt-12 body-2",
-                C
+                V
               ),
-              onChange: T,
-              ...r
+              onChange: M,
+              ...a
             }
           ),
-          l && /* @__PURE__ */ i(
+          l && /* @__PURE__ */ r(
             "label",
             {
-              htmlFor: d,
-              className: t(
-                Q,
-                n && "text-error",
-                S
+              htmlFor: c,
+              className: n(
+                oe({
+                  status: e,
+                  floated: W
+                }),
+                N
               ),
               children: l
             }
           ),
-          m && /* @__PURE__ */ i(
-            G,
+          m && /* @__PURE__ */ r(
+            _,
             {
               iconType: "filled",
-              icon: w,
+              icon: y,
               size: 20,
-              onClick: V,
-              "aria-label": B("components.baseInput.clearInputAriaLabel")
+              onClick: $,
+              "aria-label": E("components.baseInput.clearInputAriaLabel")
             }
           ),
-          !m && k
+          !m && P
         ]
       }
     ),
-    n && /* @__PURE__ */ c(
+    v && /* @__PURE__ */ d(
       "div",
       {
-        id: v,
-        className: "mt-8 flex items-center gap-2 body-3 text-error",
-        role: "alert",
+        id: g,
+        className: se({ status: e }),
+        role: e === "error" ? "alert" : void 0,
         children: [
-          /* @__PURE__ */ i(w, { size: 16, className: "text-error" }),
-          /* @__PURE__ */ i("span", { children: n })
+          e === "error" && /* @__PURE__ */ r(y, { size: 16, className: "text-error" }),
+          e === "success" && /* @__PURE__ */ r(ee, { size: 16, className: "text-success" }),
+          /* @__PURE__ */ r("span", { children: p })
         ]
       }
     )
   ] });
 };
 export {
-  ne as BaseInput
+  be as BaseInput
 };

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

@@ -1,16 +1,24 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
+export type BaseInputStatus = 'error' | 'success';
 export type BaseInputProps = {
     /**
      * The label text that floats above the input when focused or filled.
      */
     label?: string;
     /**
-     * An optional error message displayed below the input
+     * Optional text shown below the input (hint, error, or success copy).
+     * Pair with `status` for error/success styling and icons; omit `status` for a neutral hint.
      */
-    errorMessage?: string;
+    helperText?: string;
     /**
-     * Indicates whether the input value is invalid
-     * @default false
+     * Visual state for border, label, helper text, and helper icon.
+     * Omit when `helperText` is a neutral hint.
+     */
+    status?: BaseInputStatus;
+    /**
+     * Overrides the accessibility invalid state on the input element.
+     * Automatically set to `true` when `status` is `'error'` — only pass this
+     * explicitly when you need to decouple the accessibility state from the visual state.
      */
     'aria-invalid'?: boolean;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { jsx as p } from "react/jsx-runtime";
+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 { BaseButton as b } from "./BaseButton.js";
@@ -16,22 +16,22 @@ const l = e("", {
 }), x = ({
   ref: t,
   className: m,
-  loading: s,
-  disabled: r,
+  loading: r,
+  disabled: s,
   children: a,
   size: o,
   icon: i,
-  ...n
-}) => /* @__PURE__ */ p(
+  ...p
+}) => /* @__PURE__ */ n(
   b,
   {
     ref: t,
     size: o,
-    disabled: r,
+    disabled: s,
     icon: i,
-    loading: s,
+    loading: r,
     className: d(l({ size: o }), "gap-8", m),
-    ...n,
+    ...p,
     children: a
   }
 );