@yselimcan/ui 0.0.7 → 0.0.8

package/dist/index194.js

@@ -1,90 +1,163 @@
-"use client";
-import * as s from "react";
-import { useStableCallback as y } from "./index95.js";
-import { useScrollLock as I } from "./index141.js";
-import { useOpenInteractionType as A } from "./index144.js";
-import { createChangeEventDetails as M } from "./index115.js";
-import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./index153.js";
-import { useSyncedFloatingRootContext as U } from "./index147.js";
-import { useRole as w } from "./index149.js";
-import { useDismiss as H } from "./index148.js";
-import { useInteractions as K } from "./index152.js";
-import { imperativeAction as L } from "./index116.js";
-import { getTarget as V, contains as j } from "./index166.js";
-function ee(R) {
-  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
+import * as H from "react";
+import * as te from "react-dom";
+import { isElement as re } from "./index164.js";
+import { useValueAsRef as N } from "./index128.js";
+import { useStableCallback as Y } from "./index127.js";
+import { createChangeEventDetails as C } from "./index107.js";
+import { getDelay as V } from "./index246.js";
+import { useFloatingTree as ne } from "./index178.js";
+import { useHoverInteractionSharedState as oe, safePolygonIdentifier as ce } from "./index245.js";
+import { triggerHover as L } from "./index108.js";
+import { getDocument as z, contains as O } from "./index151.js";
+import { isMouseLikePointerType as B } from "./index205.js";
+function W(l) {
+  return typeof l == "function" ? l() : l;
+}
+const se = {
+  current: null
+};
+function Re(l, G = {}) {
+  const t = "rootStore" in l ? l.rootStore : l, {
+    dataRef: a,
+    events: A
+  } = t.context, {
+    enabled: x = !0,
+    delay: J = 0,
+    handleClose: K = null,
+    mouseOnly: D = !1,
+    restMs: Q = 0,
+    move: X = !0,
+    triggerElementRef: b = se,
+    externalTree: U,
+    isActiveTrigger: _ = !0
+  } = G, w = ne(U), {
+    pointerTypeRef: o,
+    interactedInsideRef: Z,
+    handlerRef: d,
+    blockMouseMoveRef: p,
+    performedPointerEventsMutationRef: j,
+    unbindMouseMoveRef: P,
+    restTimeoutPendingRef: f,
+    openChangeTimeout: c,
+    restTimeout: m,
+    handleCloseOptionsRef: $
+  } = oe(t), v = N(K), M = N(J), T = N(Q);
+  _ && ($.current = v.current?.__options);
+  const y = Y(() => Z.current ? !0 : a.current.openEvent ? ["click", "mousedown"].includes(a.current.openEvent.type) : !1), S = H.useCallback((e, r = !0) => {
+    const s = V(M.current, "close", o.current);
+    s && !d.current ? c.start(s, () => t.setOpen(!1, C(L, e))) : r && (c.clear(), t.setOpen(!1, C(L, e)));
+  }, [M, d, t, o, c]), F = Y(() => {
+    P.current(), d.current = void 0;
+  }), k = Y(() => {
+    if (j.current) {
+      const e = z(t.select("domReferenceElement")).body;
+      e.style.pointerEvents = "", e.removeAttribute(ce), j.current = !1;
+    }
   });
-  I(n && c === !0, l);
-  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
+  H.useEffect(() => {
+    if (!x)
+      return;
+    function e(r) {
+      r.open || (c.clear(), m.clear(), p.current = !0, f.current = !1);
+    }
+    return A.on("openchange", e), () => {
+      A.off("openchange", e);
+    };
+  }, [x, A, c, m, p, f]);
+  const q = Y((e) => {
+    if (y() || !a.current.floatingContext)
+      return;
+    const r = t.context.triggerElements;
+    if (e.relatedTarget && r.hasElement(e.relatedTarget))
+      return;
+    const s = b.current;
+    v.current?.({
+      ...a.current.floatingContext,
+      tree: w,
+      x: e.clientX,
+      y: e.clientY,
+      onClose() {
+        k(), F(), !y() && s === t.select("domReferenceElement") && S(e);
+      }
+    })(e);
   });
+  return H.useEffect(() => {
+    if (!x)
+      return;
+    const e = b.current ?? (_ ? t.select("domReferenceElement") : null);
+    if (!re(e))
+      return;
+    function r(n) {
+      if (c.clear(), p.current = !1, D && !B(o.current) || W(T.current) > 0 && !V(M.current, "open"))
+        return;
+      const g = V(M.current, "open", o.current), u = t.select("domReferenceElement"), i = t.context.triggerElements, E = (i.hasElement(n.target) || i.hasMatchingElement((ee) => O(ee, n.target))) && (!u || !O(u, n.target)), R = n.currentTarget ?? null, h = !t.select("open") || E;
+      g ? c.start(g, () => {
+        h && t.setOpen(!0, C(L, n, R));
+      }) : h && t.setOpen(!0, C(L, n, R));
+    }
+    function s(n) {
+      if (y()) {
+        k();
+        return;
+      }
+      P.current();
+      const g = t.select("domReferenceElement"), u = z(g);
+      m.clear(), f.current = !1;
+      const i = t.context.triggerElements;
+      if (n.relatedTarget && i.hasElement(n.relatedTarget))
+        return;
+      if (v.current && a.current.floatingContext) {
+        t.select("open") || c.clear();
+        const R = b.current;
+        d.current = v.current({
+          ...a.current.floatingContext,
+          tree: w,
+          x: n.clientX,
+          y: n.clientY,
+          onClose() {
+            k(), F(), !y() && R === t.select("domReferenceElement") && S(n, !0);
+          }
+        });
+        const h = d.current;
+        h(n), u.addEventListener("mousemove", h), P.current = () => {
+          u.removeEventListener("mousemove", h);
+        };
+        return;
+      }
+      (o.current !== "touch" || !O(t.select("floatingElement"), n.relatedTarget)) && S(n);
+    }
+    function I(n) {
+      q(n);
+    }
+    return t.select("open") && e.addEventListener("mouseleave", I), X && e.addEventListener("mousemove", r, {
+      once: !0
+    }), e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", s), () => {
+      e.removeEventListener("mouseleave", I), X && e.removeEventListener("mousemove", r), e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", s);
+    };
+  }, [F, k, p, a, M, S, t, x, v, q, _, y, D, X, o, T, m, f, c, b, w, P, d]), H.useMemo(() => {
+    function e(r) {
+      o.current = r.pointerType;
+    }
+    return {
+      onPointerDown: e,
+      onPointerEnter: e,
+      onMouseMove(r) {
+        const {
+          nativeEvent: s
+        } = r, I = r.currentTarget, n = t.select("domReferenceElement"), g = t.context.triggerElements, u = t.select("open"), i = (g.hasElement(r.target) || g.hasMatchingElement((R) => O(R, r.target))) && (!n || !O(n, r.target));
+        if (D && !B(o.current) || u && !i || W(T.current) === 0 || !i && f.current && r.movementX ** 2 + r.movementY ** 2 < 2)
+          return;
+        m.clear();
+        function E() {
+          !p.current && (!u || i) && t.setOpen(!0, C(L, s, I));
+        }
+        o.current === "touch" ? te.flushSync(() => {
+          E();
+        }) : i && u ? E() : (f.current = !0, m.start(W(T.current), E));
+      }
+    };
+  }, [p, D, t, o, T, m, f]);
 }
 export {
-  ee as useDialogRoot
+  Re as useHoverReferenceInteraction
 };

