mirotone-react
Version:
Mirotone React is a component library for the Mirotone Design System, offering a range of components and utilities to speed up development for Miro. It draws inspiration from Mirotone CSS and Miro UI Components.
1 lines • 98.4 kB
JavaScript
import{jsxs as e,jsx as n}from"react/jsx-runtime";import*as t from"react";import r,{useCallback as o,createContext as i,useMemo as a,createElement as l,useContext as c,useRef as s,useEffect as u,useState as d,forwardRef as f,Children as p,isValidElement as m,cloneElement as h,Fragment as g,useLayoutEffect as v,useReducer as y}from"react";import*as b from"react-dom";import w,{flushSync as x}from"react-dom";function _(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}function N(){return N=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},N.apply(null,arguments)}function E(e,n,{checkForDefaultPrevented:t=!0}={}){return function(r){if(null==e||e(r),!1===t||!r.defaultPrevented)return null==n?void 0:n(r)}}function C(...e){return n=>e.forEach((e=>function(e,n){"function"==typeof e?e(n):null!=e&&(e.current=n)}(e,n)))}function T(...e){return o(C(...e),e)}function k(e,n=[]){let t=[];const r=()=>{const n=t.map((e=>i(e)));return function(t){const r=(null==t?void 0:t[e])||n;return a((()=>({[`__scope${e}`]:{...t,[e]:r}})),[t,r])}};return r.scopeName=e,[function(n,r){const o=i(r),s=t.length;function u(n){const{scope:t,children:r,...i}=n,c=(null==t?void 0:t[e][s])||o,u=a((()=>i),Object.values(i));return l(c.Provider,{value:u},r)}return t=[...t,r],u.displayName=n+"Provider",[u,function(t,i){const a=(null==i?void 0:i[e][s])||o,l=c(a);if(l)return l;if(void 0!==r)return r;throw new Error(`\`${t}\` must be used within \`${n}\``)}]},D(r,...n)]}function D(...e){const n=e[0];if(1===e.length)return n;const t=()=>{const t=e.map((e=>({useScope:e(),scopeName:e.scopeName})));return function(e){const r=t.reduce(((n,{useScope:t,scopeName:r})=>({...n,...t(e)[`__scope${r}`]})),{});return a((()=>({[`__scope${n.scopeName}`]:r})),[r])}};return t.scopeName=n.scopeName,t}function A(e){const n=s(e);return u((()=>{n.current=e})),a((()=>(...e)=>{var t;return null===(t=n.current)||void 0===t?void 0:t.call(n,...e)}),[])}function S({prop:e,defaultProp:n,onChange:t=(()=>{})}){const[r,i]=function({defaultProp:e,onChange:n}){const t=d(e),[r]=t,o=s(r),i=A(n);return u((()=>{o.current!==r&&(i(r),o.current=r)}),[r,o,i]),t}({defaultProp:n,onChange:t}),a=void 0!==e,l=a?e:r,c=A(t);return[l,o((n=>{if(a){const t="function"==typeof n?n(e):n;t!==e&&c(t)}else i(n)}),[a,e,i,c])]}_("@import url('https://unpkg.com/mirotone@5.3.0/dist/styles.css');\n");const O=f(((e,n)=>{const{children:t,...r}=e,o=p.toArray(t),i=o.find(I);if(i){const e=i.props.children,t=o.map((n=>n===i?p.count(e)>1?p.only(null):m(e)?e.props.children:null:n));return l(P,N({},r,{ref:n}),m(e)?h(e,void 0,t):null)}return l(P,N({},r,{ref:n}),t)}));O.displayName="Slot";const P=f(((e,n)=>{const{children:t,...r}=e;return m(t)?h(t,{...F(r,t.props),ref:n?C(n,t.ref):t.ref}):p.count(t)>1?p.only(null):null}));P.displayName="SlotClone";const L=({children:e})=>l(g,null,e);function I(e){return m(e)&&e.type===L}function F(e,n){const t={...n};for(const r in n){const o=e[r],i=n[r];/^on[A-Z]/.test(r)?o&&i?t[r]=(...e)=>{i(...e),o(...e)}:o&&(t[r]=o):"style"===r?t[r]={...o,...i}:"className"===r&&(t[r]=[o,i].filter(Boolean).join(" "))}return{...e,...t}}const R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce(((e,n)=>{const t=f(((e,t)=>{const{asChild:r,...o}=e,i=r?O:n;return u((()=>{window[Symbol.for("radix-ui")]=!0}),[]),l(i,N({},o,{ref:t}))}));return t.displayName=`Primitive.${n}`,{...e,[n]:t}}),{});function M(e,n){e&&x((()=>e.dispatchEvent(n)))}function z(e){const n=e+"CollectionProvider",[t,o]=k(n),[i,a]=t(n,{collectionRef:{current:null},itemMap:new Map}),l=e+"CollectionSlot",c=e+"CollectionItemSlot",s="data-radix-collection-item";return[{Provider:e=>{const{scope:n,children:t}=e,o=r.useRef(null),a=r.useRef(new Map).current;return r.createElement(i,{scope:n,itemMap:a,collectionRef:o},t)},Slot:r.forwardRef(((e,n)=>{const{scope:t,children:o}=e,i=T(n,a(l,t).collectionRef);return r.createElement(O,{ref:i},o)})),ItemSlot:r.forwardRef(((e,n)=>{const{scope:t,children:o,...i}=e,l=r.useRef(null),u=T(n,l),d=a(c,t);return r.useEffect((()=>(d.itemMap.set(l,{ref:l,...i}),()=>{d.itemMap.delete(l)}))),r.createElement(O,{[s]:"",ref:u},o)}))},function(n){const t=a(e+"CollectionConsumer",n);return r.useCallback((()=>{const e=t.collectionRef.current;if(!e)return[];const n=Array.from(e.querySelectorAll(`[${s}]`));return Array.from(t.itemMap.values()).sort(((e,t)=>n.indexOf(e.ref.current)-n.indexOf(t.ref.current)))}),[t.collectionRef,t.itemMap])},o]}const B=i(void 0);function j(e){const n=c(B);return e||n||"ltr"}const H="dismissableLayer.update",W="dismissableLayer.pointerDownOutside",U="dismissableLayer.focusOutside";let $;const K=i({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),G=f(((e,n)=>{var t;const{disableOutsidePointerEvents:r=!1,onEscapeKeyDown:o,onPointerDownOutside:i,onFocusOutside:a,onInteractOutside:f,onDismiss:p,...m}=e,h=c(K),[g,v]=d(null),y=null!==(t=null==g?void 0:g.ownerDocument)&&void 0!==t?t:null===globalThis||void 0===globalThis?void 0:globalThis.document,[,b]=d({}),w=T(n,(e=>v(e))),x=Array.from(h.layers),[_]=[...h.layersWithOutsidePointerEventsDisabled].slice(-1),C=x.indexOf(_),k=g?x.indexOf(g):-1,D=h.layersWithOutsidePointerEventsDisabled.size>0,S=k>=C,O=function(e,n=(null===globalThis||void 0===globalThis?void 0:globalThis.document)){const t=A(e),r=s(!1),o=s((()=>{}));return u((()=>{const e=e=>{if(e.target&&!r.current){const i={originalEvent:e};function a(){X(W,t,i,{discrete:!0})}"touch"===e.pointerType?(n.removeEventListener("click",o.current),o.current=a,n.addEventListener("click",o.current,{once:!0})):a()}else n.removeEventListener("click",o.current);r.current=!1},i=window.setTimeout((()=>{n.addEventListener("pointerdown",e)}),0);return()=>{window.clearTimeout(i),n.removeEventListener("pointerdown",e),n.removeEventListener("click",o.current)}}),[n,t]),{onPointerDownCapture:()=>r.current=!0}}((e=>{const n=e.target,t=[...h.branches].some((e=>e.contains(n)));S&&!t&&(null==i||i(e),null==f||f(e),e.defaultPrevented||null==p||p())}),y),P=function(e,n=(null===globalThis||void 0===globalThis?void 0:globalThis.document)){const t=A(e),r=s(!1);return u((()=>{const e=e=>{if(e.target&&!r.current){X(U,t,{originalEvent:e},{discrete:!1})}};return n.addEventListener("focusin",e),()=>n.removeEventListener("focusin",e)}),[n,t]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}((e=>{const n=e.target;[...h.branches].some((e=>e.contains(n)))||(null==a||a(e),null==f||f(e),e.defaultPrevented||null==p||p())}),y);return function(e,n=(null===globalThis||void 0===globalThis?void 0:globalThis.document)){const t=A(e);u((()=>{const e=e=>{"Escape"===e.key&&t(e)};return n.addEventListener("keydown",e),()=>n.removeEventListener("keydown",e)}),[t,n])}((e=>{k===h.layers.size-1&&(null==o||o(e),!e.defaultPrevented&&p&&(e.preventDefault(),p()))}),y),u((()=>{if(g)return r&&(0===h.layersWithOutsidePointerEventsDisabled.size&&($=y.body.style.pointerEvents,y.body.style.pointerEvents="none"),h.layersWithOutsidePointerEventsDisabled.add(g)),h.layers.add(g),V(),()=>{r&&1===h.layersWithOutsidePointerEventsDisabled.size&&(y.body.style.pointerEvents=$)}}),[g,y,r,h]),u((()=>()=>{g&&(h.layers.delete(g),h.layersWithOutsidePointerEventsDisabled.delete(g),V())}),[g,h]),u((()=>{const e=()=>b({});return document.addEventListener(H,e),()=>document.removeEventListener(H,e)}),[]),l(R.div,N({},m,{ref:w,style:{pointerEvents:D?S?"auto":"none":void 0,...e.style},onFocusCapture:E(e.onFocusCapture,P.onFocusCapture),onBlurCapture:E(e.onBlurCapture,P.onBlurCapture),onPointerDownCapture:E(e.onPointerDownCapture,O.onPointerDownCapture)}))}));function V(){const e=new CustomEvent(H);document.dispatchEvent(e)}function X(e,n,t,{discrete:r}){const o=t.originalEvent.target,i=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:t});n&&o.addEventListener(e,n,{once:!0}),r?M(o,i):o.dispatchEvent(i)}let Z=0;function Y(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",e}const q="focusScope.autoFocusOnMount",Q="focusScope.autoFocusOnUnmount",J={bubbles:!1,cancelable:!0},ee=f(((e,n)=>{const{loop:t=!1,trapped:r=!1,onMountAutoFocus:i,onUnmountAutoFocus:a,...c}=e,[f,p]=d(null),m=A(i),h=A(a),g=s(null),v=T(n,(e=>p(e))),y=s({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;u((()=>{if(r){function e(e){if(y.paused||!f)return;const n=e.target;f.contains(n)?g.current=n:oe(g.current,{select:!0})}function n(e){if(y.paused||!f)return;const n=e.relatedTarget;null!==n&&(f.contains(n)||oe(g.current,{select:!0}))}function t(e){if(document.activeElement===document.body)for(const n of e)n.removedNodes.length>0&&oe(f)}document.addEventListener("focusin",e),document.addEventListener("focusout",n);const o=new MutationObserver(t);return f&&o.observe(f,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",e),document.removeEventListener("focusout",n),o.disconnect()}}}),[r,f,y.paused]),u((()=>{if(f){ie.add(y);const n=document.activeElement;if(!f.contains(n)){const t=new CustomEvent(q,J);f.addEventListener(q,m),f.dispatchEvent(t),t.defaultPrevented||(!function(e,{select:n=!1}={}){const t=document.activeElement;for(const r of e)if(oe(r,{select:n}),document.activeElement!==t)return}((e=ne(f),e.filter((e=>"A"!==e.tagName))),{select:!0}),document.activeElement===n&&oe(f))}return()=>{f.removeEventListener(q,m),setTimeout((()=>{const e=new CustomEvent(Q,J);f.addEventListener(Q,h),f.dispatchEvent(e),e.defaultPrevented||oe(null!=n?n:document.body,{select:!0}),f.removeEventListener(Q,h),ie.remove(y)}),0)}}var e}),[f,m,h,y]);const b=o((e=>{if(!t&&!r)return;if(y.paused)return;const n="Tab"===e.key&&!e.altKey&&!e.ctrlKey&&!e.metaKey,o=document.activeElement;if(n&&o){const n=e.currentTarget,[r,i]=function(e){const n=ne(e),t=te(n,e),r=te(n.reverse(),e);return[t,r]}(n);r&&i?e.shiftKey||o!==i?e.shiftKey&&o===r&&(e.preventDefault(),t&&oe(i,{select:!0})):(e.preventDefault(),t&&oe(r,{select:!0})):o===n&&e.preventDefault()}}),[t,r,y.paused]);return l(R.div,N({tabIndex:-1},c,{ref:v,onKeyDown:b}))}));function ne(e){const n=[],t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const n="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||n?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;t.nextNode();)n.push(t.currentNode);return n}function te(e,n){for(const t of e)if(!re(t,{upTo:n}))return t}function re(e,{upTo:n}){if("hidden"===getComputedStyle(e).visibility)return!0;for(;e;){if(void 0!==n&&e===n)return!1;if("none"===getComputedStyle(e).display)return!0;e=e.parentElement}return!1}function oe(e,{select:n=!1}={}){if(e&&e.focus){const t=document.activeElement;e.focus({preventScroll:!0}),e!==t&&function(e){return e instanceof HTMLInputElement&&"select"in e}(e)&&n&&e.select()}}const ie=function(){let e=[];return{add(n){const t=e[0];n!==t&&(null==t||t.pause()),e=ae(e,n),e.unshift(n)},remove(n){var t;e=ae(e,n),null===(t=e[0])||void 0===t||t.resume()}}}();function ae(e,n){const t=[...e],r=t.indexOf(n);return-1!==r&&t.splice(r,1),t}const le=Boolean(null===globalThis||void 0===globalThis?void 0:globalThis.document)?v:()=>{},ce=t["useId".toString()]||(()=>{});let se=0;function ue(e){const[n,r]=t.useState(ce());return le((()=>{r((e=>null!=e?e:String(se++)))}),[e]),e||(n?`radix-${n}`:"")}const de=["top","right","bottom","left"],fe=Math.min,pe=Math.max,me=Math.round,he=Math.floor,ge=e=>({x:e,y:e}),ve={left:"right",right:"left",bottom:"top",top:"bottom"},ye={start:"end",end:"start"};function be(e,n,t){return pe(e,fe(n,t))}function we(e,n){return"function"==typeof e?e(n):e}function xe(e){return e.split("-")[0]}function _e(e){return e.split("-")[1]}function Ne(e){return"x"===e?"y":"x"}function Ee(e){return"y"===e?"height":"width"}function Ce(e){return["top","bottom"].includes(xe(e))?"y":"x"}function Te(e){return Ne(Ce(e))}function ke(e){return e.replace(/start|end/g,(e=>ye[e]))}function De(e){return e.replace(/left|right|bottom|top/g,(e=>ve[e]))}function Ae(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function Se(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function Oe(e,n,t){let{reference:r,floating:o}=e;const i=Ce(n),a=Te(n),l=Ee(a),c=xe(n),s="y"===i,u=r.x+r.width/2-o.width/2,d=r.y+r.height/2-o.height/2,f=r[l]/2-o[l]/2;let p;switch(c){case"top":p={x:u,y:r.y-o.height};break;case"bottom":p={x:u,y:r.y+r.height};break;case"right":p={x:r.x+r.width,y:d};break;case"left":p={x:r.x-o.width,y:d};break;default:p={x:r.x,y:r.y}}switch(_e(n)){case"start":p[a]-=f*(t&&s?-1:1);break;case"end":p[a]+=f*(t&&s?-1:1)}return p}async function Pe(e,n){var t;void 0===n&&(n={});const{x:r,y:o,platform:i,rects:a,elements:l,strategy:c}=e,{boundary:s="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:f=!1,padding:p=0}=we(n,e),m=Ae(p),h=l[f?"floating"===d?"reference":"floating":d],g=Se(await i.getClippingRect({element:null==(t=await(null==i.isElement?void 0:i.isElement(h)))||t?h:h.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(l.floating)),boundary:s,rootBoundary:u,strategy:c})),v="floating"===d?{...a.floating,x:r,y:o}:a.reference,y=await(null==i.getOffsetParent?void 0:i.getOffsetParent(l.floating)),b=await(null==i.isElement?void 0:i.isElement(y))&&await(null==i.getScale?void 0:i.getScale(y))||{x:1,y:1},w=Se(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:v,offsetParent:y,strategy:c}):v);return{top:(g.top-w.top+m.top)/b.y,bottom:(w.bottom-g.bottom+m.bottom)/b.y,left:(g.left-w.left+m.left)/b.x,right:(w.right-g.right+m.right)/b.x}}function Le(e,n){return{top:e.top-n.height,right:e.right-n.width,bottom:e.bottom-n.height,left:e.left-n.width}}function Ie(e){return de.some((n=>e[n]>=0))}const Fe=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(n){var t,r;const{x:o,y:i,placement:a,middlewareData:l}=n,c=await async function(e,n){const{placement:t,platform:r,elements:o}=e,i=await(null==r.isRTL?void 0:r.isRTL(o.floating)),a=xe(t),l=_e(t),c="y"===Ce(t),s=["left","top"].includes(a)?-1:1,u=i&&c?-1:1,d=we(n,e);let{mainAxis:f,crossAxis:p,alignmentAxis:m}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};return l&&"number"==typeof m&&(p="end"===l?-1*m:m),c?{x:p*u,y:f*s}:{x:f*s,y:p*u}}(n,e);return a===(null==(t=l.offset)?void 0:t.placement)&&null!=(r=l.arrow)&&r.alignmentOffset?{}:{x:o+c.x,y:i+c.y,data:{...c,placement:a}}}}};function Re(e){return Be(e)?(e.nodeName||"").toLowerCase():"#document"}function Me(e){var n;return(null==e||null==(n=e.ownerDocument)?void 0:n.defaultView)||window}function ze(e){var n;return null==(n=(Be(e)?e.ownerDocument:e.document)||window.document)?void 0:n.documentElement}function Be(e){return e instanceof Node||e instanceof Me(e).Node}function je(e){return e instanceof Element||e instanceof Me(e).Element}function He(e){return e instanceof HTMLElement||e instanceof Me(e).HTMLElement}function We(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ShadowRoot||e instanceof Me(e).ShadowRoot)}function Ue(e){const{overflow:n,overflowX:t,overflowY:r,display:o}=Xe(e);return/auto|scroll|overlay|hidden|clip/.test(n+r+t)&&!["inline","contents"].includes(o)}function $e(e){return["table","td","th"].includes(Re(e))}function Ke(e){const n=Ge(),t=Xe(e);return"none"!==t.transform||"none"!==t.perspective||!!t.containerType&&"normal"!==t.containerType||!n&&!!t.backdropFilter&&"none"!==t.backdropFilter||!n&&!!t.filter&&"none"!==t.filter||["transform","perspective","filter"].some((e=>(t.willChange||"").includes(e)))||["paint","layout","strict","content"].some((e=>(t.contain||"").includes(e)))}function Ge(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function Ve(e){return["html","body","#document"].includes(Re(e))}function Xe(e){return Me(e).getComputedStyle(e)}function Ze(e){return je(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Ye(e){if("html"===Re(e))return e;const n=e.assignedSlot||e.parentNode||We(e)&&e.host||ze(e);return We(n)?n.host:n}function qe(e){const n=Ye(e);return Ve(n)?e.ownerDocument?e.ownerDocument.body:e.body:He(n)&&Ue(n)?n:qe(n)}function Qe(e,n,t){var r;void 0===n&&(n=[]),void 0===t&&(t=!0);const o=qe(e),i=o===(null==(r=e.ownerDocument)?void 0:r.body),a=Me(o);return i?n.concat(a,a.visualViewport||[],Ue(o)?o:[],a.frameElement&&t?Qe(a.frameElement):[]):n.concat(o,Qe(o,[],t))}function Je(e){const n=Xe(e);let t=parseFloat(n.width)||0,r=parseFloat(n.height)||0;const o=He(e),i=o?e.offsetWidth:t,a=o?e.offsetHeight:r,l=me(t)!==i||me(r)!==a;return l&&(t=i,r=a),{width:t,height:r,$:l}}function en(e){return je(e)?e:e.contextElement}function nn(e){const n=en(e);if(!He(n))return ge(1);const t=n.getBoundingClientRect(),{width:r,height:o,$:i}=Je(n);let a=(i?me(t.width):t.width)/r,l=(i?me(t.height):t.height)/o;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}const tn=ge(0);function rn(e){const n=Me(e);return Ge()&&n.visualViewport?{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}:tn}function on(e,n,t,r){void 0===n&&(n=!1),void 0===t&&(t=!1);const o=e.getBoundingClientRect(),i=en(e);let a=ge(1);n&&(r?je(r)&&(a=nn(r)):a=nn(e));const l=function(e,n,t){return void 0===n&&(n=!1),!(!t||n&&t!==Me(e))&&n}(i,t,r)?rn(i):ge(0);let c=(o.left+l.x)/a.x,s=(o.top+l.y)/a.y,u=o.width/a.x,d=o.height/a.y;if(i){const e=Me(i),n=r&&je(r)?Me(r):r;let t=e,o=t.frameElement;for(;o&&r&&n!==t;){const e=nn(o),n=o.getBoundingClientRect(),r=Xe(o),i=n.left+(o.clientLeft+parseFloat(r.paddingLeft))*e.x,a=n.top+(o.clientTop+parseFloat(r.paddingTop))*e.y;c*=e.x,s*=e.y,u*=e.x,d*=e.y,c+=i,s+=a,t=Me(o),o=t.frameElement}}return Se({width:u,height:d,x:c,y:s})}const an=[":popover-open",":modal"];function ln(e){return an.some((n=>{try{return e.matches(n)}catch(e){return!1}}))}function cn(e){return on(ze(e)).left+Ze(e).scrollLeft}function sn(e,n,t){let r;if("viewport"===n)r=function(e,n){const t=Me(e),r=ze(e),o=t.visualViewport;let i=r.clientWidth,a=r.clientHeight,l=0,c=0;if(o){i=o.width,a=o.height;const e=Ge();(!e||e&&"fixed"===n)&&(l=o.offsetLeft,c=o.offsetTop)}return{width:i,height:a,x:l,y:c}}(e,t);else if("document"===n)r=function(e){const n=ze(e),t=Ze(e),r=e.ownerDocument.body,o=pe(n.scrollWidth,n.clientWidth,r.scrollWidth,r.clientWidth),i=pe(n.scrollHeight,n.clientHeight,r.scrollHeight,r.clientHeight);let a=-t.scrollLeft+cn(e);const l=-t.scrollTop;return"rtl"===Xe(r).direction&&(a+=pe(n.clientWidth,r.clientWidth)-o),{width:o,height:i,x:a,y:l}}(ze(e));else if(je(n))r=function(e,n){const t=on(e,!0,"fixed"===n),r=t.top+e.clientTop,o=t.left+e.clientLeft,i=He(e)?nn(e):ge(1);return{width:e.clientWidth*i.x,height:e.clientHeight*i.y,x:o*i.x,y:r*i.y}}(n,t);else{const t=rn(e);r={...n,x:n.x-t.x,y:n.y-t.y}}return Se(r)}function un(e,n){const t=Ye(e);return!(t===n||!je(t)||Ve(t))&&("fixed"===Xe(t).position||un(t,n))}function dn(e,n,t){const r=He(n),o=ze(n),i="fixed"===t,a=on(e,!0,i,n);let l={scrollLeft:0,scrollTop:0};const c=ge(0);if(r||!r&&!i)if(("body"!==Re(n)||Ue(o))&&(l=Ze(n)),r){const e=on(n,!0,i,n);c.x=e.x+n.clientLeft,c.y=e.y+n.clientTop}else o&&(c.x=cn(o));return{x:a.left+l.scrollLeft-c.x,y:a.top+l.scrollTop-c.y,width:a.width,height:a.height}}function fn(e,n){return He(e)&&"fixed"!==Xe(e).position?n?n(e):e.offsetParent:null}function pn(e,n){const t=Me(e);if(!He(e)||ln(e))return t;let r=fn(e,n);for(;r&&$e(r)&&"static"===Xe(r).position;)r=fn(r,n);return r&&("html"===Re(r)||"body"===Re(r)&&"static"===Xe(r).position&&!Ke(r))?t:r||function(e){let n=Ye(e);for(;He(n)&&!Ve(n);){if(Ke(n))return n;n=Ye(n)}return null}(e)||t}const mn={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:n,rect:t,offsetParent:r,strategy:o}=e;const i="fixed"===o,a=ze(r),l=!!n&&ln(n.floating);if(r===a||l&&i)return t;let c={scrollLeft:0,scrollTop:0},s=ge(1);const u=ge(0),d=He(r);if((d||!d&&!i)&&(("body"!==Re(r)||Ue(a))&&(c=Ze(r)),He(r))){const e=on(r);s=nn(r),u.x=e.x+r.clientLeft,u.y=e.y+r.clientTop}return{width:t.width*s.x,height:t.height*s.y,x:t.x*s.x-c.scrollLeft*s.x+u.x,y:t.y*s.y-c.scrollTop*s.y+u.y}},getDocumentElement:ze,getClippingRect:function(e){let{element:n,boundary:t,rootBoundary:r,strategy:o}=e;const i=[..."clippingAncestors"===t?function(e,n){const t=n.get(e);if(t)return t;let r=Qe(e,[],!1).filter((e=>je(e)&&"body"!==Re(e))),o=null;const i="fixed"===Xe(e).position;let a=i?Ye(e):e;for(;je(a)&&!Ve(a);){const n=Xe(a),t=Ke(a);t||"fixed"!==n.position||(o=null),(i?!t&&!o:!t&&"static"===n.position&&o&&["absolute","fixed"].includes(o.position)||Ue(a)&&!t&&un(e,a))?r=r.filter((e=>e!==a)):o=n,a=Ye(a)}return n.set(e,r),r}(n,this._c):[].concat(t),r],a=i[0],l=i.reduce(((e,t)=>{const r=sn(n,t,o);return e.top=pe(r.top,e.top),e.right=fe(r.right,e.right),e.bottom=fe(r.bottom,e.bottom),e.left=pe(r.left,e.left),e}),sn(n,a,o));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:pn,getElementRects:async function(e){const n=this.getOffsetParent||pn,t=this.getDimensions;return{reference:dn(e.reference,await n(e.floating),e.strategy),floating:{x:0,y:0,...await t(e.floating)}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:n,height:t}=Je(e);return{width:n,height:t}},getScale:nn,isElement:je,isRTL:function(e){return"rtl"===Xe(e).direction}};function hn(e,n,t,r){void 0===r&&(r={});const{ancestorScroll:o=!0,ancestorResize:i=!0,elementResize:a="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:c=!1}=r,s=en(e),u=o||i?[...s?Qe(s):[],...Qe(n)]:[];u.forEach((e=>{o&&e.addEventListener("scroll",t,{passive:!0}),i&&e.addEventListener("resize",t)}));const d=s&&l?function(e,n){let t,r=null;const o=ze(e);function i(){var e;clearTimeout(t),null==(e=r)||e.disconnect(),r=null}return function a(l,c){void 0===l&&(l=!1),void 0===c&&(c=1),i();const{left:s,top:u,width:d,height:f}=e.getBoundingClientRect();if(l||n(),!d||!f)return;const p={rootMargin:-he(u)+"px "+-he(o.clientWidth-(s+d))+"px "+-he(o.clientHeight-(u+f))+"px "+-he(s)+"px",threshold:pe(0,fe(1,c))||1};let m=!0;function h(e){const n=e[0].intersectionRatio;if(n!==c){if(!m)return a();n?a(!1,n):t=setTimeout((()=>{a(!1,1e-7)}),100)}m=!1}try{r=new IntersectionObserver(h,{...p,root:o.ownerDocument})}catch(e){r=new IntersectionObserver(h,p)}r.observe(e)}(!0),i}(s,t):null;let f,p=-1,m=null;a&&(m=new ResizeObserver((e=>{let[r]=e;r&&r.target===s&&m&&(m.unobserve(n),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var e;null==(e=m)||e.observe(n)}))),t()})),s&&!c&&m.observe(s),m.observe(n));let h=c?on(e):null;return c&&function n(){const r=on(e);!h||r.x===h.x&&r.y===h.y&&r.width===h.width&&r.height===h.height||t();h=r,f=requestAnimationFrame(n)}(),t(),()=>{var e;u.forEach((e=>{o&&e.removeEventListener("scroll",t),i&&e.removeEventListener("resize",t)})),null==d||d(),null==(e=m)||e.disconnect(),m=null,c&&cancelAnimationFrame(f)}}const gn=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(n){const{x:t,y:r,placement:o}=n,{mainAxis:i=!0,crossAxis:a=!1,limiter:l={fn:e=>{let{x:n,y:t}=e;return{x:n,y:t}}},...c}=we(e,n),s={x:t,y:r},u=await Pe(n,c),d=Ce(xe(o)),f=Ne(d);let p=s[f],m=s[d];if(i){const e="y"===f?"bottom":"right";p=be(p+u["y"===f?"top":"left"],p,p-u[e])}if(a){const e="y"===d?"bottom":"right";m=be(m+u["y"===d?"top":"left"],m,m-u[e])}const h=l.fn({...n,[f]:p,[d]:m});return{...h,data:{x:h.x-t,y:h.y-r}}}}},vn=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(n){var t,r;const{placement:o,middlewareData:i,rects:a,initialPlacement:l,platform:c,elements:s}=n,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:f,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:h=!0,...g}=we(e,n);if(null!=(t=i.arrow)&&t.alignmentOffset)return{};const v=xe(o),y=xe(l)===l,b=await(null==c.isRTL?void 0:c.isRTL(s.floating)),w=f||(y||!h?[De(l)]:function(e){const n=De(e);return[ke(e),n,ke(n)]}(l));f||"none"===m||w.push(...function(e,n,t,r){const o=_e(e);let i=function(e,n,t){const r=["left","right"],o=["right","left"],i=["top","bottom"],a=["bottom","top"];switch(e){case"top":case"bottom":return t?n?o:r:n?r:o;case"left":case"right":return n?i:a;default:return[]}}(xe(e),"start"===t,r);return o&&(i=i.map((e=>e+"-"+o)),n&&(i=i.concat(i.map(ke)))),i}(l,h,m,b));const x=[l,...w],_=await Pe(n,g),N=[];let E=(null==(r=i.flip)?void 0:r.overflows)||[];if(u&&N.push(_[v]),d){const e=function(e,n,t){void 0===t&&(t=!1);const r=_e(e),o=Te(e),i=Ee(o);let a="x"===o?r===(t?"end":"start")?"right":"left":"start"===r?"bottom":"top";return n.reference[i]>n.floating[i]&&(a=De(a)),[a,De(a)]}(o,a,b);N.push(_[e[0]],_[e[1]])}if(E=[...E,{placement:o,overflows:N}],!N.every((e=>e<=0))){var C,T;const e=((null==(C=i.flip)?void 0:C.index)||0)+1,n=x[e];if(n)return{data:{index:e,overflows:E},reset:{placement:n}};let t=null==(T=E.filter((e=>e.overflows[0]<=0)).sort(((e,n)=>e.overflows[1]-n.overflows[1]))[0])?void 0:T.placement;if(!t)switch(p){case"bestFit":{var k;const e=null==(k=E.map((e=>[e.placement,e.overflows.filter((e=>e>0)).reduce(((e,n)=>e+n),0)])).sort(((e,n)=>e[1]-n[1]))[0])?void 0:k[0];e&&(t=e);break}case"initialPlacement":t=l}if(o!==t)return{reset:{placement:t}}}return{}}}},yn=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(n){const{placement:t,rects:r,platform:o,elements:i}=n,{apply:a=(()=>{}),...l}=we(e,n),c=await Pe(n,l),s=xe(t),u=_e(t),d="y"===Ce(t),{width:f,height:p}=r.floating;let m,h;"top"===s||"bottom"===s?(m=s,h=u===(await(null==o.isRTL?void 0:o.isRTL(i.floating))?"start":"end")?"left":"right"):(h=s,m="end"===u?"top":"bottom");const g=p-c[m],v=f-c[h],y=!n.middlewareData.shift;let b=g,w=v;if(d){const e=f-c.left-c.right;w=u||y?fe(v,e):e}else{const e=p-c.top-c.bottom;b=u||y?fe(g,e):e}if(y&&!u){const e=pe(c.left,0),n=pe(c.right,0),t=pe(c.top,0),r=pe(c.bottom,0);d?w=f-2*(0!==e||0!==n?e+n:pe(c.left,c.right)):b=p-2*(0!==t||0!==r?t+r:pe(c.top,c.bottom))}await a({...n,availableWidth:w,availableHeight:b});const x=await o.getDimensions(i.floating);return f!==x.width||p!==x.height?{reset:{rects:!0}}:{}}}},bn=function(e){return void 0===e&&(e={}),{name:"hide",options:e,async fn(n){const{rects:t}=n,{strategy:r="referenceHidden",...o}=we(e,n);switch(r){case"referenceHidden":{const e=Le(await Pe(n,{...o,elementContext:"reference"}),t.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:Ie(e)}}}case"escaped":{const e=Le(await Pe(n,{...o,altBoundary:!0}),t.floating);return{data:{escapedOffsets:e,escaped:Ie(e)}}}default:return{}}}}},wn=e=>({name:"arrow",options:e,async fn(n){const{x:t,y:r,placement:o,rects:i,platform:a,elements:l,middlewareData:c}=n,{element:s,padding:u=0}=we(e,n)||{};if(null==s)return{};const d=Ae(u),f={x:t,y:r},p=Te(o),m=Ee(p),h=await a.getDimensions(s),g="y"===p,v=g?"top":"left",y=g?"bottom":"right",b=g?"clientHeight":"clientWidth",w=i.reference[m]+i.reference[p]-f[p]-i.floating[m],x=f[p]-i.reference[p],_=await(null==a.getOffsetParent?void 0:a.getOffsetParent(s));let N=_?_[b]:0;N&&await(null==a.isElement?void 0:a.isElement(_))||(N=l.floating[b]||i.floating[m]);const E=w/2-x/2,C=N/2-h[m]/2-1,T=fe(d[v],C),k=fe(d[y],C),D=T,A=N-h[m]-k,S=N/2-h[m]/2+E,O=be(D,S,A),P=!c.arrow&&null!=_e(o)&&S!==O&&i.reference[m]/2-(S<D?T:k)-h[m]/2<0,L=P?S<D?S-D:S-A:0;return{[p]:f[p]+L,data:{[p]:O,centerOffset:S-O-L,...P&&{alignmentOffset:L}},reset:P}}}),xn=function(e){return void 0===e&&(e={}),{options:e,fn(n){const{x:t,y:r,placement:o,rects:i,middlewareData:a}=n,{offset:l=0,mainAxis:c=!0,crossAxis:s=!0}=we(e,n),u={x:t,y:r},d=Ce(o),f=Ne(d);let p=u[f],m=u[d];const h=we(l,n),g="number"==typeof h?{mainAxis:h,crossAxis:0}:{mainAxis:0,crossAxis:0,...h};if(c){const e="y"===f?"height":"width",n=i.reference[f]-i.floating[e]+g.mainAxis,t=i.reference[f]+i.reference[e]-g.mainAxis;p<n?p=n:p>t&&(p=t)}if(s){var v,y;const e="y"===f?"width":"height",n=["top","left"].includes(xe(o)),t=i.reference[d]-i.floating[e]+(n&&(null==(v=a.offset)?void 0:v[d])||0)+(n?0:g.crossAxis),r=i.reference[d]+i.reference[e]+(n?0:(null==(y=a.offset)?void 0:y[d])||0)-(n?g.crossAxis:0);m<t?m=t:m>r&&(m=r)}return{[f]:p,[d]:m}}}},_n=(e,n,t)=>{const r=new Map,o={platform:mn,...t},i={...o.platform,_c:r};return(async(e,n,t)=>{const{placement:r="bottom",strategy:o="absolute",middleware:i=[],platform:a}=t,l=i.filter(Boolean),c=await(null==a.isRTL?void 0:a.isRTL(n));let s=await a.getElementRects({reference:e,floating:n,strategy:o}),{x:u,y:d}=Oe(s,r,c),f=r,p={},m=0;for(let t=0;t<l.length;t++){const{name:i,fn:h}=l[t],{x:g,y:v,data:y,reset:b}=await h({x:u,y:d,initialPlacement:r,placement:f,strategy:o,middlewareData:p,rects:s,platform:a,elements:{reference:e,floating:n}});u=null!=g?g:u,d=null!=v?v:d,p={...p,[i]:{...p[i],...y}},b&&m<=50&&(m++,"object"==typeof b&&(b.placement&&(f=b.placement),b.rects&&(s=!0===b.rects?await a.getElementRects({reference:e,floating:n,strategy:o}):b.rects),({x:u,y:d}=Oe(s,f,c))),t=-1)}return{x:u,y:d,placement:f,strategy:o,middlewareData:p}})(e,n,{...o,platform:i})},Nn=e=>({name:"arrow",options:e,fn(n){const{element:t,padding:r}="function"==typeof e?e(n):e;return t&&(o=t,{}.hasOwnProperty.call(o,"current"))?null!=t.current?wn({element:t.current,padding:r}).fn(n):{}:t?wn({element:t,padding:r}).fn(n):{};var o}});var En="undefined"!=typeof document?v:u;function Cn(e,n){if(e===n)return!0;if(typeof e!=typeof n)return!1;if("function"==typeof e&&e.toString()===n.toString())return!0;let t,r,o;if(e&&n&&"object"==typeof e){if(Array.isArray(e)){if(t=e.length,t!==n.length)return!1;for(r=t;0!=r--;)if(!Cn(e[r],n[r]))return!1;return!0}if(o=Object.keys(e),t=o.length,t!==Object.keys(n).length)return!1;for(r=t;0!=r--;)if(!{}.hasOwnProperty.call(n,o[r]))return!1;for(r=t;0!=r--;){const t=o[r];if(("_owner"!==t||!e.$$typeof)&&!Cn(e[t],n[t]))return!1}return!0}return e!=e&&n!=n}function Tn(e){if("undefined"==typeof window)return 1;return(e.ownerDocument.defaultView||window).devicePixelRatio||1}function kn(e,n){const t=Tn(e);return Math.round(n*t)/t}function Dn(e){const n=t.useRef(e);return En((()=>{n.current=e})),n}const An=f(((e,n)=>{const{children:t,width:r=10,height:o=5,...i}=e;return l(R.svg,N({},i,{ref:n,width:r,height:o,viewBox:"0 0 30 10",preserveAspectRatio:"none"}),e.asChild?t:l("polygon",{points:"0,0 30,0 15,10"}))}));const Sn="Popper",[On,Pn]=k(Sn),[Ln,In]=On(Sn),Fn=f(((e,n)=>{const{__scopePopper:t,virtualRef:r,...o}=e,i=In("PopperAnchor",t),a=s(null),c=T(n,a);return u((()=>{i.onAnchorChange((null==r?void 0:r.current)||a.current)})),r?null:l(R.div,N({},o,{ref:c}))})),Rn="PopperContent",[Mn,zn]=On(Rn),Bn=f(((e,n)=>{var r,o,i,a,c,s,u,f;const{__scopePopper:p,side:m="bottom",sideOffset:h=0,align:g="center",alignOffset:v=0,arrowPadding:y=0,avoidCollisions:w=!0,collisionBoundary:x=[],collisionPadding:_=0,sticky:E="partial",hideWhenDetached:C=!1,updatePositionStrategy:k="optimized",onPlaced:D,...S}=e,O=In(Rn,p),[P,L]=d(null),I=T(n,(e=>L(e))),[F,M]=d(null),z=function(e){const[n,t]=d(void 0);return le((()=>{if(e){t({width:e.offsetWidth,height:e.offsetHeight});const n=new ResizeObserver((n=>{if(!Array.isArray(n))return;if(!n.length)return;const r=n[0];let o,i;if("borderBoxSize"in r){const e=r.borderBoxSize,n=Array.isArray(e)?e[0]:e;o=n.inlineSize,i=n.blockSize}else o=e.offsetWidth,i=e.offsetHeight;t({width:o,height:i})}));return n.observe(e,{box:"border-box"}),()=>n.unobserve(e)}t(void 0)}),[e]),n}(F),B=null!==(r=null==z?void 0:z.width)&&void 0!==r?r:0,j=null!==(o=null==z?void 0:z.height)&&void 0!==o?o:0,H=m+("center"!==g?"-"+g:""),W="number"==typeof _?_:{top:0,right:0,bottom:0,left:0,..._},U=Array.isArray(x)?x:[x],$=U.length>0,K={padding:W,boundary:U.filter(Un),altBoundary:$},{refs:G,floatingStyles:V,placement:X,isPositioned:Z,middlewareData:Y}=function(e){void 0===e&&(e={});const{placement:n="bottom",strategy:r="absolute",middleware:o=[],platform:i,elements:{reference:a,floating:l}={},transform:c=!0,whileElementsMounted:s,open:u}=e,[d,f]=t.useState({x:0,y:0,strategy:r,placement:n,middlewareData:{},isPositioned:!1}),[p,m]=t.useState(o);Cn(p,o)||m(o);const[h,g]=t.useState(null),[v,y]=t.useState(null),w=t.useCallback((e=>{e!==E.current&&(E.current=e,g(e))}),[]),x=t.useCallback((e=>{e!==C.current&&(C.current=e,y(e))}),[]),_=a||h,N=l||v,E=t.useRef(null),C=t.useRef(null),T=t.useRef(d),k=null!=s,D=Dn(s),A=Dn(i),S=t.useCallback((()=>{if(!E.current||!C.current)return;const e={placement:n,strategy:r,middleware:p};A.current&&(e.platform=A.current),_n(E.current,C.current,e).then((e=>{const n={...e,isPositioned:!0};O.current&&!Cn(T.current,n)&&(T.current=n,b.flushSync((()=>{f(n)})))}))}),[p,n,r,A]);En((()=>{!1===u&&T.current.isPositioned&&(T.current.isPositioned=!1,f((e=>({...e,isPositioned:!1}))))}),[u]);const O=t.useRef(!1);En((()=>(O.current=!0,()=>{O.current=!1})),[]),En((()=>{if(_&&(E.current=_),N&&(C.current=N),_&&N){if(D.current)return D.current(_,N,S);S()}}),[_,N,S,D,k]);const P=t.useMemo((()=>({reference:E,floating:C,setReference:w,setFloating:x})),[w,x]),L=t.useMemo((()=>({reference:_,floating:N})),[_,N]),I=t.useMemo((()=>{const e={position:r,left:0,top:0};if(!L.floating)return e;const n=kn(L.floating,d.x),t=kn(L.floating,d.y);return c?{...e,transform:"translate("+n+"px, "+t+"px)",...Tn(L.floating)>=1.5&&{willChange:"transform"}}:{position:r,left:n,top:t}}),[r,c,L.floating,d.x,d.y]);return t.useMemo((()=>({...d,update:S,refs:P,elements:L,floatingStyles:I})),[d,S,P,L,I])}({strategy:"fixed",placement:H,whileElementsMounted:(...e)=>hn(...e,{animationFrame:"always"===k}),elements:{reference:O.anchor},middleware:[Fe({mainAxis:h+j,alignmentAxis:v}),w&&gn({mainAxis:!0,crossAxis:!1,limiter:"partial"===E?xn():void 0,...K}),w&&vn({...K}),yn({...K,apply:({elements:e,rects:n,availableWidth:t,availableHeight:r})=>{const{width:o,height:i}=n.reference,a=e.floating.style;a.setProperty("--radix-popper-available-width",`${t}px`),a.setProperty("--radix-popper-available-height",`${r}px`),a.setProperty("--radix-popper-anchor-width",`${o}px`),a.setProperty("--radix-popper-anchor-height",`${i}px`)}}),F&&Nn({element:F,padding:y}),$n({arrowWidth:B,arrowHeight:j}),C&&bn({strategy:"referenceHidden",...K})]}),[q,Q]=Kn(X),J=A(D);le((()=>{Z&&(null==J||J())}),[Z,J]);const ee=null===(i=Y.arrow)||void 0===i?void 0:i.x,ne=null===(a=Y.arrow)||void 0===a?void 0:a.y,te=0!==(null===(c=Y.arrow)||void 0===c?void 0:c.centerOffset),[re,oe]=d();return le((()=>{P&&oe(window.getComputedStyle(P).zIndex)}),[P]),l("div",{ref:G.setFloating,"data-radix-popper-content-wrapper":"",style:{...V,transform:Z?V.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:re,"--radix-popper-transform-origin":[null===(s=Y.transformOrigin)||void 0===s?void 0:s.x,null===(u=Y.transformOrigin)||void 0===u?void 0:u.y].join(" ")},dir:e.dir},l(Mn,{scope:p,placedSide:q,onArrowChange:M,arrowX:ee,arrowY:ne,shouldHideArrow:te},l(R.div,N({"data-side":q,"data-align":Q},S,{ref:I,style:{...S.style,animation:Z?void 0:"none",opacity:null!==(f=Y.hide)&&void 0!==f&&f.referenceHidden?0:void 0}}))))})),jn="PopperArrow",Hn={top:"bottom",right:"left",bottom:"top",left:"right"},Wn=f((function(e,n){const{__scopePopper:t,...r}=e,o=zn(jn,t),i=Hn[o.placedSide];return l("span",{ref:o.onArrowChange,style:{position:"absolute",left:o.arrowX,top:o.arrowY,[i]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[o.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[o.placedSide],visibility:o.shouldHideArrow?"hidden":void 0}},l(An,N({},r,{ref:n,style:{...r.style,display:"block"}})))}));function Un(e){return null!==e}const $n=e=>({name:"transformOrigin",options:e,fn(n){var t,r,o,i,a;const{placement:l,rects:c,middlewareData:s}=n,u=0!==(null===(t=s.arrow)||void 0===t?void 0:t.centerOffset),d=u?0:e.arrowWidth,f=u?0:e.arrowHeight,[p,m]=Kn(l),h={start:"0%",center:"50%",end:"100%"}[m],g=(null!==(r=null===(o=s.arrow)||void 0===o?void 0:o.x)&&void 0!==r?r:0)+d/2,v=(null!==(i=null===(a=s.arrow)||void 0===a?void 0:a.y)&&void 0!==i?i:0)+f/2;let y="",b="";return"bottom"===p?(y=u?h:`${g}px`,b=-f+"px"):"top"===p?(y=u?h:`${g}px`,b=`${c.floating.height+f}px`):"right"===p?(y=-f+"px",b=u?h:`${v}px`):"left"===p&&(y=`${c.floating.width+f}px`,b=u?h:`${v}px`),{data:{x:y,y:b}}}});function Kn(e){const[n,t="center"]=e.split("-");return[n,t]}const Gn=e=>{const{__scopePopper:n,children:t}=e,[r,o]=d(null);return l(Ln,{scope:n,anchor:r,onAnchorChange:o},t)},Vn=Fn,Xn=Bn,Zn=Wn,Yn=f(((e,n)=>{var t;const{container:r=(null===globalThis||void 0===globalThis||null===(t=globalThis.document)||void 0===t?void 0:t.body),...o}=e;return r?w.createPortal(l(R.div,N({},o,{ref:n})),r):null}));const qn=e=>{const{present:n,children:t}=e,r=function(e){const[n,t]=d(),r=s({}),i=s(e),a=s("none"),l=e?"mounted":"unmounted",[c,f]=function(e,n){return y(((e,t)=>{const r=n[e][t];return null!=r?r:e}),e)}(l,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return u((()=>{const e=Qn(r.current);a.current="mounted"===c?e:"none"}),[c]),le((()=>{const n=r.current,t=i.current;if(t!==e){const r=a.current,o=Qn(n);if(e)f("MOUNT");else if("none"===o||"none"===(null==n?void 0:n.display))f("UNMOUNT");else{f(t&&r!==o?"ANIMATION_OUT":"UNMOUNT")}i.current=e}}),[e,f]),le((()=>{if(n){const e=e=>{const t=Qn(r.current).includes(e.animationName);e.target===n&&t&&x((()=>f("ANIMATION_END")))},t=e=>{e.target===n&&(a.current=Qn(r.current))};return n.addEventListener("animationstart",t),n.addEventListener("animationcancel",e),n.addEventListener("animationend",e),()=>{n.removeEventListener("animationstart",t),n.removeEventListener("animationcancel",e),n.removeEventListener("animationend",e)}}f("ANIMATION_END")}),[n,f]),{isPresent:["mounted","unmountSuspended"].includes(c),ref:o((e=>{e&&(r.current=getComputedStyle(e)),t(e)}),[])}}(n),i="function"==typeof t?t({present:r.isPresent}):p.only(t),a=T(r.ref,i.ref);return"function"==typeof t||r.isPresent?h(i,{ref:a}):null};function Qn(e){return(null==e?void 0:e.animationName)||"none"}qn.displayName="Presence";const Jn="rovingFocusGroup.onEntryFocus",et={bubbles:!1,cancelable:!0},nt="RovingFocusGroup",[tt,rt,ot]=z(nt),[it,at]=k(nt,[ot]),[lt,ct]=it(nt),st=f(((e,n)=>l(tt.Provider,{scope:e.__scopeRovingFocusGroup},l(tt.Slot,{scope:e.__scopeRovingFocusGroup},l(ut,N({},e,{ref:n})))))),ut=f(((e,n)=>{const{__scopeRovingFocusGroup:t,orientation:r,loop:i=!1,dir:a,currentTabStopId:c,defaultCurrentTabStopId:f,onCurrentTabStopIdChange:p,onEntryFocus:m,...h}=e,g=s(null),v=T(n,g),y=j(a),[b=null,w]=S({prop:c,defaultProp:f,onChange:p}),[x,_]=d(!1),C=A(m),k=rt(t),D=s(!1),[O,P]=d(0);return u((()=>{const e=g.current;if(e)return e.addEventListener(Jn,C),()=>e.removeEventListener(Jn,C)}),[C]),l(lt,{scope:t,orientation:r,dir:y,loop:i,currentTabStopId:b,onItemFocus:o((e=>w(e)),[w]),onItemShiftTab:o((()=>_(!0)),[]),onFocusableItemAdd:o((()=>P((e=>e+1))),[]),onFocusableItemRemove:o((()=>P((e=>e-1))),[])},l(R.div,N({tabIndex:x||0===O?-1:0,"data-orientation":r},h,{ref:v,style:{outline:"none",...e.style},onMouseDown:E(e.onMouseDown,(()=>{D.current=!0})),onFocus:E(e.onFocus,(e=>{const n=!D.current;if(e.target===e.currentTarget&&n&&!x){const n=new CustomEvent(Jn,et);if(e.currentTarget.dispatchEvent(n),!n.defaultPrevented){const e=k().filter((e=>e.focusable));pt([e.find((e=>e.active)),e.find((e=>e.id===b)),...e].filter(Boolean).map((e=>e.ref.current)))}}D.current=!1})),onBlur:E(e.onBlur,(()=>_(!1)))})))})),dt=f(((e,n)=>{const{__scopeRovingFocusGroup:t,focusable:r=!0,active:o=!1,tabStopId:i,...a}=e,c=ue(),s=i||c,d=ct("RovingFocusGroupItem",t),f=d.currentTabStopId===s,p=rt(t),{onFocusableItemAdd:m,onFocusableItemRemove:h}=d;return u((()=>{if(r)return m(),()=>h()}),[r,m,h]),l(tt.ItemSlot,{scope:t,id:s,focusable:r,active:o},l(R.span,N({tabIndex:f?0:-1,"data-orientation":d.orientation},a,{ref:n,onMouseDown:E(e.onMouseDown,(e=>{r?d.onItemFocus(s):e.preventDefault()})),onFocus:E(e.onFocus,(()=>d.onItemFocus(s))),onKeyDown:E(e.onKeyDown,(e=>{if("Tab"===e.key&&e.shiftKey)return void d.onItemShiftTab();if(e.target!==e.currentTarget)return;const n=function(e,n,t){const r=function(e,n){return"rtl"!==n?e:"ArrowLeft"===e?"ArrowRight":"ArrowRight"===e?"ArrowLeft":e}(e.key,t);return"vertical"===n&&["ArrowLeft","ArrowRight"].includes(r)||"horizontal"===n&&["ArrowUp","ArrowDown"].includes(r)?void 0:ft[r]}(e,d.orientation,d.dir);if(void 0!==n){e.preventDefault();let o=p().filter((e=>e.focusable)).map((e=>e.ref.current));if("last"===n)o.reverse();else if("prev"===n||"next"===n){"prev"===n&&o.reverse();const i=o.indexOf(e.currentTarget);o=d.loop?(r=i+1,(t=o).map(((e,n)=>t[(r+n)%t.length]))):o.slice(i+1)}setTimeout((()=>pt(o)))}var t,r}))})))})),ft={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function pt(e){const n=document.activeElement;for(const t of e){if(t===n)return;if(t.focus(),document.activeElement!==n)return}}const mt=st,ht=dt;var gt=new WeakMap,vt=new WeakMap,yt={},bt=0,wt=function(e){return e&&(e.host||wt(e.parentNode))},xt=function(e,n,t,r){var o=function(e,n){return n.map((function(n){if(e.contains(n))return n;var t=wt(n);return t&&e.contains(t)?t:(console.error("aria-hidden",n,"in not contained inside",e,". Doing nothing"),null)})).filter((function(e){return Boolean(e)}))}(n,Array.isArray(e)?e:[e]);yt[t]||(yt[t]=new WeakMap);var i=yt[t],a=[],l=new Set,c=new Set(o),s=function(e){e&&!l.has(e)&&(l.add(e),s(e.parentNode))};o.forEach(s);var u=function(e){e&&!c.has(e)&&Array.prototype.forEach.call(e.children,(function(e){if(l.has(e))u(e);else{var n=e.getAttribute(r),o=null!==n&&"false"!==n,c=(gt.get(e)||0)+1,s=(i.get(e)||0)+1;gt.set(e,c),i.set(e,s),a.push(e),1===c&&o&&vt.set(e,!0),1===s&&e.setAttribute(t,"true"),o||e.setAttribute(r,"true")}}))};return u(n),l.clear(),bt++,function(){a.forEach((function(e){var n=gt.get(e)-1,o=i.get(e)-1;gt.set(e,n),i.set(e,o),n||(vt.has(e)||e.removeAttribute(r),vt.delete(e)),o||e.removeAttribute(t)})),--bt||(gt=new WeakMap,gt=new WeakMap,vt=new WeakMap,yt={})}},_t=function(e,n,t){void 0===t&&(t="data-aria-hidden");var r=Array.from(Array.isArray(e)?e:[e]),o=function(e){return"undefined"==typeof document?null:(Array.isArray(e)?e[0]:e).ownerDocument.body}(e);return o?(r.push.apply(r,Array.from(o.querySelectorAll("[aria-live]"))),xt(r,o,t,"aria-hidden")):function(){return null}},Nt=function(){return Nt=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Nt.apply(this,arguments)};function Et(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}"function"==typeof SuppressedError&&SuppressedError;var Ct="right-scroll-bar-position",Tt="width-before-scroll-bar";function kt(e,n){return"function"==typeof e?e(n):e&&(e.current=n),e}var Dt=new WeakMap;function At(e,n){var r,o,i,a=(r=null,o=function(n){return e.forEach((function(e){return kt(e,n)}))},(i=d((function(){return{value:r,callback:o,facade:{get current(){return i.value},set current(e){var n=i.value;n!==e&&(i.value=e,i.callback(e,n))}}}}))[0]).callback=o,i.facade);return t.useLayoutEffect((function(){var n=Dt.get(a);if(n){var t=new Set(n),r=new Set(e),o=a.current;t.forEach((function(e){r.has(e)||kt(e,null)})),r.forEach((function(e){t.has(e)||kt(e,o)}))}Dt.set(a,e)}),[e]),a}function St(e){return e}var Ot=function(e){var n=e.sideCar,r=Et(e,["sideCar"]);if(!n)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var o=n.read();if(!o)throw new Error("Sidecar medium not found");return t.createElement(o,Nt({},r))};Ot.isSideCarExport=!0;var Pt=function(e){void 0===e&&(e={});var n=function(e,n){void 0===n&&(n=St);var t=[],r=!1;return{read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return t.length?t[t.length-1]:e},useMedium:function(e){var o=n(e,r);return t.push(o),function(){t=t.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(r=!0;t.length;){var n=t;t=[],n.forEach(e)}t={push:function(n){return e(n)},filter:function(){return t}}},assignMedium:function(e){r=!0;var n=[];if(t.length){var o=t;t=[],o.forEach(e),n=t}var i=function(){var t=n;n=[],t.forEach(e)},a=function(){return Promise.resolve().then(i)};a(),t={push:function(e){n.push(e),a()},filter:function(e){return n=n.filter(e),t}}}}}(null);return n.options=Nt({async:!0,ssr:!1},e),n}(),Lt=function(){},It=t.forwardRef((function(e,n){var r=t.useRef(null),o=t.useState({onScrollCapture:Lt,onWheelCapture:Lt,onTouchMoveCapture:Lt}),i=o[0],a=o[1],l=e.forwardProps,c=e.children,s=e.className,u=e.removeScrollBar,d=e.enabled,f=e.shards,p=e.sideCar,m=e.noIsolation,h=e.inert,g=e.allowPinchZoom,v=e.as,y=void 0===v?"div":v,b=Et(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),w=p,x=At([r,n]),_=Nt(Nt({},b),i);return t.createElement(t.Fragment,null,d&&t.createElement(w,{sideCar:Pt,removeScrollBar:u,shards:f,noIsolation:m,inert:h,setCallbacks:a,allowPinchZoom:!!g,lockRef:r}),l?t.cloneElement(t.Children.only(c),Nt(Nt({},_),{ref:x})):t.createElement(y,Nt({},_,{className:s,ref:x}),c))}));It.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},It.classNames={fullWidth:Tt,zeroRight:Ct};function Ft(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var n=function(){if("undefined"!=typeof __webpack_nonce__)return __webpack_nonce__}();return n&&e.setAttribute("nonce",n),e}var Rt=function(){var e=0,n=null;return{add:function(t){var r,o;0==e&&(n=Ft())&&(o=t,(r=n).styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(n)),e++},remove:function(){! --e&&n&&(n.parentNode&&n.parentNode.removeChild(n),n=null)}}},Mt=function(){var e,n=(e=Rt(),function(n,r){t.useEffect((function(){return e.add(n),function(){e.remove()}}),[n&&r])});return function(e){var t=e.styles,r=e.dynamic;return n(t,r),null}},zt={left:0,top:0,right:0,gap:0},Bt=function(e){return parseInt(e||"",10)||0},jt=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return zt;var n=function(e){var n=window.getComputedStyle(document.body),t=n["padding"===e?"paddingLeft":"marginLeft"],r=n["padding"===e?"paddingTop":"marginTop"],o=n["padding"===e?"paddingRight":"marginRight"];return[Bt(t),Bt(r),Bt(o)]}(e),t=document.documentElement.clientWidth,r=window.innerWidth;return{left:n[0],top:n[1],right:n[2],gap:Math.max(0,r-t+n[2]-n[0])}},Ht=Mt(),Wt="data-scroll-locked",Ut=function(e,n,t,r){var o=e.left,i=e.top,a=e.right,l=e.gap;return void 0===t&&(t="margin"),"\n .".concat("with-scroll-bars-hidden"," {\n overflow: hidden ").concat(r,";\n padding-right: ").concat(l,"px ").concat(r,";\n }\n body[").concat(Wt,"] {\n overflow: hidden ").concat(r,";\n overscroll-behavior: contain;\n ").concat([n&&"position: relative ".concat(r,";"),"margin"===t&&"\n padding-left: ".concat(o,"px;\n padding-top: ").concat(i,"px;\n padding-right: ").concat(a,"px;\n margin-left:0;\n margin-top:0;\n margin-right: ").concat(l,"px ").concat(r,";\n "),"padding"===t&&"padding-right: ".concat(l,"px ").concat(r,";")].filter(Boolean).join(""),"\n }\n \n .").concat(Ct," {\n right: ").concat(l,"px ").concat(r,";\n }\n \n .").concat(Tt," {\n margin-right: ").concat(l,"px ").concat(r,";\n }\n \n .").concat(Ct," .").concat(Ct," {\n right: 0 ").concat(r,";\n }\n \n .").concat(Tt," .").concat(Tt," {\n margin-right: 0 ").concat(r,";\n }\n \n body[").concat(Wt,"] {\n ").concat("--removed-body-scroll-bar-size",": ").concat(l,"px;\n }\n")},$t=function(){var e=parseInt(document.body.getAttribute(Wt)||"0",10);return isFinite(e)?e:0},Kt=function(e){var n=e.noRelative,r=e.noImportant,o=e.gapMode,i=void 0===o?"margin":o;t.useEffect((function(){return document.body.setAttribute(Wt,($t()+1).toString()),function(){var e=$t()-1;e<=0?document.body.removeAttribute(Wt):document.body.setAttribute(Wt,e.toString())}}),[]);var a=t.useMemo((function(){return jt(i)}),[i]);return t.createElement(Ht,{styles:Ut(a,!n,i,r?"":"!important")})},Gt=!1;if("undefined"!=typeof window)try{var Vt=Object.defineProperty({},"passive",{get:function(){return Gt=!0,!0}});window.addEventListener("test",Vt,Vt),window.removeEventListener("test",Vt,Vt)}catch(e){Gt=!1}var Xt=!!Gt&&{passive:!1},Zt=function(e,n){var t=window.getComputedStyle(e);return"hidden"!==t[n]&&!(t.overflowY===t.overflowX&&!function(e){return"TEXTAREA"===e.tagName}(e)&&"visible"===t[n])},Yt=function(e,n){var t=n;do{if("undefined"!=typeof ShadowRoot&&t instanceof ShadowRoot&&(t=t.host),qt(e,t)){var r=Qt(e,t);if(r[1]>r[2])return!0}t=t.parentNode}while(t&&t!==document.body);return!1},qt=function(e,n){return"v"===e?function(e){return Zt(e,"overflowY")}(n):function(e){return Zt(e,"overflowX")}(n)},Qt=function(e,n){return"v"===e?[(t=n).