@viax.io/uxm 4.36.0

package/dist/ui/currency-input/currency-input.css

@@ -0,0 +1,189 @@
+@charset "UTF-8";
+/* Currency Input — monetary field with a leading interactive currency
+   picker. Architecturally mirrors PhoneInput: the wrapper IS the
+   visible surface, the leading slot is a `<button>` that opens a
+   searchable popover, and the inner field handles the amount.
+   `:focus-within` lights up the wrapper when either the amount input
+   or the popover search has focus. */
+.uxm-currency-input {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  background-color: var(--uxm-currency-input-background-color, var(--color-card));
+  border: 1px solid var(--uxm-currency-input-border-color, var(--color-border));
+  border-radius: var(--uxm-currency-input-border-radius, 8px);
+  color: var(--uxm-currency-input-color, var(--color-text));
+  transition: border-color 0.15s, background-color 0.15s;
+  box-sizing: border-box;
+}
+
+.uxm-currency-input--state-hover,
+.uxm-currency-input:hover:not(.uxm-currency-input--disabled):not(.uxm-currency-input--error) {
+  background-color: var(--uxm-currency-input-hover-bg, var(--color-card));
+  border-color: var(--uxm-currency-input-hover-border, var(--color-accent));
+}
+
+.uxm-currency-input--state-focus,
+.uxm-currency-input:focus-within {
+  border-color: var(--uxm-currency-input-focus-border, var(--color-accent));
+  outline: 2px solid var(--uxm-currency-input-focus-ring, var(--color-accent));
+  outline-offset: 2px;
+}
+
+.uxm-currency-input--disabled {
+  background-color: var(--uxm-currency-input-disabled-bg, var(--color-surface-alt));
+  border-color: var(--uxm-currency-input-disabled-border, var(--color-border));
+  opacity: var(--uxm-currency-input-disabled-opacity, 0.6);
+}
+
+.uxm-currency-input--disabled .uxm-currency-input__input,
+.uxm-currency-input--disabled .uxm-currency-input__picker {
+  cursor: not-allowed;
+  color: var(--uxm-currency-input-disabled-color, var(--color-text-muted));
+}
+
+.uxm-currency-input--error {
+  background-color: var(--uxm-currency-input-error-bg, var(--color-card));
+  border-color: var(--uxm-currency-input-error-border, var(--color-danger-text));
+}
+
+/* `errorColor` tones the trailing caret in error mode — a subtle
+   indicator paired with the error border. Same pattern as phone-input.
+   The amount text stays in the normal color so the typed value
+   remains readable; only the caret recedes into the error palette. */
+.uxm-currency-input--error .uxm-currency-input__caret {
+  color: var(--uxm-currency-input-error-color, var(--color-danger-text));
+}
+
+/* Error message — sits below the field, same pattern as the rest of the
+   input family (`errorColor` / `errorMessageSize` knobs). */
+.uxm-currency-input__error-message {
+  display: block;
+  margin-top: 4px;
+  font-size: calc(var(--uxm-currency-input-error-message-size, 12px) * var(--type-scale, 1));
+  color: var(--uxm-currency-input-error-color, var(--color-danger-text));
+}
+
+/* Currency picker button — the leading affordance. Divider on its right
+   edge; left corners match the wrapper's rounding so the hover bg follows
+   the outline. `-1px` accounts for the wrapper's 1px border (inner radius is
+   one pixel tighter). */
+.uxm-currency-input__picker {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: var(--uxm-currency-input-padding-y, 10px) var(--uxm-currency-input-padding-x, 12px);
+  background: transparent;
+  border: none;
+  border-right: 1px solid var(--uxm-currency-input-divider-color, var(--color-border));
+  border-top-left-radius: calc(var(--uxm-currency-input-border-radius, 8px) - 1px);
+  border-bottom-left-radius: calc(var(--uxm-currency-input-border-radius, 8px) - 1px);
+  color: var(--uxm-currency-input-color, var(--color-text));
+  font-family: inherit;
+  font-size: calc(var(--uxm-currency-input-font-size, 14px) * var(--type-scale, 1));
+  cursor: pointer;
+  white-space: nowrap;
+  user-select: none;
+  transition: background-color 0.12s;
+}
+
+.uxm-currency-input__picker:hover:not(:disabled) {
+  background-color: var(--uxm-currency-input-picker-hover-bg, var(--color-surface-alt));
+}
+
+.uxm-currency-input__picker:disabled {
+  cursor: not-allowed;
+}
+
+.uxm-currency-input__symbol {
+  font-weight: 600;
+  color: var(--uxm-currency-input-symbol-color, var(--color-text));
+  font-variant-numeric: tabular-nums;
+}
+
+.uxm-currency-input__code {
+  font-weight: 500;
+  letter-spacing: 0.02em;
+  color: var(--uxm-currency-input-color, var(--color-text));
+}
+
+.uxm-currency-input__caret {
+  display: inline-flex;
+  color: var(--uxm-currency-input-caret-color, var(--color-text-muted));
+}
+
+/* Amount input — fills the remaining width, no border (the wrapper
+   provides it). Left-aligned digits (flowing from the leading picker)
+   with tabular-nums so figures stay monospaced as they're typed. */
+.uxm-currency-input__input {
+  flex: 1;
+  min-width: 0;
+  background: transparent;
+  border: none;
+  outline: none;
+  padding: var(--uxm-currency-input-padding-y, 10px) var(--uxm-currency-input-padding-x, 12px);
+  color: var(--uxm-currency-input-color, var(--color-text));
+  font-family: inherit;
+  font-size: calc(var(--uxm-currency-input-font-size, 14px) * var(--type-scale, 1));
+  text-align: left;
+  font-variant-numeric: tabular-nums;
+}
+
+/* Reserve trailing room so the right-aligned amount never slides under the ✕. */
+.uxm-currency-input__input--clearable {
+  padding-right: calc(var(--uxm-currency-input-padding-x, 12px) + var(--uxm-field-clear-size, 22px) + 4px);
+}
+
+.uxm-currency-input__input::placeholder {
+  color: var(--color-text-muted);
+}
+
+.uxm-currency-input__input:disabled {
+  cursor: not-allowed;
+}
+
+/* Clear (✕) — positioning only; chrome comes from the shared `.uxm-field-clear`
+   IconButton (same 22×22 affordance as Text / Number / Phone). The wrapper is
+   `position: relative`, so this pins to its trailing edge. */
+.uxm-currency-input__clear {
+  position: absolute;
+  right: var(--uxm-currency-input-padding-x, 12px);
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+/* The currency picker is a shared <Listbox>, which wraps its trigger in a
+   `.uxm-listbox` element. `display: contents` dissolves that wrapper so the
+   `__picker` button stays a direct flex child of the field (keeping the
+   divider + seamless currency|amount layout). The panel is portaled. */
+.uxm-currency-input__picker-wrap {
+  display: contents;
+}
+
+/* Currency-row parts, rendered inside the shared `.uxm-listbox__option` (which
+   provides the flex row, padding, and hover/selected states). */
+.uxm-currency-input__row-symbol {
+  /* Fixed-width column so symbols of different widths (¥, د.إ, S$)
+     keep the name column aligned vertically. */
+  flex-shrink: 0;
+  width: 24px;
+  text-align: center;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+
+.uxm-currency-input__row-name {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.uxm-currency-input__row-code {
+  flex-shrink: 0;
+  color: var(--color-text-muted);
+  font-variant-numeric: tabular-nums;
+  letter-spacing: 0.04em;
+}

package/dist/ui/currency-input/currency-input.d.ts

@@ -0,0 +1,84 @@
+import { type Currency } from '../../lib/currencies.js';
+import type { InputHTMLAttributes } from 'react';
+/** CurrencyInput value: split into ISO 4217 code and the raw amount string. */
+export interface CurrencyValue {
+    /** ISO 4217 currency code (e.g. "USD"). */
+    currency: string;
+    /** Amount as a raw digit string with optional `.` decimal (e.g. "1234.56"). */
+    amount: string;
+}
+export interface CurrencyInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'defaultValue' | 'type' | 'min' | 'max' | 'style'> {
+    /** Controlled value. Pair with `onChange`. */
+    value?: CurrencyValue;
+    /** Initial value for uncontrolled usage. */
+    defaultValue?: CurrencyValue;
+    /** Fires on every keystroke or currency pick with the next value. */
+    onChange?: (next: CurrencyValue) => void;
+    /**
+     * Currency list shown in the picker. Defaults to ~20 curated entries
+     * covering the regions most B2B / fintech apps transact in. Pass a
+     * custom list to extend or restrict (e.g. pass a single-entry array
+     * to effectively lock currency selection at design time).
+     */
+    currencies?: Currency[];
+    /**
+     * BCP-47 locale tag (e.g. `"en-US"`, `"de-DE"`). Drives thousands
+     * separator style on the blur-display format. Defaults to `"en-US"`.
+     * Does NOT drive symbol position — the symbol always sits in the
+     * leading picker slot, mirroring PhoneInput's country-code shape.
+     */
+    locale?: string;
+    /** Clamp the committed amount down to this minimum on blur. */
+    min?: number;
+    /** Clamp the committed amount up to this maximum on blur. */
+    max?: number;
+    /** Allow a leading `-` sign for refunds / credits. Defaults to `false`. */
+    allowNegative?: boolean;
+    /**
+     * Show a clear (✕) button at the trailing edge when the amount has a
+     * value. On by default (opt out with `clearable={false}`). The component
+     * owns the reset — it wipes its own uncontrolled state and fires `onChange`
+     * with an empty amount (keeping the selected currency), so no separate
+     * `onClear` is needed (mirrors NumberInput / PhoneInput).
+     */
+    clearable?: boolean;
+    /** Accessible name for the clear button. Default `"Clear"`. */
+    clearLabel?: string;
+    /** Accessible name for the currency picker trigger. Default `"Choose currency"`. */
+    chooseCurrencyLabel?: string;
+    /**
+     * Inline style applied to the WRAPPER (not the inner <input>). CSS
+     * custom properties set here cascade to the inner field AND the
+     * popover so theming knobs reach all parts.
+     */
+    style?: React.CSSProperties;
+    /**
+     * When set to a non-empty string, the field renders in its error state:
+     * red border (`.uxm-currency-input--error`), `aria-invalid` on the
+     * amount input, and the message rendered below the field. Omit (or pass
+     * an empty string) for the normal state.
+     */
+    error?: string;
+}
+/**
+ * A monetary input with a leading interactive currency picker. Mirrors
+ * PhoneInput's architecture: the leading slot is a clickable button
+ * that opens a searchable popover; the inner field handles the value.
+ * Value is an object `{ currency, amount }` — `currency` is the ISO
+ * 4217 code, `amount` is the raw digit string (no thousands
+ * separators or symbol).
+ *
+ * Display behavior is the standard finance UX pattern:
+ *   - On focus → show raw digits (easy to edit)
+ *   - On blur → show locale-formatted (`1,234.56`, easy to read)
+ *
+ * Pass a single-entry `currencies` array to effectively lock the
+ * currency at design time (the picker still renders but only offers
+ * one option). For non-monetary numeric input use `NumberInput`; for
+ * integer values with step buttons use `NumberStepper`.
+ */
+export declare function CurrencyInput({ value, defaultValue, onChange, currencies, locale, min, max, allowNegative, clearable, clearLabel, chooseCurrencyLabel, className, style, disabled, onFocus, onBlur, placeholder, error, ...rest }: CurrencyInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CurrencyInput {
+    var hasError: boolean;
+}
+//# sourceMappingURL=currency-input.d.ts.map

package/dist/ui/currency-input/currency-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-input.d.ts","sourceRoot":"","sources":["../../../src/ui/currency-input/currency-input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,sBAAsB,CAAC;AAM9B,OAAO,KAAK,EAA2B,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE1E,+EAA+E;AAC/E,MAAM,WAAW,aAAa;IAC5B,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,+EAA+E;IAC/E,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,CACzE;IACD,8CAA8C;IAC9C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC;IACxB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oFAAoF;IACpF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAuED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,UAA+B,EAC/B,MAAgB,EAChB,GAAG,EACH,GAAG,EACH,aAAqB,EACrB,SAAgB,EAChB,UAAoB,EACpB,mBAAuC,EACvC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,WAAW,EACX,KAAK,EACL,GAAG,IAAI,EACR,EAAE,kBAAkB,2CA2LpB;yBA/Me,aAAa"}

package/dist/ui/currency-input/currency-input.js

@@ -0,0 +1,244 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
+import { cn } from "../../helpers/index.js";
+import {
+  CURATED_CURRENCIES,
+  findCurrency
+} from "../../lib/currencies.js";
+import { FieldError } from "../field-error/index.js";
+import { Icon } from "../icon/index.js";
+import { IconButton } from "../icon-button/index.js";
+import { Listbox } from "../listbox/index.js";
+function maskAmount(raw, allowNegative, decimals) {
+  if (raw === "") return "";
+  let negative = false;
+  let body = raw;
+  if (allowNegative && body.startsWith("-")) {
+    negative = true;
+    body = body.slice(1);
+  }
+  body = body.replace(/[^\d.]/g, "");
+  if (decimals === 0) {
+    body = body.replace(/\./g, "");
+  } else {
+    const firstDot = body.indexOf(".");
+    if (firstDot !== -1) {
+      body = body.slice(0, firstDot + 1) + body.slice(firstDot + 1).replace(/\./g, "");
+      const [intPart, decPart = ""] = body.split(".");
+      body = intPart + "." + decPart.slice(0, decimals);
+    }
+  }
+  return negative ? "-" + body : body;
+}
+function formatForDisplay(raw, locale, decimals) {
+  if (raw === "" || raw === "-" || raw === ".") return raw;
+  const n = Number(raw);
+  if (!Number.isFinite(n)) return raw;
+  return new Intl.NumberFormat(locale, {
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals
+  }).format(n);
+}
+function parseFromDisplay(formatted, allowNegative, decimals) {
+  let body = formatted;
+  if (!body.includes(".") && body.includes(",")) {
+    const lastComma = body.lastIndexOf(",");
+    body = body.slice(0, lastComma) + "." + body.slice(lastComma + 1);
+  }
+  return maskAmount(body, allowNegative, decimals);
+}
+function clampNumeric(value, min, max) {
+  if (value === "" || value === "-" || value === ".") return value;
+  const n = Number(value);
+  if (!Number.isFinite(n)) return value;
+  let clamped = n;
+  if (min !== void 0 && clamped < min) clamped = min;
+  if (max !== void 0 && clamped > max) clamped = max;
+  if (clamped === n) return value;
+  return String(clamped);
+}
+function filterCurrencies(items, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return items;
+  return items.filter(
+    (c) => c.name.toLowerCase().includes(q) || c.code.toLowerCase().includes(q) || c.symbol.toLowerCase().includes(q)
+  );
+}
+function CurrencyInput({
+  value,
+  defaultValue,
+  onChange,
+  currencies = CURATED_CURRENCIES,
+  locale = "en-US",
+  min,
+  max,
+  allowNegative = false,
+  clearable = true,
+  clearLabel = "Clear",
+  chooseCurrencyLabel = "Choose currency",
+  className,
+  style,
+  disabled,
+  onFocus,
+  onBlur,
+  placeholder,
+  error,
+  ...rest
+}) {
+  const [internal, setInternal] = useState(
+    () => defaultValue ?? { currency: currencies[0]?.code ?? "USD", amount: "" }
+  );
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : internal;
+  const [focused, setFocused] = useState(false);
+  const containerRef = useRef(null);
+  const currency = findCurrency(current.currency, currencies) ?? currencies[0];
+  const decimals = currency.decimals;
+  const commit = useCallback(
+    (next) => {
+      if (!isControlled) setInternal(next);
+      onChange?.(next);
+    },
+    [isControlled, onChange]
+  );
+  const handleAmountChange = useCallback(
+    (e) => {
+      const next = focused ? maskAmount(e.target.value, allowNegative, decimals) : parseFromDisplay(e.target.value, allowNegative, decimals);
+      commit({ currency: current.currency, amount: next });
+    },
+    [focused, allowNegative, decimals, current.currency, commit]
+  );
+  const handleCurrencyPick = useCallback(
+    (code) => {
+      const nextCurrency = findCurrency(code, currencies);
+      const nextDecimals = nextCurrency?.decimals ?? 2;
+      const reMasked = maskAmount(current.amount, allowNegative, nextDecimals);
+      commit({ currency: code, amount: reMasked });
+    },
+    [currencies, current.amount, allowNegative, commit]
+  );
+  const handleFocus = useCallback(
+    (e) => {
+      setFocused(true);
+      onFocus?.(e);
+    },
+    [onFocus]
+  );
+  const handleBlur = useCallback(
+    (e) => {
+      setFocused(false);
+      const clamped = clampNumeric(current.amount, min, max);
+      if (clamped !== current.amount) {
+        commit({ currency: current.currency, amount: clamped });
+      }
+      onBlur?.(e);
+    },
+    [current.amount, current.currency, min, max, commit, onBlur]
+  );
+  const handleClear = useCallback(() => {
+    commit({ currency: current.currency, amount: "" });
+  }, [commit, current.currency]);
+  const showClear = clearable && current.amount !== "" && !disabled;
+  const displayValue = focused ? current.amount : formatForDisplay(current.amount, locale, decimals);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "uxm-currency-input",
+          disabled && "uxm-currency-input--disabled",
+          error && "uxm-currency-input--error",
+          className
+        ),
+        style,
+        ref: containerRef,
+        children: [
+          /* @__PURE__ */ jsx(
+            Listbox,
+            {
+              items: currencies,
+              getKey: (c) => c.code,
+              getLabel: (c) => c.name,
+              filterItems: filterCurrencies,
+              value: currency,
+              onChange: (next) => next && handleCurrencyPick(next.code),
+              disabled,
+              anchorRef: containerRef,
+              placement: "bottom-start",
+              searchPlaceholder: "Search currencies",
+              searchAriaLabel: "Search currencies",
+              showCheckmark: false,
+              panelClassName: "uxm-currency-input__panel",
+              panelStyle: style,
+              className: "uxm-currency-input__picker-wrap",
+              "aria-label": chooseCurrencyLabel,
+              renderTrigger: ({ open, triggerProps }) => /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  ...triggerProps,
+                  type: "button",
+                  className: "uxm-currency-input__picker",
+                  "aria-label": `Currency: ${currency.name}`,
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "uxm-currency-input__symbol", "aria-hidden": "true", children: currency.symbol }),
+                    /* @__PURE__ */ jsx("span", { className: "uxm-currency-input__code", children: currency.code }),
+                    /* @__PURE__ */ jsx("span", { className: "uxm-currency-input__caret", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        glyph: "chevron-down",
+                        size: 12,
+                        strokeWidth: 2.2,
+                        style: { transform: open ? "rotate(180deg)" : "none" }
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              renderItem: (c) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { className: "uxm-currency-input__row-symbol", "aria-hidden": "true", children: c.symbol }),
+                /* @__PURE__ */ jsx("span", { className: "uxm-currency-input__row-name", children: c.name }),
+                /* @__PURE__ */ jsx("span", { className: "uxm-currency-input__row-code", children: c.code })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              inputMode: decimals > 0 ? "decimal" : "numeric",
+              autoComplete: "off",
+              className: cn(
+                "uxm-currency-input__input",
+                clearable && "uxm-currency-input__input--clearable"
+              ),
+              value: displayValue,
+              onChange: handleAmountChange,
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              disabled,
+              placeholder: placeholder ?? (decimals > 0 ? "0.00" : "0"),
+              "aria-invalid": error ? true : void 0,
+              ...rest
+            }
+          ),
+          showClear && /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              className: "uxm-field-clear uxm-currency-input__clear",
+              "aria-label": clearLabel,
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: handleClear,
+              children: /* @__PURE__ */ jsx(Icon, { glyph: "close" })
+            }
+          )
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsx(FieldError, { className: "uxm-currency-input__error-message", children: error })
+  ] });
+}
+CurrencyInput.hasError = true;
+export {
+  CurrencyInput
+};
+//# sourceMappingURL=currency-input.js.map

