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

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

@@ -1,84 +1,38 @@
-import * as w from "react";
-import { useIsoLayoutEffect as I } from "./als-react-ts-ui193.js";
-import { useId as M } from "./als-react-ts-ui325.js";
-import { inertValue as P } from "./als-react-ts-ui256.js";
-import { useRenderElement as F } from "./als-react-ts-ui189.js";
-import { useNavigationMenuRootContext as x } from "./als-react-ts-ui521.js";
-import { FocusGuard as v } from "./als-react-ts-ui358.js";
-import { getEmptyRootContext as y } from "./als-react-ts-ui395.js";
-import { useNavigationMenuPositionerContext as b } from "./als-react-ts-ui530.js";
-import { jsx as o, jsxs as B } from "react/jsx-runtime";
-import { contains as _ } from "./als-react-ts-ui331.js";
-import { isOutsideEvent as T, getNextTabbable as j, getPreviousTabbable as G } from "./als-react-ts-ui361.js";
-const D = y();
-function N({
-  children: s
-}) {
+import * as i from "react";
+import { useNavigationMenuPositionerContext as c } from "./als-react-ts-ui516.js";
+import { useNavigationMenuRootContext as d } from "./als-react-ts-ui507.js";
+import { popupStateMapping as f } from "./als-react-ts-ui271.js";
+import { useRenderElement as l } from "./als-react-ts-ui220.js";
+const N = /* @__PURE__ */ i.forwardRef(function(e, a) {
   const {
-    beforeInsideRef: r,
-    beforeOutsideRef: f,
-    afterInsideRef: p,
-    afterOutsideRef: d,
-    positionerElement: n,
-    viewportElement: a,
-    floatingRootContext: u
-  } = x(), c = !!b(!0), e = n || a;
-  return !u && !c ? s : /* @__PURE__ */ B(w.Fragment, {
-    children: [/* @__PURE__ */ o(v, {
-      ref: r,
-      onFocus: (t) => {
-        e && T(t, e) ? j(e)?.focus() : f.current?.focus();
-      }
-    }), s, /* @__PURE__ */ o(v, {
-      ref: p,
-      onFocus: (t) => {
-        e && T(t, e) ? G(e)?.focus() : d.current?.focus();
-      }
-    })]
-  });
-}
-const L = /* @__PURE__ */ w.forwardRef(function(r, f) {
-  const {
-    className: p,
-    render: d,
-    children: n,
-    id: a,
-    ...u
-  } = r, c = M(a), {
-    setViewportElement: e,
-    setViewportTargetElement: t,
-    floatingRootContext: V,
-    prevTriggerElementRef: g,
-    viewportInert: h,
-    setViewportInert: O
-  } = x(), m = !!b(!0), i = (V || D).useState("domReferenceElement");
-  I(() => {
-    i && (g.current = i);
-  }, [i, g]);
-  const E = F("div", r, {
-    ref: [f, e],
+    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: [{
-      id: c,
-      onBlur(R) {
-        const l = R.relatedTarget, C = R.currentTarget;
-        l && !_(C, l) && l !== i && O(!0);
-      },
-      ...!m && h && {
-        inert: P(!0)
-      },
-      children: m ? n : /* @__PURE__ */ o(N, {
-        children: /* @__PURE__ */ o("div", {
-          ref: t,
-          children: n
-        })
-      })
-    }, u]
+      style: m,
+      "aria-hidden": !0
+    }, s],
+    stateAttributesMapping: f
   });
-  return m ? /* @__PURE__ */ o(N, {
-    children: E
-  }) : E;
 });
-process.env.NODE_ENV !== "production" && (L.displayName = "NavigationMenuViewport");
+process.env.NODE_ENV !== "production" && (N.displayName = "NavigationMenuArrow");
 export {
-  L as NavigationMenuViewport
+  N as NavigationMenuArrow
 };

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

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

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

@@ -1,39 +1,24 @@
-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) {
+import * as i from "react";
+import { useNavigationMenuRootContext as u } from "./als-react-ts-ui507.js";
+import { NavigationMenuPortalContext as l } from "./als-react-ts-ui515.js";
+import { jsx as t } from "react/jsx-runtime";
+import { FloatingPortal as s } from "./als-react-ts-ui285.js";
+const f = /* @__PURE__ */ i.forwardRef(function(r, e) {
   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
-  });
+    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 = "NavigationMenuBackdrop");
+process.env.NODE_ENV !== "production" && (f.displayName = "NavigationMenuPortal");
 export {
-  f as NavigationMenuBackdrop
+  f as NavigationMenuPortal
 };

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

