@sps-woodland/modal 8.20.7 → 8.20.9

package/lib/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("@sps-woodland/core"),we=require("@sps-woodland/buttons"),m=require("react"),nt=require("react-dom"),v=require("@spscommerce/utils");function rt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const u=rt(m),w=typeof document<"u"?m.useLayoutEffect:()=>{};function A(e){const t=m.useRef(null);return w(()=>{t.current=e},[e]),m.useCallback((...o)=>{const n=t.current;return n==null?void 0:n(...o)},[])}function at(e){let[t,o]=m.useState(e),n=m.useRef(null),r=A(()=>{if(!n.current)return;let a=n.current.next();if(a.done){n.current=null;return}t===a.value?r():o(a.value)});w(()=>{n.current&&r()});let l=A(a=>{n.current=a(t),r()});return[t,l]}const j={prefix:String(Math.round(Math.random()*1e10)),current:0},Le=m.createContext(j),lt=m.createContext(!1);let it=!!(typeof window<"u"&&window.document&&window.document.createElement),te=new WeakMap;function st(e=!1){let t=m.useContext(Le),o=m.useRef(null);if(o.current===null&&!e){var n,r;let l=(r=m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)===null||r===void 0||(n=r.ReactCurrentOwner)===null||n===void 0?void 0:n.current;if(l){let a=te.get(l);a==null?te.set(l,{id:t.current,state:l.memoizedState}):l.memoizedState!==a.state&&(t.current=a.id,te.delete(l))}o.current=++t.current}return o.current}function dt(e){let t=m.useContext(Le);t===j&&!it&&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 o=st(!!e),n=t===j&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${n}-${o}`}function ut(e){let t=m.useId(),[o]=m.useState(Ce()),n=o||process.env.NODE_ENV==="test"?"react-aria":`react-aria${j.prefix}`;return e||`${n}-${t}`}const ct=typeof m.useId=="function"?ut:dt;function mt(){return!1}function ft(){return!0}function pt(e){return()=>{}}function Ce(){return typeof m.useSyncExternalStore=="function"?m.useSyncExternalStore(pt,mt,ft):m.useContext(lt)}let gt=!!(typeof window<"u"&&window.document&&window.document.createElement),K=new Map;function Be(e){let[t,o]=m.useState(e),n=m.useRef(null),r=ct(t),l=m.useCallback(a=>{n.current=a},[]);return gt&&K.set(r,l),w(()=>{let a=r;return()=>{K.delete(a)}},[r]),m.useEffect(()=>{let a=n.current;a&&(n.current=null,o(a))}),r}function bt(e,t){if(e===t)return e;let o=K.get(e);if(o)return o(t),t;let n=K.get(t);return n?(n(e),e):t}function vt(e=[]){let t=Be(),[o,n]=at(t),r=m.useCallback(()=>{n(function*(){yield t,yield document.getElementById(t)?t:void 0})},[t,n]);return w(r,[t,r,...e]),o}function U(...e){return(...t)=>{for(let o of e)typeof o=="function"&&o(...t)}}const E=e=>{var t;return(t=e==null?void 0:e.ownerDocument)!==null&&t!==void 0?t:document},G=e=>e&&"window"in e&&e.window===e?e:E(e).defaultView||window;function Ne(e){var t,o,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(o=Ne(e[t]))&&(n&&(n+=" "),n+=o)}else for(o in e)e[o]&&(n&&(n+=" "),n+=o);return n}function ht(){for(var e,t,o=0,n="",r=arguments.length;o<r;o++)(e=arguments[o])&&(t=Ne(e))&&(n&&(n+=" "),n+=t);return n}function $t(...e){let t={...e[0]};for(let o=1;o<e.length;o++){let n=e[o];for(let r in n){let l=t[r],a=n[r];typeof l=="function"&&typeof a=="function"&&r[0]==="o"&&r[1]==="n"&&r.charCodeAt(2)>=65&&r.charCodeAt(2)<=90?t[r]=U(l,a):(r==="className"||r==="UNSAFE_className")&&typeof l=="string"&&typeof a=="string"?t[r]=ht(l,a):r==="id"&&l&&a?t.id=bt(l,a):t[r]=a!==void 0?a:l}}return t}const wt=new Set(["id"]),Et=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),Mt=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),_t=/^(data-.*)$/;function yt(e,t={}){let{labelable:o,isLink:n,propNames:r}=t,l={};for(const a in e)Object.prototype.hasOwnProperty.call(e,a)&&(wt.has(a)||o&&Et.has(a)||n&&Mt.has(a)||r!=null&&r.has(a)||_t.test(a))&&(l[a]=e[a]);return l}function Ee(e){if(Pt())e.focus({preventScroll:!0});else{let t=kt(e);e.focus(),xt(t)}}let q=null;function Pt(){if(q==null){q=!1;try{document.createElement("div").focus({get preventScroll(){return q=!0,!0}})}catch{}}return q}function kt(e){let t=e.parentNode,o=[],n=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==n;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&o.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return n instanceof HTMLElement&&o.push({element:n,scrollTop:n.scrollTop,scrollLeft:n.scrollLeft}),o}function xt(e){for(let{element:t,scrollTop:o,scrollLeft:n}of e)t.scrollTop=o,t.scrollLeft=n}function Tt(e){var t;return typeof window>"u"||window.navigator==null?!1:((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.brands.some(o=>e.test(o.brand)))||e.test(window.navigator.userAgent)}function ce(e){var t;return typeof window<"u"&&window.navigator!=null?e.test(((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.platform)||window.navigator.platform):!1}function I(e){let t=null;return()=>(t==null&&(t=e()),t)}const Oe=I(function(){return ce(/^Mac/i)}),St=I(function(){return ce(/^iPhone/i)}),Ft=I(function(){return ce(/^iPad/i)||Oe()&&navigator.maxTouchPoints>1}),Lt=I(function(){return St()||Ft()}),Ct=I(function(){return Tt(/Android/i)});let B=new Map,re=new Set;function Me(){if(typeof window>"u")return;function e(n){return"propertyName"in n}let t=n=>{if(!e(n)||!n.target)return;let r=B.get(n.target);r||(r=new Set,B.set(n.target,r),n.target.addEventListener("transitioncancel",o,{once:!0})),r.add(n.propertyName)},o=n=>{if(!e(n)||!n.target)return;let r=B.get(n.target);if(r&&(r.delete(n.propertyName),r.size===0&&(n.target.removeEventListener("transitioncancel",o),B.delete(n.target)),B.size===0)){for(let l of re)l();re.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",o)}typeof document<"u"&&(document.readyState!=="loading"?Me():document.addEventListener("DOMContentLoaded",Me));function Bt(e){requestAnimationFrame(()=>{B.size===0?e():re.add(e)})}function _e(e,t){let o=window.getComputedStyle(e),n=/(auto|scroll)/.test(o.overflow+o.overflowX+o.overflowY);return n&&t&&(n=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),n}function De(e,t){let o=e;for(_e(o,t)&&(o=o.parentElement);o&&!_e(o,t);)o=o.parentElement;return o||document.scrollingElement||document.documentElement}function Nt(e){return e.mozInputSource===0&&e.isTrusted?!0:Ct()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Ot(e,t,o){let[n,r]=m.useState(e||t),l=m.useRef(e!==void 0),a=e!==void 0;m.useEffect(()=>{let i=l.current;i!==a&&console.warn(`WARN: A component changed from ${i?"controlled":"uncontrolled"} to ${a?"controlled":"uncontrolled"}.`),l.current=a},[a]);let d=a?e:n,c=m.useCallback((i,...s)=>{let f=(p,...b)=>{o&&(Object.is(d,p)||o(p,...b)),a||(d=p)};typeof i=="function"?(console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),r((b,...g)=>{let y=i(a?d:b,...g);return f(y,...s),a?b:y})):(a||r(i),f(i,...s))},[a,d,o]);return[d,c]}const Re=m.createContext({register:()=>{}});Re.displayName="PressResponderContext";function Dt({children:e}){let t=m.useMemo(()=>({register:()=>{}}),[]);return m.createElement(Re.Provider,{value:t},e)}class Rt{isDefaultPrevented(){return this.nativeEvent.defaultPrevented}preventDefault(){this.defaultPrevented=!0,this.nativeEvent.preventDefault()}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPropagationStopped=()=>!0}isPropagationStopped(){return!1}persist(){}constructor(t,o){this.nativeEvent=o,this.target=o.target,this.currentTarget=o.currentTarget,this.relatedTarget=o.relatedTarget,this.bubbles=o.bubbles,this.cancelable=o.cancelable,this.defaultPrevented=o.defaultPrevented,this.eventPhase=o.eventPhase,this.isTrusted=o.isTrusted,this.timeStamp=o.timeStamp,this.type=t}}function Wt(e){let t=m.useRef({isFocused:!1,observer:null});w(()=>{const n=t.current;return()=>{n.observer&&(n.observer.disconnect(),n.observer=null)}},[]);let o=A(n=>{e==null||e(n)});return m.useCallback(n=>{if(n.target instanceof HTMLButtonElement||n.target instanceof HTMLInputElement||n.target instanceof HTMLTextAreaElement||n.target instanceof HTMLSelectElement){t.current.isFocused=!0;let r=n.target,l=a=>{t.current.isFocused=!1,r.disabled&&o(new Rt("blur",a)),t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)};r.addEventListener("focusout",l,{once:!0}),t.current.observer=new MutationObserver(()=>{if(t.current.isFocused&&r.disabled){var a;(a=t.current.observer)===null||a===void 0||a.disconnect();let d=r===document.activeElement?null:document.activeElement;r.dispatchEvent(new FocusEvent("blur",{relatedTarget:d})),r.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:d}))}}),t.current.observer.observe(r,{attributes:!0,attributeFilter:["disabled"]})}},[o])}let z=null,At=new Set,W=new Map,C=!1,ae=!1;function me(e,t){for(let o of At)o(e,t)}function It(e){return!(e.metaKey||!Oe()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function X(e){C=!0,It(e)&&(z="keyboard",me("keyboard",e))}function k(e){z="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(C=!0,me("pointer",e))}function We(e){Nt(e)&&(C=!0,z="virtual")}function Ae(e){e.target===window||e.target===document||(!C&&!ae&&(z="virtual",me("virtual",e)),C=!1,ae=!1)}function Ie(){C=!1,ae=!0}function ye(e){if(typeof window>"u"||W.get(G(e)))return;const t=G(e),o=E(e);let n=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){C=!0,n.apply(this,arguments)},o.addEventListener("keydown",X,!0),o.addEventListener("keyup",X,!0),o.addEventListener("click",We,!0),t.addEventListener("focus",Ae,!0),t.addEventListener("blur",Ie,!1),typeof PointerEvent<"u"?(o.addEventListener("pointerdown",k,!0),o.addEventListener("pointermove",k,!0),o.addEventListener("pointerup",k,!0)):(o.addEventListener("mousedown",k,!0),o.addEventListener("mousemove",k,!0),o.addEventListener("mouseup",k,!0)),t.addEventListener("beforeunload",()=>{ze(e)},{once:!0}),W.set(t,{focus:n})}const ze=(e,t)=>{const o=G(e),n=E(e);t&&n.removeEventListener("DOMContentLoaded",t),W.has(o)&&(o.HTMLElement.prototype.focus=W.get(o).focus,n.removeEventListener("keydown",X,!0),n.removeEventListener("keyup",X,!0),n.removeEventListener("click",We,!0),o.removeEventListener("focus",Ae,!0),o.removeEventListener("blur",Ie,!1),typeof PointerEvent<"u"?(n.removeEventListener("pointerdown",k,!0),n.removeEventListener("pointermove",k,!0),n.removeEventListener("pointerup",k,!0)):(n.removeEventListener("mousedown",k,!0),n.removeEventListener("mousemove",k,!0),n.removeEventListener("mouseup",k,!0)),W.delete(o))};function zt(e){const t=E(e);let o;return t.readyState!=="loading"?ye(e):(o=()=>{ye(e)},t.addEventListener("DOMContentLoaded",o)),()=>ze(e,o)}typeof document<"u"&&zt();function qt(){return z}function Ht(e){let{isDisabled:t,onBlurWithin:o,onFocusWithin:n,onFocusWithinChange:r}=e,l=m.useRef({isFocusWithin:!1}),a=m.useCallback(i=>{l.current.isFocusWithin&&!i.currentTarget.contains(i.relatedTarget)&&(l.current.isFocusWithin=!1,o&&o(i),r&&r(!1))},[o,r,l]),d=Wt(a),c=m.useCallback(i=>{!l.current.isFocusWithin&&document.activeElement===i.target&&(n&&n(i),r&&r(!0),l.current.isFocusWithin=!0,d(i))},[n,r,d]);return t?{focusWithinProps:{onFocus:void 0,onBlur:void 0}}:{focusWithinProps:{onFocus:c,onBlur:a}}}function Vt(e){let{ref:t,onInteractOutside:o,isDisabled:n,onInteractOutsideStart:r}=e,l=m.useRef({isPointerDown:!1,ignoreEmulatedMouseEvents:!1}),a=A(c=>{o&&H(c,t)&&(r&&r(c),l.current.isPointerDown=!0)}),d=A(c=>{o&&o(c)});m.useEffect(()=>{let c=l.current;if(n)return;const i=t.current,s=E(i);if(typeof PointerEvent<"u"){let f=p=>{c.isPointerDown&&H(p,t)&&d(p),c.isPointerDown=!1};return s.addEventListener("pointerdown",a,!0),s.addEventListener("pointerup",f,!0),()=>{s.removeEventListener("pointerdown",a,!0),s.removeEventListener("pointerup",f,!0)}}else{let f=b=>{c.ignoreEmulatedMouseEvents?c.ignoreEmulatedMouseEvents=!1:c.isPointerDown&&H(b,t)&&d(b),c.isPointerDown=!1},p=b=>{c.ignoreEmulatedMouseEvents=!0,c.isPointerDown&&H(b,t)&&d(b),c.isPointerDown=!1};return s.addEventListener("mousedown",a,!0),s.addEventListener("mouseup",f,!0),s.addEventListener("touchstart",a,!0),s.addEventListener("touchend",p,!0),()=>{s.removeEventListener("mousedown",a,!0),s.removeEventListener("mouseup",f,!0),s.removeEventListener("touchstart",a,!0),s.removeEventListener("touchend",p,!0)}}},[t,n,a,d])}function H(e,t){if(e.button>0)return!1;if(e.target){const o=e.target.ownerDocument;if(!o||!o.documentElement.contains(e.target)||e.target.closest("[data-react-aria-top-layer]"))return!1}return t.current&&!t.current.contains(e.target)}function le(e){const t=E(e);if(qt()==="virtual"){let o=t.activeElement;Bt(()=>{t.activeElement===o&&e.isConnected&&Ee(e)})}else Ee(e)}function jt(e){const t=G(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:o,visibility:n}=e.style,r=o!=="none"&&n!=="hidden"&&n!=="collapse";if(r){const{getComputedStyle:l}=e.ownerDocument.defaultView;let{display:a,visibility:d}=l(e);r=a!=="none"&&d!=="hidden"&&d!=="collapse"}return r}function Kt(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function qe(e,t){return e.nodeName!=="#comment"&&jt(e)&&Kt(e,t)&&(!e.parentElement||qe(e.parentElement,e))}const Pe=m.createContext(null),ie="react-aria-focus-scope-restore";let h=null;function Ut(e){let{children:t,contain:o,restoreFocus:n,autoFocus:r}=e,l=m.useRef(null),a=m.useRef(null),d=m.useRef([]),{parentNode:c}=m.useContext(Pe)||{},i=m.useMemo(()=>new de({scopeRef:d}),[d]);w(()=>{let p=c||$.root;if($.getTreeNode(p.scopeRef)&&h&&!Y(h,p.scopeRef)){let b=$.getTreeNode(h);b&&(p=b)}p.addChild(i),$.addNode(i)},[i,c]),w(()=>{let p=$.getTreeNode(d);p&&(p.contain=!!o)},[o]),w(()=>{var p;let b=(p=l.current)===null||p===void 0?void 0:p.nextSibling,g=[],y=F=>F.stopPropagation();for(;b&&b!==a.current;)g.push(b),b.addEventListener(ie,y),b=b.nextSibling;return d.current=g,()=>{for(let F of g)F.removeEventListener(ie,y)}},[t]),eo(d,n,o),Yt(d,o),oo(d,n,o),Zt(d,r),m.useEffect(()=>{const p=E(d.current?d.current[0]:void 0).activeElement;let b=null;if(M(p,d.current)){for(let g of $.traverse())g.scopeRef&&M(p,g.scopeRef.current)&&(b=g);b===$.getTreeNode(d)&&(h=b.scopeRef)}},[d]),w(()=>()=>{var p,b,g;let y=(g=(b=$.getTreeNode(d))===null||b===void 0||(p=b.parent)===null||p===void 0?void 0:p.scopeRef)!==null&&g!==void 0?g:null;(d===h||Y(d,h))&&(!y||$.getTreeNode(y))&&(h=y),$.removeTreeNode(d)},[d]);let s=m.useMemo(()=>Gt(d),[]),f=m.useMemo(()=>({focusManager:s,parentNode:i}),[i,s]);return m.createElement(Pe.Provider,{value:f},m.createElement("span",{"data-focus-scope-start":!0,hidden:!0,ref:l}),t,m.createElement("span",{"data-focus-scope-end":!0,hidden:!0,ref:a}))}function Gt(e){return{focusNext(t={}){let o=e.current,{from:n,tabbable:r,wrap:l,accept:a}=t,d=n||E(o[0]).activeElement,c=o[0].previousElementSibling,i=L(o),s=S(i,{tabbable:r,accept:a},o);s.currentNode=M(d,o)?d:c;let f=s.nextNode();return!f&&l&&(s.currentNode=c,f=s.nextNode()),f&&T(f,!0),f},focusPrevious(t={}){let o=e.current,{from:n,tabbable:r,wrap:l,accept:a}=t,d=n||E(o[0]).activeElement,c=o[o.length-1].nextElementSibling,i=L(o),s=S(i,{tabbable:r,accept:a},o);s.currentNode=M(d,o)?d:c;let f=s.previousNode();return!f&&l&&(s.currentNode=c,f=s.previousNode()),f&&T(f,!0),f},focusFirst(t={}){let o=e.current,{tabbable:n,accept:r}=t,l=L(o),a=S(l,{tabbable:n,accept:r},o);a.currentNode=o[0].previousElementSibling;let d=a.nextNode();return d&&T(d,!0),d},focusLast(t={}){let o=e.current,{tabbable:n,accept:r}=t,l=L(o),a=S(l,{tabbable:n,accept:r},o);a.currentNode=o[o.length-1].nextElementSibling;let d=a.previousNode();return d&&T(d,!0),d}}}const fe=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],Xt=fe.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";fe.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const Jt=fe.join(':not([hidden]):not([tabindex="-1"]),');function L(e){return e[0].parentElement}function R(e){let t=$.getTreeNode(h);for(;t&&t.scopeRef!==e;){if(t.contain)return!1;t=t.parent}return!0}function Yt(e,t){let o=m.useRef(void 0),n=m.useRef(void 0);w(()=>{let r=e.current;if(!t){n.current&&(cancelAnimationFrame(n.current),n.current=void 0);return}const l=E(r?r[0]:void 0);let a=i=>{if(i.key!=="Tab"||i.altKey||i.ctrlKey||i.metaKey||!R(e)||i.isComposing)return;let s=l.activeElement,f=e.current;if(!f||!M(s,f))return;let p=L(f),b=S(p,{tabbable:!0},f);if(!s)return;b.currentNode=s;let g=i.shiftKey?b.previousNode():b.nextNode();g||(b.currentNode=i.shiftKey?f[f.length-1].nextElementSibling:f[0].previousElementSibling,g=i.shiftKey?b.previousNode():b.nextNode()),i.preventDefault(),g&&T(g,!0)},d=i=>{(!h||Y(h,e))&&M(i.target,e.current)?(h=e,o.current=i.target):R(e)&&!J(i.target,e)?o.current?o.current.focus():h&&h.current&&se(h.current):R(e)&&(o.current=i.target)},c=i=>{n.current&&cancelAnimationFrame(n.current),n.current=requestAnimationFrame(()=>{if(l.activeElement&&R(e)&&!J(l.activeElement,e))if(h=e,l.body.contains(i.target)){var s;o.current=i.target,(s=o.current)===null||s===void 0||s.focus()}else h.current&&se(h.current)})};return l.addEventListener("keydown",a,!1),l.addEventListener("focusin",d,!1),r==null||r.forEach(i=>i.addEventListener("focusin",d,!1)),r==null||r.forEach(i=>i.addEventListener("focusout",c,!1)),()=>{l.removeEventListener("keydown",a,!1),l.removeEventListener("focusin",d,!1),r==null||r.forEach(i=>i.removeEventListener("focusin",d,!1)),r==null||r.forEach(i=>i.removeEventListener("focusout",c,!1))}},[e,t]),w(()=>()=>{n.current&&cancelAnimationFrame(n.current)},[n])}function He(e){return J(e)}function M(e,t){return!e||!t?!1:t.some(o=>o.contains(e))}function J(e,t=null){if(e instanceof Element&&e.closest("[data-react-aria-top-layer]"))return!0;for(let{scopeRef:o}of $.traverse($.getTreeNode(t)))if(o&&M(e,o.current))return!0;return!1}function Qt(e){return J(e,h)}function Y(e,t){var o;let n=(o=$.getTreeNode(t))===null||o===void 0?void 0:o.parent;for(;n;){if(n.scopeRef===e)return!0;n=n.parent}return!1}function T(e,t=!1){if(e!=null&&!t)try{le(e)}catch{}else if(e!=null)try{e.focus()}catch{}}function Ve(e,t=!0){let o=e[0].previousElementSibling,n=L(e),r=S(n,{tabbable:t},e);r.currentNode=o;let l=r.nextNode();return t&&!l&&(n=L(e),r=S(n,{tabbable:!1},e),r.currentNode=o,l=r.nextNode()),l}function se(e,t=!0){T(Ve(e,t))}function Zt(e,t){const o=m.useRef(t);m.useEffect(()=>{if(o.current){h=e;const n=E(e.current?e.current[0]:void 0);!M(n.activeElement,h.current)&&e.current&&se(e.current)}o.current=!1},[e])}function eo(e,t,o){w(()=>{if(t||o)return;let n=e.current;const r=E(n?n[0]:void 0);let l=a=>{let d=a.target;M(d,e.current)?h=e:He(d)||(h=null)};return r.addEventListener("focusin",l,!1),n==null||n.forEach(a=>a.addEventListener("focusin",l,!1)),()=>{r.removeEventListener("focusin",l,!1),n==null||n.forEach(a=>a.removeEventListener("focusin",l,!1))}},[e,t,o])}function to(e){let t=$.getTreeNode(h);for(;t&&t.scopeRef!==e;){if(t.nodeToRestore)return!1;t=t.parent}return(t==null?void 0:t.scopeRef)===e}function oo(e,t,o){const n=m.useRef(typeof document<"u"?E(e.current?e.current[0]:void 0).activeElement:null);w(()=>{let r=e.current;const l=E(r?r[0]:void 0);if(!t||o)return;let a=()=>{(!h||Y(h,e))&&M(l.activeElement,e.current)&&(h=e)};return l.addEventListener("focusin",a,!1),r==null||r.forEach(d=>d.addEventListener("focusin",a,!1)),()=>{l.removeEventListener("focusin",a,!1),r==null||r.forEach(d=>d.removeEventListener("focusin",a,!1))}},[e,o]),w(()=>{const r=E(e.current?e.current[0]:void 0);if(!t)return;let l=a=>{if(a.key!=="Tab"||a.altKey||a.ctrlKey||a.metaKey||!R(e)||a.isComposing)return;let d=r.activeElement;if(!M(d,e.current))return;let c=$.getTreeNode(e);if(!c)return;let i=c.nodeToRestore,s=S(r.body,{tabbable:!0});s.currentNode=d;let f=a.shiftKey?s.previousNode():s.nextNode();if((!i||!r.body.contains(i)||i===r.body)&&(i=void 0,c.nodeToRestore=void 0),(!f||!M(f,e.current))&&i){s.currentNode=i;do f=a.shiftKey?s.previousNode():s.nextNode();while(M(f,e.current));a.preventDefault(),a.stopPropagation(),f?T(f,!0):He(i)?T(i,!0):d.blur()}};return o||r.addEventListener("keydown",l,!0),()=>{o||r.removeEventListener("keydown",l,!0)}},[e,t,o]),w(()=>{const r=E(e.current?e.current[0]:void 0);if(!t)return;let l=$.getTreeNode(e);if(l){var a;return l.nodeToRestore=(a=n.current)!==null&&a!==void 0?a:void 0,()=>{let d=$.getTreeNode(e);if(!d)return;let c=d.nodeToRestore;if(t&&c&&(M(r.activeElement,e.current)||r.activeElement===r.body&&to(e))){let i=$.clone();requestAnimationFrame(()=>{if(r.activeElement===r.body){let s=i.getTreeNode(e);for(;s;){if(s.nodeToRestore&&s.nodeToRestore.isConnected){ke(s.nodeToRestore);return}s=s.parent}for(s=i.getTreeNode(e);s;){if(s.scopeRef&&s.scopeRef.current&&$.getTreeNode(s.scopeRef)){let f=Ve(s.scopeRef.current,!0);ke(f);return}s=s.parent}}})}}}},[e,t])}function ke(e){e.dispatchEvent(new CustomEvent(ie,{bubbles:!0,cancelable:!0}))&&T(e)}function S(e,t,o){let n=t!=null&&t.tabbable?Jt:Xt,r=E(e).createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(l){var a;return!(t==null||(a=t.from)===null||a===void 0)&&a.contains(l)?NodeFilter.FILTER_REJECT:l.matches(n)&&qe(l)&&(!o||M(l,o))&&(!(t!=null&&t.accept)||t.accept(l))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t!=null&&t.from&&(r.currentNode=t.from),r}class pe{get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,o,n){let r=this.fastMap.get(o??null);if(!r)return;let l=new de({scopeRef:t});r.addChild(l),l.parent=r,this.fastMap.set(t,l),n&&(l.nodeToRestore=n)}addNode(t){this.fastMap.set(t.scopeRef,t)}removeTreeNode(t){if(t===null)return;let o=this.fastMap.get(t);if(!o)return;let n=o.parent;for(let l of this.traverse())l!==o&&o.nodeToRestore&&l.nodeToRestore&&o.scopeRef&&o.scopeRef.current&&M(l.nodeToRestore,o.scopeRef.current)&&(l.nodeToRestore=o.nodeToRestore);let r=o.children;n&&(n.removeChild(o),r.size>0&&r.forEach(l=>n&&n.addChild(l))),this.fastMap.delete(o.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.size>0)for(let o of t.children)yield*this.traverse(o)}clone(){var t;let o=new pe;var n;for(let r of this.traverse())o.addTreeNode(r.scopeRef,(n=(t=r.parent)===null||t===void 0?void 0:t.scopeRef)!==null&&n!==void 0?n:null,r.nodeToRestore);return o}constructor(){this.fastMap=new Map,this.root=new de({scopeRef:null}),this.fastMap.set(null,this.root)}}class de{addChild(t){this.children.add(t),t.parent=this}removeChild(t){this.children.delete(t),t.parent=void 0}constructor(t){this.children=new Set,this.contain=!1,this.scopeRef=t.scopeRef}}let $=new pe;const no=new WeakMap,x=[];function ro(e,t){let{onClose:o,shouldCloseOnBlur:n,isOpen:r,isDismissable:l=!1,isKeyboardDismissDisabled:a=!1,shouldCloseOnInteractOutside:d}=e;m.useEffect(()=>(r&&x.push(t),()=>{let g=x.indexOf(t);g>=0&&x.splice(g,1)}),[r,t]);let c=()=>{x[x.length-1]===t&&o&&o()},i=g=>{(!d||d(g.target))&&x[x.length-1]===t&&(g.stopPropagation(),g.preventDefault())},s=g=>{(!d||d(g.target))&&(x[x.length-1]===t&&(g.stopPropagation(),g.preventDefault()),c())},f=g=>{g.key==="Escape"&&!a&&!g.nativeEvent.isComposing&&(g.stopPropagation(),g.preventDefault(),c())};Vt({ref:t,onInteractOutside:l&&r?s:null,onInteractOutsideStart:i});let{focusWithinProps:p}=Ht({isDisabled:!n,onBlurWithin:g=>{!g.relatedTarget||Qt(g.relatedTarget)||(!d||d(g.relatedTarget))&&o()}}),b=g=>{g.target===g.currentTarget&&g.preventDefault()};return{overlayProps:{onKeyDown:f,...p},underlayProps:{onPointerDown:b}}}function ao(e,t,o){let{type:n}=e,{isOpen:r}=t;m.useEffect(()=>{o&&o.current&&no.set(o.current,t.close)});let l;n==="menu"?l=!0:n==="listbox"&&(l="listbox");let a=Be();return{triggerProps:{"aria-haspopup":l,"aria-expanded":r,"aria-controls":r?a:null,onPress:t.toggle},overlayProps:{id:a}}}const oe=typeof document<"u"&&window.visualViewport,lo=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let V=0,ne;function io(e={}){let{isDisabled:t}=e;w(()=>{if(!t)return V++,V===1&&(Lt()?ne=uo():ne=so()),()=>{V--,V===0&&ne()}},[t])}function so(){return U(N(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),N(document.documentElement,"overflow","hidden"))}function uo(){let e,t,o=i=>{e=De(i.target,!0),!(e===document.documentElement&&e===document.body)&&e instanceof HTMLElement&&window.getComputedStyle(e).overscrollBehavior==="auto"&&(t=N(e,"overscrollBehavior","contain"))},n=i=>{if(!e||e===document.documentElement||e===document.body){i.preventDefault();return}e.scrollHeight===e.clientHeight&&e.scrollWidth===e.clientWidth&&i.preventDefault()},r=i=>{let s=i.target;Te(s)&&s!==document.activeElement&&(i.preventDefault(),d(),s.style.transform="translateY(-2000px)",s.focus(),requestAnimationFrame(()=>{s.style.transform=""})),t&&t()},l=i=>{let s=i.target;Te(s)&&(d(),s.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{s.style.transform="",oe&&(oe.height<window.innerHeight?requestAnimationFrame(()=>{xe(s)}):oe.addEventListener("resize",()=>xe(s),{once:!0}))}))},a=null,d=()=>{if(a)return;let i=()=>{window.scrollTo(0,0)},s=window.pageXOffset,f=window.pageYOffset;a=U(O(window,"scroll",i),N(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),N(document.documentElement,"overflow","hidden"),N(document.body,"marginTop",`-${f}px`),()=>{window.scrollTo(s,f)}),window.scrollTo(0,0)},c=U(O(document,"touchstart",o,{passive:!1,capture:!0}),O(document,"touchmove",n,{passive:!1,capture:!0}),O(document,"touchend",r,{passive:!1,capture:!0}),O(document,"focus",l,!0));return()=>{t==null||t(),a==null||a(),c()}}function N(e,t,o){let n=e.style[t];return e.style[t]=o,()=>{e.style[t]=n}}function O(e,t,o,n){return e.addEventListener(t,o,n),()=>{e.removeEventListener(t,o,n)}}function xe(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let o=De(e);if(o!==document.documentElement&&o!==document.body&&o!==e){let n=o.getBoundingClientRect().top,r=e.getBoundingClientRect().top;r>n+e.clientHeight&&(o.scrollTop+=r-n)}e=o.parentElement}}function Te(e){return e instanceof HTMLInputElement&&!lo.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}let D=new WeakMap,P=[];function co(e,t=document.body){let o=new Set(e),n=new Set,r=c=>{for(let p of c.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))o.add(p);let i=p=>{if(o.has(p)||n.has(p.parentElement)&&p.parentElement.getAttribute("role")!=="row")return NodeFilter.FILTER_REJECT;for(let b of o)if(p.contains(b))return NodeFilter.FILTER_SKIP;return NodeFilter.FILTER_ACCEPT},s=document.createTreeWalker(c,NodeFilter.SHOW_ELEMENT,{acceptNode:i}),f=i(c);if(f===NodeFilter.FILTER_ACCEPT&&l(c),f!==NodeFilter.FILTER_REJECT){let p=s.nextNode();for(;p!=null;)l(p),p=s.nextNode()}},l=c=>{var i;let s=(i=D.get(c))!==null&&i!==void 0?i:0;c.getAttribute("aria-hidden")==="true"&&s===0||(s===0&&c.setAttribute("aria-hidden","true"),n.add(c),D.set(c,s+1))};P.length&&P[P.length-1].disconnect(),r(t);let a=new MutationObserver(c=>{for(let i of c)if(!(i.type!=="childList"||i.addedNodes.length===0)&&![...o,...n].some(s=>s.contains(i.target))){for(let s of i.removedNodes)s instanceof Element&&(o.delete(s),n.delete(s));for(let s of i.addedNodes)(s instanceof HTMLElement||s instanceof SVGElement)&&(s.dataset.liveAnnouncer==="true"||s.dataset.reactAriaTopLayer==="true")?o.add(s):s instanceof Element&&r(s)}});a.observe(t,{childList:!0,subtree:!0});let d={observe(){a.observe(t,{childList:!0,subtree:!0})},disconnect(){a.disconnect()}};return P.push(d),()=>{a.disconnect();for(let c of n){let i=D.get(c);i===1?(c.removeAttribute("aria-hidden"),D.delete(c)):D.set(c,i-1)}d===P[P.length-1]?(P.pop(),P.length&&P[P.length-1].observe()):P.splice(P.indexOf(d),1)}}const mo=m.createContext({});function fo(){var e;return(e=m.useContext(mo))!==null&&e!==void 0?e:{}}const je=m.createContext(null);function po(e){let t=Ce(),{portalContainer:o=t?null:document.body,isExiting:n}=e,[r,l]=m.useState(!1),a=m.useMemo(()=>({contain:r,setContain:l}),[r,l]),{getContainer:d}=fo();if(!e.portalContainer&&d&&(o=d()),!o)return null;let c=e.children;return e.disableFocusManagement||(c=m.createElement(Ut,{restoreFocus:!0,contain:r&&!n},c)),c=m.createElement(je.Provider,{value:a},m.createElement(Dt,null,c)),nt.createPortal(c,o)}function Ke(){let e=m.useContext(je),t=e==null?void 0:e.setContain;w(()=>{t==null||t(!0)},[t])}function go(e,t,o){let{overlayProps:n,underlayProps:r}=ro({...e,isOpen:t.isOpen,onClose:t.close},o);return io({isDisabled:!t.isOpen}),Ke(),m.useEffect(()=>{if(t.isOpen)return co([o.current])},[t.isOpen,o]),{modalProps:$t(n),underlayProps:r}}function bo(e,t){let{role:o="dialog"}=e,n=vt();n=e["aria-label"]?void 0:n;let r=m.useRef(!1);return m.useEffect(()=>{if(t.current&&!t.current.contains(document.activeElement)){le(t.current);let l=setTimeout(()=>{document.activeElement===t.current&&(r.current=!0,t.current&&(t.current.blur(),le(t.current)),r.current=!1)},500);return()=>{clearTimeout(l)}}},[t]),Ke(),{dialogProps:{...yt(e,{labelable:!0}),role:o,tabIndex:-1,"aria-labelledby":e["aria-labelledby"]||n,onBlur:l=>{r.current&&l.stopPropagation()}},titleProps:{id:n}}}function vo(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function Se(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),o.push.apply(o,n)}return o}function Fe(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?Se(Object(o),!0).forEach(function(n){vo(e,n,o[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):Se(Object(o)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))})}return e}var ho=(e,t,o)=>{for(var n of Object.keys(e)){var r;if(e[n]!==((r=t[n])!==null&&r!==void 0?r:o[n]))return!1}return!0},Ue=e=>t=>{var o=e.defaultClassName,n=Fe(Fe({},e.defaultVariants),t);for(var r in n){var l,a=(l=n[r])!==null&&l!==void 0?l:e.defaultVariants[r];if(a!=null){var d=a;typeof d=="boolean"&&(d=d===!0?"true":"false");var c=e.variantClassNames[r][d];c&&(o+=" "+c)}}for(var[i,s]of e.compoundVariants)ho(i,n,e.defaultVariants)&&(o+=" "+s);return o},$o="pkg_sps-woodland_modal__version_8_20_7__hash_3moto2o",wo="pkg_sps-woodland_modal__version_8_20_7__hash_3moto2q",Eo="pkg_sps-woodland_modal__version_8_20_7__hash_3moto2r",Ge="pkg_sps-woodland_modal__version_8_20_7__hash_3moto2p",Mo=Ue({defaultClassName:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto20",variantClassNames:{kind:{informational:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto21",delete:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto22",failure:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto23",success:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto24",warning:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto25",successWithFailures:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto26",form:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto27"},size:{sm:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto28",md:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto29",lg:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2a",xl:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2b"},fullHeight:{true:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2c",false:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2d"}},defaultVariants:{},compoundVariants:[]}),_o="pkg_sps-woodland_modal__version_8_20_7__hash_3moto2n",yo=Ue({defaultClassName:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2e",variantClassNames:{kind:{form:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2f",delete:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2g",failure:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2h",informational:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2i",success:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2j",warning:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2k",successWithFailures:"pkg_sps-woodland_modal__version_8_20_7__hash_3moto2l"}},defaultVariants:{},compoundVariants:[]}),Po="pkg_sps-woodland_modal__version_8_20_7__hash_3moto2m",ko="pkg_sps-woodland_modal__version_8_20_7__hash_3moto2s";function ge({children:e,className:t="",...o}){return u.createElement("div",{className:_.cl(Ge,t),...o},e)}_.Metadata.set(ge,{name:"ModalFooter"});const ue=Object.freeze({form:"pencil",delete:"trash",failure:"status-error",informational:"info-circle",success:"status-ok",successWithFailures:"status-warning",warning:"status-warning"});function xo({children:e,className:t,"data-testid":o,kind:n="informational",onBlur:r,onFocus:l,overlayProps:a,size:d="sm",state:c,title:i,dismissible:s,dismissable:f=!0,onClose:p,fullHeight:b=!1,...g}){const y=s??f,F=u.useRef(null),{modalProps:Q,underlayProps:Xe}=go({isKeyboardDismissDisabled:!y,...g},c,F),{dialogProps:Z,titleProps:Je}=bo(g,F),Ye=_.combineEventHandlers(Q.onFocus,Z.onFocus,l),Qe=_.combineEventHandlers(Q.onBlur,Z.onBlur,r),{t:Ze}=u.useContext(_.I18nContext),et=_.useChildTestIdAttrBuilder({"data-testid":o}),[ee,tt]=_.selectChildren(e,[{type:ge}]);function ve(){p&&typeof p=="function"&&p(),c.close()}const he=function(){return y?u.createElement(we.Button,{"aria-label":"Close",onClick:ve,kind:"icon",icon:"x",className:wo}):null},ot=_.modChildren(tt,$e=>$e.type===he?[{className:_.cl($e.props.classname,Eo)}]:[]);return u.createElement(po,null,u.createElement("div",{className:ko,...Xe,...g},u.createElement("div",{...Q,...Z,...a,onFocus:Ye,onBlur:Qe,...et("dialog"),ref:F,className:_.cl(Mo({kind:n,size:d,fullHeight:b}),t)},u.createElement("div",{...Je,className:yo({kind:n})},n&&u.createElement(_.Icon,{icon:ue[n]||ue.informational,className:_o}),u.createElement("div",{className:Po},_.contentOf(i,c.close)),u.createElement(he,null)),u.createElement("div",{className:$o},_.contentOf(ot,c.close)),ee&&ee.length>0?u.createElement(u.Fragment,null,_.contentOf(ee,c.close)):u.createElement("div",{className:Ge},u.createElement(we.Button,{kind:"key",onClick:ve},Ze("design-system:modal.defaultButtonLabel"))))))}function be(e){return e.state.isOpen?u.createElement(xo,{...e},e.children):u.createElement(u.Fragment,null)}_.Metadata.set(be,{name:"Modal",props:{dismissable:{type:"boolean",default:"true"},fullHeight:{type:"boolean",default:"false"},kind:{type:"ModalKind",default:"informational"},onBlur:{type:"() => void"},onClose:{type:"() => void"},onFocus:{type:"() => void"},size:{type:"ModalSize",default:"sm"},title:{type:"string"}}});function To(e){let[t,o]=Ot(e.isOpen,e.defaultOpen||!1,e.onOpenChange);const n=m.useCallback(()=>{o(!0)},[o]),r=m.useCallback(()=>{o(!1)},[o]),l=m.useCallback(()=>{o(!t)},[o,t]);return{isOpen:t,setOpen:o,open:n,close:r,toggle:l}}function So(e={}){const t=To(e),o=m.useRef(null),{triggerProps:n,overlayProps:r}=ao({type:"dialog"},t,o),{onPress:l,...a}=n;return{triggerProps:{...a,onClick:l,ref:o},modalState:t,modalProps:{overlayProps:r,state:t}}}const Fo={description:()=>u.createElement("p",null,"Modals are overlays on a page that focus a user’s attention on an important message or a simple action. Examples of a Modal include confirming the deletion of a record, or making a single selection."),components:[be],examples:{general:{label:"Usage",description:({NavigateTo:e})=>u.createElement(u.Fragment,null,u.createElement("h5",null,"Use a Modal:"),u.createElement("ul",null,u.createElement("li",null,"When the user needs to confirm a basic decision, such as deleting a record."),u.createElement("li",null,"When important information needs to be displayed to the user before continuing."),u.createElement("li",null,"When a simple selection, such as a single form input, is required before proceeding.")),u.createElement("h5",null,"Avoid a Modal:"),u.createElement("ul",null,u.createElement("li",null,"When a complex form is required. Use a ",u.createElement(e,{to:"focused-task"},"Focused Task View")," instead."),u.createElement("li",null,"When sharing non-critical or tertiary information. Use a ",u.createElement(e,{to:"growlers"},"Growler")," instead.")))},implementation:{label:"Close Button",description:()=>u.createElement(u.Fragment,null,u.createElement("h5",null,"Close Button and Modal dismissiability"),u.createElement("p",null,"Remove the Close Button in the upper right of the Modal if the user must choose the course of action before proceeding."),u.createElement("p",null,"The close button is included by default and omitted when the prop ",u.createElement("code",null,"dismissable")," is set to ",u.createElement("strong",null,"false"),"."),u.createElement("p",null,"Setting the ",u.createElement("code",null,"dismissable")," prop to false also prevents dismissing the modal by clicking outside of the modal or by using the"," ",u.createElement("strong",null,"escape")," key.")),examples:{basic:{react:v.code`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("@sps-woodland/core"),we=require("@sps-woodland/buttons"),m=require("react"),nt=require("react-dom"),v=require("@spscommerce/utils");function rt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const u=rt(m),w=typeof document<"u"?m.useLayoutEffect:()=>{};function I(e){const t=m.useRef(null);return w(()=>{t.current=e},[e]),m.useCallback((...o)=>{const n=t.current;return n==null?void 0:n(...o)},[])}function at(e){let[t,o]=m.useState(e),n=m.useRef(null),r=I(()=>{if(!n.current)return;let a=n.current.next();if(a.done){n.current=null;return}t===a.value?r():o(a.value)});w(()=>{n.current&&r()});let l=I(a=>{n.current=a(t),r()});return[t,l]}const K={prefix:String(Math.round(Math.random()*1e10)),current:0},Le=m.createContext(K),lt=m.createContext(!1);let it=!!(typeof window<"u"&&window.document&&window.document.createElement),te=new WeakMap;function st(e=!1){let t=m.useContext(Le),o=m.useRef(null);if(o.current===null&&!e){var n,r;let l=(r=m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)===null||r===void 0||(n=r.ReactCurrentOwner)===null||n===void 0?void 0:n.current;if(l){let a=te.get(l);a==null?te.set(l,{id:t.current,state:l.memoizedState}):l.memoizedState!==a.state&&(t.current=a.id,te.delete(l))}o.current=++t.current}return o.current}function dt(e){let t=m.useContext(Le);t===K&&!it&&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 o=st(!!e),n=t===K&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${n}-${o}`}function ut(e){let t=m.useId(),[o]=m.useState(Ce()),n=o||process.env.NODE_ENV==="test"?"react-aria":`react-aria${K.prefix}`;return e||`${n}-${t}`}const ct=typeof m.useId=="function"?ut:dt;function mt(){return!1}function ft(){return!0}function pt(e){return()=>{}}function Ce(){return typeof m.useSyncExternalStore=="function"?m.useSyncExternalStore(pt,mt,ft):m.useContext(lt)}let gt=!!(typeof window<"u"&&window.document&&window.document.createElement),S=new Map;function Be(e){let[t,o]=m.useState(e),n=m.useRef(null),r=ct(t),l=m.useCallback(a=>{n.current=a},[]);return gt&&(S.has(r)&&!S.get(r).includes(l)?S.set(r,[...S.get(r),l]):S.set(r,[l])),w(()=>{let a=r;return()=>{S.delete(a)}},[r]),m.useEffect(()=>{let a=n.current;a&&(n.current=null,o(a))}),r}function bt(e,t){if(e===t)return e;let o=S.get(e);if(o)return o.forEach(r=>r(t)),t;let n=S.get(t);return n?(n.forEach(r=>r(e)),e):t}function vt(e=[]){let t=Be(),[o,n]=at(t),r=m.useCallback(()=>{n(function*(){yield t,yield document.getElementById(t)?t:void 0})},[t,n]);return w(r,[t,r,...e]),o}function U(...e){return(...t)=>{for(let o of e)typeof o=="function"&&o(...t)}}const E=e=>{var t;return(t=e==null?void 0:e.ownerDocument)!==null&&t!==void 0?t:document},G=e=>e&&"window"in e&&e.window===e?e:E(e).defaultView||window;function Ne(e){var t,o,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(o=Ne(e[t]))&&(n&&(n+=" "),n+=o)}else for(o in e)e[o]&&(n&&(n+=" "),n+=o);return n}function ht(){for(var e,t,o=0,n="",r=arguments.length;o<r;o++)(e=arguments[o])&&(t=Ne(e))&&(n&&(n+=" "),n+=t);return n}function $t(...e){let t={...e[0]};for(let o=1;o<e.length;o++){let n=e[o];for(let r in n){let l=t[r],a=n[r];typeof l=="function"&&typeof a=="function"&&r[0]==="o"&&r[1]==="n"&&r.charCodeAt(2)>=65&&r.charCodeAt(2)<=90?t[r]=U(l,a):(r==="className"||r==="UNSAFE_className")&&typeof l=="string"&&typeof a=="string"?t[r]=ht(l,a):r==="id"&&l&&a?t.id=bt(l,a):t[r]=a!==void 0?a:l}}return t}const wt=new Set(["id"]),Et=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),Mt=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),_t=/^(data-.*)$/;function yt(e,t={}){let{labelable:o,isLink:n,propNames:r}=t,l={};for(const a in e)Object.prototype.hasOwnProperty.call(e,a)&&(wt.has(a)||o&&Et.has(a)||n&&Mt.has(a)||r!=null&&r.has(a)||_t.test(a))&&(l[a]=e[a]);return l}function Ee(e){if(Pt())e.focus({preventScroll:!0});else{let t=kt(e);e.focus(),xt(t)}}let H=null;function Pt(){if(H==null){H=!1;try{document.createElement("div").focus({get preventScroll(){return H=!0,!0}})}catch{}}return H}function kt(e){let t=e.parentNode,o=[],n=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==n;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&o.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return n instanceof HTMLElement&&o.push({element:n,scrollTop:n.scrollTop,scrollLeft:n.scrollLeft}),o}function xt(e){for(let{element:t,scrollTop:o,scrollLeft:n}of e)t.scrollTop=o,t.scrollLeft=n}function Tt(e){var t;return typeof window>"u"||window.navigator==null?!1:((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.brands.some(o=>e.test(o.brand)))||e.test(window.navigator.userAgent)}function ce(e){var t;return typeof window<"u"&&window.navigator!=null?e.test(((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.platform)||window.navigator.platform):!1}function z(e){let t=null;return()=>(t==null&&(t=e()),t)}const Oe=z(function(){return ce(/^Mac/i)}),St=z(function(){return ce(/^iPhone/i)}),Ft=z(function(){return ce(/^iPad/i)||Oe()&&navigator.maxTouchPoints>1}),Lt=z(function(){return St()||Ft()}),Ct=z(function(){return Tt(/Android/i)});let N=new Map,re=new Set;function Me(){if(typeof window>"u")return;function e(n){return"propertyName"in n}let t=n=>{if(!e(n)||!n.target)return;let r=N.get(n.target);r||(r=new Set,N.set(n.target,r),n.target.addEventListener("transitioncancel",o,{once:!0})),r.add(n.propertyName)},o=n=>{if(!e(n)||!n.target)return;let r=N.get(n.target);if(r&&(r.delete(n.propertyName),r.size===0&&(n.target.removeEventListener("transitioncancel",o),N.delete(n.target)),N.size===0)){for(let l of re)l();re.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",o)}typeof document<"u"&&(document.readyState!=="loading"?Me():document.addEventListener("DOMContentLoaded",Me));function Bt(e){requestAnimationFrame(()=>{N.size===0?e():re.add(e)})}function _e(e,t){let o=window.getComputedStyle(e),n=/(auto|scroll)/.test(o.overflow+o.overflowX+o.overflowY);return n&&t&&(n=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),n}function De(e,t){let o=e;for(_e(o,t)&&(o=o.parentElement);o&&!_e(o,t);)o=o.parentElement;return o||document.scrollingElement||document.documentElement}function Nt(e){return e.mozInputSource===0&&e.isTrusted?!0:Ct()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Ot(e,t,o){let[n,r]=m.useState(e||t),l=m.useRef(e!==void 0),a=e!==void 0;m.useEffect(()=>{let i=l.current;i!==a&&console.warn(`WARN: A component changed from ${i?"controlled":"uncontrolled"} to ${a?"controlled":"uncontrolled"}.`),l.current=a},[a]);let d=a?e:n,c=m.useCallback((i,...s)=>{let f=(p,...b)=>{o&&(Object.is(d,p)||o(p,...b)),a||(d=p)};typeof i=="function"?(console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),r((b,...g)=>{let y=i(a?d:b,...g);return f(y,...s),a?b:y})):(a||r(i),f(i,...s))},[a,d,o]);return[d,c]}const Re=m.createContext({register:()=>{}});Re.displayName="PressResponderContext";function Dt({children:e}){let t=m.useMemo(()=>({register:()=>{}}),[]);return m.createElement(Re.Provider,{value:t},e)}class Rt{isDefaultPrevented(){return this.nativeEvent.defaultPrevented}preventDefault(){this.defaultPrevented=!0,this.nativeEvent.preventDefault()}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPropagationStopped=()=>!0}isPropagationStopped(){return!1}persist(){}constructor(t,o){this.nativeEvent=o,this.target=o.target,this.currentTarget=o.currentTarget,this.relatedTarget=o.relatedTarget,this.bubbles=o.bubbles,this.cancelable=o.cancelable,this.defaultPrevented=o.defaultPrevented,this.eventPhase=o.eventPhase,this.isTrusted=o.isTrusted,this.timeStamp=o.timeStamp,this.type=t}}function Wt(e){let t=m.useRef({isFocused:!1,observer:null});w(()=>{const n=t.current;return()=>{n.observer&&(n.observer.disconnect(),n.observer=null)}},[]);let o=I(n=>{e==null||e(n)});return m.useCallback(n=>{if(n.target instanceof HTMLButtonElement||n.target instanceof HTMLInputElement||n.target instanceof HTMLTextAreaElement||n.target instanceof HTMLSelectElement){t.current.isFocused=!0;let r=n.target,l=a=>{t.current.isFocused=!1,r.disabled&&o(new Rt("blur",a)),t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)};r.addEventListener("focusout",l,{once:!0}),t.current.observer=new MutationObserver(()=>{if(t.current.isFocused&&r.disabled){var a;(a=t.current.observer)===null||a===void 0||a.disconnect();let d=r===document.activeElement?null:document.activeElement;r.dispatchEvent(new FocusEvent("blur",{relatedTarget:d})),r.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:d}))}}),t.current.observer.observe(r,{attributes:!0,attributeFilter:["disabled"]})}},[o])}let q=null,At=new Set,A=new Map,B=!1,ae=!1;function me(e,t){for(let o of At)o(e,t)}function It(e){return!(e.metaKey||!Oe()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function X(e){B=!0,It(e)&&(q="keyboard",me("keyboard",e))}function k(e){q="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(B=!0,me("pointer",e))}function We(e){Nt(e)&&(B=!0,q="virtual")}function Ae(e){e.target===window||e.target===document||(!B&&!ae&&(q="virtual",me("virtual",e)),B=!1,ae=!1)}function Ie(){B=!1,ae=!0}function ye(e){if(typeof window>"u"||A.get(G(e)))return;const t=G(e),o=E(e);let n=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){B=!0,n.apply(this,arguments)},o.addEventListener("keydown",X,!0),o.addEventListener("keyup",X,!0),o.addEventListener("click",We,!0),t.addEventListener("focus",Ae,!0),t.addEventListener("blur",Ie,!1),typeof PointerEvent<"u"?(o.addEventListener("pointerdown",k,!0),o.addEventListener("pointermove",k,!0),o.addEventListener("pointerup",k,!0)):(o.addEventListener("mousedown",k,!0),o.addEventListener("mousemove",k,!0),o.addEventListener("mouseup",k,!0)),t.addEventListener("beforeunload",()=>{ze(e)},{once:!0}),A.set(t,{focus:n})}const ze=(e,t)=>{const o=G(e),n=E(e);t&&n.removeEventListener("DOMContentLoaded",t),A.has(o)&&(o.HTMLElement.prototype.focus=A.get(o).focus,n.removeEventListener("keydown",X,!0),n.removeEventListener("keyup",X,!0),n.removeEventListener("click",We,!0),o.removeEventListener("focus",Ae,!0),o.removeEventListener("blur",Ie,!1),typeof PointerEvent<"u"?(n.removeEventListener("pointerdown",k,!0),n.removeEventListener("pointermove",k,!0),n.removeEventListener("pointerup",k,!0)):(n.removeEventListener("mousedown",k,!0),n.removeEventListener("mousemove",k,!0),n.removeEventListener("mouseup",k,!0)),A.delete(o))};function zt(e){const t=E(e);let o;return t.readyState!=="loading"?ye(e):(o=()=>{ye(e)},t.addEventListener("DOMContentLoaded",o)),()=>ze(e,o)}typeof document<"u"&&zt();function qt(){return q}function Ht(e){let{isDisabled:t,onBlurWithin:o,onFocusWithin:n,onFocusWithinChange:r}=e,l=m.useRef({isFocusWithin:!1}),a=m.useCallback(i=>{l.current.isFocusWithin&&!i.currentTarget.contains(i.relatedTarget)&&(l.current.isFocusWithin=!1,o&&o(i),r&&r(!1))},[o,r,l]),d=Wt(a),c=m.useCallback(i=>{!l.current.isFocusWithin&&document.activeElement===i.target&&(n&&n(i),r&&r(!0),l.current.isFocusWithin=!0,d(i))},[n,r,d]);return t?{focusWithinProps:{onFocus:void 0,onBlur:void 0}}:{focusWithinProps:{onFocus:c,onBlur:a}}}function Vt(e){let{ref:t,onInteractOutside:o,isDisabled:n,onInteractOutsideStart:r}=e,l=m.useRef({isPointerDown:!1,ignoreEmulatedMouseEvents:!1}),a=I(c=>{o&&V(c,t)&&(r&&r(c),l.current.isPointerDown=!0)}),d=I(c=>{o&&o(c)});m.useEffect(()=>{let c=l.current;if(n)return;const i=t.current,s=E(i);if(typeof PointerEvent<"u"){let f=p=>{c.isPointerDown&&V(p,t)&&d(p),c.isPointerDown=!1};return s.addEventListener("pointerdown",a,!0),s.addEventListener("pointerup",f,!0),()=>{s.removeEventListener("pointerdown",a,!0),s.removeEventListener("pointerup",f,!0)}}else{let f=b=>{c.ignoreEmulatedMouseEvents?c.ignoreEmulatedMouseEvents=!1:c.isPointerDown&&V(b,t)&&d(b),c.isPointerDown=!1},p=b=>{c.ignoreEmulatedMouseEvents=!0,c.isPointerDown&&V(b,t)&&d(b),c.isPointerDown=!1};return s.addEventListener("mousedown",a,!0),s.addEventListener("mouseup",f,!0),s.addEventListener("touchstart",a,!0),s.addEventListener("touchend",p,!0),()=>{s.removeEventListener("mousedown",a,!0),s.removeEventListener("mouseup",f,!0),s.removeEventListener("touchstart",a,!0),s.removeEventListener("touchend",p,!0)}}},[t,n,a,d])}function V(e,t){if(e.button>0)return!1;if(e.target){const o=e.target.ownerDocument;if(!o||!o.documentElement.contains(e.target)||e.target.closest("[data-react-aria-top-layer]"))return!1}return t.current&&!t.current.contains(e.target)}function le(e){const t=E(e);if(qt()==="virtual"){let o=t.activeElement;Bt(()=>{t.activeElement===o&&e.isConnected&&Ee(e)})}else Ee(e)}function jt(e){const t=G(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:o,visibility:n}=e.style,r=o!=="none"&&n!=="hidden"&&n!=="collapse";if(r){const{getComputedStyle:l}=e.ownerDocument.defaultView;let{display:a,visibility:d}=l(e);r=a!=="none"&&d!=="hidden"&&d!=="collapse"}return r}function Kt(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function qe(e,t){return e.nodeName!=="#comment"&&jt(e)&&Kt(e,t)&&(!e.parentElement||qe(e.parentElement,e))}const Pe=m.createContext(null),ie="react-aria-focus-scope-restore";let h=null;function Ut(e){let{children:t,contain:o,restoreFocus:n,autoFocus:r}=e,l=m.useRef(null),a=m.useRef(null),d=m.useRef([]),{parentNode:c}=m.useContext(Pe)||{},i=m.useMemo(()=>new de({scopeRef:d}),[d]);w(()=>{let p=c||$.root;if($.getTreeNode(p.scopeRef)&&h&&!Y(h,p.scopeRef)){let b=$.getTreeNode(h);b&&(p=b)}p.addChild(i),$.addNode(i)},[i,c]),w(()=>{let p=$.getTreeNode(d);p&&(p.contain=!!o)},[o]),w(()=>{var p;let b=(p=l.current)===null||p===void 0?void 0:p.nextSibling,g=[],y=L=>L.stopPropagation();for(;b&&b!==a.current;)g.push(b),b.addEventListener(ie,y),b=b.nextSibling;return d.current=g,()=>{for(let L of g)L.removeEventListener(ie,y)}},[t]),eo(d,n,o),Yt(d,o),oo(d,n,o),Zt(d,r),m.useEffect(()=>{const p=E(d.current?d.current[0]:void 0).activeElement;let b=null;if(M(p,d.current)){for(let g of $.traverse())g.scopeRef&&M(p,g.scopeRef.current)&&(b=g);b===$.getTreeNode(d)&&(h=b.scopeRef)}},[d]),w(()=>()=>{var p,b,g;let y=(g=(b=$.getTreeNode(d))===null||b===void 0||(p=b.parent)===null||p===void 0?void 0:p.scopeRef)!==null&&g!==void 0?g:null;(d===h||Y(d,h))&&(!y||$.getTreeNode(y))&&(h=y),$.removeTreeNode(d)},[d]);let s=m.useMemo(()=>Gt(d),[]),f=m.useMemo(()=>({focusManager:s,parentNode:i}),[i,s]);return m.createElement(Pe.Provider,{value:f},m.createElement("span",{"data-focus-scope-start":!0,hidden:!0,ref:l}),t,m.createElement("span",{"data-focus-scope-end":!0,hidden:!0,ref:a}))}function Gt(e){return{focusNext(t={}){let o=e.current,{from:n,tabbable:r,wrap:l,accept:a}=t,d=n||E(o[0]).activeElement,c=o[0].previousElementSibling,i=C(o),s=F(i,{tabbable:r,accept:a},o);s.currentNode=M(d,o)?d:c;let f=s.nextNode();return!f&&l&&(s.currentNode=c,f=s.nextNode()),f&&T(f,!0),f},focusPrevious(t={}){let o=e.current,{from:n,tabbable:r,wrap:l,accept:a}=t,d=n||E(o[0]).activeElement,c=o[o.length-1].nextElementSibling,i=C(o),s=F(i,{tabbable:r,accept:a},o);s.currentNode=M(d,o)?d:c;let f=s.previousNode();return!f&&l&&(s.currentNode=c,f=s.previousNode()),f&&T(f,!0),f},focusFirst(t={}){let o=e.current,{tabbable:n,accept:r}=t,l=C(o),a=F(l,{tabbable:n,accept:r},o);a.currentNode=o[0].previousElementSibling;let d=a.nextNode();return d&&T(d,!0),d},focusLast(t={}){let o=e.current,{tabbable:n,accept:r}=t,l=C(o),a=F(l,{tabbable:n,accept:r},o);a.currentNode=o[o.length-1].nextElementSibling;let d=a.previousNode();return d&&T(d,!0),d}}}const fe=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],Xt=fe.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";fe.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const Jt=fe.join(':not([hidden]):not([tabindex="-1"]),');function C(e){return e[0].parentElement}function W(e){let t=$.getTreeNode(h);for(;t&&t.scopeRef!==e;){if(t.contain)return!1;t=t.parent}return!0}function Yt(e,t){let o=m.useRef(void 0),n=m.useRef(void 0);w(()=>{let r=e.current;if(!t){n.current&&(cancelAnimationFrame(n.current),n.current=void 0);return}const l=E(r?r[0]:void 0);let a=i=>{if(i.key!=="Tab"||i.altKey||i.ctrlKey||i.metaKey||!W(e)||i.isComposing)return;let s=l.activeElement,f=e.current;if(!f||!M(s,f))return;let p=C(f),b=F(p,{tabbable:!0},f);if(!s)return;b.currentNode=s;let g=i.shiftKey?b.previousNode():b.nextNode();g||(b.currentNode=i.shiftKey?f[f.length-1].nextElementSibling:f[0].previousElementSibling,g=i.shiftKey?b.previousNode():b.nextNode()),i.preventDefault(),g&&T(g,!0)},d=i=>{(!h||Y(h,e))&&M(i.target,e.current)?(h=e,o.current=i.target):W(e)&&!J(i.target,e)?o.current?o.current.focus():h&&h.current&&se(h.current):W(e)&&(o.current=i.target)},c=i=>{n.current&&cancelAnimationFrame(n.current),n.current=requestAnimationFrame(()=>{if(l.activeElement&&W(e)&&!J(l.activeElement,e))if(h=e,l.body.contains(i.target)){var s;o.current=i.target,(s=o.current)===null||s===void 0||s.focus()}else h.current&&se(h.current)})};return l.addEventListener("keydown",a,!1),l.addEventListener("focusin",d,!1),r==null||r.forEach(i=>i.addEventListener("focusin",d,!1)),r==null||r.forEach(i=>i.addEventListener("focusout",c,!1)),()=>{l.removeEventListener("keydown",a,!1),l.removeEventListener("focusin",d,!1),r==null||r.forEach(i=>i.removeEventListener("focusin",d,!1)),r==null||r.forEach(i=>i.removeEventListener("focusout",c,!1))}},[e,t]),w(()=>()=>{n.current&&cancelAnimationFrame(n.current)},[n])}function He(e){return J(e)}function M(e,t){return!e||!t?!1:t.some(o=>o.contains(e))}function J(e,t=null){if(e instanceof Element&&e.closest("[data-react-aria-top-layer]"))return!0;for(let{scopeRef:o}of $.traverse($.getTreeNode(t)))if(o&&M(e,o.current))return!0;return!1}function Qt(e){return J(e,h)}function Y(e,t){var o;let n=(o=$.getTreeNode(t))===null||o===void 0?void 0:o.parent;for(;n;){if(n.scopeRef===e)return!0;n=n.parent}return!1}function T(e,t=!1){if(e!=null&&!t)try{le(e)}catch{}else if(e!=null)try{e.focus()}catch{}}function Ve(e,t=!0){let o=e[0].previousElementSibling,n=C(e),r=F(n,{tabbable:t},e);r.currentNode=o;let l=r.nextNode();return t&&!l&&(n=C(e),r=F(n,{tabbable:!1},e),r.currentNode=o,l=r.nextNode()),l}function se(e,t=!0){T(Ve(e,t))}function Zt(e,t){const o=m.useRef(t);m.useEffect(()=>{if(o.current){h=e;const n=E(e.current?e.current[0]:void 0);!M(n.activeElement,h.current)&&e.current&&se(e.current)}o.current=!1},[e])}function eo(e,t,o){w(()=>{if(t||o)return;let n=e.current;const r=E(n?n[0]:void 0);let l=a=>{let d=a.target;M(d,e.current)?h=e:He(d)||(h=null)};return r.addEventListener("focusin",l,!1),n==null||n.forEach(a=>a.addEventListener("focusin",l,!1)),()=>{r.removeEventListener("focusin",l,!1),n==null||n.forEach(a=>a.removeEventListener("focusin",l,!1))}},[e,t,o])}function to(e){let t=$.getTreeNode(h);for(;t&&t.scopeRef!==e;){if(t.nodeToRestore)return!1;t=t.parent}return(t==null?void 0:t.scopeRef)===e}function oo(e,t,o){const n=m.useRef(typeof document<"u"?E(e.current?e.current[0]:void 0).activeElement:null);w(()=>{let r=e.current;const l=E(r?r[0]:void 0);if(!t||o)return;let a=()=>{(!h||Y(h,e))&&M(l.activeElement,e.current)&&(h=e)};return l.addEventListener("focusin",a,!1),r==null||r.forEach(d=>d.addEventListener("focusin",a,!1)),()=>{l.removeEventListener("focusin",a,!1),r==null||r.forEach(d=>d.removeEventListener("focusin",a,!1))}},[e,o]),w(()=>{const r=E(e.current?e.current[0]:void 0);if(!t)return;let l=a=>{if(a.key!=="Tab"||a.altKey||a.ctrlKey||a.metaKey||!W(e)||a.isComposing)return;let d=r.activeElement;if(!M(d,e.current))return;let c=$.getTreeNode(e);if(!c)return;let i=c.nodeToRestore,s=F(r.body,{tabbable:!0});s.currentNode=d;let f=a.shiftKey?s.previousNode():s.nextNode();if((!i||!r.body.contains(i)||i===r.body)&&(i=void 0,c.nodeToRestore=void 0),(!f||!M(f,e.current))&&i){s.currentNode=i;do f=a.shiftKey?s.previousNode():s.nextNode();while(M(f,e.current));a.preventDefault(),a.stopPropagation(),f?T(f,!0):He(i)?T(i,!0):d.blur()}};return o||r.addEventListener("keydown",l,!0),()=>{o||r.removeEventListener("keydown",l,!0)}},[e,t,o]),w(()=>{const r=E(e.current?e.current[0]:void 0);if(!t)return;let l=$.getTreeNode(e);if(l){var a;return l.nodeToRestore=(a=n.current)!==null&&a!==void 0?a:void 0,()=>{let d=$.getTreeNode(e);if(!d)return;let c=d.nodeToRestore;if(t&&c&&(M(r.activeElement,e.current)||r.activeElement===r.body&&to(e))){let i=$.clone();requestAnimationFrame(()=>{if(r.activeElement===r.body){let s=i.getTreeNode(e);for(;s;){if(s.nodeToRestore&&s.nodeToRestore.isConnected){ke(s.nodeToRestore);return}s=s.parent}for(s=i.getTreeNode(e);s;){if(s.scopeRef&&s.scopeRef.current&&$.getTreeNode(s.scopeRef)){let f=Ve(s.scopeRef.current,!0);ke(f);return}s=s.parent}}})}}}},[e,t])}function ke(e){e.dispatchEvent(new CustomEvent(ie,{bubbles:!0,cancelable:!0}))&&T(e)}function F(e,t,o){let n=t!=null&&t.tabbable?Jt:Xt,r=E(e).createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(l){var a;return!(t==null||(a=t.from)===null||a===void 0)&&a.contains(l)?NodeFilter.FILTER_REJECT:l.matches(n)&&qe(l)&&(!o||M(l,o))&&(!(t!=null&&t.accept)||t.accept(l))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t!=null&&t.from&&(r.currentNode=t.from),r}class pe{get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,o,n){let r=this.fastMap.get(o??null);if(!r)return;let l=new de({scopeRef:t});r.addChild(l),l.parent=r,this.fastMap.set(t,l),n&&(l.nodeToRestore=n)}addNode(t){this.fastMap.set(t.scopeRef,t)}removeTreeNode(t){if(t===null)return;let o=this.fastMap.get(t);if(!o)return;let n=o.parent;for(let l of this.traverse())l!==o&&o.nodeToRestore&&l.nodeToRestore&&o.scopeRef&&o.scopeRef.current&&M(l.nodeToRestore,o.scopeRef.current)&&(l.nodeToRestore=o.nodeToRestore);let r=o.children;n&&(n.removeChild(o),r.size>0&&r.forEach(l=>n&&n.addChild(l))),this.fastMap.delete(o.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.size>0)for(let o of t.children)yield*this.traverse(o)}clone(){var t;let o=new pe;var n;for(let r of this.traverse())o.addTreeNode(r.scopeRef,(n=(t=r.parent)===null||t===void 0?void 0:t.scopeRef)!==null&&n!==void 0?n:null,r.nodeToRestore);return o}constructor(){this.fastMap=new Map,this.root=new de({scopeRef:null}),this.fastMap.set(null,this.root)}}class de{addChild(t){this.children.add(t),t.parent=this}removeChild(t){this.children.delete(t),t.parent=void 0}constructor(t){this.children=new Set,this.contain=!1,this.scopeRef=t.scopeRef}}let $=new pe;const no=new WeakMap,x=[];function ro(e,t){let{onClose:o,shouldCloseOnBlur:n,isOpen:r,isDismissable:l=!1,isKeyboardDismissDisabled:a=!1,shouldCloseOnInteractOutside:d}=e;m.useEffect(()=>(r&&x.push(t),()=>{let g=x.indexOf(t);g>=0&&x.splice(g,1)}),[r,t]);let c=()=>{x[x.length-1]===t&&o&&o()},i=g=>{(!d||d(g.target))&&x[x.length-1]===t&&(g.stopPropagation(),g.preventDefault())},s=g=>{(!d||d(g.target))&&(x[x.length-1]===t&&(g.stopPropagation(),g.preventDefault()),c())},f=g=>{g.key==="Escape"&&!a&&!g.nativeEvent.isComposing&&(g.stopPropagation(),g.preventDefault(),c())};Vt({ref:t,onInteractOutside:l&&r?s:null,onInteractOutsideStart:i});let{focusWithinProps:p}=Ht({isDisabled:!n,onBlurWithin:g=>{!g.relatedTarget||Qt(g.relatedTarget)||(!d||d(g.relatedTarget))&&o()}}),b=g=>{g.target===g.currentTarget&&g.preventDefault()};return{overlayProps:{onKeyDown:f,...p},underlayProps:{onPointerDown:b}}}function ao(e,t,o){let{type:n}=e,{isOpen:r}=t;m.useEffect(()=>{o&&o.current&&no.set(o.current,t.close)});let l;n==="menu"?l=!0:n==="listbox"&&(l="listbox");let a=Be();return{triggerProps:{"aria-haspopup":l,"aria-expanded":r,"aria-controls":r?a:null,onPress:t.toggle},overlayProps:{id:a}}}const oe=typeof document<"u"&&window.visualViewport,lo=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let j=0,ne;function io(e={}){let{isDisabled:t}=e;w(()=>{if(!t)return j++,j===1&&(Lt()?ne=uo():ne=so()),()=>{j--,j===0&&ne()}},[t])}function so(){return U(O(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),O(document.documentElement,"overflow","hidden"))}function uo(){let e,t,o=i=>{e=De(i.target,!0),!(e===document.documentElement&&e===document.body)&&e instanceof HTMLElement&&window.getComputedStyle(e).overscrollBehavior==="auto"&&(t=O(e,"overscrollBehavior","contain"))},n=i=>{if(!e||e===document.documentElement||e===document.body){i.preventDefault();return}e.scrollHeight===e.clientHeight&&e.scrollWidth===e.clientWidth&&i.preventDefault()},r=i=>{let s=i.target;Te(s)&&s!==document.activeElement&&(i.preventDefault(),d(),s.style.transform="translateY(-2000px)",s.focus(),requestAnimationFrame(()=>{s.style.transform=""})),t&&t()},l=i=>{let s=i.target;Te(s)&&(d(),s.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{s.style.transform="",oe&&(oe.height<window.innerHeight?requestAnimationFrame(()=>{xe(s)}):oe.addEventListener("resize",()=>xe(s),{once:!0}))}))},a=null,d=()=>{if(a)return;let i=()=>{window.scrollTo(0,0)},s=window.pageXOffset,f=window.pageYOffset;a=U(D(window,"scroll",i),O(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),O(document.documentElement,"overflow","hidden"),O(document.body,"marginTop",`-${f}px`),()=>{window.scrollTo(s,f)}),window.scrollTo(0,0)},c=U(D(document,"touchstart",o,{passive:!1,capture:!0}),D(document,"touchmove",n,{passive:!1,capture:!0}),D(document,"touchend",r,{passive:!1,capture:!0}),D(document,"focus",l,!0));return()=>{t==null||t(),a==null||a(),c()}}function O(e,t,o){let n=e.style[t];return e.style[t]=o,()=>{e.style[t]=n}}function D(e,t,o,n){return e.addEventListener(t,o,n),()=>{e.removeEventListener(t,o,n)}}function xe(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let o=De(e);if(o!==document.documentElement&&o!==document.body&&o!==e){let n=o.getBoundingClientRect().top,r=e.getBoundingClientRect().top;r>n+e.clientHeight&&(o.scrollTop+=r-n)}e=o.parentElement}}function Te(e){return e instanceof HTMLInputElement&&!lo.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}let R=new WeakMap,P=[];function co(e,t=document.body){let o=new Set(e),n=new Set,r=c=>{for(let p of c.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))o.add(p);let i=p=>{if(o.has(p)||n.has(p.parentElement)&&p.parentElement.getAttribute("role")!=="row")return NodeFilter.FILTER_REJECT;for(let b of o)if(p.contains(b))return NodeFilter.FILTER_SKIP;return NodeFilter.FILTER_ACCEPT},s=document.createTreeWalker(c,NodeFilter.SHOW_ELEMENT,{acceptNode:i}),f=i(c);if(f===NodeFilter.FILTER_ACCEPT&&l(c),f!==NodeFilter.FILTER_REJECT){let p=s.nextNode();for(;p!=null;)l(p),p=s.nextNode()}},l=c=>{var i;let s=(i=R.get(c))!==null&&i!==void 0?i:0;c.getAttribute("aria-hidden")==="true"&&s===0||(s===0&&c.setAttribute("aria-hidden","true"),n.add(c),R.set(c,s+1))};P.length&&P[P.length-1].disconnect(),r(t);let a=new MutationObserver(c=>{for(let i of c)if(!(i.type!=="childList"||i.addedNodes.length===0)&&![...o,...n].some(s=>s.contains(i.target))){for(let s of i.removedNodes)s instanceof Element&&(o.delete(s),n.delete(s));for(let s of i.addedNodes)(s instanceof HTMLElement||s instanceof SVGElement)&&(s.dataset.liveAnnouncer==="true"||s.dataset.reactAriaTopLayer==="true")?o.add(s):s instanceof Element&&r(s)}});a.observe(t,{childList:!0,subtree:!0});let d={observe(){a.observe(t,{childList:!0,subtree:!0})},disconnect(){a.disconnect()}};return P.push(d),()=>{a.disconnect();for(let c of n){let i=R.get(c);i===1?(c.removeAttribute("aria-hidden"),R.delete(c)):R.set(c,i-1)}d===P[P.length-1]?(P.pop(),P.length&&P[P.length-1].observe()):P.splice(P.indexOf(d),1)}}const mo=m.createContext({});function fo(){var e;return(e=m.useContext(mo))!==null&&e!==void 0?e:{}}const je=m.createContext(null);function po(e){let t=Ce(),{portalContainer:o=t?null:document.body,isExiting:n}=e,[r,l]=m.useState(!1),a=m.useMemo(()=>({contain:r,setContain:l}),[r,l]),{getContainer:d}=fo();if(!e.portalContainer&&d&&(o=d()),!o)return null;let c=e.children;return e.disableFocusManagement||(c=m.createElement(Ut,{restoreFocus:!0,contain:r&&!n},c)),c=m.createElement(je.Provider,{value:a},m.createElement(Dt,null,c)),nt.createPortal(c,o)}function Ke(){let e=m.useContext(je),t=e==null?void 0:e.setContain;w(()=>{t==null||t(!0)},[t])}function go(e,t,o){let{overlayProps:n,underlayProps:r}=ro({...e,isOpen:t.isOpen,onClose:t.close},o);return io({isDisabled:!t.isOpen}),Ke(),m.useEffect(()=>{if(t.isOpen)return co([o.current])},[t.isOpen,o]),{modalProps:$t(n),underlayProps:r}}function bo(e,t){let{role:o="dialog"}=e,n=vt();n=e["aria-label"]?void 0:n;let r=m.useRef(!1);return m.useEffect(()=>{if(t.current&&!t.current.contains(document.activeElement)){le(t.current);let l=setTimeout(()=>{document.activeElement===t.current&&(r.current=!0,t.current&&(t.current.blur(),le(t.current)),r.current=!1)},500);return()=>{clearTimeout(l)}}},[t]),Ke(),{dialogProps:{...yt(e,{labelable:!0}),role:o,tabIndex:-1,"aria-labelledby":e["aria-labelledby"]||n,onBlur:l=>{r.current&&l.stopPropagation()}},titleProps:{id:n}}}function vo(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function Se(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),o.push.apply(o,n)}return o}function Fe(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?Se(Object(o),!0).forEach(function(n){vo(e,n,o[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):Se(Object(o)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))})}return e}var ho=(e,t,o)=>{for(var n of Object.keys(e)){var r;if(e[n]!==((r=t[n])!==null&&r!==void 0?r:o[n]))return!1}return!0},Ue=e=>t=>{var o=e.defaultClassName,n=Fe(Fe({},e.defaultVariants),t);for(var r in n){var l,a=(l=n[r])!==null&&l!==void 0?l:e.defaultVariants[r];if(a!=null){var d=a;typeof d=="boolean"&&(d=d===!0?"true":"false");var c=e.variantClassNames[r][d];c&&(o+=" "+c)}}for(var[i,s]of e.compoundVariants)ho(i,n,e.defaultVariants)&&(o+=" "+s);return o},$o="pkg_sps-woodland_modal__version_8_20_9__hash_3moto2o",wo="pkg_sps-woodland_modal__version_8_20_9__hash_3moto2q",Eo="pkg_sps-woodland_modal__version_8_20_9__hash_3moto2r",Ge="pkg_sps-woodland_modal__version_8_20_9__hash_3moto2p",Mo=Ue({defaultClassName:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto20",variantClassNames:{kind:{informational:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto21",delete:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto22",failure:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto23",success:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto24",warning:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto25",successWithFailures:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto26",form:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto27"},size:{sm:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto28",md:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto29",lg:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2a",xl:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2b"},fullHeight:{true:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2c",false:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2d"}},defaultVariants:{},compoundVariants:[]}),_o="pkg_sps-woodland_modal__version_8_20_9__hash_3moto2n",yo=Ue({defaultClassName:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2e",variantClassNames:{kind:{form:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2f",delete:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2g",failure:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2h",informational:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2i",success:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2j",warning:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2k",successWithFailures:"pkg_sps-woodland_modal__version_8_20_9__hash_3moto2l"}},defaultVariants:{},compoundVariants:[]}),Po="pkg_sps-woodland_modal__version_8_20_9__hash_3moto2m",ko="pkg_sps-woodland_modal__version_8_20_9__hash_3moto2s";function ge({children:e,className:t="",...o}){return u.createElement("div",{className:_.cl(Ge,t),...o},e)}_.Metadata.set(ge,{name:"ModalFooter"});const ue=Object.freeze({form:"pencil",delete:"trash",failure:"status-error",informational:"info-circle",success:"status-ok",successWithFailures:"status-warning",warning:"status-warning"});function xo({children:e,className:t,"data-testid":o,kind:n="informational",onBlur:r,onFocus:l,overlayProps:a,size:d="sm",state:c,title:i,dismissible:s,dismissable:f=!0,onClose:p,fullHeight:b=!1,...g}){const y=s??f,L=u.useRef(null),{modalProps:Q,underlayProps:Xe}=go({isKeyboardDismissDisabled:!y,...g},c,L),{dialogProps:Z,titleProps:Je}=bo(g,L),Ye=_.combineEventHandlers(Q.onFocus,Z.onFocus,l),Qe=_.combineEventHandlers(Q.onBlur,Z.onBlur,r),{t:Ze}=u.useContext(_.I18nContext),et=_.useChildTestIdAttrBuilder({"data-testid":o}),[ee,tt]=_.selectChildren(e,[{type:ge}]);function ve(){p&&typeof p=="function"&&p(),c.close()}const he=function(){return y?u.createElement(we.Button,{"aria-label":"Close",onClick:ve,kind:"icon",icon:"x",className:wo}):null},ot=_.modChildren(tt,$e=>$e.type===he?[{className:_.cl($e.props.classname,Eo)}]:[]);return u.createElement(po,null,u.createElement("div",{className:ko,...Xe,...g},u.createElement("div",{...Q,...Z,...a,onFocus:Ye,onBlur:Qe,...et("dialog"),ref:L,className:_.cl(Mo({kind:n,size:d,fullHeight:b}),t)},u.createElement("div",{...Je,className:yo({kind:n})},n&&u.createElement(_.Icon,{icon:ue[n]||ue.informational,className:_o}),u.createElement("div",{className:Po},_.contentOf(i,c.close)),u.createElement(he,null)),u.createElement("div",{className:$o},_.contentOf(ot,c.close)),ee&&ee.length>0?u.createElement(u.Fragment,null,_.contentOf(ee,c.close)):u.createElement("div",{className:Ge},u.createElement(we.Button,{kind:"key",onClick:ve},Ze("design-system:modal.defaultButtonLabel"))))))}function be(e){return e.state.isOpen?u.createElement(xo,{...e},e.children):u.createElement(u.Fragment,null)}_.Metadata.set(be,{name:"Modal",props:{dismissable:{type:"boolean",default:"true"},fullHeight:{type:"boolean",default:"false"},kind:{type:"ModalKind",default:"informational"},onBlur:{type:"() => void"},onClose:{type:"() => void"},onFocus:{type:"() => void"},size:{type:"ModalSize",default:"sm"},title:{type:"string"}}});function To(e){let[t,o]=Ot(e.isOpen,e.defaultOpen||!1,e.onOpenChange);const n=m.useCallback(()=>{o(!0)},[o]),r=m.useCallback(()=>{o(!1)},[o]),l=m.useCallback(()=>{o(!t)},[o,t]);return{isOpen:t,setOpen:o,open:n,close:r,toggle:l}}function So(e={}){const t=To(e),o=m.useRef(null),{triggerProps:n,overlayProps:r}=ao({type:"dialog"},t,o),{onPress:l,...a}=n;return{triggerProps:{...a,onClick:l,ref:o},modalState:t,modalProps:{overlayProps:r,state:t}}}const Fo={description:()=>u.createElement("p",null,"Modals are overlays on a page that focus a user’s attention on an important message or a simple action. Examples of a Modal include confirming the deletion of a record, or making a single selection."),components:[be],examples:{general:{label:"Usage",description:({NavigateTo:e})=>u.createElement(u.Fragment,null,u.createElement("h5",null,"Use a Modal:"),u.createElement("ul",null,u.createElement("li",null,"When the user needs to confirm a basic decision, such as deleting a record."),u.createElement("li",null,"When important information needs to be displayed to the user before continuing."),u.createElement("li",null,"When a simple selection, such as a single form input, is required before proceeding.")),u.createElement("h5",null,"Avoid a Modal:"),u.createElement("ul",null,u.createElement("li",null,"When a complex form is required. Use a ",u.createElement(e,{to:"focused-task"},"Focused Task View")," instead."),u.createElement("li",null,"When sharing non-critical or tertiary information. Use a ",u.createElement(e,{to:"growlers"},"Growler")," instead.")))},implementation:{label:"Close Button",description:()=>u.createElement(u.Fragment,null,u.createElement("h5",null,"Close Button and Modal dismissiability"),u.createElement("p",null,"Remove the Close Button in the upper right of the Modal if the user must choose the course of action before proceeding."),u.createElement("p",null,"The close button is included by default and omitted when the prop ",u.createElement("code",null,"dismissable")," is set to ",u.createElement("strong",null,"false"),"."),u.createElement("p",null,"Setting the ",u.createElement("code",null,"dismissable")," prop to false also prevents dismissing the modal by clicking outside of the modal or by using the"," ",u.createElement("strong",null,"escape")," key.")),examples:{basic:{react:v.code`
           import { Modal, ModalFooter, useModal } from "@sps-woodland/modal";
           import { sprinkles } from "@sps-woodland/tokens";
           import { Button } from "@sps-woodland/buttons";

package/lib/index.es.js

@@ -1,12 +1,12 @@
 import { Metadata as We, cl as ue, combineEventHandlers as ye, I18nContext as mt, useChildTestIdAttrBuilder as pt, selectChildren as ft, modChildren as gt, Icon as bt, contentOf as le } from "@sps-woodland/core";
 import { Button as Pe } from "@sps-woodland/buttons";
 import * as u from "react";
-import $, { useRef as M, useCallback as x, useState as H, useContext as W, useEffect as L, useMemo as R, createContext as vt } from "react";
+import $, { useRef as M, useCallback as x, useState as K, useContext as A, useEffect as L, useMemo as q, createContext as vt } from "react";
 import ht from "react-dom";
 import { code as b } from "@spscommerce/utils";
 const w = typeof document < "u" ? $.useLayoutEffect : () => {
 };
-function V(e) {
+function H(e) {
   const t = M(null);
   return w(() => {
     t.current = e;
@@ -18,7 +18,7 @@ function V(e) {
   }, []);
 }
 function $t(e) {
-  let [t, o] = H(e), n = M(null), r = V(() => {
+  let [t, o] = K(e), n = M(null), r = H(() => {
     if (!n.current) return;
     let a = n.current.next();
     if (a.done) {
@@ -30,7 +30,7 @@ function $t(e) {
   w(() => {
     n.current && r();
   });
-  let l = V((a) => {
+  let l = H((a) => {
     n.current = a(t), r();
   });
   return [
@@ -38,13 +38,13 @@ function $t(e) {
     l
   ];
 }
-const J = {
+const Y = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
-}, Ae = /* @__PURE__ */ $.createContext(J), wt = /* @__PURE__ */ $.createContext(!1);
+}, Ae = /* @__PURE__ */ $.createContext(Y), wt = /* @__PURE__ */ $.createContext(!1);
 let Et = !!(typeof window < "u" && window.document && window.document.createElement), ie = /* @__PURE__ */ new WeakMap();
 function _t(e = !1) {
-  let t = W(Ae), o = M(null);
+  let t = A(Ae), o = M(null);
   if (o.current === null && !e) {
     var n, r;
     let l = (r = $.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || r === void 0 || (n = r.ReactCurrentOwner) === null || n === void 0 ? void 0 : n.current;
@@ -60,13 +60,13 @@ function _t(e = !1) {
   return o.current;
 }
 function Mt(e) {
-  let t = W(Ae);
-  t === J && !Et && 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 o = _t(!!e), n = t === J && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
+  let t = A(Ae);
+  t === Y && !Et && 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 o = _t(!!e), n = t === Y && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
   return e || `${n}-${o}`;
 }
 function yt(e) {
-  let t = $.useId(), [o] = H(Ie()), n = o || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${J.prefix}`;
+  let t = $.useId(), [o] = K(Ie()), n = o || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${Y.prefix}`;
   return e || `${n}-${t}`;
 }
 const Pt = typeof $.useId == "function" ? yt : Mt;
@@ -81,17 +81,22 @@ function Tt(e) {
   };
 }
 function Ie() {
-  return typeof $.useSyncExternalStore == "function" ? $.useSyncExternalStore(Tt, kt, xt) : W(wt);
+  return typeof $.useSyncExternalStore == "function" ? $.useSyncExternalStore(Tt, kt, xt) : A(wt);
 }
-let St = !!(typeof window < "u" && window.document && window.document.createElement), Y = /* @__PURE__ */ new Map();
+let St = !!(typeof window < "u" && window.document && window.document.createElement), F = /* @__PURE__ */ new Map();
 function ze(e) {
-  let [t, o] = H(e), n = M(null), r = Pt(t), l = x((a) => {
+  let [t, o] = K(e), n = M(null), r = Pt(t), l = x((a) => {
     n.current = a;
   }, []);
-  return St && Y.set(r, l), w(() => {
+  return St && (F.has(r) && !F.get(r).includes(l) ? F.set(r, [
+    ...F.get(r),
+    l
+  ]) : F.set(r, [
+    l
+  ])), w(() => {
     let a = r;
     return () => {
-      Y.delete(a);
+      F.delete(a);
     };
   }, [
     r
@@ -102,11 +107,11 @@ function ze(e) {
 }
 function Lt(e, t) {
   if (e === t) return e;
-  let o = Y.get(e);
+  let o = F.get(e);
   if (o)
-    return o(t), t;
-  let n = Y.get(t);
-  return n ? (n(e), e) : t;
+    return o.forEach((r) => r(t)), t;
+  let n = F.get(t);
+  return n ? (n.forEach((r) => r(e)), e) : t;
 }
 function Ft(e = []) {
   let t = ze(), [o, n] = $t(t), r = x(() => {
@@ -191,20 +196,20 @@ function ke(e) {
     e.focus(), Rt(t);
   }
 }
-let U = null;
+let G = null;
 function It() {
-  if (U == null) {
-    U = !1;
+  if (G == null) {
+    G = !1;
     try {
       document.createElement("div").focus({
         get preventScroll() {
-          return U = !0, !0;
+          return G = !0, !0;
         }
       });
     } catch {
     }
   }
-  return U;
+  return G;
 }
 function zt(e) {
   let t = e.parentNode, o = [], n = document.scrollingElement || document.documentElement;
@@ -232,23 +237,23 @@ function ve(e) {
   var t;
   return typeof window < "u" && window.navigator != null ? e.test(((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.platform) || window.navigator.platform) : !1;
 }
-function K(e) {
+function j(e) {
   let t = null;
   return () => (t == null && (t = e()), t);
 }
-const qe = K(function() {
+const qe = j(function() {
   return ve(/^Mac/i);
-}), Vt = K(function() {
+}), Vt = j(function() {
   return ve(/^iPhone/i);
-}), Ht = K(function() {
+}), Ht = j(function() {
   return ve(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
   qe() && navigator.maxTouchPoints > 1;
-}), Kt = K(function() {
+}), Kt = j(function() {
   return Vt() || Ht();
-}), jt = K(function() {
+}), jt = j(function() {
   return qt(/Android/i);
 });
-let O = /* @__PURE__ */ new Map(), ce = /* @__PURE__ */ new Set();
+let D = /* @__PURE__ */ new Map(), ce = /* @__PURE__ */ new Set();
 function xe() {
   if (typeof window > "u") return;
   function e(n) {
@@ -256,14 +261,14 @@ function xe() {
   }
   let t = (n) => {
     if (!e(n) || !n.target) return;
-    let r = O.get(n.target);
-    r || (r = /* @__PURE__ */ new Set(), O.set(n.target, r), n.target.addEventListener("transitioncancel", o, {
+    let r = D.get(n.target);
+    r || (r = /* @__PURE__ */ new Set(), D.set(n.target, r), n.target.addEventListener("transitioncancel", o, {
       once: !0
     })), r.add(n.propertyName);
   }, o = (n) => {
     if (!e(n) || !n.target) return;
-    let r = O.get(n.target);
-    if (r && (r.delete(n.propertyName), r.size === 0 && (n.target.removeEventListener("transitioncancel", o), O.delete(n.target)), O.size === 0)) {
+    let r = D.get(n.target);
+    if (r && (r.delete(n.propertyName), r.size === 0 && (n.target.removeEventListener("transitioncancel", o), D.delete(n.target)), D.size === 0)) {
       for (let l of ce) l();
       ce.clear();
     }
@@ -273,7 +278,7 @@ function xe() {
 typeof document < "u" && (document.readyState !== "loading" ? xe() : document.addEventListener("DOMContentLoaded", xe));
 function Ut(e) {
   requestAnimationFrame(() => {
-    O.size === 0 ? e() : ce.add(e);
+    D.size === 0 ? e() : ce.add(e);
   });
 }
 function Te(e, t) {
@@ -289,7 +294,7 @@ function Gt(e) {
   return e.mozInputSource === 0 && e.isTrusted ? !0 : jt() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
 function Xt(e, t, o) {
-  let [n, r] = H(e || t), l = M(e !== void 0), a = e !== void 0;
+  let [n, r] = K(e || t), l = M(e !== void 0), a = e !== void 0;
   L(() => {
     let i = l.current;
     i !== a && console.warn(`WARN: A component changed from ${i ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}.`), l.current = a;
@@ -320,7 +325,7 @@ const He = $.createContext({
 });
 He.displayName = "PressResponderContext";
 function Jt({ children: e }) {
-  let t = R(() => ({
+  let t = q(() => ({
     register: () => {
     }
   }), []);
@@ -358,7 +363,7 @@ function Qt(e) {
       n.observer && (n.observer.disconnect(), n.observer = null);
     };
   }, []);
-  let o = V((n) => {
+  let o = H((n) => {
     e == null || e(n);
   });
   return x((n) => {
@@ -392,7 +397,7 @@ function Qt(e) {
     o
   ]);
 }
-let j = null, Zt = /* @__PURE__ */ new Set(), q = /* @__PURE__ */ new Map(), N = !1, me = !1;
+let U = null, Zt = /* @__PURE__ */ new Set(), V = /* @__PURE__ */ new Map(), O = !1, me = !1;
 function he(e, t) {
   for (let o of Zt) o(e, t);
 }
@@ -400,37 +405,37 @@ function eo(e) {
   return !(e.metaKey || !qe() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
 function ee(e) {
-  N = !0, eo(e) && (j = "keyboard", he("keyboard", e));
+  O = !0, eo(e) && (U = "keyboard", he("keyboard", e));
 }
 function k(e) {
-  j = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (N = !0, he("pointer", e));
+  U = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (O = !0, he("pointer", e));
 }
 function Ke(e) {
-  Gt(e) && (N = !0, j = "virtual");
+  Gt(e) && (O = !0, U = "virtual");
 }
 function je(e) {
-  e.target === window || e.target === document || (!N && !me && (j = "virtual", he("virtual", e)), N = !1, me = !1);
+  e.target === window || e.target === document || (!O && !me && (U = "virtual", he("virtual", e)), O = !1, me = !1);
 }
 function Ue() {
-  N = !1, me = !0;
+  O = !1, me = !0;
 }
 function Se(e) {
-  if (typeof window > "u" || q.get(Z(e))) return;
+  if (typeof window > "u" || V.get(Z(e))) return;
   const t = Z(e), o = E(e);
   let n = t.HTMLElement.prototype.focus;
   t.HTMLElement.prototype.focus = function() {
-    N = !0, n.apply(this, arguments);
+    O = !0, n.apply(this, arguments);
   }, o.addEventListener("keydown", ee, !0), o.addEventListener("keyup", ee, !0), o.addEventListener("click", Ke, !0), t.addEventListener("focus", je, !0), t.addEventListener("blur", Ue, !1), typeof PointerEvent < "u" ? (o.addEventListener("pointerdown", k, !0), o.addEventListener("pointermove", k, !0), o.addEventListener("pointerup", k, !0)) : (o.addEventListener("mousedown", k, !0), o.addEventListener("mousemove", k, !0), o.addEventListener("mouseup", k, !0)), t.addEventListener("beforeunload", () => {
     Ge(e);
   }, {
     once: !0
-  }), q.set(t, {
+  }), V.set(t, {
     focus: n
   });
 }
 const Ge = (e, t) => {
   const o = Z(e), n = E(e);
-  t && n.removeEventListener("DOMContentLoaded", t), q.has(o) && (o.HTMLElement.prototype.focus = q.get(o).focus, n.removeEventListener("keydown", ee, !0), n.removeEventListener("keyup", ee, !0), n.removeEventListener("click", Ke, !0), o.removeEventListener("focus", je, !0), o.removeEventListener("blur", Ue, !1), typeof PointerEvent < "u" ? (n.removeEventListener("pointerdown", k, !0), n.removeEventListener("pointermove", k, !0), n.removeEventListener("pointerup", k, !0)) : (n.removeEventListener("mousedown", k, !0), n.removeEventListener("mousemove", k, !0), n.removeEventListener("mouseup", k, !0)), q.delete(o));
+  t && n.removeEventListener("DOMContentLoaded", t), V.has(o) && (o.HTMLElement.prototype.focus = V.get(o).focus, n.removeEventListener("keydown", ee, !0), n.removeEventListener("keyup", ee, !0), n.removeEventListener("click", Ke, !0), o.removeEventListener("focus", je, !0), o.removeEventListener("blur", Ue, !1), typeof PointerEvent < "u" ? (n.removeEventListener("pointerdown", k, !0), n.removeEventListener("pointermove", k, !0), n.removeEventListener("pointerup", k, !0)) : (n.removeEventListener("mousedown", k, !0), n.removeEventListener("mousemove", k, !0), n.removeEventListener("mouseup", k, !0)), V.delete(o));
 };
 function to(e) {
   const t = E(e);
@@ -441,7 +446,7 @@ function to(e) {
 }
 typeof document < "u" && to();
 function oo() {
-  return j;
+  return U;
 }
 function no(e) {
   let { isDisabled: t, onBlurWithin: o, onFocusWithin: n, onFocusWithinChange: r } = e, l = M({
@@ -476,9 +481,9 @@ function ro(e) {
   let { ref: t, onInteractOutside: o, isDisabled: n, onInteractOutsideStart: r } = e, l = M({
     isPointerDown: !1,
     ignoreEmulatedMouseEvents: !1
-  }), a = V((c) => {
-    o && G(c, t) && (r && r(c), l.current.isPointerDown = !0);
-  }), d = V((c) => {
+  }), a = H((c) => {
+    o && X(c, t) && (r && r(c), l.current.isPointerDown = !0);
+  }), d = H((c) => {
     o && o(c);
   });
   L(() => {
@@ -487,16 +492,16 @@ function ro(e) {
     const i = t.current, s = E(i);
     if (typeof PointerEvent < "u") {
       let m = (p) => {
-        c.isPointerDown && G(p, t) && d(p), c.isPointerDown = !1;
+        c.isPointerDown && X(p, t) && d(p), c.isPointerDown = !1;
       };
       return s.addEventListener("pointerdown", a, !0), s.addEventListener("pointerup", m, !0), () => {
         s.removeEventListener("pointerdown", a, !0), s.removeEventListener("pointerup", m, !0);
       };
     } else {
       let m = (g) => {
-        c.ignoreEmulatedMouseEvents ? c.ignoreEmulatedMouseEvents = !1 : c.isPointerDown && G(g, t) && d(g), c.isPointerDown = !1;
+        c.ignoreEmulatedMouseEvents ? c.ignoreEmulatedMouseEvents = !1 : c.isPointerDown && X(g, t) && d(g), c.isPointerDown = !1;
       }, p = (g) => {
-        c.ignoreEmulatedMouseEvents = !0, c.isPointerDown && G(g, t) && d(g), c.isPointerDown = !1;
+        c.ignoreEmulatedMouseEvents = !0, c.isPointerDown && X(g, t) && d(g), c.isPointerDown = !1;
       };
       return s.addEventListener("mousedown", a, !0), s.addEventListener("mouseup", m, !0), s.addEventListener("touchstart", a, !0), s.addEventListener("touchend", p, !0), () => {
         s.removeEventListener("mousedown", a, !0), s.removeEventListener("mouseup", m, !0), s.removeEventListener("touchstart", a, !0), s.removeEventListener("touchend", p, !0);
@@ -509,7 +514,7 @@ function ro(e) {
     d
   ]);
 }
-function G(e, t) {
+function X(e, t) {
   if (e.button > 0) return !1;
   if (e.target) {
     const o = e.target.ownerDocument;
@@ -547,7 +552,7 @@ function Xe(e, t) {
 const Le = /* @__PURE__ */ $.createContext(null), fe = "react-aria-focus-scope-restore";
 let v = null;
 function io(e) {
-  let { children: t, contain: o, restoreFocus: n, autoFocus: r } = e, l = M(null), a = M(null), d = M([]), { parentNode: c } = W(Le) || {}, i = R(() => new be({
+  let { children: t, contain: o, restoreFocus: n, autoFocus: r } = e, l = M(null), a = M(null), d = M([]), { parentNode: c } = A(Le) || {}, i = q(() => new be({
     scopeRef: d
   }), [
     d
@@ -569,11 +574,11 @@ function io(e) {
     o
   ]), w(() => {
     var p;
-    let g = (p = l.current) === null || p === void 0 ? void 0 : p.nextSibling, f = [], y = (C) => C.stopPropagation();
+    let g = (p = l.current) === null || p === void 0 ? void 0 : p.nextSibling, f = [], y = (B) => B.stopPropagation();
     for (; g && g !== a.current; )
       f.push(g), g.addEventListener(fe, y), g = g.nextSibling;
     return d.current = f, () => {
-      for (let C of f) C.removeEventListener(fe, y);
+      for (let B of f) B.removeEventListener(fe, y);
     };
   }, [
     t
@@ -593,7 +598,7 @@ function io(e) {
   }, [
     d
   ]);
-  let s = R(() => so(d), []), m = R(() => ({
+  let s = q(() => so(d), []), m = q(() => ({
     focusManager: s,
     parentNode: i
   }), [
@@ -615,7 +620,7 @@ function io(e) {
 function so(e) {
   return {
     focusNext(t = {}) {
-      let o = e.current, { from: n, tabbable: r, wrap: l, accept: a } = t, d = n || E(o[0]).activeElement, c = o[0].previousElementSibling, i = B(o), s = F(i, {
+      let o = e.current, { from: n, tabbable: r, wrap: l, accept: a } = t, d = n || E(o[0]).activeElement, c = o[0].previousElementSibling, i = N(o), s = C(i, {
         tabbable: r,
         accept: a
       }, o);
@@ -624,7 +629,7 @@ function so(e) {
       return !m && l && (s.currentNode = c, m = s.nextNode()), m && S(m, !0), m;
     },
     focusPrevious(t = {}) {
-      let o = e.current, { from: n, tabbable: r, wrap: l, accept: a } = t, d = n || E(o[0]).activeElement, c = o[o.length - 1].nextElementSibling, i = B(o), s = F(i, {
+      let o = e.current, { from: n, tabbable: r, wrap: l, accept: a } = t, d = n || E(o[0]).activeElement, c = o[o.length - 1].nextElementSibling, i = N(o), s = C(i, {
         tabbable: r,
         accept: a
       }, o);
@@ -633,7 +638,7 @@ function so(e) {
       return !m && l && (s.currentNode = c, m = s.previousNode()), m && S(m, !0), m;
     },
     focusFirst(t = {}) {
-      let o = e.current, { tabbable: n, accept: r } = t, l = B(o), a = F(l, {
+      let o = e.current, { tabbable: n, accept: r } = t, l = N(o), a = C(l, {
         tabbable: n,
         accept: r
       }, o);
@@ -642,7 +647,7 @@ function so(e) {
       return d && S(d, !0), d;
     },
     focusLast(t = {}) {
-      let o = e.current, { tabbable: n, accept: r } = t, l = B(o), a = F(l, {
+      let o = e.current, { tabbable: n, accept: r } = t, l = N(o), a = C(l, {
         tabbable: n,
         accept: r
       }, o);
@@ -669,10 +674,10 @@ const $e = [
 ], uo = $e.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
 $e.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
 const co = $e.join(':not([hidden]):not([tabindex="-1"]),');
-function B(e) {
+function N(e) {
   return e[0].parentElement;
 }
-function z(e) {
+function R(e) {
   let t = h.getTreeNode(v);
   for (; t && t.scopeRef !== e; ) {
     if (t.contain) return !1;
@@ -690,10 +695,10 @@ function mo(e, t) {
     }
     const l = E(r ? r[0] : void 0);
     let a = (i) => {
-      if (i.key !== "Tab" || i.altKey || i.ctrlKey || i.metaKey || !z(e) || i.isComposing) return;
+      if (i.key !== "Tab" || i.altKey || i.ctrlKey || i.metaKey || !R(e) || i.isComposing) return;
       let s = l.activeElement, m = e.current;
       if (!m || !_(s, m)) return;
-      let p = B(m), g = F(p, {
+      let p = N(m), g = C(p, {
         tabbable: !0
       }, m);
       if (!s) return;
@@ -701,10 +706,10 @@ function mo(e, t) {
       let f = i.shiftKey ? g.previousNode() : g.nextNode();
       f || (g.currentNode = i.shiftKey ? m[m.length - 1].nextElementSibling : m[0].previousElementSibling, f = i.shiftKey ? g.previousNode() : g.nextNode()), i.preventDefault(), f && S(f, !0);
     }, d = (i) => {
-      (!v || oe(v, e)) && _(i.target, e.current) ? (v = e, o.current = i.target) : z(e) && !te(i.target, e) ? o.current ? o.current.focus() : v && v.current && ge(v.current) : z(e) && (o.current = i.target);
+      (!v || oe(v, e)) && _(i.target, e.current) ? (v = e, o.current = i.target) : R(e) && !te(i.target, e) ? o.current ? o.current.focus() : v && v.current && ge(v.current) : R(e) && (o.current = i.target);
     }, c = (i) => {
       n.current && cancelAnimationFrame(n.current), n.current = requestAnimationFrame(() => {
-        if (l.activeElement && z(e) && !te(l.activeElement, e))
+        if (l.activeElement && R(e) && !te(l.activeElement, e))
           if (v = e, l.body.contains(i.target)) {
             var s;
             o.current = i.target, (s = o.current) === null || s === void 0 || s.focus();
@@ -758,12 +763,12 @@ function S(e, t = !1) {
   }
 }
 function Ye(e, t = !0) {
-  let o = e[0].previousElementSibling, n = B(e), r = F(n, {
+  let o = e[0].previousElementSibling, n = N(e), r = C(n, {
     tabbable: t
   }, e);
   r.currentNode = o;
   let l = r.nextNode();
-  return t && !l && (n = B(e), r = F(n, {
+  return t && !l && (n = N(e), r = C(n, {
     tabbable: !1
   }, e), r.currentNode = o, l = r.nextNode()), l;
 }
@@ -828,12 +833,12 @@ function vo(e, t, o) {
     const r = E(e.current ? e.current[0] : void 0);
     if (!t) return;
     let l = (a) => {
-      if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !z(e) || a.isComposing) return;
+      if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !R(e) || a.isComposing) return;
       let d = r.activeElement;
       if (!_(d, e.current)) return;
       let c = h.getTreeNode(e);
       if (!c) return;
-      let i = c.nodeToRestore, s = F(r.body, {
+      let i = c.nodeToRestore, s = C(r.body, {
         tabbable: !0
       });
       s.currentNode = d;
@@ -900,7 +905,7 @@ function Fe(e) {
     cancelable: !0
   })) && S(e);
 }
-function F(e, t, o) {
+function C(e, t, o) {
   let n = t != null && t.tabbable ? co : uo, r = E(e).createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode(l) {
       var a;
@@ -1038,24 +1043,24 @@ const se = typeof document < "u" && window.visualViewport, Eo = /* @__PURE__ */
   "submit",
   "reset"
 ]);
-let X = 0, de;
+let J = 0, de;
 function _o(e = {}) {
   let { isDisabled: t } = e;
   w(() => {
     if (!t)
-      return X++, X === 1 && (Kt() ? de = yo() : de = Mo()), () => {
-        X--, X === 0 && de();
+      return J++, J === 1 && (Kt() ? de = yo() : de = Mo()), () => {
+        J--, J === 0 && de();
       };
   }, [
     t
   ]);
 }
 function Mo() {
-  return Q(D(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), D(document.documentElement, "overflow", "hidden"));
+  return Q(W(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), W(document.documentElement, "overflow", "hidden"));
 }
 function yo() {
   let e, t, o = (i) => {
-    e = Ve(i.target, !0), !(e === document.documentElement && e === document.body) && e instanceof HTMLElement && window.getComputedStyle(e).overscrollBehavior === "auto" && (t = D(e, "overscrollBehavior", "contain"));
+    e = Ve(i.target, !0), !(e === document.documentElement && e === document.body) && e instanceof HTMLElement && window.getComputedStyle(e).overscrollBehavior === "auto" && (t = W(e, "overscrollBehavior", "contain"));
   }, n = (i) => {
     if (!e || e === document.documentElement || e === document.body) {
       i.preventDefault();
@@ -1081,30 +1086,30 @@ function yo() {
     let i = () => {
       window.scrollTo(0, 0);
     }, s = window.pageXOffset, m = window.pageYOffset;
-    a = Q(A(window, "scroll", i), D(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), D(document.documentElement, "overflow", "hidden"), D(document.body, "marginTop", `-${m}px`), () => {
+    a = Q(I(window, "scroll", i), W(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), W(document.documentElement, "overflow", "hidden"), W(document.body, "marginTop", `-${m}px`), () => {
       window.scrollTo(s, m);
     }), window.scrollTo(0, 0);
-  }, c = Q(A(document, "touchstart", o, {
+  }, c = Q(I(document, "touchstart", o, {
     passive: !1,
     capture: !0
-  }), A(document, "touchmove", n, {
+  }), I(document, "touchmove", n, {
     passive: !1,
     capture: !0
-  }), A(document, "touchend", r, {
+  }), I(document, "touchend", r, {
     passive: !1,
     capture: !0
-  }), A(document, "focus", l, !0));
+  }), I(document, "focus", l, !0));
   return () => {
     t == null || t(), a == null || a(), c();
   };
 }
-function D(e, t, o) {
+function W(e, t, o) {
   let n = e.style[t];
   return e.style[t] = o, () => {
     e.style[t] = n;
   };
 }
-function A(e, t, o, n) {
+function I(e, t, o, n) {
   return e.addEventListener(t, o, n), () => {
     e.removeEventListener(t, o, n);
   };
@@ -1123,7 +1128,7 @@ function Ce(e) {
 function Be(e) {
   return e instanceof HTMLInputElement && !Eo.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
 }
-let I = /* @__PURE__ */ new WeakMap(), P = [];
+let z = /* @__PURE__ */ new WeakMap(), P = [];
 function Po(e, t = document.body) {
   let o = new Set(e), n = /* @__PURE__ */ new Set(), r = (c) => {
     for (let p of c.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) o.add(p);
@@ -1142,8 +1147,8 @@ function Po(e, t = document.body) {
     }
   }, l = (c) => {
     var i;
-    let s = (i = I.get(c)) !== null && i !== void 0 ? i : 0;
-    c.getAttribute("aria-hidden") === "true" && s === 0 || (s === 0 && c.setAttribute("aria-hidden", "true"), n.add(c), I.set(c, s + 1));
+    let s = (i = z.get(c)) !== null && i !== void 0 ? i : 0;
+    c.getAttribute("aria-hidden") === "true" && s === 0 || (s === 0 && c.setAttribute("aria-hidden", "true"), n.add(c), z.set(c, s + 1));
   };
   P.length && P[P.length - 1].disconnect(), r(t);
   let a = new MutationObserver((c) => {
@@ -1175,8 +1180,8 @@ function Po(e, t = document.body) {
   return P.push(d), () => {
     a.disconnect();
     for (let c of n) {
-      let i = I.get(c);
-      i === 1 ? (c.removeAttribute("aria-hidden"), I.delete(c)) : I.set(c, i - 1);
+      let i = z.get(c);
+      i === 1 ? (c.removeAttribute("aria-hidden"), z.delete(c)) : z.set(c, i - 1);
     }
     d === P[P.length - 1] ? (P.pop(), P.length && P[P.length - 1].observe()) : P.splice(P.indexOf(d), 1);
   };
@@ -1184,11 +1189,11 @@ function Po(e, t = document.body) {
 const ko = /* @__PURE__ */ vt({});
 function xo() {
   var e;
-  return (e = W(ko)) !== null && e !== void 0 ? e : {};
+  return (e = A(ko)) !== null && e !== void 0 ? e : {};
 }
 const Qe = /* @__PURE__ */ $.createContext(null);
 function To(e) {
-  let t = Ie(), { portalContainer: o = t ? null : document.body, isExiting: n } = e, [r, l] = H(!1), a = R(() => ({
+  let t = Ie(), { portalContainer: o = t ? null : document.body, isExiting: n } = e, [r, l] = K(!1), a = q(() => ({
     contain: r,
     setContain: l
   }), [
@@ -1205,7 +1210,7 @@ function To(e) {
   }, /* @__PURE__ */ $.createElement(Jt, null, c)), /* @__PURE__ */ ht.createPortal(c, o);
 }
 function Ze() {
-  let e = W(Qe), t = e == null ? void 0 : e.setContain;
+  let e = A(Qe), t = e == null ? void 0 : e.setContain;
   w(() => {
     t == null || t(!0);
   }, [
@@ -1321,7 +1326,7 @@ var Co = (e, t, o) => {
   for (var [i, s] of e.compoundVariants)
     Co(i, n, e.defaultVariants) && (o += " " + s);
   return o;
-}, Bo = "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2o", No = "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2q", Oo = "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2r", tt = "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2p", Do = et({ defaultClassName: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto20", variantClassNames: { kind: { informational: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto21", delete: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto22", failure: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto23", success: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto24", warning: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto25", successWithFailures: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto26", form: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto27" }, size: { sm: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto28", md: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto29", lg: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2a", xl: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2b" }, fullHeight: { true: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2c", false: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2d" } }, defaultVariants: {}, compoundVariants: [] }), Wo = "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2n", Ao = et({ defaultClassName: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2e", variantClassNames: { kind: { form: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2f", delete: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2g", failure: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2h", informational: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2i", success: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2j", warning: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2k", successWithFailures: "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2l" } }, defaultVariants: {}, compoundVariants: [] }), Io = "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2m", zo = "pkg_sps-woodland_modal__version_8_20_7__hash_3moto2s";
+}, Bo = "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2o", No = "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2q", Oo = "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2r", tt = "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2p", Do = et({ defaultClassName: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto20", variantClassNames: { kind: { informational: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto21", delete: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto22", failure: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto23", success: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto24", warning: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto25", successWithFailures: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto26", form: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto27" }, size: { sm: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto28", md: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto29", lg: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2a", xl: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2b" }, fullHeight: { true: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2c", false: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2d" } }, defaultVariants: {}, compoundVariants: [] }), Wo = "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2n", Ao = et({ defaultClassName: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2e", variantClassNames: { kind: { form: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2f", delete: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2g", failure: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2h", informational: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2i", success: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2j", warning: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2k", successWithFailures: "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2l" } }, defaultVariants: {}, compoundVariants: [] }), Io = "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2m", zo = "pkg_sps-woodland_modal__version_8_20_9__hash_3moto2s";
 function ot({
   children: e,
   className: t = "",
@@ -1356,14 +1361,14 @@ function Ro({
   fullHeight: g = !1,
   ...f
 }) {
-  const y = s ?? m, C = u.useRef(null), { modalProps: ne, underlayProps: rt } = So(
+  const y = s ?? m, B = u.useRef(null), { modalProps: ne, underlayProps: rt } = So(
     {
       isKeyboardDismissDisabled: !y,
       ...f
     },
     c,
-    C
-  ), { dialogProps: re, titleProps: at } = Lo(f, C), lt = ye(ne.onFocus, re.onFocus, l), it = ye(ne.onBlur, re.onBlur, r), { t: st } = u.useContext(mt), dt = pt({ "data-testid": o }), [ae, ut] = ft(
+    B
+  ), { dialogProps: re, titleProps: at } = Lo(f, B), lt = ye(ne.onFocus, re.onFocus, l), it = ye(ne.onBlur, re.onBlur, r), { t: st } = u.useContext(mt), dt = pt({ "data-testid": o }), [ae, ut] = ft(
     e,
     [{ type: ot }]
   );
@@ -1391,7 +1396,7 @@ function Ro({
       onFocus: lt,
       onBlur: it,
       ...dt("dialog"),
-      ref: C,
+      ref: B,
       className: ue(Do({ kind: n, size: d, fullHeight: g }), t)
     },
     /* @__PURE__ */ u.createElement("div", { ...at, className: Ao({ kind: n }) }, n && /* @__PURE__ */ u.createElement(

package/lib/style.css

@@ -1 +1 @@
-.pkg_sps-woodland_modal__version_8_20_7__hash_3moto20{background-color:#fff;border-style:solid;border-width:.0625rem;border-radius:.25rem;display:flex;flex-direction:column;overflow:hidden;max-height:100%}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto21{border-color:#027db8}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto22,.pkg_sps-woodland_modal__version_8_20_7__hash_3moto23{border-color:#de012e}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto24{border-color:#0b8940}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto25,.pkg_sps-woodland_modal__version_8_20_7__hash_3moto26{border-color:#e77609}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto27{border-color:#4b5356}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto28{width:23.75rem}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto29{width:36.25rem}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2a{width:48.75rem}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2b{width:73.75rem}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2c{height:100%}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2e{align-items:center;color:#fff;display:flex;padding:1rem}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2f{background-color:#4b5356}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2g,.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2h{background-color:#de012e}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2i{background-color:#027db8}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2j{background-color:#0b8940}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2k,.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2l{background-color:#e77609}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2m{flex-grow:1;font-size:.875rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2n{font-weight:600;line-height:.875rem;font-size:.875rem;padding-right:.5rem}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2o{overflow-y:auto;padding:1rem;flex:1}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2p{align-items:center;background-color:#f3f4f4;display:flex;justify-content:flex-end;padding:.5rem}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2q{color:#fff;border-width:0}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2r{padding:0 .25rem}.pkg_sps-woodland_modal__version_8_20_7__hash_3moto2s{position:fixed;z-index:1000;top:0;left:0;bottom:0;right:0;background:#f3f4f4;display:flex;align-items:center;justify-content:center;padding:1rem}.z-stratum-dropdown{z-index:1100}
+.pkg_sps-woodland_modal__version_8_20_9__hash_3moto20{background-color:#fff;border-style:solid;border-width:.0625rem;border-radius:.25rem;display:flex;flex-direction:column;overflow:hidden;max-height:100%}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto21{border-color:#027db8}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto22,.pkg_sps-woodland_modal__version_8_20_9__hash_3moto23{border-color:#de012e}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto24{border-color:#0b8940}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto25,.pkg_sps-woodland_modal__version_8_20_9__hash_3moto26{border-color:#e77609}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto27{border-color:#4b5356}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto28{width:23.75rem}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto29{width:36.25rem}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2a{width:48.75rem}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2b{width:73.75rem}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2c{height:100%}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2e{align-items:center;color:#fff;display:flex;padding:1rem}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2f{background-color:#4b5356}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2g,.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2h{background-color:#de012e}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2i{background-color:#027db8}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2j{background-color:#0b8940}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2k,.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2l{background-color:#e77609}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2m{flex-grow:1;font-size:.875rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2n{font-weight:600;line-height:.875rem;font-size:.875rem;padding-right:.5rem}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2o{overflow-y:auto;padding:1rem;flex:1}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2p{align-items:center;background-color:#f3f4f4;display:flex;justify-content:flex-end;padding:.5rem}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2q{color:#fff;border-width:0}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2r{padding:0 .25rem}.pkg_sps-woodland_modal__version_8_20_9__hash_3moto2s{position:fixed;z-index:1000;top:0;left:0;bottom:0;right:0;background:#f3f4f4;display:flex;align-items:center;justify-content:center;padding:1rem}.z-stratum-dropdown{z-index:1100}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/modal",
   "description": "SPS Woodland Design System modal component",
-  "version": "8.20.7",
+  "version": "8.20.9",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/modal",
@@ -29,9 +29,9 @@
     "@spscommerce/utils": "^7.0.0",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/buttons": "8.20.7",
-    "@sps-woodland/core": "8.20.7",
-    "@sps-woodland/tokens": "8.20.7"
+    "@sps-woodland/buttons": "8.20.9",
+    "@sps-woodland/core": "8.20.9",
+    "@sps-woodland/tokens": "8.20.9"
   },
   "devDependencies": {
     "@spscommerce/utils": "^7.0.0",
@@ -42,9 +42,9 @@
     "@vanilla-extract/vite-plugin": "^3.6.0",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/buttons": "8.20.7",
-    "@sps-woodland/core": "8.20.7",
-    "@sps-woodland/tokens": "8.20.7"
+    "@sps-woodland/buttons": "8.20.9",
+    "@sps-woodland/core": "8.20.9",
+    "@sps-woodland/tokens": "8.20.9"
   },
   "dependencies": {
     "react-aria": "^3.21.0",