@ledgerhq/lumen-ui-react 0.0.53

package/dist/i18n/i18n.js

@@ -0,0 +1,42 @@
+import r from "../_virtual/dynamic-import-helper.js";
+import i from "../node_modules/i18next/dist/esm/i18next.js";
+import { DEFAULT_LANGUAGE as t, I18N_DEFAULT_NAMESPACE as s } from "./languages.js";
+import { initReactI18next as l } from "../node_modules/react-i18next/dist/es/initReactI18next.js";
+const a = /* @__PURE__ */ new Set(), c = () => {
+  const o = i.createInstance();
+  return o.use(l).init({
+    resources: {},
+    lng: t,
+    defaultNS: s,
+    fallbackLng: t,
+    interpolation: {
+      escapeValue: !1
+    },
+    react: {
+      useSuspense: !1
+    }
+  }).catch((e) => {
+    console.error("Failed to initialize i18next:", e);
+  }), o;
+}, n = c(), m = async (o) => {
+  if (!a.has(o))
+    try {
+      const e = await r(/* @__PURE__ */ Object.assign({ "./locales/de.json": () => import("./locales/de.json.js"), "./locales/en.json": () => import("./locales/en.json.js"), "./locales/es.json": () => import("./locales/es.json.js"), "./locales/fr.json": () => import("./locales/fr.json.js"), "./locales/ja.json": () => import("./locales/ja.json.js"), "./locales/ko.json": () => import("./locales/ko.json.js"), "./locales/pt.json": () => import("./locales/pt.json.js"), "./locales/ru.json": () => import("./locales/ru.json.js"), "./locales/th.json": () => import("./locales/th.json.js"), "./locales/tr.json": () => import("./locales/tr.json.js"), "./locales/zh.json": () => import("./locales/zh.json.js") }), `./locales/${o}.json`, 3);
+      n.addResourceBundle(
+        o,
+        s,
+        e.default,
+        !0,
+        !0
+      ), a.add(o);
+    } catch (e) {
+      throw console.error(`Failed to load locale ${o}`, e), e;
+    }
+}, f = async (o) => {
+  await m(o), await n.changeLanguage(o);
+};
+export {
+  n as i18n,
+  m as loadLocale,
+  f as switchLanguage
+};

package/dist/i18n/index.d.ts

@@ -0,0 +1,4 @@
+export { type SupportedLocale } from './languages';
+export { I18nProvider } from './I18nProvider';
+export { useCommonTranslation } from './useCommonTranslation';
+//# sourceMappingURL=index.d.ts.map

package/dist/i18n/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/i18n/languages.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Mapping from languages to their respective infos.
+ */
+export declare const Languages: {
+    readonly de: {
+        readonly id: "de";
+    };
+    readonly en: {
+        readonly id: "en";
+    };
+    readonly es: {
+        readonly id: "es";
+    };
+    readonly fr: {
+        readonly id: "fr";
+    };
+    readonly ja: {
+        readonly id: "ja";
+    };
+    readonly ko: {
+        readonly id: "ko";
+    };
+    readonly pt: {
+        readonly id: "pt";
+    };
+    readonly ru: {
+        readonly id: "ru";
+    };
+    readonly th: {
+        readonly id: "th";
+    };
+    readonly tr: {
+        readonly id: "tr";
+    };
+    readonly zh: {
+        readonly id: "zh";
+    };
+};
+/**
+ * Default loaded language
+ */
+export declare const DEFAULT_LANGUAGE: "en";
+/**
+ * Supported locales type
+ */
+export type SupportedLocale = keyof typeof Languages;
+/**
+ * Default namespace for i18n
+ * Currently there is only one namespace
+ */
+export declare const I18N_DEFAULT_NAMESPACE = "common";
+//# sourceMappingURL=languages.d.ts.map

package/dist/i18n/languages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages.d.ts","sourceRoot":"","sources":["../../src/i18n/languages.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC6B,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,gBAAgB,MAAkB,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,SAAS,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,sBAAsB,WAAW,CAAC"}

package/dist/i18n/languages.js

@@ -0,0 +1,10 @@
+const n = {
+  en: {
+    id: "en"
+  }
+}, o = n.en.id, A = "common";
+export {
+  o as DEFAULT_LANGUAGE,
+  A as I18N_DEFAULT_NAMESPACE,
+  n as Languages
+};

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

@@ -0,0 +1,5 @@
+declare const _default: {
+  "components": {}
+};
+
+export default _default;

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

