@leafygreen-ui/combobox 3.1.0 → 4.0.0

package/dist/index.js

@@ -1,2 +1,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("lodash/clone"),require("lodash/isArray"),require("lodash/isEqual"),require("lodash/isNull"),require("lodash/isString"),require("lodash/isUndefined"),require("react"),require("prop-types"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/lib"),require("lodash/escapeRegExp"),require("@emotion/react"),require("lodash/kebabCase"),require("@leafygreen-ui/checkbox"),require("@leafygreen-ui/tokens"),require("polished"),require("@leafygreen-ui/inline-definition"),require("@leafygreen-ui/popover")):"function"==typeof define&&define.amd?define(["exports","lodash/clone","lodash/isArray","lodash/isEqual","lodash/isNull","lodash/isString","lodash/isUndefined","react","prop-types","@leafygreen-ui/typography","@leafygreen-ui/hooks","@leafygreen-ui/icon","@leafygreen-ui/icon-button","@leafygreen-ui/emotion","@leafygreen-ui/palette","@leafygreen-ui/lib","lodash/escapeRegExp","@emotion/react","lodash/kebabCase","@leafygreen-ui/checkbox","@leafygreen-ui/tokens","polished","@leafygreen-ui/inline-definition","@leafygreen-ui/popover"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/combobox"]={},e.clone,e.isArray,e.isEqual,e.isNull,e.isString,e.isUndefined,e.React,e.PropTypes,e["@leafygreen-ui/typography"],e["@leafygreen-ui/hooks"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/emotion"],e["@leafygreen-ui/palette"],e["@leafygreen-ui/lib"],e.escapeRegExp,e.react,e.kebabCase,e["@leafygreen-ui/checkbox"],e["@leafygreen-ui/tokens"],e.polished,e["@leafygreen-ui/inline-definition"],e["@leafygreen-ui/popover"])}(this,(function(e,n,t,r,a,o,l,i,s,u,c,d,f,p,g,b,h,y,x,v,m,k,w,C){"use strict";function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=S(n),O=S(t),D=S(r),N=S(a),M=S(o),L=S(l),E=S(i),z=S(s),I=S(d),q=S(f),R=S(h),T=S(x),P=S(v),A=S(w),F=S(C);function H(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function W(e){return W="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},W(e)}function G(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function U(){return U=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},U.apply(this,arguments)}function K(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function X(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function V(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,a,o=[],l=!0,i=!1;try{for(t=t.call(e);!(l=(r=t.next()).done)&&(o.push(r.value),!n||o.length!==n);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==t.return||t.return()}finally{if(i)throw a}}return o}(e,n)||B(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e){return function(e){if(Array.isArray(e))return Y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||B(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e,n){if(e){if("string"==typeof e)return Y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Y(e,n):void 0}}function Y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var _="dark",$="light",J="Input",Q="ClearButton",ee="FirstChip",ne="LastChip",te="MiddleChip",re="Combobox",ae="Menu",oe={Default:"default",Large:"large"},le={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},ie={error:"error",none:"none"},se={unset:"unset",error:"error",loading:"loading"};var ue,ce,de,fe,pe,ge,be,he,ye,xe,ve,me,ke,we,Ce,Se,je,Oe,De,Ne,Me,Le,Ee,ze,Ie,qe,Re,Te,Pe,Ae,Fe,He,We,Ge=function(e,n,t){if(n&&t){var r=R.default(n),a=new RegExp(r,"gi"),o=e.matchAll(a);if(o){for(var l=e.split(""),i=0,s=Array.from(o);i<s.length;i++){var u,c=s[i],d=null!==(u=c.index)&&void 0!==u?u:-1,f=c[0],p=f.length,g=d+f+p,b=new Array(p).fill("");b[0]=E.default.createElement(t,{key:g},f),l.splice.apply(l,[d,p].concat(Z(b)))}return y.jsx(E.default.Fragment,null,l)}return y.jsx(E.default.Fragment,null,e)}return y.jsx(E.default.Fragment,null,e)},Ue=function(e){var n,t=e.value,r=e.displayName;return{value:null!=t?t:T.default(r),displayName:null!==(n=null!=r?r:t)&&void 0!==n?n:""}},Ke=function(e,n){if(e)return n.find((function(n){return n.value===e}))},Xe=function(e,n){var t,r;return e?null!==(t=null===(r=Ke(e,n))||void 0===r?void 0:r.displayName)&&void 0!==t?t:e:""},Ve=function e(n){return E.default.Children.toArray(n).reduce((function(n,t){if(b.isComponentType(t,"ComboboxOption")){var r=Ue(t.props),a=r.value,o=r.displayName,l=t.props,i=l.glyph,s=l.disabled;return[].concat(Z(n),[{value:a,displayName:o,isDisabled:!!s,hasGlyph:!!i}])}if(b.isComponentType(t,"ComboboxGroup")){var u=t.props.children;if(u)return[].concat(Z(n),Z(e(u)))}}),[])},Ze=i.createContext({multiselect:!1,darkMode:!1,size:oe.Default,withIcons:!1,disabled:!1,isOpen:!1,state:ie.none,searchState:se.unset}),Be=function(e){return e?_:$},Ye=(G(de={},$,p.css(ue||(ue=X(["\n    padding-top: 8px;\n  "])))),G(de,_,p.css(ce||(ce=X(["\n    padding-top: 8px;\n  "])))),de),_e=p.css(fe||(fe=X(["\n  cursor: default;\n  width: 100%;\n  padding: 0 12px 2px;\n  outline: none;\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: bold;\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n"]))),$e=(G(be={},$,p.css(pe||(pe=X(["\n    color: ",";\n  "])),g.palette.gray.dark1)),G(be,_,p.css(ge||(ge=X(["\n    color: ",";\n  "])),g.palette.gray.light1)),be);function Je(e){var n=e.label,t=e.className,r=e.children,a=i.useContext(Ze).darkMode,o=Be(a),l=c.useIdAllocator({prefix:"combobox-group"});return E.default.Children.count(r)>0?y.jsx("div",{className:p.cx(Ye[o],t)},y.jsx("div",{className:p.cx(_e,$e[o]),id:l},n),y.jsx("div",{role:"group","aria-labelledby":l},r)):y.jsx(E.default.Fragment,null)}function Qe(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}Qe.displayName="ComboboxGroup",Qe.propTypes={className:z.default.string,children:z.default.node.isRequired,label:z.default.string.isRequired};var en=(G(he={},oe.Default,{x:12,y:8}),G(he,oe.Large,{x:12,y:8}),he),nn=(G(ye={},oe.Default,m.typeScales.body1.lineHeight+2*en[oe.Default].y),G(ye,oe.Large,m.typeScales.body2.lineHeight+2*en[oe.Large].y),ye),tn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return p.css(xe||(xe=X(["\n  width: ","px;\n  overflow: hidden;\n  border-radius: 12px;\n  border: 1px solid;\n"])),e)},rn=(G(ke={},$,p.css(ve||(ve=X(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),k.transparentize(.85,g.palette.black),g.palette.gray.light2)),G(ke,_,p.css(me||(me=X(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),k.transparentize(.85,g.palette.black),g.palette.gray.dark3)),ke),an=p.css(we||(we=X(["\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: ","px 0;\n  font-family: ",";\n  border-radius: inherit;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n"])),m.spacing[2],m.fontFamilies.default),on=(G(je={},$,p.css(Ce||(Ce=X(["\n    color: ",";\n    background-color: ",";\n  "])),g.palette.black,g.palette.white)),G(je,_,p.css(Se||(Se=X(["\n    color: ",";\n    background-color: ",";\n  "])),g.palette.gray.light1,g.palette.gray.dark3)),je);G(Ne={},oe.Default,p.css(Oe||(Oe=X(["\n    min-height: ","px;\n  "])),nn[oe.Default])),G(Ne,oe.Large,p.css(De||(De=X(["\n    min-height: ","px;\n  "])),nn[oe.Large]));var ln=p.css(Me||(Me=X(["\n  position: relative;\n  margin: 0;\n  padding: 0;\n"]))),sn=p.css(Le||(Le=X(["\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n"]))),un=(G(Ie={},$,p.css(Ee||(Ee=X(["\n    color: ",";\n  "])),g.palette.gray.dark3)),G(Ie,_,p.css(ze||(ze=X(["\n    color: ",";\n  "])),g.palette.gray.light3)),Ie),cn=(G(Te={},oe.Default,p.css(qe||(qe=X(["\n    font-size: ","px;\n    line-height: ","px;\n    padding: ","px\n      ","px;\n  "])),m.typeScales.body1.fontSize,m.typeScales.body1.lineHeight,en[oe.Default].y,en[oe.Default].x)),G(Te,oe.Large,p.css(Re||(Re=X(["\n    font-size: ","px;\n    line-height: ","px;\n    padding: ","px\n      ","px;\n  "])),m.typeScales.body2.fontSize,m.typeScales.body2.lineHeight,en[oe.Large].y,en[oe.Large].x)),Te);G(Fe={},oe.Default,p.css(Pe||(Pe=X(["\n    height: ","px;\n    width: ","px;\n  "])),m.typeScales.body1.fontSize,m.typeScales.body1.fontSize)),G(Fe,oe.Large,p.css(Ae||(Ae=X(["\n    height: ","px;\n    width: ","px;\n  "])),m.typeScales.body2.fontSize,m.typeScales.body2.fontSize));var dn,fn,pn,gn,bn,hn,yn,xn,vn,mn,kn,wn,Cn,Sn,jn,On,Dn,Nn,Mn,Ln,En,zn,In,qn,Rn,Tn,Pn,An,Fn,Hn,Wn,Gn,Un,Kn,Xn,Vn,Zn,Bn,Yn,_n,$n,Jn,Qn,et,nt,tt,rt,at,ot,lt,it,st,ut,ct,dt,ft,pt,gt,bt,ht,yt,xt,vt,mt=p.keyframes(He||(He=X(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),kt=p.css(We||(We=X(["\n  animation: "," 1.5s linear infinite;\n"])),mt),wt=p.css(dn||(dn=X(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  list-style: none;\n  color: inherit;\n  cursor: pointer;\n  overflow: hidden;\n  font-family: ",";\n\n  // Left wedge\n  &:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    width: 4px;\n    height: calc(100% - 14px);\n    background-color: rgba(255, 255, 255, 0);\n    border-radius: 0 6px 6px 0;\n    transform: scale3d(0, 0.3, 0);\n    transition: 200ms ease-in-out;\n    transition-property: transform, background-color;\n  }\n"])),m.fontFamilies.default),Ct=(G(gn={},$,p.css(fn||(fn=X(["\n    &:hover {\n      outline: none;\n      background-color: ",";\n    }\n  "])),g.palette.gray.light2)),G(gn,_,p.css(pn||(pn=X(["\n    &:hover {\n      outline: none;\n      background-color: ",";\n    }\n  "])),g.palette.gray.dark4)),gn),St=(G(yn={},oe.Default,p.css(bn||(bn=X(["\n    font-size: ","px;\n    line-height: ","px;\n    min-height: ","px;\n    padding: ","px\n      ","px;\n    gap: ","px;\n\n    &:before {\n      max-height: ","px;\n    }\n  "])),m.typeScales.body1.fontSize,m.typeScales.body1.lineHeight,nn[oe.Default],en[oe.Default].y,en[oe.Default].x,m.spacing[1],nn[oe.Default])),G(yn,oe.Large,p.css(hn||(hn=X(["\n    font-size: ","px;\n    line-height: ","px;\n    min-height: ","px;\n    padding: ","px\n      ","px;\n    gap: ","px;\n\n    &:before {\n      max-height: ","px;\n    }\n  "])),m.typeScales.body2.fontSize,m.typeScales.body2.lineHeight,nn[oe.Large],en[oe.Large].y,en[oe.Large].x,m.spacing[2],nn[oe.Large])),yn),jt=p.css(xn||(xn=X(["\n  outline: none;\n\n  &:before {\n    transform: scaleY(1);\n  }\n"]))),Ot=(G(kn={},$,p.css(vn||(vn=X(["\n    ",";\n    background-color: ",";\n\n    &:before {\n      background-color: ",";\n    }\n  "])),jt,g.palette.blue.light3,g.palette.blue.base)),G(kn,_,p.css(mn||(mn=X(["\n    ",";\n    background-color: ",";\n\n    &:before {\n      background-color: ",";\n    }\n  "])),jt,g.palette.blue.dark3,g.palette.blue.light1)),kn),Dt=p.css(wn||(wn=X(["\n  cursor: not-allowed;\n\n  &:hover {\n    background-color: inherit;\n  }\n\n  &:before {\n    content: unset;\n  }\n"]))),Nt=(G(jn={},$,p.css(Cn||(Cn=X(["\n    ",";\n    color: ",";\n  "])),Dt,g.palette.gray.light1)),G(jn,_,p.css(Sn||(Sn=X(["\n    ",";\n    color: ",";\n  "])),Dt,g.palette.gray.dark1)),jn),Mt=(G(Nn={},oe.Default,p.css(On||(On=X(["\n    min-width: ","px;\n  "])),m.spacing[3])),G(Nn,oe.Large,p.css(Dn||(Dn=X(["\n    min-width: ","px;\n  "])),m.spacing[4])),Nn),Lt=p.css(Mn||(Mn=X(["\n  display: inline-flex;\n  gap: 8px;\n  justify-content: start;\n  align-items: inherit;\n  overflow-wrap: anywhere;\n"]))),Et=p.css(Ln||(Ln=X(["\n  pointer-events: none;\n"]))),zt=function(e){return p.css(En||(En=X(["\n  font-weight: ",";\n"])),e?"bold":"normal")},It=E.default.forwardRef((function(e,n){var t,r=e.displayName,a=e.glyph,o=e.isSelected,l=e.isFocused,s=e.disabled,u=e.setSelected,f=e.className,h=i.useContext(Ze),x=h.multiselect,v=h.darkMode,m=h.withIcons,k=h.inputValue,w=h.size,C=Be(v),S=c.useIdAllocator({prefix:"combobox-option-text"}),j=c.useForwardedRef(n,null),O=i.useCallback((function(e){e.stopPropagation(),s||e.target!==j.current&&"INPUT"!==e.target.tagName||u()}),[s,j,u]),D=i.useMemo((function(){if(a){if(d.isComponentGlyph(a)||b.isComponentType(a,"Icon"))return a;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",a)}}),[a]),N=i.useMemo((function(){if(x){var e=y.jsx(P.default,{"aria-labelledby":S,checked:o,tabIndex:-1,disabled:s,darkMode:v,className:p.css(zn||(zn=X(["\n              // TODO: Remove when this is resolved:\n              // https://jira.mongodb.org/browse/PD-2171\n              & > label > div {\n                margin-top: 0;\n              }\n            "])))});return y.jsx(E.default.Fragment,null,y.jsx("span",{className:p.cx(Lt,Et)},m?D:e,y.jsx("span",{id:S,className:zt(o)},Ge(r,k,"strong"))),m&&e)}return y.jsx(E.default.Fragment,null,y.jsx("span",{className:p.cx(Lt,Et)},D,y.jsx("span",{className:zt(o)},Ge(r,k,"strong"))),o&&y.jsx(I.default,{glyph:"Checkmark",className:Mt[w],color:v?g.palette.blue.light1:g.palette.blue.base}))}),[x,D,o,r,k,w,v,S,s,m]);return y.jsx("li",{ref:j,role:"option","aria-selected":l,"aria-label":r,tabIndex:-1,className:p.cx(wt,St[w],Ct[C],(t={},G(t,Ot[C],l),G(t,Nt[C],s),t),f),onClick:O,onKeyDown:O},N)}));function qt(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}It.displayName="ComboboxOption",qt.displayName="ComboboxOption",qt.propTypes={displayName:z.default.string,value:z.default.string,glyph:z.default.node,disabled:z.default.bool,className:z.default.string};var Rt,Tt,Pt,At,Ft,Ht,Wt,Gt,Ut,Kt,Xt,Vt,Zt,Bt,Yt,_t,$t,Jt,Qt,er,nr,tr,rr,ar,or=(G(In={},oe.Default,m.typeScales.body1.fontSize),G(In,oe.Large,m.typeScales.body2.fontSize),In),lr=(G(qn={},oe.Default,2),G(qn,oe.Large,4),qn),ir=(G(Rn={},oe.Default,m.typeScales.body1.lineHeight+2*lr[oe.Default]),G(Rn,oe.Large,m.typeScales.body2.lineHeight+2*lr[oe.Large]),Rn),sr=(G(Tn={},oe.Default,{y:(36-ir[oe.Default]-2)/2,x:m.spacing[2]-1}),G(Tn,oe.Large,{y:(48-ir[oe.Large]-2)/2,x:m.spacing[2]-1}),Tn),ur=m.spacing[3],cr=(G(Pn={},oe.Default,or[oe.Default]+2*sr[oe.Default].x+ur+2),G(Pn,oe.Large,or[oe.Large]+2*sr[oe.Large].x+ur+2),Pn),dr=b.createUniqueClassName("combobox-chip"),fr=function(e){return p.css(An||(An=X(["\n    font-family: ",";\n    width: 100%;\n    min-width: ","px;\n  "])),m.fontFamilies.default,cr[e])},pr=p.css(Fn||(Fn=X(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  cursor: text;\n  transition: 150ms ease-in-out;\n  transition-property: background-color, box-shadow, border-color;\n  border: 1px solid;\n  width: inherit;\n  border-radius: 6px;\n"]))),gr=(G(Gn={},$,p.css(Hn||(Hn=X(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n\n    &:hover {\n      box-shadow: ",";\n    }\n  "])),g.palette.gray.dark3,g.palette.white,g.palette.gray.base,m.hoverRing[$].gray)),G(Gn,_,p.css(Wn||(Wn=X(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n\n    &:hover {\n      box-shadow: ",";\n    }\n  "])),g.palette.gray.light2,g.palette.gray.dark4,g.palette.gray.base,m.hoverRing[_].gray)),Gn),br=function(e){return p.css(Un||(Un=X(["\n  padding: ","px ","px;\n"])),sr[e].y,sr[e].x)},hr=(G(Vn={},$,p.css(Kn||(Kn=X(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),g.palette.gray.dark1,g.palette.gray.light2,g.palette.gray.light1)),G(Vn,_,p.css(Xn||(Xn=X(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),g.palette.gray.dark1,g.palette.gray.dark3,g.palette.gray.dark2)),Vn),yr=(G(Yn={},$,p.css(Zn||(Zn=X(["\n    border-color: ",";\n  "])),g.palette.red.base)),G(Yn,_,p.css(Bn||(Bn=X(["\n    border-color: ",";\n  "])),g.palette.red.light1)),Yn),xr=(G(Jn={},$,p.css(_n||(_n=X(["\n    &:focus-within {\n      border-color: transparent;\n      background-color: ",";\n      box-shadow: ",";\n    }\n  "])),g.palette.white,m.focusRing[$].input)),G(Jn,_,p.css($n||($n=X(["\n    &:focus-within {\n      border-color: transparent;\n      background-color: ",";\n      box-shadow: ",";\n    }\n  "])),g.palette.gray.dark4,m.focusRing[_].input)),Jn),vr=function(e){var n=e.overflow,t=e.size,r=p.css(Qn||(Qn=X(["\n    flex-grow: 1;\n    width: inherit;\n  "])));switch(n){case le.scrollX:return p.css(et||(et=X(["\n        ","\n        display: block;\n        height: ","px;\n        white-space: nowrap;\n        overflow-x: scroll;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n\n        &::-webkit-scrollbar {\n          display: none;\n        }\n\n        & > ."," {\n          margin-inline: 2px;\n\n          &:first-child {\n            margin-inline-start: 0;\n          }\n\n          &:last-child {\n            margin-inline-end: 0;\n          }\n        }\n      "])),r,ir[t],dr);case le.expandY:return p.css(nt||(nt=X(["\n        ","\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n        overflow-x: visible;\n        min-height: ","px;\n      "])),r,ir[t])}},mr=p.css(tt||(tt=X(["\n  font-family: ",";\n  width: 100%;\n  border: none;\n  cursor: inherit;\n  background-color: inherit;\n  color: inherit;\n  box-sizing: content-box;\n  padding: 0;\n  margin: 0;\n  text-overflow: ellipsis;\n\n  &:placeholder-shown {\n    min-width: 100%;\n  }\n  &:focus {\n    outline: none;\n  }\n"])),m.fontFamilies.default),kr=(G(ot={},$,p.css(rt||(rt=X(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),g.palette.gray.dark1)),G(ot,_,p.css(at||(at=X(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),g.palette.gray.light1)),ot),wr=(G(st={},oe.Default,p.css(lt||(lt=X(["\n    height: ","px;\n    font-size: ","px;\n    line-height: ","px;\n    min-width: ","px;\n    // Only add padding if there are chips\n    &:not(:first-child) {\n      padding-left: 4px;\n    }\n  "])),ir[oe.Default],m.typeScales.body1.fontSize,m.typeScales.body1.lineHeight,or[oe.Default])),G(st,oe.Large,p.css(it||(it=X(["\n    height: ","px;\n    font-size: ","px;\n    line-height: ","px;\n    min-width: ","px;\n    &:not(:first-child) {\n      padding-left: 6px;\n    }\n  "])),ir[oe.Large],m.typeScales.body2.fontSize,m.typeScales.body2.lineHeight,or[oe.Large])),st),Cr=function(e){return p.css(ut||(ut=X(["\n  /*\n  * Immediate transition in, slow transition out. \n  * '-in' transition is handled by `scroll-behavior` \n  */\n  transition: width ease-in-out ",";\n"],["\n  /*\n  * Immediate transition in, slow transition out. \n  * '-in' transition is handled by \\`scroll-behavior\\` \n  */\n  transition: width ease-in-out ",";\n"])),e?"0s":"100ms")},Sr=function(e,n){var t,r=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return p.css(ct||(ct=X(["\n    max-width: 100%;\n    width: ","px;\n    // TODO: This doesn't quite work. Fix this\n    max-width: calc(100% - ","px);\n  "])),r*or[e],2*ur)},jr=p.css(dt||(dt=X(["\n  // Add a negative margin so the button takes up the same space as the regular icons\n  margin-block: calc(","px - 100%);\n"])),ur/2),Or=function(e){return p.css(ft||(ft=X(["\n  height: ","px;\n  width: ","px;\n  margin-inline-end: calc(","px / 2);\n"])),ur,ur,sr[e].x)},Dr=(G(bt={},$,p.css(pt||(pt=X(["\n    color: ",";\n  "])),g.palette.red.base)),G(bt,_,p.css(gt||(gt=X(["\n    color: ",";\n  "])),g.palette.red.light1)),bt),Nr=(G(xt={},oe.Default,p.css(ht||(ht=X(["\n    font-size: ","px;\n    line-height: ","px;\n    padding-top: ","px;\n  "])),m.typeScales.body1.fontSize,m.typeScales.body1.lineHeight,sr[oe.Default].y)),G(xt,oe.Large,p.css(yt||(yt=X(["\n    font-size: ","px;\n    line-height: ","px;\n    padding-top: ","px;\n  "])),m.typeScales.body2.fontSize,m.typeScales.body2.lineHeight,sr[oe.Large].y)),xt),Mr=p.css(vt||(vt=X(["\n  margin-bottom: 2px;\n"]))),Lr=p.css(Rt||(Rt=X(["\n  display: inline-flex;\n  align-items: center;\n  overflow: hidden;\n  white-space: nowrap;\n  box-sizing: border-box;\n"]))),Er=(G(At={},oe.Default,p.css(Tt||(Tt=X(["\n    font-size: ","px;\n    line-height: ","px;\n    border-radius: 4px;\n  "])),m.typeScales.body1.fontSize,m.typeScales.body1.lineHeight)),G(At,oe.Large,p.css(Pt||(Pt=X(["\n    font-size: ","px;\n    line-height: ","px;\n    border-radius: 4px;\n  "])),m.typeScales.body2.fontSize,m.typeScales.body2.lineHeight)),At),zr=(G(Wt={},$,p.css(Ft||(Ft=X(["\n    color: ",";\n    background-color: ",";\n\n    // TODO: - refine these styles with Design\n    &:focus-within {\n      background-color: ",";\n    }\n  "])),g.palette.black,g.palette.gray.light2,g.palette.blue.light2)),G(Wt,_,p.css(Ht||(Ht=X(["\n    color: ",";\n    background-color: ",";\n\n    &:focus-within {\n      background-color: ",";\n    }\n  "])),g.palette.gray.light2,g.palette.gray.dark2,g.palette.blue.dark2)),Wt),Ir=(G(Kt={},$,p.css(Gt||(Gt=X(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n  "])),g.palette.gray.base,g.palette.gray.light3)),G(Kt,_,p.css(Ut||(Ut=X(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    box-shadow: inset 0 0 1px 1px ","; ;\n  "])),g.palette.gray.dark2,g.palette.gray.dark4,g.palette.gray.dark2)),Kt),qr=(G(Zt={},oe.Default,p.css(Xt||(Xt=X(["\n    padding-inline: 6px;\n    padding-block: ","px;\n  "])),lr[oe.Default])),G(Zt,oe.Large,p.css(Vt||(Vt=X(["\n    padding-inline: 10px;\n    padding-block: ","px;\n  "])),lr[oe.Large])),Zt),Rr=p.css(Bt||(Bt=X(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  outline: none;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  transition: background-color 100ms ease-in-out;\n"]))),Tr=(G($t={},oe.Default,p.css(Yt||(Yt=X(["\n    height: ","px;\n  "])),ir[oe.Default])),G($t,oe.Large,p.css(_t||(_t=X(["\n    height: ","px;\n  "])),ir[oe.Large])),$t),Pr=(G(er={},$,p.css(Jt||(Jt=X(["\n    color: ",";\n\n    &:hover {\n      color: ",";\n      background-color: ",";\n    }\n  "])),g.palette.gray.dark2,g.palette.black,g.palette.gray.light1)),G(er,_,p.css(Qt||(Qt=X(["\n    color: ",";\n\n    &:hover {\n      color: ",";\n      background-color: ",";\n    }\n  "])),g.palette.gray.light1,g.palette.gray.light3,g.palette.gray.dark1)),er),Ar=(G(rr={},$,p.css(nr||(nr=X(["\n    cursor: not-allowed;\n    color: ",";\n    &:hover {\n      color: inherit;\n      background-color: unset;\n    }\n  "])),g.palette.gray.dark2)),G(rr,_,p.css(tr||(tr=X(["\n    cursor: not-allowed;\n    color: ",";\n    &:hover {\n      color: inherit;\n      background-color: unset;\n    }\n  "])),g.palette.gray.dark2)),rr),Fr=E.default.forwardRef((function(e,n){var t=e.displayName,r=e.isFocused,a=e.onRemove,o=e.onFocus,l=i.useContext(Ze),s=l.darkMode,u=l.size,c=l.disabled,d=l.chipTruncationLocation,f=void 0===d?"end":d,g=l.chipCharacterLimit,h=void 0===g?12:g,x=Be(s),v=!!h&&!!f&&"none"!==f&&t.length>h,m=i.useRef(null),k=i.useMemo((function(){if(v){var e=h-3;switch(f){case"start":return"…"+t.substring(t.length-e).trim();case"middle":return t.substring(0,e/2).trim()+"…"+t.substring(t.length-e/2).trim();case"end":return t.substring(0,e).trim()+"…";default:return t}}return!1}),[h,f,t,v]);i.useEffect((function(){var e;r&&!c&&(null==m||null===(e=m.current)||void 0===e||e.focus())}),[c,n,r]);return y.jsx("span",{role:"option","aria-selected":r,"data-testid":"lg-combobox-chip",ref:n,className:p.cx(dr,Lr,zr[x],Er[u],G({},Ir[x],c)),onClick:function(e){var n;null!==(n=m.current)&&void 0!==n&&n.contains(e.target)||o()},onKeyDown:function(e){c||e.keyCode!==b.keyMap.Delete&&e.keyCode!==b.keyMap.Backspace&&e.keyCode!==b.keyMap.Enter&&e.keyCode!==b.keyMap.Space||a()},tabIndex:-1},y.jsx("span",{className:p.cx(qr[u])},k?y.jsx(A.default,{darkMode:s,definition:t,align:"bottom"},k):t),y.jsx("button",{"aria-label":"Deselect ".concat(t),"aria-disabled":c,disabled:c,ref:m,className:p.cx(Rr,Pr[x],Tr[u],G({},Ar[x],c)),onClick:function(){c||a()}},y.jsx(I.default,{glyph:"X"})))}));Fr.displayName="Chip";var Hr=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],Wr=E.default.forwardRef((function(e,n){var t=e.children,r=e.id,a=e.refEl,o=e.labelId,l=e.menuWidth,s=e.searchLoadingMessage,u=e.searchErrorMessage,d=e.searchEmptyMessage,f=K(e,Hr),b=i.useContext(Ze),h=b.disabled,x=b.darkMode,v=b.size,m=b.isOpen,k=b.searchState,w=c.useForwardedRef(n,null),C=Be(x),S=c.useAvailableSpace(a),j=L.default(S)?"unset":"".concat(Math.min(S,256),"px"),O=i.useMemo((function(){var e=p.cx(sn,un[C],cn[v]);switch(k){case"loading":return y.jsx("span",{className:e},y.jsx(I.default,{glyph:"Refresh",color:x?g.palette.blue.light1:g.palette.blue.base,className:kt}),s);case"error":return y.jsx("span",{className:e},y.jsx(I.default,{glyph:"Warning",color:x?g.palette.red.light1:g.palette.red.base}),u);default:return t&&"object"===W(t)&&"length"in t&&t.length>0?y.jsx("ul",{className:ln},t):y.jsx("span",{className:e},d)}}),[C,v,k,x,s,u,t,d]);return y.jsx(F.default,U({active:m&&!h,spacing:4,align:"bottom",justify:"middle",refEl:a,adjustOnMutation:!0,className:p.cx(tn(l),rn[C])},f),y.jsx("div",{ref:w,id:r,role:"listbox","aria-labelledby":o,"aria-expanded":m,className:p.cx(an,on[C],p.css(ar||(ar=X(["\n              max-height: ",";\n            "])),j)),onMouseDownCapture:function(e){return e.preventDefault()}},O))}));Wr.displayName="ComboboxMenu";var Gr=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];function Ur(e){var n,t=e.children,r=e.label,a=e.description,o=e.placeholder,l=void 0===o?"Select":o,s=e["aria-label"],d=e.disabled,f=void 0!==d&&d,h=e.size,x=void 0===h?oe.Default:h,v=e.darkMode,m=void 0!==v&&v,k=e.state,w=void 0===k?"none":k,C=e.errorMessage,S=e.searchState,z=void 0===S?"unset":S,R=e.searchEmptyMessage,T=void 0===R?"No results found":R,P=e.searchErrorMessage,A=void 0===P?"Could not get results!":P,F=e.searchLoadingMessage,X=void 0===F?"Loading results...":F,Z=e.filteredOptions,B=e.onFilter,Y=e.clearable,_=void 0===Y||Y,$=e.onClear,le=e.overflow,se=void 0===le?"expand-y":le,ue=e.multiselect,ce=void 0!==ue&&ue,de=e.initialValue,fe=e.onChange,pe=e.value,ge=e.chipTruncationLocation,be=e.chipCharacterLimit,he=void 0===be?12:be,ye=e.className,xe=e.usePortal,ve=void 0===xe||xe,me=e.portalClassName,ke=e.portalContainer,we=e.scrollContainer,Ce=e.popoverZIndex,Se=K(e,Gr),je=Be(m),Oe=c.useDynamicRefs({prefix:"option"}),De=c.useDynamicRefs({prefix:"chip"}),Ne=c.useIdAllocator({prefix:"combobox-input"}),Me=c.useIdAllocator({prefix:"combobox-label"}),Le=c.useIdAllocator({prefix:"combobox-menu"}),Ee=i.useRef(null),ze=i.useRef(null),Ie=i.useRef(null),qe=i.useRef(null),Re=i.useRef(null),Te=V(i.useState(!1),2),Pe=Te[0],Ae=Te[1],Fe=c.usePrevious(Pe),He=V(i.useState(null),2),We=He[0],Ge=He[1],Ye=V(i.useState(null),2),_e=Ye[0],$e=Ye[1],Qe=c.usePrevious(_e),en=V(i.useState(""),2),nn=en[0],tn=en[1],rn=c.usePrevious(nn),an=V(i.useState(null),2),on=an[0],ln=an[1],sn=!N.default(_e)&&(O.default(_e)&&_e.length>0||M.default(_e)),un=ce&&O.default(_e)&&_e.length>0?void 0:l,cn=function(){return Ae(!1)},dn=function(){return Ae(!0)},fn=i.useMemo((function(){return Ve(t)}),[t]),pn=i.useCallback((function(e){return!ce||"string"!=typeof e&&"number"!=typeof e?!ce&&O.default(e)&&b.consoleOnce.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):b.consoleOnce.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(W(e),' value: "').concat(e,'"')),ce&&O.default(e)}),[ce]),gn=i.useCallback((function(e){!f&&qe&&qe.current&&(qe.current.focus(),L.default(e)||qe.current.setSelectionRange(e,e))}),[f]),bn=i.useCallback((function(e){if(pn(_e)){var n=j.default(_e);N.default(e)?n.length=0:_e.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),tn("")),$e(n),null==fe||fe(n)}else{var t=e;$e(t),null==fe||fe(t)}}),[pn,fe,_e]),hn=i.useCallback((function(e){return pn(_e)?_e.includes(e):e===_e}),[pn,_e]),yn=i.useCallback((function(e){var n,t,r,a,o=(t=fn,(n=e)?null!==(r=null===(a=t.find((function(e){return e.displayName===n})))||void 0===a?void 0:a.value)&&void 0!==r?r:n:"");return hn(o)}),[fn,hn]),xn=i.useCallback((function(e){var n="string"==typeof e?e:e.value;return Z&&Z.length>0?Z.includes(n):!!yn(nn)||("string"==typeof e?Xe(n,fn):e.displayName).toLowerCase().includes(nn.toLowerCase())}),[Z,yn,nn,fn]),vn=i.useMemo((function(){return fn.filter(xn)}),[fn,xn]),mn=i.useCallback((function(e){return!!e&&!!fn.find((function(n){return n.value===e}))}),[fn]),kn=i.useCallback((function(e){return vn?vn.findIndex((function(n){return n.value===e})):-1}),[vn]),wn=i.useCallback((function(e){if(vn&&vn.length>=e){var n=vn[e];return n?n.value:void 0}}),[vn]),Cn=i.useCallback((function(){return pn(_e)?_e.findIndex((function(e){var n,t;return null===(n=De(e))||void 0===n||null===(t=n.current)||void 0===t?void 0:t.contains(document.activeElement)})):-1}),[De,pn,_e]),Sn=V(i.useState(),2),jn=Sn[0],On=Sn[1],Dn=i.useCallback((function(e){var n,t=null!==(n=null==vn?void 0:vn.length)&&void 0!==n?n:0,r=t-1>0?t-1:0,a=kn(We);switch(e&&Pe&&(ln(null),gn()),e){case"next":var o=wn(a+1<t?a+1:0);Ge(null!=o?o:null);break;case"prev":var l=wn(a-1>=0?a-1:r);Ge(null!=l?l:null);break;case"last":var i=wn(r);Ge(null!=i?i:null);break;default:var s=wn(0);Ge(null!=s?s:null)}}),[We,kn,wn,Pe,gn,null==vn?void 0:vn.length]),Nn=i.useCallback((function(e,n){if(pn(_e))switch(e){case"next":var t=null!=n?n:Cn(),r=t+1<_e.length?t+1:_e.length-1,a=_e[r];ln(a);break;case"prev":var o=null!=n?n:Cn(),l=o>0?o-1:o<0?_e.length-1:0,i=_e[l];ln(i);break;case"first":var s=_e[0];ln(s);break;case"last":var u=_e[_e.length-1];ln(u);break;default:ln(null)}}),[Cn,pn,_e]),Mn=i.useCallback((function(e,n){switch(e&&Ge(null),e){case"right":switch(jn){case J:var t,r,a;if((null===(t=qe.current)||void 0===t?void 0:t.selectionEnd)===(null===(r=qe.current)||void 0===r?void 0:r.value.length))null===(a=ze.current)||void 0===a||a.focus();break;case ee:case te:case ne:if(jn===ne||1===(null==_e?void 0:_e.length)){gn(0),Nn(null),n.preventDefault();break}Nn("next")}break;case"left":switch(jn){case Q:var o;n.preventDefault(),gn(null==qe||null===(o=qe.current)||void 0===o?void 0:o.value.length);break;case J:case te:case ne:if(pn(_e)){var l;if(jn===J&&0!==(null===(l=qe.current)||void 0===l?void 0:l.selectionStart))break;Nn("prev")}}break;default:Nn(null)}}),[jn,pn,_e,gn,Nn]);i.useEffect((function(){nn!==rn&&Dn("first")}),[nn,Pe,rn,Dn]),i.useEffect((function(){if(We){var e=Oe(We);if(e&&e.current&&Re.current){var n=e.current.offsetTop,t=Re.current,r=t.scrollTop;(n>t.offsetHeight||n<r)&&(Re.current.scrollTop=n)}}}),[We,Oe]);var Ln=i.useCallback((function(e){if(b.isComponentType(e,"ComboboxOption")){var n=Ue(e.props),t=n.value,r=n.displayName;if(xn(t)){var a=e.props,o=a.className,l=a.glyph,i=a.disabled,s=fn.findIndex((function(e){return e.value===t})),u=We===t,c=pn(_e)?_e.includes(t):_e===t,d=Oe(t);return y.jsx(It,{value:t,displayName:r,isFocused:u,isSelected:c,disabled:i,setSelected:function(){Ge(t),bn(t),gn(),t===_e&&cn()},glyph:l,className:o,index:s,ref:d})}}else if(b.isComponentType(e,"ComboboxGroup")){var f=E.default.Children.map(e.props.children,Ln);if(f&&(null==f?void 0:f.length)>0)return y.jsx(Je,{label:e.props.label,className:e.props.className},E.default.Children.map(f,Ln))}}),[fn,Oe,We,pn,_e,gn,xn,bn]),En=i.useMemo((function(){return E.default.Children.map(t,Ln)}),[t,Ln]),zn=i.useMemo((function(){if(pn(_e))return _e.filter(mn).map((function(e,n){var t=Xe(e,fn),r=on===e,a=De(e),o=n>=_e.length-1;return y.jsx(Fr,{key:e,displayName:t,isFocused:r,onRemove:function(){o?(gn(),Nn(null)):Nn("next",n),bn(e)},onFocus:function(){ln(e)},ref:a})}))}),[pn,_e,mn,fn,on,De,bn,gn,Nn]),In=i.useMemo((function(){return y.jsx(E.default.Fragment,null,_&&sn&&y.jsx(q.default,{"aria-label":"Clear selection","aria-disabled":f,disabled:f,ref:ze,onClick:function(e){f||(bn(null),null==$||$(e),null==B||B(""),Pe||dn())},onFocus:Hn,className:p.cx(jr),darkMode:m},y.jsx(I.default,{glyph:"XWithCircle"})),"error"===w?y.jsx(I.default,{glyph:"Warning",color:m?g.palette.red.light1:g.palette.red.base,className:Or(x)}):y.jsx(I.default,{glyph:"CaretDown",className:Or(x)}))}),[_,sn,f,w,m,x,bn,$,B,Pe]),qn=i.useMemo((function(){return fn.some((function(e){return e.hasGlyph}))}),[fn]),Rn=i.useCallback((function(){if(!pn(_e)&&_e===Qe){var e=vn.find((function(e){return e.displayName===nn||e.value===nn}));if(e&&!pe)$e(e.value);else{var n,t=null!==(n=Xe(_e,fn))&&void 0!==n?n:"";tn(t)}}}),[fn,nn,pn,Qe,_e,pe,vn]),Tn=i.useCallback((function(){if(sn){if(pn(_e))Kn();else if(!pn(_e)){var e,n=null!==(e=Xe(_e,fn))&&void 0!==e?e:"";tn(n),cn()}}else tn("")}),[sn,fn,pn,_e]);i.useEffect((function(){if(de)if(O.default(de)){var e,n=null!==(e=de.filter((function(e){return mn(e)})))&&void 0!==e?e:[];$e(n)}else mn(de)&&$e(de);else $e(function(e){return e?[]:null}(ce))}),[]),i.useEffect((function(){if(!L.default(pe)&&pe!==rn)if(N.default(pe))$e(null);else if(pn(pe)){var e=pe.filter(mn);$e(e)}else $e(mn(pe)?pe:null)}),[pn,mn,rn,pe]),i.useEffect((function(){D.default(_e,Qe)||Tn()}),[Tn,Qe,_e]),i.useEffect((function(){!Pe&&Fe&&Rn()}),[Pe,Fe,Rn]);var Pn=V(i.useState(0),2),An=Pn[0],Fn=Pn[1];i.useEffect((function(){var e,n;Fn(null!==(e=null===(n=Ee.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Ee,Pe,We,_e]);var Hn=function(){Ge(null)};c.useEventListener("mousedown",(function(e){Un(e)||(e.preventDefault(),e.stopPropagation())}),{enabled:Pe}),c.useEventListener("click",(function(e){Un(e)||(e.stopPropagation(),cn())}),{options:{capture:!0},enabled:Pe});var Wn,Gn=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){G(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({popoverZIndex:Ce},ve?{usePortal:ve,portalClassName:me,portalContainer:ke,scrollContainer:we}:{usePortal:ve});return y.jsx(Ze.Provider,{value:{multiselect:ce,darkMode:m,size:x,withIcons:qn,disabled:f,isOpen:Pe,state:w,searchState:z,chipTruncationLocation:ge,chipCharacterLimit:he,inputValue:nn}},y.jsx("div",U({className:p.cx(fr(x),ye)},Se),(r||a)&&y.jsx("div",{className:Mr},r&&y.jsx(u.Label,{id:Me,htmlFor:Ne,darkMode:m},r),a&&y.jsx(u.Description,{darkMode:m},a)),y.jsx("div",{ref:Ee,role:"combobox","aria-expanded":Pe,"aria-controls":Le,"aria-owns":Le,tabIndex:-1,onMouseDown:function(e){f&&e.preventDefault()},onClick:function(e){if(e.target!==qe.current){var n=0;if(qe.current)n=e.nativeEvent.offsetX>qe.current.offsetLeft+qe.current.clientWidth?nn.length:0;gn(n)}dn()},onFocus:function(e){Kn(),On(function(e){var n,t,r,a;if(!e)return;if(null!==(n=qe.current)&&void 0!==n&&n.contains(e))return J;if(null!==(t=ze.current)&&void 0!==t&&t.contains(e))return Q;var o=pn(_e)?_e.findIndex((function(n){var t,r;return null===(t=De(n))||void 0===t||null===(r=t.current)||void 0===r?void 0:r.contains(e)})):-1;if(pn(_e)){if(0===o)return ee;if(o===_e.length-1)return ne;if(o>0)return te}if(null!==(r=Re.current)&&void 0!==r&&r.contains(e))return ae;if(null!==(a=Ee.current)&&void 0!==a&&a.contains(e))return re}(e.target))},onKeyDown:function(e){var n,t,r=null===(n=Re.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=Ee.current)||void 0===t?void 0:t.contains(document.activeElement))||r){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.keyCode){case b.keyMap.Tab:switch(jn){case"Input":sn||(cn(),Dn("first"),Nn(null));break;case"LastChip":Nn(null)}break;case b.keyMap.Escape:cn(),Dn("first");break;case b.keyMap.Enter:Pe?jn!==J||N.default(We)||function(e){if("string"==typeof e){var n=Ke(e,fn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(We)?jn===Q&&(bn(null),gn()):bn(We):dn();break;case b.keyMap.Backspace:var a;if(pn(_e))"Input"===jn&&0===(null===(a=qe.current)||void 0===a?void 0:a.selectionStart)&&Nn("last");dn();break;case b.keyMap.ArrowDown:Pe?(e.preventDefault(),Dn("next")):dn();break;case b.keyMap.ArrowUp:Pe?(e.preventDefault(),Dn("prev")):dn();break;case b.keyMap.ArrowRight:Mn("right",e);break;case b.keyMap.ArrowLeft:Mn("left",e);break;default:Pe||dn()}}},onTransitionEnd:function(){var e,n;Fn(null!==(e=null===(n=Ee.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:p.cx(pr,gr[je],br(x),(n={},G(n,hr[je],f),G(n,yr[je],w===ie.error),G(n,xr[je],(Wn=J,Wn===jn)),n))},y.jsx("div",{ref:Ie,className:vr({size:x,overflow:se})},zn,y.jsx("input",{"aria-label":null!=s?s:r,"aria-autocomplete":"list","aria-controls":Le,"aria-labelledby":Me,ref:qe,id:Ne,className:p.cx(mr,wr[x],kr[je],Cr(Pe),G({},Sr(x,nn),pn(_e))),placeholder:un,disabled:null!=f?f:void 0,onChange:function(e){var n=e.target.value;tn(n),null==B||B(n)},value:nn,autoComplete:"off"})),In),"error"===w&&C&&y.jsx("div",{className:p.cx(Dr[je],Nr[x])},C),y.jsx(Wr,U({id:Le,labelId:Me,refEl:Ee,ref:Re,menuWidth:An,searchLoadingMessage:X,searchErrorMessage:A,searchEmptyMessage:T},Gn),En)));function Un(e){var n,t,r=e.target;return(null===(n=Re.current)||void 0===n?void 0:n.contains(r))||(null===(t=Ee.current)||void 0===t?void 0:t.contains(r))||!1}function Kn(){Ie&&Ie.current&&(Ie.current.scrollLeft=Ie.current.scrollWidth)}}Ur.propTypes={multiselect:z.default.bool,value:z.default.oneOf([z.default.string,z.default.arrayOf(z.default.string)]),initialValue:z.default.oneOf([z.default.string,z.default.arrayOf(z.default.string)]),overflow:z.default.oneOf(Object.values(le)),darkMode:z.default.bool,label:z.default.string,"aria-label":z.default.string,children:z.default.node,onChange:z.default.func,chipCharacterLimit:z.default.number,chipTruncationLocation:z.default.oneOf(Object.values({start:"start",middle:"middle",end:"end",none:"none"})),onClear:z.default.func,onFilter:z.default.func,clearable:z.default.bool,searchLoadingMessage:z.default.string,searchErrorMessage:z.default.string,searchEmptyMessage:z.default.string,searchState:z.default.oneOf(Object.values(se)),errorMessage:z.default.string,state:z.default.oneOf(Object.values(ie)),size:z.default.oneOf(Object.values(oe)),disabled:z.default.bool,description:z.default.string,placeholder:z.default.string,filteredOptions:z.default.arrayOf(z.default.string),popoverZIndex:z.default.number,usePortal:z.default.bool,scrollContainer:z.default.elementType,portalContainer:z.default.elementType,portalClassName:z.default.string},e.Combobox=Ur,e.ComboboxGroup=Qe,e.ComboboxOption=qt,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("lodash/clone"),require("lodash/isArray"),require("lodash/isEqual"),require("lodash/isNull"),require("lodash/isString"),require("lodash/isUndefined"),require("react"),require("prop-types"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/lib"),require("lodash/escapeRegExp"),require("lodash/kebabCase"),require("@leafygreen-ui/checkbox"),require("@leafygreen-ui/tokens"),require("polished"),require("@leafygreen-ui/inline-definition"),require("@leafygreen-ui/popover")):"function"==typeof define&&define.amd?define(["exports","lodash/clone","lodash/isArray","lodash/isEqual","lodash/isNull","lodash/isString","lodash/isUndefined","react","prop-types","@leafygreen-ui/typography","@leafygreen-ui/hooks","@leafygreen-ui/icon","@leafygreen-ui/icon-button","@leafygreen-ui/emotion","@leafygreen-ui/palette","@leafygreen-ui/lib","lodash/escapeRegExp","lodash/kebabCase","@leafygreen-ui/checkbox","@leafygreen-ui/tokens","polished","@leafygreen-ui/inline-definition","@leafygreen-ui/popover"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/combobox"]={},e.clone,e.isArray,e.isEqual,e.isNull,e.isString,e.isUndefined,e.React,e.PropTypes,e["@leafygreen-ui/typography"],e["@leafygreen-ui/hooks"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/emotion"],e["@leafygreen-ui/palette"],e["@leafygreen-ui/lib"],e.escapeRegExp,e.kebabCase,e["@leafygreen-ui/checkbox"],e["@leafygreen-ui/tokens"],e.polished,e["@leafygreen-ui/inline-definition"],e["@leafygreen-ui/popover"])}(this,(function(e,n,t,a,r,l,o,i,s,u,c,d,f,p,g,b,h,y,m,v,x,k,w){"use strict";function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var E=C(n),S=C(t),O=C(a),N=C(r),D=C(l),M=C(o),L=C(i),z=C(s),j=C(d),I=C(f),R=C(h),P=C(y),q=C(m),A=C(k),T=C(w);function F(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function H(e){return H="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},H(e)}function W(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function G(){return G=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},G.apply(this,arguments)}function U(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)t=l[a],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)t=l[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function K(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function X(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var a,r,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(l.push(a.value),!n||l.length!==n);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw r}}return l}(e,n)||Z(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(e){return function(e){if(Array.isArray(e))return B(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Z(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e,n){if(e){if("string"==typeof e)return B(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?B(e,n):void 0}}function B(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}var Y="dark",_="light",$="Input",J="ClearButton",Q="FirstChip",ee="LastChip",ne="MiddleChip",te="Combobox",ae="Menu",re={Default:"default",Large:"large"},le={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},oe={error:"error",none:"none"},ie={unset:"unset",error:"error",loading:"loading"};var se,ue,ce,de,fe,pe,ge,be,he,ye,me,ve,xe,ke,we,Ce,Ee,Se,Oe,Ne,De,Me,Le,ze,je,Ie,Re,Pe,qe,Ae,Te,Fe,He,We=function(e,n,t){if(n&&t){var a=R.default(n),r=new RegExp(a,"gi"),l=e.matchAll(r);if(l){for(var o=e.split(""),i=0,s=Array.from(l);i<s.length;i++){var u,c=s[i],d=null!==(u=c.index)&&void 0!==u?u:-1,f=c[0],p=f.length,g=d+f+p,b=new Array(p).fill("");b[0]=L.default.createElement(t,{key:g},f),o.splice.apply(o,[d,p].concat(V(b)))}return L.default.createElement(L.default.Fragment,null,o)}return L.default.createElement(L.default.Fragment,null,e)}return L.default.createElement(L.default.Fragment,null,e)},Ge=function(e){var n,t=e.value,a=e.displayName;return{value:null!=t?t:P.default(a),displayName:null!==(n=null!=a?a:t)&&void 0!==n?n:""}},Ue=function(e,n){if(e)return n.find((function(n){return n.value===e}))},Ke=function(e,n){var t,a;return e?null!==(t=null===(a=Ue(e,n))||void 0===a?void 0:a.displayName)&&void 0!==t?t:e:""},Xe=function e(n){return L.default.Children.toArray(n).reduce((function(n,t){if(b.isComponentType(t,"ComboboxOption")){var a=Ge(t.props),r=a.value,l=a.displayName,o=t.props,i=o.glyph,s=o.disabled;return[].concat(V(n),[{value:r,displayName:l,isDisabled:!!s,hasGlyph:!!i}])}if(b.isComponentType(t,"ComboboxGroup")){var u=t.props.children;if(u)return[].concat(V(n),V(e(u)))}}),[])},Ve=i.createContext({multiselect:!1,darkMode:!1,size:re.Default,withIcons:!1,disabled:!1,isOpen:!1,state:oe.none,searchState:ie.unset}),Ze=function(e){return e?Y:_},Be=(W(ce={},_,p.css(se||(se=K(["\n    padding-top: 8px;\n  "])))),W(ce,Y,p.css(ue||(ue=K(["\n    padding-top: 8px;\n  "])))),ce),Ye=p.css(de||(de=K(["\n  cursor: default;\n  width: 100%;\n  padding: 0 12px 2px;\n  outline: none;\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: bold;\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n"]))),_e=(W(ge={},_,p.css(fe||(fe=K(["\n    color: ",";\n  "])),g.palette.gray.dark1)),W(ge,Y,p.css(pe||(pe=K(["\n    color: ",";\n  "])),g.palette.gray.light1)),ge);function $e(e){var n=e.label,t=e.className,a=e.children,r=i.useContext(Ve).darkMode,l=Ze(r),o=c.useIdAllocator({prefix:"combobox-group"});return L.default.Children.count(a)>0?L.default.createElement("div",{className:p.cx(Be[l],t)},L.default.createElement("div",{className:p.cx(Ye,_e[l]),id:o},n),L.default.createElement("div",{role:"group","aria-labelledby":o},a)):L.default.createElement(L.default.Fragment,null)}function Je(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}Je.displayName="ComboboxGroup",Je.propTypes={className:z.default.string,children:z.default.node.isRequired,label:z.default.string.isRequired};var Qe=(W(be={},re.Default,{x:12,y:8}),W(be,re.Large,{x:12,y:8}),be),en=(W(he={},re.Default,v.typeScales.body1.lineHeight+2*Qe[re.Default].y),W(he,re.Large,v.typeScales.body2.lineHeight+2*Qe[re.Large].y),he),nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return p.css(ye||(ye=K(["\n  width: ","px;\n  overflow: hidden;\n  border-radius: 12px;\n  border: 1px solid;\n"])),e)},tn=(W(xe={},_,p.css(me||(me=K(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),x.transparentize(.85,g.palette.black),g.palette.gray.light2)),W(xe,Y,p.css(ve||(ve=K(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),x.transparentize(.85,g.palette.black),g.palette.gray.dark3)),xe),an=p.css(ke||(ke=K(["\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: ","px 0;\n  font-family: ",";\n  border-radius: inherit;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n"])),v.spacing[2],v.fontFamilies.default),rn=(W(Ee={},_,p.css(we||(we=K(["\n    color: ",";\n    background-color: ",";\n  "])),g.palette.black,g.palette.white)),W(Ee,Y,p.css(Ce||(Ce=K(["\n    color: ",";\n    background-color: ",";\n  "])),g.palette.gray.light1,g.palette.gray.dark3)),Ee);W(Ne={},re.Default,p.css(Se||(Se=K(["\n    min-height: ","px;\n  "])),en[re.Default])),W(Ne,re.Large,p.css(Oe||(Oe=K(["\n    min-height: ","px;\n  "])),en[re.Large]));var ln=p.css(De||(De=K(["\n  position: relative;\n  margin: 0;\n  padding: 0;\n"]))),on=p.css(Me||(Me=K(["\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n"]))),sn=(W(je={},_,p.css(Le||(Le=K(["\n    color: ",";\n  "])),g.palette.gray.dark3)),W(je,Y,p.css(ze||(ze=K(["\n    color: ",";\n  "])),g.palette.gray.light3)),je),un=(W(Pe={},re.Default,p.css(Ie||(Ie=K(["\n    font-size: ","px;\n    line-height: ","px;\n    padding: ","px\n      ","px;\n  "])),v.typeScales.body1.fontSize,v.typeScales.body1.lineHeight,Qe[re.Default].y,Qe[re.Default].x)),W(Pe,re.Large,p.css(Re||(Re=K(["\n    font-size: ","px;\n    line-height: ","px;\n    padding: ","px\n      ","px;\n  "])),v.typeScales.body2.fontSize,v.typeScales.body2.lineHeight,Qe[re.Large].y,Qe[re.Large].x)),Pe);W(Te={},re.Default,p.css(qe||(qe=K(["\n    height: ","px;\n    width: ","px;\n  "])),v.typeScales.body1.fontSize,v.typeScales.body1.fontSize)),W(Te,re.Large,p.css(Ae||(Ae=K(["\n    height: ","px;\n    width: ","px;\n  "])),v.typeScales.body2.fontSize,v.typeScales.body2.fontSize));var cn,dn,fn,pn,gn,bn,hn,yn,mn,vn,xn,kn,wn,Cn,En,Sn,On,Nn,Dn,Mn,Ln,zn,jn,In,Rn,Pn,qn,An,Tn,Fn,Hn,Wn,Gn,Un,Kn,Xn,Vn,Zn,Bn,Yn,_n,$n,Jn,Qn,et,nt,tt,at,rt,lt,ot,it,st,ut,ct,dt,ft,pt,gt,bt,ht,yt,mt,vt,xt=p.keyframes(Fe||(Fe=K(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),kt=p.css(He||(He=K(["\n  animation: "," 1.5s linear infinite;\n"])),xt),wt=p.css(cn||(cn=K(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  list-style: none;\n  color: inherit;\n  cursor: pointer;\n  overflow: hidden;\n  font-family: ",";\n\n  // Left wedge\n  &:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    width: 4px;\n    height: calc(100% - 14px);\n    background-color: rgba(255, 255, 255, 0);\n    border-radius: 0 6px 6px 0;\n    transform: scale3d(0, 0.3, 0);\n    transition: 200ms ease-in-out;\n    transition-property: transform, background-color;\n  }\n"])),v.fontFamilies.default),Ct=(W(pn={},_,p.css(dn||(dn=K(["\n    &:hover {\n      outline: none;\n      background-color: ",";\n    }\n  "])),g.palette.gray.light2)),W(pn,Y,p.css(fn||(fn=K(["\n    &:hover {\n      outline: none;\n      background-color: ",";\n    }\n  "])),g.palette.gray.dark4)),pn),Et=(W(hn={},re.Default,p.css(gn||(gn=K(["\n    font-size: ","px;\n    line-height: ","px;\n    min-height: ","px;\n    padding: ","px\n      ","px;\n    gap: ","px;\n\n    &:before {\n      max-height: ","px;\n    }\n  "])),v.typeScales.body1.fontSize,v.typeScales.body1.lineHeight,en[re.Default],Qe[re.Default].y,Qe[re.Default].x,v.spacing[1],en[re.Default])),W(hn,re.Large,p.css(bn||(bn=K(["\n    font-size: ","px;\n    line-height: ","px;\n    min-height: ","px;\n    padding: ","px\n      ","px;\n    gap: ","px;\n\n    &:before {\n      max-height: ","px;\n    }\n  "])),v.typeScales.body2.fontSize,v.typeScales.body2.lineHeight,en[re.Large],Qe[re.Large].y,Qe[re.Large].x,v.spacing[2],en[re.Large])),hn),St=p.css(yn||(yn=K(["\n  outline: none;\n\n  &:before {\n    transform: scaleY(1);\n  }\n"]))),Ot=(W(xn={},_,p.css(mn||(mn=K(["\n    ",";\n    background-color: ",";\n\n    &:before {\n      background-color: ",";\n    }\n  "])),St,g.palette.blue.light3,g.palette.blue.base)),W(xn,Y,p.css(vn||(vn=K(["\n    ",";\n    background-color: ",";\n\n    &:before {\n      background-color: ",";\n    }\n  "])),St,g.palette.blue.dark3,g.palette.blue.light1)),xn),Nt=p.css(kn||(kn=K(["\n  cursor: not-allowed;\n\n  &:hover {\n    background-color: inherit;\n  }\n\n  &:before {\n    content: unset;\n  }\n"]))),Dt=(W(En={},_,p.css(wn||(wn=K(["\n    ",";\n    color: ",";\n  "])),Nt,g.palette.gray.light1)),W(En,Y,p.css(Cn||(Cn=K(["\n    ",";\n    color: ",";\n  "])),Nt,g.palette.gray.dark1)),En),Mt=(W(Nn={},re.Default,p.css(Sn||(Sn=K(["\n    min-width: ","px;\n  "])),v.spacing[3])),W(Nn,re.Large,p.css(On||(On=K(["\n    min-width: ","px;\n  "])),v.spacing[4])),Nn),Lt=p.css(Dn||(Dn=K(["\n  display: inline-flex;\n  gap: 8px;\n  justify-content: start;\n  align-items: inherit;\n  overflow-wrap: anywhere;\n"]))),zt=p.css(Mn||(Mn=K(["\n  pointer-events: none;\n"]))),jt=function(e){return p.css(Ln||(Ln=K(["\n  font-weight: ",";\n"])),e?"bold":"normal")},It=L.default.forwardRef((function(e,n){var t,a=e.displayName,r=e.glyph,l=e.isSelected,o=e.isFocused,s=e.disabled,u=e.setSelected,f=e.className,h=i.useContext(Ve),y=h.multiselect,m=h.darkMode,v=h.withIcons,x=h.inputValue,k=h.size,w=Ze(m),C=c.useIdAllocator({prefix:"combobox-option-text"}),E=c.useForwardedRef(n,null),S=i.useCallback((function(e){e.stopPropagation(),s||e.target!==E.current&&"INPUT"!==e.target.tagName||u()}),[s,E,u]),O=i.useMemo((function(){if(r){if(d.isComponentGlyph(r)||b.isComponentType(r,"Icon"))return r;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",r)}}),[r]),N=i.useMemo((function(){if(y){var e=L.default.createElement(q.default,{"aria-labelledby":C,checked:l,tabIndex:-1,disabled:s,darkMode:m,className:p.css(zn||(zn=K(["\n              // TODO: Remove when this is resolved:\n              // https://jira.mongodb.org/browse/PD-2171\n              & > label > div {\n                margin-top: 0;\n              }\n            "])))});return L.default.createElement(L.default.Fragment,null,L.default.createElement("span",{className:p.cx(Lt,zt)},v?O:e,L.default.createElement("span",{id:C,className:jt(l)},We(a,x,"strong"))),v&&e)}return L.default.createElement(L.default.Fragment,null,L.default.createElement("span",{className:p.cx(Lt,zt)},O,L.default.createElement("span",{className:jt(l)},We(a,x,"strong"))),l&&L.default.createElement(j.default,{glyph:"Checkmark",className:Mt[k],color:m?g.palette.blue.light1:g.palette.blue.base}))}),[y,O,l,a,x,k,m,C,s,v]);return L.default.createElement("li",{ref:E,role:"option","aria-selected":o,"aria-label":a,tabIndex:-1,className:p.cx(wt,Et[k],Ct[w],(t={},W(t,Ot[w],o),W(t,Dt[w],s),t),f),onClick:S,onKeyDown:S},N)}));function Rt(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}It.displayName="ComboboxOption",Rt.displayName="ComboboxOption",Rt.propTypes={displayName:z.default.string,value:z.default.string,glyph:z.default.node,disabled:z.default.bool,className:z.default.string};var Pt,qt,At,Tt,Ft,Ht,Wt,Gt,Ut,Kt,Xt,Vt,Zt,Bt,Yt,_t,$t,Jt,Qt,ea,na,ta,aa,ra,la=(W(jn={},re.Default,v.typeScales.body1.fontSize),W(jn,re.Large,v.typeScales.body2.fontSize),jn),oa=(W(In={},re.Default,2),W(In,re.Large,4),In),ia=(W(Rn={},re.Default,v.typeScales.body1.lineHeight+2*oa[re.Default]),W(Rn,re.Large,v.typeScales.body2.lineHeight+2*oa[re.Large]),Rn),sa=(W(Pn={},re.Default,{y:(36-ia[re.Default]-2)/2,x:v.spacing[2]-1}),W(Pn,re.Large,{y:(48-ia[re.Large]-2)/2,x:v.spacing[2]-1}),Pn),ua=v.spacing[3],ca=(W(qn={},re.Default,la[re.Default]+2*sa[re.Default].x+ua+2),W(qn,re.Large,la[re.Large]+2*sa[re.Large].x+ua+2),qn),da=b.createUniqueClassName("combobox-chip"),fa=function(e){return p.css(An||(An=K(["\n    font-family: ",";\n    width: 100%;\n    min-width: ","px;\n  "])),v.fontFamilies.default,ca[e])},pa=p.css(Tn||(Tn=K(["\n  display: grid;\n  grid-auto-flow: column;\n  grid-template-columns: 1fr ","px;\n  align-items: center;\n  cursor: text;\n  transition: 150ms ease-in-out;\n  transition-property: background-color, box-shadow, border-color;\n  border: 1px solid;\n  width: 100%;\n  max-width: 100%;\n  border-radius: 6px;\n"])),ua),ga=(W(Wn={},_,p.css(Fn||(Fn=K(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n\n    &:hover {\n      box-shadow: ",";\n    }\n  "])),g.palette.gray.dark3,g.palette.white,g.palette.gray.base,v.hoverRing[_].gray)),W(Wn,Y,p.css(Hn||(Hn=K(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n\n    &:hover {\n      box-shadow: ",";\n    }\n  "])),g.palette.gray.light2,g.palette.gray.dark4,g.palette.gray.base,v.hoverRing[Y].gray)),Wn),ba=function(e){return p.css(Gn||(Gn=K(["\n  padding: ","px ","px;\n"])),sa[e].y,sa[e].x)},ha=(W(Xn={},_,p.css(Un||(Un=K(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),g.palette.gray.dark1,g.palette.gray.light2,g.palette.gray.light1)),W(Xn,Y,p.css(Kn||(Kn=K(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),g.palette.gray.dark1,g.palette.gray.dark3,g.palette.gray.dark2)),Xn),ya=(W(Bn={},_,p.css(Vn||(Vn=K(["\n    border-color: ",";\n  "])),g.palette.red.base)),W(Bn,Y,p.css(Zn||(Zn=K(["\n    border-color: ",";\n  "])),g.palette.red.light1)),Bn),ma=(W($n={},_,p.css(Yn||(Yn=K(["\n    &:focus-within {\n      border-color: transparent;\n      background-color: ",";\n      box-shadow: ",";\n    }\n  "])),g.palette.white,v.focusRing[_].input)),W($n,Y,p.css(_n||(_n=K(["\n    &:focus-within {\n      border-color: transparent;\n      background-color: ",";\n      box-shadow: ",";\n    }\n  "])),g.palette.gray.dark4,v.focusRing[Y].input)),$n),va=p.css(Jn||(Jn=K(["\n  grid-template-columns: 1fr ","px ","px;\n"])),28,ua),xa=function(e){var n=e.overflow,t=e.size,a=p.css(Qn||(Qn=K(["\n    flex-grow: 1;\n    width: 100%;\n  "])));switch(n){case le.scrollX:return p.css(et||(et=K(["\n        ","\n        display: block;\n        height: ","px;\n        white-space: nowrap;\n        overflow-x: scroll;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n\n        &::-webkit-scrollbar {\n          display: none;\n        }\n\n        & > ."," {\n          margin-inline: 2px;\n\n          &:first-child {\n            margin-inline-start: 0;\n          }\n\n          &:last-child {\n            margin-inline-end: 0;\n          }\n        }\n      "])),a,ia[t],da);case le.expandY:return p.css(nt||(nt=K(["\n        ","\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n        overflow-x: hidden;\n        min-height: ","px;\n      "])),a,ia[t])}},ka=p.css(tt||(tt=K(["\n  font-family: ",";\n  width: 100%;\n  border: none;\n  cursor: inherit;\n  background-color: inherit;\n  color: inherit;\n  box-sizing: content-box;\n  padding: 0;\n  margin: 0;\n  text-overflow: ellipsis;\n\n  &:placeholder-shown {\n    min-width: 100%;\n  }\n  &:focus {\n    outline: none;\n  }\n"])),v.fontFamilies.default),wa=(W(lt={},_,p.css(at||(at=K(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),g.palette.gray.dark1)),W(lt,Y,p.css(rt||(rt=K(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),g.palette.gray.light1)),lt),Ca=(W(st={},re.Default,p.css(ot||(ot=K(["\n    height: ","px;\n    font-size: ","px;\n    line-height: ","px;\n    min-width: ","px;\n    // Only add padding if there are chips\n    &:not(:first-child) {\n      padding-left: 4px;\n    }\n  "])),ia[re.Default],v.typeScales.body1.fontSize,v.typeScales.body1.lineHeight,la[re.Default])),W(st,re.Large,p.css(it||(it=K(["\n    height: ","px;\n    font-size: ","px;\n    line-height: ","px;\n    min-width: ","px;\n    &:not(:first-child) {\n      padding-left: 6px;\n    }\n  "])),ia[re.Large],v.typeScales.body2.fontSize,v.typeScales.body2.lineHeight,la[re.Large])),st),Ea=function(e){return p.css(ut||(ut=K(["\n  /*\n  * Immediate transition in, slow transition out. \n  * '-in' transition is handled by `scroll-behavior` \n  */\n  transition: width ease-in-out ",";\n"],["\n  /*\n  * Immediate transition in, slow transition out. \n  * '-in' transition is handled by \\`scroll-behavior\\` \n  */\n  transition: width ease-in-out ",";\n"])),e?"0s":"100ms")},Sa=function(e,n){var t,a=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return p.css(ct||(ct=K(["\n    width: ","px;\n    max-width: 100%;\n  "])),a*la[e])},Oa=p.css(dt||(dt=K(["\n  // Add a negative margin so the button takes up the same space as the regular icons\n  margin-block: calc(","px - 100%);\n"])),ua/2),Na=function(e){return p.css(ft||(ft=K(["\n  height: ","px;\n  width: ","px;\n  margin-inline-end: calc(","px / 2);\n"])),ua,ua,sa[e].x)},Da=(W(bt={},_,p.css(pt||(pt=K(["\n    color: ",";\n  "])),g.palette.red.base)),W(bt,Y,p.css(gt||(gt=K(["\n    color: ",";\n  "])),g.palette.red.light1)),bt),Ma=(W(mt={},re.Default,p.css(ht||(ht=K(["\n    font-size: ","px;\n    line-height: ","px;\n    padding-top: ","px;\n  "])),v.typeScales.body1.fontSize,v.typeScales.body1.lineHeight,sa[re.Default].y)),W(mt,re.Large,p.css(yt||(yt=K(["\n    font-size: ","px;\n    line-height: ","px;\n    padding-top: ","px;\n  "])),v.typeScales.body2.fontSize,v.typeScales.body2.lineHeight,sa[re.Large].y)),mt),La=p.css(vt||(vt=K(["\n  margin-bottom: 2px;\n"]))),za=p.css(Pt||(Pt=K(["\n  display: inline-flex;\n  align-items: center;\n  overflow: hidden;\n  white-space: nowrap;\n  box-sizing: border-box;\n"]))),ja=(W(Tt={},re.Default,p.css(qt||(qt=K(["\n    font-size: ","px;\n    line-height: ","px;\n    border-radius: 4px;\n  "])),v.typeScales.body1.fontSize,v.typeScales.body1.lineHeight)),W(Tt,re.Large,p.css(At||(At=K(["\n    font-size: ","px;\n    line-height: ","px;\n    border-radius: 4px;\n  "])),v.typeScales.body2.fontSize,v.typeScales.body2.lineHeight)),Tt),Ia=(W(Wt={},_,p.css(Ft||(Ft=K(["\n    color: ",";\n    background-color: ",";\n\n    // TODO: - refine these styles with Design\n    &:focus-within {\n      background-color: ",";\n    }\n  "])),g.palette.black,g.palette.gray.light2,g.palette.blue.light2)),W(Wt,Y,p.css(Ht||(Ht=K(["\n    color: ",";\n    background-color: ",";\n\n    &:focus-within {\n      background-color: ",";\n    }\n  "])),g.palette.gray.light2,g.palette.gray.dark2,g.palette.blue.dark2)),Wt),Ra=(W(Kt={},_,p.css(Gt||(Gt=K(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n  "])),g.palette.gray.base,g.palette.gray.light3)),W(Kt,Y,p.css(Ut||(Ut=K(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    box-shadow: inset 0 0 1px 1px ","; ;\n  "])),g.palette.gray.dark2,g.palette.gray.dark4,g.palette.gray.dark2)),Kt),Pa=(W(Zt={},re.Default,p.css(Xt||(Xt=K(["\n    padding-inline: 6px;\n    padding-block: ","px;\n  "])),oa[re.Default])),W(Zt,re.Large,p.css(Vt||(Vt=K(["\n    padding-inline: 10px;\n    padding-block: ","px;\n  "])),oa[re.Large])),Zt),qa=p.css(Bt||(Bt=K(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  outline: none;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  transition: background-color 100ms ease-in-out;\n"]))),Aa=(W($t={},re.Default,p.css(Yt||(Yt=K(["\n    height: ","px;\n  "])),ia[re.Default])),W($t,re.Large,p.css(_t||(_t=K(["\n    height: ","px;\n  "])),ia[re.Large])),$t),Ta=(W(ea={},_,p.css(Jt||(Jt=K(["\n    color: ",";\n\n    &:hover {\n      color: ",";\n      background-color: ",";\n    }\n  "])),g.palette.gray.dark2,g.palette.black,g.palette.gray.light1)),W(ea,Y,p.css(Qt||(Qt=K(["\n    color: ",";\n\n    &:hover {\n      color: ",";\n      background-color: ",";\n    }\n  "])),g.palette.gray.light1,g.palette.gray.light3,g.palette.gray.dark1)),ea),Fa=(W(aa={},_,p.css(na||(na=K(["\n    cursor: not-allowed;\n    color: ",";\n    &:hover {\n      color: inherit;\n      background-color: unset;\n    }\n  "])),g.palette.gray.dark2)),W(aa,Y,p.css(ta||(ta=K(["\n    cursor: not-allowed;\n    color: ",";\n    &:hover {\n      color: inherit;\n      background-color: unset;\n    }\n  "])),g.palette.gray.dark2)),aa),Ha=L.default.forwardRef((function(e,n){var t=e.displayName,a=e.isFocused,r=e.onRemove,l=e.onFocus,o=i.useContext(Ve),s=o.darkMode,u=o.size,c=o.disabled,d=o.chipTruncationLocation,f=void 0===d?"end":d,g=o.chipCharacterLimit,h=void 0===g?12:g,y=Ze(s),m=!!h&&!!f&&"none"!==f&&t.length>h,v=i.useRef(null),x=i.useMemo((function(){if(m){var e=h-3;switch(f){case"start":return"…"+t.substring(t.length-e).trim();case"middle":return t.substring(0,e/2).trim()+"…"+t.substring(t.length-e/2).trim();case"end":return t.substring(0,e).trim()+"…";default:return t}}return!1}),[h,f,t,m]);i.useEffect((function(){var e;a&&!c&&(null==v||null===(e=v.current)||void 0===e||e.focus())}),[c,n,a]);return L.default.createElement("span",{role:"option","aria-selected":a,"data-testid":"lg-combobox-chip",ref:n,className:p.cx(da,za,Ia[y],ja[u],W({},Ra[y],c)),onClick:function(e){var n;null!==(n=v.current)&&void 0!==n&&n.contains(e.target)||l()},onKeyDown:function(e){c||e.keyCode!==b.keyMap.Delete&&e.keyCode!==b.keyMap.Backspace&&e.keyCode!==b.keyMap.Enter&&e.keyCode!==b.keyMap.Space||r()},tabIndex:-1},L.default.createElement("span",{className:p.cx(Pa[u])},x?L.default.createElement(A.default,{darkMode:s,definition:t,align:"bottom"},x):t),L.default.createElement("button",{"aria-label":"Deselect ".concat(t),"aria-disabled":c,disabled:c,ref:v,className:p.cx(qa,Ta[y],Aa[u],W({},Fa[y],c)),onClick:function(){c||r()}},L.default.createElement(j.default,{glyph:"X"})))}));Ha.displayName="Chip";var Wa=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],Ga=L.default.forwardRef((function(e,n){var t=e.children,a=e.id,r=e.refEl,l=e.labelId,o=e.menuWidth,s=e.searchLoadingMessage,u=e.searchErrorMessage,d=e.searchEmptyMessage,f=U(e,Wa),b=i.useContext(Ve),h=b.disabled,y=b.darkMode,m=b.size,v=b.isOpen,x=b.searchState,k=c.useForwardedRef(n,null),w=Ze(y),C=c.useAvailableSpace(r),E=M.default(C)?"unset":"".concat(Math.min(C,256),"px"),S=i.useMemo((function(){var e=p.cx(on,sn[w],un[m]);switch(x){case"loading":return L.default.createElement("span",{className:e},L.default.createElement(j.default,{glyph:"Refresh",color:y?g.palette.blue.light1:g.palette.blue.base,className:kt}),s);case"error":return L.default.createElement("span",{className:e},L.default.createElement(j.default,{glyph:"Warning",color:y?g.palette.red.light1:g.palette.red.base}),u);default:return t&&"object"===H(t)&&"length"in t&&t.length>0?L.default.createElement("ul",{className:ln},t):L.default.createElement("span",{className:e},d)}}),[w,m,x,y,s,u,t,d]);return L.default.createElement(T.default,G({active:v&&!h,spacing:4,align:"bottom",justify:"middle",refEl:r,adjustOnMutation:!0,className:p.cx(nn(o),tn[w])},f),L.default.createElement("div",{ref:k,id:a,role:"listbox","aria-labelledby":l,"aria-expanded":v,className:p.cx(an,rn[w],p.css(ra||(ra=K(["\n              max-height: ",";\n            "])),E)),onMouseDownCapture:function(e){return e.preventDefault()}},S))}));Ga.displayName="ComboboxMenu";var Ua=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];function Ka(e){var n,t=e.children,a=e.label,r=e.description,l=e.placeholder,o=void 0===l?"Select":l,s=e["aria-label"],d=e.disabled,f=void 0!==d&&d,h=e.size,y=void 0===h?re.Default:h,m=e.darkMode,v=void 0!==m&&m,x=e.state,k=void 0===x?"none":x,w=e.errorMessage,C=e.searchState,z=void 0===C?"unset":C,R=e.searchEmptyMessage,P=void 0===R?"No results found":R,q=e.searchErrorMessage,A=void 0===q?"Could not get results!":q,T=e.searchLoadingMessage,K=void 0===T?"Loading results...":T,V=e.filteredOptions,Z=e.onFilter,B=e.clearable,Y=void 0===B||B,_=e.onClear,le=e.overflow,ie=void 0===le?"expand-y":le,se=e.multiselect,ue=void 0!==se&&se,ce=e.initialValue,de=e.onChange,fe=e.value,pe=e.chipTruncationLocation,ge=e.chipCharacterLimit,be=void 0===ge?12:ge,he=e.className,ye=e.usePortal,me=void 0===ye||ye,ve=e.portalClassName,xe=e.portalContainer,ke=e.scrollContainer,we=e.popoverZIndex,Ce=U(e,Ua),Ee=Ze(v),Se=c.useDynamicRefs({prefix:"option"}),Oe=c.useDynamicRefs({prefix:"chip"}),Ne=c.useIdAllocator({prefix:"combobox-input"}),De=c.useIdAllocator({prefix:"combobox-label"}),Me=c.useIdAllocator({prefix:"combobox-menu"}),Le=i.useRef(null),ze=i.useRef(null),je=i.useRef(null),Ie=i.useRef(null),Re=i.useRef(null),Pe=X(i.useState(!1),2),qe=Pe[0],Ae=Pe[1],Te=c.usePrevious(qe),Fe=X(i.useState(null),2),He=Fe[0],We=Fe[1],Be=X(i.useState(null),2),Ye=Be[0],_e=Be[1],Je=c.usePrevious(Ye),Qe=X(i.useState(""),2),en=Qe[0],nn=Qe[1],tn=c.usePrevious(en),an=X(i.useState(null),2),rn=an[0],ln=an[1],on=!N.default(Ye)&&(S.default(Ye)&&Ye.length>0||D.default(Ye)),sn=ue&&S.default(Ye)&&Ye.length>0?void 0:o,un=function(){return Ae(!1)},cn=function(){return Ae(!0)},dn=i.useMemo((function(){return Xe(t)}),[t]),fn=i.useCallback((function(e){return!ue||"string"!=typeof e&&"number"!=typeof e?!ue&&S.default(e)&&b.consoleOnce.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):b.consoleOnce.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(H(e),' value: "').concat(e,'"')),ue&&S.default(e)}),[ue]),pn=i.useCallback((function(e){!f&&Ie&&Ie.current&&(Ie.current.focus(),M.default(e)||Ie.current.setSelectionRange(e,e))}),[f]),gn=i.useCallback((function(e){if(fn(Ye)){var n=E.default(Ye);N.default(e)?n.length=0:Ye.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),nn("")),_e(n),null==de||de(n)}else{var t=e;_e(t),null==de||de(t)}}),[fn,de,Ye]),bn=i.useCallback((function(e){return fn(Ye)?Ye.includes(e):e===Ye}),[fn,Ye]),hn=i.useCallback((function(e){var n,t,a,r,l=(t=dn,(n=e)?null!==(a=null===(r=t.find((function(e){return e.displayName===n})))||void 0===r?void 0:r.value)&&void 0!==a?a:n:"");return bn(l)}),[dn,bn]),yn=i.useCallback((function(e){var n="string"==typeof e?e:e.value;return V&&V.length>0?V.includes(n):!!hn(en)||("string"==typeof e?Ke(n,dn):e.displayName).toLowerCase().includes(en.toLowerCase())}),[V,hn,en,dn]),mn=i.useMemo((function(){return dn.filter(yn)}),[dn,yn]),vn=i.useCallback((function(e){return!!e&&!!dn.find((function(n){return n.value===e}))}),[dn]),xn=i.useCallback((function(e){return mn?mn.findIndex((function(n){return n.value===e})):-1}),[mn]),kn=i.useCallback((function(e){if(mn&&mn.length>=e){var n=mn[e];return n?n.value:void 0}}),[mn]),wn=i.useCallback((function(){return fn(Ye)?Ye.findIndex((function(e){var n,t;return null===(n=Oe(e))||void 0===n||null===(t=n.current)||void 0===t?void 0:t.contains(document.activeElement)})):-1}),[Oe,fn,Ye]),Cn=X(i.useState(),2),En=Cn[0],Sn=Cn[1],On=i.useCallback((function(e){var n,t=null!==(n=null==mn?void 0:mn.length)&&void 0!==n?n:0,a=t-1>0?t-1:0,r=xn(He);switch(e&&qe&&(ln(null),pn()),e){case"next":var l=kn(r+1<t?r+1:0);We(null!=l?l:null);break;case"prev":var o=kn(r-1>=0?r-1:a);We(null!=o?o:null);break;case"last":var i=kn(a);We(null!=i?i:null);break;default:var s=kn(0);We(null!=s?s:null)}}),[He,xn,kn,qe,pn,null==mn?void 0:mn.length]),Nn=i.useCallback((function(e,n){if(fn(Ye))switch(e){case"next":var t=null!=n?n:wn(),a=t+1<Ye.length?t+1:Ye.length-1,r=Ye[a];ln(r);break;case"prev":var l=null!=n?n:wn(),o=l>0?l-1:l<0?Ye.length-1:0,i=Ye[o];ln(i);break;case"first":var s=Ye[0];ln(s);break;case"last":var u=Ye[Ye.length-1];ln(u);break;default:ln(null)}}),[wn,fn,Ye]),Dn=i.useCallback((function(e,n){switch(e&&We(null),e){case"right":switch(En){case $:var t,a,r;if((null===(t=Ie.current)||void 0===t?void 0:t.selectionEnd)===(null===(a=Ie.current)||void 0===a?void 0:a.value.length))null===(r=ze.current)||void 0===r||r.focus();break;case Q:case ne:case ee:if(En===ee||1===(null==Ye?void 0:Ye.length)){pn(0),Nn(null),n.preventDefault();break}Nn("next")}break;case"left":switch(En){case J:var l;n.preventDefault(),pn(null==Ie||null===(l=Ie.current)||void 0===l?void 0:l.value.length);break;case $:case ne:case ee:if(fn(Ye)){var o;if(En===$&&0!==(null===(o=Ie.current)||void 0===o?void 0:o.selectionStart))break;Nn("prev")}}break;default:Nn(null)}}),[En,fn,Ye,pn,Nn]);i.useEffect((function(){en!==tn&&On("first")}),[en,qe,tn,On]),i.useEffect((function(){if(He){var e=Se(He);if(e&&e.current&&Re.current){var n=e.current.offsetTop,t=Re.current,a=t.scrollTop;(n>t.offsetHeight||n<a)&&(Re.current.scrollTop=n)}}}),[He,Se]);var Mn=i.useCallback((function(e){if(b.isComponentType(e,"ComboboxOption")){var n=Ge(e.props),t=n.value,a=n.displayName;if(yn(t)){var r=e.props,l=r.className,o=r.glyph,i=r.disabled,s=dn.findIndex((function(e){return e.value===t})),u=He===t,c=fn(Ye)?Ye.includes(t):Ye===t,d=Se(t);return L.default.createElement(It,{value:t,displayName:a,isFocused:u,isSelected:c,disabled:i,setSelected:function(){We(t),gn(t),pn(),t===Ye&&un()},glyph:o,className:l,index:s,ref:d})}}else if(b.isComponentType(e,"ComboboxGroup")){var f=L.default.Children.map(e.props.children,Mn);if(f&&(null==f?void 0:f.length)>0)return L.default.createElement($e,{label:e.props.label,className:e.props.className},L.default.Children.map(f,Mn))}}),[dn,Se,He,fn,Ye,pn,yn,gn]),Ln=i.useMemo((function(){return L.default.Children.map(t,Mn)}),[t,Mn]),zn=i.useMemo((function(){if(fn(Ye))return Ye.filter(vn).map((function(e,n){var t=Ke(e,dn),a=rn===e,r=Oe(e),l=n>=Ye.length-1;return L.default.createElement(Ha,{key:e,displayName:t,isFocused:a,onRemove:function(){l?(pn(),Nn(null)):Nn("next",n),gn(e)},onFocus:function(){ln(e)},ref:r})}))}),[fn,Ye,vn,dn,rn,Oe,gn,pn,Nn]),jn=i.useMemo((function(){return L.default.createElement(L.default.Fragment,null,Y&&on&&L.default.createElement(I.default,{"aria-label":"Clear selection","aria-disabled":f,disabled:f,ref:ze,onClick:function(e){f||(gn(null),null==_||_(e),null==Z||Z(""),qe||cn())},onFocus:Fn,className:p.cx(Oa),darkMode:v},L.default.createElement(j.default,{glyph:"XWithCircle"})),"error"===k?L.default.createElement(j.default,{glyph:"Warning",color:v?g.palette.red.light1:g.palette.red.base,className:Na(y)}):L.default.createElement(j.default,{glyph:"CaretDown",className:Na(y)}))}),[Y,on,f,k,v,y,gn,_,Z,qe]),In=i.useMemo((function(){return dn.some((function(e){return e.hasGlyph}))}),[dn]),Rn=i.useCallback((function(){if(!fn(Ye)&&Ye===Je){var e=mn.find((function(e){return e.displayName===en||e.value===en}));if(e&&!fe)_e(e.value);else{var n,t=null!==(n=Ke(Ye,dn))&&void 0!==n?n:"";nn(t)}}}),[dn,en,fn,Je,Ye,fe,mn]),Pn=i.useCallback((function(){if(on){if(fn(Ye))Un();else if(!fn(Ye)){var e,n=null!==(e=Ke(Ye,dn))&&void 0!==e?e:"";nn(n),un()}}else nn("")}),[on,dn,fn,Ye]);i.useEffect((function(){if(ce)if(S.default(ce)){var e,n=null!==(e=ce.filter((function(e){return vn(e)})))&&void 0!==e?e:[];_e(n)}else vn(ce)&&_e(ce);else _e(function(e){return e?[]:null}(ue))}),[]),i.useEffect((function(){if(!M.default(fe)&&fe!==tn)if(N.default(fe))_e(null);else if(fn(fe)){var e=fe.filter(vn);_e(e)}else _e(vn(fe)?fe:null)}),[fn,vn,tn,fe]),i.useEffect((function(){O.default(Ye,Je)||Pn()}),[Pn,Je,Ye]),i.useEffect((function(){!qe&&Te&&Rn()}),[qe,Te,Rn]);var qn=X(i.useState(0),2),An=qn[0],Tn=qn[1];i.useEffect((function(){var e,n;Tn(null!==(e=null===(n=Le.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Le,qe,He,Ye]);var Fn=function(){We(null)};c.useEventListener("mousedown",(function(e){Gn(e)||(e.preventDefault(),e.stopPropagation())}),{enabled:qe}),c.useEventListener("click",(function(e){Gn(e)||(e.stopPropagation(),un())}),{options:{capture:!0},enabled:qe});var Hn,Wn=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){W(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({popoverZIndex:we},me?{usePortal:me,portalClassName:ve,portalContainer:xe,scrollContainer:ke}:{usePortal:me});return L.default.createElement(Ve.Provider,{value:{multiselect:ue,darkMode:v,size:y,withIcons:In,disabled:f,isOpen:qe,state:k,searchState:z,chipTruncationLocation:pe,chipCharacterLimit:be,inputValue:en}},L.default.createElement("div",G({className:p.cx(fa(y),he)},Ce),(a||r)&&L.default.createElement("div",{className:La},a&&L.default.createElement(u.Label,{id:De,htmlFor:Ne,darkMode:v},a),r&&L.default.createElement(u.Description,{darkMode:v},r)),L.default.createElement("div",{ref:Le,role:"combobox","aria-expanded":qe,"aria-controls":Me,"aria-owns":Me,tabIndex:-1,onMouseDown:function(e){f&&e.preventDefault()},onClick:function(e){if(e.target!==Ie.current){var n=0;if(Ie.current)n=e.nativeEvent.offsetX>Ie.current.offsetLeft+Ie.current.clientWidth?en.length:0;pn(n)}cn()},onFocus:function(e){Un(),Sn(function(e){var n,t,a,r;if(!e)return;if(null!==(n=Ie.current)&&void 0!==n&&n.contains(e))return $;if(null!==(t=ze.current)&&void 0!==t&&t.contains(e))return J;var l=fn(Ye)?Ye.findIndex((function(n){var t,a;return null===(t=Oe(n))||void 0===t||null===(a=t.current)||void 0===a?void 0:a.contains(e)})):-1;if(fn(Ye)){if(0===l)return Q;if(l===Ye.length-1)return ee;if(l>0)return ne}if(null!==(a=Re.current)&&void 0!==a&&a.contains(e))return ae;if(null!==(r=Le.current)&&void 0!==r&&r.contains(e))return te}(e.target))},onKeyDown:function(e){var n,t,a=null===(n=Re.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=Le.current)||void 0===t?void 0:t.contains(document.activeElement))||a){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.keyCode){case b.keyMap.Tab:switch(En){case"Input":on||(un(),On("first"),Nn(null));break;case"LastChip":Nn(null)}break;case b.keyMap.Escape:un(),On("first");break;case b.keyMap.Enter:qe?En!==$||N.default(He)||function(e){if("string"==typeof e){var n=Ue(e,dn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(He)?En===J&&(gn(null),pn()):gn(He):cn();break;case b.keyMap.Backspace:var r;if(fn(Ye))"Input"===En&&0===(null===(r=Ie.current)||void 0===r?void 0:r.selectionStart)&&Nn("last");cn();break;case b.keyMap.ArrowDown:qe?(e.preventDefault(),On("next")):cn();break;case b.keyMap.ArrowUp:qe?(e.preventDefault(),On("prev")):cn();break;case b.keyMap.ArrowRight:Dn("right",e);break;case b.keyMap.ArrowLeft:Dn("left",e);break;default:qe||cn()}}},onTransitionEnd:function(){var e,n;Tn(null!==(e=null===(n=Le.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:p.cx(pa,ga[Ee],ba(y),(n={},W(n,va,Y&&on),W(n,ha[Ee],f),W(n,ya[Ee],k===oe.error),W(n,ma[Ee],(Hn=$,Hn===En)),n))},L.default.createElement("div",{ref:je,className:xa({size:y,overflow:ie})},zn,L.default.createElement("input",{"aria-label":null!=s?s:a,"aria-autocomplete":"list","aria-controls":Me,"aria-labelledby":De,ref:Ie,id:Ne,className:p.cx(ka,Ca[y],wa[Ee],Ea(qe),W({},Sa(y,en),fn(Ye))),placeholder:sn,disabled:null!=f?f:void 0,onChange:function(e){var n=e.target.value;nn(n),null==Z||Z(n)},value:en,autoComplete:"off"})),jn),"error"===k&&w&&L.default.createElement("div",{className:p.cx(Da[Ee],Ma[y])},w),L.default.createElement(Ga,G({id:Me,labelId:De,refEl:Le,ref:Re,menuWidth:An,searchLoadingMessage:K,searchErrorMessage:A,searchEmptyMessage:P},Wn),Ln)));function Gn(e){var n,t,a=e.target;return(null===(n=Re.current)||void 0===n?void 0:n.contains(a))||(null===(t=Le.current)||void 0===t?void 0:t.contains(a))||!1}function Un(){je&&je.current&&(je.current.scrollLeft=je.current.scrollWidth)}}Ka.propTypes={multiselect:z.default.bool,value:z.default.oneOf([z.default.string,z.default.arrayOf(z.default.string)]),initialValue:z.default.oneOf([z.default.string,z.default.arrayOf(z.default.string)]),overflow:z.default.oneOf(Object.values(le)),darkMode:z.default.bool,label:z.default.string,"aria-label":z.default.string,children:z.default.node,onChange:z.default.func,chipCharacterLimit:z.default.number,chipTruncationLocation:z.default.oneOf(Object.values({start:"start",middle:"middle",end:"end",none:"none"})),onClear:z.default.func,onFilter:z.default.func,clearable:z.default.bool,searchLoadingMessage:z.default.string,searchErrorMessage:z.default.string,searchEmptyMessage:z.default.string,searchState:z.default.oneOf(Object.values(ie)),errorMessage:z.default.string,state:z.default.oneOf(Object.values(oe)),size:z.default.oneOf(Object.values(re)),disabled:z.default.bool,description:z.default.string,placeholder:z.default.string,filteredOptions:z.default.arrayOf(z.default.string),popoverZIndex:z.default.number,usePortal:z.default.bool,scrollContainer:z.default.elementType,portalContainer:z.default.elementType,portalClassName:z.default.string},e.Combobox=Ka,e.ComboboxGroup=Je,e.ComboboxOption=Rt,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.js.map