@als-tp/als-react-ts-ui 0.5.1 → 0.5.2

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

@@ -1,206 +1,10 @@
-import be from "./als-react-ts-ui242.js";
-import * as n from "react";
-import * as D from "react-dom";
-import { useTimeout as L } from "./als-react-ts-ui297.js";
-import { ownerDocument as B } from "./als-react-ts-ui352.js";
-import { useStableCallback as h } from "./als-react-ts-ui266.js";
-import { useIsoLayoutEffect as Te } from "./als-react-ts-ui267.js";
-import { EMPTY_OBJECT as xe } from "./als-react-ts-ui304.js";
-import { useMenuRootContext as G } from "./als-react-ts-ui472.js";
-import { pressableTriggerOpenStateMapping as H } from "./als-react-ts-ui227.js";
-import { useRenderElement as ye } from "./als-react-ts-ui226.js";
-import { useButton as Me } from "./als-react-ts-ui230.js";
-import { getPseudoElementBounds as Oe } from "./als-react-ts-ui410.js";
-import { CompositeItem as Re } from "./als-react-ts-ui487.js";
-import { useCompositeRootContext as he } from "./als-react-ts-ui322.js";
-import { findRootOwnerId as Ee } from "./als-react-ts-ui473.js";
-import { useBaseUiId as ve } from "./als-react-ts-ui232.js";
-import { useMixedToggleClickHandler as Ce } from "./als-react-ts-ui488.js";
-import { useContextMenuRootContext as Ie } from "./als-react-ts-ui471.js";
-import { useMenubarContext as Fe } from "./als-react-ts-ui447.js";
-import { PATIENT_CLICK_THRESHOLD as Pe } from "./als-react-ts-ui243.js";
-import { FocusGuard as A } from "./als-react-ts-ui360.js";
-import { createChangeEventDetails as U } from "./als-react-ts-ui229.js";
-import { jsx as g, jsxs as Se } from "react/jsx-runtime";
-import { useFloatingTree as we, useFloatingNodeId as ke, useFloatingParentNodeId as Ne } from "./als-react-ts-ui364.js";
-import { FloatingTreeStore as De } from "./als-react-ts-ui368.js";
-import { useHoverReferenceInteraction as Be } from "./als-react-ts-ui377.js";
-import { safePolygon as He } from "./als-react-ts-ui383.js";
-import { useClick as Ae } from "./als-react-ts-ui245.js";
-import { useFocus as Ue } from "./als-react-ts-ui374.js";
-import { useInteractions as _e } from "./als-react-ts-ui246.js";
-import { getTabbableBeforeElement as Le, isOutsideEvent as Ge, getTabbableAfterElement as Ye, getNextTabbable as je } from "./als-react-ts-ui366.js";
-import { useTriggerDataForwarding as Ke } from "./als-react-ts-ui244.js";
-import { contains as E } from "./als-react-ts-ui312.js";
-import { cancelOpen as Ve, triggerHover as Xe, focusOut as _ } from "./als-react-ts-ui231.js";
-const T = 2, $e = /* @__PURE__ */ n.forwardRef(function(c, u) {
-  const {
-    render: d,
-    className: f,
-    disabled: Y = !1,
-    nativeButton: j = !0,
-    id: K,
-    openOnHover: V,
-    delay: X = 100,
-    closeDelay: v = 0,
-    handle: $,
-    payload: J,
-    ...q
-  } = c, z = G(!0), e = $?.store ?? z?.store;
-  if (!e)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.Trigger> must be either used within a <Menu.Root> component or provided with a handle." : be(85));
-  const l = ve(K), Q = e.useState("isTriggerActive", l), x = e.useState("floatingRootContext"), s = e.useState("isOpenedByTrigger", l), [y, W] = n.useState(null), t = qe(), Z = he(!0), C = we(), b = n.useMemo(() => C ?? new De(), [C]), ee = ke(b), te = Ne(), {
-    registerTrigger: oe,
-    isMountedByThisTrigger: I
-  } = Ke(l, y, e, {
-    payload: J,
-    closeDelay: v,
-    parent: t,
-    floatingTreeRoot: b,
-    floatingNodeId: ee,
-    floatingParentNodeId: te,
-    keyboardEventRelay: Z?.relayKeyboardEvent
-  }), re = e.useState("disabled"), p = Y || re || t.type === "menubar" && t.context.disabled, {
-    getButtonProps: ne,
-    buttonRef: se
-  } = Me({
-    disabled: p,
-    native: j
-  });
-  n.useEffect(() => {
-    !s && t.type === void 0 && (e.context.allowMouseUpTriggerRef.current = !1);
-  }, [e, s, t.type]);
-  const m = n.useRef(null), F = L(), M = h((o) => {
-    if (!m.current)
-      return;
-    F.clear(), e.context.allowMouseUpTriggerRef.current = !1;
-    const i = o.target;
-    if (E(m.current, i) || E(e.select("positionerElement"), i) || i === m.current || i != null && Ee(i) === e.select("rootId"))
-      return;
-    const r = Oe(m.current);
-    o.clientX >= r.left - T && o.clientX <= r.right + T && o.clientY >= r.top - T && o.clientY <= r.bottom + T || b.events.emit("close", {
-      domEvent: o,
-      reason: Ve
-    });
-  });
-  n.useEffect(() => {
-    s && e.select("lastOpenChangeReason") === Xe && B(m.current).addEventListener("mouseup", M, {
-      once: !0
-    });
-  }, [s, M, e]);
-  const O = t.type === "menubar" && t.context.hasSubmenuOpen, ie = Be(x, {
-    enabled: (V ?? O ?? !1) && !p && t.type !== "context-menu" && (t.type !== "menubar" || O && !I),
-    handleClose: He({
-      blockPointerEvents: t.type !== "menubar"
-    }),
-    mouseOnly: !0,
-    move: !1,
-    restMs: t.type === void 0 ? X : void 0,
-    delay: {
-      close: v
-    },
-    triggerElement: y,
-    externalTree: b,
-    isActiveTrigger: Q
-  }), ue = Je(s, e.select("lastOpenChangeReason")), ae = Ae(x, {
-    enabled: !p && t.type !== "context-menu",
-    event: s && t.type === "menubar" ? "click" : "mousedown",
-    toggle: !0,
-    ignoreMouse: !1,
-    stickIfOpen: t.type === void 0 ? ue : !1
-  }), ce = Ue(x, {
-    enabled: !p && (t.type !== "menubar" && s || O)
-  }), le = Ce({
-    open: s,
-    enabled: t.type === "menubar",
-    mouseDownAction: "open"
-  }), pe = _e([ae, ce]), R = t.type === "menubar", P = n.useMemo(() => ({
-    disabled: p,
-    open: s
-  }), [p, s]), me = e.useState("triggerProps", I), S = [m, u, se, oe, W], w = [pe.getReferenceProps(), ie ?? xe, me, {
-    "aria-haspopup": "menu",
-    id: l,
-    onMouseDown: (o) => {
-      if (e.select("open"))
-        return;
-      F.start(200, () => {
-        e.context.allowMouseUpTriggerRef.current = !0;
-      }), B(o.currentTarget).addEventListener("mouseup", M, {
-        once: !0
-      });
-    }
-  }, R ? {
-    role: "menuitem"
-  } : {}, le, q, ne], k = n.useRef(null), fe = h((o) => {
-    D.flushSync(() => {
-      e.setOpen(!1, U(_, o.nativeEvent, o.currentTarget));
-    }), Le(k.current)?.focus();
-  }), ge = h((o) => {
-    const i = e.select("positionerElement");
-    if (i && Ge(o, i))
-      e.context.beforeContentFocusGuardRef.current?.focus();
-    else {
-      D.flushSync(() => {
-        e.setOpen(!1, U(_, o.nativeEvent, o.currentTarget));
-      });
-      let r = Ye(y);
-      for (; r !== null && E(i, r) || r?.hasAttribute("aria-hidden"); ) {
-        const de = r;
-        if (r = je(r), r === de)
-          break;
-      }
-      r?.focus();
-    }
-  }), N = ye("button", c, {
-    enabled: !R,
-    stateAttributesMapping: H,
-    state: P,
-    ref: S,
-    props: w
-  });
-  return R ? /* @__PURE__ */ g(Re, {
-    tag: "button",
-    render: d,
-    className: f,
-    state: P,
-    refs: S,
-    props: w,
-    stateAttributesMapping: H
-  }) : s ? /* @__PURE__ */ Se(n.Fragment, {
-    children: [/* @__PURE__ */ g(A, {
-      ref: k,
-      onFocus: fe
-    }, `${l}-pre-focus-guard`), /* @__PURE__ */ g(n.Fragment, {
-      children: N
-    }, l), /* @__PURE__ */ g(A, {
-      ref: e.context.triggerFocusTargetRef,
-      onFocus: ge
-    }, `${l}-post-focus-guard`)]
-  }) : /* @__PURE__ */ g(n.Fragment, {
-    children: N
-  }, l);
-});
-process.env.NODE_ENV !== "production" && ($e.displayName = "MenuTrigger");
-function Je(a, c) {
-  const u = L(), [d, f] = n.useState(!1);
-  return Te(() => {
-    a && c === "trigger-hover" ? (f(!0), u.start(Pe, () => {
-      f(!1);
-    })) : a || (u.clear(), f(!1));
-  }, [a, c, u]), d;
-}
-function qe() {
-  const a = Ie(!0), c = G(!0), u = Fe(!0);
-  return n.useMemo(() => u ? {
-    type: "menubar",
-    context: u
-  } : a && !c ? {
-    type: "context-menu",
-    context: a
-  } : {
-    type: void 0
-  }, [a, c, u]);
-}
+const a = "_menubar_swhih_5", e = {
+  menubar: a,
+  "menubar--horizontal": "_menubar--horizontal_swhih_15",
+  "menubar--vertical": "_menubar--vertical_swhih_20",
+  "menubar--disabled": "_menubar--disabled_swhih_26"
+};
 export {
-  $e as MenuTrigger
+  e as default,
+  a as menubar
 };

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

