@alfadocs/ui-kit 0.1.8 → 0.1.10

package/dist/_chunks/number-input-fvGmnRy9.js

@@ -0,0 +1,333 @@
+import { jsxs as be, jsx as x } from "react/jsx-runtime";
+import { useMemo as J, forwardRef as ge, useRef as A, useState as E, useCallback as $, useEffect as he } from "react";
+import { c as Ne } from "./index-D2ZczOXr.js";
+import { useTranslation as ye } from "react-i18next";
+import { u as we } from "./form-field-context-94LwgYTQ.js";
+import { c as Ie } from "./compose-refs-C0k0tdqF.js";
+import { u as De } from "./registry-C9nwlNyL.js";
+import { C as Fe } from "./chevron-down-BX_NP2Yh.js";
+import { C as xe } from "./chevron-up-zOEDrmBB.js";
+const Se = {
+  id: "number-input",
+  capabilities: ["edit_inline"],
+  state: {
+    value: {
+      type: "number | null",
+      descriptionKey: "ui.agent.numberInput.state.value",
+      description: "Current numeric value, or null when empty.",
+      read: (t) => t.getValue()
+    },
+    isEmpty: {
+      type: "boolean",
+      descriptionKey: "ui.agent.numberInput.state.isEmpty",
+      description: "Whether the input has no value.",
+      read: (t) => t.getValue() === null
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: number | null }",
+      descriptionKey: "ui.agent.numberInput.actions.setValue",
+      description: "Replace the numeric value, or pass null to clear.",
+      invoke: (t, r) => {
+        t.setValue(r.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.numberInput.actions.clear",
+      description: "Empty the input. Loses any typed value.",
+      invoke: (t) => {
+        t.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      descriptionKey: "ui.agent.numberInput.actions.focus",
+      description: "Move keyboard focus to the input.",
+      invoke: (t) => {
+        t.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "number-input",
+      description: "Marks the NumberInput wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+};
+function Me(t) {
+  let r = "";
+  for (const u of t) {
+    const n = u.codePointAt(0);
+    n !== void 0 && (n >= 1632 && n <= 1641 ? r += String.fromCodePoint(48 + (n - 1632)) : n >= 1776 && n <= 1785 ? r += String.fromCodePoint(48 + (n - 1776)) : r += u);
+  }
+  return r;
+}
+function Ve(t, r, u) {
+  return J(() => {
+    var M, V;
+    const n = new Intl.NumberFormat(t).formatToParts(1234.5), d = ((M = n.find((a) => a.type === "decimal")) == null ? void 0 : M.value) ?? ".", S = ((V = n.find((a) => a.type === "group")) == null ? void 0 : V.value) ?? ",", p = r === "currency" ? new Intl.NumberFormat(t, {
+      style: "currency",
+      currency: u ?? "USD"
+    }) : r === "percentage" ? new Intl.NumberFormat(t, {
+      style: "percent",
+      maximumFractionDigits: 4
+    }) : r === "integer" ? new Intl.NumberFormat(t, { maximumFractionDigits: 0 }) : new Intl.NumberFormat(t, { maximumFractionDigits: 10 }), T = (a) => Number.isFinite(a) ? p.format(a) : "", z = (a) => {
+      if (!a) return NaN;
+      const k = Me(a), g = k.trim(), I = g.startsWith("-") || g.startsWith("−");
+      let c = "";
+      for (const h of k)
+        h >= "0" && h <= "9" ? c += h : h === d && (c += ".");
+      if (!c || c === ".") return NaN;
+      let m = Number(c);
+      return Number.isFinite(m) ? (I && (m = -m), r === "percentage" && (m = m / 100), m) : NaN;
+    };
+    let b = "decimal";
+    if (r === "integer")
+      b = "numeric";
+    else if (r === "currency")
+      try {
+        const { maximumFractionDigits: a } = new Intl.NumberFormat(t, {
+          style: "currency",
+          currency: u ?? "USD"
+        }).resolvedOptions();
+        b = a === 0 ? "numeric" : "decimal";
+      } catch {
+        b = "decimal";
+      }
+    return {
+      format: T,
+      parse: z,
+      decimalSeparator: d,
+      groupingSeparator: S,
+      inputMode: b
+    };
+  }, [t, r, u]);
+}
+const ke = Ne(
+  [
+    "ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:bg-background ds:text-foreground",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
+    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:h-8 ds:text-[length:var(--font-size-sm)]",
+        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
+        lg: "ds:h-12 ds:text-[length:var(--font-size-lg)]"
+      },
+      tone: {
+        default: "ds:border-border",
+        error: "ds:border-destructive ds:focus-within:outline-destructive"
+      }
+    },
+    defaultVariants: { size: "md", tone: "default" }
+  }
+), G = [
+  "ds:inline-flex ds:items-center ds:justify-center",
+  "ds:h-full ds:shrink-0",
+  "ds:text-muted-foreground ds:hover:text-foreground",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+  "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+].join(" "), Ce = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US";
+function Te(t) {
+  if (!Number.isFinite(t)) return 0;
+  const r = String(t), u = r.indexOf(".");
+  return u === -1 ? 0 : r.length - u - 1;
+}
+function ze(t, r) {
+  if (r <= 0 || !Number.isFinite(r)) return t;
+  const n = 10 ** Te(r);
+  return Math.round(t * n) / n;
+}
+const Pe = ge(
+  ({
+    value: t,
+    defaultValue: r,
+    onChange: u,
+    min: n,
+    max: d,
+    step: S = 1,
+    mode: p = "integer",
+    currency: T,
+    locale: z,
+    size: b = "md",
+    tone: M,
+    className: V,
+    id: a,
+    disabled: k,
+    onFocus: g,
+    onBlur: I,
+    onKeyDown: c,
+    ...m
+  }, h) => {
+    const { t: U } = ye(), D = we(), Q = a ?? D.id, C = !!(D.disabled || k), X = z ?? Ce(), P = Ve(X, p, T), { decimalSeparator: B, format: R, parse: K } = P, L = A(null), Y = Ie(h, L), H = t !== void 0, [Z, ee] = E(
+      r ?? null
+    ), s = H ? t ?? null : Z, W = A(s);
+    W.current = s;
+    const F = $(
+      (e) => {
+        const i = p === "percentage" ? e * 100 : e;
+        return (Number.isInteger(i) ? String(i) : i.toString()).replace(".", B);
+      },
+      [p, B]
+    ), f = $(
+      (e) => e == null || Number.isNaN(e) ? "" : R(e),
+      [R]
+    ), [j, l] = E(
+      () => f(s)
+    ), N = A(!1), [te, y] = E(!1);
+    he(() => {
+      N.current || l(f(s));
+    }, [s, f]);
+    const ne = te || s !== null && (n !== void 0 && s < n || d !== void 0 && s > d), q = D.invalid || ne, re = q ? "error" : M ?? "default", v = (e) => {
+      H || ee(e), u == null || u(e);
+    }, w = (e) => {
+      let o = (s ?? 0) + S * e;
+      n !== void 0 && (o = Math.max(n, o)), d !== void 0 && (o = Math.min(d, o)), o = ze(o, S), v(o), y(!1), l(
+        N.current ? F(o) : f(o)
+      );
+    }, O = (e) => {
+      v(e), y(!1), l(
+        N.current ? F(e) : f(e)
+      );
+    }, se = (e) => {
+      if (c == null || c(e), e.defaultPrevented || C) return;
+      const { key: i, shiftKey: o } = e;
+      i === "ArrowUp" ? (e.preventDefault(), w(o ? 10 : 1)) : i === "ArrowDown" ? (e.preventDefault(), w(o ? -10 : -1)) : i === "PageUp" ? (e.preventDefault(), w(100)) : i === "PageDown" ? (e.preventDefault(), w(-100)) : i === "Home" && n !== void 0 ? (e.preventDefault(), O(n)) : i === "End" && d !== void 0 && (e.preventDefault(), O(d));
+    }, ie = (e) => {
+      const i = e.target.value;
+      if (l(i), i.trim() === "") {
+        v(null), y(!1);
+        return;
+      }
+      const o = K(i);
+      Number.isNaN(o) || v(o);
+    }, oe = (e) => {
+      g == null || g(e), N.current = !0, s != null && l(F(s));
+    }, ae = (e) => {
+      if (I == null || I(e), N.current = !1, j.trim() === "") {
+        v(null), y(!1), l("");
+        return;
+      }
+      const i = K(j);
+      if (Number.isNaN(i)) {
+        l(f(s));
+        return;
+      }
+      const o = n !== void 0 && i < n || d !== void 0 && i > d;
+      y(o), v(i), l(f(i));
+    }, _ = (e) => {
+      e.preventDefault();
+    }, ue = () => w(1), de = () => w(-1), le = J(
+      () => ({
+        getValue: () => W.current,
+        setValue: (e) => {
+          v(e), l(
+            e === null ? "" : N.current ? F(e) : f(e)
+          );
+        },
+        clear: () => {
+          v(null), l(""), y(!1);
+        },
+        focus: () => {
+          var e;
+          return (e = L.current) == null ? void 0 : e.focus();
+        }
+      }),
+      // The handle is reconstructed per render; consumers (the agent runtime)
+      // re-register only when the identity changes, which is a cheap no-op.
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [F, f]
+    );
+    De(Se, le, a);
+    const ce = C || n !== void 0 && s !== null && s <= n, fe = C || d !== void 0 && s !== null && s >= d, pe = s ?? void 0, me = (p === "currency" || p === "percentage") && s !== null && s !== null ? R(s) : void 0, ve = P.inputMode === "numeric" ? "[0-9]*" : void 0;
+    return /* @__PURE__ */ be(
+      "div",
+      {
+        className: ke({
+          size: b,
+          tone: re,
+          className: V
+        }),
+        "data-component": "number-input",
+        "data-component-id": a,
+        "data-mode": p,
+        children: [
+          /* @__PURE__ */ x(
+            "button",
+            {
+              type: "button",
+              tabIndex: -1,
+              "aria-label": U("ui.inputs.number.decrement", "Decrement"),
+              onClick: de,
+              onMouseDown: _,
+              disabled: ce,
+              className: `${G} ds:ps-2 ds:pe-1`,
+              children: /* @__PURE__ */ x(Fe, { "aria-hidden": "true", className: "ds:size-4" })
+            }
+          ),
+          /* @__PURE__ */ x(
+            "input",
+            {
+              ref: Y,
+              id: Q,
+              type: "text",
+              role: "spinbutton",
+              inputMode: P.inputMode,
+              pattern: ve,
+              autoComplete: "off",
+              value: j,
+              disabled: C,
+              "aria-valuemin": n,
+              "aria-valuemax": d,
+              "aria-valuenow": pe,
+              "aria-valuetext": me,
+              "aria-invalid": q || void 0,
+              "aria-required": D.required || void 0,
+              "aria-describedby": D.describedBy || void 0,
+              onChange: ie,
+              onFocus: oe,
+              onBlur: ae,
+              onKeyDown: se,
+              className: "ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed",
+              ...m
+            }
+          ),
+          /* @__PURE__ */ x(
+            "button",
+            {
+              type: "button",
+              tabIndex: -1,
+              "aria-label": U("ui.inputs.number.increment", "Increment"),
+              onClick: ue,
+              onMouseDown: _,
+              disabled: fe,
+              className: `${G} ds:ps-1 ds:pe-2`,
+              children: /* @__PURE__ */ x(xe, { "aria-hidden": "true", className: "ds:size-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Pe.displayName = "NumberInput";
+export {
+  Pe as N,
+  Ve as u
+};
+//# sourceMappingURL=number-input-fvGmnRy9.js.map

package/dist/_chunks/number-input-fvGmnRy9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-fvGmnRy9.js","sources":["../../src/components/number-input/number-input.agent.ts","../../src/components/number-input/use-locale-number.ts","../../src/components/number-input/number-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — NumberInput.                                           */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NumberInputHandle } from './number-input';\n\nexport const numberInputAgent: AgentAdapter<NumberInputHandle> = {\n  id: 'number-input',\n  capabilities: ['edit_inline'],\n  state: {\n    value: {\n      type: 'number | null',\n      descriptionKey: 'ui.agent.numberInput.state.value',\n      description: 'Current numeric value, or null when empty.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.numberInput.state.isEmpty',\n      description: 'Whether the input has no value.',\n      read: (handle) => handle.getValue() === null,\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: number | null }',\n      descriptionKey: 'ui.agent.numberInput.actions.setValue',\n      description: 'Replace the numeric value, or pass null to clear.',\n      invoke: (handle, args: { value: number | null }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.numberInput.actions.clear',\n      description: 'Empty the input. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.numberInput.actions.focus',\n      description: 'Move keyboard focus to the input.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'number-input',\n      description: 'Marks the NumberInput wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import { useMemo } from 'react';\n\nexport type NumberInputMode = 'integer' | 'decimal' | 'currency' | 'percentage';\n\nexport interface LocaleNumber {\n  /** Format a JS number for display (e.g. `1234.5` → `1.234,5` in de-DE). */\n  format: (value: number) => string;\n  /** Parse a locale-formatted string back to a JS number. Returns `NaN` for invalid input. */\n  parse: (text: string) => number;\n  /** The decimal separator for this locale (e.g. `.` or `,`). */\n  decimalSeparator: string;\n  /** The grouping separator for this locale (e.g. `,` or `.` or ` `). */\n  groupingSeparator: string;\n  /** The correct `inputMode` for the virtual keyboard. */\n  inputMode: 'numeric' | 'decimal';\n}\n\nfunction normalizeDigits(text: string): string {\n  let result = '';\n  for (const ch of text) {\n    const code = ch.codePointAt(0);\n    if (code === undefined) continue;\n    if (code >= 0x0660 && code <= 0x0669) {\n      result += String.fromCodePoint(0x30 + (code - 0x0660));\n    } else if (code >= 0x06f0 && code <= 0x06f9) {\n      result += String.fromCodePoint(0x30 + (code - 0x06f0));\n    } else {\n      result += ch;\n    }\n  }\n  return result;\n}\n\nexport function useLocaleNumber(\n  locale: string,\n  mode: NumberInputMode,\n  currency?: string,\n): LocaleNumber {\n  return useMemo(() => {\n    const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);\n    const decimalSeparator =\n      parts.find((p) => p.type === 'decimal')?.value ?? '.';\n    const groupingSeparator =\n      parts.find((p) => p.type === 'group')?.value ?? ',';\n\n    const displayFormatter: Intl.NumberFormat = (() => {\n      if (mode === 'currency') {\n        return new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency: currency ?? 'USD',\n        });\n      }\n      if (mode === 'percentage') {\n        return new Intl.NumberFormat(locale, {\n          style: 'percent',\n          maximumFractionDigits: 4,\n        });\n      }\n      if (mode === 'integer') {\n        return new Intl.NumberFormat(locale, { maximumFractionDigits: 0 });\n      }\n      return new Intl.NumberFormat(locale, { maximumFractionDigits: 10 });\n    })();\n\n    const format = (value: number): string => {\n      if (!Number.isFinite(value)) return '';\n      return displayFormatter.format(value);\n    };\n\n    const parse = (text: string): number => {\n      if (!text) return NaN;\n      const normalized = normalizeDigits(text);\n      const trimmed = normalized.trim();\n      const hasMinus =\n        trimmed.startsWith('-') || trimmed.startsWith('\\u2212');\n\n      let cleaned = '';\n      for (const ch of normalized) {\n        if (ch >= '0' && ch <= '9') {\n          cleaned += ch;\n        } else if (ch === decimalSeparator) {\n          cleaned += '.';\n        }\n      }\n      if (!cleaned || cleaned === '.') return NaN;\n\n      let n = Number(cleaned);\n      if (!Number.isFinite(n)) return NaN;\n      if (hasMinus) n = -n;\n      if (mode === 'percentage') n = n / 100;\n      return n;\n    };\n\n    let inputMode: 'numeric' | 'decimal' = 'decimal';\n    if (mode === 'integer') {\n      inputMode = 'numeric';\n    } else if (mode === 'currency') {\n      try {\n        const { maximumFractionDigits } = new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency: currency ?? 'USD',\n        }).resolvedOptions();\n        inputMode = maximumFractionDigits === 0 ? 'numeric' : 'decimal';\n      } catch {\n        inputMode = 'decimal';\n      }\n    }\n\n    return {\n      format,\n      parse,\n      decimalSeparator,\n      groupingSeparator,\n      inputMode,\n    };\n  }, [locale, mode, currency]);\n}\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport { useFormField } from '../form-field/form-field-context';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { numberInputAgent } from './number-input.agent';\nimport {\n  useLocaleNumber,\n  type NumberInputMode,\n} from './use-locale-number';\n\n/** Agent-readiness curated handle for NumberInput. */\nexport interface NumberInputHandle {\n  getValue: () => number | null;\n  setValue: (value: number | null) => void;\n  clear: () => void;\n  focus: () => void;\n}\n\nconst numberInputVariants = cva(\n  [\n    'ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:bg-background ds:text-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: 'ds:border-border',\n        error: 'ds:border-destructive ds:focus-within:outline-destructive',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'default' },\n  },\n);\n\nconst spinnerButton = [\n  'ds:inline-flex ds:items-center ds:justify-center',\n  'ds:h-full ds:shrink-0',\n  'ds:text-muted-foreground ds:hover:text-foreground',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n].join(' ');\n\nexport type { NumberInputMode };\n\nexport interface NumberInputProps\n  extends Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'type' | 'onChange' | 'value' | 'defaultValue' | 'size'\n    >,\n    VariantProps<typeof numberInputVariants> {\n  /** Current numeric value (controlled). */\n  value?: number | null;\n  /** Initial value (uncontrolled). */\n  defaultValue?: number;\n  /** Fires with the parsed number (not a string). `null` when the field is empty. */\n  onChange?: (value: number | null) => void;\n  /** Minimum allowed value. Maps to `aria-valuemin`. */\n  min?: number;\n  /** Maximum allowed value. Maps to `aria-valuemax`. */\n  max?: number;\n  /** Increment step. Defaults to `1`. */\n  step?: number;\n  /** Display/parse mode. Defaults to `'integer'`. */\n  mode?: NumberInputMode;\n  /** ISO 4217 currency code, required when `mode='currency'`. */\n  currency?: string;\n  /** BCP 47 locale. Defaults to `navigator.language` or `'en-US'`. */\n  locale?: string;\n  /** Size variant. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Additional class names on the wrapper. */\n  className?: string;\n}\n\nconst resolveDefaultLocale = (): string => {\n  if (typeof navigator !== 'undefined' && navigator.language) {\n    return navigator.language;\n  }\n  return 'en-US';\n};\n\nfunction decimalPlaces(n: number): number {\n  if (!Number.isFinite(n)) return 0;\n  const s = String(n);\n  const dot = s.indexOf('.');\n  if (dot === -1) return 0;\n  return s.length - dot - 1;\n}\n\nfunction roundToStep(value: number, step: number): number {\n  if (step <= 0 || !Number.isFinite(step)) return value;\n  const precision = decimalPlaces(step);\n  const factor = 10 ** precision;\n  return Math.round(value * factor) / factor;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      min,\n      max,\n      step = 1,\n      mode = 'integer',\n      currency,\n      locale,\n      size = 'md',\n      tone,\n      className,\n      id,\n      disabled,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = Boolean(ctx.disabled || disabled);\n\n    const resolvedLocale = locale ?? resolveDefaultLocale();\n    const localeNumber = useLocaleNumber(resolvedLocale, mode, currency);\n    const { decimalSeparator, format: localeFormat, parse: localeParse } =\n      localeNumber;\n\n    const innerInputRef = useRef<HTMLInputElement | null>(null);\n    const composedRef = composeRefs(ref, innerInputRef);\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<number | null>(\n      defaultValue ?? null,\n    );\n    const currentValue: number | null = isControlled\n      ? (value ?? null)\n      : internalValue;\n\n    const currentValueRef = useRef<number | null>(currentValue);\n    currentValueRef.current = currentValue;\n\n    const formatForEdit = useCallback(\n      (n: number): string => {\n        const displayed = mode === 'percentage' ? n * 100 : n;\n        const raw = Number.isInteger(displayed)\n          ? String(displayed)\n          : displayed.toString();\n        return raw.replace('.', decimalSeparator);\n      },\n      [mode, decimalSeparator],\n    );\n\n    const formatCurrent = useCallback(\n      (n: number | null | undefined): string =>\n        n === null || n === undefined || Number.isNaN(n) ? '' : localeFormat(n),\n      [localeFormat],\n    );\n\n    const [inputText, setInputText] = useState<string>(() =>\n      formatCurrent(currentValue),\n    );\n    const isFocusedRef = useRef(false);\n    const [crossedBounds, setCrossedBounds] = useState(false);\n\n    useEffect(() => {\n      if (!isFocusedRef.current) {\n        setInputText(formatCurrent(currentValue));\n      }\n    }, [currentValue, formatCurrent]);\n\n    const computedInvalid =\n      crossedBounds ||\n      (currentValue !== null &&\n        ((min !== undefined && currentValue < min) ||\n          (max !== undefined && currentValue > max)));\n    const ariaInvalid = ctx.invalid || computedInvalid;\n    const effectiveTone: 'default' | 'error' = ariaInvalid\n      ? 'error'\n      : tone ?? 'default';\n\n    const commitValue = (next: number | null) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const applyDelta = (multiplier: number) => {\n      const base = currentValue ?? 0;\n      let next = base + step * multiplier;\n      if (min !== undefined) next = Math.max(min, next);\n      if (max !== undefined) next = Math.min(max, next);\n      next = roundToStep(next, step);\n      commitValue(next);\n      setCrossedBounds(false);\n      setInputText(\n        isFocusedRef.current ? formatForEdit(next) : formatCurrent(next),\n      );\n    };\n\n    const jumpTo = (target: number) => {\n      commitValue(target);\n      setCrossedBounds(false);\n      setInputText(\n        isFocusedRef.current ? formatForEdit(target) : formatCurrent(target),\n      );\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented) return;\n      if (effectiveDisabled) return;\n\n      const { key, shiftKey } = event;\n      if (key === 'ArrowUp') {\n        event.preventDefault();\n        applyDelta(shiftKey ? 10 : 1);\n      } else if (key === 'ArrowDown') {\n        event.preventDefault();\n        applyDelta(shiftKey ? -10 : -1);\n      } else if (key === 'PageUp') {\n        event.preventDefault();\n        applyDelta(100);\n      } else if (key === 'PageDown') {\n        event.preventDefault();\n        applyDelta(-100);\n      } else if (key === 'Home' && min !== undefined) {\n        event.preventDefault();\n        jumpTo(min);\n      } else if (key === 'End' && max !== undefined) {\n        event.preventDefault();\n        jumpTo(max);\n      }\n    };\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value;\n      setInputText(text);\n      if (text.trim() === '') {\n        commitValue(null);\n        setCrossedBounds(false);\n        return;\n      }\n      const parsed = localeParse(text);\n      if (!Number.isNaN(parsed)) {\n        commitValue(parsed);\n      }\n    };\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(event);\n      isFocusedRef.current = true;\n      if (currentValue !== null && currentValue !== undefined) {\n        setInputText(formatForEdit(currentValue));\n      }\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      onBlur?.(event);\n      isFocusedRef.current = false;\n\n      if (inputText.trim() === '') {\n        commitValue(null);\n        setCrossedBounds(false);\n        setInputText('');\n        return;\n      }\n      const parsed = localeParse(inputText);\n      if (Number.isNaN(parsed)) {\n        setInputText(formatCurrent(currentValue));\n        return;\n      }\n      const crossed =\n        (min !== undefined && parsed < min) ||\n        (max !== undefined && parsed > max);\n      setCrossedBounds(crossed);\n      commitValue(parsed);\n      setInputText(formatCurrent(parsed));\n    };\n\n    const preventButtonBlur = (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n    };\n\n    const handleIncrement = () => applyDelta(1);\n    const handleDecrement = () => applyDelta(-1);\n\n    const agentHandle = useMemo<NumberInputHandle>(\n      () => ({\n        getValue: () => currentValueRef.current,\n        setValue: (next) => {\n          commitValue(next);\n          setInputText(\n            next === null\n              ? ''\n              : isFocusedRef.current\n                ? formatForEdit(next)\n                : formatCurrent(next),\n          );\n        },\n        clear: () => {\n          commitValue(null);\n          setInputText('');\n          setCrossedBounds(false);\n        },\n        focus: () => innerInputRef.current?.focus(),\n      }),\n      // The handle is reconstructed per render; consumers (the agent runtime)\n      // re-register only when the identity changes, which is a cheap no-op.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [formatForEdit, formatCurrent],\n    );\n    useAgentRegistration(numberInputAgent, agentHandle, id);\n\n    const decrementDisabled =\n      effectiveDisabled ||\n      (min !== undefined && currentValue !== null && currentValue <= min);\n    const incrementDisabled =\n      effectiveDisabled ||\n      (max !== undefined && currentValue !== null && currentValue >= max);\n\n    const valueNow = currentValue ?? undefined;\n    const valueTextNeeded =\n      (mode === 'currency' || mode === 'percentage') && currentValue !== null;\n    const valueText =\n      valueTextNeeded && currentValue !== null\n        ? localeFormat(currentValue)\n        : undefined;\n\n    const patternAttr =\n      localeNumber.inputMode === 'numeric' ? '[0-9]*' : undefined;\n\n    return (\n      <div\n        className={numberInputVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n        data-component=\"number-input\"\n        data-component-id={id}\n        data-mode={mode}\n      >\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={t('ui.inputs.number.decrement', 'Decrement')}\n          onClick={handleDecrement}\n          onMouseDown={preventButtonBlur}\n          disabled={decrementDisabled}\n          className={`${spinnerButton} ds:ps-2 ds:pe-1`}\n        >\n          <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n        </button>\n        <input\n          ref={composedRef}\n          id={inputId}\n          type=\"text\"\n          role=\"spinbutton\"\n          inputMode={localeNumber.inputMode}\n          pattern={patternAttr}\n          autoComplete=\"off\"\n          value={inputText}\n          disabled={effectiveDisabled}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={valueNow}\n          aria-valuetext={valueText}\n          aria-invalid={ariaInvalid || undefined}\n          aria-required={ctx.required || undefined}\n          aria-describedby={ctx.describedBy || undefined}\n          onChange={handleInputChange}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          className=\"ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed\"\n          {...rest}\n        />\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={t('ui.inputs.number.increment', 'Increment')}\n          onClick={handleIncrement}\n          onMouseDown={preventButtonBlur}\n          disabled={incrementDisabled}\n          className={`${spinnerButton} ds:ps-1 ds:pe-2`}\n        >\n          <ChevronUp aria-hidden=\"true\" className=\"ds:size-4\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = 'NumberInput';\n"],"names":["numberInputAgent","handle","args","normalizeDigits","text","result","ch","code","useLocaleNumber","locale","mode","currency","useMemo","parts","decimalSeparator","_a","p","groupingSeparator","_b","displayFormatter","format","value","parse","normalized","trimmed","hasMinus","cleaned","n","inputMode","maximumFractionDigits","numberInputVariants","cva","spinnerButton","resolveDefaultLocale","decimalPlaces","s","dot","roundToStep","step","factor","NumberInput","forwardRef","defaultValue","onChange","min","max","size","tone","className","id","disabled","onFocus","onBlur","onKeyDown","rest","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","resolvedLocale","localeNumber","localeFormat","localeParse","innerInputRef","useRef","composedRef","composeRefs","isControlled","internalValue","setInternalValue","useState","currentValue","currentValueRef","formatForEdit","useCallback","displayed","formatCurrent","inputText","setInputText","isFocusedRef","crossedBounds","setCrossedBounds","useEffect","computedInvalid","ariaInvalid","effectiveTone","commitValue","next","applyDelta","multiplier","jumpTo","target","handleKeyDown","event","key","shiftKey","handleInputChange","parsed","handleFocus","handleBlur","crossed","preventButtonBlur","handleIncrement","handleDecrement","agentHandle","useAgentRegistration","decrementDisabled","incrementDisabled","valueNow","valueText","patternAttr","jsxs","jsx","ChevronDown","ChevronUp"],"mappings":"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"}

package/dist/_chunks/otp-input-EglXOUue.js

@@ -0,0 +1,257 @@
+import { jsxs as ee, jsx as M } from "react/jsx-runtime";
+import { forwardRef as te, useId as re, useState as L, useRef as R, useEffect as se, useCallback as N, useMemo as oe } from "react";
+import { c as O } from "./index-D2ZczOXr.js";
+import { useTranslation as ae } from "react-i18next";
+import { u as ie } from "./form-field-context-94LwgYTQ.js";
+import { u as ne } from "./registry-C9nwlNyL.js";
+const ce = {
+  id: "otp-input",
+  capabilities: ["edit_inline", "submit"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.otpInput.state.value",
+      description: "Current digits entered, packed into a single string.",
+      read: (e) => e.getValue()
+    },
+    isComplete: {
+      type: "boolean",
+      descriptionKey: "ui.agent.otpInput.state.isComplete",
+      description: "Whether all required digits have been entered.",
+      read: (e) => e.isComplete()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      descriptionKey: "ui.agent.otpInput.actions.setValue",
+      description: "Replace the entered digits.",
+      invoke: (e, o) => {
+        e.setValue(o.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.otpInput.actions.clear",
+      description: "Empty all digit cells. Loses any typed value.",
+      invoke: (e) => {
+        e.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      descriptionKey: "ui.agent.otpInput.actions.focus",
+      description: "Move keyboard focus to the active digit cell.",
+      invoke: (e) => {
+        e.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "otp-input",
+      description: "Marks the OTPInput wrapper. Completion is observable via state.isComplete; the host onComplete callback fires once when all digits are filled."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, ue = O("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), le = O(
+  [
+    "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:bg-background ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      tone: {
+        default: "ds:border-border",
+        error: "ds:border-destructive"
+      }
+    },
+    defaultVariants: { tone: "default" }
+  }
+);
+function F(e) {
+  return e.replace(/[\u0660-\u0669]/g, (o) => String(o.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (o) => String(o.charCodeAt(0) - 1776));
+}
+function g(e, o) {
+  return F(e).replace(/\D/g, "").slice(0, o);
+}
+function de(e, o) {
+  const m = g(e, o), l = new Array(o).fill("");
+  for (let n = 0; n < m.length; n += 1)
+    l[n] = m[n];
+  return l;
+}
+const pe = te(
+  ({
+    length: e = 6,
+    value: o,
+    defaultValue: m,
+    onChange: l,
+    onComplete: n,
+    disabled: S,
+    error: $,
+    label: y,
+    id: K,
+    className: j
+  }, z) => {
+    const { t: H } = ae(), v = ie(), _ = re(), P = y ? _ : void 0, I = o !== void 0, [q, W] = L(
+      () => g(m ?? "", e)
+    ), p = g(I ? o : q, e), G = de(p, e), k = v.disabled || !!S, B = v.invalid || !!$, J = B ? "error" : "default", C = R([]), w = R(p.length === e), d = R(p);
+    d.current = p;
+    const Q = () => {
+      const r = p.length;
+      return r >= e ? e - 1 : r;
+    }, [f, V] = L(Q);
+    se(() => {
+      f >= e && V(e - 1);
+    }, [f, e]);
+    const c = N(
+      (r) => {
+        const t = Math.max(0, Math.min(e - 1, r));
+        V(t);
+        const s = C.current[t];
+        s && (s.focus(), s.select());
+      },
+      [e]
+    ), u = N(
+      (r) => {
+        const t = g(r, e);
+        I || W(t), d.current = t, l == null || l(t), t.length === e ? w.current || (w.current = !0, n == null || n(t)) : w.current = !1;
+      },
+      [I, e, l, n]
+    ), U = (r) => (t) => {
+      const s = t.target.value, a = F(s).replace(/\D/g, ""), i = d.current;
+      if (a.length === 0) {
+        if (s === "" && r < i.length) {
+          const A = i.slice(0, r) + i.slice(r + 1);
+          u(A);
+        }
+        return;
+      }
+      const b = i.slice(0, r), h = i.slice(r + a.length), D = (b + a + h).slice(0, e);
+      u(D);
+      const T = Math.min(r + a.length, e - 1);
+      c(T);
+    }, X = (r) => (t) => {
+      const s = d.current;
+      if (t.key === "Backspace") {
+        if (s[r]) {
+          t.preventDefault();
+          const a = s.slice(0, r) + s.slice(r + 1);
+          u(a);
+          return;
+        }
+        if (r > 0) {
+          t.preventDefault();
+          const a = s.slice(0, r - 1) + s.slice(r);
+          u(a), c(r - 1);
+        }
+        return;
+      }
+      if (t.key === "ArrowLeft") {
+        t.preventDefault(), r > 0 && c(r - 1);
+        return;
+      }
+      if (t.key === "ArrowRight") {
+        t.preventDefault(), r < e - 1 && c(r + 1);
+        return;
+      }
+      if (t.key === "Home") {
+        t.preventDefault(), c(0);
+        return;
+      }
+      t.key === "End" && (t.preventDefault(), c(e - 1));
+    }, Y = (r) => (t) => {
+      const a = t.clipboardData.getData("text").replace(/\s+/g, ""), i = F(a);
+      if (!/^[0-9]+$/.test(i)) return;
+      t.preventDefault();
+      const b = d.current, h = b.slice(0, r), D = b.slice(r + i.length), T = (h + i + D).slice(0, e);
+      u(T);
+      const A = Math.min(r + i.length, e - 1);
+      c(A);
+    }, Z = (r) => (t) => {
+      V(r), t.currentTarget.select();
+    }, E = v.id, x = oe(
+      () => ({
+        getValue: () => d.current,
+        setValue: (r) => u(r),
+        clear: () => u(""),
+        focus: () => c(f),
+        isComplete: () => d.current.length === e
+      }),
+      [u, c, f, e]
+    );
+    return ne(ce, x, K), /* @__PURE__ */ ee("div", { className: ue({ className: j }), children: [
+      y ? /* @__PURE__ */ M(
+        "label",
+        {
+          id: P,
+          htmlFor: `${E}-0`,
+          className: "type-label ds:text-foreground",
+          children: y
+        }
+      ) : null,
+      /* @__PURE__ */ M(
+        "div",
+        {
+          ref: z,
+          role: "group",
+          dir: "ltr",
+          "aria-labelledby": P,
+          "aria-invalid": B || void 0,
+          "aria-describedby": v.describedBy || void 0,
+          "aria-disabled": k || void 0,
+          "data-component": "otp-input",
+          "data-component-id": K,
+          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
+          children: G.map((r, t) => {
+            const s = !k && t === f;
+            return /* @__PURE__ */ M(
+              "input",
+              {
+                ref: (a) => {
+                  C.current[t] = a;
+                },
+                id: `${E}-${t}`,
+                type: "text",
+                inputMode: "numeric",
+                pattern: "[0-9]*",
+                autoComplete: t === 0 ? "one-time-code" : "off",
+                maxLength: 1,
+                value: r,
+                disabled: k,
+                tabIndex: s ? 0 : -1,
+                "aria-label": H("ui.inputs.otp.digitLabel", {
+                  current: t + 1,
+                  total: e
+                }),
+                onChange: U(t),
+                onKeyDown: X(t),
+                onPaste: Y(t),
+                onFocus: Z(t),
+                className: le({ tone: J })
+              },
+              t
+            );
+          })
+        }
+      )
+    ] });
+  }
+);
+pe.displayName = "OTPInput";
+export {
+  pe as O
+};
+//# sourceMappingURL=otp-input-EglXOUue.js.map