@@ -1,24 +1,57 @@
-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) {
+import R from "./als-react-ts-ui286.js";
+import * as P from "react";
+import { createElement as d } from "react";
+import { useMergedRefs as p, useMergedRefsN as b } from "./als-react-ts-ui297.js";
+import { getReactElementRef as y } from "./als-react-ts-ui317.js";
+import { mergeObjects as g } from "./als-react-ts-ui318.js";
+import { getStateAttributesProps as A } from "./als-react-ts-ui319.js";
+import { resolveClassName as M } from "./als-react-ts-ui320.js";
+import { resolveStyle as k } from "./als-react-ts-ui321.js";
+import { EMPTY_OBJECT as f } from "./als-react-ts-ui322.js";
+import { mergePropsN as v, mergeClassNames as C, mergeProps as O } from "./als-react-ts-ui323.js";
+function Y(r, e, t = {}) {
+  const i = e.render, o = w(e, t);
+  if (t.enabled === !1)
+    return null;
+  const m = t.state ?? f;
+  return B(r, i, o, m);
+}
+function w(r, e = {}) {
   const {
-    keepMounted: o = !1,
-    ...n
+    className: t,
+    style: i,
+    render: o
   } = 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");
+    state: m = f,
+    ref: u,
+    props: a,
+    stateAttributesMapping: E,
+    enabled: s = !0
+  } = e, l = s ? M(t, m) : void 0, c = s ? k(i, m) : void 0, N = s ? A(m, E) : f, n = s ? g(N, Array.isArray(a) ? v(a) : a) ?? f : f;
+  return typeof document < "u" && (s ? Array.isArray(u) ? n.ref = b([n.ref, y(o), ...u]) : n.ref = p(n.ref, y(o), u) : p(null, null)), s ? (l !== void 0 && (n.className = C(n.className, l)), c !== void 0 && (n.style = g(n.style, c)), n) : f;
+}
+function B(r, e, t, i) {
+  if (e) {
+    if (typeof e == "function")
+      return e(t, i);
+    const o = O(t, e.props);
+    return o.ref = t.ref, /* @__PURE__ */ P.cloneElement(e, o);
+  }
+  if (r && typeof r == "string")
+    return S(r, t);
+  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: Render element or function are not defined." : R(8));
+}
+function S(r, e) {
+  return r === "button" ? /* @__PURE__ */ d("button", {
+    type: "button",
+    ...e,
+    key: e.key
+  }) : r === "img" ? /* @__PURE__ */ d("img", {
+    alt: "",
+    ...e,
+    key: e.key
+  }) : /* @__PURE__ */ P.createElement(r, e);
+}
 export {
-  f as NavigationMenuPortal
+  Y as useRenderElement
 };

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

@@ -1,41 +1,14 @@
-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
-};
+import r from "./als-react-ts-ui286.js";
+import * as o from "react";
+const e = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "AvatarRootContext");
+function a() {
+  const t = o.useContext(e);
+  if (t === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>." : r(13));
+  return t;
+}
 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
+  e as AvatarRootContext,
+  a as useAvatarRootContext
 };

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

@@ -1,234 +1,6 @@
-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);
-}
+const t = {
+  imageLoadingStatus: () => null
+};
 export {
-  rt as NumberFieldRoot
+  t as avatarStateAttributesMapping
 };

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

@@ -1,25 +1,29 @@
-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");
+import * as a from "react";
+import { useRefWithInit as c } from "./als-react-ts-ui267.js";
+const n = a[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)], r = (
+  // React 17 doesn't have useInsertionEffect.
+  n && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
+  n !== a.useLayoutEffect ? n : (e) => e()
+);
+function f(e) {
+  const t = c(o).current;
+  return t.next = e, r(t.effect), t.trampoline;
+}
+function o() {
+  const e = {
+    next: void 0,
+    callback: l,
+    trampoline: (...t) => e.callback?.(...t),
+    effect: () => {
+      e.callback = e.next;
+    }
+  };
+  return e;
+}
+function l() {
+  if (process.env.NODE_ENV !== "production")
+    throw new Error("Base UI: Cannot call an event handler while rendering.");
+}
 export {
-  p as NumberFieldGroup
+  f as useStableCallback
 };