@primer/components 0.0.0-2021919202426 → 0.0.0-2021921114926
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/dist/browser.esm.js +15 -13
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +15 -13
- package/dist/browser.umd.js.map +1 -1
- package/lib/TextInputWithTokens.d.ts +0 -4
- package/lib/TextInputWithTokens.js +24 -70
- package/lib/Token/Token.js +13 -2
- package/lib/Token/TokenBase.js +0 -4
- package/lib/Token/_RemoveTokenButton.js +15 -2
- package/lib/_TextInputWrapper.js +1 -1
- package/lib-esm/TextInputWithTokens.d.ts +0 -4
- package/lib-esm/TextInputWithTokens.js +25 -70
- package/lib-esm/Token/Token.js +13 -2
- package/lib-esm/Token/TokenBase.js +0 -4
- package/lib-esm/Token/_RemoveTokenButton.js +11 -2
- package/lib-esm/_TextInputWrapper.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/dist/browser.esm.js
CHANGED
@@ -19,7 +19,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
19
19
|
`,Dt=f.div`
|
20
20
|
${At};
|
21
21
|
${It};
|
22
|
-
`;function Wt(t){const{children:r,...o}=t;return require("focus-visible"),e.createElement(Dt,Pt({},o,{"data-portal-root":!0}),e.createElement(Ht,null),r)}Wt.displayName="BaseStyles",Wt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Ft=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===_t}(e)}(e)};var _t="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function jt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?qt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function Ut(e,t,r){return e.concat(t).map((function(e){return jt(e,r)}))}function Gt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Kt(e,t){try{return t in e}catch(e){return!1}}function Vt(e,t,r){var o={};return r.isMergeableObject(e)&&Gt(e).forEach((function(t){o[t]=jt(e[t],r)})),Gt(t).forEach((function(a){(function(e,t){return Kt(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(Kt(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return qt;var r=t.customMerge(e);return"function"==typeof r?r:qt}(a,r)(e[a],t[a],r):o[a]=jt(t[a],r))})),o}function qt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||Ut,r.isMergeableObject=r.isMergeableObject||Ft,r.cloneUnlessOtherwiseSpecified=jt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):Vt(e,t,r):jt(t,r)}qt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return qt(e,r,t)}),{})};var Xt=qt;const Yt=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Jt=({children:t,...r})=>{var o,a,n,i,l,d,s,c;const{theme:f,colorMode:g,dayScheme:p,nightScheme:b}=Zt(),m=null!==(o=null!==(a=r.theme)&&void 0!==a?a:f)&&void 0!==o?o:x,[h,v]=e.useState(null!==(n=null!==(i=r.colorMode)&&void 0!==i?i:g)&&void 0!==n?n:"day"),[y,w]=e.useState(null!==(l=null!==(d=r.dayScheme)&&void 0!==d?d:p)&&void 0!==l?l:"light"),[B,$]=e.useState(null!==(s=null!==(c=r.nightScheme)&&void 0!==c?c:b)&&void 0!==s?s:"dark"),k=function(e,t){switch(e){case"auto":return t;default:return e}}(h,function(){const[t,r]=e.useState(er);return e.useEffect((()=>{var e,t;const o=null===(e=window)||void 0===e||null===(t=e.matchMedia)||void 0===t?void 0:t.call(e,"(prefers-color-scheme: dark)");function a(e){const t=e.matches;r(t?"night":"day")}if(o){if(void 0!==o.addEventListener)return o.addEventListener("change",a),function(){o.removeEventListener("change",a)};if(void 0!==o.addListener)return o.addListener(a),function(){o.removeListener(a)}}}),[]),t}()),T=function(e,t,r){switch(e){case"day":return t;case"night":return r}}(k,y,B),S=e.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Xt(e,e.colorSchemes[r])}return Xt(e,e.colorSchemes[t])}(m,T)),[m,T]);return e.useEffect((()=>{var e,t;v(null!==(e=null!==(t=r.colorMode)&&void 0!==t?t:g)&&void 0!==e?e:"day")}),[r.colorMode,g]),e.useEffect((()=>{var e,t;w(null!==(e=null!==(t=r.dayScheme)&&void 0!==t?t:p)&&void 0!==e?e:"light")}),[r.dayScheme,p]),e.useEffect((()=>{var e,t;$(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:b)&&void 0!==e?e:"dark")}),[r.nightScheme,b]),e.createElement(Yt.Provider,{value:{theme:S,colorScheme:T,colorMode:h,resolvedColorMode:k,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:$}},e.createElement(u,{theme:S},t))};function Zt(){return e.useContext(Yt)}function Qt(e,t){var r;const{colorScheme:o=""}=Zt();return null!==(r=e[o])&&void 0!==r?r:t}function er(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}Jt.displayName="ThemeProvider";var tr=Jt;var rr=e=>ge(e.sx);var or=f.div(te,H,D,M,W,_,K,U,q,re,rr);const ar=f(or)``;ar.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var nr=ar;const ir=f(or)``;ir.defaultProps={display:"flex"};var lr=ir;const dr=f(or)``;dr.defaultProps={display:"grid"};var sr=dr;const cr=f(or)``;var fr=cr;const gr=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"absolute",ref:r}))));gr.displayName="Absolute";const ur=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"fixed",ref:r}))));ur.displayName="Fixed";const pr=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"relative",ref:r}))));pr.displayName="Relative";const br=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"sticky",ref:r}))));function mr({ref:e,closeOnOutsideClick:n,defaultOpen:i,onClickOutside:l}){const[d,s]=t(i),c=r(null),f=null!=e?e:c,g=o((e=>{const{current:t}=f;e.target.closest("details")!==t&&(l&&l(e),e.defaultPrevented||s(!1))}),[f,s,l]);a((()=>{if(d&&n)return document.addEventListener("click",g),()=>{document.removeEventListener("click",g)}}),[d,n,g]);const u=e=>{if(!e.defaultPrevented){const t=e.target;s(t.open)}};return{open:d,setOpen:s,getDetailsProps:()=>({onToggle:u,open:d,ref:f})}}function hr(){const e=r(new Set),t=o(((t,r,...o)=>{const a=window.setTimeout(t,r,...o);return e.current.add(a),a}),[]),n=o((t=>{clearTimeout(t),e.current.delete(t)}),[]);return a((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:t,safeClearTimeout:n}}br.defaultProps={top:0,zIndex:1},br.displayName="Sticky";function vr(e){if(!e.defaultPrevented)for(const t of Object.values(xr).reverse())if(true===t(e)||e.defaultPrevented)break}const xr={};let yr=0;const wr=({containerRef:e,ignoreClickRefs:t,onClickOutside:r})=>{const i=n((()=>yr++),[]),l=o((o=>{var a;return o instanceof MouseEvent&&o.button>0||(!(null===(a=e.current)||void 0===a||!a.contains(o.target))||(!(!t||!t.some((({current:e})=>null==e?void 0:e.contains(o.target))))||void r(o)))}),[e,t,r]);a((()=>(0===Object.keys(xr).length&&document.addEventListener("mousedown",vr,{capture:!0}),function(e,t){xr[e]=t}(i,l),()=>{!function(e){delete xr[e]}(i),0===Object.keys(xr).length&&document.removeEventListener("mousedown",vr,{capture:!0})})),[i,l])};function*Br(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?kr:$r,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,a)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,a)&&(yield e)}function $r(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,o=e.hidden,a=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||o||a)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),o=0===e.getClientRects().length;if(t||r||o)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function kr(e,t=!1){return $r(e,t)&&"-1"!==e.getAttribute("tabindex")}function Tr({initialFocusRef:e,returnFocusRef:t,containerRef:r,preventFocusOnOpen:o}){a((()=>{if(o)return;const a=t.current;if(e&&e.current)e.current.focus();else if(r.current){const e=Br(r.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,t,r,o])}const Sr=[];function Er(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=Sr.length-1;t>=0&&(Sr[t](e),!e.defaultPrevented);--t);}const Cr=(e,t=[e])=>{const r=o(e,t);a((()=>(0===Sr.length&&document.addEventListener("keydown",Er),Sr.push(r),()=>{Sr.splice(Sr.findIndex((e=>e===r)),1),0===Sr.length&&document.removeEventListener("keydown",Er)})),[r])};function zr(t){const r=e.useRef(null);return null!=t?t:r}const Nr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n,preventFocusOnOpen:i})=>{const l=zr(e);return Tr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),wr({containerRef:l,ignoreClickRefs:a,onClickOutside:n}),Cr(o),{ref:l}};let Ir,Ar=!1;function Rr(){}try{const e=Object.create({},{signal:{get(){Ar=!0}}});window.addEventListener("test",Rr,e),window.removeEventListener("test",Rr,e)}catch(Gd){}function Lr(){Ar||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,o){return"object"==typeof o&&"signal"in o&&o.signal instanceof AbortSignal&&e.call(o.signal,"abort",(()=>{this.removeEventListener(t,r,o)})),e.call(this,t,r,o)}}(),Ar=!0)}function Or(){return void 0===Ir&&(Ir=/^mac/i.test(window.navigator.platform)),Ir}let Mr,Pr=1e4;function Hr(){return"__primer_id_"+Pr++}Lr(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Mr||(Mr={}));const Dr={ArrowLeft:Mr.ArrowHorizontal,ArrowDown:Mr.ArrowVertical,ArrowUp:Mr.ArrowVertical,ArrowRight:Mr.ArrowHorizontal,h:Mr.HL,j:Mr.JK,k:Mr.JK,l:Mr.HL,a:Mr.AD,s:Mr.WS,w:Mr.WS,d:Mr.AD,Tab:Mr.Tab,Home:Mr.HomeAndEnd,End:Mr.HomeAndEnd,PageUp:Mr.PageUpDown,PageDown:Mr.PageUpDown},Wr={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Fr(e){const t=Wr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Or();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}function _r(e,t){var r,o,a,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Mr.ArrowAll:Mr.ArrowVertical)|Mr.HomeAndEnd,s=null!==(o=null==t?void 0:t.focusOutBehavior)&&void 0!==o?o:"stop",c=null!==(a=null==t?void 0:t.focusInStrategy)&&void 0!==a?a:"previous",f=null==t?void 0:t.activeDescendantControl,g=null==t?void 0:t.onActiveDescendantChanged;let u;function p(){return i[0]}function b(e,t=!1){const r=u;u=e,f?e&&document.activeElement===f?m(r,e,t):h():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function m(t,r,o=!1){r.id||r.setAttribute("id",Hr()),t&&t!==r&&t.removeAttribute("data-is-active-descendant"),f&&(o||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute("data-has-active-descendant",r.id),r.setAttribute("data-is-active-descendant",o?"activated-directly":"activated-indirectly"),null==g||g(r,t,o))}function h(t=u){"first"===c&&(u=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==t||t.removeAttribute("data-is-active-descendant"),null==g||g(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,o;return null===(r=null==t||null===(o=t.focusableElementFilter)||void 0===o?void 0:o.call(t,e))||void 0===r||r}));if(0===r.length)return;const o=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===o?i.length:o,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");u||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===u){b(p())}}}v(...Br(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...Br(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...Br(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(f.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),f.addEventListener("focusin",(()=>{u?m(void 0,u):b(p())})),f.addEventListener("focusout",(()=>{h()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==u&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===k?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);k=void 0}),{signal:w});const $=null!=f?f:e;let k;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&(k=Fr(e))}),{signal:w,capture:!0}),$.addEventListener("keydown",(r=>{if(r.key in Wr){const a=Dr[r.key];if(!r.defaultPrevented&&(a&d)>0&&!function(e,t){const r=e.key,o=[...r].length,a=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(a&&(1===o||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===o)return!0;if("ArrowDown"===r&&Or()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Or()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(a){const e=t,o=0===e.selectionStart&&0===e.selectionEnd,a=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!o)return!0;if("ArrowRight"===r&&!a)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!o)return!0;if("ArrowDown"===r&&!a)return!0}}return!1}(r,document.activeElement)){const a=Fr(r);let n;var o;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(a,null!==(o=document.activeElement)&&void 0!==o?o:void 0,r);if(!n){const t=function(){if(!u)return 0;const t=i.indexOf(u);return-1!==t?t:u===e?-1:0}();let o=t;"previous"===a?o-=1:"start"===a?o=0:"next"===a?o+=1:o=i.length-1,o<0&&(o="wrap"===s&&"Tab"!==r.key?i.length-1:0),o>=i.length&&(o="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==o&&(n=i[o])}f?b(n||u,!0):n&&(k=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var jr=p(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],Nt("fontWeights.bold"),Nt("radii.2"));const Ur=O(Ne,It,Lt),Gr=ue({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Kr=f.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
22
|
+
`;function Wt(t){const{children:r,...o}=t;return require("focus-visible"),e.createElement(Dt,Pt({},o,{"data-portal-root":!0}),e.createElement(Ht,null),r)}Wt.displayName="BaseStyles",Wt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Ft=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===_t}(e)}(e)};var _t="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function jt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?qt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function Ut(e,t,r){return e.concat(t).map((function(e){return jt(e,r)}))}function Gt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Kt(e,t){try{return t in e}catch(e){return!1}}function Vt(e,t,r){var o={};return r.isMergeableObject(e)&&Gt(e).forEach((function(t){o[t]=jt(e[t],r)})),Gt(t).forEach((function(a){(function(e,t){return Kt(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(Kt(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return qt;var r=t.customMerge(e);return"function"==typeof r?r:qt}(a,r)(e[a],t[a],r):o[a]=jt(t[a],r))})),o}function qt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||Ut,r.isMergeableObject=r.isMergeableObject||Ft,r.cloneUnlessOtherwiseSpecified=jt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):Vt(e,t,r):jt(t,r)}qt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return qt(e,r,t)}),{})};var Xt=qt;const Yt=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Jt=({children:t,...r})=>{var o,a,n,i,l,d,s,c;const{theme:f,colorMode:g,dayScheme:p,nightScheme:b}=Zt(),m=null!==(o=null!==(a=r.theme)&&void 0!==a?a:f)&&void 0!==o?o:x,[h,v]=e.useState(null!==(n=null!==(i=r.colorMode)&&void 0!==i?i:g)&&void 0!==n?n:"day"),[y,w]=e.useState(null!==(l=null!==(d=r.dayScheme)&&void 0!==d?d:p)&&void 0!==l?l:"light"),[B,$]=e.useState(null!==(s=null!==(c=r.nightScheme)&&void 0!==c?c:b)&&void 0!==s?s:"dark"),k=function(e,t){switch(e){case"auto":return t;default:return e}}(h,function(){const[t,r]=e.useState(er);return e.useEffect((()=>{var e,t;const o=null===(e=window)||void 0===e||null===(t=e.matchMedia)||void 0===t?void 0:t.call(e,"(prefers-color-scheme: dark)");function a(e){const t=e.matches;r(t?"night":"day")}if(o){if(void 0!==o.addEventListener)return o.addEventListener("change",a),function(){o.removeEventListener("change",a)};if(void 0!==o.addListener)return o.addListener(a),function(){o.removeListener(a)}}}),[]),t}()),T=function(e,t,r){switch(e){case"day":return t;case"night":return r}}(k,y,B),S=e.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Xt(e,e.colorSchemes[r])}return Xt(e,e.colorSchemes[t])}(m,T)),[m,T]);return e.useEffect((()=>{var e,t;v(null!==(e=null!==(t=r.colorMode)&&void 0!==t?t:g)&&void 0!==e?e:"day")}),[r.colorMode,g]),e.useEffect((()=>{var e,t;w(null!==(e=null!==(t=r.dayScheme)&&void 0!==t?t:p)&&void 0!==e?e:"light")}),[r.dayScheme,p]),e.useEffect((()=>{var e,t;$(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:b)&&void 0!==e?e:"dark")}),[r.nightScheme,b]),e.createElement(Yt.Provider,{value:{theme:S,colorScheme:T,colorMode:h,resolvedColorMode:k,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:$}},e.createElement(u,{theme:S},t))};function Zt(){return e.useContext(Yt)}function Qt(e,t){var r;const{colorScheme:o=""}=Zt();return null!==(r=e[o])&&void 0!==r?r:t}function er(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}Jt.displayName="ThemeProvider";var tr=Jt;var rr=e=>ge(e.sx);var or=f.div(te,H,D,M,W,_,K,U,q,re,rr);const ar=f(or)``;ar.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var nr=ar;const ir=f(or)``;ir.defaultProps={display:"flex"};var lr=ir;const dr=f(or)``;dr.defaultProps={display:"grid"};var sr=dr;const cr=f(or)``;var fr=cr;const gr=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"absolute",ref:r}))));gr.displayName="Absolute";const ur=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"fixed",ref:r}))));ur.displayName="Fixed";const pr=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"relative",ref:r}))));pr.displayName="Relative";const br=e.forwardRef(((t,r)=>e.createElement(cr,Pt({},t,{position:"sticky",ref:r}))));function mr({ref:e,closeOnOutsideClick:n,defaultOpen:i,onClickOutside:l}){const[d,s]=t(i),c=r(null),f=null!=e?e:c,g=o((e=>{const{current:t}=f;e.target.closest("details")!==t&&(l&&l(e),e.defaultPrevented||s(!1))}),[f,s,l]);a((()=>{if(d&&n)return document.addEventListener("click",g),()=>{document.removeEventListener("click",g)}}),[d,n,g]);const u=e=>{if(!e.defaultPrevented){const t=e.target;s(t.open)}};return{open:d,setOpen:s,getDetailsProps:()=>({onToggle:u,open:d,ref:f})}}function hr(){const e=r(new Set),t=o(((t,r,...o)=>{const a=window.setTimeout(t,r,...o);return e.current.add(a),a}),[]),n=o((t=>{clearTimeout(t),e.current.delete(t)}),[]);return a((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:t,safeClearTimeout:n}}br.defaultProps={top:0,zIndex:1},br.displayName="Sticky";function vr(e){if(!e.defaultPrevented)for(const t of Object.values(xr).reverse())if(true===t(e)||e.defaultPrevented)break}const xr={};let yr=0;const wr=({containerRef:e,ignoreClickRefs:t,onClickOutside:r})=>{const i=n((()=>yr++),[]),l=o((o=>{var a;return o instanceof MouseEvent&&o.button>0||(!(null===(a=e.current)||void 0===a||!a.contains(o.target))||(!(!t||!t.some((({current:e})=>null==e?void 0:e.contains(o.target))))||void r(o)))}),[e,t,r]);a((()=>(0===Object.keys(xr).length&&document.addEventListener("mousedown",vr,{capture:!0}),function(e,t){xr[e]=t}(i,l),()=>{!function(e){delete xr[e]}(i),0===Object.keys(xr).length&&document.removeEventListener("mousedown",vr,{capture:!0})})),[i,l])};function*Br(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?kr:$r,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,a)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,a)&&(yield e)}function $r(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,o=e.hidden,a=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||o||a)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),o=0===e.getClientRects().length;if(t||r||o)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function kr(e,t=!1){return $r(e,t)&&"-1"!==e.getAttribute("tabindex")}function Tr({initialFocusRef:e,returnFocusRef:t,containerRef:r,preventFocusOnOpen:o}){a((()=>{if(o)return;const a=t.current;if(e&&e.current)e.current.focus();else if(r.current){const e=Br(r.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,t,r,o])}const Sr=[];function Er(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=Sr.length-1;t>=0&&(Sr[t](e),!e.defaultPrevented);--t);}const Cr=(e,t=[e])=>{const r=o(e,t);a((()=>(0===Sr.length&&document.addEventListener("keydown",Er),Sr.push(r),()=>{Sr.splice(Sr.findIndex((e=>e===r)),1),0===Sr.length&&document.removeEventListener("keydown",Er)})),[r])};function zr(t){const r=e.useRef(null);return null!=t?t:r}const Nr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n,preventFocusOnOpen:i})=>{const l=zr(e);return Tr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),wr({containerRef:l,ignoreClickRefs:a,onClickOutside:n}),Cr(o),{ref:l}};let Ir,Ar=!1;function Rr(){}try{const e=Object.create({},{signal:{get(){Ar=!0}}});window.addEventListener("test",Rr,e),window.removeEventListener("test",Rr,e)}catch(Ud){}function Lr(){Ar||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,o){return"object"==typeof o&&"signal"in o&&o.signal instanceof AbortSignal&&e.call(o.signal,"abort",(()=>{this.removeEventListener(t,r,o)})),e.call(this,t,r,o)}}(),Ar=!0)}function Or(){return void 0===Ir&&(Ir=/^mac/i.test(window.navigator.platform)),Ir}let Mr,Pr=1e4;function Hr(){return"__primer_id_"+Pr++}Lr(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Mr||(Mr={}));const Dr={ArrowLeft:Mr.ArrowHorizontal,ArrowDown:Mr.ArrowVertical,ArrowUp:Mr.ArrowVertical,ArrowRight:Mr.ArrowHorizontal,h:Mr.HL,j:Mr.JK,k:Mr.JK,l:Mr.HL,a:Mr.AD,s:Mr.WS,w:Mr.WS,d:Mr.AD,Tab:Mr.Tab,Home:Mr.HomeAndEnd,End:Mr.HomeAndEnd,PageUp:Mr.PageUpDown,PageDown:Mr.PageUpDown},Wr={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Fr(e){const t=Wr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Or();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}function _r(e,t){var r,o,a,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Mr.ArrowAll:Mr.ArrowVertical)|Mr.HomeAndEnd,s=null!==(o=null==t?void 0:t.focusOutBehavior)&&void 0!==o?o:"stop",c=null!==(a=null==t?void 0:t.focusInStrategy)&&void 0!==a?a:"previous",f=null==t?void 0:t.activeDescendantControl,g=null==t?void 0:t.onActiveDescendantChanged;let u;function p(){return i[0]}function b(e,t=!1){const r=u;u=e,f?e&&document.activeElement===f?m(r,e,t):h():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function m(t,r,o=!1){r.id||r.setAttribute("id",Hr()),t&&t!==r&&t.removeAttribute("data-is-active-descendant"),f&&(o||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute("data-has-active-descendant",r.id),r.setAttribute("data-is-active-descendant",o?"activated-directly":"activated-indirectly"),null==g||g(r,t,o))}function h(t=u){"first"===c&&(u=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==t||t.removeAttribute("data-is-active-descendant"),null==g||g(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,o;return null===(r=null==t||null===(o=t.focusableElementFilter)||void 0===o?void 0:o.call(t,e))||void 0===r||r}));if(0===r.length)return;const o=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===o?i.length:o,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");u||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===u){b(p())}}}v(...Br(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...Br(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...Br(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(f.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),f.addEventListener("focusin",(()=>{u?m(void 0,u):b(p())})),f.addEventListener("focusout",(()=>{h()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==u&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===k?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);k=void 0}),{signal:w});const $=null!=f?f:e;let k;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&(k=Fr(e))}),{signal:w,capture:!0}),$.addEventListener("keydown",(r=>{if(r.key in Wr){const a=Dr[r.key];if(!r.defaultPrevented&&(a&d)>0&&!function(e,t){const r=e.key,o=[...r].length,a=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(a&&(1===o||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===o)return!0;if("ArrowDown"===r&&Or()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Or()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(a){const e=t,o=0===e.selectionStart&&0===e.selectionEnd,a=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!o)return!0;if("ArrowRight"===r&&!a)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!o)return!0;if("ArrowDown"===r&&!a)return!0}}return!1}(r,document.activeElement)){const a=Fr(r);let n;var o;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(a,null!==(o=document.activeElement)&&void 0!==o?o:void 0,r);if(!n){const t=function(){if(!u)return 0;const t=i.indexOf(u);return-1!==t?t:u===e?-1:0}();let o=t;"previous"===a?o-=1:"start"===a?o=0:"next"===a?o+=1:o=i.length-1,o<0&&(o="wrap"===s&&"Tab"!==r.key?i.length-1:0),o>=i.length&&(o="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==o&&(n=i[o])}f?b(n||u,!0):n&&(k=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var jr=p(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],Nt("fontWeights.bold"),Nt("radii.2"));const Ur=O(Ne,It,Lt),Gr=ue({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Kr=f.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
23
23
|
${jr}
|
24
24
|
${Gr}
|
25
25
|
`;Kr.defaultProps={variant:"medium"};var Vr=Kr;var qr=f(Vr)`
|
@@ -619,7 +619,6 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
619
619
|
border-radius: ${Nt("radii.2")};
|
620
620
|
outline: none;
|
621
621
|
box-shadow: ${Nt("shadows.primer.shadow.inset")};
|
622
|
-
cursor: text;
|
623
622
|
|
624
623
|
${e=>e.hasIcon?p(["padding:0;"]):p(["padding:6px 12px;"])}
|
625
624
|
|
@@ -1807,7 +1806,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1807
1806
|
|
1808
1807
|
${It};
|
1809
1808
|
${rr};
|
1810
|
-
`;ud.displayName="TabNav.Link";var pd=Object.assign(gd,{Link:ud}),bd=O(te,D,H,M,W,U,K,q,_,re,pe,be,me),md=new RegExp("^("+bd.propNames.join("|")+")$");const hd={small:"16px",medium:"20px",large:"24px",extralarge:"32px"},vd=({as:e="span",onClick:t,onFocus:r,tabIndex:o=-1})=>Boolean(r||t||o>-1||["a","button"].includes(e)),xd=ue({prop:"size",variants:{small:{fontSize:0,
|
1809
|
+
`;ud.displayName="TabNav.Link";var pd=Object.assign(gd,{Link:ud}),bd=O(te,D,H,M,W,U,K,q,_,re,pe,be,me),md=new RegExp("^("+bd.propNames.join("|")+")$");const hd={small:"16px",medium:"20px",large:"24px",extralarge:"32px"},vd=({as:e="span",onClick:t,onFocus:r,tabIndex:o=-1})=>Boolean(r||t||o>-1||["a","button"].includes(e)),xd=ue({prop:"size",variants:{small:{fontSize:0,height:hd.small,lineHeight:hd.small,paddingLeft:1,paddingRight:1,paddingTop:0,paddingBottom:0},medium:{fontSize:0,height:hd.medium,lineHeight:hd.medium,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},large:{fontSize:0,height:hd.large,lineHeight:hd.large,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},extralarge:{fontSize:1,height:hd.extralarge,lineHeight:hd.extralarge,paddingLeft:3,paddingRight:3,paddingTop:0,paddingBottom:0}}}),yd=f.span.attrs((({text:e,onRemove:t,onKeyDown:r})=>({onKeyDown:e=>{r&&r(e),"Backspace"!==e.key&&"Delete"!==e.key||!t||t()},"aria-label":t?`${e}, press backspace or delete to remove`:void 0})))`
|
1811
1810
|
align-items: center;
|
1812
1811
|
border-radius: 999px;
|
1813
1812
|
cursor: ${e=>vd(e)?"pointer":"auto"};
|
@@ -1831,11 +1830,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1831
1830
|
text-decoration: none;
|
1832
1831
|
padding: 0;
|
1833
1832
|
transform: ${e=>`translate(${e.borderOffset}px, -${e.borderOffset}px)`};
|
1834
|
-
|
1835
1833
|
align-self: baseline;
|
1836
1834
|
border: 0;
|
1837
1835
|
border-radius: 999px;
|
1838
1836
|
|
1837
|
+
${e=>{switch(e.size){case"large":case"extralarge":return p(["margin-left:",";"],Nt("space.2"));default:return p(["margin-left:",";"],Nt("space.1"))}}}
|
1838
|
+
|
1839
1839
|
&:hover,
|
1840
1840
|
&:focus {
|
1841
1841
|
// TODO: choose a better functional color variable for this
|
@@ -1905,13 +1905,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1905
1905
|
`,zd=f("span")`
|
1906
1906
|
flex-shrink: 0;
|
1907
1907
|
line-height: 0;
|
1908
|
-
|
1908
|
+
|
1909
|
+
${e=>{switch(e.size){case"large":case"extralarge":return p(["margin-right:",";"],Nt("space.2"));default:return p(["margin-right:",";"],Nt("space.1"))}}}
|
1910
|
+
`,Nd=i(((t,r)=>{const{as:o,onRemove:a,id:n,leadingVisual:i,text:l,size:d,hideRemoveButton:s,href:c,onClick:f,...g}=t,u=vd(t)&&Boolean(a)&&!s,p={as:o,href:c,onClick:f};return e.createElement(Cd,Pt({onRemove:a,hideRemoveButton:s||!a,id:null==n?void 0:n.toString(),text:l,size:d,isTokenInteractive:vd(t)},u?{}:p,g,{ref:r}),i?e.createElement(zd,{size:d},e.createElement(i,null)):null,e.createElement(Ed,u?p:{},l),!s&&a?e.createElement(Sd,{borderOffset:1,onClick:e=>{e.stopPropagation(),a&&a()},size:d,isParentInteractive:vd(t),"aria-hidden":u?"true":"false",sx:u?{position:"relative",zIndex:"1"}:{}}):null)}));Nd.displayName="Token",Nd.defaultProps={size:"medium"};var Id=Nd;function Ad({icon:o,contrast:a,className:n,block:i,disabled:l,theme:d,sx:s,tokens:c,onTokenRemove:f,tokenComponent:g,preventTokenWrapping:u,size:p,hideTokenRemoveButtons:b,maxHeight:m,width:h,minWidth:v,maxWidth:x,variant:y,...w},B){const{onFocus:$,onKeyDown:k,...T}=function(e){var t={};for(var r in e)md.test(r)||(t[r]=e[r]);return t}(w),S=zr(B),E=Do(r(null),S),[C,z]=t(),{containerRef:N}=Oo({focusOutBehavior:"wrap",bindKeys:Mr.ArrowHorizontal|Mr.HomeAndEnd,focusableElementFilter:e=>!e.getAttributeNames().includes("aria-hidden"),getNextFocusable:e=>{var t;if(!C&&0!==C)return;let r=C+1;return"next"===e&&(r+=1),"previous"===e&&(r-=1),r>c.length||r<1?E.current||void 0:null===(t=N.current)||void 0===t?void 0:t.children[r]}},[C]),I=e=>{if(f(e),C){var t;(null===(t=N.current)||void 0===t?void 0:t.children[C]).focus()}},A=()=>{z(void 0)},R=e=>{var t;"Escape"===e.key&&(null===(t=S.current)||void 0===t||t.focus())};return e.createElement(on,{block:i,className:n,contrast:a,disabled:l,hasIcon:!!o,theme:d,width:h,minWidth:v,maxWidth:x,variant:y,sx:{...i?{display:"flex",width:"100%"}:{},...m?{maxHeight:m,overflow:"auto"}:{},...u?{overflow:"auto"}:{},...s}},e.createElement(or,{ref:N,display:"flex",sx:{alignItems:"center",flexWrap:u?"nowrap":"wrap",marginLeft:"-0.25rem",marginBottom:"-0.25rem",flexGrow:1,"> *":{flexShrink:0,marginLeft:"0.25rem",marginBottom:"0.25rem"}}},e.createElement(or,{sx:{order:1,flexGrow:1}},o&&e.createElement(o,{className:"TextInput-icon"}),e.createElement(tn,Pt({ref:E,disabled:l,onFocus:e=>{$&&$(e),z(void 0)},onKeyDown:e=>{var t;if(k&&k(e),null!==(t=S.current)&&void 0!==t&&t.value)return;const r=c[c.length-1];"Backspace"===e.key&&r&&(I(r.id),S.current&&(S.current.value=`${r.text} `),setTimeout((()=>{var e;null===(e=S.current)||void 0===e||e.select()}),0))},type:"text",sx:{height:"100%"}},T))),c.length&&g?c.map((({id:t,...r},o)=>{return e.createElement(g,Pt({key:t,onFocus:(a=o,()=>{z(a)}),onBlur:A,onKeyUp:R,isSelected:C===o,onRemove:()=>{I(t)},hideRemoveButton:b,size:p,tabIndex:0},r));var a})):null))}Ad.displayName="TextInputWithTokensInnerComponent";const Rd=e.forwardRef(Ad);Rd.defaultProps={tokenComponent:Id,size:"extralarge",hideTokenRemoveButtons:!1,preventTokenWrapping:!1},Rd.displayName="TextInputWithTokens";var Ld=Rd;const Od=f(or)`
|
1909
1911
|
display: flex;
|
1910
1912
|
flex-direction: column;
|
1911
1913
|
${e=>e.clipSidebar&&p([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
1912
1914
|
|
1913
1915
|
${rr};
|
1914
|
-
`,
|
1916
|
+
`,Md=f(or).attrs((e=>({className:en("Timeline-Item",e.className)})))`
|
1915
1917
|
display: flex;
|
1916
1918
|
position: relative;
|
1917
1919
|
padding: ${Nt("space.3")} 0;
|
@@ -1932,7 +1934,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1932
1934
|
|
1933
1935
|
${It};
|
1934
1936
|
${rr};
|
1935
|
-
`,
|
1937
|
+
`,Pd=t=>e.createElement(or,{position:"relative",zIndex:1},e.createElement(or,Pt({display:"flex",className:en(t.className,"TimelineItem-Badge"),flexShrink:0,borderRadius:"50%",borderWidth:"2px",borderStyle:"solid",borderColor:"canvas.default",overflow:"hidden",color:"fg.muted",bg:"timeline.badgeBg",width:"32px",height:"32px",mr:2,ml:"-15px",alignItems:"center",justifyContent:"center"},t),t.children));Pd.displayName="TimelineBadge";const Hd=f(or)`
|
1936
1938
|
min-width: 0;
|
1937
1939
|
max-width: 100%;
|
1938
1940
|
margin-top: ${Nt("space.1")};
|
@@ -1940,7 +1942,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1940
1942
|
flex: auto;
|
1941
1943
|
font-size: ${Nt("fontSizes.1")};
|
1942
1944
|
${rr};
|
1943
|
-
`,
|
1945
|
+
`,Dd=f(or)`
|
1944
1946
|
position: relative
|
1945
1947
|
z-index: 1;
|
1946
1948
|
height: 24px;
|
@@ -1951,7 +1953,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1951
1953
|
border: 0;
|
1952
1954
|
border-top: ${Nt("space.1")} solid ${Nt("colors.border.default")};
|
1953
1955
|
${rr};
|
1954
|
-
`;
|
1956
|
+
`;Md.displayName="Timeline.Item",Pd.displayName="Timeline.Badge",Hd.displayName="Timeline.Body",Dd.displayName="Timeline.Break";var Wd=Object.assign(Od,{Item:Md,Badge:Pd,Body:Hd,Break:Dd});function Fd(e,t,r){return Math.min(Math.max(e,r),t)}class _d extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function jd(e){if("string"!=typeof e)throw new _d(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=Jd.test(e)?function(e){const t=e.toLowerCase().trim(),r=Gd[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 _d(e);return`#${r}`}(e):e;const r=Vd.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Kd(e,2),16))),parseInt(Kd(e[3]||"f",2),16)/255]}const o=qd.exec(t);if(o){const e=Array.from(o).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const a=Xd.exec(t);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const n=Yd.exec(t);if(n){const[t,r,o,a]=Array.from(n).slice(1).map(parseFloat);if(Fd(0,100,r)!==r)throw new _d(e);if(Fd(0,100,o)!==o)throw new _d(e);return[...Qd(t,r,o),a||1]}throw new _d(e)}const Ud=e=>parseInt(e.replace(/_/g,""),36),Gd="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=Ud(t.substring(0,3)),o=Ud(t.substring(3)).toString(16);let a="";for(let e=0;e<6-o.length;e++)a+="0";return e[r]=`${a}${o}`,e}),{}),Kd=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),Vd=new RegExp(`^#${Kd("([a-f0-9])",3)}([a-f0-9])?$`,"i"),qd=new RegExp(`^#${Kd("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Xd=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Kd(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),Yd=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Jd=/^[a-z]+$/i,Zd=e=>Math.round(255*e),Qd=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(Zd);const a=(e%360+360)%360/60,n=(1-Math.abs(2*o-1))*(t/100),i=n*(1-Math.abs(a%2-1));let l=0,d=0,s=0;a>=0&&a<1?(l=n,d=i):a>=1&&a<2?(l=i,d=n):a>=2&&a<3?(d=n,s=i):a>=3&&a<4?(d=i,s=n):a>=4&&a<5?(l=i,s=n):a>=5&&a<6&&(l=n,s=i);const c=o-n/2;return[l+c,d+c,s+c].map(Zd)};const es={"--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))"},ts={"--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))"},rs=i(((t,r)=>{const{as:o,fillColor:a="#999",onRemove:i,id:l,isSelected:d,text:s,size:c,hideRemoveButton:f,href:g,onClick:u,...p}=t,b={as:o,href:g,onClick:u},{colorScheme:m}=Zt(),h=vd(t)&&Boolean(i)&&!f,v=n((()=>{const[e,t,r]=jd(a),[o,n,l]=function(e){const[t,r,o,a]=jd(e).map(((e,t)=>3===t?e:e/255)),n=Math.max(t,r,o),i=Math.min(t,r,o),l=(n+i)/2;if(n===i)return[0,0,l,a];const d=n-i;return[60*(t===n?(r-o)/d+(r<o?6:0):r===n?(o-t)/d+2:(t-r)/d+4),l>.5?d/(2-n-i):d/(n+i),l,a]}(a);return{"--label-r":String(e),"--label-g":String(t),"--label-b":String(r),"--label-h":String(Math.round(o)),"--label-s":String(Math.round(100*n)),"--label-l":String(Math.round(100*l)),"--perceived-lightness":"calc(((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255)","--lightness-switch":"max(0, min(calc((var(--perceived-lightness) - var(--lightness-threshold)) * -1000), 1))",paddingRight:f||!i?void 0:0,position:"relative",..."light"===m?es:ts,...d?{background:"light"===m?"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%))":ts.background,":focus":{outline:"none"},":after":{content:'""',position:"absolute",zIndex:1,top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",display:"block",pointerEvents:"none",boxShadow:"0 0 0 2px "+("light"===m?"rgb(var(--label-r), var(--label-g), var(--label-b))":"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%))"),borderRadius:"999px"}}:{}}}),[m,a,d,f,i]);return e.createElement(wd,Pt({onRemove:i,id:null==l?void 0:l.toString(),isSelected:d,text:s,size:c,sx:v},h?{}:b,p,{ref:r}),e.createElement(Ed,h?b:{},s),!f&&i?e.createElement(Sd,{borderOffset:1,onClick:e=>{e.stopPropagation(),i&&i()},size:c,"aria-hidden":h?"true":"false",isParentInteractive:vd(t),sx:h?{position:"relative",zIndex:"1"}:{}}):null)}));rs.defaultProps={fillColor:"#999",size:"medium"},rs.displayName="IssueLabelToken";var os=rs;const as=f.span`
|
1955
1957
|
// 'space.1' is used because to match space from the left of the token to the left of the avatar
|
1956
1958
|
// '* 2' is done to account for the top and bottom
|
1957
1959
|
--spacing: calc(${Nt("space.1")} * 2);
|
@@ -1959,7 +1961,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
1959
1961
|
display: block;
|
1960
1962
|
height: ${e=>`calc(${hd[e.avatarSize]} - var(--spacing))`};
|
1961
1963
|
width: ${e=>`calc(${hd[e.avatarSize]} - var(--spacing))`};
|
1962
|
-
`,
|
1964
|
+
`,ns=i((({avatarSrc:t,id:r,size:o,...a},n)=>e.createElement(Id,Pt({leadingVisual:()=>e.createElement(as,{avatarSize:o||"medium"},e.createElement(hn,{src:t,size:parseInt(hd[o||"medium"],10),sx:{width:"100%",height:"100%"}})),size:o,id:null==r?void 0:r.toString(),sx:{paddingLeft:Nt("space.1")}},a,{ref:n}))));ns.defaultProps={size:"medium"},ns.displayName="AvatarToken";var is=ns;const ls=f.span`
|
1963
1965
|
position: relative;
|
1964
1966
|
|
1965
1967
|
&::before {
|
@@ -2185,7 +2187,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
2185
2187
|
}
|
2186
2188
|
${It};
|
2187
2189
|
${rr};
|
2188
|
-
`;function
|
2190
|
+
`;function ds({direction:t="n",children:r,className:o,text:a,noDelay:n,align:i,wrap:l,...d}){const s=en(o,`tooltipped-${t}`,i&&`tooltipped-align-${i}-2`,n&&"tooltipped-no-delay",l&&"tooltipped-multiline");return e.createElement(ls,Pt({role:"tooltip","aria-label":a},d,{className:s}),r)}ds.displayName="Tooltip",ds.alignments=["left","right"],ds.directions=["n","ne","e","se","s","sw","w","nw"];const ss=f.nav`
|
2189
2191
|
display: flex;
|
2190
2192
|
justify-content: space-between;
|
2191
2193
|
border-bottom: 1px solid ${Nt("colors.border.muted")};
|
@@ -2216,7 +2218,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
2216
2218
|
|
2217
2219
|
${It};
|
2218
2220
|
${rr};
|
2219
|
-
`;function
|
2221
|
+
`;function cs({actions:t,className:r,align:o,children:a,full:n,label:i,theme:l,...d}){const s=en(r,"UnderlineNav",o&&`UnderlineNav--${o}`,n&&"UnderlineNav--full");return e.createElement(ss,Pt({className:s,"aria-label":i,theme:l},d),e.createElement("div",{className:"UnderlineNav-body"},a),t&&e.createElement("div",{className:"UnderlineNav-actions"},t))}cs.displayName="UnderlineNav";const fs=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:en("UnderlineNav-item",e.selected&&"selected",e.className)})))`
|
2220
2222
|
padding: ${Nt("space.3")} ${Nt("space.2")};
|
2221
2223
|
margin-right: ${Nt("space.3")};
|
2222
2224
|
font-size: ${Nt("fontSizes.1")};
|
@@ -2249,5 +2251,5 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
2249
2251
|
|
2250
2252
|
${It};
|
2251
2253
|
${rr};
|
2252
|
-
`;
|
2254
|
+
`;fs.displayName="UnderlineNav.Link";var gs=Object.assign(cs,{Link:fs});export{gr as Absolute,Wa as ActionList,Ya as ActionMenu,bn as Autocomplete,hn as Avatar,yn as AvatarPair,$n as AvatarStack,is as AvatarToken,Wt as BaseStyles,nr as BorderBox,or as Box,kn as BranchName,Nn as Breadcrumb,zn as Breadcrumbs,qr as Button,mo as ButtonClose,Xr as ButtonDanger,Jr as ButtonGroup,eo as ButtonInvisible,Zr as ButtonOutline,Qr as ButtonPrimary,to as ButtonTableList,Pn as Caret,Fn as CircleBadge,_n as CircleOcticon,ba as ConfirmationDialog,jn as CounterLabel,Gn as Details,ti as Dialog,si as Dropdown,ci as DropdownButton,fi as DropdownMenu,hi as FilterList,gi as FilteredSearch,ur as Fixed,yi as Flash,lr as Flex,$i as FormGroup,sr as Grid,Ei as Header,zi as Heading,os as IssueLabelToken,Li as Label,Ni as LabelGroup,Mi as Link,Ga as Overlay,Pi as Pagehead,Fi as Pagination,Ui as PointerBox,Vi as Popover,fr as Position,Ji as ProgressBar,pr as Relative,_o as SSRProvider,Vl as SelectMenu,Ql as SideNav,$l as Spinner,ad as StateLabel,br as Sticky,Lo as StyledOcticon,sd as SubNav,pd as TabNav,qn as Text,nn as TextInput,Ld as TextInputWithTokens,tr as ThemeProvider,Wd as Timeline,Id as Token,ds as Tooltip,Ba as Truncate,gs as UnderlineNav,x as theme,Nt as themeGet,Qt as useColorSchemeVar,ma as useConfirm,mr as useDetails,Cr as useOnEscapePress,wr as useOnOutsideClick,Tr as useOpenAndCloseFocus,Nr as useOverlay,Uo as useSSRSafeId,hr as useSafeTimeout,Zt as useTheme};
|
2253
2255
|
//# sourceMappingURL=browser.esm.js.map
|