@primer/components 0.0.0-2021112192045 → 0.0.0-2021112193058

package/dist/browser.esm.js

@@ -19,7 +19,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
 `,Ft=g.div`
   ${Nt};
   ${At};
-`;function Dt(t){const{children:r,...o}=t;return require("focus-visible"),e.createElement(Ft,Rt({},o,{"data-portal-root":!0}),e.createElement(Lt,null),r)}Dt.displayName="BaseStyles",Dt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Mt=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===Ot}(e)}(e)};var Ot="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Pt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Ut((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function Ht(e,t,r){return e.concat(t).map((function(e){return Pt(e,r)}))}function Wt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function _t(e,t){try{return t in e}catch(e){return!1}}function jt(e,t,r){var o={};return r.isMergeableObject(e)&&Wt(e).forEach((function(t){o[t]=Pt(e[t],r)})),Wt(t).forEach((function(a){(function(e,t){return _t(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(_t(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return Ut;var r=t.customMerge(e);return"function"==typeof r?r:Ut}(a,r)(e[a],t[a],r):o[a]=Pt(t[a],r))})),o}function Ut(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||Ht,r.isMergeableObject=r.isMergeableObject||Mt,r.cloneUnlessOtherwiseSpecified=Pt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):jt(e,t,r):Pt(t,r)}Ut.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Ut(e,r,t)}),{})};var Kt=Ut;const Vt=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Gt=({children:t,...r})=>{var o,a,n,i,l,d,s,c;const{theme:g,colorMode:f,dayScheme:p,nightScheme:b}=qt(),h=null!==(o=null!==(a=r.theme)&&void 0!==a?a:g)&&void 0!==o?o:x,[m,v]=e.useState(null!==(n=null!==(i=r.colorMode)&&void 0!==i?i:f)&&void 0!==n?n:"day"),[y,w]=e.useState(null!==(l=null!==(d=r.dayScheme)&&void 0!==d?d:p)&&void 0!==l?l:"light"),[B,k]=e.useState(null!==(s=null!==(c=r.nightScheme)&&void 0!==c?c:b)&&void 0!==s?s:"dark"),$=function(e,t){switch(e){case"auto":return t;default:return e}}(m,function(){const[t,r]=e.useState(Yt);return e.useEffect((()=>{var e,t;const o=null===(e=window)||void 0===e||null===(t=e.matchMedia)||void 0===t?void 0:t.call(e,"(prefers-color-scheme: dark)");function a(e){const t=e.matches;r(t?"night":"day")}if(o){if(void 0!==o.addEventListener)return o.addEventListener("change",a),function(){o.removeEventListener("change",a)};if(void 0!==o.addListener)return o.addListener(a),function(){o.removeListener(a)}}}),[]),t}()),T=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),S=e.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 Kt(e,e.colorSchemes[r])}return Kt(e,e.colorSchemes[t])}(h,T)),[h,T]);return e.useEffect((()=>{var e,t;v(null!==(e=null!==(t=r.colorMode)&&void 0!==t?t:f)&&void 0!==e?e:"day")}),[r.colorMode,f]),e.useEffect((()=>{var e,t;w(null!==(e=null!==(t=r.dayScheme)&&void 0!==t?t:p)&&void 0!==e?e:"light")}),[r.dayScheme,p]),e.useEffect((()=>{var e,t;k(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:b)&&void 0!==e?e:"dark")}),[r.nightScheme,b]),e.createElement(Vt.Provider,{value:{theme:S,colorScheme:T,colorMode:m,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:k}},e.createElement(u,{theme:S},t))};function qt(){return e.useContext(Vt)}function Xt(e,t){var r;const{colorScheme:o=""}=qt();return null!==(r=e[o])&&void 0!==r?r:t}function Yt(){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"}Gt.displayName="ThemeProvider";var Jt=Gt;var Zt=e=>fe(e.sx);var Qt=g.div(te,O,P,D,H,_,V,U,q,re,Zt);const er=g(Qt)``;er.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var tr=er;const rr=g(Qt)``;rr.defaultProps={display:"flex"};var or=rr;const ar=g(Qt)``;ar.defaultProps={display:"grid"};var nr=ar;const ir=g(Qt)``;var lr=ir;const dr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"absolute",ref:r}))));dr.displayName="Absolute";const sr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"fixed",ref:r}))));sr.displayName="Fixed";const cr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"relative",ref:r}))));cr.displayName="Relative";const gr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"sticky",ref:r}))));function fr({ref:e,closeOnOutsideClick:n,defaultOpen:i,onClickOutside:l}){const[d,s]=t(i),c=r(null),g=null!=e?e:c,f=o((e=>{const{current:t}=g;e.target.closest("details")!==t&&(l&&l(e),e.defaultPrevented||s(!1))}),[g,s,l]);a((()=>{if(d&&n)return document.addEventListener("click",f),()=>{document.removeEventListener("click",f)}}),[d,n,f]);const u=e=>{if(!e.defaultPrevented){const t=e.target;s(t.open)}};return{open:d,setOpen:s,getDetailsProps:()=>({onToggle:u,open:d,ref:g})}}function ur(){const e=r(new Set),t=o(((t,r,...o)=>{const a=window.setTimeout(t,r,...o);return e.current.add(a),a}),[]),n=o((t=>{clearTimeout(t),e.current.delete(t)}),[]);return a((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:t,safeClearTimeout:n}}gr.defaultProps={top:0,zIndex:1},gr.displayName="Sticky";function pr(e){if(!e.defaultPrevented)for(const t of Object.values(br).reverse())if(true===t(e)||e.defaultPrevented)break}const br={};let hr=0;const mr=({containerRef:e,ignoreClickRefs:t,onClickOutside:r})=>{const i=n((()=>hr++),[]),l=o((o=>{var a;return o instanceof MouseEvent&&o.button>0||(!(null===(a=e.current)||void 0===a||!a.contains(o.target))||(!(!t||!t.some((({current:e})=>null==e?void 0:e.contains(o.target))))||void r(o)))}),[e,t,r]);a((()=>(0===Object.keys(br).length&&document.addEventListener("mousedown",pr,{capture:!0}),function(e,t){br[e]=t}(i,l),()=>{!function(e){delete br[e]}(i),0===Object.keys(br).length&&document.removeEventListener("mousedown",pr,{capture:!0})})),[i,l])};function*vr(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?yr:xr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,a)&&(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,a)&&(yield e)}function xr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,o=e.hidden,a=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||o||a)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),o=0===e.getClientRects().length;if(t||r||o)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function yr(e,t=!1){return xr(e,t)&&"-1"!==e.getAttribute("tabindex")}function wr({initialFocusRef:e,returnFocusRef:t,containerRef:r,preventFocusOnOpen:o}){a((()=>{if(o)return;const a=t.current;if(e&&e.current)e.current.focus();else if(r.current){const e=vr(r.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,t,r,o])}const Br=[];function kr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=Br.length-1;t>=0&&(Br[t](e),!e.defaultPrevented);--t);}const $r=(e,t=[e])=>{const r=o(e,t);a((()=>(0===Br.length&&document.addEventListener("keydown",kr),Br.push(r),()=>{Br.splice(Br.findIndex((e=>e===r)),1),0===Br.length&&document.removeEventListener("keydown",kr)})),[r])};function Tr(t){const r=e.useRef(null);return null!=t?t:r}const Sr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n,preventFocusOnOpen:i})=>{const l=Tr(e);return wr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),mr({containerRef:l,ignoreClickRefs:a,onClickOutside:n}),$r(o),{ref:l}};let Er,Cr=!1;function zr(){}try{const e=Object.create({},{signal:{get(){Cr=!0}}});window.addEventListener("test",zr,e),window.removeEventListener("test",zr,e)}catch(Vd){}function Ir(){Cr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,o){return"object"==typeof o&&"signal"in o&&o.signal instanceof AbortSignal&&e.call(o.signal,"abort",(()=>{this.removeEventListener(t,r,o)})),e.call(this,t,r,o)}}(),Cr=!0)}function Ar(){return void 0===Er&&(Er=/^mac/i.test(window.navigator.platform)),Er}let Nr,Rr=1e4;function Lr(){return"__primer_id_"+Rr++}Ir(),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"}(Nr||(Nr={}));const Fr={ArrowLeft:Nr.ArrowHorizontal,ArrowDown:Nr.ArrowVertical,ArrowUp:Nr.ArrowVertical,ArrowRight:Nr.ArrowHorizontal,h:Nr.HL,j:Nr.JK,k:Nr.JK,l:Nr.HL,a:Nr.AD,s:Nr.WS,w:Nr.WS,d:Nr.AD,Tab:Nr.Tab,Home:Nr.HomeAndEnd,End:Nr.HomeAndEnd,PageUp:Nr.PageUpDown,PageDown:Nr.PageUpDown},Dr={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 Mr(e){const t=Dr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Ar();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}function Or(e,t){var r,o,a,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Nr.ArrowAll:Nr.ArrowVertical)|Nr.HomeAndEnd,s=null!==(o=null==t?void 0:t.focusOutBehavior)&&void 0!==o?o:"stop",c=null!==(a=null==t?void 0:t.focusInStrategy)&&void 0!==a?a:"previous",g=null==t?void 0:t.activeDescendantControl,f=null==t?void 0:t.onActiveDescendantChanged;let u;function p(){return i[0]}function b(e,t=!1){const r=u;u=e,g?e&&document.activeElement===g?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,o=!1){r.id||r.setAttribute("id",Lr()),t&&t!==r&&t.removeAttribute("data-is-active-descendant"),g&&(o||g.getAttribute("aria-activedescendant")!==r.id)&&(g.setAttribute("aria-activedescendant",r.id),e.setAttribute("data-has-active-descendant",r.id),r.setAttribute("data-is-active-descendant",o?"activated-directly":"activated-indirectly"),null==f||f(r,t,o))}function m(t=u){"first"===c&&(u=void 0),null==g||g.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==t||t.removeAttribute("data-is-active-descendant"),null==f||f(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,o;return null===(r=null==t||null===(o=t.focusableElementFilter)||void 0===o?void 0:o.call(t,e))||void 0===r||r}));if(0===r.length)return;const o=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===o?i.length:o,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");u||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===u){b(p())}}}v(...vr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...vr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...vr(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}),g?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(g.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}),g.addEventListener("focusin",(()=>{u?h(void 0,u):b(p())})),g.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==u&&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!=g?g:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Mr(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Dr){const a=Fr[r.key];if(!r.defaultPrevented&&(a&d)>0&&!function(e,t){const r=e.key,o=[...r].length,a=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(a&&(1===o||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===o)return!0;if("ArrowDown"===r&&Ar()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Ar()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(a){const e=t,o=0===e.selectionStart&&0===e.selectionEnd,a=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!o)return!0;if("ArrowRight"===r&&!a)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!o)return!0;if("ArrowDown"===r&&!a)return!0}}return!1}(r,document.activeElement)){const a=Mr(r);let n;var o;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(a,null!==(o=document.activeElement)&&void 0!==o?o:void 0,r);if(!n){const t=function(){if(!u)return 0;const t=i.indexOf(u);return-1!==t?t:u===e?-1:0}();let o=t;"previous"===a?o-=1:"start"===a?o=0:"next"===a?o+=1:o=i.length-1,o<0&&(o="wrap"===s&&"Tab"!==r.key?i.length-1:0),o>=i.length&&(o="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==o&&(n=i[o])}g?b(n||u,!0):n&&($=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Pr=p(["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;}"],It("fontWeights.bold"),It("radii.2"));const Hr=ue({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Wr=g.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
+`;function Dt(t){const{children:r,...o}=t;return require("focus-visible"),e.createElement(Ft,Rt({},o,{"data-portal-root":!0}),e.createElement(Lt,null),r)}Dt.displayName="BaseStyles",Dt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Mt=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===Ot}(e)}(e)};var Ot="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Pt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Ut((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function Ht(e,t,r){return e.concat(t).map((function(e){return Pt(e,r)}))}function Wt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function _t(e,t){try{return t in e}catch(e){return!1}}function jt(e,t,r){var o={};return r.isMergeableObject(e)&&Wt(e).forEach((function(t){o[t]=Pt(e[t],r)})),Wt(t).forEach((function(a){(function(e,t){return _t(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(_t(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return Ut;var r=t.customMerge(e);return"function"==typeof r?r:Ut}(a,r)(e[a],t[a],r):o[a]=Pt(t[a],r))})),o}function Ut(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||Ht,r.isMergeableObject=r.isMergeableObject||Mt,r.cloneUnlessOtherwiseSpecified=Pt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):jt(e,t,r):Pt(t,r)}Ut.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Ut(e,r,t)}),{})};var Kt=Ut;const Vt=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Gt=({children:t,...r})=>{var o,a,n,i,l,d,s,c;const{theme:g,colorMode:f,dayScheme:p,nightScheme:b}=qt(),h=null!==(o=null!==(a=r.theme)&&void 0!==a?a:g)&&void 0!==o?o:x,[m,v]=e.useState(null!==(n=null!==(i=r.colorMode)&&void 0!==i?i:f)&&void 0!==n?n:"day"),[y,w]=e.useState(null!==(l=null!==(d=r.dayScheme)&&void 0!==d?d:p)&&void 0!==l?l:"light"),[B,k]=e.useState(null!==(s=null!==(c=r.nightScheme)&&void 0!==c?c:b)&&void 0!==s?s:"dark"),$=function(e,t){switch(e){case"auto":return t;default:return e}}(m,function(){const[t,r]=e.useState(Yt);return e.useEffect((()=>{var e,t;const o=null===(e=window)||void 0===e||null===(t=e.matchMedia)||void 0===t?void 0:t.call(e,"(prefers-color-scheme: dark)");function a(e){const t=e.matches;r(t?"night":"day")}if(o){if(void 0!==o.addEventListener)return o.addEventListener("change",a),function(){o.removeEventListener("change",a)};if(void 0!==o.addListener)return o.addListener(a),function(){o.removeListener(a)}}}),[]),t}()),T=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),S=e.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 Kt(e,e.colorSchemes[r])}return Kt(e,e.colorSchemes[t])}(h,T)),[h,T]);return e.useEffect((()=>{var e,t;v(null!==(e=null!==(t=r.colorMode)&&void 0!==t?t:f)&&void 0!==e?e:"day")}),[r.colorMode,f]),e.useEffect((()=>{var e,t;w(null!==(e=null!==(t=r.dayScheme)&&void 0!==t?t:p)&&void 0!==e?e:"light")}),[r.dayScheme,p]),e.useEffect((()=>{var e,t;k(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:b)&&void 0!==e?e:"dark")}),[r.nightScheme,b]),e.createElement(Vt.Provider,{value:{theme:S,colorScheme:T,colorMode:m,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:k}},e.createElement(u,{theme:S},t))};function qt(){return e.useContext(Vt)}function Xt(e,t){var r;const{colorScheme:o=""}=qt();return null!==(r=e[o])&&void 0!==r?r:t}function Yt(){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"}Gt.displayName="ThemeProvider";var Jt=Gt;var Zt=e=>fe(e.sx);var Qt=g.div(te,O,P,D,H,_,V,U,q,re,Zt);const er=g(Qt)``;er.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var tr=er;const rr=g(Qt)``;rr.defaultProps={display:"flex"};var or=rr;const ar=g(Qt)``;ar.defaultProps={display:"grid"};var nr=ar;const ir=g(Qt)``;var lr=ir;const dr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"absolute",ref:r}))));dr.displayName="Absolute";const sr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"fixed",ref:r}))));sr.displayName="Fixed";const cr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"relative",ref:r}))));cr.displayName="Relative";const gr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"sticky",ref:r}))));function fr({ref:e,closeOnOutsideClick:n,defaultOpen:i,onClickOutside:l}){const[d,s]=t(i),c=r(null),g=null!=e?e:c,f=o((e=>{const{current:t}=g;e.target.closest("details")!==t&&(l&&l(e),e.defaultPrevented||s(!1))}),[g,s,l]);a((()=>{if(d&&n)return document.addEventListener("click",f),()=>{document.removeEventListener("click",f)}}),[d,n,f]);const u=e=>{if(!e.defaultPrevented){const t=e.target;s(t.open)}};return{open:d,setOpen:s,getDetailsProps:()=>({onToggle:u,open:d,ref:g})}}function ur(){const e=r(new Set),t=o(((t,r,...o)=>{const a=window.setTimeout(t,r,...o);return e.current.add(a),a}),[]),n=o((t=>{clearTimeout(t),e.current.delete(t)}),[]);return a((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:t,safeClearTimeout:n}}gr.defaultProps={top:0,zIndex:1},gr.displayName="Sticky";function pr(e){if(!e.defaultPrevented)for(const t of Object.values(br).reverse())if(true===t(e)||e.defaultPrevented)break}const br={};let hr=0;const mr=({containerRef:e,ignoreClickRefs:t,onClickOutside:r})=>{const i=n((()=>hr++),[]),l=o((o=>{var a;return o instanceof MouseEvent&&o.button>0||(!(null===(a=e.current)||void 0===a||!a.contains(o.target))||(!(!t||!t.some((({current:e})=>null==e?void 0:e.contains(o.target))))||void r(o)))}),[e,t,r]);a((()=>(0===Object.keys(br).length&&document.addEventListener("mousedown",pr,{capture:!0}),function(e,t){br[e]=t}(i,l),()=>{!function(e){delete br[e]}(i),0===Object.keys(br).length&&document.removeEventListener("mousedown",pr,{capture:!0})})),[i,l])};function*vr(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?yr:xr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,a)&&(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,a)&&(yield e)}function xr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,o=e.hidden,a=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||o||a)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),o=0===e.getClientRects().length;if(t||r||o)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function yr(e,t=!1){return xr(e,t)&&"-1"!==e.getAttribute("tabindex")}function wr({initialFocusRef:e,returnFocusRef:t,containerRef:r,preventFocusOnOpen:o}){a((()=>{if(o)return;const a=t.current;if(e&&e.current)e.current.focus();else if(r.current){const e=vr(r.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,t,r,o])}const Br=[];function kr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=Br.length-1;t>=0&&(Br[t](e),!e.defaultPrevented);--t);}const $r=(e,t=[e])=>{const r=o(e,t);a((()=>(0===Br.length&&document.addEventListener("keydown",kr),Br.push(r),()=>{Br.splice(Br.findIndex((e=>e===r)),1),0===Br.length&&document.removeEventListener("keydown",kr)})),[r])};function Tr(t){const r=e.useRef(null);return null!=t?t:r}const Sr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n,preventFocusOnOpen:i})=>{const l=Tr(e);return wr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),mr({containerRef:l,ignoreClickRefs:a,onClickOutside:n}),$r(o),{ref:l}};let Er,Cr=!1;function zr(){}try{const e=Object.create({},{signal:{get(){Cr=!0}}});window.addEventListener("test",zr,e),window.removeEventListener("test",zr,e)}catch(Vd){}function Ir(){Cr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,o){return"object"==typeof o&&"signal"in o&&o.signal instanceof AbortSignal&&e.call(o.signal,"abort",(()=>{this.removeEventListener(t,r,o)})),e.call(this,t,r,o)}}(),Cr=!0)}function Ar(){return void 0===Er&&(Er=/^mac/i.test(window.navigator.platform)),Er}let Nr,Rr=1e4;function Lr(){return"__primer_id_"+Rr++}Ir(),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"}(Nr||(Nr={}));const Fr={ArrowLeft:Nr.ArrowHorizontal,ArrowDown:Nr.ArrowVertical,ArrowUp:Nr.ArrowVertical,ArrowRight:Nr.ArrowHorizontal,h:Nr.HL,j:Nr.JK,k:Nr.JK,l:Nr.HL,a:Nr.AD,s:Nr.WS,w:Nr.WS,d:Nr.AD,Tab:Nr.Tab,Home:Nr.HomeAndEnd,End:Nr.HomeAndEnd,PageUp:Nr.PageUpDown,PageDown:Nr.PageUpDown},Dr={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 Mr(e){const t=Dr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Ar();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}function Or(e,t){var r,o,a,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Nr.ArrowAll:Nr.ArrowVertical)|Nr.HomeAndEnd,s=null!==(o=null==t?void 0:t.focusOutBehavior)&&void 0!==o?o:"stop",c=null!==(a=null==t?void 0:t.focusInStrategy)&&void 0!==a?a:"previous",g=null==t?void 0:t.activeDescendantControl,f=null==t?void 0:t.onActiveDescendantChanged;let u;function p(){return i[0]}function b(e,t=!1){const r=u;u=e,g?e&&document.activeElement===g?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,o=!1){r.id||r.setAttribute("id",Lr()),t&&t!==r&&t.removeAttribute("data-is-active-descendant"),g&&(o||g.getAttribute("aria-activedescendant")!==r.id)&&(g.setAttribute("aria-activedescendant",r.id),e.setAttribute("data-has-active-descendant",r.id),r.setAttribute("data-is-active-descendant",o?"activated-directly":"activated-indirectly"),null==f||f(r,t,o))}function m(t=u){"first"===c&&(u=void 0),null==g||g.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==t||t.removeAttribute("data-is-active-descendant"),null==f||f(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,o;return null===(r=null==t||null===(o=t.focusableElementFilter)||void 0===o?void 0:o.call(t,e))||void 0===r||r}));if(0===r.length)return;const o=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===o?i.length:o,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");u||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===u){b(p())}}}v(...vr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...vr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...vr(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}),g?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(g.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}),g.addEventListener("focusin",(()=>{u?h(void 0,u):b(p())})),g.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==u&&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!=g?g:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Mr(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Dr){const a=Fr[r.key];if(!r.defaultPrevented&&(a&d)>0&&!function(e,t){const r=e.key,o=[...r].length,a=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(a&&(1===o||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===o)return!0;if("ArrowDown"===r&&Ar()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Ar()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(a){const e=t,o=0===e.selectionStart&&0===e.selectionEnd,a=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!o)return!0;if("ArrowRight"===r&&!a)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!o)return!0;if("ArrowDown"===r&&!a)return!0}}return!1}(r,document.activeElement)){const a=Mr(r);let n;var o;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(a,null!==(o=document.activeElement)&&void 0!==o?o:void 0,r);if(!n){const t=function(){if(!u)return 0;const t=i.indexOf(u);return-1!==t?t:u===e?-1:0}();let o=t;"previous"===a?o-=1:"start"===a?o=0:"next"===a?o+=1:o=i.length-1,o<0&&(o="wrap"===s&&"Tab"!==r.key?i.length-1:0),o>=i.length&&(o="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==o&&(n=i[o])}g?b(n||u,!0):n&&($=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Pr=p(["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;}"],It("fontWeights.bold"),It("radii.2"));const Hr=ue({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Wr=g.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
   ${Pr}
   ${Hr}
 `;Wr.defaultProps={variant:"medium"};var _r=Wr;var jr=g(_r)`