@primer/components 0.0.0-2021111212257 → 0.0.0-2021111231017
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 +3 -17
- package/dist/browser.esm.js +164 -161
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +166 -163
- package/dist/browser.umd.js.map +1 -1
- package/lib/ActionList/Item.js +3 -3
- package/lib/ActionList2/Header.d.ts +26 -0
- package/lib/ActionList2/Header.js +55 -0
- package/lib/ActionList2/Item.js +5 -5
- package/lib/ActionList2/List.js +3 -4
- package/lib/ActionList2/{ActionListContainerContext.d.ts → MenuContext.d.ts} +3 -3
- package/lib/ActionList2/{ActionListContainerContext.js → MenuContext.js} +3 -3
- package/lib/ActionList2/Selection.js +5 -7
- package/lib/ActionMenu2.d.ts +10 -15
- package/lib/ActionMenu2.js +29 -63
- package/lib/Autocomplete/Autocomplete.d.ts +0 -1
- package/lib/Autocomplete/AutocompleteInput.d.ts +0 -1
- package/lib/Avatar.d.ts +2 -1
- package/lib/Avatar.js +1 -1
- package/lib/BranchName.d.ts +2 -1
- package/lib/BranchName.js +1 -1
- package/lib/Button/Button.d.ts +0 -1
- package/lib/Button/ButtonClose.d.ts +1 -2
- package/lib/Button/ButtonDanger.d.ts +0 -1
- package/lib/Button/ButtonInvisible.d.ts +0 -1
- package/lib/Button/ButtonOutline.d.ts +0 -1
- package/lib/Button/ButtonPrimary.d.ts +0 -1
- package/lib/CircleOcticon.d.ts +0 -1
- package/lib/Details.d.ts +2 -1
- package/lib/Details.js +3 -1
- package/lib/Dialog.d.ts +2 -3
- package/lib/Dropdown.d.ts +66 -6
- package/lib/DropdownMenu/DropdownButton.d.ts +1 -2
- package/lib/FilterList.d.ts +0 -1
- package/lib/Heading.d.ts +2 -1
- package/lib/Heading.js +6 -1
- package/lib/Position.d.ts +4 -4
- package/lib/ProgressBar.d.ts +11 -16
- package/lib/ProgressBar.js +10 -6
- package/lib/SelectMenu/SelectMenu.d.ts +4 -10
- package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
- package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
- package/lib/Spinner.d.ts +2 -1
- package/lib/Spinner.js +3 -1
- package/lib/TextInputWithTokens.d.ts +0 -1
- package/lib/Token/AvatarToken.d.ts +1 -1
- package/lib/Token/IssueLabelToken.d.ts +1 -1
- package/lib/Token/Token.d.ts +1 -1
- package/lib/hooks/index.d.ts +0 -1
- package/lib/hooks/index.js +1 -9
- package/lib/utils/testing.d.ts +20 -0
- package/lib/utils/testing.js +1 -1
- package/lib-esm/ActionList/Item.js +3 -3
- package/lib-esm/ActionList2/Header.d.ts +26 -0
- package/lib-esm/ActionList2/Header.js +44 -0
- package/lib-esm/ActionList2/Item.js +5 -5
- package/lib-esm/ActionList2/List.js +3 -4
- package/lib-esm/ActionList2/{ActionListContainerContext.d.ts → MenuContext.d.ts} +3 -3
- package/lib-esm/ActionList2/{ActionListContainerContext.js → MenuContext.js} +1 -1
- package/lib-esm/ActionList2/Selection.js +5 -7
- package/lib-esm/ActionMenu2.d.ts +10 -15
- package/lib-esm/ActionMenu2.js +27 -60
- package/lib-esm/Autocomplete/Autocomplete.d.ts +0 -1
- package/lib-esm/Autocomplete/AutocompleteInput.d.ts +0 -1
- package/lib-esm/Avatar.d.ts +2 -1
- package/lib-esm/Avatar.js +2 -2
- package/lib-esm/BranchName.d.ts +2 -1
- package/lib-esm/BranchName.js +2 -2
- package/lib-esm/Button/Button.d.ts +0 -1
- package/lib-esm/Button/ButtonClose.d.ts +1 -2
- package/lib-esm/Button/ButtonDanger.d.ts +0 -1
- package/lib-esm/Button/ButtonInvisible.d.ts +0 -1
- package/lib-esm/Button/ButtonOutline.d.ts +0 -1
- package/lib-esm/Button/ButtonPrimary.d.ts +0 -1
- package/lib-esm/CircleOcticon.d.ts +0 -1
- package/lib-esm/Details.d.ts +2 -1
- package/lib-esm/Details.js +2 -1
- package/lib-esm/Dialog.d.ts +2 -3
- package/lib-esm/Dropdown.d.ts +66 -6
- package/lib-esm/DropdownMenu/DropdownButton.d.ts +1 -2
- package/lib-esm/FilterList.d.ts +0 -1
- package/lib-esm/Heading.d.ts +2 -1
- package/lib-esm/Heading.js +6 -2
- package/lib-esm/Position.d.ts +4 -4
- package/lib-esm/ProgressBar.d.ts +11 -16
- package/lib-esm/ProgressBar.js +11 -7
- package/lib-esm/SelectMenu/SelectMenu.d.ts +4 -10
- package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
- package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
- package/lib-esm/Spinner.d.ts +2 -1
- package/lib-esm/Spinner.js +2 -1
- package/lib-esm/TextInputWithTokens.d.ts +0 -1
- package/lib-esm/Token/AvatarToken.d.ts +1 -1
- package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
- package/lib-esm/Token/Token.d.ts +1 -1
- package/lib-esm/hooks/index.d.ts +0 -1
- package/lib-esm/hooks/index.js +1 -2
- package/lib-esm/utils/testing.d.ts +20 -0
- package/lib-esm/utils/testing.js +1 -1
- package/package.json +2 -2
package/dist/browser.esm.js
CHANGED
@@ -19,7 +19,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
19
19
|
`,Ft=g.div`
|
20
20
|
${Nt};
|
21
21
|
${At};
|
22
|
-
`;function Dt(t){const{children:r,...o}=t;return require("focus-visible"),e.createElement(Ft,Rt({},o,{"data-portal-root":!0}),e.createElement(Lt,null),r)}Dt.displayName="BaseStyles",Dt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Mt=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Ot}(e)}(e)};var Ot="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Pt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Ut((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function Ht(e,t,r){return e.concat(t).map((function(e){return Pt(e,r)}))}function Wt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function _t(e,t){try{return t in e}catch(e){return!1}}function jt(e,t,r){var o={};return r.isMergeableObject(e)&&Wt(e).forEach((function(t){o[t]=Pt(e[t],r)})),Wt(t).forEach((function(a){(function(e,t){return _t(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(_t(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return Ut;var r=t.customMerge(e);return"function"==typeof r?r:Ut}(a,r)(e[a],t[a],r):o[a]=Pt(t[a],r))})),o}function Ut(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||Ht,r.isMergeableObject=r.isMergeableObject||Mt,r.cloneUnlessOtherwiseSpecified=Pt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):jt(e,t,r):Pt(t,r)}Ut.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Ut(e,r,t)}),{})};var Kt=Ut;const Vt=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Gt=({children:t,...r})=>{var o,a,n,i,l,d,s,c;const{theme:g,colorMode:f,dayScheme:p,nightScheme:b}=qt(),h=null!==(o=null!==(a=r.theme)&&void 0!==a?a:g)&&void 0!==o?o:x,[m,v]=e.useState(null!==(n=null!==(i=r.colorMode)&&void 0!==i?i:f)&&void 0!==n?n:"day"),[y,w]=e.useState(null!==(l=null!==(d=r.dayScheme)&&void 0!==d?d:p)&&void 0!==l?l:"light"),[B,k]=e.useState(null!==(s=null!==(c=r.nightScheme)&&void 0!==c?c:b)&&void 0!==s?s:"dark"),$=function(e,t){switch(e){case"auto":return t;default:return e}}(m,function(){const[t,r]=e.useState(Yt);return e.useEffect((()=>{var e,t;const o=null===(e=window)||void 0===e||null===(t=e.matchMedia)||void 0===t?void 0:t.call(e,"(prefers-color-scheme: dark)");function a(e){const t=e.matches;r(t?"night":"day")}if(o){if(void 0!==o.addEventListener)return o.addEventListener("change",a),function(){o.removeEventListener("change",a)};if(void 0!==o.addListener)return o.addListener(a),function(){o.removeListener(a)}}}),[]),t}()),T=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),S=e.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Kt(e,e.colorSchemes[r])}return Kt(e,e.colorSchemes[t])}(h,T)),[h,T]);return e.useEffect((()=>{var e,t;v(null!==(e=null!==(t=r.colorMode)&&void 0!==t?t:f)&&void 0!==e?e:"day")}),[r.colorMode,f]),e.useEffect((()=>{var e,t;w(null!==(e=null!==(t=r.dayScheme)&&void 0!==t?t:p)&&void 0!==e?e:"light")}),[r.dayScheme,p]),e.useEffect((()=>{var e,t;k(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:b)&&void 0!==e?e:"dark")}),[r.nightScheme,b]),e.createElement(Vt.Provider,{value:{theme:S,colorScheme:T,colorMode:m,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:k}},e.createElement(u,{theme:S},t))};function qt(){return e.useContext(Vt)}function Xt(e,t){var r;const{colorScheme:o=""}=qt();return null!==(r=e[o])&&void 0!==r?r:t}function Yt(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}Gt.displayName="ThemeProvider";var Jt=Gt;var Zt=e=>fe(e.sx);var Qt=g.div(te,O,P,D,H,_,V,U,q,re,Zt);const er=g(Qt)``;er.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var tr=er;const rr=g(Qt)``;rr.defaultProps={display:"flex"};var or=rr;const ar=g(Qt)``;ar.defaultProps={display:"grid"};var nr=ar;const ir=g(Qt)``;var lr=ir;const dr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"absolute",ref:r}))));dr.displayName="Absolute";const sr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"fixed",ref:r}))));sr.displayName="Fixed";const cr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"relative",ref:r}))));cr.displayName="Relative";const gr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"sticky",ref:r}))));function fr({ref:e,closeOnOutsideClick:n,defaultOpen:i,onClickOutside:l}){const[d,s]=t(i),c=r(null),g=null!=e?e:c,f=o((e=>{const{current:t}=g;e.target.closest("details")!==t&&(l&&l(e),e.defaultPrevented||s(!1))}),[g,s,l]);a((()=>{if(d&&n)return document.addEventListener("click",f),()=>{document.removeEventListener("click",f)}}),[d,n,f]);const u=e=>{if(!e.defaultPrevented){const t=e.target;s(t.open)}};return{open:d,setOpen:s,getDetailsProps:()=>({onToggle:u,open:d,ref:g})}}function ur(){const e=r(new Set),t=o(((t,r,...o)=>{const a=window.setTimeout(t,r,...o);return e.current.add(a),a}),[]),n=o((t=>{clearTimeout(t),e.current.delete(t)}),[]);return a((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:t,safeClearTimeout:n}}gr.defaultProps={top:0,zIndex:1},gr.displayName="Sticky";function pr(e){if(!e.defaultPrevented)for(const t of Object.values(br).reverse())if(true===t(e)||e.defaultPrevented)break}const br={};let hr=0;const mr=({containerRef:e,ignoreClickRefs:t,onClickOutside:r})=>{const i=n((()=>hr++),[]),l=o((o=>{var a;return o instanceof MouseEvent&&o.button>0||(!(null===(a=e.current)||void 0===a||!a.contains(o.target))||(!(!t||!t.some((({current:e})=>null==e?void 0:e.contains(o.target))))||void r(o)))}),[e,t,r]);a((()=>(0===Object.keys(br).length&&document.addEventListener("mousedown",pr,{capture:!0}),function(e,t){br[e]=t}(i,l),()=>{!function(e){delete br[e]}(i),0===Object.keys(br).length&&document.removeEventListener("mousedown",pr,{capture:!0})})),[i,l])};function*vr(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?yr:xr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,a)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,a)&&(yield e)}function xr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,o=e.hidden,a=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||o||a)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),o=0===e.getClientRects().length;if(t||r||o)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function yr(e,t=!1){return xr(e,t)&&"-1"!==e.getAttribute("tabindex")}function wr({initialFocusRef:e,returnFocusRef:t,containerRef:r,preventFocusOnOpen:o}){a((()=>{if(o)return;const a=t.current;if(e&&e.current)e.current.focus();else if(r.current){const e=vr(r.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,t,r,o])}const Br=[];function kr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=Br.length-1;t>=0&&(Br[t](e),!e.defaultPrevented);--t);}const $r=(e,t=[e])=>{const r=o(e,t);a((()=>(0===Br.length&&document.addEventListener("keydown",kr),Br.push(r),()=>{Br.splice(Br.findIndex((e=>e===r)),1),0===Br.length&&document.removeEventListener("keydown",kr)})),[r])};function Tr(t){const r=e.useRef(null);return null!=t?t:r}const Sr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n,preventFocusOnOpen:i})=>{const l=Tr(e);return wr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),mr({containerRef:l,ignoreClickRefs:a,onClickOutside:n}),$r(o),{ref:l}};let Er,Cr=!1;function zr(){}try{const e=Object.create({},{signal:{get(){Cr=!0}}});window.addEventListener("test",zr,e),window.removeEventListener("test",zr,e)}catch(Vd){}function Ir(){Cr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,o){return"object"==typeof o&&"signal"in o&&o.signal instanceof AbortSignal&&e.call(o.signal,"abort",(()=>{this.removeEventListener(t,r,o)})),e.call(this,t,r,o)}}(),Cr=!0)}function Ar(){return void 0===Er&&(Er=/^mac/i.test(window.navigator.platform)),Er}let Nr,Rr=1e4;function Lr(){return"__primer_id_"+Rr++}Ir(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Nr||(Nr={}));const Fr={ArrowLeft:Nr.ArrowHorizontal,ArrowDown:Nr.ArrowVertical,ArrowUp:Nr.ArrowVertical,ArrowRight:Nr.ArrowHorizontal,h:Nr.HL,j:Nr.JK,k:Nr.JK,l:Nr.HL,a:Nr.AD,s:Nr.WS,w:Nr.WS,d:Nr.AD,Tab:Nr.Tab,Home:Nr.HomeAndEnd,End:Nr.HomeAndEnd,PageUp:Nr.PageUpDown,PageDown:Nr.PageUpDown},Dr={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Mr(e){const t=Dr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Ar();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}function Or(e,t){var r,o,a,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Nr.ArrowAll:Nr.ArrowVertical)|Nr.HomeAndEnd,s=null!==(o=null==t?void 0:t.focusOutBehavior)&&void 0!==o?o:"stop",c=null!==(a=null==t?void 0:t.focusInStrategy)&&void 0!==a?a:"previous",g=null==t?void 0:t.activeDescendantControl,f=null==t?void 0:t.onActiveDescendantChanged;let u;function p(){return i[0]}function b(e,t=!1){const r=u;u=e,g?e&&document.activeElement===g?h(r,e,t):m():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function h(t,r,o=!1){r.id||r.setAttribute("id",Lr()),t&&t!==r&&t.removeAttribute("data-is-active-descendant"),g&&(o||g.getAttribute("aria-activedescendant")!==r.id)&&(g.setAttribute("aria-activedescendant",r.id),e.setAttribute("data-has-active-descendant",r.id),r.setAttribute("data-is-active-descendant",o?"activated-directly":"activated-indirectly"),null==f||f(r,t,o))}function m(t=u){"first"===c&&(u=void 0),null==g||g.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==t||t.removeAttribute("data-is-active-descendant"),null==f||f(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,o;return null===(r=null==t||null===(o=t.focusableElementFilter)||void 0===o?void 0:o.call(t,e))||void 0===r||r}));if(0===r.length)return;const o=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===o?i.length:o,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");u||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===u){b(p())}}}v(...vr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...vr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...vr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),g?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(g.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),g.addEventListener("focusin",(()=>{u?h(void 0,u):b(p())})),g.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==u&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===$?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);$=void 0}),{signal:w});const k=null!=g?g:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Mr(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Dr){const a=Fr[r.key];if(!r.defaultPrevented&&(a&d)>0&&!function(e,t){const r=e.key,o=[...r].length,a=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(a&&(1===o||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===o)return!0;if("ArrowDown"===r&&Ar()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Ar()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(a){const e=t,o=0===e.selectionStart&&0===e.selectionEnd,a=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!o)return!0;if("ArrowRight"===r&&!a)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!o)return!0;if("ArrowDown"===r&&!a)return!0}}return!1}(r,document.activeElement)){const a=Mr(r);let n;var o;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(a,null!==(o=document.activeElement)&&void 0!==o?o:void 0,r);if(!n){const t=function(){if(!u)return 0;const t=i.indexOf(u);return-1!==t?t:u===e?-1:0}();let o=t;"previous"===a?o-=1:"start"===a?o=0:"next"===a?o+=1:o=i.length-1,o<0&&(o="wrap"===s&&"Tab"!==r.key?i.length-1:0),o>=i.length&&(o="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==o&&(n=i[o])}g?b(n||u,!0):n&&($=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Pr=p(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],It("fontWeights.bold"),It("radii.2"));const Hr=ue({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Wr=g.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
22
|
+
`;function Dt(t){const{children:r,...o}=t;return require("focus-visible"),e.createElement(Ft,Rt({},o,{"data-portal-root":!0}),e.createElement(Lt,null),r)}Dt.displayName="BaseStyles",Dt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Mt=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Ot}(e)}(e)};var Ot="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Pt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Ut((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function Ht(e,t,r){return e.concat(t).map((function(e){return Pt(e,r)}))}function Wt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function _t(e,t){try{return t in e}catch(e){return!1}}function jt(e,t,r){var o={};return r.isMergeableObject(e)&&Wt(e).forEach((function(t){o[t]=Pt(e[t],r)})),Wt(t).forEach((function(a){(function(e,t){return _t(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(_t(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return Ut;var r=t.customMerge(e);return"function"==typeof r?r:Ut}(a,r)(e[a],t[a],r):o[a]=Pt(t[a],r))})),o}function Ut(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||Ht,r.isMergeableObject=r.isMergeableObject||Mt,r.cloneUnlessOtherwiseSpecified=Pt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):jt(e,t,r):Pt(t,r)}Ut.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Ut(e,r,t)}),{})};var Kt=Ut;const Vt=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Gt=({children:t,...r})=>{var o,a,n,i,l,d,s,c;const{theme:g,colorMode:f,dayScheme:p,nightScheme:b}=qt(),h=null!==(o=null!==(a=r.theme)&&void 0!==a?a:g)&&void 0!==o?o:x,[m,v]=e.useState(null!==(n=null!==(i=r.colorMode)&&void 0!==i?i:f)&&void 0!==n?n:"day"),[y,w]=e.useState(null!==(l=null!==(d=r.dayScheme)&&void 0!==d?d:p)&&void 0!==l?l:"light"),[B,k]=e.useState(null!==(s=null!==(c=r.nightScheme)&&void 0!==c?c:b)&&void 0!==s?s:"dark"),$=function(e,t){switch(e){case"auto":return t;default:return e}}(m,function(){const[t,r]=e.useState(Yt);return e.useEffect((()=>{var e,t;const o=null===(e=window)||void 0===e||null===(t=e.matchMedia)||void 0===t?void 0:t.call(e,"(prefers-color-scheme: dark)");function a(e){const t=e.matches;r(t?"night":"day")}if(o){if(void 0!==o.addEventListener)return o.addEventListener("change",a),function(){o.removeEventListener("change",a)};if(void 0!==o.addListener)return o.addListener(a),function(){o.removeListener(a)}}}),[]),t}()),T=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),S=e.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Kt(e,e.colorSchemes[r])}return Kt(e,e.colorSchemes[t])}(h,T)),[h,T]);return e.useEffect((()=>{var e,t;v(null!==(e=null!==(t=r.colorMode)&&void 0!==t?t:f)&&void 0!==e?e:"day")}),[r.colorMode,f]),e.useEffect((()=>{var e,t;w(null!==(e=null!==(t=r.dayScheme)&&void 0!==t?t:p)&&void 0!==e?e:"light")}),[r.dayScheme,p]),e.useEffect((()=>{var e,t;k(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:b)&&void 0!==e?e:"dark")}),[r.nightScheme,b]),e.createElement(Vt.Provider,{value:{theme:S,colorScheme:T,colorMode:m,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:k}},e.createElement(u,{theme:S},t))};function qt(){return e.useContext(Vt)}function Xt(e,t){var r;const{colorScheme:o=""}=qt();return null!==(r=e[o])&&void 0!==r?r:t}function Yt(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}Gt.displayName="ThemeProvider";var Jt=Gt;var Zt=e=>fe(e.sx);var Qt=g.div(te,O,P,D,H,_,V,U,q,re,Zt);const er=g(Qt)``;er.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var tr=er;const rr=g(Qt)``;rr.defaultProps={display:"flex"};var or=rr;const ar=g(Qt)``;ar.defaultProps={display:"grid"};var nr=ar;const ir=g(Qt)``;var lr=ir;const dr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"absolute",ref:r}))));dr.displayName="Absolute";const sr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"fixed",ref:r}))));sr.displayName="Fixed";const cr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"relative",ref:r}))));cr.displayName="Relative";const gr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"sticky",ref:r}))));function fr({ref:e,closeOnOutsideClick:n,defaultOpen:i,onClickOutside:l}){const[d,s]=t(i),c=r(null),g=null!=e?e:c,f=o((e=>{const{current:t}=g;e.target.closest("details")!==t&&(l&&l(e),e.defaultPrevented||s(!1))}),[g,s,l]);a((()=>{if(d&&n)return document.addEventListener("click",f),()=>{document.removeEventListener("click",f)}}),[d,n,f]);const u=e=>{if(!e.defaultPrevented){const t=e.target;s(t.open)}};return{open:d,setOpen:s,getDetailsProps:()=>({onToggle:u,open:d,ref:g})}}function ur(){const e=r(new Set),t=o(((t,r,...o)=>{const a=window.setTimeout(t,r,...o);return e.current.add(a),a}),[]),n=o((t=>{clearTimeout(t),e.current.delete(t)}),[]);return a((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:t,safeClearTimeout:n}}gr.defaultProps={top:0,zIndex:1},gr.displayName="Sticky";function pr(e){if(!e.defaultPrevented)for(const t of Object.values(br).reverse())if(true===t(e)||e.defaultPrevented)break}const br={};let hr=0;const mr=({containerRef:e,ignoreClickRefs:t,onClickOutside:r})=>{const i=n((()=>hr++),[]),l=o((o=>{var a;return o instanceof MouseEvent&&o.button>0||(!(null===(a=e.current)||void 0===a||!a.contains(o.target))||(!(!t||!t.some((({current:e})=>null==e?void 0:e.contains(o.target))))||void r(o)))}),[e,t,r]);a((()=>(0===Object.keys(br).length&&document.addEventListener("mousedown",pr,{capture:!0}),function(e,t){br[e]=t}(i,l),()=>{!function(e){delete br[e]}(i),0===Object.keys(br).length&&document.removeEventListener("mousedown",pr,{capture:!0})})),[i,l])};function*vr(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?yr:xr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,a)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,a)&&(yield e)}function xr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,o=e.hidden,a=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||o||a)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),o=0===e.getClientRects().length;if(t||r||o)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function yr(e,t=!1){return xr(e,t)&&"-1"!==e.getAttribute("tabindex")}function wr({initialFocusRef:e,returnFocusRef:t,containerRef:r,preventFocusOnOpen:o}){a((()=>{if(o)return;const a=t.current;if(e&&e.current)e.current.focus();else if(r.current){const e=vr(r.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,t,r,o])}const Br=[];function kr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=Br.length-1;t>=0&&(Br[t](e),!e.defaultPrevented);--t);}const $r=(e,t=[e])=>{const r=o(e,t);a((()=>(0===Br.length&&document.addEventListener("keydown",kr),Br.push(r),()=>{Br.splice(Br.findIndex((e=>e===r)),1),0===Br.length&&document.removeEventListener("keydown",kr)})),[r])};function Tr(t){const r=e.useRef(null);return null!=t?t:r}const Sr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n,preventFocusOnOpen:i})=>{const l=Tr(e);return wr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),mr({containerRef:l,ignoreClickRefs:a,onClickOutside:n}),$r(o),{ref:l}};let Er,Cr=!1;function zr(){}try{const e=Object.create({},{signal:{get(){Cr=!0}}});window.addEventListener("test",zr,e),window.removeEventListener("test",zr,e)}catch(Gd){}function Ir(){Cr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,o){return"object"==typeof o&&"signal"in o&&o.signal instanceof AbortSignal&&e.call(o.signal,"abort",(()=>{this.removeEventListener(t,r,o)})),e.call(this,t,r,o)}}(),Cr=!0)}function Ar(){return void 0===Er&&(Er=/^mac/i.test(window.navigator.platform)),Er}let Nr,Rr=1e4;function Lr(){return"__primer_id_"+Rr++}Ir(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Nr||(Nr={}));const Fr={ArrowLeft:Nr.ArrowHorizontal,ArrowDown:Nr.ArrowVertical,ArrowUp:Nr.ArrowVertical,ArrowRight:Nr.ArrowHorizontal,h:Nr.HL,j:Nr.JK,k:Nr.JK,l:Nr.HL,a:Nr.AD,s:Nr.WS,w:Nr.WS,d:Nr.AD,Tab:Nr.Tab,Home:Nr.HomeAndEnd,End:Nr.HomeAndEnd,PageUp:Nr.PageUpDown,PageDown:Nr.PageUpDown},Dr={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Mr(e){const t=Dr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Ar();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}function Or(e,t){var r,o,a,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Nr.ArrowAll:Nr.ArrowVertical)|Nr.HomeAndEnd,s=null!==(o=null==t?void 0:t.focusOutBehavior)&&void 0!==o?o:"stop",c=null!==(a=null==t?void 0:t.focusInStrategy)&&void 0!==a?a:"previous",g=null==t?void 0:t.activeDescendantControl,f=null==t?void 0:t.onActiveDescendantChanged;let u;function p(){return i[0]}function b(e,t=!1){const r=u;u=e,g?e&&document.activeElement===g?h(r,e,t):m():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function h(t,r,o=!1){r.id||r.setAttribute("id",Lr()),t&&t!==r&&t.removeAttribute("data-is-active-descendant"),g&&(o||g.getAttribute("aria-activedescendant")!==r.id)&&(g.setAttribute("aria-activedescendant",r.id),e.setAttribute("data-has-active-descendant",r.id),r.setAttribute("data-is-active-descendant",o?"activated-directly":"activated-indirectly"),null==f||f(r,t,o))}function m(t=u){"first"===c&&(u=void 0),null==g||g.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==t||t.removeAttribute("data-is-active-descendant"),null==f||f(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,o;return null===(r=null==t||null===(o=t.focusableElementFilter)||void 0===o?void 0:o.call(t,e))||void 0===r||r}));if(0===r.length)return;const o=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===o?i.length:o,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");u||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===u){b(p())}}}v(...vr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...vr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...vr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),g?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(g.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),g.addEventListener("focusin",(()=>{u?h(void 0,u):b(p())})),g.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==u&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===$?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);$=void 0}),{signal:w});const k=null!=g?g:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Mr(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Dr){const a=Fr[r.key];if(!r.defaultPrevented&&(a&d)>0&&!function(e,t){const r=e.key,o=[...r].length,a=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(a&&(1===o||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===o)return!0;if("ArrowDown"===r&&Ar()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Ar()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(a){const e=t,o=0===e.selectionStart&&0===e.selectionEnd,a=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!o)return!0;if("ArrowRight"===r&&!a)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!o)return!0;if("ArrowDown"===r&&!a)return!0}}return!1}(r,document.activeElement)){const a=Mr(r);let n;var o;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(a,null!==(o=document.activeElement)&&void 0!==o?o:void 0,r);if(!n){const t=function(){if(!u)return 0;const t=i.indexOf(u);return-1!==t?t:u===e?-1:0}();let o=t;"previous"===a?o-=1:"start"===a?o=0:"next"===a?o+=1:o=i.length-1,o<0&&(o="wrap"===s&&"Tab"!==r.key?i.length-1:0),o>=i.length&&(o="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==o&&(n=i[o])}g?b(n||u,!0):n&&($=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Pr=p(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],It("fontWeights.bold"),It("radii.2"));const Hr=ue({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Wr=g.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
23
23
|
${Pr}
|
24
24
|
${Hr}
|
25
25
|
`;Wr.defaultProps={variant:"medium"};var _r=Wr;var jr=g(_r)`
|
@@ -260,9 +260,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
260
260
|
color: ${It("colors.accent.fg")};
|
261
261
|
}
|
262
262
|
${Zt};
|
263
|
-
`;var fo=i(((t,r)=>e.createElement(go,Rt({ref:r,"aria-label":"Close"},t),e.createElement(co,null))));const uo={"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 po(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=yo(r,o,a,n,l,d),g=a;if(c.top-=t.top,c.left-=t.left,!i){const i=uo[a];let f=0;if(i){let e=a;for(;f<i.length&&wo(e,c,s,r);){const a=i[f++];e=a,c=yo(r,o,a,n,l,d),c.top-=t.top,c.left-=t.left,g=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&&f<i.length&&c.top+r.height>e.height+s.top&&(c.top=e.height+s.top-r.height)}return{...c,anchorSide:g}}(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:bo,l=null!==(r=e.align)&&void 0!==r?r:ho;return{side:i,align:l,anchorOffset:null!==(o=e.anchorOffset)&&void 0!==o?o:"inside-center"===i?0:mo,alignmentOffset:null!==(a=e.alignmentOffset)&&void 0!==a?a:"center"!==l&&i.startsWith("inside")?vo:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:xo}}(r))}const bo="outside-bottom",ho="start",mo=4,vo=4,xo=!1;function yo(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 wo(e,t,r,o){return"outside-top"===e||"outside-bottom"===e?t.top<r.top||t.top+o.height>r.height+r.top:t.left<r.left||t.left+o.width>r.width+r.left}var Bo="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?l:a;function ko(t,r=[]){const o=Tr(null==t?void 0:t.floatingElementRef),a=Tr(null==t?void 0:t.anchorElementRef),[n,i]=e.useState(void 0),l=e.useCallback((()=>{o.current instanceof Element&&a.current instanceof Element?i(po(o.current,a.current,t)):i(void 0)}),[o,a,...r]);var d;return Bo(l,[l]),Bo((()=>{const e=new window.ResizeObserver((()=>d()));return e.observe(document.documentElement),()=>{e.disconnect()}}),[d=l]),{floatingElementRef:o,anchorElementRef:a,position:n}}
|
263
|
+
`;var fo=i(((t,r)=>e.createElement(go,Rt({ref:r,"aria-label":"Close"},t),e.createElement(co,null))));const uo={"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 po(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=yo(r,o,a,n,l,d),g=a;if(c.top-=t.top,c.left-=t.left,!i){const i=uo[a];let f=0;if(i){let e=a;for(;f<i.length&&wo(e,c,s,r);){const a=i[f++];e=a,c=yo(r,o,a,n,l,d),c.top-=t.top,c.left-=t.left,g=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&&f<i.length&&c.top+r.height>e.height+s.top&&(c.top=e.height+s.top-r.height)}return{...c,anchorSide:g}}(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:bo,l=null!==(r=e.align)&&void 0!==r?r:ho;return{side:i,align:l,anchorOffset:null!==(o=e.anchorOffset)&&void 0!==o?o:"inside-center"===i?0:mo,alignmentOffset:null!==(a=e.alignmentOffset)&&void 0!==a?a:"center"!==l&&i.startsWith("inside")?vo:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:xo}}(r))}const bo="outside-bottom",ho="start",mo=4,vo=4,xo=!1;function yo(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 wo(e,t,r,o){return"outside-top"===e||"outside-bottom"===e?t.top<r.top||t.top+o.height>r.height+r.top:t.left<r.left||t.left+o.width>r.width+r.left}var Bo="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?l:a;function ko(t,r=[]){const o=Tr(null==t?void 0:t.floatingElementRef),a=Tr(null==t?void 0:t.anchorElementRef),[n,i]=e.useState(void 0),l=e.useCallback((()=>{o.current instanceof Element&&a.current instanceof Element?i(po(o.current,a.current,t)):i(void 0)}),[o,a,...r]);var d;return Bo(l,[l]),Bo((()=>{const e=new window.ResizeObserver((()=>d()));return e.observe(document.documentElement),()=>{e.disconnect()}}),[d=l]),{floatingElementRef:o,anchorElementRef:a,position:n}}Ir();const $o=[];let To;function So(e,t=!1){return vr(e,{reverse:t,strict:!0,onlyTabbable:!0}).next().value}function Eo(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&&yr(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=So(e),a=So(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}),To){const e=To;To.container.setAttribute("data-focus-trap","suspended"),To.controller.abort(),$o.push(e)}l.signal.addEventListener("abort",(()=>{To=void 0})),a.addEventListener("abort",(()=>{e.removeAttribute("data-focus-trap");const t=$o.findIndex((t=>t.container===e));t>=0&&$o.splice(t,1),function(){const e=$o.pop();e&&Eo(e.container,e.initialFocus,e.originalSignal)}()})),document.addEventListener("focus",(e=>{i(e.target)}),{signal:l.signal,capture:!0}),i(document.activeElement),To={container:e,controller:l,initialFocus:t,originalSignal:a};const d=$o.findIndex((t=>t.container===e));if(d>=0&&$o.splice(d,1),!r)return o}function Co(t,r=[]){const o=Tr(null==t?void 0:t.containerRef),a=Tr(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=Eo(o.current,null!==(e=a.current)&&void 0!==e?e:void 0),()=>{d()};d()}}),[o,a,n,...r]),{containerRef:o,initialFocusRef:a}}function zo({icon:t,...r}){return e.createElement(t,r)}zo.displayName="Octicon";const Io=g(zo)`
|
264
264
|
${Zt}
|
265
|
-
`;
|
265
|
+
`;Io.defaultProps={size:16};var Ao=Io;function No(t={},r=[]){const o=Tr(t.containerRef),n=!!t.activeDescendantFocus,i=Tr("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=Or(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 Ro={};function Lo(){const e=Ro.__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__"){Ro[t]=e}(e)}}var Fo=({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 Bo((()=>{let e=o;void 0===e&&(e="__default__",Lo());const t=Ro[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(...e){const t=r(null);return Bo((()=>{function r(t=null){for(const r of e){if(!r)return;"function"==typeof r?r(t):r.current=t}}return r(t.current),()=>{r(t.current)}}),[...e,t.current]),t}const Mo={prefix:String(Math.round(1e10*Math.random())),current:0},Oo=e.createContext(Mo);function Po(t){let r=d(Oo),o=n((()=>({prefix:r===Mo?"":r.prefix+"-"+ ++r.current,current:0})),[r]);return e.createElement(Oo.Provider,{value:o},t.children)}let Ho=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function Wo(e){let t=d(Oo);return t!==Mo||Ho||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 _o=g("div")`
|
266
266
|
position: fixed;
|
267
267
|
top: 0;
|
268
268
|
left: 0;
|
@@ -282,7 +282,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
282
282
|
opacity: 1;
|
283
283
|
}
|
284
284
|
}
|
285
|
-
`,
|
285
|
+
`,jo={small:"480px",large:"640px",auto:"auto"},Uo={small:"296px",medium:"320px",large:"480px",xlarge:"640px"},Ko=g.div`
|
286
286
|
display: flex;
|
287
287
|
flex-direction: column;
|
288
288
|
background-color: ${It("colors.canvas.overlay")};
|
@@ -290,8 +290,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
290
290
|
min-width: 296px;
|
291
291
|
max-width: calc(100vw - 64px);
|
292
292
|
max-height: calc(100vh - 64px);
|
293
|
-
width: ${e=>{var t;return
|
294
|
-
height: ${e=>{var t;return
|
293
|
+
width: ${e=>{var t;return Uo[null!==(t=e.width)&&void 0!==t?t:"xlarge"]}};
|
294
|
+
height: ${e=>{var t;return jo[null!==(t=e.height)&&void 0!==t?t:"auto"]}};
|
295
295
|
border-radius: 12px;
|
296
296
|
opacity: 1;
|
297
297
|
animation: overlay--dialog-appear ${"200ms"} ${It("animation.easeOutCubic")};
|
@@ -308,29 +308,29 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
308
308
|
}
|
309
309
|
|
310
310
|
${Zt};
|
311
|
-
`,
|
311
|
+
`,Vo=({dialogLabelId:t,title:r,subtitle:a,dialogDescriptionId:n,onClose:i})=>{const l=o((()=>{i("close-button")}),[i]);return e.createElement(aa.Header,null,e.createElement(Qt,{display:"flex"},e.createElement(Qt,{display:"flex",px:2,py:"6px",flexDirection:"column",flexGrow:1},e.createElement(aa.Title,{id:t},null!=r?r:"Dialog"),a&&e.createElement(aa.Subtitle,{id:n},a)),e.createElement(aa.CloseButton,{onClose:l})))};Vo.displayName="DefaultHeader";const Go=({children:t})=>e.createElement(aa.Body,null,t);Go.displayName="DefaultBody";const qo=({footerButtons:t})=>{const{containerRef:r}=No({bindKeys:Nr.ArrowHorizontal|Nr.Tab,focusInStrategy:"closest"});return t?e.createElement(aa.Footer,{ref:r},e.createElement(aa.Buttons,{buttons:t})):null},Xo=e.forwardRef(((t,o)=>{const{title:a="Dialog",subtitle:n="",renderHeader:i,renderBody:l,renderFooter:d,onClose:s,role:c="dialog",width:g="xlarge",height:f="auto",footerButtons:u=[]}=t,p=Wo(),b=Wo(),h=r(null);for(const e of u)e.autoFocus&&(e.ref=h);const m={...t,title:a,subtitle:n,role:c,dialogLabelId:p,dialogDescriptionId:b},v=r(null),x=Do(v,o),y=r(null);Co({containerRef:v,restoreFocusOnCleanUp:!0,initialFocusRef:h}),$r((e=>{s("escape"),e.preventDefault()}),[s]);const w=(null!=i?i:Vo)(m),B=(null!=l?l:Go)(m),k=(null!=d?d:qo)(m);return e.createElement(e.Fragment,null,e.createElement(Fo,null,e.createElement(_o,{ref:y},e.createElement(Ko,{width:g,height:f,ref:x,role:c,"aria-labelledby":p,"aria-describedby":b},w,B,k))))}));Xo.displayName="Dialog";const Yo=g.div.attrs({as:"header"})`
|
312
312
|
box-shadow: 0 1px 0 ${It("colors.border.default")};
|
313
313
|
padding: ${It("space.2")};
|
314
314
|
z-index: 1;
|
315
315
|
flex-shrink: 0;
|
316
|
-
`,
|
316
|
+
`,Jo=g.div`
|
317
317
|
font-size: ${It("fontSizes.1")};
|
318
318
|
font-weight: ${It("fontWeights.bold")};
|
319
319
|
|
320
320
|
${Zt};
|
321
|
-
`,
|
321
|
+
`,Zo=g.div`
|
322
322
|
font-size: ${It("fontSizes.0")};
|
323
323
|
margin-top: ${It("space.1")};
|
324
324
|
color: ${It("colors.fg.muted")};
|
325
325
|
|
326
326
|
${Zt};
|
327
|
-
`,
|
327
|
+
`,Qo=g.div`
|
328
328
|
flex-grow: 1;
|
329
329
|
overflow: auto;
|
330
330
|
padding: ${It("space.3")};
|
331
331
|
|
332
332
|
${Zt};
|
333
|
-
`,
|
333
|
+
`,ea=g.div.attrs({as:"footer"})`
|
334
334
|
box-shadow: 0 -1px 0 ${It("colors.border.default")};
|
335
335
|
padding: ${It("space.3")};
|
336
336
|
display: flex;
|
@@ -347,7 +347,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
347
347
|
}
|
348
348
|
|
349
349
|
${Zt};
|
350
|
-
`,
|
350
|
+
`,ta={normal:jr,primary:qr,danger:Ur},ra=g(jr)`
|
351
351
|
border-radius: 4px;
|
352
352
|
background: transparent;
|
353
353
|
border: 0;
|
@@ -357,21 +357,21 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
357
357
|
align-self: flex-start;
|
358
358
|
line-height: normal;
|
359
359
|
box-shadow: none;
|
360
|
-
`,
|
360
|
+
`,oa=({onClose:t})=>e.createElement(ra,{"aria-label":"Close",onClick:t},e.createElement(Ao,{icon:co}));oa.displayName="CloseButton";const aa=Object.assign(Xo,{Header:Yo,Title:Jo,Subtitle:Zo,Body:Qo,Footer:ea,Buttons:({buttons:r})=>{var o;const n=Tr(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=ta[a];return e.createElement(s,Rt({key:r},d,{variant:a,ref:l&&0===i?(i++,n):null}),o)})))},CloseButton:oa}),na=g.header`
|
361
361
|
padding: ${It("space.2")};
|
362
362
|
display: flex;
|
363
363
|
flex-direction: row;
|
364
|
-
`,
|
364
|
+
`,ia=g(Qt)`
|
365
365
|
font-size: ${It("fontSizes.3")};
|
366
366
|
font-weight: ${It("fontWeights.bold")};
|
367
367
|
padding: 6px ${It("space.2")};
|
368
368
|
flex-grow: 1;
|
369
|
-
`,
|
369
|
+
`,la=({title:t,onClose:r,dialogLabelId:a})=>{const n=o((()=>{r("close-button")}),[r]);return e.createElement(na,null,e.createElement(ia,{id:a},t),e.createElement(aa.CloseButton,{onClose:n}))};la.displayName="ConfirmationHeader";const da=g(Qt)`
|
370
370
|
font-size: ${It("fontSizes.1")};
|
371
371
|
padding: 0 ${It("space.3")} ${It("space.3")} ${It("space.3")};
|
372
372
|
color: ${It("colors.fg.muted")};
|
373
373
|
flex-grow: 1;
|
374
|
-
`,
|
374
|
+
`,sa=({children:t})=>e.createElement(da,null,t);sa.displayName="ConfirmationBody";const ca=g(Qt)`
|
375
375
|
display: grid;
|
376
376
|
grid-auto-flow: column;
|
377
377
|
grid-auto-columns: max-content;
|
@@ -379,7 +379,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
379
379
|
align-items: end;
|
380
380
|
justify-content: end;
|
381
381
|
padding: ${It("space.1")} ${It("space.3")} ${It("space.3")};
|
382
|
-
`,
|
382
|
+
`,ga=({footerButtons:t})=>{const{containerRef:r}=No({bindKeys:Nr.ArrowHorizontal|Nr.Tab,focusInStrategy:"closest"});return e.createElement(ca,{ref:r},e.createElement(aa.Buttons,{buttons:null!=t?t:[]}))};ga.displayName="ConfirmationFooter";const fa=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(aa,{onClose:r,title:a,footerButtons:s,role:"alertdialog",width:"medium",renderHeader:la,renderBody:sa,renderFooter:ga},d)};function ua(){const{theme:t,colorMode:r,dayScheme:a,nightScheme:n}=qt();return o((o=>async function(t,r){const{content:o,...a}=r;return new Promise((r=>{const n=document.createElement("div");m.render(e.createElement(Gt,t,e.createElement(fa,Rt({},a,{onClose:e=>{m.unmountComponentAtNode(n),r("confirm"===e)}}),o)),n)}))}({theme:t,colorMode:r,dayScheme:a,nightScheme:n},o)),[t,r,a,n])}fa.displayName="ConfirmationDialog";const pa=g.div`
|
383
383
|
{
|
384
384
|
/* 6px vertical padding + 20px line height = 32px total height
|
385
385
|
*
|
@@ -395,9 +395,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
395
395
|
${({variant:e})=>"filled"===e&&p(["background:",";margin:"," 0;border-top:1px solid ",";border-bottom:1px solid ",";&:first-child{margin-top:0;}"],It("colors.canvas.subtle"),It("space.2"),It("colors.neutral.muted"),It("colors.neutral.muted"))}
|
396
396
|
|
397
397
|
${Zt}
|
398
|
-
`;function
|
398
|
+
`;function ba({variant:t="subtle",title:r,auxiliaryText:o,children:a,...n}){return e.createElement(pa,Rt({role:"heading",variant:t},n),r,o&&e.createElement("span",null,o))}ba.displayName="Header";const ha=g.div`
|
399
399
|
${Zt}
|
400
|
-
`;function
|
400
|
+
`;function ma({header:t,items:r,...o}){return e.createElement(ha,o,t&&e.createElement(ba,t),r)}ma.displayName="Group";const va=g.div`
|
401
401
|
display: ${e=>e.inline?"inline-block":"inherit"};
|
402
402
|
overflow: hidden;
|
403
403
|
text-overflow: ellipsis;
|
@@ -406,25 +406,25 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
406
406
|
${we}
|
407
407
|
${e=>e.expandable?"&:hover { max-width: 10000px; }":""}
|
408
408
|
${Zt};
|
409
|
-
`;
|
409
|
+
`;va.defaultProps={expandable:!1,inline:!1,maxWidth:125};var xa=va;const ya=g.div`
|
410
410
|
height: 1px;
|
411
411
|
background: ${It("colors.border.muted")};
|
412
412
|
margin-top: calc(${It("space.2")} - 1px);
|
413
413
|
margin-bottom: ${It("space.2")};
|
414
|
-
`;function
|
414
|
+
`;function wa(){return e.createElement(ya,null)}wa.displayName="Divider",wa.renderItem=wa;const Ba=(e="default",t)=>{if(t)return{color:It("colors.primer.fg.disabled"),iconColor:It("colors.primer.fg.disabled"),annotationColor:It("colors.primer.fg.disabled"),hoverCursor:"default"};switch(e){case"danger":return{color:It("colors.danger.fg"),iconColor:It("colors.danger.fg"),annotationColor:It("colors.fg.muted"),hoverCursor:"pointer",hoverBg:It("colors.actionListItem.danger.hoverBg"),focusBg:It("colors.actionListItem.danger.activeBg"),hoverText:It("colors.actionListItem.danger.hoverText")};default:return{color:It("colors.fg.default"),iconColor:It("colors.fg.muted"),annotationColor:It("colors.fg.muted"),hoverCursor:"pointer",hoverBg:It("colors.actionListItem.default.hoverBg"),focusBg:It("colors.actionListItem.default.activeBg")}}},ka=g.div`
|
415
415
|
display: flex;
|
416
416
|
min-width: 0;
|
417
417
|
|
418
418
|
/* Required for dividers */
|
419
419
|
position: relative;
|
420
420
|
flex-grow: 1;
|
421
|
-
|
421
|
+
`,$a=g.div`
|
422
422
|
align-items: baseline;
|
423
423
|
display: flex;
|
424
424
|
min-width: 0;
|
425
425
|
flex-direction: var(--main-content-flex-direction);
|
426
426
|
flex-grow: 1;
|
427
|
-
`,
|
427
|
+
`,Ta=g.div`
|
428
428
|
/* 6px vertical padding + 20px line height = 32px total height
|
429
429
|
*
|
430
430
|
* TODO: When rem-based spacing on a 4px scale lands, replace
|
@@ -433,7 +433,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
433
433
|
padding: 6px ${It("space.2")};
|
434
434
|
display: flex;
|
435
435
|
border-radius: ${It("radii.2")};
|
436
|
-
color: ${({variant:e,item:t})=>
|
436
|
+
color: ${({variant:e,item:t})=>Ba(e,null==t?void 0:t.disabled).color};
|
437
437
|
// 2 frames on a 60hz monitor
|
438
438
|
transition: background 33.333ms linear;
|
439
439
|
text-decoration: none;
|
@@ -443,18 +443,18 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
443
443
|
// allow override in case another item in the list is active/focused
|
444
444
|
background: var(
|
445
445
|
--item-hover-bg-override,
|
446
|
-
${({variant:e,item:t})=>
|
446
|
+
${({variant:e,item:t})=>Ba(e,null==t?void 0:t.disabled).hoverBg}
|
447
447
|
);
|
448
|
-
color: ${({variant:e,item:t})=>
|
449
|
-
cursor: ${({variant:e,item:t})=>
|
448
|
+
color: ${({variant:e,item:t})=>Ba(e,null==t?void 0:t.disabled).hoverText};
|
449
|
+
cursor: ${({variant:e,item:t})=>Ba(e,null==t?void 0:t.disabled).hoverCursor};
|
450
450
|
}
|
451
451
|
}
|
452
452
|
|
453
453
|
// Item dividers
|
454
|
-
:not(:first-of-type):not(${
|
454
|
+
:not(:first-of-type):not(${ya} + &):not(${pa} + &) {
|
455
455
|
margin-top: ${({showDivider:e})=>e?"1px":"0"};
|
456
456
|
|
457
|
-
${
|
457
|
+
${ka}::before {
|
458
458
|
content: ' ';
|
459
459
|
display: block;
|
460
460
|
position: absolute;
|
@@ -468,46 +468,46 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
468
468
|
|
469
469
|
// Item dividers should not be visible:
|
470
470
|
// - above Hovered
|
471
|
-
&:hover ${
|
471
|
+
&:hover ${ka}::before,
|
472
472
|
// - below Hovered
|
473
473
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
474
|
-
:hover + * ${
|
474
|
+
:hover + * ${ka}::before {
|
475
475
|
// allow override in case another item in the list is active/focused
|
476
476
|
border-color: var(--item-hover-divider-border-color-override, transparent) !important;
|
477
477
|
}
|
478
478
|
|
479
479
|
// - above Focused
|
480
|
-
&:focus ${
|
480
|
+
&:focus ${ka}::before,
|
481
481
|
// - below Focused
|
482
482
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
483
|
-
:focus + * ${
|
483
|
+
:focus + * ${ka}::before,
|
484
484
|
// - above Active Descendent
|
485
|
-
&[${"data-is-active-descendant"}] ${
|
485
|
+
&[${"data-is-active-descendant"}] ${ka}::before,
|
486
486
|
// - below Active Descendent
|
487
|
-
[${"data-is-active-descendant"}] + & ${
|
487
|
+
[${"data-is-active-descendant"}] + & ${ka}::before {
|
488
488
|
// '!important' because all the ':not's above give higher specificity
|
489
489
|
border-color: transparent !important;
|
490
490
|
}
|
491
491
|
|
492
492
|
// Active Descendant
|
493
493
|
&[${"data-is-active-descendant"}='${"activated-directly"}'] {
|
494
|
-
background: ${({variant:e,item:t})=>
|
494
|
+
background: ${({variant:e,item:t})=>Ba(e,null==t?void 0:t.disabled).focusBg};
|
495
495
|
}
|
496
496
|
&[${"data-is-active-descendant"}='${"activated-indirectly"}'] {
|
497
|
-
background: ${({variant:e,item:t})=>
|
497
|
+
background: ${({variant:e,item:t})=>Ba(e,null==t?void 0:t.disabled).hoverBg};
|
498
498
|
}
|
499
499
|
|
500
500
|
&:focus {
|
501
|
-
background: ${({variant:e,item:t})=>
|
501
|
+
background: ${({variant:e,item:t})=>Ba(e,null==t?void 0:t.disabled).focusBg};
|
502
502
|
outline: none;
|
503
503
|
}
|
504
504
|
|
505
505
|
&:active {
|
506
|
-
background: ${({variant:e,item:t})=>
|
506
|
+
background: ${({variant:e,item:t})=>Ba(e,null==t?void 0:t.disabled).focusBg};
|
507
507
|
}
|
508
508
|
|
509
509
|
${Zt}
|
510
|
-
`,
|
510
|
+
`,Sa=g.span``,Ea=g.div`
|
511
511
|
// Match visual height to adjacent text line height.
|
512
512
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
513
513
|
// hardcoded '20px' with '${It("space.s20")}'.
|
@@ -517,25 +517,25 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
517
517
|
display: flex;
|
518
518
|
justify-content: center;
|
519
519
|
align-items: center;
|
520
|
-
|
521
|
-
`,za=g(Ca)`
|
520
|
+
`,Ca=g(Ea)`
|
522
521
|
svg {
|
523
|
-
fill: ${({variant:e,disabled:t})=>
|
522
|
+
fill: ${({variant:e,disabled:t})=>Ba(e,t).iconColor};
|
524
523
|
font-size: ${It("fontSizes.0")};
|
525
524
|
}
|
526
|
-
`,
|
525
|
+
`,za=g(Ca)`
|
526
|
+
flex-shrink: 0;
|
527
527
|
display: flex;
|
528
528
|
flex-direction: column;
|
529
529
|
justify-content: center;
|
530
|
-
`,
|
531
|
-
color: ${({variant:e,disabled:t})=>
|
530
|
+
`,Ia=g(Ca)`
|
531
|
+
color: ${({variant:e,disabled:t})=>Ba(e,t).annotationColor}};
|
532
532
|
margin-left: ${It("space.2")};
|
533
533
|
margin-right: 0;
|
534
534
|
width: auto;
|
535
535
|
div:nth-child(2) {
|
536
536
|
margin-left: ${It("space.2")};
|
537
537
|
}
|
538
|
-
`,
|
538
|
+
`,Aa=g.span`
|
539
539
|
color: ${It("colors.fg.muted")};
|
540
540
|
font-size: ${It("fontSizes.0")};
|
541
541
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
@@ -545,18 +545,17 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
545
545
|
min-width: 0;
|
546
546
|
flex-grow: 1;
|
547
547
|
flex-basis: var(--description-container-flex-basis);
|
548
|
-
`,
|
548
|
+
`,Na=g.svg`
|
549
549
|
rect {
|
550
550
|
fill: ${({selected:e})=>It(e?"colors.accent.fg":"colors.canvas.default")};
|
551
551
|
stroke: ${({selected:e})=>It(e?"colors.accent.fg":"colors.border.default")};
|
552
|
-
shape-rendering: auto; // this is a workaround to override global style in github/github, see primer/react#1666
|
553
552
|
}
|
554
553
|
path {
|
555
554
|
fill: ${It("colors.fg.onEmphasis")};
|
556
555
|
boxshadow: ${It("shadow.small")};
|
557
556
|
opacity: ${({selected:e})=>e?1:0};
|
558
557
|
}
|
559
|
-
`,
|
558
|
+
`,Ra=e.forwardRef(((t,r)=>{const{as:a,text:n,description:i,descriptionVariant:l="inline",selected:d,selectionVariant:s,leadingVisual:c,trailingIcon:g,trailingVisual:f,trailingText:u,variant:p="default",showDivider:b,disabled:h,onAction:m,onKeyPress:v,children:x,onClick:y,id:w,...B}=t,k=Wo(),$=Wo(),T=o((e=>{h||(null==v||v(e),!e.defaultPrevented&&[" ","Enter"].includes(e.key)&&(null==m||m(t,e)))}),[m,h,t,v]),S=o((e=>{h||(null==y||y(e),e.defaultPrevented||null==m||m(t,e))}),[m,h,t,y]),{theme:E}=qt();return e.createElement(Ta,Rt({ref:r,as:a,tabIndex:h?void 0:-1,variant:p,showDivider:b,"aria-selected":d,"aria-labelledby":n?k:void 0,"aria-describedby":i?$:void 0},B,{"data-id":w,onKeyPress:T,onClick:S}),!!d===d&&e.createElement(Ea,null,"multiple"===s?e.createElement(e.Fragment,null,e.createElement(Na,{selected:d,width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e.createElement("rect",{x:"2",y:"2",width:"12",height:"12",rx:"4"}),e.createElement("path",{fillRule:"evenodd",strokeWidth:"0",d:"M4.03231 8.69862C3.84775 8.20646 4.49385 7.77554 4.95539 7.77554C5.41693 7.77554 6.80154 9.85246 6.80154 9.85246C6.80154 9.85246 10.2631 4.314 10.4938 4.08323C10.7246 3.85246 11.8785 4.08323 11.4169 5.00631C11.0081 5.82388 7.26308 11.4678 7.26308 11.4678C7.26308 11.4678 6.80154 12.1602 6.34 11.4678C5.87846 10.7755 4.21687 9.19077 4.03231 8.69862Z"}))):d&&e.createElement(eo,{fill:null==E?void 0:E.colors.fg.default})),c&&e.createElement(za,{variant:p,disabled:h},e.createElement(c,null)),e.createElement(ka,null,e.createElement($a,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},x,n?e.createElement(Sa,{id:k},n):null,i?e.createElement(Aa,{id:$,style:{"--description-container-margin-left":"inline"===l?It("space.2")(E):0,"--description-container-flex-basis":"inline"===l?0:"auto"}},"block"===l?i:e.createElement(xa,{title:i,inline:!0,maxWidth:"100%"},i)):null),f?e.createElement(Ia,{variant:p,disabled:h},"function"==typeof f?e.createElement(f,null):f):g||u?e.createElement(Ia,{variant:p,disabled:h},u,g&&e.createElement(g,null)):null))}));Ra.displayName="ActionList.Item";const La=g.div`
|
560
559
|
font-size: ${It("fontSizes.1")};
|
561
560
|
/* 14px font-size * 1.428571429 = 20px line height
|
562
561
|
*
|
@@ -569,15 +568,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
569
568
|
--item-hover-bg-override: none;
|
570
569
|
--item-hover-divider-border-color-override: ${It("colors.border.muted")};
|
571
570
|
}
|
572
|
-
`;const
|
571
|
+
`;const Fa=e.forwardRef(((t,r)=>{const{firstGroupStyle:o,lastGroupStyle:a,headerStyle:n,itemStyle:i}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:It("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:It("space.2")},lastGroupStyle:{marginBottom:It("space.2")},itemStyle:{marginX:It("space.2")}}}}(t.variant),l=(r,o,a)=>{var n,l,d;const s="renderItem"in r&&r.renderItem||t.renderItem||Ra,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,Rt({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,g;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!==(g=null==t?void 0:t.items)&&void 0!==g?g:[],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(La,Rt({},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(wa,{key:`${i.groupId}-divider`}):null,(r=>{var o;const a=(null!==(o="renderGroup"in r&&r.renderGroup)&&void 0!==o?o:t.renderGroup)||ma;return e.createElement(a,Rt({},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}))})))}));Fa.displayName="ActionList";const Da=Object.assign(Fa,{Group:ma,Item:Ra,Divider:wa}),Ma={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},Oa={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Pa=g.div`
|
573
572
|
background-color: ${It("colors.canvas.overlay")};
|
574
573
|
box-shadow: ${It("shadows.overlay.shadow")};
|
575
574
|
position: absolute;
|
576
575
|
min-width: 192px;
|
577
576
|
max-width: 640px;
|
578
|
-
height: ${e=>
|
579
|
-
max-height: ${e=>e.maxHeight&&
|
580
|
-
width: ${e=>
|
577
|
+
height: ${e=>Ma[e.height||"auto"]};
|
578
|
+
max-height: ${e=>e.maxHeight&&Ma[e.maxHeight]};
|
579
|
+
width: ${e=>Oa[e.width||"auto"]};
|
581
580
|
border-radius: 12px;
|
582
581
|
overflow: hidden;
|
583
582
|
animation: overlay-appear ${200}ms ${It("animation.easeOutCubic")};
|
@@ -595,7 +594,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
595
594
|
outline: none;
|
596
595
|
}
|
597
596
|
${Zt};
|
598
|
-
`,
|
597
|
+
`,Ha=e.forwardRef((({onClickOutside:t,role:o="none",initialFocusRef:n,returnFocusRef:i,ignoreClickRefs:l,onEscape:d,visibility:s="visible",height:c,top:g,left:f,anchorSide:u,portalContainerName:p,preventFocusOnOpen:b,...h},m)=>{const v=r(null),x=Do(v,m),{theme:y}=qt(),w=parseInt(It("space.2")(y).replace("px","")),B=It("animation.easeOutCubic")(y);return Sr({overlayRef:v,returnFocusRef:i,onEscape:d,ignoreClickRefs:l,onClickOutside:t,initialFocusRef:n,preventFocusOnOpen:b}),a((()=>{var e;"initial"===c&&null!==(e=x.current)&&void 0!==e&&e.clientHeight&&(x.current.style.height=`${x.current.clientHeight}px`)}),[c,x]),Bo((()=>{var e;const{x:t,y:r}=function(e){return null!=e&&e.endsWith("bottom")?{x:0,y:-1}:null!=e&&e.endsWith("top")?{x:0,y:1}:null!=e&&e.endsWith("right")?{x:-1,y:0}:null!=e&&e.endsWith("left")?{x:1,y:0}:{x:0,y:0}}(u);(t||r)&&null!==(e=v.current)&&void 0!==e&&e.animate&&"hidden"!==s&&v.current.animate({transform:[`translate(${w*t}px, ${w*r}px)`,"translate(0, 0)"]},{duration:200,easing:B})}),[u,w,B,s]),e.createElement(Fo,{containerName:p},e.createElement(Pa,Rt({height:c,role:o},h,{ref:x,style:{top:`${g||0}px`,left:`${f||0}px`,"--styled-overlay-visibility":s}})))}));Ha.defaultProps={height:"auto",width:"auto"};var Wa=Ha;const _a=({renderAnchor:n,anchorRef:i,children:l,open:d,onOpen:s,onClose:c,height:g,width:f,overlayProps:u,focusTrapSettings:p,focusZoneSettings:b,side:h,align:m})=>{const v=Tr(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=Wo(),B=o((()=>null==c?void 0:c("click-outside")),[c]),k=o((()=>null==c?void 0:c("escape")),[c]),$=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}=ko({anchorElementRef:v,floatingElementRef:x,side:h,align:m},[x.current]);return a((()=>{!d&&x.current&&y(null)}),[d,x,y]),No({containerRef:x,disabled:!d||!S,...b}),Co({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:$}),d?e.createElement(Wa,Rt({returnFocusRef:v,onClickOutside:B,ignoreClickRefs:[v],onEscape:k,ref:y,role:"none",visibility:S?"visible":"hidden",height:g,width:f,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 ja(e,r,a){const[n,i]=t(a);return[null!=e?e:n,o((e=>{i(e),r&&r(e)}),[r])]}_a.displayName="AnchoredOverlay",_a.defaultProps={side:"outside-bottom",align:"start"};const Ua=t=>e.createElement(Ra,Rt({role:"menuitem"},t));Ua.displayName="ActionMenuItem",Ua.displayName="ActionMenu.Item";const Ka=({anchorContent:t,renderAnchor:r=(t=>e.createElement(jr,t)),anchorRef:a,onAction:i,open:l,setOpen:d,overlayProps:s,items:c,...g})=>{const[f,u]=ja(l,d,!1),p=Tr(a),b=o((()=>u(!0)),[u]),h=o((()=>u(!1)),[u]),m=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||h()}})))),[c,i,h]);return e.createElement(_a,{renderAnchor:m,anchorRef:p,open:f,onOpen:b,onClose:h,overlayProps:s},e.createElement(Fa,Rt({},g,{role:"menu",items:v})))};Ka.displayName="ActionMenuBase",Ka.displayName="ActionMenu";const Va=Object.assign(Ka,{Divider:wa,Item:Ua}),Ga=s(null);var qa,Xa={exports:{}};
|
599
598
|
/*!
|
600
599
|
Copyright (c) 2018 Jed Watson.
|
601
600
|
Licensed under the MIT License (MIT), see
|
@@ -660,12 +659,13 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
660
659
|
${we}
|
661
660
|
${Za}
|
662
661
|
${Zt};
|
663
|
-
`;const en=e.forwardRef((({icon:t,block:r,className:o,contrast:a,disabled:n,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:g,...f},u)=>{const p=Ya(o,"TextInput-wrapper");return e.createElement(Qa,{block:r,className:p,contrast:a,disabled:n,hasIcon:!!t,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:g},t&&e.createElement(t,{className:"TextInput-icon"}),e.createElement(Ja,Rt({ref:u,disabled:n},f)))}));en.defaultProps={type:"text"},en.displayName="TextInput";var tn=en;const rn=e.forwardRef((({as:r=tn,onFocus:n,onBlur:i,onChange:l,onKeyDown:s,onKeyUp:c,onKeyPress:g,value:f,...u},p)=>{const b=d(Ga);if(null===b)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:h,autocompleteSuggestion:m="",id:v,inputRef:x,inputValue:y="",isMenuDirectlyActivated:w,setInputValue:B,setShowMenu:k,showMenu:$}=b,T=
|
662
|
+
`;const en=e.forwardRef((({icon:t,block:r,className:o,contrast:a,disabled:n,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:g,...f},u)=>{const p=Ya(o,"TextInput-wrapper");return e.createElement(Qa,{block:r,className:p,contrast:a,disabled:n,hasIcon:!!t,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:g},t&&e.createElement(t,{className:"TextInput-icon"}),e.createElement(Ja,Rt({ref:u,disabled:n},f)))}));en.defaultProps={type:"text"},en.displayName="TextInput";var tn=en;const rn=e.forwardRef((({as:r=tn,onFocus:n,onBlur:i,onChange:l,onKeyDown:s,onKeyUp:c,onKeyPress:g,value:f,...u},p)=>{const b=d(Ga);if(null===b)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:h,autocompleteSuggestion:m="",id:v,inputRef:x,inputValue:y="",isMenuDirectlyActivated:w,setInputValue:B,setShowMenu:k,showMenu:$}=b,T=Do(x,p),[S,E]=t(!0),C=o((e=>{n&&n(e),k(!0)}),[n,k]),z=o((e=>{i&&i(e),setTimeout((()=>{document.activeElement!==T.current&&k(!1)}),0)}),[i,k,T]),I=o((e=>{l&&l(e),B(e.currentTarget.value),$||k(!0)}),[l,B,k,$]),A=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]),N=o((e=>{c&&c(e),"Backspace"===e.key&&E(!0)}),[E,c]),R=o((e=>{if(g&&g(e),$&&"Enter"===e.key&&h.current){e.preventDefault(),e.nativeEvent.stopImmediatePropagation();const t=new KeyboardEvent(e.type,e.nativeEvent);h.current.dispatchEvent(t)}}),[h,$,g]);return a((()=>{x.current&&(m||(x.current.value=y),S&&m&&(y||w)&&(x.current.value=m,0===m.toLowerCase().indexOf(y.toLowerCase())&&x.current.setSelectionRange(y.length,m.length)))}),[m,y,x,w]),a((()=>{f&&B(f.toString())}),[f,B]),e.createElement(r,Rt({onFocus:C,onBlur:z,onChange:I,onKeyDown:A,onKeyPress:R,onKeyUp:N,ref:T,"aria-controls":`${v}-listbox`,"aria-autocomplete":"both",role:"combobox","aria-expanded":$,"aria-haspopup":"listbox","aria-owns":`${v}-listbox`,autocomplete:"off"},u))}));rn.displayName="AutocompleteInput";var on=rn;const an=(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]:g,[l]:f}=t.getBoundingClientRect(),u=c>f-o;if(s<g+a){const e=s-g+t[d];t.scrollTo({behavior:n,[i]:e-a})}else if(u){const e=c-f+t[d];t.scrollTo({behavior:n,[i]:e+o})}};function nn(o){const i=d(Ga);if(null===i)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:l,id:s,inputRef:c,inputValue:g="",scrollContainerRef:f,setAutocompleteSuggestion:u,setShowMenu:p,setInputValue:b,setIsMenuDirectlyActivated:h,setSelectedItemLength:m,showMenu:v}=i,{items:x,selectedItemIds:y,sortOnCloseFn:w,emptyStateText:B,addNewItem:k,loading:$,selectionVariant:T,filterFn:S,"aria-labelledby":E,onOpenChange:C,onSelectedChange:z,customScrollContainerRef:I}=o,A=r(null),[N,R]=t(),[L,F]=t(x.map((({id:e})=>e))),D=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]),M=n((()=>L.reduce(((e,t,r)=>(e[t]=r,e)),{})),[L]),O=n((()=>{return D.filter(S||(e=g,function(t,r){var o;return Boolean(null===(o=t.text)||void 0===o?void 0:o.toLowerCase().startsWith(e.toLowerCase()))})).sort(((e,t)=>M[e.id]-M[t.id]));var e}),[D,M,S,g]),P=n((()=>[...O,...k?[{...k,leadingVisual:()=>e.createElement(io,null),onAction:e=>{k.handleAddItem({...e,id:e.id||Lr(),leadingVisual:void 0}),"multiple"===T&&(b(""),u(""))}}]:[]]),[O,k,u,T,b]);return No({containerRef:A,focusOutBehavior:"wrap",focusableElementFilter:e=>!(e instanceof HTMLInputElement),activeDescendantFocus:c,onActiveDescendantChanged:(e,t,r)=>{if(l.current=e||null,e){const t=D.find((t=>t.id.toString()===e.getAttribute("data-id")));R(t),h(r)}e&&I&&I.current&&r?an(e,I.current):e&&f.current&&r&&an(e,f.current)}},[$]),a((()=>{var e;null!=N&&null!==(e=N.text)&&void 0!==e&&e.startsWith(g)&&!y.includes(N.id)?u(N.text):u("")}),[N,g,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||F(e),C&&C(Boolean(v))}),[v,C,y,w,L]),a((()=>{y.length&&m(y.length)}),[y,m]),e.createElement(Qt,{sx:v?{}:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"}},$?e.createElement(Qt,{p:3,display:"flex",justifyContent:"center"},e.createElement(Tl,null)):e.createElement("div",{ref:A},P.length?e.createElement(Da,{selectionVariant:"multiple",items:P,role:"listbox",id:`${s}-listbox`,"aria-labelledby":E}):e.createElement(Qt,{p:3},B)))}function ln({menuAnchorRef:t,overlayProps:r,children:a}){const n=d(Ga);if(null===n)throw new Error("AutocompleteContext returned null values");const{inputRef:i,scrollContainerRef:l,selectedItemLength:s,setShowMenu:c,showMenu:g=!1}=n,{floatingElementRef:f,position:u}=ko({side:"outside-bottom",align:"start",anchorElementRef:t||i},[g,s]),p=Do(l,f),b=o((()=>{c(!1)}),[c]);return"undefined"==typeof window?null:e.createElement(Wa,Rt({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:g?"visible":"hidden",sx:{overflow:"auto"}},r),a)}nn.displayName="AutocompleteMenu",nn.defaultProps={emptyStateText:"No selectable options",selectionVariant:"single"},nn.displayName="AutocompleteMenu",ln.displayName="AutocompleteOverlay",ln.displayName="AutocompleteOverlay";const dn={inputValue:"",showMenu:!1,isMenuDirectlyActivated:!1,autocompleteSuggestion:"",selectedItemLength:0},sn=(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}},cn=({children:t,id:a})=>{const n=r(null),i=r(null),l=r(null),[d,s]=c(sn,dn),{inputValue:g,showMenu:f,autocompleteSuggestion:u,isMenuDirectlyActivated:p,selectedItemLength:b}=d,h=o((e=>{s({type:"inputValue",payload:e})}),[]),m=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=Wo(a);return e.createElement(Ga.Provider,{value:{activeDescendantRef:n,autocompleteSuggestion:u,id:w,inputRef:l,inputValue:g,isMenuDirectlyActivated:p,scrollContainerRef:i,selectedItemLength:b,setAutocompleteSuggestion:v,setInputValue:h,setIsMenuDirectlyActivated:x,setShowMenu:m,setSelectedItemLength:y,showMenu:f}},t)};cn.displayName="Autocomplete";var gn=Object.assign(cn,{Input:on,Menu:nn,Overlay:ln});const fn=g.img.attrs((e=>({height:e.size,width:e.size})))`
|
664
663
|
display: inline-block;
|
665
664
|
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
666
665
|
line-height: ${It("lineHeights.condensedUltra")};
|
667
666
|
vertical-align: middle;
|
668
667
|
border-radius: ${e=>function({size:e,square:t}){return t?e&&e<=24?"4px":"6px":"50%"}(e)};
|
668
|
+
${At};
|
669
669
|
${Zt}
|
670
670
|
`;fn.defaultProps={size:20,alt:"",square:!1};var un=fn;const pn=g(un)`
|
671
671
|
position: absolute;
|
@@ -795,7 +795,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
795
795
|
color: ${It("colors.fg.muted")};
|
796
796
|
background-color: ${It("colors.accent.subtle")};
|
797
797
|
border-radius: ${It("radii.2")};
|
798
|
-
|
798
|
+
${At};
|
799
799
|
${Zt};
|
800
800
|
`;const wn=g.li`
|
801
801
|
display: inline-block;
|
@@ -857,7 +857,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
857
857
|
box-shadow: ${It("shadows.shadow.medium")};
|
858
858
|
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:Wn[t];return{width:r,height:r}}};
|
859
859
|
${Zt};
|
860
|
-
`,jn=g(
|
860
|
+
`,jn=g(Ao)`
|
861
861
|
height: auto;
|
862
862
|
max-width: 60%;
|
863
863
|
max-height: 55%;
|
@@ -869,6 +869,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
869
869
|
display: none;
|
870
870
|
}
|
871
871
|
|
872
|
+
${At}
|
872
873
|
${Zt};
|
873
874
|
`;Vn.displayName="Details";var Gn=Vn;const qn=()=>null;function Xn(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 Yn=g.span`
|
874
875
|
${Nt};
|
@@ -920,7 +921,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
920
921
|
z-index: 99;
|
921
922
|
background: ${It("colors.primer.canvas.backdrop")};
|
922
923
|
}
|
923
|
-
`,ri=i((({children:t,onDismiss:n=Jn,isOpen:i,initialFocusRef:l,returnFocusRef:d,...s},c)=>{const g=r(null),f=
|
924
|
+
`,ri=i((({children:t,onDismiss:n=Jn,isOpen:i,initialFocusRef:l,returnFocusRef:d,...s},c)=>{const g=r(null),f=Do(c),u=r(null),p=()=>{n(),d&&d.current&&d.current.focus()},{getDialogProps:b}=function({modalRef:e,overlayRef:t,isOpen:r,onDismiss:n=qn,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(Xn);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]),g=o((e=>{switch(e.key){case"Tab":c(e);break;case"Escape":n(),e.stopPropagation()}}),[c,n]);return{getDialogProps:()=>({onKeyDown:g})}}({modalRef:f,onDismiss:p,isOpen:i,initialFocusRef:l,closeButtonRef:u,returnFocusRef:d,overlayRef:g});return i?e.createElement(e.Fragment,null,e.createElement(ti,{ref:g}),e.createElement(Zn,Rt({tabIndex:-1,ref:f,role:"dialog","aria-modal":"true"},s,b()),e.createElement(fo,{ref:u,onClick:p,sx:{position:"absolute",top:"16px",right:"16px"}}),t)):null}));ei.defaultProps={backgroundColor:"canvas.subtle"},ei.propTypes={...Qt.propTypes},ei.displayName="Dialog.Header",ri.displayName="Dialog";var oi=Object.assign(ri,{Header:ei});var ai=(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: ${It("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: ${It("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: ${It("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: ${It("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 ${It("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 ${It("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 ni=g(Gn)`
|
924
925
|
position: relative;
|
925
926
|
display: inline-block;
|
926
927
|
`,ii=({children:t,className:r,...o})=>{const{getDetailsProps:a}=fr({closeOnOutsideClick:!0});return e.createElement(ni,Rt({className:r},a(),o),t)};ii.displayName="Dropdown";const li=({children:t,...r})=>e.createElement(jr,Rt({as:"summary","aria-haspopup":"true"},r),t,e.createElement(di,null));li.displayName="DropdownButton";const di=g.div`
|
@@ -1009,7 +1010,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1009
1010
|
outline: none;
|
1010
1011
|
}
|
1011
1012
|
${Zt};
|
1012
|
-
`;si.defaultProps={direction:"sw"},si.displayName="Dropdown.Menu",ci.displayName="Dropdown.Item",li.defaultProps=jr.defaultProps,li.displayName="Dropdown.Button",di.displayName="Dropdown.Caret",ii.defaultProps=Gn.defaultProps;var gi=Object.assign(ii,{Caret:di,Menu:si,Item:ci,Button:li});const fi=e.forwardRef((({children:t,...r},o)=>e.createElement(jr,Rt({ref:o,type:"button"},r),t,e.createElement(
|
1013
|
+
`;si.defaultProps={direction:"sw"},si.displayName="Dropdown.Menu",ci.displayName="Dropdown.Item",li.defaultProps=jr.defaultProps,li.displayName="Dropdown.Button",di.displayName="Dropdown.Caret",ii.defaultProps=Gn.defaultProps;var gi=Object.assign(ii,{Caret:di,Menu:si,Item:ci,Button:li});const fi=e.forwardRef((({children:t,...r},o)=>e.createElement(jr,Rt({ref:o,type:"button"},r),t,e.createElement(Ao,{icon:so,sx:{ml:1}}))));function ui({renderAnchor:t=(t=>e.createElement(fi,t)),anchorRef:r,placeholder:a,selectedItem:i,onChange:l,overlayProps:d,items:s,open:c,onOpenChange:g,...f}){const[u,p]=ja(c,g,!1),b=o((()=>p(!0)),[p]),h=o((()=>p(!1)),[p]),m=Tr(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||(h(),null==l||l(e===i?void 0:e))}})))),[s,l,h,i]);return e.createElement(_a,{renderAnchor:v,anchorRef:m,open:u,onOpen:b,onClose:h,overlayProps:d},e.createElement(Fa,Rt({},f,{role:"listbox",items:x})))}ui.displayName="DropdownMenu",ui.displayName="DropdownMenu";var pi=g.div`
|
1013
1014
|
display: flex;
|
1014
1015
|
align-items: stretch;
|
1015
1016
|
|
@@ -1125,12 +1126,14 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1125
1126
|
}
|
1126
1127
|
|
1127
1128
|
${Zt};
|
1128
|
-
`;Ci.displayName="Header.Link";var zi=Object.assign(Si,{Link:Ci,Item:Ei});
|
1129
|
+
`;Ci.displayName="Header.Link";var zi=Object.assign(Si,{Link:Ci,Item:Ei});const Ii=g.h2`
|
1129
1130
|
font-weight: ${It("fontWeights.bold")};
|
1130
1131
|
font-size: ${It("fontSizes.5")};
|
1131
1132
|
margin: 0;
|
1133
|
+
${Nt};
|
1134
|
+
${At};
|
1132
1135
|
${Zt};
|
1133
|
-
`;var Ai=g.span`
|
1136
|
+
`;Ii.defaultProps={theme:x};var Ai=Ii;var Ni=g.span`
|
1134
1137
|
& * {
|
1135
1138
|
margin-right: ${It("space.1")};
|
1136
1139
|
}
|
@@ -1138,7 +1141,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1138
1141
|
margin-right: 0;
|
1139
1142
|
}
|
1140
1143
|
${Zt};
|
1141
|
-
`;const
|
1144
|
+
`;const Ri=p(["margin-top:-1px;margin-bottom:-1px;color:",";border:"," solid ",";box-shadow:none;",";background-color:transparent;"],It("colors.fg.muted"),It("borderWidths.1"),It("colors.border.default"),ct),Li=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"}}}),Fi=g.span`
|
1142
1145
|
display: inline-block;
|
1143
1146
|
font-weight: ${It("fontWeights.semibold")};
|
1144
1147
|
color: ${It("colors.fg.onEmphasis")};
|
@@ -1149,16 +1152,16 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1149
1152
|
text-decoration: none;
|
1150
1153
|
}
|
1151
1154
|
|
1152
|
-
${
|
1155
|
+
${Li}
|
1153
1156
|
${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
|
1154
|
-
${e=>e.outline?
|
1157
|
+
${e=>e.outline?Ri:""} // must be last to override other values
|
1155
1158
|
${Zt}
|
1156
|
-
`;
|
1159
|
+
`;Fi.defaultProps={variant:"medium"};var Di=Fi;const Mi=L({hoverColor:{property:"color",scale:"colors"}});var Oi=g.a`
|
1157
1160
|
color: ${e=>e.muted?It("colors.fg.muted")(e):It("colors.accent.fg")(e)};
|
1158
1161
|
text-decoration: ${e=>e.underline?"underline":"none"};
|
1159
1162
|
&:hover {
|
1160
1163
|
text-decoration: ${e=>e.muted?"none":"underline"};
|
1161
|
-
${e=>e.hoverColor?
|
1164
|
+
${e=>e.hoverColor?Mi:e.muted?`color: ${It("colors.accent.fg")(e)}`:""};
|
1162
1165
|
}
|
1163
1166
|
&:is(button) {
|
1164
1167
|
display: inline-block;
|
@@ -1172,14 +1175,14 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1172
1175
|
appearance: none;
|
1173
1176
|
}
|
1174
1177
|
${Zt};
|
1175
|
-
`;var
|
1178
|
+
`;var Pi=g.div`
|
1176
1179
|
position: relative;
|
1177
1180
|
padding-top: ${It("space.4")};
|
1178
1181
|
padding-bottom: ${It("space.4")};
|
1179
1182
|
margin-bottom: ${It("space.4")};
|
1180
1183
|
border-bottom: 1px solid ${It("colors.border.default")};
|
1181
1184
|
${Zt};
|
1182
|
-
`;const
|
1185
|
+
`;const Hi=g.a`
|
1183
1186
|
display: inline-block;
|
1184
1187
|
min-width: 32px;
|
1185
1188
|
padding: 5px 10px;
|
@@ -1277,17 +1280,17 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1277
1280
|
);
|
1278
1281
|
}
|
1279
1282
|
}
|
1280
|
-
`;function
|
1283
|
+
`;function Wi({theme:t,pageCount:r,currentPage:o,onPageChange:a,hrefBuilder:n,marginPageCount:i,showPages:l,surroundingPageCount:d}){const s=e.useCallback((e=>t=>a(t,e)),[a]),c=e.useMemo((()=>function(e,t,r,o,a){const n=[];if(r){const r=[],i=t=>{t>=1&&t<=e&&r.push(t)};let l=t-a,d=t+a;if(l<1&&d>e)l=1,d=e;else if(l<1)for(;l<1;)l++,d++;else if(d>e)for(;d>e;)l--,d--;for(let t=1;t<=o;t++){const r=t,o=e-(t-1);r>=l?d++:i(r),o<=d?l--:i(o)}for(let e=l;e<=d;e++)i(e);const s=r.slice().sort(((e,t)=>e-t)).filter(((e,t,r)=>!t||e!==r[t-1]));for(let e=0;e<s.length;e++){const r=s[e],o=r===t;0===e?(1!==r&&n.push({type:"BREAK",num:1}),n.push({type:"NUM",num:r,selected:o})):(1==r-s[e-1]||n.push({type:"BREAK",num:r-1}),n.push({type:"NUM",num:r,selected:o}))}const c=n[n.length-1];"NUM"===c.type&&c.num!==e&&n.push({type:"BREAK",num:e})}const i={type:"NEXT",num:t+1,disabled:t===e};return[{type:"PREV",num:t-1,disabled:1===t},...n,i]}(r,o,!!l,i,d)),[r,o,l,i,d]);return e.useMemo((()=>c.map((r=>{const{props:o,key:a,content:i}=function(e,t,r){const o={};let a="",n="";switch(e.type){case"PREV":n="page-prev",a="Previous",e.disabled?Object.assign(o,{as:"span","aria-disabled":"true"}):Object.assign(o,{rel:"prev",href:t(e.num),"aria-label":"Previous Page",onClick:r});break;case"NEXT":n="page-next",a="Next",e.disabled?Object.assign(o,{as:"span","aria-disabled":"true"}):Object.assign(o,{rel:"next",href:t(e.num),"aria-label":"Next Page",onClick:r});break;case"NUM":n=`page-${e.num}`,a=String(e.num),e.selected?Object.assign(o,{as:"em","aria-current":"page"}):Object.assign(o,{href:t(e.num),"aria-label":`Page ${e.num}`,onClick:r});break;case"BREAK":n=`page-${e.num}-break`,a="…",Object.assign(o,{as:"span","aria-disabled":!0})}return{props:o,key:n,content:a}}(r,n,s(r.num));return e.createElement(Hi,Rt({},o,{key:a,theme:t}),i)}))),[c,n,s,t])}const _i=g.nav`
|
1281
1284
|
margin-top: 20px;
|
1282
1285
|
margin-bottom: 15px;
|
1283
1286
|
text-align: center;
|
1284
1287
|
${Zt};
|
1285
|
-
`;function
|
1288
|
+
`;function ji({theme:t,pageCount:r,currentPage:o,onPageChange:a=Ki,hrefBuilder:n=Ui,marginPageCount:i=1,showPages:l=!0,surroundingPageCount:d=2,...s}){const c=Wi({theme:t,pageCount:r,currentPage:o,onPageChange:a,hrefBuilder:n,marginPageCount:i,showPages:l,surroundingPageCount:d});return e.createElement(_i,Rt({"aria-label":"Pagination"},s,{theme:t}),e.createElement(Qt,{display:"inline-block",theme:t},c))}function Ui(e){return`#${e}`}function Ki(){}function Vi(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(tr,Rt({sx:{position:"relative"}},d),l,e.createElement(Hn,s))}ji.displayName="Pagination",ji.defaultProps={hrefBuilder:Ui,marginPageCount:1,onPageChange:Ki,showPages:!0,surroundingPageCount:2},Vi.displayName="PointerBox";const Gi=g.div.attrs((({className:e,caret:t})=>({className:Ya(e,`caret-pos--${t}`)})))`
|
1286
1289
|
position: ${e=>e.relative?"relative":"absolute"};
|
1287
1290
|
z-index: 100;
|
1288
1291
|
display: ${e=>e.open?"block":"none"};
|
1289
1292
|
${Zt};
|
1290
|
-
`,
|
1293
|
+
`,qi=g.div`
|
1291
1294
|
border: 1px solid ${It("colors.border.default")};
|
1292
1295
|
border-radius: ${It("radii.2")};
|
1293
1296
|
position: relative;
|
@@ -1321,9 +1324,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1321
1324
|
}
|
1322
1325
|
|
1323
1326
|
// Bottom-oriented carets
|
1324
|
-
${
|
1325
|
-
${
|
1326
|
-
${
|
1327
|
+
${Gi}.caret-pos--bottom & ,
|
1328
|
+
${Gi}.caret-pos--bottom-right & ,
|
1329
|
+
${Gi}.caret-pos--bottom-left & {
|
1327
1330
|
&::before,
|
1328
1331
|
&::after {
|
1329
1332
|
top: auto;
|
@@ -1343,8 +1346,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1343
1346
|
}
|
1344
1347
|
|
1345
1348
|
// Top & Bottom: Right-oriented carets
|
1346
|
-
${
|
1347
|
-
${
|
1349
|
+
${Gi}.caret-pos--top-right & ,
|
1350
|
+
${Gi}.caret-pos--bottom-right & {
|
1348
1351
|
right: -9px;
|
1349
1352
|
margin-right: 0;
|
1350
1353
|
|
@@ -1364,8 +1367,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1364
1367
|
}
|
1365
1368
|
|
1366
1369
|
// Top & Bottom: Left-oriented carets
|
1367
|
-
${
|
1368
|
-
${
|
1370
|
+
${Gi}.caret-pos--top-left & ,
|
1371
|
+
${Gi}.caret-pos--bottom-left & {
|
1369
1372
|
left: -9px;
|
1370
1373
|
margin-left: 0;
|
1371
1374
|
|
@@ -1381,12 +1384,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1381
1384
|
}
|
1382
1385
|
|
1383
1386
|
// Right- & Left-oriented carets
|
1384
|
-
${
|
1385
|
-
${
|
1386
|
-
${
|
1387
|
-
${
|
1388
|
-
${
|
1389
|
-
${
|
1387
|
+
${Gi}.caret-pos--right & ,
|
1388
|
+
${Gi}.caret-pos--right-top & ,
|
1389
|
+
${Gi}.caret-pos--right-bottom & ,
|
1390
|
+
${Gi}.caret-pos--left & ,
|
1391
|
+
${Gi}.caret-pos--left-top & ,
|
1392
|
+
${Gi}.caret-pos--left-bottom & {
|
1390
1393
|
&::before,
|
1391
1394
|
&::after {
|
1392
1395
|
top: 50%;
|
@@ -1406,9 +1409,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1406
1409
|
}
|
1407
1410
|
|
1408
1411
|
// Right-oriented carets
|
1409
|
-
${
|
1410
|
-
${
|
1411
|
-
${
|
1412
|
+
${Gi}.caret-pos--right & ,
|
1413
|
+
${Gi}.caret-pos--right-top & ,
|
1414
|
+
${Gi}.caret-pos--right-bottom & {
|
1412
1415
|
&::before {
|
1413
1416
|
right: -${It("space.3")};
|
1414
1417
|
border-left-color: ${It("colors.border.default")};
|
@@ -1422,9 +1425,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1422
1425
|
}
|
1423
1426
|
|
1424
1427
|
// Left-oriented carets
|
1425
|
-
${
|
1426
|
-
${
|
1427
|
-
${
|
1428
|
+
${Gi}.caret-pos--left & ,
|
1429
|
+
${Gi}.caret-pos--left-top & ,
|
1430
|
+
${Gi}.caret-pos--left-bottom & {
|
1428
1431
|
&::before {
|
1429
1432
|
left: -${It("space.3")};
|
1430
1433
|
border-right-color: ${It("colors.border.default")};
|
@@ -1438,8 +1441,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1438
1441
|
}
|
1439
1442
|
|
1440
1443
|
// Right & Left: Top-oriented carets
|
1441
|
-
${
|
1442
|
-
${
|
1444
|
+
${Gi}.caret-pos--right-top & ,
|
1445
|
+
${Gi}.caret-pos--left-top & {
|
1443
1446
|
&::before,
|
1444
1447
|
&::after {
|
1445
1448
|
top: ${It("space.4")};
|
@@ -1447,8 +1450,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1447
1450
|
}
|
1448
1451
|
|
1449
1452
|
// Right & Left: Bottom-oriented carets
|
1450
|
-
${
|
1451
|
-
${
|
1453
|
+
${Gi}.caret-pos--right-bottom & ,
|
1454
|
+
${Gi}.caret-pos--left-bottom & {
|
1452
1455
|
&::before,
|
1453
1456
|
&::after {
|
1454
1457
|
top: auto;
|
@@ -1464,23 +1467,22 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1464
1467
|
}
|
1465
1468
|
|
1466
1469
|
${Zt};
|
1467
|
-
`;
|
1470
|
+
`;Gi.defaultProps={caret:"top"},qi.displayName="Popover.Content";var Xi=Object.assign(Gi,{Content:qi});const Yi=g.span`
|
1468
1471
|
width: ${e=>e.progress?`${e.progress}%`:0};
|
1469
|
-
|
1470
|
-
|
1471
|
-
`,Yi={small:"5px",large:"10px",default:"8px"},Ji=g.span`
|
1472
|
+
${At}
|
1473
|
+
`,Ji={small:"5px",large:"10px",default:"8px"},Zi=g.span`
|
1472
1474
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
1473
1475
|
overflow: hidden;
|
1474
1476
|
background-color: ${It("colors.border.default")};
|
1475
1477
|
border-radius: ${It("radii.1")};
|
1476
|
-
height: ${e=>
|
1477
|
-
|
1478
|
+
height: ${e=>Ji[e.barSize||"default"]};
|
1479
|
+
${At}
|
1478
1480
|
${me}
|
1479
1481
|
${Zt};
|
1480
|
-
`;function
|
1481
|
-
${
|
1482
|
+
`;function Qi({progress:t,bg:r,theme:o,...a}){return e.createElement(Zi,Rt({theme:o},a),e.createElement(Yi,{progress:t,bg:r,theme:o}))}function el(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])}Qi.displayName="ProgressBar",Qi.defaultProps={bg:"success.emphasis",barSize:"default"};const tl=s({}),rl=p(["padding:"," ",";margin:0;font-size:",";font-weight:",";color:",";background-color:",";border-bottom:"," solid ",";"],It("space.1"),It("space.3"),It("fontSizes.0"),It("fontWeights.bold"),It("colors.fg.muted"),It("colors.canvas.subtle"),It("borderWidths.1"),It("colors.border.muted")),ol=g.div`
|
1483
|
+
${rl}
|
1482
1484
|
${Zt};
|
1483
|
-
`;
|
1485
|
+
`;ol.displayName="SelectMenu.Divider";var al=ol;const nl=g.form`
|
1484
1486
|
padding: ${It("space.3")};
|
1485
1487
|
margin: 0;
|
1486
1488
|
border-bottom: ${It("borderWidths.1")} solid ${It("colors.border.muted")};
|
@@ -1491,10 +1493,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1491
1493
|
}
|
1492
1494
|
|
1493
1495
|
${Zt};
|
1494
|
-
`,
|
1495
|
-
${
|
1496
|
+
`,il=i((({theme:t,value:o,sx:n,...i},l)=>{const s=r(null),c=null!=l?l:s,{open:g}=d(tl);return a((()=>{var e;g&&(null===(e=s.current)||void 0===e||e.focus())}),[g]),e.createElement(nl,{theme:t,sx:n},e.createElement(tn,Rt({theme:t,ref:c,width:"100%",block:!0,value:o,contrast:!0},i)))}));il.displayName="SelectMenu.Filter";var ll=il;const dl=p(["margin-top:-1px;padding:"," ",";font-size:",";color:",";text-align:center;border-top:"," solid ",";@media (min-width:","){padding:"," ",";}"],It("space.2"),It("space.3"),It("fontSizes.0"),It("colors.fg.muted"),It("borderWidths.1"),It("colors.border.muted"),It("breakpoints.0"),It("space.1"),It("space.2")),sl=g.footer`
|
1497
|
+
${dl}
|
1496
1498
|
${Zt};
|
1497
|
-
`;
|
1499
|
+
`;sl.displayName="SelectMenu.Footer";var cl=sl;const gl=g.h3`
|
1498
1500
|
color: ${It("colors.fg.default")};
|
1499
1501
|
flex: auto;
|
1500
1502
|
font-size: ${It("fontSizes.1")};
|
@@ -1504,7 +1506,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1504
1506
|
@media (min-width: ${It("breakpoints.0")}) {
|
1505
1507
|
font-size: inherit;
|
1506
1508
|
}
|
1507
|
-
`,
|
1509
|
+
`,fl=g.header`
|
1508
1510
|
display: flex;
|
1509
1511
|
flex: none; // fixes header from getting squeezed in Safari iOS
|
1510
1512
|
padding: ${It("space.3")};
|
@@ -1516,13 +1518,13 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1516
1518
|
}
|
1517
1519
|
|
1518
1520
|
${Zt};
|
1519
|
-
`,
|
1520
|
-
${
|
1521
|
+
`,ul=({children:t,theme:r,...o})=>e.createElement(fl,Rt({theme:r},o),e.createElement(gl,{theme:r},t));ul.displayName="SelectMenuHeader",ul.displayName="SelectMenu.Header";var pl=ul;const bl=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:",";}"],It("space.3"),It("colors.canvas.overlay"),It("borderWidths.1"),It("colors.border.muted"),It("colors.fg.muted"),It("fontSizes.0"),It("breakpoints.0"),It("space.2"),It("space.2"),It("space.3"),It("space.2"),It("colors.fg.default"),It("colors.neutral.subtle"),It("colors.canvas.subtle"),It("colors.selectMenu.tapHighlight")),hl=g.a.attrs((()=>({role:"menuitemcheckbox"})))`
|
1522
|
+
${bl}
|
1521
1523
|
${Zt};
|
1522
|
-
`,
|
1523
|
-
${
|
1524
|
+
`,ml=i((({children:t,selected:o,theme:a,onClick:n,...i},l)=>{const s=d(tl),c=r(null),g=null!=l?l:c;return e.createElement(hl,Rt({ref:g},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(Ao,{theme:a,className:"SelectMenu-icon SelectMenu-selected-icon",icon:eo}),t)}));ml.defaultProps={selected:!1},ml.displayName="SelectMenu.Item";var vl=ml;const xl=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:",";}}"],It("colors.canvas.overlay"),It("colors.selectMenu.tapFocusBg"),It("colors.fg.default"),It("colors.canvas.subtle"),It("colors.fg.default"),It("colors.canvas.subtle")),yl=g.div`
|
1525
|
+
${xl}
|
1524
1526
|
${Zt};
|
1525
|
-
`;
|
1527
|
+
`;yl.displayName="SelectMenu.List";var wl=yl;const Bl={small:"16px",medium:"32px",large:"64px"};function kl({size:t="medium",...r}){const o=Bl[t];return e.createElement("svg",Rt({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"}))}kl.displayName="Spinner";const $l=g(kl)`
|
1526
1528
|
@keyframes rotate-keyframes {
|
1527
1529
|
100% {
|
1528
1530
|
transform: rotate(360deg);
|
@@ -1531,37 +1533,38 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1531
1533
|
|
1532
1534
|
animation: rotate-keyframes 1s linear infinite;
|
1533
1535
|
|
1536
|
+
${At}
|
1534
1537
|
${Zt}
|
1535
|
-
|
1538
|
+
`;$l.displayName="Spinner";var Tl=$l;const Sl=g.div`
|
1536
1539
|
padding: ${It("space.6")} ${It("space.4")};
|
1537
1540
|
text-align: center;
|
1538
1541
|
background-color: ${It("colors.canvas.overlay")};
|
1539
1542
|
${Zt}
|
1540
|
-
`,
|
1541
|
-
${zl}
|
1542
|
-
${me}
|
1543
|
-
`,Nl=g.div`
|
1543
|
+
`,El=t=>e.createElement(Sl,t,e.createElement(Tl,null));El.displayName="SelectMenuLoadingAnimation";var Cl=El;const zl=h(["0%{opacity:0;transform:scale(0.9);}"]),Il=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":""),It("colors.canvas.overlay"),It("radii.2"),It("shadows.shadow.small"),zl,It("breakpoints.0"),It("space.1"),It("space.3"),It("fontSizes.0"),It("borderWidths.1"),It("colors.border.default"),It("radii.2"),It("shadows.shadow.small")),Al=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;}"],It("space.3"),It("colors.primer.canvas.backdrop"),It("breakpoints.0"),It("breakpoints.0"),(e=>"right"===e.align?"0":"auto")),Nl=g.div`
|
1544
1544
|
${Il}
|
1545
|
+
${me}
|
1546
|
+
`,Rl=g.div`
|
1547
|
+
${Al}
|
1545
1548
|
${Zt};
|
1546
|
-
`,
|
1547
|
-
${
|
1549
|
+
`,Ll=e.forwardRef((({children:t,theme:r,width:o,...a},n)=>e.createElement(Rl,Rt({theme:r},a,{role:"menu",ref:n}),e.createElement(Nl,{theme:r,width:o},t))));Ll.defaultProps={align:"left",width:"300px"},Ll.displayName="SelectMenu.Modal";var Fl=Ll;const Dl=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:",";}"],It("space.2"),It("space.3"),It("fontSizes.0"),It("colors.fg.muted"),It("colors.border.muted"),It("breakpoints.0"),It("space.1"),It("space.3"),It("borderWidths.1"),It("radii.2"),It("radii.2"),It("colors.text-primary"),It("colors.canvas.overlay"),It("colors.border.muted"),It("breakpoints.0"),It("colors.border.muted"),It("colors.neutral.subtle")),Ml=g.button`
|
1550
|
+
${Dl}
|
1548
1551
|
${Zt};
|
1549
|
-
`,
|
1552
|
+
`,Ol=({tabName:t="",index:r,className:o,onClick:n,...i})=>{const l=d(tl);a((()=>{var e;l.selectedTab||0!==r||(null===(e=l.setSelectedTab)||void 0===e||e.call(l,t))}),[r,l,t]);const s=l.selectedTab===t;return e.createElement(Ml,Rt({role:"tab",className:Ya("SelectMenuTab",o),"aria-selected":s,onClick:e=>{var r;(n&&n(e),e.defaultPrevented)||(null===(r=l.setSelectedTab)||void 0===r||r.call(l,t))}},i),t)};Ol.displayName="SelectMenuTab",Ol.displayName="SelectMenu.Tab";var Pl=Ol;const Hl=g.div`
|
1550
1553
|
border-top: ${It("borderWidths.1")} solid ${It("colors.border.muted")};
|
1551
1554
|
${Zt};
|
1552
|
-
`,
|
1553
|
-
${
|
1555
|
+
`,Wl=({tabName:t,className:r,children:o,...a})=>{const n=d(tl);return e.createElement(Hl,Rt({role:"tabpanel",className:r,hidden:n.selectedTab!==t},a),e.createElement(wl,null,o))};Wl.displayName="TabPanel",Wl.displayName="SelectMenu.TabPanel";var _l=Wl;const jl=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:",";}"],It("breakpoints.0"),It("space.2"),It("space.3")),Ul=g.div`
|
1556
|
+
${jl}
|
1554
1557
|
${Zt};
|
1555
|
-
`,
|
1558
|
+
`,Kl=({children:t,...r})=>e.createElement(Ul,Rt({role:"tablist"},r),t);Kl.displayName="SelectMenuTabs",Kl.displayName="SelectMenu.Tabs";var Vl=Kl;const Gl=g.details`
|
1556
1559
|
${"\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"}
|
1557
1560
|
${Zt};
|
1558
|
-
`,
|
1561
|
+
`,ql=e.forwardRef((({children:n,initialTab:i="",as:l,...d},s)=>{const c=r(null),g=null!=s?s:c,[f,u]=t(i),[p,b]=t(!1),h={selectedTab:f,setSelectedTab:u,setOpen:b,open:p,initialTab:i},m=o((e=>{"current"in g&&g.current&&!g.current.contains(e.target)&&(e.defaultPrevented||b(!1))}),[g,b]);return a((()=>{if(p)return document.addEventListener("click",m),()=>{document.removeEventListener("click",m)}}),[p,m]),el(g,p,b),e.createElement(tl.Provider,{value:h},e.createElement(Gl,Rt({ref:g},d,{open:p,onToggle:function(e){b(e.target.open)}}),n))}));ql.displayName="SelectMenu";var Xl=Object.assign(ql,{MenuContext:tl,List:wl,Divider:al,Filter:ll,Footer:cl,Item:vl,Modal:Fl,Tabs:Vl,Tab:Pl,TabPanel:_l,Header:pl,LoadingAnimation:Cl});function Yl({variant:t,className:r,bordered:o,children:a,"aria-label":n}){const i=Ya(r,`variant-${"lightweight"===t?"lightweight":"normal"}`);return e.createElement(Qt,{borderWidth:o?"1px":0,borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:i,"aria-label":n},a)}Yl.displayName="SideNavBase";const Jl=g(Yl)`
|
1559
1562
|
background-color: ${It("colors.canvas.subtle")};
|
1560
1563
|
|
1561
1564
|
${e=>e.bordered&&p(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
|
1562
1565
|
|
1563
1566
|
${Zt};
|
1564
|
-
`,
|
1567
|
+
`,Zl=p(["background-color:",";outline:none;text-decoration:none;"],It("colors.neutral.subtle")),Ql=p(["color:",";text-decoration:none;outline:none;"],It("colors.fg.default")),ed=g(Oi).attrs((e=>"string"==typeof e.to||e.selected?{"aria-current":"page"}:{}))`
|
1565
1568
|
position: relative;
|
1566
1569
|
display: block;
|
1567
1570
|
${e=>"full"===e.variant&&p(["display:flex;align-items:center;justify-content:space-between;"])}
|
@@ -1569,11 +1572,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1569
1572
|
text-align: left;
|
1570
1573
|
font-size: ${It("fontSizes.1")};
|
1571
1574
|
|
1572
|
-
& > ${
|
1575
|
+
& > ${Jl} {
|
1573
1576
|
border-bottom: none;
|
1574
1577
|
}
|
1575
1578
|
|
1576
|
-
${
|
1579
|
+
${Jl}.variant-normal > & {
|
1577
1580
|
color: ${It("colors.fg.default")};
|
1578
1581
|
padding: ${It("space.3")};
|
1579
1582
|
border: 0;
|
@@ -1603,11 +1606,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1603
1606
|
}
|
1604
1607
|
|
1605
1608
|
&:hover {
|
1606
|
-
${
|
1609
|
+
${Zl}
|
1607
1610
|
}
|
1608
1611
|
|
1609
1612
|
&:focus {
|
1610
|
-
${
|
1613
|
+
${Zl}
|
1611
1614
|
box-shadow: ${It("shadows.primer.shadow.focus")};
|
1612
1615
|
z-index: 1;
|
1613
1616
|
}
|
@@ -1623,16 +1626,16 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1623
1626
|
}
|
1624
1627
|
}
|
1625
1628
|
|
1626
|
-
${
|
1629
|
+
${Jl}.variant-lightweight > & {
|
1627
1630
|
padding: ${It("space.1")} 0;
|
1628
1631
|
color: ${It("colors.accent.fg")};
|
1629
1632
|
|
1630
1633
|
&:hover {
|
1631
|
-
${
|
1634
|
+
${Ql}
|
1632
1635
|
}
|
1633
1636
|
|
1634
1637
|
&:focus {
|
1635
|
-
${
|
1638
|
+
${Ql}
|
1636
1639
|
box-shadow: ${It("shadows.primer.shadow.focus")};
|
1637
1640
|
z-index: 1;
|
1638
1641
|
}
|
@@ -1645,7 +1648,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1645
1648
|
}
|
1646
1649
|
|
1647
1650
|
${Zt};
|
1648
|
-
`;
|
1651
|
+
`;Jl.defaultProps={variant:"normal"},ed.defaultProps={variant:"normal"},ed.displayName="SideNav.Link";var td=Object.assign(Jl,{Link:ed});const rd={issueOpened:no,pullOpened:ro,issueClosed:oo,pullClosed:ro,pullMerged:to,draft:ro,issueDraft:ao},od=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"},issueDraft:{backgroundColor:"neutral.emphasis",color:"fg.onEmphasis"}}}),ad=ue({prop:"variant",variants:{small:{paddingX:2,paddingY:1,fontSize:0},normal:{paddingX:"12px",paddingY:2,fontSize:1}}}),nd=g.span`
|
1649
1652
|
display: inline-flex;
|
1650
1653
|
align-items: center;
|
1651
1654
|
font-weight: ${It("fontWeights.bold")};
|
@@ -1653,10 +1656,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1653
1656
|
color: ${It("colors.canvas.default")};
|
1654
1657
|
text-align: center;
|
1655
1658
|
border-radius: ${It("radii.3")};
|
1656
|
-
${rd};
|
1657
1659
|
${od};
|
1660
|
+
${ad};
|
1658
1661
|
${Zt};
|
1659
|
-
`;function
|
1662
|
+
`;function id({children:t,status:r,variant:o,...a}){const n="small"===o?{width:"1em"}:{};return e.createElement(nd,Rt({},a,{variant:o,status:r}),r&&e.createElement(Ao,Rt({},n,{icon:rd[r]||lo,sx:{mr:1}})),t)}id.displayName="StateLabel",id.defaultProps={variant:"normal"};const ld=g.nav`
|
1660
1663
|
display: flex;
|
1661
1664
|
justify-content: space-between;
|
1662
1665
|
|
@@ -1678,10 +1681,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1678
1681
|
}
|
1679
1682
|
|
1680
1683
|
${Zt};
|
1681
|
-
`;function
|
1684
|
+
`;function dd({actions:t,className:r,children:o,label:a,...n}){const i=Ya(r,"SubNav");return e.createElement(ld,Rt({className:i,"aria-label":a},n),e.createElement("div",{className:"SubNav-body"},o),t&&e.createElement("div",{className:"SubNav-actions"},t))}dd.displayName="SubNav";const sd=g.div`
|
1682
1685
|
display: flex;
|
1683
1686
|
${Zt};
|
1684
|
-
`,
|
1687
|
+
`,cd=g.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ya("SubNav-item",e.selected&&"selected",e.className)})))`
|
1685
1688
|
padding-left: ${It("space.3")};
|
1686
1689
|
padding-right: ${It("space.3")};
|
1687
1690
|
font-weight: ${It("fontWeights.semibold")};
|
@@ -1729,15 +1732,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1729
1732
|
}
|
1730
1733
|
|
1731
1734
|
${Zt};
|
1732
|
-
`;
|
1735
|
+
`;cd.displayName="SubNav.Link",sd.displayName="SubNav.Links";var gd=Object.assign(dd,{Link:cd,Links:sd});const fd=g.div`
|
1733
1736
|
margin-top: 0;
|
1734
1737
|
border-bottom: 1px solid ${It("colors.border.default")};
|
1735
1738
|
${Zt}
|
1736
|
-
`,
|
1739
|
+
`,ud=g.nav`
|
1737
1740
|
display: flex;
|
1738
1741
|
margin-bottom: -1px;
|
1739
1742
|
overflow: auto;
|
1740
|
-
`;function
|
1743
|
+
`;function pd({children:t,"aria-label":r,...o}){return e.createElement(fd,o,e.createElement(ud,{"aria-label":r},t))}pd.displayName="TabNav";const bd=g.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ya("TabNav-item",e.selected&&"selected",e.className)})))`
|
1741
1744
|
padding: 8px 12px;
|
1742
1745
|
font-size: ${It("fontSizes.1")};
|
1743
1746
|
line-height: 20px;
|
@@ -1762,18 +1765,18 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1762
1765
|
}
|
1763
1766
|
|
1764
1767
|
${Zt};
|
1765
|
-
`;
|
1768
|
+
`;bd.displayName="TabNav.Link";var hd=Object.assign(pd,{Link:bd}),md=F(te,P,O,D,H,U,V,q,_,re,pe,be,he),vd=new RegExp("^("+md.propNames.join("|")+")$");const xd={small:"16px",medium:"20px",large:"24px",extralarge:"32px"},yd=({as:e="span",onClick:t,onFocus:r,tabIndex:o=-1})=>Boolean(r||t||o>-1||["a","button"].includes(e)),wd=ue({prop:"size",variants:{small:{fontSize:0,height:xd.small,lineHeight:xd.small,paddingLeft:1,paddingRight:1,paddingTop:0,paddingBottom:0},medium:{fontSize:0,height:xd.medium,lineHeight:xd.medium,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},large:{fontSize:0,height:xd.large,lineHeight:xd.large,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},extralarge:{fontSize:1,height:xd.extralarge,lineHeight:xd.extralarge,paddingLeft:3,paddingRight:3,paddingTop:0,paddingBottom:0}}}),Bd=g.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})))`
|
1766
1769
|
align-items: center;
|
1767
1770
|
border-radius: 999px;
|
1768
|
-
cursor: ${e=>
|
1771
|
+
cursor: ${e=>yd(e)?"pointer":"auto"};
|
1769
1772
|
display: inline-flex;
|
1770
1773
|
font-weight: ${It("fontWeights.bold")};
|
1771
1774
|
font-family: inherit;
|
1772
1775
|
text-decoration: none;
|
1773
1776
|
white-space: nowrap;
|
1774
|
-
${
|
1777
|
+
${wd}
|
1775
1778
|
${Zt}
|
1776
|
-
`;
|
1779
|
+
`;Bd.defaultProps={as:"span",size:"medium"};var kd=Bd;const $d=ue({prop:"size",variants:{small:{height:xd.small,width:xd.small},medium:{height:xd.medium,width:xd.medium},large:{height:xd.large,width:xd.large},extralarge:{height:xd.extralarge,width:xd.extralarge}}}),Td=e=>.75*parseInt(xd[e||"medium"],10),Sd=g.span`
|
1777
1780
|
background-color: transparent;
|
1778
1781
|
font-family: inherit;
|
1779
1782
|
color: currentColor;
|
@@ -1803,9 +1806,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1803
1806
|
background-color: ${It("colors.neutral.subtle")};
|
1804
1807
|
}
|
1805
1808
|
|
1806
|
-
${
|
1809
|
+
${$d}
|
1807
1810
|
${Zt}
|
1808
|
-
`,
|
1811
|
+
`,Ed=({"aria-label":t,isParentInteractive:r,size:o,...a})=>(delete a.children,e.createElement(Sd,Rt({as:r?"span":"button",tabIndex:r?-1:void 0,"aria-label":r?t:"Remove token",size:o},a),e.createElement(co,{size:Td(o)})));Ed.displayName="RemoveTokenButton",Ed.defaultProps={size:"medium"};var Cd=Ed;var zd=g("span")`
|
1809
1812
|
flex-grow: 1;
|
1810
1813
|
min-width: 0;
|
1811
1814
|
overflow: hidden;
|
@@ -1846,7 +1849,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1846
1849
|
bottom: 0;
|
1847
1850
|
}
|
1848
1851
|
}
|
1849
|
-
`;const
|
1852
|
+
`;const Id=g(kd)`
|
1850
1853
|
background-color: ${It("colors.neutral.subtle")};
|
1851
1854
|
border-color: ${e=>e.isSelected?It("colors.fg.default"):It("colors.border.subtle")};
|
1852
1855
|
border-style: solid;
|
@@ -1858,18 +1861,18 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1858
1861
|
${Zt}
|
1859
1862
|
|
1860
1863
|
${e=>{if(e.isTokenInteractive)return p(["&:hover{background-color:",";box-shadow:",";color:",";}"],It("colors.neutral.muted"),It("colors.shadow.medium"),It("colors.fg.default"))}}
|
1861
|
-
`,
|
1864
|
+
`,Ad=g("span")`
|
1862
1865
|
flex-shrink: 0;
|
1863
1866
|
line-height: 0;
|
1864
1867
|
|
1865
1868
|
${e=>{switch(e.size){case"large":case"extralarge":return p(["margin-right:",";"],It("space.2"));default:return p(["margin-right:",";"],It("space.1"))}}}
|
1866
|
-
`,
|
1869
|
+
`,Nd=i(((t,r)=>{const{as:o,onRemove:a,id:n,leadingVisual:i,text:l,size:d,hideRemoveButton:s,href:c,onClick:g,...f}=t,u=yd(t)&&Boolean(a)&&!s,p={as:o,href:c,onClick:g};return e.createElement(Id,Rt({onRemove:a,hideRemoveButton:s||!a,id:null==n?void 0:n.toString(),text:l,size:d,isTokenInteractive:yd(t)},u?{}:p,f,{ref:r}),i?e.createElement(Ad,{size:d},e.createElement(i,null)):null,e.createElement(zd,u?p:{},l),!s&&a?e.createElement(Cd,{borderOffset:1,onClick:e=>{e.stopPropagation(),a&&a()},size:d,isParentInteractive:yd(t),"aria-hidden":u?"true":"false",sx:u?{position:"relative",zIndex:"1"}:{}}):null)}));Nd.displayName="Token",Nd.defaultProps={size:"medium"};var Rd=Nd;const Ld={small:0,medium:1,large:1,extralarge:2};function Fd({icon:o,contrast:a,className:n,block:i,disabled:l,theme:d,sx:s,tokens:c,onTokenRemove:g,tokenComponent:f,preventTokenWrapping:u,size:p,hideTokenRemoveButtons:b,maxHeight:h,width:m,minWidth:v,maxWidth:x,variant:y,visibleTokenCount:w,...B},k){const{onBlur:$,onFocus:T,onKeyDown:S,...E}=function(e){var t={};for(var r in e)vd.test(r)||(t[r]=e[r]);return t}(B),C=Tr(k),z=Do(r(null),C),[I,A]=t(),[N,R]=t(Boolean(w)),{containerRef:L}=No({focusOutBehavior:"wrap",bindKeys:Nr.ArrowHorizontal|Nr.HomeAndEnd,focusableElementFilter:e=>!e.getAttributeNames().includes("aria-hidden"),getNextFocusable:e=>{var t;if(!I&&0!==I)return;let r=I+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]}},[I]),F=e=>{g(e),setTimeout((()=>{var e,t;const r=null===(e=L.current)||void 0===e?void 0:e.children[I||0],o=r&&xr(r)?r:Array.from((null===(t=L.current)||void 0===t?void 0:t.children)||[]).find((e=>xr(e)));var a;o?o.focus():null===(a=C.current)||void 0===a||a.focus()}),0)},D=()=>{A(void 0),setTimeout((()=>{var e;null!==(e=L.current)&&void 0!==e&&e.contains(document.activeElement)||!w||R(!0)}),0)},M=e=>{var t;"Escape"===e.key&&(null===(t=C.current)||void 0===t||t.focus())},O=e=>{e.stopPropagation()},P=N?c.slice(0,w):c;return e.createElement(Qa,{block:i,className:n,contrast:a,disabled:l,hasIcon:!!o,theme:d,width:m,minWidth:v,maxWidth:x,variant:y,onClick:()=>{var e;null===(e=z.current)||void 0===e||e.focus()},sx:{...i?{display:"flex",width:"100%"}:{},...h?{maxHeight:h,overflow:"auto"}:{},...u?{overflow:"auto"}:{},...s}},e.createElement(Qt,{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(Qt,{sx:{order:1,flexGrow:1}},o&&e.createElement(o,{className:"TextInput-icon"}),e.createElement(Ja,Rt({ref:z,disabled:l,onFocus:e=>{T&&T(e),A(void 0),w&&R(!1)},onBlur:e=>{$&&$(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&&(F(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))),f?P.map((({id:t,...r},o)=>{return e.createElement(f,Rt({key:t,onFocus:(a=o,()=>{A(a)}),onBlur:D,onKeyUp:M,onClick:O,isSelected:I===o,onRemove:()=>{F(t)},hideRemoveButton:b,size:p,tabIndex:0},r));var a})):null,N?e.createElement(Yn,{color:"fg.muted",fontSize:p&&Ld[p]},"+",c.length-P.length):null))}Fd.displayName="TextInputWithTokensInnerComponent";const Dd=e.forwardRef(Fd);Dd.defaultProps={tokenComponent:Rd,size:"extralarge",hideTokenRemoveButtons:!1,preventTokenWrapping:!1},Dd.displayName="TextInputWithTokens";var Md=Dd;const Od=g.div`
|
1867
1870
|
display: flex;
|
1868
1871
|
flex-direction: column;
|
1869
1872
|
${e=>e.clipSidebar&&p([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
1870
1873
|
|
1871
1874
|
${Zt};
|
1872
|
-
`,
|
1875
|
+
`,Pd=g.div.attrs((e=>({className:Ya("Timeline-Item",e.className)})))`
|
1873
1876
|
display: flex;
|
1874
1877
|
position: relative;
|
1875
1878
|
padding: ${It("space.3")} 0;
|
@@ -1889,7 +1892,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1889
1892
|
${e=>e.condensed&&p(["padding-top:",";padding-bottom:0;&:last-child{padding-bottom:",";}.TimelineItem-Badge{height:16px;margin-top:",";margin-bottom:",";color:",";background-color:",";border:0;}"],It("space.1"),It("space.3"),It("space.2"),It("space.2"),It("colors.fg.muted"),It("colors.canvas.default"))}
|
1890
1893
|
|
1891
1894
|
${Zt};
|
1892
|
-
`,
|
1895
|
+
`,Hd=t=>e.createElement(Qt,{position:"relative",zIndex:1},e.createElement(Qt,{display:"flex",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",sx:t.sx},t.children));Hd.displayName="TimelineBadge";const Wd=g.div`
|
1893
1896
|
min-width: 0;
|
1894
1897
|
max-width: 100%;
|
1895
1898
|
margin-top: ${It("space.1")};
|
@@ -1897,7 +1900,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1897
1900
|
flex: auto;
|
1898
1901
|
font-size: ${It("fontSizes.1")};
|
1899
1902
|
${Zt};
|
1900
|
-
`,
|
1903
|
+
`,_d=g.div`
|
1901
1904
|
position: relative
|
1902
1905
|
z-index: 1;
|
1903
1906
|
height: 24px;
|
@@ -1908,15 +1911,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1908
1911
|
border: 0;
|
1909
1912
|
border-top: ${It("space.1")} solid ${It("colors.border.default")};
|
1910
1913
|
${Zt};
|
1911
|
-
`;
|
1914
|
+
`;Pd.displayName="Timeline.Item",Hd.displayName="Timeline.Badge",Wd.displayName="Timeline.Body",_d.displayName="Timeline.Break";var jd=Object.assign(Od,{Item:Pd,Badge:Hd,Body:Wd,Break:_d});function Ud(e,t,r){return Math.min(Math.max(e,r),t)}class Kd extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function Vd(e){if("string"!=typeof e)throw new Kd(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=es.test(e)?function(e){const t=e.toLowerCase().trim(),r=qd[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 Kd(e);return`#${r}`}(e):e;const r=Yd.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Xd(e,2),16))),parseInt(Xd(e[3]||"f",2),16)/255]}const o=Jd.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=Zd.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=Qd.exec(t);if(n){const[t,r,o,a]=Array.from(n).slice(1).map(parseFloat);if(Ud(0,100,r)!==r)throw new Kd(e);if(Ud(0,100,o)!==o)throw new Kd(e);return[...rs(t,r,o),a||1]}throw new Kd(e)}const Gd=e=>parseInt(e.replace(/_/g,""),36),qd="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}),{}),Xd=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),Yd=new RegExp(`^#${Xd("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Jd=new RegExp(`^#${Xd("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Zd=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Xd(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),Qd=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,es=/^[a-z]+$/i,ts=e=>Math.round(255*e),rs=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(ts);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(ts)};const os={"--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))"},as={"--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))"},ns=i(((t,r)=>{const{as:o,fillColor:a="#999",onRemove:i,id:l,isSelected:d,text:s,size:c,hideRemoveButton:g,href:f,onClick:u,...p}=t,b={as:o,href:f,onClick:u},{colorScheme:h}=qt(),m=yd(t)&&Boolean(i)&&!g,v=n((()=>{const[e,t,r]=Vd(a),[o,n,l]=function(e){const[t,r,o,a]=Vd(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:g||!i?void 0:0,position:"relative",..."light"===h?os:as,...d?{background:"light"===h?"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%))":as.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"===h?"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"}}:{}}}),[h,a,d,g,i]);return e.createElement(kd,Rt({onRemove:i,id:null==l?void 0:l.toString(),isSelected:d,text:s,size:c,sx:v},m?{}:b,p,{ref:r}),e.createElement(zd,m?b:{},s),!g&&i?e.createElement(Cd,{borderOffset:1,onClick:e=>{e.stopPropagation(),i&&i()},size:c,"aria-hidden":m?"true":"false",isParentInteractive:yd(t),sx:m?{position:"relative",zIndex:"1"}:{}}):null)}));ns.defaultProps={fillColor:"#999",size:"medium"},ns.displayName="IssueLabelToken";var is=ns;const ls=g.span`
|
1912
1915
|
// 'space.1' is used because to match space from the left of the token to the left of the avatar
|
1913
1916
|
// '* 2' is done to account for the top and bottom
|
1914
1917
|
--spacing: calc(${It("space.1")} * 2);
|
1915
1918
|
|
1916
1919
|
display: block;
|
1917
|
-
height: ${e=>`calc(${
|
1918
|
-
width: ${e=>`calc(${
|
1919
|
-
`,
|
1920
|
+
height: ${e=>`calc(${xd[e.avatarSize]} - var(--spacing))`};
|
1921
|
+
width: ${e=>`calc(${xd[e.avatarSize]} - var(--spacing))`};
|
1922
|
+
`,ds=i((({avatarSrc:t,id:r,size:o,...a},n)=>e.createElement(Rd,Rt({leadingVisual:()=>e.createElement(ls,{avatarSize:o||"medium"},e.createElement(un,{src:t,size:parseInt(xd[o||"medium"],10),sx:{width:"100%",height:"100%"}})),size:o,id:null==r?void 0:r.toString(),sx:{paddingLeft:It("space.1")}},a,{ref:n}))));ds.defaultProps={size:"medium"},ds.displayName="AvatarToken";var ss=ds;const cs=g.span`
|
1920
1923
|
position: relative;
|
1921
1924
|
|
1922
1925
|
&::before {
|
@@ -2142,7 +2145,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
2142
2145
|
}
|
2143
2146
|
|
2144
2147
|
${Zt};
|
2145
|
-
`;function
|
2148
|
+
`;function gs({direction:t="n",children:r,className:o,text:a,noDelay:n,align:i,wrap:l,...d}){const s=Ya(o,`tooltipped-${t}`,i&&`tooltipped-align-${i}-2`,n&&"tooltipped-no-delay",l&&"tooltipped-multiline");return e.createElement(cs,Rt({role:"tooltip","aria-label":a},d,{className:s}),r)}gs.displayName="Tooltip",gs.alignments=["left","right"],gs.directions=["n","ne","e","se","s","sw","w","nw"];const fs=g.nav`
|
2146
2149
|
display: flex;
|
2147
2150
|
justify-content: space-between;
|
2148
2151
|
border-bottom: 1px solid ${It("colors.border.muted")};
|
@@ -2172,7 +2175,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
2172
2175
|
}
|
2173
2176
|
|
2174
2177
|
${Zt};
|
2175
|
-
`;function
|
2178
|
+
`;function us({actions:t,className:r,align:o,children:a,full:n,label:i,theme:l,...d}){const s=Ya(r,"UnderlineNav",o&&`UnderlineNav--${o}`,n&&"UnderlineNav--full");return e.createElement(fs,Rt({className:s,"aria-label":i,theme:l},d),e.createElement("div",{className:"UnderlineNav-body"},a),t&&e.createElement("div",{className:"UnderlineNav-actions"},t))}us.displayName="UnderlineNav";const ps=g.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ya("UnderlineNav-item",e.selected&&"selected",e.className)})))`
|
2176
2179
|
padding: ${It("space.3")} ${It("space.2")};
|
2177
2180
|
margin-right: ${It("space.3")};
|
2178
2181
|
font-size: ${It("fontSizes.1")};
|
@@ -2204,11 +2207,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
2204
2207
|
}
|
2205
2208
|
|
2206
2209
|
${Zt};
|
2207
|
-
`;
|
2210
|
+
`;ps.displayName="UnderlineNav.Link";var bs=Object.assign(us,{Link:ps});const hs=g.input`
|
2208
2211
|
cursor: pointer;
|
2209
2212
|
|
2210
2213
|
${e=>e.disabled&&"cursor: not-allowed;"}
|
2211
2214
|
|
2212
2215
|
${Zt}
|
2213
|
-
`,
|
2216
|
+
`,ms=e.forwardRef((({checked:t,indeterminate:r,disabled:o,sx:a,required:n,validationStatus:i,...d},s)=>{const c=Tr(s);return l((()=>{c.current&&(c.current.indeterminate=r||!1)}),[r,t,c]),e.createElement(hs,Rt({type:"checkbox",disabled:o,"aria-disabled":o?"true":"false",ref:s||c,checked:!r&&t,"aria-checked":r?"mixed":t?"true":"false",sx:a,required:n,"aria-required":n?"true":"false","aria-invalid":"error"===i?"true":"false"},d))}));ms.displayName="Checkbox";var vs=ms;export{dr as Absolute,Da as ActionList,Va as ActionMenu,gn as Autocomplete,un as Avatar,hn as AvatarPair,xn as AvatarStack,ss as AvatarToken,Dt as BaseStyles,tr as BorderBox,Qt as Box,yn as BranchName,Sn as Breadcrumb,Tn as Breadcrumbs,jr as Button,fo as ButtonClose,Ur as ButtonDanger,Vr as ButtonGroup,Xr as ButtonInvisible,Gr as ButtonOutline,qr as ButtonPrimary,Yr as ButtonTableList,Hn as Caret,vs as Checkbox,Un as CircleBadge,Kn as CircleOcticon,fa as ConfirmationDialog,An as CounterLabel,Gn as Details,oi as Dialog,gi as Dropdown,fi as DropdownButton,ui as DropdownMenu,xi as FilterList,pi as FilteredSearch,sr as Fixed,Bi as Flash,or as Flex,Ti as FormGroup,nr as Grid,zi as Header,Ai as Heading,is as IssueLabelToken,Di as Label,Ni as LabelGroup,Oi as Link,Rn as NewButton,Wa as Overlay,Pi as Pagehead,ji as Pagination,Vi as PointerBox,Xi as Popover,lr as Position,Qi as ProgressBar,cr as Relative,Po as SSRProvider,Xl as SelectMenu,td as SideNav,Tl as Spinner,id as StateLabel,gr as Sticky,Ao as StyledOcticon,gd as SubNav,hd as TabNav,Yn as Text,tn as TextInput,Md as TextInputWithTokens,Jt as ThemeProvider,jd as Timeline,Rd as Token,gs as Tooltip,xa as Truncate,bs as UnderlineNav,x as theme,It as themeGet,Xt as useColorSchemeVar,ua as useConfirm,fr as useDetails,$r as useOnEscapePress,mr as useOnOutsideClick,wr as useOpenAndCloseFocus,Sr as useOverlay,Wo as useSSRSafeId,ur as useSafeTimeout,qt as useTheme};
|
2214
2217
|
//# sourceMappingURL=browser.esm.js.map
|