@okam/stack-ui 1.42.1 → 1.42.3

package/index232.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),v={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},x={...v,customError:!0,valid:!1},c={isInvalid:!1,validationDetails:v,validationErrors:[]},h=n.createContext({}),I="__formValidationState"+Date.now();function R(e){if(e[I]){let{realtimeValidation:a,displayValidation:t,updateValidation:i,resetValidation:d,commitValidation:l}=e[I];return{realtimeValidation:a,displayValidation:t,updateValidation:i,resetValidation:d,commitValidation:l}}return w(e)}function w(e){let{isInvalid:a,validationState:t,name:i,value:d,builtinValidation:l,validate:s,validationBehavior:o="aria"}=e;t&&(a||(a=t==="invalid"));let V=a!==void 0?{isInvalid:a,validationErrors:[],validationDetails:x}:null,m=n.useMemo(()=>{if(!s||d==null)return null;let r=F(s,d);return T(r)},[s,d]);l!=null&&l.validationDetails.valid&&(l=void 0);let u=n.useContext(h),A=n.useMemo(()=>i?Array.isArray(i)?i.flatMap(r=>D(u[r])):D(u[i]):[],[u,i]),[C,L]=n.useState(u),[g,$]=n.useState(!1);u!==C&&(L(u),$(!1));let b=n.useMemo(()=>T(g?[]:A),[g,A]),M=n.useRef(c),[E,p]=n.useState(c),f=n.useRef(c),_=()=>{if(!O)return;S(!1);let r=m||l||M.current;y(r,f.current)||(f.current=r,p(r))},[O,S]=n.useState(!1);return n.useEffect(_),{realtimeValidation:V||b||m||l||c,displayValidation:o==="native"?V||b||E:V||b||m||l||E,updateValidation(r){o==="aria"&&!y(E,r)?p(r):M.current=r},resetValidation(){let r=c;y(r,f.current)||(f.current=r,p(r)),o==="native"&&S(!1),$(!0)},commitValidation(){o==="native"&&S(!0),$(!0)}}}function D(e){return e?Array.isArray(e)?e:[e]:[]}function F(e,a){if(typeof e=="function"){let t=e(a);if(t&&typeof t!="boolean")return D(t)}return[]}function T(e){return e.length?{isInvalid:!0,validationErrors:e,validationDetails:x}:null}function y(e,a){return e===a?!0:!!e&&!!a&&e.isInvalid===a.isInvalid&&e.validationErrors.length===a.validationErrors.length&&e.validationErrors.every((t,i)=>t===a.validationErrors[i])&&Object.entries(e.validationDetails).every(([t,i])=>a.validationDetails[t]===i)}function U(...e){let a=new Set,t=!1,i={...v};for(let s of e){var d,l;for(let o of s.validationErrors)a.add(o);t||(t=s.isInvalid);for(let o in i)(d=i)[l=o]||(d[l]=s.validationDetails[o])}return i.valid=!t,{isInvalid:t,validationErrors:[...a],validationDetails:i}}exports.DEFAULT_VALIDATION_RESULT=c;exports.FormValidationContext=h;exports.VALID_VALIDITY_STATE=v;exports.mergeValidation=U;exports.privateValidationStateProp=I;exports.useFormValidationState=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./index233.js"),A=require("./index234.js"),f=require("react"),P=require("./index235.js"),j=require("./index236.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/index232.mjs

@@ -1,128 +1,143 @@
-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
+import { calculatePosition as D } from "./index233.mjs";
+import { useCloseOnScroll as G } from "./index234.mjs";
+import { useState as J, useRef as U, useEffect as K, useCallback as j } from "react";
+import { useLayoutEffect as z } from "./index235.mjs";
+import { useResizeObserver as k } from "./index236.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 Q(a);
-}
-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);
+    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();
   }, [
-    d,
-    o
+    p,
+    m
   ]);
-  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;
+  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"
+      }
     },
-    resetValidation() {
-      let r = u;
-      y(r, c.current) || (c.current = r, E(r)), n === "native" && p(!1), m(!0);
+    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
+      }
     },
-    commitValidation() {
-      n === "native" && p(!0), m(!0);
-    }
+    updatePosition: a
   };
 }
-function S(a) {
-  return a ? Array.isArray(a) ? a : [
-    a
-  ] : [];
-}
-function Y(a, e) {
-  if (typeof a == "function") {
-    let t = a(e);
-    if (t && typeof t != "boolean") return S(t);
-  }
-  return [];
-}
-function C(a) {
-  return a.length ? {
-    isInvalid: !0,
-    validationErrors: a,
-    validationDetails: L
-  } : null;
-}
-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 Q(n) {
+  z(() => (window.addEventListener("resize", n, !1), () => {
+    window.removeEventListener("resize", n, !1);
+  }), [
+    n
+  ]);
 }
-function k(...a) {
-  let e = /* @__PURE__ */ new Set(), t = !1, i = {
-    ...D
-  };
-  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]);
-  }
-  return i.valid = !t, {
-    isInvalid: t,
-    validationErrors: [
-      ...e
-    ],
-    validationDetails: i
-  };
+function W(n, y) {
+  return y === "rtl" ? n.replace("start", "right").replace("end", "left") : n.replace("start", "left").replace("end", "right");
 }
 export {
-  u as DEFAULT_VALIDATION_RESULT,
-  B as FormValidationContext,
-  D as VALID_VALIDITY_STATE,
-  k as mergeValidation,
-  h as privateValidationStateProp,
-  P as useFormValidationState
+  te as useOverlayPosition
 };

