@primer/components 0.0.0-2021926645 → 0.0.0-202192675438

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @primer/components
 
-## 0.0.0-2021926645
+## 0.0.0-202192675438
 
 ### Patch Changes
 

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
 `,Dt=f.div`
   ${At};
   ${It};
-`;function Wt(t){const{children:r,...o}=t;return require("focus-visible"),e.createElement(Dt,Pt({},o,{"data-portal-root":!0}),e.createElement(Ht,null),r)}Wt.displayName="BaseStyles",Wt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Ft=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===_t}(e)}(e)};var _t="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function jt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?qt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function Ut(e,t,r){return e.concat(t).map((function(e){return jt(e,r)}))}function Gt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Vt(e,t){try{return t in e}catch(e){return!1}}function Kt(e,t,r){var o={};return r.isMergeableObject(e)&&Gt(e).forEach((function(t){o[t]=jt(e[t],r)})),Gt(t).forEach((function(a){(function(e,t){return Vt(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(Vt(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return qt;var r=t.customMerge(e);return"function"==typeof r?r:qt}(a,r)(e[a],t[a],r):o[a]=jt(t[a],r))})),o}function qt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||Ut,r.isMergeableObject=r.isMergeableObject||Ft,r.cloneUnlessOtherwiseSpecified=jt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):Kt(e,t,r):jt(t,r)}qt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return qt(e,r,t)}),{})};var Xt=qt;const Yt=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Jt=({children:t,...r})=>{var o,a,n,i,l,d,s,c;const{theme:f,colorMode:g,dayScheme:p,nightScheme:b}=Zt(),h=null!==(o=null!==(a=r.theme)&&void 0!==a?a:f)&&void 0!==o?o:x,[m,v]=e.useState(null!==(n=null!==(i=r.colorMode)&&void 0!==i?i:g)&&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,$]=e.useState(null!==(s=null!==(c=r.nightScheme)&&void 0!==c?c:b)&&void 0!==s?s:"dark"),k=function(e,t){switch(e){case"auto":return t;default:return e}}(m,function(){const[t,r]=e.useState(er);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}}(k,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 Xt(e,e.colorSchemes[r])}return Xt(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:g)&&void 0!==e?e:"day")}),[r.colorMode,g]),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;$(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:b)&&void 0!==e?e:"dark")}),[r.nightScheme,b]),e.createElement(Yt.Provider,{value:{theme:S,colorScheme:T,colorMode:m,resolvedColorMode:k,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:$}},e.createElement(u,{theme:S},t))};function Zt(){return e.useContext(Yt)}function Qt(e,t){var r;const{colorScheme:o=""}=Zt();return null!==(r=e[o])&&void 0!==r?r:t}function er(){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"}Jt.displayName="ThemeProvider";var tr=Jt;var rr=e=>ge(e.sx);var or=f.div(te,H,D,M,W,_,V,U,q,re,rr);const ar=f(or)``;ar.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var nr=ar;const ir=f(or)``;ir.defaultProps={display:"flex"};var lr=ir;const dr=f(or)``;dr.defaultProps={display:"grid"};var sr=dr;const cr=f(or)``;var fr=cr;const gr=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"absolute",ref:r}))));gr.displayName="Absolute";const ur=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"fixed",ref:r}))));ur.displayName="Fixed";const pr=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"relative",ref:r}))));pr.displayName="Relative";const br=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"sticky",ref:r}))));function hr({ref:e,closeOnOutsideClick:n,defaultOpen:i,onClickOutside:l}){const[d,s]=t(i),c=r(null),f=null!=e?e:c,g=o((e=>{const{current:t}=f;e.target.closest("details")!==t&&(l&&l(e),e.defaultPrevented||s(!1))}),[f,s,l]);a((()=>{if(d&&n)return document.addEventListener("click",g),()=>{document.removeEventListener("click",g)}}),[d,n,g]);const u=e=>{if(!e.defaultPrevented){const t=e.target;s(t.open)}};return{open:d,setOpen:s,getDetailsProps:()=>({onToggle:u,open:d,ref:f})}}function mr(){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}}br.defaultProps={top:0,zIndex:1},br.displayName="Sticky";function vr(e){if(!e.defaultPrevented)for(const t of Object.values(xr).reverse())if(true===t(e)||e.defaultPrevented)break}const xr={};let yr=0;const wr=({containerRef:e,ignoreClickRefs:t,onClickOutside:r})=>{const i=n((()=>yr++),[]),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(xr).length&&document.addEventListener("mousedown",vr,{capture:!0}),function(e,t){xr[e]=t}(i,l),()=>{!function(e){delete xr[e]}(i),0===Object.keys(xr).length&&document.removeEventListener("mousedown",vr,{capture:!0})})),[i,l])};function*Br(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?kr:$r,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 $r(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 kr(e,t=!1){return $r(e,t)&&"-1"!==e.getAttribute("tabindex")}function Tr({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=Br(r.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,t,r,o])}const Sr=[];function Er(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=Sr.length-1;t>=0&&(Sr[t](e),!e.defaultPrevented);--t);}const Cr=(e,t=[e])=>{const r=o(e,t);a((()=>(0===Sr.length&&document.addEventListener("keydown",Er),Sr.push(r),()=>{Sr.splice(Sr.findIndex((e=>e===r)),1),0===Sr.length&&document.removeEventListener("keydown",Er)})),[r])};function zr(t){const r=e.useRef(null);return null!=t?t:r}const Nr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n,preventFocusOnOpen:i})=>{const l=zr(e);return Tr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),wr({containerRef:l,ignoreClickRefs:a,onClickOutside:n}),Cr(o),{ref:l}};let Ir,Ar=!1;function Rr(){}try{const e=Object.create({},{signal:{get(){Ar=!0}}});window.addEventListener("test",Rr,e),window.removeEventListener("test",Rr,e)}catch(Ud){}function Lr(){Ar||(!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)}}(),Ar=!0)}function Or(){return void 0===Ir&&(Ir=/^mac/i.test(window.navigator.platform)),Ir}let Mr,Pr=1e4;function Hr(){return"__primer_id_"+Pr++}Lr(),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"}(Mr||(Mr={}));const Dr={ArrowLeft:Mr.ArrowHorizontal,ArrowDown:Mr.ArrowVertical,ArrowUp:Mr.ArrowVertical,ArrowRight:Mr.ArrowHorizontal,h:Mr.HL,j:Mr.JK,k:Mr.JK,l:Mr.HL,a:Mr.AD,s:Mr.WS,w:Mr.WS,d:Mr.AD,Tab:Mr.Tab,Home:Mr.HomeAndEnd,End:Mr.HomeAndEnd,PageUp:Mr.PageUpDown,PageDown:Mr.PageUpDown},Wr={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 Fr(e){const t=Wr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Or();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 _r(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?Mr.ArrowAll:Mr.ArrowVertical)|Mr.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",f=null==t?void 0:t.activeDescendantControl,g=null==t?void 0:t.onActiveDescendantChanged;let u;function p(){return i[0]}function b(e,t=!1){const r=u;u=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,o=!1){r.id||r.setAttribute("id",Hr()),t&&t!==r&&t.removeAttribute("data-is-active-descendant"),f&&(o||f.getAttribute("aria-activedescendant")!==r.id)&&(f.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==g||g(r,t,o))}function m(t=u){"first"===c&&(u=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==t||t.removeAttribute("data-is-active-descendant"),null==g||g(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(...Br(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...Br(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...Br(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",(()=>{u?h(void 0,u):b(p())})),f.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"===k?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);k=void 0}),{signal:w});const $=null!=f?f:e;let k;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&(k=Fr(e))}),{signal:w,capture:!0}),$.addEventListener("keydown",(r=>{if(r.key in Wr){const a=Dr[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&&Or()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Or()&&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=Fr(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])}f?b(n||u,!0):n&&(k=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var jr=p(["position:relative;display:inline-block;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;}"],Nt("fontWeights.bold"),Nt("radii.2"));const Ur=O(Ne,It,Lt),Gr=ue({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Vr=f.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
+`;function Wt(t){const{children:r,...o}=t;return require("focus-visible"),e.createElement(Dt,Pt({},o,{"data-portal-root":!0}),e.createElement(Ht,null),r)}Wt.displayName="BaseStyles",Wt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Ft=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===_t}(e)}(e)};var _t="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function jt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?qt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function Ut(e,t,r){return e.concat(t).map((function(e){return jt(e,r)}))}function Gt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Vt(e,t){try{return t in e}catch(e){return!1}}function Kt(e,t,r){var o={};return r.isMergeableObject(e)&&Gt(e).forEach((function(t){o[t]=jt(e[t],r)})),Gt(t).forEach((function(a){(function(e,t){return Vt(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(Vt(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return qt;var r=t.customMerge(e);return"function"==typeof r?r:qt}(a,r)(e[a],t[a],r):o[a]=jt(t[a],r))})),o}function qt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||Ut,r.isMergeableObject=r.isMergeableObject||Ft,r.cloneUnlessOtherwiseSpecified=jt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):Kt(e,t,r):jt(t,r)}qt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return qt(e,r,t)}),{})};var Xt=qt;const Yt=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Jt=({children:t,...r})=>{var o,a,n,i,l,d,s,c;const{theme:f,colorMode:g,dayScheme:p,nightScheme:b}=Zt(),h=null!==(o=null!==(a=r.theme)&&void 0!==a?a:f)&&void 0!==o?o:x,[m,v]=e.useState(null!==(n=null!==(i=r.colorMode)&&void 0!==i?i:g)&&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,$]=e.useState(null!==(s=null!==(c=r.nightScheme)&&void 0!==c?c:b)&&void 0!==s?s:"dark"),k=function(e,t){switch(e){case"auto":return t;default:return e}}(m,function(){const[t,r]=e.useState(er);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}}(k,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 Xt(e,e.colorSchemes[r])}return Xt(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:g)&&void 0!==e?e:"day")}),[r.colorMode,g]),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;$(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:b)&&void 0!==e?e:"dark")}),[r.nightScheme,b]),e.createElement(Yt.Provider,{value:{theme:S,colorScheme:T,colorMode:m,resolvedColorMode:k,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:$}},e.createElement(u,{theme:S},t))};function Zt(){return e.useContext(Yt)}function Qt(e,t){var r;const{colorScheme:o=""}=Zt();return null!==(r=e[o])&&void 0!==r?r:t}function er(){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"}Jt.displayName="ThemeProvider";var tr=Jt;var rr=e=>ge(e.sx);var or=f.div(te,H,D,M,W,_,V,U,q,re,rr);const ar=f(or)``;ar.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var nr=ar;const ir=f(or)``;ir.defaultProps={display:"flex"};var lr=ir;const dr=f(or)``;dr.defaultProps={display:"grid"};var sr=dr;const cr=f(or)``;var fr=cr;const gr=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"absolute",ref:r}))));gr.displayName="Absolute";const ur=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"fixed",ref:r}))));ur.displayName="Fixed";const pr=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"relative",ref:r}))));pr.displayName="Relative";const br=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"sticky",ref:r}))));function hr({ref:e,closeOnOutsideClick:n,defaultOpen:i,onClickOutside:l}){const[d,s]=t(i),c=r(null),f=null!=e?e:c,g=o((e=>{const{current:t}=f;e.target.closest("details")!==t&&(l&&l(e),e.defaultPrevented||s(!1))}),[f,s,l]);a((()=>{if(d&&n)return document.addEventListener("click",g),()=>{document.removeEventListener("click",g)}}),[d,n,g]);const u=e=>{if(!e.defaultPrevented){const t=e.target;s(t.open)}};return{open:d,setOpen:s,getDetailsProps:()=>({onToggle:u,open:d,ref:f})}}function mr(){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}}br.defaultProps={top:0,zIndex:1},br.displayName="Sticky";function vr(e){if(!e.defaultPrevented)for(const t of Object.values(xr).reverse())if(true===t(e)||e.defaultPrevented)break}const xr={};let yr=0;const wr=({containerRef:e,ignoreClickRefs:t,onClickOutside:r})=>{const i=n((()=>yr++),[]),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(xr).length&&document.addEventListener("mousedown",vr,{capture:!0}),function(e,t){xr[e]=t}(i,l),()=>{!function(e){delete xr[e]}(i),0===Object.keys(xr).length&&document.removeEventListener("mousedown",vr,{capture:!0})})),[i,l])};function*Br(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?kr:$r,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 $r(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 kr(e,t=!1){return $r(e,t)&&"-1"!==e.getAttribute("tabindex")}function Tr({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=Br(r.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,t,r,o])}const Sr=[];function Er(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=Sr.length-1;t>=0&&(Sr[t](e),!e.defaultPrevented);--t);}const Cr=(e,t=[e])=>{const r=o(e,t);a((()=>(0===Sr.length&&document.addEventListener("keydown",Er),Sr.push(r),()=>{Sr.splice(Sr.findIndex((e=>e===r)),1),0===Sr.length&&document.removeEventListener("keydown",Er)})),[r])};function zr(t){const r=e.useRef(null);return null!=t?t:r}const Nr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n,preventFocusOnOpen:i})=>{const l=zr(e);return Tr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),wr({containerRef:l,ignoreClickRefs:a,onClickOutside:n}),Cr(o),{ref:l}};let Ir,Ar=!1;function Rr(){}try{const e=Object.create({},{signal:{get(){Ar=!0}}});window.addEventListener("test",Rr,e),window.removeEventListener("test",Rr,e)}catch(Ud){}function Lr(){Ar||(!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)}}(),Ar=!0)}function Or(){return void 0===Ir&&(Ir=/^mac/i.test(window.navigator.platform)),Ir}let Mr,Pr=1e4;function Hr(){return"__primer_id_"+Pr++}Lr(),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"}(Mr||(Mr={}));const Dr={ArrowLeft:Mr.ArrowHorizontal,ArrowDown:Mr.ArrowVertical,ArrowUp:Mr.ArrowVertical,ArrowRight:Mr.ArrowHorizontal,h:Mr.HL,j:Mr.JK,k:Mr.JK,l:Mr.HL,a:Mr.AD,s:Mr.WS,w:Mr.WS,d:Mr.AD,Tab:Mr.Tab,Home:Mr.HomeAndEnd,End:Mr.HomeAndEnd,PageUp:Mr.PageUpDown,PageDown:Mr.PageUpDown},Wr={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 Fr(e){const t=Wr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Or();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 _r(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?Mr.ArrowAll:Mr.ArrowVertical)|Mr.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",f=null==t?void 0:t.activeDescendantControl,g=null==t?void 0:t.onActiveDescendantChanged;let u;function p(){return i[0]}function b(e,t=!1){const r=u;u=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,o=!1){r.id||r.setAttribute("id",Hr()),t&&t!==r&&t.removeAttribute("data-is-active-descendant"),f&&(o||f.getAttribute("aria-activedescendant")!==r.id)&&(f.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==g||g(r,t,o))}function m(t=u){"first"===c&&(u=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==t||t.removeAttribute("data-is-active-descendant"),null==g||g(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(...Br(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...Br(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...Br(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",(()=>{u?h(void 0,u):b(p())})),f.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"===k?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);k=void 0}),{signal:w});const $=null!=f?f:e;let k;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&(k=Fr(e))}),{signal:w,capture:!0}),$.addEventListener("keydown",(r=>{if(r.key in Wr){const a=Dr[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&&Or()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Or()&&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=Fr(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])}f?b(n||u,!0):n&&(k=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var jr=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;}"],Nt("fontWeights.bold"),Nt("radii.2"));const Ur=O(Ne,It,Lt),Gr=ue({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Vr=f.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
   ${jr}
   ${Gr}
 `;Vr.defaultProps={variant:"medium"};var Kr=Vr;var qr=f(Kr)`