@arcadeai/design-system 3.39.1 → 3.39.2

package/dist/useAnimationFrame-DIc6eFHa.js

@@ -0,0 +1,69 @@
+"use client";
+import { a as u } from "./useRenderElement-DNB2vtF1.js";
+import { u as h } from "./useOnMount-JHtE6teb.js";
+const s = null;
+let l = globalThis.requestAnimationFrame;
+class o {
+  /* This implementation uses an array as a backing data-structure for frame callbacks.
+   * It allows `O(1)` callback cancelling by inserting a `null` in the array, though it
+   * never calls the native `cancelAnimationFrame` if there are no frames left. This can
+   * be much more efficient if there is a call pattern that alterns as
+   * "request-cancel-request-cancel-…".
+   * But in the case of "request-request-…-cancel-cancel-…", it leaves the final animation
+   * frame to run anyway. We turn that frame into a `O(1)` no-op via `callbacksCount`. */
+  callbacks = [];
+  callbacksCount = 0;
+  nextId = 1;
+  startId = 1;
+  isScheduled = !1;
+  tick = (t) => {
+    this.isScheduled = !1;
+    const e = this.callbacks, i = this.callbacksCount;
+    if (this.callbacks = [], this.callbacksCount = 0, this.startId = this.nextId, i > 0)
+      for (let r = 0; r < e.length; r += 1)
+        e[r]?.(t);
+  };
+  request(t) {
+    const e = this.nextId;
+    this.nextId += 1, this.callbacks.push(t), this.callbacksCount += 1;
+    const i = process.env.NODE_ENV !== "production" && l !== requestAnimationFrame && (l = requestAnimationFrame, !0);
+    return (!this.isScheduled || i) && (requestAnimationFrame(this.tick), this.isScheduled = !0), e;
+  }
+  cancel(t) {
+    const e = t - this.startId;
+    e < 0 || e >= this.callbacks.length || (this.callbacks[e] = null, this.callbacksCount -= 1);
+  }
+}
+const c = new o();
+class a {
+  static create() {
+    return new a();
+  }
+  static request(t) {
+    return c.request(t);
+  }
+  static cancel(t) {
+    return c.cancel(t);
+  }
+  currentId = s;
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  request(t) {
+    this.cancel(), this.currentId = c.request(() => {
+      this.currentId = s, t();
+    });
+  }
+  cancel = () => {
+    this.currentId !== s && (c.cancel(this.currentId), this.currentId = s);
+  };
+  disposeEffect = () => this.cancel;
+}
+function k() {
+  const n = u(a.create).current;
+  return h(n.disposeEffect), n;
+}
+export {
+  a as A,
+  k as u
+};

package/dist/useAriaLabelledBy-VklrCmKp.js

@@ -0,0 +1,34 @@
+"use client";
+import * as o from "react";
+import { u as l } from "./useIsoLayoutEffect-DpJo20by.js";
+import { u as c } from "./useBaseUiId-C8Dq0BQq.js";
+function y(e, n, t, r = !0, i) {
+  const [a, f] = o.useState(), d = c(i ? `${i}-label` : void 0), u = e ?? n ?? a;
+  return l(() => {
+    const s = e || n || !r ? void 0 : m(t.current, d);
+    a !== s && f(s);
+  }), u;
+}
+function m(e, n) {
+  const t = L(e);
+  if (t)
+    return !t.id && n && (t.id = n), t.id || void 0;
+}
+function L(e) {
+  if (!e)
+    return;
+  const n = e.parentElement;
+  if (n && n.tagName === "LABEL")
+    return n;
+  const t = e.id;
+  if (t) {
+    const i = e.nextElementSibling;
+    if (i && i.htmlFor === t)
+      return i;
+  }
+  const r = e.labels;
+  return r && r[0];
+}
+export {
+  y as u
+};

package/dist/useBaseUiId-C8Dq0BQq.js

@@ -0,0 +1,25 @@
+"use client";
+import * as s from "react";
+import { S as f } from "./safeReact-DKq-628G.js";
+let a = 0;
+function l(t, e = "mui") {
+  const [u, o] = s.useState(t), c = t || u;
+  return s.useEffect(() => {
+    u == null && (a += 1, o(`${e}-${a}`));
+  }, [u, e]), c;
+}
+const n = f.useId;
+function d(t, e) {
+  if (n !== void 0) {
+    const u = n();
+    return t ?? (e ? `${e}-${u}` : u);
+  }
+  return l(t, e);
+}
+function r(t) {
+  return d(t, "base-ui");
+}
+export {
+  d as a,
+  r as u
+};

