@als-tp/als-react-ts-ui 0.3.1 → 0.5.0

package/dist/als-react-ts-ui218.js

@@ -0,0 +1,38 @@
+import * as i from "react";
+import { useNavigationMenuPositionerContext as c } from "./als-react-ts-ui530.js";
+import { useNavigationMenuRootContext as d } from "./als-react-ts-ui521.js";
+import { popupStateMapping as f } from "./als-react-ts-ui244.js";
+import { useRenderElement as l } from "./als-react-ts-ui189.js";
+const N = /* @__PURE__ */ i.forwardRef(function(e, a) {
+  const {
+    className: M,
+    render: v,
+    ...s
+  } = e, {
+    open: t
+  } = d(), {
+    arrowRef: p,
+    side: o,
+    align: r,
+    arrowUncentered: n,
+    arrowStyles: m
+  } = c(), u = i.useMemo(() => ({
+    open: t,
+    side: o,
+    align: r,
+    uncentered: n
+  }), [t, o, r, n]);
+  return l("div", e, {
+    state: u,
+    ref: [a, p],
+    props: [{
+      style: m,
+      "aria-hidden": !0
+    }, s],
+    stateAttributesMapping: f
+  });
+});
+process.env.NODE_ENV !== "production" && (N.displayName = "NavigationMenuArrow");
+export {
+  N as NavigationMenuArrow
+};

package/dist/als-react-ts-ui219.js

