@ledgerhq/lumen-ui-react 0.1.17 → 0.1.18

package/ai-rules/RULES.md

@@ -252,6 +252,7 @@ Below is a complete list of all available Lumen components. Click any component
 - [Avatar](https://ldls.vercel.app/?path=/docs/communication-avatar--docs) - User avatar with image, initials, or placeholder
 - [Banner](https://ldls.vercel.app/?path=/docs/communication-banner--docs) - Alert and notification banners
 - [Button](https://ldls.vercel.app/?path=/docs/action-button--docs) - Primary action button component
+- [Card](https://ldls.vercel.app/?path=/docs/containment-card--docs) - Content container card
 - [CardButton](https://ldls.vercel.app/?path=/docs/action-cardbutton--docs) - Card-style interactive button
 - [Checkbox](https://ldls.vercel.app/?path=/docs/selection-checkbox--docs) - Checkbox input for selections
 - [ContentBanner](https://ldls.vercel.app/?path=/docs/communication-contentbanner--docs) - Rich content banner with image support
@@ -263,10 +264,15 @@ Below is a complete list of all available Lumen components. Click any component
 - [InteractiveIcon](https://ldls.vercel.app/?path=/docs/action-interactiveicon--docs) - Interactive icon with states
 - [Link](https://ldls.vercel.app/?path=/docs/action-link--docs) - Hyperlink component
 - [ListItem](https://ldls.vercel.app/?path=/docs/containment-listitem--docs) - List item with flexible composition
+- [MediaBanner](https://ldls.vercel.app/?path=/docs/communication-mediabanner--docs) - Rich media banner with image and content
+- [MediaCard](https://ldls.vercel.app/?path=/docs/communication-mediacard--docs) - Card with media content
+- [MediaImage](https://ldls.vercel.app/?path=/docs/communication-mediaimage--docs) - Image display component with loading states
 - [Menu](https://ldls.vercel.app/?path=/docs/selection-menu--docs) - Dropdown menu component
 - [NavBar](https://ldls.vercel.app/?path=/docs/navigation-navbar--docs) - Top navigation bar
 - [PageIndicator](https://ldls.vercel.app/?path=/docs/communication-pageindicator--docs) - Step and page progress indicator
+- [Popover](https://ldls.vercel.app/?path=/docs/containment-popover--docs) - Popover overlay component
 - [SearchInput](https://ldls.vercel.app/?path=/docs/input-searchinput--docs) - Search input field
+- [SegmentedControl](https://ldls.vercel.app/?path=/docs/navigation-segmentedcontrol--docs) - Segmented control for toggling between views
 - [Select](https://ldls.vercel.app/?path=/docs/selection-select--docs) - Dropdown select component
 - [SideBar](https://ldls.vercel.app/?path=/docs/navigation-sidebar--docs) - Side navigation panel
 - [Skeleton](https://ldls.vercel.app/?path=/docs/communication-skeleton--docs) - Loading placeholder skeleton

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

@@ -54,8 +54,5 @@ import { AddressInputProps } from './types';
  *   }}
  * />
  */
-export declare const AddressInput: {
-    ({ ref, prefix, suffix, onQrCodeClick, ...props }: AddressInputProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const AddressInput: ({ ref, prefix, suffix, onQrCodeClick, ...props }: AddressInputProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AddressInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddressInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AddressInput/AddressInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,eAAO,MAAM,YAAY;uDAMtB,iBAAiB;;CAmCnB,CAAC"}
+{"version":3,"file":"AddressInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AddressInput/AddressInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,eAAO,MAAM,YAAY,GAAI,kDAM1B,iBAAiB,4CAmCnB,CAAC"}

package/dist/lib/Components/AddressInput/AddressInput.js

@@ -1,43 +1,43 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useCommonTranslation as p } from "../../../i18n/useCommonTranslation.js";
-import { QrCode as f } from "../../Symbols/Icons/QrCode.js";
+import { useCommonTranslation as f } from "../../../i18n/useCommonTranslation.js";
+import { QrCode as p } from "../../Symbols/Icons/QrCode.js";
 import { BaseInput as m } from "../BaseInput/BaseInput.js";
-import { InteractiveIcon as l } from "../InteractiveIcon/InteractiveIcon.js";
-const c = ({
-  ref: r,
-  prefix: s = "To:",
-  suffix: o,
+import { InteractiveIcon as c } from "../InteractiveIcon/InteractiveIcon.js";
+const h = ({
+  ref: o,
+  prefix: r = "To:",
+  suffix: s,
   onQrCodeClick: t,
-  ...a
+  ...i
 }) => {
-  const { t: i } = p(), d = /* @__PURE__ */ e(
+  const { t: a } = f(), n = /* @__PURE__ */ e(
     "span",
     {
       className: "body-1 text-nowrap text-base group-has-disabled:text-disabled",
       "aria-hidden": "true",
-      children: s
+      children: r
     }
-  ), n = o || t && /* @__PURE__ */ e(
-    l,
+  ), d = s || t && /* @__PURE__ */ e(
+    c,
     {
       iconType: "filled",
+      icon: p,
+      size: 20,
       onClick: t,
-      "aria-label": i("components.addressInput.qrCodeAriaLabel"),
-      className: "group-has-disabled:text-disabled",
-      children: /* @__PURE__ */ e(f, { size: 20 })
+      "aria-label": a("components.addressInput.qrCodeAriaLabel"),
+      className: "group-has-disabled:text-disabled"
     }
   );
   return /* @__PURE__ */ e(
     m,
     {
-      ref: r,
-      prefix: d,
-      suffix: n,
-      ...a
+      ref: o,
+      prefix: n,
+      suffix: d,
+      ...i
     }
   );
 };
-c.displayName = "AddressInput";
 export {
-  c as AddressInput
+  h as AddressInput
 };

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

@@ -32,8 +32,5 @@ import { AmountDisplayProps } from './types';
  * <AmountDisplay value={1234.56} formatter={usdFormatter} hidden={true} />
  * ```
  */
-export declare const AmountDisplay: {
-    ({ value, formatter, hidden, loading, animate, className, ...props }: AmountDisplayProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const AmountDisplay: ({ value, formatter, hidden, loading, animate, className, ...props }: AmountDisplayProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AmountDisplay.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAInB,MAAM,SAAS,CAAC;AA2EjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,aAAa;0EAQvB,kBAAkB;;CA4DpB,CAAC"}
+{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAInB,MAAM,SAAS,CAAC;AA6EjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,aAAa,GAAI,qEAQ3B,kBAAkB,4CA4DpB,CAAC"}

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

@@ -1,9 +1,9 @@
 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 { useSplitText as x, buildAriaLabel as b, 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 = {
+import { DIGITS as D } from "./types.js";
+import { useCommonTranslation as N } from "../../../i18n/useCommonTranslation.js";
+const g = {
   0: 25,
   1: 15.5,
   2: 23.5,
@@ -25,8 +25,8 @@ const N = {
   7: 15,
   8: 17,
   9: 17
-}, T = d(({ value: a, animate: l, type: i }) => {
-  const s = (i === "integer" ? N : I)[a];
+}, u = d(({ value: a, animate: l, type: i }) => {
+  const s = (i === "integer" ? g : I)[a];
   return /* @__PURE__ */ c(
     "div",
     {
@@ -44,36 +44,40 @@ const N = {
             style: {
               transform: `translateY(-${a * 10}%)`
             },
-            children: b.map((n, r) => /* @__PURE__ */ e("span", { inert: n !== a, children: n }, r))
+            children: D.map((r, n) => /* @__PURE__ */ e("span", { inert: r !== a, children: r }, n))
           }
         )
       ]
     }
   );
-}), 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,
+});
+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(
+    u,
     {
       value: Number(s.value),
       animate: i,
       type: l
     },
-    r
+    n
   );
-})), g = ({
+}));
+o.displayName = "DigitStripList";
+const w = ({
   value: a,
   formatter: l,
   hidden: i = !1,
   loading: s = !1,
-  animate: n = !0,
-  className: r,
-  ...u
+  animate: r = !0,
+  className: n,
+  ...f
 }) => {
-  const t = l(a), o = y(t), { t: f } = D(), h = x(
+  const t = l(a), m = x(t), { t: h } = N(), y = b(
     t,
     i,
-    f("components.amountDisplay.amountHiddenAriaLabel")
+    h("components.amountDisplay.amountHiddenAriaLabel")
   );
   return /* @__PURE__ */ e(
     "div",
@@ -81,11 +85,11 @@ const N = {
       className: p(
         s && "animate-pulse",
         "relative inline-flex",
-        r
+        n
       ),
-      "aria-label": h,
+      "aria-label": y,
       "aria-busy": s,
-      ...u,
+      ...f,
       children: /* @__PURE__ */ c("div", { className: "flex items-baseline", children: [
         /* @__PURE__ */ c(
           "span",
@@ -95,10 +99,10 @@ const N = {
             children: [
               t.currencyPosition === "start" && /* @__PURE__ */ e("span", { className: "me-4", children: t.currencyText }),
               i ? /* @__PURE__ */ e("span", { children: "••••" }) : /* @__PURE__ */ e(
-                m,
+                o,
                 {
-                  items: o.integerPart,
-                  animate: n,
+                  items: m.integerPart,
+                  animate: r,
                   type: "integer"
                 }
               )
@@ -113,10 +117,10 @@ const N = {
             children: [
               !i && t.decimalPart && /* @__PURE__ */ e("span", { children: t.decimalSeparator }),
               t.decimalPart && !i && /* @__PURE__ */ e(
-                m,
+                o,
                 {
-                  items: o.decimalPart,
-                  animate: n,
+                  items: m.decimalPart,
+                  animate: r,
                   type: "decimal"
                 }
               ),
@@ -128,7 +132,6 @@ const N = {
     }
   );
 };
-g.displayName = "AmountDisplay";
 export {
-  g as AmountDisplay
+  w as AmountDisplay
 };

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

@@ -4,8 +4,5 @@ import { AmountInputProps } from './types';
  * This is a controlled component - both `value` and `onChange` props are required.
  * 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: disabledProp, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, value, onChange, ...props }: AmountInputProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const AmountInput: ({ ref, className, currencyText, currencyPosition, disabled: disabledProp, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, value, onChange, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
 //# 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":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAgC3C;;;;GAIG;AACH,eAAO,MAAM,WAAW;mLAarB,gBAAgB;;CAkHlB,CAAC"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAgC3C;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,8KAazB,gBAAgB,4CAkHlB,CAAC"}

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

@@ -28,7 +28,7 @@ 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'
-), Y = ({
+), H = ({
   ref: x,
   className: S,
   currencyText: s,
@@ -40,13 +40,13 @@ const Q = M(
   thousandsSeparator: N = !0,
   value: u,
   onChange: A,
-  ...I
+  ...R
 }) => {
-  const R = F({
+  const k = 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) {
+  }), c = d(null), r = d(null), [n, f] = h(u.toString()), [E, m] = h(!1), g = d(n);
+  function I(...t) {
     return (e) => {
       t.forEach((o) => {
         o && (typeof o == "function" ? o(e) : o.current = e);
@@ -60,7 +60,7 @@ const Q = M(
       r.current.style.width = `${t + e}px`;
     }
   }, [n]), L(() => {
-    m(u.toString());
+    f(u.toString());
   }, [u]);
   const V = (t) => {
     const e = D(t.target.value, {
@@ -69,7 +69,7 @@ const Q = M(
       maxIntegerLength: w,
       maxDecimalLength: y
     });
-    m(e), A({ ...t, target: { ...t.target, value: e } }), e !== g.current && f(!0), g.current = e;
+    f(e), A({ ...t, target: { ...t.target, value: e } }), e !== g.current && m(!0), g.current = e;
   };
   return /* @__PURE__ */ j(
     "div",
@@ -103,15 +103,15 @@ const Q = M(
         /* @__PURE__ */ l(
           "input",
           {
-            ref: E(x, r),
+            ref: I(x, r),
             type: "text",
             inputMode: "decimal",
-            disabled: R,
+            disabled: k,
             value: n,
             onChange: V,
-            onAnimationEnd: () => f(!1),
-            className: a(Q({ isChanging: k }), S),
-            ...I,
+            onAnimationEnd: () => m(!1),
+            className: a(Q({ isChanging: E }), S),
+            ...R,
             style: { fontSize: i, letterSpacing: "normal" }
           }
         ),
@@ -127,7 +127,6 @@ const Q = M(
     }
   );
 };
-Y.displayName = "AmountInput";
 export {
-  Y as AmountInput
+  H as AmountInput
 };

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

@@ -15,8 +15,5 @@ import { AvatarProps } from './types';
  * // With notification indicator
  * <Avatar src="https://example.com/photo.jpg" showNotification />
  */
-export declare const Avatar: {
-    ({ ref, className, src, alt, size, imgLoading, showNotification, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const Avatar: ({ ref, className, src, alt, size, imgLoading, showNotification, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmCtC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;iFAShB,WAAW;;CA+Cb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmCtC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,4EASpB,WAAW,4CA+Cb,CAAC"}

package/dist/lib/Components/Avatar/Avatar.js

@@ -1,8 +1,8 @@
 import { jsxs as g, jsx as r } from "react/jsx-runtime";
 import { cva as l } from "class-variance-authority";
 import { useState as z, useEffect as h } from "react";
-import { useCommonTranslation as A } from "../../../i18n/useCommonTranslation.js";
-import { User as j } from "../../Symbols/Icons/User.js";
+import { useCommonTranslation as j } from "../../../i18n/useCommonTranslation.js";
+import { User as x } from "../../Symbols/Icons/User.js";
 const n = {
   root: l(
     "relative inline-flex items-center justify-center rounded-full bg-muted-transparent transition-colors",
@@ -28,11 +28,11 @@ const n = {
       }
     }
   })
-}, x = {
+}, A = {
   sm: 16,
   md: 24,
   lg: 32
-}, k = ({
+}, S = ({
   ref: m,
   className: d,
   src: a,
@@ -42,7 +42,7 @@ const n = {
   showNotification: t = !1,
   ...u
 }) => {
-  const { t: o } = A(), [p, i] = z(!1), v = !a || p, s = c || o("components.avatar.defaultAlt"), b = t ? `${s}, ${o("components.avatar.notificationAriaLabel")}` : s;
+  const { t: o } = j(), [p, i] = z(!1), v = !a || p, s = c || o("components.avatar.defaultAlt"), b = t ? `${s}, ${o("components.avatar.notificationAriaLabel")}` : s;
   return h(() => {
     i(!1);
   }, [a]), /* @__PURE__ */ g(
@@ -62,9 +62,9 @@ const n = {
           }
         ),
         v ? /* @__PURE__ */ r(
-          j,
+          x,
           {
-            size: x[e],
+            size: A[e],
             "aria-label": "Fallback Icon",
             "aria-hidden": "true"
           }
@@ -83,7 +83,6 @@ const n = {
     }
   );
 };
-k.displayName = "Avatar";
 export {
-  k as Avatar
+  S as Avatar
 };

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

@@ -18,8 +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;
-    displayName: string;
-};
+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;
 //# 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":"AAgBA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA2BzC;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS;2OAiBnB,cAAc;;CA6JhB,CAAC"}
+{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA2BzC;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS,GAAI,sOAiBvB,cAAc,4CA6JhB,CAAC"}

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

@@ -1,29 +1,29 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { useDisabledContext as O, useMergedRef as $, cn as n } from "../../../libs/utils-shared/dist/index.js";
+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 = n(
+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 = n(
+), K = t(
   "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 = n(
+), Q = t(
   "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"
-), X = ({
+), ne = ({
   ref: x,
   className: y,
   containerClassName: I,
@@ -32,55 +32,55 @@ const J = n(
   label: l,
   id: N,
   disabled: R,
-  errorMessage: r,
+  errorMessage: n,
   suffix: k,
-  prefix: B,
-  onClear: D,
-  hideClearButton: j = !1,
-  "aria-invalid": c,
+  prefix: D,
+  onClear: j,
+  hideClearButton: z = !1,
+  "aria-invalid": u,
   onChange: p,
-  ...a
+  ...r
 }) => {
   const b = O({
     consumerName: "BaseInput",
     mergeWith: { disabled: R }
-  }), { t: z } = W(), e = q(null), E = H(), d = N || `input-${E}`, F = c || (r ? !0 : void 0), s = a.value !== void 0, [L, h] = P(
-    a.defaultValue?.toString() || ""
+  }), { 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(
-    (o) => {
-      s || h(o.target.value), p?.(o);
+    (a) => {
+      s || h(a.target.value), p?.(a);
     },
     [s, p]
-  ), m = (s ? !!a.value && a.value.toString().length > 0 : L.length > 0) && !b && !j, v = `${d}-error`, V = () => {
+  ), m = (s ? !!r.value && r.value.toString().length > 0 : L.length > 0) && !b && !z, v = `${d}-error`, V = () => {
     if (!e.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(), D?.();
+    e.current.dispatchEvent(g), e.current.focus(), j?.();
   }, A = $(x, e);
-  return /* @__PURE__ */ u("div", { className: y, children: [
-    /* @__PURE__ */ u(
+  return /* @__PURE__ */ c("div", { className: y, children: [
+    /* @__PURE__ */ c(
       "div",
       {
-        className: n(J, I),
-        onPointerDown: (o) => {
-          if (o.target.closest("input, button, a")) return;
-          const i = e.current;
-          if (!i) return;
-          const f = i.value.length > 0 ? i.value.length : 0;
+        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;
           window.requestAnimationFrame(() => {
             try {
-              i.setSelectionRange(f, f);
+              o.setSelectionRange(f, f);
             } catch {
             }
-            i.focus();
+            o.focus();
           });
         },
         children: [
-          B,
-          /* @__PURE__ */ t(
+          D,
+          /* @__PURE__ */ i(
             "input",
             {
               ref: A,
@@ -88,56 +88,56 @@ const J = n(
               disabled: b,
               placeholder: " ",
               "aria-invalid": F,
-              "aria-describedby": r ? v : void 0,
-              className: n(
+              "aria-describedby": n ? v : void 0,
+              className: t(
                 K,
                 l && "pt-12 body-2",
                 C
               ),
               onChange: T,
-              ...a
+              ...r
             }
           ),
-          l && /* @__PURE__ */ t(
+          l && /* @__PURE__ */ i(
             "label",
             {
               htmlFor: d,
-              className: n(
+              className: t(
                 Q,
-                r && "text-error",
+                n && "text-error",
                 S
               ),
               children: l
             }
           ),
-          m && /* @__PURE__ */ t(
+          m && /* @__PURE__ */ i(
             G,
             {
               iconType: "filled",
+              icon: w,
+              size: 20,
               onClick: V,
-              "aria-label": z("components.baseInput.clearInputAriaLabel"),
-              children: /* @__PURE__ */ t(w, { size: 20 })
+              "aria-label": B("components.baseInput.clearInputAriaLabel")
             }
           ),
           !m && k
         ]
       }
     ),
-    r && /* @__PURE__ */ u(
+    n && /* @__PURE__ */ c(
       "div",
       {
         id: v,
         className: "mt-8 flex items-center gap-2 body-3 text-error",
         role: "alert",
         children: [
-          /* @__PURE__ */ t(w, { size: 16, className: "text-error" }),
-          /* @__PURE__ */ t("span", { children: r })
+          /* @__PURE__ */ i(w, { size: 16, className: "text-error" }),
+          /* @__PURE__ */ i("span", { children: n })
         ]
       }
     )
   ] });
 };
-X.displayName = "BaseInput";
 export {
-  X as BaseInput
+  ne as BaseInput
 };

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

@@ -6,8 +6,5 @@ export declare const baseButtonVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xs" | null | undefined;
     isFull?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const BaseButton: {
-    ({ ref, className, appearance, size, isFull, disabled: disabledProp, asChild, icon: Icon, loading, children, onClick, ...props }: BaseButtonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const BaseButton: ({ ref, className, appearance, size, isFull, disabled: disabledProp, asChild, icon: Icon, loading, children, onClick, ...props }: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# 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;sIAapB,eAAe;;CAgDjB,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,GAAI,iIAaxB,eAAe,4CAgDjB,CAAC"}