@@ -0,0 +1,7 @@
+const o = {}, t = {
+  components: o
+};
+export {
+  o as components,
+  t as default
+};

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

@@ -0,0 +1,22 @@
+declare const _default: {
+  "components": {
+    "addressInput": {
+      "qrCodeAriaLabel": "Scan QR code"
+    },
+    "baseInput": {
+      "clearInputAriaLabel": "Clear input"
+    },
+    "spinner": {
+      "loadingAriaLabel": "Loading"
+    },
+    "dialogHeader": {
+      "goBackAriaLabel": "Go back",
+      "closeAriaLabel": "Close"
+    },
+    "banner": {
+      "closeAriaLabel": "Close"
+    }
+  }
+};
+
+export default _default;

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

@@ -0,0 +1,7 @@
+const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" } }, e = {
+  components: a
+};
+export {
+  a as components,
+  e as default
+};

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

@@ -0,0 +1,5 @@
+declare const _default: {
+  "components": {}
+};
+
+export default _default;

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

@@ -0,0 +1,7 @@
+const o = {}, s = {
+  components: o
+};
+export {
+  o as components,
+  s as default
+};

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

@@ -0,0 +1,22 @@
+declare const _default: {
+  "components": {
+    "addressInput": {
+      "qrCodeAriaLabel": "Scanner le QR code"
+    },
+    "baseInput": {
+      "clearInputAriaLabel": "Effacer la saisie"
+    },
+    "spinner": {
+      "loadingAriaLabel": "Chargement"
+    },
+    "dialogHeader": {
+      "goBackAriaLabel": "Retour",
+      "closeAriaLabel": "Fermer"
+    },
+    "banner": {
+      "closeAriaLabel": "Fermer"
+    }
+  }
+};
+
+export default _default;

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

@@ -0,0 +1,7 @@
+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 = {
+  components: e
+};
+export {
+  e as components,
+  a as default
+};

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

@@ -0,0 +1,5 @@
+declare const _default: {
+  "components": {}
+};
+
+export default _default;

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

@@ -0,0 +1,7 @@
+const o = {}, t = {
+  components: o
+};
+export {
+  o as components,
+  t as default
+};

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

@@ -0,0 +1,5 @@
+declare const _default: {
+  "components": {}
+};
+
+export default _default;

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

@@ -0,0 +1,7 @@
+const o = {}, t = {
+  components: o
+};
+export {
+  o as components,
+  t as default
+};

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

@@ -0,0 +1,5 @@
+declare const _default: {
+  "components": {}
+};
+
+export default _default;

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

@@ -0,0 +1,7 @@
+const t = {}, o = {
+  components: t
+};
+export {
+  t as components,
+  o as default
+};

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

@@ -0,0 +1,5 @@
+declare const _default: {
+  "components": {}
+};
+
+export default _default;

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

@@ -0,0 +1,7 @@
+const o = {}, t = {
+  components: o
+};
+export {
+  o as components,
+  t as default
+};

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

@@ -0,0 +1,5 @@
+declare const _default: {
+  "components": {}
+};
+
+export default _default;

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

@@ -0,0 +1,7 @@
+const t = {}, o = {
+  components: t
+};
+export {
+  t as components,
+  o as default
+};

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

@@ -0,0 +1,5 @@
+declare const _default: {
+  "components": {}
+};
+
+export default _default;

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

@@ -0,0 +1,7 @@
+const t = {}, o = {
+  components: t
+};
+export {
+  t as components,
+  o as default
+};

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

@@ -0,0 +1,5 @@
+declare const _default: {
+  "components": {}
+};
+
+export default _default;

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

@@ -0,0 +1,7 @@
+const o = {}, t = {
+  components: o
+};
+export {
+  o as components,
+  t as default
+};

package/dist/i18n/useCommonTranslation.d.ts

@@ -0,0 +1,2 @@
+export declare const useCommonTranslation: () => import('react-i18next').UseTranslationResponse<"common", undefined>;
+//# sourceMappingURL=useCommonTranslation.d.ts.map

package/dist/i18n/useCommonTranslation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCommonTranslation.d.ts","sourceRoot":"","sources":["../../src/i18n/useCommonTranslation.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,2EAEhC,CAAC"}

package/dist/i18n/useCommonTranslation.js