package/dist/ui/currency-input/currency-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/currency-input/currency-input.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { cn } from '@/helpers';\n\nimport {\n  CURATED_CURRENCIES,\n  findCurrency,\n  type Currency,\n} from '../../lib/currencies';\nimport { FieldError } from '../field-error';\nimport { Icon } from '../icon';\nimport { IconButton } from '../icon-button';\nimport { Listbox } from '../listbox';\n\nimport type { ChangeEvent, FocusEvent, InputHTMLAttributes } from 'react';\n\n/** CurrencyInput value: split into ISO 4217 code and the raw amount string. */\nexport interface CurrencyValue {\n  /** ISO 4217 currency code (e.g. \"USD\"). */\n  currency: string;\n  /** Amount as a raw digit string with optional `.` decimal (e.g. \"1234.56\"). */\n  amount: string;\n}\n\nexport interface CurrencyInputProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'onChange' | 'value' | 'defaultValue' | 'type' | 'min' | 'max' | 'style'\n  > {\n  /** Controlled value. Pair with `onChange`. */\n  value?: CurrencyValue;\n  /** Initial value for uncontrolled usage. */\n  defaultValue?: CurrencyValue;\n  /** Fires on every keystroke or currency pick with the next value. */\n  onChange?: (next: CurrencyValue) => void;\n  /**\n   * Currency list shown in the picker. Defaults to ~20 curated entries\n   * covering the regions most B2B / fintech apps transact in. Pass a\n   * custom list to extend or restrict (e.g. pass a single-entry array\n   * to effectively lock currency selection at design time).\n   */\n  currencies?: Currency[];\n  /**\n   * BCP-47 locale tag (e.g. `\"en-US\"`, `\"de-DE\"`). Drives thousands\n   * separator style on the blur-display format. Defaults to `\"en-US\"`.\n   * Does NOT drive symbol position — the symbol always sits in the\n   * leading picker slot, mirroring PhoneInput's country-code shape.\n   */\n  locale?: string;\n  /** Clamp the committed amount down to this minimum on blur. */\n  min?: number;\n  /** Clamp the committed amount up to this maximum on blur. */\n  max?: number;\n  /** Allow a leading `-` sign for refunds / credits. Defaults to `false`. */\n  allowNegative?: boolean;\n  /**\n   * Show a clear (✕) button at the trailing edge when the amount has a\n   * value. On by default (opt out with `clearable={false}`). The component\n   * owns the reset — it wipes its own uncontrolled state and fires `onChange`\n   * with an empty amount (keeping the selected currency), so no separate\n   * `onClear` is needed (mirrors NumberInput / PhoneInput).\n   */\n  clearable?: boolean;\n  /** Accessible name for the clear button. Default `\"Clear\"`. */\n  clearLabel?: string;\n  /** Accessible name for the currency picker trigger. Default `\"Choose currency\"`. */\n  chooseCurrencyLabel?: string;\n  /**\n   * Inline style applied to the WRAPPER (not the inner <input>). CSS\n   * custom properties set here cascade to the inner field AND the\n   * popover so theming knobs reach all parts.\n   */\n  style?: React.CSSProperties;\n  /**\n   * When set to a non-empty string, the field renders in its error state:\n   * red border (`.uxm-currency-input--error`), `aria-invalid` on the\n   * amount input, and the message rendered below the field. Omit (or pass\n   * an empty string) for the normal state.\n   */\n  error?: string;\n}\n\n/** Strip non-digit-non-dot and cap decimals to the active currency's precision. */\nfunction maskAmount(raw: string, allowNegative: boolean, decimals: number): string {\n  if (raw === '') return '';\n  let negative = false;\n  let body = raw;\n  if (allowNegative && body.startsWith('-')) {\n    negative = true;\n    body = body.slice(1);\n  }\n  body = body.replace(/[^\\d.]/g, '');\n  if (decimals === 0) {\n    body = body.replace(/\\./g, '');\n  } else {\n    const firstDot = body.indexOf('.');\n    if (firstDot !== -1) {\n      body = body.slice(0, firstDot + 1) + body.slice(firstDot + 1).replace(/\\./g, '');\n      const [intPart, decPart = ''] = body.split('.');\n      body = intPart + '.' + decPart.slice(0, decimals);\n    }\n  }\n  return negative ? '-' + body : body;\n}\n\n/** `1234.5` → `1,234.50` (locale-aware). Empty / partial inputs pass through. */\nfunction formatForDisplay(raw: string, locale: string, decimals: number): string {\n  if (raw === '' || raw === '-' || raw === '.') return raw;\n  const n = Number(raw);\n  if (!Number.isFinite(n)) return raw;\n  return new Intl.NumberFormat(locale, {\n    minimumFractionDigits: decimals,\n    maximumFractionDigits: decimals,\n  }).format(n);\n}\n\n/** Parse a locale-formatted display string back into the raw digit form. */\nfunction parseFromDisplay(formatted: string, allowNegative: boolean, decimals: number): string {\n  let body = formatted;\n  // Normalize a European `,` decimal (`1.234,56`) into our internal `.`\n  // form so the same mask works regardless of locale on input.\n  if (!body.includes('.') && body.includes(',')) {\n    const lastComma = body.lastIndexOf(',');\n    body = body.slice(0, lastComma) + '.' + body.slice(lastComma + 1);\n  }\n  return maskAmount(body, allowNegative, decimals);\n}\n\nfunction clampNumeric(value: string, min?: number, max?: number): string {\n  if (value === '' || value === '-' || value === '.') return value;\n  const n = Number(value);\n  if (!Number.isFinite(n)) return value;\n  let clamped = n;\n  if (min !== undefined && clamped < min) clamped = min;\n  if (max !== undefined && clamped > max) clamped = max;\n  if (clamped === n) return value;\n  return String(clamped);\n}\n\n/** Case-insensitive currency filter — matches name, ISO code, or symbol. */\nfunction filterCurrencies(items: Currency[], query: string): Currency[] {\n  const q = query.trim().toLowerCase();\n  if (!q) return items;\n  return items.filter(\n    (c) =>\n      c.name.toLowerCase().includes(q) ||\n      c.code.toLowerCase().includes(q) ||\n      c.symbol.toLowerCase().includes(q),\n  );\n}\n\n/**\n * A monetary input with a leading interactive currency picker. Mirrors\n * PhoneInput's architecture: the leading slot is a clickable button\n * that opens a searchable popover; the inner field handles the value.\n * Value is an object `{ currency, amount }` — `currency` is the ISO\n * 4217 code, `amount` is the raw digit string (no thousands\n * separators or symbol).\n *\n * Display behavior is the standard finance UX pattern:\n *   - On focus → show raw digits (easy to edit)\n *   - On blur → show locale-formatted (`1,234.56`, easy to read)\n *\n * Pass a single-entry `currencies` array to effectively lock the\n * currency at design time (the picker still renders but only offers\n * one option). For non-monetary numeric input use `NumberInput`; for\n * integer values with step buttons use `NumberStepper`.\n */\nexport function CurrencyInput({\n  value,\n  defaultValue,\n  onChange,\n  currencies = CURATED_CURRENCIES,\n  locale = 'en-US',\n  min,\n  max,\n  allowNegative = false,\n  clearable = true,\n  clearLabel = 'Clear',\n  chooseCurrencyLabel = 'Choose currency',\n  className,\n  style,\n  disabled,\n  onFocus,\n  onBlur,\n  placeholder,\n  error,\n  ...rest\n}: CurrencyInputProps) {\n  // Uncontrolled default currency must match what's actually displayed —\n  // `currencies[0]` when the consumer restricts the list, `'USD'` only when\n  // no list is given at all. Hardcoding `'USD'` here would desync every\n  // `onChange` from the displayed currency whenever `currencies` excludes it.\n  const [internal, setInternal] = useState<CurrencyValue>(\n    () => defaultValue ?? { currency: currencies[0]?.code ?? 'USD', amount: '' },\n  );\n  const isControlled = value !== undefined;\n  const current = isControlled ? value : internal;\n\n  const [focused, setFocused] = useState(false);\n  // The field wrapper is the picker's popover anchor: the clickable trigger is\n  // the small currency button, but the panel spans the full field width.\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const currency = findCurrency(current.currency, currencies) ?? currencies[0];\n  const decimals = currency.decimals;\n\n  const commit = useCallback(\n    (next: CurrencyValue) => {\n      if (!isControlled) setInternal(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange],\n  );\n\n  const handleAmountChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      // Focused → input shows raw digits, mask treats input as raw.\n      // Blurred → input shows formatted text; parse-from-display\n      // strips separators first (rare path — users typically focus\n      // before typing).\n      const next = focused\n        ? maskAmount(e.target.value, allowNegative, decimals)\n        : parseFromDisplay(e.target.value, allowNegative, decimals);\n      commit({ currency: current.currency, amount: next });\n    },\n    [focused, allowNegative, decimals, current.currency, commit],\n  );\n\n  const handleCurrencyPick = useCallback(\n    (code: string) => {\n      // Switching currency may invalidate the current decimal count\n      // (USD/2 → JPY/0). Re-mask the amount under the new precision\n      // so the displayed value matches what the new currency allows.\n      const nextCurrency = findCurrency(code, currencies);\n      const nextDecimals = nextCurrency?.decimals ?? 2;\n      const reMasked = maskAmount(current.amount, allowNegative, nextDecimals);\n      commit({ currency: code, amount: reMasked });\n    },\n    [currencies, current.amount, allowNegative, commit],\n  );\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLInputElement>) => {\n      setFocused(true);\n      onFocus?.(e);\n    },\n    [onFocus],\n  );\n\n  const handleBlur = useCallback(\n    (e: FocusEvent<HTMLInputElement>) => {\n      setFocused(false);\n      const clamped = clampNumeric(current.amount, min, max);\n      if (clamped !== current.amount) {\n        commit({ currency: current.currency, amount: clamped });\n      }\n      onBlur?.(e);\n    },\n    [current.amount, current.currency, min, max, commit, onBlur],\n  );\n\n  // Clear owns its own reset: wipe the amount but KEEP the selected currency\n  // (the picker is a separate affordance — clearing the value shouldn't reset\n  // it). Mirrors NumberInput / PhoneInput which hold their own value state,\n  // so no `onClear` prop is needed.\n  const handleClear = useCallback(() => {\n    commit({ currency: current.currency, amount: '' });\n  }, [commit, current.currency]);\n  const showClear = clearable && current.amount !== '' && !disabled;\n\n  // Focus toggle drives whether the input shows raw digits or the\n  // locale-formatted display value. Same pattern as standard finance\n  // inputs (Stripe, Wise, etc.).\n  const displayValue = focused\n    ? current.amount\n    : formatForDisplay(current.amount, locale, decimals);\n\n  return (\n    <>\n    <div\n      className={cn(\n        'uxm-currency-input',\n        disabled && 'uxm-currency-input--disabled',\n        error && 'uxm-currency-input--error',\n        className,\n      )}\n      style={style}\n      ref={containerRef}\n    >\n      {/* Currency picker — the shared Listbox owns the popover (positioning,\n          portal, dismiss, keyboard nav, search, ARIA). `anchorRef` points at\n          the field wrapper so the panel spans the full width; `showCheckmark`\n          is off because each row already carries its ISO code on the right. */}\n      <Listbox<Currency>\n        items={currencies}\n        getKey={(c) => c.code}\n        getLabel={(c) => c.name}\n        filterItems={filterCurrencies}\n        value={currency}\n        onChange={(next) => next && handleCurrencyPick(next.code)}\n        disabled={disabled}\n        anchorRef={containerRef}\n        placement=\"bottom-start\"\n        searchPlaceholder=\"Search currencies\"\n        searchAriaLabel=\"Search currencies\"\n        showCheckmark={false}\n        panelClassName=\"uxm-currency-input__panel\"\n        panelStyle={style}\n        className=\"uxm-currency-input__picker-wrap\"\n        aria-label={chooseCurrencyLabel}\n        renderTrigger={({ open, triggerProps }) => (\n          <button\n            {...triggerProps}\n            type=\"button\"\n            className=\"uxm-currency-input__picker\"\n            aria-label={`Currency: ${currency.name}`}\n          >\n            <span className=\"uxm-currency-input__symbol\" aria-hidden=\"true\">{currency.symbol}</span>\n            <span className=\"uxm-currency-input__code\">{currency.code}</span>\n            <span className=\"uxm-currency-input__caret\" aria-hidden=\"true\">\n              <Icon\n                glyph=\"chevron-down\"\n                size={12}\n                strokeWidth={2.2}\n                style={{ transform: open ? 'rotate(180deg)' : 'none' }}\n              />\n            </span>\n          </button>\n        )}\n        renderItem={(c) => (\n          <>\n            <span className=\"uxm-currency-input__row-symbol\" aria-hidden=\"true\">{c.symbol}</span>\n            <span className=\"uxm-currency-input__row-name\">{c.name}</span>\n            <span className=\"uxm-currency-input__row-code\">{c.code}</span>\n          </>\n        )}\n      />\n      <input\n        // Same `type=\"text\"` + `inputMode=\"decimal\"` rationale as\n        // PhoneInput / NumberInput: native `type=\"number\"` ships\n        // browser spinners + autofill heuristics that fight our mask.\n        type=\"text\"\n        inputMode={decimals > 0 ? 'decimal' : 'numeric'}\n        autoComplete=\"off\"\n        className={cn(\n          'uxm-currency-input__input',\n          clearable && 'uxm-currency-input__input--clearable',\n        )}\n        value={displayValue}\n        onChange={handleAmountChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        disabled={disabled}\n        placeholder={placeholder ?? (decimals > 0 ? '0.00' : '0')}\n        aria-invalid={error ? true : undefined}\n        {...rest}\n      />\n      {showClear && (\n        <IconButton\n          className=\"uxm-field-clear uxm-currency-input__clear\"\n          aria-label={clearLabel}\n          // Prevent the button from stealing focus away from whatever's\n          // currently focused — a blur here would clamp the about-to-be-wiped\n          // value first (same guard as NumberInput).\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={handleClear}\n        >\n          <Icon glyph=\"close\" />\n        </IconButton>\n      )}\n    </div>\n    {error && <FieldError className=\"uxm-currency-input__error-message\">{error}</FieldError>}\n    </>\n  );\n}\n// Static marker so FormField only forwards its `error` prop into children\n// that accept one (avoids React unknown-prop warnings on non-input children).\nCurrencyInput.hasError = true;\n"],"mappings":"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","names":[]}

package/dist/ui/currency-input/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var currency_input_exports = {};
+module.exports = __toCommonJS(currency_input_exports);
+__reExport(currency_input_exports, require("./currency-input.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./currency-input.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/ui/currency-input/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/currency-input/index.ts"],"sourcesContent":["export * from './currency-input';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,mCAAc,6BAAd;","names":[]}

package/dist/ui/currency-input/index.d.ts

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

package/dist/ui/currency-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/currency-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/ui/currency-input/index.js

@@ -0,0 +1,2 @@
+export * from "./currency-input.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/currency-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/currency-input/index.ts"],"sourcesContent":["export * from './currency-input';\n"],"mappings":"AAAA,cAAc;","names":[]}