@leafygreen-ui/combobox 8.1.4 → 9.0.0

package/dist/index.js

@@ -1,2 +1,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("lodash/clone"),require("lodash/debounce"),require("lodash/isArray"),require("lodash/isEqual"),require("lodash/isNull"),require("lodash/isString"),require("lodash/isUndefined"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/chip"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/popover"),require("polished"),require("@leafygreen-ui/input-option"),require("lodash/kebabCase"),require("lodash/escapeRegExp"),require("@leafygreen-ui/checkbox")):"function"==typeof define&&define.amd?define(["exports","react","lodash/clone","lodash/debounce","lodash/isArray","lodash/isEqual","lodash/isNull","lodash/isString","lodash/isUndefined","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/hooks","@leafygreen-ui/icon","@leafygreen-ui/icon-button","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/typography","@leafygreen-ui/chip","@leafygreen-ui/tokens","@leafygreen-ui/palette","@leafygreen-ui/popover","polished","@leafygreen-ui/input-option","lodash/kebabCase","lodash/escapeRegExp","@leafygreen-ui/checkbox"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/combobox"]={},e.React,e["/clone"],e["/debounce"],e["/isArray"],e["/isEqual"],e["/isNull"],e["/isString"],e["/isUndefined"],e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/hooks"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/typography"],e["@leafygreen-ui/chip"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/palette"],e["@leafygreen-ui/popover"],e.polished,e["@leafygreen-ui/input-option"],e["/kebabCase"],e["/escapeRegExp"],e["@leafygreen-ui/checkbox"])}(this,(function(e,n,t,a,r,l,i,o,s,u,c,d,f,p,h,g,m,b,y,v,x,k,w,C,E,S){"use strict";function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=T(n),N=T(t),O=T(a),D=T(r),M=T(l),I=T(i),j=T(o),z=T(s),q=T(u),R=T(f),A=T(p),F=T(h),P=T(x),W=T(C),X=T(E),G=T(S);function V(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){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?V(Object(t),!0).forEach((function(n){K(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):V(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function Z(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}function B(e){return B="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},B(e)}function K(e,n,t){return(n=Z(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?Object.assign.bind():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},U.apply(this,arguments)}function Y(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 $(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function J(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){var a,r,l,i,o=[],s=!0,u=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(a=l.call(t)).done)&&(o.push(a.value),o.length!==n);s=!0);}catch(e){u=!0,r=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(u)throw r}}return o}}(e,n)||_(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 Q(e){return function(e){if(Array.isArray(e))return ee(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||_(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 _(e,n){if(e){if("string"==typeof e)return ee(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)?ee(e,n):void 0}}function ee(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 ne="Input",te="ClearButton",ae="FirstChip",re="LastChip",le="MiddleChip",ie="Combobox",oe="Menu",se={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},ue={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},ce={none:"none",error:"error"},de={unset:"unset",error:"error",loading:"loading"};var fe,pe,he,ge,me,be,ye,ve,xe,ke={multiselect:!1,size:se.Default,withIcons:!1,disabled:!1,isOpen:!1,state:ce.none,searchState:de.unset,overflow:ue.expandY},we=n.createContext(ke),Ce=g.createUniqueClassName("combobox-chip"),Ee=K(K(K(K({},se.XSmall,16),se.Small,y.typeScales.body1.lineHeight),se.Default,y.typeScales.body1.lineHeight),se.Large,y.typeScales.body2.lineHeight),Se=K(K(K(K({},se.XSmall,y.typeScales.body1.fontSize),se.Small,y.typeScales.body1.fontSize),se.Default,y.typeScales.body1.fontSize),se.Large,y.typeScales.body2.fontSize),Te=K(K(K(K({},se.XSmall,1),se.Small,0),se.Default,2),se.Large,4),Le=K(K(K(K({},se.XSmall,c.css(fe||(fe=$(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),Se[se.XSmall],Ee[se.XSmall],b.chipTextClassName,Te[se.XSmall])),se.Small,c.css(pe||(pe=$(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),Se[se.Small],Ee[se.Small],b.chipTextClassName,Te[se.Small])),se.Default,c.css(he||(he=$(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),Se[se.Default],Ee[se.Default],b.chipTextClassName,Te[se.Default])),se.Large,c.css(ge||(ge=$(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-inline-end: 10px;\n      padding-block: ","px;\n    }\n  "])),Se[se.Large],Ee[se.Large],b.chipTextClassName,Te[se.Large])),Ne=L.default.forwardRef((function(e,t){var a,r=e.displayName,l=e.isFocused,i=e.onRemove,o=e.onFocus,s=n.useContext(we),u=s.size,f=s.disabled,p=s.overflow,h=s.chipTruncationLocation,m=void 0===h?b.TruncationLocation.End:h,y=s.chipCharacterLimit,v=void 0===y?12:y,x=s.popoverZIndex,k=p===ue.scrollX?b.TruncationLocation.None:m,w=d.useForwardedRef(t,null),C=null===(a=w.current)||void 0===a?void 0:a.querySelector("button");n.useEffect((function(){l&&!f&&(null==C||C.focus())}),[f,C,l]);return L.default.createElement(b.Chip,{label:r,className:c.cx(Ce,Le[u]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=C&&C.contains(e.target)||o()},onKeyDown:function(e){f||e.key!==g.keyMap.Delete&&e.key!==g.keyMap.Backspace&&e.key!==g.keyMap.Enter&&e.key!==g.keyMap.Space||i()},onDismiss:function(){f||i()},baseFontSize:b.BaseFontSize.Body1,chipCharacterLimit:v,chipTruncationLocation:k,popoverZIndex:x,variant:b.Variant.Gray,ref:w,disabled:f,tabIndex:-1})}));Ne.displayName="ComboboxChip";var Oe,De,Me,Ie,je,ze,qe,Re,Ae,Fe,Pe,We,Xe,Ge=K(K({},g.Theme.Light,c.css(me||(me=$(["\n    padding-top: ","px;\n  "])),y.spacing[2])),g.Theme.Dark,c.css(be||(be=$(["\n    padding-top: ","px;\n  "])),y.spacing[2])),Ve=c.css(ye||(ye=$(["\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: ",";\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n"])),y.fontWeights.bold),He=K(K({},g.Theme.Light,c.css(ve||(ve=$(["\n    color: ",";\n  "])),v.palette.gray.dark1)),g.Theme.Dark,c.css(xe||(xe=$(["\n    color: ",";\n  "])),v.palette.gray.light1));function Ze(e){var n=e.label,t=e.className,a=e.children,r=h.useDarkMode().theme,l=d.useIdAllocator({prefix:"combobox-group"});return L.default.Children.count(a)>0?L.default.createElement("div",{className:c.cx(Ge[r],t)},L.default.createElement("div",{className:c.cx(Ve,He[r]),id:l},n),L.default.createElement("div",{role:"group","aria-labelledby":l},a)):L.default.createElement(L.default.Fragment,null)}function Be(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}Be.displayName="ComboboxGroup",Be.propTypes={className:q.default.string,children:q.default.node.isRequired,label:q.default.string.isRequired};var Ke,Ue=K(K(K(K({},se.XSmall,{x:12,y:8}),se.Small,{x:12,y:8}),se.Default,{x:12,y:8}),se.Large,{x:12,y:8}),Ye=function(e){return Ee[e]+2*Ue[e].y},$e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return c.css(Oe||(Oe=$(["\n  width: ","px;\n  overflow: hidden;\n  border-radius: 12px;\n  border: 1px solid;\n"])),e)},Je=K(K({},g.Theme.Light,c.css(De||(De=$(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),k.transparentize(.85,v.palette.black),v.palette.gray.light2)),g.Theme.Dark,c.css(Me||(Me=$(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),k.transparentize(.85,v.palette.black),v.palette.gray.dark2)),Qe=c.css(Ie||(Ie=$(["\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"])),y.spacing[2],y.fontFamilies.default),_e=K(K({},g.Theme.Light,c.css(je||(je=$(["\n    color: ",";\n    background-color: ",";\n  "])),v.palette.black,v.palette.white)),g.Theme.Dark,c.css(ze||(ze=$(["\n    color: ",";\n    background-color: ",";\n  "])),v.palette.gray.light1,v.palette.gray.dark3)),en=c.css(qe||(qe=$(["\n  position: relative;\n  margin: 0;\n  padding: 0;\n"]))),nn=c.css(Re||(Re=$(["\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n"]))),tn=K(K({},g.Theme.Light,c.css(Ae||(Ae=$(["\n    color: ",";\n  "])),v.palette.gray.dark3)),g.Theme.Dark,c.css(Fe||(Fe=$(["\n    color: ",";\n  "])),v.palette.gray.light3)),an=function(e){return c.css(Pe||(Pe=$(["\n  font-size: ","px;\n  line-height: ","px;\n  padding: ","px ","px;\n"])),Se[e],Ee[e],Ue[e].y,Ue[e].x)},rn=c.keyframes(We||(We=$(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),ln=c.css(Xe||(Xe=$(["\n  animation: "," 1.5s linear infinite;\n"])),rn),on=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],sn=L.default.forwardRef((function(e,t){var a=e.children,r=e.id,l=e.refEl,i=e.labelId,o=e.menuWidth,s=e.searchLoadingMessage,u=e.searchErrorMessage,f=e.searchEmptyMessage,p=Y(e,on),g=h.useDarkMode(),b=g.darkMode,y=g.theme,x=n.useContext(we),k=x.disabled,w=x.size,C=x.isOpen,E=x.searchState,S=d.useForwardedRef(t,null),T=d.useAvailableSpace(l),N=z.default(T)?"unset":"".concat(Math.min(T,256),"px"),O=n.useMemo((function(){var e=c.cx(nn,tn[y],an(w)),n=c.cx(nn,an(w));switch(E){case"loading":return L.default.createElement("span",{className:e},L.default.createElement(R.default,{glyph:"Refresh",color:b?v.palette.blue.light1:v.palette.blue.base,className:ln}),s);case"error":return L.default.createElement(m.Error,{className:n},L.default.createElement(R.default,{glyph:"Warning",color:b?v.palette.red.light1:v.palette.red.base}),L.default.createElement("span",null,u));default:return a&&"object"===B(a)&&"length"in a&&a.length>0?L.default.createElement("ul",{className:en},a):L.default.createElement("span",{className:e},f)}}),[y,w,E,b,s,u,a,f]);return L.default.createElement(P.default,U({active:C&&!k,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:c.cx($e(o),Je[y])},p),L.default.createElement("div",{ref:S,id:r,role:"listbox","aria-labelledby":i,"aria-expanded":C,className:c.cx(Qe,_e[y],c.css(Ke||(Ke=$(["\n              max-height: ",";\n            "])),N)),onMouseDownCapture:function(e){return e.preventDefault()}},O))}));sn.displayName="ComboboxMenu";var un,cn,dn,fn,pn,hn,gn,mn,bn,yn,vn,xn,kn,wn,Cn,En,Sn,Tn,Ln,Nn,On=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Dn=function(e){var n,t=e.value,a=e.displayName;return{value:null!=t?t:W.default(a),displayName:null!==(n=null!=a?a:t)&&void 0!==n?n:""}},Mn=function e(n){return L.default.Children.toArray(n).reduce((function(n,t){if(g.isComponentType(t,"ComboboxOption")){var a=Dn(t.props),r=a.value,l=a.displayName,i=t.props,o=i.glyph,s=i.disabled;return[].concat(Q(n),[{value:r,displayName:l,isDisabled:!!s,hasGlyph:!!o}])}if(g.isComponentType(t,"ComboboxGroup")){var u=t.props.children;if(u)return[].concat(Q(n),Q(e(u)))}}),[])},In=function(e,n){if(e)return n.find((function(n){return n.value===e}))},jn=function(e,n){var t,a;return e?null!==(t=null===(a=In(e,n))||void 0===a?void 0:a.displayName)&&void 0!==t?t:e:""},zn=function(e){return c.css(un||(un=$(["\n  font-size: ","px;\n  line-height: ","px;\n  min-height: ","px;\n  padding: ","px ","px;\n  gap: ","px;\n\n  &:before {\n    max-height: ","px;\n  }\n"])),Se[e],Ee[e],Ye(e),Ue[e].y,Ue[e].x,y.spacing[1],Ye(e))},qn=K(K(K(K({},se.XSmall,c.css(cn||(cn=$(["\n    min-width: ","px;\n  "])),y.spacing[3])),se.Small,c.css(dn||(dn=$(["\n    min-width: ","px;\n  "])),y.spacing[3])),se.Default,c.css(fn||(fn=$(["\n    min-width: ","px;\n  "])),y.spacing[3])),se.Large,c.css(pn||(pn=$(["\n    min-width: ","px;\n  "])),y.spacing[4])),Rn=c.css(hn||(hn=$(["\n  pointer-events: none;\n  gap: 0;\n\n  label {\n    gap: 0;\n    align-items: center;\n  }\n"])));c.css(gn||(gn=$(["\n  pointer-events: none;\n"])));var An=function(e){return c.css(mn||(mn=$(["\n  font-weight: ",";\n"])),e?y.fontWeights.bold:y.fontWeights.regular)},Fn=K(K({},g.Theme.Light,c.css(bn||(bn=$(["\n    color: ",";\n  "])),v.palette.gray.dark1)),g.Theme.Dark,c.css(yn||(yn=$(["\n    color: ",";\n  "])),v.palette.gray.base)),Pn=K(K({},g.Theme.Light,c.css(vn||(vn=$(["\n    color: ",";\n  "])),v.palette.blue.dark1)),g.Theme.Dark,c.css(xn||(xn=$(["\n    color: ",";\n  "])),v.palette.blue.light3)),Wn=K(K({},g.Theme.Light,c.css(kn||(kn=$(["\n    color: ",";\n  "])),v.palette.gray.light1)),g.Theme.Dark,c.css(wn||(wn=$(["\n    color: ",";\n  "])),v.palette.gray.dark1)),Xn=K(K({},g.Theme.Light,c.css(Cn||(Cn=$(["\n    color: ",";\n  "])),v.palette.blue.base)),g.Theme.Dark,c.css(En||(En=$(["\n    color: ",";\n  "])),v.palette.blue.light1)),Gn=K(K({},g.Theme.Light,c.css(Sn||(Sn=$(["\n    color: ",";\n  "])),v.palette.gray.light1)),g.Theme.Dark,c.css(Tn||(Tn=$(["\n    color: ",";\n  "])),v.palette.gray.dark1)),Vn=c.css(Ln||(Ln=$(["\n  ."," {\n    align-self: baseline;\n  }\n"])),w.leftGlyphClassName),Hn=c.css(Nn||(Nn=$(["\n  ."," {\n    height: 28px;\n  }\n"])),w.leftGlyphClassName),Zn=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],Bn=L.default.forwardRef((function(e,t){var a=e.glyph,r=e.isSelected,l=e.displayName,i=e.isFocused,o=e.setSelected,s=e.className,u=e.description,p=e.value,g=e.onClick,m=e.disabled,b=void 0!==m&&m,y=Y(e,Zn),v=h.useDarkMode(),x=v.darkMode,k=v.theme,C=n.useContext(we),E=C.multiselect,S=C.size,T=C.withIcons,N=C.inputValue,O=d.useForwardedRef(t,null),D=d.useIdAllocator({prefix:"combobox-option-text"}),M=n.useCallback((function(e){e.stopPropagation(),b||(o(),null==g||g(e,p))}),[b,g,o,p]),I=n.useMemo((function(){return function(e){var n=e.withIcons,t=e.isSelected,a=e.glyph,r=e.optionTextId,l=e.disabled,i=e.darkMode,o=e.size,s=e.multiselect,u=e.theme,d=e.isFocused;a&&!f.isComponentGlyph(a)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",a);var p=a&&f.isComponentGlyph(a)?L.default.cloneElement(a,H(H({},a.props),{},{className:c.cx(Fn[u],K(K({},Pn[u],d),Wn[u],l),a.props.className)})):L.default.createElement(L.default.Fragment,null),h=L.default.createElement(G.default,{"aria-labelledby":r,checked:t,tabIndex:-1,disabled:l,darkMode:i,className:Rn}),g=L.default.createElement(R.default,{glyph:"Checkmark",className:c.cx(qn[o],Xn[u],K({},Gn[u],l))});return{leftGlyph:s?n?p:h:n?p:t?g:null,rightGlyph:s?n&&h:n&&t&&g}}({withIcons:T,isSelected:r,glyph:a,theme:k,darkMode:x,size:S,disabled:b,multiselect:E,optionTextId:D,isFocused:i})}),[x,b,a,r,E,D,S,k,T,i]),j=I.leftGlyph,z=I.rightGlyph,q=E&&!T;return L.default.createElement(w.InputOption,U({},y,{as:"li",ref:O,highlighted:i,disabled:b,"aria-label":l,darkMode:x,className:c.cx(zn(S),K(K({},Vn,q),Hn,q&&S===se.Large),s),onClick:M,onKeyDown:M}),L.default.createElement(w.InputOptionContent,{leftGlyph:j,rightGlyph:z,description:u},L.default.createElement("span",{id:D,className:An(r)},function(e,n,t){if(n&&t){var a=X.default(n),r=new RegExp(a,"gi"),l=e.matchAll(r);if(l){for(var i=e.split(""),o=0,s=Array.from(l);o<s.length;o++){var u,c=s[o],d=null!==(u=c.index)&&void 0!==u?u:-1,f=c[0],p=f.length,h=d+f+p,g=new Array(p).fill("");g[0]=L.default.createElement(t,{key:h},f),i.splice.apply(i,[d,p].concat(Q(g)))}return L.default.createElement(L.default.Fragment,null,i)}return L.default.createElement(L.default.Fragment,null,e)}return L.default.createElement(L.default.Fragment,null,e)}(l,N,"strong"))))}));function Kn(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Bn.displayName="ComboboxOption",Kn.displayName="ComboboxOption",Kn.propTypes={displayName:q.default.string,value:q.default.string,glyph:q.default.node,disabled:q.default.bool,className:q.default.string,description:q.default.string,onClick:q.default.func};var Un,Yn,$n,Jn,Qn,_n,et,nt,tt,at,rt,lt,it,ot,st,ut,ct,dt,ft,pt,ht,gt,mt,bt,yt,vt,xt,kt,wt,Ct,Et,St,Tt,Lt,Nt,Ot,Dt=function(e){return!z.default(e)&&!I.default(e)&&(j.default(e)||D.default(e)&&e.length>0)},Mt=function(e){return Ee[e]+2*Te[e]},It=K(K(K(K({},se.XSmall,22),se.Small,28),se.Default,36),se.Large,48),jt=function(e){return(It[e]-Mt(e)-2)/2},zt=K(K(K(K({},se.XSmall,{y:jt(se.XSmall),xLeftWithChip:1,xLeftWithoutChip:10,xRight:4}),se.Small,{y:jt(se.Small),xLeftWithChip:4,xLeftWithoutChip:10,xRight:8}),se.Default,{y:jt(se.Default),xLeftWithChip:6,xLeftWithoutChip:12,xRight:12}),se.Large,{y:jt(se.Large),xLeftWithChip:y.spacing[2]-1,xLeftWithoutChip:y.spacing[2]-1,xRight:y.spacing[2]-1}),qt=y.spacing[3],Rt=function(e){return c.css(Un||(Un=$(["\n    font-family: ",";\n    width: 100%;\n    min-width: ","px;\n  "])),y.fontFamilies.default,Se[e]+2*zt[e].xLeftWithChip+qt+2)},At=c.css(Yn||(Yn=$(["\n  display: flex;\n  align-items: center;\n  gap: ","px;\n  cursor: text;\n  transition: ","ms 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  position: relative;\n  overflow: hidden;\n\n  // Overflow shadow\n  ::after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 20px;\n    bottom: -21px;\n    left: 50%;\n    translate: -50% 0%;\n    border-radius: 20%;\n    box-shadow: 0 0 0 0 rgb(255 255 255 / 0%);\n    transition: ","ms linear;\n    transition-property: box-shadow;\n  }\n"])),y.spacing[2],y.transitionDuration.default,y.transitionDuration.default),Ft=K(K({},g.Theme.Light,c.css($n||($n=$(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),v.palette.gray.dark3,v.palette.white,v.palette.gray.base)),g.Theme.Dark,c.css(Jn||(Jn=$(["\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),v.palette.gray.light2,v.palette.gray.dark4,v.palette.gray.base)),Pt=function(e,n){return c.css(Qn||(Qn=$(["\n  padding-top: ","px;\n  padding-bottom: ","px;\n  padding-left: ",";\n  padding-right: ","px;\n"])),zt[e].y,zt[e].y,"".concat(n?zt[e].xLeftWithChip:zt[e].xLeftWithoutChip,"px"),zt[e].xRight)},Wt=K(K({},g.Theme.Light,c.css(_n||(_n=$(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),v.palette.gray.dark1,v.palette.gray.light2,v.palette.gray.light1)),g.Theme.Dark,c.css(et||(et=$(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: ",";\n    border-color: ",";\n  "])),v.palette.gray.dark1,v.palette.gray.dark3,v.palette.gray.dark2)),Xt=K(K({},g.Theme.Light,c.css(nt||(nt=$(["\n    border-color: ",";\n  "])),v.palette.red.base)),g.Theme.Dark,c.css(tt||(tt=$(["\n    border-color: ",";\n  "])),v.palette.red.light1)),Gt=K(K({},g.Theme.Light,c.css(at||(at=$(["\n    &:focus-within {\n      border-color: transparent;\n      box-shadow: ",";\n    }\n  "])),y.focusRing[g.Theme.Light].input)),g.Theme.Dark,c.css(rt||(rt=$(["\n    &:focus-within {\n      border-color: transparent;\n      box-shadow: ",";\n    }\n  "])),y.focusRing[g.Theme.Dark].input)),Vt=c.css(lt||(lt=$(["\n  display: flex;\n  align-items: center;\n"]))),Ht=K(K(K(K({},se.XSmall,c.css(it||(it=$(["\n    gap: ","px;\n  "])),y.spacing[1])),se.Small,c.css(ot||(ot=$(["\n    gap: ","px;\n  "])),y.spacing[2])),se.Default,c.css(st||(st=$(["\n    gap: ","px;\n  "])),y.spacing[2])),se.Large,c.css(ut||(ut=$(["\n    gap: ","px;\n  "])),y.spacing[2])),Zt=function(e){var n=e.overflow,t=e.size,a=c.css(ct||(ct=$(["\n    flex-grow: 1;\n    width: 100%;\n  "])));switch(n){case ue.scrollX:return c.css(dt||(dt=$(["\n        ","\n        display: block;\n        height: ","px;\n        white-space: nowrap;\n        overflow-x: scroll;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        line-height: 1;\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,Mt(t),Ce);case ue.expandY:return c.css(ft||(ft=$(["\n        ","\n        display: flex;\n        flex-wrap: wrap;\n        gap: ","px;\n        overflow-x: hidden;\n        min-height: ","px;\n        max-height: calc((","px) + (","px * 2));\n      "])),a,4,Mt(t),3*Mt(t),4)}},Bt=c.css(pt||(pt=$(["\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  vertical-align: top;\n\n  // Only add padding if there are chips\n  &:not(:first-child) {\n    padding-left: ","px;\n  }\n\n  &:placeholder-shown {\n    min-width: 100%;\n  }\n  &:focus {\n    outline: none;\n  }\n"])),y.fontFamilies.default,y.spacing[1]),Kt=K(K({},g.Theme.Light,c.css(ht||(ht=$(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),v.palette.gray.dark1)),g.Theme.Dark,c.css(gt||(gt=$(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),v.palette.gray.light1)),Ut=K(K({},g.Theme.Light,c.css(mt||(mt=$(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),v.palette.gray.dark1)),g.Theme.Dark,c.css(bt||(bt=$(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),v.palette.gray.dark1)),Yt=function(e){return c.css(yt||(yt=$(["\n  height: ","px;\n  font-size: ","px;\n  line-height: ","px;\n  min-width: ","px;\n"])),Mt(e),Se[e],Ee[e],Se[e])},$t=function(e){return c.css(vt||(vt=$(["\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")},Jt=function(e,n){var t,a=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return c.css(xt||(xt=$(["\n    width: ","px;\n    max-width: 100%;\n  "])),a*Se[e])},Qt=c.css(kt||(kt=$(["\n  // Add a negative margin so the button takes up the same space as the regular icons\n  margin-block: calc(","px - 100%);\n  margin-inline: -6px;\n"])),qt/2),_t=c.css(wt||(wt=$(["\n  height: ","px;\n  width: ","px;\n"])),qt,qt),ea=K(K({},g.Theme.Light,c.css(Ct||(Ct=$(["\n    color: ",";\n  "])),v.palette.red.base)),g.Theme.Dark,c.css(Et||(Et=$(["\n    color: ",";\n  "])),v.palette.red.light1)),na=function(e){return c.css(St||(St=$(["\n  font-size: ","px;\n  line-height: ","px;\n  padding-top: ","px;\n"])),Se[e],Ee[e],zt[e].y)},ta=c.css(Tt||(Tt=$(["\n  margin-bottom: ","px;\n  display: flex;\n  flex-direction: column;\n"])),y.spacing[1]),aa=c.css(Lt||(Lt=$(["\n  font-size: ","px;\n  line-height: ","px;\n"])),y.typeScales.large.fontSize,y.typeScales.large.lineHeight),ra=K(K({},g.Theme.Light,c.css(Nt||(Nt=$(["\n    ::after {\n      box-shadow: 0px 0px 7px 5px ",";\n    }\n  "])),k.transparentize(.85,v.palette.black))),g.Theme.Dark,c.css(Ot||(Ot=$(["\n    ::after {\n      width: 95%;\n      box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n    }\n  "])))),la=K(K({},g.Theme.Light,v.palette.red.base),g.Theme.Dark,v.palette.red.light1),ia=K(K({},g.Theme.Light,v.palette.gray.dark2),g.Theme.Dark,v.palette.gray.light1),oa=K(K({},g.Theme.Light,v.palette.gray.base),g.Theme.Dark,v.palette.gray.dark1),sa=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","inputValue","onInputChange","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"],ua=["className","glyph","disabled"];function ca(e){var t=e.children,a=e.label,r=e.description,l=e.placeholder,i=void 0===l?"Select":l,o=e["aria-label"],s=e.disabled,u=void 0!==s&&s,f=e.size,p=void 0===f?se.Default:f,b=e.darkMode,y=e.state,v=void 0===y?"none":y,x=e.errorMessage,k=e.searchState,w=void 0===k?"unset":k,C=e.searchEmptyMessage,E=void 0===C?"No results found":C,S=e.searchErrorMessage,T=void 0===S?"Could not get results!":S,q=e.searchLoadingMessage,P=void 0===q?"Loading results...":q,W=e.filteredOptions,X=e.onFilter,G=e.clearable,V=void 0===G||G,Z=e.onClear,$=e.overflow,Q=void 0===$?ue.expandY:$,_=e.multiselect,ee=void 0!==_&&_,de=e.initialValue,fe=e.inputValue,pe=e.onInputChange,he=e.onChange,ge=e.value,me=e.chipTruncationLocation,be=e.chipCharacterLimit,ye=void 0===be?12:be,ve=e.className,xe=e.usePortal,ke=void 0===xe||xe,Ce=e.portalClassName,Ee=e.portalContainer,Se=e.scrollContainer,Te=e.popoverZIndex,Le=Y(e,sa),Oe=h.useDarkMode(b),De=Oe.darkMode,Me=Oe.theme,Ie=d.useDynamicRefs({prefix:"option"}),je=d.useDynamicRefs({prefix:"chip"}),ze=d.useIdAllocator({prefix:"combobox-input"}),qe=d.useIdAllocator({prefix:"combobox-label"}),Re=d.useIdAllocator({prefix:"combobox-menu"}),Ae=n.useRef(null),Fe=n.useRef(null),Pe=n.useRef(null),We=n.useRef(null),Xe=n.useRef(null),Ge=J(n.useState(!1),2),Ve=Ge[0],He=Ge[1],Be=d.usePrevious(Ve),Ke=J(n.useState(null),2),Ue=Ke[0],Ye=Ke[1],$e=J(n.useState(null),2),Je=$e[0],Qe=$e[1],_e=d.usePrevious(Je),en=J(n.useState(null!=fe?fe:""),2),nn=en[0],tn=en[1];n.useEffect((function(){z.default(fe)||tn(fe)}),[fe]);var an=function(e){tn(e)},rn=d.usePrevious(nn),ln=J(n.useState(null),2),on=ln[0],un=ln[1],cn=J(n.useState(!1),2),dn=cn[0],fn=cn[1],pn=ee&&D.default(Je)&&Je.length>0?void 0:i,hn=function(){return He(!1)},gn=function(){return He(!0)},mn=n.useMemo((function(){return Mn(t)}),[t]),bn=n.useCallback((function(e){return!ee||"string"!=typeof e&&"number"!=typeof e?!ee&&D.default(e)&&g.consoleOnce.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):g.consoleOnce.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(B(e),' value: "').concat(e,'"')),ee&&D.default(e)}),[ee]),yn=n.useCallback((function(e){!u&&We&&We.current&&(We.current.focus(),z.default(e)||We.current.setSelectionRange(e,e))}),[u]),vn=n.useCallback((function(e){if(bn(Je)){var n=N.default(Je),t=he,a={diffType:"delete",value:null!=e?e:Je};I.default(e)?n.length=0:Je.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),a.diffType="insert",an("")),Qe(n),null==t||t(n,a)}else{var r=e,l=he;Qe(r),null==l||l(r)}}),[bn,he,Je]),xn=n.useCallback((function(e){var n,t,a,r;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((t=mn,(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:""),Je)}),[mn,Je]),kn=n.useCallback((function(e){var n="string"==typeof e?e:e.value;return W&&W.length>0?W.includes(n):!!xn(nn)||("string"==typeof e?jn(n,mn):e.displayName).toLowerCase().includes(nn.toLowerCase())}),[W,xn,nn,mn]),wn=n.useMemo((function(){return mn.filter(kn)}),[mn,kn]),Cn=n.useCallback((function(e){return!!e&&!!mn.find((function(n){return n.value===e}))}),[mn]),En=n.useCallback((function(e){return wn?wn.findIndex((function(n){return n.value===e})):-1}),[wn]),Sn=n.useCallback((function(e){if(wn&&wn.length>=e){var n=wn[e];return n?n.value:void 0}}),[wn]),Tn=n.useCallback((function(){return bn(Je)?Je.findIndex((function(e){var n;return null===(n=je(e))||void 0===n||null===(n=n.current)||void 0===n?void 0:n.contains(document.activeElement)})):-1}),[je,bn,Je]),Ln=J(n.useState(),2),Nn=Ln[0],zn=Ln[1],qn=n.useCallback((function(e){var n,t=null!==(n=null==wn?void 0:wn.length)&&void 0!==n?n:0,a=t-1>0?t-1:0,r=En(Ue);switch(e&&Ve&&(un(null),yn()),e){case"next":var l=Sn(r+1<t?r+1:0);Ye(null!=l?l:null);break;case"prev":var i=Sn(r-1>=0?r-1:a);Ye(null!=i?i:null);break;case"last":var o=Sn(a);Ye(null!=o?o:null);break;default:var s=Sn(0);Ye(null!=s?s:null)}}),[Ue,En,Sn,Ve,yn,null==wn?void 0:wn.length]),Rn=n.useCallback((function(e,n){if(bn(Je))switch(e){case"next":var t=null!=n?n:Tn(),a=t+1<Je.length?t+1:Je.length-1,r=Je[a];un(r);break;case"prev":var l=null!=n?n:Tn(),i=l>0?l-1:l<0?Je.length-1:0,o=Je[i];un(o);break;case"first":var s=Je[0];un(s);break;case"last":var u=Je[Je.length-1];un(u);break;default:un(null)}}),[Tn,bn,Je]),An=n.useCallback((function(e,n){switch(e&&Ye(null),e){case"right":switch(Nn){case ne:var t,a,r;if((null===(t=We.current)||void 0===t?void 0:t.selectionEnd)===(null===(a=We.current)||void 0===a?void 0:a.value.length))null===(r=Fe.current)||void 0===r||r.focus();break;case ae:case le:case re:if(Nn===re||1===(null==Je?void 0:Je.length)){yn(0),Rn(null),n.preventDefault();break}Rn("next")}break;case"left":switch(Nn){case te:var l;n.preventDefault(),yn(null==We||null===(l=We.current)||void 0===l?void 0:l.value.length);break;case ne:case le:case re:if(bn(Je)){var i;if(Nn===ne&&0!==(null===(i=We.current)||void 0===i?void 0:i.selectionStart))break;Rn("prev")}}break;default:Rn(null)}}),[Nn,bn,Je,yn,Rn]);n.useEffect((function(){nn!==rn&&qn("first")}),[nn,Ve,rn,qn]),d.useAutoScroll(Ue?Ie(Ue):void 0,Xe);var Fn=n.useCallback((function(e){if(g.isComponentType(e,"ComboboxOption")){var n=Dn(e.props),t=n.value,a=n.displayName;if(kn(t)){var r=e.props,l=r.className,i=r.glyph,o=r.disabled,s=Y(r,ua),u=mn.findIndex((function(e){return e.value===t})),c=Ue===t,d=bn(Je)?Je.includes(t):Je===t,f=Ie(t);return L.default.createElement(Bn,U({},s,{value:t,displayName:a,isFocused:c,isSelected:d,disabled:o,setSelected:function(){Ye(t),vn(t),yn(),t===Je&&hn()},glyph:i,className:l,index:u,ref:f}))}}else if(g.isComponentType(e,"ComboboxGroup")){var p=L.default.Children.map(e.props.children,Fn);if(p&&(null==p?void 0:p.length)>0)return L.default.createElement(Ze,{label:e.props.label,className:e.props.className},L.default.Children.map(p,Fn))}}),[mn,Ie,Ue,bn,Je,yn,kn,vn]),Pn=n.useMemo((function(){return L.default.Children.map(t,Fn)}),[t,Fn]),Wn=n.useMemo((function(){if(bn(Je))return Je.filter(Cn).map((function(e,n){var t=jn(e,mn),a=on===e,r=je(e),l=n>=Je.length-1;return L.default.createElement(Ne,{key:e,displayName:t,isFocused:a,onRemove:function(){l?(yn(),Rn(null)):Rn("next",n),vn(e)},onFocus:function(){un(e)},ref:r})}))}),[bn,Je,Cn,mn,on,je,vn,yn,Rn]),Xn=n.useMemo((function(){return mn.some((function(e){return e.hasGlyph}))}),[mn]),Gn=n.useCallback((function(){var e=wn.find((function(e){return e.displayName===nn||e.value===nn}));if(!ge&&e)vn(e.value);else if(!bn(Je)){var n,t=null!==(n=jn(Je,mn))&&void 0!==n?n:_e;an(t)}}),[mn,nn,bn,_e,Je,vn,ge,wn]),Vn=n.useCallback((function(){if(Dt(Je)){if(bn(Je))_n(Q);else if(!bn(Je)){var e,n=null!==(e=jn(Je,mn))&&void 0!==e?e:"";an(n),hn()}}else an("")}),[mn,bn,Je,Q]);n.useEffect((function(){if(de)if(D.default(de)){var e,n=null!==(e=de.filter((function(e){return Cn(e)})))&&void 0!==e?e:[];Qe(n)}else Cn(de)&&Qe(de);else Qe(function(e){return e?[]:null}(ee))}),[]),n.useEffect((function(){if(!z.default(ge)&&ge!==rn)if(I.default(ge))Qe(null);else if(bn(ge)){var e=ge.filter(Cn);Qe(e)}else Qe(Cn(ge)?ge:null)}),[bn,Cn,rn,ge]),n.useEffect((function(){!z.default(_e)&&(D.default(Je)&&!I.default(_e)||j.default(Je)||I.default(Je))&&!M.default(Je,_e)&&Vn()}),[Vn,_e,Je]),n.useEffect((function(){!Ve&&Be&&Gn()}),[Ve,Be,Gn]);var Hn=J(n.useState(0),2),Zn=Hn[0],Kn=Hn[1];n.useEffect((function(){var e,n;Kn(null!==(e=null===(n=Ae.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Ae,Ve,Ue,Je]);d.useBackdropClick(hn,[Xe,Ae],Ve);var Un=bn(Je)&&!!Je.length,Yn=O.default((function(e){fn(On(e.target))}),50,{leading:!0}),$n=n.useCallback((function(e){Q===ue.expandY&&Yn(e)}),[Yn,Q]);n.useEffect((function(){Pe.current&&fn(On(Pe.current))}),[]);var Jn,Qn=H({popoverZIndex:Te},ke?{usePortal:ke,portalClassName:Ce,portalContainer:Ee,scrollContainer:Se}:{usePortal:ke});return L.default.createElement(F.default,{darkMode:De},L.default.createElement(we.Provider,{value:{multiselect:ee,size:p,withIcons:Xn,disabled:u,isOpen:Ve,state:v,searchState:w,chipTruncationLocation:me,chipCharacterLimit:ye,inputValue:nn,overflow:Q,popoverZIndex:Te}},L.default.createElement("div",U({className:c.cx(Rt(p),ve)},Le),(a||r)&&L.default.createElement("div",{className:ta},a&&L.default.createElement(m.Label,{id:qe,htmlFor:ze,darkMode:De,disabled:u,className:c.cx(K({},aa,p===se.Large))},a),r&&L.default.createElement(m.Description,{darkMode:De,disabled:u,className:c.cx(K({},aa,p===se.Large))},r)),L.default.createElement("div",{ref:Ae,role:"combobox","aria-expanded":Ve,"aria-controls":Re,"aria-owns":Re,tabIndex:-1,onMouseDown:function(e){u&&e.preventDefault()},onClick:function(e){if(e.target!==We.current){var n=0;if(We.current)n=e.nativeEvent.offsetX>We.current.offsetLeft+We.current.clientWidth?nn.length:0;yn(n)}gn()},onFocus:function(e){_n(Q),zn(function(e){var n,t,a,r;if(!e)return;if(null!==(n=We.current)&&void 0!==n&&n.contains(e))return ne;if(null!==(t=Fe.current)&&void 0!==t&&t.contains(e))return te;var l=bn(Je)?Je.findIndex((function(n){var t;return null===(t=je(n))||void 0===t||null===(t=t.current)||void 0===t?void 0:t.contains(e)})):-1;if(bn(Je)){if(0===l)return ae;if(l===Je.length-1)return re;if(l>0)return le}if(null!==(a=Xe.current)&&void 0!==a&&a.contains(e))return oe;if(null!==(r=Ae.current)&&void 0!==r&&r.contains(e))return ie}(e.target))},onKeyDown:function(e){var n,t,a=null===(n=Xe.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=Ae.current)||void 0===t?void 0:t.contains(document.activeElement))||a){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case g.keyMap.Tab:switch(Nn){case"Input":Dt(Je)||(hn(),qn("first"),Rn(null));break;case"LastChip":Rn(null)}break;case g.keyMap.Escape:hn(),qn("first");break;case g.keyMap.Enter:Ve?!Ve||Nn!==ne||I.default(Ue)||function(e){if("string"==typeof e){var n=In(e,mn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(Ue)?Nn===te&&(vn(null),yn()):vn(Ue):gn();break;case g.keyMap.Backspace:var r;if(bn(Je))"Input"===Nn&&0===(null===(r=We.current)||void 0===r?void 0:r.selectionStart)&&Rn("last");gn();break;case g.keyMap.ArrowDown:Ve?(e.preventDefault(),qn("next")):gn();break;case g.keyMap.ArrowUp:Ve?(e.preventDefault(),qn("prev")):gn();break;case g.keyMap.ArrowRight:An("right",e);break;case g.keyMap.ArrowLeft:An("left",e);break;default:Ve||gn()}}},onTransitionEnd:function(){var e,n;Kn(null!==(e=null===(n=Ae.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:c.cx(At,Ft[Me],Pt(p,Un),K(K(K(K({},Wt[Me],u),Xt[Me],v===ce.error),Gt[Me],(Jn=ne,Jn===Nn)),ra[Me],dn))},L.default.createElement("div",{onScroll:$n,ref:Pe,className:Zt({size:p,overflow:Q})},Wn,L.default.createElement("input",{"aria-label":null!=o?o:a,"aria-autocomplete":"list","aria-controls":Re,"aria-labelledby":qe,ref:We,id:ze,className:c.cx(Bt,Yt(p),Kt[Me],$t(Ve),K(K({},Jt(p,nn),bn(Je)),Ut[Me],u)),placeholder:pn,disabled:null!=u?u:void 0,onChange:function(e){an(e.target.value),null==X||X(e.target.value),null==pe||pe(e)},value:nn,autoComplete:"off"})),L.default.createElement("div",{className:c.cx(Vt,Ht[p])},"error"===v&&L.default.createElement(R.default,{glyph:"Warning",fill:la[Me],className:_t}),V&&Dt(Je)&&!u&&L.default.createElement(A.default,{"aria-label":"Clear selection","aria-disabled":u,disabled:u,ref:Fe,onClick:function(e){u||(e.stopPropagation(),vn(null),null==Z||Z(e),null==X||X(""),yn())},onFocus:function(){Ye(null)},className:c.cx(Qt),darkMode:De},L.default.createElement(R.default,{glyph:"XWithCircle"})),L.default.createElement(R.default,{glyph:"CaretDown",className:_t,fill:c.cx(K(K({},ia[Me],!u),oa[Me],u))}))),"error"===v&&x&&L.default.createElement("div",{className:c.cx(ea[Me],na(p))},x),L.default.createElement(sn,U({id:Re,labelId:qe,refEl:Ae,ref:Xe,menuWidth:Zn,searchLoadingMessage:P,searchErrorMessage:T,searchEmptyMessage:E},Qn),Pn))));function _n(e){Pe&&Pe.current&&(e===ue.scrollX&&(Pe.current.scrollLeft=Pe.current.scrollWidth),e===ue.expandY&&(Pe.current.scrollTop=Pe.current.scrollHeight))}}ca.propTypes={multiselect:q.default.bool,value:q.default.oneOfType([q.default.string,q.default.arrayOf(q.default.string)]),initialValue:q.default.oneOfType([q.default.string,q.default.arrayOf(q.default.string)]),overflow:q.default.oneOf(Object.values(ue)),darkMode:q.default.bool,label:q.default.string,"aria-label":q.default.string,children:q.default.node,onChange:q.default.func,chipCharacterLimit:q.default.number,chipTruncationLocation:q.default.oneOf(Object.values(b.TruncationLocation)),onClear:q.default.func,onFilter:q.default.func,clearable:q.default.bool,searchLoadingMessage:q.default.string,searchErrorMessage:q.default.string,searchEmptyMessage:q.default.string,searchState:q.default.oneOf(Object.values(de)),errorMessage:q.default.string,state:q.default.oneOf(Object.values(ce)),size:q.default.oneOf(Object.values(se)),disabled:q.default.bool,description:q.default.string,placeholder:q.default.string,filteredOptions:q.default.arrayOf(q.default.string),popoverZIndex:q.default.number,usePortal:q.default.bool,scrollContainer:q.default.elementType,portalContainer:q.default.elementType,portalClassName:q.default.string},e.Combobox=ca,e.ComboboxGroup=Be,e.ComboboxOption=Kn}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("lodash/clone"),require("lodash/debounce"),require("lodash/isArray"),require("lodash/isEqual"),require("lodash/isNull"),require("lodash/isString"),require("lodash/isUndefined"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/form-field"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/chip"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/popover"),require("polished"),require("@leafygreen-ui/input-option"),require("lodash/kebabCase"),require("lodash/escapeRegExp"),require("@leafygreen-ui/checkbox")):"function"==typeof define&&define.amd?define(["exports","react","lodash/clone","lodash/debounce","lodash/isArray","lodash/isEqual","lodash/isNull","lodash/isString","lodash/isUndefined","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/form-field","@leafygreen-ui/hooks","@leafygreen-ui/icon","@leafygreen-ui/icon-button","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/typography","@leafygreen-ui/chip","@leafygreen-ui/tokens","@leafygreen-ui/palette","@leafygreen-ui/popover","polished","@leafygreen-ui/input-option","lodash/kebabCase","lodash/escapeRegExp","@leafygreen-ui/checkbox"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/combobox"]={},e.React,e["/clone"],e["/debounce"],e["/isArray"],e["/isEqual"],e["/isNull"],e["/isString"],e["/isUndefined"],e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/form-field"],e["@leafygreen-ui/hooks"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/typography"],e["@leafygreen-ui/chip"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/palette"],e["@leafygreen-ui/popover"],e.polished,e["@leafygreen-ui/input-option"],e["/kebabCase"],e["/escapeRegExp"],e["@leafygreen-ui/checkbox"])}(this,(function(e,n,t,a,r,l,i,o,s,u,c,d,f,p,h,g,m,b,y,v,x,k,C,w,E,S,L){"use strict";function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var O=N(n),M=N(t),T=N(a),D=N(r),I=N(l),j=N(i),F=N(o),z=N(s),A=N(u),q=N(p),R=N(h),P=N(g),W=N(k),X=N(E),G=N(S),U=N(L);function V(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){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?V(Object(t),!0).forEach((function(n){K(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):V(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function Z(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n);if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function B(e){return B="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},B(e)}function K(e,n,t){return(n=Z(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Y(){return Y=Object.assign?Object.assign.bind():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},Y.apply(this,arguments)}function _(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 $(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function J(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){var a,r,l,i,o=[],s=!0,u=!1;try{if(l=(t=t.call(e)).next,0===n);else for(;!(s=(a=l.call(t)).done)&&(o.push(a.value),o.length!==n);s=!0);}catch(e){u=!0,r=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(u)throw r}}return o}}(e,n)||ee(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 Q(e){return function(e){if(Array.isArray(e))return ne(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||ee(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 ee(e,n){if(e){if("string"==typeof e)return ne(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)?ne(e,n):void 0}}function ne(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 te="Input",ae="ClearButton",re="FirstChip",le="LastChip",ie="MiddleChip",oe="Combobox",se="Menu",ue={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},ce={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},de=d.FormFieldState,fe={Unset:"unset",Error:"error",Loading:"loading"};var pe,he,ge,me,be,ye,ve,xe,ke,Ce={multiselect:!1,size:ue.Default,withIcons:!1,disabled:!1,isOpen:!1,state:de.None,searchState:fe.Unset,overflow:ce.expandY},we=n.createContext(Ce),Ee=m.createUniqueClassName("combobox-chip"),Se=K(K(K(K({},ue.XSmall,16),ue.Small,v.typeScales.body1.lineHeight),ue.Default,v.typeScales.body1.lineHeight),ue.Large,v.typeScales.body2.lineHeight),Le=K(K(K(K({},ue.XSmall,v.typeScales.body1.fontSize),ue.Small,v.typeScales.body1.fontSize),ue.Default,v.typeScales.body1.fontSize),ue.Large,v.typeScales.body2.fontSize),Ne=K(K(K(K({},ue.XSmall,1),ue.Small,0),ue.Default,2),ue.Large,4),Oe=K(K(K(K({},ue.XSmall,c.css(pe||(pe=$(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),Le[ue.XSmall],Se[ue.XSmall],y.chipTextClassName,Ne[ue.XSmall])),ue.Small,c.css(he||(he=$(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),Le[ue.Small],Se[ue.Small],y.chipTextClassName,Ne[ue.Small])),ue.Default,c.css(ge||(ge=$(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),Le[ue.Default],Se[ue.Default],y.chipTextClassName,Ne[ue.Default])),ue.Large,c.css(me||(me=$(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-inline-end: 10px;\n      padding-block: ","px;\n    }\n  "])),Le[ue.Large],Se[ue.Large],y.chipTextClassName,Ne[ue.Large])),Me=O.default.forwardRef((function(e,t){var a,r=e.displayName,l=e.isFocused,i=e.onRemove,o=e.onFocus,s=n.useContext(we),u=s.size,d=s.disabled,p=s.overflow,h=s.chipTruncationLocation,g=void 0===h?y.TruncationLocation.End:h,b=s.chipCharacterLimit,v=void 0===b?12:b,x=s.popoverZIndex,k=p===ce.scrollX?y.TruncationLocation.None:g,C=f.useForwardedRef(t,null),w=null===(a=C.current)||void 0===a?void 0:a.querySelector("button");n.useEffect((function(){l&&!d&&(null==w||w.focus())}),[d,w,l]);return O.default.createElement(y.Chip,{label:r,className:c.cx(Ee,Oe[u]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=w&&w.contains(e.target)||o()},onKeyDown:function(e){d||e.key!==m.keyMap.Delete&&e.key!==m.keyMap.Backspace&&e.key!==m.keyMap.Enter&&e.key!==m.keyMap.Space||i()},onDismiss:function(){d||i()},baseFontSize:y.BaseFontSize.Body1,chipCharacterLimit:v,chipTruncationLocation:k,popoverZIndex:x,variant:y.Variant.Gray,ref:C,disabled:d,tabIndex:-1})}));Me.displayName="ComboboxChip";var Te,De,Ie,je,Fe,ze,Ae,qe,Re,Pe,We,Xe,Ge,Ue=K(K({},m.Theme.Light,c.css(be||(be=$(["\n    padding-top: ","px;\n  "])),v.spacing[2])),m.Theme.Dark,c.css(ye||(ye=$(["\n    padding-top: ","px;\n  "])),v.spacing[2])),Ve=c.css(ve||(ve=$(["\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: ",";\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n"])),v.fontWeights.bold),He=K(K({},m.Theme.Light,c.css(xe||(xe=$(["\n    color: ",";\n  "])),x.palette.gray.dark1)),m.Theme.Dark,c.css(ke||(ke=$(["\n    color: ",";\n  "])),x.palette.gray.light1));function Ze(e){var n=e.label,t=e.className,a=e.children,r=g.useDarkMode().theme,l=f.useIdAllocator({prefix:"combobox-group"});return O.default.Children.count(a)>0?O.default.createElement("div",{className:c.cx(Ue[r],t)},O.default.createElement("div",{className:c.cx(Ve,He[r]),id:l},n),O.default.createElement("div",{role:"group","aria-labelledby":l},a)):O.default.createElement(O.default.Fragment,null)}function Be(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}Be.displayName="ComboboxGroup",Be.propTypes={className:A.default.string,children:A.default.node.isRequired,label:A.default.string.isRequired};var Ke,Ye=K(K(K(K({},ue.XSmall,{x:12,y:8}),ue.Small,{x:12,y:8}),ue.Default,{x:12,y:8}),ue.Large,{x:12,y:8}),_e=function(e){return Se[e]+2*Ye[e].y},$e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return c.css(Te||(Te=$(["\n  width: ","px;\n  overflow: hidden;\n  border-radius: 12px;\n  border: 1px solid;\n"])),e)},Je=K(K({},m.Theme.Light,c.css(De||(De=$(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),C.transparentize(.85,x.palette.black),x.palette.gray.light2)),m.Theme.Dark,c.css(Ie||(Ie=$(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),C.transparentize(.85,x.palette.black),x.palette.gray.dark2)),Qe=c.css(je||(je=$(["\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),en=K(K({},m.Theme.Light,c.css(Fe||(Fe=$(["\n    color: ",";\n    background-color: ",";\n  "])),x.palette.black,x.palette.white)),m.Theme.Dark,c.css(ze||(ze=$(["\n    color: ",";\n    background-color: ",";\n  "])),x.palette.gray.light1,x.palette.gray.dark3)),nn=c.css(Ae||(Ae=$(["\n  position: relative;\n  margin: 0;\n  padding: 0;\n"]))),tn=c.css(qe||(qe=$(["\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n"]))),an=K(K({},m.Theme.Light,c.css(Re||(Re=$(["\n    color: ",";\n  "])),x.palette.gray.dark3)),m.Theme.Dark,c.css(Pe||(Pe=$(["\n    color: ",";\n  "])),x.palette.gray.light3)),rn=function(e){return c.css(We||(We=$(["\n  font-size: ","px;\n  line-height: ","px;\n  padding: ","px ","px;\n"])),Le[e],Se[e],Ye[e].y,Ye[e].x)},ln=c.keyframes(Xe||(Xe=$(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),on=c.css(Ge||(Ge=$(["\n  animation: "," 1.5s linear infinite;\n"])),ln),sn=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],un=O.default.forwardRef((function(e,t){var a=e.children,r=e.id,l=e.refEl,i=e.labelId,o=e.menuWidth,s=e.searchLoadingMessage,u=e.searchErrorMessage,d=e.searchEmptyMessage,p=_(e,sn),h=g.useDarkMode(),m=h.darkMode,y=h.theme,v=n.useContext(we),k=v.disabled,C=v.size,w=v.isOpen,E=v.searchState,S=f.useForwardedRef(t,null),L=f.useAvailableSpace(l),N=z.default(L)?"unset":"".concat(Math.min(L,256),"px"),M=n.useMemo((function(){var e=c.cx(tn,an[y],rn(C)),n=c.cx(tn,rn(C));switch(E){case"loading":return O.default.createElement("span",{className:e},O.default.createElement(q.default,{glyph:"Refresh",color:m?x.palette.blue.light1:x.palette.blue.base,className:on}),s);case"error":return O.default.createElement(b.Error,{className:n},O.default.createElement(q.default,{glyph:"Warning",color:m?x.palette.red.light1:x.palette.red.base}),O.default.createElement("span",null,u));default:return a&&"object"===B(a)&&"length"in a&&a.length>0?O.default.createElement("ul",{className:nn},a):O.default.createElement("span",{className:e},d)}}),[y,C,E,m,s,u,a,d]);return O.default.createElement(W.default,Y({active:w&&!k,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:c.cx($e(o),Je[y])},p),O.default.createElement("div",{ref:S,id:r,role:"listbox","aria-labelledby":i,"aria-expanded":w,className:c.cx(Qe,en[y],c.css(Ke||(Ke=$(["\n              max-height: ",";\n            "])),N)),onMouseDownCapture:function(e){return e.preventDefault()}},M))}));un.displayName="ComboboxMenu";var cn,dn,fn,pn,hn,gn,mn,bn,yn,vn,xn,kn,Cn,wn,En,Sn,Ln,Nn,On,Mn,Tn=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Dn=function(e){var n,t=e.value,a=e.displayName;return{value:null!=t?t:X.default(a),displayName:null!==(n=null!=a?a:t)&&void 0!==n?n:""}},In=function e(n){return O.default.Children.toArray(n).reduce((function(n,t){if(m.isComponentType(t,"ComboboxOption")){var a=Dn(t.props),r=a.value,l=a.displayName,i=t.props,o=i.glyph,s=i.disabled;return[].concat(Q(n),[{value:r,displayName:l,isDisabled:!!s,hasGlyph:!!o}])}if(m.isComponentType(t,"ComboboxGroup")){var u=t.props.children;if(u)return[].concat(Q(n),Q(e(u)))}}),[])},jn=function(e,n){if(e)return n.find((function(n){return n.value===e}))},Fn=function(e,n){var t,a;return e?null!==(t=null===(a=jn(e,n))||void 0===a?void 0:a.displayName)&&void 0!==t?t:e:""},zn=function(e){return c.css(cn||(cn=$(["\n  font-size: ","px;\n  line-height: ","px;\n  min-height: ","px;\n  padding: ","px ","px;\n  gap: ","px;\n\n  &:before {\n    max-height: ","px;\n  }\n"])),Le[e],Se[e],_e(e),Ye[e].y,Ye[e].x,v.spacing[1],_e(e))},An=K(K(K(K({},ue.XSmall,c.css(dn||(dn=$(["\n    min-width: ","px;\n  "])),v.spacing[3])),ue.Small,c.css(fn||(fn=$(["\n    min-width: ","px;\n  "])),v.spacing[3])),ue.Default,c.css(pn||(pn=$(["\n    min-width: ","px;\n  "])),v.spacing[3])),ue.Large,c.css(hn||(hn=$(["\n    min-width: ","px;\n  "])),v.spacing[4])),qn=c.css(gn||(gn=$(["\n  pointer-events: none;\n  gap: 0;\n\n  label {\n    gap: 0;\n    align-items: center;\n  }\n"])));c.css(mn||(mn=$(["\n  pointer-events: none;\n"])));var Rn=function(e){return c.css(bn||(bn=$(["\n  font-weight: ",";\n"])),e?v.fontWeights.bold:v.fontWeights.regular)},Pn=K(K({},m.Theme.Light,c.css(yn||(yn=$(["\n    color: ",";\n  "])),x.palette.gray.dark1)),m.Theme.Dark,c.css(vn||(vn=$(["\n    color: ",";\n  "])),x.palette.gray.base)),Wn=K(K({},m.Theme.Light,c.css(xn||(xn=$(["\n    color: ",";\n  "])),x.palette.blue.dark1)),m.Theme.Dark,c.css(kn||(kn=$(["\n    color: ",";\n  "])),x.palette.blue.light3)),Xn=K(K({},m.Theme.Light,c.css(Cn||(Cn=$(["\n    color: ",";\n  "])),x.palette.gray.light1)),m.Theme.Dark,c.css(wn||(wn=$(["\n    color: ",";\n  "])),x.palette.gray.dark1)),Gn=K(K({},m.Theme.Light,c.css(En||(En=$(["\n    color: ",";\n  "])),x.palette.blue.base)),m.Theme.Dark,c.css(Sn||(Sn=$(["\n    color: ",";\n  "])),x.palette.blue.light1)),Un=K(K({},m.Theme.Light,c.css(Ln||(Ln=$(["\n    color: ",";\n  "])),x.palette.gray.light1)),m.Theme.Dark,c.css(Nn||(Nn=$(["\n    color: ",";\n  "])),x.palette.gray.dark1)),Vn=c.css(On||(On=$(["\n  ."," {\n    align-self: baseline;\n  }\n"])),w.leftGlyphClassName),Hn=c.css(Mn||(Mn=$(["\n  ."," {\n    height: 28px;\n  }\n"])),w.leftGlyphClassName),Zn=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],Bn=O.default.forwardRef((function(e,t){var a=e.glyph,r=e.isSelected,l=e.displayName,i=e.isFocused,o=e.setSelected,s=e.className,u=e.description,d=e.value,h=e.onClick,m=e.disabled,b=void 0!==m&&m,y=_(e,Zn),v=g.useDarkMode(),x=v.darkMode,k=v.theme,C=n.useContext(we),E=C.multiselect,S=C.size,L=C.withIcons,N=C.inputValue,M=f.useForwardedRef(t,null),T=f.useIdAllocator({prefix:"combobox-option-text"}),D=n.useCallback((function(e){e.stopPropagation(),b||(o(),null==h||h(e,d))}),[b,h,o,d]),I=n.useMemo((function(){return function(e){var n=e.withIcons,t=e.isSelected,a=e.glyph,r=e.optionTextId,l=e.disabled,i=e.darkMode,o=e.size,s=e.multiselect,u=e.theme,d=e.isFocused;a&&!p.isComponentGlyph(a)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",a);var f=a&&p.isComponentGlyph(a)?O.default.cloneElement(a,H(H({},a.props),{},{className:c.cx(Pn[u],K(K({},Wn[u],d),Xn[u],l),a.props.className)})):O.default.createElement(O.default.Fragment,null),h=O.default.createElement(U.default,{"aria-labelledby":r,checked:t,tabIndex:-1,disabled:l,darkMode:i,className:qn}),g=O.default.createElement(q.default,{glyph:"Checkmark",className:c.cx(An[o],Gn[u],K({},Un[u],l))});return{leftGlyph:s?n?f:h:n?f:t?g:null,rightGlyph:s?n&&h:n&&t&&g}}({withIcons:L,isSelected:r,glyph:a,theme:k,darkMode:x,size:S,disabled:b,multiselect:E,optionTextId:T,isFocused:i})}),[x,b,a,r,E,T,S,k,L,i]),j=I.leftGlyph,F=I.rightGlyph,z=E&&!L;return O.default.createElement(w.InputOption,Y({},y,{as:"li",ref:M,highlighted:i,disabled:b,"aria-label":l,darkMode:x,className:c.cx(zn(S),K(K({},Vn,z),Hn,z&&S===ue.Large),s),onClick:D,onKeyDown:D}),O.default.createElement(w.InputOptionContent,{leftGlyph:j,rightGlyph:F,description:u},O.default.createElement("span",{id:T,className:Rn(r)},function(e,n,t){if(n&&t){var a=G.default(n),r=new RegExp(a,"gi"),l=e.matchAll(r);if(l){for(var i=e.split(""),o=0,s=Array.from(l);o<s.length;o++){var u,c=s[o],d=null!==(u=c.index)&&void 0!==u?u:-1,f=c[0],p=f.length,h=d+f+p,g=new Array(p).fill("");g[0]=O.default.createElement(t,{key:h},f),i.splice.apply(i,[d,p].concat(Q(g)))}return O.default.createElement(O.default.Fragment,null,i)}return O.default.createElement(O.default.Fragment,null,e)}return O.default.createElement(O.default.Fragment,null,e)}(l,N,"strong"))))}));function Kn(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Bn.displayName="ComboboxOption",Kn.displayName="ComboboxOption",Kn.propTypes={displayName:A.default.string,value:A.default.string,glyph:A.default.node,disabled:A.default.bool,className:A.default.string,description:A.default.string,onClick:A.default.func};var Yn,_n,$n,Jn,Qn,et,nt,tt,at,rt,lt,it,ot,st,ut,ct,dt,ft,pt,ht,gt,mt,bt,yt,vt,xt,kt,Ct,wt,Et,St,Lt,Nt,Ot=function(e){return!z.default(e)&&!j.default(e)&&(F.default(e)||D.default(e)&&e.length>0)},Mt=function(e){return Se[e]+2*Ne[e]},Tt=v.spacing[100],Dt=K(K(K(K({},ue.XSmall,22),ue.Small,28),ue.Default,36),ue.Large,48),It=function(e){return(Dt[e]-Mt(e)-2)/2},jt=K(K(K(K({},ue.XSmall,{y:It(ue.XSmall),xLeftWithChip:v.spacing[25],xLeftWithoutChip:v.spacing[200],xRight:v.spacing[100]}),ue.Small,{y:It(ue.Small),xLeftWithChip:v.spacing[100],xLeftWithoutChip:v.spacing[200],xRight:v.spacing[100]}),ue.Default,{y:It(ue.Default),xLeftWithChip:v.spacing[150],xLeftWithoutChip:v.spacing[300],xRight:v.spacing[200]}),ue.Large,{y:It(ue.Large),xLeftWithChip:v.spacing[300],xLeftWithoutChip:v.spacing[300],xRight:v.spacing[200]}),Ft=v.spacing[400],zt=function(e){return c.css(Yn||(Yn=$(["\n    font-family: ",";\n    width: 100%;\n    min-width: ","px;\n  "])),v.fontFamilies.default,Le[e]+2*jt[e].xLeftWithChip+Ft+2)},At=c.css(_n||(_n=$(["\n  display: flex;\n  align-items: center;\n  gap: ","px;\n  cursor: text;\n  transition: ","ms 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  position: relative;\n  overflow: hidden;\n\n  // Overflow shadow\n  ::after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 20px;\n    bottom: -21px;\n    left: 50%;\n    translate: -50% 0%;\n    border-radius: 20%;\n    box-shadow: 0 0 0 0 rgb(255 255 255 / 0%);\n    transition: ","ms linear;\n    transition-property: box-shadow;\n  }\n"])),v.spacing[200],v.transitionDuration.default,v.transitionDuration.default),qt=K(K({},m.Theme.Light,c.css($n||($n=$(["\n    color: ",";\n    background-color: ",";\n  "])),v.color.light.text.primary.default,v.color.light.background.primary.default)),m.Theme.Dark,c.css(Jn||(Jn=$(["\n    color: ",";\n    background-color: ",";\n  "])),v.color.dark.text.primary.default,x.palette.gray.dark4)),Rt=function(e,n){return c.css(Qn||(Qn=$(["\n  padding-top: ","px;\n  padding-bottom: ","px;\n  padding-left: ",";\n  padding-right: ","px;\n"])),jt[e].y,jt[e].y,"".concat(n?jt[e].xLeftWithChip:jt[e].xLeftWithoutChip,"px"),jt[e].xRight)},Pt=function(e){return c.css(et||(et=$(["\n  cursor: not-allowed;\n  color: ",";\n  background-color: ",";\n  border-color: ",";\n"])),v.color[e].text.disabled.default,v.color[e].background.disabled.default,v.color[e].border.disabled.default)},Wt=function(e){return K(K(K({},de.Error,c.css(nt||(nt=$(["\n    border-color: ",";\n  "])),v.color[e].border.error.default)),de.None,c.css(tt||(tt=$(["\n    border-color: ",";\n  "])),v.color[e].border.primary.default)),de.Valid,c.css(at||(at=$(["\n    border-color: ",";\n  "])),v.color[e].border.success.default))},Xt=K(K({},m.Theme.Light,c.css(rt||(rt=$(["\n    &:focus-within {\n      border-color: transparent;\n      box-shadow: ",";\n    }\n  "])),v.focusRing[m.Theme.Light].input)),m.Theme.Dark,c.css(lt||(lt=$(["\n    &:focus-within {\n      border-color: transparent;\n      box-shadow: ",";\n    }\n  "])),v.focusRing[m.Theme.Dark].input)),Gt=c.css(it||(it=$(["\n  display: flex;\n  align-items: center;\n"]))),Ut=K(K(K(K({},ue.XSmall,c.css(ot||(ot=$(["\n    gap: ","px;\n  "])),v.spacing[100])),ue.Small,c.css(st||(st=$(["\n    gap: ","px;\n  "])),v.spacing[200])),ue.Default,c.css(ut||(ut=$(["\n    gap: ","px;\n  "])),v.spacing[200])),ue.Large,c.css(ct||(ct=$(["\n    gap: ","px;\n  "])),v.spacing[200])),Vt=function(e){var n=e.overflow,t=e.size,a=c.css(dt||(dt=$(["\n    flex-grow: 1;\n    width: 100%;\n  "])));switch(n){case ce.scrollX:return c.css(ft||(ft=$(["\n        ","\n        display: block;\n        height: ","px;\n        white-space: nowrap;\n        overflow-x: scroll;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        line-height: 1;\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,Mt(t),Ee);case ce.expandY:return c.css(pt||(pt=$(["\n        ","\n        display: flex;\n        flex-wrap: wrap;\n        gap: ","px;\n        overflow-x: hidden;\n        min-height: ","px;\n        max-height: calc((","px) + (","px * 2));\n      "])),a,Tt,Mt(t),3*Mt(t),Tt)}},Ht=c.css(ht||(ht=$(["\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  vertical-align: top;\n\n  // Only add padding if there are chips\n  &:not(:first-child) {\n    padding-left: ","px;\n  }\n\n  &:placeholder-shown {\n    min-width: 100%;\n  }\n  &:focus {\n    outline: none;\n  }\n"])),v.fontFamilies.default,v.spacing[100]),Zt=K(K({},m.Theme.Light,c.css(gt||(gt=$(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),x.palette.gray.base)),m.Theme.Dark,c.css(mt||(mt=$(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),x.palette.gray.dark1)),Bt=K(K({},m.Theme.Light,c.css(bt||(bt=$(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),x.palette.gray.base)),m.Theme.Dark,c.css(yt||(yt=$(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),x.palette.gray.dark1)),Kt=function(e){return c.css(vt||(vt=$(["\n  height: ","px;\n  font-size: ","px;\n  line-height: ","px;\n  min-width: ","px;\n"])),Mt(e),Le[e],Se[e],Le[e])},Yt=function(e){return c.css(xt||(xt=$(["\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")},_t=function(e,n){var t,a=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return c.css(kt||(kt=$(["\n    width: ","px;\n    max-width: 100%;\n  "])),a*Le[e])},$t=c.css(Ct||(Ct=$(["\n  // Add a negative margin so the button takes up the same space as the regular icons\n  margin-block: calc(","px - 100%);\n  margin-inline: -6px;\n"])),Ft/2),Jt=c.css(wt||(wt=$(["\n  height: ","px;\n  width: ","px;\n"])),Ft,Ft),Qt=c.css(Et||(Et=$(["\n  margin-bottom: ","px;\n  display: flex;\n  flex-direction: column;\n"])),v.spacing[100]),ea=c.css(St||(St=$(["\n  font-size: ","px;\n  line-height: ","px;\n"])),v.typeScales.large.fontSize,v.typeScales.large.lineHeight),na=K(K({},m.Theme.Light,c.css(Lt||(Lt=$(["\n    ::after {\n      box-shadow: 0px 0px 7px 5px ",";\n    }\n  "])),C.transparentize(.85,x.palette.black))),m.Theme.Dark,c.css(Nt||(Nt=$(["\n    ::after {\n      width: 95%;\n      box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n    }\n  "])))),ta=function(e){return v.color[e].icon.primary.default},aa=function(e){return v.color[e].icon.disabled.default},ra=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","successMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","inputValue","onInputChange","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"],la=["className","glyph","disabled"];function ia(e){var t=e.children,a=e.label,r=e.description,l=e.placeholder,i=void 0===l?"Select":l,o=e["aria-label"],s=e.disabled,u=void 0!==s&&s,p=e.size,h=void 0===p?ue.Default:p,y=e.darkMode,v=e.state,x=void 0===v?"none":v,k=e.errorMessage,C=void 0===k?d.DEFAULT_MESSAGES.error:k,w=e.successMessage,E=void 0===w?d.DEFAULT_MESSAGES.success:w,S=e.searchState,L=void 0===S?"unset":S,N=e.searchEmptyMessage,A=void 0===N?"No results found":N,W=e.searchErrorMessage,X=void 0===W?"Could not get results!":W,G=e.searchLoadingMessage,U=void 0===G?"Loading results...":G,V=e.filteredOptions,Z=e.onFilter,$=e.clearable,Q=void 0===$||$,ee=e.onClear,ne=e.overflow,de=void 0===ne?ce.expandY:ne,fe=e.multiselect,pe=void 0!==fe&&fe,he=e.initialValue,ge=e.inputValue,me=e.onInputChange,be=e.onChange,ye=e.value,ve=e.chipTruncationLocation,xe=e.chipCharacterLimit,ke=void 0===xe?12:xe,Ce=e.className,Ee=e.usePortal,Se=void 0===Ee||Ee,Le=e.portalClassName,Ne=e.portalContainer,Oe=e.scrollContainer,Te=e.popoverZIndex,De=_(e,ra),Ie=g.useDarkMode(y),je=Ie.darkMode,Fe=Ie.theme,ze=f.useDynamicRefs({prefix:"option"}),Ae=f.useDynamicRefs({prefix:"chip"}),qe=f.useIdAllocator({prefix:"combobox-input"}),Re=f.useIdAllocator({prefix:"combobox-label"}),Pe=f.useIdAllocator({prefix:"combobox-menu"}),We=n.useRef(null),Xe=n.useRef(null),Ge=n.useRef(null),Ue=n.useRef(null),Ve=n.useRef(null),He=J(n.useState(!1),2),Be=He[0],Ke=He[1],Ye=f.usePrevious(Be),_e=J(n.useState(null),2),$e=_e[0],Je=_e[1],Qe=J(n.useState(null),2),en=Qe[0],nn=Qe[1],tn=f.usePrevious(en),an=J(n.useState(null!=ge?ge:""),2),rn=an[0],ln=an[1];n.useEffect((function(){z.default(ge)||ln(ge)}),[ge]);var on=function(e){ln(e)},sn=f.usePrevious(rn),cn=J(n.useState(null),2),dn=cn[0],fn=cn[1],pn=J(n.useState(!1),2),hn=pn[0],gn=pn[1],mn=pe&&D.default(en)&&en.length>0?void 0:i,bn=function(){return Ke(!1)},yn=function(){return Ke(!0)},vn=n.useMemo((function(){return In(t)}),[t]),xn=n.useCallback((function(e){return!pe||"string"!=typeof e&&"number"!=typeof e?!pe&&D.default(e)&&m.consoleOnce.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):m.consoleOnce.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(B(e),' value: "').concat(e,'"')),pe&&D.default(e)}),[pe]),kn=n.useCallback((function(e){!u&&Ue&&Ue.current&&(Ue.current.focus(),z.default(e)||Ue.current.setSelectionRange(e,e))}),[u]),Cn=n.useCallback((function(e){if(xn(en)){var n=M.default(en),t=be,a={diffType:"delete",value:null!=e?e:en};j.default(e)?n.length=0:en.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),a.diffType="insert",on("")),nn(n),null==t||t(n,a)}else{var r=e,l=be;nn(r),null==l||l(r)}}),[xn,be,en]),wn=n.useCallback((function(e){var n,t,a,r;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((t=vn,(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:""),en)}),[vn,en]),En=n.useCallback((function(e){var n="string"==typeof e?e:e.value;return V&&V.length>0?V.includes(n):!!wn(rn)||("string"==typeof e?Fn(n,vn):e.displayName).toLowerCase().includes(rn.toLowerCase())}),[V,wn,rn,vn]),Sn=n.useMemo((function(){return vn.filter(En)}),[vn,En]),Ln=n.useCallback((function(e){return!!e&&!!vn.find((function(n){return n.value===e}))}),[vn]),Nn=n.useCallback((function(e){return Sn?Sn.findIndex((function(n){return n.value===e})):-1}),[Sn]),On=n.useCallback((function(e){if(Sn&&Sn.length>=e){var n=Sn[e];return n?n.value:void 0}}),[Sn]),Mn=n.useCallback((function(){return xn(en)?en.findIndex((function(e){var n;return null===(n=Ae(e))||void 0===n||null===(n=n.current)||void 0===n?void 0:n.contains(document.activeElement)})):-1}),[Ae,xn,en]),zn=J(n.useState(),2),An=zn[0],qn=zn[1],Rn=n.useCallback((function(e){var n,t=null!==(n=null==Sn?void 0:Sn.length)&&void 0!==n?n:0,a=t-1>0?t-1:0,r=Nn($e);switch(e&&Be&&(fn(null),kn()),e){case"next":var l=On(r+1<t?r+1:0);Je(null!=l?l:null);break;case"prev":var i=On(r-1>=0?r-1:a);Je(null!=i?i:null);break;case"last":var o=On(a);Je(null!=o?o:null);break;default:var s=On(0);Je(null!=s?s:null)}}),[$e,Nn,On,Be,kn,null==Sn?void 0:Sn.length]),Pn=n.useCallback((function(e,n){if(xn(en))switch(e){case"next":var t=null!=n?n:Mn(),a=t+1<en.length?t+1:en.length-1,r=en[a];fn(r);break;case"prev":var l=null!=n?n:Mn(),i=l>0?l-1:l<0?en.length-1:0,o=en[i];fn(o);break;case"first":var s=en[0];fn(s);break;case"last":var u=en[en.length-1];fn(u);break;default:fn(null)}}),[Mn,xn,en]),Wn=n.useCallback((function(e,n){switch(e&&Je(null),e){case"right":switch(An){case te:var t,a,r;if((null===(t=Ue.current)||void 0===t?void 0:t.selectionEnd)===(null===(a=Ue.current)||void 0===a?void 0:a.value.length))null===(r=Xe.current)||void 0===r||r.focus();break;case re:case ie:case le:if(An===le||1===(null==en?void 0:en.length)){kn(0),Pn(null),n.preventDefault();break}Pn("next")}break;case"left":switch(An){case ae:var l;n.preventDefault(),kn(null==Ue||null===(l=Ue.current)||void 0===l?void 0:l.value.length);break;case te:case ie:case le:if(xn(en)){var i;if(An===te&&0!==(null===(i=Ue.current)||void 0===i?void 0:i.selectionStart))break;Pn("prev")}}break;default:Pn(null)}}),[An,xn,en,kn,Pn]);n.useEffect((function(){rn!==sn&&Rn("first")}),[rn,Be,sn,Rn]),f.useAutoScroll($e?ze($e):void 0,Ve);var Xn=n.useCallback((function(e){if(m.isComponentType(e,"ComboboxOption")){var n=Dn(e.props),t=n.value,a=n.displayName;if(En(t)){var r=e.props,l=r.className,i=r.glyph,o=r.disabled,s=_(r,la),u=vn.findIndex((function(e){return e.value===t})),c=$e===t,d=xn(en)?en.includes(t):en===t,f=ze(t);return O.default.createElement(Bn,Y({},s,{value:t,displayName:a,isFocused:c,isSelected:d,disabled:o,setSelected:function(){Je(t),Cn(t),kn(),t===en&&bn()},glyph:i,className:l,index:u,ref:f}))}}else if(m.isComponentType(e,"ComboboxGroup")){var p=O.default.Children.map(e.props.children,Xn);if(p&&(null==p?void 0:p.length)>0)return O.default.createElement(Ze,{label:e.props.label,className:e.props.className},O.default.Children.map(p,Xn))}}),[vn,ze,$e,xn,en,kn,En,Cn]),Gn=n.useMemo((function(){return O.default.Children.map(t,Xn)}),[t,Xn]),Un=n.useMemo((function(){if(xn(en))return en.filter(Ln).map((function(e,n){var t=Fn(e,vn),a=dn===e,r=Ae(e),l=n>=en.length-1;return O.default.createElement(Me,{key:e,displayName:t,isFocused:a,onRemove:function(){l?(kn(),Pn(null)):Pn("next",n),Cn(e)},onFocus:function(){fn(e)},ref:r})}))}),[xn,en,Ln,vn,dn,Ae,Cn,kn,Pn]),Vn=n.useMemo((function(){return vn.some((function(e){return e.hasGlyph}))}),[vn]),Hn=n.useCallback((function(){var e=Sn.find((function(e){return e.displayName===rn||e.value===rn}));if(!ye&&e)Cn(e.value);else if(!xn(en)){var n,t=null!==(n=Fn(en,vn))&&void 0!==n?n:tn;on(t)}}),[vn,rn,xn,tn,en,Cn,ye,Sn]),Zn=n.useCallback((function(){if(Ot(en)){if(xn(en))at(de);else if(!xn(en)){var e,n=null!==(e=Fn(en,vn))&&void 0!==e?e:"";on(n),bn()}}else on("")}),[vn,xn,en,de]);n.useEffect((function(){if(he)if(D.default(he)){var e,n=null!==(e=he.filter((function(e){return Ln(e)})))&&void 0!==e?e:[];nn(n)}else Ln(he)&&nn(he);else nn(function(e){return e?[]:null}(pe))}),[]),n.useEffect((function(){if(!z.default(ye)&&ye!==sn)if(j.default(ye))nn(null);else if(xn(ye)){var e=ye.filter(Ln);nn(e)}else nn(Ln(ye)?ye:null)}),[xn,Ln,sn,ye]),n.useEffect((function(){!z.default(tn)&&(D.default(en)&&!j.default(tn)||F.default(en)||j.default(en))&&!I.default(en,tn)&&Zn()}),[Zn,tn,en]),n.useEffect((function(){!Be&&Ye&&Hn()}),[Be,Ye,Hn]);var Kn=J(n.useState(0),2),Yn=Kn[0],_n=Kn[1];n.useEffect((function(){var e,n;_n(null!==(e=null===(n=We.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[We,Be,$e,en]);f.useBackdropClick(bn,[Ve,We],Be);var $n=xn(en)&&!!en.length,Jn=T.default((function(e){gn(Tn(e.target))}),50,{leading:!0}),Qn=n.useCallback((function(e){de===ce.expandY&&Jn(e)}),[Jn,de]);n.useEffect((function(){Ge.current&&gn(Tn(Ge.current))}),[]);var et,nt=H({popoverZIndex:Te},Se?{usePortal:Se,portalClassName:Le,portalContainer:Ne,scrollContainer:Oe}:{usePortal:Se}),tt={disabled:u,errorMessage:C,size:h,state:x,successMessage:E};return O.default.createElement(P.default,{darkMode:je},O.default.createElement(we.Provider,{value:{multiselect:pe,size:h,withIcons:Vn,disabled:u,isOpen:Be,state:x,searchState:L,chipTruncationLocation:ve,chipCharacterLimit:ke,inputValue:rn,overflow:de,popoverZIndex:Te}},O.default.createElement("div",Y({className:c.cx(zt(h),Ce)},De),(a||r)&&O.default.createElement("div",{className:Qt},a&&O.default.createElement(b.Label,{id:Re,htmlFor:qe,darkMode:je,disabled:u,className:c.cx(K({},ea,h===ue.Large))},a),r&&O.default.createElement(b.Description,{darkMode:je,disabled:u,className:c.cx(K({},ea,h===ue.Large))},r)),O.default.createElement("div",{ref:We,role:"combobox","aria-expanded":Be,"aria-controls":Pe,"aria-owns":Pe,tabIndex:-1,onMouseDown:function(e){u&&e.preventDefault()},onClick:function(e){if(e.target!==Ue.current){var n=0;if(Ue.current)n=e.nativeEvent.offsetX>Ue.current.offsetLeft+Ue.current.clientWidth?rn.length:0;kn(n)}yn()},onFocus:function(e){at(de),qn(function(e){var n,t,a,r;if(!e)return;if(null!==(n=Ue.current)&&void 0!==n&&n.contains(e))return te;if(null!==(t=Xe.current)&&void 0!==t&&t.contains(e))return ae;var l=xn(en)?en.findIndex((function(n){var t;return null===(t=Ae(n))||void 0===t||null===(t=t.current)||void 0===t?void 0:t.contains(e)})):-1;if(xn(en)){if(0===l)return re;if(l===en.length-1)return le;if(l>0)return ie}if(null!==(a=Ve.current)&&void 0!==a&&a.contains(e))return se;if(null!==(r=We.current)&&void 0!==r&&r.contains(e))return oe}(e.target))},onKeyDown:function(e){var n,t,a=null===(n=Ve.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=We.current)||void 0===t?void 0:t.contains(document.activeElement))||a){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case m.keyMap.Tab:switch(An){case"Input":Ot(en)||(bn(),Rn("first"),Pn(null));break;case"LastChip":Pn(null)}break;case m.keyMap.Escape:bn(),Rn("first");break;case m.keyMap.Enter:Be?!Be||An!==te||j.default($e)||function(e){if("string"==typeof e){var n=jn(e,vn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}($e)?An===ae&&(Cn(null),kn()):Cn($e):yn();break;case m.keyMap.Backspace:var r;if(xn(en))"Input"===An&&0===(null===(r=Ue.current)||void 0===r?void 0:r.selectionStart)&&Pn("last");yn();break;case m.keyMap.ArrowDown:Be?(e.preventDefault(),Rn("next")):yn();break;case m.keyMap.ArrowUp:Be?(e.preventDefault(),Rn("prev")):yn();break;case m.keyMap.ArrowRight:Wn("right",e);break;case m.keyMap.ArrowLeft:Wn("left",e);break;default:Be||yn()}}},onTransitionEnd:function(){var e,n;_n(null!==(e=null===(n=We.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:c.cx(At,qt[Fe],Rt(h,$n),Wt(Fe)[x],K(K(K({},Xt[Fe],(et=te,et===An)),Pt(Fe),u),na[Fe],hn))},O.default.createElement("div",{onScroll:Qn,ref:Ge,className:Vt({size:h,overflow:de})},Un,O.default.createElement("input",{"aria-label":null!=o?o:a,"aria-autocomplete":"list","aria-controls":Pe,"aria-labelledby":Re,ref:Ue,id:qe,className:c.cx(Ht,Kt(h),Zt[Fe],Yt(Be),K(K({},_t(h,rn),xn(en)),Bt[Fe],u)),placeholder:mn,"aria-disabled":u,readOnly:u,onChange:function(e){on(e.target.value),null==Z||Z(e.target.value),null==me||me(e)},value:rn,autoComplete:"off"})),O.default.createElement("div",{className:c.cx(Gt,Ut[h])},Q&&Ot(en)&&!u&&O.default.createElement(R.default,{"aria-label":"Clear selection",disabled:u,ref:Xe,onClick:function(e){u||(e.stopPropagation(),Cn(null),null==ee||ee(e),null==Z||Z(""),kn())},onFocus:function(){Je(null)},className:c.cx($t),darkMode:je},O.default.createElement(q.default,{glyph:"XWithCircle"})),O.default.createElement(q.default,{glyph:"CaretDown",className:Jt,fill:c.cx(K(K({},ta(Fe),!u),aa(Fe),u))}))),O.default.createElement(d.FormFieldFeedback,tt),O.default.createElement(un,Y({id:Pe,labelId:Re,refEl:We,ref:Ve,menuWidth:Yn,searchLoadingMessage:U,searchErrorMessage:X,searchEmptyMessage:A},nt),Gn))));function at(e){Ge&&Ge.current&&(e===ce.scrollX&&(Ge.current.scrollLeft=Ge.current.scrollWidth),e===ce.expandY&&(Ge.current.scrollTop=Ge.current.scrollHeight))}}ia.propTypes={multiselect:A.default.bool,value:A.default.oneOfType([A.default.string,A.default.arrayOf(A.default.string)]),initialValue:A.default.oneOfType([A.default.string,A.default.arrayOf(A.default.string)]),overflow:A.default.oneOf(Object.values(ce)),darkMode:A.default.bool,label:A.default.string,"aria-label":A.default.string,children:A.default.node,onChange:A.default.func,chipCharacterLimit:A.default.number,chipTruncationLocation:A.default.oneOf(Object.values(y.TruncationLocation)),onClear:A.default.func,onFilter:A.default.func,clearable:A.default.bool,searchLoadingMessage:A.default.string,searchErrorMessage:A.default.string,searchEmptyMessage:A.default.string,searchState:A.default.oneOf(Object.values(fe)),errorMessage:A.default.string,state:A.default.oneOf(Object.values(de)),size:A.default.oneOf(Object.values(ue)),disabled:A.default.bool,description:A.default.string,placeholder:A.default.string,filteredOptions:A.default.arrayOf(A.default.string),popoverZIndex:A.default.number,usePortal:A.default.bool,scrollContainer:A.default.elementType,portalContainer:A.default.elementType,portalClassName:A.default.string},e.Combobox=ia,e.ComboboxGroup=Be,e.ComboboxOption=Kn}));
 //# sourceMappingURL=index.js.map