@primer/components 0.0.0-2021829163659 → 0.0.0-20218292130

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.
Files changed (102) hide show
  1. package/CHANGELOG.md +5 -1
  2. package/dist/browser.esm.js +9 -10
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +24 -25
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/Item.d.ts +16 -4
  7. package/lib/ActionList/Item.js +9 -6
  8. package/lib/ActionList/List.d.ts +11 -7
  9. package/lib/ActionList/List.js +2 -2
  10. package/lib/ActionList/index.d.ts +1 -2
  11. package/lib/FilteredActionList/FilteredActionList.js +31 -5
  12. package/lib/Overlay.d.ts +1 -2
  13. package/lib/Overlay.js +5 -10
  14. package/lib/SelectMenu/SelectMenu.d.ts +2 -8
  15. package/lib/TextInput.d.ts +3 -6
  16. package/lib/TextInput.js +10 -9
  17. package/lib/hooks/useOverlay.d.ts +1 -2
  18. package/lib/hooks/useOverlay.js +6 -11
  19. package/lib/utils/types.d.ts +0 -3
  20. package/lib-esm/ActionList/Item.d.ts +16 -4
  21. package/lib-esm/ActionList/Item.js +8 -5
  22. package/lib-esm/ActionList/List.d.ts +11 -7
  23. package/lib-esm/ActionList/List.js +2 -2
  24. package/lib-esm/ActionList/index.d.ts +1 -2
  25. package/lib-esm/FilteredActionList/FilteredActionList.js +31 -3
  26. package/lib-esm/Overlay.d.ts +1 -2
  27. package/lib-esm/Overlay.js +5 -8
  28. package/lib-esm/SelectMenu/SelectMenu.d.ts +2 -8
  29. package/lib-esm/TextInput.d.ts +3 -6
  30. package/lib-esm/TextInput.js +9 -8
  31. package/lib-esm/hooks/useOverlay.d.ts +1 -2
  32. package/lib-esm/hooks/useOverlay.js +6 -11
  33. package/lib-esm/utils/types.d.ts +0 -3
  34. package/package.json +3 -5
  35. package/lib/Autocomplete/Autocomplete.d.ts +0 -31
  36. package/lib/Autocomplete/Autocomplete.js +0 -60
  37. package/lib/Autocomplete/AutocompleteContext.d.ts +0 -14
  38. package/lib/Autocomplete/AutocompleteContext.js +0 -11
  39. package/lib/Autocomplete/AutocompleteInput.d.ts +0 -9
  40. package/lib/Autocomplete/AutocompleteInput.js +0 -148
  41. package/lib/Autocomplete/AutocompleteMenu.d.ts +0 -70
  42. package/lib/Autocomplete/AutocompleteMenu.js +0 -250
  43. package/lib/Autocomplete/index.d.ts +0 -2
  44. package/lib/Autocomplete/index.js +0 -15
  45. package/lib/Badge/Badge.d.ts +0 -8
  46. package/lib/Badge/Badge.js +0 -59
  47. package/lib/Badge/BadgeState.d.ts +0 -13
  48. package/lib/Badge/BadgeState.js +0 -51
  49. package/lib/Badge/_badgeStyleUtils.d.ts +0 -3
  50. package/lib/Badge/_badgeStyleUtils.js +0 -39
  51. package/lib/TextInputTokens.d.ts +0 -43
  52. package/lib/TextInputTokens.js +0 -237
  53. package/lib/Token/Token.d.ts +0 -14
  54. package/lib/Token/Token.js +0 -75
  55. package/lib/Token/TokenBase.d.ts +0 -16
  56. package/lib/Token/TokenBase.js +0 -90
  57. package/lib/Token/TokenLabel.d.ts +0 -14
  58. package/lib/Token/TokenLabel.js +0 -135
  59. package/lib/Token/TokenProfile.d.ts +0 -7
  60. package/lib/Token/TokenProfile.js +0 -50
  61. package/lib/Token/_RemoveTokenButton.d.ts +0 -3
  62. package/lib/Token/_RemoveTokenButton.js +0 -45
  63. package/lib/Token/_tokenButtonUtils.d.ts +0 -10
  64. package/lib/Token/_tokenButtonUtils.js +0 -42
  65. package/lib/_UnstyledTextInput.d.ts +0 -2
  66. package/lib/_UnstyledTextInput.js +0 -20
  67. package/lib/utils/scrollIntoViewingArea.d.ts +0 -1
  68. package/lib/utils/scrollIntoViewingArea.js +0 -39
  69. package/lib-esm/Autocomplete/Autocomplete.d.ts +0 -31
  70. package/lib-esm/Autocomplete/Autocomplete.js +0 -40
  71. package/lib-esm/Autocomplete/AutocompleteContext.d.ts +0 -14
  72. package/lib-esm/Autocomplete/AutocompleteContext.js +0 -2
  73. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +0 -9
  74. package/lib-esm/Autocomplete/AutocompleteInput.js +0 -129
  75. package/lib-esm/Autocomplete/AutocompleteMenu.d.ts +0 -70
  76. package/lib-esm/Autocomplete/AutocompleteMenu.js +0 -224
  77. package/lib-esm/Autocomplete/index.d.ts +0 -2
  78. package/lib-esm/Autocomplete/index.js +0 -1
  79. package/lib-esm/Badge/Badge.d.ts +0 -8
  80. package/lib-esm/Badge/Badge.js +0 -44
  81. package/lib-esm/Badge/BadgeState.d.ts +0 -13
  82. package/lib-esm/Badge/BadgeState.js +0 -40
  83. package/lib-esm/Badge/_badgeStyleUtils.d.ts +0 -3
  84. package/lib-esm/Badge/_badgeStyleUtils.js +0 -29
  85. package/lib-esm/TextInputTokens.d.ts +0 -43
  86. package/lib-esm/TextInputTokens.js +0 -210
  87. package/lib-esm/Token/Token.d.ts +0 -14
  88. package/lib-esm/Token/Token.js +0 -56
  89. package/lib-esm/Token/TokenBase.d.ts +0 -16
  90. package/lib-esm/Token/TokenBase.js +0 -70
  91. package/lib-esm/Token/TokenLabel.d.ts +0 -14
  92. package/lib-esm/Token/TokenLabel.js +0 -115
  93. package/lib-esm/Token/TokenProfile.d.ts +0 -7
  94. package/lib-esm/Token/TokenProfile.js +0 -29
  95. package/lib-esm/Token/_RemoveTokenButton.d.ts +0 -3
  96. package/lib-esm/Token/_RemoveTokenButton.js +0 -30
  97. package/lib-esm/Token/_tokenButtonUtils.d.ts +0 -10
  98. package/lib-esm/Token/_tokenButtonUtils.js +0 -26
  99. package/lib-esm/_UnstyledTextInput.d.ts +0 -2
  100. package/lib-esm/_UnstyledTextInput.js +0 -7
  101. package/lib-esm/utils/scrollIntoViewingArea.d.ts +0 -1
  102. package/lib-esm/utils/scrollIntoViewingArea.js +0 -30
package/CHANGELOG.md CHANGED
@@ -1,6 +1,10 @@
1
1
  # @primer/components
2
2
 