package/dist/index195.js

@@ -1,15 +1,116 @@
-"use client";
-import i from "./index100.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;
+import { isElement as U } from "./index164.js";
+import { Timeout as Z } from "./index148.js";
+import { getTarget as $, contains as W } from "./index151.js";
+import { getNodeChildren as y } from "./index243.js";
+function G(u, t) {
+  const [_, R] = u;
+  let h = !1;
+  const a = t.length;
+  for (let d = 0, b = a - 1; d < a; b = d++) {
+    const [O, E] = t[d] || [0, 0], [S, i] = t[b] || [0, 0];
+    E >= R != i >= R && _ <= (S - O) * (R - E) / (i - E) + O && (h = !h);
+  }
+  return h;
+}
+function x(u, t) {
+  return u[0] >= t.x && u[0] <= t.x + t.width && u[1] >= t.y && u[1] <= t.y + t.height;
+}
+function rt(u = {}) {
+  const {
+    buffer: t = 0.5,
+    blockPointerEvents: _ = !1,
+    requireIntent: R = !0
+  } = u, h = new Z();
+  let a = !1, d = null, b = null, O = typeof performance < "u" ? performance.now() : 0;
+  function E(i, s) {
+    const k = performance.now(), c = k - O;
+    if (d === null || b === null || c === 0)
+      return d = i, b = s, O = k, null;
+    const X = i - d, Y = s - b, z = Math.sqrt(X * X + Y * Y) / c;
+    return d = i, b = s, O = k, z;
+  }
+  const S = ({
+    x: i,
+    y: s,
+    placement: k,
+    elements: c,
+    onClose: X,
+    nodeId: Y,
+    tree: p
+  }) => function(P) {
+    function I() {
+      h.clear(), X();
+    }
+    if (h.clear(), !c.domReference || !c.floating || k == null || i == null || s == null)
+      return;
+    const {
+      clientX: N,
+      clientY: V
+    } = P, H = [N, V], A = $(P), j = P.type === "mouseleave", J = W(c.floating, A), D = W(c.domReference, A), n = c.domReference.getBoundingClientRect(), o = c.floating.getBoundingClientRect(), C = k.split("-")[0], m = i > o.right - o.width / 2, g = s > o.bottom - o.height / 2, K = x(H, n), l = o.width > n.width, f = o.height > n.height, v = (l ? n : o).left, B = (l ? n : o).right, M = (f ? n : o).top, q = (f ? n : o).bottom;
+    if (J && (a = !0, !j))
+      return;
+    if (D && (a = !1), D && !j) {
+      a = !0;
+      return;
+    }
+    if (j && U(P.relatedTarget) && W(c.floating, P.relatedTarget) || p && y(p.nodesRef.current, Y).some(({
+      context: e
+    }) => e?.open))
+      return;
+    if (C === "top" && s >= n.bottom - 1 || C === "bottom" && s <= n.top + 1 || C === "left" && i >= n.right - 1 || C === "right" && i <= n.left + 1)
+      return I();
+    let L = [];
+    switch (C) {
+      case "top":
+        L = [[v, n.top + 1], [v, o.bottom - 1], [B, o.bottom - 1], [B, n.top + 1]];
+        break;
+      case "bottom":
+        L = [[v, o.top + 1], [v, n.bottom - 1], [B, n.bottom - 1], [B, o.top + 1]];
+        break;
+      case "left":
+        L = [[o.right - 1, q], [o.right - 1, M], [n.left + 1, M], [n.left + 1, q]];
+        break;
+      case "right":
+        L = [[n.right - 1, q], [n.right - 1, M], [o.left + 1, M], [o.left + 1, q]];
+        break;
+    }
+    function Q([e, r]) {
+      switch (C) {
+        case "top": {
+          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], F = [[o.left, m || l ? o.bottom - t : o.top], [o.right, m ? l ? o.bottom - t : o.top : o.bottom - t]];
+          return [T, w, ...F];
+        }
+        case "bottom": {
+          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r - t], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r - t], F = [[o.left, m || l ? o.top + t : o.bottom], [o.right, m ? l ? o.top + t : o.bottom : o.top + t]];
+          return [T, w, ...F];
+        }
+        case "left": {
+          const T = [e + t + 1, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e + t + 1, f ? r - t / 2 : g ? r + t * 4 : r - t * 4];
+          return [...[[g || f ? o.right - t : o.left, o.top], [g ? f ? o.right - t : o.left : o.right - t, o.bottom]], T, w];
+        }
+        case "right": {
+          const T = [e - t, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e - t, f ? r - t / 2 : g ? r + t * 4 : r - t * 4], F = [[g || f ? o.left + t : o.right, o.top], [g ? f ? o.left + t : o.right : o.left + t, o.bottom]];
+          return [T, w, ...F];
+        }
+        default:
+          return [];
+      }
+    }
+    if (!G([N, V], L)) {
+      if (a && !K)
+        return I();
+      if (!j && R) {
+        const e = E(P.clientX, P.clientY);
+        if (e !== null && e < 0.1)
+          return I();
+      }
+      G([N, V], Q([i, s])) ? !a && R && h.start(40, I) : I();
+    }
+  };
+  return S.__options = {
+    blockPointerEvents: _
+  }, S;
 }
 export {
-  e as DialogRootContext,
-  s as useDialogRootContext
+  rt as safePolygon
 };

