@okam/stack-ui 1.41.1 → 1.41.2

package/index231.mjs

@@ -1,49 +1,200 @@
-import { mergeProps as o } from "./index150.mjs";
-import { filterDOMProps as O } from "./index176.mjs";
-import { useFormReset as C } from "./index257.mjs";
-import { usePress as c } from "./index230.mjs";
-import { useFocusable as I } from "./index330.mjs";
-function F(a, s, i) {
-  let { isDisabled: l = !1, isReadOnly: r = !1, value: d, name: b, children: f, "aria-label": u, "aria-labelledby": p, validationState: n = "valid", isInvalid: t } = a, m = (e) => {
-    e.stopPropagation(), s.setSelected(e.target.checked);
-  }, P = f != null, v = u != null || p != null;
-  !P && !v && process.env.NODE_ENV !== "production" && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
-  let { pressProps: $, isPressed: g } = c({
-    isDisabled: l
-  }), { pressProps: y, isPressed: h } = c({
-    onPress() {
-      var e;
-      s.toggle(), (e = i.current) === null || e === void 0 || e.focus();
-    },
-    isDisabled: l || r
-  }), { focusableProps: x } = I(a, i), D = o($, x), S = O(a, {
-    labelable: !0
-  });
-  return C(i, s.isSelected, s.setSelected), {
-    labelProps: o(y, {
-      onClick: (e) => e.preventDefault()
-    }),
-    inputProps: o(S, {
-      "aria-invalid": t || n === "invalid" || void 0,
-      "aria-errormessage": a["aria-errormessage"],
-      "aria-controls": a["aria-controls"],
-      "aria-readonly": r || void 0,
-      onChange: m,
-      disabled: l,
-      ...d == null ? {} : {
-        value: d
-      },
-      name: b,
-      type: "checkbox",
-      ...D
-    }),
-    isSelected: s.isSelected,
-    isPressed: g || h,
-    isDisabled: l,
-    isReadOnly: r,
-    isInvalid: t || n === "invalid"
+import { isWebKit as ot } from "./index241.mjs";
+import { clamp as G } from "./index285.mjs";
+const P = {
+  top: "top",
+  bottom: "top",
+  left: "left",
+  right: "left"
+}, z = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+}, it = {
+  top: "left",
+  left: "top"
+}, K = {
+  top: "height",
+  left: "width"
+}, B = {
+  width: "totalWidth",
+  height: "totalHeight"
+}, H = {};
+let u = typeof document < "u" ? window.visualViewport : null;
+function j(e) {
+  let t = 0, o = 0, c = 0, i = 0, a = 0, f = 0, l = {};
+  var $;
+  let p = (($ = u == null ? void 0 : u.scale) !== null && $ !== void 0 ? $ : 1) > 1;
+  if (e.tagName === "BODY") {
+    let h = document.documentElement;
+    c = h.clientWidth, i = h.clientHeight;
+    var s;
+    t = (s = u == null ? void 0 : u.width) !== null && s !== void 0 ? s : c;
+    var g;
+    o = (g = u == null ? void 0 : u.height) !== null && g !== void 0 ? g : i, l.top = h.scrollTop || e.scrollTop, l.left = h.scrollLeft || e.scrollLeft, u && (a = u.offsetTop, f = u.offsetLeft);
+  } else
+    ({ width: t, height: o, top: a, left: f } = M(e)), l.top = e.scrollTop, l.left = e.scrollLeft, c = t, i = o;
+  if (ot() && (e.tagName === "BODY" || e.tagName === "HTML") && p) {
+    l.top = 0, l.left = 0;
+    var d;
+    a = (d = u == null ? void 0 : u.pageTop) !== null && d !== void 0 ? d : 0;
+    var r;
+    f = (r = u == null ? void 0 : u.pageLeft) !== null && r !== void 0 ? r : 0;
+  }
+  return {
+    width: t,
+    height: o,
+    totalWidth: c,
+    totalHeight: i,
+    scroll: l,
+    top: a,
+    left: f
   };
 }
+function ct(e) {
+  return {
+    top: e.scrollTop,
+    left: e.scrollLeft,
+    width: e.scrollWidth,
+    height: e.scrollHeight
+  };
+}
+function q(e, t, o, c, i, a, f) {
+  var l;
+  let $ = (l = i.scroll[e]) !== null && l !== void 0 ? l : 0, p = c[K[e]], s = c.scroll[P[e]] + a, g = p + c.scroll[P[e]] - a, d = t - $ + f[e] - c[P[e]], r = t - $ + o + f[e] - c[P[e]];
+  return d < s ? s - d : r > g ? Math.max(g - r, s - d) : 0;
+}
+function rt(e) {
+  let t = window.getComputedStyle(e);
+  return {
+    top: parseInt(t.marginTop, 10) || 0,
+    bottom: parseInt(t.marginBottom, 10) || 0,
+    left: parseInt(t.marginLeft, 10) || 0,
+    right: parseInt(t.marginRight, 10) || 0
+  };
+}
+function J(e) {
+  if (H[e]) return H[e];
+  let [t, o] = e.split(" "), c = P[t] || "right", i = it[c];
+  P[o] || (o = "center");
+  let a = K[c], f = K[i];
+  return H[e] = {
+    placement: t,
+    crossPlacement: o,
+    axis: c,
+    crossAxis: i,
+    size: a,
+    crossSize: f
+  }, H[e];
+}
+function Z(e, t, o, c, i, a, f, l, $, p) {
+  let { placement: s, crossPlacement: g, axis: d, crossAxis: r, size: h, crossSize: v } = c, n = {};
+  var w;
+  n[r] = (w = e[r]) !== null && w !== void 0 ? w : 0;
+  var m, x, E, T;
+  g === "center" ? n[r] += (((m = e[v]) !== null && m !== void 0 ? m : 0) - ((x = o[v]) !== null && x !== void 0 ? x : 0)) / 2 : g !== r && (n[r] += ((E = e[v]) !== null && E !== void 0 ? E : 0) - ((T = o[v]) !== null && T !== void 0 ? T : 0)), n[r] += a;
+  const _ = e[r] - o[v] + $ + p, I = e[r] + e[v] - $ - p;
+  if (n[r] = G(n[r], _, I), s === d) {
+    const b = l ? f[h] : t[B[h]];
+    n[z[d]] = Math.floor(b - e[d] + i);
+  } else n[d] = Math.floor(e[d] + e[h] + i);
+  return n;
+}
+function at(e, t, o, c, i, a, f, l) {
+  const $ = c ? o.height : t[B.height];
+  var p;
+  let s = e.top != null ? o.top + e.top : o.top + ($ - ((p = e.bottom) !== null && p !== void 0 ? p : 0) - f);
+  var g, d, r, h, v, n;
+  let w = l !== "top" ? (
+    // We want the distance between the top of the overlay to the bottom of the boundary
+    Math.max(0, t.height + t.top + ((g = t.scroll.top) !== null && g !== void 0 ? g : 0) - s - (((d = i.top) !== null && d !== void 0 ? d : 0) + ((r = i.bottom) !== null && r !== void 0 ? r : 0) + a))
+  ) : Math.max(0, s + f - (t.top + ((h = t.scroll.top) !== null && h !== void 0 ? h : 0)) - (((v = i.top) !== null && v !== void 0 ? v : 0) + ((n = i.bottom) !== null && n !== void 0 ? n : 0) + a));
+  return Math.min(t.height - a * 2, w);
+}
+function Q(e, t, o, c, i, a) {
+  let { placement: f, axis: l, size: $ } = a;
+  var p, s;
+  if (f === l) return Math.max(0, o[l] - e[l] - ((p = e.scroll[l]) !== null && p !== void 0 ? p : 0) + t[l] - ((s = c[l]) !== null && s !== void 0 ? s : 0) - c[z[l]] - i);
+  var g;
+  return Math.max(0, e[$] + e[l] + e.scroll[l] - t[l] - o[l] - o[$] - ((g = c[l]) !== null && g !== void 0 ? g : 0) - c[z[l]] - i);
+}
+function nt(e, t, o, c, i, a, f, l, $, p, s, g, d, r, h, v) {
+  let n = J(e), { size: w, crossAxis: m, crossSize: x, placement: E, crossPlacement: T } = n, _ = Z(t, l, o, n, s, g, p, d, h, v), I = s, b = Q(l, p, t, i, a + s, n);
+  if (f && c[w] > b) {
+    let X = J(`${z[E]} ${T}`), lt = Z(t, l, o, X, s, g, p, d, h, v);
+    Q(l, p, t, i, a + s, X) > b && (n = X, _ = lt, I = s);
+  }
+  let L = "bottom";
+  n.axis === "top" ? n.placement === "top" ? L = "top" : n.placement === "bottom" && (L = "bottom") : n.crossAxis === "top" && (n.crossPlacement === "top" ? L = "bottom" : n.crossPlacement === "bottom" && (L = "top"));
+  let S = q(m, _[m], o[x], l, $, a, p);
+  _[m] += S;
+  let C = at(_, l, p, d, i, a, o.height, L);
+  r && r < C && (C = r), o.height = Math.min(o.height, C), _ = Z(t, l, o, n, I, g, p, d, h, v), S = q(m, _[m], o[x], l, $, a, p), _[m] += S;
+  let A = {}, k = t[m] + 0.5 * t[x] - _[m] - i[P[m]];
+  const V = h / 2 + v;
+  var F, N, R, Y;
+  const D = P[m] === "left" ? ((F = i.left) !== null && F !== void 0 ? F : 0) + ((N = i.right) !== null && N !== void 0 ? N : 0) : ((R = i.top) !== null && R !== void 0 ? R : 0) + ((Y = i.bottom) !== null && Y !== void 0 ? Y : 0), O = o[x] - D - h / 2 - v, y = t[m] + h / 2 - (_[m] + i[P[m]]), tt = t[m] + t[x] - h / 2 - (_[m] + i[P[m]]), et = G(k, y, tt);
+  return A[m] = G(et, V, O), {
+    position: _,
+    maxHeight: C,
+    arrowOffsetLeft: A.left,
+    arrowOffsetTop: A.top,
+    placement: n.placement
+  };
+}
+function dt(e) {
+  let { placement: t, targetNode: o, overlayNode: c, scrollNode: i, padding: a, shouldFlip: f, boundaryElement: l, offset: $, crossOffset: p, maxHeight: s, arrowSize: g = 0, arrowBoundaryOffset: d = 0 } = e, r = c instanceof HTMLElement ? pt(c) : document.documentElement, h = r === document.documentElement;
+  const v = window.getComputedStyle(r).position;
+  let n = !!v && v !== "static", w = h ? M(o) : U(o, r);
+  if (!h) {
+    let { marginTop: A, marginLeft: k } = window.getComputedStyle(o);
+    w.top += parseInt(A, 10) || 0, w.left += parseInt(k, 10) || 0;
+  }
+  let m = M(c), x = rt(c);
+  var E, T;
+  m.width += ((E = x.left) !== null && E !== void 0 ? E : 0) + ((T = x.right) !== null && T !== void 0 ? T : 0);
+  var _, I;
+  m.height += ((_ = x.top) !== null && _ !== void 0 ? _ : 0) + ((I = x.bottom) !== null && I !== void 0 ? I : 0);
+  let b = ct(i), L = j(l), S = j(r), C = l.tagName === "BODY" ? M(r) : U(r, l);
+  return r.tagName === "HTML" && l.tagName === "BODY" && (S.scroll.top = 0, S.scroll.left = 0), nt(t, w, m, b, x, a, f, L, S, C, $, p, n, s, g, d);
+}
+function M(e) {
+  let { top: t, left: o, width: c, height: i } = e.getBoundingClientRect(), { scrollTop: a, scrollLeft: f, clientTop: l, clientLeft: $ } = document.documentElement;
+  return {
+    top: t + a - l,
+    left: o + f - $,
+    width: c,
+    height: i
+  };
+}
+function U(e, t) {
+  let o = window.getComputedStyle(e), c;
+  if (o.position === "fixed") {
+    let { top: i, left: a, width: f, height: l } = e.getBoundingClientRect();
+    c = {
+      top: i,
+      left: a,
+      width: f,
+      height: l
+    };
+  } else {
+    c = M(e);
+    let i = M(t), a = window.getComputedStyle(t);
+    i.top += (parseInt(a.borderTopWidth, 10) || 0) - t.scrollTop, i.left += (parseInt(a.borderLeftWidth, 10) || 0) - t.scrollLeft, c.top -= i.top, c.left -= i.left;
+  }
+  return c.top -= parseInt(o.marginTop, 10) || 0, c.left -= parseInt(o.marginLeft, 10) || 0, c;
+}
+function pt(e) {
+  let t = e.offsetParent;
+  if (t && t === document.body && window.getComputedStyle(t).position === "static" && !W(t) && (t = document.documentElement), t == null)
+    for (t = e.parentElement; t && !W(t); ) t = t.parentElement;
+  return t || document.documentElement;
+}
+function W(e) {
+  let t = window.getComputedStyle(e);
+  return t.transform !== "none" || /transform|perspective/.test(t.willChange) || t.filter !== "none" || t.contain === "paint" || "backdropFilter" in t && t.backdropFilter !== "none" || "WebkitBackdropFilter" in t && t.WebkitBackdropFilter !== "none";
+}
 export {
-  F as useToggle
+  dt as calculatePosition,
+  nt as calculatePositionInternal
 };

package/index232.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof document<"u"?e.useLayoutEffect:()=>{};exports.useLayoutEffect=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=new WeakMap;function c(s){let{triggerRef:e,isOpen:r,onClose:t}=s;a.useEffect(()=>{if(!r||t===null)return;let o=n=>{let l=n.target;if(!e.current||l instanceof Node&&!l.contains(e.current)||n.target instanceof HTMLInputElement||n.target instanceof HTMLTextAreaElement)return;let f=t||i.get(e.current);f&&f()};return window.addEventListener("scroll",o,!0),()=>{window.removeEventListener("scroll",o,!0)}},[r,t,e])}exports.onCloseMap=i;exports.useCloseOnScroll=c;

package/index232.mjs

@@ -1,6 +1,25 @@
-import e from "react";
-const f = typeof document < "u" ? e.useLayoutEffect : () => {
-};
+import { useEffect as a } from "react";
+const i = /* @__PURE__ */ new WeakMap();
+function u(s) {
+  let { triggerRef: e, isOpen: r, onClose: t } = s;
+  a(() => {
+    if (!r || t === null) return;
+    let o = (n) => {
+      let l = n.target;
+      if (!e.current || l instanceof Node && !l.contains(e.current) || n.target instanceof HTMLInputElement || n.target instanceof HTMLTextAreaElement) return;
+      let f = t || i.get(e.current);
+      f && f();
+    };
+    return window.addEventListener("scroll", o, !0), () => {
+      window.removeEventListener("scroll", o, !0);
+    };
+  }, [
+    r,
+    t,
+    e
+  ]);
+}
 export {
-  f as useLayoutEffect
+  i as onCloseMap,
+  u as useCloseOnScroll
 };

package/index233.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./index254.js"),a=require("./index232.js"),n=require("react");function o(c){let[u,l]=n.useState(c),e=n.useRef(null),r=f.useEffectEvent(()=>{if(!e.current)return;let t=e.current.next();if(t.done){e.current=null;return}u===t.value?r():l(t.value)});a.useLayoutEffect(()=>{e.current&&r()});let s=f.useEffectEvent(t=>{e.current=t(u),r()});return[u,s]}exports.useValueEffect=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof document<"u"?e.useLayoutEffect:()=>{};exports.useLayoutEffect=t;

package/index233.mjs

@@ -1,27 +1,6 @@
-import { useEffectEvent as u } from "./index254.mjs";
-import { useLayoutEffect as l } from "./index232.mjs";
-import { useState as o, useRef as s } from "react";
-function p(a) {
-  let [f, c] = o(a), e = s(null), r = u(() => {
-    if (!e.current) return;
-    let t = e.current.next();
-    if (t.done) {
-      e.current = null;
-      return;
-    }
-    f === t.value ? r() : c(t.value);
-  });
-  l(() => {
-    e.current && r();
-  });
-  let n = u((t) => {
-    e.current = t(f), r();
-  });
-  return [
-    f,
-    n
-  ];
-}
+import e from "react";
+const f = typeof document < "u" ? e.useLayoutEffect : () => {
+};
 export {
-  p as useValueEffect
+  f as useLayoutEffect
 };

package/index234.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c={prefix:String(Math.round(Math.random()*1e10)),current:0},d=e.createContext(c),l=e.createContext(!1);let f=!!(typeof window<"u"&&window.document&&window.document.createElement),s=new WeakMap;function v(r=!1){let t=e.useContext(d),n=e.useRef(null);if(n.current===null&&!r){var a,u;let o=(u=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)===null||u===void 0||(a=u.ReactCurrentOwner)===null||a===void 0?void 0:a.current;if(o){let i=s.get(o);i==null?s.set(o,{id:t.current,state:o.memoizedState}):o.memoizedState!==i.state&&(t.current=i.id,s.delete(o))}n.current=++t.current}return n.current}function p(r){let t=e.useContext(d);t===c&&!f&&process.env.NODE_ENV!=="production"&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");let n=v(!!r),a=t===c&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return r||`${a}-${n}`}function S(r){let t=e.useId(),[n]=e.useState($()),a=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${c.prefix}`;return r||`${a}-${t}`}const b=typeof e.useId=="function"?S:p;function x(){return!1}function m(){return!0}function g(r){return()=>{}}function $(){return typeof e.useSyncExternalStore=="function"?e.useSyncExternalStore(g,x,m):e.useContext(l)}exports.useIsSSR=$;exports.useSSRSafeId=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");function u(){return typeof window.ResizeObserver<"u"}function b(i){const{ref:e,box:s,onResize:r}=i;d.useEffect(()=>{let n=e==null?void 0:e.current;if(n)if(u()){const t=new window.ResizeObserver(o=>{o.length&&r()});return t.observe(n,{box:s}),()=>{n&&t.unobserve(n)}}else return window.addEventListener("resize",r,!1),()=>{window.removeEventListener("resize",r,!1)}},[r,e,s])}exports.useResizeObserver=b;

package/index234.mjs

@@ -1,50 +1,31 @@
-import a, { useContext as d, useState as f, useRef as l } from "react";
-const c = {
-  prefix: String(Math.round(Math.random() * 1e10)),
-  current: 0
-}, $ = /* @__PURE__ */ a.createContext(c), p = /* @__PURE__ */ a.createContext(!1);
-let v = !!(typeof window < "u" && window.document && window.document.createElement), s = /* @__PURE__ */ new WeakMap();
-function S(t = !1) {
-  let e = d($), r = l(null);
-  if (r.current === null && !t) {
-    var n, u;
-    let o = (u = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || u === void 0 || (n = u.ReactCurrentOwner) === null || n === void 0 ? void 0 : n.current;
-    if (o) {
-      let i = s.get(o);
-      i == null ? s.set(o, {
-        id: e.current,
-        state: o.memoizedState
-      }) : o.memoizedState !== i.state && (e.current = i.id, s.delete(o));
-    }
-    r.current = ++e.current;
-  }
-  return r.current;
+import { useEffect as d } from "react";
+function f() {
+  return typeof window.ResizeObserver < "u";
 }
-function b(t) {
-  let e = d($);
-  e === c && !v && process.env.NODE_ENV !== "production" && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
-  let r = S(!!t), n = e === c && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${e.prefix}`;
-  return t || `${n}-${r}`;
-}
-function x(t) {
-  let e = a.useId(), [r] = f(y()), n = r || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${c.prefix}`;
-  return t || `${n}-${e}`;
-}
-const C = typeof a.useId == "function" ? x : b;
-function m() {
-  return !1;
-}
-function w() {
-  return !0;
-}
-function g(t) {
-  return () => {
-  };
-}
-function y() {
-  return typeof a.useSyncExternalStore == "function" ? a.useSyncExternalStore(g, m, w) : d(p);
+function u(o) {
+  const { ref: e, box: s, onResize: r } = o;
+  d(() => {
+    let n = e == null ? void 0 : e.current;
+    if (n)
+      if (f()) {
+        const i = new window.ResizeObserver((t) => {
+          t.length && r();
+        });
+        return i.observe(n, {
+          box: s
+        }), () => {
+          n && i.unobserve(n);
+        };
+      } else
+        return window.addEventListener("resize", r, !1), () => {
+          window.removeEventListener("resize", r, !1);
+        };
+  }, [
+    r,
+    e,
+    s
+  ]);
 }
 export {
-  y as useIsSSR,
-  C as useSSRSafeId
+  u as useResizeObserver
 };

package/index235.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(...t){return(...f)=>{for(let e of t)typeof e=="function"&&e(...f)}}exports.chain=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@react-aria/focus"),D=require("react"),h=require("./index236.js"),y=require("./index237.js"),t=[];function b(a,i){let{onClose:n,shouldCloseOnBlur:l,isOpen:o,isDismissable:u=!1,isKeyboardDismissDisabled:d=!1,shouldCloseOnInteractOutside:s}=a;D.useEffect(()=>{if(o&&!t.includes(i))return t.push(i),()=>{let e=t.indexOf(i);e>=0&&t.splice(e,1)}},[o,i]);let r=()=>{t[t.length-1]===i&&n&&n()},c=e=>{(!s||s(e.target))&&t[t.length-1]===i&&(e.stopPropagation(),e.preventDefault())},f=e=>{(!s||s(e.target))&&(t[t.length-1]===i&&(e.stopPropagation(),e.preventDefault()),r())},p=e=>{e.key==="Escape"&&!d&&!e.nativeEvent.isComposing&&(e.stopPropagation(),e.preventDefault(),r())};y.useInteractOutside({ref:i,onInteractOutside:u&&o?f:void 0,onInteractOutsideStart:c});let{focusWithinProps:O}=h.useFocusWithin({isDisabled:!l,onBlurWithin:e=>{!e.relatedTarget||v.isElementInChildOfActiveScope(e.relatedTarget)||(!s||s(e.relatedTarget))&&(n==null||n())}}),g=e=>{e.target===e.currentTarget&&e.preventDefault()};return{overlayProps:{onKeyDown:p,...O},underlayProps:{onPointerDown:g}}}exports.useOverlay=b;

package/index235.mjs

@@ -1,8 +1,52 @@
-function o(...f) {
-  return (...c) => {
-    for (let e of f) typeof e == "function" && e(...c);
+import { isElementInChildOfActiveScope as g } from "@react-aria/focus";
+import { useEffect as m } from "react";
+import { useFocusWithin as v } from "./index236.mjs";
+import { useInteractOutside as b } from "./index237.mjs";
+const t = [];
+function C(a, i) {
+  let { onClose: o, shouldCloseOnBlur: l, isOpen: n, isDismissable: d = !1, isKeyboardDismissDisabled: u = !1, shouldCloseOnInteractOutside: s } = a;
+  m(() => {
+    if (n && !t.includes(i))
+      return t.push(i), () => {
+        let e = t.indexOf(i);
+        e >= 0 && t.splice(e, 1);
+      };
+  }, [
+    n,
+    i
+  ]);
+  let r = () => {
+    t[t.length - 1] === i && o && o();
+  }, f = (e) => {
+    (!s || s(e.target)) && t[t.length - 1] === i && (e.stopPropagation(), e.preventDefault());
+  }, p = (e) => {
+    (!s || s(e.target)) && (t[t.length - 1] === i && (e.stopPropagation(), e.preventDefault()), r());
+  }, c = (e) => {
+    e.key === "Escape" && !u && !e.nativeEvent.isComposing && (e.stopPropagation(), e.preventDefault(), r());
+  };
+  b({
+    ref: i,
+    onInteractOutside: d && n ? p : void 0,
+    onInteractOutsideStart: f
+  });
+  let { focusWithinProps: O } = v({
+    isDisabled: !l,
+    onBlurWithin: (e) => {
+      !e.relatedTarget || g(e.relatedTarget) || (!s || s(e.relatedTarget)) && (o == null || o());
+    }
+  }), D = (e) => {
+    e.target === e.currentTarget && e.preventDefault();
+  };
+  return {
+    overlayProps: {
+      onKeyDown: c,
+      ...O
+    },
+    underlayProps: {
+      onPointerDown: D
+    }
   };
 }
 export {
-  o as chain
+  C as useOverlay
 };

package/index236.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index237.js"),r=require("./index238.js");function i(t,o){if(!r.shadowDOM())return o&&t?t.contains(o):!1;if(!t||!o)return!1;let e=o;for(;e!==null;){if(e===t)return!0;e.tagName==="SLOT"&&e.assignedSlot?e=e.assignedSlot.parentNode:a.isShadowRoot(e)?e=e.host:e=e.parentNode}return!1}const n=(t=document)=>{var o;if(!r.shadowDOM())return t.activeElement;let e=t.activeElement;for(;e&&"shadowRoot"in e&&(!((o=e.shadowRoot)===null||o===void 0)&&o.activeElement);)e=e.shadowRoot.activeElement;return e};function s(t){return r.shadowDOM()&&t.target.shadowRoot&&t.composedPath?t.composedPath()[0]:t.target}exports.getActiveElement=n;exports.getEventTarget=s;exports.nodeContains=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index322.js"),c=require("react"),l=require("./index252.js"),m=require("./index253.js"),p=require("./index259.js");function B(b){let{isDisabled:v,onBlurWithin:i,onFocusWithin:s,onFocusWithinChange:t}=b,n=c.useRef({isFocusWithin:!1}),{addGlobalListener:a,removeAllGlobalListeners:f}=p.useGlobalListeners(),r=c.useCallback(e=>{e.currentTarget.contains(e.target)&&n.current.isFocusWithin&&!e.currentTarget.contains(e.relatedTarget)&&(n.current.isFocusWithin=!1,f(),i&&i(e),t&&t(!1))},[i,t,n,f]),g=o.useSyntheticBlurEvent(r),W=c.useCallback(e=>{if(!e.currentTarget.contains(e.target))return;const u=m.getOwnerDocument(e.target),T=l.getActiveElement(u);if(!n.current.isFocusWithin&&T===l.getEventTarget(e.nativeEvent)){s&&s(e),t&&t(!0),n.current.isFocusWithin=!0,g(e);let h=e.currentTarget;a(u,"focus",d=>{if(n.current.isFocusWithin&&!l.nodeContains(h,d.target)){let F=new u.defaultView.FocusEvent("blur",{relatedTarget:d.target});o.setEventTarget(F,h);let E=o.createSyntheticEvent(F);r(E)}},{capture:!0})}},[s,t,g,a,r]);return v?{focusWithinProps:{onFocus:void 0,onBlur:void 0}}:{focusWithinProps:{onFocus:W,onBlur:r}}}exports.useFocusWithin=B;

package/index236.mjs

@@ -1,27 +1,57 @@
-import { isShadowRoot as f } from "./index237.mjs";
-import { shadowDOM as o } from "./index238.mjs";
-function n(t, a) {
-  if (!o()) return a && t ? t.contains(a) : !1;
-  if (!t || !a) return !1;
-  let e = a;
-  for (; e !== null; ) {
-    if (e === t) return !0;
-    e.tagName === "SLOT" && e.assignedSlot ? e = e.assignedSlot.parentNode : f(e) ? e = e.host : e = e.parentNode;
-  }
-  return !1;
-}
-const s = (t = document) => {
-  var a;
-  if (!o()) return t.activeElement;
-  let e = t.activeElement;
-  for (; e && "shadowRoot" in e && (!((a = e.shadowRoot) === null || a === void 0) && a.activeElement); ) e = e.shadowRoot.activeElement;
-  return e;
-};
-function d(t) {
-  return o() && t.target.shadowRoot && t.composedPath ? t.composedPath()[0] : t.target;
+import { useSyntheticBlurEvent as F, setEventTarget as W, createSyntheticEvent as v } from "./index322.mjs";
+import { useRef as x, useCallback as $ } from "react";
+import { getActiveElement as E, getEventTarget as T, nodeContains as B } from "./index252.mjs";
+import { getOwnerDocument as G } from "./index253.mjs";
+import { useGlobalListeners as L } from "./index259.mjs";
+function S(b) {
+  let { isDisabled: h, onBlurWithin: i, onFocusWithin: o, onFocusWithinChange: t } = b, r = x({
+    isFocusWithin: !1
+  }), { addGlobalListener: c, removeAllGlobalListeners: s } = L(), n = $((e) => {
+    e.currentTarget.contains(e.target) && r.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget) && (r.current.isFocusWithin = !1, s(), i && i(e), t && t(!1));
+  }, [
+    i,
+    t,
+    r,
+    s
+  ]), u = F(n), g = $((e) => {
+    if (!e.currentTarget.contains(e.target)) return;
+    const a = G(e.target), p = E(a);
+    if (!r.current.isFocusWithin && p === T(e.nativeEvent)) {
+      o && o(e), t && t(!0), r.current.isFocusWithin = !0, u(e);
+      let f = e.currentTarget;
+      c(a, "focus", (l) => {
+        if (r.current.isFocusWithin && !B(f, l.target)) {
+          let d = new a.defaultView.FocusEvent("blur", {
+            relatedTarget: l.target
+          });
+          W(d, f);
+          let m = v(d);
+          n(m);
+        }
+      }, {
+        capture: !0
+      });
+    }
+  }, [
+    o,
+    t,
+    u,
+    c,
+    n
+  ]);
+  return h ? {
+    focusWithinProps: {
+      // These cannot be null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  } : {
+    focusWithinProps: {
+      onFocus: g,
+      onBlur: n
+    }
+  };
 }
 export {
-  s as getActiveElement,
-  d as getEventTarget,
-  n as nodeContains
+  S as useFocusWithin
 };

package/index237.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=o=>{var n;return(n=o==null?void 0:o.ownerDocument)!==null&&n!==void 0?n:document},e=o=>o&&"window"in o&&o.window===o?o:t(o).defaultView||window;function d(o){return o!==null&&typeof o=="object"&&"nodeType"in o&&typeof o.nodeType=="number"}function c(o){return d(o)&&o.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in o}exports.getOwnerDocument=t;exports.getOwnerWindow=e;exports.isShadowRoot=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./index253.js"),v=require("./index266.js"),m=require("react");function D(r){let{ref:n,onInteractOutside:s,isDisabled:d,onInteractOutsideStart:l}=r,E=m.useRef({isPointerDown:!1,ignoreEmulatedMouseEvents:!1}),o=v.useEffectEvent(e=>{s&&c(e,n)&&(l&&l(e),E.current.isPointerDown=!0)}),f=v.useEffectEvent(e=>{s&&s(e)});m.useEffect(()=>{let e=E.current;if(d)return;const p=n.current,t=w.getOwnerDocument(p);if(typeof PointerEvent<"u"){let i=u=>{e.isPointerDown&&c(u,n)&&f(u),e.isPointerDown=!1};return t.addEventListener("pointerdown",o,!0),t.addEventListener("pointerup",i,!0),()=>{t.removeEventListener("pointerdown",o,!0),t.removeEventListener("pointerup",i,!0)}}else if(process.env.NODE_ENV==="test"){let i=a=>{e.ignoreEmulatedMouseEvents?e.ignoreEmulatedMouseEvents=!1:e.isPointerDown&&c(a,n)&&f(a),e.isPointerDown=!1},u=a=>{e.ignoreEmulatedMouseEvents=!0,e.isPointerDown&&c(a,n)&&f(a),e.isPointerDown=!1};return t.addEventListener("mousedown",o,!0),t.addEventListener("mouseup",i,!0),t.addEventListener("touchstart",o,!0),t.addEventListener("touchend",u,!0),()=>{t.removeEventListener("mousedown",o,!0),t.removeEventListener("mouseup",i,!0),t.removeEventListener("touchstart",o,!0),t.removeEventListener("touchend",u,!0)}}},[n,d,o,f])}function c(r,n){if(r.button>0)return!1;if(r.target){const s=r.target.ownerDocument;if(!s||!s.documentElement.contains(r.target)||r.target.closest("[data-react-aria-top-layer]"))return!1}return n.current?!r.composedPath().includes(n.current):!1}exports.useInteractOutside=D;

package/index237.mjs

@@ -1,15 +1,51 @@
-const t = (o) => {
-  var n;
-  return (n = o == null ? void 0 : o.ownerDocument) !== null && n !== void 0 ? n : document;
-}, e = (o) => o && "window" in o && o.window === o ? o : t(o).defaultView || window;
-function d(o) {
-  return o !== null && typeof o == "object" && "nodeType" in o && typeof o.nodeType == "number";
+import { getOwnerDocument as p } from "./index253.mjs";
+import { useEffectEvent as m } from "./index266.mjs";
+import { useRef as w, useEffect as D } from "react";
+function $(r) {
+  let { ref: n, onInteractOutside: s, isDisabled: d, onInteractOutsideStart: l } = r, E = w({
+    isPointerDown: !1,
+    ignoreEmulatedMouseEvents: !1
+  }), o = m((e) => {
+    s && c(e, n) && (l && l(e), E.current.isPointerDown = !0);
+  }), f = m((e) => {
+    s && s(e);
+  });
+  D(() => {
+    let e = E.current;
+    if (d) return;
+    const v = n.current, t = p(v);
+    if (typeof PointerEvent < "u") {
+      let i = (u) => {
+        e.isPointerDown && c(u, n) && f(u), e.isPointerDown = !1;
+      };
+      return t.addEventListener("pointerdown", o, !0), t.addEventListener("pointerup", i, !0), () => {
+        t.removeEventListener("pointerdown", o, !0), t.removeEventListener("pointerup", i, !0);
+      };
+    } else if (process.env.NODE_ENV === "test") {
+      let i = (a) => {
+        e.ignoreEmulatedMouseEvents ? e.ignoreEmulatedMouseEvents = !1 : e.isPointerDown && c(a, n) && f(a), e.isPointerDown = !1;
+      }, u = (a) => {
+        e.ignoreEmulatedMouseEvents = !0, e.isPointerDown && c(a, n) && f(a), e.isPointerDown = !1;
+      };
+      return t.addEventListener("mousedown", o, !0), t.addEventListener("mouseup", i, !0), t.addEventListener("touchstart", o, !0), t.addEventListener("touchend", u, !0), () => {
+        t.removeEventListener("mousedown", o, !0), t.removeEventListener("mouseup", i, !0), t.removeEventListener("touchstart", o, !0), t.removeEventListener("touchend", u, !0);
+      };
+    }
+  }, [
+    n,
+    d,
+    o,
+    f
+  ]);
 }
-function c(o) {
-  return d(o) && o.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in o;
+function c(r, n) {
+  if (r.button > 0) return !1;
+  if (r.target) {
+    const s = r.target.ownerDocument;
+    if (!s || !s.documentElement.contains(r.target) || r.target.closest("[data-react-aria-top-layer]")) return !1;
+  }
+  return n.current ? !r.composedPath().includes(n.current) : !1;
 }
 export {
-  t as getOwnerDocument,
-  e as getOwnerWindow,
-  c as isShadowRoot
+  $ as useInteractOutside
 };