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

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

@@ -1,269 +1,41 @@
-import * as r from "react";
-import * as ke from "react-dom";
-import { useTimeout as J } from "./als-react-ts-ui195.js";
-import { useStableCallback as we } from "./als-react-ts-ui192.js";
-import { useId as Fe } from "./als-react-ts-ui325.js";
-import { useIsoLayoutEffect as Q } from "./als-react-ts-ui193.js";
-import { useAnimationFrame as Ae } from "./als-react-ts-ui346.js";
-import { useScrollLock as He } from "./als-react-ts-ui326.js";
-import { EMPTY_ARRAY as Ue } from "./als-react-ts-ui303.js";
-import { useMenuRootContext as De, MenuRootContext as Ke } from "./als-react-ts-ui465.js";
-import { useMenubarContext as Le } from "./als-react-ts-ui482.js";
-import { TYPEAHEAD_RESET_MS as _e } from "./als-react-ts-ui260.js";
-import { useDirection as Ve } from "./als-react-ts-ui285.js";
-import { useOpenInteractionType as Ye } from "./als-react-ts-ui327.js";
-import { createChangeEventDetails as qe } from "./als-react-ts-ui246.js";
-import { useContextMenuRootContext as je } from "./als-react-ts-ui464.js";
-import { MenuStore as Be } from "./als-react-ts-ui483.js";
-import { useMenuSubmenuRootContext as $e } from "./als-react-ts-ui475.js";
-import { jsx as W } from "react/jsx-runtime";
-import { useFloatingNodeId as ze, useFloatingParentNodeId as Ge, FloatingTree as Je } from "./als-react-ts-ui356.js";
-import { useSyncedFloatingRootContext as Qe } from "./als-react-ts-ui328.js";
-import { useDismiss as We } from "./als-react-ts-ui330.js";
-import { useRole as Xe } from "./als-react-ts-ui329.js";
-import { useListNavigation as Ze } from "./als-react-ts-ui391.js";
-import { useTypeahead as et } from "./als-react-ts-ui393.js";
-import { useInteractions as tt } from "./als-react-ts-ui263.js";
-import { useImplicitActiveTrigger as ot, useOpenStateTransitions as nt } from "./als-react-ts-ui261.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-ui248.js";
-import { mergeProps as pt } from "./als-react-ts-ui304.js";
-function Lt(Z) {
-  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()
-  });
-  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;
-      });
-    }
-  }, [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
-    };
-    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
-  });
-  return n.type === void 0 || n.type === "context-menu" ? /* @__PURE__ */ W(Je, {
-    externalTree: f,
-    children: B
-  }) : B;
-}
+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 {
-  Lt as MenuRoot
+  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-ui199.js

@@ -1,10 +1,234 @@
-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"
-};
+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 { 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 { jsxs as et, jsx as tt } from "react/jsx-runtime";
+import { getWindow as nt } from "./als-react-ts-ui320.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 {
-  e as default,
-  a as menubar
+  rt as NumberFieldRoot
 };

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

@@ -1,89 +1,25 @@
-import * as t from "react";
-import { useScrollLock as E } from "./als-react-ts-ui326.js";
-import { MenubarContext as R, useMenubarContext as x } from "./als-react-ts-ui482.js";
-import { useOpenInteractionType as F } from "./als-react-ts-ui327.js";
-import { CompositeRoot as T } from "./als-react-ts-ui484.js";
-import { useBaseUiId as P } from "./als-react-ts-ui249.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-ui356.js";
-const U = {
-  hasSubmenuOpen(i) {
-    return {
-      "data-has-submenu-open": i ? "true" : "false"
-    };
-  }
-}, j = /* @__PURE__ */ t.forwardRef(function(r, s) {
+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";
+const p = /* @__PURE__ */ m.forwardRef(function(e, r) {
   const {
-    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
-        })
-      })
-    })
+    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" && (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));
-    }
-    return s.on("menuopenchange", p), () => {
-      s.off("menuopenchange", p);
-    };
-  }, [s, r, e]), /* @__PURE__ */ a(A, {
-    id: r,
-    children: i.children
-  });
-}
+process.env.NODE_ENV !== "production" && (p.displayName = "NumberFieldGroup");
 export {
-  j as Menubar
+  p as NumberFieldGroup
 };