package/dist/useButton-JYPKQKj4.js

@@ -0,0 +1,150 @@
+"use client";
+import * as f from "react";
+import { i as H } from "./floating-ui.utils.dom-jr2suqy2.js";
+import { u as W } from "./useStableCallback-CudqoENs.js";
+import { S as N } from "./safeReact-DKq-628G.js";
+import { u as _ } from "./useIsoLayoutEffect-DpJo20by.js";
+import { f as $, m as v, d as I } from "./useRenderElement-DNB2vtF1.js";
+let C;
+process.env.NODE_ENV !== "production" && (C = /* @__PURE__ */ new Set());
+function P(...n) {
+  if (process.env.NODE_ENV !== "production") {
+    const t = n.join(" ");
+    C.has(t) || (C.add(t), console.error(`Base UI: ${t}`));
+  }
+}
+const R = /* @__PURE__ */ f.createContext(void 0);
+process.env.NODE_ENV !== "production" && (R.displayName = "CompositeRootContext");
+function A(n = !1) {
+  const t = f.useContext(R);
+  if (t === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>." : $(16));
+  return t;
+}
+function L(n) {
+  const {
+    focusableWhenDisabled: t,
+    disabled: a,
+    composite: p = !1,
+    tabIndex: o = 0,
+    isNativeButton: c
+  } = n, l = p && t !== !1, b = p && t === !1;
+  return {
+    props: f.useMemo(() => {
+      const s = {
+        // allow Tabbing away from focusableWhenDisabled elements
+        onKeyDown(d) {
+          a && t && d.key !== "Tab" && d.preventDefault();
+        }
+      };
+      return p || (s.tabIndex = o, !c && a && (s.tabIndex = t ? o : -1)), (c && (t || l) || !c && a) && (s["aria-disabled"] = a), c && (!t || b) && (s.disabled = a), s;
+    }, [p, a, t, l, b, c, o])
+  };
+}
+function X(n = {}) {
+  const {
+    disabled: t = !1,
+    focusableWhenDisabled: a,
+    tabIndex: p = 0,
+    native: o = !0,
+    composite: c
+  } = n, l = f.useRef(null), b = A(!0), i = c ?? b !== void 0, {
+    props: s
+  } = L({
+    focusableWhenDisabled: a,
+    disabled: t,
+    composite: i,
+    tabIndex: p,
+    isNativeButton: o
+  });
+  process.env.NODE_ENV !== "production" && f.useEffect(() => {
+    if (!l.current)
+      return;
+    const r = g(l.current);
+    if (o) {
+      if (!r) {
+        const u = N.captureOwnerStack?.() || "";
+        P(`A component that acts as a button expected a native <button> because the \`nativeButton\` prop is true. Rendering a non-<button> removes native button semantics, which can impact forms and accessibility. Use a real <button> in the \`render\` prop, or set \`nativeButton\` to \`false\`.${u}`);
+      }
+    } else if (r) {
+      const u = N.captureOwnerStack?.() || "";
+      P(`A component that acts as a button expected a non-<button> because the \`nativeButton\` prop is false. Rendering a <button> keeps native behavior while Base UI applies non-native attributes and handlers, which can add unintended extra attributes (such as \`role\` or \`aria-disabled\`). Use a non-<button> in the \`render\` prop, or set \`nativeButton\` to \`true\`.${u}`);
+    }
+  }, [o]);
+  const d = f.useCallback(() => {
+    const r = l.current;
+    g(r) && i && t && s.disabled === void 0 && r.disabled && (r.disabled = !1);
+  }, [t, s.disabled, i]);
+  _(d, [d]);
+  const O = f.useCallback((r = {}) => {
+    const {
+      onClick: u,
+      onMouseDown: D,
+      onKeyUp: U,
+      onKeyDown: K,
+      onPointerDown: S,
+      ...M
+    } = r;
+    return v({
+      type: o ? "button" : void 0,
+      onClick(e) {
+        if (t) {
+          e.preventDefault();
+          return;
+        }
+        u?.(e);
+      },
+      onMouseDown(e) {
+        t || D?.(e);
+      },
+      onKeyDown(e) {
+        if (t || (I(e), K?.(e), e.baseUIHandlerPrevented))
+          return;
+        const x = e.target === e.currentTarget, m = e.currentTarget, k = g(m), w = !o && F(m), E = x && (o ? k : !w), y = e.key === "Enter", B = e.key === " ", h = m.getAttribute("role"), V = h?.startsWith("menuitem") || h === "option" || h === "gridcell";
+        if (x && i && B) {
+          if (e.defaultPrevented && V)
+            return;
+          e.preventDefault(), w || o && k ? (m.click(), e.preventBaseUIHandler()) : E && (u?.(e), e.preventBaseUIHandler());
+          return;
+        }
+        E && (!o && (B || y) && e.preventDefault(), !o && y && u?.(e));
+      },
+      onKeyUp(e) {
+        if (!t) {
+          if (I(e), U?.(e), e.target === e.currentTarget && o && i && g(e.currentTarget) && e.key === " ") {
+            e.preventDefault();
+            return;
+          }
+          e.baseUIHandlerPrevented || e.target === e.currentTarget && !o && !i && e.key === " " && u?.(e);
+        }
+      },
+      onPointerDown(e) {
+        if (t) {
+          e.preventDefault();
+          return;
+        }
+        S?.(e);
+      }
+    }, o ? void 0 : {
+      role: "button"
+    }, s, M);
+  }, [t, s, i, o]), T = W((r) => {
+    l.current = r, d();
+  });
+  return {
+    getButtonProps: O,
+    buttonRef: T
+  };
+}
+function g(n) {
+  return H(n) && n.tagName === "BUTTON";
+}
+function F(n) {
+  return !!(n?.tagName === "A" && n?.href);
+}
+export {
+  R as C,
+  X as a,
+  P as e,
+  A as u
+};

package/dist/useCollapsiblePanel-9pDlDh3R.js

@@ -0,0 +1,257 @@
+"use client";
+import * as s from "react";
+import { u as k } from "./useControlled-Sx-_x7Sz.js";
+import { u as I } from "./useIsoLayoutEffect-DpJo20by.js";
+import { u as W } from "./useStableCallback-CudqoENs.js";
+import { u as K } from "./useBaseUiId-C8Dq0BQq.js";
+import { c as B, a as z, n as G } from "./createBaseUIEventDetails-CqidROtw.js";
+import { u as J, b as Q, T as q } from "./useOpenChangeComplete-DkeH9FGJ.js";
+import { f as X, w as Y, c as Z } from "./useRenderElement-DNB2vtF1.js";
+import { u as $ } from "./useOnMount-JHtE6teb.js";
+import { u as ee, A as m } from "./useAnimationFrame-DIc6eFHa.js";
+function he(t) {
+  const {
+    open: r,
+    defaultOpen: o,
+    onOpenChange: _,
+    disabled: T
+  } = t, g = r !== void 0, [p, R] = k({
+    controlled: r,
+    default: o,
+    name: "Collapsible",
+    state: "open"
+  }), {
+    mounted: y,
+    setMounted: h,
+    transitionStatus: l
+  } = J(p, !0, !0), [a, b] = s.useState(p), [{
+    height: d,
+    width: S
+  }, M] = s.useState({
+    height: void 0,
+    width: void 0
+  }), N = K(), [P, x] = s.useState(), H = P ?? N, [E, A] = s.useState(!1), [v, w] = s.useState(!1), F = s.useRef(null), c = s.useRef(null), L = s.useRef(null), C = s.useRef(null), e = Q(C, !1), u = W((i) => {
+    const n = !p, f = B(z, i.nativeEvent);
+    if (_(n, f), f.isCanceled)
+      return;
+    const O = C.current;
+    c.current === "css-animation" && O != null && O.style.removeProperty("animation-name"), !E && !v && (c.current != null && c.current !== "css-animation" && !y && n && h(!0), c.current === "css-animation" && (!a && n && b(!0), !y && n && h(!0))), R(n), c.current === "none" && y && !n && h(!1);
+  });
+  return I(() => {
+    g && c.current === "none" && !v && !p && h(!1);
+  }, [g, v, p, r, h]), s.useMemo(() => ({
+    abortControllerRef: F,
+    animationTypeRef: c,
+    disabled: T,
+    handleTrigger: u,
+    height: d,
+    mounted: y,
+    open: p,
+    panelId: H,
+    panelRef: C,
+    runOnceAnimationsFinish: e,
+    setDimensions: M,
+    setHiddenUntilFound: A,
+    setKeepMounted: w,
+    setMounted: h,
+    setOpen: R,
+    setPanelIdState: x,
+    setVisible: b,
+    transitionDimensionRef: L,
+    transitionStatus: l,
+    visible: a,
+    width: S
+  }), [F, c, T, u, d, y, p, H, C, e, M, A, w, h, R, b, L, l, a, S]);
+}
+const U = /* @__PURE__ */ s.createContext(void 0);
+process.env.NODE_ENV !== "production" && (U.displayName = "CollapsibleRootContext");
+function ye() {
+  const t = s.useContext(U);
+  if (t === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CollapsibleRootContext is missing. Collapsible parts must be placed within <Collapsible.Root>." : X(15));
+  return t;
+}
+let D = (function(t) {
+  return t.open = "data-open", t.closed = "data-closed", t[t.startingStyle = q.startingStyle] = "startingStyle", t[t.endingStyle = q.endingStyle] = "endingStyle", t;
+})({}), te = /* @__PURE__ */ (function(t) {
+  return t.panelOpen = "data-panel-open", t;
+})({});
+const ne = {
+  [D.open]: ""
+}, re = {
+  [D.closed]: ""
+}, ge = {
+  open(t) {
+    return t ? {
+      [te.panelOpen]: ""
+    } : null;
+  }
+}, be = {
+  open(t) {
+    return t ? ne : re;
+  }
+};
+let ie = /* @__PURE__ */ (function(t) {
+  return t.disabled = "data-disabled", t.orientation = "data-orientation", t;
+})({});
+function Se(t) {
+  const {
+    abortControllerRef: r,
+    animationTypeRef: o,
+    externalRef: _,
+    height: T,
+    hiddenUntilFound: g,
+    keepMounted: p,
+    id: R,
+    mounted: y,
+    onOpenChange: h,
+    open: l,
+    panelRef: a,
+    runOnceAnimationsFinish: b,
+    setDimensions: d,
+    setMounted: S,
+    setOpen: M,
+    setVisible: N,
+    transitionDimensionRef: P,
+    visible: x,
+    width: H
+  } = t, E = s.useRef(!1), A = s.useRef(null), v = s.useRef(l), w = s.useRef(l), F = ee(), c = s.useMemo(() => o.current === "css-animation" ? !x : !l && !y, [l, y, x, o]), L = W((e) => {
+    if (!e)
+      return;
+    if (o.current == null || P.current == null) {
+      const n = getComputedStyle(e), f = n.animationName !== "none" && n.animationName !== "", O = n.transitionDuration !== "0s" && n.transitionDuration !== "";
+      f && O ? process.env.NODE_ENV !== "production" && Y("CSS transitions and CSS animations both detected on Collapsible or Accordion panel.", "Only one of either animation type should be used.") : n.animationName === "none" && n.transitionDuration !== "0s" ? o.current = "css-transition" : n.animationName !== "none" && n.transitionDuration === "0s" ? o.current = "css-animation" : o.current = "none", e.getAttribute(ie.orientation) === "horizontal" || n.transitionProperty.indexOf("width") > -1 ? P.current = "width" : P.current = "height";
+    }
+    if (o.current !== "css-transition")
+      return;
+    (T === void 0 || H === void 0) && (d({
+      height: e.scrollHeight,
+      width: e.scrollWidth
+    }), w.current && e.style.setProperty("transition-duration", "0s"));
+    let u = -1, i = -1;
+    return u = m.request(() => {
+      w.current = !1, i = m.request(() => {
+        setTimeout(() => {
+          e.style.removeProperty("transition-duration");
+        });
+      });
+    }), () => {
+      m.cancel(u), m.cancel(i);
+    };
+  }), C = Z(_, a, L);
+  return I(() => {
+    if (o.current !== "css-transition")
+      return;
+    const e = a.current;
+    if (!e)
+      return;
+    let u = -1;
+    if (r.current != null && (r.current.abort(), r.current = null), l) {
+      const i = {
+        "justify-content": e.style.justifyContent,
+        "align-items": e.style.alignItems,
+        "align-content": e.style.alignContent,
+        "justify-items": e.style.justifyItems
+      };
+      Object.keys(i).forEach((n) => {
+        e.style.setProperty(n, "initial", "important");
+      }), !w.current && !p && e.setAttribute(D.startingStyle, ""), d({
+        height: e.scrollHeight,
+        width: e.scrollWidth
+      }), u = m.request(() => {
+        Object.entries(i).forEach(([n, f]) => {
+          f === "" ? e.style.removeProperty(n) : e.style.setProperty(n, f);
+        });
+      });
+    } else {
+      if (e.scrollHeight === 0 && e.scrollWidth === 0)
+        return;
+      d({
+        height: e.scrollHeight,
+        width: e.scrollWidth
+      });
+      const i = new AbortController();
+      r.current = i;
+      const n = i.signal;
+      let f = null;
+      const O = D.endingStyle;
+      return f = new MutationObserver((V) => {
+        V.some((j) => j.type === "attributes" && j.attributeName === O) && (f?.disconnect(), f = null, b(() => {
+          d({
+            height: 0,
+            width: 0
+          }), e.style.removeProperty("content-visibility"), S(!1), r.current === i && (r.current = null);
+        }, n));
+      }), f.observe(e, {
+        attributes: !0,
+        attributeFilter: [O]
+      }), () => {
+        f?.disconnect(), F.cancel(), r.current === i && (i.abort(), r.current = null);
+      };
+    }
+    return () => {
+      m.cancel(u);
+    };
+  }, [r, o, F, g, p, y, l, a, b, d, S]), I(() => {
+    if (o.current !== "css-animation")
+      return;
+    const e = a.current;
+    e && (A.current = e.style.animationName || A.current, e.style.setProperty("animation-name", "none"), d({
+      height: e.scrollHeight,
+      width: e.scrollWidth
+    }), !v.current && !E.current && e.style.removeProperty("animation-name"), l ? (r.current != null && (r.current.abort(), r.current = null), S(!0), N(!0)) : (r.current = new AbortController(), b(() => {
+      S(!1), N(!1), r.current = null;
+    }, r.current.signal)));
+  }, [r, o, l, a, b, d, S, N, x]), $(() => {
+    const e = m.request(() => {
+      v.current = !1;
+    });
+    return () => m.cancel(e);
+  }), I(() => {
+    if (!g)
+      return;
+    const e = a.current;
+    if (!e)
+      return;
+    let u = -1, i = -1;
+    return l && E.current && (e.style.transitionDuration = "0s", d({
+      height: e.scrollHeight,
+      width: e.scrollWidth
+    }), u = m.request(() => {
+      E.current = !1, i = m.request(() => {
+        setTimeout(() => {
+          e.style.removeProperty("transition-duration");
+        });
+      });
+    })), () => {
+      m.cancel(u), m.cancel(i);
+    };
+  }, [g, l, a, d]), I(() => {
+    const e = a.current;
+    e && g && c && (e.setAttribute("hidden", "until-found"), o.current === "css-transition" && e.setAttribute(D.startingStyle, ""));
+  }, [g, c, o, a]), s.useEffect(function() {
+    const u = a.current;
+    if (!u)
+      return;
+    function i(n) {
+      E.current = !0, M(!0), h(!0, B(G, n));
+    }
+    return u.addEventListener("beforematch", i), () => {
+      u.removeEventListener("beforematch", i);
+    };
+  }, [h, a, M]), s.useMemo(() => ({
+    props: {
+      hidden: c,
+      id: R,
+      ref: C
+    }
+  }), [c, R, C]);
+}
+export {
+  U as C,
+  ye as a,
+  Se as b,
+  be as c,
+  ge as t,
+  he as u
+};

package/dist/useCompositeItem-D00ALGkT.js

@@ -0,0 +1,35 @@
+"use client";
+import * as r from "react";
+import { c as f } from "./useRenderElement-DNB2vtF1.js";
+import { u as p } from "./useButton-JYPKQKj4.js";
+import { u as h } from "./useCompositeListItem-CYQrZg5-.js";
+function I(m = {}) {
+  const {
+    highlightItemOnHover: s,
+    highlightedIndex: u,
+    onHighlightedIndexChange: i
+  } = p(), {
+    ref: c,
+    index: e
+  } = h(m), t = u === e, n = r.useRef(null), a = f(c, n);
+  return {
+    compositeProps: r.useMemo(() => ({
+      tabIndex: t ? 0 : -1,
+      onFocus() {
+        i(e);
+      },
+      onMouseMove() {
+        const o = n.current;
+        if (!s || !o)
+          return;
+        const d = o.hasAttribute("disabled") || o.ariaDisabled === "true";
+        !t && !d && o.focus();
+      }
+    }), [t, i, e, s]),
+    compositeRef: a,
+    index: e
+  };
+}
+export {
+  I as u
+};

package/dist/useCompositeListItem-CYQrZg5-.js

@@ -0,0 +1,74 @@
+"use client";
+import * as n from "react";
+import { u as g } from "./useIsoLayoutEffect-DpJo20by.js";
+const L = /* @__PURE__ */ n.createContext({
+  register: () => {
+  },
+  unregister: () => {
+  },
+  subscribeMapChange: () => () => {
+  },
+  elementsRef: {
+    current: []
+  },
+  nextIndexRef: {
+    current: 0
+  }
+});
+process.env.NODE_ENV !== "production" && (L.displayName = "CompositeListContext");
+function N() {
+  return n.useContext(L);
+}
+let O = /* @__PURE__ */ (function(t) {
+  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
+})({});
+function F(t = {}) {
+  const {
+    label: i,
+    metadata: l,
+    textRef: a,
+    indexGuessBehavior: I,
+    index: u
+  } = t, {
+    register: d,
+    unregister: x,
+    subscribeMapChange: m,
+    elementsRef: C,
+    labelsRef: c,
+    nextIndexRef: p
+  } = N(), f = n.useRef(-1), [r, R] = n.useState(u ?? (I === O.GuessFromOrder ? () => {
+    if (f.current === -1) {
+      const e = p.current;
+      p.current += 1, f.current = e;
+    }
+    return f.current;
+  } : -1)), s = n.useRef(null), b = n.useCallback((e) => {
+    if (s.current = e, r !== -1 && e !== null && (C.current[r] = e, c)) {
+      const o = i !== void 0;
+      c.current[r] = o ? i : a?.current?.textContent ?? e.textContent;
+    }
+  }, [r, C, c, i, a]);
+  return g(() => {
+    if (u != null)
+      return;
+    const e = s.current;
+    if (e)
+      return d(e, l), () => {
+        x(e);
+      };
+  }, [u, d, x, l]), g(() => {
+    if (u == null)
+      return m((e) => {
+        const o = s.current ? e.get(s.current)?.index : null;
+        o != null && R(o);
+      });
+  }, [u, m, R]), n.useMemo(() => ({
+    ref: b,
+    index: r
+  }), [r, b]);
+}
+export {
+  L as C,
+  O as I,
+  F as u
+};

package/dist/useControlled-Sx-_x7Sz.js

@@ -0,0 +1,32 @@
+"use client";
+import * as n from "react";
+function d({
+  controlled: o,
+  default: s,
+  name: t,
+  state: i = "value"
+}) {
+  const {
+    current: e
+  } = n.useRef(o !== void 0), [l, c] = n.useState(s), u = e ? o : l;
+  if (process.env.NODE_ENV !== "production") {
+    n.useEffect(() => {
+      e !== (o !== void 0) && console.error([`Base UI: A component is changing the ${e ? "" : "un"}controlled ${i} state of ${t} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [i, t, o]);
+    const {
+      current: r
+    } = n.useRef(s);
+    n.useEffect(() => {
+      !e && JSON.stringify(r) !== JSON.stringify(s) && console.error([`Base UI: A component is changing the default ${i} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
+`));
+    }, [JSON.stringify(s)]);
+  }
+  const f = n.useCallback((r) => {
+    e || c(r);
+  }, []);
+  return [u, f];
+}
+export {
+  d as u
+};