3
- ## 0.0.0-2021829163659
3
+ ## 0.0.0-20218292130
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1463](https://github.com/primer/react/pull/1463) [`15e31291`](https://github.com/primer/react/commit/15e31291d7d3260119661bff09551e71b06cc288) Thanks [@jfuchs](https://github.com/jfuchs)! - `ActionList.item` accepts an `as` prop, allowing it to be a link, or (in combination with the renderItem prop) a Next.js or React Router link
4
8
 
5
9
  ### Patch Changes
6
10
 
@@ -19,7 +19,7 @@ import e,{useState as r,useRef as t,useCallback as a,useEffect as o,useMemo as n
19
19
  `,Pr=s.div`
20
20
  ${Nr};
21
21
  ${Ar};
22
- `;function Fr(r){const{children:t,...a}=r;return require("focus-visible"),e.createElement(Pr,Or({},a,{"data-portal-root":!0}),e.createElement(Mr,null),t)}Fr.displayName="BaseStyles",Fr.defaultProps={color:"text.primary",fontFamily:"normal",lineHeight:"default"};var Dr=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var r=Object.prototype.toString.call(e);return"[object RegExp]"===r||"[object Date]"===r||function(e){return e.$$typeof===Wr}(e)}(e)};var Wr="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function jr(e,r){return!1!==r.clone&&r.isMergeableObject(e)?Xr((t=e,Array.isArray(t)?[]:{}),e,r):e;var t}function Ur(e,r,t){return e.concat(r).map((function(e){return jr(e,t)}))}function Gr(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(r){return e.propertyIsEnumerable(r)})):[]}(e))}function _r(e,r){try{return r in e}catch(e){return!1}}function Kr(e,r,t){var a={};return t.isMergeableObject(e)&&Gr(e).forEach((function(r){a[r]=jr(e[r],t)})),Gr(r).forEach((function(o){(function(e,r){return _r(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))})(e,o)||(_r(e,o)&&t.isMergeableObject(r[o])?a[o]=function(e,r){if(!r.customMerge)return Xr;var t=r.customMerge(e);return"function"==typeof t?t:Xr}(o,t)(e[o],r[o],t):a[o]=jr(r[o],t))})),a}function Xr(e,r,t){(t=t||{}).arrayMerge=t.arrayMerge||Ur,t.isMergeableObject=t.isMergeableObject||Dr,t.cloneUnlessOtherwiseSpecified=jr;var a=Array.isArray(r);return a===Array.isArray(e)?a?t.arrayMerge(e,r,t):Kr(e,r,t):jr(r,t)}Xr.all=function(e,r){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,t){return Xr(e,t,r)}),{})};var Yr=Xr;const Vr=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),qr=({children:r,...t})=>{var a,o,n,d,i,c,l,s;const{theme:f,colorMode:b,dayScheme:p,nightScheme:u}=Jr(),h=null!==(a=null!==(o=t.theme)&&void 0!==o?o:f)&&void 0!==a?a:x,[m,v]=e.useState(null!==(n=null!==(d=t.colorMode)&&void 0!==d?d:b)&&void 0!==n?n:"day"),[B,y]=e.useState(null!==(i=null!==(c=t.dayScheme)&&void 0!==c?c:p)&&void 0!==i?i:"light"),[w,k]=e.useState(null!==(l=null!==(s=t.nightScheme)&&void 0!==s?s:u)&&void 0!==l?l:"dark"),$=function(e,r){switch(e){case"auto":return r;default:return e}}(m,function(){const[r,t]=e.useState(Qr);return e.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)}}}),[]),r}()),T=function(e,r,t){switch(e){case"day":return r;case"night":return t}}($,B,w),S=e.useMemo((()=>function(e,r){if(!e.colorSchemes)return e;if(!e.colorSchemes[r]){console.error(`\`${r}\` scheme not defined in \`theme.colorSchemes\``);const t=Object.keys(e.colorSchemes)[0];return Yr(e,e.colorSchemes[t])}return Yr(e,e.colorSchemes[r])}(h,T)),[h,T]);return e.useEffect((()=>{var e,r;v(null!==(e=null!==(r=t.colorMode)&&void 0!==r?r:b)&&void 0!==e?e:"day")}),[t.colorMode,b]),e.useEffect((()=>{var e,r;y(null!==(e=null!==(r=t.dayScheme)&&void 0!==r?r:p)&&void 0!==e?e:"light")}),[t.dayScheme,p]),e.useEffect((()=>{var e,r;k(null!==(e=null!==(r=t.nightScheme)&&void 0!==r?r:u)&&void 0!==e?e:"dark")}),[t.nightScheme,u]),e.createElement(Vr.Provider,{value:{theme:S,colorScheme:T,colorMode:m,resolvedColorMode:$,dayScheme:B,nightScheme:w,setColorMode:v,setDayScheme:y,setNightScheme:k}},e.createElement(g,{theme:S},r))};function Jr(){return e.useContext(Vr)}function Zr(e,r){var t;const{colorScheme:a=""}=Jr();return null!==(t=e[a])&&void 0!==t?t:r}function Qr(){var e,r,t;return"undefined"!=typeof window&&null!==(e=(r=window).matchMedia)&&void 0!==e&&null!==(t=e.call(r,"(prefers-color-scheme: dark)"))&&void 0!==t&&t.matches?"night":"day"}qr.displayName="ThemeProvider";var et=qr;var rt=e=>fe(e.sx);var tt=s.div(ee,M,P,R,F,W,_,U,X,re,rt);const at=s(tt)``;at.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.primary",borderRadius:2};var ot=at;const nt=s(tt)``;nt.defaultProps={display:"flex"};var dt=nt;const it=s(tt)``;it.defaultProps={display:"grid"};var ct=it;const lt=s(tt)``;var st=lt;const ft=e.forwardRef(((r,t)=>e.createElement(lt,Or({},r,{position:"absolute",ref:t}))));ft.displayName="Absolute";const gt=e.forwardRef(((r,t)=>e.createElement(lt,Or({},r,{position:"fixed",ref:t}))));gt.displayName="Fixed";const bt=e.forwardRef(((r,t)=>e.createElement(lt,Or({},r,{position:"relative",ref:t}))));bt.displayName="Relative";const pt=e.forwardRef(((r,t)=>e.createElement(lt,Or({},r,{position:"sticky",ref:t}))));function ut({ref:e,closeOnOutsideClick:n,defaultOpen:d,onClickOutside:i}){const[c,l]=r(d),s=t(null),f=null!=e?e:s,g=a((e=>{const{current:r}=f;e.target.closest("details")!==r&&(i&&i(e),e.defaultPrevented||l(!1))}),[f,l,i]);o((()=>{if(c&&n)return document.addEventListener("click",g),()=>{document.removeEventListener("click",g)}}),[c,n,g]);const b=e=>{if(!e.defaultPrevented){const r=e.target;l(r.open)}};return{open:c,setOpen:l,getDetailsProps:()=>({onToggle:b,open:c,ref:f})}}function ht(){const e=t(new Set),r=a(((r,t,...a)=>{const o=window.setTimeout(r,t,...a);return e.current.add(o),o}),[]),n=a((r=>{clearTimeout(r),e.current.delete(r)}),[]);return o((()=>()=>{for(const r of e.current)clearTimeout(r)}),[]),{safeSetTimeout:r,safeClearTimeout:n}}pt.defaultProps={top:0,zIndex:1},pt.displayName="Sticky";function mt(e){if(!e.defaultPrevented)for(const r of Object.values(xt).reverse())if(true===r(e)||e.defaultPrevented)break}const xt={};let vt=0;const Bt=({containerRef:e,ignoreClickRefs:r,onClickOutside:t})=>{const d=n((()=>vt++),[]),i=a((a=>{var o;return a instanceof MouseEvent&&a.button>0||(!(null===(o=e.current)||void 0===o||!o.contains(a.target))||(!(!r||!r.some((({current:e})=>null==e?void 0:e.contains(a.target))))||void t(a)))}),[e,r,t]);o((()=>(0===Object.keys(xt).length&&document.addEventListener("mousedown",mt,{capture:!0}),function(e,r){xt[e]=r}(d,i),()=>{!function(e){delete xt[e]}(d),0===Object.keys(xt).length&&document.removeEventListener("mousedown",mt,{capture:!0})})),[d,i])};function*yt(e,r={}){var t,a;const o=null!==(t=r.strict)&&void 0!==t&&t,n=null!==(a=r.onlyTabbable)&&void 0!==a&&a?kt:wt,d=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,o)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let i=null;if(!r.reverse&&n(e,o)&&(yield e),r.reverse){let e=d.lastChild();for(;e;)i=e,e=d.lastChild()}else i=d.firstChild();for(;i instanceof HTMLElement;)yield i,i=r.reverse?d.previousNode():d.nextNode();r.reverse&&n(e,o)&&(yield e)}function wt(e,r=!1){const t=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,a=e.hidden,o=e instanceof HTMLInputElement&&"hidden"===e.type;if(t||a||o)return!1;if(r){const r=0===e.offsetWidth||0===e.offsetHeight,t=["hidden","collapse"].includes(getComputedStyle(e).visibility),a=0===e.getClientRects().length;if(r||t||a)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function kt(e,r=!1){return wt(e,r)&&"-1"!==e.getAttribute("tabindex")}function $t({initialFocusRef:e,returnFocusRef:r,containerRef:t}){o((()=>{const a=r.current;if(e&&e.current)e.current.focus();else if(t.current){const e=yt(t.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,r,t])}const Tt=[];function St(e){if("Escape"===e.key&&!e.defaultPrevented)for(let r=Tt.length-1;r>=0&&(Tt[r](e),!e.defaultPrevented);--r);}const It=(e,r=[e])=>{const t=a(e,r);o((()=>(0===Tt.length&&document.addEventListener("keydown",St),Tt.push(t),()=>{Tt.splice(Tt.findIndex((e=>e===t)),1),0===Tt.length&&document.removeEventListener("keydown",St)})),[t])};function Et(r){const t=e.useRef(null);return null!=r?r:t}const Ct=({overlayRef:e,returnFocusRef:r,initialFocusRef:t,onEscape:a,ignoreClickRefs:o,onClickOutside:n,preventFocusOnOpen:d})=>{const i=Et(e);return d||$t({containerRef:i,returnFocusRef:r,initialFocusRef:t}),Bt({containerRef:i,ignoreClickRefs:o,onClickOutside:n}),It(a),{ref:i}};let At,Nt=!1;function Ht(){}try{const e=Object.create({},{signal:{get(){Nt=!0}}});window.addEventListener("test",Ht,e),window.removeEventListener("test",Ht,e)}catch(e){}function Lt(){Nt||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(r,t,a){return"object"==typeof a&&"signal"in a&&a.signal instanceof AbortSignal&&e.call(a.signal,"abort",(()=>{this.removeEventListener(r,t,a)})),e.call(this,r,t,a)}}(),Nt=!0)}function zt(){return void 0===At&&(At=/^mac/i.test(window.navigator.platform)),At}let Rt,Ot=1e4;Lt(),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"}(Rt||(Rt={}));const Mt={ArrowLeft:Rt.ArrowHorizontal,ArrowDown:Rt.ArrowVertical,ArrowUp:Rt.ArrowVertical,ArrowRight:Rt.ArrowHorizontal,h:Rt.HL,j:Rt.JK,k:Rt.JK,l:Rt.HL,a:Rt.AD,s:Rt.WS,w:Rt.WS,d:Rt.AD,Tab:Rt.Tab,Home:Rt.HomeAndEnd,End:Rt.HomeAndEnd,PageUp:Rt.PageUpDown,PageDown:Rt.PageUpDown},Pt={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 Ft(e){const r=Pt[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const t=zt();if(t&&e.metaKey||!t&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return r}function Dt(e,r){var t,a,o,n;const d=[],i=new WeakMap,c=null!==(t=null==r?void 0:r.bindKeys)&&void 0!==t?t:(null!=r&&r.getNextFocusable?Rt.ArrowAll:Rt.ArrowVertical)|Rt.HomeAndEnd,l=null!==(a=null==r?void 0:r.focusOutBehavior)&&void 0!==a?a:"stop",s=null!==(o=null==r?void 0:r.focusInStrategy)&&void 0!==o?o:"previous",f=null==r?void 0:r.activeDescendantControl,g=null==r?void 0:r.onActiveDescendantChanged;let b;function p(){return d[0]}function u(e,r=!1){const t=b;b=e,f?e&&document.activeElement===f?h(t,e,r):m():(t&&t!==e&&i.has(t)&&t.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function h(r,t,a=!1){t.id||t.setAttribute("id","__primer_id_"+Ot++),r&&r!==t&&r.removeAttribute("data-is-active-descendant"),f&&(a||f.getAttribute("aria-activedescendant")!==t.id)&&(f.setAttribute("aria-activedescendant",t.id),e.setAttribute("data-has-active-descendant",t.id),t.setAttribute("data-is-active-descendant",a?"activated-directly":"activated-indirectly"),null==g||g(t,r,a))}function m(r=b){"first"===s&&(b=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==r||r.removeAttribute("data-is-active-descendant"),null==g||g(void 0,r,!1)}function x(...e){const t=e.filter((e=>{var t,a;return null===(t=null==r||null===(a=r.focusableElementFilter)||void 0===a?void 0:a.call(r,e))||void 0===t||t}));if(0===t.length)return;const a=d.findIndex((e=>(e.compareDocumentPosition(t[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));d.splice(-1===a?d.length:a,0,...t);for(const e of t)i.has(e)||i.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");b||u(p())}function v(...e){for(const r of e){const e=d.indexOf(r);e>=0&&d.splice(e,1);const t=i.get(r);if(void 0!==t&&(null===t?r.removeAttribute("tabindex"):r.setAttribute("tabindex",t),i.delete(r)),r===b){u(p())}}}x(...yt(e)),u(p());new MutationObserver((e=>{for(const r of e)for(const e of r.removedNodes)e instanceof HTMLElement&&v(...yt(e));for(const r of e)for(const e of r.addedNodes)e instanceof HTMLElement&&x(...yt(e))})).observe(e,{subtree:!0,childList:!0});const B=new AbortController,y=null!==(n=null==r?void 0:r.abortSignal)&&void 0!==n?n:B.signal;let w;y.addEventListener("abort",(()=>{v(...d)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(w=d.indexOf(e.target))}),{signal:y}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&d.includes(e.target)&&(f.focus(),u(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const r=d.find((r=>r.contains(e)));r&&u(r)}),{signal:y,capture:!0}),f.addEventListener("focusin",(()=>{b?h(void 0,b):u(p())})),f.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(r=>{if(r.target instanceof HTMLElement)if(void 0!==w)w>=0&&d[w]!==b&&u(d[w]),w=void 0;else if("previous"===s)u(r.target);else if("closest"===s||"first"===s){if(r.relatedTarget instanceof Element&&!e.contains(r.relatedTarget)){const e="previous"===$?d.length-1:0,r=d[e];return void(null==r||r.focus())}u(r.target)}else if("function"==typeof s)if(r.relatedTarget instanceof Element&&!e.contains(r.relatedTarget)){const e=s(r.relatedTarget);if((e?d.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else u(r.target);$=void 0}),{signal:y});const k=null!=f?f:e;let $;return"closest"===s&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Ft(e))}),{signal:y,capture:!0}),k.addEventListener("keydown",(t=>{if(t.key in Pt){const o=Mt[t.key];if(!t.defaultPrevented&&(o&c)>0&&!function(e,r){const t=e.key,a=[...t].length,o=r instanceof HTMLInputElement&&"text"===r.type||r instanceof HTMLTextAreaElement;if(o&&(1===a||"Home"===t||"End"===t))return!0;if(r instanceof HTMLSelectElement){if(1===a)return!0;if("ArrowDown"===t&&zt()&&!e.metaKey)return!0;if("ArrowDown"===t&&!zt()&&e.altKey)return!0}if(r instanceof HTMLTextAreaElement&&("PageUp"===t||"PageDown"===t))return!0;if(o){const e=r,a=0===e.selectionStart&&0===e.selectionEnd,o=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===t&&!a)return!0;if("ArrowRight"===t&&!o)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===t&&!a)return!0;if("ArrowDown"===t&&!o)return!0}}return!1}(t,document.activeElement)){const o=Ft(t);let n;var a;if(null!=r&&r.getNextFocusable)n=r.getNextFocusable(o,null!==(a=document.activeElement)&&void 0!==a?a:void 0,t);if(!n){const r=function(){if(!b)return 0;const r=d.indexOf(b);return-1!==r?r:b===e?-1:0}();let a=r;"previous"===o?a-=1:"start"===o?a=0:"next"===o?a+=1:a=d.length-1,a<0&&(a="wrap"===l&&"Tab"!==t.key?d.length-1:0),a>=d.length&&(a="wrap"===l&&"Tab"!==t.key?0:d.length-1),r!==a&&(n=d[a])}f?u(n||b,!0):n&&($=o,n.focus()),("Tab"!==t.key||n)&&t.preventDefault()}}}),{signal:y}),B}var Wt=b(["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;}"],Cr("fontWeights.bold"),Cr("radii.2"));const jt=z(Ce,Ar,Lr),Ut=ge({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Gt=s.button.attrs((({disabled:e,onClick:r})=>({onClick:e?void 0:r})))`
22
+ `;function Fr(r){const{children:t,...a}=r;return require("focus-visible"),e.createElement(Pr,Or({},a,{"data-portal-root":!0}),e.createElement(Mr,null),t)}Fr.displayName="BaseStyles",Fr.defaultProps={color:"text.primary",fontFamily:"normal",lineHeight:"default"};var Dr=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var r=Object.prototype.toString.call(e);return"[object RegExp]"===r||"[object Date]"===r||function(e){return e.$$typeof===Wr}(e)}(e)};var Wr="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function jr(e,r){return!1!==r.clone&&r.isMergeableObject(e)?Xr((t=e,Array.isArray(t)?[]:{}),e,r):e;var t}function Ur(e,r,t){return e.concat(r).map((function(e){return jr(e,t)}))}function Gr(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(r){return e.propertyIsEnumerable(r)})):[]}(e))}function _r(e,r){try{return r in e}catch(e){return!1}}function Kr(e,r,t){var a={};return t.isMergeableObject(e)&&Gr(e).forEach((function(r){a[r]=jr(e[r],t)})),Gr(r).forEach((function(o){(function(e,r){return _r(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))})(e,o)||(_r(e,o)&&t.isMergeableObject(r[o])?a[o]=function(e,r){if(!r.customMerge)return Xr;var t=r.customMerge(e);return"function"==typeof t?t:Xr}(o,t)(e[o],r[o],t):a[o]=jr(r[o],t))})),a}function Xr(e,r,t){(t=t||{}).arrayMerge=t.arrayMerge||Ur,t.isMergeableObject=t.isMergeableObject||Dr,t.cloneUnlessOtherwiseSpecified=jr;var a=Array.isArray(r);return a===Array.isArray(e)?a?t.arrayMerge(e,r,t):Kr(e,r,t):jr(r,t)}Xr.all=function(e,r){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,t){return Xr(e,t,r)}),{})};var Yr=Xr;const Vr=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),qr=({children:r,...t})=>{var a,o,n,d,i,c,l,s;const{theme:f,colorMode:b,dayScheme:p,nightScheme:u}=Jr(),h=null!==(a=null!==(o=t.theme)&&void 0!==o?o:f)&&void 0!==a?a:x,[m,v]=e.useState(null!==(n=null!==(d=t.colorMode)&&void 0!==d?d:b)&&void 0!==n?n:"day"),[B,y]=e.useState(null!==(i=null!==(c=t.dayScheme)&&void 0!==c?c:p)&&void 0!==i?i:"light"),[w,k]=e.useState(null!==(l=null!==(s=t.nightScheme)&&void 0!==s?s:u)&&void 0!==l?l:"dark"),$=function(e,r){switch(e){case"auto":return r;default:return e}}(m,function(){const[r,t]=e.useState(Qr);return e.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)}}}),[]),r}()),T=function(e,r,t){switch(e){case"day":return r;case"night":return t}}($,B,w),S=e.useMemo((()=>function(e,r){if(!e.colorSchemes)return e;if(!e.colorSchemes[r]){console.error(`\`${r}\` scheme not defined in \`theme.colorSchemes\``);const t=Object.keys(e.colorSchemes)[0];return Yr(e,e.colorSchemes[t])}return Yr(e,e.colorSchemes[r])}(h,T)),[h,T]);return e.useEffect((()=>{var e,r;v(null!==(e=null!==(r=t.colorMode)&&void 0!==r?r:b)&&void 0!==e?e:"day")}),[t.colorMode,b]),e.useEffect((()=>{var e,r;y(null!==(e=null!==(r=t.dayScheme)&&void 0!==r?r:p)&&void 0!==e?e:"light")}),[t.dayScheme,p]),e.useEffect((()=>{var e,r;k(null!==(e=null!==(r=t.nightScheme)&&void 0!==r?r:u)&&void 0!==e?e:"dark")}),[t.nightScheme,u]),e.createElement(Vr.Provider,{value:{theme:S,colorScheme:T,colorMode:m,resolvedColorMode:$,dayScheme:B,nightScheme:w,setColorMode:v,setDayScheme:y,setNightScheme:k}},e.createElement(g,{theme:S},r))};function Jr(){return e.useContext(Vr)}function Zr(e,r){var t;const{colorScheme:a=""}=Jr();return null!==(t=e[a])&&void 0!==t?t:r}function Qr(){var e,r,t;return"undefined"!=typeof window&&null!==(e=(r=window).matchMedia)&&void 0!==e&&null!==(t=e.call(r,"(prefers-color-scheme: dark)"))&&void 0!==t&&t.matches?"night":"day"}qr.displayName="ThemeProvider";var et=qr;var rt=e=>fe(e.sx);var tt=s.div(ee,M,P,R,F,W,_,U,X,re,rt);const at=s(tt)``;at.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.primary",borderRadius:2};var ot=at;const nt=s(tt)``;nt.defaultProps={display:"flex"};var dt=nt;const it=s(tt)``;it.defaultProps={display:"grid"};var ct=it;const lt=s(tt)``;var st=lt;const ft=e.forwardRef(((r,t)=>e.createElement(lt,Or({},r,{position:"absolute",ref:t}))));ft.displayName="Absolute";const gt=e.forwardRef(((r,t)=>e.createElement(lt,Or({},r,{position:"fixed",ref:t}))));gt.displayName="Fixed";const bt=e.forwardRef(((r,t)=>e.createElement(lt,Or({},r,{position:"relative",ref:t}))));bt.displayName="Relative";const pt=e.forwardRef(((r,t)=>e.createElement(lt,Or({},r,{position:"sticky",ref:t}))));function ut({ref:e,closeOnOutsideClick:n,defaultOpen:d,onClickOutside:i}){const[c,l]=r(d),s=t(null),f=null!=e?e:s,g=a((e=>{const{current:r}=f;e.target.closest("details")!==r&&(i&&i(e),e.defaultPrevented||l(!1))}),[f,l,i]);o((()=>{if(c&&n)return document.addEventListener("click",g),()=>{document.removeEventListener("click",g)}}),[c,n,g]);const b=e=>{if(!e.defaultPrevented){const r=e.target;l(r.open)}};return{open:c,setOpen:l,getDetailsProps:()=>({onToggle:b,open:c,ref:f})}}function ht(){const e=t(new Set),r=a(((r,t,...a)=>{const o=window.setTimeout(r,t,...a);return e.current.add(o),o}),[]),n=a((r=>{clearTimeout(r),e.current.delete(r)}),[]);return o((()=>()=>{for(const r of e.current)clearTimeout(r)}),[]),{safeSetTimeout:r,safeClearTimeout:n}}pt.defaultProps={top:0,zIndex:1},pt.displayName="Sticky";function mt(e){if(!e.defaultPrevented)for(const r of Object.values(xt).reverse())if(true===r(e)||e.defaultPrevented)break}const xt={};let vt=0;const Bt=({containerRef:e,ignoreClickRefs:r,onClickOutside:t})=>{const d=n((()=>vt++),[]),i=a((a=>{var o;return a instanceof MouseEvent&&a.button>0||(!(null===(o=e.current)||void 0===o||!o.contains(a.target))||(!(!r||!r.some((({current:e})=>null==e?void 0:e.contains(a.target))))||void t(a)))}),[e,r,t]);o((()=>(0===Object.keys(xt).length&&document.addEventListener("mousedown",mt,{capture:!0}),function(e,r){xt[e]=r}(d,i),()=>{!function(e){delete xt[e]}(d),0===Object.keys(xt).length&&document.removeEventListener("mousedown",mt,{capture:!0})})),[d,i])};function*yt(e,r={}){var t,a;const o=null!==(t=r.strict)&&void 0!==t&&t,n=null!==(a=r.onlyTabbable)&&void 0!==a&&a?kt:wt,d=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,o)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let i=null;if(!r.reverse&&n(e,o)&&(yield e),r.reverse){let e=d.lastChild();for(;e;)i=e,e=d.lastChild()}else i=d.firstChild();for(;i instanceof HTMLElement;)yield i,i=r.reverse?d.previousNode():d.nextNode();r.reverse&&n(e,o)&&(yield e)}function wt(e,r=!1){const t=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,a=e.hidden,o=e instanceof HTMLInputElement&&"hidden"===e.type;if(t||a||o)return!1;if(r){const r=0===e.offsetWidth||0===e.offsetHeight,t=["hidden","collapse"].includes(getComputedStyle(e).visibility),a=0===e.getClientRects().length;if(r||t||a)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function kt(e,r=!1){return wt(e,r)&&"-1"!==e.getAttribute("tabindex")}function $t({initialFocusRef:e,returnFocusRef:r,containerRef:t}){o((()=>{const a=r.current;if(e&&e.current)e.current.focus();else if(t.current){const e=yt(t.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,r,t])}const Tt=[];function St(e){if("Escape"===e.key&&!e.defaultPrevented)for(let r=Tt.length-1;r>=0&&(Tt[r](e),!e.defaultPrevented);--r);}const It=(e,r=[e])=>{const t=a(e,r);o((()=>(0===Tt.length&&document.addEventListener("keydown",St),Tt.push(t),()=>{Tt.splice(Tt.findIndex((e=>e===t)),1),0===Tt.length&&document.removeEventListener("keydown",St)})),[t])};function Et(r){const t=e.useRef(null);return null!=r?r:t}const Ct=({overlayRef:e,returnFocusRef:r,initialFocusRef:t,onEscape:a,ignoreClickRefs:o,onClickOutside:n})=>{const d=Et(e);return $t({containerRef:d,returnFocusRef:r,initialFocusRef:t}),Bt({containerRef:d,ignoreClickRefs:o,onClickOutside:n}),It(a),{ref:d}};let At,Nt=!1;function Ht(){}try{const e=Object.create({},{signal:{get(){Nt=!0}}});window.addEventListener("test",Ht,e),window.removeEventListener("test",Ht,e)}catch(e){}function Lt(){Nt||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(r,t,a){return"object"==typeof a&&"signal"in a&&a.signal instanceof AbortSignal&&e.call(a.signal,"abort",(()=>{this.removeEventListener(r,t,a)})),e.call(this,r,t,a)}}(),Nt=!0)}function zt(){return void 0===At&&(At=/^mac/i.test(window.navigator.platform)),At}let Rt,Ot=1e4;Lt(),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"}(Rt||(Rt={}));const Mt={ArrowLeft:Rt.ArrowHorizontal,ArrowDown:Rt.ArrowVertical,ArrowUp:Rt.ArrowVertical,ArrowRight:Rt.ArrowHorizontal,h:Rt.HL,j:Rt.JK,k:Rt.JK,l:Rt.HL,a:Rt.AD,s:Rt.WS,w:Rt.WS,d:Rt.AD,Tab:Rt.Tab,Home:Rt.HomeAndEnd,End:Rt.HomeAndEnd,PageUp:Rt.PageUpDown,PageDown:Rt.PageUpDown},Pt={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 Ft(e){const r=Pt[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const t=zt();if(t&&e.metaKey||!t&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return r}function Dt(e,r){var t,a,o,n;const d=[],i=new WeakMap,c=null!==(t=null==r?void 0:r.bindKeys)&&void 0!==t?t:(null!=r&&r.getNextFocusable?Rt.ArrowAll:Rt.ArrowVertical)|Rt.HomeAndEnd,l=null!==(a=null==r?void 0:r.focusOutBehavior)&&void 0!==a?a:"stop",s=null!==(o=null==r?void 0:r.focusInStrategy)&&void 0!==o?o:"previous",f=null==r?void 0:r.activeDescendantControl,g=null==r?void 0:r.onActiveDescendantChanged;let b;function p(){return d[0]}function u(e,r=!1){const t=b;b=e,f?e&&document.activeElement===f?h(t,e,r):m():(t&&t!==e&&i.has(t)&&t.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function h(r,t,a=!1){t.id||t.setAttribute("id","__primer_id_"+Ot++),r&&r!==t&&r.removeAttribute("data-is-active-descendant"),f&&(a||f.getAttribute("aria-activedescendant")!==t.id)&&(f.setAttribute("aria-activedescendant",t.id),e.setAttribute("data-has-active-descendant",t.id),t.setAttribute("data-is-active-descendant",a?"activated-directly":"activated-indirectly"),null==g||g(t,r,a))}function m(r=b){"first"===s&&(b=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==r||r.removeAttribute("data-is-active-descendant"),null==g||g(void 0,r,!1)}function x(...e){const t=e.filter((e=>{var t,a;return null===(t=null==r||null===(a=r.focusableElementFilter)||void 0===a?void 0:a.call(r,e))||void 0===t||t}));if(0===t.length)return;const a=d.findIndex((e=>(e.compareDocumentPosition(t[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));d.splice(-1===a?d.length:a,0,...t);for(const e of t)i.has(e)||i.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");b||u(p())}function v(...e){for(const r of e){const e=d.indexOf(r);e>=0&&d.splice(e,1);const t=i.get(r);if(void 0!==t&&(null===t?r.removeAttribute("tabindex"):r.setAttribute("tabindex",t),i.delete(r)),r===b){u(p())}}}x(...yt(e)),u(p());new MutationObserver((e=>{for(const r of e)for(const e of r.removedNodes)e instanceof HTMLElement&&v(...yt(e));for(const r of e)for(const e of r.addedNodes)e instanceof HTMLElement&&x(...yt(e))})).observe(e,{subtree:!0,childList:!0});const B=new AbortController,y=null!==(n=null==r?void 0:r.abortSignal)&&void 0!==n?n:B.signal;let w;y.addEventListener("abort",(()=>{v(...d)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(w=d.indexOf(e.target))}),{signal:y}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&d.includes(e.target)&&(f.focus(),u(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const r=d.find((r=>r.contains(e)));r&&u(r)}),{signal:y,capture:!0}),f.addEventListener("focusin",(()=>{b?h(void 0,b):u(p())})),f.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(r=>{if(r.target instanceof HTMLElement)if(void 0!==w)w>=0&&d[w]!==b&&u(d[w]),w=void 0;else if("previous"===s)u(r.target);else if("closest"===s||"first"===s){if(r.relatedTarget instanceof Element&&!e.contains(r.relatedTarget)){const e="previous"===$?d.length-1:0,r=d[e];return void(null==r||r.focus())}u(r.target)}else if("function"==typeof s)if(r.relatedTarget instanceof Element&&!e.contains(r.relatedTarget)){const e=s(r.relatedTarget);if((e?d.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else u(r.target);$=void 0}),{signal:y});const k=null!=f?f:e;let $;return"closest"===s&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Ft(e))}),{signal:y,capture:!0}),k.addEventListener("keydown",(t=>{if(t.key in Pt){const o=Mt[t.key];if(!t.defaultPrevented&&(o&c)>0&&!function(e,r){const t=e.key,a=[...t].length,o=r instanceof HTMLInputElement&&"text"===r.type||r instanceof HTMLTextAreaElement;if(o&&(1===a||"Home"===t||"End"===t))return!0;if(r instanceof HTMLSelectElement){if(1===a)return!0;if("ArrowDown"===t&&zt()&&!e.metaKey)return!0;if("ArrowDown"===t&&!zt()&&e.altKey)return!0}if(r instanceof HTMLTextAreaElement&&("PageUp"===t||"PageDown"===t))return!0;if(o){const e=r,a=0===e.selectionStart&&0===e.selectionEnd,o=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===t&&!a)return!0;if("ArrowRight"===t&&!o)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===t&&!a)return!0;if("ArrowDown"===t&&!o)return!0}}return!1}(t,document.activeElement)){const o=Ft(t);let n;var a;if(null!=r&&r.getNextFocusable)n=r.getNextFocusable(o,null!==(a=document.activeElement)&&void 0!==a?a:void 0,t);if(!n){const r=function(){if(!b)return 0;const r=d.indexOf(b);return-1!==r?r:b===e?-1:0}();let a=r;"previous"===o?a-=1:"start"===o?a=0:"next"===o?a+=1:a=d.length-1,a<0&&(a="wrap"===l&&"Tab"!==t.key?d.length-1:0),a>=d.length&&(a="wrap"===l&&"Tab"!==t.key?0:d.length-1),r!==a&&(n=d[a])}f?u(n||b,!0):n&&($=o,n.focus()),("Tab"!==t.key||n)&&t.preventDefault()}}}),{signal:y}),B}var Wt=b(["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;}"],Cr("fontWeights.bold"),Cr("radii.2"));const jt=z(Ce,Ar,Lr),Ut=ge({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Gt=s.button.attrs((({disabled:e,onClick:r})=>({onClick:e?void 0:r})))`
23
23
  ${Wt}
24
24
  ${Ut}
25
25
  `;Gt.defaultProps={variant:"medium"};var _t=Gt;var Kt=s(_t)`
@@ -438,6 +438,7 @@ import e,{useState as r,useRef as t,useCallback as a,useEffect as o,useMemo as n
438
438
  color: ${({variant:e,item:r})=>ko(e,null==r?void 0:r.disabled).color};
439
439
  // 2 frames on a 60hz monitor
440
440
  transition: background 33.333ms linear;
441
+ text-decoration: none;
441
442
 
442
443
  @media (hover: hover) and (pointer: fine) {
443
444
  :hover {
@@ -541,7 +542,7 @@ import e,{useState as r,useRef as t,useCallback as a,useEffect as o,useMemo as n
541
542
  flex-basis: var(--description-container-flex-basis);
542
543
  `,Lo=s.input`
543
544
  pointer-events: none;
544
- `;function zo(r){const{text:t,description:o,descriptionVariant:n="inline",selected:d,selectionVariant:i,leadingVisual:c,trailingIcon:l,trailingText:s,variant:f="default",showDivider:g,disabled:b,onAction:p,onKeyPress:u,children:h,onClick:m,id:x,...v}=r,B=Da(),y=Da(),w=a((e=>{if(b)return;null==u||u(e);e.target instanceof HTMLInputElement&&"checkbox"===e.target.type&&" "===e.key||!e.defaultPrevented&&[" ","Enter"].includes(e.key)&&(null==p||p(r,e))}),[p,b,r,u]),k=a((e=>{b||(null==m||m(e),e.defaultPrevented||null==p||p(r,e))}),[p,b,r,m]),$=wo[f],T=Zr($.hover,"inherit"),S=Zr($.focus,"inherit"),{theme:I}=Jr();return e.createElement(So,Or({tabIndex:b?void 0:-1,variant:f,showDivider:g,"aria-selected":d,"aria-labelledby":t?B:void 0,"aria-describedby":o?y:void 0},v,{"data-id":x,onKeyPress:w,onClick:k,hoverBackground:b?"inherit":T,focusBackground:b?"inherit":S}),!!d===d&&e.createElement(Eo,null,"multiple"===i?e.createElement(e.Fragment,null,e.createElement(Lo,{disabled:b,tabIndex:-1,type:"checkbox",checked:d,"aria-label":t,readOnly:!0,"aria-readonly":"false"})):d&&e.createElement(aa,{fill:null==I?void 0:I.colors.text.primary})),c&&e.createElement(Ao,{variant:f,disabled:b},e.createElement(c,null)),e.createElement($o,null,e.createElement(To,{style:{"--main-content-flex-direction":"inline"===n?"row":"column"}},h,t?e.createElement(Io,{id:B},t):null,o?e.createElement(Ho,{id:y,style:{"--description-container-margin-left":"inline"===n?Cr("space.2")(I):0,"--description-container-flex-basis":"inline"===n?0:"auto"}},"block"===n?o:e.createElement(vo,{title:o,inline:!0,maxWidth:"100%"},o)):null),l||s?e.createElement(No,{variant:f,disabled:b},s,l&&e.createElement(l,null)):null))}zo.displayName="Item";const Ro=s.div`
545
+ `,zo=e.forwardRef(((r,t)=>{const{as:o,text:n,description:d,descriptionVariant:i="inline",selected:c,selectionVariant:l,leadingVisual:s,trailingIcon:f,trailingText:g,variant:b="default",showDivider:p,disabled:u,onAction:h,onKeyPress:m,children:x,onClick:v,id:B,...y}=r,w=Da(),k=Da(),$=a((e=>{if(u)return;null==m||m(e);e.target instanceof HTMLInputElement&&"checkbox"===e.target.type&&" "===e.key||!e.defaultPrevented&&[" ","Enter"].includes(e.key)&&(null==h||h(r,e))}),[h,u,r,m]),T=a((e=>{u||(null==v||v(e),e.defaultPrevented||null==h||h(r,e))}),[h,u,r,v]),S=wo[b],I=Zr(S.hover,"inherit"),E=Zr(S.focus,"inherit"),{theme:C}=Jr();return e.createElement(So,Or({ref:t,as:o,tabIndex:u?void 0:-1,variant:b,showDivider:p,"aria-selected":c,"aria-labelledby":n?w:void 0,"aria-describedby":d?k:void 0},y,{"data-id":B,onKeyPress:$,onClick:T,hoverBackground:u?"inherit":I,focusBackground:u?"inherit":E}),!!c===c&&e.createElement(Eo,null,"multiple"===l?e.createElement(e.Fragment,null,e.createElement(Lo,{disabled:u,tabIndex:-1,type:"checkbox",checked:c,"aria-label":n,readOnly:!0,"aria-readonly":"false"})):c&&e.createElement(aa,{fill:null==C?void 0:C.colors.text.primary})),s&&e.createElement(Ao,{variant:b,disabled:u},e.createElement(s,null)),e.createElement($o,null,e.createElement(To,{style:{"--main-content-flex-direction":"inline"===i?"row":"column"}},x,n?e.createElement(Io,{id:w},n):null,d?e.createElement(Ho,{id:k,style:{"--description-container-margin-left":"inline"===i?Cr("space.2")(C):0,"--description-container-flex-basis":"inline"===i?0:"auto"}},"block"===i?d:e.createElement(vo,{title:d,inline:!0,maxWidth:"100%"},d)):null),f||g?e.createElement(No,{variant:b,disabled:u},g,f&&e.createElement(f,null)):null))}));zo.displayName="Item";const Ro=s.div`
545
546
  font-size: ${Cr("fontSizes.1")};
546
547
  /* 14px font-size * 1.428571429 = 20px line height
547
548
  *
@@ -554,7 +555,7 @@ import e,{useState as r,useRef as t,useCallback as a,useEffect as o,useMemo as n
554
555
  --item-hover-bg-override: none;
555
556
  --item-hover-divider-border-color-override: ${Cr("colors.border.muted")};
556
557
  }
557
- `;const Oo=e.forwardRef(((r,t)=>{const{firstGroupStyle:a,lastGroupStyle:o,headerStyle:n,itemStyle:d}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:Cr("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:Cr("space.2")},lastGroupStyle:{marginBottom:Cr("space.2")},itemStyle:{marginX:Cr("space.2")}}}}(r.variant),i=(t,a,o)=>{var n,i,c;const l="renderItem"in t&&t.renderItem||r.renderItem||zo,s=null!==(n=null!==(i=t.key)&&void 0!==i?i:null===(c=t.id)||void 0===c?void 0:c.toString())&&void 0!==n?n:o.toString();return e.createElement(l,Or({showDivider:r.showItemDividers,selectionVariant:r.selectionVariant},t,{key:s,sx:{...d,...t.sx},item:a}))};let c=[];if(function(e){return"groupMetadata"in e}(r)){const e=r.groupMetadata.reduce(((e,r)=>e.set(r.groupId,r)),new Map);for(const t of r.items){var l,s,f;const r=e.get(t.groupId),a=null!==(l=null==r||null===(s=r.items)||void 0===s?void 0:s.length)&&void 0!==l?l:0;e.set(t.groupId,{...r,items:[...null!==(f=null==r?void 0:r.items)&&void 0!==f?f:[],i({showDivider:null==r?void 0:r.showItemDividers,...r&&"renderItem"in r&&{renderItem:r.renderItem},...t},t,a)]})}c=[...e.values()]}else c=[{items:r.items.map(((e,r)=>i(e,e,r))),groupId:"0"}];return e.createElement(Ro,Or({},r,{ref:t}),c.map((({header:t,...d},i)=>{const l="filled"===(null==t?void 0:t.variant),s=i>0&&!l;return e.createElement(e.Fragment,{key:d.groupId},s?e.createElement(yo,{key:`${d.groupId}-divider`}):null,(t=>{var a;const o=(null!==(a="renderGroup"in t&&t.renderGroup)&&void 0!==a?a:r.renderGroup)||mo;return e.createElement(o,Or({},t,{key:t.groupId}))})({sx:{...0===i&&a,...i===c.length-1&&o,...i>0&&!s&&{mt:2}},...t&&{header:{...t,sx:{...n,...t.sx}}},...d}))})))}));Oo.displayName="ActionList";const Mo=Object.assign(Oo,{Group:mo,Item:zo,Divider:yo}),Po={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},Fo={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Do=s.div`
558
+ `;const Oo=e.forwardRef(((r,t)=>{const{firstGroupStyle:a,lastGroupStyle:o,headerStyle:n,itemStyle:d}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:Cr("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:Cr("space.2")},lastGroupStyle:{marginBottom:Cr("space.2")},itemStyle:{marginX:Cr("space.2")}}}}(r.variant),i=(t,a,o)=>{var n,i,c;const l="renderItem"in t&&t.renderItem||r.renderItem||zo,s=null!==(n=null!==(i="key"in t?t.key:void 0)&&void 0!==i?i:null===(c=t.id)||void 0===c?void 0:c.toString())&&void 0!==n?n:o.toString();return e.createElement(l,Or({showDivider:r.showItemDividers,selectionVariant:r.selectionVariant},t,{key:s,sx:{...d,...t.sx},item:a}))};let c=[];if(function(e){return"groupMetadata"in e}(r)){const e=r.groupMetadata.reduce(((e,r)=>e.set(r.groupId,r)),new Map);for(const t of r.items){var l,s,f;const r=e.get(t.groupId),a=null!==(l=null==r||null===(s=r.items)||void 0===s?void 0:s.length)&&void 0!==l?l:0;e.set(t.groupId,{...r,items:[...null!==(f=null==r?void 0:r.items)&&void 0!==f?f:[],i({showDivider:null==r?void 0:r.showItemDividers,...r&&"renderItem"in r&&{renderItem:r.renderItem},...t},t,a)]})}c=[...e.values()]}else c=[{items:r.items.map(((e,r)=>i(e,e,r))),groupId:"0"}];return e.createElement(Ro,Or({},r,{ref:t}),c.map((({header:t,...d},i)=>{const l="filled"===(null==t?void 0:t.variant),s=i>0&&!l;return e.createElement(e.Fragment,{key:d.groupId},s?e.createElement(yo,{key:`${d.groupId}-divider`}):null,(t=>{var a;const o=(null!==(a="renderGroup"in t&&t.renderGroup)&&void 0!==a?a:r.renderGroup)||mo;return e.createElement(o,Or({},t,{key:t.groupId}))})({sx:{...0===i&&a,...i===c.length-1&&o,...i>0&&!s&&{mt:2}},...t&&{header:{...t,sx:{...n,...t.sx}}},...d}))})))}));Oo.displayName="ActionList";const Mo=Object.assign(Oo,{Group:mo,Item:zo,Divider:yo}),Po={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},Fo={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Do=s.div`
558
559
  background-color: ${Cr("colors.canvas.overlay")};
559
560
  box-shadow: ${Cr("shadows.overlay.shadow")};
560
561
  position: absolute;
@@ -581,7 +582,7 @@ import e,{useState as r,useRef as t,useCallback as a,useEffect as o,useMemo as n
581
582
  }
582
583
  ${Ar};
583
584
  ${rt};
584
- `,Wo=e.forwardRef((({onClickOutside:r,role:a="none",initialFocusRef:n,returnFocusRef:d,ignoreClickRefs:i,onEscape:l,visibility:s="visible",height:f,top:g,left:b,anchorSide:p,portalContainerName:u,preventFocusOnOpen:h,...m},x)=>{const v=t(null),B=Ra(v,x),{theme:y}=Jr(),w=parseInt(Cr("space.2")(y).replace("px","")),k=Cr("animation.easeOutCubic")(y);Ct({overlayRef:v,returnFocusRef:d,onEscape:l,ignoreClickRefs:i,onClickOutside:r,initialFocusRef:n,preventFocusOnOpen:h}),o((()=>{var e;"initial"===f&&null!==(e=B.current)&&void 0!==e&&e.clientHeight&&(B.current.style.height=`${B.current.clientHeight}px`)}),[f,B]),c((()=>{var e;const{x:r,y:t}=function(e){return null!=e&&e.endsWith("bottom")?{x:0,y:-1}:null!=e&&e.endsWith("top")?{x:0,y:1}:null!=e&&e.endsWith("right")?{x:-1,y:0}:null!=e&&e.endsWith("left")?{x:1,y:0}:{x:0,y:0}}(p);(r||t)&&null!==(e=v.current)&&void 0!==e&&e.animate&&"hidden"!==s&&v.current.animate({transform:[`translate(${w*r}px, ${w*t}px)`,"translate(0, 0)"]},{duration:200,easing:k})}),[p,w,k,s]);const $=e.createElement(Do,Or({height:f,role:a},m,{ref:B,style:{top:`${g||0}px`,left:`${b||0}px`,...m.style,"--styled-overlay-visibility":s}}));return e.createElement(za,{containerName:u},$)}));Wo.defaultProps={height:"auto",width:"auto"};var jo=Wo;const Uo=({renderAnchor:n,anchorRef:d,children:i,open:c,onOpen:l,onClose:s,height:f,width:g,overlayProps:b,focusTrapSettings:p,focusZoneSettings:u})=>{const h=Et(d),[m,x]=function(){const[e,o]=r(null),n=t(null);n.current=e;const d=a((e=>{n.current=e,o(e)}),[n]);return[n,d]}(),v=Da(),B=a((()=>null==s?void 0:s("click-outside")),[s]),y=a((()=>null==s?void 0:s("escape")),[s]),w=a((e=>{e.defaultPrevented||!c&&["ArrowDown","ArrowUp"," ","Enter"].includes(e.key)&&(null==l||l("anchor-key-press"),e.preventDefault())}),[c,l]),k=a((e=>{e.defaultPrevented||0!==e.button||(c?null==s||s("anchor-click"):null==l||l("anchor-click"))}),[c,l,s]),{position:$}=wa({anchorElementRef:h,floatingElementRef:m},[m.current]);return o((()=>{!c&&m.current&&x(null)}),[c,m,x]),Na({containerRef:m,disabled:!c||!$,...u}),Ia({containerRef:m,disabled:!c||!$,...p}),e.createElement(e.Fragment,null,n&&n({ref:h,id:v,"aria-labelledby":v,"aria-haspopup":"true",tabIndex:0,onClick:k,onKeyDown:w}),c?e.createElement(jo,Or({returnFocusRef:h,onClickOutside:B,ignoreClickRefs:[h],onEscape:y,ref:x,role:"none",visibility:$?"visible":"hidden",height:f,width:g,top:(null==$?void 0:$.top)||0,left:(null==$?void 0:$.left)||0,anchorSide:null==$?void 0:$.anchorSide},b),i):null)};function Go(e,t,o){const[n,d]=r(o);return[null!=e?e:n,a((e=>{d(e),t&&t(e)}),[t])]}Uo.displayName="AnchoredOverlay";const _o=r=>e.createElement(zo,Or({role:"menuitem"},r));_o.displayName="ActionMenuItem",_o.displayName="ActionMenu.Item";const Ko=({anchorContent:r,renderAnchor:t=(r=>e.createElement(Kt,r)),anchorRef:o,onAction:d,open:i,setOpen:c,overlayProps:l,items:s,...f})=>{const[g,b]=Go(i,c,!1),p=Et(o),u=a((()=>b(!0)),[b]),h=a((()=>b(!1)),[b]),m=n((()=>null===t?null:e=>t({"aria-label":"menu",children:r,...e})),[r,t]),x=n((()=>s.map((e=>({...e,role:"menuitem",onAction:(r,t)=>{var a;const o=null!==(a=e.onAction)&&void 0!==a?a:d;null==o||o(r,t),t.defaultPrevented||h()}})))),[s,d,h]);return e.createElement(Uo,{renderAnchor:m,anchorRef:p,open:g,onOpen:u,onClose:h,overlayProps:l},e.createElement(Oo,Or({},f,{role:"menu",items:x})))};Ko.displayName="ActionMenuBase",Ko.displayName="ActionMenu";const Xo=Object.assign(Ko,{Divider:yo,Item:_o});const Yo=s.img.attrs((e=>({height:e.size,width:e.size})))`
585
+ `,Wo=e.forwardRef((({onClickOutside:r,role:a="none",initialFocusRef:n,returnFocusRef:d,ignoreClickRefs:i,onEscape:l,visibility:s="visible",height:f,top:g,left:b,anchorSide:p,portalContainerName:u,...h},m)=>{const x=t(null),v=Ra(x,m),{theme:B}=Jr(),y=parseInt(Cr("space.2")(B).replace("px","")),w=Cr("animation.easeOutCubic")(B);return Ct({overlayRef:x,returnFocusRef:d,onEscape:l,ignoreClickRefs:i,onClickOutside:r,initialFocusRef:n}),o((()=>{var e;"initial"===f&&null!==(e=v.current)&&void 0!==e&&e.clientHeight&&(v.current.style.height=`${v.current.clientHeight}px`)}),[f,v]),c((()=>{var e;const{x:r,y:t}=function(e){return null!=e&&e.endsWith("bottom")?{x:0,y:-1}:null!=e&&e.endsWith("top")?{x:0,y:1}:null!=e&&e.endsWith("right")?{x:-1,y:0}:null!=e&&e.endsWith("left")?{x:1,y:0}:{x:0,y:0}}(p);(r||t)&&null!==(e=x.current)&&void 0!==e&&e.animate&&"hidden"!==s&&x.current.animate({transform:[`translate(${y*r}px, ${y*t}px)`,"translate(0, 0)"]},{duration:200,easing:w})}),[p,y,w,s]),e.createElement(za,{containerName:u},e.createElement(Do,Or({height:f,role:a},h,{ref:v,style:{top:`${g||0}px`,left:`${b||0}px`,...h.style,"--styled-overlay-visibility":s}})))}));Wo.defaultProps={height:"auto",width:"auto"};var jo=Wo;const Uo=({renderAnchor:n,anchorRef:d,children:i,open:c,onOpen:l,onClose:s,height:f,width:g,overlayProps:b,focusTrapSettings:p,focusZoneSettings:u})=>{const h=Et(d),[m,x]=function(){const[e,o]=r(null),n=t(null);n.current=e;const d=a((e=>{n.current=e,o(e)}),[n]);return[n,d]}(),v=Da(),B=a((()=>null==s?void 0:s("click-outside")),[s]),y=a((()=>null==s?void 0:s("escape")),[s]),w=a((e=>{e.defaultPrevented||!c&&["ArrowDown","ArrowUp"," ","Enter"].includes(e.key)&&(null==l||l("anchor-key-press"),e.preventDefault())}),[c,l]),k=a((e=>{e.defaultPrevented||0!==e.button||(c?null==s||s("anchor-click"):null==l||l("anchor-click"))}),[c,l,s]),{position:$}=wa({anchorElementRef:h,floatingElementRef:m},[m.current]);return o((()=>{!c&&m.current&&x(null)}),[c,m,x]),Na({containerRef:m,disabled:!c||!$,...u}),Ia({containerRef:m,disabled:!c||!$,...p}),e.createElement(e.Fragment,null,n&&n({ref:h,id:v,"aria-labelledby":v,"aria-haspopup":"true",tabIndex:0,onClick:k,onKeyDown:w}),c?e.createElement(jo,Or({returnFocusRef:h,onClickOutside:B,ignoreClickRefs:[h],onEscape:y,ref:x,role:"none",visibility:$?"visible":"hidden",height:f,width:g,top:(null==$?void 0:$.top)||0,left:(null==$?void 0:$.left)||0,anchorSide:null==$?void 0:$.anchorSide},b),i):null)};function Go(e,t,o){const[n,d]=r(o);return[null!=e?e:n,a((e=>{d(e),t&&t(e)}),[t])]}Uo.displayName="AnchoredOverlay";const _o=r=>e.createElement(zo,Or({role:"menuitem"},r));_o.displayName="ActionMenuItem",_o.displayName="ActionMenu.Item";const Ko=({anchorContent:r,renderAnchor:t=(r=>e.createElement(Kt,r)),anchorRef:o,onAction:d,open:i,setOpen:c,overlayProps:l,items:s,...f})=>{const[g,b]=Go(i,c,!1),p=Et(o),u=a((()=>b(!0)),[b]),h=a((()=>b(!1)),[b]),m=n((()=>null===t?null:e=>t({"aria-label":"menu",children:r,...e})),[r,t]),x=n((()=>s.map((e=>({...e,role:"menuitem",onAction:(r,t)=>{var a;const o=null!==(a=e.onAction)&&void 0!==a?a:d;null==o||o(r,t),t.defaultPrevented||h()}})))),[s,d,h]);return e.createElement(Uo,{renderAnchor:m,anchorRef:p,open:g,onOpen:u,onClose:h,overlayProps:l},e.createElement(Oo,Or({},f,{role:"menu",items:x})))};Ko.displayName="ActionMenuBase",Ko.displayName="ActionMenu";const Xo=Object.assign(Ko,{Divider:yo,Item:_o});const Yo=s.img.attrs((e=>({height:e.size,width:e.size})))`
585
586
  display: inline-block;
586
587
  overflow: hidden; // Ensure page layout in Firefox should images fail to load
587
588
  line-height: ${Cr("lineHeights.condensedUltra")};
@@ -1446,7 +1447,7 @@ Zo=en,function(){var e={}.hasOwnProperty;function r(){for(var t=[],a=0;a<argumen
1446
1447
  ${Od}
1447
1448
  ${Ar}
1448
1449
  ${rt};
1449
- `;Md.displayName="SelectMenu.Divider";var Pd=Md;var Fd=s.input`
1450
+ `;Md.displayName="SelectMenu.Divider";var Pd=Md;const Fd=ge({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}}),Dd=s.input`
1450
1451
  border: 0;
1451
1452
  font-size: inherit;
1452
1453
  font-family: inherit;
@@ -1457,9 +1458,7 @@ Zo=en,function(){var e={}.hasOwnProperty;function r(){for(var t=[],a=0;a<argumen
1457
1458
  &:focus {
1458
1459
  outline: 0;
1459
1460
  }
1460
-
1461
- ${rt};
1462
- `;const Dd=ge({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}}),Wd=s.span`
1461
+ `,Wd=s.span`
1463
1462
  display: inline-flex;
1464
1463
  align-items: stretch;
1465
1464
  min-height: 34px;
@@ -1501,9 +1500,9 @@ Zo=en,function(){var e={}.hasOwnProperty;function r(){for(var t=[],a=0;a<argumen
1501
1500
  ${he}
1502
1501
  ${xe}
1503
1502
  ${Be}
1504
- ${Dd}
1503
+ ${Fd}
1505
1504
  ${rt};
1506
- `,jd=e.forwardRef((({inputComponent:r,icon:t,block:a,className:o,contrast:n,disabled:d,sx:i,theme:c,width:l,minWidth:s,maxWidth:f,variant:g,wrapperRef:b,...p},u)=>{const h=rn(o,"TextInput-wrapper");return e.createElement(Wd,{block:a,className:h,contrast:n,disabled:d,hasIcon:!!t,sx:i,theme:c,width:l,minWidth:s,maxWidth:f,variant:g,ref:b},t&&e.createElement(t,{className:"TextInput-icon"}),e.createElement(Fd,Or({ref:u,disabled:d},p)))}));jd.defaultProps={type:"text"},jd.displayName="TextInput";var Ud=jd;const Gd=s.form`
1505
+ `,jd=e.forwardRef((({icon:r,block:t,className:a,contrast:o,disabled:n,sx:d,theme:i,width:c,minWidth:l,maxWidth:s,variant:f,...g},b)=>{const p=rn(a,"TextInput-wrapper");return e.createElement(Wd,{block:t,className:p,contrast:o,disabled:n,hasIcon:!!r,sx:d,theme:i,width:c,minWidth:l,maxWidth:s,variant:f},r&&e.createElement(r,{className:"TextInput-icon"}),e.createElement(Dd,Or({ref:b,disabled:n},g)))}));jd.defaultProps={type:"text"},jd.displayName="TextInput";var Ud=jd;const Gd=s.form`
1507
1506
  padding: ${Cr("space.3")};
1508
1507
  margin: 0;
1509
1508
  border-bottom: ${Cr("borderWidths.1")} solid ${Cr("colors.border.muted")};