@ledgerhq/lumen-ui-react 0.0.63 → 0.0.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/i18n/locales/de.json.d.ts +23 -2
  2. package/dist/i18n/locales/de.json.js +4 -4
  3. package/dist/i18n/locales/en.json.d.ts +5 -1
  4. package/dist/i18n/locales/en.json.js +1 -1
  5. package/dist/i18n/locales/es.json.d.ts +23 -2
  6. package/dist/i18n/locales/es.json.js +4 -4
  7. package/dist/i18n/locales/fr.json.d.ts +6 -2
  8. package/dist/i18n/locales/fr.json.js +1 -1
  9. package/dist/i18n/locales/ja.json.d.ts +23 -2
  10. package/dist/i18n/locales/ja.json.js +4 -4
  11. package/dist/i18n/locales/ko.json.d.ts +23 -2
  12. package/dist/i18n/locales/ko.json.js +4 -4
  13. package/dist/i18n/locales/pt.json.d.ts +23 -2
  14. package/dist/i18n/locales/pt.json.js +4 -4
  15. package/dist/i18n/locales/ru.json.d.ts +23 -2
  16. package/dist/i18n/locales/ru.json.js +4 -4
  17. package/dist/i18n/locales/th.json.d.ts +23 -2
  18. package/dist/i18n/locales/th.json.js +4 -4
  19. package/dist/i18n/locales/tr.json.d.ts +23 -2
  20. package/dist/i18n/locales/tr.json.js +4 -4
  21. package/dist/i18n/locales/zh.json.d.ts +23 -2
  22. package/dist/i18n/locales/zh.json.js +4 -4
  23. package/dist/lib/Components/AddressInput/AddressInput.js +2 -2
  24. package/dist/lib/Components/AmountInput/AmountInput.js +2 -2
  25. package/dist/lib/Components/BaseInput/BaseInput.js +31 -31
  26. package/dist/lib/Components/Button/BaseButton.d.ts.map +1 -1
  27. package/dist/lib/Components/Button/BaseButton.js +1 -1
  28. package/dist/lib/Components/CardButton/CardButton.js +1 -1
  29. package/dist/lib/Components/Checkbox/Checkbox.js +7 -7
  30. package/dist/lib/Components/Dialog/Dialog.js +4 -4
  31. package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js +3 -3
  32. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js +7 -7
  33. package/dist/lib/Components/ListItem/ListItem.js +1 -1
  34. package/dist/lib/Components/Menu/Menu.js +5 -5
  35. package/dist/lib/Components/SearchInput/SearchInput.js +1 -1
  36. package/dist/lib/Components/Select/Select.js +64 -64
  37. package/dist/lib/Components/Subheader/Subheader.js +1 -1
  38. package/dist/lib/Components/Switch/Switch.js +3 -3
  39. package/dist/lib/Components/Tile/Tile.js +30 -30
  40. package/dist/lib/Components/Tooltip/Tooltip.js +2 -2
  41. package/dist/package.json +1 -1
  42. package/package.json +1 -1
@@ -1,5 +1,26 @@
1
1
  declare const _default: {
2
- "components": {}
3
- };
2
+ "components": {
3
+ "addressInput": {
4
+ "qrCodeAriaLabel": "QR-Code scannen"
5
+ },
6
+ "baseInput": {
7
+ "clearInputAriaLabel": "Eingabe löschen"
8
+ },
9
+ "spinner": {
10
+ "loadingAriaLabel": "Wird geladen"
11
+ },
12
+ "dialogHeader": {
13
+ "goBackAriaLabel": "Zurück",
14
+ "closeAriaLabel": "Schließen"
15
+ },
16
+ "banner": {
17
+ "closeAriaLabel": "Schließen"
18
+ },
19
+ "link": {
20
+ "opensInNewTabAriaLabel": "(Öffnet in neuem Tab)"
21
+ }
22
+ }
23
+ }
24
+ ;
4
25
 
5
26
  export default _default;
