@primer/components 0.0.0-20211010221040 → 0.0.0-20211010224521
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.
- package/CHANGELOG.md +4 -6
- package/dist/browser.esm.js +198 -186
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +201 -189
- package/dist/browser.umd.js.map +1 -1
- package/lib/Button/Button.d.ts +3 -2
- package/lib/Button/Button.js +6 -2
- package/lib/Button/ButtonBase.d.ts +8 -5
- package/lib/Button/ButtonBase.js +5 -1
- package/lib/Button/ButtonClose.d.ts +45 -2
- package/lib/Button/ButtonClose.js +1 -1
- package/lib/Button/ButtonDanger.d.ts +3 -2
- package/lib/Button/ButtonDanger.js +6 -2
- package/lib/Button/ButtonInvisible.d.ts +3 -2
- package/lib/Button/ButtonInvisible.js +6 -2
- package/lib/Button/ButtonOutline.d.ts +3 -2
- package/lib/Button/ButtonOutline.js +6 -2
- package/lib/Button/ButtonPrimary.d.ts +3 -2
- package/lib/Button/ButtonPrimary.js +6 -2
- package/lib/Button/ButtonTableList.d.ts +2 -1
- package/lib/Button/ButtonTableList.js +1 -1
- package/lib/Dropdown.d.ts +90 -2
- package/lib/DropdownMenu/DropdownButton.d.ts +46 -2
- package/lib/_TextInputWrapper.js +2 -2
- package/lib-esm/Button/Button.d.ts +3 -2
- package/lib-esm/Button/Button.js +2 -2
- package/lib-esm/Button/ButtonBase.d.ts +8 -5
- package/lib-esm/Button/ButtonBase.js +3 -1
- package/lib-esm/Button/ButtonClose.d.ts +45 -2
- package/lib-esm/Button/ButtonClose.js +2 -2
- package/lib-esm/Button/ButtonDanger.d.ts +3 -2
- package/lib-esm/Button/ButtonDanger.js +2 -2
- package/lib-esm/Button/ButtonInvisible.d.ts +3 -2
- package/lib-esm/Button/ButtonInvisible.js +2 -2
- package/lib-esm/Button/ButtonOutline.d.ts +3 -2
- package/lib-esm/Button/ButtonOutline.js +2 -2
- package/lib-esm/Button/ButtonPrimary.d.ts +3 -2
- package/lib-esm/Button/ButtonPrimary.js +2 -2
- package/lib-esm/Button/ButtonTableList.d.ts +2 -1
- package/lib-esm/Button/ButtonTableList.js +2 -2
- package/lib-esm/Dropdown.d.ts +90 -2
- package/lib-esm/DropdownMenu/DropdownButton.d.ts +46 -2
- package/lib-esm/_TextInputWrapper.js +2 -2
- package/package.json +1 -1
package/dist/browser.esm.js
CHANGED
|
@@ -19,10 +19,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
19
19
|
`,Dt=f.div`
|
|
20
20
|
${At};
|
|
21
21
|
${It};
|
|
22
|
-
`;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(),m=null!==(o=null!==(a=r.theme)&&void 0!==a?a:f)&&void 0!==o?o:x,[h,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}}(h,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])}(m,T)),[m,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:h,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 mr({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 hr(){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(Gd){}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?m(r,e,t):h():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function m(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 h(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?m(void 0,u):b(p())})),f.addEventListener("focusout",(()=>{h()}))):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=ue({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Gr=f.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
|
22
|
+
`;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(),m=null!==(o=null!==(a=r.theme)&&void 0!==a?a:f)&&void 0!==o?o:x,[h,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}}(h,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])}(m,T)),[m,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:h,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 mr({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 hr(){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(Vd){}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?m(r,e,t):h():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function m(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 h(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?m(void 0,u):b(p())})),f.addEventListener("focusout",(()=>{h()}))):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})))`
|
|
23
23
|
${jr}
|
|
24
|
-
${
|
|
25
|
-
`;
|
|
24
|
+
${Gr}
|
|
25
|
+
`;Vr.defaultProps={variant:"medium"};var Kr=Vr;var qr=f(Kr)`
|
|
26
26
|
color: ${Nt("colors.btn.text")};
|
|
27
27
|
background-color: ${Nt("colors.btn.bg")};
|
|
28
28
|
border: 1px solid ${Nt("colors.btn.border")};
|
|
@@ -50,8 +50,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
50
50
|
border-color: ${Nt("colors.btn.border")};
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
+
${Ur};
|
|
53
54
|
${rr};
|
|
54
|
-
`;var
|
|
55
|
+
`;var Xr=f(Kr)`
|
|
55
56
|
color: ${Nt("colors.btn.danger.text")};
|
|
56
57
|
border: 1px solid ${Nt("colors.btn.border")};
|
|
57
58
|
background-color: ${Nt("colors.btn.bg")};
|
|
@@ -82,8 +83,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
82
83
|
border-color: ${Nt("colors.btn.danger.disabledBorder")};
|
|
83
84
|
}
|
|
84
85
|
|
|
86
|
+
${Ur};
|
|
85
87
|
${rr};
|
|
86
|
-
`;const
|
|
88
|
+
`;const Yr=f(or)`
|
|
87
89
|
vertical-align: middle;
|
|
88
90
|
|
|
89
91
|
&& > * {
|
|
@@ -124,7 +126,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
124
126
|
}
|
|
125
127
|
|
|
126
128
|
${rr};
|
|
127
|
-
`;
|
|
129
|
+
`;Yr.defaultProps={display:"inline-block"};var Jr=Yr;var Zr=f(Kr)`
|
|
128
130
|
color: ${Nt("colors.btn.outline.text")};
|
|
129
131
|
border: 1px solid ${Nt("colors.btn.border")};
|
|
130
132
|
background-color: ${Nt("colors.btn.bg")};
|
|
@@ -155,8 +157,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
155
157
|
border-color: ${Nt("colors.btn.border")};
|
|
156
158
|
}
|
|
157
159
|
|
|
160
|
+
${Ur};
|
|
158
161
|
${rr};
|
|
159
|
-
`;var
|
|
162
|
+
`;var Qr=f(Kr)`
|
|
160
163
|
color: ${Nt("colors.btn.primary.text")};
|
|
161
164
|
border: 1px solid ${Nt("colors.btn.primary.border")};
|
|
162
165
|
background-color: ${Nt("colors.btn.primary.bg")};
|
|
@@ -185,8 +188,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
185
188
|
border-color: ${Nt("colors.btn.primary.disabledBorder")};
|
|
186
189
|
}
|
|
187
190
|
|
|
191
|
+
${Ur};
|
|
188
192
|
${rr};
|
|
189
|
-
`;var
|
|
193
|
+
`;var eo=f(Kr)`
|
|
190
194
|
color: ${Nt("colors.accent.fg")};
|
|
191
195
|
background-color: transparent;
|
|
192
196
|
border: 0;
|
|
@@ -206,8 +210,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
206
210
|
background-color: ${Nt("colors.btn.selectedBg")};
|
|
207
211
|
}
|
|
208
212
|
|
|
213
|
+
${Ur};
|
|
209
214
|
${rr}
|
|
210
|
-
`;var
|
|
215
|
+
`;var to=f.summary`
|
|
211
216
|
display: inline-block;
|
|
212
217
|
padding: 0;
|
|
213
218
|
font-size: ${Nt("fontSizes.1")};
|
|
@@ -242,8 +247,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
242
247
|
border: 4px solid transparent;
|
|
243
248
|
border-top-color: currentcolor;
|
|
244
249
|
}
|
|
250
|
+
${It}
|
|
251
|
+
${At}
|
|
252
|
+
${Lt}
|
|
245
253
|
${rr};
|
|
246
|
-
`,
|
|
254
|
+
`,ro={small:16,medium:32,large:64};function oo(e){var t=e["aria-label"],r=e.className,o=e.fill,a=void 0===o?"currentColor":o,n=e.size,i=e.verticalAlign,l=e.svgDataByHeight,d=ro[n]||n,s=function(e,t){return e.map((function(e){return parseInt(e,10)})).reduce((function(e,r){return r<=t?r:e}),e[0])}(Object.keys(l),d),c=l[s].width;return{"aria-hidden":t?"false":"true","aria-label":t,role:"img",className:r,viewBox:"0 0 "+c+" "+s,width:d*(c/s),height:d,fill:a,style:{display:"inline-block",userSelect:"none",verticalAlign:i},dangerouslySetInnerHTML:{__html:l[s].path}}}var ao=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e};function no(t){return e.createElement("svg",oo(ao({},t,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M21.03 5.72a.75.75 0 010 1.06l-11.5 11.5a.75.75 0 01-1.072-.012l-5.5-5.75a.75.75 0 111.084-1.036l4.97 5.195L19.97 5.72a.75.75 0 011.06 0z"></path>'}}})))}function io(t){return e.createElement("svg",oo(ao({},t,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M5.75 21a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM2.5 19.25a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0zM5.75 6.5a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM2.5 4.75a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0zM18.25 15a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM15 13.25a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0z"></path><path fill-rule="evenodd" d="M6.5 7.25c0 2.9 2.35 5.25 5.25 5.25h4.5V14h-4.5A6.75 6.75 0 015 7.25h1.5z"></path><path fill-rule="evenodd" d="M5.75 16.75A.75.75 0 006.5 16V8A.75.75 0 005 8v8c0 .414.336.75.75.75z"></path>'}}})))}function lo(t){return e.createElement("svg",oo(ao({},t,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M4.75 3a1.75 1.75 0 100 3.5 1.75 1.75 0 000-3.5zM1.5 4.75a3.25 3.25 0 116.5 0 3.25 3.25 0 01-6.5 0zM4.75 17.5a1.75 1.75 0 100 3.5 1.75 1.75 0 000-3.5zM1.5 19.25a3.25 3.25 0 116.5 0 3.25 3.25 0 01-6.5 0zm17.75-1.75a1.75 1.75 0 100 3.5 1.75 1.75 0 000-3.5zM16 19.25a3.25 3.25 0 116.5 0 3.25 3.25 0 01-6.5 0z"></path><path fill-rule="evenodd" d="M4.75 7.25A.75.75 0 015.5 8v8A.75.75 0 014 16V8a.75.75 0 01.75-.75zm8.655-5.53a.75.75 0 010 1.06L12.185 4h4.065A3.75 3.75 0 0120 7.75v8.75a.75.75 0 01-1.5 0V7.75a2.25 2.25 0 00-2.25-2.25h-4.064l1.22 1.22a.75.75 0 01-1.061 1.06l-2.5-2.5a.75.75 0 010-1.06l2.5-2.5a.75.75 0 011.06 0z"></path>'}}})))}function so(t){return e.createElement("svg",oo(ao({},t,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 0110.65-5.003.75.75 0 00.959-1.153 8 8 0 102.592 8.33.75.75 0 10-1.444-.407A6.5 6.5 0 011.5 8zM8 12a1 1 0 100-2 1 1 0 000 2zm0-8a.75.75 0 01.75.75v3.5a.75.75 0 11-1.5 0v-3.5A.75.75 0 018 4zm4.78 4.28l3-3a.75.75 0 00-1.06-1.06l-2.47 2.47-.97-.97a.749.749 0 10-1.06 1.06l1.5 1.5a.75.75 0 001.06 0z"></path>'},24:{width:24,path:'<path d="M2.5 12c0-5.24 4.288-9.5 9.593-9.5a9.608 9.608 0 017.197 3.219.75.75 0 001.12-.998A11.108 11.108 0 0012.093 1C5.973 1 1 5.919 1 12s4.973 11 11.093 11c5.403 0 9.91-3.832 10.893-8.915a.75.75 0 10-1.472-.285c-.848 4.381-4.74 7.7-9.421 7.7C6.788 21.5 2.5 17.24 2.5 12z"></path><path d="M12 17a1 1 0 100-2 1 1 0 000 2zm0-10a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0112 7zm11.28.78a.75.75 0 00-1.06-1.06l-3.47 3.47-1.47-1.47a.75.75 0 10-1.06 1.06l2 2a.75.75 0 001.06 0l4-4z"></path>'}}})))}function co(t){return e.createElement("svg",oo(ao({},t,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"></path>'},24:{width:24,path:'<path d="M12 7a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0112 7zm1 9a1 1 0 11-2 0 1 1 0 012 0z"></path><path fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zM2.5 12a9.5 9.5 0 1119 0 9.5 9.5 0 01-19 0z"></path>'}}})))}function fo(t){return e.createElement("svg",oo(ao({},t,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M7.75 2a.75.75 0 01.75.75V7h4.25a.75.75 0 110 1.5H8.5v4.25a.75.75 0 11-1.5 0V8.5H2.75a.75.75 0 010-1.5H7V2.75A.75.75 0 017.75 2z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M11.75 4.5a.75.75 0 01.75.75V11h5.75a.75.75 0 010 1.5H12.5v5.75a.75.75 0 01-1.5 0V12.5H5.25a.75.75 0 010-1.5H11V5.25a.75.75 0 01.75-.75z"></path>'}}})))}function go(t){return e.createElement("svg",oo(ao({},t,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zM6.92 6.085c.081-.16.19-.299.34-.398.145-.097.371-.187.74-.187.28 0 .553.087.738.225A.613.613 0 019 6.25c0 .177-.04.264-.077.318a.956.956 0 01-.277.245c-.076.051-.158.1-.258.161l-.007.004a7.728 7.728 0 00-.313.195 2.416 2.416 0 00-.692.661.75.75 0 001.248.832.956.956 0 01.276-.245 6.3 6.3 0 01.26-.16l.006-.004c.093-.057.204-.123.313-.195.222-.149.487-.355.692-.662.214-.32.329-.702.329-1.15 0-.76-.36-1.348-.863-1.725A2.76 2.76 0 008 4c-.631 0-1.155.16-1.572.438-.413.276-.68.638-.849.977a.75.75 0 101.342.67z"></path>'},24:{width:24,path:'<path d="M10.97 8.265a1.45 1.45 0 00-.487.57.75.75 0 01-1.341-.67c.2-.402.513-.826.997-1.148C10.627 6.69 11.244 6.5 12 6.5c.658 0 1.369.195 1.934.619a2.45 2.45 0 011.004 2.006c0 1.033-.513 1.72-1.027 2.215-.19.183-.399.358-.579.508l-.147.123a4.329 4.329 0 00-.435.409v1.37a.75.75 0 11-1.5 0v-1.473c0-.237.067-.504.247-.736.22-.28.486-.517.718-.714l.183-.153.001-.001c.172-.143.324-.27.47-.412.368-.355.569-.676.569-1.136a.953.953 0 00-.404-.806C12.766 8.118 12.384 8 12 8c-.494 0-.814.121-1.03.265zM13 17a1 1 0 11-2 0 1 1 0 012 0z"></path><path fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zM2.5 12a9.5 9.5 0 1119 0 9.5 9.5 0 01-19 0z"></path>'}}})))}function uo(t){return e.createElement("svg",oo(ao({},t,{svgDataByHeight:{16:{width:16,path:'<path d="M4.427 7.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 7H4.604a.25.25 0 00-.177.427z"></path>'},24:{width:24,path:'<path d="M11.646 15.146L5.854 9.354a.5.5 0 01.353-.854h11.586a.5.5 0 01.353.854l-5.793 5.792a.5.5 0 01-.707 0z"></path>'}}})))}function po(t){return e.createElement("svg",oo(ao({},t,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M5.72 5.72a.75.75 0 011.06 0L12 10.94l5.22-5.22a.75.75 0 111.06 1.06L13.06 12l5.22 5.22a.75.75 0 11-1.06 1.06L12 13.06l-5.22 5.22a.75.75 0 01-1.06-1.06L10.94 12 5.72 6.78a.75.75 0 010-1.06z"></path>'}}})))}no.defaultProps={className:"octicon octicon-check",size:16,verticalAlign:"text-bottom"},io.defaultProps={className:"octicon octicon-git-merge",size:16,verticalAlign:"text-bottom"},lo.defaultProps={className:"octicon octicon-git-pull-request",size:16,verticalAlign:"text-bottom"},so.defaultProps={className:"octicon octicon-issue-closed",size:16,verticalAlign:"text-bottom"},co.defaultProps={className:"octicon octicon-issue-opened",size:16,verticalAlign:"text-bottom"},fo.defaultProps={className:"octicon octicon-plus",size:16,verticalAlign:"text-bottom"},go.defaultProps={className:"octicon octicon-question",size:16,verticalAlign:"text-bottom"},uo.defaultProps={className:"octicon octicon-triangle-down",size:16,verticalAlign:"text-bottom"},po.defaultProps={className:"octicon octicon-x",size:16,verticalAlign:"text-bottom"};const bo=f.button`
|
|
247
255
|
border: none;
|
|
248
256
|
padding: 0;
|
|
249
257
|
background: transparent;
|
|
@@ -259,11 +267,13 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
259
267
|
&:hover {
|
|
260
268
|
color: ${Nt("colors.accent.fg")};
|
|
261
269
|
}
|
|
270
|
+
${It};
|
|
271
|
+
${Lt};
|
|
262
272
|
${rr};
|
|
263
|
-
`;var
|
|
273
|
+
`;var mo=i(((t,r)=>e.createElement(bo,Pt({ref:r,"aria-label":"Close"},t),e.createElement(po,null))));const ho={"outside-top":["outside-bottom","outside-right","outside-left","outside-bottom"],"outside-bottom":["outside-top","outside-right","outside-left","outside-bottom"],"outside-left":["outside-right","outside-bottom","outside-top","outside-bottom"],"outside-right":["outside-left","outside-bottom","outside-top","outside-bottom"]};function vo(e,t,r={}){const o=function(e){let t=e.parentNode;for(;null!==t;){if(t instanceof HTMLElement&&"static"!==getComputedStyle(t).position)return t;t=t.parentNode}return document.body}(e),a=function(e){let t=e;for(;null!==t&&t!==document.body;){if("visible"!==getComputedStyle(t).overflow)break;t=t.parentNode}const r=t!==document.body&&t instanceof HTMLElement?t:document.body,o=r.getBoundingClientRect(),a=getComputedStyle(r),[n,i,l,d]=[a.borderTopWidth,a.borderLeftWidth,a.borderRightWidth,a.borderBottomWidth].map((e=>parseInt(e,10)||0));return{top:o.top+n,left:o.left+i,width:o.width-l-i,height:Math.max(o.height-n-d,r===document.body?window.innerHeight:-1/0)}}(o),n=getComputedStyle(o),i=o.getBoundingClientRect(),[l,d]=[n.borderTopWidth,n.borderLeftWidth].map((e=>parseInt(e,10)||0));return function(e,t,r,o,{side:a,align:n,allowOutOfBounds:i,anchorOffset:l,alignmentOffset:d}){const s={top:e.top-t.top,left:e.left-t.left,width:e.width,height:e.height};let c=ko(r,o,a,n,l,d),f=a;if(c.top-=t.top,c.left-=t.left,!i){const i=ho[a];let g=0;if(i){let e=a;for(;g<i.length&&To(e,c,s,r);){const a=i[g++];e=a,c=ko(r,o,a,n,l,d),c.top-=t.top,c.left-=t.left,f=a}}c.top<s.top&&(c.top=s.top),c.left<s.left&&(c.left=s.left),c.left+r.width>e.width+s.left&&(c.left=e.width+s.left-r.width),i&&g<i.length&&c.top+r.height>e.height+s.top&&(c.top=e.height+s.top-r.height)}return{...c,anchorSide:f}}(a,{top:i.top+l,left:i.left+d},e.getBoundingClientRect(),t instanceof Element?t.getBoundingClientRect():t,function(e={}){var t,r,o,a,n;const i=null!==(t=e.side)&&void 0!==t?t:xo,l=null!==(r=e.align)&&void 0!==r?r:yo;return{side:i,align:l,anchorOffset:null!==(o=e.anchorOffset)&&void 0!==o?o:"inside-center"===i?0:wo,alignmentOffset:null!==(a=e.alignmentOffset)&&void 0!==a?a:"center"!==l&&i.startsWith("inside")?Bo:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:$o}}(r))}const xo="outside-bottom",yo="start",wo=4,Bo=4,$o=!1;function ko(e,t,r,o,a,n){const i=t.left+t.width,l=t.top+t.height;let d=-1,s=-1;return"outside-top"===r?d=t.top-a-e.height:"outside-bottom"===r?d=l+a:"outside-left"===r?s=t.left-a-e.width:"outside-right"===r&&(s=i+a),"outside-top"!==r&&"outside-bottom"!==r||(s="start"===o?t.left+n:"center"===o?t.left-(e.width-t.width)/2+n:i-e.width-n),"outside-left"!==r&&"outside-right"!==r||(d="start"===o?t.top+n:"center"===o?t.top-(e.height-t.height)/2+n:l-e.height-n),"inside-top"===r?d=t.top+a:"inside-bottom"===r?d=l-a-e.height:"inside-left"===r?s=t.left+a:"inside-right"===r?s=i-a-e.width:"inside-center"===r&&(s=(i+t.left)/2-e.width/2+a),"inside-top"===r||"inside-bottom"===r?s="start"===o?t.left+n:"center"===o?t.left-(e.width-t.width)/2+n:i-e.width-n:"inside-left"!==r&&"inside-right"!==r&&"inside-center"!==r||(d="start"===o?t.top+n:"center"===o?t.top-(e.height-t.height)/2+n:l-e.height-n),{top:d,left:s}}function To(e,t,r,o){return"outside-top"===e||"outside-bottom"===e?t.top<r.top||t.top+o.height>r.height+r.top:t.left<r.left||t.left+o.width>r.width+r.left}var So="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?l:a;function Eo(t,r=[]){const o=zr(null==t?void 0:t.floatingElementRef),a=zr(null==t?void 0:t.anchorElementRef),[n,i]=e.useState(void 0),l=e.useCallback((()=>{o.current instanceof Element&&a.current instanceof Element?i(vo(o.current,a.current,t)):i(void 0)}),[o,a,...r]);var d;return So(l,[l]),So((()=>{const e=new window.ResizeObserver((()=>d()));return e.observe(document.documentElement),()=>{e.disconnect()}}),[d=l]),{floatingElementRef:o,anchorElementRef:a,position:n}}Lr();const Co=[];let zo;function No(e,t=!1){return Br(e,{reverse:t,strict:!0,onlyTabbable:!0}).next().value}function Io(e,t,r){const o=new AbortController,a=null!=r?r:o.signal;let n;function i(r){if(r instanceof HTMLElement&&document.contains(e)){if(e.contains(r))return void(n=r);if(n&&kr(n)&&e.contains(n))return void n.focus();if(t&&e.contains(t))return void t.focus();{const t=null===e.getAttribute("tabindex");return t&&e.setAttribute("tabindex","-1"),e.focus(),void(t&&e.addEventListener("blur",(()=>e.removeAttribute("tabindex")),{once:!0}))}}}e.setAttribute("data-focus-trap","active");const l=function(e){const t=new AbortController;return e.addEventListener("abort",(()=>{t.abort()})),t}(a);if(e.addEventListener("keydown",(t=>{if("Tab"!==t.key||t.defaultPrevented)return;const{target:r}=t,o=No(e),a=No(e,!0);r===o&&t.shiftKey?(t.preventDefault(),null==a||a.focus()):r!==a||t.shiftKey||(t.preventDefault(),null==o||o.focus())}),{signal:l.signal}),zo){const e=zo;zo.container.setAttribute("data-focus-trap","suspended"),zo.controller.abort(),Co.push(e)}l.signal.addEventListener("abort",(()=>{zo=void 0})),a.addEventListener("abort",(()=>{e.removeAttribute("data-focus-trap");const t=Co.findIndex((t=>t.container===e));t>=0&&Co.splice(t,1),function(){const e=Co.pop();e&&Io(e.container,e.initialFocus,e.originalSignal)}()})),document.addEventListener("focus",(e=>{i(e.target)}),{signal:l.signal,capture:!0}),i(document.activeElement),zo={container:e,controller:l,initialFocus:t,originalSignal:a};const d=Co.findIndex((t=>t.container===e));if(d>=0&&Co.splice(d,1),!r)return o}function Ao(t,r=[]){const o=zr(null==t?void 0:t.containerRef),a=zr(null==t?void 0:t.initialFocusRef),n=null==t?void 0:t.disabled,i=e.useRef(),l=e.useRef(null);function d(){var e;null===(e=i.current)||void 0===e||e.abort(),null!=t&&t.restoreFocusOnCleanUp&&l.current instanceof HTMLElement&&(l.current.focus(),l.current=null)}return l.current||null!=t&&t.disabled||(l.current=document.activeElement),e.useEffect((()=>{if(o.current instanceof HTMLElement){var e;if(!n)return i.current=Io(o.current,null!==(e=a.current)&&void 0!==e?e:void 0),()=>{d()};d()}}),[o,a,n,...r]),{containerRef:o,initialFocusRef:a}}function Ro({icon:t,...r}){return e.createElement(t,r)}Ro.displayName="Octicon";const Lo=f(Ro)`
|
|
264
274
|
${It}
|
|
265
275
|
${rr}
|
|
266
|
-
`;
|
|
276
|
+
`;Lo.defaultProps={size:16};var Oo=Lo;function Mo(t={},r=[]){const o=zr(t.containerRef),n=!!t.activeDescendantFocus,i=zr("boolean"!=typeof t.activeDescendantFocus&&t.activeDescendantFocus?t.activeDescendantFocus:void 0),l=t.disabled,d=e.useRef();return a((()=>{if(o.current instanceof HTMLElement&&(!n||i.current instanceof HTMLElement)){if(!l){var e;const r={...t,activeDescendantControl:null!==(e=i.current)&&void 0!==e?e:void 0};return d.current=_r(o.current,r),()=>{var e;null===(e=d.current)||void 0===e||e.abort()}}var r;null===(r=d.current)||void 0===r||r.abort()}}),[l,...r]),{containerRef:o,activeDescendantControlRef:i}}const Po={};function Ho(){const e=Po.__default__;if(!e||!document.body.contains(e)){let e=document.getElementById("__primerPortalRoot__");if(!(e instanceof Element)){e=document.createElement("div"),e.setAttribute("id","__primerPortalRoot__"),e.style.position="absolute",e.style.top="0",e.style.left="0";const t=document.querySelector("[data-portal-root]");t?t.appendChild(e):document.body.appendChild(e)}!function(e,t="__default__"){Po[t]=e}(e)}}var Do=({children:t,onMount:r,containerName:o})=>{const a=document.createElement("div");a.style.position="relative",a.style.zIndex="1";const n=e.useRef(a);return So((()=>{let e=o;void 0===e&&(e="__default__",Ho());const t=Po[e];if(!t)throw new Error(`Portal container '${o}' is not yet registered. Container must be registered with registerPortal before use.`);const a=n.current;return t.appendChild(a),null==r||r(),()=>{t.removeChild(a)}}),[n]),v(t,n.current)};function Wo(...e){const t=r(null);return So((()=>{function r(t=null){for(const r of e){if(!r)return;"function"==typeof r?r(t):r.current=t}}return r(t.current),()=>{r(t.current)}}),[...e,t.current]),t}const Fo={prefix:String(Math.round(1e10*Math.random())),current:0},_o=e.createContext(Fo);function jo(t){let r=d(_o),o=n((()=>({prefix:r===Fo?"":r.prefix+"-"+ ++r.current,current:0})),[r]);return e.createElement(_o.Provider,{value:o},t.children)}let Uo=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function Go(e){let t=d(_o);return t!==Fo||Uo||console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server."),n((()=>e||"react-aria"+t.prefix+"-"+ ++t.current),[e])}const Vo=f("div")`
|
|
267
277
|
position: fixed;
|
|
268
278
|
top: 0;
|
|
269
279
|
left: 0;
|
|
@@ -283,7 +293,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
283
293
|
opacity: 1;
|
|
284
294
|
}
|
|
285
295
|
}
|
|
286
|
-
`,
|
|
296
|
+
`,Ko={small:"480px",large:"640px",auto:"auto"},qo={small:"296px",medium:"320px",large:"480px",xlarge:"640px"},Xo=f.div`
|
|
287
297
|
display: flex;
|
|
288
298
|
flex-direction: column;
|
|
289
299
|
background-color: ${Nt("colors.canvas.overlay")};
|
|
@@ -291,8 +301,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
291
301
|
min-width: 296px;
|
|
292
302
|
max-width: calc(100vw - 64px);
|
|
293
303
|
max-height: calc(100vh - 64px);
|
|
294
|
-
width: ${e=>{var t;return
|
|
295
|
-
height: ${e=>{var t;return
|
|
304
|
+
width: ${e=>{var t;return qo[null!==(t=e.width)&&void 0!==t?t:"xlarge"]}};
|
|
305
|
+
height: ${e=>{var t;return Ko[null!==(t=e.height)&&void 0!==t?t:"auto"]}};
|
|
296
306
|
border-radius: 12px;
|
|
297
307
|
opacity: 1;
|
|
298
308
|
animation: overlay--dialog-appear ${"200ms"} ${Nt("animation.easeOutCubic")};
|
|
@@ -311,23 +321,23 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
311
321
|
${It};
|
|
312
322
|
${Ot};
|
|
313
323
|
${rr};
|
|
314
|
-
`,
|
|
324
|
+
`,Yo=({dialogLabelId:t,title:r,subtitle:a,dialogDescriptionId:n,onClose:i})=>{const l=o((()=>{i("close-button")}),[i]);return e.createElement(da.Header,null,e.createElement(or,{display:"flex"},e.createElement(or,{display:"flex",px:2,py:"6px",flexDirection:"column",flexGrow:1},e.createElement(da.Title,{id:t},null!=r?r:"Dialog"),a&&e.createElement(da.Subtitle,{id:n},a)),e.createElement(da.CloseButton,{onClose:l})))};Yo.displayName="DefaultHeader";const Jo=({children:t})=>e.createElement(da.Body,null,t);Jo.displayName="DefaultBody";const Zo=({footerButtons:t})=>{const{containerRef:r}=Mo({bindKeys:Mr.ArrowHorizontal|Mr.Tab,focusInStrategy:"closest"});return t?e.createElement(da.Footer,{ref:r},e.createElement(da.Buttons,{buttons:t})):null},Qo=e.forwardRef(((t,o)=>{const{title:a="Dialog",subtitle:n="",renderHeader:i,renderBody:l,renderFooter:d,onClose:s,role:c="dialog",width:f="xlarge",height:g="auto",footerButtons:u=[]}=t,p=Go(),b=Go(),m=r(null);for(const e of u)e.autoFocus&&(e.ref=m);const h={...t,title:a,subtitle:n,role:c,dialogLabelId:p,dialogDescriptionId:b},v=r(null),x=Wo(v,o),y=r(null);Ao({containerRef:v,restoreFocusOnCleanUp:!0,initialFocusRef:m}),Cr((e=>{s("escape"),e.preventDefault()}),[s]);const w=(null!=i?i:Yo)(h),B=(null!=l?l:Jo)(h),$=(null!=d?d:Zo)(h);return e.createElement(e.Fragment,null,e.createElement(Do,null,e.createElement(Vo,{ref:y},e.createElement(Xo,{width:f,height:g,ref:x,role:c,"aria-labelledby":p,"aria-describedby":b},w,B,$))))}));Qo.displayName="Dialog";const ea=f(or).attrs({as:"header"})`
|
|
315
325
|
box-shadow: 0 1px 0 ${Nt("colors.border.default")};
|
|
316
326
|
padding: ${Nt("space.2")};
|
|
317
327
|
z-index: 1;
|
|
318
328
|
flex-shrink: 0;
|
|
319
|
-
`,
|
|
329
|
+
`,ta=f(or)`
|
|
320
330
|
font-size: ${Nt("fontSizes.1")};
|
|
321
331
|
font-weight: ${Nt("fontWeights.bold")};
|
|
322
|
-
`,
|
|
332
|
+
`,ra=f(or)`
|
|
323
333
|
font-size: ${Nt("fontSizes.0")};
|
|
324
334
|
margin-top: ${Nt("space.1")};
|
|
325
335
|
color: ${Nt("colors.fg.muted")};
|
|
326
|
-
`,
|
|
336
|
+
`,oa=f(or)`
|
|
327
337
|
flex-grow: 1;
|
|
328
338
|
overflow: auto;
|
|
329
339
|
padding: ${Nt("space.3")};
|
|
330
|
-
`,
|
|
340
|
+
`,aa=f(or).attrs({as:"footer"})`
|
|
331
341
|
box-shadow: 0 -1px 0 ${Nt("colors.border.default")};
|
|
332
342
|
padding: ${Nt("space.3")};
|
|
333
343
|
display: flex;
|
|
@@ -342,7 +352,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
342
352
|
margin-left: 0;
|
|
343
353
|
}
|
|
344
354
|
}
|
|
345
|
-
`,
|
|
355
|
+
`,na={normal:qr,primary:Qr,danger:Xr},ia=f(qr)`
|
|
346
356
|
border-radius: 4px;
|
|
347
357
|
background: transparent;
|
|
348
358
|
border: 0;
|
|
@@ -352,21 +362,21 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
352
362
|
align-self: flex-start;
|
|
353
363
|
line-height: normal;
|
|
354
364
|
box-shadow: none;
|
|
355
|
-
`,
|
|
365
|
+
`,la=({onClose:t})=>e.createElement(ia,{"aria-label":"Close",onClick:t},e.createElement(Oo,{icon:po}));la.displayName="CloseButton";const da=Object.assign(Qo,{Header:ea,Title:ta,Subtitle:ra,Body:oa,Footer:aa,Buttons:({buttons:r})=>{var o;const n=zr(null===(o=r.find((e=>e.autoFocus)))||void 0===o?void 0:o.ref);let i=0;const[l,d]=t(0);return a((()=>{var e;1===l?null===(e=n.current)||void 0===e||e.focus():d(l+1)}),[n,l]),e.createElement(e.Fragment,null,r.map(((t,r)=>{const{content:o,buttonType:a="normal",autoFocus:l=!1,...d}=t,s=na[a];return e.createElement(s,Pt({key:r},d,{ref:l&&0===i?(i++,n):null}),o)})))},CloseButton:la}),sa=f.header`
|
|
356
366
|
padding: ${Nt("space.2")};
|
|
357
367
|
display: flex;
|
|
358
368
|
flex-direction: row;
|
|
359
|
-
`,
|
|
369
|
+
`,ca=f(or)`
|
|
360
370
|
font-size: ${Nt("fontSizes.3")};
|
|
361
371
|
font-weight: ${Nt("fontWeights.bold")};
|
|
362
372
|
padding: 6px ${Nt("space.2")};
|
|
363
373
|
flex-grow: 1;
|
|
364
|
-
`,
|
|
374
|
+
`,fa=({title:t,onClose:r,dialogLabelId:a})=>{const n=o((()=>{r("close-button")}),[r]);return e.createElement(sa,null,e.createElement(ca,{id:a},t),e.createElement(da.CloseButton,{onClose:n}))};fa.displayName="ConfirmationHeader";const ga=f(or)`
|
|
365
375
|
font-size: ${Nt("fontSizes.1")};
|
|
366
376
|
padding: 0 ${Nt("space.3")} ${Nt("space.3")} ${Nt("space.3")};
|
|
367
377
|
color: ${Nt("colors.fg.muted")};
|
|
368
378
|
flex-grow: 1;
|
|
369
|
-
`,
|
|
379
|
+
`,ua=({children:t})=>e.createElement(ga,null,t);ua.displayName="ConfirmationBody";const pa=f(or)`
|
|
370
380
|
display: grid;
|
|
371
381
|
grid-auto-flow: column;
|
|
372
382
|
grid-auto-columns: max-content;
|
|
@@ -374,7 +384,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
374
384
|
align-items: end;
|
|
375
385
|
justify-content: end;
|
|
376
386
|
padding: ${Nt("space.1")} ${Nt("space.3")} ${Nt("space.3")};
|
|
377
|
-
`,
|
|
387
|
+
`,ba=({footerButtons:t})=>{const{containerRef:r}=Mo({bindKeys:Mr.ArrowHorizontal|Mr.Tab,focusInStrategy:"closest"});return e.createElement(pa,{ref:r},e.createElement(da.Buttons,{buttons:null!=t?t:[]}))};ba.displayName="ConfirmationFooter";const ma=t=>{const{onClose:r,title:a,cancelButtonContent:n="Cancel",confirmButtonContent:i="OK",confirmButtonType:l="normal",children:d}=t,s=[{content:n,onClick:o((()=>{r("cancel")}),[r])},{content:i,buttonType:l,onClick:o((()=>{r("confirm")}),[r]),autoFocus:!0}];return e.createElement(da,{onClose:r,title:a,footerButtons:s,role:"alertdialog",width:"medium",renderHeader:fa,renderBody:ua,renderFooter:ba},d)};function ha(){const{theme:t,colorMode:r,dayScheme:a,nightScheme:n}=Zt();return o((o=>async function(t,r){const{content:o,...a}=r;return new Promise((r=>{const n=document.createElement("div");h.render(e.createElement(Jt,t,e.createElement(ma,Pt({},a,{onClose:e=>{h.unmountComponentAtNode(n),r("confirm"===e)}}),o)),n)}))}({theme:t,colorMode:r,dayScheme:a,nightScheme:n},o)),[t,r,a,n])}ma.displayName="ConfirmationDialog";const va=f.div`
|
|
378
388
|
{
|
|
379
389
|
/* 6px vertical padding + 20px line height = 32px total height
|
|
380
390
|
*
|
|
@@ -390,9 +400,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
390
400
|
${({variant:e})=>"filled"===e&&p(["background:",";margin:"," 0;border-top:1px solid ",";border-bottom:1px solid ",";&:first-child{margin-top:0;}"],Nt("colors.canvas.subtle"),Nt("space.2"),Nt("colors.neutral.muted"),Nt("colors.neutral.muted"))}
|
|
391
401
|
|
|
392
402
|
${rr}
|
|
393
|
-
`;function
|
|
403
|
+
`;function xa({variant:t="subtle",title:r,auxiliaryText:o,children:a,...n}){return e.createElement(va,Pt({role:"heading",variant:t},n),r,o&&e.createElement("span",null,o))}xa.displayName="Header";const ya=f.div`
|
|
394
404
|
${rr}
|
|
395
|
-
`;function
|
|
405
|
+
`;function wa({header:t,items:r,...o}){return e.createElement(ya,o,t&&e.createElement(xa,t),r)}wa.displayName="Group";const Ba=f.div`
|
|
396
406
|
${At}
|
|
397
407
|
${It}
|
|
398
408
|
display: ${e=>e.inline?"inline-block":"inherit"};
|
|
@@ -403,25 +413,25 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
403
413
|
${we}
|
|
404
414
|
${e=>e.expandable?"&:hover { max-width: 10000px; }":""}
|
|
405
415
|
${rr};
|
|
406
|
-
`;
|
|
416
|
+
`;Ba.defaultProps={expandable:!1,inline:!1,maxWidth:125};var $a=Ba;const ka=f.div`
|
|
407
417
|
height: 1px;
|
|
408
418
|
background: ${Nt("colors.border.muted")};
|
|
409
419
|
margin-top: calc(${Nt("space.2")} - 1px);
|
|
410
420
|
margin-bottom: ${Nt("space.2")};
|
|
411
|
-
`;function
|
|
421
|
+
`;function Ta(){return e.createElement(ka,null)}Ta.displayName="Divider",Ta.renderItem=Ta;const Sa={default:{hover:{light:"rgba(46, 77, 108, 0.06)",dark:"rgba(201, 206, 212, 0.12)",dark_dimmed:"rgba(201, 206, 212, 0.12)"},focus:{light:"rgba(54, 77, 100, 0.16)",dark:"rgba(201, 206, 212, 0.24)",dark_dimmed:"rgba(201, 206, 212, 0.24)"}},danger:{hover:{light:"rgba(234, 74, 90, 0.08)",dark:"rgba(248, 81, 73, 0.16)",dark_dimmed:"rgba(248, 81, 73, 0.16)"},focus:{light:"rgba(234, 74, 90, 0.14)",dark:"rgba(248, 81, 73, 0.24)",dark_dimmed:"rgba(248, 81, 73, 0.24)"}}},Ea=(e="default",t)=>{if(t)return{color:Nt("colors.primer.fg.disabled"),iconColor:Nt("colors.primer.fg.disabled"),annotationColor:Nt("colors.primer.fg.disabled"),hoverCursor:"default"};switch(e){case"danger":return{color:Nt("colors.danger.fg"),iconColor:Nt("colors.danger.fg"),annotationColor:Nt("colors.fg.muted"),hoverCursor:"pointer"};default:return{color:Nt("colors.fg.default"),iconColor:Nt("colors.fg.muted"),annotationColor:Nt("colors.fg.muted"),hoverCursor:"pointer"}}},Ca=f.div`
|
|
412
422
|
display: flex;
|
|
413
423
|
min-width: 0;
|
|
414
424
|
|
|
415
425
|
/* Required for dividers */
|
|
416
426
|
position: relative;
|
|
417
427
|
flex-grow: 1;
|
|
418
|
-
`,
|
|
428
|
+
`,za=f.div`
|
|
419
429
|
align-items: baseline;
|
|
420
430
|
display: flex;
|
|
421
431
|
min-width: 0;
|
|
422
432
|
flex-direction: var(--main-content-flex-direction);
|
|
423
433
|
flex-grow: 1;
|
|
424
|
-
`,
|
|
434
|
+
`,Na=f.div`
|
|
425
435
|
/* 6px vertical padding + 20px line height = 32px total height
|
|
426
436
|
*
|
|
427
437
|
* TODO: When rem-based spacing on a 4px scale lands, replace
|
|
@@ -430,7 +440,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
430
440
|
padding: 6px ${Nt("space.2")};
|
|
431
441
|
display: flex;
|
|
432
442
|
border-radius: ${Nt("radii.2")};
|
|
433
|
-
color: ${({variant:e,item:t})=>
|
|
443
|
+
color: ${({variant:e,item:t})=>Ea(e,null==t?void 0:t.disabled).color};
|
|
434
444
|
// 2 frames on a 60hz monitor
|
|
435
445
|
transition: background 33.333ms linear;
|
|
436
446
|
text-decoration: none;
|
|
@@ -439,15 +449,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
439
449
|
:hover {
|
|
440
450
|
// allow override in case another item in the list is active/focused
|
|
441
451
|
background: var(--item-hover-bg-override, ${({hoverBackground:e})=>e});
|
|
442
|
-
cursor: ${({variant:e,item:t})=>
|
|
452
|
+
cursor: ${({variant:e,item:t})=>Ea(e,null==t?void 0:t.disabled).hoverCursor};
|
|
443
453
|
}
|
|
444
454
|
}
|
|
445
455
|
|
|
446
456
|
// Item dividers
|
|
447
|
-
:not(:first-of-type):not(${
|
|
457
|
+
:not(:first-of-type):not(${ka} + &):not(${va} + &) {
|
|
448
458
|
margin-top: ${({showDivider:e})=>e?"1px":"0"};
|
|
449
459
|
|
|
450
|
-
${
|
|
460
|
+
${Ca}::before {
|
|
451
461
|
content: ' ';
|
|
452
462
|
display: block;
|
|
453
463
|
position: absolute;
|
|
@@ -461,23 +471,23 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
461
471
|
|
|
462
472
|
// Item dividers should not be visible:
|
|
463
473
|
// - above Hovered
|
|
464
|
-
&:hover ${
|
|
474
|
+
&:hover ${Ca}::before,
|
|
465
475
|
// - below Hovered
|
|
466
476
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
467
|
-
:hover + * ${
|
|
477
|
+
:hover + * ${Ca}::before {
|
|
468
478
|
// allow override in case another item in the list is active/focused
|
|
469
479
|
border-color: var(--item-hover-divider-border-color-override, transparent) !important;
|
|
470
480
|
}
|
|
471
481
|
|
|
472
482
|
// - above Focused
|
|
473
|
-
&:focus ${
|
|
483
|
+
&:focus ${Ca}::before,
|
|
474
484
|
// - below Focused
|
|
475
485
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
476
|
-
:focus + * ${
|
|
486
|
+
:focus + * ${Ca}::before,
|
|
477
487
|
// - above Active Descendent
|
|
478
|
-
&[${"data-is-active-descendant"}] ${
|
|
488
|
+
&[${"data-is-active-descendant"}] ${Ca}::before,
|
|
479
489
|
// - below Active Descendent
|
|
480
|
-
[${"data-is-active-descendant"}] + & ${
|
|
490
|
+
[${"data-is-active-descendant"}] + & ${Ca}::before {
|
|
481
491
|
// '!important' because all the ':not's above give higher specificity
|
|
482
492
|
border-color: transparent !important;
|
|
483
493
|
}
|
|
@@ -500,32 +510,32 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
500
510
|
}
|
|
501
511
|
|
|
502
512
|
${rr}
|
|
503
|
-
`,
|
|
513
|
+
`,Ia=f.span``,Aa=f.div`
|
|
504
514
|
// Match visual height to adjacent text line height.
|
|
505
515
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
|
506
516
|
// hardcoded '20px' with '${Nt("space.s20")}'.
|
|
507
517
|
height: 20px;
|
|
508
518
|
width: ${Nt("space.3")};
|
|
509
519
|
margin-right: ${Nt("space.2")};
|
|
510
|
-
`,
|
|
520
|
+
`,Ra=f(Aa)`
|
|
511
521
|
svg {
|
|
512
|
-
fill: ${({variant:e,disabled:t})=>
|
|
522
|
+
fill: ${({variant:e,disabled:t})=>Ea(e,t).iconColor};
|
|
513
523
|
font-size: ${Nt("fontSizes.0")};
|
|
514
524
|
}
|
|
515
|
-
`,
|
|
525
|
+
`,La=f(Ra)`
|
|
516
526
|
flex-shrink: 0;
|
|
517
527
|
display: flex;
|
|
518
528
|
flex-direction: column;
|
|
519
529
|
justify-content: center;
|
|
520
|
-
`,
|
|
521
|
-
color: ${({variant:e,disabled:t})=>
|
|
530
|
+
`,Oa=f(Ra)`
|
|
531
|
+
color: ${({variant:e,disabled:t})=>Ea(e,t).annotationColor}};
|
|
522
532
|
margin-left: ${Nt("space.2")};
|
|
523
533
|
margin-right: 0;
|
|
524
534
|
width: auto;
|
|
525
535
|
div:nth-child(2) {
|
|
526
536
|
margin-left: ${Nt("space.2")};
|
|
527
537
|
}
|
|
528
|
-
`,
|
|
538
|
+
`,Ma=f.span`
|
|
529
539
|
color: ${Nt("colors.fg.muted")};
|
|
530
540
|
font-size: ${Nt("fontSizes.0")};
|
|
531
541
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
|
@@ -535,9 +545,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
535
545
|
min-width: 0;
|
|
536
546
|
flex-grow: 1;
|
|
537
547
|
flex-basis: var(--description-container-flex-basis);
|
|
538
|
-
`,
|
|
548
|
+
`,Pa=f.input`
|
|
539
549
|
pointer-events: none;
|
|
540
|
-
`,
|
|
550
|
+
`,Ha=e.forwardRef(((t,r)=>{const{as:a,text:n,description:i,descriptionVariant:l="inline",selected:d,selectionVariant:s,leadingVisual:c,trailingIcon:f,trailingVisual:g,trailingText:u,variant:p="default",showDivider:b,disabled:m,onAction:h,onKeyPress:v,children:x,onClick:y,id:w,...B}=t,$=Go(),k=Go(),T=o((e=>{if(m)return;null==v||v(e);e.target instanceof HTMLInputElement&&"checkbox"===e.target.type&&" "===e.key||!e.defaultPrevented&&[" ","Enter"].includes(e.key)&&(null==h||h(t,e))}),[h,m,t,v]),S=o((e=>{m||(null==y||y(e),e.defaultPrevented||null==h||h(t,e))}),[h,m,t,y]),E=Sa[p],C=Qt(E.hover,"inherit"),z=Qt(E.focus,"inherit"),{theme:N}=Zt();return e.createElement(Na,Pt({ref:r,as:a,tabIndex:m?void 0:-1,variant:p,showDivider:b,"aria-selected":d,"aria-labelledby":n?$:void 0,"aria-describedby":i?k:void 0},B,{"data-id":w,onKeyPress:T,onClick:S,hoverBackground:m?"inherit":C,focusBackground:m?"inherit":z}),!!d===d&&e.createElement(Aa,null,"multiple"===s?e.createElement(e.Fragment,null,e.createElement(Pa,{disabled:m,tabIndex:-1,type:"checkbox",checked:d,"aria-label":n,readOnly:!0,"aria-readonly":"false"})):d&&e.createElement(no,{fill:null==N?void 0:N.colors.fg.default})),c&&e.createElement(La,{variant:p,disabled:m},e.createElement(c,null)),e.createElement(Ca,null,e.createElement(za,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},x,n?e.createElement(Ia,{id:$},n):null,i?e.createElement(Ma,{id:k,style:{"--description-container-margin-left":"inline"===l?Nt("space.2")(N):0,"--description-container-flex-basis":"inline"===l?0:"auto"}},"block"===l?i:e.createElement($a,{title:i,inline:!0,maxWidth:"100%"},i)):null),g?e.createElement(Oa,{variant:p,disabled:m},"function"==typeof g?e.createElement(g,null):g):f||u?e.createElement(Oa,{variant:p,disabled:m},u,f&&e.createElement(f,null)):null))}));Ha.displayName="ActionList.Item";const Da=f.div`
|
|
541
551
|
font-size: ${Nt("fontSizes.1")};
|
|
542
552
|
/* 14px font-size * 1.428571429 = 20px line height
|
|
543
553
|
*
|
|
@@ -550,15 +560,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
550
560
|
--item-hover-bg-override: none;
|
|
551
561
|
--item-hover-divider-border-color-override: ${Nt("colors.border.muted")};
|
|
552
562
|
}
|
|
553
|
-
`;const
|
|
563
|
+
`;const Wa=e.forwardRef(((t,r)=>{const{firstGroupStyle:o,lastGroupStyle:a,headerStyle:n,itemStyle:i}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:Nt("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:Nt("space.2")},lastGroupStyle:{marginBottom:Nt("space.2")},itemStyle:{marginX:Nt("space.2")}}}}(t.variant),l=(r,o,a)=>{var n,l,d;const s="renderItem"in r&&r.renderItem||t.renderItem||Ha,c=null!==(n=null!==(l="key"in r?r.key:void 0)&&void 0!==l?l:null===(d=r.id)||void 0===d?void 0:d.toString())&&void 0!==n?n:a.toString();return e.createElement(s,Pt({showDivider:t.showItemDividers,selectionVariant:t.selectionVariant},r,{key:c,sx:{...i,...r.sx},item:o}))};let d=[];if(function(e){return"groupMetadata"in e}(t)){const e=t.groupMetadata.reduce(((e,t)=>e.set(t.groupId,t)),new Map);for(const r of t.items){var s,c,f;const t=e.get(r.groupId),o=null!==(s=null==t||null===(c=t.items)||void 0===c?void 0:c.length)&&void 0!==s?s:0;e.set(r.groupId,{...t,items:[...null!==(f=null==t?void 0:t.items)&&void 0!==f?f:[],l({showDivider:null==t?void 0:t.showItemDividers,...t&&"renderItem"in t&&{renderItem:t.renderItem},...r},r,o)]})}d=[...e.values()]}else d=[{items:t.items.map(((e,t)=>l(e,e,t))),groupId:"0"}];return e.createElement(Da,Pt({},t,{ref:r}),d.map((({header:r,...i},l)=>{const s="filled"===(null==r?void 0:r.variant),c=l>0&&!s;return e.createElement(e.Fragment,{key:i.groupId},c?e.createElement(Ta,{key:`${i.groupId}-divider`}):null,(r=>{var o;const a=(null!==(o="renderGroup"in r&&r.renderGroup)&&void 0!==o?o:t.renderGroup)||wa;return e.createElement(a,Pt({},r,{key:r.groupId}))})({sx:{...0===l&&o,...l===d.length-1&&a,...l>0&&!c&&{mt:2}},...r&&{header:{...r,sx:{...n,...r.sx}}},...i}))})))}));Wa.displayName="ActionList";const Fa=Object.assign(Wa,{Group:wa,Item:Ha,Divider:Ta}),_a={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},ja={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Ua=f.div`
|
|
554
564
|
background-color: ${Nt("colors.canvas.overlay")};
|
|
555
565
|
box-shadow: ${Nt("shadows.overlay.shadow")};
|
|
556
566
|
position: absolute;
|
|
557
567
|
min-width: 192px;
|
|
558
568
|
max-width: 640px;
|
|
559
|
-
height: ${e=>
|
|
560
|
-
max-height: ${e=>e.maxHeight&&
|
|
561
|
-
width: ${e=>
|
|
569
|
+
height: ${e=>_a[e.height||"auto"]};
|
|
570
|
+
max-height: ${e=>e.maxHeight&&_a[e.maxHeight]};
|
|
571
|
+
width: ${e=>ja[e.width||"auto"]};
|
|
562
572
|
border-radius: 12px;
|
|
563
573
|
overflow: hidden;
|
|
564
574
|
animation: overlay-appear ${200}ms ${Nt("animation.easeOutCubic")};
|
|
@@ -577,12 +587,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
577
587
|
}
|
|
578
588
|
${It};
|
|
579
589
|
${rr};
|
|
580
|
-
`,
|
|
590
|
+
`,Ga=e.forwardRef((({onClickOutside:t,role:o="none",initialFocusRef:n,returnFocusRef:i,ignoreClickRefs:l,onEscape:d,visibility:s="visible",height:c,top:f,left:g,anchorSide:u,portalContainerName:p,preventFocusOnOpen:b,...m},h)=>{const v=r(null),x=Wo(v,h),{theme:y}=Zt(),w=parseInt(Nt("space.2")(y).replace("px","")),B=Nt("animation.easeOutCubic")(y);return Nr({overlayRef:v,returnFocusRef:i,onEscape:d,ignoreClickRefs:l,onClickOutside:t,initialFocusRef:n,preventFocusOnOpen:b}),a((()=>{var e;"initial"===c&&null!==(e=x.current)&&void 0!==e&&e.clientHeight&&(x.current.style.height=`${x.current.clientHeight}px`)}),[c,x]),So((()=>{var e;const{x:t,y:r}=function(e){return null!=e&&e.endsWith("bottom")?{x:0,y:-1}:null!=e&&e.endsWith("top")?{x:0,y:1}:null!=e&&e.endsWith("right")?{x:-1,y:0}:null!=e&&e.endsWith("left")?{x:1,y:0}:{x:0,y:0}}(u);(t||r)&&null!==(e=v.current)&&void 0!==e&&e.animate&&"hidden"!==s&&v.current.animate({transform:[`translate(${w*t}px, ${w*r}px)`,"translate(0, 0)"]},{duration:200,easing:B})}),[u,w,B,s]),e.createElement(Do,{containerName:p},e.createElement(Ua,Pt({height:c,role:o},m,{ref:x,style:{top:`${f||0}px`,left:`${g||0}px`,...m.style,"--styled-overlay-visibility":s}})))}));Ga.defaultProps={height:"auto",width:"auto"};var Va=Ga;const Ka=({renderAnchor:n,anchorRef:i,children:l,open:d,onOpen:s,onClose:c,height:f,width:g,overlayProps:u,focusTrapSettings:p,focusZoneSettings:b,side:m,align:h})=>{const v=zr(i),[x,y]=function(){const[e,a]=t(null),n=r(null);n.current=e;const i=o((e=>{n.current=e,a(e)}),[n]);return[n,i]}(),w=Go(),B=o((()=>null==c?void 0:c("click-outside")),[c]),$=o((()=>null==c?void 0:c("escape")),[c]),k=o((e=>{e.defaultPrevented||!d&&["ArrowDown","ArrowUp"," ","Enter"].includes(e.key)&&(null==s||s("anchor-key-press"),e.preventDefault())}),[d,s]),T=o((e=>{e.defaultPrevented||0!==e.button||(d?null==c||c("anchor-click"):null==s||s("anchor-click"))}),[d,s,c]),{position:S}=Eo({anchorElementRef:v,floatingElementRef:x,side:m,align:h},[x.current]);return a((()=>{!d&&x.current&&y(null)}),[d,x,y]),Mo({containerRef:x,disabled:!d||!S,...b}),Ao({containerRef:x,disabled:!d||!S,...p}),e.createElement(e.Fragment,null,n&&n({ref:v,id:w,"aria-labelledby":w,"aria-haspopup":"true",tabIndex:0,onClick:T,onKeyDown:k}),d?e.createElement(Va,Pt({returnFocusRef:v,onClickOutside:B,ignoreClickRefs:[v],onEscape:$,ref:y,role:"none",visibility:S?"visible":"hidden",height:f,width:g,top:(null==S?void 0:S.top)||0,left:(null==S?void 0:S.left)||0,anchorSide:null==S?void 0:S.anchorSide},u),l):null)};function qa(e,r,a){const[n,i]=t(a);return[null!=e?e:n,o((e=>{i(e),r&&r(e)}),[r])]}Ka.displayName="AnchoredOverlay",Ka.defaultProps={side:"outside-bottom",align:"start"};const Xa=t=>e.createElement(Ha,Pt({role:"menuitem"},t));Xa.displayName="ActionMenuItem",Xa.displayName="ActionMenu.Item";const Ya=({anchorContent:t,renderAnchor:r=(t=>e.createElement(qr,t)),anchorRef:a,onAction:i,open:l,setOpen:d,overlayProps:s,items:c,...f})=>{const[g,u]=qa(l,d,!1),p=zr(a),b=o((()=>u(!0)),[u]),m=o((()=>u(!1)),[u]),h=n((()=>null===r?null:e=>r({"aria-label":"menu",children:t,...e})),[t,r]),v=n((()=>c.map((e=>({...e,role:"menuitem",onAction:(t,r)=>{var o;const a=null!==(o=e.onAction)&&void 0!==o?o:i;null==a||a(t,r),r.defaultPrevented||m()}})))),[c,i,m]);return e.createElement(Ka,{renderAnchor:h,anchorRef:p,open:g,onOpen:b,onClose:m,overlayProps:s},e.createElement(Wa,Pt({},f,{role:"menu",items:v})))};Ya.displayName="ActionMenuBase",Ya.displayName="ActionMenu";const Ja=Object.assign(Ya,{Divider:Ta,Item:Xa}),Za=s(null);var Qa,en={exports:{}};
|
|
581
591
|
/*!
|
|
582
592
|
Copyright (c) 2018 Jed Watson.
|
|
583
593
|
Licensed under the MIT License (MIT), see
|
|
584
594
|
http://jedwatson.github.io/classnames
|
|
585
|
-
*/
|
|
595
|
+
*/Qa=en,function(){var e={}.hasOwnProperty;function t(){for(var r=[],o=0;o<arguments.length;o++){var a=arguments[o];if(a){var n=typeof a;if("string"===n||"number"===n)r.push(a);else if(Array.isArray(a)){if(a.length){var i=t.apply(null,a);i&&r.push(i)}}else if("object"===n)if(a.toString===Object.prototype.toString)for(var l in a)e.call(a,l)&&a[l]&&r.push(l);else r.push(a.toString())}}return r.join(" ")}Qa.exports?(t.default=t,Qa.exports=t):window.classNames=t}();var tn=en.exports;var rn=f.input`
|
|
586
596
|
border: 0;
|
|
587
597
|
font-size: inherit;
|
|
588
598
|
font-family: inherit;
|
|
@@ -595,7 +605,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
595
605
|
}
|
|
596
606
|
|
|
597
607
|
${rr};
|
|
598
|
-
`;const
|
|
608
|
+
`;const on=ue({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}});var an=f.span`
|
|
599
609
|
display: inline-flex;
|
|
600
610
|
align-items: stretch;
|
|
601
611
|
min-height: 34px;
|
|
@@ -630,6 +640,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
630
640
|
${e=>e.disabled&&p(["color:",";background-color:",";border-color:",";"],Nt("colors.primer.fg.disabled"),Nt("colors.input.disabledBg"),Nt("colors.border.default"))}
|
|
631
641
|
|
|
632
642
|
${e=>e.block&&p(["display:block;width:100%;"])}
|
|
643
|
+
|
|
644
|
+
${e=>e.block&&e.hasIcon&&p(["display:flex;"])}
|
|
633
645
|
|
|
634
646
|
// Ensures inputs don't zoom on mobile but are body-font size on desktop
|
|
635
647
|
@media (min-width: ${Nt("breakpoints.1")}) {
|
|
@@ -638,9 +650,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
638
650
|
${he}
|
|
639
651
|
${xe}
|
|
640
652
|
${we}
|
|
641
|
-
${
|
|
653
|
+
${on}
|
|
642
654
|
${rr};
|
|
643
|
-
`;const
|
|
655
|
+
`;const nn=e.forwardRef((({icon:t,block:r,className:o,contrast:a,disabled:n,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:f,...g},u)=>{const p=tn(o,"TextInput-wrapper");return e.createElement(an,{block:r,className:p,contrast:a,disabled:n,hasIcon:!!t,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:f},t&&e.createElement(t,{className:"TextInput-icon"}),e.createElement(rn,Pt({ref:u,disabled:n},g)))}));nn.defaultProps={type:"text"},nn.displayName="TextInput";var ln=nn;const dn=e.forwardRef((({as:r=ln,onFocus:n,onBlur:i,onChange:l,onKeyDown:s,onKeyUp:c,onKeyPress:f,value:g,...u},p)=>{const b=d(Za);if(null===b)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:m,autocompleteSuggestion:h="",id:v,inputRef:x,inputValue:y="",isMenuDirectlyActivated:w,setInputValue:B,setShowMenu:$,showMenu:k}=b,T=Wo(x,p),[S,E]=t(!0),C=o((e=>{n&&n(e),$(!0)}),[n,$]),z=o((e=>{i&&i(e),setTimeout((()=>{document.activeElement!==T.current&&$(!1)}),0)}),[i,$,T]),N=o((e=>{l&&l(e),B(e.currentTarget.value),k||$(!0)}),[l,B,$,k]),I=o((e=>{var t;s&&s(e),"Backspace"===e.key&&E(!1),"Escape"===e.key&&null!==(t=x.current)&&void 0!==t&&t.value&&(B(""),x.current.value="")}),[x,B,E,s]),A=o((e=>{c&&c(e),"Backspace"===e.key&&E(!0)}),[E,c]),R=o((e=>{if(f&&f(e),k&&"Enter"===e.key&&m.current){e.preventDefault(),e.nativeEvent.stopImmediatePropagation();const t=new KeyboardEvent(e.type,e.nativeEvent);m.current.dispatchEvent(t)}}),[m,k,f]);return a((()=>{x.current&&(h||(x.current.value=y),S&&h&&(y||w)&&(x.current.value=h,0===h.toLowerCase().indexOf(y.toLowerCase())&&x.current.setSelectionRange(y.length,h.length)))}),[h,y,x,w]),a((()=>{g&&B(g.toString())}),[g,B]),e.createElement(r,Pt({onFocus:C,onBlur:z,onChange:N,onKeyDown:I,onKeyPress:R,onKeyUp:A,ref:T,"aria-controls":`${v}-listbox`,"aria-autocomplete":"both",role:"combobox","aria-expanded":k,"aria-haspopup":"listbox","aria-owns":`${v}-listbox`,autocomplete:"off"},u))}));dn.displayName="AutocompleteInput";var sn=dn;const cn=(e,t,r="vertical",o=8,a=0,n="smooth")=>{const i="vertical"===r?"top":"left",l="vertical"===r?"bottom":"right",d="vertical"===r?"scrollTop":"scrollLeft",{[i]:s,[l]:c}=e.getBoundingClientRect(),{[i]:f,[l]:g}=t.getBoundingClientRect(),u=c>g-o;if(s<f+a){const e=s-f+t[d];t.scrollTo({behavior:n,[i]:e-a})}else if(u){const e=c-g+t[d];t.scrollTo({behavior:n,[i]:e+o})}};function fn(o){const i=d(Za);if(null===i)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:l,id:s,inputRef:c,inputValue:f="",scrollContainerRef:g,setAutocompleteSuggestion:u,setShowMenu:p,setInputValue:b,setIsMenuDirectlyActivated:m,setSelectedItemLength:h,showMenu:v}=i,{items:x,selectedItemIds:y,sortOnCloseFn:w,emptyStateText:B,addNewItem:$,loading:k,selectionVariant:T,filterFn:S,"aria-labelledby":E,onOpenChange:C,onSelectedChange:z,customScrollContainerRef:N}=o,I=r(null),[A,R]=t(),[L,O]=t(x.map((({id:e})=>e))),M=n((()=>x.map((e=>({...e,role:"option",id:e.id,selected:"multiple"===T?y.includes(e.id):void 0,onAction:e=>{const t=y.filter((t=>t!==e.id)),r=y.includes(e.id)?t:[...t,e.id];var o,a;((z||(o=b,function(e){const{text:t=""}=Array.isArray(e)?e.slice(-1)[0]:e;o(t)}))(r.map((e=>function(e,t){return t.find((t=>t.id===e))}(e,x)))),"multiple"===T)?(b(""),u("")):(p(!1),null===(a=c.current)||void 0===a||a.setSelectionRange(c.current.value.length,c.current.value.length))}})))),[x,y,c,z,T,u,b,p]),P=n((()=>L.reduce(((e,t,r)=>(e[t]=r,e)),{})),[L]),H=n((()=>{return M.filter(S||(e=f,function(t,r){var o;return Boolean(null===(o=t.text)||void 0===o?void 0:o.toLowerCase().startsWith(e.toLowerCase()))})).sort(((e,t)=>P[e.id]-P[t.id]));var e}),[M,P,S,f]),D=n((()=>[...H,...$?[{...$,leadingVisual:()=>e.createElement(fo,null),onAction:e=>{$.handleAddItem({...e,id:e.id||Hr(),leadingVisual:void 0}),"multiple"===T&&(b(""),u(""))}}]:[]]),[H,$,u,T,b]);return Mo({containerRef:I,focusOutBehavior:"wrap",focusableElementFilter:e=>!(e instanceof HTMLInputElement),activeDescendantFocus:c,onActiveDescendantChanged:(e,t,r)=>{if(l.current=e||null,e){const t=M.find((t=>t.id.toString()===e.getAttribute("data-id")));R(t),m(r)}e&&N&&N.current&&r?cn(e,N.current):e&&g.current&&r&&cn(e,g.current)}},[k]),a((()=>{var e;null!=A&&null!==(e=A.text)&&void 0!==e&&e.startsWith(f)&&!y.includes(A.id)?u(A.text):u("")}),[A,f,y,u]),a((()=>{const e=[...L].sort(w||(t=e=>((e,t)=>t.includes(e))(e,y),(e,r)=>t(e)===t(r)?0:t(e)?-1:1));var t;const r=e.length===L.length&&e.every(((e,t)=>e===L[t]));!1!==v||r||O(e),C&&C(Boolean(v))}),[v,C,y,w,L]),a((()=>{y.length&&h(y.length)}),[y,h]),e.createElement(or,{sx:v?{}:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"}},k?e.createElement(or,{p:3,display:"flex",justifyContent:"center"},e.createElement(kl,null)):e.createElement("div",{ref:I},D.length?e.createElement(Fa,{selectionVariant:"multiple",items:D,role:"listbox",id:`${s}-listbox`,"aria-labelledby":E}):e.createElement(or,{p:3},B)))}function gn({menuAnchorRef:t,overlayProps:r,children:a}){const n=d(Za);if(null===n)throw new Error("AutocompleteContext returned null values");const{inputRef:i,scrollContainerRef:l,selectedItemLength:s,setShowMenu:c,showMenu:f=!1}=n,{floatingElementRef:g,position:u}=Eo({side:"outside-bottom",align:"start",anchorElementRef:t||i},[f,s]),p=Wo(l,g),b=o((()=>{c(!1)}),[c]);return"undefined"==typeof window?null:e.createElement(Va,Pt({returnFocusRef:i,preventFocusOnOpen:!0,onClickOutside:b,onEscape:b,ref:p,top:null==u?void 0:u.top,left:null==u?void 0:u.left,visibility:f?"visible":"hidden",sx:{overflow:"auto"}},r),a)}fn.displayName="AutocompleteMenu",fn.defaultProps={emptyStateText:"No selectable options",selectionVariant:"single"},fn.displayName="AutocompleteMenu",gn.displayName="AutocompleteOverlay",gn.displayName="AutocompleteOverlay";const un={inputValue:"",showMenu:!1,isMenuDirectlyActivated:!1,autocompleteSuggestion:"",selectedItemLength:0},pn=(e,t)=>{const{type:r,payload:o}=t;switch(r){case"inputValue":return{...e,inputValue:o};case"showMenu":return{...e,showMenu:o};case"isMenuDirectlyActivated":return{...e,isMenuDirectlyActivated:o};case"autocompleteSuggestion":return{...e,autocompleteSuggestion:o};case"selectedItemLength":return{...e,selectedItemLength:o};default:return e}},bn=({children:t,id:a})=>{const n=r(null),i=r(null),l=r(null),[d,s]=c(pn,un),{inputValue:f,showMenu:g,autocompleteSuggestion:u,isMenuDirectlyActivated:p,selectedItemLength:b}=d,m=o((e=>{s({type:"inputValue",payload:e})}),[]),h=o((e=>{s({type:"showMenu",payload:e})}),[]),v=o((e=>{s({type:"autocompleteSuggestion",payload:e})}),[]),x=o((e=>{s({type:"isMenuDirectlyActivated",payload:e})}),[]),y=o((e=>{s({type:"selectedItemLength",payload:e})}),[]),w=Go(a);return e.createElement(Za.Provider,{value:{activeDescendantRef:n,autocompleteSuggestion:u,id:w,inputRef:l,inputValue:f,isMenuDirectlyActivated:p,scrollContainerRef:i,selectedItemLength:b,setAutocompleteSuggestion:v,setInputValue:m,setIsMenuDirectlyActivated:x,setShowMenu:h,setSelectedItemLength:y,showMenu:g}},t)};bn.displayName="Autocomplete";var mn=Object.assign(bn,{Input:sn,Menu:fn,Overlay:gn});const hn=f.img.attrs((e=>({height:e.size,width:e.size})))`
|
|
644
656
|
display: inline-block;
|
|
645
657
|
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
|
646
658
|
line-height: ${Nt("lineHeights.condensedUltra")};
|
|
@@ -648,12 +660,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
648
660
|
border-radius: ${e=>function({size:e,square:t}){return t?e&&e<=24?"4px":"6px":"50%"}(e)};
|
|
649
661
|
${It};
|
|
650
662
|
${rr}
|
|
651
|
-
`;
|
|
663
|
+
`;hn.defaultProps={size:20,alt:"",square:!1};var vn=hn;const xn=f(vn)`
|
|
652
664
|
position: absolute;
|
|
653
665
|
right: -15%;
|
|
654
666
|
bottom: -9%;
|
|
655
667
|
box-shadow: ${Nt("shadows.avatar.childShadow")};
|
|
656
|
-
`,
|
|
668
|
+
`,yn=({children:t,...r})=>{const o=e.Children.map(t,((t,r)=>e.isValidElement(t)?0===r?e.cloneElement(t,{size:40}):e.createElement(xn,Pt({bg:"canvas.default"},t.props,{size:20})):t));return e.createElement(or,Pt({position:"relative",display:"inline-flex"},r),o)};yn.displayName="AvatarPair",yn.displayName="AvatarPair";var wn=yn;const Bn=f.span`
|
|
657
669
|
display: flex;
|
|
658
670
|
position: relative;
|
|
659
671
|
height: 20px;
|
|
@@ -768,7 +780,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
768
780
|
}
|
|
769
781
|
|
|
770
782
|
${rr};
|
|
771
|
-
|
|
783
|
+
`,$n=({children:t,alignRight:r,sx:o})=>{const a=e.Children.count(t),n=tn({"pc-AvatarStack--two":2===a,"pc-AvatarStack--three-plus":a>2,"pc-AvatarStack--right":r});return e.createElement(Bn,{count:a,className:n,sx:o},e.createElement(or,{position:"absolute",display:"flex",width:"38px",className:"pc-AvatarStackBody"},(t=>e.Children.map(t,((t,r)=>e.isValidElement(t)?e.cloneElement(t,{className:tn(t.props.className,"pc-AvatarItem"),sx:{zIndex:10-r,...t.props.sx}}):t)))(t)))};$n.displayName="AvatarStack";var kn=$n;var Tn=f.a`
|
|
772
784
|
display: inline-block;
|
|
773
785
|
padding: 2px 6px;
|
|
774
786
|
font-size: ${Nt("fontSizes.0")};
|
|
@@ -778,7 +790,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
778
790
|
border-radius: ${Nt("radii.2")};
|
|
779
791
|
${It};
|
|
780
792
|
${rr};
|
|
781
|
-
`;const
|
|
793
|
+
`;const Sn=f.li`
|
|
782
794
|
display: inline-block;
|
|
783
795
|
white-space: nowrap;
|
|
784
796
|
list-style: none;
|
|
@@ -797,13 +809,13 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
797
809
|
content: none;
|
|
798
810
|
}
|
|
799
811
|
}
|
|
800
|
-
`,
|
|
812
|
+
`,En=f.nav`
|
|
801
813
|
display: flex;
|
|
802
814
|
justify-content: space-between;
|
|
803
815
|
${It};
|
|
804
816
|
${Mt};
|
|
805
817
|
${rr};
|
|
806
|
-
`;function
|
|
818
|
+
`;function Cn({className:t,children:r,theme:o,...a}){const n=e.Children.map(r,(t=>e.createElement(Sn,{theme:o},t)));return e.createElement(En,Pt({className:t,"aria-label":"Breadcrumbs",theme:o},a),e.createElement(or,{as:"ol",my:0,pl:0},n))}Cn.displayName="Breadcrumbs";const zn=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:tn(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
|
|
807
819
|
color: ${Nt("colors.accent.fg")};
|
|
808
820
|
display: inline-block;
|
|
809
821
|
font-size: ${Nt("fontSizes.1")};
|
|
@@ -817,7 +829,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
817
829
|
}
|
|
818
830
|
${It}
|
|
819
831
|
${rr};
|
|
820
|
-
`;
|
|
832
|
+
`;Cn.displayName="Breadcrumbs",zn.displayName="Breadcrumbs.Item";var Nn=Object.assign(Cn,{Item:zn});const In=Object.assign(Cn,{Item:zn}),An={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},Rn={top:"Left",right:"Top",bottom:"Left",left:"Top"};function Ln(e,t,r){const o=An[e].toLowerCase(),a=Rn[e].toLowerCase();return{[o]:"100%",[t||a]:t?r:"50%"}}const On=Tt({prop:"bg",key:"colors"}),Mn=Tt({prop:"borderColor",key:"colors"}),Pn=Tt({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function Hn(t){var r;const o=e.useContext(b),a={...t,theme:null!==(r=t.theme)&&void 0!==r?r:o},{bg:n}=On(a),{borderColor:i}=Mn(a),{borderWidth:l}=Pn(a),{size:d=8,location:s="bottom"}=t,[c,f]=function(e){const[t,r]=e.split("-");return[t,r]}(s),g=Rn[c],u=[-d,0],p=[0,d],m=[d,0],h=`M${u}L${p}L${m}L${u}Z`,v=`M${u}L${p}L${m}`,x={top:`translate(${[d,2*d]}) rotate(180)`,right:`translate(${[0,d]}) rotate(-90)`,bottom:`translate(${[d,0]})`,left:`translate(${[2*d,d]}) rotate(90)`}[c];return e.createElement("svg",{width:2*d,height:2*d,style:{pointerEvents:"none",position:"absolute",...Ln(c,f,d),[`margin${g}`]:f?null:-d}},e.createElement("g",{transform:x},e.createElement("path",{d:h,fill:n}),e.createElement("path",{d:v,fill:"none",stroke:i,strokeWidth:l})))}Hn.displayName="Caret",Hn.locations=["top","top-left","top-right","right","right-top","right-bottom","bottom","bottom-left","bottom-right","left","left-top","left-bottom"],Hn.defaultProps={bg:"canvas.default",borderColor:"border.default",borderWidth:1};const Dn={small:56,medium:96,large:128},Wn=f.div`
|
|
821
833
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
822
834
|
align-items: center;
|
|
823
835
|
justify-content: center;
|
|
@@ -825,13 +837,13 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
825
837
|
border-radius: 50%;
|
|
826
838
|
box-shadow: ${Nt("shadows.shadow.medium")};
|
|
827
839
|
${It};
|
|
828
|
-
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:
|
|
840
|
+
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:Dn[t];return{width:r,height:r}}};
|
|
829
841
|
${rr};
|
|
830
|
-
`,
|
|
842
|
+
`,Fn=f(Oo)`
|
|
831
843
|
height: auto;
|
|
832
844
|
max-width: 60%;
|
|
833
845
|
max-height: 55%;
|
|
834
|
-
`;
|
|
846
|
+
`;Wn.defaultProps={inline:!1},Fn.displayName="CircleBadge.Icon";var _n=Object.assign(Wn,{Icon:Fn});function jn(t){const{size:r,as:o}=t,{icon:a,bg:n,...i}=t;return e.createElement(or,{as:o,bg:n,overflow:"hidden",borderWidth:0,size:r,borderRadius:"50%",borderStyle:"solid",borderColor:"border.default"},e.createElement(or,Pt({display:"flex"},i,{alignItems:"center",justifyContent:"center"}),e.createElement(a,{size:r})))}jn.displayName="CircleOcticon",jn.defaultProps={...or.defaultProps,size:32};var Un=f.span`
|
|
835
847
|
display: inline-block;
|
|
836
848
|
padding: 2px 5px;
|
|
837
849
|
font-size: ${Nt("fontSizes.0")};
|
|
@@ -847,7 +859,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
847
859
|
}
|
|
848
860
|
|
|
849
861
|
${rr};
|
|
850
|
-
`;const
|
|
862
|
+
`;const Gn=f.details`
|
|
851
863
|
& > summary {
|
|
852
864
|
list-style: none;
|
|
853
865
|
}
|
|
@@ -857,11 +869,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
857
869
|
|
|
858
870
|
${It}
|
|
859
871
|
${rr};
|
|
860
|
-
`;
|
|
872
|
+
`;Gn.displayName="Details";var Vn=Gn;const Kn=()=>null;function qn(e){const t=e;return t.tabIndex>=0&&!t.disabled&&function(e){return!e.hidden&&(!e.type||"hidden"!==e.type)&&(e.offsetWidth>0||e.offsetHeight>0)}(t)}var Xn=f.span`
|
|
861
873
|
${At};
|
|
862
874
|
${It};
|
|
863
875
|
${rr};
|
|
864
|
-
`;const
|
|
876
|
+
`;const Yn=()=>null,Jn=f.div`
|
|
865
877
|
box-shadow: ${Nt("shadows.shadow.large")};
|
|
866
878
|
border-radius: ${Nt("radii.2")};
|
|
867
879
|
position: fixed;
|
|
@@ -885,7 +897,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
885
897
|
${Lt};
|
|
886
898
|
${It};
|
|
887
899
|
${rr};
|
|
888
|
-
`,
|
|
900
|
+
`,Zn=f(or)`
|
|
889
901
|
border-radius: ${Nt("radii.2")} ${Nt("radii.2")} 0px 0px;
|
|
890
902
|
border-bottom: 1px solid ${Nt("colors.border.default")};
|
|
891
903
|
display: flex;
|
|
@@ -895,7 +907,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
895
907
|
}
|
|
896
908
|
|
|
897
909
|
${rr};
|
|
898
|
-
`;function
|
|
910
|
+
`;function Qn({theme:t,children:r,backgroundColor:o="gray.1",...a}){return e.Children.toArray(r).every((e=>"string"==typeof e))&&(r=e.createElement(Xn,{theme:t,color:"fg.default",fontSize:1,fontWeight:"bold",fontFamily:"sans-serif"},r)),e.createElement(Zn,Pt({theme:t,p:3,backgroundColor:o},a),r)}Qn.displayName="DialogHeader";const ei=f.span`
|
|
899
911
|
&:before {
|
|
900
912
|
position: fixed;
|
|
901
913
|
top: 0;
|
|
@@ -909,10 +921,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
909
921
|
z-index: 99;
|
|
910
922
|
background: ${Nt("colors.primer.canvas.backdrop")};
|
|
911
923
|
}
|
|
912
|
-
`,
|
|
924
|
+
`,ti=i((({children:t,onDismiss:n=Yn,isOpen:i,initialFocusRef:l,returnFocusRef:d,...s},c)=>{const f=r(null),g=Wo(c),u=r(null),p=()=>{n(),d&&d.current&&d.current.focus()},{getDialogProps:b}=function({modalRef:e,overlayRef:t,isOpen:r,onDismiss:n=Kn,initialFocusRef:i,closeButtonRef:l}){const d=o((r=>{e.current&&t.current&&!e.current.contains(r.target)&&t.current.contains(r.target)&&n()}),[n,e,t]);a((()=>{if(r)return document.addEventListener("click",d),()=>{document.removeEventListener("click",d)}}),[r,d]),a((()=>{r&&(i&&i.current?i.current.focus():l&&l.current&&l.current.focus())}),[r,i,l]);const s=o(((t,r)=>{if(e.current){const o=Array.from(e.current.querySelectorAll("*")).filter(qn);if(0===o.length)return;t.preventDefault();const a=document.activeElement;if(!a)return;const n=o.indexOf(a)+r,i=1===r?0:o.length-1;return o[n]||o[i]}}),[e]),c=o((e=>{const t=e.shiftKey?-1:1,r=s(e,t);r&&r.focus()}),[s]),f=o((e=>{switch(e.key){case"Tab":c(e);break;case"Escape":n(),e.stopPropagation()}}),[c,n]);return{getDialogProps:()=>({onKeyDown:f})}}({modalRef:g,onDismiss:p,isOpen:i,initialFocusRef:l,closeButtonRef:u,returnFocusRef:d,overlayRef:f});return i?e.createElement(e.Fragment,null,e.createElement(ei,{ref:f}),e.createElement(Jn,Pt({tabIndex:-1,ref:g,role:"dialog","aria-modal":"true"},s,b()),e.createElement(mo,{ref:u,onClick:p,sx:{position:"absolute",top:"16px",right:"16px"}}),t)):null}));Qn.defaultProps={backgroundColor:"canvas.subtle"},Qn.propTypes={...or.propTypes},Qn.displayName="Dialog.Header",ti.displayName="Dialog";var ri=Object.assign(ti,{Header:Qn});var oi=(e,t)=>({w:`\n top: 0;\n right: 100%;\n left: auto;\n width: auto;\n margin-top: 0;\n margin-right: 10px;\n\n &::before {\n top: 10px;\n right: -16px;\n left: auto;\n border-color: transparent;\n border-left-color: ${Nt("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n right: -14px;\n left: auto;\n border-color: transparent;\n border-left-color: ${Nt("colors.border.default")(e)};\n }\n `,e:`\n top: 0;\n left: 100%;\n width: auto;\n margin-top: 0;\n margin-left: 10px;\n\n &::before {\n top: 10px;\n left: -16px;\n border-color: transparent;\n border-right-color: ${Nt("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: ${Nt("colors.border.default")(e)};\n }\n `,ne:`\n top: auto;\n bottom: 100%;\n left: 0;\n margin-bottom: 3px;\n\n &::before,\n &::after {\n top: auto;\n right: auto;\n }\n\n &::before {\n bottom: -8px;\n left: 9px;\n border-top: 8px solid ${Nt("colors.border.default")(e)};\n border-bottom: 0;\n border-left: 8px solid transparent;\n }\n\n &::after {\n bottom: -7px;\n left: 10px;\n border-top: 7px solid ${Nt("colors.border.default")(e)};\n border-right: 7px solid transparent;\n border-bottom: 0;\n border-left: 7px solid transparent;\n }\n `,s:"\n right: 50%;\n left: auto;\n transform: translateX(50%);\n\n &::before {\n top: -16px;\n right: 50%;\n transform: translateX(50%);\n }\n\n &::after {\n top: -14px;\n right: 50%;\n transform: translateX(50%);\n }\n ",sw:"\n right: 0;\n left: auto;\n\n &::before {\n top: -16px;\n right: 9px;\n left: auto;\n }\n\n &::after {\n top: -14px;\n right: 10px;\n left: auto;\n }\n ",se:"\n &::before {\n top: -16px;\n left: 9px;\n }\n\n &::after {\n top: -14px;\n left: 10px;\n }\n "}[t]);const ai=f(Vn)`
|
|
913
925
|
position: relative;
|
|
914
926
|
display: inline-block;
|
|
915
|
-
`,
|
|
927
|
+
`,ni=({children:t,className:r,...o})=>{const{getDetailsProps:a}=mr({closeOnOutsideClick:!0});return e.createElement(ai,Pt({className:r},a(),o),t)};ni.displayName="Dropdown";const ii=({children:t,...r})=>e.createElement(qr,Pt({as:"summary","aria-haspopup":"true"},r),t,e.createElement(li,null));ii.displayName="DropdownButton";const li=f.div`
|
|
916
928
|
border: 4px solid transparent;
|
|
917
929
|
margin-left: 12px;
|
|
918
930
|
border-top-color: currentcolor;
|
|
@@ -924,7 +936,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
924
936
|
width: 0;
|
|
925
937
|
${It};
|
|
926
938
|
${rr};
|
|
927
|
-
`,
|
|
939
|
+
`,di=f.ul`
|
|
928
940
|
background-clip: padding-box;
|
|
929
941
|
background-color: ${Nt("colors.canvas.overlay")};
|
|
930
942
|
border: 1px solid ${Nt("colors.border.default")};
|
|
@@ -965,10 +977,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
965
977
|
> ul {
|
|
966
978
|
list-style: none;
|
|
967
979
|
}
|
|
968
|
-
${e=>e.direction?
|
|
980
|
+
${e=>e.direction?oi(e.theme,e.direction):""};
|
|
969
981
|
${It};
|
|
970
982
|
${rr};
|
|
971
|
-
`,
|
|
983
|
+
`,si=f.li`
|
|
972
984
|
display: block;
|
|
973
985
|
padding: ${Nt("space.1")} 10px ${Nt("space.1")} 15px;
|
|
974
986
|
overflow: hidden;
|
|
@@ -1001,7 +1013,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1001
1013
|
}
|
|
1002
1014
|
${It};
|
|
1003
1015
|
${rr};
|
|
1004
|
-
`;
|
|
1016
|
+
`;di.defaultProps={direction:"sw"},di.displayName="Dropdown.Menu",si.displayName="Dropdown.Item",ii.defaultProps=qr.defaultProps,ii.displayName="Dropdown.Button",li.displayName="Dropdown.Caret",ni.defaultProps=Vn.defaultProps;var ci=Object.assign(ni,{Caret:li,Menu:di,Item:si,Button:ii});const fi=e.forwardRef((({children:t,...r},o)=>e.createElement(qr,Pt({ref:o,type:"button"},r),t,e.createElement(Oo,{icon:uo,ml:1}))));function gi({renderAnchor:t=(t=>e.createElement(fi,t)),anchorRef:r,placeholder:a,selectedItem:i,onChange:l,overlayProps:d,items:s,open:c,onOpenChange:f,...g}){const[u,p]=qa(c,f,!1),b=o((()=>p(!0)),[p]),m=o((()=>p(!1)),[p]),h=zr(r),v=n((()=>null===t?null:e=>{var r;return t({...e,children:null!==(r=null==i?void 0:i.text)&&void 0!==r?r:a})}),[a,t,null==i?void 0:i.text]),x=n((()=>s.map((e=>({...e,role:"option",selected:e===i,onAction:(t,r)=>{var o;null===(o=e.onAction)||void 0===o||o.call(e,t,r),r.defaultPrevented||(m(),null==l||l(e===i?void 0:e))}})))),[s,l,m,i]);return e.createElement(Ka,{renderAnchor:v,anchorRef:h,open:u,onOpen:b,onClose:m,overlayProps:d},e.createElement(Wa,Pt({},g,{role:"listbox",items:x})))}gi.displayName="DropdownMenu",gi.displayName="DropdownMenu";var ui=f.div`
|
|
1005
1017
|
${It};
|
|
1006
1018
|
display: flex;
|
|
1007
1019
|
align-items: stretch;
|
|
@@ -1020,11 +1032,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1020
1032
|
}
|
|
1021
1033
|
|
|
1022
1034
|
${rr}
|
|
1023
|
-
`;const
|
|
1035
|
+
`;const pi=f.ul`
|
|
1024
1036
|
list-style-type: none;
|
|
1025
1037
|
${It};
|
|
1026
1038
|
${rr};
|
|
1027
|
-
`,
|
|
1039
|
+
`,bi=({children:t,...r})=>{const o=e.Children.map(t,(t=>e.createElement("li",null,t)));return e.createElement(pi,r,o)};bi.displayName="FilterList";const mi=f.a`
|
|
1028
1040
|
position: relative;
|
|
1029
1041
|
display: block;
|
|
1030
1042
|
padding: ${e=>e.small?`${Nt("space.1")(e)} 10px`:`${Nt("space.2")(e)} 11px`};
|
|
@@ -1052,7 +1064,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1052
1064
|
}
|
|
1053
1065
|
${It};
|
|
1054
1066
|
${rr};
|
|
1055
|
-
`;function
|
|
1067
|
+
`;function hi({children:t,count:r,...o}){return e.createElement(mi,o,r&&e.createElement("span",{title:"results",className:"count"},r),t)}hi.displayName="FilterListItem",bi.defaultProps={m:0,p:0},hi.displayName="FilterList.Item";var vi=Object.assign(bi,{Item:hi});const xi=ue({variants:{default:{color:"fg.default",backgroundColor:"accent.subtle",borderColor:"accent.muted",svg:{color:"accent.fg"}},success:{color:"fg.default",backgroundColor:"success.subtle",borderColor:"success.muted",svg:{color:"success.fg"}},danger:{color:"fg.default",backgroundColor:"danger.subtle",borderColor:"danger.muted",svg:{color:"danger.fg"}},warning:{color:"fg.default",backgroundColor:"attention.subtle",borderColor:"attention.muted",svg:{color:"attention.fg"}}}}),yi=f.div`
|
|
1056
1068
|
position: relative;
|
|
1057
1069
|
color: ${Nt("colors.fg.default")};
|
|
1058
1070
|
padding: ${Nt("space.3")};
|
|
@@ -1070,14 +1082,14 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1070
1082
|
}
|
|
1071
1083
|
|
|
1072
1084
|
${It};
|
|
1073
|
-
${
|
|
1085
|
+
${xi};
|
|
1074
1086
|
${rr};
|
|
1075
|
-
`;
|
|
1087
|
+
`;yi.defaultProps={variant:"default"};var wi=yi;const Bi=f.div`
|
|
1076
1088
|
margin: ${Nt("space.3")} 0;
|
|
1077
1089
|
font-weight: ${Nt("fontWeights.normal")};
|
|
1078
1090
|
${It};
|
|
1079
1091
|
${rr};
|
|
1080
|
-
|
|
1092
|
+
`,$i=f.label`
|
|
1081
1093
|
display: block;
|
|
1082
1094
|
margin: 0 0 ${Nt("space.2")};
|
|
1083
1095
|
font-size: ${Nt("fontSizes.1")};
|
|
@@ -1085,7 +1097,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1085
1097
|
${At};
|
|
1086
1098
|
${It};
|
|
1087
1099
|
${rr};
|
|
1088
|
-
|
|
1100
|
+
`;$i.displayName="FormGroup.Label";var ki=Object.assign(Bi,{Label:$i});const Ti=f.div`
|
|
1089
1101
|
z-index: 32;
|
|
1090
1102
|
display: flex;
|
|
1091
1103
|
padding: ${Nt("space.3")};
|
|
@@ -1099,7 +1111,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1099
1111
|
${It}
|
|
1100
1112
|
${Rt}
|
|
1101
1113
|
${rr};
|
|
1102
|
-
`,
|
|
1114
|
+
`,Si=f.div`
|
|
1103
1115
|
display: flex;
|
|
1104
1116
|
margin-right: ${Nt("space.3")};
|
|
1105
1117
|
align-self: stretch;
|
|
@@ -1111,7 +1123,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1111
1123
|
${It};
|
|
1112
1124
|
${Rt};
|
|
1113
1125
|
${rr};
|
|
1114
|
-
`;
|
|
1126
|
+
`;Si.displayName="Header.Item";const Ei=f.a.attrs((({to:e})=>"string"==typeof e?{"aria-current":"page"}:{}))`
|
|
1115
1127
|
font-weight: ${Nt("fontWeights.bold")};
|
|
1116
1128
|
color: ${Nt("colors.header.logo")};
|
|
1117
1129
|
white-space: nowrap;
|
|
@@ -1129,14 +1141,14 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1129
1141
|
${Rt};
|
|
1130
1142
|
${At};
|
|
1131
1143
|
${rr};
|
|
1132
|
-
`;
|
|
1144
|
+
`;Ei.displayName="Header.Link";var Ci=Object.assign(Ti,{Link:Ei,Item:Si});const zi=f.h2`
|
|
1133
1145
|
font-weight: ${Nt("fontWeights.bold")};
|
|
1134
1146
|
font-size: ${Nt("fontSizes.5")};
|
|
1135
1147
|
margin: 0;
|
|
1136
1148
|
${At};
|
|
1137
1149
|
${It};
|
|
1138
1150
|
${rr};
|
|
1139
|
-
`;
|
|
1151
|
+
`;zi.defaultProps={theme:x};var Ni=zi;var Ii=f.span`
|
|
1140
1152
|
${It}
|
|
1141
1153
|
& * {
|
|
1142
1154
|
margin-right: ${Nt("space.1")};
|
|
@@ -1145,7 +1157,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1145
1157
|
margin-right: 0;
|
|
1146
1158
|
}
|
|
1147
1159
|
${rr};
|
|
1148
|
-
`;const
|
|
1160
|
+
`;const Ai=p(["margin-top:-1px;margin-bottom:-1px;color:",";border:"," solid ",";box-shadow:none;",";",";background-color:transparent;"],Nt("colors.fg.muted"),Nt("borderWidths.1"),Nt("colors.border.default"),ct,It),Ri=ue({variants:{small:{fontSize:0,lineHeight:"16px",padding:"0px 8px"},medium:{fontSize:0,lineHeight:"20px",padding:"0 8px"},large:{fontSize:0,lineHeight:"24px",padding:"0 12px"},xl:{fontSize:1,lineHeight:"16px",padding:"8px 12px"}}}),Li=f.span`
|
|
1149
1161
|
display: inline-block;
|
|
1150
1162
|
font-weight: ${Nt("fontWeights.semibold")};
|
|
1151
1163
|
color: ${Nt("colors.fg.onEmphasis")};
|
|
@@ -1155,17 +1167,17 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1155
1167
|
text-decoration: none;
|
|
1156
1168
|
}
|
|
1157
1169
|
|
|
1158
|
-
${
|
|
1170
|
+
${Ri}
|
|
1159
1171
|
${It}
|
|
1160
1172
|
${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
|
|
1161
|
-
${e=>e.outline?
|
|
1173
|
+
${e=>e.outline?Ai:""} // must be last to override other values
|
|
1162
1174
|
${rr}
|
|
1163
|
-
`;
|
|
1175
|
+
`;Li.defaultProps={bg:"neutral.emphasis",variant:"medium"};var Oi=Li;const Mi=L({hoverColor:{property:"color",scale:"colors"}});var Pi=f.a`
|
|
1164
1176
|
color: ${e=>e.muted?Nt("colors.fg.muted")(e):Nt("colors.accent.fg")(e)};
|
|
1165
1177
|
text-decoration: ${e=>e.underline?"underline":"none"};
|
|
1166
1178
|
&:hover {
|
|
1167
1179
|
text-decoration: ${e=>e.muted?"none":"underline"};
|
|
1168
|
-
${e=>e.hoverColor?
|
|
1180
|
+
${e=>e.hoverColor?Mi:e.muted?`color: ${Nt("colors.accent.fg")(e)}`:""};
|
|
1169
1181
|
}
|
|
1170
1182
|
&:is(button) {
|
|
1171
1183
|
display: inline-block;
|
|
@@ -1181,7 +1193,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1181
1193
|
${At};
|
|
1182
1194
|
${It};
|
|
1183
1195
|
${rr};
|
|
1184
|
-
`;var
|
|
1196
|
+
`;var Hi=f.div`
|
|
1185
1197
|
position: relative;
|
|
1186
1198
|
padding-top: ${Nt("space.4")};
|
|
1187
1199
|
padding-bottom: ${Nt("space.4")};
|
|
@@ -1189,7 +1201,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1189
1201
|
border-bottom: 1px solid ${Nt("colors.border.default")};
|
|
1190
1202
|
${It};
|
|
1191
1203
|
${rr};
|
|
1192
|
-
`;const
|
|
1204
|
+
`;const Di=f.a`
|
|
1193
1205
|
display: inline-block;
|
|
1194
1206
|
min-width: 32px;
|
|
1195
1207
|
padding: 5px 10px;
|
|
@@ -1289,12 +1301,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1289
1301
|
}
|
|
1290
1302
|
|
|
1291
1303
|
${It};
|
|
1292
|
-
`;function
|
|
1304
|
+
`;function Wi({theme:t,pageCount:r,currentPage:o,onPageChange:a,hrefBuilder:n,marginPageCount:i,showPages:l,surroundingPageCount:d}){const s=e.useCallback((e=>t=>a(t,e)),[a]),c=e.useMemo((()=>function(e,t,r,o,a){const n=[];if(r){const r=[],i=t=>{t>=1&&t<=e&&r.push(t)};let l=t-a,d=t+a;if(l<1&&d>e)l=1,d=e;else if(l<1)for(;l<1;)l++,d++;else if(d>e)for(;d>e;)l--,d--;for(let t=1;t<=o;t++){const r=t,o=e-(t-1);r>=l?d++:i(r),o<=d?l--:i(o)}for(let e=l;e<=d;e++)i(e);const s=r.slice().sort(((e,t)=>e-t)).filter(((e,t,r)=>!t||e!==r[t-1]));for(let e=0;e<s.length;e++){const r=s[e],o=r===t;0===e?(1!==r&&n.push({type:"BREAK",num:1}),n.push({type:"NUM",num:r,selected:o})):(1==r-s[e-1]||n.push({type:"BREAK",num:r-1}),n.push({type:"NUM",num:r,selected:o}))}const c=n[n.length-1];"NUM"===c.type&&c.num!==e&&n.push({type:"BREAK",num:e})}const i={type:"NEXT",num:t+1,disabled:t===e};return[{type:"PREV",num:t-1,disabled:1===t},...n,i]}(r,o,!!l,i,d)),[r,o,l,i,d]);return e.useMemo((()=>c.map((r=>{const{props:o,key:a,content:i}=function(e,t,r){const o={};let a="",n="";switch(e.type){case"PREV":n="page-prev",a="Previous",e.disabled?Object.assign(o,{as:"span","aria-disabled":"true"}):Object.assign(o,{rel:"prev",href:t(e.num),"aria-label":"Previous Page",onClick:r});break;case"NEXT":n="page-next",a="Next",e.disabled?Object.assign(o,{as:"span","aria-disabled":"true"}):Object.assign(o,{rel:"next",href:t(e.num),"aria-label":"Next Page",onClick:r});break;case"NUM":n=`page-${e.num}`,a=String(e.num),e.selected?Object.assign(o,{as:"em","aria-current":"page"}):Object.assign(o,{href:t(e.num),"aria-label":`Page ${e.num}`,onClick:r});break;case"BREAK":n=`page-${e.num}-break`,a="…",Object.assign(o,{as:"span","aria-disabled":!0})}return{props:o,key:n,content:a}}(r,n,s(r.num));return e.createElement(Di,Pt({},o,{key:a,theme:t}),i)}))),[c,n,s,t])}const Fi=f.nav`
|
|
1293
1305
|
margin-top: 20px;
|
|
1294
1306
|
margin-bottom: 15px;
|
|
1295
1307
|
text-align: center;
|
|
1296
1308
|
${rr};
|
|
1297
|
-
`;function
|
|
1309
|
+
`;function _i({theme:t,pageCount:r,currentPage:o,onPageChange:a=Ui,hrefBuilder:n=ji,marginPageCount:i=1,showPages:l=!0,surroundingPageCount:d=2,...s}){const c=Wi({theme:t,pageCount:r,currentPage:o,onPageChange:a,hrefBuilder:n,marginPageCount:i,showPages:l,surroundingPageCount:d});return e.createElement(Fi,Pt({"aria-label":"Pagination"},s,{theme:t}),e.createElement(or,{display:"inline-block",theme:t},c))}function ji(e){return`#${e}`}function Ui(){}function Gi(t){const{bg:r,border:o,borderColor:a,theme:n}=t,{caret:i,children:l,...d}=t,s={bg:r,borderColor:a,borderWidth:o,location:i,theme:n};return e.createElement(nr,Pt({sx:{position:"relative"}},d),l,e.createElement(Hn,s))}_i.displayName="Pagination",_i.defaultProps={hrefBuilder:ji,marginPageCount:1,onPageChange:Ui,showPages:!0,surroundingPageCount:2},Gi.displayName="PointerBox";const Vi=f.div.attrs((({className:e,caret:t})=>({className:tn(e,`caret-pos--${t}`)})))`
|
|
1298
1310
|
position: ${e=>e.relative?"relative":"absolute"};
|
|
1299
1311
|
z-index: 100;
|
|
1300
1312
|
display: ${e=>e.open?"block":"none"};
|
|
@@ -1303,7 +1315,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1303
1315
|
${Lt};
|
|
1304
1316
|
${Ot};
|
|
1305
1317
|
${rr};
|
|
1306
|
-
`,
|
|
1318
|
+
`,Ki=f(or)`
|
|
1307
1319
|
border: 1px solid ${Nt("colors.border.default")};
|
|
1308
1320
|
border-radius: ${Nt("radii.2")};
|
|
1309
1321
|
position: relative;
|
|
@@ -1340,9 +1352,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1340
1352
|
}
|
|
1341
1353
|
|
|
1342
1354
|
// Bottom-oriented carets
|
|
1343
|
-
${
|
|
1344
|
-
${
|
|
1345
|
-
${
|
|
1355
|
+
${Vi}.caret-pos--bottom & ,
|
|
1356
|
+
${Vi}.caret-pos--bottom-right & ,
|
|
1357
|
+
${Vi}.caret-pos--bottom-left & {
|
|
1346
1358
|
&::before,
|
|
1347
1359
|
&::after {
|
|
1348
1360
|
top: auto;
|
|
@@ -1362,8 +1374,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1362
1374
|
}
|
|
1363
1375
|
|
|
1364
1376
|
// Top & Bottom: Right-oriented carets
|
|
1365
|
-
${
|
|
1366
|
-
${
|
|
1377
|
+
${Vi}.caret-pos--top-right & ,
|
|
1378
|
+
${Vi}.caret-pos--bottom-right & {
|
|
1367
1379
|
right: -9px;
|
|
1368
1380
|
margin-right: 0;
|
|
1369
1381
|
|
|
@@ -1383,8 +1395,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1383
1395
|
}
|
|
1384
1396
|
|
|
1385
1397
|
// Top & Bottom: Left-oriented carets
|
|
1386
|
-
${
|
|
1387
|
-
${
|
|
1398
|
+
${Vi}.caret-pos--top-left & ,
|
|
1399
|
+
${Vi}.caret-pos--bottom-left & {
|
|
1388
1400
|
left: -9px;
|
|
1389
1401
|
margin-left: 0;
|
|
1390
1402
|
|
|
@@ -1400,12 +1412,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1400
1412
|
}
|
|
1401
1413
|
|
|
1402
1414
|
// Right- & Left-oriented carets
|
|
1403
|
-
${
|
|
1404
|
-
${
|
|
1405
|
-
${
|
|
1406
|
-
${
|
|
1407
|
-
${
|
|
1408
|
-
${
|
|
1415
|
+
${Vi}.caret-pos--right & ,
|
|
1416
|
+
${Vi}.caret-pos--right-top & ,
|
|
1417
|
+
${Vi}.caret-pos--right-bottom & ,
|
|
1418
|
+
${Vi}.caret-pos--left & ,
|
|
1419
|
+
${Vi}.caret-pos--left-top & ,
|
|
1420
|
+
${Vi}.caret-pos--left-bottom & {
|
|
1409
1421
|
&::before,
|
|
1410
1422
|
&::after {
|
|
1411
1423
|
top: 50%;
|
|
@@ -1425,9 +1437,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1425
1437
|
}
|
|
1426
1438
|
|
|
1427
1439
|
// Right-oriented carets
|
|
1428
|
-
${
|
|
1429
|
-
${
|
|
1430
|
-
${
|
|
1440
|
+
${Vi}.caret-pos--right & ,
|
|
1441
|
+
${Vi}.caret-pos--right-top & ,
|
|
1442
|
+
${Vi}.caret-pos--right-bottom & {
|
|
1431
1443
|
&::before {
|
|
1432
1444
|
right: -${Nt("space.3")};
|
|
1433
1445
|
border-left-color: ${Nt("colors.border.default")};
|
|
@@ -1441,9 +1453,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1441
1453
|
}
|
|
1442
1454
|
|
|
1443
1455
|
// Left-oriented carets
|
|
1444
|
-
${
|
|
1445
|
-
${
|
|
1446
|
-
${
|
|
1456
|
+
${Vi}.caret-pos--left & ,
|
|
1457
|
+
${Vi}.caret-pos--left-top & ,
|
|
1458
|
+
${Vi}.caret-pos--left-bottom & {
|
|
1447
1459
|
&::before {
|
|
1448
1460
|
left: -${Nt("space.3")};
|
|
1449
1461
|
border-right-color: ${Nt("colors.border.default")};
|
|
@@ -1457,8 +1469,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1457
1469
|
}
|
|
1458
1470
|
|
|
1459
1471
|
// Right & Left: Top-oriented carets
|
|
1460
|
-
${
|
|
1461
|
-
${
|
|
1472
|
+
${Vi}.caret-pos--right-top & ,
|
|
1473
|
+
${Vi}.caret-pos--left-top & {
|
|
1462
1474
|
&::before,
|
|
1463
1475
|
&::after {
|
|
1464
1476
|
top: ${Nt("space.4")};
|
|
@@ -1466,8 +1478,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1466
1478
|
}
|
|
1467
1479
|
|
|
1468
1480
|
// Right & Left: Bottom-oriented carets
|
|
1469
|
-
${
|
|
1470
|
-
${
|
|
1481
|
+
${Vi}.caret-pos--right-bottom & ,
|
|
1482
|
+
${Vi}.caret-pos--left-bottom & {
|
|
1471
1483
|
&::before,
|
|
1472
1484
|
&::after {
|
|
1473
1485
|
top: auto;
|
|
@@ -1483,23 +1495,23 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1483
1495
|
}
|
|
1484
1496
|
|
|
1485
1497
|
${rr};
|
|
1486
|
-
`;
|
|
1498
|
+
`;Vi.defaultProps={caret:"top"},Ki.displayName="Popover.Content";var qi=Object.assign(Vi,{Content:Ki});const Xi=f.span`
|
|
1487
1499
|
width: ${e=>e.progress?`${e.progress}%`:0};
|
|
1488
1500
|
${It}
|
|
1489
|
-
`,
|
|
1501
|
+
`,Yi={small:"5px",large:"10px",default:"8px"},Ji=f.span`
|
|
1490
1502
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
1491
1503
|
overflow: hidden;
|
|
1492
1504
|
background-color: ${Nt("colors.border.default")};
|
|
1493
1505
|
border-radius: ${Nt("radii.1")};
|
|
1494
|
-
height: ${e=>
|
|
1506
|
+
height: ${e=>Yi[e.barSize||"default"]};
|
|
1495
1507
|
${It}
|
|
1496
1508
|
${he}
|
|
1497
1509
|
${rr};
|
|
1498
|
-
`;function
|
|
1499
|
-
${
|
|
1510
|
+
`;function Zi({progress:t,bg:r,theme:o,...a}){return e.createElement(Ji,Pt({theme:o},a),e.createElement(Xi,{progress:t,bg:r,theme:o}))}function Qi(e,t,r){const n=o((o=>{const a=()=>{r(!0)},n=t=>{const r=Array.from(e.current.querySelectorAll('[role^="menuitem"]:not([hidden]):not([disabled]):not([aria-disabled="true"])')),o=document.activeElement,a=r.indexOf(o),n=t?r[a+1]:r[a-1],i=t?r[0]:r[r.length-1];return n||i};if(!(o instanceof KeyboardEvent))return;const i=o.target instanceof Element&&"SUMMARY"===o.target.tagName;switch(o.key){case"Escape":t&&((()=>{r(!1);const t=e.current.querySelector("summary");t&&t.focus()})(),o.preventDefault(),o.stopPropagation());break;case"ArrowDown":{i&&!t&&a();const e=n(!0);e&&e.focus(),o.preventDefault()}break;case"ArrowUp":{i&&!t&&a();const e=n(!1);e&&e.focus(),o.preventDefault()}break;case" ":case"Enter":{const t=document.activeElement;t&&(e=>{const t=e.getAttribute("role");return"menuitem"===t||"menuitemcheckbox"===t||"menuitemradio"===t})(t)&&t.closest("details")===e&&(o.preventDefault(),o.stopPropagation(),t.click())}}}),[e,t,r]);a((()=>{const t=e.current;if(t)return t.addEventListener("keydown",n),()=>{t.removeEventListener("keydown",n)}}),[e,n])}Zi.displayName="ProgressBar",Zi.defaultProps={bg:"success.emphasis",barSize:"default"};const el=s({}),tl=p(["padding:"," ",";margin:0;font-size:",";font-weight:",";color:",";background-color:",";border-bottom:"," solid ",";"],Nt("space.1"),Nt("space.3"),Nt("fontSizes.0"),Nt("fontWeights.bold"),Nt("colors.fg.muted"),Nt("colors.canvas.subtle"),Nt("borderWidths.1"),Nt("colors.border.muted")),rl=f.div`
|
|
1511
|
+
${tl}
|
|
1500
1512
|
${It}
|
|
1501
1513
|
${rr};
|
|
1502
|
-
`;
|
|
1514
|
+
`;rl.displayName="SelectMenu.Divider";var ol=rl;const al=f.form`
|
|
1503
1515
|
padding: ${Nt("space.3")};
|
|
1504
1516
|
margin: 0;
|
|
1505
1517
|
border-bottom: ${Nt("borderWidths.1")} solid ${Nt("colors.border.muted")};
|
|
@@ -1511,11 +1523,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1511
1523
|
}
|
|
1512
1524
|
|
|
1513
1525
|
${rr};
|
|
1514
|
-
`,
|
|
1515
|
-
${
|
|
1526
|
+
`,nl=i((({theme:t,value:o,sx:n,...i},l)=>{const s=r(null),c=null!=l?l:s,{open:f}=d(el);return a((()=>{var e;f&&(null===(e=s.current)||void 0===e||e.focus())}),[f]),e.createElement(al,{theme:t,sx:n},e.createElement(ln,Pt({theme:t,ref:c,width:"100%",block:!0,value:o,contrast:!0},i)))}));nl.displayName="SelectMenu.Filter";var il=nl;const ll=p(["margin-top:-1px;padding:"," ",";font-size:",";color:",";text-align:center;border-top:"," solid ",";@media (min-width:","){padding:"," ",";}"],Nt("space.2"),Nt("space.3"),Nt("fontSizes.0"),Nt("colors.fg.muted"),Nt("borderWidths.1"),Nt("colors.border.muted"),Nt("breakpoints.0"),Nt("space.1"),Nt("space.2")),dl=f.footer`
|
|
1527
|
+
${ll}
|
|
1516
1528
|
${It}
|
|
1517
1529
|
${rr};
|
|
1518
|
-
`;
|
|
1530
|
+
`;dl.displayName="SelectMenu.Footer";var sl=dl;const cl=f.h3`
|
|
1519
1531
|
color: ${Nt("colors.fg.default")};
|
|
1520
1532
|
flex: auto;
|
|
1521
1533
|
font-size: ${Nt("fontSizes.1")};
|
|
@@ -1525,7 +1537,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1525
1537
|
@media (min-width: ${Nt("breakpoints.0")}) {
|
|
1526
1538
|
font-size: inherit;
|
|
1527
1539
|
}
|
|
1528
|
-
`,
|
|
1540
|
+
`,fl=f.header`
|
|
1529
1541
|
display: flex;
|
|
1530
1542
|
flex: none; // fixes header from getting squeezed in Safari iOS
|
|
1531
1543
|
padding: ${Nt("space.3")};
|
|
@@ -1539,15 +1551,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1539
1551
|
}
|
|
1540
1552
|
|
|
1541
1553
|
${rr};
|
|
1542
|
-
`,
|
|
1543
|
-
${
|
|
1554
|
+
`,gl=({children:t,theme:r,...o})=>e.createElement(fl,Pt({theme:r},o),e.createElement(cl,{theme:r},t));gl.displayName="SelectMenuHeader",gl.displayName="SelectMenu.Header";var ul=gl;const pl=p(["display:flex;align-items:center;padding:",";overflow:hidden;text-align:left;cursor:pointer;background-color:",";border:0;border-bottom:"," solid ",";color:",";text-decoration:none;font-size:",";font-family:inherit;width:100%;&:hover{text-decoration:none;}&:focus{outline:none;}&[hidden]{display:none !important;}@media (min-width:","){padding-top:",";padding-bottom:",";}.SelectMenu-icon{width:",";margin-right:",";flex-shrink:0;}.SelectMenu-selected-icon{visibility:hidden;transition:transform 0.12s cubic-bezier(0.5,0.1,1,0.5),visibility 0s 0.12s linear;transform:scale(0);}&[aria-checked='true']{font-weight:500;color:",";.SelectMenu-selected-icon{visibility:visible;transition:transform 0.12s cubic-bezier(0,0,0.2,1),visibility 0s linear;transform:scale(1);}}@media (hover:hover){&:hover,&:active,&:focus{background-color:",";}}@media (hover:none){&:focus,&:active{background-color:",";}-webkit-tap-highlight-color:",";}"],Nt("space.3"),Nt("colors.canvas.overlay"),Nt("borderWidths.1"),Nt("colors.border.muted"),Nt("colors.fg.muted"),Nt("fontSizes.0"),Nt("breakpoints.0"),Nt("space.2"),Nt("space.2"),Nt("space.3"),Nt("space.2"),Nt("colors.fg.default"),Nt("colors.neutral.subtle"),Nt("colors.canvas.subtle"),Nt("colors.selectMenu.tapHighlight")),bl=f.a.attrs((()=>({role:"menuitemcheckbox"})))`
|
|
1555
|
+
${pl}
|
|
1544
1556
|
${It}
|
|
1545
1557
|
${rr};
|
|
1546
|
-
`,
|
|
1547
|
-
${
|
|
1558
|
+
`,ml=i((({children:t,selected:o,theme:a,onClick:n,...i},l)=>{const s=d(el),c=r(null),f=null!=l?l:c;return e.createElement(bl,Pt({ref:f},i,{theme:a,onClick:e=>{var t;(n&&n(e),e.defaultPrevented)||(null===(t=s.setOpen)||void 0===t||t.call(s,!1))},"aria-checked":o}),e.createElement(Oo,{theme:a,className:"SelectMenu-icon SelectMenu-selected-icon",icon:no}),t)}));ml.defaultProps={selected:!1},ml.displayName="SelectMenu.Item";var hl=ml;const vl=p(["position:relative;padding:0;margin:0;flex:auto;overflow-x:hidden;overflow-y:auto;background-color:",";-webkit-overflow-scrolling:touch;@media (hover:hover){.SelectMenuTab:focus{background-color:",";}.SelectMenuTab:not([aria-checked='true']):hover{color:",";background-color:",";}.SelectMenuTab:not([aria-checked='true']):active{color:",";background-color:",";}}"],Nt("colors.canvas.overlay"),Nt("colors.selectMenu.tapFocusBg"),Nt("colors.fg.default"),Nt("colors.canvas.subtle"),Nt("colors.fg.default"),Nt("colors.canvas.subtle")),xl=f.div`
|
|
1559
|
+
${vl}
|
|
1548
1560
|
${It}
|
|
1549
1561
|
${rr};
|
|
1550
|
-
`;
|
|
1562
|
+
`;xl.displayName="SelectMenu.List";var yl=xl;const wl={small:"16px",medium:"32px",large:"64px"};function Bl({size:t="medium",...r}){const o=wl[t];return e.createElement("svg",Pt({height:o,width:o,viewBox:"0 0 16 16",fill:"none"},r),e.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeOpacity:"0.25",strokeWidth:"2",vectorEffect:"non-scaling-stroke"}),e.createElement("path",{d:"M15 8a7.002 7.002 0 00-7-7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",vectorEffect:"non-scaling-stroke"}))}Bl.displayName="Spinner";const $l=f(Bl)`
|
|
1551
1563
|
@keyframes rotate-keyframes {
|
|
1552
1564
|
100% {
|
|
1553
1565
|
transform: rotate(360deg);
|
|
@@ -1558,42 +1570,42 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1558
1570
|
|
|
1559
1571
|
${It}
|
|
1560
1572
|
${rr}
|
|
1561
|
-
|
|
1573
|
+
`;$l.displayName="Spinner";var kl=$l;const Tl=f.div`
|
|
1562
1574
|
padding: ${Nt("space.6")} ${Nt("space.4")};
|
|
1563
1575
|
text-align: center;
|
|
1564
1576
|
background-color: ${Nt("colors.canvas.overlay")};
|
|
1565
1577
|
${It}
|
|
1566
|
-
`,
|
|
1567
|
-
${Cl}
|
|
1568
|
-
${he}
|
|
1569
|
-
`,Il=f.div`
|
|
1578
|
+
`,Sl=t=>e.createElement(Tl,t,e.createElement(kl,null));Sl.displayName="SelectMenuLoadingAnimation";var El=Sl;const Cl=m(["0%{opacity:0;transform:scale(0.9);}"]),zl=p(["position:relative;z-index:99;display:flex;",";max-height:",";margin:auto 0;",";overflow:hidden;pointer-events:auto;flex-direction:column;background-color:",";border-radius:",";box-shadow:",";animation:"," 0.12s cubic-bezier(0,0.1,0.1,1) backwards;@media (min-width:","){height:auto;max-height:350px;margin:"," 0 "," 0;font-size:",";border:"," solid ",";border-radius:",";box-shadow:",";}"],(e=>e.filter?"height: 80%":""),(e=>e.filter?"none":"66%"),(e=>e.filter?"margin-top: 0":""),Nt("colors.canvas.overlay"),Nt("radii.2"),Nt("shadows.shadow.small"),Cl,Nt("breakpoints.0"),Nt("space.1"),Nt("space.3"),Nt("fontSizes.0"),Nt("borderWidths.1"),Nt("colors.border.default"),Nt("radii.2"),Nt("shadows.shadow.small")),Nl=p(["position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:flex;padding:",";pointer-events:none;flex-direction:column;&::before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:'';background-color:",";@media (min-width:","){display:none;}}@media (min-width:","){position:absolute;top:auto;right:",";bottom:auto;left:auto;padding:0;}"],Nt("space.3"),Nt("colors.primer.canvas.backdrop"),Nt("breakpoints.0"),Nt("breakpoints.0"),(e=>"right"===e.align?"0":"auto")),Il=f.div`
|
|
1570
1579
|
${zl}
|
|
1580
|
+
${he}
|
|
1581
|
+
`,Al=f.div`
|
|
1582
|
+
${Nl}
|
|
1571
1583
|
${It}
|
|
1572
1584
|
${rr};
|
|
1573
|
-
`,
|
|
1574
|
-
${
|
|
1585
|
+
`,Rl=e.forwardRef((({children:t,theme:r,width:o,...a},n)=>e.createElement(Al,Pt({theme:r},a,{role:"menu",ref:n}),e.createElement(Il,{theme:r,width:o},t))));Rl.defaultProps={align:"left",width:"300px"},Rl.displayName="SelectMenu.Modal";var Ll=Rl;const Ol=p(["flex:1;padding:"," ",";font-size:",";font-weight:500;color:",";text-align:center;background-color:transparent;border:0;box-shadow:inset 0 -1px 0 ",";@media (min-width:","){flex:none;padding:"," ",";border:"," solid transparent;border-bottom-width:0;border-top-left-radius:",";border-top-right-radius:",";}&[aria-selected='true']{z-index:1;color:",";background-color:",";box-shadow:0 0 0 1px ",";@media (min-width:","){border-color:",";box-shadow:none;}}&:focus{background-color:",";}"],Nt("space.2"),Nt("space.3"),Nt("fontSizes.0"),Nt("colors.fg.muted"),Nt("colors.border.muted"),Nt("breakpoints.0"),Nt("space.1"),Nt("space.3"),Nt("borderWidths.1"),Nt("radii.2"),Nt("radii.2"),Nt("colors.text-primary"),Nt("colors.canvas.overlay"),Nt("colors.border.muted"),Nt("breakpoints.0"),Nt("colors.border.muted"),Nt("colors.neutral.subtle")),Ml=f.button`
|
|
1586
|
+
${Ol}
|
|
1575
1587
|
${It}
|
|
1576
1588
|
${rr};
|
|
1577
|
-
`,
|
|
1589
|
+
`,Pl=({tabName:t="",index:r,className:o,onClick:n,...i})=>{const l=d(el);a((()=>{var e;l.selectedTab||0!==r||(null===(e=l.setSelectedTab)||void 0===e||e.call(l,t))}),[r,l,t]);const s=l.selectedTab===t;return e.createElement(Ml,Pt({role:"tab",className:tn("SelectMenuTab",o),"aria-selected":s,onClick:e=>{var r;(n&&n(e),e.defaultPrevented)||(null===(r=l.setSelectedTab)||void 0===r||r.call(l,t))}},i),t)};Pl.displayName="SelectMenuTab",Pl.displayName="SelectMenu.Tab";var Hl=Pl;const Dl=f.div`
|
|
1578
1590
|
border-top: ${Nt("borderWidths.1")} solid ${Nt("colors.border.muted")};
|
|
1579
1591
|
${It}
|
|
1580
1592
|
${rr};
|
|
1581
|
-
`,
|
|
1582
|
-
${
|
|
1593
|
+
`,Wl=({tabName:t,className:r,children:o,...a})=>{const n=d(el);return e.createElement(Dl,Pt({role:"tabpanel",className:r,hidden:n.selectedTab!==t},a),e.createElement(yl,null,o))};Wl.displayName="TabPanel",Wl.displayName="SelectMenu.TabPanel";var Fl=Wl;const _l=p(["display:flex;flex-shrink:0;margin-bottom:-1px;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;&::-webkit-scrollbar{display:none;}@media (min-width:","){padding:0 ",";margin-top:",";}"],Nt("breakpoints.0"),Nt("space.2"),Nt("space.3")),jl=f.div`
|
|
1594
|
+
${_l}
|
|
1583
1595
|
${It}
|
|
1584
1596
|
${rr};
|
|
1585
|
-
`,
|
|
1597
|
+
`,Ul=({children:t,...r})=>e.createElement(jl,Pt({role:"tablist"},r),t);Ul.displayName="SelectMenuTabs",Ul.displayName="SelectMenu.Tabs";var Gl=Ul;const Vl=f.details`
|
|
1586
1598
|
${"\n // Remove marker added by the display: list-item browser default\n > summary {\n list-style: none;\n }\n // Remove marker added by details polyfill\n > summary::before {\n display: none;\n }\n // Remove marker added by Chrome\n > summary::-webkit-details-marker {\n display: none;\n }\n"}
|
|
1587
1599
|
${It}
|
|
1588
1600
|
${rr};
|
|
1589
|
-
`,
|
|
1601
|
+
`,Kl=e.forwardRef((({children:n,initialTab:i="",as:l,...d},s)=>{const c=r(null),f=null!=s?s:c,[g,u]=t(i),[p,b]=t(!1),m={selectedTab:g,setSelectedTab:u,setOpen:b,open:p,initialTab:i},h=o((e=>{"current"in f&&f.current&&!f.current.contains(e.target)&&(e.defaultPrevented||b(!1))}),[f,b]);return a((()=>{if(p)return document.addEventListener("click",h),()=>{document.removeEventListener("click",h)}}),[p,h]),Qi(f,p,b),e.createElement(el.Provider,{value:m},e.createElement(Vl,Pt({ref:f},d,{open:p,onToggle:function(e){b(e.target.open)}}),n))}));Kl.displayName="SelectMenu";var ql=Object.assign(Kl,{MenuContext:el,List:yl,Divider:ol,Filter:il,Footer:sl,Item:hl,Modal:Ll,Tabs:Gl,Tab:Hl,TabPanel:Fl,Header:ul,LoadingAnimation:El});function Xl({variant:t,className:r,bordered:o,children:a,...n}){const i=tn(r,`variant-${"lightweight"===t?"lightweight":"normal"}`);return o||(n={...n,borderWidth:0}),e.createElement(or,Pt({borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:i},n),a)}Xl.displayName="SideNavBase";const Yl=f(Xl)`
|
|
1590
1602
|
background-color: ${Nt("colors.canvas.subtle")};
|
|
1591
1603
|
|
|
1592
1604
|
${e=>e.bordered&&p(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
|
|
1593
1605
|
|
|
1594
1606
|
${It};
|
|
1595
1607
|
${rr};
|
|
1596
|
-
`,
|
|
1608
|
+
`,Jl=p(["background-color:",";outline:none;text-decoration:none;"],Nt("colors.neutral.subtle")),Zl=p(["color:",";text-decoration:none;outline:none;"],Nt("colors.fg.default")),Ql=f(Pi).attrs((e=>"string"==typeof e.to||e.selected?{"aria-current":"page"}:{}))`
|
|
1597
1609
|
position: relative;
|
|
1598
1610
|
display: block;
|
|
1599
1611
|
${e=>"full"===e.variant&&p(["display:flex;align-items:center;justify-content:space-between;"])}
|
|
@@ -1601,11 +1613,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1601
1613
|
text-align: left;
|
|
1602
1614
|
font-size: ${Nt("fontSizes.1")};
|
|
1603
1615
|
|
|
1604
|
-
& > ${
|
|
1616
|
+
& > ${Yl} {
|
|
1605
1617
|
border-bottom: none;
|
|
1606
1618
|
}
|
|
1607
1619
|
|
|
1608
|
-
${
|
|
1620
|
+
${Yl}.variant-normal > & {
|
|
1609
1621
|
color: ${Nt("colors.fg.default")};
|
|
1610
1622
|
padding: ${Nt("space.3")};
|
|
1611
1623
|
border: 0;
|
|
@@ -1635,11 +1647,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1635
1647
|
}
|
|
1636
1648
|
|
|
1637
1649
|
&:hover {
|
|
1638
|
-
${
|
|
1650
|
+
${Jl}
|
|
1639
1651
|
}
|
|
1640
1652
|
|
|
1641
1653
|
&:focus {
|
|
1642
|
-
${
|
|
1654
|
+
${Jl}
|
|
1643
1655
|
box-shadow: ${Nt("shadows.primer.shadow.focus")};
|
|
1644
1656
|
z-index: 1;
|
|
1645
1657
|
}
|
|
@@ -1655,16 +1667,16 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1655
1667
|
}
|
|
1656
1668
|
}
|
|
1657
1669
|
|
|
1658
|
-
${
|
|
1670
|
+
${Yl}.variant-lightweight > & {
|
|
1659
1671
|
padding: ${Nt("space.1")} 0;
|
|
1660
1672
|
color: ${Nt("colors.accent.fg")};
|
|
1661
1673
|
|
|
1662
1674
|
&:hover {
|
|
1663
|
-
${
|
|
1675
|
+
${Zl}
|
|
1664
1676
|
}
|
|
1665
1677
|
|
|
1666
1678
|
&:focus {
|
|
1667
|
-
${
|
|
1679
|
+
${Zl}
|
|
1668
1680
|
box-shadow: ${Nt("shadows.primer.shadow.focus")};
|
|
1669
1681
|
z-index: 1;
|
|
1670
1682
|
}
|
|
@@ -1677,7 +1689,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1677
1689
|
}
|
|
1678
1690
|
|
|
1679
1691
|
${rr};
|
|
1680
|
-
`;
|
|
1692
|
+
`;Yl.defaultProps={variant:"normal"},Ql.defaultProps={variant:"normal"},Ql.displayName="SideNav.Link";var ed=Object.assign(Yl,{Link:Ql});const td={issueOpened:co,pullOpened:lo,issueClosed:so,pullClosed:lo,pullMerged:io,draft:lo},rd=ue({prop:"status",variants:{issueClosed:{backgroundColor:"danger.emphasis",color:"fg.onEmphasis"},pullClosed:{backgroundColor:"danger.emphasis",color:"fg.onEmphasis"},pullMerged:{backgroundColor:"done.emphasis",color:"fg.onEmphasis"},issueOpened:{backgroundColor:"success.emphasis",color:"fg.onEmphasis"},pullOpened:{backgroundColor:"success.emphasis",color:"fg.onEmphasis"},draft:{backgroundColor:"neutral.emphasis",color:"fg.onEmphasis"}}}),od=ue({prop:"variant",variants:{small:{paddingX:2,paddingY:1,fontSize:0},normal:{paddingX:"12px",paddingY:2,fontSize:1}}}),ad=f.span`
|
|
1681
1693
|
display: inline-flex;
|
|
1682
1694
|
align-items: center;
|
|
1683
1695
|
font-weight: ${Nt("fontWeights.bold")};
|
|
@@ -1685,11 +1697,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1685
1697
|
color: ${Nt("colors.canvas.default")};
|
|
1686
1698
|
text-align: center;
|
|
1687
1699
|
border-radius: ${Nt("radii.3")};
|
|
1688
|
-
${td};
|
|
1689
1700
|
${rd};
|
|
1701
|
+
${od};
|
|
1690
1702
|
${It};
|
|
1691
1703
|
${rr};
|
|
1692
|
-
`;function
|
|
1704
|
+
`;function nd({children:t,status:r,variant:o,...a}){const n="small"===o?{width:"1em"}:{};return e.createElement(ad,Pt({},a,{variant:o,status:r}),r&&e.createElement(Oo,Pt({mr:1},n,{icon:td[r]||go})),t)}nd.displayName="StateLabel",nd.defaultProps={variant:"normal"};const id=f.nav`
|
|
1693
1705
|
display: flex;
|
|
1694
1706
|
justify-content: space-between;
|
|
1695
1707
|
|
|
@@ -1713,7 +1725,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1713
1725
|
${It};
|
|
1714
1726
|
${Mt};
|
|
1715
1727
|
${rr};
|
|
1716
|
-
`;function
|
|
1728
|
+
`;function ld({actions:t,className:r,children:o,label:a,...n}){const i=tn(r,"SubNav");return e.createElement(id,Pt({className:i,"aria-label":a},n),e.createElement("div",{className:"SubNav-body"},o),t&&e.createElement("div",{className:"SubNav-actions"},t))}function dd(t){return e.createElement(or,Pt({display:"flex"},t))}ld.displayName="SubNav",dd.displayName="SubNavLinks";const sd=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:tn("SubNav-item",e.selected&&"selected",e.className)})))`
|
|
1717
1729
|
padding-left: ${Nt("space.3")};
|
|
1718
1730
|
padding-right: ${Nt("space.3")};
|
|
1719
1731
|
font-weight: ${Nt("fontWeights.semibold")};
|
|
@@ -1762,16 +1774,16 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1762
1774
|
|
|
1763
1775
|
${It};
|
|
1764
1776
|
${rr};
|
|
1765
|
-
`;
|
|
1777
|
+
`;sd.displayName="SubNav.Link",dd.displayName="SubNav.Links";var cd=Object.assign(ld,{Link:sd,Links:dd});const fd=f.div`
|
|
1766
1778
|
margin-top: 0;
|
|
1767
1779
|
border-bottom: 1px solid ${Nt("colors.border.default")};
|
|
1768
1780
|
${It}
|
|
1769
1781
|
${rr}
|
|
1770
|
-
`,
|
|
1782
|
+
`,gd=f.nav`
|
|
1771
1783
|
display: flex;
|
|
1772
1784
|
margin-bottom: -1px;
|
|
1773
1785
|
overflow: auto;
|
|
1774
|
-
`;function
|
|
1786
|
+
`;function ud({children:t,"aria-label":r,...o}){return e.createElement(fd,o,e.createElement(gd,{"aria-label":r},t))}ud.displayName="TabNav";const pd=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:tn("TabNav-item",e.selected&&"selected",e.className)})))`
|
|
1775
1787
|
padding: 8px 12px;
|
|
1776
1788
|
font-size: ${Nt("fontSizes.1")};
|
|
1777
1789
|
line-height: 20px;
|
|
@@ -1797,18 +1809,18 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1797
1809
|
|
|
1798
1810
|
${It};
|
|
1799
1811
|
${rr};
|
|
1800
|
-
`;
|
|
1812
|
+
`;pd.displayName="TabNav.Link";var bd=Object.assign(ud,{Link:pd}),md=O(te,D,H,M,W,U,V,q,_,re,pe,be,me),hd=new RegExp("^("+md.propNames.join("|")+")$");const vd={small:"16px",medium:"20px",large:"24px",extralarge:"32px"},xd=({as:e="span",onClick:t,onFocus:r,tabIndex:o=-1})=>Boolean(r||t||o>-1||["a","button"].includes(e)),yd=ue({prop:"size",variants:{small:{fontSize:0,height:vd.small,lineHeight:vd.small,paddingLeft:1,paddingRight:1,paddingTop:0,paddingBottom:0},medium:{fontSize:0,height:vd.medium,lineHeight:vd.medium,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},large:{fontSize:0,height:vd.large,lineHeight:vd.large,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},extralarge:{fontSize:1,height:vd.extralarge,lineHeight:vd.extralarge,paddingLeft:3,paddingRight:3,paddingTop:0,paddingBottom:0}}}),wd=f.span.attrs((({text:e,onRemove:t,onKeyDown:r})=>({onKeyDown:e=>{r&&r(e),"Backspace"!==e.key&&"Delete"!==e.key||!t||t()},"aria-label":t?`${e}, press backspace or delete to remove`:void 0})))`
|
|
1801
1813
|
align-items: center;
|
|
1802
1814
|
border-radius: 999px;
|
|
1803
|
-
cursor: ${e=>
|
|
1815
|
+
cursor: ${e=>xd(e)?"pointer":"auto"};
|
|
1804
1816
|
display: inline-flex;
|
|
1805
1817
|
font-weight: ${Nt("fontWeights.bold")};
|
|
1806
1818
|
font-family: inherit;
|
|
1807
1819
|
text-decoration: none;
|
|
1808
1820
|
white-space: nowrap;
|
|
1809
|
-
${
|
|
1821
|
+
${yd}
|
|
1810
1822
|
${rr}
|
|
1811
|
-
`;
|
|
1823
|
+
`;wd.defaultProps={as:"span",size:"medium"};var Bd=wd;const $d=ue({prop:"size",variants:{small:{height:vd.small,width:vd.small},medium:{height:vd.medium,width:vd.medium},large:{height:vd.large,width:vd.large},extralarge:{height:vd.extralarge,width:vd.extralarge}}}),kd=e=>.75*parseInt(vd[e||"medium"],10),Td=f.span`
|
|
1812
1824
|
background-color: transparent;
|
|
1813
1825
|
font-family: inherit;
|
|
1814
1826
|
color: currentColor;
|
|
@@ -1838,9 +1850,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1838
1850
|
background-color: ${Nt("colors.neutral.subtle")};
|
|
1839
1851
|
}
|
|
1840
1852
|
|
|
1841
|
-
${
|
|
1853
|
+
${$d}
|
|
1842
1854
|
${rr}
|
|
1843
|
-
`,
|
|
1855
|
+
`,Sd=({"aria-label":t,isParentInteractive:r,size:o,...a})=>(delete a.children,e.createElement(Td,Pt({as:r?"span":"button",tabIndex:r?-1:void 0,"aria-label":r?t:"Remove token",size:o},a),e.createElement(po,{size:kd(o)})));Sd.displayName="RemoveTokenButton",Sd.defaultProps={size:"medium"};var Ed=Sd;var Cd=f("span")`
|
|
1844
1856
|
flex-grow: 1;
|
|
1845
1857
|
min-width: 0;
|
|
1846
1858
|
overflow: hidden;
|
|
@@ -1881,7 +1893,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1881
1893
|
bottom: 0;
|
|
1882
1894
|
}
|
|
1883
1895
|
}
|
|
1884
|
-
`;const
|
|
1896
|
+
`;const zd=f(Bd)`
|
|
1885
1897
|
background-color: ${Nt("colors.neutral.subtle")};
|
|
1886
1898
|
border-color: ${e=>e.isSelected?Nt("colors.fg.default"):Nt("colors.border.subtle")};
|
|
1887
1899
|
border-style: solid;
|
|
@@ -1893,18 +1905,18 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1893
1905
|
${rr}
|
|
1894
1906
|
|
|
1895
1907
|
${e=>{if(e.isTokenInteractive)return p(["&:hover{background-color:",";box-shadow:",";color:",";}"],Nt("colors.neutral.muted"),Nt("colors.shadow.medium"),Nt("colors.fg.default"))}}
|
|
1896
|
-
`,
|
|
1908
|
+
`,Nd=f("span")`
|
|
1897
1909
|
flex-shrink: 0;
|
|
1898
1910
|
line-height: 0;
|
|
1899
1911
|
|
|
1900
1912
|
${e=>{switch(e.size){case"large":case"extralarge":return p(["margin-right:",";"],Nt("space.2"));default:return p(["margin-right:",";"],Nt("space.1"))}}}
|
|
1901
|
-
`,
|
|
1913
|
+
`,Id=i(((t,r)=>{const{as:o,onRemove:a,id:n,leadingVisual:i,text:l,size:d,hideRemoveButton:s,href:c,onClick:f,...g}=t,u=xd(t)&&Boolean(a)&&!s,p={as:o,href:c,onClick:f};return e.createElement(zd,Pt({onRemove:a,hideRemoveButton:s||!a,id:null==n?void 0:n.toString(),text:l,size:d,isTokenInteractive:xd(t)},u?{}:p,g,{ref:r}),i?e.createElement(Nd,{size:d},e.createElement(i,null)):null,e.createElement(Cd,u?p:{},l),!s&&a?e.createElement(Ed,{borderOffset:1,onClick:e=>{e.stopPropagation(),a&&a()},size:d,isParentInteractive:xd(t),"aria-hidden":u?"true":"false",sx:u?{position:"relative",zIndex:"1"}:{}}):null)}));Id.displayName="Token",Id.defaultProps={size:"medium"};var Ad=Id;const Rd={small:0,medium:1,large:1,extralarge:2};function Ld({icon:o,contrast:a,className:n,block:i,disabled:l,theme:d,sx:s,tokens:c,onTokenRemove:f,tokenComponent:g,preventTokenWrapping:u,size:p,hideTokenRemoveButtons:b,maxHeight:m,width:h,minWidth:v,maxWidth:x,variant:y,visibleTokenCount:w,...B},$){const{onBlur:k,onFocus:T,onKeyDown:S,...E}=function(e){var t={};for(var r in e)hd.test(r)||(t[r]=e[r]);return t}(B),C=zr($),z=Wo(r(null),C),[N,I]=t(),[A,R]=t(Boolean(w)),{containerRef:L}=Mo({focusOutBehavior:"wrap",bindKeys:Mr.ArrowHorizontal|Mr.HomeAndEnd,focusableElementFilter:e=>!e.getAttributeNames().includes("aria-hidden"),getNextFocusable:e=>{var t;if(!N&&0!==N)return;let r=N+1;return"next"===e&&(r+=1),"previous"===e&&(r-=1),r>c.length||r<1?z.current||void 0:null===(t=L.current)||void 0===t?void 0:t.children[r]}},[N]),O=e=>{f(e),setTimeout((()=>{var e,t;const r=null===(e=L.current)||void 0===e?void 0:e.children[N||0],o=r&&$r(r)?r:Array.from((null===(t=L.current)||void 0===t?void 0:t.children)||[]).find((e=>$r(e)));var a;o?o.focus():null===(a=C.current)||void 0===a||a.focus()}),0)},M=()=>{I(void 0),setTimeout((()=>{var e;null!==(e=L.current)&&void 0!==e&&e.contains(document.activeElement)||!w||R(!0)}),0)},P=e=>{var t;"Escape"===e.key&&(null===(t=C.current)||void 0===t||t.focus())},H=e=>{e.stopPropagation()},D=A?c.slice(0,w):c;return e.createElement(an,{block:i,className:n,contrast:a,disabled:l,hasIcon:!!o,theme:d,width:h,minWidth:v,maxWidth:x,variant:y,onClick:()=>{var e;null===(e=z.current)||void 0===e||e.focus()},sx:{...i?{display:"flex",width:"100%"}:{},...m?{maxHeight:m,overflow:"auto"}:{},...u?{overflow:"auto"}:{},...s}},e.createElement(or,{ref:L,display:"flex",sx:{alignItems:"center",flexWrap:u?"nowrap":"wrap",marginLeft:"-0.25rem",marginBottom:"-0.25rem",flexGrow:1,"> *":{flexShrink:0,marginLeft:"0.25rem",marginBottom:"0.25rem"}}},e.createElement(or,{sx:{order:1,flexGrow:1}},o&&e.createElement(o,{className:"TextInput-icon"}),e.createElement(rn,Pt({ref:z,disabled:l,onFocus:e=>{T&&T(e),I(void 0),w&&R(!1)},onBlur:e=>{k&&k(e),setTimeout((()=>{var e;null!==(e=L.current)&&void 0!==e&&e.contains(document.activeElement)||!w||R(!0)}),0)},onKeyDown:e=>{var t;if(S&&S(e),null!==(t=C.current)&&void 0!==t&&t.value)return;const r=c[c.length-1];"Backspace"===e.key&&r&&(O(r.id),C.current&&(C.current.value=`${r.text} `),setTimeout((()=>{var e;null===(e=C.current)||void 0===e||e.select()}),0))},type:"text",sx:{height:"100%"}},E))),g?D.map((({id:t,...r},o)=>{return e.createElement(g,Pt({key:t,onFocus:(a=o,()=>{I(a)}),onBlur:M,onKeyUp:P,onClick:H,isSelected:N===o,onRemove:()=>{O(t)},hideRemoveButton:b,size:p,tabIndex:0},r));var a})):null,A?e.createElement(Xn,{color:"fg.muted",fontSize:p&&Rd[p]},"+",c.length-D.length):null))}Ld.displayName="TextInputWithTokensInnerComponent";const Od=e.forwardRef(Ld);Od.defaultProps={tokenComponent:Ad,size:"extralarge",hideTokenRemoveButtons:!1,preventTokenWrapping:!1},Od.displayName="TextInputWithTokens";var Md=Od;const Pd=f(or)`
|
|
1902
1914
|
display: flex;
|
|
1903
1915
|
flex-direction: column;
|
|
1904
1916
|
${e=>e.clipSidebar&&p([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
|
1905
1917
|
|
|
1906
1918
|
${rr};
|
|
1907
|
-
`,
|
|
1919
|
+
`,Hd=f(or).attrs((e=>({className:tn("Timeline-Item",e.className)})))`
|
|
1908
1920
|
display: flex;
|
|
1909
1921
|
position: relative;
|
|
1910
1922
|
padding: ${Nt("space.3")} 0;
|
|
@@ -1925,7 +1937,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1925
1937
|
|
|
1926
1938
|
${It};
|
|
1927
1939
|
${rr};
|
|
1928
|
-
`,
|
|
1940
|
+
`,Dd=t=>e.createElement(or,{position:"relative",zIndex:1},e.createElement(or,Pt({display:"flex",className:tn(t.className,"TimelineItem-Badge"),flexShrink:0,borderRadius:"50%",borderWidth:"2px",borderStyle:"solid",borderColor:"canvas.default",overflow:"hidden",color:"fg.muted",bg:"timeline.badgeBg",width:"32px",height:"32px",mr:2,ml:"-15px",alignItems:"center",justifyContent:"center"},t),t.children));Dd.displayName="TimelineBadge";const Wd=f(or)`
|
|
1929
1941
|
min-width: 0;
|
|
1930
1942
|
max-width: 100%;
|
|
1931
1943
|
margin-top: ${Nt("space.1")};
|
|
@@ -1933,7 +1945,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1933
1945
|
flex: auto;
|
|
1934
1946
|
font-size: ${Nt("fontSizes.1")};
|
|
1935
1947
|
${rr};
|
|
1936
|
-
`,
|
|
1948
|
+
`,Fd=f(or)`
|
|
1937
1949
|
position: relative
|
|
1938
1950
|
z-index: 1;
|
|
1939
1951
|
height: 24px;
|
|
@@ -1944,15 +1956,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1944
1956
|
border: 0;
|
|
1945
1957
|
border-top: ${Nt("space.1")} solid ${Nt("colors.border.default")};
|
|
1946
1958
|
${rr};
|
|
1947
|
-
`;
|
|
1959
|
+
`;Hd.displayName="Timeline.Item",Dd.displayName="Timeline.Badge",Wd.displayName="Timeline.Body",Fd.displayName="Timeline.Break";var _d=Object.assign(Pd,{Item:Hd,Badge:Dd,Body:Wd,Break:Fd});function jd(e,t,r){return Math.min(Math.max(e,r),t)}class Ud extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function Gd(e){if("string"!=typeof e)throw new Ud(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=Qd.test(e)?function(e){const t=e.toLowerCase().trim(),r=Kd[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new Ud(e);return`#${r}`}(e):e;const r=Xd.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(qd(e,2),16))),parseInt(qd(e[3]||"f",2),16)/255]}const o=Yd.exec(t);if(o){const e=Array.from(o).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const a=Jd.exec(t);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const n=Zd.exec(t);if(n){const[t,r,o,a]=Array.from(n).slice(1).map(parseFloat);if(jd(0,100,r)!==r)throw new Ud(e);if(jd(0,100,o)!==o)throw new Ud(e);return[...ts(t,r,o),a||1]}throw new Ud(e)}const Vd=e=>parseInt(e.replace(/_/g,""),36),Kd="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,t)=>{const r=Vd(t.substring(0,3)),o=Vd(t.substring(3)).toString(16);let a="";for(let e=0;e<6-o.length;e++)a+="0";return e[r]=`${a}${o}`,e}),{}),qd=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),Xd=new RegExp(`^#${qd("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Yd=new RegExp(`^#${qd("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Jd=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${qd(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),Zd=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Qd=/^[a-z]+$/i,es=e=>Math.round(255*e),ts=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(es);const a=(e%360+360)%360/60,n=(1-Math.abs(2*o-1))*(t/100),i=n*(1-Math.abs(a%2-1));let l=0,d=0,s=0;a>=0&&a<1?(l=n,d=i):a>=1&&a<2?(l=i,d=n):a>=2&&a<3?(d=n,s=i):a>=3&&a<4?(d=i,s=n):a>=4&&a<5?(l=i,s=n):a>=5&&a<6&&(l=n,s=i);const c=o-n/2;return[l+c,d+c,s+c].map(es)};const rs={"--lightness-threshold":"0.453","--border-threshold":"0.96","--border-alpha":"max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1))",background:"rgb(var(--label-r), var(--label-g), var(--label-b))",color:"hsl(0, 0%, calc(var(--lightness-switch) * 100%))",borderWidth:1,borderStyle:"solid",borderColor:"hsla(var(--label-h),calc(var(--label-s) * 1%),calc((var(--label-l) - 25) * 1%),var(--border-alpha))"},os={"--lightness-threshold":"0.6","--background-alpha":"0.18","--border-alpha":"0.3","--lighten-by":"calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch))",borderWidth:1,borderStyle:"solid",background:"rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha))",color:"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%))",borderColor:"hsla(var(--label-h), calc(var(--label-s) * 1%),calc((var(--label-l) + var(--lighten-by)) * 1%),var(--border-alpha))"},as=i(((t,r)=>{const{as:o,fillColor:a="#999",onRemove:i,id:l,isSelected:d,text:s,size:c,hideRemoveButton:f,href:g,onClick:u,...p}=t,b={as:o,href:g,onClick:u},{colorScheme:m}=Zt(),h=xd(t)&&Boolean(i)&&!f,v=n((()=>{const[e,t,r]=Gd(a),[o,n,l]=function(e){const[t,r,o,a]=Gd(e).map(((e,t)=>3===t?e:e/255)),n=Math.max(t,r,o),i=Math.min(t,r,o),l=(n+i)/2;if(n===i)return[0,0,l,a];const d=n-i;return[60*(t===n?(r-o)/d+(r<o?6:0):r===n?(o-t)/d+2:(t-r)/d+4),l>.5?d/(2-n-i):d/(n+i),l,a]}(a);return{"--label-r":String(e),"--label-g":String(t),"--label-b":String(r),"--label-h":String(Math.round(o)),"--label-s":String(Math.round(100*n)),"--label-l":String(Math.round(100*l)),"--perceived-lightness":"calc(((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255)","--lightness-switch":"max(0, min(calc((var(--perceived-lightness) - var(--lightness-threshold)) * -1000), 1))",paddingRight:f||!i?void 0:0,position:"relative",..."light"===m?rs:os,...d?{background:"light"===m?"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%))":os.background,":focus":{outline:"none"},":after":{content:'""',position:"absolute",zIndex:1,top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",display:"block",pointerEvents:"none",boxShadow:"0 0 0 2px "+("light"===m?"rgb(var(--label-r), var(--label-g), var(--label-b))":"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%))"),borderRadius:"999px"}}:{}}}),[m,a,d,f,i]);return e.createElement(Bd,Pt({onRemove:i,id:null==l?void 0:l.toString(),isSelected:d,text:s,size:c,sx:v},h?{}:b,p,{ref:r}),e.createElement(Cd,h?b:{},s),!f&&i?e.createElement(Ed,{borderOffset:1,onClick:e=>{e.stopPropagation(),i&&i()},size:c,"aria-hidden":h?"true":"false",isParentInteractive:xd(t),sx:h?{position:"relative",zIndex:"1"}:{}}):null)}));as.defaultProps={fillColor:"#999",size:"medium"},as.displayName="IssueLabelToken";var ns=as;const is=f.span`
|
|
1948
1960
|
// 'space.1' is used because to match space from the left of the token to the left of the avatar
|
|
1949
1961
|
// '* 2' is done to account for the top and bottom
|
|
1950
1962
|
--spacing: calc(${Nt("space.1")} * 2);
|
|
1951
1963
|
|
|
1952
1964
|
display: block;
|
|
1953
|
-
height: ${e=>`calc(${
|
|
1954
|
-
width: ${e=>`calc(${
|
|
1955
|
-
`,
|
|
1965
|
+
height: ${e=>`calc(${vd[e.avatarSize]} - var(--spacing))`};
|
|
1966
|
+
width: ${e=>`calc(${vd[e.avatarSize]} - var(--spacing))`};
|
|
1967
|
+
`,ls=i((({avatarSrc:t,id:r,size:o,...a},n)=>e.createElement(Ad,Pt({leadingVisual:()=>e.createElement(is,{avatarSize:o||"medium"},e.createElement(vn,{src:t,size:parseInt(vd[o||"medium"],10),sx:{width:"100%",height:"100%"}})),size:o,id:null==r?void 0:r.toString(),sx:{paddingLeft:Nt("space.1")}},a,{ref:n}))));ls.defaultProps={size:"medium"},ls.displayName="AvatarToken";var ds=ls;const ss=f.span`
|
|
1956
1968
|
position: relative;
|
|
1957
1969
|
|
|
1958
1970
|
&::before {
|
|
@@ -2178,7 +2190,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
2178
2190
|
}
|
|
2179
2191
|
${It};
|
|
2180
2192
|
${rr};
|
|
2181
|
-
`;function
|
|
2193
|
+
`;function cs({direction:t="n",children:r,className:o,text:a,noDelay:n,align:i,wrap:l,...d}){const s=tn(o,`tooltipped-${t}`,i&&`tooltipped-align-${i}-2`,n&&"tooltipped-no-delay",l&&"tooltipped-multiline");return e.createElement(ss,Pt({role:"tooltip","aria-label":a},d,{className:s}),r)}cs.displayName="Tooltip",cs.alignments=["left","right"],cs.directions=["n","ne","e","se","s","sw","w","nw"];const fs=f.nav`
|
|
2182
2194
|
display: flex;
|
|
2183
2195
|
justify-content: space-between;
|
|
2184
2196
|
border-bottom: 1px solid ${Nt("colors.border.muted")};
|
|
@@ -2209,7 +2221,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
2209
2221
|
|
|
2210
2222
|
${It};
|
|
2211
2223
|
${rr};
|
|
2212
|
-
`;function
|
|
2224
|
+
`;function gs({actions:t,className:r,align:o,children:a,full:n,label:i,theme:l,...d}){const s=tn(r,"UnderlineNav",o&&`UnderlineNav--${o}`,n&&"UnderlineNav--full");return e.createElement(fs,Pt({className:s,"aria-label":i,theme:l},d),e.createElement("div",{className:"UnderlineNav-body"},a),t&&e.createElement("div",{className:"UnderlineNav-actions"},t))}gs.displayName="UnderlineNav";const us=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:tn("UnderlineNav-item",e.selected&&"selected",e.className)})))`
|
|
2213
2225
|
padding: ${Nt("space.3")} ${Nt("space.2")};
|
|
2214
2226
|
margin-right: ${Nt("space.3")};
|
|
2215
2227
|
font-size: ${Nt("fontSizes.1")};
|
|
@@ -2242,5 +2254,5 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
2242
2254
|
|
|
2243
2255
|
${It};
|
|
2244
2256
|
${rr};
|
|
2245
|
-
`;
|
|
2257
|
+
`;us.displayName="UnderlineNav.Link";var ps=Object.assign(gs,{Link:us});export{gr as Absolute,Fa as ActionList,Ja as ActionMenu,mn as Autocomplete,vn as Avatar,wn as AvatarPair,kn as AvatarStack,ds as AvatarToken,Wt as BaseStyles,nr as BorderBox,or as Box,Tn as BranchName,In as Breadcrumb,Nn as Breadcrumbs,qr as Button,mo as ButtonClose,Xr as ButtonDanger,Jr as ButtonGroup,eo as ButtonInvisible,Zr as ButtonOutline,Qr as ButtonPrimary,to as ButtonTableList,Hn as Caret,_n as CircleBadge,jn as CircleOcticon,ma as ConfirmationDialog,Un as CounterLabel,Vn as Details,ri as Dialog,ci as Dropdown,fi as DropdownButton,gi as DropdownMenu,vi as FilterList,ui as FilteredSearch,ur as Fixed,wi as Flash,lr as Flex,ki as FormGroup,sr as Grid,Ci as Header,Ni as Heading,ns as IssueLabelToken,Oi as Label,Ii as LabelGroup,Pi as Link,Va as Overlay,Hi as Pagehead,_i as Pagination,Gi as PointerBox,qi as Popover,fr as Position,Zi as ProgressBar,pr as Relative,jo as SSRProvider,ql as SelectMenu,ed as SideNav,kl as Spinner,nd as StateLabel,br as Sticky,Oo as StyledOcticon,cd as SubNav,bd as TabNav,Xn as Text,ln as TextInput,Md as TextInputWithTokens,tr as ThemeProvider,_d as Timeline,Ad as Token,cs as Tooltip,$a as Truncate,ps as UnderlineNav,x as theme,Nt as themeGet,Qt as useColorSchemeVar,ha as useConfirm,mr as useDetails,Cr as useOnEscapePress,wr as useOnOutsideClick,Tr as useOpenAndCloseFocus,Nr as useOverlay,Go as useSSRSafeId,hr as useSafeTimeout,Zt as useTheme};
|
|
2246
2258
|
//# sourceMappingURL=browser.esm.js.map
|