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

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-ui522.js";
+import { useNavigationMenuRootContext as d } from "./als-react-ts-ui513.js";
+import { popupStateMapping as f } from "./als-react-ts-ui227.js";
+import { useRenderElement as l } from "./als-react-ts-ui226.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-ui226.js";
+import { useNavigationMenuRootContext as m } from "./als-react-ts-ui513.js";
+import { transitionStatusMapping as u } from "./als-react-ts-ui228.js";
+import { popupStateMapping as c } from "./als-react-ts-ui227.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-ui513.js";
+import { NavigationMenuPortalContext as l } from "./als-react-ts-ui521.js";
+import { jsx as t } from "react/jsx-runtime";
+import { FloatingPortal as s } from "./als-react-ts-ui241.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,10 @@
-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");
+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 {
-  f as NavigationMenuPortal
+  e as default,
+  a as menubar
 };

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

@@ -1,41 +1,89 @@
-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 * as t from "react";
+import { useScrollLock as E } from "./als-react-ts-ui307.js";
+import { MenubarContext as R, useMenubarContext as x } from "./als-react-ts-ui447.js";
+import { useOpenInteractionType as F } from "./als-react-ts-ui308.js";
+import { CompositeRoot as T } from "./als-react-ts-ui448.js";
+import { useBaseUiId as P } from "./als-react-ts-ui232.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-ui364.js";
+const U = {
+  hasSubmenuOpen(i) {
+    return {
+      "data-has-submenu-open": i ? "true" : "false"
+    };
+  }
+}, j = /* @__PURE__ */ t.forwardRef(function(r, s) {
+  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
+        })
+      })
+    })
+  });
+});
+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
+  });
+}
 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
+  j as Menubar
 };

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

@@ -1,234 +1,9 @@
-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);
+import * as c from "react";
+const e = {};
+function f(r, n) {
+  const t = c.useRef(e);
+  return t.current === e && (t.current = r(n)), t;
 }
 export {
-  rt as NumberFieldRoot
+  f as useRefWithInit
 };