@@ -1,7 +1,7 @@
1
- const o = {}, t = {
2
- components: o
1
+ 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 = {
2
+ components: e
3
3
  };
4
4
  export {
5
- o as components,
6
- t as default
5
+ e as components,
6
+ a as default
7
7
  };
@@ -15,8 +15,12 @@ declare const _default: {
15
15
  },
16
16
  "banner": {
17
17
  "closeAriaLabel": "Close"
18
+ },
19
+ "link": {
20
+ "opensInNewTabAriaLabel": "(opens in a new tab)"
18
21
  }
19
22
  }
20
- };
23
+ }
24
+ ;
21
25
 
22
26
  export default _default;
@@ -1,4 +1,4 @@
1
- const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" } }, e = {
1
+ 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 = {
2
2
  components: a
3
3
  };
4
4
  export {
@@ -1,5 +1,26 @@
1
1
  declare const _default: {
2
- "components": {}
3
- };
2
+ "components": {
3
+ "addressInput": {
4
+ "qrCodeAriaLabel": "Escanear código QR"
5
+ },
6
+ "baseInput": {
7
+ "clearInputAriaLabel": "Borrar entrada"
8
+ },
9
+ "spinner": {
10
+ "loadingAriaLabel": "Cargando"
11
+ },
12
+ "dialogHeader": {
13
+ "goBackAriaLabel": "Volver",
14
+ "closeAriaLabel": "Cerrar"
15
+ },
16
+ "banner": {
17
+ "closeAriaLabel": "Cerrar"
18
+ },
19
+ "link": {
20
+ "opensInNewTabAriaLabel": "(se abre en una pestaña nueva)"
21
+ }
22
+ }
23
+ }
24
+ ;
4
25
 
5
26
  export default _default;