@@ -0,0 +1,39 @@
+import * as n from "react";
+import { useRenderElement as p } from "./als-react-ts-ui189.js";
+import { useNavigationMenuRootContext as m } from "./als-react-ts-ui521.js";
+import { transitionStatusMapping as u } from "./als-react-ts-ui245.js";
+import { popupStateMapping as c } from "./als-react-ts-ui244.js";
+const d = {
+  ...c,
+  ...u
+}, f = /* @__PURE__ */ n.forwardRef(function(e, r) {
+  const {
+    className: M,
+    render: N,
+    ...a
+  } = e, {
+    open: t,
+    mounted: i,
+    transitionStatus: o
+  } = m(), s = n.useMemo(() => ({
+    open: t,
+    transitionStatus: o
+  }), [t, o]);
+  return p("div", e, {
+    state: s,
+    ref: r,
+    props: [{
+      role: "presentation",
+      hidden: !i,
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, a],
+    stateAttributesMapping: d
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "NavigationMenuBackdrop");
+export {
+  f as NavigationMenuBackdrop
+};

package/dist/als-react-ts-ui22.js

@@ -0,0 +1,13 @@
+import { ALSNumberFieldScrubAreaCursor as e, ALSNumberFieldScrubArea as r, ALSNumberFieldDecrement as u, ALSNumberFieldIncrement as m, ALSNumberFieldInput as b, ALSNumberFieldGroup as o, ALSNumberFieldRoot as A } from "./als-react-ts-ui78.js";
+const t = {
+  Root: A,
+  Group: o,
+  Input: b,
+  Increment: m,
+  Decrement: u,
+  ScrubArea: r,
+  ScrubAreaCursor: e
+};
+export {
+  t as ALSNumberField
+};

package/dist/als-react-ts-ui220.js

@@ -0,0 +1,24 @@
+import * as i from "react";
+import { useNavigationMenuRootContext as u } from "./als-react-ts-ui521.js";
+import { NavigationMenuPortalContext as l } from "./als-react-ts-ui529.js";
+import { jsx as t } from "react/jsx-runtime";
+import { FloatingPortal as s } from "./als-react-ts-ui258.js";
+const f = /* @__PURE__ */ i.forwardRef(function(r, e) {
+  const {
+    keepMounted: o = !1,
+    ...n
+  } = r, {
+    mounted: a
+  } = u();
+  return a || o ? /* @__PURE__ */ t(l.Provider, {
+    value: o,
+    children: /* @__PURE__ */ t(s, {
+      ref: e,
+      ...n
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "NavigationMenuPortal");
+export {
+  f as NavigationMenuPortal
+};

package/dist/als-react-ts-ui221.js

@@ -0,0 +1,41 @@
+const n = "_root_1n2ml_6", _ = "_group_1n2ml_26", o = "_input_1n2ml_72", t = "_button_1n2ml_125", r = "_decrement_1n2ml_201", u = "_increment_1n2ml_206", l = "_icon_1n2ml_211", m = "_scrubArea_1n2ml_218", s = "_scrubAreaCursor_1n2ml_243", c = "_scrubCursorIcon_1n2ml_258", e = {
+  root: n,
+  "root--sm": "_root--sm_1n2ml_13",
+  "root--md": "_root--md_1n2ml_17",
+  "root--lg": "_root--lg_1n2ml_21",
+  group: _,
+  "group--sm": "_group--sm_1n2ml_36",
+  "group--md": "_group--md_1n2ml_40",
+  "group--lg": "_group--lg_1n2ml_44",
+  "group--outlined": "_group--outlined_1n2ml_49",
+  "group--filled": "_group--filled_1n2ml_60",
+  input: o,
+  "input--sm": "_input--sm_1n2ml_98",
+  "input--md": "_input--md_1n2ml_103",
+  "input--lg": "_input--lg_1n2ml_108",
+  button: t,
+  "button--sm": "_button--sm_1n2ml_159",
+  "button--md": "_button--md_1n2ml_164",
+  "button--lg": "_button--lg_1n2ml_169",
+  "button--outlined": "_button--outlined_1n2ml_175",
+  "button--filled": "_button--filled_1n2ml_188",
+  decrement: r,
+  increment: u,
+  icon: l,
+  scrubArea: m,
+  scrubAreaCursor: s,
+  scrubCursorIcon: c
+};
+export {
+  t as button,
+  r as decrement,
+  e as default,
+  _ as group,
+  l as icon,
+  u as increment,
+  o as input,
+  n as root,
+  m as scrubArea,
+  s as scrubAreaCursor,
+  c as scrubCursorIcon
+};

package/dist/als-react-ts-ui222.js

@@ -0,0 +1,234 @@
+import * as i from "react";
+import { useControlled as Fe } from "./als-react-ts-ui282.js";
+import { useStableCallback as d } from "./als-react-ts-ui192.js";
+import { useTimeout as ue } from "./als-react-ts-ui195.js";
+import { useInterval as Te } from "./als-react-ts-ui497.js";
+import { useIsoLayoutEffect as j } from "./als-react-ts-ui193.js";
+import { useValueAsRef as ae } from "./als-react-ts-ui337.js";
+import { useForcedRerendering as Le } from "./als-react-ts-ui449.js";
+import { ownerDocument as Me } from "./als-react-ts-ui372.js";
+import { isIOS as we } from "./als-react-ts-ui371.js";
+import { NumberFieldRootContext as Oe } from "./als-react-ts-ui498.js";
+import { useFieldRootContext as We } from "./als-react-ts-ui398.js";
+import { useLabelableId as Ge } from "./als-react-ts-ui400.js";
+import { stateAttributesMapping as Ue } from "./als-react-ts-ui499.js";
+import { useRenderElement as Ke } from "./als-react-ts-ui189.js";
+import { getNumberLocaleDetails as ke, BASE_NON_NUMERIC_SYMBOLS as He, SPACE_SEPARATOR_RE as se, PERCENTAGES as Ye, PERMILLE as je, PLUS_SIGNS_WITH_ASCII as qe, MINUS_SIGNS_WITH_ASCII as Be } from "./als-react-ts-ui500.js";
+import { formatNumber as T, formatNumberMaxPrecision as Xe } from "./als-react-ts-ui494.js";
+import { START_AUTO_CHANGE_DELAY as Ze, CHANGE_VALUE_TICK_DELAY as ze, DEFAULT_STEP as le } from "./als-react-ts-ui501.js";
+import { toValidatedNumber as Je } from "./als-react-ts-ui502.js";
+import { createChangeEventDetails as Qe, createGenericEventDetails as $e } from "./als-react-ts-ui246.js";
+import { jsxs as et, jsx as tt } from "react/jsx-runtime";
+import { getWindow as nt } from "./als-react-ts-ui339.js";
+const rt = /* @__PURE__ */ i.forwardRef(function(C, p) {
+  const {
+    id: q,
+    min: N,
+    max: M,
+    smallStep: me = 0.1,
+    step: B = 1,
+    largeStep: X = 10,
+    required: v = !1,
+    disabled: fe = !1,
+    readOnly: E = !1,
+    name: de,
+    defaultValue: pe,
+    value: w,
+    onValueChange: Ee,
+    onValueCommitted: Re,
+    allowWheelScrub: Z = !1,
+    snapOnStep: Se = !1,
+    format: l,
+    locale: c,
+    render: ot,
+    className: it,
+    inputRef: he,
+    ...be
+  } = C, {
+    setDirty: Ce,
+    validityData: Ne,
+    disabled: ve,
+    setFilled: z,
+    invalid: J,
+    name: Ie,
+    state: Q
+  } = We(), m = ve || fe, V = Ie ?? de, [_, Ae] = i.useState(!1), R = N ?? Number.MIN_SAFE_INTEGER, O = M ?? Number.MAX_SAFE_INTEGER, ye = N ?? 0, S = l?.style, f = i.useRef(null), $ = Ge({
+    id: q
+  }), [ge, Ve] = Fe({
+    controlled: w,
+    default: pe,
+    name: "NumberField",
+    state: "value"
+  }), u = ge ?? null, P = ae(u);
+  j(() => {
+    z(u !== null);
+  }, [z, u]);
+  const _e = Le(), W = ae(l), x = i.useRef(!1), G = d((n, e) => {
+    x.current = !1, Re?.(n, e);
+  }), ee = ue(), te = Te(), U = ue(), K = i.useRef(!1), k = i.useRef(0), I = i.useRef(!0), D = i.useRef(null), ne = i.useRef(() => {
+  }), [A, F] = i.useState(() => w !== void 0 ? ce(u, c, l) : T(u, c, l)), [re, Pe] = i.useState("numeric"), oe = d(() => {
+    const {
+      decimal: n,
+      group: e,
+      currency: o,
+      literal: r
+    } = ke(c, l), t = /* @__PURE__ */ new Set();
+    He.forEach((a) => t.add(a)), n && t.add(n), e && (t.add(e), se.test(e) && t.add(" "));
+    const s = S === "percent" || S === "unit" && l?.unit === "percent", g = S === "percent" || S === "unit" && l?.unit === "permille";
+    return s && Ye.forEach((a) => t.add(a)), g && je.forEach((a) => t.add(a)), S === "currency" && o && t.add(o), r && (Array.from(r).forEach((a) => t.add(a)), se.test(r) && t.add(" ")), qe.forEach((a) => t.add(a)), R < 0 && Be.forEach((a) => t.add(a)), t;
+  }), h = d((n) => n?.altKey ? me : n?.shiftKey ? X : B), H = d((n, e) => {
+    const o = e.event, r = e.direction, t = Je(n, {
+      step: r ? h(o) * r : void 0,
+      format: W.current,
+      minWithDefault: R,
+      maxWithDefault: O,
+      minWithZeroDefault: ye,
+      snapOnStep: Se,
+      small: o?.altKey ?? !1
+    });
+    if (t !== u || n !== u || I.current === !1) {
+      if (D.current = t, Ee?.(t, e), e.isCanceled)
+        return;
+      Ve(t), Ce(t !== Ne.initialValue), x.current = !0;
+    }
+    I.current && F(T(t, c, l)), _e();
+  }), y = d((n, {
+    direction: e,
+    currentValue: o,
+    event: r,
+    reason: t
+  }) => {
+    const s = o ?? P.current, g = typeof s == "number" ? s + n * e : Math.max(0, N ?? 0);
+    H(g, Qe(t, r, void 0, {
+      direction: e
+    }));
+  }), b = d(() => {
+    U.clear(), ee.clear(), te.clear(), ne.current(), k.current = 0;
+  }), ie = d((n, e) => {
+    if (b(), !f.current)
+      return;
+    const o = nt(f.current);
+    function r(s) {
+      s.preventDefault();
+    }
+    o.addEventListener("contextmenu", r), ne.current = () => {
+      o.removeEventListener("contextmenu", r);
+    }, o.addEventListener("pointerup", (s) => {
+      K.current = !1, b();
+      const g = D.current ?? P.current;
+      G(g, $e(n ? "increment" : "decrement", s));
+    }, {
+      once: !0
+    });
+    function t() {
+      const s = h(e) ?? le;
+      y(s, {
+        direction: n ? 1 : -1,
+        event: e,
+        reason: n ? "increment-press" : "decrement-press"
+      });
+    }
+    t(), ee.start(Ze, () => {
+      te.start(ze, t);
+    });
+  });
+  j(function() {
+    if (!I.current)
+      return;
+    const e = w !== void 0 ? ce(u, c, l) : T(u, c, l);
+    e !== A && F(e);
+  }), j(function() {
+    if (!we)
+      return;
+    let e = "text";
+    R >= 0 && (e = "decimal"), Pe(e);
+  }, [R, S]), i.useEffect(() => () => b(), [b]), i.useEffect(function() {
+    const e = f.current;
+    if (m || E || !Z || !e)
+      return;
+    function o(r) {
+      if (
+        // Allow pinch-zooming.
+        r.ctrlKey || Me(f.current).activeElement !== f.current
+      )
+        return;
+      r.preventDefault();
+      const t = h(r) ?? le;
+      y(t, {
+        direction: r.deltaY > 0 ? -1 : 1,
+        event: r,
+        reason: "wheel"
+      });
+    }
+    return e.addEventListener("wheel", o), () => {
+      e.removeEventListener("wheel", o);
+    };
+  }, [Z, y, m, E, X, B, h]);
+  const Y = i.useMemo(() => ({
+    ...Q,
+    disabled: m,
+    readOnly: E,
+    required: v,
+    value: u,
+    inputValue: A,
+    scrubbing: _
+  }), [Q, m, E, v, u, A, _]), xe = i.useMemo(() => ({
+    inputRef: f,
+    inputValue: A,
+    value: u,
+    startAutoChange: ie,
+    stopAutoChange: b,
+    minWithDefault: R,
+    maxWithDefault: O,
+    disabled: m,
+    readOnly: E,
+    id: $,
+    setValue: H,
+    incrementValue: y,
+    getStepAmount: h,
+    allowInputSyncRef: I,
+    formatOptionsRef: W,
+    valueRef: P,
+    lastChangedValueRef: D,
+    hasPendingCommitRef: x,
+    isPressedRef: K,
+    intentionalTouchCheckTimeout: U,
+    movesAfterTouchRef: k,
+    name: V,
+    required: v,
+    invalid: J,
+    inputMode: re,
+    getAllowedNonNumericKeys: oe,
+    min: N,
+    max: M,
+    setInputValue: F,
+    locale: c,
+    isScrubbing: _,
+    setIsScrubbing: Ae,
+    state: Y,
+    onValueCommitted: G
+  }), [f, A, u, ie, b, R, O, m, E, $, H, y, h, I, W, P, D, x, K, U, k, V, v, J, re, oe, N, M, F, c, _, Y, G]), De = Ke("div", C, {
+    ref: p,
+    state: Y,
+    props: be,
+    stateAttributesMapping: Ue
+  });
+  return /* @__PURE__ */ et(Oe.Provider, {
+    value: xe,
+    children: [De, V && /* @__PURE__ */ tt("input", {
+      type: "hidden",
+      name: V,
+      ref: he,
+      value: u ?? "",
+      disabled: m,
+      required: v
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (rt.displayName = "NumberFieldRoot");
+function ce(L, C, p) {
+  return p?.maximumFractionDigits != null || p?.minimumFractionDigits != null ? T(L, C, p) : Xe(L, C, p);
+}
+export {
+  rt as NumberFieldRoot
+};

package/dist/als-react-ts-ui223.js

@@ -0,0 +1,25 @@
+import * as m from "react";
+import { useNumberFieldRootContext as s } from "./als-react-ts-ui498.js";
+import { stateAttributesMapping as i } from "./als-react-ts-ui499.js";
+import { useRenderElement as n } from "./als-react-ts-ui189.js";
+const p = /* @__PURE__ */ m.forwardRef(function(e, r) {
+  const {
+    render: l,
+    className: a,
+    ...t
+  } = e, {
+    state: o
+  } = s();
+  return n("div", e, {
+    ref: r,
+    state: o,
+    props: [{
+      role: "group"
+    }, t],
+    stateAttributesMapping: i
+  });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "NumberFieldGroup");
+export {
+  p as NumberFieldGroup
+};

package/dist/als-react-ts-ui224.js

@@ -0,0 +1,212 @@
+import * as v from "react";
+import { useNumberFieldRootContext as he } from "./als-react-ts-ui498.js";
+import { useFieldRootContext as Re } from "./als-react-ts-ui398.js";
+import { fieldValidityMapping as Ae } from "./als-react-ts-ui409.js";
+import { useField as Ce } from "./als-react-ts-ui403.js";
+import { useFormContext as be } from "./als-react-ts-ui402.js";
+import { useLabelableContext as De } from "./als-react-ts-ui399.js";
+import { DEFAULT_STEP as xe } from "./als-react-ts-ui501.js";
+import { parseNumber as T, getNumberLocaleDetails as Te, ANY_MINUS_DETECT_RE as P, ANY_MINUS_RE as Pe, ANY_PLUS_DETECT_RE as k, ANY_PLUS_RE as Ve, ARABIC_DETECT_RE as X, HAN_DETECT_RE as Z, FULLWIDTH_DETECT_RE as ee, PERSIAN_DETECT_RE as _e } from "./als-react-ts-ui500.js";
+import { stateAttributesMapping as Fe } from "./als-react-ts-ui499.js";
+import { useRenderElement as Ie } from "./als-react-ts-ui189.js";
+import { createChangeEventDetails as f, createGenericEventDetails as M } from "./als-react-ts-ui246.js";
+import { formatNumber as ke, formatNumberMaxPrecision as we } from "./als-react-ts-ui494.js";
+import { useValueChanged as Se } from "./als-react-ts-ui406.js";
+import { inputPaste as ve, keyboard as V, inputClear as K, inputChange as te, inputBlur as re } from "./als-react-ts-ui248.js";
+import { stopEvent as Me } from "./als-react-ts-ui295.js";
+const Ke = {
+  ...Ae,
+  ...Fe
+}, Le = /* @__PURE__ */ new Set(["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab", "Enter", "Escape"]), Ue = /* @__PURE__ */ v.forwardRef(function(L, ne) {
+  const {
+    render: Oe,
+    className: Be,
+    ...ie
+  } = L, {
+    allowInputSyncRef: C,
+    disabled: b,
+    formatOptionsRef: g,
+    getAllowedNonNumericKeys: U,
+    getStepAmount: ae,
+    id: H,
+    incrementValue: O,
+    inputMode: oe,
+    inputValue: i,
+    max: B,
+    min: Y,
+    name: G,
+    readOnly: D,
+    required: se,
+    setValue: u,
+    state: le,
+    setInputValue: x,
+    locale: c,
+    inputRef: W,
+    value: m,
+    onValueCommitted: N,
+    lastChangedValueRef: _,
+    hasPendingCommitRef: ue,
+    valueRef: F
+  } = he(), {
+    clearErrors: ce
+  } = be(), {
+    validationMode: q,
+    setTouched: me,
+    setFocused: $,
+    invalid: de,
+    shouldValidateOnChange: fe,
+    validation: p
+  } = Re(), {
+    labelId: pe
+  } = De(), j = v.useRef(!1), w = v.useRef(!1);
+  Ce({
+    id: H,
+    commit: p.commit,
+    value: m,
+    controlRef: W,
+    name: G,
+    getValue: () => m ?? null
+  }), Se(m, (e) => {
+    const t = fe();
+    if (ce(G), t && p.commit(m), !(e === m || t)) {
+      if (w.current) {
+        w.current = !1;
+        return;
+      }
+      p.commit(m, !0);
+    }
+  });
+  const Ee = {
+    id: H,
+    required: se,
+    disabled: b,
+    readOnly: D,
+    inputMode: oe,
+    value: i,
+    type: "text",
+    autoComplete: "off",
+    autoCorrect: "off",
+    spellCheck: "false",
+    "aria-roledescription": "Number field",
+    "aria-invalid": de || void 0,
+    "aria-labelledby": pe,
+    // If the server's locale does not match the client's locale, the formatting may not match,
+    // causing a hydration mismatch.
+    suppressHydrationWarning: !0,
+    onFocus(e) {
+      if (e.defaultPrevented || D || b || j.current)
+        return;
+      j.current = !0, $(!0);
+      const t = e.currentTarget, o = t.value.length;
+      t.setSelectionRange(o, o);
+    },
+    onBlur(e) {
+      if (e.defaultPrevented || D || b)
+        return;
+      me(!0), $(!1);
+      const t = !C.current, o = ue.current;
+      if (C.current = !0, i.trim() === "") {
+        u(null, f(K, e.nativeEvent)), q === "onBlur" && p.commit(null), N(null, M(K, e.nativeEvent));
+        return;
+      }
+      const a = g.current, l = T(i, c, a);
+      if (l === null)
+        return;
+      w.current = !0;
+      const n = a?.maximumFractionDigits != null || a?.minimumFractionDigits != null, y = a?.maximumFractionDigits, s = n && typeof y == "number" ? Number(l.toFixed(y)) : l, E = M(re, e.nativeEvent), d = m !== s, h = t || d || o;
+      q === "onBlur" && p.commit(s), d && u(s, f(re, e.nativeEvent)), h && N(s, E);
+      const R = ke(s, c, a), S = we(l, c, a);
+      !(!n && l === m && i === S) && i !== R && x(R);
+    },
+    onChange(e) {
+      if (e.nativeEvent.defaultPrevented)
+        return;
+      C.current = !1;
+      const t = e.target.value;
+      if (t.trim() === "") {
+        x(t), u(null, f(K, e.nativeEvent));
+        return;
+      }
+      const o = U();
+      if (!Array.from(t).every((n) => {
+        const y = n >= "0" && n <= "9", s = X.test(n), E = Z.test(n), d = _e.test(n), h = ee.test(n), R = P.test(n);
+        return y || s || E || d || h || R || o.has(n);
+      }))
+        return;
+      if (e.isTrusted) {
+        x(t);
+        const n = T(t, c, g.current);
+        n !== null && u(n, f(te, e.nativeEvent));
+        return;
+      }
+      const l = T(t, c, g.current);
+      l !== null && (x(t), u(l, f(te, e.nativeEvent)));
+    },
+    onKeyDown(e) {
+      if (e.defaultPrevented || D || b)
+        return;
+      const t = e.nativeEvent;
+      C.current = !0;
+      const o = U();
+      let a = o.has(e.key);
+      const {
+        decimal: l,
+        currency: n,
+        percentSign: y
+      } = Te(c, g.current), s = e.currentTarget.selectionStart, E = e.currentTarget.selectionEnd, d = s === 0 && E === i.length, h = (r) => s === r && E === r + 1;
+      if (P.test(e.key) && Array.from(o).some((r) => P.test(r || ""))) {
+        const r = i.search(Pe), A = r != null && r !== -1 && h(r);
+        a = !(P.test(i) || k.test(i)) || d || A;
+      }
+      if (k.test(e.key) && Array.from(o).some((r) => k.test(r || ""))) {
+        const r = i.search(Ve), A = r != null && r !== -1 && h(r);
+        a = !(P.test(i) || k.test(i)) || d || A;
+      }
+      [l, n, y].forEach((r) => {
+        if (e.key === r) {
+          const A = i.indexOf(r), ye = s === A && E === A + 1;
+          a = !i.includes(r) || d || ye;
+        }
+      });
+      const R = e.key >= "0" && e.key <= "9", S = X.test(e.key), z = Z.test(e.key), ge = ee.test(e.key), Ne = Le.has(e.key);
+      if (
+        // Allow composition events (e.g., pinyin)
+        // event.nativeEvent.isComposing does not work in Safari:
+        // https://bugs.webkit.org/show_bug.cgi?id=165004
+        e.which === 229 || e.altKey || e.ctrlKey || e.metaKey || a || R || S || ge || z || Ne
+      )
+        return;
+      const J = T(i, c, g.current), Q = ae(e) ?? xe;
+      Me(e);
+      const I = M(V, t);
+      e.key === "ArrowUp" ? (O(Q, {
+        direction: 1,
+        currentValue: J,
+        event: t,
+        reason: V
+      }), N(_.current ?? F.current, I)) : e.key === "ArrowDown" ? (O(Q, {
+        direction: -1,
+        currentValue: J,
+        event: t,
+        reason: V
+      }), N(_.current ?? F.current, I)) : e.key === "Home" && Y != null ? (u(Y, f(V, t)), N(_.current ?? F.current, I)) : e.key === "End" && B != null && (u(B, f(V, t)), N(_.current ?? F.current, I));
+    },
+    onPaste(e) {
+      if (e.defaultPrevented || D || b)
+        return;
+      e.preventDefault();
+      const o = (e.clipboardData || window.Clipboard).getData("text/plain"), a = T(o, c, g.current);
+      a !== null && (C.current = !1, u(a, f(ve, e.nativeEvent)), x(o));
+    }
+  };
+  return Ie("input", L, {
+    ref: [ne, W, p.inputRef],
+    state: le,
+    props: [Ee, p.getInputValidationProps(), ie],
+    stateAttributesMapping: Ke
+  });
+});
+process.env.NODE_ENV !== "production" && (Ue.displayName = "NumberFieldInput");
+export {
+  Ue as NumberFieldInput
+};