package/index233.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const it=require("./index243.js"),q=require("./index289.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;

package/index233.mjs

@@ -1,30 +1,200 @@
-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;
-  }, [
-    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);
+import { isWebKit as ot } from "./index243.mjs";
+import { clamp as G } from "./index289.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
     };
-    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
-  ];
+  } 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 {
-  S as useControlledState
+  dt as calculatePosition,
+  nt as calculatePositionInternal
 };

package/index234.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index324.js"),f=require("react"),E=require("./index237.js"),v=require("./index259.js");function g(i,e,t){let{validationBehavior:s,focus:u}=i;E.useLayoutEffect(()=>{if(s==="native"&&(t!=null&&t.current)&&!t.current.disabled){let n=e.realtimeValidation.isInvalid?e.realtimeValidation.validationErrors.join(" ")||"Invalid value.":"";t.current.setCustomValidity(n),t.current.hasAttribute("title")||(t.current.title=""),e.realtimeValidation.isInvalid||e.updateValidation(h(t.current))}});let o=v.useEffectEvent(()=>{e.resetValidation()}),l=v.useEffectEvent(n=>{var a;e.displayValidation.isInvalid||e.commitValidation();let c=t==null||(a=t.current)===null||a===void 0?void 0:a.form;if(!n.defaultPrevented&&t&&c&&b(c)===t.current){var d;u?u():(d=t.current)===null||d===void 0||d.focus(),m.setInteractionModality("keyboard")}n.preventDefault()}),r=v.useEffectEvent(()=>{e.commitValidation()});f.useEffect(()=>{let n=t==null?void 0:t.current;if(!n)return;let a=n.form;return n.addEventListener("invalid",l),n.addEventListener("change",r),a==null||a.addEventListener("reset",o),()=>{n.removeEventListener("invalid",l),n.removeEventListener("change",r),a==null||a.removeEventListener("reset",o)}},[t,l,r,o,s])}function y(i){let e=i.validity;return{badInput:e.badInput,customError:e.customError,patternMismatch:e.patternMismatch,rangeOverflow:e.rangeOverflow,rangeUnderflow:e.rangeUnderflow,stepMismatch:e.stepMismatch,tooLong:e.tooLong,tooShort:e.tooShort,typeMismatch:e.typeMismatch,valueMissing:e.valueMissing,valid:e.valid}}function h(i){return{isInvalid:!i.validity.valid,validationDetails:y(i),validationErrors:i.validationMessage?[i.validationMessage]:[]}}function b(i){for(let e=0;e<i.elements.length;e++){let t=i.elements[e];if(!t.validity.valid)return t}return null}exports.useFormValidation=g;
+"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/index234.mjs

@@ -1,76 +1,25 @@
-import { setInteractionModality as m } from "./index324.mjs";
-import { useEffect as f } from "react";
-import { useLayoutEffect as $ } from "./index237.mjs";
-import { useEffectEvent as v } from "./index259.mjs";
-function V(t, i, e) {
-  let { validationBehavior: s, focus: u } = t;
-  $(() => {
-    if (s === "native" && (e != null && e.current) && !e.current.disabled) {
-      let a = i.realtimeValidation.isInvalid ? i.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
-      e.current.setCustomValidity(a), e.current.hasAttribute("title") || (e.current.title = ""), i.realtimeValidation.isInvalid || i.updateValidation(g(e.current));
-    }
-  });
-  let o = v(() => {
-    i.resetValidation();
-  }), l = v((a) => {
-    var n;
-    i.displayValidation.isInvalid || i.commitValidation();
-    let c = e == null || (n = e.current) === null || n === void 0 ? void 0 : n.form;
-    if (!a.defaultPrevented && e && c && b(c) === e.current) {
-      var d;
-      u ? u() : (d = e.current) === null || d === void 0 || d.focus(), m("keyboard");
-    }
-    a.preventDefault();
-  }), r = v(() => {
-    i.commitValidation();
-  });
-  f(() => {
-    let a = e == null ? void 0 : e.current;
-    if (!a) return;
-    let n = a.form;
-    return a.addEventListener("invalid", l), a.addEventListener("change", r), n == null || n.addEventListener("reset", o), () => {
-      a.removeEventListener("invalid", l), a.removeEventListener("change", r), n == null || n.removeEventListener("reset", o);
+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);
     };
   }, [
-    e,
-    l,
     r,
-    o,
-    s
+    t,
+    e
   ]);
 }
-function p(t) {
-  let i = t.validity;
-  return {
-    badInput: i.badInput,
-    customError: i.customError,
-    patternMismatch: i.patternMismatch,
-    rangeOverflow: i.rangeOverflow,
-    rangeUnderflow: i.rangeUnderflow,
-    stepMismatch: i.stepMismatch,
-    tooLong: i.tooLong,
-    tooShort: i.tooShort,
-    typeMismatch: i.typeMismatch,
-    valueMissing: i.valueMissing,
-    valid: i.valid
-  };
-}
-function g(t) {
-  return {
-    isInvalid: !t.validity.valid,
-    validationDetails: p(t),
-    validationErrors: t.validationMessage ? [
-      t.validationMessage
-    ] : []
-  };
-}
-function b(t) {
-  for (let i = 0; i < t.elements.length; i++) {
-    let e = t.elements[i];
-    if (!e.validity.valid) return e;
-  }
-  return null;
-}
 export {
-  V as useFormValidation
+  i as onCloseMap,
+  u as useCloseOnScroll
 };