@primer/components 0.0.0-20211090256 → 0.0.0-2021109205720
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 +1 -5
- package/dist/browser.esm.js +196 -186
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +198 -188
- 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-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/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(Ud){}function Lr(){Ar||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,o){return"object"==typeof o&&"signal"in o&&o.signal instanceof AbortSignal&&e.call(o.signal,"abort",(()=>{this.removeEventListener(t,r,o)})),e.call(this,t,r,o)}}(),Ar=!0)}function Or(){return void 0===Ir&&(Ir=/^mac/i.test(window.navigator.platform)),Ir}let Mr,Pr=1e4;function Hr(){return"__primer_id_"+Pr++}Lr(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Mr||(Mr={}));const Dr={ArrowLeft:Mr.ArrowHorizontal,ArrowDown:Mr.ArrowVertical,ArrowUp:Mr.ArrowVertical,ArrowRight:Mr.ArrowHorizontal,h:Mr.HL,j:Mr.JK,k:Mr.JK,l:Mr.HL,a:Mr.AD,s:Mr.WS,w:Mr.WS,d:Mr.AD,Tab:Mr.Tab,Home:Mr.HomeAndEnd,End:Mr.HomeAndEnd,PageUp:Mr.PageUpDown,PageDown:Mr.PageUpDown},Wr={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Fr(e){const t=Wr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Or();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}function _r(e,t){var r,o,a,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Mr.ArrowAll:Mr.ArrowVertical)|Mr.HomeAndEnd,s=null!==(o=null==t?void 0:t.focusOutBehavior)&&void 0!==o?o:"stop",c=null!==(a=null==t?void 0:t.focusInStrategy)&&void 0!==a?a:"previous",f=null==t?void 0:t.activeDescendantControl,g=null==t?void 0:t.onActiveDescendantChanged;let u;function p(){return i[0]}function b(e,t=!1){const r=u;u=e,f?e&&document.activeElement===f?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(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=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}function So(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 e.useLayoutEffect(l,[l]),d=l,e.useLayoutEffect((()=>{const e=new window.ResizeObserver((()=>d()));return e.observe(document.documentElement),()=>{e.disconnect()}}),[d]),{floatingElementRef:o,anchorElementRef:a,position:n}}Lr();const Eo=[];let Co;function zo(e,t=!1){return Br(e,{reverse:t,strict:!0,onlyTabbable:!0}).next().value}function No(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=zo(e),a=zo(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}),Co){const e=Co;Co.container.setAttribute("data-focus-trap","suspended"),Co.controller.abort(),Eo.push(e)}l.signal.addEventListener("abort",(()=>{Co=void 0})),a.addEventListener("abort",(()=>{e.removeAttribute("data-focus-trap");const t=Eo.findIndex((t=>t.container===e));t>=0&&Eo.splice(t,1),function(){const e=Eo.pop();e&&No(e.container,e.initialFocus,e.originalSignal)}()})),document.addEventListener("focus",(e=>{i(e.target)}),{signal:l.signal,capture:!0}),i(document.activeElement),Co={container:e,controller:l,initialFocus:t,originalSignal:a};const d=Eo.findIndex((t=>t.container===e));if(d>=0&&Eo.splice(d,1),!r)return o}function Io(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=No(o.current,null!==(e=a.current)&&void 0!==e?e:void 0),()=>{d()};d()}}),[o,a,n,...r]),{containerRef:o,initialFocusRef:a}}function Ao({icon:t,...r}){return e.createElement(t,r)}Ao.displayName="Octicon";const Ro=f(Ao)`
|
|
264
274
|
${It}
|
|
265
275
|
${rr}
|
|
266
|
-
`;
|
|
276
|
+
`;Ro.defaultProps={size:16};var Lo=Ro;function Oo(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 Mo={};function Po(){const e=Mo.__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__"){Mo[t]=e}(e)}}var Ho=({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 e.useLayoutEffect((()=>{let e=o;void 0===e&&(e="__default__",Po());const t=Mo[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 Do(...t){const o=r(null);return e.useLayoutEffect((()=>{function e(e=null){for(const r of t){if(!r)return;"function"==typeof r?r(e):r.current=e}}return e(o.current),()=>{e(o.current)}}),[...t,o.current]),o}const Wo={prefix:String(Math.round(1e10*Math.random())),current:0},Fo=e.createContext(Wo);function _o(t){let r=l(Fo),o=n((()=>({prefix:r===Wo?"":r.prefix+"-"+ ++r.current,current:0})),[r]);return e.createElement(Fo.Provider,{value:o},t.children)}let jo=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function Uo(e){let t=l(Fo);return t!==Wo||jo||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 Go=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
|
+
`,Vo={small:"480px",large:"640px",auto:"auto"},Ko={small:"296px",medium:"320px",large:"480px",xlarge:"640px"},qo=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 Ko[null!==(t=e.width)&&void 0!==t?t:"xlarge"]}};
|
|
305
|
+
height: ${e=>{var t;return Vo[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
|
+
`,Xo=({dialogLabelId:t,title:r,subtitle:a,dialogDescriptionId:n,onClose:i})=>{const l=o((()=>{i("close-button")}),[i]);return e.createElement(la.Header,null,e.createElement(or,{display:"flex"},e.createElement(or,{display:"flex",px:2,py:"6px",flexDirection:"column",flexGrow:1},e.createElement(la.Title,{id:t},null!=r?r:"Dialog"),a&&e.createElement(la.Subtitle,{id:n},a)),e.createElement(la.CloseButton,{onClose:l})))};Xo.displayName="DefaultHeader";const Yo=({children:t})=>e.createElement(la.Body,null,t);Yo.displayName="DefaultBody";const Jo=({footerButtons:t})=>{const{containerRef:r}=Oo({bindKeys:Mr.ArrowHorizontal|Mr.Tab,focusInStrategy:"closest"});return t?e.createElement(la.Footer,{ref:r},e.createElement(la.Buttons,{buttons:t})):null},Zo=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=Uo(),b=Uo(),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=Do(v,o),y=r(null);Io({containerRef:v,restoreFocusOnCleanUp:!0,initialFocusRef:m}),Cr((e=>{s("escape"),e.preventDefault()}),[s]);const w=(null!=i?i:Xo)(h),B=(null!=l?l:Yo)(h),$=(null!=d?d:Jo)(h);return e.createElement(e.Fragment,null,e.createElement(Ho,null,e.createElement(Go,{ref:y},e.createElement(qo,{width:f,height:g,ref:x,role:c,"aria-labelledby":p,"aria-describedby":b},w,B,$))))}));Zo.displayName="Dialog";const Qo=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
|
+
`,ea=f(or)`
|
|
320
330
|
font-size: ${Nt("fontSizes.1")};
|
|
321
331
|
font-weight: ${Nt("fontWeights.bold")};
|
|
322
|
-
`,
|
|
332
|
+
`,ta=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
|
+
`,ra=f(or)`
|
|
327
337
|
flex-grow: 1;
|
|
328
338
|
overflow: auto;
|
|
329
339
|
padding: ${Nt("space.3")};
|
|
330
|
-
`,
|
|
340
|
+
`,oa=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
|
+
`,aa={normal:qr,primary:Qr,danger:Xr},na=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
|
+
`,ia=({onClose:t})=>e.createElement(na,{"aria-label":"Close",onClick:t},e.createElement(Lo,{icon:po}));ia.displayName="CloseButton";const la=Object.assign(Zo,{Header:Qo,Title:ea,Subtitle:ta,Body:ra,Footer:oa,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=aa[a];return e.createElement(s,Pt({key:r},d,{ref:l&&0===i?(i++,n):null}),o)})))},CloseButton:ia}),da=f.header`
|
|
356
366
|
padding: ${Nt("space.2")};
|
|
357
367
|
display: flex;
|
|
358
368
|
flex-direction: row;
|
|
359
|
-
`,
|
|
369
|
+
`,sa=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
|
+
`,ca=({title:t,onClose:r,dialogLabelId:a})=>{const n=o((()=>{r("close-button")}),[r]);return e.createElement(da,null,e.createElement(sa,{id:a},t),e.createElement(la.CloseButton,{onClose:n}))};ca.displayName="ConfirmationHeader";const fa=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
|
+
`,ga=({children:t})=>e.createElement(fa,null,t);ga.displayName="ConfirmationBody";const ua=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
|
+
`,pa=({footerButtons:t})=>{const{containerRef:r}=Oo({bindKeys:Mr.ArrowHorizontal|Mr.Tab,focusInStrategy:"closest"});return e.createElement(ua,{ref:r},e.createElement(la.Buttons,{buttons:null!=t?t:[]}))};pa.displayName="ConfirmationFooter";const ba=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(la,{onClose:r,title:a,footerButtons:s,role:"alertdialog",width:"medium",renderHeader:ca,renderBody:ga,renderFooter:pa},d)};function ma(){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(ba,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])}ba.displayName="ConfirmationDialog";const ha=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 va({variant:t="subtle",title:r,auxiliaryText:o,children:a,...n}){return e.createElement(ha,Pt({role:"heading",variant:t},n),r,o&&e.createElement("span",null,o))}va.displayName="Header";const xa=f.div`
|
|
394
404
|
${rr}
|
|
395
|
-
`;function
|
|
405
|
+
`;function ya({header:t,items:r,...o}){return e.createElement(xa,o,t&&e.createElement(va,t),r)}ya.displayName="Group";const wa=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
|
+
`;wa.defaultProps={expandable:!1,inline:!1,maxWidth:125};var Ba=wa;const $a=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 ka(){return e.createElement($a,null)}ka.displayName="Divider",ka.renderItem=ka;const Ta={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)"}}},Sa=(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"}}},Ea=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
|
+
`,Ca=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
|
+
`,za=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})=>Sa(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})=>Sa(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(${$a} + &):not(${ha} + &) {
|
|
448
458
|
margin-top: ${({showDivider:e})=>e?"1px":"0"};
|
|
449
459
|
|
|
450
|
-
${
|
|
460
|
+
${Ea}::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 ${Ea}::before,
|
|
465
475
|
// - below Hovered
|
|
466
476
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
467
|
-
:hover + * ${
|
|
477
|
+
:hover + * ${Ea}::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 ${Ea}::before,
|
|
474
484
|
// - below Focused
|
|
475
485
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
476
|
-
:focus + * ${
|
|
486
|
+
:focus + * ${Ea}::before,
|
|
477
487
|
// - above Active Descendent
|
|
478
|
-
&[${"data-is-active-descendant"}] ${
|
|
488
|
+
&[${"data-is-active-descendant"}] ${Ea}::before,
|
|
479
489
|
// - below Active Descendent
|
|
480
|
-
[${"data-is-active-descendant"}] + & ${
|
|
490
|
+
[${"data-is-active-descendant"}] + & ${Ea}::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
|
+
`,Na=f.span``,Ia=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
|
+
`,Aa=f(Ia)`
|
|
511
521
|
svg {
|
|
512
|
-
fill: ${({variant:e,disabled:t})=>
|
|
522
|
+
fill: ${({variant:e,disabled:t})=>Sa(e,t).iconColor};
|
|
513
523
|
font-size: ${Nt("fontSizes.0")};
|
|
514
524
|
}
|
|
515
|
-
`,
|
|
525
|
+
`,Ra=f(Aa)`
|
|
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
|
+
`,La=f(Aa)`
|
|
531
|
+
color: ${({variant:e,disabled:t})=>Sa(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
|
+
`,Oa=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
|
+
`,Ma=f.input`
|
|
539
549
|
pointer-events: none;
|
|
540
|
-
`,
|
|
550
|
+
`,Pa=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,$=Uo(),k=Uo(),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=Ta[p],C=Qt(E.hover,"inherit"),z=Qt(E.focus,"inherit"),{theme:N}=Zt();return e.createElement(za,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(Ia,null,"multiple"===s?e.createElement(e.Fragment,null,e.createElement(Ma,{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(Ra,{variant:p,disabled:m},e.createElement(c,null)),e.createElement(Ea,null,e.createElement(Ca,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},x,n?e.createElement(Na,{id:$},n):null,i?e.createElement(Oa,{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(Ba,{title:i,inline:!0,maxWidth:"100%"},i)):null),g?e.createElement(La,{variant:p,disabled:m},"function"==typeof g?e.createElement(g,null):g):f||u?e.createElement(La,{variant:p,disabled:m},u,f&&e.createElement(f,null)):null))}));Pa.displayName="ActionList.Item";const Ha=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 Da=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||Pa,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(Ha,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(ka,{key:`${i.groupId}-divider`}):null,(r=>{var o;const a=(null!==(o="renderGroup"in r&&r.renderGroup)&&void 0!==o?o:t.renderGroup)||ya;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}))})))}));Da.displayName="ActionList";const Wa=Object.assign(Da,{Group:ya,Item:Pa,Divider:ka}),Fa={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},_a={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const ja=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=>Fa[e.height||"auto"]};
|
|
570
|
+
max-height: ${e=>e.maxHeight&&Fa[e.maxHeight]};
|
|
571
|
+
width: ${e=>_a[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
|
+
`,Ua=e.forwardRef((({onClickOutside:t,role:o="none",initialFocusRef:n,returnFocusRef:i,ignoreClickRefs:l,onEscape:s,visibility:c="visible",height:f,top:g,left:u,anchorSide:p,portalContainerName:b,preventFocusOnOpen:m,...h},v)=>{const x=r(null),y=Do(x,v),{theme:w}=Zt(),B=parseInt(Nt("space.2")(w).replace("px","")),$=Nt("animation.easeOutCubic")(w);return Nr({overlayRef:x,returnFocusRef:i,onEscape:s,ignoreClickRefs:l,onClickOutside:t,initialFocusRef:n,preventFocusOnOpen:m}),a((()=>{var e;"initial"===f&&null!==(e=y.current)&&void 0!==e&&e.clientHeight&&(y.current.style.height=`${y.current.clientHeight}px`)}),[f,y]),d((()=>{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}}(p);(t||r)&&null!==(e=x.current)&&void 0!==e&&e.animate&&"hidden"!==c&&x.current.animate({transform:[`translate(${B*t}px, ${B*r}px)`,"translate(0, 0)"]},{duration:200,easing:$})}),[p,B,$,c]),e.createElement(Ho,{containerName:b},e.createElement(ja,Pt({height:f,role:o},h,{ref:y,style:{top:`${g||0}px`,left:`${u||0}px`,...h.style,"--styled-overlay-visibility":c}})))}));Ua.defaultProps={height:"auto",width:"auto"};var Ga=Ua;const Va=({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=Uo(),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}=So({anchorElementRef:v,floatingElementRef:x,side:m,align:h},[x.current]);return a((()=>{!d&&x.current&&y(null)}),[d,x,y]),Oo({containerRef:x,disabled:!d||!S,...b}),Io({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(Ga,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 Ka(e,r,a){const[n,i]=t(a);return[null!=e?e:n,o((e=>{i(e),r&&r(e)}),[r])]}Va.displayName="AnchoredOverlay",Va.defaultProps={side:"outside-bottom",align:"start"};const qa=t=>e.createElement(Pa,Pt({role:"menuitem"},t));qa.displayName="ActionMenuItem",qa.displayName="ActionMenu.Item";const Xa=({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]=Ka(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(Va,{renderAnchor:h,anchorRef:p,open:g,onOpen:b,onClose:m,overlayProps:s},e.createElement(Da,Pt({},f,{role:"menu",items:v})))};Xa.displayName="ActionMenuBase",Xa.displayName="ActionMenu";const Ya=Object.assign(Xa,{Divider:ka,Item:qa}),Ja=s(null);var Za,Qa={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
|
+
*/Za=Qa,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(" ")}Za.exports?(t.default=t,Za.exports=t):window.classNames=t}();var en=Qa.exports;var tn=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 rn=ue({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}});var on=f.span`
|
|
599
609
|
display: inline-flex;
|
|
600
610
|
align-items: stretch;
|
|
601
611
|
min-height: 34px;
|
|
@@ -638,9 +648,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
638
648
|
${he}
|
|
639
649
|
${xe}
|
|
640
650
|
${we}
|
|
641
|
-
${
|
|
651
|
+
${rn}
|
|
642
652
|
${rr};
|
|
643
|
-
`;const
|
|
653
|
+
`;const an=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=en(o,"TextInput-wrapper");return e.createElement(on,{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(tn,Pt({ref:u,disabled:n},g)))}));an.defaultProps={type:"text"},an.displayName="TextInput";var nn=an;const ln=e.forwardRef((({as:r=nn,onFocus:n,onBlur:i,onChange:d,onKeyDown:s,onKeyUp:c,onKeyPress:f,value:g,...u},p)=>{const b=l(Ja);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=Do(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=>{d&&d(e),B(e.currentTarget.value),k||$(!0)}),[d,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))}));ln.displayName="AutocompleteInput";var dn=ln;const sn=(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 cn(o){const i=l(Ja);if(null===i)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:d,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 Oo({containerRef:I,focusOutBehavior:"wrap",focusableElementFilter:e=>!(e instanceof HTMLInputElement),activeDescendantFocus:c,onActiveDescendantChanged:(e,t,r)=>{if(d.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?sn(e,N.current):e&&g.current&&r&&sn(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($l,null)):e.createElement("div",{ref:I},D.length?e.createElement(Wa,{selectionVariant:"multiple",items:D,role:"listbox",id:`${s}-listbox`,"aria-labelledby":E}):e.createElement(or,{p:3},B)))}function fn({menuAnchorRef:t,overlayProps:r,children:a}){const n=l(Ja);if(null===n)throw new Error("AutocompleteContext returned null values");const{inputRef:i,scrollContainerRef:d,selectedItemLength:s,setShowMenu:c,showMenu:f=!1}=n,{floatingElementRef:g,position:u}=So({side:"outside-bottom",align:"start",anchorElementRef:t||i},[f,s]),p=Do(d,g),b=o((()=>{c(!1)}),[c]);return"undefined"==typeof window?null:e.createElement(Ga,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)}cn.displayName="AutocompleteMenu",cn.defaultProps={emptyStateText:"No selectable options",selectionVariant:"single"},cn.displayName="AutocompleteMenu",fn.displayName="AutocompleteOverlay",fn.displayName="AutocompleteOverlay";const gn={inputValue:"",showMenu:!1,isMenuDirectlyActivated:!1,autocompleteSuggestion:"",selectedItemLength:0},un=(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}},pn=({children:t,id:a})=>{const n=r(null),i=r(null),l=r(null),[d,s]=c(un,gn),{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=Uo(a);return e.createElement(Ja.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)};pn.displayName="Autocomplete";var bn=Object.assign(pn,{Input:dn,Menu:cn,Overlay:fn});const mn=f.img.attrs((e=>({height:e.size,width:e.size})))`
|
|
644
654
|
display: inline-block;
|
|
645
655
|
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
|
646
656
|
line-height: ${Nt("lineHeights.condensedUltra")};
|
|
@@ -648,12 +658,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
648
658
|
border-radius: ${e=>function({size:e,square:t}){return t?e&&e<=24?"4px":"6px":"50%"}(e)};
|
|
649
659
|
${It};
|
|
650
660
|
${rr}
|
|
651
|
-
`;
|
|
661
|
+
`;mn.defaultProps={size:20,alt:"",square:!1};var hn=mn;const vn=f(hn)`
|
|
652
662
|
position: absolute;
|
|
653
663
|
right: -15%;
|
|
654
664
|
bottom: -9%;
|
|
655
665
|
box-shadow: ${Nt("shadows.avatar.childShadow")};
|
|
656
|
-
`,
|
|
666
|
+
`,xn=({children:t,...r})=>{const o=e.Children.map(t,((t,r)=>e.isValidElement(t)?0===r?e.cloneElement(t,{size:40}):e.createElement(vn,Pt({bg:"canvas.default"},t.props,{size:20})):t));return e.createElement(or,Pt({position:"relative",display:"inline-flex"},r),o)};xn.displayName="AvatarPair",xn.displayName="AvatarPair";var yn=xn;const wn=f.span`
|
|
657
667
|
display: flex;
|
|
658
668
|
position: relative;
|
|
659
669
|
height: 20px;
|
|
@@ -768,7 +778,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
768
778
|
}
|
|
769
779
|
|
|
770
780
|
${rr};
|
|
771
|
-
`,
|
|
781
|
+
`,Bn=({children:t,alignRight:r,sx:o})=>{const a=e.Children.count(t),n=en({"pc-AvatarStack--two":2===a,"pc-AvatarStack--three-plus":a>2,"pc-AvatarStack--right":r});return e.createElement(wn,{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:en(t.props.className,"pc-AvatarItem"),sx:{zIndex:10-r,...t.props.sx}}):t)))(t)))};Bn.displayName="AvatarStack";var $n=Bn;var kn=f.a`
|
|
772
782
|
display: inline-block;
|
|
773
783
|
padding: 2px 6px;
|
|
774
784
|
font-size: ${Nt("fontSizes.0")};
|
|
@@ -778,7 +788,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
778
788
|
border-radius: ${Nt("radii.2")};
|
|
779
789
|
${It};
|
|
780
790
|
${rr};
|
|
781
|
-
`;const
|
|
791
|
+
`;const Tn=f.li`
|
|
782
792
|
display: inline-block;
|
|
783
793
|
white-space: nowrap;
|
|
784
794
|
list-style: none;
|
|
@@ -797,13 +807,13 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
797
807
|
content: none;
|
|
798
808
|
}
|
|
799
809
|
}
|
|
800
|
-
`,
|
|
810
|
+
`,Sn=f.nav`
|
|
801
811
|
display: flex;
|
|
802
812
|
justify-content: space-between;
|
|
803
813
|
${It};
|
|
804
814
|
${Mt};
|
|
805
815
|
${rr};
|
|
806
|
-
`;function
|
|
816
|
+
`;function En({className:t,children:r,theme:o,...a}){const n=e.Children.map(r,(t=>e.createElement(Tn,{theme:o},t)));return e.createElement(Sn,Pt({className:t,"aria-label":"Breadcrumbs",theme:o},a),e.createElement(or,{as:"ol",my:0,pl:0},n))}En.displayName="Breadcrumbs";const Cn=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:en(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
|
|
807
817
|
color: ${Nt("colors.accent.fg")};
|
|
808
818
|
display: inline-block;
|
|
809
819
|
font-size: ${Nt("fontSizes.1")};
|
|
@@ -817,7 +827,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
817
827
|
}
|
|
818
828
|
${It}
|
|
819
829
|
${rr};
|
|
820
|
-
`;
|
|
830
|
+
`;En.displayName="Breadcrumbs",Cn.displayName="Breadcrumbs.Item";var zn=Object.assign(En,{Item:Cn});const Nn=Object.assign(En,{Item:Cn}),In={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},An={top:"Left",right:"Top",bottom:"Left",left:"Top"};function Rn(e,t,r){const o=In[e].toLowerCase(),a=An[e].toLowerCase();return{[o]:"100%",[t||a]:t?r:"50%"}}const Ln=Tt({prop:"bg",key:"colors"}),On=Tt({prop:"borderColor",key:"colors"}),Mn=Tt({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function Pn(t){var r;const o=e.useContext(b),a={...t,theme:null!==(r=t.theme)&&void 0!==r?r:o},{bg:n}=Ln(a),{borderColor:i}=On(a),{borderWidth:l}=Mn(a),{size:d=8,location:s="bottom"}=t,[c,f]=function(e){const[t,r]=e.split("-");return[t,r]}(s),g=An[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",...Rn(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})))}Pn.displayName="Caret",Pn.locations=["top","top-left","top-right","right","right-top","right-bottom","bottom","bottom-left","bottom-right","left","left-top","left-bottom"],Pn.defaultProps={bg:"canvas.default",borderColor:"border.default",borderWidth:1};const Hn={small:56,medium:96,large:128},Dn=f.div`
|
|
821
831
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
822
832
|
align-items: center;
|
|
823
833
|
justify-content: center;
|
|
@@ -825,13 +835,13 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
825
835
|
border-radius: 50%;
|
|
826
836
|
box-shadow: ${Nt("shadows.shadow.medium")};
|
|
827
837
|
${It};
|
|
828
|
-
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:
|
|
838
|
+
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:Hn[t];return{width:r,height:r}}};
|
|
829
839
|
${rr};
|
|
830
|
-
`,
|
|
840
|
+
`,Wn=f(Lo)`
|
|
831
841
|
height: auto;
|
|
832
842
|
max-width: 60%;
|
|
833
843
|
max-height: 55%;
|
|
834
|
-
`;
|
|
844
|
+
`;Dn.defaultProps={inline:!1},Wn.displayName="CircleBadge.Icon";var Fn=Object.assign(Dn,{Icon:Wn});function _n(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})))}_n.displayName="CircleOcticon",_n.defaultProps={...or.defaultProps,size:32};var jn=f.span`
|
|
835
845
|
display: inline-block;
|
|
836
846
|
padding: 2px 5px;
|
|
837
847
|
font-size: ${Nt("fontSizes.0")};
|
|
@@ -847,7 +857,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
847
857
|
}
|
|
848
858
|
|
|
849
859
|
${rr};
|
|
850
|
-
`;const
|
|
860
|
+
`;const Un=f.details`
|
|
851
861
|
& > summary {
|
|
852
862
|
list-style: none;
|
|
853
863
|
}
|
|
@@ -857,11 +867,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
857
867
|
|
|
858
868
|
${It}
|
|
859
869
|
${rr};
|
|
860
|
-
`;
|
|
870
|
+
`;Un.displayName="Details";var Gn=Un;const Vn=()=>null;function Kn(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 qn=f.span`
|
|
861
871
|
${At};
|
|
862
872
|
${It};
|
|
863
873
|
${rr};
|
|
864
|
-
`;const
|
|
874
|
+
`;const Xn=()=>null,Yn=f.div`
|
|
865
875
|
box-shadow: ${Nt("shadows.shadow.large")};
|
|
866
876
|
border-radius: ${Nt("radii.2")};
|
|
867
877
|
position: fixed;
|
|
@@ -885,7 +895,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
885
895
|
${Lt};
|
|
886
896
|
${It};
|
|
887
897
|
${rr};
|
|
888
|
-
`,
|
|
898
|
+
`,Jn=f(or)`
|
|
889
899
|
border-radius: ${Nt("radii.2")} ${Nt("radii.2")} 0px 0px;
|
|
890
900
|
border-bottom: 1px solid ${Nt("colors.border.default")};
|
|
891
901
|
display: flex;
|
|
@@ -895,7 +905,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
895
905
|
}
|
|
896
906
|
|
|
897
907
|
${rr};
|
|
898
|
-
`;function
|
|
908
|
+
`;function Zn({theme:t,children:r,backgroundColor:o="gray.1",...a}){return e.Children.toArray(r).every((e=>"string"==typeof e))&&(r=e.createElement(qn,{theme:t,color:"fg.default",fontSize:1,fontWeight:"bold",fontFamily:"sans-serif"},r)),e.createElement(Jn,Pt({theme:t,p:3,backgroundColor:o},a),r)}Zn.displayName="DialogHeader";const Qn=f.span`
|
|
899
909
|
&:before {
|
|
900
910
|
position: fixed;
|
|
901
911
|
top: 0;
|
|
@@ -909,10 +919,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
909
919
|
z-index: 99;
|
|
910
920
|
background: ${Nt("colors.primer.canvas.backdrop")};
|
|
911
921
|
}
|
|
912
|
-
`,
|
|
922
|
+
`,ei=i((({children:t,onDismiss:n=Xn,isOpen:i,initialFocusRef:l,returnFocusRef:d,...s},c)=>{const f=r(null),g=Do(c),u=r(null),p=()=>{n(),d&&d.current&&d.current.focus()},{getDialogProps:b}=function({modalRef:e,overlayRef:t,isOpen:r,onDismiss:n=Vn,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(Kn);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(Qn,{ref:f}),e.createElement(Yn,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}));Zn.defaultProps={backgroundColor:"canvas.subtle"},Zn.propTypes={...or.propTypes},Zn.displayName="Dialog.Header",ei.displayName="Dialog";var ti=Object.assign(ei,{Header:Zn});var ri=(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 oi=f(Gn)`
|
|
913
923
|
position: relative;
|
|
914
924
|
display: inline-block;
|
|
915
|
-
`,
|
|
925
|
+
`,ai=({children:t,className:r,...o})=>{const{getDetailsProps:a}=mr({closeOnOutsideClick:!0});return e.createElement(oi,Pt({className:r},a(),o),t)};ai.displayName="Dropdown";const ni=({children:t,...r})=>e.createElement(qr,Pt({as:"summary","aria-haspopup":"true"},r),t,e.createElement(ii,null));ni.displayName="DropdownButton";const ii=f.div`
|
|
916
926
|
border: 4px solid transparent;
|
|
917
927
|
margin-left: 12px;
|
|
918
928
|
border-top-color: currentcolor;
|
|
@@ -924,7 +934,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
924
934
|
width: 0;
|
|
925
935
|
${It};
|
|
926
936
|
${rr};
|
|
927
|
-
`,
|
|
937
|
+
`,li=f.ul`
|
|
928
938
|
background-clip: padding-box;
|
|
929
939
|
background-color: ${Nt("colors.canvas.overlay")};
|
|
930
940
|
border: 1px solid ${Nt("colors.border.default")};
|
|
@@ -965,10 +975,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
965
975
|
> ul {
|
|
966
976
|
list-style: none;
|
|
967
977
|
}
|
|
968
|
-
${e=>e.direction?
|
|
978
|
+
${e=>e.direction?ri(e.theme,e.direction):""};
|
|
969
979
|
${It};
|
|
970
980
|
${rr};
|
|
971
|
-
`,
|
|
981
|
+
`,di=f.li`
|
|
972
982
|
display: block;
|
|
973
983
|
padding: ${Nt("space.1")} 10px ${Nt("space.1")} 15px;
|
|
974
984
|
overflow: hidden;
|
|
@@ -1001,7 +1011,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1001
1011
|
}
|
|
1002
1012
|
${It};
|
|
1003
1013
|
${rr};
|
|
1004
|
-
`;
|
|
1014
|
+
`;li.defaultProps={direction:"sw"},li.displayName="Dropdown.Menu",di.displayName="Dropdown.Item",ni.defaultProps=qr.defaultProps,ni.displayName="Dropdown.Button",ii.displayName="Dropdown.Caret",ai.defaultProps=Gn.defaultProps;var si=Object.assign(ai,{Caret:ii,Menu:li,Item:di,Button:ni});const ci=e.forwardRef((({children:t,...r},o)=>e.createElement(qr,Pt({ref:o,type:"button"},r),t,e.createElement(Lo,{icon:uo,ml:1}))));function fi({renderAnchor:t=(t=>e.createElement(ci,t)),anchorRef:r,placeholder:a,selectedItem:i,onChange:l,overlayProps:d,items:s,open:c,onOpenChange:f,...g}){const[u,p]=Ka(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(Va,{renderAnchor:v,anchorRef:h,open:u,onOpen:b,onClose:m,overlayProps:d},e.createElement(Da,Pt({},g,{role:"listbox",items:x})))}fi.displayName="DropdownMenu",fi.displayName="DropdownMenu";var gi=f.div`
|
|
1005
1015
|
${It};
|
|
1006
1016
|
display: flex;
|
|
1007
1017
|
align-items: stretch;
|
|
@@ -1020,11 +1030,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1020
1030
|
}
|
|
1021
1031
|
|
|
1022
1032
|
${rr}
|
|
1023
|
-
`;const
|
|
1033
|
+
`;const ui=f.ul`
|
|
1024
1034
|
list-style-type: none;
|
|
1025
1035
|
${It};
|
|
1026
1036
|
${rr};
|
|
1027
|
-
`,
|
|
1037
|
+
`,pi=({children:t,...r})=>{const o=e.Children.map(t,(t=>e.createElement("li",null,t)));return e.createElement(ui,r,o)};pi.displayName="FilterList";const bi=f.a`
|
|
1028
1038
|
position: relative;
|
|
1029
1039
|
display: block;
|
|
1030
1040
|
padding: ${e=>e.small?`${Nt("space.1")(e)} 10px`:`${Nt("space.2")(e)} 11px`};
|
|
@@ -1052,7 +1062,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1052
1062
|
}
|
|
1053
1063
|
${It};
|
|
1054
1064
|
${rr};
|
|
1055
|
-
`;function
|
|
1065
|
+
`;function mi({children:t,count:r,...o}){return e.createElement(bi,o,r&&e.createElement("span",{title:"results",className:"count"},r),t)}mi.displayName="FilterListItem",pi.defaultProps={m:0,p:0},mi.displayName="FilterList.Item";var hi=Object.assign(pi,{Item:mi});const vi=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"}}}}),xi=f.div`
|
|
1056
1066
|
position: relative;
|
|
1057
1067
|
color: ${Nt("colors.fg.default")};
|
|
1058
1068
|
padding: ${Nt("space.3")};
|
|
@@ -1070,14 +1080,14 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1070
1080
|
}
|
|
1071
1081
|
|
|
1072
1082
|
${It};
|
|
1073
|
-
${
|
|
1083
|
+
${vi};
|
|
1074
1084
|
${rr};
|
|
1075
|
-
`;
|
|
1085
|
+
`;xi.defaultProps={variant:"default"};var yi=xi;const wi=f.div`
|
|
1076
1086
|
margin: ${Nt("space.3")} 0;
|
|
1077
1087
|
font-weight: ${Nt("fontWeights.normal")};
|
|
1078
1088
|
${It};
|
|
1079
1089
|
${rr};
|
|
1080
|
-
`,
|
|
1090
|
+
`,Bi=f.label`
|
|
1081
1091
|
display: block;
|
|
1082
1092
|
margin: 0 0 ${Nt("space.2")};
|
|
1083
1093
|
font-size: ${Nt("fontSizes.1")};
|
|
@@ -1085,7 +1095,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1085
1095
|
${At};
|
|
1086
1096
|
${It};
|
|
1087
1097
|
${rr};
|
|
1088
|
-
`;
|
|
1098
|
+
`;Bi.displayName="FormGroup.Label";var $i=Object.assign(wi,{Label:Bi});const ki=f.div`
|
|
1089
1099
|
z-index: 32;
|
|
1090
1100
|
display: flex;
|
|
1091
1101
|
padding: ${Nt("space.3")};
|
|
@@ -1099,7 +1109,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1099
1109
|
${It}
|
|
1100
1110
|
${Rt}
|
|
1101
1111
|
${rr};
|
|
1102
|
-
`,
|
|
1112
|
+
`,Ti=f.div`
|
|
1103
1113
|
display: flex;
|
|
1104
1114
|
margin-right: ${Nt("space.3")};
|
|
1105
1115
|
align-self: stretch;
|
|
@@ -1111,7 +1121,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1111
1121
|
${It};
|
|
1112
1122
|
${Rt};
|
|
1113
1123
|
${rr};
|
|
1114
|
-
`;
|
|
1124
|
+
`;Ti.displayName="Header.Item";const Si=f.a.attrs((({to:e})=>"string"==typeof e?{"aria-current":"page"}:{}))`
|
|
1115
1125
|
font-weight: ${Nt("fontWeights.bold")};
|
|
1116
1126
|
color: ${Nt("colors.header.logo")};
|
|
1117
1127
|
white-space: nowrap;
|
|
@@ -1129,14 +1139,14 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1129
1139
|
${Rt};
|
|
1130
1140
|
${At};
|
|
1131
1141
|
${rr};
|
|
1132
|
-
`;
|
|
1142
|
+
`;Si.displayName="Header.Link";var Ei=Object.assign(ki,{Link:Si,Item:Ti});const Ci=f.h2`
|
|
1133
1143
|
font-weight: ${Nt("fontWeights.bold")};
|
|
1134
1144
|
font-size: ${Nt("fontSizes.5")};
|
|
1135
1145
|
margin: 0;
|
|
1136
1146
|
${At};
|
|
1137
1147
|
${It};
|
|
1138
1148
|
${rr};
|
|
1139
|
-
`;
|
|
1149
|
+
`;Ci.defaultProps={theme:x};var zi=Ci;var Ni=f.span`
|
|
1140
1150
|
${It}
|
|
1141
1151
|
& * {
|
|
1142
1152
|
margin-right: ${Nt("space.1")};
|
|
@@ -1145,7 +1155,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1145
1155
|
margin-right: 0;
|
|
1146
1156
|
}
|
|
1147
1157
|
${rr};
|
|
1148
|
-
`;const
|
|
1158
|
+
`;const Ii=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),Ai=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"}}}),Ri=f.span`
|
|
1149
1159
|
display: inline-block;
|
|
1150
1160
|
font-weight: ${Nt("fontWeights.semibold")};
|
|
1151
1161
|
color: ${Nt("colors.fg.onEmphasis")};
|
|
@@ -1155,17 +1165,17 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1155
1165
|
text-decoration: none;
|
|
1156
1166
|
}
|
|
1157
1167
|
|
|
1158
|
-
${
|
|
1168
|
+
${Ai}
|
|
1159
1169
|
${It}
|
|
1160
1170
|
${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
|
|
1161
|
-
${e=>e.outline?
|
|
1171
|
+
${e=>e.outline?Ii:""} // must be last to override other values
|
|
1162
1172
|
${rr}
|
|
1163
|
-
`;
|
|
1173
|
+
`;Ri.defaultProps={bg:"neutral.emphasis",variant:"medium"};var Li=Ri;const Oi=L({hoverColor:{property:"color",scale:"colors"}});var Mi=f.a`
|
|
1164
1174
|
color: ${e=>e.muted?Nt("colors.fg.muted")(e):Nt("colors.accent.fg")(e)};
|
|
1165
1175
|
text-decoration: ${e=>e.underline?"underline":"none"};
|
|
1166
1176
|
&:hover {
|
|
1167
1177
|
text-decoration: ${e=>e.muted?"none":"underline"};
|
|
1168
|
-
${e=>e.hoverColor?
|
|
1178
|
+
${e=>e.hoverColor?Oi:e.muted?`color: ${Nt("colors.accent.fg")(e)}`:""};
|
|
1169
1179
|
}
|
|
1170
1180
|
&:is(button) {
|
|
1171
1181
|
display: inline-block;
|
|
@@ -1181,7 +1191,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1181
1191
|
${At};
|
|
1182
1192
|
${It};
|
|
1183
1193
|
${rr};
|
|
1184
|
-
`;var
|
|
1194
|
+
`;var Pi=f.div`
|
|
1185
1195
|
position: relative;
|
|
1186
1196
|
padding-top: ${Nt("space.4")};
|
|
1187
1197
|
padding-bottom: ${Nt("space.4")};
|
|
@@ -1189,7 +1199,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1189
1199
|
border-bottom: 1px solid ${Nt("colors.border.default")};
|
|
1190
1200
|
${It};
|
|
1191
1201
|
${rr};
|
|
1192
|
-
`;const
|
|
1202
|
+
`;const Hi=f.a`
|
|
1193
1203
|
display: inline-block;
|
|
1194
1204
|
min-width: 32px;
|
|
1195
1205
|
padding: 5px 10px;
|
|
@@ -1289,12 +1299,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1289
1299
|
}
|
|
1290
1300
|
|
|
1291
1301
|
${It};
|
|
1292
|
-
`;function
|
|
1302
|
+
`;function Di({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(Hi,Pt({},o,{key:a,theme:t}),i)}))),[c,n,s,t])}const Wi=f.nav`
|
|
1293
1303
|
margin-top: 20px;
|
|
1294
1304
|
margin-bottom: 15px;
|
|
1295
1305
|
text-align: center;
|
|
1296
1306
|
${rr};
|
|
1297
|
-
`;function
|
|
1307
|
+
`;function Fi({theme:t,pageCount:r,currentPage:o,onPageChange:a=ji,hrefBuilder:n=_i,marginPageCount:i=1,showPages:l=!0,surroundingPageCount:d=2,...s}){const c=Di({theme:t,pageCount:r,currentPage:o,onPageChange:a,hrefBuilder:n,marginPageCount:i,showPages:l,surroundingPageCount:d});return e.createElement(Wi,Pt({"aria-label":"Pagination"},s,{theme:t}),e.createElement(or,{display:"inline-block",theme:t},c))}function _i(e){return`#${e}`}function ji(){}function Ui(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(Pn,s))}Fi.displayName="Pagination",Fi.defaultProps={hrefBuilder:_i,marginPageCount:1,onPageChange:ji,showPages:!0,surroundingPageCount:2},Ui.displayName="PointerBox";const Gi=f.div.attrs((({className:e,caret:t})=>({className:en(e,`caret-pos--${t}`)})))`
|
|
1298
1308
|
position: ${e=>e.relative?"relative":"absolute"};
|
|
1299
1309
|
z-index: 100;
|
|
1300
1310
|
display: ${e=>e.open?"block":"none"};
|
|
@@ -1303,7 +1313,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1303
1313
|
${Lt};
|
|
1304
1314
|
${Ot};
|
|
1305
1315
|
${rr};
|
|
1306
|
-
`,
|
|
1316
|
+
`,Vi=f(or)`
|
|
1307
1317
|
border: 1px solid ${Nt("colors.border.default")};
|
|
1308
1318
|
border-radius: ${Nt("radii.2")};
|
|
1309
1319
|
position: relative;
|
|
@@ -1340,9 +1350,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1340
1350
|
}
|
|
1341
1351
|
|
|
1342
1352
|
// Bottom-oriented carets
|
|
1343
|
-
${
|
|
1344
|
-
${
|
|
1345
|
-
${
|
|
1353
|
+
${Gi}.caret-pos--bottom & ,
|
|
1354
|
+
${Gi}.caret-pos--bottom-right & ,
|
|
1355
|
+
${Gi}.caret-pos--bottom-left & {
|
|
1346
1356
|
&::before,
|
|
1347
1357
|
&::after {
|
|
1348
1358
|
top: auto;
|
|
@@ -1362,8 +1372,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1362
1372
|
}
|
|
1363
1373
|
|
|
1364
1374
|
// Top & Bottom: Right-oriented carets
|
|
1365
|
-
${
|
|
1366
|
-
${
|
|
1375
|
+
${Gi}.caret-pos--top-right & ,
|
|
1376
|
+
${Gi}.caret-pos--bottom-right & {
|
|
1367
1377
|
right: -9px;
|
|
1368
1378
|
margin-right: 0;
|
|
1369
1379
|
|
|
@@ -1383,8 +1393,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1383
1393
|
}
|
|
1384
1394
|
|
|
1385
1395
|
// Top & Bottom: Left-oriented carets
|
|
1386
|
-
${
|
|
1387
|
-
${
|
|
1396
|
+
${Gi}.caret-pos--top-left & ,
|
|
1397
|
+
${Gi}.caret-pos--bottom-left & {
|
|
1388
1398
|
left: -9px;
|
|
1389
1399
|
margin-left: 0;
|
|
1390
1400
|
|
|
@@ -1400,12 +1410,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1400
1410
|
}
|
|
1401
1411
|
|
|
1402
1412
|
// Right- & Left-oriented carets
|
|
1403
|
-
${
|
|
1404
|
-
${
|
|
1405
|
-
${
|
|
1406
|
-
${
|
|
1407
|
-
${
|
|
1408
|
-
${
|
|
1413
|
+
${Gi}.caret-pos--right & ,
|
|
1414
|
+
${Gi}.caret-pos--right-top & ,
|
|
1415
|
+
${Gi}.caret-pos--right-bottom & ,
|
|
1416
|
+
${Gi}.caret-pos--left & ,
|
|
1417
|
+
${Gi}.caret-pos--left-top & ,
|
|
1418
|
+
${Gi}.caret-pos--left-bottom & {
|
|
1409
1419
|
&::before,
|
|
1410
1420
|
&::after {
|
|
1411
1421
|
top: 50%;
|
|
@@ -1425,9 +1435,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1425
1435
|
}
|
|
1426
1436
|
|
|
1427
1437
|
// Right-oriented carets
|
|
1428
|
-
${
|
|
1429
|
-
${
|
|
1430
|
-
${
|
|
1438
|
+
${Gi}.caret-pos--right & ,
|
|
1439
|
+
${Gi}.caret-pos--right-top & ,
|
|
1440
|
+
${Gi}.caret-pos--right-bottom & {
|
|
1431
1441
|
&::before {
|
|
1432
1442
|
right: -${Nt("space.3")};
|
|
1433
1443
|
border-left-color: ${Nt("colors.border.default")};
|
|
@@ -1441,9 +1451,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1441
1451
|
}
|
|
1442
1452
|
|
|
1443
1453
|
// Left-oriented carets
|
|
1444
|
-
${
|
|
1445
|
-
${
|
|
1446
|
-
${
|
|
1454
|
+
${Gi}.caret-pos--left & ,
|
|
1455
|
+
${Gi}.caret-pos--left-top & ,
|
|
1456
|
+
${Gi}.caret-pos--left-bottom & {
|
|
1447
1457
|
&::before {
|
|
1448
1458
|
left: -${Nt("space.3")};
|
|
1449
1459
|
border-right-color: ${Nt("colors.border.default")};
|
|
@@ -1457,8 +1467,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1457
1467
|
}
|
|
1458
1468
|
|
|
1459
1469
|
// Right & Left: Top-oriented carets
|
|
1460
|
-
${
|
|
1461
|
-
${
|
|
1470
|
+
${Gi}.caret-pos--right-top & ,
|
|
1471
|
+
${Gi}.caret-pos--left-top & {
|
|
1462
1472
|
&::before,
|
|
1463
1473
|
&::after {
|
|
1464
1474
|
top: ${Nt("space.4")};
|
|
@@ -1466,8 +1476,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1466
1476
|
}
|
|
1467
1477
|
|
|
1468
1478
|
// Right & Left: Bottom-oriented carets
|
|
1469
|
-
${
|
|
1470
|
-
${
|
|
1479
|
+
${Gi}.caret-pos--right-bottom & ,
|
|
1480
|
+
${Gi}.caret-pos--left-bottom & {
|
|
1471
1481
|
&::before,
|
|
1472
1482
|
&::after {
|
|
1473
1483
|
top: auto;
|
|
@@ -1483,23 +1493,23 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1483
1493
|
}
|
|
1484
1494
|
|
|
1485
1495
|
${rr};
|
|
1486
|
-
`;
|
|
1496
|
+
`;Gi.defaultProps={caret:"top"},Vi.displayName="Popover.Content";var Ki=Object.assign(Gi,{Content:Vi});const qi=f.span`
|
|
1487
1497
|
width: ${e=>e.progress?`${e.progress}%`:0};
|
|
1488
1498
|
${It}
|
|
1489
|
-
`,
|
|
1499
|
+
`,Xi={small:"5px",large:"10px",default:"8px"},Yi=f.span`
|
|
1490
1500
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
1491
1501
|
overflow: hidden;
|
|
1492
1502
|
background-color: ${Nt("colors.border.default")};
|
|
1493
1503
|
border-radius: ${Nt("radii.1")};
|
|
1494
|
-
height: ${e=>
|
|
1504
|
+
height: ${e=>Xi[e.barSize||"default"]};
|
|
1495
1505
|
${It}
|
|
1496
1506
|
${he}
|
|
1497
1507
|
${rr};
|
|
1498
|
-
`;function
|
|
1499
|
-
${
|
|
1508
|
+
`;function Ji({progress:t,bg:r,theme:o,...a}){return e.createElement(Yi,Pt({theme:o},a),e.createElement(qi,{progress:t,bg:r,theme:o}))}function Zi(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])}Ji.displayName="ProgressBar",Ji.defaultProps={bg:"success.emphasis",barSize:"default"};const Qi=s({}),el=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")),tl=f.div`
|
|
1509
|
+
${el}
|
|
1500
1510
|
${It}
|
|
1501
1511
|
${rr};
|
|
1502
|
-
`;
|
|
1512
|
+
`;tl.displayName="SelectMenu.Divider";var rl=tl;const ol=f.form`
|
|
1503
1513
|
padding: ${Nt("space.3")};
|
|
1504
1514
|
margin: 0;
|
|
1505
1515
|
border-bottom: ${Nt("borderWidths.1")} solid ${Nt("colors.border.muted")};
|
|
@@ -1511,11 +1521,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1511
1521
|
}
|
|
1512
1522
|
|
|
1513
1523
|
${rr};
|
|
1514
|
-
`,
|
|
1515
|
-
${
|
|
1524
|
+
`,al=i((({theme:t,value:o,sx:n,...i},d)=>{const s=r(null),c=null!=d?d:s,{open:f}=l(Qi);return a((()=>{var e;f&&(null===(e=s.current)||void 0===e||e.focus())}),[f]),e.createElement(ol,{theme:t,sx:n},e.createElement(nn,Pt({theme:t,ref:c,width:"100%",block:!0,value:o,contrast:!0},i)))}));al.displayName="SelectMenu.Filter";var nl=al;const il=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")),ll=f.footer`
|
|
1525
|
+
${il}
|
|
1516
1526
|
${It}
|
|
1517
1527
|
${rr};
|
|
1518
|
-
`;
|
|
1528
|
+
`;ll.displayName="SelectMenu.Footer";var dl=ll;const sl=f.h3`
|
|
1519
1529
|
color: ${Nt("colors.fg.default")};
|
|
1520
1530
|
flex: auto;
|
|
1521
1531
|
font-size: ${Nt("fontSizes.1")};
|
|
@@ -1525,7 +1535,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1525
1535
|
@media (min-width: ${Nt("breakpoints.0")}) {
|
|
1526
1536
|
font-size: inherit;
|
|
1527
1537
|
}
|
|
1528
|
-
`,
|
|
1538
|
+
`,cl=f.header`
|
|
1529
1539
|
display: flex;
|
|
1530
1540
|
flex: none; // fixes header from getting squeezed in Safari iOS
|
|
1531
1541
|
padding: ${Nt("space.3")};
|
|
@@ -1539,15 +1549,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1539
1549
|
}
|
|
1540
1550
|
|
|
1541
1551
|
${rr};
|
|
1542
|
-
`,
|
|
1543
|
-
${
|
|
1552
|
+
`,fl=({children:t,theme:r,...o})=>e.createElement(cl,Pt({theme:r},o),e.createElement(sl,{theme:r},t));fl.displayName="SelectMenuHeader",fl.displayName="SelectMenu.Header";var gl=fl;const ul=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")),pl=f.a.attrs((()=>({role:"menuitemcheckbox"})))`
|
|
1553
|
+
${ul}
|
|
1544
1554
|
${It}
|
|
1545
1555
|
${rr};
|
|
1546
|
-
`,
|
|
1547
|
-
${
|
|
1556
|
+
`,bl=i((({children:t,selected:o,theme:a,onClick:n,...i},d)=>{const s=l(Qi),c=r(null),f=null!=d?d:c;return e.createElement(pl,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(Lo,{theme:a,className:"SelectMenu-icon SelectMenu-selected-icon",icon:no}),t)}));bl.defaultProps={selected:!1},bl.displayName="SelectMenu.Item";var ml=bl;const hl=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")),vl=f.div`
|
|
1557
|
+
${hl}
|
|
1548
1558
|
${It}
|
|
1549
1559
|
${rr};
|
|
1550
|
-
`;
|
|
1560
|
+
`;vl.displayName="SelectMenu.List";var xl=vl;const yl={small:"16px",medium:"32px",large:"64px"};function wl({size:t="medium",...r}){const o=yl[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"}))}wl.displayName="Spinner";const Bl=f(wl)`
|
|
1551
1561
|
@keyframes rotate-keyframes {
|
|
1552
1562
|
100% {
|
|
1553
1563
|
transform: rotate(360deg);
|
|
@@ -1558,42 +1568,42 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1558
1568
|
|
|
1559
1569
|
${It}
|
|
1560
1570
|
${rr}
|
|
1561
|
-
`;
|
|
1571
|
+
`;Bl.displayName="Spinner";var $l=Bl;const kl=f.div`
|
|
1562
1572
|
padding: ${Nt("space.6")} ${Nt("space.4")};
|
|
1563
1573
|
text-align: center;
|
|
1564
1574
|
background-color: ${Nt("colors.canvas.overlay")};
|
|
1565
1575
|
${It}
|
|
1566
|
-
`,
|
|
1567
|
-
${El}
|
|
1568
|
-
${he}
|
|
1569
|
-
`,Nl=f.div`
|
|
1576
|
+
`,Tl=t=>e.createElement(kl,t,e.createElement($l,null));Tl.displayName="SelectMenuLoadingAnimation";var Sl=Tl;const El=m(["0%{opacity:0;transform:scale(0.9);}"]),Cl=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"),El,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")),zl=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")),Nl=f.div`
|
|
1570
1577
|
${Cl}
|
|
1578
|
+
${he}
|
|
1579
|
+
`,Il=f.div`
|
|
1580
|
+
${zl}
|
|
1571
1581
|
${It}
|
|
1572
1582
|
${rr};
|
|
1573
|
-
`,
|
|
1574
|
-
${
|
|
1583
|
+
`,Al=e.forwardRef((({children:t,theme:r,width:o,...a},n)=>e.createElement(Il,Pt({theme:r},a,{role:"menu",ref:n}),e.createElement(Nl,{theme:r,width:o},t))));Al.defaultProps={align:"left",width:"300px"},Al.displayName="SelectMenu.Modal";var Rl=Al;const Ll=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")),Ol=f.button`
|
|
1584
|
+
${Ll}
|
|
1575
1585
|
${It}
|
|
1576
1586
|
${rr};
|
|
1577
|
-
`,
|
|
1587
|
+
`,Ml=({tabName:t="",index:r,className:o,onClick:n,...i})=>{const d=l(Qi);a((()=>{var e;d.selectedTab||0!==r||(null===(e=d.setSelectedTab)||void 0===e||e.call(d,t))}),[r,d,t]);const s=d.selectedTab===t;return e.createElement(Ol,Pt({role:"tab",className:en("SelectMenuTab",o),"aria-selected":s,onClick:e=>{var r;(n&&n(e),e.defaultPrevented)||(null===(r=d.setSelectedTab)||void 0===r||r.call(d,t))}},i),t)};Ml.displayName="SelectMenuTab",Ml.displayName="SelectMenu.Tab";var Pl=Ml;const Hl=f.div`
|
|
1578
1588
|
border-top: ${Nt("borderWidths.1")} solid ${Nt("colors.border.muted")};
|
|
1579
1589
|
${It}
|
|
1580
1590
|
${rr};
|
|
1581
|
-
`,
|
|
1582
|
-
${
|
|
1591
|
+
`,Dl=({tabName:t,className:r,children:o,...a})=>{const n=l(Qi);return e.createElement(Hl,Pt({role:"tabpanel",className:r,hidden:n.selectedTab!==t},a),e.createElement(xl,null,o))};Dl.displayName="TabPanel",Dl.displayName="SelectMenu.TabPanel";var Wl=Dl;const Fl=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")),_l=f.div`
|
|
1592
|
+
${Fl}
|
|
1583
1593
|
${It}
|
|
1584
1594
|
${rr};
|
|
1585
|
-
`,
|
|
1595
|
+
`,jl=({children:t,...r})=>e.createElement(_l,Pt({role:"tablist"},r),t);jl.displayName="SelectMenuTabs",jl.displayName="SelectMenu.Tabs";var Ul=jl;const Gl=f.details`
|
|
1586
1596
|
${"\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
1597
|
${It}
|
|
1588
1598
|
${rr};
|
|
1589
|
-
`,
|
|
1599
|
+
`,Vl=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]),Zi(f,p,b),e.createElement(Qi.Provider,{value:m},e.createElement(Gl,Pt({ref:f},d,{open:p,onToggle:function(e){b(e.target.open)}}),n))}));Vl.displayName="SelectMenu";var Kl=Object.assign(Vl,{MenuContext:Qi,List:xl,Divider:rl,Filter:nl,Footer:dl,Item:ml,Modal:Rl,Tabs:Ul,Tab:Pl,TabPanel:Wl,Header:gl,LoadingAnimation:Sl});function ql({variant:t,className:r,bordered:o,children:a,...n}){const i=en(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)}ql.displayName="SideNavBase";const Xl=f(ql)`
|
|
1590
1600
|
background-color: ${Nt("colors.canvas.subtle")};
|
|
1591
1601
|
|
|
1592
1602
|
${e=>e.bordered&&p(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
|
|
1593
1603
|
|
|
1594
1604
|
${It};
|
|
1595
1605
|
${rr};
|
|
1596
|
-
`,
|
|
1606
|
+
`,Yl=p(["background-color:",";outline:none;text-decoration:none;"],Nt("colors.neutral.subtle")),Jl=p(["color:",";text-decoration:none;outline:none;"],Nt("colors.fg.default")),Zl=f(Mi).attrs((e=>"string"==typeof e.to||e.selected?{"aria-current":"page"}:{}))`
|
|
1597
1607
|
position: relative;
|
|
1598
1608
|
display: block;
|
|
1599
1609
|
${e=>"full"===e.variant&&p(["display:flex;align-items:center;justify-content:space-between;"])}
|
|
@@ -1601,11 +1611,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1601
1611
|
text-align: left;
|
|
1602
1612
|
font-size: ${Nt("fontSizes.1")};
|
|
1603
1613
|
|
|
1604
|
-
& > ${
|
|
1614
|
+
& > ${Xl} {
|
|
1605
1615
|
border-bottom: none;
|
|
1606
1616
|
}
|
|
1607
1617
|
|
|
1608
|
-
${
|
|
1618
|
+
${Xl}.variant-normal > & {
|
|
1609
1619
|
color: ${Nt("colors.fg.default")};
|
|
1610
1620
|
padding: ${Nt("space.3")};
|
|
1611
1621
|
border: 0;
|
|
@@ -1635,11 +1645,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1635
1645
|
}
|
|
1636
1646
|
|
|
1637
1647
|
&:hover {
|
|
1638
|
-
${
|
|
1648
|
+
${Yl}
|
|
1639
1649
|
}
|
|
1640
1650
|
|
|
1641
1651
|
&:focus {
|
|
1642
|
-
${
|
|
1652
|
+
${Yl}
|
|
1643
1653
|
box-shadow: ${Nt("shadows.primer.shadow.focus")};
|
|
1644
1654
|
z-index: 1;
|
|
1645
1655
|
}
|
|
@@ -1655,16 +1665,16 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1655
1665
|
}
|
|
1656
1666
|
}
|
|
1657
1667
|
|
|
1658
|
-
${
|
|
1668
|
+
${Xl}.variant-lightweight > & {
|
|
1659
1669
|
padding: ${Nt("space.1")} 0;
|
|
1660
1670
|
color: ${Nt("colors.accent.fg")};
|
|
1661
1671
|
|
|
1662
1672
|
&:hover {
|
|
1663
|
-
${
|
|
1673
|
+
${Jl}
|
|
1664
1674
|
}
|
|
1665
1675
|
|
|
1666
1676
|
&:focus {
|
|
1667
|
-
${
|
|
1677
|
+
${Jl}
|
|
1668
1678
|
box-shadow: ${Nt("shadows.primer.shadow.focus")};
|
|
1669
1679
|
z-index: 1;
|
|
1670
1680
|
}
|
|
@@ -1677,7 +1687,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1677
1687
|
}
|
|
1678
1688
|
|
|
1679
1689
|
${rr};
|
|
1680
|
-
`;
|
|
1690
|
+
`;Xl.defaultProps={variant:"normal"},Zl.defaultProps={variant:"normal"},Zl.displayName="SideNav.Link";var Ql=Object.assign(Xl,{Link:Zl});const ed={issueOpened:co,pullOpened:lo,issueClosed:so,pullClosed:lo,pullMerged:io,draft:lo},td=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"}}}),rd=ue({prop:"variant",variants:{small:{paddingX:2,paddingY:1,fontSize:0},normal:{paddingX:"12px",paddingY:2,fontSize:1}}}),od=f.span`
|
|
1681
1691
|
display: inline-flex;
|
|
1682
1692
|
align-items: center;
|
|
1683
1693
|
font-weight: ${Nt("fontWeights.bold")};
|
|
@@ -1685,11 +1695,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1685
1695
|
color: ${Nt("colors.canvas.default")};
|
|
1686
1696
|
text-align: center;
|
|
1687
1697
|
border-radius: ${Nt("radii.3")};
|
|
1688
|
-
${ed};
|
|
1689
1698
|
${td};
|
|
1699
|
+
${rd};
|
|
1690
1700
|
${It};
|
|
1691
1701
|
${rr};
|
|
1692
|
-
`;function
|
|
1702
|
+
`;function ad({children:t,status:r,variant:o,...a}){const n="small"===o?{width:"1em"}:{};return e.createElement(od,Pt({},a,{variant:o,status:r}),r&&e.createElement(Lo,Pt({mr:1},n,{icon:ed[r]||go})),t)}ad.displayName="StateLabel",ad.defaultProps={variant:"normal"};const nd=f.nav`
|
|
1693
1703
|
display: flex;
|
|
1694
1704
|
justify-content: space-between;
|
|
1695
1705
|
|
|
@@ -1713,7 +1723,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1713
1723
|
${It};
|
|
1714
1724
|
${Mt};
|
|
1715
1725
|
${rr};
|
|
1716
|
-
`;function
|
|
1726
|
+
`;function id({actions:t,className:r,children:o,label:a,...n}){const i=en(r,"SubNav");return e.createElement(nd,Pt({className:i,"aria-label":a},n),e.createElement("div",{className:"SubNav-body"},o),t&&e.createElement("div",{className:"SubNav-actions"},t))}function ld(t){return e.createElement(or,Pt({display:"flex"},t))}id.displayName="SubNav",ld.displayName="SubNavLinks";const dd=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:en("SubNav-item",e.selected&&"selected",e.className)})))`
|
|
1717
1727
|
padding-left: ${Nt("space.3")};
|
|
1718
1728
|
padding-right: ${Nt("space.3")};
|
|
1719
1729
|
font-weight: ${Nt("fontWeights.semibold")};
|
|
@@ -1762,16 +1772,16 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1762
1772
|
|
|
1763
1773
|
${It};
|
|
1764
1774
|
${rr};
|
|
1765
|
-
`;
|
|
1775
|
+
`;dd.displayName="SubNav.Link",ld.displayName="SubNav.Links";var sd=Object.assign(id,{Link:dd,Links:ld});const cd=f.div`
|
|
1766
1776
|
margin-top: 0;
|
|
1767
1777
|
border-bottom: 1px solid ${Nt("colors.border.default")};
|
|
1768
1778
|
${It}
|
|
1769
1779
|
${rr}
|
|
1770
|
-
`,
|
|
1780
|
+
`,fd=f.nav`
|
|
1771
1781
|
display: flex;
|
|
1772
1782
|
margin-bottom: -1px;
|
|
1773
1783
|
overflow: auto;
|
|
1774
|
-
`;function
|
|
1784
|
+
`;function gd({children:t,"aria-label":r,...o}){return e.createElement(cd,o,e.createElement(fd,{"aria-label":r},t))}gd.displayName="TabNav";const ud=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:en("TabNav-item",e.selected&&"selected",e.className)})))`
|
|
1775
1785
|
padding: 8px 12px;
|
|
1776
1786
|
font-size: ${Nt("fontSizes.1")};
|
|
1777
1787
|
line-height: 20px;
|
|
@@ -1797,18 +1807,18 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1797
1807
|
|
|
1798
1808
|
${It};
|
|
1799
1809
|
${rr};
|
|
1800
|
-
`;
|
|
1810
|
+
`;ud.displayName="TabNav.Link";var pd=Object.assign(gd,{Link:ud}),bd=O(te,D,H,M,W,U,V,q,_,re,pe,be,me),md=new RegExp("^("+bd.propNames.join("|")+")$");const hd={small:"16px",medium:"20px",large:"24px",extralarge:"32px"},vd=({as:e="span",onClick:t,onFocus:r,tabIndex:o=-1})=>Boolean(r||t||o>-1||["a","button"].includes(e)),xd=ue({prop:"size",variants:{small:{fontSize:0,height:hd.small,lineHeight:hd.small,paddingLeft:1,paddingRight:1,paddingTop:0,paddingBottom:0},medium:{fontSize:0,height:hd.medium,lineHeight:hd.medium,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},large:{fontSize:0,height:hd.large,lineHeight:hd.large,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},extralarge:{fontSize:1,height:hd.extralarge,lineHeight:hd.extralarge,paddingLeft:3,paddingRight:3,paddingTop:0,paddingBottom:0}}}),yd=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
1811
|
align-items: center;
|
|
1802
1812
|
border-radius: 999px;
|
|
1803
|
-
cursor: ${e=>
|
|
1813
|
+
cursor: ${e=>vd(e)?"pointer":"auto"};
|
|
1804
1814
|
display: inline-flex;
|
|
1805
1815
|
font-weight: ${Nt("fontWeights.bold")};
|
|
1806
1816
|
font-family: inherit;
|
|
1807
1817
|
text-decoration: none;
|
|
1808
1818
|
white-space: nowrap;
|
|
1809
|
-
${
|
|
1819
|
+
${xd}
|
|
1810
1820
|
${rr}
|
|
1811
|
-
`;
|
|
1821
|
+
`;yd.defaultProps={as:"span",size:"medium"};var wd=yd;const Bd=ue({prop:"size",variants:{small:{height:hd.small,width:hd.small},medium:{height:hd.medium,width:hd.medium},large:{height:hd.large,width:hd.large},extralarge:{height:hd.extralarge,width:hd.extralarge}}}),$d=e=>.75*parseInt(hd[e||"medium"],10),kd=f.span`
|
|
1812
1822
|
background-color: transparent;
|
|
1813
1823
|
font-family: inherit;
|
|
1814
1824
|
color: currentColor;
|
|
@@ -1838,9 +1848,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1838
1848
|
background-color: ${Nt("colors.neutral.subtle")};
|
|
1839
1849
|
}
|
|
1840
1850
|
|
|
1841
|
-
${
|
|
1851
|
+
${Bd}
|
|
1842
1852
|
${rr}
|
|
1843
|
-
`,
|
|
1853
|
+
`,Td=({"aria-label":t,isParentInteractive:r,size:o,...a})=>(delete a.children,e.createElement(kd,Pt({as:r?"span":"button",tabIndex:r?-1:void 0,"aria-label":r?t:"Remove token",size:o},a),e.createElement(po,{size:$d(o)})));Td.displayName="RemoveTokenButton",Td.defaultProps={size:"medium"};var Sd=Td;var Ed=f("span")`
|
|
1844
1854
|
flex-grow: 1;
|
|
1845
1855
|
min-width: 0;
|
|
1846
1856
|
overflow: hidden;
|
|
@@ -1881,7 +1891,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1881
1891
|
bottom: 0;
|
|
1882
1892
|
}
|
|
1883
1893
|
}
|
|
1884
|
-
`;const
|
|
1894
|
+
`;const Cd=f(wd)`
|
|
1885
1895
|
background-color: ${Nt("colors.neutral.subtle")};
|
|
1886
1896
|
border-color: ${e=>e.isSelected?Nt("colors.fg.default"):Nt("colors.border.subtle")};
|
|
1887
1897
|
border-style: solid;
|
|
@@ -1893,18 +1903,18 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1893
1903
|
${rr}
|
|
1894
1904
|
|
|
1895
1905
|
${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
|
-
`,
|
|
1906
|
+
`,zd=f("span")`
|
|
1897
1907
|
flex-shrink: 0;
|
|
1898
1908
|
line-height: 0;
|
|
1899
1909
|
|
|
1900
1910
|
${e=>{switch(e.size){case"large":case"extralarge":return p(["margin-right:",";"],Nt("space.2"));default:return p(["margin-right:",";"],Nt("space.1"))}}}
|
|
1901
|
-
`,
|
|
1911
|
+
`,Nd=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=vd(t)&&Boolean(a)&&!s,p={as:o,href:c,onClick:f};return e.createElement(Cd,Pt({onRemove:a,hideRemoveButton:s||!a,id:null==n?void 0:n.toString(),text:l,size:d,isTokenInteractive:vd(t)},u?{}:p,g,{ref:r}),i?e.createElement(zd,{size:d},e.createElement(i,null)):null,e.createElement(Ed,u?p:{},l),!s&&a?e.createElement(Sd,{borderOffset:1,onClick:e=>{e.stopPropagation(),a&&a()},size:d,isParentInteractive:vd(t),"aria-hidden":u?"true":"false",sx:u?{position:"relative",zIndex:"1"}:{}}):null)}));Nd.displayName="Token",Nd.defaultProps={size:"medium"};var Id=Nd;const Ad={small:0,medium:1,large:1,extralarge:2};function Rd({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)md.test(r)||(t[r]=e[r]);return t}(B),C=zr($),z=Do(r(null),C),[N,I]=t(),[A,R]=t(Boolean(w)),{containerRef:L}=Oo({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(on,{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(tn,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(qn,{color:"fg.muted",fontSize:p&&Ad[p]},"+",c.length-D.length):null))}Rd.displayName="TextInputWithTokensInnerComponent";const Ld=e.forwardRef(Rd);Ld.defaultProps={tokenComponent:Id,size:"extralarge",hideTokenRemoveButtons:!1,preventTokenWrapping:!1},Ld.displayName="TextInputWithTokens";var Od=Ld;const Md=f(or)`
|
|
1902
1912
|
display: flex;
|
|
1903
1913
|
flex-direction: column;
|
|
1904
1914
|
${e=>e.clipSidebar&&p([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
|
1905
1915
|
|
|
1906
1916
|
${rr};
|
|
1907
|
-
`,
|
|
1917
|
+
`,Pd=f(or).attrs((e=>({className:en("Timeline-Item",e.className)})))`
|
|
1908
1918
|
display: flex;
|
|
1909
1919
|
position: relative;
|
|
1910
1920
|
padding: ${Nt("space.3")} 0;
|
|
@@ -1925,7 +1935,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1925
1935
|
|
|
1926
1936
|
${It};
|
|
1927
1937
|
${rr};
|
|
1928
|
-
`,
|
|
1938
|
+
`,Hd=t=>e.createElement(or,{position:"relative",zIndex:1},e.createElement(or,Pt({display:"flex",className:en(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));Hd.displayName="TimelineBadge";const Dd=f(or)`
|
|
1929
1939
|
min-width: 0;
|
|
1930
1940
|
max-width: 100%;
|
|
1931
1941
|
margin-top: ${Nt("space.1")};
|
|
@@ -1933,7 +1943,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1933
1943
|
flex: auto;
|
|
1934
1944
|
font-size: ${Nt("fontSizes.1")};
|
|
1935
1945
|
${rr};
|
|
1936
|
-
`,
|
|
1946
|
+
`,Wd=f(or)`
|
|
1937
1947
|
position: relative
|
|
1938
1948
|
z-index: 1;
|
|
1939
1949
|
height: 24px;
|
|
@@ -1944,15 +1954,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1944
1954
|
border: 0;
|
|
1945
1955
|
border-top: ${Nt("space.1")} solid ${Nt("colors.border.default")};
|
|
1946
1956
|
${rr};
|
|
1947
|
-
`;
|
|
1957
|
+
`;Pd.displayName="Timeline.Item",Hd.displayName="Timeline.Badge",Dd.displayName="Timeline.Body",Wd.displayName="Timeline.Break";var Fd=Object.assign(Md,{Item:Pd,Badge:Hd,Body:Dd,Break:Wd});function _d(e,t,r){return Math.min(Math.max(e,r),t)}class jd extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function Ud(e){if("string"!=typeof e)throw new jd(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=Zd.test(e)?function(e){const t=e.toLowerCase().trim(),r=Vd[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 jd(e);return`#${r}`}(e):e;const r=qd.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Kd(e,2),16))),parseInt(Kd(e[3]||"f",2),16)/255]}const o=Xd.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=Yd.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=Jd.exec(t);if(n){const[t,r,o,a]=Array.from(n).slice(1).map(parseFloat);if(_d(0,100,r)!==r)throw new jd(e);if(_d(0,100,o)!==o)throw new jd(e);return[...es(t,r,o),a||1]}throw new jd(e)}const Gd=e=>parseInt(e.replace(/_/g,""),36),Vd="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=Gd(t.substring(0,3)),o=Gd(t.substring(3)).toString(16);let a="";for(let e=0;e<6-o.length;e++)a+="0";return e[r]=`${a}${o}`,e}),{}),Kd=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),qd=new RegExp(`^#${Kd("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Xd=new RegExp(`^#${Kd("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Yd=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Kd(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),Jd=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Zd=/^[a-z]+$/i,Qd=e=>Math.round(255*e),es=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(Qd);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(Qd)};const ts={"--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))"},rs={"--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))"},os=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=vd(t)&&Boolean(i)&&!f,v=n((()=>{const[e,t,r]=Ud(a),[o,n,l]=function(e){const[t,r,o,a]=Ud(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?ts:rs,...d?{background:"light"===m?"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%))":rs.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(wd,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(Ed,h?b:{},s),!f&&i?e.createElement(Sd,{borderOffset:1,onClick:e=>{e.stopPropagation(),i&&i()},size:c,"aria-hidden":h?"true":"false",isParentInteractive:vd(t),sx:h?{position:"relative",zIndex:"1"}:{}}):null)}));os.defaultProps={fillColor:"#999",size:"medium"},os.displayName="IssueLabelToken";var as=os;const ns=f.span`
|
|
1948
1958
|
// 'space.1' is used because to match space from the left of the token to the left of the avatar
|
|
1949
1959
|
// '* 2' is done to account for the top and bottom
|
|
1950
1960
|
--spacing: calc(${Nt("space.1")} * 2);
|
|
1951
1961
|
|
|
1952
1962
|
display: block;
|
|
1953
|
-
height: ${e=>`calc(${
|
|
1954
|
-
width: ${e=>`calc(${
|
|
1955
|
-
`,
|
|
1963
|
+
height: ${e=>`calc(${hd[e.avatarSize]} - var(--spacing))`};
|
|
1964
|
+
width: ${e=>`calc(${hd[e.avatarSize]} - var(--spacing))`};
|
|
1965
|
+
`,is=i((({avatarSrc:t,id:r,size:o,...a},n)=>e.createElement(Id,Pt({leadingVisual:()=>e.createElement(ns,{avatarSize:o||"medium"},e.createElement(hn,{src:t,size:parseInt(hd[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}))));is.defaultProps={size:"medium"},is.displayName="AvatarToken";var ls=is;const ds=f.span`
|
|
1956
1966
|
position: relative;
|
|
1957
1967
|
|
|
1958
1968
|
&::before {
|
|
@@ -2178,7 +2188,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
2178
2188
|
}
|
|
2179
2189
|
${It};
|
|
2180
2190
|
${rr};
|
|
2181
|
-
`;function
|
|
2191
|
+
`;function ss({direction:t="n",children:r,className:o,text:a,noDelay:n,align:i,wrap:l,...d}){const s=en(o,`tooltipped-${t}`,i&&`tooltipped-align-${i}-2`,n&&"tooltipped-no-delay",l&&"tooltipped-multiline");return e.createElement(ds,Pt({role:"tooltip","aria-label":a},d,{className:s}),r)}ss.displayName="Tooltip",ss.alignments=["left","right"],ss.directions=["n","ne","e","se","s","sw","w","nw"];const cs=f.nav`
|
|
2182
2192
|
display: flex;
|
|
2183
2193
|
justify-content: space-between;
|
|
2184
2194
|
border-bottom: 1px solid ${Nt("colors.border.muted")};
|
|
@@ -2209,7 +2219,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
2209
2219
|
|
|
2210
2220
|
${It};
|
|
2211
2221
|
${rr};
|
|
2212
|
-
`;function
|
|
2222
|
+
`;function fs({actions:t,className:r,align:o,children:a,full:n,label:i,theme:l,...d}){const s=en(r,"UnderlineNav",o&&`UnderlineNav--${o}`,n&&"UnderlineNav--full");return e.createElement(cs,Pt({className:s,"aria-label":i,theme:l},d),e.createElement("div",{className:"UnderlineNav-body"},a),t&&e.createElement("div",{className:"UnderlineNav-actions"},t))}fs.displayName="UnderlineNav";const gs=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:en("UnderlineNav-item",e.selected&&"selected",e.className)})))`
|
|
2213
2223
|
padding: ${Nt("space.3")} ${Nt("space.2")};
|
|
2214
2224
|
margin-right: ${Nt("space.3")};
|
|
2215
2225
|
font-size: ${Nt("fontSizes.1")};
|
|
@@ -2242,5 +2252,5 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
2242
2252
|
|
|
2243
2253
|
${It};
|
|
2244
2254
|
${rr};
|
|
2245
|
-
`;
|
|
2255
|
+
`;gs.displayName="UnderlineNav.Link";var us=Object.assign(fs,{Link:gs});export{gr as Absolute,Wa as ActionList,Ya as ActionMenu,bn as Autocomplete,hn as Avatar,yn as AvatarPair,$n as AvatarStack,ls as AvatarToken,Wt as BaseStyles,nr as BorderBox,or as Box,kn as BranchName,Nn as Breadcrumb,zn 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,Pn as Caret,Fn as CircleBadge,_n as CircleOcticon,ba as ConfirmationDialog,jn as CounterLabel,Gn as Details,ti as Dialog,si as Dropdown,ci as DropdownButton,fi as DropdownMenu,hi as FilterList,gi as FilteredSearch,ur as Fixed,yi as Flash,lr as Flex,$i as FormGroup,sr as Grid,Ei as Header,zi as Heading,as as IssueLabelToken,Li as Label,Ni as LabelGroup,Mi as Link,Ga as Overlay,Pi as Pagehead,Fi as Pagination,Ui as PointerBox,Ki as Popover,fr as Position,Ji as ProgressBar,pr as Relative,_o as SSRProvider,Kl as SelectMenu,Ql as SideNav,$l as Spinner,ad as StateLabel,br as Sticky,Lo as StyledOcticon,sd as SubNav,pd as TabNav,qn as Text,nn as TextInput,Od as TextInputWithTokens,tr as ThemeProvider,Fd as Timeline,Id as Token,ss as Tooltip,Ba as Truncate,us as UnderlineNav,x as theme,Nt as themeGet,Qt as useColorSchemeVar,ma as useConfirm,mr as useDetails,Cr as useOnEscapePress,wr as useOnOutsideClick,Tr as useOpenAndCloseFocus,Nr as useOverlay,Uo as useSSRSafeId,hr as useSafeTimeout,Zt as useTheme};
|
|
2246
2256
|
//# sourceMappingURL=browser.esm.js.map
|