@@ -1,269 +1,89 @@
-import * as r from "react";
-import * as ke from "react-dom";
-import { useTimeout as J } from "./als-react-ts-ui297.js";
-import { useStableCallback as we } from "./als-react-ts-ui266.js";
-import { useId as Fe } from "./als-react-ts-ui306.js";
-import { useIsoLayoutEffect as Q } from "./als-react-ts-ui267.js";
-import { useAnimationFrame as Ae } from "./als-react-ts-ui346.js";
-import { useScrollLock as He } from "./als-react-ts-ui307.js";
-import { EMPTY_ARRAY as Ue } from "./als-react-ts-ui304.js";
-import { useMenuRootContext as De, MenuRootContext as Ke } from "./als-react-ts-ui472.js";
-import { useMenubarContext as Le } from "./als-react-ts-ui447.js";
-import { TYPEAHEAD_RESET_MS as _e } from "./als-react-ts-ui243.js";
-import { useDirection as Ve } from "./als-react-ts-ui270.js";
-import { useOpenInteractionType as Ye } from "./als-react-ts-ui308.js";
-import { createChangeEventDetails as qe } from "./als-react-ts-ui229.js";
-import { useContextMenuRootContext as je } from "./als-react-ts-ui471.js";
-import { MenuStore as Be } from "./als-react-ts-ui486.js";
-import { useMenuSubmenuRootContext as $e } from "./als-react-ts-ui482.js";
-import { jsx as W } from "react/jsx-runtime";
-import { useFloatingNodeId as ze, useFloatingParentNodeId as Ge, FloatingTree as Je } from "./als-react-ts-ui364.js";
-import { useSyncedFloatingRootContext as Qe } from "./als-react-ts-ui309.js";
-import { useDismiss as We } from "./als-react-ts-ui311.js";
-import { useRole as Xe } from "./als-react-ts-ui310.js";
-import { useListNavigation as Ze } from "./als-react-ts-ui380.js";
-import { useTypeahead as et } from "./als-react-ts-ui382.js";
-import { useInteractions as tt } from "./als-react-ts-ui246.js";
-import { useImplicitActiveTrigger as ot, useOpenStateTransitions as nt } from "./als-react-ts-ui244.js";
-import { triggerHover as O, triggerFocus as X, triggerPress as rt, itemPress as st, focusOut as it, listNavigation as at, siblingOpen as ut, escapeKey as ct, imperativeAction as lt } from "./als-react-ts-ui231.js";
-import { mergeProps as pt } from "./als-react-ts-ui305.js";
-function Lt(Z) {
+import * as t from "react";
+import { useScrollLock as E } from "./als-react-ts-ui325.js";
+import { MenubarContext as R, useMenubarContext as x } from "./als-react-ts-ui478.js";
+import { useOpenInteractionType as F } from "./als-react-ts-ui326.js";
+import { CompositeRoot as T } from "./als-react-ts-ui479.js";
+import { useBaseUiId as P } from "./als-react-ts-ui276.js";
+import { jsx as a } from "react/jsx-runtime";
+import { FloatingTree as y, useFloatingNodeId as H, useFloatingTree as w, FloatingNode as A } from "./als-react-ts-ui352.js";
+const U = {
+  hasSubmenuOpen(i) {
+    return {
+      "data-has-submenu-open": i ? "true" : "false"
+    };
+  }
+}, j = /* @__PURE__ */ t.forwardRef(function(r, s) {
   const {
-    children: C,
-    open: ee,
-    onOpenChange: te,
-    onOpenChangeComplete: oe,
-    defaultOpen: ne = !1,
-    disabled: re = !1,
-    modal: N,
-    loopFocus: se = !0,
-    orientation: ie = "vertical",
-    actionsRef: ae,
-    closeParentOnEsc: ue = !0,
-    handle: ce,
-    triggerId: le,
-    defaultTriggerId: pe = null
-  } = Z, u = je(!0), a = De(!0), v = Le(!0), k = $e(), T = r.useMemo(() => k && a ? {
-    type: "menu",
-    store: a.store
-  } : v ? {
-    type: "menubar",
-    context: v
-  } : u && !a ? {
-    type: "context-menu",
-    context: u
-  } : {
-    type: void 0
-  }, [u, a, v, k]), e = Be.useStore(ce?.store, {
-    parent: T
-  }), f = e.useState("floatingTreeRoot"), b = ze(f), I = Ge();
-  Q(() => {
-    u && !a ? e.update({
-      parent: {
-        type: "context-menu",
-        context: u
-      },
-      floatingNodeId: b,
-      floatingParentNodeId: I
-    }) : a && e.update({
-      floatingNodeId: b,
-      floatingParentNodeId: I
-    });
-  }, [u, a, b, I, e]), e.useControlledProp("open", ee, ne), e.useControlledProp("activeTriggerId", le, pe), e.useContextCallback("onOpenChangeComplete", oe);
-  const i = e.useState("open"), w = e.useState("activeTriggerElement"), x = e.useState("positionerElement"), F = e.useState("hoverEnabled"), de = e.useState("modal"), A = e.useState("disabled"), me = e.useState("lastOpenChangeReason"), n = e.useState("parent"), l = e.useState("activeIndex"), fe = e.useState("payload"), ge = e.useState("floatingParentNodeId"), E = r.useRef(null), P = ge != null;
-  let p;
-  process.env.NODE_ENV !== "production" && n.type !== void 0 && N !== void 0 && console.warn("Base UI: The `modal` prop is not supported on nested menus. It will be ignored."), e.useSyncedValues({
-    disabled: re,
-    modal: n.type === void 0 ? N : void 0,
-    rootId: Fe()
+    orientation: e = "horizontal",
+    loopFocus: p = !0,
+    render: o,
+    className: b,
+    modal: u = !0,
+    disabled: f = !1,
+    id: h,
+    ...g
+  } = r, [c, l] = t.useState(null), [n, M] = t.useState(!1), {
+    openMethod: O,
+    triggerProps: S,
+    reset: d
+  } = F(n);
+  t.useEffect(() => {
+    n || d();
+  }, [n, d]), E(u && n && O !== "touch", c);
+  const m = P(h), I = t.useMemo(() => ({
+    orientation: e,
+    modal: u,
+    hasSubmenuOpen: n
+  }), [e, u, n]), N = t.useRef(null), v = t.useRef(!1), C = t.useMemo(() => ({
+    contentElement: c,
+    setContentElement: l,
+    setHasSubmenuOpen: M,
+    hasSubmenuOpen: n,
+    modal: u,
+    disabled: f,
+    orientation: e,
+    allowMouseUpTriggerRef: v,
+    rootId: m
+  }), [c, n, u, f, e, m]);
+  return /* @__PURE__ */ a(R.Provider, {
+    value: C,
+    children: /* @__PURE__ */ a(y, {
+      children: /* @__PURE__ */ a(k, {
+        children: /* @__PURE__ */ a(T, {
+          render: o,
+          className: b,
+          state: I,
+          stateAttributesMapping: U,
+          refs: [s, l, N],
+          props: [{
+            role: "menubar",
+            id: m
+          }, S, g],
+          orientation: e,
+          loopFocus: p,
+          highlightItemOnHover: n
+        })
+      })
+    })
   });
-  const {
-    openMethod: ye,
-    triggerProps: H,
-    reset: Ce
-  } = Ye(i);
-  ot(e);
-  const {
-    forceUnmount: U
-  } = nt(i, e, () => {
-    e.update({
-      allowMouseEnter: !1,
-      stickIfOpen: !0
-    }), Ce();
-  }), h = r.useRef(n.type !== "context-menu"), R = J();
-  r.useEffect(() => {
-    if (i || (E.current = null), n.type === "context-menu") {
-      if (!i) {
-        R.clear(), h.current = !1;
-        return;
-      }
-      R.start(500, () => {
-        h.current = !0;
-      });
+});
+process.env.NODE_ENV !== "production" && (j.displayName = "Menubar");
+function k(i) {
+  const r = H(), {
+    events: s
+  } = w(), e = x();
+  return t.useEffect(() => {
+    function p(o) {
+      !o.nodeId || o.parentNodeId !== r || (o.open ? e.hasSubmenuOpen || e.setHasSubmenuOpen(!0) : o.reason !== "sibling-open" && o.reason !== "list-navigation" && e.setHasSubmenuOpen(!1));
     }
-  }, [R, i, n.type]), He(i && de && me !== O && ye !== "touch", x), Q(() => {
-    !i && !F && e.set("hoverEnabled", !0);
-  }, [i, F, e]);
-  const g = r.useRef(!0), D = J(), d = we((t, o) => {
-    const s = o.reason;
-    if (i === t && o.trigger === w || (o.preventUnmountOnClose = () => {
-      e.set("preventUnmountingOnClose", !0);
-    }, !t && o.trigger == null && (o.trigger = w ?? void 0), te?.(t, o), o.isCanceled))
-      return;
-    const S = {
-      open: t,
-      nativeEvent: o.event,
-      reason: o.reason,
-      nested: P
+    return s.on("menuopenchange", p), () => {
+      s.off("menuopenchange", p);
     };
-    p?.emit("openchange", S);
-    const y = o.event;
-    if (t === !1 && y?.type === "click" && y.pointerType === "touch" && !g.current)
-      return;
-    if (!t && l !== null) {
-      const m = e.context.itemDomElements.current[l];
-      queueMicrotask(() => {
-        m?.setAttribute("tabindex", "-1");
-      });
-    }
-    t && s === X ? (g.current = !1, D.start(300, () => {
-      g.current = !0;
-    })) : (g.current = !0, D.clear());
-    const $ = (s === rt || s === st) && y.detail === 0 && y?.isTrusted, Ne = !t && (s === ct || s == null);
-    function z() {
-      const m = {
-        open: t,
-        openChangeReason: s
-      };
-      E.current = o.event ?? null;
-      const G = o.trigger?.id ?? null;
-      (G || t) && (m.activeTriggerId = G, m.activeTriggerElement = o.trigger ?? null), e.update(m);
-    }
-    s === O ? ke.flushSync(z) : z(), n.type === "menubar" && (s === X || s === it || s === O || s === at || s === ut) ? e.set("instantType", "group") : $ || Ne ? e.set("instantType", $ ? "click" : "dismiss") : e.set("instantType", void 0);
-  }), K = r.useCallback((t) => {
-    const o = qe(t);
-    return o.preventUnmountOnClose = () => {
-      e.set("preventUnmountingOnClose", !0);
-    }, o;
-  }, [e]), L = r.useCallback(() => {
-    e.setOpen(!1, K(lt));
-  }, [e, K]);
-  r.useImperativeHandle(ae, () => ({
-    unmount: U,
-    close: L
-  }), [U, L]);
-  let M;
-  n.type === "context-menu" && (M = n.context), r.useImperativeHandle(M?.positionerRef, () => x, [x]), r.useImperativeHandle(M?.actionsRef, () => ({
-    setOpen: d
-  }), [d]);
-  const c = Qe({
-    popupStore: e,
-    onOpenChange: d
-  });
-  p = c.context.events, r.useEffect(() => {
-    const t = ({
-      open: o,
-      eventDetails: s
-    }) => d(o, s);
-    return p.on("setOpen", t), () => {
-      p?.off("setOpen", t);
-    };
-  }, [p, d]);
-  const ve = We(c, {
-    enabled: !A,
-    bubbles: ue && n.type === "menu",
-    outsidePress() {
-      return n.type !== "context-menu" || E.current?.type === "contextmenu" ? !0 : h.current;
-    },
-    externalTree: P ? f : void 0
-  }), Te = Xe(c, {
-    role: "menu"
-  }), be = Ve(), Ie = r.useCallback((t) => {
-    e.select("activeIndex") !== t && e.set("activeIndex", t);
-  }, [e]), xe = Ze(c, {
-    enabled: !A,
-    listRef: e.context.itemDomElements,
-    activeIndex: l,
-    nested: n.type !== void 0,
-    loopFocus: se,
-    orientation: ie,
-    parentOrientation: n.type === "menubar" ? n.context.orientation : void 0,
-    rtl: be === "rtl",
-    disabledIndices: Ue,
-    onNavigate: Ie,
-    openOnArrowKeyDown: n.type !== "context-menu",
-    externalTree: P ? f : void 0
-  }), Ee = r.useCallback((t) => {
-    e.context.typingRef.current = t;
-  }, [e]), Pe = et(c, {
-    listRef: e.context.itemLabels,
-    activeIndex: l,
-    resetMs: _e,
-    onMatch: (t) => {
-      i && t !== l && e.set("activeIndex", t);
-    },
-    onTypingChange: Ee
-  }), {
-    getReferenceProps: _,
-    getFloatingProps: V,
-    getItemProps: Y,
-    getTriggerProps: q
-  } = tt([ve, Te, xe, Pe]), he = r.useMemo(() => {
-    const t = pt(_(), {
-      onMouseEnter() {
-        e.set("hoverEnabled", !0);
-      },
-      onMouseMove() {
-        e.set("allowMouseEnter", !0);
-      }
-    }, H);
-    return delete t.role, t;
-  }, [_, e, H]), Re = r.useMemo(() => {
-    const t = q();
-    if (!t)
-      return t;
-    const {
-      role: o,
-      ["aria-controls"]: s,
-      ...S
-    } = t;
-    return S;
-  }, [q]), j = Ae(), Me = r.useMemo(() => V({
-    onMouseEnter() {
-      n.type === "menu" && j.request(() => e.set("hoverEnabled", !1));
-    },
-    onMouseMove() {
-      e.set("allowMouseEnter", !0);
-    },
-    onClick() {
-      e.select("hoverEnabled") && e.set("hoverEnabled", !1);
-    },
-    onKeyDown(t) {
-      const o = e.select("keyboardEventRelay");
-      o && !t.isPropagationStopped() && o(t);
-    }
-  }), [V, n.type, j, e]), Se = r.useMemo(() => Y(), [Y]);
-  e.useSyncedValues({
-    floatingRootContext: c,
-    activeTriggerProps: he,
-    inactiveTriggerProps: Re,
-    popupProps: Me,
-    itemProps: Se
-  });
-  const Oe = r.useMemo(() => ({
-    store: e,
-    parent: T
-  }), [e, T]), B = /* @__PURE__ */ W(Ke.Provider, {
-    value: Oe,
-    children: typeof C == "function" ? C({
-      payload: fe
-    }) : C
+  }, [s, r, e]), /* @__PURE__ */ a(A, {
+    id: r,
+    children: i.children
   });
-  return n.type === void 0 || n.type === "context-menu" ? /* @__PURE__ */ W(Je, {
-    externalTree: f,
-    children: B
-  }) : B;
 }
 export {
-  Lt as MenuRoot
+  j as Menubar
 };

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

@@ -1,25 +1,25 @@
 import * as i from "react";
-import { useControlled as Fe } from "./als-react-ts-ui265.js";
-import { useStableCallback as d } from "./als-react-ts-ui266.js";
-import { useTimeout as ue } from "./als-react-ts-ui297.js";
-import { useInterval as Te } from "./als-react-ts-ui489.js";
-import { useIsoLayoutEffect as j } from "./als-react-ts-ui267.js";
-import { useValueAsRef as ae } from "./als-react-ts-ui318.js";
-import { useForcedRerendering as Le } from "./als-react-ts-ui440.js";
-import { ownerDocument as Me } from "./als-react-ts-ui352.js";
-import { isIOS as we } from "./als-react-ts-ui351.js";
-import { NumberFieldRootContext as Oe } from "./als-react-ts-ui490.js";
+import { useControlled as Fe } from "./als-react-ts-ui292.js";
+import { useStableCallback as d } from "./als-react-ts-ui223.js";
+import { useTimeout as ue } from "./als-react-ts-ui226.js";
+import { useInterval as Te } from "./als-react-ts-ui494.js";
+import { useIsoLayoutEffect as j } from "./als-react-ts-ui224.js";
+import { useValueAsRef as ae } from "./als-react-ts-ui336.js";
+import { useForcedRerendering as Le } from "./als-react-ts-ui446.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-ui495.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-ui491.js";
-import { useRenderElement as Ke } from "./als-react-ts-ui226.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-ui492.js";
-import { formatNumber as T, formatNumberMaxPrecision as Xe } from "./als-react-ts-ui484.js";
-import { START_AUTO_CHANGE_DELAY as Ze, CHANGE_VALUE_TICK_DELAY as ze, DEFAULT_STEP as le } from "./als-react-ts-ui493.js";
-import { toValidatedNumber as Je } from "./als-react-ts-ui494.js";
-import { createChangeEventDetails as Qe, createGenericEventDetails as $e } from "./als-react-ts-ui229.js";
+import { stateAttributesMapping as Ue } from "./als-react-ts-ui496.js";
+import { useRenderElement as Ke } from "./als-react-ts-ui220.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-ui497.js";
+import { formatNumber as T, formatNumberMaxPrecision as Xe } from "./als-react-ts-ui491.js";
+import { START_AUTO_CHANGE_DELAY as Ze, CHANGE_VALUE_TICK_DELAY as ze, DEFAULT_STEP as le } from "./als-react-ts-ui498.js";
+import { toValidatedNumber as Je } from "./als-react-ts-ui499.js";
+import { createChangeEventDetails as Qe, createGenericEventDetails as $e } from "./als-react-ts-ui273.js";
 import { jsxs as et, jsx as tt } from "react/jsx-runtime";
-import { getWindow as nt } from "./als-react-ts-ui320.js";
+import { getWindow as nt } from "./als-react-ts-ui338.js";
 const rt = /* @__PURE__ */ i.forwardRef(function(C, p) {
   const {
     id: q,

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

@@ -1,7 +1,7 @@
 import * as m from "react";
-import { useNumberFieldRootContext as s } from "./als-react-ts-ui490.js";
-import { stateAttributesMapping as i } from "./als-react-ts-ui491.js";
-import { useRenderElement as n } from "./als-react-ts-ui226.js";
+import { useNumberFieldRootContext as s } from "./als-react-ts-ui495.js";
+import { stateAttributesMapping as i } from "./als-react-ts-ui496.js";
+import { useRenderElement as n } from "./als-react-ts-ui220.js";
 const p = /* @__PURE__ */ m.forwardRef(function(e, r) {
   const {
     render: l,

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

@@ -1,19 +1,19 @@
 import * as v from "react";
-import { useNumberFieldRootContext as he } from "./als-react-ts-ui490.js";
+import { useNumberFieldRootContext as he } from "./als-react-ts-ui495.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-ui493.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-ui492.js";
-import { stateAttributesMapping as Fe } from "./als-react-ts-ui491.js";
-import { useRenderElement as Ie } from "./als-react-ts-ui226.js";
-import { createChangeEventDetails as f, createGenericEventDetails as M } from "./als-react-ts-ui229.js";
-import { formatNumber as ke, formatNumberMaxPrecision as we } from "./als-react-ts-ui484.js";
+import { DEFAULT_STEP as xe } from "./als-react-ts-ui498.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-ui497.js";
+import { stateAttributesMapping as Fe } from "./als-react-ts-ui496.js";
+import { useRenderElement as Ie } from "./als-react-ts-ui220.js";
+import { createChangeEventDetails as f, createGenericEventDetails as M } from "./als-react-ts-ui273.js";
+import { formatNumber as ke, formatNumberMaxPrecision as we } from "./als-react-ts-ui491.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-ui231.js";
-import { stopEvent as Me } from "./als-react-ts-ui280.js";
+import { inputPaste as ve, keyboard as V, inputClear as K, inputChange as te, inputBlur as re } from "./als-react-ts-ui275.js";
+import { stopEvent as Me } from "./als-react-ts-ui305.js";
 const Ke = {
   ...Ae,
   ...Fe