@ledgerhq/lumen-ui-react 0.1.11 → 0.1.12

package/dist/index.js

@@ -3,7 +3,7 @@ import { AddressInput as n } from "./lib/Components/AddressInput/AddressInput.js
 import { AmountInput as i } from "./lib/Components/AmountInput/AmountInput.js";
 import { AmountDisplay as p } from "./lib/Components/AmountDisplay/AmountDisplay.js";
 import { Avatar as T } from "./lib/Components/Avatar/Avatar.js";
-import { Banner as d } from "./lib/Components/Banner/Banner.js";
+import { Banner as x } from "./lib/Components/Banner/Banner.js";
 import { BaseInput as f } from "./lib/Components/BaseInput/BaseInput.js";
 import { Button as S } from "./lib/Components/Button/Button.js";
 import { BaseButton as b } from "./lib/Components/Button/BaseButton.js";
@@ -20,7 +20,7 @@ import { Divider as re } from "./lib/Components/Divider/Divider.js";
 import { IconButton as ae } from "./lib/Components/IconButton/IconButton.js";
 import { InteractiveIcon as le } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
 import { Link as me } from "./lib/Components/Link/Link.js";
-import { ListItem as ue, ListItemContent as de, ListItemDescription as xe, ListItemIcon as fe, ListItemLeading as Ce, ListItemSpot as Se, ListItemTitle as ge, ListItemTrailing as be, ListItemTruncate as ce } from "./lib/Components/ListItem/ListItem.js";
+import { ListItem as ue, ListItemContent as xe, ListItemDescription as de, ListItemIcon as fe, ListItemLeading as Ce, ListItemSpot as Se, ListItemTitle as ge, ListItemTrailing as be, ListItemTruncate as ce } from "./lib/Components/ListItem/ListItem.js";
 import { Menu as Ie, MenuCheckboxItem as se, MenuContent as Le, MenuGroup as De, MenuItem as Me, MenuLabel as he, MenuPortal as Re, MenuRadioGroup as ve, MenuRadioItem as Ae, MenuSeparator as we, MenuSub as He, MenuSubContent as ke, MenuSubTrigger as ye, MenuTrigger as Ge } from "./lib/Components/Menu/Menu.js";
 import { NavBar as Pe, NavBarBackButton as Fe, NavBarCoinCapsule as Ee, NavBarTitle as Oe, NavBarTrailing as _e } from "./lib/Components/NavBar/NavBar.js";
 import { PageIndicator as qe } from "./lib/Components/PageIndicator/PageIndicator.js";
@@ -33,27 +33,27 @@ import { Skeleton as fo } from "./lib/Components/Skeleton/Skeleton.js";
 import { Spinner as So } from "./lib/Components/Spinner/Spinner.js";
 import { Spot as bo } from "./lib/Components/Spot/Spot.js";
 import { Stepper as Bo } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as so, SubheaderAction as Lo, SubheaderCount as Do, SubheaderDescription as Mo, SubheaderInfo as ho, SubheaderRow as Ro, SubheaderShowMore as vo, SubheaderTitle as Ao } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as Ho } from "./lib/Components/Switch/Switch.js";
-import { Table as yo, TableActionBar as Go, TableActionBarLeading as No, TableActionBarTrailing as Po, TableBody as Fo, TableCell as Eo, TableCellContent as Oo, TableGroupHeaderRow as _o, TableHeader as jo, TableHeaderCell as qo, TableHeaderRow as zo, TableInfoIcon as Jo, TableLoadingRow as Ko, TableRoot as Qo, TableRow as Uo, TableSortButton as Vo } from "./lib/Components/Table/Table.js";
-import { Tag as Xo } from "./lib/Components/Tag/Tag.js";
-import { TextInput as Zo } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as et, TileContent as ot, TileDescription as tt, TileSecondaryAction as rt, TileSpot as nt, TileTitle as at, TileTrailingContent as it } from "./lib/Components/Tile/Tile.js";
-import { TileButton as pt } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as Tt, TooltipContent as ut, TooltipProvider as dt, TooltipTrigger as xt } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as Ct } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as gt } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
+import { Subheader as so, SubheaderCount as Lo, SubheaderDescription as Do, SubheaderInfo as Mo, SubheaderRow as ho, SubheaderShowMore as Ro, SubheaderTitle as vo } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as wo } from "./lib/Components/Switch/Switch.js";
+import { Table as ko, TableActionBar as yo, TableActionBarLeading as Go, TableActionBarTrailing as No, TableBody as Po, TableCell as Fo, TableCellContent as Eo, TableGroupHeaderRow as Oo, TableHeader as _o, TableHeaderCell as jo, TableHeaderRow as qo, TableInfoIcon as zo, TableLoadingRow as Jo, TableRoot as Ko, TableRow as Qo, TableSortButton as Uo } from "./lib/Components/Table/Table.js";
+import { Tag as Wo } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Yo } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as $o, TileContent as et, TileDescription as ot, TileSecondaryAction as tt, TileTitle as rt, TileTrailingContent as nt } from "./lib/Components/Tile/Tile.js";
+import { TileButton as it } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as pt, TooltipContent as mt, TooltipProvider as Tt, TooltipTrigger as ut } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as dt } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as Ct } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   n as AddressInput,
   p as AmountDisplay,
   i as AmountInput,
   T as Avatar,