@@ -0,0 +1,6 @@
+import { I18N_DEFAULT_NAMESPACE as o } from "./languages.js";
+import { useTranslation as r } from "../node_modules/react-i18next/dist/es/useTranslation.js";
+const m = () => r(o);
+export {
+  m as useCommonTranslation
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/Components';
+export * from './lib/Patterns';
+export { type SupportedLocale } from './i18n';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC"}

package/dist/index.js

@@ -0,0 +1,80 @@
+import { AddressInput as r } from "./lib/Components/AddressInput/AddressInput.js";
+import { AmountInput as n } from "./lib/Components/AmountInput/AmountInput.js";
+import { Banner as m } from "./lib/Components/Banner/Banner.js";
+import { BaseInput as x } from "./lib/Components/BaseInput/BaseInput.js";
+import { Button as a } from "./lib/Components/Button/Button.js";
+import { BaseButton as l } from "./lib/Components/Button/BaseButton.js";
+import { CardButton as c } from "./lib/Components/CardButton/CardButton.js";
+import { Checkbox as T } from "./lib/Components/Checkbox/Checkbox.js";
+import { Dialog as I, DialogContent as d, DialogTrigger as b } from "./lib/Components/Dialog/Dialog.js";
+import { DialogHeader as h } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
+import { IconButton as s } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as D } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Link as v } from "./lib/Components/Link/Link.js";
+import { ListItem as P } from "./lib/Components/ListItem/ListItem.js";
+import { Menu as R, MenuCheckboxItem as w, MenuContent as H, MenuGroup as j, MenuItem as q, MenuLabel as y, MenuPortal as z, MenuRadioGroup as E, MenuRadioItem as F, MenuSeparator as J, MenuSub as K, MenuSubContent as N, MenuSubTrigger as O, MenuTrigger as Q } from "./lib/Components/Menu/Menu.js";
+import { Search as V } from "./lib/Components/Search/Search.js";
+import { Select as X, SelectContent as Y, SelectGroup as Z, SelectItem as _, SelectItemText as $, SelectLabel as ee, SelectSeparator as oe, SelectTrigger as re } from "./lib/Components/Select/Select.js";
+import { Skeleton as ne } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spot as me } from "./lib/Components/Spot/Spot.js";
+import { Subheader as xe } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as ae } from "./lib/Components/Switch/Switch.js";
+import { Tag as le } from "./lib/Components/Tag/Tag.js";
+import { TextInput as ce } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as Te } from "./lib/Components/Tile/Tile.js";
+import { Tooltip as Ie, TooltipContent as de, TooltipProvider as be, TooltipTrigger as Ce } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as Be, useTheme as se } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+export {
+  r as AddressInput,
+  n as AmountInput,
+  m as Banner,
+  l as BaseButton,
+  x as BaseInput,
+  a as Button,
+  c as CardButton,
+  T as Checkbox,
+  I as Dialog,
+  d as DialogContent,
+  h as DialogHeader,
+  b as DialogTrigger,
+  s as IconButton,
+  D as InteractiveIcon,
+  v as Link,
+  P as ListItem,
+  R as Menu,
+  w as MenuCheckboxItem,
+  H as MenuContent,
+  j as MenuGroup,
+  q as MenuItem,
+  y as MenuLabel,
+  z as MenuPortal,
+  E as MenuRadioGroup,
+  F as MenuRadioItem,
+  J as MenuSeparator,
+  K as MenuSub,
+  N as MenuSubContent,
+  O as MenuSubTrigger,
+  Q as MenuTrigger,
+  V as Search,
+  X as Select,
+  Y as SelectContent,
+  Z as SelectGroup,
+  _ as SelectItem,
+  $ as SelectItemText,
+  ee as SelectLabel,
+  oe as SelectSeparator,
+  re as SelectTrigger,
+  ne as Skeleton,
+  me as Spot,
+  xe as Subheader,
+  ae as Switch,
+  le as Tag,
+  ce as TextInput,
+  Be as ThemeProvider,
+  Te as Tile,
+  Ie as Tooltip,
+  de as TooltipContent,
+  be as TooltipProvider,
+  Ce as TooltipTrigger,
+  se as useTheme
+};

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