package/dist/index196.js

@@ -1,65 +1,78 @@
 import * as i from "react";
-import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./index214.js";
-import { ReactStore as p } from "./index211.js";
-import { PopupTriggerMap as g } from "./index212.js";
-import { createSelector as n } from "./index213.js";
-const m = {
-  ...d,
-  modal: n((e) => e.modal),
-  nested: n((e) => e.nested),
-  nestedOpenDialogCount: n((e) => e.nestedOpenDialogCount),
-  disablePointerDismissal: n((e) => e.disablePointerDismissal),
-  openMethod: n((e) => e.openMethod),
-  descriptionElementId: n((e) => e.descriptionElementId),
-  titleElementId: n((e) => e.titleElementId),
-  viewportElement: n((e) => e.viewportElement),
-  role: n((e) => e.role)
-};
-class C extends p {
-  constructor(o) {
-    super(c(o), {
-      popupRef: /* @__PURE__ */ i.createRef(),
-      backdropRef: /* @__PURE__ */ i.createRef(),
-      internalBackdropRef: /* @__PURE__ */ i.createRef(),
-      triggerElements: new g(),
-      onOpenChange: void 0,
-      onOpenChangeComplete: void 0
-    }, m);
-  }
-  setOpen = (o, t) => {
-    if (t.preventUnmountOnClose = () => {
-      this.set("preventUnmountingOnClose", !0);
-    }, !o && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(o, t), t.isCanceled)
+import { getWindow as h, isElement as b, isHTMLElement as M } from "./index164.js";
+import { isMac as F, isSafari as D } from "./index158.js";
+import { useTimeout as k } from "./index148.js";
+import { createChangeEventDetails as R } from "./index107.js";
+import { createAttribute as O } from "./index239.js";
+import { activeElement as T, contains as w, getTarget as S, isTypeableElement as A, matchesFocusVisible as C, getDocument as x } from "./index151.js";
+import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./index108.js";
+const g = F && D;
+function z(a, L = {}) {
+  const r = "rootStore" in a ? a.rootStore : a, {
+    events: f,
+    dataRef: E
+  } = r.context, {
+    enabled: o = !0,
+    visibleOnly: p = !0
+  } = L, s = i.useRef(!1), v = k(), m = i.useRef(!0);
+  i.useEffect(() => {
+    const t = r.select("domReferenceElement");
+    if (!o)
       return;
-    const s = {
-      open: o,
-      nativeEvent: t.event,
-      reason: t.reason,
-      nested: this.state.nested
+    const e = h(t);
+    function u() {
+      !r.select("open") && M(t) && t === T(x(t)) && (s.current = !0);
+    }
+    function c() {
+      m.current = !0;
+    }
+    function n() {
+      m.current = !1;
+    }
+    return e.addEventListener("blur", u), g && (e.addEventListener("keydown", c, !0), e.addEventListener("pointerdown", n, !0)), () => {
+      e.removeEventListener("blur", u), g && (e.removeEventListener("keydown", c, !0), e.removeEventListener("pointerdown", n, !0));
     };
-    this.state.floatingRootContext.context.events?.emit("openchange", s);
-    const r = {
-      open: o
-    }, l = t.trigger?.id ?? null;
-    (l || o) && (r.activeTriggerId = l, r.activeTriggerElement = t.trigger ?? null), this.update(r);
-  };
-}
-function c(e = {}) {
-  return {
-    ...a(),
-    modal: !0,
-    disablePointerDismissal: !1,
-    popupElement: null,
-    viewportElement: null,
-    descriptionElementId: void 0,
-    titleElementId: void 0,
-    openMethod: null,
-    nested: !1,
-    nestedOpenDialogCount: 0,
-    role: "dialog",
-    ...e
-  };
+  }, [r, o]), i.useEffect(() => {
+    if (!o)
+      return;
+    function t(e) {
+      (e.reason === B || e.reason === K) && (s.current = !0);
+    }
+    return f.on("openchange", t), () => {
+      f.off("openchange", t);
+    };
+  }, [f, o]);
+  const l = i.useMemo(() => ({
+    onMouseLeave() {
+      s.current = !1;
+    },
+    onFocus(t) {
+      if (s.current)
+        return;
+      const e = S(t.nativeEvent);
+      if (p && b(e)) {
+        if (g && !t.relatedTarget) {
+          if (!m.current && !A(e))
+            return;
+        } else if (!C(e))
+          return;
+      }
+      r.setOpen(!0, R(y, t.nativeEvent, t.currentTarget));
+    },
+    onBlur(t) {
+      s.current = !1;
+      const e = t.relatedTarget, u = t.nativeEvent, c = b(e) && e.hasAttribute(O("focus-guard")) && e.getAttribute("data-type") === "outside";
+      v.start(0, () => {
+        const n = r.select("domReferenceElement"), d = T(n ? n.ownerDocument : document);
+        !e && d === n || w(E.current.floatingContext?.refs.floating.current, d) || w(n, d) || c || r.context.triggerElements.hasElement(t.relatedTarget) || r.setOpen(!1, R(y, u));
+      });
+    }
+  }), [E, r, p, v]);
+  return i.useMemo(() => o ? {
+    reference: l,
+    trigger: l
+  } : {}, [o, l]);
 }
 export {
-  C as DialogStore
+  z as useFocus
 };

package/dist/index197.js

@@ -1,6 +1,67 @@
-let t = /* @__PURE__ */ (function(e) {
-  return e.nestedDialogs = "--nested-dialogs", e;
-})({});
+import { tabbable as r } from "./index238.js";
+import { contains as d, getDocument as b, activeElement as f } from "./index151.js";
+const s = () => ({
+  getShadowRoot: !0,
+  displayCheck: (
+    // JSDOM does not support the `tabbable` library. To solve this we can
+    // check if `ResizeObserver` is a real function (not polyfilled), which
+    // determines if the current environment is JSDOM-like.
+    typeof ResizeObserver == "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
+  )
+});
+function u(t, a) {
+  const e = r(t, s()), n = e.length;
+  if (n === 0)
+    return;
+  const i = f(b(t)), o = e.indexOf(i), c = o === -1 ? a === 1 ? 0 : n - 1 : o + a;
+  return e[c];
+}
+function T(t) {
+  return u(b(t).body, 1) || t;
+}
+function m(t) {
+  return u(b(t).body, -1) || t;
+}
+function l(t, a) {
+  if (!t)
+    return null;
+  const e = r(b(t).body, s()), n = e.length;
+  if (n === 0)
+    return null;
+  const i = e.indexOf(t);
+  if (i === -1)
+    return null;
+  const o = (i + a + n) % n;
+  return e[o];
+}
+function v(t) {
+  return l(t, 1);
+}
+function h(t) {
+  return l(t, -1);
+}
+function p(t, a) {
+  const e = a || t.currentTarget, n = t.relatedTarget;
+  return !n || !d(e, n);
+}
+function y(t) {
+  r(t, s()).forEach((e) => {
+    e.dataset.tabindex = e.getAttribute("tabindex") || "", e.setAttribute("tabindex", "-1");
+  });
+}
+function A(t) {
+  t.querySelectorAll("[data-tabindex]").forEach((e) => {
+    const n = e.dataset.tabindex;
+    delete e.dataset.tabindex, n ? e.setAttribute("tabindex", n) : e.removeAttribute("tabindex");
+  });
+}
 export {
-  t as DialogPopupCssVars
+  y as disableFocusInside,
+  A as enableFocusInside,
+  T as getNextTabbable,
+  m as getPreviousTabbable,
+  v as getTabbableAfterElement,
+  h as getTabbableBeforeElement,
+  s as getTabbableOptions,
+  p as isOutsideEvent
 };

package/dist/index198.js

@@ -1,7 +1,11 @@
-import { CommonPopupDataAttributes as e } from "./index120.js";
-let y = (function(n) {
-  return n[n.open = e.open] = "open", n[n.closed = e.closed] = "closed", n[n.startingStyle = e.startingStyle] = "startingStyle", n[n.endingStyle = e.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
-})({});
+let o;
+process.env.NODE_ENV !== "production" && (o = /* @__PURE__ */ new Set());
+function s(...r) {
+  if (process.env.NODE_ENV !== "production") {
+    const e = r.join(" ");
+    o.has(e) || (o.add(e), console.error(`Base UI: ${e}`));
+  }
+}
 export {
-  y as DialogPopupDataAttributes
+  s as error
 };

package/dist/index199.js

@@ -1,14 +1,25 @@
-import r from "./index100.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "DialogPortalContext");
-function a() {
-  const o = t.useContext(e);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : r(26));
-  return o;
+"use client";
+import * as c from "react";
+function f(d) {
+  const {
+    focusableWhenDisabled: e,
+    disabled: s,
+    composite: t = !1,
+    tabIndex: i = 0,
+    isNativeButton: o
+  } = d, n = t && e !== !1, l = t && e === !1;
+  return {
+    props: c.useMemo(() => {
+      const a = {
+        // allow Tabbing away from focusableWhenDisabled elements
+        onKeyDown(b) {
+          s && e && b.key !== "Tab" && b.preventDefault();
+        }
+      };
+      return t || (a.tabIndex = i, !o && s && (a.tabIndex = e ? i : -1)), (o && (e || n) || !o && s) && (a["aria-disabled"] = s), o && (!e || l) && (a.disabled = s), a;
+    }, [t, s, e, n, l, o, i])
+  };
 }
 export {
-  e as DialogPortalContext,
-  a as useDialogPortalContext
+  f as useFocusableWhenDisabled
 };

package/dist/index20.js

@@ -1,8 +1,8 @@
 "use client";
 import * as n from "react";
-import { useDialogRootContext as p } from "./index195.js";
+import { useDialogRootContext as p } from "./index103.js";
 import { useRenderElement as a } from "./index87.js";
-import { useBaseUiId as c } from "./index112.js";
+import { useBaseUiId as c } from "./index109.js";
 const d = /* @__PURE__ */ n.forwardRef(function(e, i) {
   const {
     render: m,