@primer/components 0.0.0-2021112184952 → 0.0.0-2021112185232

package/dist/browser.umd.js

@@ -19,7 +19,7 @@
 `,$t=i.default.div`
   ${wt};
   ${yt};
-`;function Tt(e){const{children:t,...r}=e;return require("focus-visible"),n.default.createElement($t,Bt({},r,{"data-portal-root":!0}),n.default.createElement(kt,null),t)}Tt.displayName="BaseStyles",Tt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var St=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Ct}(e)}(e)};var Ct="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Et(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Nt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function zt(e,t,r){return e.concat(t).map((function(e){return Et(e,r)}))}function Rt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function It(e,t){try{return t in e}catch(e){return!1}}function At(e,t,r){var a={};return r.isMergeableObject(e)&&Rt(e).forEach((function(t){a[t]=Et(e[t],r)})),Rt(t).forEach((function(o){(function(e,t){return It(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(It(e,o)&&r.isMergeableObject(t[o])?a[o]=function(e,t){if(!t.customMerge)return Nt;var r=t.customMerge(e);return"function"==typeof r?r:Nt}(o,r)(e[o],t[o],r):a[o]=Et(t[o],r))})),a}function Nt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||zt,r.isMergeableObject=r.isMergeableObject||St,r.cloneUnlessOtherwiseSpecified=Et;var a=Array.isArray(t);return a===Array.isArray(e)?a?r.arrayMerge(e,t,r):At(e,t,r):Et(t,r)}Nt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Nt(e,r,t)}),{})};var Lt=Nt;const Ft="light",Dt="dark",Mt=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Ot=({children:e,...t})=>{var a,o,i,l,s,c,f,u;const{theme:g,colorMode:p,dayScheme:b,nightScheme:h}=Pt(),m=null!==(a=null!==(o=t.theme)&&void 0!==o?o:g)&&void 0!==a?a:d,[v,x]=n.default.useState(null!==(i=null!==(l=t.colorMode)&&void 0!==l?l:p)&&void 0!==i?i:"day"),[y,w]=n.default.useState(null!==(s=null!==(c=t.dayScheme)&&void 0!==c?c:b)&&void 0!==s?s:Ft),[B,k]=n.default.useState(null!==(f=null!==(u=t.nightScheme)&&void 0!==u?u:h)&&void 0!==f?f:Dt),$=function(e,t){switch(e){case"auto":return t;default:return e}}(v,function(){const[e,t]=n.default.useState(Ht);return n.default.useEffect((()=>{var e,r;const a=null===(e=window)||void 0===e||null===(r=e.matchMedia)||void 0===r?void 0:r.call(e,"(prefers-color-scheme: dark)");function o(e){const r=e.matches;t(r?"night":"day")}if(a){if(void 0!==a.addEventListener)return a.addEventListener("change",o),function(){a.removeEventListener("change",o)};if(void 0!==a.addListener)return a.addListener(o),function(){a.removeListener(o)}}}),[]),e}()),T=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),S=n.default.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Lt(e,e.colorSchemes[r])}return Lt(e,e.colorSchemes[t])}(m,T)),[m,T]);return n.default.useEffect((()=>{var e,r;x(null!==(e=null!==(r=t.colorMode)&&void 0!==r?r:p)&&void 0!==e?e:"day")}),[t.colorMode,p]),n.default.useEffect((()=>{var e,r;w(null!==(e=null!==(r=t.dayScheme)&&void 0!==r?r:b)&&void 0!==e?e:Ft)}),[t.dayScheme,b]),n.default.useEffect((()=>{var e,r;k(null!==(e=null!==(r=t.nightScheme)&&void 0!==r?r:h)&&void 0!==e?e:Dt)}),[t.nightScheme,h]),n.default.createElement(Mt.Provider,{value:{theme:S,colorScheme:T,colorMode:v,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:x,setDayScheme:w,setNightScheme:k}},n.default.createElement(r.ThemeProvider,{theme:S},e))};function Pt(){return n.default.useContext(Mt)}function Ht(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}Ot.displayName="ThemeProvider";var Wt=Ot;var jt=e=>te(e.sx);var _t=i.default.div(U,C,E,T,z,I,F,N,M,V,jt);const Ut=i.default(_t)``;Ut.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var Vt=Ut;const Kt=i.default(_t)``;Kt.defaultProps={display:"flex"};var Gt=Kt;const qt=i.default(_t)``;qt.defaultProps={display:"grid"};var Xt=qt;const Yt=i.default(_t)``;var Jt=Yt;const Zt=n.default.forwardRef(((e,t)=>n.default.createElement(Yt,Bt({},e,{position:"absolute",ref:t}))));Zt.displayName="Absolute";const Qt=n.default.forwardRef(((e,t)=>n.default.createElement(Yt,Bt({},e,{position:"fixed",ref:t}))));Qt.displayName="Fixed";const er=n.default.forwardRef(((e,t)=>n.default.createElement(Yt,Bt({},e,{position:"relative",ref:t}))));er.displayName="Relative";const tr=n.default.forwardRef(((e,t)=>n.default.createElement(Yt,Bt({},e,{position:"sticky",ref:t}))));function rr({ref:e,closeOnOutsideClick:r,defaultOpen:a,onClickOutside:o}){const[n,i]=t.useState(a),l=t.useRef(null),d=null!=e?e:l,s=t.useCallback((e=>{const{current:t}=d;e.target.closest("details")!==t&&(o&&o(e),e.defaultPrevented||i(!1))}),[d,i,o]);t.useEffect((()=>{if(n&&r)return document.addEventListener("click",s),()=>{document.removeEventListener("click",s)}}),[n,r,s]);const c=e=>{if(!e.defaultPrevented){const t=e.target;i(t.open)}};return{open:n,setOpen:i,getDetailsProps:()=>({onToggle:c,open:n,ref:d})}}tr.defaultProps={top:0,zIndex:1},tr.displayName="Sticky";const ar=!0;function or(e){if(!e.defaultPrevented)for(const t of Object.values(nr).reverse())if(t(e)===ar||e.defaultPrevented)break}const nr={};let ir=0;const lr=({containerRef:e,ignoreClickRefs:r,onClickOutside:a})=>{const o=t.useMemo((()=>ir++),[]),n=t.useCallback((t=>{var o;return t instanceof MouseEvent&&t.button>0||null!==(o=e.current)&&void 0!==o&&o.contains(t.target)||r&&r.some((({current:e})=>null==e?void 0:e.contains(t.target)))?ar:void a(t)}),[e,r,a]);t.useEffect((()=>(0===Object.keys(nr).length&&document.addEventListener("mousedown",or,{capture:!0}),function(e,t){nr[e]=t}(o,n),()=>{!function(e){delete nr[e]}(o),0===Object.keys(nr).length&&document.removeEventListener("mousedown",or,{capture:!0})})),[o,n])};function*dr(e,t={}){var r,a;const o=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(a=t.onlyTabbable)&&void 0!==a&&a?cr:sr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,o)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,o)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,o)&&(yield e)}function sr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,a=e.hidden,o=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||a||o)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),a=0===e.getClientRects().length;if(t||r||a)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function cr(e,t=!1){return sr(e,t)&&"-1"!==e.getAttribute("tabindex")}function fr({initialFocusRef:e,returnFocusRef:r,containerRef:a,preventFocusOnOpen:o}){t.useEffect((()=>{if(o)return;const t=r.current;if(e&&e.current)e.current.focus();else if(a.current){const e=dr(a.current).next().value;null==e||e.focus()}return function(){null==t||t.focus()}}),[e,r,a,o])}const ur=[];function gr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=ur.length-1;t>=0&&(ur[t](e),!e.defaultPrevented);--t);}const pr=(e,r=[e])=>{const a=t.useCallback(e,r);t.useEffect((()=>(0===ur.length&&document.addEventListener("keydown",gr),ur.push(a),()=>{ur.splice(ur.findIndex((e=>e===a)),1),0===ur.length&&document.removeEventListener("keydown",gr)})),[a])};function br(e){const t=n.default.useRef(null);return null!=e?e:t}const hr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:a,ignoreClickRefs:o,onClickOutside:n,preventFocusOnOpen:i})=>{const l=br(e);return fr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),lr({containerRef:l,ignoreClickRefs:o,onClickOutside:n}),pr(a),{ref:l}};let mr,vr=!1;function xr(){}try{const e=Object.create({},{signal:{get(){vr=!0}}});window.addEventListener("test",xr,e),window.removeEventListener("test",xr,e)}catch(Wd){}function yr(){vr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,a){return"object"==typeof a&&"signal"in a&&a.signal instanceof AbortSignal&&e.call(a.signal,"abort",(()=>{this.removeEventListener(t,r,a)})),e.call(this,t,r,a)}}(),vr=!0)}function wr(){return void 0===mr&&(mr=/^mac/i.test(window.navigator.platform)),mr}let Br,kr=1e4;function $r(){return"__primer_id_"+kr++}yr(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Br||(Br={}));const Tr={ArrowLeft:Br.ArrowHorizontal,ArrowDown:Br.ArrowVertical,ArrowUp:Br.ArrowVertical,ArrowRight:Br.ArrowHorizontal,h:Br.HL,j:Br.JK,k:Br.JK,l:Br.HL,a:Br.AD,s:Br.WS,w:Br.WS,d:Br.AD,Tab:Br.Tab,Home:Br.HomeAndEnd,End:Br.HomeAndEnd,PageUp:Br.PageUpDown,PageDown:Br.PageUpDown},Sr={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Cr(e){const t=Sr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=wr();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}const Er="data-is-active-descendant",zr="activated-directly",Rr="activated-indirectly",Ir="data-has-active-descendant";function Ar(e,t){var r,a,o,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Br.ArrowAll:Br.ArrowVertical)|Br.HomeAndEnd,s=null!==(a=null==t?void 0:t.focusOutBehavior)&&void 0!==a?a:"stop",c=null!==(o=null==t?void 0:t.focusInStrategy)&&void 0!==o?o:"previous",f=null==t?void 0:t.activeDescendantControl,u=null==t?void 0:t.onActiveDescendantChanged;let g;function p(){return i[0]}function b(e,t=!1){const r=g;g=e,f?e&&document.activeElement===f?h(r,e,t):m():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function h(t,r,a=!1){r.id||r.setAttribute("id",$r()),t&&t!==r&&t.removeAttribute(Er),f&&(a||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute(Ir,r.id),r.setAttribute(Er,a?zr:Rr),null==u||u(r,t,a))}function m(t=g){"first"===c&&(g=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute(Ir),null==t||t.removeAttribute(Er),null==u||u(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,a;return null===(r=null==t||null===(a=t.focusableElementFilter)||void 0===a?void 0:a.call(t,e))||void 0===r||r}));if(0===r.length)return;const a=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===a?i.length:a,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");g||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===g){b(p())}}}v(...dr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...dr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...dr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(f.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),f.addEventListener("focusin",(()=>{g?h(void 0,g):b(p())})),f.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==g&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===$?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);$=void 0}),{signal:w});const k=null!=f?f:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Cr(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Sr){const o=Tr[r.key];if(!r.defaultPrevented&&(o&d)>0&&!function(e,t){const r=e.key,a=[...r].length,o=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(o&&(1===a||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===a)return!0;if("ArrowDown"===r&&wr()&&!e.metaKey)return!0;if("ArrowDown"===r&&!wr()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(o){const e=t,a=0===e.selectionStart&&0===e.selectionEnd,o=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!a)return!0;if("ArrowRight"===r&&!o)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!a)return!0;if("ArrowDown"===r&&!o)return!0}}return!1}(r,document.activeElement)){const o=Cr(r);let n;var a;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(o,null!==(a=document.activeElement)&&void 0!==a?a:void 0,r);if(!n){const t=function(){if(!g)return 0;const t=i.indexOf(g);return-1!==t?t:g===e?-1:0}();let a=t;"previous"===o?a-=1:"start"===o?a=0:"next"===o?a+=1:a=i.length-1,a<0&&(a="wrap"===s&&"Tab"!==r.key?i.length-1:0),a>=i.length&&(a="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==a&&(n=i[a])}f?b(n||g,!0):n&&($=o,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Nr=r.css(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],xt("fontWeights.bold"),xt("radii.2"));const Lr=re({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Fr=i.default.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
+`;function Tt(e){const{children:t,...r}=e;return require("focus-visible"),n.default.createElement($t,Bt({},r,{"data-portal-root":!0}),n.default.createElement(kt,null),t)}Tt.displayName="BaseStyles",Tt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var St=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Ct}(e)}(e)};var Ct="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Et(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Nt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function zt(e,t,r){return e.concat(t).map((function(e){return Et(e,r)}))}function Rt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function It(e,t){try{return t in e}catch(e){return!1}}function At(e,t,r){var a={};return r.isMergeableObject(e)&&Rt(e).forEach((function(t){a[t]=Et(e[t],r)})),Rt(t).forEach((function(o){(function(e,t){return It(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(It(e,o)&&r.isMergeableObject(t[o])?a[o]=function(e,t){if(!t.customMerge)return Nt;var r=t.customMerge(e);return"function"==typeof r?r:Nt}(o,r)(e[o],t[o],r):a[o]=Et(t[o],r))})),a}function Nt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||zt,r.isMergeableObject=r.isMergeableObject||St,r.cloneUnlessOtherwiseSpecified=Et;var a=Array.isArray(t);return a===Array.isArray(e)?a?r.arrayMerge(e,t,r):At(e,t,r):Et(t,r)}Nt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Nt(e,r,t)}),{})};var Lt=Nt;const Ft="light",Dt="dark",Mt=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Ot=({children:e,...t})=>{var a,o,i,l,s,c,f,u;const{theme:g,colorMode:p,dayScheme:b,nightScheme:h}=Pt(),m=null!==(a=null!==(o=t.theme)&&void 0!==o?o:g)&&void 0!==a?a:d,[v,x]=n.default.useState(null!==(i=null!==(l=t.colorMode)&&void 0!==l?l:p)&&void 0!==i?i:"day"),[y,w]=n.default.useState(null!==(s=null!==(c=t.dayScheme)&&void 0!==c?c:b)&&void 0!==s?s:Ft),[B,k]=n.default.useState(null!==(f=null!==(u=t.nightScheme)&&void 0!==u?u:h)&&void 0!==f?f:Dt),$=function(e,t){switch(e){case"auto":return t;default:return e}}(v,function(){const[e,t]=n.default.useState(Ht);return n.default.useEffect((()=>{var e,r;const a=null===(e=window)||void 0===e||null===(r=e.matchMedia)||void 0===r?void 0:r.call(e,"(prefers-color-scheme: dark)");function o(e){const r=e.matches;t(r?"night":"day")}if(a){if(void 0!==a.addEventListener)return a.addEventListener("change",o),function(){a.removeEventListener("change",o)};if(void 0!==a.addListener)return a.addListener(o),function(){a.removeListener(o)}}}),[]),e}()),T=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),S=n.default.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Lt(e,e.colorSchemes[r])}return Lt(e,e.colorSchemes[t])}(m,T)),[m,T]);return n.default.useEffect((()=>{var e,r;x(null!==(e=null!==(r=t.colorMode)&&void 0!==r?r:p)&&void 0!==e?e:"day")}),[t.colorMode,p]),n.default.useEffect((()=>{var e,r;w(null!==(e=null!==(r=t.dayScheme)&&void 0!==r?r:b)&&void 0!==e?e:Ft)}),[t.dayScheme,b]),n.default.useEffect((()=>{var e,r;k(null!==(e=null!==(r=t.nightScheme)&&void 0!==r?r:h)&&void 0!==e?e:Dt)}),[t.nightScheme,h]),n.default.createElement(Mt.Provider,{value:{theme:S,colorScheme:T,colorMode:v,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:x,setDayScheme:w,setNightScheme:k}},n.default.createElement(r.ThemeProvider,{theme:S},e))};function Pt(){return n.default.useContext(Mt)}function Ht(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}Ot.displayName="ThemeProvider";var Wt=Ot;var jt=e=>te(e.sx);var _t=i.default.div(U,C,E,T,z,I,F,N,M,V,jt);const Ut=i.default(_t)``;Ut.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var Vt=Ut;const Kt=i.default(_t)``;Kt.defaultProps={display:"flex"};var Gt=Kt;const qt=i.default(_t)``;qt.defaultProps={display:"grid"};var Xt=qt;const Yt=i.default(_t)``;var Jt=Yt;const Zt=n.default.forwardRef(((e,t)=>n.default.createElement(Yt,Bt({},e,{position:"absolute",ref:t}))));Zt.displayName="Absolute";const Qt=n.default.forwardRef(((e,t)=>n.default.createElement(Yt,Bt({},e,{position:"fixed",ref:t}))));Qt.displayName="Fixed";const er=n.default.forwardRef(((e,t)=>n.default.createElement(Yt,Bt({},e,{position:"relative",ref:t}))));er.displayName="Relative";const tr=n.default.forwardRef(((e,t)=>n.default.createElement(Yt,Bt({},e,{position:"sticky",ref:t}))));function rr({ref:e,closeOnOutsideClick:r,defaultOpen:a,onClickOutside:o}){const[n,i]=t.useState(a),l=t.useRef(null),d=null!=e?e:l,s=t.useCallback((e=>{const{current:t}=d;e.target.closest("details")!==t&&(o&&o(e),e.defaultPrevented||i(!1))}),[d,i,o]);t.useEffect((()=>{if(n&&r)return document.addEventListener("click",s),()=>{document.removeEventListener("click",s)}}),[n,r,s]);const c=e=>{if(!e.defaultPrevented){const t=e.target;i(t.open)}};return{open:n,setOpen:i,getDetailsProps:()=>({onToggle:c,open:n,ref:d})}}tr.defaultProps={top:0,zIndex:1},tr.displayName="Sticky";const ar=!0;function or(e){if(!e.defaultPrevented)for(const t of Object.values(nr).reverse())if(t(e)===ar||e.defaultPrevented)break}const nr={};let ir=0;const lr=({containerRef:e,ignoreClickRefs:r,onClickOutside:a})=>{const o=t.useMemo((()=>ir++),[]),n=t.useCallback((t=>{var o;return t instanceof MouseEvent&&t.button>0||null!==(o=e.current)&&void 0!==o&&o.contains(t.target)||r&&r.some((({current:e})=>null==e?void 0:e.contains(t.target)))?ar:void a(t)}),[e,r,a]);t.useEffect((()=>(0===Object.keys(nr).length&&document.addEventListener("mousedown",or,{capture:!0}),function(e,t){nr[e]=t}(o,n),()=>{!function(e){delete nr[e]}(o),0===Object.keys(nr).length&&document.removeEventListener("mousedown",or,{capture:!0})})),[o,n])};function*dr(e,t={}){var r,a;const o=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(a=t.onlyTabbable)&&void 0!==a&&a?cr:sr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,o)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,o)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,o)&&(yield e)}function sr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,a=e.hidden,o=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||a||o)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),a=0===e.getClientRects().length;if(t||r||a)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function cr(e,t=!1){return sr(e,t)&&"-1"!==e.getAttribute("tabindex")}function fr({initialFocusRef:e,returnFocusRef:r,containerRef:a,preventFocusOnOpen:o}){t.useEffect((()=>{if(o)return;const t=r.current;if(e&&e.current)e.current.focus();else if(a.current){const e=dr(a.current).next().value;null==e||e.focus()}return function(){null==t||t.focus()}}),[e,r,a,o])}const ur=[];function gr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=ur.length-1;t>=0&&(ur[t](e),!e.defaultPrevented);--t);}const pr=(e,r=[e])=>{const a=t.useCallback(e,r);t.useEffect((()=>(0===ur.length&&document.addEventListener("keydown",gr),ur.push(a),()=>{ur.splice(ur.findIndex((e=>e===a)),1),0===ur.length&&document.removeEventListener("keydown",gr)})),[a])};function br(e){const t=n.default.useRef(null);return null!=e?e:t}const hr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:a,ignoreClickRefs:o,onClickOutside:n,preventFocusOnOpen:i})=>{const l=br(e);return fr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),lr({containerRef:l,ignoreClickRefs:o,onClickOutside:n}),pr(a),{ref:l}};let mr,vr=!1;function xr(){}try{const e=Object.create({},{signal:{get(){vr=!0}}});window.addEventListener("test",xr,e),window.removeEventListener("test",xr,e)}catch(Wd){}function yr(){vr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,a){return"object"==typeof a&&"signal"in a&&a.signal instanceof AbortSignal&&e.call(a.signal,"abort",(()=>{this.removeEventListener(t,r,a)})),e.call(this,t,r,a)}}(),vr=!0)}function wr(){return void 0===mr&&(mr=/^mac/i.test(window.navigator.platform)),mr}let Br,kr=1e4;function $r(){return"__primer_id_"+kr++}yr(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Br||(Br={}));const Tr={ArrowLeft:Br.ArrowHorizontal,ArrowDown:Br.ArrowVertical,ArrowUp:Br.ArrowVertical,ArrowRight:Br.ArrowHorizontal,h:Br.HL,j:Br.JK,k:Br.JK,l:Br.HL,a:Br.AD,s:Br.WS,w:Br.WS,d:Br.AD,Tab:Br.Tab,Home:Br.HomeAndEnd,End:Br.HomeAndEnd,PageUp:Br.PageUpDown,PageDown:Br.PageUpDown},Sr={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Cr(e){const t=Sr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=wr();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}const Er="data-is-active-descendant",zr="activated-directly",Rr="activated-indirectly",Ir="data-has-active-descendant";function Ar(e,t){var r,a,o,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Br.ArrowAll:Br.ArrowVertical)|Br.HomeAndEnd,s=null!==(a=null==t?void 0:t.focusOutBehavior)&&void 0!==a?a:"stop",c=null!==(o=null==t?void 0:t.focusInStrategy)&&void 0!==o?o:"previous",f=null==t?void 0:t.activeDescendantControl,u=null==t?void 0:t.onActiveDescendantChanged;let g;function p(){return i[0]}function b(e,t=!1){const r=g;g=e,f?e&&document.activeElement===f?h(r,e,t):m():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function h(t,r,a=!1){r.id||r.setAttribute("id",$r()),t&&t!==r&&t.removeAttribute(Er),f&&(a||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute(Ir,r.id),r.setAttribute(Er,a?zr:Rr),null==u||u(r,t,a))}function m(t=g){"first"===c&&(g=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute(Ir),null==t||t.removeAttribute(Er),null==u||u(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,a;return null===(r=null==t||null===(a=t.focusableElementFilter)||void 0===a?void 0:a.call(t,e))||void 0===r||r}));if(0===r.length)return;const a=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===a?i.length:a,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");g||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===g){b(p())}}}v(...dr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...dr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...dr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(f.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),f.addEventListener("focusin",(()=>{g?h(void 0,g):b(p())})),f.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==g&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===$?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);$=void 0}),{signal:w});const k=null!=f?f:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Cr(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Sr){const o=Tr[r.key];if(!r.defaultPrevented&&(o&d)>0&&!function(e,t){const r=e.key,a=[...r].length,o=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(o&&(1===a||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===a)return!0;if("ArrowDown"===r&&wr()&&!e.metaKey)return!0;if("ArrowDown"===r&&!wr()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(o){const e=t,a=0===e.selectionStart&&0===e.selectionEnd,o=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!a)return!0;if("ArrowRight"===r&&!o)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!a)return!0;if("ArrowDown"===r&&!o)return!0}}return!1}(r,document.activeElement)){const o=Cr(r);let n;var a;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(o,null!==(a=document.activeElement)&&void 0!==a?a:void 0,r);if(!n){const t=function(){if(!g)return 0;const t=i.indexOf(g);return-1!==t?t:g===e?-1:0}();let a=t;"previous"===o?a-=1:"start"===o?a=0:"next"===o?a+=1:a=i.length-1,a<0&&(a="wrap"===s&&"Tab"!==r.key?i.length-1:0),a>=i.length&&(a="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==a&&(n=i[a])}f?b(n||g,!0):n&&($=o,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Nr=r.css(["position:relative;display:inline-block;padding:16px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],xt("fontWeights.bold"),xt("radii.2"));const Lr=re({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Fr=i.default.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
   ${Nr}
   ${Lr}
 `;Fr.defaultProps={variant:"medium"};var Dr=Fr;var Mr=i.default(Dr)`