@okam/stack-ui 1.41.2 → 1.42.0

package/index231.mjs

@@ -1,200 +1,128 @@
-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;
+import { createContext as O, useMemo as I, useContext as U, useState as f, useRef as T, useEffect as R } from "react";
+const D = {
+  badInput: !1,
+  customError: !1,
+  patternMismatch: !1,
+  rangeOverflow: !1,
+  rangeUnderflow: !1,
+  stepMismatch: !1,
+  tooLong: !1,
+  tooShort: !1,
+  typeMismatch: !1,
+  valueMissing: !1,
+  valid: !0
+}, L = {
+  ...D,
+  customError: !0,
+  valid: !1
+}, u = {
+  isInvalid: !1,
+  validationDetails: D,
+  validationErrors: []
+}, B = O({}), h = "__formValidationState" + Date.now();
+function P(a) {
+  if (a[h]) {
+    let { realtimeValidation: e, displayValidation: t, updateValidation: i, resetValidation: o, commitValidation: l } = a[h];
+    return {
+      realtimeValidation: e,
+      displayValidation: t,
+      updateValidation: i,
+      resetValidation: o,
+      commitValidation: l
+    };
   }
-  return {
-    width: t,
-    height: o,
-    totalWidth: c,
-    totalHeight: i,
-    scroll: l,
-    top: a,
-    left: f
-  };
+  return Q(a);
 }
