mirotone-react/lib/index.js

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.

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