@@ -0,0 +1,110 @@
+import { default as React } from 'react';
+import { BaseInputProps } from '../BaseInput';
+export type AddressInputProps = {
+    /**
+     * Custom suffix element to show instead of the QR code icon.
+     * Default suffix is a QR code scanner when empty (if onQrCodeClick provided), clear button when content.
+     * — both can be overridden with a custom suffix.
+     *
+     * @default QrCodeIcon
+     */
+    suffix?: React.ReactNode;
+    /**
+     * Custom prefix text to show instead of the "To:" prefix.
+     * @default "To:"
+     */
+    prefix?: string;
+    /**
+     * Whether to hide the clear button that appears when input has content.
+     * @default false
+     */
+    hideClearButton?: boolean;
+    /**
+     * Callback fired when the QR code scanner icon is clicked.
+     * When provided, the QR code scanner icon will be displayed when input is empty.
+     * When not provided, no QR code scanner icon will be shown.
+     */
+    onQrCodeClick?: () => void;
+} & Omit<BaseInputProps, 'prefix' | 'label' | 'labelClassName' | 'inputClassName'>;
+/**
+ * A customizable address field input component for cryptocurrency addresses with fixed "To:" prefix, QR code scanner, automatic clear button, error states, and focus/hover effects.
+ *
+ * ## Key Features
+ * - **Customizable prefix text** - defaults to "To:" but can be overridden via prefix prop
+ * - **Context-aware suffix icons** - QR code scanner when empty (if onQrCodeClick provided), clear button when content
+ * - **Automatic clear button** appears when input has content
+ * - **Conditional QR code scanner** appears only when onQrCodeClick handler is provided
+ * - **ENS and address support** optimized for cryptocurrency address entry
+ * - **Error state styling** with aria-invalid and errorMessage support
+ * - **Flexible styling** via className prop
+ *
+ * ## Clear Button Behavior
+ * - Shows automatically when input has content and is not disabled
+ * - Works with both controlled and uncontrolled inputs using native value setter
+ * - Can be hidden with `hideClearButton={true}`
+ * - Extended behavior via optional `onClear` prop
+ *
+ *
+ * @example
+ * // Basic address field with automatic clear button
+ * <AddressInput value={address} onChange={(e) => setAddress(e.target.value)} />
+ *
+ * // Address field with error state
+ * <AddressInput
+ *   value={invalidAddress}
+ *   onChange={(e) => setInvalidAddress(e.target.value)}
+ *   aria-invalid={!isValid}
+ *   errorMessage="Please enter a valid address or ENS name"
+ * />
+ *
+ * // Address field with QR scanner
+ * <AddressInput
+ *   value={walletAddress}
+ *   onChange={(e) => setWalletAddress(e.target.value)}
+ *   onQrCodeClick={() => openQrScanner()}
+ * />
+ *
+ * // Address field with custom prefix
+ * <AddressInput
+ *   prefix="From:"
+ *   value={senderAddress}
+ *   onChange={(e) => setSenderAddress(e.target.value)}
+ * />
+ *
+ * // Extend clear behavior with analytics
+ * <AddressInput
+ *   value={recipientAddress}
+ *   onChange={(e) => setRecipientAddress(e.target.value)}
+ *   onQrCodeClick={() => openQrScanner()}
+ *   onClear={() => {
+ *     analytics.track('address_cleared');
+ *   }}
+ * />
+ */
+export declare const AddressInput: React.ForwardRefExoticComponent<{
+    /**
+     * Custom suffix element to show instead of the QR code icon.
+     * Default suffix is a QR code scanner when empty (if onQrCodeClick provided), clear button when content.
+     * — both can be overridden with a custom suffix.
+     *
+     * @default QrCodeIcon
+     */
+    suffix?: React.ReactNode;
+    /**
+     * Custom prefix text to show instead of the "To:" prefix.
+     * @default "To:"
+     */
+    prefix?: string;
+    /**
+     * Whether to hide the clear button that appears when input has content.
+     * @default false
+     */
+    hideClearButton?: boolean;
+    /**
+     * Callback fired when the QR code scanner icon is clicked.
+     * When provided, the QR code scanner icon will be displayed when input is empty.
+     * When not provided, no QR code scanner icon will be shown.
+     */
+    onQrCodeClick?: () => void;
+} & Omit<BaseInputProps, "label" | "prefix" | "inputClassName" | "labelClassName"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=AddressInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddressInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AddressInput/AddressInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,GAAG,IAAI,CACN,cAAc,EACd,QAAQ,GAAG,OAAO,GAAG,gBAAgB,GAAG,gBAAgB,CACzD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,eAAO,MAAM,YAAY;IApFvB;;;;;;OAMG;aACM,KAAK,CAAC,SAAS;IACxB;;;OAGG;aACM,MAAM;IACf;;;OAGG;sBACe,OAAO;IACzB;;;;OAIG;oBACa,MAAM,IAAI;2HAmG1B,CAAC"}

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

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

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

@@ -0,0 +1,2 @@
+export * from './AddressInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AddressInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}