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

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

@@ -1,29 +1,294 @@
-import * as u from "react";
-import { useRenderElement as m } from "./als-react-ts-ui189.js";
-import { useProgressRootContext as p } from "./als-react-ts-ui509.js";
-import { progressStateAttributesMapping as f } from "./als-react-ts-ui510.js";
-const c = /* @__PURE__ */ u.forwardRef(function(t, s) {
+import * as b from "react";
+import { tabbable as Oe, isTabbable as we, focusable as Be } from "./als-react-ts-ui358.js";
+import { isHTMLElement as q, getNodeName as Ke, getWindow as He, getComputedStyle as _e } from "./als-react-ts-ui320.js";
+import { useMergedRefs as Re } from "./als-react-ts-ui272.js";
+import { useValueAsRef as K } from "./als-react-ts-ui318.js";
+import { useStableCallback as H } from "./als-react-ts-ui266.js";
+import { useIsoLayoutEffect as _ } from "./als-react-ts-ui267.js";
+import { visuallyHidden as Ue } from "./als-react-ts-ui359.js";
+import { useTimeout as ve } from "./als-react-ts-ui297.js";
+import { useAnimationFrame as We } from "./als-react-ts-ui346.js";
+import { FocusGuard as ye } from "./als-react-ts-ui360.js";
+import { createChangeEventDetails as $e } from "./als-react-ts-ui229.js";
+import { createAttribute as Te } from "./als-react-ts-ui361.js";
+import { enqueueFocus as Z } from "./als-react-ts-ui362.js";
+import { markOthers as ze } from "./als-react-ts-ui363.js";
+import { usePortalContext as Je } from "./als-react-ts-ui241.js";
+import { useFloatingTree as Qe } from "./als-react-ts-ui364.js";
+import { CLICK_TRIGGER_IDENTIFIER as Xe } from "./als-react-ts-ui243.js";
+import { resolveRef as S } from "./als-react-ts-ui365.js";
+import { jsxs as Ye, jsx as Fe } from "react/jsx-runtime";
+import { isTypeableCombobox as xe, getFloatingFocusElement as he, getDocument as I, activeElement as V, contains as E, getTarget as ee } from "./als-react-ts-ui312.js";
+import { getTabbableOptions as ne, isOutsideEvent as Ie, getNextTabbable as Ze, getPreviousTabbable as et } from "./als-react-ts-ui366.js";
+import { getNodeAncestors as ke, getNodeChildren as Ce } from "./als-react-ts-ui367.js";
+import { isVirtualClick as tt, isVirtualPointerEvent as nt, stopEvent as rt } from "./als-react-ts-ui280.js";
+import { triggerHover as ot, outsidePress as st, focusOut as ut } from "./als-react-ts-ui231.js";
+function it(e, m) {
+  const h = He(e.target);
+  return e instanceof h.KeyboardEvent ? "keyboard" : e instanceof h.FocusEvent ? m || "keyboard" : "pointerType" in e ? e.pointerType || "keyboard" : "touches" in e ? "touch" : e instanceof h.MouseEvent ? m || (e.detail === 0 ? "keyboard" : "mouse") : "";
+}
+const Le = 20;
+let k = [];
+function re() {
+  k = k.filter((e) => e.isConnected);
+}
+function ct(e) {
+  re(), e && Ke(e) !== "body" && (k.push(e), k.length > Le && (k = k.slice(-Le)));
+}
+function te() {
+  return re(), k[k.length - 1];
+}
+function ft(e) {
+  if (!e)
+    return null;
+  const m = ne();
+  return we(e, m) ? e : Oe(e, m)[0] || e;
+}
+function at(e) {
+  return !e || !e.isConnected ? !1 : typeof e.checkVisibility == "function" ? e.checkVisibility() : _e(e).display !== "none";
+}
+function Ae(e, m) {
+  if (!m.current.includes("floating") && !e.getAttribute("role")?.includes("dialog"))
+    return;
+  const h = ne(), U = Be(e, h).filter((D) => {
+    const P = D.getAttribute("data-tabindex") || "";
+    return we(D, h) || D.hasAttribute("data-tabindex") && !P.startsWith("-");
+  }), N = e.getAttribute("tabindex");
+  m.current.includes("floating") || U.length === 0 ? N !== "0" && e.setAttribute("tabindex", "0") : (N !== "-1" || e.hasAttribute("data-tabindex") && e.getAttribute("data-tabindex") !== "-1") && (e.setAttribute("tabindex", "-1"), e.setAttribute("data-tabindex", "-1"));
+}
+function Pt(e) {
   const {
-    className: g,
-    render: V,
-    children: r,
-    ...n
-  } = t, {
-    value: e,
-    formattedValue: o,
-    state: a
-  } = p(), l = e == null ? "indeterminate" : o, i = e == null ? null : o;
-  return m("span", t, {
-    state: a,
-    ref: s,
-    props: [{
-      "aria-hidden": !0,
-      children: typeof r == "function" ? r(l, e) : i
-    }, n],
-    stateAttributesMapping: f
+    context: m,
+    children: h,
+    disabled: i = !1,
+    order: U = ["content"],
+    initialFocus: N = !0,
+    returnFocus: D = !0,
+    restoreFocus: P = !1,
+    modal: p = !0,
+    closeOnFocusOut: M = !0,
+    openInteractionType: Se = "",
+    getInsideElements: Ne = () => [],
+    nextFocusableElement: W,
+    previousFocusableElement: $,
+    beforeContentFocusGuardRef: De,
+    externalTree: Pe
+  } = e, F = "rootStore" in m ? m.rootStore : m, R = F.useState("open"), c = F.useState("domReferenceElement"), f = F.useState("floatingElement"), {
+    events: z,
+    dataRef: C
+  } = F.context, O = H(() => C.current.floatingContext?.nodeId), oe = H(Ne), se = N === !1, x = xe(c) && se, L = K(U), ue = K(N), j = K(D), ie = K(Se), v = Qe(Pe), a = Je(), Me = b.useRef(null), Ge = b.useRef(null), y = b.useRef(!1), J = b.useRef(!1), ce = b.useRef(-1), fe = b.useRef(""), Q = b.useRef(""), ae = ve(), le = ve(), de = We(), X = a != null, r = he(f), A = H((n = r) => n ? Oe(n, ne()) : []), G = H((n) => {
+    const o = A(n);
+    return L.current.map(() => o).filter(Boolean).flat();
   });
-});
-process.env.NODE_ENV !== "production" && (c.displayName = "ProgressValue");
+  b.useEffect(() => {
+    if (i || !p)
+      return;
+    function n(l) {
+      l.key === "Tab" && E(r, V(I(r))) && A().length === 0 && !x && rt(l);
+    }
+    const o = I(r);
+    return o.addEventListener("keydown", n), () => {
+      o.removeEventListener("keydown", n);
+    };
+  }, [i, c, r, p, L, x, A, G]), b.useEffect(() => {
+    if (i || !f)
+      return;
+    function n(o) {
+      const l = ee(o), d = A().indexOf(l);
+      d !== -1 && (ce.current = d);
+    }
+    return f.addEventListener("focusin", n), () => {
+      f.removeEventListener("focusin", n);
+    };
+  }, [i, f, A]), b.useEffect(() => {
+    if (i || !R)
+      return;
+    const n = I(r);
+    function o(u) {
+      Q.current = u.pointerType || "keyboard";
+    }
+    function l() {
+      Q.current = "keyboard";
+    }
+    return n.addEventListener("pointerdown", o, !0), n.addEventListener("keydown", l, !0), () => {
+      n.removeEventListener("pointerdown", o, !0), n.removeEventListener("keydown", l, !0);
+    };
+  }, [i, f, c, r, R]), b.useEffect(() => {
+    if (i || !M)
+      return;
+    function n() {
+      J.current = !0, le.start(0, () => {
+        J.current = !1;
+      });
+    }
+    function o(t) {
+      const s = t.relatedTarget, w = t.currentTarget, g = ee(t);
+      queueMicrotask(() => {
+        const B = O(), ge = F.context.triggerElements, je = !(E(c, s) || E(f, s) || E(s, f) || E(a?.portalNode, s) || s != null && ge.hasElement(s) || ge.hasMatchingElement((T) => E(T, s)) || s?.hasAttribute(Te("focus-guard")) || v && (Ce(v.nodesRef.current, B).find((T) => E(T.context?.elements.floating, s) || E(T.context?.elements.domReference, s)) || ke(v.nodesRef.current, B).find((T) => [T.context?.elements.floating, he(T.context?.elements.floating)].includes(s) || T.context?.elements.domReference === s)));
+        if (w === c && r && Ae(r, L), P && w !== c && !at(g) && V(I(r)) === I(r).body) {
+          if (q(r) && (r.focus(), P === "popup")) {
+            de.request(() => {
+              r.focus();
+            });
+            return;
+          }
+          const T = ce.current, Y = A(), Ee = Y[T] || Y[Y.length - 1] || r;
+          q(Ee) && Ee.focus();
+        }
+        if (C.current.insideReactTree) {
+          C.current.insideReactTree = !1;
+          return;
+        }
+        (x || !p) && s && je && // Fix React 18 Strict Mode returnFocus due to double rendering.
+        // For an "untrapped" typeable combobox (input role=combobox with
+        // initialFocus=false), re-opening the popup and tabbing out should still close it even
+        // when the previously focused element (e.g. the next tabbable outside the popup) is
+        // focused again. Otherwise, the popup remains open on the second Tab sequence:
+        // click input -> Tab (closes) -> click input -> Tab.
+        // Allow closing when `isUntrappedTypeableCombobox` regardless of the previously focused element.
+        (x || s !== te()) && (y.current = !0, F.setOpen(!1, $e(ut, t)));
+      });
+    }
+    function l() {
+      C.current.insideReactTree = !0, ae.start(0, () => {
+        C.current.insideReactTree = !1;
+      });
+    }
+    const u = q(c) ? c : null, d = [];
+    if (!(!f && !u))
+      return u && (u.addEventListener("focusout", o), u.addEventListener("pointerdown", n), d.push(() => {
+        u.removeEventListener("focusout", o), u.removeEventListener("pointerdown", n);
+      })), f && (f.addEventListener("focusout", o), a && (f.addEventListener("focusout", l, !0), d.push(() => {
+        f.removeEventListener("focusout", l, !0);
+      })), d.push(() => {
+        f.removeEventListener("focusout", o);
+      })), () => {
+        d.forEach((t) => {
+          t();
+        });
+      };
+  }, [i, c, f, r, p, v, a, F, M, P, A, x, O, L, C, ae, le, de]);
+  const be = b.useRef(null), me = b.useRef(null), qe = Re(be, De, a?.beforeInsideRef), Ve = Re(me, a?.afterInsideRef);
+  b.useEffect(() => {
+    if (i || !f || !R)
+      return;
+    const n = Array.from(a?.portalNode?.querySelectorAll(`[${Te("portal")}]`) || []), l = (v ? ke(v.nodesRef.current, O()) : []).find((t) => xe(t.context?.elements.domReference || null))?.context?.elements.domReference, u = [f, l, ...n, ...oe(), Me.current, Ge.current, be.current, me.current, a?.beforeOutsideRef.current, a?.afterOutsideRef.current, S($), S(W), x ? c : null].filter((t) => t != null), d = ze(u, p || x);
+    return () => {
+      d();
+    };
+  }, [R, i, c, f, p, L, a, x, v, O, oe, W, $]), _(() => {
+    if (!R || i || !q(r))
+      return;
+    const n = I(r), o = V(n);
+    queueMicrotask(() => {
+      const l = G(r), u = ue.current, d = typeof u == "function" ? u(ie.current || "") : u;
+      if (d === void 0 || d === !1)
+        return;
+      let t;
+      d === !0 || d === null ? t = l[0] || r : t = S(d), t = t || l[0] || r, !E(r, o) && Z(t, {
+        preventScroll: t === r
+      });
+    });
+  }, [i, R, r, se, G, ue, ie]), _(() => {
+    if (i || !r)
+      return;
+    const n = I(r), o = V(n);
+    ct(o);
+    function l(t) {
+      if (t.open || (fe.current = it(t.nativeEvent, Q.current)), t.reason === ot && t.nativeEvent.type === "mouseleave" && (y.current = !0), t.reason === st)
+        if (t.nested)
+          y.current = !1;
+        else if (tt(t.nativeEvent) || nt(t.nativeEvent))
+          y.current = !1;
+        else {
+          let s = !1;
+          document.createElement("div").focus({
+            get preventScroll() {
+              return s = !0, !1;
+            }
+          }), s ? y.current = !1 : y.current = !0;
+        }
+    }
+    z.on("openchange", l);
+    const u = n.createElement("span");
+    u.setAttribute("tabindex", "-1"), u.setAttribute("aria-hidden", "true"), Object.assign(u.style, Ue), X && c && c.insertAdjacentElement("afterend", u);
+    function d() {
+      const t = j.current;
+      let s = typeof t == "function" ? t(fe.current) : t;
+      if (s === void 0 || s === !1)
+        return null;
+      if (s === null && (s = !0), typeof s == "boolean") {
+        const g = c || te();
+        return g && g.isConnected ? g : u;
+      }
+      const w = c || te() || u;
+      return S(s) || w;
+    }
+    return () => {
+      z.off("openchange", l);
+      const t = V(n), s = E(f, t) || v && Ce(v.nodesRef.current, O(), !1).some((g) => E(g.context?.elements.floating, t)), w = d();
+      queueMicrotask(() => {
+        const g = ft(w), B = typeof j.current != "boolean";
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        j.current && !y.current && q(g) && // If the focus moved somewhere else after mount, avoid returning focus
+        // since it likely entered a different element which should be
+        // respected: https://github.com/floating-ui/floating-ui/issues/2607
+        (!(!B && g !== t && t !== n.body) || s) && g.focus({
+          preventScroll: !0
+        }), u.remove();
+      });
+    };
+  }, [i, f, r, j, C, z, v, X, c, O]), b.useEffect(() => {
+    queueMicrotask(() => {
+      y.current = !1;
+    });
+  }, [i]), b.useEffect(() => {
+    if (i || !R)
+      return;
+    function n(l) {
+      ee(l)?.closest(`[${Xe}]`) && (J.current = !0);
+    }
+    const o = I(r);
+    return o.addEventListener("pointerdown", n, !0), () => {
+      o.removeEventListener("pointerdown", n, !0);
+    };
+  }, [i, R, r]), _(() => {
+    if (!i && a)
+      return a.setFocusManagerState({
+        modal: p,
+        closeOnFocusOut: M,
+        open: R,
+        onOpenChange: F.setOpen,
+        domReference: c
+      }), () => {
+        a.setFocusManagerState(null);
+      };
+  }, [i, a, p, R, F, M, c]), _(() => {
+    if (!(i || !r))
+      return Ae(r, L), () => {
+        queueMicrotask(re);
+      };
+  }, [i, r, L]);
+  const pe = !i && (p ? !x : !0) && (X || p);
+  return /* @__PURE__ */ Ye(b.Fragment, {
+    children: [pe && /* @__PURE__ */ Fe(ye, {
+      "data-type": "inside",
+      ref: qe,
+      onFocus: (n) => {
+        if (p) {
+          const o = G();
+          Z(o[o.length - 1]);
+        } else a?.portalNode && (y.current = !1, Ie(n, a.portalNode) ? Ze(c)?.focus() : S($ ?? a.beforeOutsideRef)?.focus());
+      }
+    }), h, pe && /* @__PURE__ */ Fe(ye, {
+      "data-type": "inside",
+      ref: Ve,
+      onFocus: (n) => {
+        p ? Z(G()[0]) : a?.portalNode && (M && (y.current = !0), Ie(n, a.portalNode) ? et(c)?.focus() : S(W ?? a.afterOutsideRef)?.focus());
+      }
+    })]
+  });
+}
 export {
-  c as ProgressValue
+  Pt as FloatingFocusManager
 };

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

@@ -1,27 +1,7 @@
-const a = "_separator_1xnsi_6", r = "_separatorContainer_1xnsi_155", s = "_separatorLine_1xnsi_162", t = "_separatorLabel_1xnsi_168", e = {
-  separator: a,
-  "separator--horizontal": "_separator--horizontal_1xnsi_13",
-  "separator--vertical": "_separator--vertical_1xnsi_18",
-  "separator--sm": "_separator--sm_1xnsi_25",
-  "separator--md": "_separator--md_1xnsi_29",
-  "separator--lg": "_separator--lg_1xnsi_33",
-  "separator--solid": "_separator--solid_1xnsi_51",
-  "separator--dashed": "_separator--dashed_1xnsi_56",
-  "separator--dotted": "_separator--dotted_1xnsi_89",
-  "separator--default": "_separator--default_1xnsi_123",
-  "separator--subtle": "_separator--subtle_1xnsi_128",
-  "separator--strong": "_separator--strong_1xnsi_133",
-  "separator--primary": "_separator--primary_1xnsi_138",
-  "separator--with-spacing": "_separator--with-spacing_1xnsi_144",
-  separatorContainer: r,
-  separatorLine: s,
-  separatorLabel: t,
-  "separator--with-label": "_separator--with-label_1xnsi_178"
-};
+import { isReactVersionAtLeast as r } from "./als-react-ts-ui317.js";
+function n(e) {
+  return r(19) ? e : e ? "true" : void 0;
+}
 export {
-  e as default,
-  a as separator,
-  r as separatorContainer,
-  t as separatorLabel,
-  s as separatorLine
+  n as inertValue
 };

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

@@ -1,9 +1,41 @@
-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;
-}
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+const c = /* @__PURE__ */ i.forwardRef(function(r, n) {
+  const {
+    cutout: e,
+    ...p
+  } = r;
+  let o;
+  if (e) {
+    const t = e?.getBoundingClientRect();
+    o = `polygon(
+      0% 0%,
+      100% 0%,
+      100% 100%,
+      0% 100%,
+      0% 0%,
+      ${t.left}px ${t.top}px,
+      ${t.left}px ${t.bottom}px,
+      ${t.right}px ${t.bottom}px,
+      ${t.right}px ${t.top}px,
+      ${t.left}px ${t.top}px
+    )`;
+  }
+  return /* @__PURE__ */ a("div", {
+    ref: n,
+    role: "presentation",
+    "data-base-ui-inert": "",
+    ...p,
+    style: {
+      position: "fixed",
+      inset: 0,
+      userSelect: "none",
+      WebkitUserSelect: "none",
+      clipPath: o
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "InternalBackdrop");
 export {
-  f as useRefWithInit
+  c as InternalBackdrop
 };

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

@@ -1,89 +1,127 @@
-import * as s from "react";
-import { useStableCallback as y } from "./als-react-ts-ui192.js";
-import { useScrollLock as I } from "./als-react-ts-ui326.js";
-import { useOpenInteractionType as A } from "./als-react-ts-ui327.js";
-import { createChangeEventDetails as M } from "./als-react-ts-ui246.js";
-import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./als-react-ts-ui261.js";
-import { useSyncedFloatingRootContext as U } from "./als-react-ts-ui328.js";
-import { useRole as w } from "./als-react-ts-ui329.js";
-import { useDismiss as H } from "./als-react-ts-ui330.js";
-import { useInteractions as K } from "./als-react-ts-ui263.js";
-import { imperativeAction as L } from "./als-react-ts-ui248.js";
-import { getTarget as V, contains as j } from "./als-react-ts-ui331.js";
-function ee(R) {
+import * as t from "react";
+import * as h from "react-dom";
+import { isNode as M } from "./als-react-ts-ui320.js";
+import { useId as D } from "./als-react-ts-ui306.js";
+import { useIsoLayoutEffect as V } from "./als-react-ts-ui267.js";
+import { FocusGuard as S } from "./als-react-ts-ui360.js";
+import { createChangeEventDetails as w } from "./als-react-ts-ui229.js";
+import { createAttribute as G } from "./als-react-ts-ui361.js";
+import { useRenderElement as _ } from "./als-react-ts-ui226.js";
+import { ownerVisuallyHidden as j } from "./als-react-ts-ui243.js";
+import { jsxs as T, jsx as P } from "react/jsx-runtime";
+import { enableFocusInside as I, isOutsideEvent as g, getPreviousTabbable as q, getNextTabbable as A, disableFocusInside as B } from "./als-react-ts-ui366.js";
+import { EMPTY_OBJECT as H } from "./als-react-ts-ui304.js";
+import { focusOut as J } from "./als-react-ts-ui231.js";
+const F = /* @__PURE__ */ t.createContext(null);
+process.env.NODE_ENV !== "production" && (F.displayName = "PortalContext");
+const Y = () => t.useContext(F), k = G("portal");
+function z(N = {}) {
   const {
-    store: e,
-    parentContext: o,
-    actionsRef: x
-  } = R, n = e.useState("open"), P = e.useState("disablePointerDismissal"), c = e.useState("modal"), l = e.useState("popupElement"), {
-    openMethod: k,
-    triggerProps: r,
-    reset: S
-  } = A(n);
-  B(e);
-  const {
-    forceUnmount: m
-  } = F(n, e, () => {
-    S();
-  }), f = y((t) => {
-    const a = M(t);
-    return a.preventUnmountOnClose = () => {
-      e.set("preventUnmountingOnClose", !0);
-    }, a;
-  }), g = s.useCallback(() => {
-    e.setOpen(!1, f(L));
-  }, [e, f]);
-  s.useImperativeHandle(x, () => ({
-    unmount: m,
-    close: g
-  }), [m, g]);
-  const u = U({
-    popupStore: e,
-    onOpenChange: e.setOpen,
-    treatPopupAsFloatingElement: !0,
-    noEmit: !0
-  }), [i, d] = s.useState(0), C = i === 0, N = w(u), T = H(u, {
-    outsidePressEvent() {
-      return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
-        mouse: c === "trap-focus" ? "sloppy" : "intentional",
-        touch: "sloppy"
-      };
-    },
-    outsidePress(t) {
-      if ("button" in t && t.button !== 0 || "touches" in t && t.touches.length !== 1)
-        return !1;
-      const a = V(t);
-      if (C && !P) {
-        const p = a;
-        return c && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === p || e.context.backdropRef.current === p || j(p, l) && !p?.hasAttribute("data-base-ui-portal") : !0;
-      }
-      return !1;
-    },
-    escapeKey: C
+    ref: f,
+    container: s,
+    componentProps: b = H,
+    elementProps: E,
+    elementState: x
+  } = N, d = D(), m = Y()?.portalNode, [e, c] = t.useState(null), [p, u] = t.useState(null), n = t.useRef(null);
+  V(() => {
+    if (s === null) {
+      n.current && (n.current = null, u(null), c(null));
+      return;
+    }
+    if (d == null)
+      return;
+    const a = (s && (M(s) ? s : s.current)) ?? m ?? document.body;
+    if (a == null) {
+      n.current && (n.current = null, u(null), c(null));
+      return;
+    }
+    n.current !== a && (n.current = a, u(null), c(a));
+  }, [s, m, d]);
+  const i = _("div", b, {
+    ref: [f, u],
+    state: x,
+    props: [{
+      id: d,
+      [k]: ""
+    }, E]
   });
-  I(n && c === !0, l);
+  return {
+    portalNode: p,
+    portalSubtree: e && i ? /* @__PURE__ */ h.createPortal(i, e) : null
+  };
+}
+const K = /* @__PURE__ */ t.forwardRef(function(f, s) {
   const {
-    getReferenceProps: D,
-    getFloatingProps: O,
-    getTriggerProps: b
-  } = K([N, T]);
-  e.useContextCallback("onNestedDialogOpen", (t) => {
-    d(t + 1);
-  }), e.useContextCallback("onNestedDialogClose", () => {
-    d(0);
-  }), s.useEffect(() => (o?.onNestedDialogOpen && n && o.onNestedDialogOpen(i), o?.onNestedDialogClose && !n && o.onNestedDialogClose(), () => {
-    o?.onNestedDialogClose && n && o.onNestedDialogClose();
-  }), [n, o, i]);
-  const h = s.useMemo(() => D(r), [D, r]), v = s.useMemo(() => b(r), [b, r]), E = s.useMemo(() => O(), [O]);
-  e.useSyncedValues({
-    openMethod: k,
-    activeTriggerProps: h,
-    inactiveTriggerProps: v,
-    popupProps: E,
-    floatingRootContext: u,
-    nestedOpenDialogCount: i
+    children: b,
+    container: E,
+    className: x,
+    render: d,
+    renderGuards: R,
+    ...m
+  } = f, {
+    portalNode: e,
+    portalSubtree: c
+  } = z({
+    container: E,
+    ref: s,
+    componentProps: f,
+    elementProps: m
+  }), p = t.useRef(null), u = t.useRef(null), n = t.useRef(null), i = t.useRef(null), [o, a] = t.useState(null), C = o?.modal, O = o?.open, v = typeof R == "boolean" ? R : !!o && !o.modal && o.open && !!e;
+  t.useEffect(() => {
+    if (!e || C)
+      return;
+    function r(l) {
+      e && g(l) && (l.type === "focusin" ? I : B)(e);
+    }
+    return e.addEventListener("focusin", r, !0), e.addEventListener("focusout", r, !0), () => {
+      e.removeEventListener("focusin", r, !0), e.removeEventListener("focusout", r, !0);
+    };
+  }, [e, C]), t.useEffect(() => {
+    !e || O || I(e);
+  }, [O, e]);
+  const L = t.useMemo(() => ({
+    beforeOutsideRef: p,
+    afterOutsideRef: u,
+    beforeInsideRef: n,
+    afterInsideRef: i,
+    portalNode: e,
+    setFocusManagerState: a
+  }), [e]);
+  return /* @__PURE__ */ T(t.Fragment, {
+    children: [c, /* @__PURE__ */ T(F.Provider, {
+      value: L,
+      children: [v && e && /* @__PURE__ */ P(S, {
+        "data-type": "outside",
+        ref: p,
+        onFocus: (r) => {
+          if (g(r, e))
+            n.current?.focus();
+          else {
+            const l = o ? o.domReference : null;
+            q(l)?.focus();
+          }
+        }
+      }), v && e && /* @__PURE__ */ P("span", {
+        "aria-owns": e.id,
+        style: j
+      }), e && /* @__PURE__ */ h.createPortal(b, e), v && e && /* @__PURE__ */ P(S, {
+        "data-type": "outside",
+        ref: u,
+        onFocus: (r) => {
+          if (g(r, e))
+            i.current?.focus();
+          else {
+            const l = o ? o.domReference : null;
+            A(l)?.focus(), o?.closeOnFocusOut && o?.onOpenChange(!1, w(J, r.nativeEvent));
+          }
+        }
+      })]
+    })]
   });
-}
+});
+process.env.NODE_ENV !== "production" && (K.displayName = "FloatingPortal");
 export {
-  ee as useDialogRoot
+  K as FloatingPortal,
+  z as useFloatingPortalNode,
+  Y as usePortalContext
 };

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

@@ -1,14 +1,7 @@
-import i from "./als-react-ts-ui259.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "DialogRootContext");
-function s(n) {
-  const o = t.useContext(e);
-  if (n === !1 && o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : i(27));
-  return o;
+function o(r, ...a) {
+  const e = new URL(`https://base-ui.com/production-error/${r}`);
+  return a.forEach((s) => e.searchParams.append("args[]", s)), `Base UI error #${r}; visit ${e} for the full message.`;
 }
 export {
-  e as DialogRootContext,
-  s as useDialogRootContext
+  o as default
 };