-  d as Banner,
+  x as Banner,
   b as BaseButton,
   f as BaseInput,
   S as Button,
   ao as ButtonTrigger,
-  gt as COLOR_SCHEMES,
+  Ct as COLOR_SCHEMES,
   B as Card,
   H as CardButton,
   I as CardContent,
@@ -87,8 +87,8 @@ export {
   t as Languages,
   me as Link,
   ue as ListItem,
-  de as ListItemContent,
-  xe as ListItemDescription,
+  xe as ListItemContent,
+  de as ListItemDescription,
   fe as ListItemIcon,
   Ce as ListItemLeading,
   Se as ListItemSpot,
@@ -137,44 +137,42 @@ export {
   bo as Spot,
   Bo as Stepper,
   so as Subheader,
-  Lo as SubheaderAction,
-  Do as SubheaderCount,
-  Mo as SubheaderDescription,
-  ho as SubheaderInfo,
-  Ro as SubheaderRow,
-  vo as SubheaderShowMore,
-  Ao as SubheaderTitle,
-  Ho as Switch,
-  yo as Table,
-  Go as TableActionBar,
-  No as TableActionBarLeading,
-  Po as TableActionBarTrailing,
-  Fo as TableBody,
-  Eo as TableCell,
-  Oo as TableCellContent,
-  _o as TableGroupHeaderRow,
-  jo as TableHeader,
-  qo as TableHeaderCell,
-  zo as TableHeaderRow,
-  Jo as TableInfoIcon,
-  Ko as TableLoadingRow,
-  Qo as TableRoot,
-  Uo as TableRow,
-  Vo as TableSortButton,
-  Xo as Tag,
-  Zo as TextInput,
-  Ct as ThemeProvider,
-  et as Tile,
-  pt as TileButton,
-  ot as TileContent,
-  tt as TileDescription,
-  rt as TileSecondaryAction,
-  nt as TileSpot,
-  at as TileTitle,
-  it as TileTrailingContent,
-  Tt as Tooltip,
-  ut as TooltipContent,
-  dt as TooltipProvider,
-  xt as TooltipTrigger,
+  Lo as SubheaderCount,
+  Do as SubheaderDescription,
+  Mo as SubheaderInfo,
+  ho as SubheaderRow,
+  Ro as SubheaderShowMore,
+  vo as SubheaderTitle,
+  wo as Switch,
+  ko as Table,
+  yo as TableActionBar,
+  Go as TableActionBarLeading,
+  No as TableActionBarTrailing,
+  Po as TableBody,
+  Fo as TableCell,
+  Eo as TableCellContent,
+  Oo as TableGroupHeaderRow,
+  _o as TableHeader,
+  jo as TableHeaderCell,
+  qo as TableHeaderRow,
+  zo as TableInfoIcon,
+  Jo as TableLoadingRow,
+  Ko as TableRoot,
+  Qo as TableRow,
+  Uo as TableSortButton,
+  Wo as Tag,
+  Yo as TextInput,
+  dt as ThemeProvider,
+  $o as Tile,
+  it as TileButton,
+  et as TileContent,
+  ot as TileDescription,
+  tt as TileSecondaryAction,
+  rt as TileTitle,
+  nt as TileTrailingContent,
+  pt as Tooltip,
+  mt as TooltipContent,
+  Tt as TooltipProvider,
+  ut as TooltipTrigger,
   J as useLumenDataTable
 };

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

@@ -44,30 +44,30 @@ 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(
@@ -81,7 +81,7 @@ const N = {
       className: p(
         s && "animate-pulse",
         "relative inline-flex items-baseline",
-        n
+        r
       ),
       "aria-label": h,
       "aria-busy": s,
@@ -98,7 +98,7 @@ const N = {
                 m,
                 {
                   items: c.integerPart,
-                  animate: r,
+                  animate: n,
                   type: "integer"
                 }
               )
@@ -116,7 +116,7 @@ const N = {
                 m,
                 {
                   items: c.decimalPart,
-                  animate: r,
+                  animate: n,
                   type: "decimal"
                 }
               ),

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"}