@primer/components 0.0.0-202192655748 → 0.0.0-202192701132

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/dist/browser.esm.js +1 -1
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +1 -1
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/Autocomplete/Autocomplete.d.ts +10 -10
  7. package/lib/Autocomplete/AutocompleteInput.d.ts +10 -10
  8. package/lib/Button/Button.d.ts +11 -11
  9. package/lib/Button/ButtonBase.d.ts +1 -1
  10. package/lib/Button/ButtonClose.d.ts +30 -30
  11. package/lib/Button/ButtonDanger.d.ts +11 -11
  12. package/lib/Button/ButtonInvisible.d.ts +11 -11
  13. package/lib/Button/ButtonOutline.d.ts +11 -11
  14. package/lib/Button/ButtonPrimary.d.ts +11 -11
  15. package/lib/Button/ButtonStyles.js +1 -1
  16. package/lib/CircleBadge.d.ts +2 -2
  17. package/lib/CircleOcticon.d.ts +34 -34
  18. package/lib/Dialog.d.ts +36 -36
  19. package/lib/Dropdown.d.ts +114 -114
  20. package/lib/DropdownMenu/DropdownButton.d.ts +31 -31
  21. package/lib/FilterList.d.ts +27 -27
  22. package/lib/Label.d.ts +1 -1
  23. package/lib/Position.d.ts +4 -4
  24. package/lib/ProgressBar.d.ts +1 -1
  25. package/lib/SelectMenu/SelectMenu.d.ts +154 -154
  26. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  27. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  28. package/lib/TextInputWithTokens.d.ts +10 -10
  29. package/lib/Timeline.d.ts +34 -34
  30. package/lib/Token/AvatarToken.d.ts +1 -1
  31. package/lib/Token/IssueLabelToken.d.ts +1 -1
  32. package/lib/Token/Token.d.ts +1 -1
  33. package/lib/_TextInputWrapper.d.ts +1 -1
  34. package/lib/constants.js +1 -3
  35. package/lib/sx.d.ts +8 -2
  36. package/lib/theme.d.ts +4 -0
  37. package/lib/theme.js +96 -1
  38. package/lib/utils/testing.d.ts +1 -1
  39. package/lib-esm/Autocomplete/Autocomplete.d.ts +10 -10
  40. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +10 -10
  41. package/lib-esm/Button/Button.d.ts +11 -11
  42. package/lib-esm/Button/ButtonBase.d.ts +1 -1
  43. package/lib-esm/Button/ButtonClose.d.ts +30 -30
  44. package/lib-esm/Button/ButtonDanger.d.ts +11 -11
  45. package/lib-esm/Button/ButtonInvisible.d.ts +11 -11
  46. package/lib-esm/Button/ButtonOutline.d.ts +11 -11
  47. package/lib-esm/Button/ButtonPrimary.d.ts +11 -11
  48. package/lib-esm/Button/ButtonStyles.js +1 -1
  49. package/lib-esm/CircleBadge.d.ts +2 -2
  50. package/lib-esm/CircleOcticon.d.ts +34 -34
  51. package/lib-esm/Dialog.d.ts +36 -36
  52. package/lib-esm/Dropdown.d.ts +114 -114
  53. package/lib-esm/DropdownMenu/DropdownButton.d.ts +31 -31
  54. package/lib-esm/FilterList.d.ts +27 -27
  55. package/lib-esm/Label.d.ts +1 -1
  56. package/lib-esm/Position.d.ts +4 -4
  57. package/lib-esm/ProgressBar.d.ts +1 -1
  58. package/lib-esm/SelectMenu/SelectMenu.d.ts +154 -154
  59. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  60. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  61. package/lib-esm/TextInputWithTokens.d.ts +10 -10
  62. package/lib-esm/Timeline.d.ts +34 -34
  63. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  64. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  65. package/lib-esm/Token/Token.d.ts +1 -1
  66. package/lib-esm/_TextInputWrapper.d.ts +1 -1
  67. package/lib-esm/constants.js +1 -3
  68. package/lib-esm/sx.d.ts +8 -2
  69. package/lib-esm/theme.d.ts +4 -0
  70. package/lib-esm/theme.js +95 -1
  71. package/lib-esm/utils/testing.d.ts +1 -1
  72. package/package.json +1 -1
  73. package/lib/NewButton/button.d.ts +0 -24
  74. package/lib/NewButton/button.js +0 -293
  75. package/lib/NewButton/counter.d.ts +0 -6
  76. package/lib/NewButton/counter.js +0 -33
  77. package/lib/NewButton/index.d.ts +0 -4
  78. package/lib/NewButton/index.js +0 -21
  79. package/lib-esm/NewButton/button.d.ts +0 -24
  80. package/lib-esm/NewButton/button.js +0 -269
  81. package/lib-esm/NewButton/counter.d.ts +0 -6
  82. package/lib-esm/NewButton/counter.js +0 -21
  83. package/lib-esm/NewButton/index.d.ts +0 -4
  84. package/lib-esm/NewButton/index.js +0 -3