-function ct(e) {
-  return {
-    top: e.scrollTop,
-    left: e.scrollLeft,
-    width: e.scrollWidth,
-    height: e.scrollHeight
+function Q(a) {
+  let { isInvalid: e, validationState: t, name: i, value: o, builtinValidation: l, validate: d, validationBehavior: n = "aria" } = a;
+  t && (e || (e = t === "invalid"));
+  let v = e !== void 0 ? {
+    isInvalid: e,
+    validationErrors: [],
+    validationDetails: L
+  } : null, V = I(() => {
+    if (!d || o == null) return null;
+    let r = Y(d, o);
+    return C(r);
+  }, [
+    d,
+    o
+  ]);
+  l != null && l.validationDetails.valid && (l = void 0);
+  let s = U(B), A = I(() => i ? Array.isArray(i) ? i.flatMap((r) => S(s[r])) : S(s[i]) : [], [
+    s,
+    i
+  ]), [M, _] = f(s), [x, m] = f(!1);
+  s !== M && (_(s), m(!1));
+  let $ = I(() => C(x ? [] : A), [
+    x,
+    A
+  ]), g = T(u), [b, E] = f(u), c = T(u), w = () => {
+    if (!F) return;
+    p(!1);
+    let r = V || l || g.current;
+    y(r, c.current) || (c.current = r, E(r));
+  }, [F, p] = f(!1);
+  return R(w), {
+    realtimeValidation: v || $ || V || l || u,
+    displayValidation: n === "native" ? v || $ || b : v || $ || V || l || b,
+    updateValidation(r) {
+      n === "aria" && !y(b, r) ? E(r) : g.current = r;
+    },
+    resetValidation() {
+      let r = u;
+      y(r, c.current) || (c.current = r, E(r)), n === "native" && p(!1), m(!0);
+    },
+    commitValidation() {
+      n === "native" && p(!0), m(!0);
+    }
   };
 }
-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 S(a) {
+  return a ? Array.isArray(a) ? a : [
+    a
+  ] : [];
 }
-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 Y(a, e) {
+  if (typeof a == "function") {
+    let t = a(e);
+    if (t && typeof t != "boolean") return S(t);
+  }
+  return [];
 }
-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 C(a) {
+  return a.length ? {
+    isInvalid: !0,
+    validationErrors: a,
+    validationDetails: L
+  } : null;
 }
-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 y(a, e) {
+  return a === e ? !0 : !!a && !!e && a.isInvalid === e.isInvalid && a.validationErrors.length === e.validationErrors.length && a.validationErrors.every((t, i) => t === e.validationErrors[i]) && Object.entries(a.validationDetails).every(([t, i]) => e.validationDetails[t] === 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 k(...a) {
+  let e = /* @__PURE__ */ new Set(), t = !1, i = {
+    ...D
   };
-}
-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;
+  for (let d of a) {
+    var o, l;
+    for (let n of d.validationErrors) e.add(n);
+    t || (t = d.isInvalid);
+    for (let n in i) (o = i)[l = n] || (o[l] = d.validationDetails[n]);
   }
-  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
+  return i.valid = !t, {
+    isInvalid: t,
+    validationErrors: [
+      ...e
+    ],
+    validationDetails: 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 {
-  dt as calculatePosition,
-  nt as calculatePositionInternal
+  u as DEFAULT_VALIDATION_RESULT,
+  B as FormValidationContext,
+  D as VALID_VALIDITY_STATE,
+  k as mergeValidation,
+  h as privateValidationStateProp,
+  P as useFormValidationState
 };

package/index232.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function m(o,p,s){let[b,u]=l.useState(o||p),i=l.useRef(o!==void 0),e=o!==void 0;l.useEffect(()=>{let t=i.current;t!==e&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${t?"controlled":"uncontrolled"} to ${e?"controlled":"uncontrolled"}.`),i.current=e},[e]);let n=e?o:b,S=l.useCallback((t,...f)=>{let d=(r,...c)=>{s&&(Object.is(n,r)||s(r,...c)),e||(n=r)};typeof t=="function"?(process.env.NODE_ENV!=="production"&&console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),u((c,...V)=>{let a=t(e?n:c,...V);return d(a,...f),e?c:a})):(e||u(t),d(t,...f))},[e,n,s]);return[n,S]}exports.useControlledState=m;

package/index232.mjs

@@ -1,25 +1,30 @@
-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);
-    };
+import { useState as V, useRef as C, useEffect as E, useCallback as N } from "react";
+function S(n, a, l) {
+  let [p, s] = V(n || a), i = C(n !== void 0), e = n !== void 0;
+  E(() => {
+    let t = i.current;
+    t !== e && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), i.current = e;
   }, [
-    r,
-    t,
     e
   ]);
+  let o = e ? n : p, b = N((t, ...u) => {
+    let f = (r, ...c) => {
+      l && (Object.is(o, r) || l(r, ...c)), e || (o = r);
+    };
+    typeof t == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((c, ...m) => {
+      let d = t(e ? o : c, ...m);
+      return f(d, ...u), e ? c : d;
+    })) : (e || s(t), f(t, ...u));
+  }, [
+    e,
+    o,
+    l
+  ]);
+  return [
+    o,
+    b
+  ];
 }
 export {
-  i as onCloseMap,
-  u as useCloseOnScroll
+  S as useControlledState
 };

package/index233.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 M=require("./index234.js"),A=require("./index235.js"),f=require("react"),P=require("./index236.js"),j=require("./index237.js"),D=require("@react-aria/i18n");let e=typeof document<"u"?window.visualViewport:null;function G(n){let{direction:h}=D.useLocale(),{arrowSize:$=0,targetRef:v,overlayRef:i,scrollRef:s=i,placement:w="bottom",containerPadding:C=12,shouldFlip:H=!0,boundaryElement:R=typeof document<"u"?document.body:null,offset:S=0,crossOffset:B=0,shouldUpdatePosition:q=!0,isOpen:p=!0,onClose:m,maxHeight:O,arrowBoundaryOffset:T=0}=n,[t,k]=f.useState(null),F=[q,w,i.current,v.current,s.current,C,H,R,S,B,p,h,O,T,$],N=f.useRef(e==null?void 0:e.scale);f.useEffect(()=>{p&&(N.current=e==null?void 0:e.scale)},[p]);let u=f.useCallback(()=>{if(q===!1||!p||!i.current||!v.current||!R||(e==null?void 0:e.scale)!==N.current)return;let o=null;if(s.current&&s.current.contains(document.activeElement)){var a;let r=(a=document.activeElement)===null||a===void 0?void 0:a.getBoundingClientRect(),g=s.current.getBoundingClientRect();var d;if(o={type:"top",offset:((d=r==null?void 0:r.top)!==null&&d!==void 0?d:0)-g.top},o.offset>g.height/2){o.type="bottom";var x;o.offset=((x=r==null?void 0:r.bottom)!==null&&x!==void 0?x:0)-g.bottom}}let l=i.current;if(!O&&i.current){var z;l.style.top="0px",l.style.bottom="";var L;l.style.maxHeight=((L=(z=window.visualViewport)===null||z===void 0?void 0:z.height)!==null&&L!==void 0?L:window.innerHeight)+"px"}let c=M.calculatePosition({placement:K(w,h),overlayNode:i.current,targetNode:v.current,scrollNode:s.current||i.current,padding:C,shouldFlip:H,boundaryElement:R,offset:S,crossOffset:B,maxHeight:O,arrowSize:$,arrowBoundaryOffset:T});if(c.position){if(l.style.top="",l.style.bottom="",l.style.left="",l.style.right="",Object.keys(c.position).forEach(r=>l.style[r]=c.position[r]+"px"),l.style.maxHeight=c.maxHeight!=null?c.maxHeight+"px":"",o&&document.activeElement&&s.current){let r=document.activeElement.getBoundingClientRect(),g=s.current.getBoundingClientRect(),I=r[o.type]-g[o.type];s.current.scrollTop+=I-o.offset}k(c)}},F);P.useLayoutEffect(u,F),J(u),j.useResizeObserver({ref:i,onResize:u}),j.useResizeObserver({ref:v,onResize:u});let y=f.useRef(!1);P.useLayoutEffect(()=>{let o,a=()=>{y.current=!0,clearTimeout(o),o=setTimeout(()=>{y.current=!1},500),u()},d=()=>{y.current&&a()};return e==null||e.addEventListener("resize",a),e==null||e.addEventListener("scroll",d),()=>{e==null||e.removeEventListener("resize",a),e==null||e.removeEventListener("scroll",d)}},[u]);let U=f.useCallback(()=>{y.current||m==null||m()},[m,y]);A.useCloseOnScroll({triggerRef:v,isOpen:p,onClose:m&&U});var b,E;return{overlayProps:{style:{position:"absolute",zIndex:1e5,...t==null?void 0:t.position,maxHeight:(b=t==null?void 0:t.maxHeight)!==null&&b!==void 0?b:"100vh"}},placement:(E=t==null?void 0:t.placement)!==null&&E!==void 0?E:null,arrowProps:{"aria-hidden":"true",role:"presentation",style:{left:t==null?void 0:t.arrowOffsetLeft,top:t==null?void 0:t.arrowOffsetTop}},updatePosition:u}}function J(n){P.useLayoutEffect(()=>(window.addEventListener("resize",n,!1),()=>{window.removeEventListener("resize",n,!1)}),[n])}function K(n,h){return h==="rtl"?n.replace("start","right").replace("end","left"):n.replace("start","left").replace("end","right")}exports.useOverlayPosition=G;

package/index233.mjs

@@ -1,6 +1,143 @@
-import e from "react";
-const f = typeof document < "u" ? e.useLayoutEffect : () => {
-};
+import { calculatePosition as D } from "./index234.mjs";
+import { useCloseOnScroll as G } from "./index235.mjs";
+import { useState as J, useRef as U, useEffect as K, useCallback as j } from "react";
+import { useLayoutEffect as z } from "./index236.mjs";
+import { useResizeObserver as k } from "./index237.mjs";
+import { useLocale as M } from "@react-aria/i18n";
+let e = typeof document < "u" ? window.visualViewport : null;
+function te(n) {
+  let { direction: y } = M(), { arrowSize: w = 0, targetRef: c, overlayRef: i, scrollRef: s = i, placement: H = "bottom", containerPadding: P = 12, shouldFlip: L = !0, boundaryElement: $ = typeof document < "u" ? document.body : null, offset: C = 0, crossOffset: B = 0, shouldUpdatePosition: S = !0, isOpen: v = !0, onClose: p, maxHeight: b, arrowBoundaryOffset: T = 0 } = n, [t, I] = J(null), F = [
+    S,
+    H,
+    i.current,
+    c.current,
+    s.current,
+    P,
+    L,
+    $,
+    C,
+    B,
+    v,
+    y,
+    b,
+    T,
+    w
+  ], N = U(e == null ? void 0 : e.scale);
+  K(() => {
+    v && (N.current = e == null ? void 0 : e.scale);
+  }, [
+    v
+  ]);
+  let a = j(() => {
+    if (S === !1 || !v || !i.current || !c.current || !$ || (e == null ? void 0 : e.scale) !== N.current) return;
+    let o = null;
+    if (s.current && s.current.contains(document.activeElement)) {
+      var d;
+      let r = (d = document.activeElement) === null || d === void 0 ? void 0 : d.getBoundingClientRect(), g = s.current.getBoundingClientRect();
+      var u;
+      if (o = {
+        type: "top",
+        offset: ((u = r == null ? void 0 : r.top) !== null && u !== void 0 ? u : 0) - g.top
+      }, o.offset > g.height / 2) {
+        o.type = "bottom";
+        var R;
+        o.offset = ((R = r == null ? void 0 : r.bottom) !== null && R !== void 0 ? R : 0) - g.bottom;
+      }
+    }
+    let l = i.current;
+    if (!b && i.current) {
+      var O;
+      l.style.top = "0px", l.style.bottom = "";
+      var E;
+      l.style.maxHeight = ((E = (O = window.visualViewport) === null || O === void 0 ? void 0 : O.height) !== null && E !== void 0 ? E : window.innerHeight) + "px";
+    }
+    let f = D({
+      placement: W(H, y),
+      overlayNode: i.current,
+      targetNode: c.current,
+      scrollNode: s.current || i.current,
+      padding: P,
+      shouldFlip: L,
+      boundaryElement: $,
+      offset: C,
+      crossOffset: B,
+      maxHeight: b,
+      arrowSize: w,
+      arrowBoundaryOffset: T
+    });
+    if (f.position) {
+      if (l.style.top = "", l.style.bottom = "", l.style.left = "", l.style.right = "", Object.keys(f.position).forEach((r) => l.style[r] = f.position[r] + "px"), l.style.maxHeight = f.maxHeight != null ? f.maxHeight + "px" : "", o && document.activeElement && s.current) {
+        let r = document.activeElement.getBoundingClientRect(), g = s.current.getBoundingClientRect(), A = r[o.type] - g[o.type];
+        s.current.scrollTop += A - o.offset;
+      }
+      I(f);
+    }
+  }, F);
+  z(a, F), Q(a), k({
+    ref: i,
+    onResize: a
+  }), k({
+    ref: c,
+    onResize: a
+  });
+  let m = U(!1);
+  z(() => {
+    let o, d = () => {
+      m.current = !0, clearTimeout(o), o = setTimeout(() => {
+        m.current = !1;
+      }, 500), a();
+    }, u = () => {
+      m.current && d();
+    };
+    return e == null || e.addEventListener("resize", d), e == null || e.addEventListener("scroll", u), () => {
+      e == null || e.removeEventListener("resize", d), e == null || e.removeEventListener("scroll", u);
+    };
+  }, [
+    a
+  ]);
+  let q = j(() => {
+    m.current || p == null || p();
+  }, [
+    p,
+    m
+  ]);
+  G({
+    triggerRef: c,
+    isOpen: v,
+    onClose: p && q
+  });
+  var h, x;
+  return {
+    overlayProps: {
+      style: {
+        position: "absolute",
+        zIndex: 1e5,
+        ...t == null ? void 0 : t.position,
+        maxHeight: (h = t == null ? void 0 : t.maxHeight) !== null && h !== void 0 ? h : "100vh"
+      }
+    },
+    placement: (x = t == null ? void 0 : t.placement) !== null && x !== void 0 ? x : null,
+    arrowProps: {
+      "aria-hidden": "true",
+      role: "presentation",
+      style: {
+        left: t == null ? void 0 : t.arrowOffsetLeft,
+        top: t == null ? void 0 : t.arrowOffsetTop
+      }
+    },
+    updatePosition: a
+  };
+}
+function Q(n) {
+  z(() => (window.addEventListener("resize", n, !1), () => {
+    window.removeEventListener("resize", n, !1);
+  }), [
+    n
+  ]);
+}
+function W(n, y) {
+  return y === "rtl" ? n.replace("start", "right").replace("end", "left") : n.replace("start", "left").replace("end", "right");
+}
 export {
-  f as useLayoutEffect
+  te as useOverlayPosition
 };

package/index234.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const it=require("./index244.js"),q=require("./index288.js"),x={top:"top",bottom:"top",left:"left",right:"left"},z={top:"bottom",bottom:"top",left:"right",right:"left"},ct={top:"left",left:"top"},j={top:"height",left:"width"},B={width:"totalWidth",height:"totalHeight"},H={};let $=typeof document<"u"?window.visualViewport:null;function G(e){let t=0,o=0,c=0,i=0,r=0,f=0,l={};var v;let p=((v=$==null?void 0:$.scale)!==null&&v!==void 0?v:1)>1;if(e.tagName==="BODY"){let h=document.documentElement;c=h.clientWidth,i=h.clientHeight;var s;t=(s=$==null?void 0:$.width)!==null&&s!==void 0?s:c;var d;o=(d=$==null?void 0:$.height)!==null&&d!==void 0?d:i,l.top=h.scrollTop||e.scrollTop,l.left=h.scrollLeft||e.scrollLeft,$&&(r=$.offsetTop,f=$.offsetLeft)}else({width:t,height:o,top:r,left:f}=M(e)),l.top=e.scrollTop,l.left=e.scrollLeft,c=t,i=o;if(it.isWebKit()&&(e.tagName==="BODY"||e.tagName==="HTML")&&p){l.top=0,l.left=0;var g;r=(g=$==null?void 0:$.pageTop)!==null&&g!==void 0?g:0;var n;f=(n=$==null?void 0:$.pageLeft)!==null&&n!==void 0?n:0}return{width:t,height:o,totalWidth:c,totalHeight:i,scroll:l,top:r,left:f}}function nt(e){return{top:e.scrollTop,left:e.scrollLeft,width:e.scrollWidth,height:e.scrollHeight}}function K(e,t,o,c,i,r,f){var l;let v=(l=i.scroll[e])!==null&&l!==void 0?l:0,p=c[j[e]],s=c.scroll[x[e]]+r,d=p+c.scroll[x[e]]-r,g=t-v+f[e]-c[x[e]],n=t-v+o+f[e]-c[x[e]];return g<s?s-g:n>d?Math.max(d-n,s-g):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=x[t]||"right",i=ct[c];x[o]||(o="center");let r=j[c],f=j[i];return H[e]={placement:t,crossPlacement:o,axis:c,crossAxis:i,size:r,crossSize:f},H[e]}function Z(e,t,o,c,i,r,f,l,v,p){let{placement:s,crossPlacement:d,axis:g,crossAxis:n,size:h,crossSize:u}=c,a={};var w;a[n]=(w=e[n])!==null&&w!==void 0?w:0;var m,P,E,T;d==="center"?a[n]+=(((m=e[u])!==null&&m!==void 0?m:0)-((P=o[u])!==null&&P!==void 0?P:0))/2:d!==n&&(a[n]+=((E=e[u])!==null&&E!==void 0?E:0)-((T=o[u])!==null&&T!==void 0?T:0)),a[n]+=r;const _=e[n]-o[u]+v+p,S=e[n]+e[u]-v-p;if(a[n]=q.clamp(a[n],_,S),s===g){const L=l?f[h]:t[B[h]];a[z[g]]=Math.floor(L-e[g]+i)}else a[g]=Math.floor(e[g]+e[h]+i);return a}function at(e,t,o,c,i,r,f,l){const v=c?o.height:t[B.height];var p;let s=e.top!=null?o.top+e.top:o.top+(v-((p=e.bottom)!==null&&p!==void 0?p:0)-f);var d,g,n,h,u,a;let w=l!=="top"?Math.max(0,t.height+t.top+((d=t.scroll.top)!==null&&d!==void 0?d:0)-s-(((g=i.top)!==null&&g!==void 0?g:0)+((n=i.bottom)!==null&&n!==void 0?n:0)+r)):Math.max(0,s+f-(t.top+((h=t.scroll.top)!==null&&h!==void 0?h:0))-(((u=i.top)!==null&&u!==void 0?u:0)+((a=i.bottom)!==null&&a!==void 0?a:0)+r));return Math.min(t.height-r*2,w)}function Q(e,t,o,c,i,r){let{placement:f,axis:l,size:v}=r;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 d;return Math.max(0,e[v]+e[l]+e.scroll[l]-t[l]-o[l]-o[v]-((d=c[l])!==null&&d!==void 0?d:0)-c[z[l]]-i)}function V(e,t,o,c,i,r,f,l,v,p,s,d,g,n,h,u){let a=J(e),{size:w,crossAxis:m,crossSize:P,placement:E,crossPlacement:T}=a,_=Z(t,l,o,a,s,d,p,g,h,u),S=s,L=Q(l,p,t,i,r+s,a);if(f&&c[w]>L){let X=J(`${z[E]} ${T}`),ot=Z(t,l,o,X,s,d,p,g,h,u);Q(l,p,t,i,r+s,X)>L&&(a=X,_=ot,S=s)}let b="bottom";a.axis==="top"?a.placement==="top"?b="top":a.placement==="bottom"&&(b="bottom"):a.crossAxis==="top"&&(a.crossPlacement==="top"?b="bottom":a.crossPlacement==="bottom"&&(b="top"));let I=K(m,_[m],o[P],l,v,r,p);_[m]+=I;let C=at(_,l,p,g,i,r,o.height,b);n&&n<C&&(C=n),o.height=Math.min(o.height,C),_=Z(t,l,o,a,S,d,p,g,h,u),I=K(m,_[m],o[P],l,v,r,p),_[m]+=I;let A={},k=t[m]+.5*t[P]-_[m]-i[x[m]];const D=h/2+u;var F,N,R,Y;const O=x[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),y=o[P]-O-h/2-u,tt=t[m]+h/2-(_[m]+i[x[m]]),et=t[m]+t[P]-h/2-(_[m]+i[x[m]]),lt=q.clamp(k,tt,et);return A[m]=q.clamp(lt,D,y),{position:_,maxHeight:C,arrowOffsetLeft:A.left,arrowOffsetTop:A.top,placement:a.placement}}function pt(e){let{placement:t,targetNode:o,overlayNode:c,scrollNode:i,padding:r,shouldFlip:f,boundaryElement:l,offset:v,crossOffset:p,maxHeight:s,arrowSize:d=0,arrowBoundaryOffset:g=0}=e,n=c instanceof HTMLElement?st(c):document.documentElement,h=n===document.documentElement;const u=window.getComputedStyle(n).position;let a=!!u&&u!=="static",w=h?M(o):U(o,n);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),P=rt(c);var E,T;m.width+=((E=P.left)!==null&&E!==void 0?E:0)+((T=P.right)!==null&&T!==void 0?T:0);var _,S;m.height+=((_=P.top)!==null&&_!==void 0?_:0)+((S=P.bottom)!==null&&S!==void 0?S:0);let L=nt(i),b=G(l),I=G(n),C=l.tagName==="BODY"?M(n):U(n,l);return n.tagName==="HTML"&&l.tagName==="BODY"&&(I.scroll.top=0,I.scroll.left=0),V(t,w,m,L,P,r,f,b,I,C,v,p,a,s,d,g)}function M(e){let{top:t,left:o,width:c,height:i}=e.getBoundingClientRect(),{scrollTop:r,scrollLeft:f,clientTop:l,clientLeft:v}=document.documentElement;return{top:t+r-l,left:o+f-v,width:c,height:i}}function U(e,t){let o=window.getComputedStyle(e),c;if(o.position==="fixed"){let{top:i,left:r,width:f,height:l}=e.getBoundingClientRect();c={top:i,left:r,width:f,height:l}}else{c=M(e);let i=M(t),r=window.getComputedStyle(t);i.top+=(parseInt(r.borderTopWidth,10)||0)-t.scrollTop,i.left+=(parseInt(r.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 st(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"}exports.calculatePosition=pt;exports.calculatePositionInternal=V;