@fairmint/ui 0.2.23 → 0.2.25

package/dist/fairmint-ui.js

@@ -19315,6 +19315,36 @@ const NumberInput = factory((_props, ref) => {
     );
     setTimeout(() => adjustCursor(inputRef.current?.value.length), 0);
   };
+  const handlePaste = (event) => {
+    const pastedText = event.clipboardData.getData("text");
+    const _decimalSeparator = others.decimalSeparator || ".";
+    const separatorsToReplace = (allowedDecimalSeparators || [".", ","]).filter(
+      (s) => s !== _decimalSeparator
+    );
+    if (separatorsToReplace.some((s) => pastedText.includes(s))) {
+      event.preventDefault();
+      let modifiedText = pastedText;
+      separatorsToReplace.forEach((s) => {
+        modifiedText = modifiedText.split(s).join(_decimalSeparator);
+      });
+      const input = inputRef.current;
+      if (input) {
+        const start = input.selectionStart ?? 0;
+        const end = input.selectionEnd ?? 0;
+        const currentValue = input.value;
+        const newValue = currentValue.substring(0, start) + modifiedText + currentValue.substring(end);
+        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+          window.HTMLInputElement.prototype,
+          "value"
+        )?.set;
+        nativeInputValueSetter?.call(input, newValue);
+        input.dispatchEvent(new Event("change", { bubbles: true }));
+        const cursorPos = start + modifiedText.length;
+        setTimeout(() => adjustCursor(cursorPos), 0);
+      }
+    }
+    others.onPaste?.(event);
+  };
   const handleKeyDown = (event) => {
     onKeyDown?.(event);
     if (readOnly || !withKeyboardEvents) {
@@ -19439,6 +19469,7 @@ const NumberInput = factory((_props, ref) => {
       unstyled,
       __staticSelector: "NumberInput",
       decimalScale: allowDecimal ? decimalScale : 0,
+      onPaste: handlePaste,
       onKeyDown: handleKeyDown,
       onKeyDownCapture: handleKeyDownCapture,
       rightSectionPointerEvents: rightSectionPointerEvents ?? (disabled ? "none" : void 0),
@@ -19928,6 +19959,7 @@ const PasswordInput$1 = factory((_props, ref) => {
       classNames: resolvedClassNames,
       styles: resolvedStyles,
       __staticSelector: "PasswordInput",
+      __stylesApiProps: props,
       unstyled,
       withAsterisk,
       inputWrapperOrder,
@@ -19953,6 +19985,7 @@ const PasswordInput$1 = factory((_props, ref) => {
           radius,
           disabled,
           __staticSelector: "PasswordInput",
+          __stylesApiProps: props,
           rightSectionWidth,
           rightSection: rightSection ?? visibilityToggleButton,
           variant,
@@ -20826,7 +20859,9 @@ const Tooltip$1 = factory((_props, ref) => {
   });
   const child = getSingleElementChild(children);
   if (!target && !child) {
-    return null;
+    throw new Error(
+      "[@mantine/core] Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"
+    );
   }
   if (target) {
     const transition2 = getTransitionProps(transitionProps, { duration: 100, transition: "fade" });
@@ -38333,6 +38368,90 @@ function formatDate(dateString) {
 function formatPercent(n, decimals = 2) {
   return `${n.toFixed(decimals)}%`;
 }
+const COUNTRY_LOCALES = {
+  US: "en-US",
+  CA: "en-CA",
+  GB: "en-GB",
+  IE: "en-IE",
+  AU: "en-AU",
+  NZ: "en-NZ",
+  FR: "fr-FR",
+  BE: "fr-BE",
+  LU: "fr-LU",
+  DE: "de-DE",
+  AT: "de-AT",
+  CH: "de-CH",
+  NL: "nl-NL",
+  ES: "es-ES",
+  IT: "it-IT",
+  PT: "pt-PT",
+  BR: "pt-BR",
+  SE: "sv-SE",
+  NO: "nb-NO",
+  DK: "da-DK",
+  FI: "fi-FI",
+  PL: "pl-PL",
+  JP: "ja-JP",
+  CN: "zh-CN",
+  IN: "en-IN",
+  SG: "en-SG"
+};
+function localeForCountry(country) {
+  if (!country) return "en-US";
+  const key = country.toUpperCase();
+  return COUNTRY_LOCALES[key] ?? "en-US";
+}
+const toNumber = (value) => {
+  if (typeof value === "number") return value;
+  if (value.trim() === "") return Number.NaN;
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : Number.NaN;
+};
+function formatMonetary(monetary, options = {}) {
+  const {
+    locale: explicitLocale,
+    country,
+    fallbackCurrency = "USD",
+    compactWholeNumbers = true
+  } = options;
+  if (monetary === null || monetary === void 0) return "";
+  let amount;
+  let currency;
+  if (typeof monetary === "number" || typeof monetary === "string") {
+    amount = toNumber(monetary);
+    currency = fallbackCurrency.toUpperCase();
+  } else {
+    amount = toNumber(monetary.amount);
+    currency = (monetary.currency || fallbackCurrency).toUpperCase();
+  }
+  if (!Number.isFinite(amount)) return "";
+  const locale = explicitLocale ?? localeForCountry(country);
+  let nativeFractionDigits = 2;
+  try {
+    const resolved = new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency
+    }).resolvedOptions().maximumFractionDigits;
+    if (typeof resolved === "number") nativeFractionDigits = resolved;
+  } catch {
+  }
+  const isWhole = Number.isInteger(amount);
+  const minimumFractionDigits = compactWholeNumbers && isWhole ? 0 : nativeFractionDigits;
+  const subUnitThreshold = 10 ** -nativeFractionDigits;
+  const subUnit = Math.abs(amount) > 0 && Math.abs(amount) < subUnitThreshold;
+  const maximumFractionDigits = subUnit ? Math.max(6, nativeFractionDigits) : nativeFractionDigits;
+  try {
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency,
+      minimumFractionDigits,
+      maximumFractionDigits
+    }).format(amount);
+  } catch {
+    const fallbackDigits = subUnit ? maximumFractionDigits : minimumFractionDigits;
+    return `${amount.toFixed(fallbackDigits)} ${currency}`;
+  }
+}
 const TABULAR_NUMS = { fontVariantNumeric: "tabular-nums" };
 function Currency({ value, precise = false, currency, style, ...rest }) {
   let formatted;
@@ -41133,6 +41252,7 @@ export {
   formatCurrency,
   formatCurrencyPrecise,
   formatDate,
+  formatMonetary,
   formatNumber,
   formatPercent,
   formatPhone,
@@ -41146,6 +41266,7 @@ export {
   isEthereumAddress,
   isRemovableWalletType,
   isSystemWalletType,
+  localeForCountry,
   neutralColors,
   normalizePhone,
   normalizeWalletType,