@primer/components 31.2.0-rc.a53b3afb → 31.2.0-rc.b718ff50
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 +6 -0
- package/dist/browser.esm.js +178 -178
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +179 -179
- package/dist/browser.umd.js.map +1 -1
- package/docs/src/@primer/gatsby-theme-doctocat/components/hero.js +1 -3
- package/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js +1 -1
- package/lib/ActionList/Header.js +1 -1
- package/lib/Overlay.js +3 -1
- package/lib/Portal/Portal.js +3 -2
- package/lib/__tests__/AnchoredOverlay.test.js +4 -2
- package/lib/__tests__/KeyPaths.types.test.d.ts +2 -1
- package/lib/__tests__/TextInputWithTokens.test.js +1 -10
- package/lib/hooks/useAnchoredPosition.js +3 -2
- package/lib/hooks/useCombinedRefs.d.ts +2 -2
- package/lib/hooks/useCombinedRefs.js +4 -6
- package/lib/hooks/useResizeObserver.js +2 -2
- package/lib/stories/Token.stories.js +19 -2
- package/lib/utils/types/KeyPaths.d.ts +1 -1
- package/lib/utils/useIsomorphicLayoutEffect.d.ts +3 -0
- package/lib/utils/useIsomorphicLayoutEffect.js +12 -0
- package/lib-esm/ActionList/Header.js +1 -1
- package/lib-esm/Overlay.js +2 -1
- package/lib-esm/Portal/Portal.js +2 -1
- package/lib-esm/__tests__/AnchoredOverlay.test.js +4 -2
- package/lib-esm/__tests__/KeyPaths.types.test.d.ts +2 -1
- package/lib-esm/__tests__/TextInputWithTokens.test.js +1 -10
- package/lib-esm/hooks/useAnchoredPosition.js +2 -1
- package/lib-esm/hooks/useCombinedRefs.d.ts +2 -2
- package/lib-esm/hooks/useCombinedRefs.js +3 -2
- package/lib-esm/hooks/useResizeObserver.js +2 -2
- package/lib-esm/stories/Token.stories.js +14 -1
- package/lib-esm/utils/types/KeyPaths.d.ts +1 -1
- package/lib-esm/utils/useIsomorphicLayoutEffect.d.ts +3 -0
- package/lib-esm/utils/useIsomorphicLayoutEffect.js +3 -0
- package/migrating.md +1 -1
- package/package-lock.json +15 -2
- package/package.json +3 -2
- package/script/build +2 -0
- package/src/ActionList/Header.tsx +1 -1
- package/src/Overlay.tsx +2 -1
- package/src/Portal/Portal.tsx +2 -1
- package/src/__tests__/AnchoredOverlay.test.tsx +2 -2
- package/src/__tests__/KeyPaths.types.test.ts +2 -1
- package/src/__tests__/TextInputWithTokens.test.tsx +0 -10
- package/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap +35 -135
- package/src/hooks/useAnchoredPosition.ts +2 -1
- package/src/hooks/useCombinedRefs.ts +3 -3
- package/src/hooks/useResizeObserver.ts +2 -2
- package/src/stories/Button.stories.tsx +1 -1
- package/src/stories/Token.stories.tsx +12 -1
- package/src/utils/types/KeyPaths.ts +7 -1
- package/src/utils/useIsomorphicLayoutEffect.ts +10 -0
- package/stats.html +1 -1
package/dist/browser.umd.js
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
`,Ct=i.default.div`
|
|
20
20
|
${wt};
|
|
21
21
|
${yt};
|
|
22
|
-
`;function zt(e){const{children:t,...r}=e;return require("focus-visible"),n.default.createElement(Ct,Tt({},r,{"data-portal-root":!0}),n.default.createElement(Et,null),t)}zt.displayName="BaseStyles",zt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Rt=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Nt}(e)}(e)};var Nt="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function At(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Pt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function It(e,t,r){return e.concat(t).map((function(e){return At(e,r)}))}function Lt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ot(e,t){try{return t in e}catch(e){return!1}}function Mt(e,t,r){var a={};return r.isMergeableObject(e)&&Lt(e).forEach((function(t){a[t]=At(e[t],r)})),Lt(t).forEach((function(o){(function(e,t){return Ot(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Ot(e,o)&&r.isMergeableObject(t[o])?a[o]=function(e,t){if(!t.customMerge)return Pt;var r=t.customMerge(e);return"function"==typeof r?r:Pt}(o,r)(e[o],t[o],r):a[o]=At(t[o],r))})),a}function Pt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||It,r.isMergeableObject=r.isMergeableObject||Rt,r.cloneUnlessOtherwiseSpecified=At;var a=Array.isArray(t);return a===Array.isArray(e)?a?r.arrayMerge(e,t,r):Mt(e,t,r):At(t,r)}Pt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Pt(e,r,t)}),{})};var Ht=Pt;const Dt="light",Wt="dark",Ft=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),_t=({children:e,...t})=>{var a,o,i,l,s,c,f,u;const{theme:g,colorMode:p,dayScheme:b,nightScheme:m}=jt(),h=null!==(a=null!==(o=t.theme)&&void 0!==o?o:g)&&void 0!==a?a:d,[v,x]=n.default.useState(null!==(i=null!==(l=t.colorMode)&&void 0!==l?l:p)&&void 0!==i?i:"day"),[y,w]=n.default.useState(null!==(s=null!==(c=t.dayScheme)&&void 0!==c?c:b)&&void 0!==s?s:Dt),[B,k]=n.default.useState(null!==(f=null!==(u=t.nightScheme)&&void 0!==u?u:m)&&void 0!==f?f:Wt),$=function(e,t){switch(e){case"auto":return t;default:return e}}(v,function(){const[e,t]=n.default.useState(Gt);return n.default.useEffect((()=>{var e,r;const a=null===(e=window)||void 0===e||null===(r=e.matchMedia)||void 0===r?void 0:r.call(e,"(prefers-color-scheme: dark)");function o(e){const r=e.matches;t(r?"night":"day")}if(a){if(void 0!==a.addEventListener)return a.addEventListener("change",o),function(){a.removeEventListener("change",o)};if(void 0!==a.addListener)return a.addListener(o),function(){a.removeListener(o)}}}),[]),e}()),S=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),T=n.default.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Ht(e,e.colorSchemes[r])}return Ht(e,e.colorSchemes[t])}(h,S)),[h,S]);return n.default.useEffect((()=>{var e,r;x(null!==(e=null!==(r=t.colorMode)&&void 0!==r?r:p)&&void 0!==e?e:"day")}),[t.colorMode,p]),n.default.useEffect((()=>{var e,r;w(null!==(e=null!==(r=t.dayScheme)&&void 0!==r?r:b)&&void 0!==e?e:Dt)}),[t.dayScheme,b]),n.default.useEffect((()=>{var e,r;k(null!==(e=null!==(r=t.nightScheme)&&void 0!==r?r:m)&&void 0!==e?e:Wt)}),[t.nightScheme,m]),n.default.createElement(Ft.Provider,{value:{theme:T,colorScheme:S,colorMode:v,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:x,setDayScheme:w,setNightScheme:k}},n.default.createElement(r.ThemeProvider,{theme:T},e))};function jt(){return n.default.useContext(Ft)}function Ut(e,t){var r;const{colorScheme:a=""}=jt();return null!==(r=e[a])&&void 0!==r?r:t}function Gt(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}_t.displayName="ThemeProvider";var Vt=_t;var Kt=e=>te(e.sx);var qt=i.default.div(U,E,C,S,z,N,O,I,P,G,Kt);const Xt=i.default(qt)``;Xt.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var Yt=Xt;const Jt=i.default(qt)``;Jt.defaultProps={display:"flex"};var Zt=Jt;const Qt=i.default(qt)``;Qt.defaultProps={display:"grid"};var er=Qt;const tr=i.default(qt)``;var rr=tr;const ar=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"absolute",ref:t}))));ar.displayName="Absolute";const or=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"fixed",ref:t}))));or.displayName="Fixed";const nr=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"relative",ref:t}))));nr.displayName="Relative";const ir=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"sticky",ref:t}))));function lr({ref:e,closeOnOutsideClick:r,defaultOpen:a,onClickOutside:o}){const[n,i]=t.useState(a),l=t.useRef(null),d=null!=e?e:l,s=t.useCallback((e=>{const{current:t}=d;e.target.closest("details")!==t&&(o&&o(e),e.defaultPrevented||i(!1))}),[d,i,o]);t.useEffect((()=>{if(n&&r)return document.addEventListener("click",s),()=>{document.removeEventListener("click",s)}}),[n,r,s]);const c=e=>{if(!e.defaultPrevented){const t=e.target;i(t.open)}};return{open:n,setOpen:i,getDetailsProps:()=>({onToggle:c,open:n,ref:d})}}ir.defaultProps={top:0,zIndex:1},ir.displayName="Sticky";const dr=!0;function sr(e){if(!e.defaultPrevented)for(const t of Object.values(cr).reverse())if(t(e)===dr||e.defaultPrevented)break}const cr={};let fr=0;const ur=({containerRef:e,ignoreClickRefs:r,onClickOutside:a})=>{const o=t.useMemo((()=>fr++),[]),n=t.useCallback((t=>{var o;return t instanceof MouseEvent&&t.button>0||null!==(o=e.current)&&void 0!==o&&o.contains(t.target)||r&&r.some((({current:e})=>null==e?void 0:e.contains(t.target)))?dr:void a(t)}),[e,r,a]);t.useEffect((()=>(0===Object.keys(cr).length&&document.addEventListener("mousedown",sr,{capture:!0}),function(e,t){cr[e]=t}(o,n),()=>{!function(e){delete cr[e]}(o),0===Object.keys(cr).length&&document.removeEventListener("mousedown",sr,{capture:!0})})),[o,n])};function*gr(e,t={}){var r,a;const o=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(a=t.onlyTabbable)&&void 0!==a&&a?br:pr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,o)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,o)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,o)&&(yield e)}function pr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,a=e.hidden,o=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||a||o)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),a=0===e.getClientRects().length;if(t||r||a)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function br(e,t=!1){return pr(e,t)&&"-1"!==e.getAttribute("tabindex")}function mr({initialFocusRef:e,returnFocusRef:r,containerRef:a,preventFocusOnOpen:o}){t.useEffect((()=>{if(o)return;const t=r.current;if(e&&e.current)e.current.focus();else if(a.current){const e=gr(a.current).next().value;null==e||e.focus()}return function(){null==t||t.focus()}}),[e,r,a,o])}const hr=[];function vr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=hr.length-1;t>=0&&(hr[t](e),!e.defaultPrevented);--t);}const xr=(e,r=[e])=>{const a=t.useCallback(e,r);t.useEffect((()=>(0===hr.length&&document.addEventListener("keydown",vr),hr.push(a),()=>{hr.splice(hr.findIndex((e=>e===a)),1),0===hr.length&&document.removeEventListener("keydown",vr)})),[a])};function yr(e){const t=n.default.useRef(null);return null!=e?e:t}const wr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:a,ignoreClickRefs:o,onClickOutside:n,preventFocusOnOpen:i})=>{const l=yr(e);return mr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),ur({containerRef:l,ignoreClickRefs:o,onClickOutside:n}),xr(a),{ref:l}};let Br,kr=!1;function $r(){}try{const e=Object.create({},{signal:{get(){kr=!0}}});window.addEventListener("test",$r,e),window.removeEventListener("test",$r,e)}catch(Fd){}function Sr(){kr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,a){return"object"==typeof a&&"signal"in a&&a.signal instanceof AbortSignal&&e.call(a.signal,"abort",(()=>{this.removeEventListener(t,r,a)})),e.call(this,t,r,a)}}(),kr=!0)}function Tr(){return void 0===Br&&(Br=/^mac/i.test(window.navigator.platform)),Br}let Er,Cr=1e4;function zr(){return"__primer_id_"+Cr++}Sr(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Er||(Er={}));const Rr={ArrowLeft:Er.ArrowHorizontal,ArrowDown:Er.ArrowVertical,ArrowUp:Er.ArrowVertical,ArrowRight:Er.ArrowHorizontal,h:Er.HL,j:Er.JK,k:Er.JK,l:Er.HL,a:Er.AD,s:Er.WS,w:Er.WS,d:Er.AD,Tab:Er.Tab,Home:Er.HomeAndEnd,End:Er.HomeAndEnd,PageUp:Er.PageUpDown,PageDown:Er.PageUpDown},Nr={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Ar(e){const t=Nr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Tr();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}const Ir="data-is-active-descendant",Lr="activated-directly",Or="activated-indirectly",Mr="data-has-active-descendant";function Pr(e,t){var r,a,o,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Er.ArrowAll:Er.ArrowVertical)|Er.HomeAndEnd,s=null!==(a=null==t?void 0:t.focusOutBehavior)&&void 0!==a?a:"stop",c=null!==(o=null==t?void 0:t.focusInStrategy)&&void 0!==o?o:"previous",f=null==t?void 0:t.activeDescendantControl,u=null==t?void 0:t.onActiveDescendantChanged;let g;function p(){return i[0]}function b(e,t=!1){const r=g;g=e,f?e&&document.activeElement===f?m(r,e,t):h():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function m(t,r,a=!1){r.id||r.setAttribute("id",zr()),t&&t!==r&&t.removeAttribute(Ir),f&&(a||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute(Mr,r.id),r.setAttribute(Ir,a?Lr:Or),null==u||u(r,t,a))}function h(t=g){"first"===c&&(g=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute(Mr),null==t||t.removeAttribute(Ir),null==u||u(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,a;return null===(r=null==t||null===(a=t.focusableElementFilter)||void 0===a?void 0:a.call(t,e))||void 0===r||r}));if(0===r.length)return;const a=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===a?i.length:a,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");g||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===g){b(p())}}}v(...gr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...gr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...gr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(f.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),f.addEventListener("focusin",(()=>{g?m(void 0,g):b(p())})),f.addEventListener("focusout",(()=>{h()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==g&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===$?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);$=void 0}),{signal:w});const k=null!=f?f:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Ar(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Nr){const o=Rr[r.key];if(!r.defaultPrevented&&(o&d)>0&&!function(e,t){const r=e.key,a=[...r].length,o=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(o&&(1===a||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===a)return!0;if("ArrowDown"===r&&Tr()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Tr()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(o){const e=t,a=0===e.selectionStart&&0===e.selectionEnd,o=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!a)return!0;if("ArrowRight"===r&&!o)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!a)return!0;if("ArrowDown"===r&&!o)return!0}}return!1}(r,document.activeElement)){const o=Ar(r);let n;var a;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(o,null!==(a=document.activeElement)&&void 0!==a?a:void 0,r);if(!n){const t=function(){if(!g)return 0;const t=i.indexOf(g);return-1!==t?t:g===e?-1:0}();let a=t;"previous"===o?a-=1:"start"===o?a=0:"next"===o?a+=1:a=i.length-1,a<0&&(a="wrap"===s&&"Tab"!==r.key?i.length-1:0),a>=i.length&&(a="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==a&&(n=i[a])}f?b(n||g,!0):n&&($=o,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Hr=r.css(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],xt("fontWeights.bold"),xt("radii.2"));const Dr=$(xe,yt,kt),Wr=re({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Fr=i.default.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
|
22
|
+
`;function zt(e){const{children:t,...r}=e;return require("focus-visible"),n.default.createElement(Ct,Tt({},r,{"data-portal-root":!0}),n.default.createElement(Et,null),t)}zt.displayName="BaseStyles",zt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Rt=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Nt}(e)}(e)};var Nt="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function At(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Pt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function It(e,t,r){return e.concat(t).map((function(e){return At(e,r)}))}function Lt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ot(e,t){try{return t in e}catch(e){return!1}}function Mt(e,t,r){var a={};return r.isMergeableObject(e)&&Lt(e).forEach((function(t){a[t]=At(e[t],r)})),Lt(t).forEach((function(o){(function(e,t){return Ot(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Ot(e,o)&&r.isMergeableObject(t[o])?a[o]=function(e,t){if(!t.customMerge)return Pt;var r=t.customMerge(e);return"function"==typeof r?r:Pt}(o,r)(e[o],t[o],r):a[o]=At(t[o],r))})),a}function Pt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||It,r.isMergeableObject=r.isMergeableObject||Rt,r.cloneUnlessOtherwiseSpecified=At;var a=Array.isArray(t);return a===Array.isArray(e)?a?r.arrayMerge(e,t,r):Mt(e,t,r):At(t,r)}Pt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Pt(e,r,t)}),{})};var Ht=Pt;const Dt="light",Wt="dark",Ft=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),_t=({children:e,...t})=>{var a,o,i,l,s,c,f,u;const{theme:g,colorMode:p,dayScheme:b,nightScheme:m}=jt(),h=null!==(a=null!==(o=t.theme)&&void 0!==o?o:g)&&void 0!==a?a:d,[v,x]=n.default.useState(null!==(i=null!==(l=t.colorMode)&&void 0!==l?l:p)&&void 0!==i?i:"day"),[y,w]=n.default.useState(null!==(s=null!==(c=t.dayScheme)&&void 0!==c?c:b)&&void 0!==s?s:Dt),[B,k]=n.default.useState(null!==(f=null!==(u=t.nightScheme)&&void 0!==u?u:m)&&void 0!==f?f:Wt),$=function(e,t){switch(e){case"auto":return t;default:return e}}(v,function(){const[e,t]=n.default.useState(Gt);return n.default.useEffect((()=>{var e,r;const a=null===(e=window)||void 0===e||null===(r=e.matchMedia)||void 0===r?void 0:r.call(e,"(prefers-color-scheme: dark)");function o(e){const r=e.matches;t(r?"night":"day")}if(a){if(void 0!==a.addEventListener)return a.addEventListener("change",o),function(){a.removeEventListener("change",o)};if(void 0!==a.addListener)return a.addListener(o),function(){a.removeListener(o)}}}),[]),e}()),S=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),T=n.default.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Ht(e,e.colorSchemes[r])}return Ht(e,e.colorSchemes[t])}(h,S)),[h,S]);return n.default.useEffect((()=>{var e,r;x(null!==(e=null!==(r=t.colorMode)&&void 0!==r?r:p)&&void 0!==e?e:"day")}),[t.colorMode,p]),n.default.useEffect((()=>{var e,r;w(null!==(e=null!==(r=t.dayScheme)&&void 0!==r?r:b)&&void 0!==e?e:Dt)}),[t.dayScheme,b]),n.default.useEffect((()=>{var e,r;k(null!==(e=null!==(r=t.nightScheme)&&void 0!==r?r:m)&&void 0!==e?e:Wt)}),[t.nightScheme,m]),n.default.createElement(Ft.Provider,{value:{theme:T,colorScheme:S,colorMode:v,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:x,setDayScheme:w,setNightScheme:k}},n.default.createElement(r.ThemeProvider,{theme:T},e))};function jt(){return n.default.useContext(Ft)}function Ut(e,t){var r;const{colorScheme:a=""}=jt();return null!==(r=e[a])&&void 0!==r?r:t}function Gt(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}_t.displayName="ThemeProvider";var Vt=_t;var Kt=e=>te(e.sx);var qt=i.default.div(U,E,C,S,z,N,O,I,P,G,Kt);const Xt=i.default(qt)``;Xt.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var Yt=Xt;const Jt=i.default(qt)``;Jt.defaultProps={display:"flex"};var Zt=Jt;const Qt=i.default(qt)``;Qt.defaultProps={display:"grid"};var er=Qt;const tr=i.default(qt)``;var rr=tr;const ar=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"absolute",ref:t}))));ar.displayName="Absolute";const or=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"fixed",ref:t}))));or.displayName="Fixed";const nr=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"relative",ref:t}))));nr.displayName="Relative";const ir=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"sticky",ref:t}))));function lr({ref:e,closeOnOutsideClick:r,defaultOpen:a,onClickOutside:o}){const[n,i]=t.useState(a),l=t.useRef(null),d=null!=e?e:l,s=t.useCallback((e=>{const{current:t}=d;e.target.closest("details")!==t&&(o&&o(e),e.defaultPrevented||i(!1))}),[d,i,o]);t.useEffect((()=>{if(n&&r)return document.addEventListener("click",s),()=>{document.removeEventListener("click",s)}}),[n,r,s]);const c=e=>{if(!e.defaultPrevented){const t=e.target;i(t.open)}};return{open:n,setOpen:i,getDetailsProps:()=>({onToggle:c,open:n,ref:d})}}ir.defaultProps={top:0,zIndex:1},ir.displayName="Sticky";const dr=!0;function sr(e){if(!e.defaultPrevented)for(const t of Object.values(cr).reverse())if(t(e)===dr||e.defaultPrevented)break}const cr={};let fr=0;const ur=({containerRef:e,ignoreClickRefs:r,onClickOutside:a})=>{const o=t.useMemo((()=>fr++),[]),n=t.useCallback((t=>{var o;return t instanceof MouseEvent&&t.button>0||null!==(o=e.current)&&void 0!==o&&o.contains(t.target)||r&&r.some((({current:e})=>null==e?void 0:e.contains(t.target)))?dr:void a(t)}),[e,r,a]);t.useEffect((()=>(0===Object.keys(cr).length&&document.addEventListener("mousedown",sr,{capture:!0}),function(e,t){cr[e]=t}(o,n),()=>{!function(e){delete cr[e]}(o),0===Object.keys(cr).length&&document.removeEventListener("mousedown",sr,{capture:!0})})),[o,n])};function*gr(e,t={}){var r,a;const o=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(a=t.onlyTabbable)&&void 0!==a&&a?br:pr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,o)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,o)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,o)&&(yield e)}function pr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,a=e.hidden,o=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||a||o)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),a=0===e.getClientRects().length;if(t||r||a)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function br(e,t=!1){return pr(e,t)&&"-1"!==e.getAttribute("tabindex")}function mr({initialFocusRef:e,returnFocusRef:r,containerRef:a,preventFocusOnOpen:o}){t.useEffect((()=>{if(o)return;const t=r.current;if(e&&e.current)e.current.focus();else if(a.current){const e=gr(a.current).next().value;null==e||e.focus()}return function(){null==t||t.focus()}}),[e,r,a,o])}const hr=[];function vr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=hr.length-1;t>=0&&(hr[t](e),!e.defaultPrevented);--t);}const xr=(e,r=[e])=>{const a=t.useCallback(e,r);t.useEffect((()=>(0===hr.length&&document.addEventListener("keydown",vr),hr.push(a),()=>{hr.splice(hr.findIndex((e=>e===a)),1),0===hr.length&&document.removeEventListener("keydown",vr)})),[a])};function yr(e){const t=n.default.useRef(null);return null!=e?e:t}const wr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:a,ignoreClickRefs:o,onClickOutside:n,preventFocusOnOpen:i})=>{const l=yr(e);return mr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),ur({containerRef:l,ignoreClickRefs:o,onClickOutside:n}),xr(a),{ref:l}};let Br,kr=!1;function $r(){}try{const e=Object.create({},{signal:{get(){kr=!0}}});window.addEventListener("test",$r,e),window.removeEventListener("test",$r,e)}catch(_d){}function Sr(){kr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,a){return"object"==typeof a&&"signal"in a&&a.signal instanceof AbortSignal&&e.call(a.signal,"abort",(()=>{this.removeEventListener(t,r,a)})),e.call(this,t,r,a)}}(),kr=!0)}function Tr(){return void 0===Br&&(Br=/^mac/i.test(window.navigator.platform)),Br}let Er,Cr=1e4;function zr(){return"__primer_id_"+Cr++}Sr(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Er||(Er={}));const Rr={ArrowLeft:Er.ArrowHorizontal,ArrowDown:Er.ArrowVertical,ArrowUp:Er.ArrowVertical,ArrowRight:Er.ArrowHorizontal,h:Er.HL,j:Er.JK,k:Er.JK,l:Er.HL,a:Er.AD,s:Er.WS,w:Er.WS,d:Er.AD,Tab:Er.Tab,Home:Er.HomeAndEnd,End:Er.HomeAndEnd,PageUp:Er.PageUpDown,PageDown:Er.PageUpDown},Nr={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Ar(e){const t=Nr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Tr();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}const Ir="data-is-active-descendant",Lr="activated-directly",Or="activated-indirectly",Mr="data-has-active-descendant";function Pr(e,t){var r,a,o,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Er.ArrowAll:Er.ArrowVertical)|Er.HomeAndEnd,s=null!==(a=null==t?void 0:t.focusOutBehavior)&&void 0!==a?a:"stop",c=null!==(o=null==t?void 0:t.focusInStrategy)&&void 0!==o?o:"previous",f=null==t?void 0:t.activeDescendantControl,u=null==t?void 0:t.onActiveDescendantChanged;let g;function p(){return i[0]}function b(e,t=!1){const r=g;g=e,f?e&&document.activeElement===f?m(r,e,t):h():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function m(t,r,a=!1){r.id||r.setAttribute("id",zr()),t&&t!==r&&t.removeAttribute(Ir),f&&(a||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute(Mr,r.id),r.setAttribute(Ir,a?Lr:Or),null==u||u(r,t,a))}function h(t=g){"first"===c&&(g=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute(Mr),null==t||t.removeAttribute(Ir),null==u||u(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,a;return null===(r=null==t||null===(a=t.focusableElementFilter)||void 0===a?void 0:a.call(t,e))||void 0===r||r}));if(0===r.length)return;const a=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===a?i.length:a,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");g||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===g){b(p())}}}v(...gr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...gr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...gr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(f.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),f.addEventListener("focusin",(()=>{g?m(void 0,g):b(p())})),f.addEventListener("focusout",(()=>{h()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==g&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===$?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);$=void 0}),{signal:w});const k=null!=f?f:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Ar(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Nr){const o=Rr[r.key];if(!r.defaultPrevented&&(o&d)>0&&!function(e,t){const r=e.key,a=[...r].length,o=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(o&&(1===a||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===a)return!0;if("ArrowDown"===r&&Tr()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Tr()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(o){const e=t,a=0===e.selectionStart&&0===e.selectionEnd,o=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!a)return!0;if("ArrowRight"===r&&!o)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!a)return!0;if("ArrowDown"===r&&!o)return!0}}return!1}(r,document.activeElement)){const o=Ar(r);let n;var a;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(o,null!==(a=document.activeElement)&&void 0!==a?a:void 0,r);if(!n){const t=function(){if(!g)return 0;const t=i.indexOf(g);return-1!==t?t:g===e?-1:0}();let a=t;"previous"===o?a-=1:"start"===o?a=0:"next"===o?a+=1:a=i.length-1,a<0&&(a="wrap"===s&&"Tab"!==r.key?i.length-1:0),a>=i.length&&(a="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==a&&(n=i[a])}f?b(n||g,!0):n&&($=o,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Hr=r.css(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],xt("fontWeights.bold"),xt("radii.2"));const Dr=$(xe,yt,kt),Wr=re({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Fr=i.default.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
|
23
23
|
${Hr}
|
|
24
24
|
${Wr}
|
|
25
25
|
`;Fr.defaultProps={variant:"medium"};var _r=Fr;var jr=i.default(_r)`
|
|
@@ -270,10 +270,10 @@
|
|
|
270
270
|
${yt};
|
|
271
271
|
${kt};
|
|
272
272
|
${Kt};
|
|
273
|
-
`;var ca=t.forwardRef(((e,t)=>n.default.createElement(sa,Tt({ref:t,"aria-label":"Close"},e),n.default.createElement(da,null))));const fa={"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 ua(e,t,r={}){const a=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),o=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,a=r.getBoundingClientRect(),o=getComputedStyle(r),[n,i,l,d]=[o.borderTopWidth,o.borderLeftWidth,o.borderRightWidth,o.borderBottomWidth].map((e=>parseInt(e,10)||0));return{top:a.top+n,left:a.left+i,width:a.width-l-i,height:Math.max(a.height-n-d,r===document.body?window.innerHeight:-1/0)}}(a),n=getComputedStyle(a),i=a.getBoundingClientRect(),[l,d]=[n.borderTopWidth,n.borderLeftWidth].map((e=>parseInt(e,10)||0));return function(e,t,r,a,{side:o,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=va(r,a,o,n,l,d),f=o;if(c.top-=t.top,c.left-=t.left,!i){const i=fa[o];let u=0;if(i){let e=o;for(;u<i.length&&xa(e,c,s,r);){const o=i[u++];e=o,c=va(r,a,o,n,l,d),c.top-=t.top,c.left-=t.left,f=o}}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&&u<i.length&&c.top+r.height>e.height+s.top&&(c.top=e.height+s.top-r.height)}return{...c,anchorSide:f}}(o,{top:i.top+l,left:i.left+d},e.getBoundingClientRect(),t instanceof Element?t.getBoundingClientRect():t,function(e={}){var t,r,a,o,n;const i=null!==(t=e.side)&&void 0!==t?t:ga,l=null!==(r=e.align)&&void 0!==r?r:pa;return{side:i,align:l,anchorOffset:null!==(a=e.anchorOffset)&&void 0!==a?a:"inside-center"===i?0:ba,alignmentOffset:null!==(o=e.alignmentOffset)&&void 0!==o?o:"center"!==l&&i.startsWith("inside")?ma:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:ha}}(r))}const ga="outside-bottom",pa="start",ba=4,ma=4,ha=!1;function va(e,t,r,a,o,n){const i=t.left+t.width,l=t.top+t.height;let d=-1,s=-1;return"outside-top"===r?d=t.top-o-e.height:"outside-bottom"===r?d=l+o:"outside-left"===r?s=t.left-o-e.width:"outside-right"===r&&(s=i+o),"outside-top"!==r&&"outside-bottom"!==r||(s="start"===a?t.left+n:"center"===a?t.left-(e.width-t.width)/2+n:i-e.width-n),"outside-left"!==r&&"outside-right"!==r||(d="start"===a?t.top+n:"center"===a?t.top-(e.height-t.height)/2+n:l-e.height-n),"inside-top"===r?d=t.top+o:"inside-bottom"===r?d=l-o-e.height:"inside-left"===r?s=t.left+o:"inside-right"===r?s=i-o-e.width:"inside-center"===r&&(s=(i+t.left)/2-e.width/2+o),"inside-top"===r||"inside-bottom"===r?s="start"===a?t.left+n:"center"===a?t.left-(e.width-t.width)/2+n:i-e.width-n:"inside-left"!==r&&"inside-right"!==r&&"inside-center"!==r||(d="start"===a?t.top+n:"center"===a?t.top-(e.height-t.height)/2+n:l-e.height-n),{top:d,left:s}}function xa(e,t,r,a){return"outside-top"===e||"outside-bottom"===e?t.top<r.top||t.top+a.height>r.height+r.top:t.left<r.left||t.left+a.width>r.width+r.left}function
|
|
273
|
+
`;var ca=t.forwardRef(((e,t)=>n.default.createElement(sa,Tt({ref:t,"aria-label":"Close"},e),n.default.createElement(da,null))));const fa={"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 ua(e,t,r={}){const a=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),o=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,a=r.getBoundingClientRect(),o=getComputedStyle(r),[n,i,l,d]=[o.borderTopWidth,o.borderLeftWidth,o.borderRightWidth,o.borderBottomWidth].map((e=>parseInt(e,10)||0));return{top:a.top+n,left:a.left+i,width:a.width-l-i,height:Math.max(a.height-n-d,r===document.body?window.innerHeight:-1/0)}}(a),n=getComputedStyle(a),i=a.getBoundingClientRect(),[l,d]=[n.borderTopWidth,n.borderLeftWidth].map((e=>parseInt(e,10)||0));return function(e,t,r,a,{side:o,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=va(r,a,o,n,l,d),f=o;if(c.top-=t.top,c.left-=t.left,!i){const i=fa[o];let u=0;if(i){let e=o;for(;u<i.length&&xa(e,c,s,r);){const o=i[u++];e=o,c=va(r,a,o,n,l,d),c.top-=t.top,c.left-=t.left,f=o}}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&&u<i.length&&c.top+r.height>e.height+s.top&&(c.top=e.height+s.top-r.height)}return{...c,anchorSide:f}}(o,{top:i.top+l,left:i.left+d},e.getBoundingClientRect(),t instanceof Element?t.getBoundingClientRect():t,function(e={}){var t,r,a,o,n;const i=null!==(t=e.side)&&void 0!==t?t:ga,l=null!==(r=e.align)&&void 0!==r?r:pa;return{side:i,align:l,anchorOffset:null!==(a=e.anchorOffset)&&void 0!==a?a:"inside-center"===i?0:ba,alignmentOffset:null!==(o=e.alignmentOffset)&&void 0!==o?o:"center"!==l&&i.startsWith("inside")?ma:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:ha}}(r))}const ga="outside-bottom",pa="start",ba=4,ma=4,ha=!1;function va(e,t,r,a,o,n){const i=t.left+t.width,l=t.top+t.height;let d=-1,s=-1;return"outside-top"===r?d=t.top-o-e.height:"outside-bottom"===r?d=l+o:"outside-left"===r?s=t.left-o-e.width:"outside-right"===r&&(s=i+o),"outside-top"!==r&&"outside-bottom"!==r||(s="start"===a?t.left+n:"center"===a?t.left-(e.width-t.width)/2+n:i-e.width-n),"outside-left"!==r&&"outside-right"!==r||(d="start"===a?t.top+n:"center"===a?t.top-(e.height-t.height)/2+n:l-e.height-n),"inside-top"===r?d=t.top+o:"inside-bottom"===r?d=l-o-e.height:"inside-left"===r?s=t.left+o:"inside-right"===r?s=i-o-e.width:"inside-center"===r&&(s=(i+t.left)/2-e.width/2+o),"inside-top"===r||"inside-bottom"===r?s="start"===a?t.left+n:"center"===a?t.left-(e.width-t.width)/2+n:i-e.width-n:"inside-left"!==r&&"inside-right"!==r&&"inside-center"!==r||(d="start"===a?t.top+n:"center"===a?t.top-(e.height-t.height)/2+n:l-e.height-n),{top:d,left:s}}function xa(e,t,r,a){return"outside-top"===e||"outside-bottom"===e?t.top<r.top||t.top+a.height>r.height+r.top:t.left<r.left||t.left+a.width>r.width+r.left}var ya="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t.useLayoutEffect:t.useEffect;function wa(e,t=[]){const r=yr(null==e?void 0:e.floatingElementRef),a=yr(null==e?void 0:e.anchorElementRef),[o,i]=n.default.useState(void 0),l=n.default.useCallback((()=>{r.current instanceof Element&&a.current instanceof Element?i(ua(r.current,a.current,e)):i(void 0)}),[r,a,...t]);var d;return ya(l,[l]),ya((()=>{const e=new window.ResizeObserver((()=>d()));return e.observe(document.documentElement),()=>{e.disconnect()}}),[d=l]),{floatingElementRef:r,anchorElementRef:a,position:o}}Sr();const Ba=[];let ka;function $a(e,t=!1){return gr(e,{reverse:t,strict:!0,onlyTabbable:!0}).next().value}function Sa(e,t,r){const a=new AbortController,o=null!=r?r:a.signal;let n;function i(r){if(r instanceof HTMLElement&&document.contains(e)){if(e.contains(r))return void(n=r);if(n&&br(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}(o);if(e.addEventListener("keydown",(t=>{if("Tab"!==t.key||t.defaultPrevented)return;const{target:r}=t,a=$a(e),o=$a(e,!0);r===a&&t.shiftKey?(t.preventDefault(),null==o||o.focus()):r!==o||t.shiftKey||(t.preventDefault(),null==a||a.focus())}),{signal:l.signal}),ka){const e=ka;ka.container.setAttribute("data-focus-trap","suspended"),ka.controller.abort(),Ba.push(e)}l.signal.addEventListener("abort",(()=>{ka=void 0})),o.addEventListener("abort",(()=>{e.removeAttribute("data-focus-trap");const t=Ba.findIndex((t=>t.container===e));t>=0&&Ba.splice(t,1),function(){const e=Ba.pop();e&&Sa(e.container,e.initialFocus,e.originalSignal)}()})),document.addEventListener("focus",(e=>{i(e.target)}),{signal:l.signal,capture:!0}),i(document.activeElement),ka={container:e,controller:l,initialFocus:t,originalSignal:o};const d=Ba.findIndex((t=>t.container===e));if(d>=0&&Ba.splice(d,1),!r)return a}function Ta(e,t=[]){const r=yr(null==e?void 0:e.containerRef),a=yr(null==e?void 0:e.initialFocusRef),o=null==e?void 0:e.disabled,i=n.default.useRef(),l=n.default.useRef(null);function d(){var t;null===(t=i.current)||void 0===t||t.abort(),null!=e&&e.restoreFocusOnCleanUp&&l.current instanceof HTMLElement&&(l.current.focus(),l.current=null)}return l.current||null!=e&&e.disabled||(l.current=document.activeElement),n.default.useEffect((()=>{if(r.current instanceof HTMLElement){var e;if(!o)return i.current=Sa(r.current,null!==(e=a.current)&&void 0!==e?e:void 0),()=>{d()};d()}}),[r,a,o,...t]),{containerRef:r,initialFocusRef:a}}function Ea({icon:e,...t}){return n.default.createElement(e,t)}Ea.displayName="Octicon";const Ca=i.default(Ea)`
|
|
274
274
|
${yt}
|
|
275
275
|
${Kt}
|
|
276
|
-
`;
|
|
276
|
+
`;Ca.defaultProps={size:16};var za=Ca;function Ra(e={},r=[]){const a=yr(e.containerRef),o=!!e.activeDescendantFocus,i=yr("boolean"!=typeof e.activeDescendantFocus&&e.activeDescendantFocus?e.activeDescendantFocus:void 0),l=e.disabled,d=n.default.useRef();return t.useEffect((()=>{if(a.current instanceof HTMLElement&&(!o||i.current instanceof HTMLElement)){if(!l){var t;const r={...e,activeDescendantControl:null!==(t=i.current)&&void 0!==t?t:void 0};return d.current=Pr(a.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:a,activeDescendantControlRef:i}}const Na="__primerPortalRoot__",Aa="__default__",Ia={};function La(){const e=Ia.__default__;if(!e||!document.body.contains(e)){let e=document.getElementById(Na);if(!(e instanceof Element)){e=document.createElement("div"),e.setAttribute("id",Na),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__"){Ia[t]=e}(e)}}var Oa=({children:e,onMount:t,containerName:r})=>{const o=document.createElement("div");o.style.position="relative",o.style.zIndex="1";const i=n.default.useRef(o);return ya((()=>{let e=r;void 0===e&&(e=Aa,La());const a=Ia[e];if(!a)throw new Error(`Portal container '${r}' is not yet registered. Container must be registered with registerPortal before use.`);const o=i.current;return a.appendChild(o),null==t||t(),()=>{a.removeChild(o)}}),[i]),a.createPortal(e,i.current)};function Ma(...e){const r=t.useRef(null);return ya((()=>{function t(t=null){for(const r of e){if(!r)return;"function"==typeof r?r(t):r.current=t}}return t(r.current),()=>{t(r.current)}}),[...e,r.current]),r}const Pa={prefix:String(Math.round(1e10*Math.random())),current:0},Ha=n.default.createContext(Pa);let Da=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function Wa(e){let r=t.useContext(Ha);return r!==Pa||Da||console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server."),t.useMemo((()=>e||"react-aria"+r.prefix+"-"+ ++r.current),[e])}const Fa="200ms",_a=i.default("div")`
|
|
277
277
|
position: fixed;
|
|
278
278
|
top: 0;
|
|
279
279
|
left: 0;
|
|
@@ -283,7 +283,7 @@
|
|
|
283
283
|
align-items: center;
|
|
284
284
|
justify-content: center;
|
|
285
285
|
background-color: rgba(0, 0, 0, 0.4);
|
|
286
|
-
animation: dialog-backdrop-appear ${
|
|
286
|
+
animation: dialog-backdrop-appear ${Fa} ${xt("animation.easeOutCubic")};
|
|
287
287
|
|
|
288
288
|
@keyframes dialog-backdrop-appear {
|
|
289
289
|
0% {
|
|
@@ -293,7 +293,7 @@
|
|
|
293
293
|
opacity: 1;
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
|
-
`,
|
|
296
|
+
`,ja={small:"480px",large:"640px",auto:"auto"},Ua={small:"296px",medium:"320px",large:"480px",xlarge:"640px"},Ga=i.default.div`
|
|
297
297
|
display: flex;
|
|
298
298
|
flex-direction: column;
|
|
299
299
|
background-color: ${xt("colors.canvas.overlay")};
|
|
@@ -301,11 +301,11 @@
|
|
|
301
301
|
min-width: 296px;
|
|
302
302
|
max-width: calc(100vw - 64px);
|
|
303
303
|
max-height: calc(100vh - 64px);
|
|
304
|
-
width: ${e=>{var t;return
|
|
305
|
-
height: ${e=>{var t;return
|
|
304
|
+
width: ${e=>{var t;return Ua[null!==(t=e.width)&&void 0!==t?t:"xlarge"]}};
|
|
305
|
+
height: ${e=>{var t;return ja[null!==(t=e.height)&&void 0!==t?t:"auto"]}};
|
|
306
306
|
border-radius: 12px;
|
|
307
307
|
opacity: 1;
|
|
308
|
-
animation: overlay--dialog-appear ${
|
|
308
|
+
animation: overlay--dialog-appear ${Fa} ${xt("animation.easeOutCubic")};
|
|
309
309
|
|
|
310
310
|
@keyframes overlay--dialog-appear {
|
|
311
311
|
0% {
|
|
@@ -321,23 +321,23 @@
|
|
|
321
321
|
${yt};
|
|
322
322
|
${$t};
|
|
323
323
|
${Kt};
|
|
324
|
-
`,
|
|
324
|
+
`,Va=({dialogLabelId:e,title:r,subtitle:a,dialogDescriptionId:o,onClose:i})=>{const l=t.useCallback((()=>{i("close-button")}),[i]);return n.default.createElement(oo.Header,null,n.default.createElement(qt,{display:"flex"},n.default.createElement(qt,{display:"flex",px:2,py:"6px",flexDirection:"column",flexGrow:1},n.default.createElement(oo.Title,{id:e},null!=r?r:"Dialog"),a&&n.default.createElement(oo.Subtitle,{id:o},a)),n.default.createElement(oo.CloseButton,{onClose:l})))};Va.displayName="DefaultHeader";const Ka=({children:e})=>n.default.createElement(oo.Body,null,e);Ka.displayName="DefaultBody";const qa=({footerButtons:e})=>{const{containerRef:t}=Ra({bindKeys:Er.ArrowHorizontal|Er.Tab,focusInStrategy:"closest"});return e?n.default.createElement(oo.Footer,{ref:t},n.default.createElement(oo.Buttons,{buttons:e})):null},Xa=n.default.forwardRef(((e,r)=>{const{title:a="Dialog",subtitle:o="",renderHeader:i,renderBody:l,renderFooter:d,onClose:s,role:c="dialog",width:f="xlarge",height:u="auto",footerButtons:g=[]}=e,p=Wa(),b=Wa(),m=t.useRef(null);for(const e of g)e.autoFocus&&(e.ref=m);const h={...e,title:a,subtitle:o,role:c,dialogLabelId:p,dialogDescriptionId:b},v=t.useRef(null),x=Ma(v,r),y=t.useRef(null);Ta({containerRef:v,restoreFocusOnCleanUp:!0,initialFocusRef:m}),xr((e=>{s("escape"),e.preventDefault()}),[s]);const w=(null!=i?i:Va)(h),B=(null!=l?l:Ka)(h),k=(null!=d?d:qa)(h);return n.default.createElement(n.default.Fragment,null,n.default.createElement(Oa,null,n.default.createElement(_a,{ref:y},n.default.createElement(Ga,{width:f,height:u,ref:x,role:c,"aria-labelledby":p,"aria-describedby":b},w,B,k))))}));Xa.displayName="Dialog";const Ya=i.default(qt).attrs({as:"header"})`
|
|
325
325
|
box-shadow: 0 1px 0 ${xt("colors.border.default")};
|
|
326
326
|
padding: ${xt("space.2")};
|
|
327
327
|
z-index: 1;
|
|
328
328
|
flex-shrink: 0;
|
|
329
|
-
`,
|
|
329
|
+
`,Ja=i.default(qt)`
|
|
330
330
|
font-size: ${xt("fontSizes.1")};
|
|
331
331
|
font-weight: ${xt("fontWeights.bold")};
|
|
332
|
-
`,
|
|
332
|
+
`,Za=i.default(qt)`
|
|
333
333
|
font-size: ${xt("fontSizes.0")};
|
|
334
334
|
margin-top: ${xt("space.1")};
|
|
335
335
|
color: ${xt("colors.fg.muted")};
|
|
336
|
-
`,
|
|
336
|
+
`,Qa=i.default(qt)`
|
|
337
337
|
flex-grow: 1;
|
|
338
338
|
overflow: auto;
|
|
339
339
|
padding: ${xt("space.3")};
|
|
340
|
-
`,
|
|
340
|
+
`,eo=i.default(qt).attrs({as:"footer"})`
|
|
341
341
|
box-shadow: 0 -1px 0 ${xt("colors.border.default")};
|
|
342
342
|
padding: ${xt("space.3")};
|
|
343
343
|
display: flex;
|
|
@@ -352,7 +352,7 @@
|
|
|
352
352
|
margin-left: 0;
|
|
353
353
|
}
|
|
354
354
|
}
|
|
355
|
-
`,
|
|
355
|
+
`,to={normal:jr,primary:qr,danger:Ur},ro=i.default(jr)`
|
|
356
356
|
border-radius: 4px;
|
|
357
357
|
background: transparent;
|
|
358
358
|
border: 0;
|
|
@@ -362,21 +362,21 @@
|
|
|
362
362
|
align-self: flex-start;
|
|
363
363
|
line-height: normal;
|
|
364
364
|
box-shadow: none;
|
|
365
|
-
`,
|
|
365
|
+
`,ao=({onClose:e})=>n.default.createElement(ro,{"aria-label":"Close",onClick:e},n.default.createElement(za,{icon:da}));ao.displayName="CloseButton";const oo=Object.assign(Xa,{Header:Ya,Title:Ja,Subtitle:Za,Body:Qa,Footer:eo,Buttons:({buttons:e})=>{var r;const a=yr(null===(r=e.find((e=>e.autoFocus)))||void 0===r?void 0:r.ref);let o=0;const[i,l]=t.useState(0);return t.useEffect((()=>{var e;1===i?null===(e=a.current)||void 0===e||e.focus():l(i+1)}),[a,i]),n.default.createElement(n.default.Fragment,null,e.map(((e,t)=>{const{content:r,buttonType:i="normal",autoFocus:l=!1,...d}=e,s=to[i];return n.default.createElement(s,Tt({key:t},d,{ref:l&&0===o?(o++,a):null}),r)})))},CloseButton:ao}),no=i.default.header`
|
|
366
366
|
padding: ${xt("space.2")};
|
|
367
367
|
display: flex;
|
|
368
368
|
flex-direction: row;
|
|
369
|
-
`,
|
|
369
|
+
`,io=i.default(qt)`
|
|
370
370
|
font-size: ${xt("fontSizes.3")};
|
|
371
371
|
font-weight: ${xt("fontWeights.bold")};
|
|
372
372
|
padding: 6px ${xt("space.2")};
|
|
373
373
|
flex-grow: 1;
|
|
374
|
-
`,
|
|
374
|
+
`,lo=({title:e,onClose:r,dialogLabelId:a})=>{const o=t.useCallback((()=>{r("close-button")}),[r]);return n.default.createElement(no,null,n.default.createElement(io,{id:a},e),n.default.createElement(oo.CloseButton,{onClose:o}))};lo.displayName="ConfirmationHeader";const so=i.default(qt)`
|
|
375
375
|
font-size: ${xt("fontSizes.1")};
|
|
376
376
|
padding: 0 ${xt("space.3")} ${xt("space.3")} ${xt("space.3")};
|
|
377
377
|
color: ${xt("colors.fg.muted")};
|
|
378
378
|
flex-grow: 1;
|
|
379
|
-
`,
|
|
379
|
+
`,co=({children:e})=>n.default.createElement(so,null,e);co.displayName="ConfirmationBody";const fo=i.default(qt)`
|
|
380
380
|
display: grid;
|
|
381
381
|
grid-auto-flow: column;
|
|
382
382
|
grid-auto-columns: max-content;
|
|
@@ -384,7 +384,7 @@
|
|
|
384
384
|
align-items: end;
|
|
385
385
|
justify-content: end;
|
|
386
386
|
padding: ${xt("space.1")} ${xt("space.3")} ${xt("space.3")};
|
|
387
|
-
`,
|
|
387
|
+
`,uo=({footerButtons:e})=>{const{containerRef:t}=Ra({bindKeys:Er.ArrowHorizontal|Er.Tab,focusInStrategy:"closest"});return n.default.createElement(fo,{ref:t},n.default.createElement(oo.Buttons,{buttons:null!=e?e:[]}))};uo.displayName="ConfirmationFooter";const go=e=>{const{onClose:r,title:a,cancelButtonContent:o="Cancel",confirmButtonContent:i="OK",confirmButtonType:l="normal",children:d}=e,s=[{content:o,onClick:t.useCallback((()=>{r("cancel")}),[r])},{content:i,buttonType:l,onClick:t.useCallback((()=>{r("confirm")}),[r]),autoFocus:!0}];return n.default.createElement(oo,{onClose:r,title:a,footerButtons:s,role:"alertdialog",width:"medium",renderHeader:lo,renderBody:co,renderFooter:uo},d)};go.displayName="ConfirmationDialog";const po=i.default.div`
|
|
388
388
|
{
|
|
389
389
|
/* 6px vertical padding + 20px line height = 32px total height
|
|
390
390
|
*
|
|
@@ -400,9 +400,9 @@
|
|
|
400
400
|
${({variant:e})=>"filled"===e&&r.css(["background:",";margin:"," 0;border-top:1px solid ",";border-bottom:1px solid ",";&:first-child{margin-top:0;}"],xt("colors.canvas.subtle"),xt("space.2"),xt("colors.neutral.muted"),xt("colors.neutral.muted"))}
|
|
401
401
|
|
|
402
402
|
${Kt}
|
|
403
|
-
`;function
|
|
403
|
+
`;function bo({variant:e="subtle",title:t,auxiliaryText:r,children:a,...o}){return n.default.createElement(po,Tt({role:"heading",variant:e},o),t,r&&n.default.createElement("span",null,r))}bo.displayName="Header";const mo=i.default.div`
|
|
404
404
|
${Kt}
|
|
405
|
-
`;function
|
|
405
|
+
`;function ho({header:e,items:t,...r}){return n.default.createElement(mo,r,e&&n.default.createElement(bo,e),t)}ho.displayName="Group";const vo=i.default.div`
|
|
406
406
|
${wt}
|
|
407
407
|
${yt}
|
|
408
408
|
display: ${e=>e.inline?"inline-block":"inherit"};
|
|
@@ -413,25 +413,25 @@
|
|
|
413
413
|
${ce}
|
|
414
414
|
${e=>e.expandable?"&:hover { max-width: 10000px; }":""}
|
|
415
415
|
${Kt};
|
|
416
|
-
`;
|
|
416
|
+
`;vo.defaultProps={expandable:!1,inline:!1,maxWidth:125};var xo=vo;const yo=i.default.div`
|
|
417
417
|
height: 1px;
|
|
418
418
|
background: ${xt("colors.border.muted")};
|
|
419
419
|
margin-top: calc(${xt("space.2")} - 1px);
|
|
420
420
|
margin-bottom: ${xt("space.2")};
|
|
421
|
-
`;function
|
|
421
|
+
`;function wo(){return n.default.createElement(yo,null)}wo.displayName="Divider",wo.renderItem=wo;const Bo={default:{hover:{light:"rgba(46, 77, 108, 0.06)",dark:"rgba(201, 206, 212, 0.12)",dark_dimmed:"rgba(201, 206, 212, 0.12)"},focus:{light:"rgba(54, 77, 100, 0.16)",dark:"rgba(201, 206, 212, 0.24)",dark_dimmed:"rgba(201, 206, 212, 0.24)"}},danger:{hover:{light:"rgba(234, 74, 90, 0.08)",dark:"rgba(248, 81, 73, 0.16)",dark_dimmed:"rgba(248, 81, 73, 0.16)"},focus:{light:"rgba(234, 74, 90, 0.14)",dark:"rgba(248, 81, 73, 0.24)",dark_dimmed:"rgba(248, 81, 73, 0.24)"}}},ko=(e="default",t)=>{if(t)return{color:xt("colors.primer.fg.disabled"),iconColor:xt("colors.primer.fg.disabled"),annotationColor:xt("colors.primer.fg.disabled"),hoverCursor:"default"};switch(e){case"danger":return{color:xt("colors.danger.fg"),iconColor:xt("colors.danger.fg"),annotationColor:xt("colors.fg.muted"),hoverCursor:"pointer"};default:return{color:xt("colors.fg.default"),iconColor:xt("colors.fg.muted"),annotationColor:xt("colors.fg.muted"),hoverCursor:"pointer"}}},$o=i.default.div`
|
|
422
422
|
display: flex;
|
|
423
423
|
min-width: 0;
|
|
424
424
|
|
|
425
425
|
/* Required for dividers */
|
|
426
426
|
position: relative;
|
|
427
427
|
flex-grow: 1;
|
|
428
|
-
|
|
428
|
+
`,So=i.default.div`
|
|
429
429
|
align-items: baseline;
|
|
430
430
|
display: flex;
|
|
431
431
|
min-width: 0;
|
|
432
432
|
flex-direction: var(--main-content-flex-direction);
|
|
433
433
|
flex-grow: 1;
|
|
434
|
-
`,
|
|
434
|
+
`,To=i.default.div`
|
|
435
435
|
/* 6px vertical padding + 20px line height = 32px total height
|
|
436
436
|
*
|
|
437
437
|
* TODO: When rem-based spacing on a 4px scale lands, replace
|
|
@@ -440,7 +440,7 @@
|
|
|
440
440
|
padding: 6px ${xt("space.2")};
|
|
441
441
|
display: flex;
|
|
442
442
|
border-radius: ${xt("radii.2")};
|
|
443
|
-
color: ${({variant:e,item:t})=>
|
|
443
|
+
color: ${({variant:e,item:t})=>ko(e,null==t?void 0:t.disabled).color};
|
|
444
444
|
// 2 frames on a 60hz monitor
|
|
445
445
|
transition: background 33.333ms linear;
|
|
446
446
|
text-decoration: none;
|
|
@@ -449,15 +449,15 @@
|
|
|
449
449
|
:hover {
|
|
450
450
|
// allow override in case another item in the list is active/focused
|
|
451
451
|
background: var(--item-hover-bg-override, ${({hoverBackground:e})=>e});
|
|
452
|
-
cursor: ${({variant:e,item:t})=>
|
|
452
|
+
cursor: ${({variant:e,item:t})=>ko(e,null==t?void 0:t.disabled).hoverCursor};
|
|
453
453
|
}
|
|
454
454
|
}
|
|
455
455
|
|
|
456
456
|
// Item dividers
|
|
457
|
-
:not(:first-of-type):not(${
|
|
457
|
+
:not(:first-of-type):not(${yo} + &):not(${po} + &) {
|
|
458
458
|
margin-top: ${({showDivider:e})=>e?"1px":"0"};
|
|
459
459
|
|
|
460
|
-
${
|
|
460
|
+
${$o}::before {
|
|
461
461
|
content: ' ';
|
|
462
462
|
display: block;
|
|
463
463
|
position: absolute;
|
|
@@ -471,23 +471,23 @@
|
|
|
471
471
|
|
|
472
472
|
// Item dividers should not be visible:
|
|
473
473
|
// - above Hovered
|
|
474
|
-
&:hover ${
|
|
474
|
+
&:hover ${$o}::before,
|
|
475
475
|
// - below Hovered
|
|
476
476
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
477
|
-
:hover + * ${
|
|
477
|
+
:hover + * ${$o}::before {
|
|
478
478
|
// allow override in case another item in the list is active/focused
|
|
479
479
|
border-color: var(--item-hover-divider-border-color-override, transparent) !important;
|
|
480
480
|
}
|
|
481
481
|
|
|
482
482
|
// - above Focused
|
|
483
|
-
&:focus ${
|
|
483
|
+
&:focus ${$o}::before,
|
|
484
484
|
// - below Focused
|
|
485
485
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
486
|
-
:focus + * ${
|
|
486
|
+
:focus + * ${$o}::before,
|
|
487
487
|
// - above Active Descendent
|
|
488
|
-
&[${Ir}] ${
|
|
488
|
+
&[${Ir}] ${$o}::before,
|
|
489
489
|
// - below Active Descendent
|
|
490
|
-
[${Ir}] + & ${
|
|
490
|
+
[${Ir}] + & ${$o}::before {
|
|
491
491
|
// '!important' because all the ':not's above give higher specificity
|
|
492
492
|
border-color: transparent !important;
|
|
493
493
|
}
|
|
@@ -510,32 +510,32 @@
|
|
|
510
510
|
}
|
|
511
511
|
|
|
512
512
|
${Kt}
|
|
513
|
-
`,
|
|
513
|
+
`,Eo=i.default.span``,Co=i.default.div`
|
|
514
514
|
// Match visual height to adjacent text line height.
|
|
515
515
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
|
516
516
|
// hardcoded '20px' with '${xt("space.s20")}'.
|
|
517
517
|
height: 20px;
|
|
518
518
|
width: ${xt("space.3")};
|
|
519
519
|
margin-right: ${xt("space.2")};
|
|
520
|
-
`,
|
|
520
|
+
`,zo=i.default(Co)`
|
|
521
521
|
svg {
|
|
522
|
-
fill: ${({variant:e,disabled:t})=>
|
|
522
|
+
fill: ${({variant:e,disabled:t})=>ko(e,t).iconColor};
|
|
523
523
|
font-size: ${xt("fontSizes.0")};
|
|
524
524
|
}
|
|
525
|
-
`,
|
|
525
|
+
`,Ro=i.default(zo)`
|
|
526
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
|
+
`,No=i.default(zo)`
|
|
531
|
+
color: ${({variant:e,disabled:t})=>ko(e,t).annotationColor}};
|
|
532
532
|
margin-left: ${xt("space.2")};
|
|
533
533
|
margin-right: 0;
|
|
534
534
|
width: auto;
|
|
535
535
|
div:nth-child(2) {
|
|
536
536
|
margin-left: ${xt("space.2")};
|
|
537
537
|
}
|
|
538
|
-
`,
|
|
538
|
+
`,Ao=i.default.span`
|
|
539
539
|
color: ${xt("colors.fg.muted")};
|
|
540
540
|
font-size: ${xt("fontSizes.0")};
|
|
541
541
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
|
@@ -545,9 +545,9 @@
|
|
|
545
545
|
min-width: 0;
|
|
546
546
|
flex-grow: 1;
|
|
547
547
|
flex-basis: var(--description-container-flex-basis);
|
|
548
|
-
`,
|
|
548
|
+
`,Io=i.default.input`
|
|
549
549
|
pointer-events: none;
|
|
550
|
-
`,
|
|
550
|
+
`,Lo=n.default.forwardRef(((e,r)=>{const{as:a,text:o,description:i,descriptionVariant:l="inline",selected:d,selectionVariant:s,leadingVisual:c,trailingIcon:f,trailingVisual:u,trailingText:g,variant:p="default",showDivider:b,disabled:m,onAction:h,onKeyPress:v,children:x,onClick:y,id:w,...B}=e,k=Wa(),$=Wa(),S=t.useCallback((t=>{if(m)return;null==v||v(t);t.target instanceof HTMLInputElement&&"checkbox"===t.target.type&&" "===t.key||!t.defaultPrevented&&[" ","Enter"].includes(t.key)&&(null==h||h(e,t))}),[h,m,e,v]),T=t.useCallback((t=>{m||(null==y||y(t),t.defaultPrevented||null==h||h(e,t))}),[h,m,e,y]),E=Bo[p],C=Ut(E.hover,"inherit"),z=Ut(E.focus,"inherit"),{theme:R}=jt();return n.default.createElement(To,Tt({ref:r,as:a,tabIndex:m?void 0:-1,variant:p,showDivider:b,"aria-selected":d,"aria-labelledby":o?k:void 0,"aria-describedby":i?$:void 0},B,{"data-id":w,onKeyPress:S,onClick:T,hoverBackground:m?"inherit":C,focusBackground:m?"inherit":z}),!!d===d&&n.default.createElement(Co,null,"multiple"===s?n.default.createElement(n.default.Fragment,null,n.default.createElement(Io,{disabled:m,tabIndex:-1,type:"checkbox",checked:d,"aria-label":o,readOnly:!0,"aria-readonly":"false"})):d&&n.default.createElement(ea,{fill:null==R?void 0:R.colors.fg.default})),c&&n.default.createElement(Ro,{variant:p,disabled:m},n.default.createElement(c,null)),n.default.createElement($o,null,n.default.createElement(So,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},x,o?n.default.createElement(Eo,{id:k},o):null,i?n.default.createElement(Ao,{id:$,style:{"--description-container-margin-left":"inline"===l?xt("space.2")(R):0,"--description-container-flex-basis":"inline"===l?0:"auto"}},"block"===l?i:n.default.createElement(xo,{title:i,inline:!0,maxWidth:"100%"},i)):null),u?n.default.createElement(No,{variant:p,disabled:m},"function"==typeof u?n.default.createElement(u,null):u):f||g?n.default.createElement(No,{variant:p,disabled:m},g,f&&n.default.createElement(f,null)):null))}));Lo.displayName="ActionList.Item";const Oo=i.default.div`
|
|
551
551
|
font-size: ${xt("fontSizes.1")};
|
|
552
552
|
/* 14px font-size * 1.428571429 = 20px line height
|
|
553
553
|
*
|
|
@@ -560,15 +560,15 @@
|
|
|
560
560
|
--item-hover-bg-override: none;
|
|
561
561
|
--item-hover-divider-border-color-override: ${xt("colors.border.muted")};
|
|
562
562
|
}
|
|
563
|
-
`;const
|
|
563
|
+
`;const Mo=n.default.forwardRef(((e,t)=>{const{firstGroupStyle:r,lastGroupStyle:a,headerStyle:o,itemStyle:i}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:xt("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:xt("space.2")},lastGroupStyle:{marginBottom:xt("space.2")},itemStyle:{marginX:xt("space.2")}}}}(e.variant),l=(t,r,a)=>{var o,l,d;const s="renderItem"in t&&t.renderItem||e.renderItem||Lo,c=null!==(o=null!==(l="key"in t?t.key:void 0)&&void 0!==l?l:null===(d=t.id)||void 0===d?void 0:d.toString())&&void 0!==o?o:a.toString();return n.default.createElement(s,Tt({showDivider:e.showItemDividers,selectionVariant:e.selectionVariant},t,{key:c,sx:{...i,...t.sx},item:r}))};let d=[];if(function(e){return"groupMetadata"in e}(e)){const t=e.groupMetadata.reduce(((e,t)=>e.set(t.groupId,t)),new Map);for(const r of e.items){var s,c,f;const e=t.get(r.groupId),a=null!==(s=null==e||null===(c=e.items)||void 0===c?void 0:c.length)&&void 0!==s?s:0;t.set(r.groupId,{...e,items:[...null!==(f=null==e?void 0:e.items)&&void 0!==f?f:[],l({showDivider:null==e?void 0:e.showItemDividers,...e&&"renderItem"in e&&{renderItem:e.renderItem},...r},r,a)]})}d=[...t.values()]}else d=[{items:e.items.map(((e,t)=>l(e,e,t))),groupId:"0"}];return n.default.createElement(Oo,Tt({},e,{ref:t}),d.map((({header:t,...i},l)=>{const s="filled"===(null==t?void 0:t.variant),c=l>0&&!s;return n.default.createElement(n.default.Fragment,{key:i.groupId},c?n.default.createElement(wo,{key:`${i.groupId}-divider`}):null,(t=>{var r;const a=(null!==(r="renderGroup"in t&&t.renderGroup)&&void 0!==r?r:e.renderGroup)||ho;return n.default.createElement(a,Tt({},t,{key:t.groupId}))})({sx:{...0===l&&r,...l===d.length-1&&a,...l>0&&!c&&{mt:2}},...t&&{header:{...t,sx:{...o,...t.sx}}},...i}))})))}));Mo.displayName="ActionList";const Po=Object.assign(Mo,{Group:ho,Item:Lo,Divider:wo}),Ho={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},Do={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Wo=i.default.div`
|
|
564
564
|
background-color: ${xt("colors.canvas.overlay")};
|
|
565
565
|
box-shadow: ${xt("shadows.overlay.shadow")};
|
|
566
566
|
position: absolute;
|
|
567
567
|
min-width: 192px;
|
|
568
568
|
max-width: 640px;
|
|
569
|
-
height: ${e=>
|
|
570
|
-
max-height: ${e=>e.maxHeight&&
|
|
571
|
-
width: ${e=>
|
|
569
|
+
height: ${e=>Ho[e.height||"auto"]};
|
|
570
|
+
max-height: ${e=>e.maxHeight&&Ho[e.maxHeight]};
|
|
571
|
+
width: ${e=>Do[e.width||"auto"]};
|
|
572
572
|
border-radius: 12px;
|
|
573
573
|
overflow: hidden;
|
|
574
574
|
animation: overlay-appear ${200}ms ${xt("animation.easeOutCubic")};
|
|
@@ -587,12 +587,12 @@
|
|
|
587
587
|
}
|
|
588
588
|
${yt};
|
|
589
589
|
${Kt};
|
|
590
|
-
`,
|
|
590
|
+
`,Fo=n.default.forwardRef((({onClickOutside:e,role:r="none",initialFocusRef:a,returnFocusRef:o,ignoreClickRefs:i,onEscape:l,visibility:d="visible",height:s,top:c,left:f,anchorSide:u,portalContainerName:g,preventFocusOnOpen:p,...b},m)=>{const h=t.useRef(null),v=Ma(h,m),{theme:x}=jt(),y=parseInt(xt("space.2")(x).replace("px","")),w=xt("animation.easeOutCubic")(x);return wr({overlayRef:h,returnFocusRef:o,onEscape:l,ignoreClickRefs:i,onClickOutside:e,initialFocusRef:a,preventFocusOnOpen:p}),t.useEffect((()=>{var e;"initial"===s&&null!==(e=v.current)&&void 0!==e&&e.clientHeight&&(v.current.style.height=`${v.current.clientHeight}px`)}),[s,v]),ya((()=>{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=h.current)&&void 0!==e&&e.animate&&"hidden"!==d&&h.current.animate({transform:[`translate(${y*t}px, ${y*r}px)`,"translate(0, 0)"]},{duration:200,easing:w})}),[u,y,w,d]),n.default.createElement(Oa,{containerName:g},n.default.createElement(Wo,Tt({height:s,role:r},b,{ref:v,style:{top:`${c||0}px`,left:`${f||0}px`,...b.style,"--styled-overlay-visibility":d}})))}));Fo.defaultProps={height:"auto",width:"auto"};var _o=Fo;const jo=({renderAnchor:e,anchorRef:r,children:a,open:o,onOpen:i,onClose:l,height:d,width:s,overlayProps:c,focusTrapSettings:f,focusZoneSettings:u,side:g,align:p})=>{const b=yr(r),[m,h]=function(){const[e,r]=t.useState(null),a=t.useRef(null);a.current=e;const o=t.useCallback((e=>{a.current=e,r(e)}),[a]);return[a,o]}(),v=Wa(),x=t.useCallback((()=>null==l?void 0:l("click-outside")),[l]),y=t.useCallback((()=>null==l?void 0:l("escape")),[l]),w=t.useCallback((e=>{e.defaultPrevented||!o&&["ArrowDown","ArrowUp"," ","Enter"].includes(e.key)&&(null==i||i("anchor-key-press"),e.preventDefault())}),[o,i]),B=t.useCallback((e=>{e.defaultPrevented||0!==e.button||(o?null==l||l("anchor-click"):null==i||i("anchor-click"))}),[o,i,l]),{position:k}=wa({anchorElementRef:b,floatingElementRef:m,side:g,align:p},[m.current]);return t.useEffect((()=>{!o&&m.current&&h(null)}),[o,m,h]),Ra({containerRef:m,disabled:!o||!k,...u}),Ta({containerRef:m,disabled:!o||!k,...f}),n.default.createElement(n.default.Fragment,null,e&&e({ref:b,id:v,"aria-labelledby":v,"aria-haspopup":"true",tabIndex:0,onClick:B,onKeyDown:w}),o?n.default.createElement(_o,Tt({returnFocusRef:b,onClickOutside:x,ignoreClickRefs:[b],onEscape:y,ref:h,role:"none",visibility:k?"visible":"hidden",height:d,width:s,top:(null==k?void 0:k.top)||0,left:(null==k?void 0:k.left)||0,anchorSide:null==k?void 0:k.anchorSide},c),a):null)};function Uo(e,r,a){const[o,n]=t.useState(a);return[null!=e?e:o,t.useCallback((e=>{n(e),r&&r(e)}),[r])]}jo.displayName="AnchoredOverlay",jo.defaultProps={side:"outside-bottom",align:"start"};const Go=e=>n.default.createElement(Lo,Tt({role:"menuitem"},e));Go.displayName="ActionMenuItem",Go.displayName="ActionMenu.Item";const Vo=({anchorContent:e,renderAnchor:r=(e=>n.default.createElement(jr,e)),anchorRef:a,onAction:o,open:i,setOpen:l,overlayProps:d,items:s,...c})=>{const[f,u]=Uo(i,l,!1),g=yr(a),p=t.useCallback((()=>u(!0)),[u]),b=t.useCallback((()=>u(!1)),[u]),m=t.useMemo((()=>null===r?null:t=>r({"aria-label":"menu",children:e,...t})),[e,r]),h=t.useMemo((()=>s.map((e=>({...e,role:"menuitem",onAction:(t,r)=>{var a;const n=null!==(a=e.onAction)&&void 0!==a?a:o;null==n||n(t,r),r.defaultPrevented||b()}})))),[s,o,b]);return n.default.createElement(jo,{renderAnchor:m,anchorRef:g,open:f,onOpen:p,onClose:b,overlayProps:d},n.default.createElement(Mo,Tt({},c,{role:"menu",items:h})))};Vo.displayName="ActionMenuBase",Vo.displayName="ActionMenu";const Ko=Object.assign(Vo,{Divider:wo,Item:Go}),qo=t.createContext(null);var Xo={exports:{}};
|
|
591
591
|
/*!
|
|
592
592
|
Copyright (c) 2018 Jed Watson.
|
|
593
593
|
Licensed under the MIT License (MIT), see
|
|
594
594
|
http://jedwatson.github.io/classnames
|
|
595
|
-
*/!function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var n=typeof o;if("string"===n||"number"===n)e.push(o);else if(Array.isArray(o)){if(o.length){var i=r.apply(null,o);i&&e.push(i)}}else if("object"===n)if(o.toString===Object.prototype.toString)for(var l in o)t.call(o,l)&&o[l]&&e.push(l);else e.push(o.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}(
|
|
595
|
+
*/!function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var n=typeof o;if("string"===n||"number"===n)e.push(o);else if(Array.isArray(o)){if(o.length){var i=r.apply(null,o);i&&e.push(i)}}else if("object"===n)if(o.toString===Object.prototype.toString)for(var l in o)t.call(o,l)&&o[l]&&e.push(l);else e.push(o.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}(Xo);var Yo=Xo.exports;var Jo=i.default.input`
|
|
596
596
|
border: 0;
|
|
597
597
|
font-size: inherit;
|
|
598
598
|
font-family: inherit;
|
|
@@ -605,7 +605,7 @@
|
|
|
605
605
|
}
|
|
606
606
|
|
|
607
607
|
${Kt};
|
|
608
|
-
`;const
|
|
608
|
+
`;const Zo=re({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}});var Qo=i.default.span`
|
|
609
609
|
display: inline-flex;
|
|
610
610
|
align-items: stretch;
|
|
611
611
|
min-height: 34px;
|
|
@@ -648,9 +648,9 @@
|
|
|
648
648
|
${ie}
|
|
649
649
|
${de}
|
|
650
650
|
${ce}
|
|
651
|
-
${
|
|
651
|
+
${Zo}
|
|
652
652
|
${Kt};
|
|
653
|
-
`;const
|
|
653
|
+
`;const en=n.default.forwardRef((({icon:e,block:t,className:r,contrast:a,disabled:o,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:f,...u},g)=>{const p=Yo(r,"TextInput-wrapper");return n.default.createElement(Qo,{block:t,className:p,contrast:a,disabled:o,hasIcon:!!e,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:f},e&&n.default.createElement(e,{className:"TextInput-icon"}),n.default.createElement(Jo,Tt({ref:g,disabled:o},u)))}));en.defaultProps={type:"text"},en.displayName="TextInput";var tn=en;const rn=n.default.forwardRef((({as:e=tn,onFocus:r,onBlur:a,onChange:o,onKeyDown:i,onKeyUp:l,onKeyPress:d,value:s,...c},f)=>{const u=t.useContext(qo);if(null===u)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:g,autocompleteSuggestion:p="",id:b,inputRef:m,inputValue:h="",isMenuDirectlyActivated:v,setInputValue:x,setShowMenu:y,showMenu:w}=u,B=Ma(m,f),[k,$]=t.useState(!0),S=t.useCallback((e=>{r&&r(e),y(!0)}),[r,y]),T=t.useCallback((e=>{a&&a(e),setTimeout((()=>{document.activeElement!==B.current&&y(!1)}),0)}),[a,y,B]),E=t.useCallback((e=>{o&&o(e),x(e.currentTarget.value),w||y(!0)}),[o,x,y,w]),C=t.useCallback((e=>{var t;i&&i(e),"Backspace"===e.key&&$(!1),"Escape"===e.key&&null!==(t=m.current)&&void 0!==t&&t.value&&(x(""),m.current.value="")}),[m,x,$,i]),z=t.useCallback((e=>{l&&l(e),"Backspace"===e.key&&$(!0)}),[$,l]),R=t.useCallback((e=>{if(d&&d(e),w&&"Enter"===e.key&&g.current){e.preventDefault(),e.nativeEvent.stopImmediatePropagation();const t=new KeyboardEvent(e.type,e.nativeEvent);g.current.dispatchEvent(t)}}),[g,w,d]);return t.useEffect((()=>{m.current&&(p||(m.current.value=h),k&&p&&(h||v)&&(m.current.value=p,0===p.toLowerCase().indexOf(h.toLowerCase())&&m.current.setSelectionRange(h.length,p.length)))}),[p,h,m,v]),t.useEffect((()=>{s&&x(s.toString())}),[s,x]),n.default.createElement(e,Tt({onFocus:S,onBlur:T,onChange:E,onKeyDown:C,onKeyPress:R,onKeyUp:z,ref:B,"aria-controls":`${b}-listbox`,"aria-autocomplete":"both",role:"combobox","aria-expanded":w,"aria-haspopup":"listbox","aria-owns":`${b}-listbox`,autocomplete:"off"},c))}));rn.displayName="AutocompleteInput";var an=rn;const on=(e,t,r="vertical",a=8,o=0,n="smooth")=>{const i="vertical"===r?"top":"left",l="vertical"===r?"bottom":"right",d="vertical"===r?"scrollTop":"scrollLeft",{[i]:s,[l]:c}=e.getBoundingClientRect(),{[i]:f,[l]:u}=t.getBoundingClientRect(),g=c>u-a;if(s<f+o){const e=s-f+t[d];t.scrollTo({behavior:n,[i]:e-o})}else if(g){const e=c-u+t[d];t.scrollTo({behavior:n,[i]:e+a})}};function nn(e){const r=t.useContext(qo);if(null===r)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:a,id:o,inputRef:i,inputValue:l="",scrollContainerRef:d,setAutocompleteSuggestion:s,setShowMenu:c,setInputValue:f,setIsMenuDirectlyActivated:u,setSelectedItemLength:g,showMenu:p}=r,{items:b,selectedItemIds:m,sortOnCloseFn:h,emptyStateText:v,addNewItem:x,loading:y,selectionVariant:w,filterFn:B,"aria-labelledby":k,onOpenChange:$,onSelectedChange:S,customScrollContainerRef:T}=e,E=t.useRef(null),[C,z]=t.useState(),[R,N]=t.useState(b.map((({id:e})=>e))),A=t.useMemo((()=>b.map((e=>({...e,role:"option",id:e.id,selected:"multiple"===w?m.includes(e.id):void 0,onAction:e=>{const t=m.filter((t=>t!==e.id)),r=m.includes(e.id)?t:[...t,e.id];var a,o;((S||(a=f,function(e){const{text:t=""}=Array.isArray(e)?e.slice(-1)[0]:e;a(t)}))(r.map((e=>function(e,t){return t.find((t=>t.id===e))}(e,b)))),"multiple"===w)?(f(""),s("")):(c(!1),null===(o=i.current)||void 0===o||o.setSelectionRange(i.current.value.length,i.current.value.length))}})))),[b,m,i,S,w,s,f,c]),I=t.useMemo((()=>R.reduce(((e,t,r)=>(e[t]=r,e)),{})),[R]),L=t.useMemo((()=>{return A.filter(B||(e=l,function(t,r){var a;return Boolean(null===(a=t.text)||void 0===a?void 0:a.toLowerCase().startsWith(e.toLowerCase()))})).sort(((e,t)=>I[e.id]-I[t.id]));var e}),[A,I,B,l]),O=t.useMemo((()=>[...L,...x?[{...x,leadingVisual:()=>n.default.createElement(na,null),onAction:e=>{x.handleAddItem({...e,id:e.id||zr(),leadingVisual:void 0}),"multiple"===w&&(f(""),s(""))}}]:[]]),[L,x,s,w,f]);return Ra({containerRef:E,focusOutBehavior:"wrap",focusableElementFilter:e=>!(e instanceof HTMLInputElement),activeDescendantFocus:i,onActiveDescendantChanged:(e,t,r)=>{if(a.current=e||null,e){const t=A.find((t=>t.id.toString()===e.getAttribute("data-id")));z(t),u(r)}e&&T&&T.current&&r?on(e,T.current):e&&d.current&&r&&on(e,d.current)}},[y]),t.useEffect((()=>{var e;null!=C&&null!==(e=C.text)&&void 0!==e&&e.startsWith(l)&&!m.includes(C.id)?s(C.text):s("")}),[C,l,m,s]),t.useEffect((()=>{const e=[...R].sort(h||(t=e=>((e,t)=>t.includes(e))(e,m),(e,r)=>t(e)===t(r)?0:t(e)?-1:1));var t;const r=e.length===R.length&&e.every(((e,t)=>e===R[t]));!1!==p||r||N(e),$&&$(Boolean(p))}),[p,$,m,h,R]),t.useEffect((()=>{m.length&&g(m.length)}),[m,g]),n.default.createElement(qt,{sx:p?{}:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"}},y?n.default.createElement(qt,{p:3,display:"flex",justifyContent:"center"},n.default.createElement(xl,null)):n.default.createElement("div",{ref:E},O.length?n.default.createElement(Po,{selectionVariant:"multiple",items:O,role:"listbox",id:`${o}-listbox`,"aria-labelledby":k}):n.default.createElement(qt,{p:3},v)))}function ln({menuAnchorRef:e,overlayProps:r,children:a}){const o=t.useContext(qo);if(null===o)throw new Error("AutocompleteContext returned null values");const{inputRef:i,scrollContainerRef:l,selectedItemLength:d,setShowMenu:s,showMenu:c=!1}=o,{floatingElementRef:f,position:u}=wa({side:"outside-bottom",align:"start",anchorElementRef:e||i},[c,d]),g=Ma(l,f),p=t.useCallback((()=>{s(!1)}),[s]);return"undefined"==typeof window?null:n.default.createElement(_o,Tt({returnFocusRef:i,preventFocusOnOpen:!0,onClickOutside:p,onEscape:p,ref:g,top:null==u?void 0:u.top,left:null==u?void 0:u.left,visibility:c?"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:a}=t;switch(r){case"inputValue":return{...e,inputValue:a};case"showMenu":return{...e,showMenu:a};case"isMenuDirectlyActivated":return{...e,isMenuDirectlyActivated:a};case"autocompleteSuggestion":return{...e,autocompleteSuggestion:a};case"selectedItemLength":return{...e,selectedItemLength:a};default:return e}},cn=({children:e,id:r})=>{const a=t.useRef(null),o=t.useRef(null),i=t.useRef(null),[l,d]=t.useReducer(sn,dn),{inputValue:s,showMenu:c,autocompleteSuggestion:f,isMenuDirectlyActivated:u,selectedItemLength:g}=l,p=t.useCallback((e=>{d({type:"inputValue",payload:e})}),[]),b=t.useCallback((e=>{d({type:"showMenu",payload:e})}),[]),m=t.useCallback((e=>{d({type:"autocompleteSuggestion",payload:e})}),[]),h=t.useCallback((e=>{d({type:"isMenuDirectlyActivated",payload:e})}),[]),v=t.useCallback((e=>{d({type:"selectedItemLength",payload:e})}),[]),x=Wa(r);return n.default.createElement(qo.Provider,{value:{activeDescendantRef:a,autocompleteSuggestion:f,id:x,inputRef:i,inputValue:s,isMenuDirectlyActivated:u,scrollContainerRef:o,selectedItemLength:g,setAutocompleteSuggestion:m,setInputValue:p,setIsMenuDirectlyActivated:h,setShowMenu:b,setSelectedItemLength:v,showMenu:c}},e)};cn.displayName="Autocomplete";var fn=Object.assign(cn,{Input:an,Menu:nn,Overlay:ln});const un=i.default.img.attrs((e=>({height:e.size,width:e.size})))`
|
|
654
654
|
display: inline-block;
|
|
655
655
|
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
|
656
656
|
line-height: ${xt("lineHeights.condensedUltra")};
|
|
@@ -658,12 +658,12 @@
|
|
|
658
658
|
border-radius: ${e=>function({size:e,square:t}){return t?e&&e<=24?"4px":"6px":"50%"}(e)};
|
|
659
659
|
${yt};
|
|
660
660
|
${Kt}
|
|
661
|
-
`;
|
|
661
|
+
`;un.defaultProps={size:20,alt:"",square:!1};var gn=un;const pn=i.default(gn)`
|
|
662
662
|
position: absolute;
|
|
663
663
|
right: -15%;
|
|
664
664
|
bottom: -9%;
|
|
665
665
|
box-shadow: ${xt("shadows.avatar.childShadow")};
|
|
666
|
-
`,
|
|
666
|
+
`,bn=({children:e,...t})=>{const r=n.default.Children.map(e,((e,t)=>n.default.isValidElement(e)?0===t?n.default.cloneElement(e,{size:40}):n.default.createElement(pn,Tt({bg:"canvas.default"},e.props,{size:20})):e));return n.default.createElement(qt,Tt({position:"relative",display:"inline-flex"},t),r)};bn.displayName="AvatarPair",bn.displayName="AvatarPair";var mn=bn;const hn=i.default.span`
|
|
667
667
|
display: flex;
|
|
668
668
|
position: relative;
|
|
669
669
|
height: 20px;
|
|
@@ -778,7 +778,7 @@
|
|
|
778
778
|
}
|
|
779
779
|
|
|
780
780
|
${Kt};
|
|
781
|
-
`,
|
|
781
|
+
`,vn=({children:e,alignRight:t,sx:r})=>{const a=n.default.Children.count(e),o=Yo({"pc-AvatarStack--two":2===a,"pc-AvatarStack--three-plus":a>2,"pc-AvatarStack--right":t});return n.default.createElement(hn,{count:a,className:o,sx:r},n.default.createElement(qt,{position:"absolute",display:"flex",width:"38px",className:"pc-AvatarStackBody"},(e=>n.default.Children.map(e,((e,t)=>n.default.isValidElement(e)?n.default.cloneElement(e,{className:Yo(e.props.className,"pc-AvatarItem"),sx:{zIndex:10-t,...e.props.sx}}):e)))(e)))};vn.displayName="AvatarStack";var xn=vn;var yn=i.default.a`
|
|
782
782
|
display: inline-block;
|
|
783
783
|
padding: 2px 6px;
|
|
784
784
|
font-size: ${xt("fontSizes.0")};
|
|
@@ -788,7 +788,7 @@
|
|
|
788
788
|
border-radius: ${xt("radii.2")};
|
|
789
789
|
${yt};
|
|
790
790
|
${Kt};
|
|
791
|
-
`;const
|
|
791
|
+
`;const wn=i.default.li`
|
|
792
792
|
display: inline-block;
|
|
793
793
|
white-space: nowrap;
|
|
794
794
|
list-style: none;
|
|
@@ -807,13 +807,13 @@
|
|
|
807
807
|
content: none;
|
|
808
808
|
}
|
|
809
809
|
}
|
|
810
|
-
`,
|
|
810
|
+
`,Bn=i.default.nav`
|
|
811
811
|
display: flex;
|
|
812
812
|
justify-content: space-between;
|
|
813
813
|
${yt};
|
|
814
814
|
${St};
|
|
815
815
|
${Kt};
|
|
816
|
-
`;function
|
|
816
|
+
`;function kn({className:e,children:t,theme:r,...a}){const o=n.default.Children.map(t,(e=>n.default.createElement(wn,{theme:r},e)));return n.default.createElement(Bn,Tt({className:e,"aria-label":"Breadcrumbs",theme:r},a),n.default.createElement(qt,{as:"ol",my:0,pl:0},o))}kn.displayName="Breadcrumbs";const $n=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Yo(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
|
|
817
817
|
color: ${xt("colors.accent.fg")};
|
|
818
818
|
display: inline-block;
|
|
819
819
|
font-size: ${xt("fontSizes.1")};
|
|
@@ -827,7 +827,7 @@
|
|
|
827
827
|
}
|
|
828
828
|
${yt}
|
|
829
829
|
${Kt};
|
|
830
|
-
`;
|
|
830
|
+
`;kn.displayName="Breadcrumbs",$n.displayName="Breadcrumbs.Item";var Sn=Object.assign(kn,{Item:$n});const Tn=Object.assign(kn,{Item:$n}),En={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},Cn={top:"Left",right:"Top",bottom:"Left",left:"Top"};function zn(e,t,r){const a=En[e].toLowerCase(),o=Cn[e].toLowerCase();return{[a]:"100%",[t||o]:t?r:"50%"}}const Rn=pt({prop:"bg",key:"colors"}),Nn=pt({prop:"borderColor",key:"colors"}),An=pt({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function In(e){var t;const a=n.default.useContext(r.ThemeContext),o={...e,theme:null!==(t=e.theme)&&void 0!==t?t:a},{bg:i}=Rn(o),{borderColor:l}=Nn(o),{borderWidth:d}=An(o),{size:s=8,location:c="bottom"}=e,[f,u]=function(e){const[t,r]=e.split("-");return[t,r]}(c),g=Cn[f],p=[-s,0],b=[0,s],m=[s,0],h=`M${p}L${b}L${m}L${p}Z`,v=`M${p}L${b}L${m}`,x={top:`translate(${[s,2*s]}) rotate(180)`,right:`translate(${[0,s]}) rotate(-90)`,bottom:`translate(${[s,0]})`,left:`translate(${[2*s,s]}) rotate(90)`}[f];return n.default.createElement("svg",{width:2*s,height:2*s,style:{pointerEvents:"none",position:"absolute",...zn(f,u,s),[`margin${g}`]:u?null:-s}},n.default.createElement("g",{transform:x},n.default.createElement("path",{d:h,fill:i}),n.default.createElement("path",{d:v,fill:"none",stroke:l,strokeWidth:d})))}In.displayName="Caret",In.locations=["top","top-left","top-right","right","right-top","right-bottom","bottom","bottom-left","bottom-right","left","left-top","left-bottom"],In.defaultProps={bg:"canvas.default",borderColor:"border.default",borderWidth:1};const Ln={small:56,medium:96,large:128},On=i.default.div`
|
|
831
831
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
832
832
|
align-items: center;
|
|
833
833
|
justify-content: center;
|
|
@@ -835,13 +835,13 @@
|
|
|
835
835
|
border-radius: 50%;
|
|
836
836
|
box-shadow: ${xt("shadows.shadow.medium")};
|
|
837
837
|
${yt};
|
|
838
|
-
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:
|
|
838
|
+
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:Ln[t];return{width:r,height:r}}};
|
|
839
839
|
${Kt};
|
|
840
|
-
`,
|
|
840
|
+
`,Mn=i.default(za)`
|
|
841
841
|
height: auto;
|
|
842
842
|
max-width: 60%;
|
|
843
843
|
max-height: 55%;
|
|
844
|
-
`;
|
|
844
|
+
`;On.defaultProps={inline:!1},Mn.displayName="CircleBadge.Icon";var Pn=Object.assign(On,{Icon:Mn});function Hn(e){const{size:t,as:r}=e,{icon:a,bg:o,...i}=e;return n.default.createElement(qt,{as:r,bg:o,overflow:"hidden",borderWidth:0,size:t,borderRadius:"50%",borderStyle:"solid",borderColor:"border.default"},n.default.createElement(qt,Tt({display:"flex"},i,{alignItems:"center",justifyContent:"center"}),n.default.createElement(a,{size:t})))}Hn.displayName="CircleOcticon",Hn.defaultProps={...qt.defaultProps,size:32};var Dn=i.default.span`
|
|
845
845
|
display: inline-block;
|
|
846
846
|
padding: 2px 5px;
|
|
847
847
|
font-size: ${xt("fontSizes.0")};
|
|
@@ -857,7 +857,7 @@
|
|
|
857
857
|
}
|
|
858
858
|
|
|
859
859
|
${Kt};
|
|
860
|
-
`;const
|
|
860
|
+
`;const Wn=i.default.details`
|
|
861
861
|
& > summary {
|
|
862
862
|
list-style: none;
|
|
863
863
|
}
|
|
@@ -867,11 +867,11 @@
|
|
|
867
867
|
|
|
868
868
|
${yt}
|
|
869
869
|
${Kt};
|
|
870
|
-
`;
|
|
870
|
+
`;Wn.displayName="Details";var Fn=Wn;const _n=()=>null;function jn(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 Un=i.default.span`
|
|
871
871
|
${wt};
|
|
872
872
|
${yt};
|
|
873
873
|
${Kt};
|
|
874
|
-
`;const
|
|
874
|
+
`;const Gn=()=>null,Vn=i.default.div`
|
|
875
875
|
box-shadow: ${xt("shadows.shadow.large")};
|
|
876
876
|
border-radius: ${xt("radii.2")};
|
|
877
877
|
position: fixed;
|
|
@@ -895,7 +895,7 @@
|
|
|
895
895
|
${kt};
|
|
896
896
|
${yt};
|
|
897
897
|
${Kt};
|
|
898
|
-
`,
|
|
898
|
+
`,Kn=i.default(qt)`
|
|
899
899
|
border-radius: ${xt("radii.2")} ${xt("radii.2")} 0px 0px;
|
|
900
900
|
border-bottom: 1px solid ${xt("colors.border.default")};
|
|
901
901
|
display: flex;
|
|
@@ -905,7 +905,7 @@
|
|
|
905
905
|
}
|
|
906
906
|
|
|
907
907
|
${Kt};
|
|
908
|
-
`;function
|
|
908
|
+
`;function qn({theme:e,children:t,backgroundColor:r="gray.1",...a}){return n.default.Children.toArray(t).every((e=>"string"==typeof e))&&(t=n.default.createElement(Un,{theme:e,color:"fg.default",fontSize:1,fontWeight:"bold",fontFamily:"sans-serif"},t)),n.default.createElement(Kn,Tt({theme:e,p:3,backgroundColor:r},a),t)}qn.displayName="DialogHeader";const Xn=i.default.span`
|
|
909
909
|
&:before {
|
|
910
910
|
position: fixed;
|
|
911
911
|
top: 0;
|
|
@@ -919,10 +919,10 @@
|
|
|
919
919
|
z-index: 99;
|
|
920
920
|
background: ${xt("colors.primer.canvas.backdrop")};
|
|
921
921
|
}
|
|
922
|
-
`,
|
|
922
|
+
`,Yn=t.forwardRef((({children:e,onDismiss:r=Gn,isOpen:a,initialFocusRef:o,returnFocusRef:i,...l},d)=>{const s=t.useRef(null),c=Ma(d),f=t.useRef(null),u=()=>{r(),i&&i.current&&i.current.focus()},{getDialogProps:g}=function({modalRef:e,overlayRef:r,isOpen:a,onDismiss:o=_n,initialFocusRef:n,closeButtonRef:i}){const l=t.useCallback((t=>{e.current&&r.current&&!e.current.contains(t.target)&&r.current.contains(t.target)&&o()}),[o,e,r]);t.useEffect((()=>{if(a)return document.addEventListener("click",l),()=>{document.removeEventListener("click",l)}}),[a,l]),t.useEffect((()=>{a&&(n&&n.current?n.current.focus():i&&i.current&&i.current.focus())}),[a,n,i]);const d=t.useCallback(((t,r)=>{if(e.current){const a=Array.from(e.current.querySelectorAll("*")).filter(jn);if(0===a.length)return;t.preventDefault();const o=document.activeElement;if(!o)return;const n=a.indexOf(o)+r,i=1===r?0:a.length-1;return a[n]||a[i]}}),[e]),s=t.useCallback((e=>{const t=e.shiftKey?-1:1,r=d(e,t);r&&r.focus()}),[d]),c=t.useCallback((e=>{switch(e.key){case"Tab":s(e);break;case"Escape":o(),e.stopPropagation()}}),[s,o]);return{getDialogProps:()=>({onKeyDown:c})}}({modalRef:c,onDismiss:u,isOpen:a,initialFocusRef:o,closeButtonRef:f,returnFocusRef:i,overlayRef:s});return a?n.default.createElement(n.default.Fragment,null,n.default.createElement(Xn,{ref:s}),n.default.createElement(Vn,Tt({tabIndex:-1,ref:c,role:"dialog","aria-modal":"true"},l,g()),n.default.createElement(ca,{ref:f,onClick:u,sx:{position:"absolute",top:"16px",right:"16px"}}),e)):null}));qn.defaultProps={backgroundColor:"canvas.subtle"},qn.propTypes={...qt.propTypes},qn.displayName="Dialog.Header",Yn.displayName="Dialog";var Jn=Object.assign(Yn,{Header:qn});var Zn=(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: ${xt("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: ${xt("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: ${xt("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: ${xt("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 ${xt("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 ${xt("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 Qn=i.default(Fn)`
|
|
923
923
|
position: relative;
|
|
924
924
|
display: inline-block;
|
|
925
|
-
`,
|
|
925
|
+
`,ei=({children:e,className:t,...r})=>{const{getDetailsProps:a}=lr({closeOnOutsideClick:!0});return n.default.createElement(Qn,Tt({className:t},a(),r),e)};ei.displayName="Dropdown";const ti=({children:e,...t})=>n.default.createElement(jr,Tt({as:"summary","aria-haspopup":"true"},t),e,n.default.createElement(ri,null));ti.displayName="DropdownButton";const ri=i.default.div`
|
|
926
926
|
border: 4px solid transparent;
|
|
927
927
|
margin-left: 12px;
|
|
928
928
|
border-top-color: currentcolor;
|
|
@@ -934,7 +934,7 @@
|
|
|
934
934
|
width: 0;
|
|
935
935
|
${yt};
|
|
936
936
|
${Kt};
|
|
937
|
-
`,
|
|
937
|
+
`,ai=i.default.ul`
|
|
938
938
|
background-clip: padding-box;
|
|
939
939
|
background-color: ${xt("colors.canvas.overlay")};
|
|
940
940
|
border: 1px solid ${xt("colors.border.default")};
|
|
@@ -975,10 +975,10 @@
|
|
|
975
975
|
> ul {
|
|
976
976
|
list-style: none;
|
|
977
977
|
}
|
|
978
|
-
${e=>e.direction?
|
|
978
|
+
${e=>e.direction?Zn(e.theme,e.direction):""};
|
|
979
979
|
${yt};
|
|
980
980
|
${Kt};
|
|
981
|
-
`,
|
|
981
|
+
`,oi=i.default.li`
|
|
982
982
|
display: block;
|
|
983
983
|
padding: ${xt("space.1")} 10px ${xt("space.1")} 15px;
|
|
984
984
|
overflow: hidden;
|
|
@@ -1011,7 +1011,7 @@
|
|
|
1011
1011
|
}
|
|
1012
1012
|
${yt};
|
|
1013
1013
|
${Kt};
|
|
1014
|
-
`;
|
|
1014
|
+
`;ai.defaultProps={direction:"sw"},ai.displayName="Dropdown.Menu",oi.displayName="Dropdown.Item",ti.defaultProps=jr.defaultProps,ti.displayName="Dropdown.Button",ri.displayName="Dropdown.Caret",ei.defaultProps=Fn.defaultProps;var ni=Object.assign(ei,{Caret:ri,Menu:ai,Item:oi,Button:ti});const ii=n.default.forwardRef((({children:e,...t},r)=>n.default.createElement(jr,Tt({ref:r,type:"button"},t),e,n.default.createElement(za,{icon:la,ml:1}))));function li({renderAnchor:e=(e=>n.default.createElement(ii,e)),anchorRef:r,placeholder:a,selectedItem:o,onChange:i,overlayProps:l,items:d,open:s,onOpenChange:c,...f}){const[u,g]=Uo(s,c,!1),p=t.useCallback((()=>g(!0)),[g]),b=t.useCallback((()=>g(!1)),[g]),m=yr(r),h=t.useMemo((()=>null===e?null:t=>{var r;return e({...t,children:null!==(r=null==o?void 0:o.text)&&void 0!==r?r:a})}),[a,e,null==o?void 0:o.text]),v=t.useMemo((()=>d.map((e=>({...e,role:"option",selected:e===o,onAction:(t,r)=>{var a;null===(a=e.onAction)||void 0===a||a.call(e,t,r),r.defaultPrevented||(b(),null==i||i(e===o?void 0:e))}})))),[d,i,b,o]);return n.default.createElement(jo,{renderAnchor:h,anchorRef:m,open:u,onOpen:p,onClose:b,overlayProps:l},n.default.createElement(Mo,Tt({},f,{role:"listbox",items:v})))}li.displayName="DropdownMenu",li.displayName="DropdownMenu";var di=i.default.div`
|
|
1015
1015
|
${yt};
|
|
1016
1016
|
display: flex;
|
|
1017
1017
|
align-items: stretch;
|
|
@@ -1030,11 +1030,11 @@
|
|
|
1030
1030
|
}
|
|
1031
1031
|
|
|
1032
1032
|
${Kt}
|
|
1033
|
-
`;const
|
|
1033
|
+
`;const si=i.default.ul`
|
|
1034
1034
|
list-style-type: none;
|
|
1035
1035
|
${yt};
|
|
1036
1036
|
${Kt};
|
|
1037
|
-
`,
|
|
1037
|
+
`,ci=({children:e,...t})=>{const r=n.default.Children.map(e,(e=>n.default.createElement("li",null,e)));return n.default.createElement(si,t,r)};ci.displayName="FilterList";const fi=i.default.a`
|
|
1038
1038
|
position: relative;
|
|
1039
1039
|
display: block;
|
|
1040
1040
|
padding: ${e=>e.small?`${xt("space.1")(e)} 10px`:`${xt("space.2")(e)} 11px`};
|
|
@@ -1062,7 +1062,7 @@
|
|
|
1062
1062
|
}
|
|
1063
1063
|
${yt};
|
|
1064
1064
|
${Kt};
|
|
1065
|
-
`;function
|
|
1065
|
+
`;function ui({children:e,count:t,...r}){return n.default.createElement(fi,r,t&&n.default.createElement("span",{title:"results",className:"count"},t),e)}ui.displayName="FilterListItem",ci.defaultProps={m:0,p:0},ui.displayName="FilterList.Item";var gi=Object.assign(ci,{Item:ui});const pi=re({variants:{default:{color:"fg.default",backgroundColor:"accent.subtle",borderColor:"accent.muted",svg:{color:"accent.fg"}},success:{color:"fg.default",backgroundColor:"success.subtle",borderColor:"success.muted",svg:{color:"success.fg"}},danger:{color:"fg.default",backgroundColor:"danger.subtle",borderColor:"danger.muted",svg:{color:"danger.fg"}},warning:{color:"fg.default",backgroundColor:"attention.subtle",borderColor:"attention.muted",svg:{color:"attention.fg"}}}}),bi=i.default.div`
|
|
1066
1066
|
position: relative;
|
|
1067
1067
|
color: ${xt("colors.fg.default")};
|
|
1068
1068
|
padding: ${xt("space.3")};
|
|
@@ -1080,14 +1080,14 @@
|
|
|
1080
1080
|
}
|
|
1081
1081
|
|
|
1082
1082
|
${yt};
|
|
1083
|
-
${
|
|
1083
|
+
${pi};
|
|
1084
1084
|
${Kt};
|
|
1085
|
-
`;
|
|
1085
|
+
`;bi.defaultProps={variant:"default"};var mi=bi;const hi=i.default.div`
|
|
1086
1086
|
margin: ${xt("space.3")} 0;
|
|
1087
1087
|
font-weight: ${xt("fontWeights.normal")};
|
|
1088
1088
|
${yt};
|
|
1089
1089
|
${Kt};
|
|
1090
|
-
`,
|
|
1090
|
+
`,vi=i.default.label`
|
|
1091
1091
|
display: block;
|
|
1092
1092
|
margin: 0 0 ${xt("space.2")};
|
|
1093
1093
|
font-size: ${xt("fontSizes.1")};
|
|
@@ -1095,7 +1095,7 @@
|
|
|
1095
1095
|
${wt};
|
|
1096
1096
|
${yt};
|
|
1097
1097
|
${Kt};
|
|
1098
|
-
`;
|
|
1098
|
+
`;vi.displayName="FormGroup.Label";var xi=Object.assign(hi,{Label:vi});const yi=i.default.div`
|
|
1099
1099
|
z-index: 32;
|
|
1100
1100
|
display: flex;
|
|
1101
1101
|
padding: ${xt("space.3")};
|
|
@@ -1109,7 +1109,7 @@
|
|
|
1109
1109
|
${yt}
|
|
1110
1110
|
${Bt}
|
|
1111
1111
|
${Kt};
|
|
1112
|
-
`,
|
|
1112
|
+
`,wi=i.default.div`
|
|
1113
1113
|
display: flex;
|
|
1114
1114
|
margin-right: ${xt("space.3")};
|
|
1115
1115
|
align-self: stretch;
|
|
@@ -1121,7 +1121,7 @@
|
|
|
1121
1121
|
${yt};
|
|
1122
1122
|
${Bt};
|
|
1123
1123
|
${Kt};
|
|
1124
|
-
`;
|
|
1124
|
+
`;wi.displayName="Header.Item";const Bi=i.default.a.attrs((({to:e})=>"string"==typeof e?{"aria-current":"page"}:{}))`
|
|
1125
1125
|
font-weight: ${xt("fontWeights.bold")};
|
|
1126
1126
|
color: ${xt("colors.header.logo")};
|
|
1127
1127
|
white-space: nowrap;
|
|
@@ -1139,14 +1139,14 @@
|
|
|
1139
1139
|
${Bt};
|
|
1140
1140
|
${wt};
|
|
1141
1141
|
${Kt};
|
|
1142
|
-
`;
|
|
1142
|
+
`;Bi.displayName="Header.Link";var ki=Object.assign(yi,{Link:Bi,Item:wi});const $i=i.default.h2`
|
|
1143
1143
|
font-weight: ${xt("fontWeights.bold")};
|
|
1144
1144
|
font-size: ${xt("fontSizes.5")};
|
|
1145
1145
|
margin: 0;
|
|
1146
1146
|
${wt};
|
|
1147
1147
|
${yt};
|
|
1148
1148
|
${Kt};
|
|
1149
|
-
|
|
1149
|
+
`;$i.defaultProps={theme:d};var Si=$i;var Ti=i.default.span`
|
|
1150
1150
|
${yt}
|
|
1151
1151
|
& * {
|
|
1152
1152
|
margin-right: ${xt("space.1")};
|
|
@@ -1155,7 +1155,7 @@
|
|
|
1155
1155
|
margin-right: 0;
|
|
1156
1156
|
}
|
|
1157
1157
|
${Kt};
|
|
1158
|
-
`;const
|
|
1158
|
+
`;const Ei=r.css(["margin-top:-1px;margin-bottom:-1px;color:",";border:"," solid ",";box-shadow:none;",";",";background-color:transparent;"],xt("colors.fg.muted"),xt("borderWidths.1"),xt("colors.border.default"),Qe,yt),Ci=re({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"}}}),zi=i.default.span`
|
|
1159
1159
|
display: inline-block;
|
|
1160
1160
|
font-weight: ${xt("fontWeights.semibold")};
|
|
1161
1161
|
color: ${xt("colors.fg.onEmphasis")};
|
|
@@ -1165,17 +1165,17 @@
|
|
|
1165
1165
|
text-decoration: none;
|
|
1166
1166
|
}
|
|
1167
1167
|
|
|
1168
|
-
${
|
|
1168
|
+
${Ci}
|
|
1169
1169
|
${yt}
|
|
1170
1170
|
${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
|
|
1171
|
-
${e=>e.outline?
|
|
1171
|
+
${e=>e.outline?Ei:""} // must be last to override other values
|
|
1172
1172
|
${Kt}
|
|
1173
|
-
`;
|
|
1173
|
+
`;zi.defaultProps={bg:"neutral.emphasis",variant:"medium"};var Ri=zi;const Ni=k({hoverColor:{property:"color",scale:"colors"}});var Ai=i.default.a`
|
|
1174
1174
|
color: ${e=>e.muted?xt("colors.fg.muted")(e):xt("colors.accent.fg")(e)};
|
|
1175
1175
|
text-decoration: ${e=>e.underline?"underline":"none"};
|
|
1176
1176
|
&:hover {
|
|
1177
1177
|
text-decoration: ${e=>e.muted?"none":"underline"};
|
|
1178
|
-
${e=>e.hoverColor?
|
|
1178
|
+
${e=>e.hoverColor?Ni:e.muted?`color: ${xt("colors.accent.fg")(e)}`:""};
|
|
1179
1179
|
}
|
|
1180
1180
|
&:is(button) {
|
|
1181
1181
|
display: inline-block;
|
|
@@ -1191,7 +1191,7 @@
|
|
|
1191
1191
|
${wt};
|
|
1192
1192
|
${yt};
|
|
1193
1193
|
${Kt};
|
|
1194
|
-
`;var
|
|
1194
|
+
`;var Ii=i.default.div`
|
|
1195
1195
|
position: relative;
|
|
1196
1196
|
padding-top: ${xt("space.4")};
|
|
1197
1197
|
padding-bottom: ${xt("space.4")};
|
|
@@ -1199,7 +1199,7 @@
|
|
|
1199
1199
|
border-bottom: 1px solid ${xt("colors.border.default")};
|
|
1200
1200
|
${yt};
|
|
1201
1201
|
${Kt};
|
|
1202
|
-
`;const
|
|
1202
|
+
`;const Li=i.default.a`
|
|
1203
1203
|
display: inline-block;
|
|
1204
1204
|
min-width: 32px;
|
|
1205
1205
|
padding: 5px 10px;
|
|
@@ -1299,12 +1299,12 @@
|
|
|
1299
1299
|
}
|
|
1300
1300
|
|
|
1301
1301
|
${yt};
|
|
1302
|
-
`;function
|
|
1302
|
+
`;function Oi({theme:e,pageCount:t,currentPage:r,onPageChange:a,hrefBuilder:o,marginPageCount:i,showPages:l,surroundingPageCount:d}){const s=n.default.useCallback((e=>t=>a(t,e)),[a]),c=n.default.useMemo((()=>function(e,t,r,a,o){const n=[];if(r){const r=[],i=t=>{t>=1&&t<=e&&r.push(t)};let l=t-o,d=t+o;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<=a;t++){const r=t,a=e-(t-1);r>=l?d++:i(r),a<=d?l--:i(a)}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],a=r===t;0===e?(1!==r&&n.push({type:"BREAK",num:1}),n.push({type:"NUM",num:r,selected:a})):(1==r-s[e-1]||n.push({type:"BREAK",num:r-1}),n.push({type:"NUM",num:r,selected:a}))}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]}(t,r,!!l,i,d)),[t,r,l,i,d]);return n.default.useMemo((()=>c.map((t=>{const{props:r,key:a,content:i}=function(e,t,r){const a={};let o="",n="";switch(e.type){case"PREV":n="page-prev",o="Previous",e.disabled?Object.assign(a,{as:"span","aria-disabled":"true"}):Object.assign(a,{rel:"prev",href:t(e.num),"aria-label":"Previous Page",onClick:r});break;case"NEXT":n="page-next",o="Next",e.disabled?Object.assign(a,{as:"span","aria-disabled":"true"}):Object.assign(a,{rel:"next",href:t(e.num),"aria-label":"Next Page",onClick:r});break;case"NUM":n=`page-${e.num}`,o=String(e.num),e.selected?Object.assign(a,{as:"em","aria-current":"page"}):Object.assign(a,{href:t(e.num),"aria-label":`Page ${e.num}`,onClick:r});break;case"BREAK":n=`page-${e.num}-break`,o="…",Object.assign(a,{as:"span","aria-disabled":!0})}return{props:a,key:n,content:o}}(t,o,s(t.num));return n.default.createElement(Li,Tt({},r,{key:a,theme:e}),i)}))),[c,o,s,e])}const Mi=i.default.nav`
|
|
1303
1303
|
margin-top: 20px;
|
|
1304
1304
|
margin-bottom: 15px;
|
|
1305
1305
|
text-align: center;
|
|
1306
1306
|
${Kt};
|
|
1307
|
-
`;function
|
|
1307
|
+
`;function Pi({theme:e,pageCount:t,currentPage:r,onPageChange:a=Di,hrefBuilder:o=Hi,marginPageCount:i=1,showPages:l=!0,surroundingPageCount:d=2,...s}){const c=Oi({theme:e,pageCount:t,currentPage:r,onPageChange:a,hrefBuilder:o,marginPageCount:i,showPages:l,surroundingPageCount:d});return n.default.createElement(Mi,Tt({"aria-label":"Pagination"},s,{theme:e}),n.default.createElement(qt,{display:"inline-block",theme:e},c))}function Hi(e){return`#${e}`}function Di(){}function Wi(e){const{bg:t,border:r,borderColor:a,theme:o}=e,{caret:i,children:l,...d}=e,s={bg:t,borderColor:a,borderWidth:r,location:i,theme:o};return n.default.createElement(Yt,Tt({sx:{position:"relative"}},d),l,n.default.createElement(In,s))}Pi.displayName="Pagination",Pi.defaultProps={hrefBuilder:Hi,marginPageCount:1,onPageChange:Di,showPages:!0,surroundingPageCount:2},Wi.displayName="PointerBox";const Fi=i.default.div.attrs((({className:e,caret:t})=>({className:Yo(e,`caret-pos--${t}`)})))`
|
|
1308
1308
|
position: ${e=>e.relative?"relative":"absolute"};
|
|
1309
1309
|
z-index: 100;
|
|
1310
1310
|
display: ${e=>e.open?"block":"none"};
|
|
@@ -1313,7 +1313,7 @@
|
|
|
1313
1313
|
${kt};
|
|
1314
1314
|
${$t};
|
|
1315
1315
|
${Kt};
|
|
1316
|
-
`,
|
|
1316
|
+
`,_i=i.default(qt)`
|
|
1317
1317
|
border: 1px solid ${xt("colors.border.default")};
|
|
1318
1318
|
border-radius: ${xt("radii.2")};
|
|
1319
1319
|
position: relative;
|
|
@@ -1350,9 +1350,9 @@
|
|
|
1350
1350
|
}
|
|
1351
1351
|
|
|
1352
1352
|
// Bottom-oriented carets
|
|
1353
|
-
${
|
|
1354
|
-
${
|
|
1355
|
-
${
|
|
1353
|
+
${Fi}.caret-pos--bottom & ,
|
|
1354
|
+
${Fi}.caret-pos--bottom-right & ,
|
|
1355
|
+
${Fi}.caret-pos--bottom-left & {
|
|
1356
1356
|
&::before,
|
|
1357
1357
|
&::after {
|
|
1358
1358
|
top: auto;
|
|
@@ -1372,8 +1372,8 @@
|
|
|
1372
1372
|
}
|
|
1373
1373
|
|
|
1374
1374
|
// Top & Bottom: Right-oriented carets
|
|
1375
|
-
${
|
|
1376
|
-
${
|
|
1375
|
+
${Fi}.caret-pos--top-right & ,
|
|
1376
|
+
${Fi}.caret-pos--bottom-right & {
|
|
1377
1377
|
right: -9px;
|
|
1378
1378
|
margin-right: 0;
|
|
1379
1379
|
|
|
@@ -1393,8 +1393,8 @@
|
|
|
1393
1393
|
}
|
|
1394
1394
|
|
|
1395
1395
|
// Top & Bottom: Left-oriented carets
|
|
1396
|
-
${
|
|
1397
|
-
${
|
|
1396
|
+
${Fi}.caret-pos--top-left & ,
|
|
1397
|
+
${Fi}.caret-pos--bottom-left & {
|
|
1398
1398
|
left: -9px;
|
|
1399
1399
|
margin-left: 0;
|
|
1400
1400
|
|
|
@@ -1410,12 +1410,12 @@
|
|
|
1410
1410
|
}
|
|
1411
1411
|
|
|
1412
1412
|
// Right- & Left-oriented carets
|
|
1413
|
-
${
|
|
1414
|
-
${
|
|
1415
|
-
${
|
|
1416
|
-
${
|
|
1417
|
-
${
|
|
1418
|
-
${
|
|
1413
|
+
${Fi}.caret-pos--right & ,
|
|
1414
|
+
${Fi}.caret-pos--right-top & ,
|
|
1415
|
+
${Fi}.caret-pos--right-bottom & ,
|
|
1416
|
+
${Fi}.caret-pos--left & ,
|
|
1417
|
+
${Fi}.caret-pos--left-top & ,
|
|
1418
|
+
${Fi}.caret-pos--left-bottom & {
|
|
1419
1419
|
&::before,
|
|
1420
1420
|
&::after {
|
|
1421
1421
|
top: 50%;
|
|
@@ -1435,9 +1435,9 @@
|
|
|
1435
1435
|
}
|
|
1436
1436
|
|
|
1437
1437
|
// Right-oriented carets
|
|
1438
|
-
${
|
|
1439
|
-
${
|
|
1440
|
-
${
|
|
1438
|
+
${Fi}.caret-pos--right & ,
|
|
1439
|
+
${Fi}.caret-pos--right-top & ,
|
|
1440
|
+
${Fi}.caret-pos--right-bottom & {
|
|
1441
1441
|
&::before {
|
|
1442
1442
|
right: -${xt("space.3")};
|
|
1443
1443
|
border-left-color: ${xt("colors.border.default")};
|
|
@@ -1451,9 +1451,9 @@
|
|
|
1451
1451
|
}
|
|
1452
1452
|
|
|
1453
1453
|
// Left-oriented carets
|
|
1454
|
-
${
|
|
1455
|
-
${
|
|
1456
|
-
${
|
|
1454
|
+
${Fi}.caret-pos--left & ,
|
|
1455
|
+
${Fi}.caret-pos--left-top & ,
|
|
1456
|
+
${Fi}.caret-pos--left-bottom & {
|
|
1457
1457
|
&::before {
|
|
1458
1458
|
left: -${xt("space.3")};
|
|
1459
1459
|
border-right-color: ${xt("colors.border.default")};
|
|
@@ -1467,8 +1467,8 @@
|
|
|
1467
1467
|
}
|
|
1468
1468
|
|
|
1469
1469
|
// Right & Left: Top-oriented carets
|
|
1470
|
-
${
|
|
1471
|
-
${
|
|
1470
|
+
${Fi}.caret-pos--right-top & ,
|
|
1471
|
+
${Fi}.caret-pos--left-top & {
|
|
1472
1472
|
&::before,
|
|
1473
1473
|
&::after {
|
|
1474
1474
|
top: ${xt("space.4")};
|
|
@@ -1476,8 +1476,8 @@
|
|
|
1476
1476
|
}
|
|
1477
1477
|
|
|
1478
1478
|
// Right & Left: Bottom-oriented carets
|
|
1479
|
-
${
|
|
1480
|
-
${
|
|
1479
|
+
${Fi}.caret-pos--right-bottom & ,
|
|
1480
|
+
${Fi}.caret-pos--left-bottom & {
|
|
1481
1481
|
&::before,
|
|
1482
1482
|
&::after {
|
|
1483
1483
|
top: auto;
|
|
@@ -1493,23 +1493,23 @@
|
|
|
1493
1493
|
}
|
|
1494
1494
|
|
|
1495
1495
|
${Kt};
|
|
1496
|
-
`;
|
|
1496
|
+
`;Fi.defaultProps={caret:"top"},_i.displayName="Popover.Content";var ji=Object.assign(Fi,{Content:_i});const Ui=i.default.span`
|
|
1497
1497
|
width: ${e=>e.progress?`${e.progress}%`:0};
|
|
1498
1498
|
${yt}
|
|
1499
|
-
`,
|
|
1499
|
+
`,Gi={small:"5px",large:"10px",default:"8px"},Vi=i.default.span`
|
|
1500
1500
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
1501
1501
|
overflow: hidden;
|
|
1502
1502
|
background-color: ${xt("colors.border.default")};
|
|
1503
1503
|
border-radius: ${xt("radii.1")};
|
|
1504
|
-
height: ${e=>
|
|
1504
|
+
height: ${e=>Gi[e.barSize||"default"]};
|
|
1505
1505
|
${yt}
|
|
1506
1506
|
${ie}
|
|
1507
1507
|
${Kt};
|
|
1508
|
-
`;function
|
|
1509
|
-
${
|
|
1508
|
+
`;function Ki({progress:e,bg:t,theme:r,...a}){return n.default.createElement(Vi,Tt({theme:r},a),n.default.createElement(Ui,{progress:e,bg:t,theme:r}))}function qi(e,r,a){const o=t.useCallback((t=>{const o=()=>{a(!0)},n=t=>{const r=Array.from(e.current.querySelectorAll('[role^="menuitem"]:not([hidden]):not([disabled]):not([aria-disabled="true"])')),a=document.activeElement,o=r.indexOf(a),n=t?r[o+1]:r[o-1],i=t?r[0]:r[r.length-1];return n||i};if(!(t instanceof KeyboardEvent))return;const i=t.target instanceof Element&&"SUMMARY"===t.target.tagName;switch(t.key){case"Escape":r&&((()=>{a(!1);const t=e.current.querySelector("summary");t&&t.focus()})(),t.preventDefault(),t.stopPropagation());break;case"ArrowDown":{i&&!r&&o();const e=n(!0);e&&e.focus(),t.preventDefault()}break;case"ArrowUp":{i&&!r&&o();const e=n(!1);e&&e.focus(),t.preventDefault()}break;case" ":case"Enter":{const r=document.activeElement;r&&(e=>{const t=e.getAttribute("role");return"menuitem"===t||"menuitemcheckbox"===t||"menuitemradio"===t})(r)&&r.closest("details")===e&&(t.preventDefault(),t.stopPropagation(),r.click())}}}),[e,r,a]);t.useEffect((()=>{const t=e.current;if(t)return t.addEventListener("keydown",o),()=>{t.removeEventListener("keydown",o)}}),[e,o])}Ki.displayName="ProgressBar",Ki.defaultProps={bg:"success.emphasis",barSize:"default"};const Xi=t.createContext({}),Yi=r.css(["padding:"," ",";margin:0;font-size:",";font-weight:",";color:",";background-color:",";border-bottom:"," solid ",";"],xt("space.1"),xt("space.3"),xt("fontSizes.0"),xt("fontWeights.bold"),xt("colors.fg.muted"),xt("colors.canvas.subtle"),xt("borderWidths.1"),xt("colors.border.muted")),Ji=i.default.div`
|
|
1509
|
+
${Yi}
|
|
1510
1510
|
${yt}
|
|
1511
1511
|
${Kt};
|
|
1512
|
-
`;
|
|
1512
|
+
`;Ji.displayName="SelectMenu.Divider";var Zi=Ji;const Qi=i.default.form`
|
|
1513
1513
|
padding: ${xt("space.3")};
|
|
1514
1514
|
margin: 0;
|
|
1515
1515
|
border-bottom: ${xt("borderWidths.1")} solid ${xt("colors.border.muted")};
|
|
@@ -1521,11 +1521,11 @@
|
|
|
1521
1521
|
}
|
|
1522
1522
|
|
|
1523
1523
|
${Kt};
|
|
1524
|
-
`,
|
|
1525
|
-
${
|
|
1524
|
+
`,el=t.forwardRef((({theme:e,value:r,sx:a,...o},i)=>{const l=t.useRef(null),d=null!=i?i:l,{open:s}=t.useContext(Xi);return t.useEffect((()=>{var e;s&&(null===(e=l.current)||void 0===e||e.focus())}),[s]),n.default.createElement(Qi,{theme:e,sx:a},n.default.createElement(tn,Tt({theme:e,ref:d,width:"100%",block:!0,value:r,contrast:!0},o)))}));el.displayName="SelectMenu.Filter";var tl=el;const rl=r.css(["margin-top:-1px;padding:"," ",";font-size:",";color:",";text-align:center;border-top:"," solid ",";@media (min-width:","){padding:"," ",";}"],xt("space.2"),xt("space.3"),xt("fontSizes.0"),xt("colors.fg.muted"),xt("borderWidths.1"),xt("colors.border.muted"),xt("breakpoints.0"),xt("space.1"),xt("space.2")),al=i.default.footer`
|
|
1525
|
+
${rl}
|
|
1526
1526
|
${yt}
|
|
1527
1527
|
${Kt};
|
|
1528
|
-
`;
|
|
1528
|
+
`;al.displayName="SelectMenu.Footer";var ol=al;const nl=i.default.h3`
|
|
1529
1529
|
color: ${xt("colors.fg.default")};
|
|
1530
1530
|
flex: auto;
|
|
1531
1531
|
font-size: ${xt("fontSizes.1")};
|
|
@@ -1535,7 +1535,7 @@
|
|
|
1535
1535
|
@media (min-width: ${xt("breakpoints.0")}) {
|
|
1536
1536
|
font-size: inherit;
|
|
1537
1537
|
}
|
|
1538
|
-
`,
|
|
1538
|
+
`,il=i.default.header`
|
|
1539
1539
|
display: flex;
|
|
1540
1540
|
flex: none; // fixes header from getting squeezed in Safari iOS
|
|
1541
1541
|
padding: ${xt("space.3")};
|
|
@@ -1549,15 +1549,15 @@
|
|
|
1549
1549
|
}
|
|
1550
1550
|
|
|
1551
1551
|
${Kt};
|
|
1552
|
-
`,
|
|
1553
|
-
${
|
|
1552
|
+
`,ll=({children:e,theme:t,...r})=>n.default.createElement(il,Tt({theme:t},r),n.default.createElement(nl,{theme:t},e));ll.displayName="SelectMenuHeader",ll.displayName="SelectMenu.Header";var dl=ll;const sl=r.css(["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:",";}"],xt("space.3"),xt("colors.canvas.overlay"),xt("borderWidths.1"),xt("colors.border.muted"),xt("colors.fg.muted"),xt("fontSizes.0"),xt("breakpoints.0"),xt("space.2"),xt("space.2"),xt("space.3"),xt("space.2"),xt("colors.fg.default"),xt("colors.neutral.subtle"),xt("colors.canvas.subtle"),xt("colors.selectMenu.tapHighlight")),cl=i.default.a.attrs((()=>({role:"menuitemcheckbox"})))`
|
|
1553
|
+
${sl}
|
|
1554
1554
|
${yt}
|
|
1555
1555
|
${Kt};
|
|
1556
|
-
`,
|
|
1557
|
-
${
|
|
1556
|
+
`,fl=t.forwardRef((({children:e,selected:r,theme:a,onClick:o,...i},l)=>{const d=t.useContext(Xi),s=t.useRef(null),c=null!=l?l:s;return n.default.createElement(cl,Tt({ref:c},i,{theme:a,onClick:e=>{var t;(o&&o(e),e.defaultPrevented)||(null===(t=d.setOpen)||void 0===t||t.call(d,!1))},"aria-checked":r}),n.default.createElement(za,{theme:a,className:"SelectMenu-icon SelectMenu-selected-icon",icon:ea}),e)}));fl.defaultProps={selected:!1},fl.displayName="SelectMenu.Item";var ul=fl;const gl=r.css(["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:",";}}"],xt("colors.canvas.overlay"),xt("colors.selectMenu.tapFocusBg"),xt("colors.fg.default"),xt("colors.canvas.subtle"),xt("colors.fg.default"),xt("colors.canvas.subtle")),pl=i.default.div`
|
|
1557
|
+
${gl}
|
|
1558
1558
|
${yt}
|
|
1559
1559
|
${Kt};
|
|
1560
|
-
`;
|
|
1560
|
+
`;pl.displayName="SelectMenu.List";var bl=pl;const ml={small:"16px",medium:"32px",large:"64px"};function hl({size:e="medium",...t}){const r=ml[e];return n.default.createElement("svg",Tt({height:r,width:r,viewBox:"0 0 16 16",fill:"none"},t),n.default.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeOpacity:"0.25",strokeWidth:"2",vectorEffect:"non-scaling-stroke"}),n.default.createElement("path",{d:"M15 8a7.002 7.002 0 00-7-7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",vectorEffect:"non-scaling-stroke"}))}hl.displayName="Spinner";const vl=i.default(hl)`
|
|
1561
1561
|
@keyframes rotate-keyframes {
|
|
1562
1562
|
100% {
|
|
1563
1563
|
transform: rotate(360deg);
|
|
@@ -1568,42 +1568,42 @@
|
|
|
1568
1568
|
|
|
1569
1569
|
${yt}
|
|
1570
1570
|
${Kt}
|
|
1571
|
-
`;
|
|
1571
|
+
`;vl.displayName="Spinner";var xl=vl;const yl=i.default.div`
|
|
1572
1572
|
padding: ${xt("space.6")} ${xt("space.4")};
|
|
1573
1573
|
text-align: center;
|
|
1574
1574
|
background-color: ${xt("colors.canvas.overlay")};
|
|
1575
1575
|
${yt}
|
|
1576
|
-
`,
|
|
1577
|
-
${kl}
|
|
1578
|
-
${ie}
|
|
1579
|
-
`,Tl=i.default.div`
|
|
1576
|
+
`,wl=e=>n.default.createElement(yl,e,n.default.createElement(xl,null));wl.displayName="SelectMenuLoadingAnimation";var Bl=wl;const kl=r.keyframes(["0%{opacity:0;transform:scale(0.9);}"]),$l=r.css(["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":""),xt("colors.canvas.overlay"),xt("radii.2"),xt("shadows.shadow.small"),kl,xt("breakpoints.0"),xt("space.1"),xt("space.3"),xt("fontSizes.0"),xt("borderWidths.1"),xt("colors.border.default"),xt("radii.2"),xt("shadows.shadow.small")),Sl=r.css(["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;}"],xt("space.3"),xt("colors.primer.canvas.backdrop"),xt("breakpoints.0"),xt("breakpoints.0"),(e=>"right"===e.align?"0":"auto")),Tl=i.default.div`
|
|
1580
1577
|
${$l}
|
|
1578
|
+
${ie}
|
|
1579
|
+
`,El=i.default.div`
|
|
1580
|
+
${Sl}
|
|
1581
1581
|
${yt}
|
|
1582
1582
|
${Kt};
|
|
1583
|
-
`,
|
|
1584
|
-
${
|
|
1583
|
+
`,Cl=n.default.forwardRef((({children:e,theme:t,width:r,...a},o)=>n.default.createElement(El,Tt({theme:t},a,{role:"menu",ref:o}),n.default.createElement(Tl,{theme:t,width:r},e))));Cl.defaultProps={align:"left",width:"300px"},Cl.displayName="SelectMenu.Modal";var zl=Cl;const Rl=r.css(["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:",";}"],xt("space.2"),xt("space.3"),xt("fontSizes.0"),xt("colors.fg.muted"),xt("colors.border.muted"),xt("breakpoints.0"),xt("space.1"),xt("space.3"),xt("borderWidths.1"),xt("radii.2"),xt("radii.2"),xt("colors.text-primary"),xt("colors.canvas.overlay"),xt("colors.border.muted"),xt("breakpoints.0"),xt("colors.border.muted"),xt("colors.neutral.subtle")),Nl=i.default.button`
|
|
1584
|
+
${Rl}
|
|
1585
1585
|
${yt}
|
|
1586
1586
|
${Kt};
|
|
1587
|
-
`,
|
|
1587
|
+
`,Al=({tabName:e="",index:r,className:a,onClick:o,...i})=>{const l=t.useContext(Xi);t.useEffect((()=>{var t;l.selectedTab||0!==r||(null===(t=l.setSelectedTab)||void 0===t||t.call(l,e))}),[r,l,e]);const d=l.selectedTab===e;return n.default.createElement(Nl,Tt({role:"tab",className:Yo("SelectMenuTab",a),"aria-selected":d,onClick:t=>{var r;(o&&o(t),t.defaultPrevented)||(null===(r=l.setSelectedTab)||void 0===r||r.call(l,e))}},i),e)};Al.displayName="SelectMenuTab",Al.displayName="SelectMenu.Tab";var Il=Al;const Ll=i.default.div`
|
|
1588
1588
|
border-top: ${xt("borderWidths.1")} solid ${xt("colors.border.muted")};
|
|
1589
1589
|
${yt}
|
|
1590
1590
|
${Kt};
|
|
1591
|
-
`,
|
|
1592
|
-
${
|
|
1591
|
+
`,Ol=({tabName:e,className:r,children:a,...o})=>{const i=t.useContext(Xi);return n.default.createElement(Ll,Tt({role:"tabpanel",className:r,hidden:i.selectedTab!==e},o),n.default.createElement(bl,null,a))};Ol.displayName="TabPanel",Ol.displayName="SelectMenu.TabPanel";var Ml=Ol;const Pl=r.css(["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:",";}"],xt("breakpoints.0"),xt("space.2"),xt("space.3")),Hl=i.default.div`
|
|
1592
|
+
${Pl}
|
|
1593
1593
|
${yt}
|
|
1594
1594
|
${Kt};
|
|
1595
|
-
`,
|
|
1595
|
+
`,Dl=({children:e,...t})=>n.default.createElement(Hl,Tt({role:"tablist"},t),e);Dl.displayName="SelectMenuTabs",Dl.displayName="SelectMenu.Tabs";var Wl=Dl;const Fl=i.default.details`
|
|
1596
1596
|
${"\n // Remove marker added by the display: list-item browser default\n > summary {\n list-style: none;\n }\n // Remove marker added by details polyfill\n > summary::before {\n display: none;\n }\n // Remove marker added by Chrome\n > summary::-webkit-details-marker {\n display: none;\n }\n"}
|
|
1597
1597
|
${yt}
|
|
1598
1598
|
${Kt};
|
|
1599
|
-
`,
|
|
1599
|
+
`,_l=n.default.forwardRef((({children:e,initialTab:r="",as:a,...o},i)=>{const l=t.useRef(null),d=null!=i?i:l,[s,c]=t.useState(r),[f,u]=t.useState(!1),g={selectedTab:s,setSelectedTab:c,setOpen:u,open:f,initialTab:r},p=t.useCallback((e=>{"current"in d&&d.current&&!d.current.contains(e.target)&&(e.defaultPrevented||u(!1))}),[d,u]);return t.useEffect((()=>{if(f)return document.addEventListener("click",p),()=>{document.removeEventListener("click",p)}}),[f,p]),qi(d,f,u),n.default.createElement(Xi.Provider,{value:g},n.default.createElement(Fl,Tt({ref:d},o,{open:f,onToggle:function(e){u(e.target.open)}}),e))}));_l.displayName="SelectMenu";var jl=Object.assign(_l,{MenuContext:Xi,List:bl,Divider:Zi,Filter:tl,Footer:ol,Item:ul,Modal:zl,Tabs:Wl,Tab:Il,TabPanel:Ml,Header:dl,LoadingAnimation:Bl});function Ul({variant:e,className:t,bordered:r,children:a,...o}){const i=Yo(t,`variant-${"lightweight"===e?"lightweight":"normal"}`);return r||(o={...o,borderWidth:0}),n.default.createElement(qt,Tt({borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:i},o),a)}Ul.displayName="SideNavBase";const Gl=i.default(Ul)`
|
|
1600
1600
|
background-color: ${xt("colors.canvas.subtle")};
|
|
1601
1601
|
|
|
1602
1602
|
${e=>e.bordered&&r.css(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
|
|
1603
1603
|
|
|
1604
1604
|
${yt};
|
|
1605
1605
|
${Kt};
|
|
1606
|
-
`,
|
|
1606
|
+
`,Vl=r.css(["background-color:",";outline:none;text-decoration:none;"],xt("colors.neutral.subtle")),Kl=r.css(["color:",";text-decoration:none;outline:none;"],xt("colors.fg.default")),ql=i.default(Ai).attrs((e=>"string"==typeof e.to||e.selected?{"aria-current":"page"}:{}))`
|
|
1607
1607
|
position: relative;
|
|
1608
1608
|
display: block;
|
|
1609
1609
|
${e=>"full"===e.variant&&r.css(["display:flex;align-items:center;justify-content:space-between;"])}
|
|
@@ -1611,11 +1611,11 @@
|
|
|
1611
1611
|
text-align: left;
|
|
1612
1612
|
font-size: ${xt("fontSizes.1")};
|
|
1613
1613
|
|
|
1614
|
-
& > ${
|
|
1614
|
+
& > ${Gl} {
|
|
1615
1615
|
border-bottom: none;
|
|
1616
1616
|
}
|
|
1617
1617
|
|
|
1618
|
-
${
|
|
1618
|
+
${Gl}.variant-normal > & {
|
|
1619
1619
|
color: ${xt("colors.fg.default")};
|
|
1620
1620
|
padding: ${xt("space.3")};
|
|
1621
1621
|
border: 0;
|
|
@@ -1645,11 +1645,11 @@
|
|
|
1645
1645
|
}
|
|
1646
1646
|
|
|
1647
1647
|
&:hover {
|
|
1648
|
-
${
|
|
1648
|
+
${Vl}
|
|
1649
1649
|
}
|
|
1650
1650
|
|
|
1651
1651
|
&:focus {
|
|
1652
|
-
${
|
|
1652
|
+
${Vl}
|
|
1653
1653
|
box-shadow: ${xt("shadows.primer.shadow.focus")};
|
|
1654
1654
|
z-index: 1;
|
|
1655
1655
|
}
|
|
@@ -1665,16 +1665,16 @@
|
|
|
1665
1665
|
}
|
|
1666
1666
|
}
|
|
1667
1667
|
|
|
1668
|
-
${
|
|
1668
|
+
${Gl}.variant-lightweight > & {
|
|
1669
1669
|
padding: ${xt("space.1")} 0;
|
|
1670
1670
|
color: ${xt("colors.accent.fg")};
|
|
1671
1671
|
|
|
1672
1672
|
&:hover {
|
|
1673
|
-
${
|
|
1673
|
+
${Kl}
|
|
1674
1674
|
}
|
|
1675
1675
|
|
|
1676
1676
|
&:focus {
|
|
1677
|
-
${
|
|
1677
|
+
${Kl}
|
|
1678
1678
|
box-shadow: ${xt("shadows.primer.shadow.focus")};
|
|
1679
1679
|
z-index: 1;
|
|
1680
1680
|
}
|
|
@@ -1687,7 +1687,7 @@
|
|
|
1687
1687
|
}
|
|
1688
1688
|
|
|
1689
1689
|
${Kt};
|
|
1690
|
-
`;
|
|
1690
|
+
`;Gl.defaultProps={variant:"normal"},ql.defaultProps={variant:"normal"},ql.displayName="SideNav.Link";var Xl=Object.assign(Gl,{Link:ql});const Yl={issueOpened:oa,pullOpened:ra,issueClosed:aa,pullClosed:ra,pullMerged:ta,draft:ra},Jl=re({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"}}}),Zl=re({prop:"variant",variants:{small:{paddingX:2,paddingY:1,fontSize:0},normal:{paddingX:"12px",paddingY:2,fontSize:1}}}),Ql=i.default.span`
|
|
1691
1691
|
display: inline-flex;
|
|
1692
1692
|
align-items: center;
|
|
1693
1693
|
font-weight: ${xt("fontWeights.bold")};
|
|
@@ -1695,11 +1695,11 @@
|
|
|
1695
1695
|
color: ${xt("colors.canvas.default")};
|
|
1696
1696
|
text-align: center;
|
|
1697
1697
|
border-radius: ${xt("radii.3")};
|
|
1698
|
-
${Yl};
|
|
1699
1698
|
${Jl};
|
|
1699
|
+
${Zl};
|
|
1700
1700
|
${yt};
|
|
1701
1701
|
${Kt};
|
|
1702
|
-
`;function
|
|
1702
|
+
`;function ed({children:e,status:t,variant:r,...a}){const o="small"===r?{width:"1em"}:{};return n.default.createElement(Ql,Tt({},a,{variant:r,status:t}),t&&n.default.createElement(za,Tt({mr:1},o,{icon:Yl[t]||ia})),e)}ed.displayName="StateLabel",ed.defaultProps={variant:"normal"};const td=i.default.nav`
|
|
1703
1703
|
display: flex;
|
|
1704
1704
|
justify-content: space-between;
|
|
1705
1705
|
|
|
@@ -1723,7 +1723,7 @@
|
|
|
1723
1723
|
${yt};
|
|
1724
1724
|
${St};
|
|
1725
1725
|
${Kt};
|
|
1726
|
-
`;function
|
|
1726
|
+
`;function rd({actions:e,className:t,children:r,label:a,...o}){const i=Yo(t,"SubNav");return n.default.createElement(td,Tt({className:i,"aria-label":a},o),n.default.createElement("div",{className:"SubNav-body"},r),e&&n.default.createElement("div",{className:"SubNav-actions"},e))}function ad(e){return n.default.createElement(qt,Tt({display:"flex"},e))}rd.displayName="SubNav",ad.displayName="SubNavLinks";const od=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Yo("SubNav-item",e.selected&&"selected",e.className)})))`
|
|
1727
1727
|
padding-left: ${xt("space.3")};
|
|
1728
1728
|
padding-right: ${xt("space.3")};
|
|
1729
1729
|
font-weight: ${xt("fontWeights.semibold")};
|
|
@@ -1772,16 +1772,16 @@
|
|
|
1772
1772
|
|
|
1773
1773
|
${yt};
|
|
1774
1774
|
${Kt};
|
|
1775
|
-
`;
|
|
1775
|
+
`;od.displayName="SubNav.Link",ad.displayName="SubNav.Links";var nd=Object.assign(rd,{Link:od,Links:ad});const id=i.default.div`
|
|
1776
1776
|
margin-top: 0;
|
|
1777
1777
|
border-bottom: 1px solid ${xt("colors.border.default")};
|
|
1778
1778
|
${yt}
|
|
1779
1779
|
${Kt}
|
|
1780
|
-
`,
|
|
1780
|
+
`,ld=i.default.nav`
|
|
1781
1781
|
display: flex;
|
|
1782
1782
|
margin-bottom: -1px;
|
|
1783
1783
|
overflow: auto;
|
|
1784
|
-
`;function
|
|
1784
|
+
`;function dd({children:e,"aria-label":t,...r}){return n.default.createElement(id,r,n.default.createElement(ld,{"aria-label":t},e))}dd.displayName="TabNav";const sd=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Yo("TabNav-item",e.selected&&"selected",e.className)})))`
|
|
1785
1785
|
padding: 8px 12px;
|
|
1786
1786
|
font-size: ${xt("fontSizes.1")};
|
|
1787
1787
|
line-height: 20px;
|
|
@@ -1807,18 +1807,18 @@
|
|
|
1807
1807
|
|
|
1808
1808
|
${yt};
|
|
1809
1809
|
${Kt};
|
|
1810
|
-
`;
|
|
1810
|
+
`;sd.displayName="TabNav.Link";var cd=Object.assign(dd,{Link:sd}),fd=$(U,C,E,S,z,I,O,P,N,G,ae,oe,ne),ud=new RegExp("^("+fd.propNames.join("|")+")$");const gd={small:"16px",medium:"20px",large:"24px",extralarge:"32px"},pd="medium",bd=({as:e="span",onClick:t,onFocus:r,tabIndex:a=-1})=>Boolean(r||t||a>-1||["a","button"].includes(e)),md=re({prop:"size",variants:{small:{fontSize:0,height:gd.small,lineHeight:gd.small,paddingLeft:1,paddingRight:1,paddingTop:0,paddingBottom:0},medium:{fontSize:0,height:gd.medium,lineHeight:gd.medium,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},large:{fontSize:0,height:gd.large,lineHeight:gd.large,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},extralarge:{fontSize:1,height:gd.extralarge,lineHeight:gd.extralarge,paddingLeft:3,paddingRight:3,paddingTop:0,paddingBottom:0}}}),hd=i.default.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})))`
|
|
1811
1811
|
align-items: center;
|
|
1812
1812
|
border-radius: 999px;
|
|
1813
|
-
cursor: ${e=>
|
|
1813
|
+
cursor: ${e=>bd(e)?"pointer":"auto"};
|
|
1814
1814
|
display: inline-flex;
|
|
1815
1815
|
font-weight: ${xt("fontWeights.bold")};
|
|
1816
1816
|
font-family: inherit;
|
|
1817
1817
|
text-decoration: none;
|
|
1818
1818
|
white-space: nowrap;
|
|
1819
|
-
${
|
|
1819
|
+
${md}
|
|
1820
1820
|
${Kt}
|
|
1821
|
-
`;
|
|
1821
|
+
`;hd.defaultProps={as:"span",size:pd};var vd=hd;const xd=re({prop:"size",variants:{small:{height:gd.small,width:gd.small},medium:{height:gd.medium,width:gd.medium},large:{height:gd.large,width:gd.large},extralarge:{height:gd.extralarge,width:gd.extralarge}}}),yd=e=>.75*parseInt(gd[e||pd],10),wd=i.default.span`
|
|
1822
1822
|
background-color: transparent;
|
|
1823
1823
|
font-family: inherit;
|
|
1824
1824
|
color: currentColor;
|
|
@@ -1848,9 +1848,9 @@
|
|
|
1848
1848
|
background-color: ${xt("colors.neutral.subtle")};
|
|
1849
1849
|
}
|
|
1850
1850
|
|
|
1851
|
-
${
|
|
1851
|
+
${xd}
|
|
1852
1852
|
${Kt}
|
|
1853
|
-
`,
|
|
1853
|
+
`,Bd=({"aria-label":e,isParentInteractive:t,size:r,...a})=>(delete a.children,n.default.createElement(wd,Tt({as:t?"span":"button",tabIndex:t?-1:void 0,"aria-label":t?e:"Remove token",size:r},a),n.default.createElement(da,{size:yd(r)})));Bd.displayName="RemoveTokenButton",Bd.defaultProps={size:pd};var kd=Bd;var $d=i.default("span")`
|
|
1854
1854
|
flex-grow: 1;
|
|
1855
1855
|
min-width: 0;
|
|
1856
1856
|
overflow: hidden;
|
|
@@ -1891,7 +1891,7 @@
|
|
|
1891
1891
|
bottom: 0;
|
|
1892
1892
|
}
|
|
1893
1893
|
}
|
|
1894
|
-
`;const
|
|
1894
|
+
`;const Sd=i.default(vd)`
|
|
1895
1895
|
background-color: ${xt("colors.neutral.subtle")};
|
|
1896
1896
|
border-color: ${e=>e.isSelected?xt("colors.fg.default"):xt("colors.border.subtle")};
|
|
1897
1897
|
border-style: solid;
|
|
@@ -1903,18 +1903,18 @@
|
|
|
1903
1903
|
${Kt}
|
|
1904
1904
|
|
|
1905
1905
|
${e=>{if(e.isTokenInteractive)return r.css(["&:hover{background-color:",";box-shadow:",";color:",";}"],xt("colors.neutral.muted"),xt("colors.shadow.medium"),xt("colors.fg.default"))}}
|
|
1906
|
-
`,
|
|
1906
|
+
`,Td=i.default("span")`
|
|
1907
1907
|
flex-shrink: 0;
|
|
1908
1908
|
line-height: 0;
|
|
1909
1909
|
|
|
1910
1910
|
${e=>{switch(e.size){case"large":case"extralarge":return r.css(["margin-right:",";"],xt("space.2"));default:return r.css(["margin-right:",";"],xt("space.1"))}}}
|
|
1911
|
-
`,
|
|
1911
|
+
`,Ed=t.forwardRef(((e,t)=>{const{as:r,onRemove:a,id:o,leadingVisual:i,text:l,size:d,hideRemoveButton:s,href:c,onClick:f,...u}=e,g=bd(e)&&Boolean(a)&&!s,p={as:r,href:c,onClick:f};return n.default.createElement(Sd,Tt({onRemove:a,hideRemoveButton:s||!a,id:null==o?void 0:o.toString(),text:l,size:d,isTokenInteractive:bd(e)},g?{}:p,u,{ref:t}),i?n.default.createElement(Td,{size:d},n.default.createElement(i,null)):null,n.default.createElement($d,g?p:{},l),!s&&a?n.default.createElement(kd,{borderOffset:1,onClick:e=>{e.stopPropagation(),a&&a()},size:d,isParentInteractive:bd(e),"aria-hidden":g?"true":"false",sx:g?{position:"relative",zIndex:"1"}:{}}):null)}));Ed.displayName="Token",Ed.defaultProps={size:pd};var Cd=Ed;const zd={small:0,medium:1,large:1,extralarge:2};function Rd({icon:e,contrast:r,className:a,block:o,disabled:i,theme:l,sx:d,tokens:s,onTokenRemove:c,tokenComponent:f,preventTokenWrapping:u,size:g,hideTokenRemoveButtons:p,maxHeight:b,width:m,minWidth:h,maxWidth:v,variant:x,visibleTokenCount:y,...w},B){const{onBlur:k,onFocus:$,onKeyDown:S,...T}=function(e){var t={};for(var r in e)ud.test(r)||(t[r]=e[r]);return t}(w),E=yr(B),C=Ma(t.useRef(null),E),[z,R]=t.useState(),[N,A]=t.useState(Boolean(y)),{containerRef:I}=Ra({focusOutBehavior:"wrap",bindKeys:Er.ArrowHorizontal|Er.HomeAndEnd,focusableElementFilter:e=>!e.getAttributeNames().includes("aria-hidden"),getNextFocusable:e=>{var t;if(!z&&0!==z)return;let r=z+1;return"next"===e&&(r+=1),"previous"===e&&(r-=1),r>s.length||r<1?C.current||void 0:null===(t=I.current)||void 0===t?void 0:t.children[r]}},[z]),L=e=>{c(e),setTimeout((()=>{var e,t;const r=null===(e=I.current)||void 0===e?void 0:e.children[z||0],a=r&&pr(r)?r:Array.from((null===(t=I.current)||void 0===t?void 0:t.children)||[]).find((e=>pr(e)));var o;a?a.focus():null===(o=E.current)||void 0===o||o.focus()}),0)},O=()=>{R(void 0),setTimeout((()=>{var e;null!==(e=I.current)&&void 0!==e&&e.contains(document.activeElement)||!y||A(!0)}),0)},M=e=>{var t;"Escape"===e.key&&(null===(t=E.current)||void 0===t||t.focus())},P=e=>{e.stopPropagation()},H=N?s.slice(0,y):s;return n.default.createElement(Qo,{block:o,className:a,contrast:r,disabled:i,hasIcon:!!e,theme:l,width:m,minWidth:h,maxWidth:v,variant:x,onClick:()=>{var e;null===(e=C.current)||void 0===e||e.focus()},sx:{...o?{display:"flex",width:"100%"}:{},...b?{maxHeight:b,overflow:"auto"}:{},...u?{overflow:"auto"}:{},...d}},n.default.createElement(qt,{ref:I,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"}}},n.default.createElement(qt,{sx:{order:1,flexGrow:1}},e&&n.default.createElement(e,{className:"TextInput-icon"}),n.default.createElement(Jo,Tt({ref:C,disabled:i,onFocus:e=>{$&&$(e),R(void 0),y&&A(!1)},onBlur:e=>{k&&k(e),setTimeout((()=>{var e;null!==(e=I.current)&&void 0!==e&&e.contains(document.activeElement)||!y||A(!0)}),0)},onKeyDown:e=>{var t;if(S&&S(e),null!==(t=E.current)&&void 0!==t&&t.value)return;const r=s[s.length-1];"Backspace"===e.key&&r&&(L(r.id),E.current&&(E.current.value=`${r.text} `),setTimeout((()=>{var e;null===(e=E.current)||void 0===e||e.select()}),0))},type:"text",sx:{height:"100%"}},T))),f?H.map((({id:e,...t},r)=>{return n.default.createElement(f,Tt({key:e,onFocus:(a=r,()=>{R(a)}),onBlur:O,onKeyUp:M,onClick:P,isSelected:z===r,onRemove:()=>{L(e)},hideRemoveButton:p,size:g,tabIndex:0},t));var a})):null,N?n.default.createElement(Un,{color:"fg.muted",fontSize:g&&zd[g]},"+",s.length-H.length):null))}Rd.displayName="TextInputWithTokensInnerComponent";const Nd=n.default.forwardRef(Rd);Nd.defaultProps={tokenComponent:Cd,size:"extralarge",hideTokenRemoveButtons:!1,preventTokenWrapping:!1},Nd.displayName="TextInputWithTokens";var Ad=Nd;const Id=i.default(qt)`
|
|
1912
1912
|
display: flex;
|
|
1913
1913
|
flex-direction: column;
|
|
1914
1914
|
${e=>e.clipSidebar&&r.css([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
|
1915
1915
|
|
|
1916
1916
|
${Kt};
|
|
1917
|
-
`,
|
|
1917
|
+
`,Ld=i.default(qt).attrs((e=>({className:Yo("Timeline-Item",e.className)})))`
|
|
1918
1918
|
display: flex;
|
|
1919
1919
|
position: relative;
|
|
1920
1920
|
padding: ${xt("space.3")} 0;
|
|
@@ -1935,7 +1935,7 @@
|
|
|
1935
1935
|
|
|
1936
1936
|
${yt};
|
|
1937
1937
|
${Kt};
|
|
1938
|
-
`,
|
|
1938
|
+
`,Od=e=>n.default.createElement(qt,{position:"relative",zIndex:1},n.default.createElement(qt,Tt({display:"flex",className:Yo(e.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"},e),e.children));Od.displayName="TimelineBadge";const Md=i.default(qt)`
|
|
1939
1939
|
min-width: 0;
|
|
1940
1940
|
max-width: 100%;
|
|
1941
1941
|
margin-top: ${xt("space.1")};
|
|
@@ -1943,7 +1943,7 @@
|
|
|
1943
1943
|
flex: auto;
|
|
1944
1944
|
font-size: ${xt("fontSizes.1")};
|
|
1945
1945
|
${Kt};
|
|
1946
|
-
`,
|
|
1946
|
+
`,Pd=i.default(qt)`
|
|
1947
1947
|
position: relative
|
|
1948
1948
|
z-index: 1;
|
|
1949
1949
|
height: 24px;
|
|
@@ -1954,15 +1954,15 @@
|
|
|
1954
1954
|
border: 0;
|
|
1955
1955
|
border-top: ${xt("space.1")} solid ${xt("colors.border.default")};
|
|
1956
1956
|
${Kt};
|
|
1957
|
-
`;
|
|
1957
|
+
`;Ld.displayName="Timeline.Item",Od.displayName="Timeline.Badge",Md.displayName="Timeline.Body",Pd.displayName="Timeline.Break";var Hd=Object.assign(Id,{Item:Ld,Badge:Od,Body:Md,Break:Pd});function Dd(e,t,r){return Math.min(Math.max(e,r),t)}class Wd extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function Fd(e){if("string"!=typeof e)throw new Wd(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=Xd.test(e)?function(e){const t=e.toLowerCase().trim(),r=jd[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 Wd(e);return`#${r}`}(e):e;const r=Gd.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Ud(e,2),16))),parseInt(Ud(e[3]||"f",2),16)/255]}const a=Vd.exec(t);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const o=Kd.exec(t);if(o){const e=Array.from(o).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,a,o]=Array.from(n).slice(1).map(parseFloat);if(Dd(0,100,r)!==r)throw new Wd(e);if(Dd(0,100,a)!==a)throw new Wd(e);return[...Jd(t,r,a),o||1]}throw new Wd(e)}const _d=e=>parseInt(e.replace(/_/g,""),36),jd="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=_d(t.substring(0,3)),a=_d(t.substring(3)).toString(16);let o="";for(let e=0;e<6-a.length;e++)o+="0";return e[r]=`${o}${a}`,e}),{}),Ud=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),Gd=new RegExp(`^#${Ud("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Vd=new RegExp(`^#${Ud("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Kd=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Ud(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),qd=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Xd=/^[a-z]+$/i,Yd=e=>Math.round(255*e),Jd=(e,t,r)=>{let a=r/100;if(0===t)return[a,a,a].map(Yd);const o=(e%360+360)%360/60,n=(1-Math.abs(2*a-1))*(t/100),i=n*(1-Math.abs(o%2-1));let l=0,d=0,s=0;o>=0&&o<1?(l=n,d=i):o>=1&&o<2?(l=i,d=n):o>=2&&o<3?(d=n,s=i):o>=3&&o<4?(d=i,s=n):o>=4&&o<5?(l=i,s=n):o>=5&&o<6&&(l=n,s=i);const c=a-n/2;return[l+c,d+c,s+c].map(Yd)};const Zd={"--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))"},Qd={"--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))"},es=t.forwardRef(((e,r)=>{const{as:a,fillColor:o="#999",onRemove:i,id:l,isSelected:d,text:s,size:c,hideRemoveButton:f,href:u,onClick:g,...p}=e,b={as:a,href:u,onClick:g},{colorScheme:m}=jt(),h=bd(e)&&Boolean(i)&&!f,v=t.useMemo((()=>{const[e,t,r]=Fd(o),[a,n,l]=function(e){const[t,r,a,o]=Fd(e).map(((e,t)=>3===t?e:e/255)),n=Math.max(t,r,a),i=Math.min(t,r,a),l=(n+i)/2;if(n===i)return[0,0,l,o];const d=n-i;return[60*(t===n?(r-a)/d+(r<a?6:0):r===n?(a-t)/d+2:(t-r)/d+4),l>.5?d/(2-n-i):d/(n+i),l,o]}(o);return{"--label-r":String(e),"--label-g":String(t),"--label-b":String(r),"--label-h":String(Math.round(a)),"--label-s":String(Math.round(100*n)),"--label-l":String(Math.round(100*l)),"--perceived-lightness":"calc(((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255)","--lightness-switch":"max(0, min(calc((var(--perceived-lightness) - var(--lightness-threshold)) * -1000), 1))",paddingRight:f||!i?void 0:0,position:"relative",..."light"===m?Zd:Qd,...d?{background:"light"===m?"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%))":Qd.background,":focus":{outline:"none"},":after":{content:'""',position:"absolute",zIndex:1,top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",display:"block",pointerEvents:"none",boxShadow:"0 0 0 2px "+("light"===m?"rgb(var(--label-r), var(--label-g), var(--label-b))":"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%))"),borderRadius:"999px"}}:{}}}),[m,o,d,f,i]);return n.default.createElement(vd,Tt({onRemove:i,id:null==l?void 0:l.toString(),isSelected:d,text:s,size:c,sx:v},h?{}:b,p,{ref:r}),n.default.createElement($d,h?b:{},s),!f&&i?n.default.createElement(kd,{borderOffset:1,onClick:e=>{e.stopPropagation(),i&&i()},size:c,"aria-hidden":h?"true":"false",isParentInteractive:bd(e),sx:h?{position:"relative",zIndex:"1"}:{}}):null)}));es.defaultProps={fillColor:"#999",size:pd},es.displayName="IssueLabelToken";var ts=es;const rs=i.default.span`
|
|
1958
1958
|
// 'space.1' is used because to match space from the left of the token to the left of the avatar
|
|
1959
1959
|
// '* 2' is done to account for the top and bottom
|
|
1960
1960
|
--spacing: calc(${xt("space.1")} * 2);
|
|
1961
1961
|
|
|
1962
1962
|
display: block;
|
|
1963
|
-
height: ${e=>`calc(${
|
|
1964
|
-
width: ${e=>`calc(${
|
|
1965
|
-
`,
|
|
1963
|
+
height: ${e=>`calc(${gd[e.avatarSize]} - var(--spacing))`};
|
|
1964
|
+
width: ${e=>`calc(${gd[e.avatarSize]} - var(--spacing))`};
|
|
1965
|
+
`,as=t.forwardRef((({avatarSrc:e,id:t,size:r,...a},o)=>n.default.createElement(Cd,Tt({leadingVisual:()=>n.default.createElement(rs,{avatarSize:r||pd},n.default.createElement(gn,{src:e,size:parseInt(gd[r||pd],10),sx:{width:"100%",height:"100%"}})),size:r,id:null==t?void 0:t.toString(),sx:{paddingLeft:xt("space.1")}},a,{ref:o}))));as.defaultProps={size:pd},as.displayName="AvatarToken";var os=as;const ns=i.default.span`
|
|
1966
1966
|
position: relative;
|
|
1967
1967
|
|
|
1968
1968
|
&::before {
|
|
@@ -2188,7 +2188,7 @@
|
|
|
2188
2188
|
}
|
|
2189
2189
|
${yt};
|
|
2190
2190
|
${Kt};
|
|
2191
|
-
`;function
|
|
2191
|
+
`;function is({direction:e="n",children:t,className:r,text:a,noDelay:o,align:i,wrap:l,...d}){const s=Yo(r,`tooltipped-${e}`,i&&`tooltipped-align-${i}-2`,o&&"tooltipped-no-delay",l&&"tooltipped-multiline");return n.default.createElement(ns,Tt({role:"tooltip","aria-label":a},d,{className:s}),t)}is.displayName="Tooltip",is.alignments=["left","right"],is.directions=["n","ne","e","se","s","sw","w","nw"];const ls=i.default.nav`
|
|
2192
2192
|
display: flex;
|
|
2193
2193
|
justify-content: space-between;
|
|
2194
2194
|
border-bottom: 1px solid ${xt("colors.border.muted")};
|
|
@@ -2219,7 +2219,7 @@
|
|
|
2219
2219
|
|
|
2220
2220
|
${yt};
|
|
2221
2221
|
${Kt};
|
|
2222
|
-
`;function
|
|
2222
|
+
`;function ds({actions:e,className:t,align:r,children:a,full:o,label:i,theme:l,...d}){const s=Yo(t,"UnderlineNav",r&&`UnderlineNav--${r}`,o&&"UnderlineNav--full");return n.default.createElement(ls,Tt({className:s,"aria-label":i,theme:l},d),n.default.createElement("div",{className:"UnderlineNav-body"},a),e&&n.default.createElement("div",{className:"UnderlineNav-actions"},e))}ds.displayName="UnderlineNav";const ss=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Yo("UnderlineNav-item",e.selected&&"selected",e.className)})))`
|
|
2223
2223
|
padding: ${xt("space.3")} ${xt("space.2")};
|
|
2224
2224
|
margin-right: ${xt("space.3")};
|
|
2225
2225
|
font-size: ${xt("fontSizes.1")};
|
|
@@ -2252,5 +2252,5 @@
|
|
|
2252
2252
|
|
|
2253
2253
|
${yt};
|
|
2254
2254
|
${Kt};
|
|
2255
|
-
`;
|
|
2255
|
+
`;ss.displayName="UnderlineNav.Link";var cs=Object.assign(ds,{Link:ss});e.Absolute=ar,e.ActionList=Po,e.ActionMenu=Ko,e.Autocomplete=fn,e.Avatar=gn,e.AvatarPair=mn,e.AvatarStack=xn,e.AvatarToken=os,e.BaseStyles=zt,e.BorderBox=Yt,e.Box=qt,e.BranchName=yn,e.Breadcrumb=Tn,e.Breadcrumbs=Sn,e.Button=jr,e.ButtonClose=ca,e.ButtonDanger=Ur,e.ButtonGroup=Vr,e.ButtonInvisible=Xr,e.ButtonOutline=Kr,e.ButtonPrimary=qr,e.ButtonTableList=Yr,e.Caret=In,e.CircleBadge=Pn,e.CircleOcticon=Hn,e.ConfirmationDialog=go,e.CounterLabel=Dn,e.Details=Fn,e.Dialog=Jn,e.Dropdown=ni,e.DropdownButton=ii,e.DropdownMenu=li,e.FilterList=gi,e.FilteredSearch=di,e.Fixed=or,e.Flash=mi,e.Flex=Zt,e.FormGroup=xi,e.Grid=er,e.Header=ki,e.Heading=Si,e.IssueLabelToken=ts,e.Label=Ri,e.LabelGroup=Ti,e.Link=Ai,e.Overlay=_o,e.Pagehead=Ii,e.Pagination=Pi,e.PointerBox=Wi,e.Popover=ji,e.Position=rr,e.ProgressBar=Ki,e.Relative=nr,e.SSRProvider=function(e){let r=t.useContext(Ha),a=t.useMemo((()=>({prefix:r===Pa?"":r.prefix+"-"+ ++r.current,current:0})),[r]);return n.default.createElement(Ha.Provider,{value:a},e.children)},e.SelectMenu=jl,e.SideNav=Xl,e.Spinner=xl,e.StateLabel=ed,e.Sticky=ir,e.StyledOcticon=za,e.SubNav=nd,e.TabNav=cd,e.Text=Un,e.TextInput=tn,e.TextInputWithTokens=Ad,e.ThemeProvider=Vt,e.Timeline=Hd,e.Token=Cd,e.Tooltip=is,e.Truncate=xo,e.UnderlineNav=cs,e.theme=d,e.themeGet=xt,e.useColorSchemeVar=Ut,e.useConfirm=function(){const{theme:e,colorMode:r,dayScheme:a,nightScheme:o}=jt();return t.useCallback((t=>async function(e,t){const{content:r,...a}=t;return new Promise((t=>{const o=document.createElement("div");l.default.render(n.default.createElement(_t,e,n.default.createElement(go,Tt({},a,{onClose:e=>{l.default.unmountComponentAtNode(o),t("confirm"===e)}}),r)),o)}))}({theme:e,colorMode:r,dayScheme:a,nightScheme:o},t)),[e,r,a,o])},e.useDetails=lr,e.useOnEscapePress=xr,e.useOnOutsideClick=ur,e.useOpenAndCloseFocus=mr,e.useOverlay=wr,e.useSSRSafeId=Wa,e.useSafeTimeout=function(){const e=t.useRef(new Set),r=t.useCallback(((t,r,...a)=>{const o=window.setTimeout(t,r,...a);return e.current.add(o),o}),[]),a=t.useCallback((t=>{clearTimeout(t),e.current.delete(t)}),[]);return t.useEffect((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:r,safeClearTimeout:a}},e.useTheme=jt,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2256
2256
|
//# sourceMappingURL=browser.umd.js.map
|