@@ -1,7 +1,7 @@
1
- const o = {}, s = {
2
- components: o
1
+ 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 = {
2
+ components: a
3
3
  };
4
4
  export {
5
- o as components,
6
- s as default
5
+ a as components,
6
+ e as default
7
7
  };
@@ -1,7 +1,7 @@
1
1
  declare const _default: {
2
2
  "components": {
3
3
  "addressInput": {
4
- "qrCodeAriaLabel": "Scanner le QR code"
4
+ "qrCodeAriaLabel": "Scanner le code QR"
5
5
  },
6
6
  "baseInput": {
7
7
  "clearInputAriaLabel": "Effacer la saisie"
@@ -15,8 +15,12 @@ declare const _default: {
15
15
  },
16
16
  "banner": {
17
17
  "closeAriaLabel": "Fermer"
18
+ },
19
+ "link": {
20
+ "opensInNewTabAriaLabel": "(s'ouvre dans un nouvel onglet)"
18
21
  }
19
22
  }
20
- };
23
+ }
24
+ ;
21
25
 
22
26
  export default _default;
@@ -1,4 +1,4 @@
1
- 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 = {
1
+ 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 = {
2
2
  components: e
3
3
  };
4
4
  export {
@@ -1,5 +1,26 @@
1
1
  declare const _default: {
2
- "components": {}
3
- };
2
+ "components": {
3
+ "addressInput": {
4
+ "qrCodeAriaLabel": "QRコードをスキャン"
5
+ },
6
+ "baseInput": {
7
+ "clearInputAriaLabel": "インプットを削除"
8
+ },
9
+ "spinner": {
10
+ "loadingAriaLabel": "読み込み中"
11
+ },
12
+ "dialogHeader": {
13
+ "goBackAriaLabel": "戻る",
14
+ "closeAriaLabel": "閉じる"
15
+ },
16
+ "banner": {
17
+ "closeAriaLabel": "閉じる"
18
+ },
19
+ "link": {
20
+ "opensInNewTabAriaLabel": "(新しいタブで開く)"
21
+ }
22
+ }
23
+ }
24
+ ;
4
25
 
5
26
  export default _default;
@@ -1,7 +1,7 @@
1
- const o = {}, t = {
2
- components: o
1
+ const a = { addressInput: { qrCodeAriaLabel: "QRコードをスキャン" }, baseInput: { clearInputAriaLabel: "インプットを削除" }, spinner: { loadingAriaLabel: "読み込み中" }, dialogHeader: { goBackAriaLabel: "戻る", closeAriaLabel: "閉じる" }, banner: { closeAriaLabel: "閉じる" }, link: { opensInNewTabAriaLabel: "(新しいタブで開く)" } }, e = {
2
+ components: a
3
3
  };
4
4
  export {
5
- o as components,
6
- t as default
5
+ a as components,
6
+ e as default
7
7
  };
@@ -1,5 +1,26 @@
1
1
  declare const _default: {
2
- "components": {}
3
- };
2
+ "components": {
3
+ "addressInput": {
4
+ "qrCodeAriaLabel": "QR 코드 스캔"
5
+ },
6
+ "baseInput": {
7
+ "clearInputAriaLabel": "입력 값 지우기"
8
+ },
9
+ "spinner": {
10
+ "loadingAriaLabel": "로딩중"
11
+ },
12
+ "dialogHeader": {
13
+ "goBackAriaLabel": "돌아가기",
14
+ "closeAriaLabel": "닫기"
15
+ },
16
+ "banner": {
17
+ "closeAriaLabel": "닫기"
18
+ },
19
+ "link": {
20
+ "opensInNewTabAriaLabel": "(새 탭에서 열기)"
21
+ }
22
+ }
23
+ }
24
+ ;
4
25
 
5
26
  export default _default;
@@ -1,7 +1,7 @@
1
- const o = {}, t = {
2
- components: o
1
+ const a = { addressInput: { qrCodeAriaLabel: "QR 코드 스캔" }, baseInput: { clearInputAriaLabel: "입력 값 지우기" }, spinner: { loadingAriaLabel: "로딩중" }, dialogHeader: { goBackAriaLabel: "돌아가기", closeAriaLabel: "닫기" }, banner: { closeAriaLabel: "닫기" }, link: { opensInNewTabAriaLabel: "(새 탭에서 열기)" } }, e = {
2
+ components: a
3
3
  };
4
4
  export {
5
- o as components,
6
- t as default
5
+ a as components,
6
+ e as default
7
7
  };
@@ -1,5 +1,26 @@
1
1
  declare const _default: {
2
- "components": {}
3
- };
2
+ "components": {
3
+ "addressInput": {
4
+ "qrCodeAriaLabel": "Escanear QR Code"
5
+ },
6
+ "baseInput": {
7
+ "clearInputAriaLabel": "Limpar input"
8
+ },
9
+ "spinner": {
10
+ "loadingAriaLabel": "Carregando"
11
+ },
12
+ "dialogHeader": {
13
+ "goBackAriaLabel": "Voltar",
14
+ "closeAriaLabel": "Fechar"
15
+ },
16
+ "banner": {
17
+ "closeAriaLabel": "Fechar"
18
+ },
19
+ "link": {
20
+ "opensInNewTabAriaLabel": "(abre em uma nova aba)"
21
+ }
22
+ }
23
+ }
24
+ ;
4
25
 
5
26
  export default _default;
@@ -1,7 +1,7 @@
1
- const t = {}, o = {
2
- components: t
1
+ 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 = {
2
+ components: a
3
3
  };
4
4
  export {
5
- t as components,
6
- o as default
5
+ a as components,
6
+ e as default
7
7
  };
@@ -1,5 +1,26 @@
1
1
  declare const _default: {
2
- "components": {}
3
- };
2
+ "components": {
3
+ "addressInput": {
4
+ "qrCodeAriaLabel": "Сканировать QR-код"
5
+ },
6
+ "baseInput": {
7
+ "clearInputAriaLabel": "Очистить поле"
8
+ },
9
+ "spinner": {
10
+ "loadingAriaLabel": "Загрузка"
11
+ },
12
+ "dialogHeader": {
13
+ "goBackAriaLabel": "Назад",
14
+ "closeAriaLabel": "Закрыть"
15
+ },
16
+ "banner": {
17
+ "closeAriaLabel": "Закрыть"
18
+ },
19
+ "link": {
20
+ "opensInNewTabAriaLabel": "(открывается в новой вкладке)"
21
+ }
22
+ }
23
+ }
24
+ ;
4
25
 
5
26
  export default _default;
@@ -1,7 +1,7 @@
1
- const o = {}, t = {
2
- components: o
1
+ const a = { addressInput: { qrCodeAriaLabel: "Сканировать QR-код" }, baseInput: { clearInputAriaLabel: "Очистить поле" }, spinner: { loadingAriaLabel: "Загрузка" }, dialogHeader: { goBackAriaLabel: "Назад", closeAriaLabel: "Закрыть" }, banner: { closeAriaLabel: "Закрыть" }, link: { opensInNewTabAriaLabel: "(открывается в новой вкладке)" } }, e = {
2
+ components: a
3
3
  };
4
4
  export {
5
- o as components,
6
- t as default
5
+ a as components,
6
+ e as default
7
7
  };
@@ -1,5 +1,26 @@
1
1
  declare const _default: {
2
- "components": {}
3
- };
2
+ "components": {
3
+ "addressInput": {
4
+ "qrCodeAriaLabel": "สแกน QR Code"
5
+ },
6
+ "baseInput": {
7
+ "clearInputAriaLabel": "ล้างอินพุต"
8
+ },
9
+ "spinner": {
10
+ "loadingAriaLabel": "กำลังโหลด"
11
+ },
12
+ "dialogHeader": {
13
+ "goBackAriaLabel": "ย้อนกลับ",
14
+ "closeAriaLabel": "ปิด"
15
+ },
16
+ "banner": {
17
+ "closeAriaLabel": "ปิด"
18
+ },
19
+ "link": {
20
+ "opensInNewTabAriaLabel": "(เปิดในแท็บใหม่)"
21
+ }
22
+ }
23
+ }
24
+ ;
4
25
 
5
26
  export default _default;
@@ -1,7 +1,7 @@
1
- const t = {}, o = {
2
- components: t
1
+ const a = { addressInput: { qrCodeAriaLabel: "สแกน QR Code" }, baseInput: { clearInputAriaLabel: "ล้างอินพุต" }, spinner: { loadingAriaLabel: "กำลังโหลด" }, dialogHeader: { goBackAriaLabel: "ย้อนกลับ", closeAriaLabel: "ปิด" }, banner: { closeAriaLabel: "ปิด" }, link: { opensInNewTabAriaLabel: "(เปิดในแท็บใหม่)" } }, e = {
2
+ components: a
3
3
  };
4
4
  export {
5
- t as components,
6
- o as default
5
+ a as components,
6
+ e as default
7
7
  };
@@ -1,5 +1,26 @@
1
1
  declare const _default: {
2
- "components": {}
3
- };
2
+ "components": {
3
+ "addressInput": {
4
+ "qrCodeAriaLabel": "Karekodu okut"
5
+ },
6
+ "baseInput": {
7
+ "clearInputAriaLabel": "Girdiyi temizle"
8
+ },
9
+ "spinner": {
10
+ "loadingAriaLabel": "Yükleniyor"
11
+ },
12
+ "dialogHeader": {
13
+ "goBackAriaLabel": "Geri dön",
14
+ "closeAriaLabel": "Kapat"
15
+ },
16
+ "banner": {
17
+ "closeAriaLabel": "Kapat"
18
+ },
19
+ "link": {
20
+ "opensInNewTabAriaLabel": "(yeni sekmede açılır)"
21
+ }
22
+ }
23
+ }
24
+ ;
4
25
 
5
26
  export default _default;
@@ -1,7 +1,7 @@
1
- const t = {}, o = {
2
- components: t
1
+ 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 = {
2
+ components: a
3
3
  };
4
4
  export {
5
- t as components,
6
- o as default
5
+ a as components,
6
+ e as default
7
7
  };
@@ -1,5 +1,26 @@
1
1
  declare const _default: {
2
- "components": {}
3
- };
2
+ "components": {
3
+ "addressInput": {
4
+ "qrCodeAriaLabel": "扫描二维码"
5
+ },
6
+ "baseInput": {
7
+ "clearInputAriaLabel": "清空输入框"
8
+ },
9
+ "spinner": {
10
+ "loadingAriaLabel": "加载中"
11
+ },
12
+ "dialogHeader": {
13
+ "goBackAriaLabel": "返回",
14
+ "closeAriaLabel": "关闭"
15
+ },
16
+ "banner": {
17
+ "closeAriaLabel": "关闭"
18
+ },
19
+ "link": {
20
+ "opensInNewTabAriaLabel": "(在新选项卡中打开)"
21
+ }
22
+ }
23
+ }
24
+ ;
4
25
 
5
26
  export default _default;
@@ -1,7 +1,7 @@
1
- const o = {}, t = {
2
- components: o
1
+ const a = { addressInput: { qrCodeAriaLabel: "扫描二维码" }, baseInput: { clearInputAriaLabel: "清空输入框" }, spinner: { loadingAriaLabel: "加载中" }, dialogHeader: { goBackAriaLabel: "返回", closeAriaLabel: "关闭" }, banner: { closeAriaLabel: "关闭" }, link: { opensInNewTabAriaLabel: "(在新选项卡中打开)" } }, e = {
2
+ components: a
3
3
  };
4
4
  export {
5
- o as components,
6
- t as default
5
+ a as components,
6
+ e as default
7
7
  };
@@ -8,7 +8,7 @@ const u = f.forwardRef(({ prefix: t = "To:", suffix: o, onQrCodeClick: r, ...a }
8
8
  const { t: i } = p(), d = /* @__PURE__ */ e(
9
9
  "span",
10
10
  {
11
- className: "text-nowrap text-base body-1 group-has-[:disabled]:text-disabled",
11
+ className: "body-1 text-nowrap text-base group-has-disabled:text-disabled",
12
12
  "aria-hidden": "true",
13
13
  children: t
14
14
  }
@@ -18,7 +18,7 @@ const u = f.forwardRef(({ prefix: t = "To:", suffix: o, onQrCodeClick: r, ...a }
18
18
  iconType: "filled",
19
19
  onClick: r,
20
20
  "aria-label": i("components.addressInput.qrCodeAriaLabel"),
21
- className: "group-has-[:disabled]:text-disabled",
21
+ className: "group-has-disabled:text-disabled",
22
22
  children: /* @__PURE__ */ e(m, { size: 20 })
23
23
  }
24
24
  );
@@ -4,10 +4,10 @@ import { cva as z } from "class-variance-authority";
4
4
  import M, { useRef as p, useState as h, useMemo as _, useLayoutEffect as q, useEffect as D } from "react";
5
5
  const L = z(
6
6
  [
7
- "bg-transparent caret-active outline-none transition-colors heading-0",
7
+ "bg-transparent heading-0 caret-active outline-hidden transition-colors",
8
8
  "text-base placeholder:text-muted-subtle",
9
9
  "disabled:cursor-not-allowed disabled:bg-base-transparent disabled:text-disabled",
10
- '[&[aria-invalid="true"]]:text-error',
10
+ "aria-invalid:text-error",
11
11
  "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
12
12
  "h-56"
13
13
  ],
@@ -1,4 +1,4 @@
1
- import { jsxs as h, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as h, jsx as n } from "react/jsx-runtime";
2
2
  import { cn as l } from "../../../libs/utils-shared/dist/index.js";
3
3
  import s from "react";
4
4
  import { useCommonTranslation as O } from "../../../i18n/useCommonTranslation.js";
@@ -7,20 +7,20 @@ import { DeleteCircleFill as I } from "../../Symbols/Icons/DeleteCircleFill.js";
7
7
  const $ = l(
8
8
  "group relative flex h-48 w-full cursor-text items-center gap-8 rounded-sm bg-muted px-16 transition-colors",
9
9
  "focus-within:ring-2 focus-within:ring-active hover:bg-muted-hover",
10
- "has-[:disabled]:cursor-not-allowed has-[:disabled]:bg-disabled has-[:disabled]:text-disabled",
11
- "has-[:invalid]:border-error has-[:invalid]:ring-1 has-[:invalid]:ring-error",
10
+ "has-disabled:cursor-not-allowed has-disabled:bg-disabled has-disabled:text-disabled",
11
+ "has-invalid:border-error has-invalid:ring-1 has-invalid:ring-error",
12
12
  'has-[input[aria-invalid="true"]]:border-error has-[input[aria-invalid="true"]]:ring-1 has-[input[aria-invalid="true"]]:ring-error'
13
13
  ), q = l(
14
- "peer w-full flex-1 bg-muted text-base caret-active outline-none transition-colors body-1",
14
+ "peer w-full flex-1 bg-muted body-1 text-base caret-active outline-hidden transition-colors",
15
15
  "group-hover:bg-muted-hover group-disabled:bg-disabled",
16
- "group-has-[:disabled]:cursor-not-allowed group-has-[:disabled]:bg-disabled group-has-[:disabled]:text-disabled",
17
- "placeholder:text-muted group-has-[:disabled]:placeholder:text-disabled",
16
+ "group-has-disabled:cursor-not-allowed group-has-disabled:bg-disabled group-has-disabled:text-disabled",
17
+ "placeholder:text-muted group-has-disabled:placeholder:text-disabled",
18
18
  "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
19
19
  "truncate"
20
20
  ), H = l(
21
- "pointer-events-none absolute left-16 top-6 origin-left text-muted transition-all duration-300 body-4",
21
+ "pointer-events-none absolute top-6 left-16 origin-left body-4 text-muted transition-all duration-300",
22
22
  "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-placeholder-shown:body-2",
23
- "group-has-[:disabled]:text-disabled",
23
+ "group-has-disabled:text-disabled",
24
24
  "peer-focus:top-6 peer-focus:-translate-y-0 peer-focus:body-4",
25
25
  "w-[calc(100%-var(--size-56))] truncate"
26
26
  ), U = s.forwardRef(
@@ -37,32 +37,32 @@ const $ = l(
37
37
  onClear: p,
38
38
  hideClearButton: j = !1,
39
39
  "aria-invalid": m,
40
- onChange: c,
41
- ...o
40
+ onChange: d,
41
+ ...i
42
42
  }, B) => {
43
43
  var x;
44
- 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(
45
- ((x = o.defaultValue) == null ? void 0 : x.toString()) || ""
44
+ 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(
45
+ ((x = i.defaultValue) == null ? void 0 : x.toString()) || ""
46
46
  ), T = s.useCallback(
47
47
  (t) => {
48
- d || v(t.target.value), c == null || c(t);
48
+ c || v(t.target.value), d == null || d(t);
49
49
  },
50
- [d, c]
51
- ), g = (d ? !!o.value && o.value.toString().length > 0 : L.length > 0) && !f && !j, w = `${b}-error`, V = () => {
50
+ [c, d]
51
+ ), g = (c ? !!i.value && i.value.toString().length > 0 : L.length > 0) && !f && !j, w = `${b}-error`, V = () => {
52
52
  var e;
53
- if (!n.current) return;
53
+ if (!r.current) return;
54
54
  const t = (e = Object.getOwnPropertyDescriptor(
55
55
  window.HTMLInputElement.prototype,
56
56
  "value"
57
57
  )) == null ? void 0 : e.set;
58
- t == null || t.call(n.current, ""), d || v("");
59
- const i = new Event("input", { bubbles: !0 });
60
- n.current.dispatchEvent(i), n.current.focus(), p == null || p();
58
+ t == null || t.call(r.current, ""), c || v("");
59
+ const o = new Event("input", { bubbles: !0 });
60
+ r.current.dispatchEvent(o), r.current.focus(), p == null || p();
61
61
  };
62
62
  function A(...t) {
63
- return (i) => {
63
+ return (o) => {
64
64
  t.forEach((e) => {
65
- e && (typeof e == "function" ? e(i) : e.current = i);
65
+ e && (typeof e == "function" ? e(o) : e.current = o);
66
66
  });
67
67
  };
68
68
  }
@@ -73,7 +73,7 @@ const $ = l(
73
73
  className: $,
74
74
  onPointerDown: (t) => {
75
75
  if (t.target.closest("input, button, a")) return;
76
- const e = n.current;
76
+ const e = r.current;
77
77
  if (!e) return;
78
78
  const y = e.value.length > 0 ? e.value.length : 0;
79
79
  window.requestAnimationFrame(() => {
@@ -86,10 +86,10 @@ const $ = l(
86
86
  },
87
87
  children: [
88
88
  E,
89
- /* @__PURE__ */ r(
89
+ /* @__PURE__ */ n(
90
90
  "input",
91
91
  {
92
- ref: A(B, n),
92
+ ref: A(B, r),
93
93
  id: b,
94
94
  disabled: f,
95
95
  placeholder: " ",
@@ -101,10 +101,10 @@ const $ = l(
101
101
  R
102
102
  ),
103
103
  onChange: T,
104
- ...o
104
+ ...i
105
105
  }
106
106
  ),
107
- u && /* @__PURE__ */ r(
107
+ u && /* @__PURE__ */ n(
108
108
  "label",
109
109
  {
110
110
  htmlFor: b,
@@ -116,13 +116,13 @@ const $ = l(
116
116
  children: u
117
117
  }
118
118
  ),
119
- g && /* @__PURE__ */ r(
119
+ g && /* @__PURE__ */ n(
120
120
  _,
121
121
  {
122
122
  iconType: "filled",
123
123
  onClick: V,
124
124
  "aria-label": C("components.baseInput.clearInputAriaLabel"),
125
- children: /* @__PURE__ */ r(I, { size: 20 })
125
+ children: /* @__PURE__ */ n(I, { size: 20 })
126
126
  }
127
127
  ),
128
128
  !g && z
@@ -133,11 +133,11 @@ const $ = l(
133
133
  "div",
134
134
  {
135
135
  id: w,
136
- className: "mt-8 flex items-center gap-2 text-error body-3",
136
+ className: "mt-8 flex items-center gap-2 body-3 text-error",
137
137
  role: "alert",
138
138
  children: [
139
- /* @__PURE__ */ r(I, { size: 16, className: "shrink-0 text-error" }),
140
- /* @__PURE__ */ r("span", { children: a })
139
+ /* @__PURE__ */ n(I, { size: 16, className: "shrink-0 text-error" }),
140
+ /* @__PURE__ */ n("span", { children: a })
141
141
  ]
142
142
  }
143
143
  )
@@ -1 +1 @@
1
- {"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAqDzC,eAAO,MAAM,UAAU;;;;;;;;;YAxCf,CAAR;iBACU,CAAT;;;2FAkHA,CAAC"}
1
+ {"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAqDzC,eAAO,MAAM,UAAU;;;;;;;;;YAxCf,CAAF;iBACI,CAAH;;;2FAkHN,CAAC"}
@@ -5,7 +5,7 @@ import { cva as l } from "class-variance-authority";
5
5
  import y, { useCallback as B } from "react";
6
6
  import { Spinner as N } from "../Spinner/Spinner.js";
7
7
  const j = l(
8
- 'inline-flex size-fit cursor-pointer items-center justify-center rounded-full transition-colors duration-200 body-1-semi-bold focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus [&[data-disabled="true"]]:bg-disabled [&[data-disabled="true"]]:text-disabled',
8
+ 'inline-flex size-fit cursor-pointer items-center justify-center rounded-full body-1-semi-bold transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus data-[disabled="true"]:bg-disabled data-[disabled="true"]:text-disabled',
9
9
  {
10
10
  variants: {
11
11
  appearance: {
@@ -9,7 +9,7 @@ const p = c(
9
9
  variants: {
10
10
  appearance: {
11
11
  base: "bg-muted text-base hover:bg-muted-hover active:bg-muted-pressed disabled:bg-disabled",
12
- outline: "bg-base-transparent text-base outline-dashed outline-1 outline-muted-subtle hover:bg-base-transparent-hover hover:outline-muted-subtle-hover focus-visible:outline-none focus-visible:outline-offset-0 active:bg-base-transparent-pressed active:outline-muted-subtle-pressed disabled:bg-base-transparent disabled:outline-disabled"
12
+ outline: "bg-base-transparent text-base outline-dashed outline-1 outline-muted-subtle hover:bg-base-transparent-hover hover:outline-muted-subtle-hover focus-visible:outline-hidden focus-visible:outline-offset-0 active:bg-base-transparent-pressed active:outline-muted-subtle-pressed disabled:bg-base-transparent disabled:outline-disabled"
13
13
  }
14
14
  },
15
15
  defaultVariants: {