@@ -19,7 +19,7 @@
19
19
  `,Ct=i.default.div`
20
20
  ${wt};
21
21
  ${yt};
22
- `;function zt(e){const{children:t,...r}=e;return require("focus-visible"),n.default.createElement(Ct,Tt({},r,{"data-portal-root":!0}),n.default.createElement(Et,null),t)}zt.displayName="BaseStyles",zt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Rt=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===Nt}(e)}(e)};var Nt="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function It(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Pt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function At(e,t,r){return e.concat(t).map((function(e){return It(e,r)}))}function Lt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ot(e,t){try{return t in e}catch(e){return!1}}function Mt(e,t,r){var a={};return r.isMergeableObject(e)&&Lt(e).forEach((function(t){a[t]=It(e[t],r)})),Lt(t).forEach((function(o){(function(e,t){return Ot(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Ot(e,o)&&r.isMergeableObject(t[o])?a[o]=function(e,t){if(!t.customMerge)return Pt;var r=t.customMerge(e);return"function"==typeof r?r:Pt}(o,r)(e[o],t[o],r):a[o]=It(t[o],r))})),a}function Pt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||At,r.isMergeableObject=r.isMergeableObject||Rt,r.cloneUnlessOtherwiseSpecified=It;var a=Array.isArray(t);return a===Array.isArray(e)?a?r.arrayMerge(e,t,r):Mt(e,t,r):It(t,r)}Pt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Pt(e,r,t)}),{})};var Ht=Pt;const Dt="light",Wt="dark",Ft=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),_t=({children:e,...t})=>{var a,o,i,l,s,c,f,u;const{theme:g,colorMode:p,dayScheme:b,nightScheme:h}=jt(),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:Dt),[B,k]=n.default.useState(null!==(f=null!==(u=t.nightScheme)&&void 0!==u?u:h)&&void 0!==f?f:Wt),$=function(e,t){switch(e){case"auto":return t;default:return e}}(v,function(){const[e,t]=n.default.useState(Gt);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}()),S=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),T=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 Ht(e,e.colorSchemes[r])}return Ht(e,e.colorSchemes[t])}(m,S)),[m,S]);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:Dt)}),[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:Wt)}),[t.nightScheme,h]),n.default.createElement(Ft.Provider,{value:{theme:T,colorScheme:S,colorMode:v,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:x,setDayScheme:w,setNightScheme:k}},n.default.createElement(r.ThemeProvider,{theme:T},e))};function jt(){return n.default.useContext(Ft)}function Ut(e,t){var r;const{colorScheme:a=""}=jt();return null!==(r=e[a])&&void 0!==r?r:t}function Gt(){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"}_t.displayName="ThemeProvider";var Vt=_t;var Kt=e=>te(e.sx);var qt=i.default.div(U,E,C,S,z,N,O,A,P,G,Kt);const Xt=i.default(qt)``;Xt.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var Yt=Xt;const Jt=i.default(qt)``;Jt.defaultProps={display:"flex"};var Zt=Jt;const Qt=i.default(qt)``;Qt.defaultProps={display:"grid"};var er=Qt;const tr=i.default(qt)``;var rr=tr;const ar=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"absolute",ref:t}))));ar.displayName="Absolute";const or=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"fixed",ref:t}))));or.displayName="Fixed";const nr=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"relative",ref:t}))));nr.displayName="Relative";const ir=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"sticky",ref:t}))));function lr({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})}}ir.defaultProps={top:0,zIndex:1},ir.displayName="Sticky";const dr=!0;function sr(e){if(!e.defaultPrevented)for(const t of Object.values(cr).reverse())if(t(e)===dr||e.defaultPrevented)break}const cr={};let fr=0;const ur=({containerRef:e,ignoreClickRefs:r,onClickOutside:a})=>{const o=t.useMemo((()=>fr++),[]),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)))?dr:void a(t)}),[e,r,a]);t.useEffect((()=>(0===Object.keys(cr).length&&document.addEventListener("mousedown",sr,{capture:!0}),function(e,t){cr[e]=t}(o,n),()=>{!function(e){delete cr[e]}(o),0===Object.keys(cr).length&&document.removeEventListener("mousedown",sr,{capture:!0})})),[o,n])};function*gr(e,t={}){var r,a;const o=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(a=t.onlyTabbable)&&void 0!==a&&a?br:pr,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 pr(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 br(e,t=!1){return pr(e,t)&&"-1"!==e.getAttribute("tabindex")}function hr({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=gr(a.current).next().value;null==e||e.focus()}return function(){null==t||t.focus()}}),[e,r,a,o])}const mr=[];function vr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=mr.length-1;t>=0&&(mr[t](e),!e.defaultPrevented);--t);}const xr=(e,r=[e])=>{const a=t.useCallback(e,r);t.useEffect((()=>(0===mr.length&&document.addEventListener("keydown",vr),mr.push(a),()=>{mr.splice(mr.findIndex((e=>e===a)),1),0===mr.length&&document.removeEventListener("keydown",vr)})),[a])};function yr(e){const t=n.default.useRef(null);return null!=e?e:t}const wr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:a,ignoreClickRefs:o,onClickOutside:n,preventFocusOnOpen:i})=>{const l=yr(e);return hr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),ur({containerRef:l,ignoreClickRefs:o,onClickOutside:n}),xr(a),{ref:l}};let Br,kr=!1;function $r(){}try{const e=Object.create({},{signal:{get(){kr=!0}}});window.addEventListener("test",$r,e),window.removeEventListener("test",$r,e)}catch(Wd){}function Sr(){kr||(!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)}}(),kr=!0)}function Tr(){return void 0===Br&&(Br=/^mac/i.test(window.navigator.platform)),Br}let Er,Cr=1e4;function zr(){return"__primer_id_"+Cr++}Sr(),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"}(Er||(Er={}));const Rr={ArrowLeft:Er.ArrowHorizontal,ArrowDown:Er.ArrowVertical,ArrowUp:Er.ArrowVertical,ArrowRight:Er.ArrowHorizontal,h:Er.HL,j:Er.JK,k:Er.JK,l:Er.HL,a:Er.AD,s:Er.WS,w:Er.WS,d:Er.AD,Tab:Er.Tab,Home:Er.HomeAndEnd,End:Er.HomeAndEnd,PageUp:Er.PageUpDown,PageDown:Er.PageUpDown},Nr={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 Ir(e){const t=Nr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Tr();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 Ar="data-is-active-descendant",Lr="activated-directly",Or="activated-indirectly",Mr="data-has-active-descendant";function Pr(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?Er.ArrowAll:Er.ArrowVertical)|Er.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",zr()),t&&t!==r&&t.removeAttribute(Ar),f&&(a||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute(Mr,r.id),r.setAttribute(Ar,a?Lr:Or),null==u||u(r,t,a))}function m(t=g){"first"===c&&(g=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute(Mr),null==t||t.removeAttribute(Ar),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(...gr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...gr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...gr(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&&($=Ir(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Nr){const o=Rr[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&&Tr()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Tr()&&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=Ir(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 Hr=r.css(["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;}"],xt("fontWeights.bold"),xt("radii.2"));const Dr=$(xe,yt,kt),Wr=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})))`
22
+ `;function zt(e){const{children:t,...r}=e;return require("focus-visible"),n.default.createElement(Ct,Tt({},r,{"data-portal-root":!0}),n.default.createElement(Et,null),t)}zt.displayName="BaseStyles",zt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Rt=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===Nt}(e)}(e)};var Nt="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function It(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Pt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function At(e,t,r){return e.concat(t).map((function(e){return It(e,r)}))}function Lt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ot(e,t){try{return t in e}catch(e){return!1}}function Mt(e,t,r){var a={};return r.isMergeableObject(e)&&Lt(e).forEach((function(t){a[t]=It(e[t],r)})),Lt(t).forEach((function(o){(function(e,t){return Ot(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Ot(e,o)&&r.isMergeableObject(t[o])?a[o]=function(e,t){if(!t.customMerge)return Pt;var r=t.customMerge(e);return"function"==typeof r?r:Pt}(o,r)(e[o],t[o],r):a[o]=It(t[o],r))})),a}function Pt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||At,r.isMergeableObject=r.isMergeableObject||Rt,r.cloneUnlessOtherwiseSpecified=It;var a=Array.isArray(t);return a===Array.isArray(e)?a?r.arrayMerge(e,t,r):Mt(e,t,r):It(t,r)}Pt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Pt(e,r,t)}),{})};var Ht=Pt;const Dt="light",Wt="dark",Ft=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),_t=({children:e,...t})=>{var a,o,i,l,s,c,f,u;const{theme:g,colorMode:p,dayScheme:b,nightScheme:h}=jt(),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:Dt),[B,k]=n.default.useState(null!==(f=null!==(u=t.nightScheme)&&void 0!==u?u:h)&&void 0!==f?f:Wt),$=function(e,t){switch(e){case"auto":return t;default:return e}}(v,function(){const[e,t]=n.default.useState(Gt);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}()),S=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),T=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 Ht(e,e.colorSchemes[r])}return Ht(e,e.colorSchemes[t])}(m,S)),[m,S]);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:Dt)}),[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:Wt)}),[t.nightScheme,h]),n.default.createElement(Ft.Provider,{value:{theme:T,colorScheme:S,colorMode:v,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:x,setDayScheme:w,setNightScheme:k}},n.default.createElement(r.ThemeProvider,{theme:T},e))};function jt(){return n.default.useContext(Ft)}function Ut(e,t){var r;const{colorScheme:a=""}=jt();return null!==(r=e[a])&&void 0!==r?r:t}function Gt(){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"}_t.displayName="ThemeProvider";var Vt=_t;var Kt=e=>te(e.sx);var qt=i.default.div(U,E,C,S,z,N,O,A,P,G,Kt);const Xt=i.default(qt)``;Xt.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var Yt=Xt;const Jt=i.default(qt)``;Jt.defaultProps={display:"flex"};var Zt=Jt;const Qt=i.default(qt)``;Qt.defaultProps={display:"grid"};var er=Qt;const tr=i.default(qt)``;var rr=tr;const ar=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"absolute",ref:t}))));ar.displayName="Absolute";const or=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"fixed",ref:t}))));or.displayName="Fixed";const nr=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"relative",ref:t}))));nr.displayName="Relative";const ir=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"sticky",ref:t}))));function lr({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})}}ir.defaultProps={top:0,zIndex:1},ir.displayName="Sticky";const dr=!0;function sr(e){if(!e.defaultPrevented)for(const t of Object.values(cr).reverse())if(t(e)===dr||e.defaultPrevented)break}const cr={};let fr=0;const ur=({containerRef:e,ignoreClickRefs:r,onClickOutside:a})=>{const o=t.useMemo((()=>fr++),[]),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)))?dr:void a(t)}),[e,r,a]);t.useEffect((()=>(0===Object.keys(cr).length&&document.addEventListener("mousedown",sr,{capture:!0}),function(e,t){cr[e]=t}(o,n),()=>{!function(e){delete cr[e]}(o),0===Object.keys(cr).length&&document.removeEventListener("mousedown",sr,{capture:!0})})),[o,n])};function*gr(e,t={}){var r,a;const o=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(a=t.onlyTabbable)&&void 0!==a&&a?br:pr,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 pr(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 br(e,t=!1){return pr(e,t)&&"-1"!==e.getAttribute("tabindex")}function hr({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=gr(a.current).next().value;null==e||e.focus()}return function(){null==t||t.focus()}}),[e,r,a,o])}const mr=[];function vr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=mr.length-1;t>=0&&(mr[t](e),!e.defaultPrevented);--t);}const xr=(e,r=[e])=>{const a=t.useCallback(e,r);t.useEffect((()=>(0===mr.length&&document.addEventListener("keydown",vr),mr.push(a),()=>{mr.splice(mr.findIndex((e=>e===a)),1),0===mr.length&&document.removeEventListener("keydown",vr)})),[a])};function yr(e){const t=n.default.useRef(null);return null!=e?e:t}const wr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:a,ignoreClickRefs:o,onClickOutside:n,preventFocusOnOpen:i})=>{const l=yr(e);return hr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),ur({containerRef:l,ignoreClickRefs:o,onClickOutside:n}),xr(a),{ref:l}};let Br,kr=!1;function $r(){}try{const e=Object.create({},{signal:{get(){kr=!0}}});window.addEventListener("test",$r,e),window.removeEventListener("test",$r,e)}catch(Wd){}function Sr(){kr||(!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)}}(),kr=!0)}function Tr(){return void 0===Br&&(Br=/^mac/i.test(window.navigator.platform)),Br}let Er,Cr=1e4;function zr(){return"__primer_id_"+Cr++}Sr(),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"}(Er||(Er={}));const Rr={ArrowLeft:Er.ArrowHorizontal,ArrowDown:Er.ArrowVertical,ArrowUp:Er.ArrowVertical,ArrowRight:Er.ArrowHorizontal,h:Er.HL,j:Er.JK,k:Er.JK,l:Er.HL,a:Er.AD,s:Er.WS,w:Er.WS,d:Er.AD,Tab:Er.Tab,Home:Er.HomeAndEnd,End:Er.HomeAndEnd,PageUp:Er.PageUpDown,PageDown:Er.PageUpDown},Nr={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 Ir(e){const t=Nr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Tr();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 Ar="data-is-active-descendant",Lr="activated-directly",Or="activated-indirectly",Mr="data-has-active-descendant";function Pr(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?Er.ArrowAll:Er.ArrowVertical)|Er.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",zr()),t&&t!==r&&t.removeAttribute(Ar),f&&(a||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute(Mr,r.id),r.setAttribute(Ar,a?Lr:Or),null==u||u(r,t,a))}function m(t=g){"first"===c&&(g=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute(Mr),null==t||t.removeAttribute(Ar),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(...gr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...gr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...gr(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&&($=Ir(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Nr){const o=Rr[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&&Tr()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Tr()&&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=Ir(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 Hr=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 Dr=$(xe,yt,kt),Wr=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})))`
23
23
  ${Hr}
24
24
  ${Wr}
25
25
  `;Fr.defaultProps={variant:"medium"};var _r=Fr;var jr=i.default(_r)`