@ledgerhq/lumen-ui-react 0.0.62 → 0.0.64

package/ai-rules/README.md

@@ -75,7 +75,7 @@ import { ArrowRight } from '@ledgerhq/lumen-ui-react';
 
 // ✅ With rules
 import { ArrowRight } from '@ledgerhq/lumen-ui-react/symbols';
-<div className='text-muted heading-2'>Text</div>;
+<div className='text-muted heading-3'>Text</div>;
 ```
 
 ## Auto-Sync Benefits

package/ai-rules/RULES.md

@@ -40,7 +40,7 @@
 - Do not use Tailwind Typography utilities (e.g., `font-bold`, `text-sm`, etc.)
 - Use Lumen custom typography utilities:
   - `responsive-display-1` to `responsive-display-4`
-  - `heading-0`, `heading-0-semi-bold` through `heading-4`, `heading-4-semi-bold`
+  - `heading-0`, `heading-0-semi-bold` through `heading-5`, `heading-5-semi-bold`
   - `body-1`, `body-1-semi-bold` through `body-4`, `body-4-semi-bold`
 
 ### Colors and Background
@@ -154,7 +154,7 @@ import { ArrowRight } from '@ledgerhq/lumen-ui-react/symbols';
 
 const Card = () => (
   <div className='bg-base border border-base rounded-lg p-16'>
-    <h2 className='heading-3'>Card Title</h2>
+    <h2 className='heading-4'>Card Title</h2>
     <p className='body-2 text-muted mt-8'>This is a description using proper spacing and typography tokens.</p>
     <Button icon={ArrowRight} className='mt-16'>
       Learn More
@@ -319,4 +319,4 @@ Use ONLY the unique part after the last hyphen of the CSS variable name.
 - Figma shows: a comment with the style name, like `/* body/3 */`
 - Transform: replace `/` with `-`
 - Result: `body-3` (transform `body/3` → `body-3`)
-- Example: `/* heading/2-semi-bold */` → `heading-2-semi-bold`
+- Example: `/* heading/2-semi-bold */` → `heading-3-semi-bold`

package/dist/i18n/locales/de.json.d.ts

@@ -1,5 +1,26 @@
 declare const _default: {
-  "components": {}
-};
+  "components": {
+    "addressInput": {
+      "qrCodeAriaLabel": "QR-Code scannen"
+    },
+    "baseInput": {
+      "clearInputAriaLabel": "Eingabe löschen"
+    },
+    "spinner": {
+      "loadingAriaLabel": "Wird geladen"
+    },
+    "dialogHeader": {
+      "goBackAriaLabel": "Zurück",
+      "closeAriaLabel": "Schließen"
+    },
+    "banner": {
+      "closeAriaLabel": "Schließen"
+    },
+    "link": {
+      "opensInNewTabAriaLabel": "(Öffnet in neuem Tab)"
+    }
+  }
+}
+;
 
 export default _default;

package/dist/i18n/locales/de.json.js

@@ -1,7 +1,7 @@
-const o = {}, t = {
-  components: o
+const e = { addressInput: { qrCodeAriaLabel: "QR-Code scannen" }, baseInput: { clearInputAriaLabel: "Eingabe löschen" }, spinner: { loadingAriaLabel: "Wird geladen" }, dialogHeader: { goBackAriaLabel: "Zurück", closeAriaLabel: "Schließen" }, banner: { closeAriaLabel: "Schließen" }, link: { opensInNewTabAriaLabel: "(Öffnet in neuem Tab)" } }, a = {
+  components: e
 };
 export {
-  o as components,
-  t as default
+  e as components,
+  a as default
 };

package/dist/i18n/locales/en.json.d.ts

@@ -15,8 +15,12 @@ declare const _default: {
     },
     "banner": {
       "closeAriaLabel": "Close"
+    },
+    "link": {
+      "opensInNewTabAriaLabel": "(opens in a new tab)"
     }
   }
-};
+}
+;
 
 export default _default;

package/dist/i18n/locales/en.json.js

@@ -1,4 +1,4 @@
-const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" } }, e = {
+const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" }, link: { opensInNewTabAriaLabel: "(opens in a new tab)" } }, e = {
   components: a
 };
 export {

package/dist/i18n/locales/es.json.d.ts

@@ -1,5 +1,26 @@
 declare const _default: {
-  "components": {}
-};
+  "components": {
+    "addressInput": {
+      "qrCodeAriaLabel": "Escanear código QR"
+    },
+    "baseInput": {
+      "clearInputAriaLabel": "Borrar entrada"
+    },
+    "spinner": {
+      "loadingAriaLabel": "Cargando"
+    },
+    "dialogHeader": {
+      "goBackAriaLabel": "Volver",
+      "closeAriaLabel": "Cerrar"
+    },
+    "banner": {
+      "closeAriaLabel": "Cerrar"
+    },
+    "link": {
+      "opensInNewTabAriaLabel": "(se abre en una pestaña nueva)"
+    }
+  }
+}
+;
 
 export default _default;

package/dist/i18n/locales/es.json.js

@@ -1,7 +1,7 @@
-const o = {}, s = {
-  components: o
+const a = { addressInput: { qrCodeAriaLabel: "Escanear código QR" }, baseInput: { clearInputAriaLabel: "Borrar entrada" }, spinner: { loadingAriaLabel: "Cargando" }, dialogHeader: { goBackAriaLabel: "Volver", closeAriaLabel: "Cerrar" }, banner: { closeAriaLabel: "Cerrar" }, link: { opensInNewTabAriaLabel: "(se abre en una pestaña nueva)" } }, e = {
+  components: a
 };
 export {
-  o as components,
-  s as default
+  a as components,
+  e as default
 };

package/dist/i18n/locales/fr.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "components": {
     "addressInput": {
-      "qrCodeAriaLabel": "Scanner le QR code"
+      "qrCodeAriaLabel": "Scanner le code QR"
     },
     "baseInput": {
       "clearInputAriaLabel": "Effacer la saisie"
@@ -15,8 +15,12 @@ declare const _default: {
     },
     "banner": {
       "closeAriaLabel": "Fermer"
+    },
+    "link": {
+      "opensInNewTabAriaLabel": "(s'ouvre dans un nouvel onglet)"
     }
   }
-};
+}
+;
 
 export default _default;

package/dist/i18n/locales/fr.json.js

@@ -1,4 +1,4 @@
-const e = { addressInput: { qrCodeAriaLabel: "Scanner le QR code" }, baseInput: { clearInputAriaLabel: "Effacer la saisie" }, spinner: { loadingAriaLabel: "Chargement" }, dialogHeader: { goBackAriaLabel: "Retour", closeAriaLabel: "Fermer" }, banner: { closeAriaLabel: "Fermer" } }, a = {
+const e = { addressInput: { qrCodeAriaLabel: "Scanner le code QR" }, baseInput: { clearInputAriaLabel: "Effacer la saisie" }, spinner: { loadingAriaLabel: "Chargement" }, dialogHeader: { goBackAriaLabel: "Retour", closeAriaLabel: "Fermer" }, banner: { closeAriaLabel: "Fermer" }, link: { opensInNewTabAriaLabel: "(s'ouvre dans un nouvel onglet)" } }, a = {
   components: e
 };
 export {

package/dist/i18n/locales/ja.json.d.ts

@@ -1,5 +1,26 @@
 declare const _default: {
-  "components": {}
-};
+  "components": {
+    "addressInput": {
+      "qrCodeAriaLabel": "QRコードをスキャン"
+    },
+    "baseInput": {
+      "clearInputAriaLabel": "インプットを削除"
+    },
+    "spinner": {
+      "loadingAriaLabel": "読み込み中"
+    },
+    "dialogHeader": {
+      "goBackAriaLabel": "戻る",
+      "closeAriaLabel": "閉じる"
+    },
+    "banner": {
+      "closeAriaLabel": "閉じる"
+    },
+    "link": {
+      "opensInNewTabAriaLabel": "（新しいタブで開く）"
+    }
+  }
+}
+;
 
 export default _default;

package/dist/i18n/locales/ja.json.js

@@ -1,7 +1,7 @@
-const o = {}, t = {
-  components: o
+const a = { addressInput: { qrCodeAriaLabel: "QRコードをスキャン" }, baseInput: { clearInputAriaLabel: "インプットを削除" }, spinner: { loadingAriaLabel: "読み込み中" }, dialogHeader: { goBackAriaLabel: "戻る", closeAriaLabel: "閉じる" }, banner: { closeAriaLabel: "閉じる" }, link: { opensInNewTabAriaLabel: "（新しいタブで開く）" } }, e = {
+  components: a
 };
 export {
-  o as components,
-  t as default
+  a as components,
+  e as default
 };

package/dist/i18n/locales/ko.json.d.ts

@@ -1,5 +1,26 @@
 declare const _default: {
-  "components": {}
-};
+  "components": {
+    "addressInput": {
+      "qrCodeAriaLabel": "QR 코드 스캔"
+    },
+    "baseInput": {
+      "clearInputAriaLabel": "입력 값 지우기"
+    },
+    "spinner": {
+      "loadingAriaLabel": "로딩중"
+    },
+    "dialogHeader": {
+      "goBackAriaLabel": "돌아가기",
+      "closeAriaLabel": "닫기"
+    },
+    "banner": {
+      "closeAriaLabel": "닫기"
+    },
+    "link": {
+      "opensInNewTabAriaLabel": "(새 탭에서 열기)"
+    }
+  }
+}
+;
 
 export default _default;

package/dist/i18n/locales/ko.json.js

@@ -1,7 +1,7 @@
-const o = {}, t = {
-  components: o
+const a = { addressInput: { qrCodeAriaLabel: "QR 코드 스캔" }, baseInput: { clearInputAriaLabel: "입력 값 지우기" }, spinner: { loadingAriaLabel: "로딩중" }, dialogHeader: { goBackAriaLabel: "돌아가기", closeAriaLabel: "닫기" }, banner: { closeAriaLabel: "닫기" }, link: { opensInNewTabAriaLabel: "(새 탭에서 열기)" } }, e = {
+  components: a
 };
 export {
-  o as components,
-  t as default
+  a as components,
+  e as default
 };

package/dist/i18n/locales/pt.json.d.ts

@@ -1,5 +1,26 @@
 declare const _default: {
-  "components": {}
-};
+  "components": {
+    "addressInput": {
+      "qrCodeAriaLabel": "Escanear QR Code"
+    },
+    "baseInput": {
+      "clearInputAriaLabel": "Limpar input"
+    },
+    "spinner": {
+      "loadingAriaLabel": "Carregando"
+    },
+    "dialogHeader": {
+      "goBackAriaLabel": "Voltar",
+      "closeAriaLabel": "Fechar"
+    },
+    "banner": {
+      "closeAriaLabel": "Fechar"
+    },
+    "link": {
+      "opensInNewTabAriaLabel": "(abre em uma nova aba)"
+    }
+  }
+}
+;
 
 export default _default;

package/dist/i18n/locales/pt.json.js

@@ -1,7 +1,7 @@
-const t = {}, o = {
-  components: t
+const a = { addressInput: { qrCodeAriaLabel: "Escanear QR Code" }, baseInput: { clearInputAriaLabel: "Limpar input" }, spinner: { loadingAriaLabel: "Carregando" }, dialogHeader: { goBackAriaLabel: "Voltar", closeAriaLabel: "Fechar" }, banner: { closeAriaLabel: "Fechar" }, link: { opensInNewTabAriaLabel: "(abre em uma nova aba)" } }, e = {
+  components: a
 };
 export {
-  t as components,
-  o as default
+  a as components,
+  e as default
 };

package/dist/i18n/locales/ru.json.d.ts

@@ -1,5 +1,26 @@
 declare const _default: {
-  "components": {}
-};
+  "components": {
+    "addressInput": {
+      "qrCodeAriaLabel": "Сканировать QR-код"
+    },
+    "baseInput": {
+      "clearInputAriaLabel": "Очистить поле"
+    },
+    "spinner": {
+      "loadingAriaLabel": "Загрузка"
+    },
+    "dialogHeader": {
+      "goBackAriaLabel": "Назад",
+      "closeAriaLabel": "Закрыть"
+    },
+    "banner": {
+      "closeAriaLabel": "Закрыть"
+    },
+    "link": {
+      "opensInNewTabAriaLabel": "(открывается в новой вкладке)"
+    }
+  }
+}
+;
 
 export default _default;

package/dist/i18n/locales/ru.json.js

@@ -1,7 +1,7 @@
-const o = {}, t = {
-  components: o
+const a = { addressInput: { qrCodeAriaLabel: "Сканировать QR-код" }, baseInput: { clearInputAriaLabel: "Очистить поле" }, spinner: { loadingAriaLabel: "Загрузка" }, dialogHeader: { goBackAriaLabel: "Назад", closeAriaLabel: "Закрыть" }, banner: { closeAriaLabel: "Закрыть" }, link: { opensInNewTabAriaLabel: "(открывается в новой вкладке)" } }, e = {
+  components: a
 };
 export {
-  o as components,
-  t as default
+  a as components,
+  e as default
 };

package/dist/i18n/locales/th.json.d.ts

@@ -1,5 +1,26 @@
 declare const _default: {
-  "components": {}
-};
+  "components": {
+    "addressInput": {
+      "qrCodeAriaLabel": "สแกน QR Code"
+    },
+    "baseInput": {
+      "clearInputAriaLabel": "ล้างอินพุต"
+    },
+    "spinner": {
+      "loadingAriaLabel": "กำลังโหลด"
+    },
+    "dialogHeader": {
+      "goBackAriaLabel": "ย้อนกลับ",
+      "closeAriaLabel": "ปิด"
+    },
+    "banner": {
+      "closeAriaLabel": "ปิด"
+    },
+    "link": {
+      "opensInNewTabAriaLabel": "(เปิดในแท็บใหม่)"
+    }
+  }
+}
+;
 
 export default _default;

package/dist/i18n/locales/th.json.js

@@ -1,7 +1,7 @@
-const t = {}, o = {
-  components: t
+const a = { addressInput: { qrCodeAriaLabel: "สแกน QR Code" }, baseInput: { clearInputAriaLabel: "ล้างอินพุต" }, spinner: { loadingAriaLabel: "กำลังโหลด" }, dialogHeader: { goBackAriaLabel: "ย้อนกลับ", closeAriaLabel: "ปิด" }, banner: { closeAriaLabel: "ปิด" }, link: { opensInNewTabAriaLabel: "(เปิดในแท็บใหม่)" } }, e = {
+  components: a
 };
 export {
-  t as components,
-  o as default
+  a as components,
+  e as default
 };

package/dist/i18n/locales/tr.json.d.ts

@@ -1,5 +1,26 @@
 declare const _default: {
-  "components": {}
-};
+  "components": {
+    "addressInput": {
+      "qrCodeAriaLabel": "Karekodu okut"
+    },
+    "baseInput": {
+      "clearInputAriaLabel": "Girdiyi temizle"
+    },
+    "spinner": {
+      "loadingAriaLabel": "Yükleniyor"
+    },
+    "dialogHeader": {
+      "goBackAriaLabel": "Geri dön",
+      "closeAriaLabel": "Kapat"
+    },
+    "banner": {
+      "closeAriaLabel": "Kapat"
+    },
+    "link": {
+      "opensInNewTabAriaLabel": "(yeni sekmede açılır)"
+    }
+  }
+}
+;
 
 export default _default;

package/dist/i18n/locales/tr.json.js

@@ -1,7 +1,7 @@
-const t = {}, o = {
-  components: t
+const a = { addressInput: { qrCodeAriaLabel: "Karekodu okut" }, baseInput: { clearInputAriaLabel: "Girdiyi temizle" }, spinner: { loadingAriaLabel: "Yükleniyor" }, dialogHeader: { goBackAriaLabel: "Geri dön", closeAriaLabel: "Kapat" }, banner: { closeAriaLabel: "Kapat" }, link: { opensInNewTabAriaLabel: "(yeni sekmede açılır)" } }, e = {
+  components: a
 };
 export {
-  t as components,
-  o as default
+  a as components,
+  e as default
 };

package/dist/i18n/locales/zh.json.d.ts

@@ -1,5 +1,26 @@
 declare const _default: {
-  "components": {}
-};
+  "components": {
+    "addressInput": {
+      "qrCodeAriaLabel": "扫描二维码"
+    },
+    "baseInput": {
+      "clearInputAriaLabel": "清空输入框"
+    },
+    "spinner": {
+      "loadingAriaLabel": "加载中"
+    },
+    "dialogHeader": {
+      "goBackAriaLabel": "返回",
+      "closeAriaLabel": "关闭"
+    },
+    "banner": {
+      "closeAriaLabel": "关闭"
+    },
+    "link": {
+      "opensInNewTabAriaLabel": "（在新选项卡中打开）"
+    }
+  }
+}
+;
 
 export default _default;

package/dist/i18n/locales/zh.json.js

@@ -1,7 +1,7 @@
-const o = {}, t = {
-  components: o
+const a = { addressInput: { qrCodeAriaLabel: "扫描二维码" }, baseInput: { clearInputAriaLabel: "清空输入框" }, spinner: { loadingAriaLabel: "加载中" }, dialogHeader: { goBackAriaLabel: "返回", closeAriaLabel: "关闭" }, banner: { closeAriaLabel: "关闭" }, link: { opensInNewTabAriaLabel: "（在新选项卡中打开）" } }, e = {
+  components: a
 };
 export {
-  o as components,
-  t as default
+  a as components,
+  e as default
 };

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

@@ -8,7 +8,7 @@ const u = f.forwardRef(({ prefix: t = "To:", suffix: o, onQrCodeClick: r, ...a }
   const { t: i } = p(), d = /* @__PURE__ */ e(
     "span",
     {
-      className: "text-nowrap text-base body-1 group-has-[:disabled]:text-disabled",
+      className: "body-1 text-nowrap text-base group-has-disabled:text-disabled",
       "aria-hidden": "true",
       children: t
     }
@@ -18,7 +18,7 @@ const u = f.forwardRef(({ prefix: t = "To:", suffix: o, onQrCodeClick: r, ...a }
       iconType: "filled",
       onClick: r,
       "aria-label": i("components.addressInput.qrCodeAriaLabel"),
-      className: "group-has-[:disabled]:text-disabled",
+      className: "group-has-disabled:text-disabled",
       children: /* @__PURE__ */ e(m, { size: 20 })
     }
   );

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

@@ -4,10 +4,10 @@ import { cva as z } from "class-variance-authority";
 import M, { useRef as p, useState as h, useMemo as _, useLayoutEffect as q, useEffect as D } from "react";
 const L = z(
   [
-    "bg-transparent caret-active outline-none transition-colors heading-0",
+    "bg-transparent heading-0 caret-active outline-hidden transition-colors",
     "text-base placeholder:text-muted-subtle",
     "disabled:cursor-not-allowed disabled:bg-base-transparent disabled:text-disabled",
-    '[&[aria-invalid="true"]]:text-error',
+    "aria-invalid:text-error",
     "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
     "h-56"
   ],

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

@@ -1,4 +1,4 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
 import { cn as l } from "../../../libs/utils-shared/dist/index.js";
 import s from "react";
 import { useCommonTranslation as O } from "../../../i18n/useCommonTranslation.js";
@@ -7,20 +7,20 @@ import { DeleteCircleFill as I } from "../../Symbols/Icons/DeleteCircleFill.js";
 const $ = l(
   "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-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'
 ), q = l(
-  "peer w-full flex-1 bg-muted text-base caret-active outline-none transition-colors body-1",
+  "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",
+  "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"
 ), H = l(
-  "pointer-events-none absolute left-16 top-6 origin-left text-muted transition-all duration-300 body-4",
+  "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",
+  "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 = s.forwardRef(
@@ -37,32 +37,32 @@ const $ = l(
     onClear: p,
     hideClearButton: j = !1,
     "aria-invalid": m,
-    onChange: c,
-    ...o
+    onChange: d,
+    ...i
   }, B) => {
     var x;
-    const { t: C } = O(), n = s.useRef(null), D = s.useId(), b = k || `input-${D}`, F = m || (a ? !0 : void 0), d = o.value !== void 0, [L, v] = s.useState(
-      ((x = o.defaultValue) == null ? void 0 : x.toString()) || ""
+    const { t: C } = O(), r = s.useRef(null), D = s.useId(), b = k || `input-${D}`, F = m || (a ? !0 : void 0), c = i.value !== void 0, [L, v] = s.useState(
+      ((x = i.defaultValue) == null ? void 0 : x.toString()) || ""
     ), T = s.useCallback(
       (t) => {
-        d || v(t.target.value), c == null || c(t);
+        c || v(t.target.value), d == null || d(t);
       },
-      [d, c]
-    ), g = (d ? !!o.value && o.value.toString().length > 0 : L.length > 0) && !f && !j, w = `${b}-error`, V = () => {
+      [c, d]
+    ), g = (c ? !!i.value && i.value.toString().length > 0 : L.length > 0) && !f && !j, w = `${b}-error`, V = () => {
       var e;
-      if (!n.current) return;
+      if (!r.current) return;
       const t = (e = Object.getOwnPropertyDescriptor(
         window.HTMLInputElement.prototype,
         "value"
       )) == null ? void 0 : e.set;
-      t == null || t.call(n.current, ""), d || v("");
-      const i = new Event("input", { bubbles: !0 });
-      n.current.dispatchEvent(i), n.current.focus(), p == null || p();
+      t == null || t.call(r.current, ""), c || v("");
+      const o = new Event("input", { bubbles: !0 });
+      r.current.dispatchEvent(o), r.current.focus(), p == null || p();
     };
     function A(...t) {
-      return (i) => {
+      return (o) => {
         t.forEach((e) => {
-          e && (typeof e == "function" ? e(i) : e.current = i);
+          e && (typeof e == "function" ? e(o) : e.current = o);
         });
       };
     }
@@ -73,7 +73,7 @@ const $ = l(
           className: $,
           onPointerDown: (t) => {
             if (t.target.closest("input, button, a")) return;
-            const e = n.current;
+            const e = r.current;
             if (!e) return;
             const y = e.value.length > 0 ? e.value.length : 0;
             window.requestAnimationFrame(() => {
@@ -86,10 +86,10 @@ const $ = l(
           },
           children: [
             E,
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ n(
               "input",
               {
-                ref: A(B, n),
+                ref: A(B, r),
                 id: b,
                 disabled: f,
                 placeholder: " ",
@@ -101,10 +101,10 @@ const $ = l(
                   R
                 ),
                 onChange: T,
-                ...o
+                ...i
               }
             ),
-            u && /* @__PURE__ */ r(
+            u && /* @__PURE__ */ n(
               "label",
               {
                 htmlFor: b,
@@ -116,13 +116,13 @@ const $ = l(
                 children: u
               }
             ),
-            g && /* @__PURE__ */ r(
+            g && /* @__PURE__ */ n(
               _,
               {
                 iconType: "filled",
                 onClick: V,
                 "aria-label": C("components.baseInput.clearInputAriaLabel"),
-                children: /* @__PURE__ */ r(I, { size: 20 })
+                children: /* @__PURE__ */ n(I, { size: 20 })
               }
             ),
             !g && z
@@ -133,11 +133,11 @@ const $ = l(
         "div",
         {
           id: w,
-          className: "mt-8 flex items-center gap-2 text-error body-3",
+          className: "mt-8 flex items-center gap-2 body-3 text-error",
           role: "alert",
           children: [
-            /* @__PURE__ */ r(I, { size: 16, className: "shrink-0 text-error" }),
-            /* @__PURE__ */ r("span", { children: a })
+            /* @__PURE__ */ n(I, { size: 16, className: "shrink-0 text-error" }),
+            /* @__PURE__ */ n("span", { children: a })
           ]
         }
       )