@leafygreen-ui/combobox 11.0.2 → 11.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafygreen-ui/combobox",
-  "version": "11.0.2",
+  "version": "11.0.3",
   "description": "leafyGreen UI Kit Combobox",
   "main": "./dist/index.js",
   "module": "./dist/esm/index.js",
@@ -26,12 +26,12 @@
     "@leafygreen-ui/form-field": "^2.0.2",
     "@leafygreen-ui/hooks": "^8.3.4",
     "@leafygreen-ui/icon": "^13.1.2",
-    "@leafygreen-ui/icon-button": "^16.0.2",
     "@leafygreen-ui/input-option": "^3.0.2",
+    "@leafygreen-ui/icon-button": "^16.0.2",
     "@leafygreen-ui/lib": "^14.0.2",
     "@leafygreen-ui/palette": "^4.1.3",
-    "@leafygreen-ui/tokens": "^2.11.3",
     "@leafygreen-ui/popover": "^13.0.2",
+    "@leafygreen-ui/tokens": "^2.11.3",
     "@leafygreen-ui/typography": "^20.0.2"
   },
   "peerDependencies": {

package/src/Combobox/Combobox.spec.tsx

@@ -741,6 +741,37 @@ describe('packages/combobox', () => {
         expect(optionElements).toHaveLength(defaultOptions.length);
       });
 
+      test('First item is highlighted when re-opened after selection is made', async () => {
+        const initialValue = 'banana'; // Select an option that is not the first one
+        const { comboboxEl, getMenuElements } = renderCombobox('single', {
+          initialValue,
+        });
+
+        // Open the combobox
+        userEvent.click(comboboxEl);
+        let { optionElements } = getMenuElements();
+        expect(optionElements).toHaveLength(defaultOptions.length);
+
+        // Verify that the first item is highlighted
+        expect(
+          (optionElements as HTMLCollectionOf<HTMLLIElement>)[0],
+        ).toHaveAttribute('aria-selected', 'true');
+
+        // Click the same option again to close the menu
+        userEvent.click(
+          (optionElements as HTMLCollectionOf<HTMLLIElement>)[1], // Click the second option
+        );
+
+        // Open the combobox again
+        userEvent.click(comboboxEl);
+        optionElements = getMenuElements().optionElements;
+
+        // Verify that the first item is highlighted again
+        expect(
+          (optionElements as HTMLCollectionOf<HTMLLIElement>)[0],
+        ).toHaveAttribute('aria-selected', 'true');
+      });
+
       describe('Clickaway', () => {
         test('Menu closes on click-away', async () => {
           const { containerEl, openMenu } = renderCombobox(select);

package/src/Combobox/Combobox.tsx

@@ -609,13 +609,12 @@ export function Combobox<M extends boolean>({
     ],
   );
 
-  // When the input value changes (or when the menu opens)
-  // Update the focused option
+  // Reset the highlighted option when the menu closes so that it opens to the first option
   useEffect(() => {
-    if (inputValue !== prevValue) {
+    if (!isOpen) {
       updateHighlightedOption('first');
     }
-  }, [inputValue, isOpen, prevValue, updateHighlightedOption]);
+  }, [isOpen, updateHighlightedOption]);
 
   // When the focused option changes, update the menu scroll if necessary
   useAutoScroll(

package/stories.js

@@ -1 +1 @@
-import e,{createContext as n,useContext as t,useEffect as r,useMemo as a,useCallback as o,useRef as i,useState as l}from"react";import{storybookArgTypes as c,storybookExcludedControlParams as u}from"@lg-tools/storybook-utils";import{userEvent as s,within as d}from"@storybook/testing-library";import p from"@leafygreen-ui/button";import{css as f,cx as h,keyframes as m}from"@leafygreen-ui/emotion";import g,{isComponentGlyph as v}from"@leafygreen-ui/icon";import b from"lodash/clone";import y from"lodash/debounce";import x from"lodash/isArray";import w from"lodash/isEqual";import k from"lodash/isNull";import E from"lodash/isString";import L from"lodash/isUndefined";import{FormFieldState as N,DEFAULT_MESSAGES as S,FormFieldFeedback as C}from"@leafygreen-ui/form-field";import{useForwardedRef as O,useIdAllocator as D,useAvailableSpace as M,useDynamicRefs as j,usePrevious as I,useAutoScroll as P,useBackdropClick as z}from"@leafygreen-ui/hooks";import F from"@leafygreen-ui/icon-button";import A,{useDarkMode as T,PopoverPropsProvider as G}from"@leafygreen-ui/leafygreen-provider";import{createUniqueClassName as R,keyMap as W,Theme as X,isComponentType as _,consoleOnce as V}from"@leafygreen-ui/lib";import H,{RenderMode as Y,getPopoverRenderModeProps as B,DismissMode as K}from"@leafygreen-ui/popover";import{Error as q,Label as U,Description as Z}from"@leafygreen-ui/typography";import{chipTextClassName as J,TruncationLocation as $,Chip as Q,BaseFontSize as ee,Variant as ne}from"@leafygreen-ui/chip";import{typeScales as te,spacing as re,fontWeights as ae,fontFamilies as oe,color as ie,transitionDuration as le,focusRing as ce}from"@leafygreen-ui/tokens";import{palette as ue}from"@leafygreen-ui/palette";import{transparentize as se}from"polished";import{descriptionClassName as de,titleClassName as pe,leftGlyphClassName as fe,InputOption as he,InputOptionContent as me}from"@leafygreen-ui/input-option";import ge from"lodash/kebabCase";import ve from"lodash/escapeRegExp";import be from"@leafygreen-ui/checkbox";function ye(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 xe(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ye(Object(t),!0).forEach((function(n){Ne(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ye(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function we(){we=function(){return n};var e,n={},t=Object.prototype,r=t.hasOwnProperty,a=Object.defineProperty||function(e,n,t){e[n]=t.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(e,n,t){return Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}),e[n]}try{u({},"")}catch(e){u=function(e,n,t){return e[n]=t}}function s(e,n,t,r){var o=n&&n.prototype instanceof v?n:v,i=Object.create(o.prototype),l=new M(r||[]);return a(i,"_invoke",{value:S(e,t,l)}),i}function d(e,n,t){try{return{type:"normal",arg:e.call(n,t)}}catch(e){return{type:"throw",arg:e}}}n.wrap=s;var p="suspendedStart",f="suspendedYield",h="executing",m="completed",g={};function v(){}function b(){}function y(){}var x={};u(x,i,(function(){return this}));var w=Object.getPrototypeOf,k=w&&w(w(j([])));k&&k!==t&&r.call(k,i)&&(x=k);var E=y.prototype=v.prototype=Object.create(x);function L(e){["next","throw","return"].forEach((function(n){u(e,n,(function(e){return this._invoke(n,e)}))}))}function N(e,n){function t(a,o,i,l){var c=d(e[a],e,o);if("throw"!==c.type){var u=c.arg,s=u.value;return s&&"object"==typeof s&&r.call(s,"__await")?n.resolve(s.__await).then((function(e){t("next",e,i,l)}),(function(e){t("throw",e,i,l)})):n.resolve(s).then((function(e){u.value=e,i(u)}),(function(e){return t("throw",e,i,l)}))}l(c.arg)}var o;a(this,"_invoke",{value:function(e,r){function a(){return new n((function(n,a){t(e,r,n,a)}))}return o=o?o.then(a,a):a()}})}function S(n,t,r){var a=p;return function(o,i){if(a===h)throw Error("Generator is already running");if(a===m){if("throw"===o)throw i;return{value:e,done:!0}}for(r.method=o,r.arg=i;;){var l=r.delegate;if(l){var c=C(l,r);if(c){if(c===g)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===p)throw a=m,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=h;var u=d(n,t,r);if("normal"===u.type){if(a=r.done?m:f,u.arg===g)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(a=m,r.method="throw",r.arg=u.arg)}}}function C(n,t){var r=t.method,a=n.iterator[r];if(a===e)return t.delegate=null,"throw"===r&&n.iterator.return&&(t.method="return",t.arg=e,C(n,t),"throw"===t.method)||"return"!==r&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+r+"' method")),g;var o=d(a,n.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,g;var i=o.arg;return i?i.done?(t[n.resultName]=i.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=e),t.delegate=null,g):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,g)}function O(e){var n={tryLoc:e[0]};1 in e&&(n.catchLoc=e[1]),2 in e&&(n.finallyLoc=e[2],n.afterLoc=e[3]),this.tryEntries.push(n)}function D(e){var n=e.completion||{};n.type="normal",delete n.arg,e.completion=n}function M(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(O,this),this.reset(!0)}function j(n){if(n||""===n){var t=n[i];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var a=-1,o=function t(){for(;++a<n.length;)if(r.call(n,a))return t.value=n[a],t.done=!1,t;return t.value=e,t.done=!0,t};return o.next=o}}throw new TypeError(typeof n+" is not iterable")}return b.prototype=y,a(E,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:b,configurable:!0}),b.displayName=u(y,c,"GeneratorFunction"),n.isGeneratorFunction=function(e){var n="function"==typeof e&&e.constructor;return!!n&&(n===b||"GeneratorFunction"===(n.displayName||n.name))},n.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,u(e,c,"GeneratorFunction")),e.prototype=Object.create(E),e},n.awrap=function(e){return{__await:e}},L(N.prototype),u(N.prototype,l,(function(){return this})),n.AsyncIterator=N,n.async=function(e,t,r,a,o){void 0===o&&(o=Promise);var i=new N(s(e,t,r,a),o);return n.isGeneratorFunction(t)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},L(E),u(E,c,"Generator"),u(E,i,(function(){return this})),u(E,"toString",(function(){return"[object Generator]"})),n.keys=function(e){var n=Object(e),t=[];for(var r in n)t.push(r);return t.reverse(),function e(){for(;t.length;){var r=t.pop();if(r in n)return e.value=r,e.done=!1,e}return e.done=!0,e}},n.values=j,M.prototype={constructor:M,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(D),!n)for(var t in this)"t"===t.charAt(0)&&r.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function a(r,a){return l.type="throw",l.arg=n,t.next=r,a&&(t.method="next",t.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],l=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var c=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,n){for(var t=this.tryEntries.length-1;t>=0;--t){var a=this.tryEntries[t];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=n&&n<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=n,o?(this.method="next",this.next=o.finallyLoc,g):this.complete(i)},complete:function(e,n){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&n&&(this.next=n),g},finish:function(e){for(var n=this.tryEntries.length-1;n>=0;--n){var t=this.tryEntries[n];if(t.finallyLoc===e)return this.complete(t.completion,t.afterLoc),D(t),g}},catch:function(e){for(var n=this.tryEntries.length-1;n>=0;--n){var t=this.tryEntries[n];if(t.tryLoc===e){var r=t.completion;if("throw"===r.type){var a=r.arg;D(t)}return a}}throw Error("illegal catch attempt")},delegateYield:function(n,t,r){return this.delegate={iterator:j(n),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=e),g}},n}function ke(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function Ee(e){return Ee="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},Ee(e)}function Le(e,n,t,r,a,o,i){try{var l=e[o](i),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,a)}function Ne(e,n,t){return(n=ke(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Se(){return Se=Object.assign?Object.assign.bind():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},Se.apply(this,arguments)}function Ce(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 Oe(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function De(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 r,a,o,i,l=[],c=!0,u=!1;try{if(o=(t=t.call(e)).next,0===n);else for(;!(c=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,n)||je(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 Me(e){return function(e){if(Array.isArray(e))return Ie(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||je(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 je(e,n){if(e){if("string"==typeof e)return Ie(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)?Ie(e,n):void 0}}function Ie(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 Pe="Input",ze="ClearButton",Fe="FirstChip",Ae="LastChip",Te="MiddleChip",Ge="Combobox",Re="Menu",We={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},Xe={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},_e=N,Ve={Unset:"unset",Error:"error",Loading:"loading"};var He,Ye,Be,Ke,qe,Ue,Ze,Je,$e,Qe=n({multiselect:!1,size:We.Default,withIcons:!1,disabled:!1,isOpen:!1,state:_e.None,searchState:Ve.Unset,overflow:Xe.expandY}),en=R("combobox-chip"),nn=Ne(Ne(Ne(Ne({},We.XSmall,16),We.Small,te.body1.lineHeight),We.Default,te.body1.lineHeight),We.Large,te.body2.lineHeight),tn=Ne(Ne(Ne(Ne({},We.XSmall,te.body1.fontSize),We.Small,te.body1.fontSize),We.Default,te.body1.fontSize),We.Large,te.body2.fontSize),rn=Ne(Ne(Ne(Ne({},We.XSmall,1),We.Small,0),We.Default,2),We.Large,4),an=Ne(Ne(Ne(Ne({},We.XSmall,f(He||(He=Oe(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),tn[We.XSmall],nn[We.XSmall],J,rn[We.XSmall])),We.Small,f(Ye||(Ye=Oe(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),tn[We.Small],nn[We.Small],J,rn[We.Small])),We.Default,f(Be||(Be=Oe(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),tn[We.Default],nn[We.Default],J,rn[We.Default])),We.Large,f(Ke||(Ke=Oe(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-inline-end: 10px;\n      padding-block: ","px;\n    }\n  "])),tn[We.Large],nn[We.Large],J,rn[We.Large])),on=e.forwardRef((function(n,a){var o,i=n.displayName,l=n.isFocused,c=n.onRemove,u=n.onFocus,s=t(Qe),d=s.size,p=s.disabled,f=s.overflow,m=s.chipTruncationLocation,g=void 0===m?$.End:m,v=s.chipCharacterLimit,b=void 0===v?12:v,y=f===Xe.scrollX?$.None:g,x=O(a,null),w=null===(o=x.current)||void 0===o?void 0:o.querySelector("button");r((function(){l&&!p&&(null==w||w.focus())}),[p,w,l]);return e.createElement(Q,{label:i,className:h(en,an[d]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=w&&w.contains(e.target)||u()},onKeyDown:function(e){p||e.key!==W.Delete&&e.key!==W.Backspace&&e.key!==W.Enter&&e.key!==W.Space||c()},onDismiss:function(){p||c()},baseFontSize:ee.Body1,chipCharacterLimit:b,chipTruncationLocation:y,variant:ne.Gray,ref:x,disabled:p,tabIndex:-1})}));on.displayName="ComboboxChip";var ln,cn,un,sn,dn,pn,fn,hn,mn,gn,vn,bn,yn,xn,wn=Ne(Ne({},X.Light,f(qe||(qe=Oe(["\n    padding-top: ","px;\n  "])),re[2])),X.Dark,f(Ue||(Ue=Oe(["\n    padding-top: ","px;\n  "])),re[2])),kn=f(Ze||(Ze=Oe(["\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"])),ae.bold),En=Ne(Ne({},X.Light,f(Je||(Je=Oe(["\n    color: ",";\n  "])),ue.gray.dark1)),X.Dark,f($e||($e=Oe(["\n    color: ",";\n  "])),ue.gray.light1));function Ln(n){var t=n.label,r=n.className,a=n.children,o=T().theme,i=D({prefix:"combobox-group"});return e.Children.count(a)>0?e.createElement("div",{className:h(wn[o],r)},e.createElement("div",{className:h(kn,En[o]),id:i},t),e.createElement("div",{role:"group","aria-labelledby":i},a)):e.createElement(e.Fragment,null)}function Nn(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}Nn.displayName="ComboboxGroup";var Sn=Ne(Ne(Ne(Ne({},We.XSmall,{x:12,y:8}),We.Small,{x:12,y:8}),We.Default,{x:12,y:8}),We.Large,{x:12,y:8}),Cn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return f(ln||(ln=Oe(["\n  width: ","px;\n  overflow: hidden;\n  border-radius: 12px;\n  border: 1px solid;\n"])),e)},On=Ne(Ne({},X.Light,f(cn||(cn=Oe(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),se(.85,ue.black),ue.gray.light2)),X.Dark,f(un||(un=Oe(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),se(.85,ue.black),ue.gray.dark2)),Dn=f(sn||(sn=Oe(["\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"])),re[2],oe.default);Ne(Ne({},X.Light,f(dn||(dn=Oe(["\n    color: ",";\n    background-color: ",";\n  "])),ue.black,ue.white)),X.Dark,f(pn||(pn=Oe(["\n    color: ",";\n    background-color: ",";\n  "])),ue.gray.light1,ue.gray.dark3));var Mn,jn=function(e){return f(fn||(fn=Oe(["\n  background-color: ",";\n"])),ie[e].background.primary.default)},In=f(hn||(hn=Oe(["\n  position: relative;\n  margin: 0;\n  padding: 0;\n"]))),Pn=f(mn||(mn=Oe(["\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n"]))),zn=Ne(Ne({},X.Light,f(gn||(gn=Oe(["\n    color: ",";\n  "])),ue.gray.dark3)),X.Dark,f(vn||(vn=Oe(["\n    color: ",";\n  "])),ue.gray.light3)),Fn=function(e){return f(bn||(bn=Oe(["\n  font-size: ","px;\n  line-height: ","px;\n  padding: ","px ","px;\n"])),tn[e],nn[e],Sn[e].y,Sn[e].x)},An=m(yn||(yn=Oe(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),Tn=f(xn||(xn=Oe(["\n  animation: "," 1.5s linear infinite;\n"])),An),Gn=e.forwardRef((function(n,r){var o=n.children,i=n.id,l=n.refEl,c=n.labelId,u=n.menuWidth,s=n.searchLoadingMessage,d=n.searchErrorMessage,p=n.searchEmptyMessage,m=T(),v=m.darkMode,b=m.theme,y=t(Qe),x=y.disabled,w=y.size,k=y.isOpen,E=y.searchState,N=O(r,null),S=M(l),C=L(S)?"unset":"".concat(Math.min(S,256),"px"),D=a((function(){var n=h(Pn,zn[b],Fn(w)),t=h(Pn,Fn(w));switch(E){case"loading":return e.createElement("span",{className:n},e.createElement(g,{glyph:"Refresh",color:v?ue.blue.light1:ue.blue.base,className:Tn}),s);case"error":return e.createElement(q,{className:t},e.createElement(g,{glyph:"Warning",color:v?ue.red.light1:ue.red.base}),e.createElement("span",null,d));default:return o&&"object"===Ee(o)&&"length"in o&&o.length>0?e.createElement("ul",{className:In},o):e.createElement("span",{className:n},p)}}),[b,w,E,v,s,d,o,p]);return e.createElement(H,{active:k&&!x,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:h(Cn(u),On[b])},e.createElement("div",{ref:N,id:i,role:"listbox","aria-labelledby":c,"aria-expanded":k,className:h(Dn,jn(b),f(Mn||(Mn=Oe(["\n              max-height: ",";\n            "])),C)),onMouseDownCapture:function(e){return e.preventDefault()}},D))}));Gn.displayName="ComboboxMenu";var Rn,Wn,Xn,_n,Vn,Hn,Yn,Bn,Kn,qn,Un,Zn,Jn,$n,Qn,et,nt,tt,rt,at,ot=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},it=function(e){var n,t=e.value,r=e.displayName;return{value:null!=t?t:ge(r),displayName:null!==(n=null!=r?r:t)&&void 0!==n?n:""}},lt=function n(t){return e.Children.toArray(t).reduce((function(e,t){if(_(t,"ComboboxOption")){var r=it(t.props),a=r.value,o=r.displayName,i=t.props,l=i.glyph,c=i.disabled;return[].concat(Me(e),[{value:a,displayName:o,isDisabled:!!c,hasGlyph:!!l}])}if(_(t,"ComboboxGroup")){var u=t.props.children;if(u)return[].concat(Me(e),Me(n(u)))}}),[])},ct=function(e,n){if(e)return n.find((function(n){return n.value===e}))},ut=function(e,n){var t,r;return e?null!==(t=null===(r=ct(e,n))||void 0===r?void 0:r.displayName)&&void 0!==t?t:e:""},st=f(Rn||(Rn=Oe(["\n  .",", ."," {\n    font-size: ","px;\n    line-height: 20px;\n  }\n"])),de,pe,te.body2.fontSize),dt=Ne(Ne(Ne(Ne({},We.XSmall,f(Wn||(Wn=Oe(["\n    min-width: ","px;\n  "])),re[3])),We.Small,f(Xn||(Xn=Oe(["\n    min-width: ","px;\n  "])),re[3])),We.Default,f(_n||(_n=Oe(["\n    min-width: ","px;\n  "])),re[3])),We.Large,f(Vn||(Vn=Oe(["\n    min-width: ","px;\n  "])),re[4])),pt=f(Hn||(Hn=Oe(["\n  pointer-events: none;\n  gap: 0;\n\n  label {\n    gap: 0;\n    align-items: center;\n  }\n"])));f(Yn||(Yn=Oe(["\n  pointer-events: none;\n"])));var ft=function(e){return f(Bn||(Bn=Oe(["\n  font-weight: ",";\n"])),e?ae.bold:ae.regular)},ht=Ne(Ne({},X.Light,f(Kn||(Kn=Oe(["\n    color: ",";\n  "])),ue.gray.dark1)),X.Dark,f(qn||(qn=Oe(["\n    color: ",";\n  "])),ue.gray.base)),mt=Ne(Ne({},X.Light,f(Un||(Un=Oe(["\n    color: ",";\n  "])),ue.blue.dark1)),X.Dark,f(Zn||(Zn=Oe(["\n    color: ",";\n  "])),ue.blue.light3)),gt=Ne(Ne({},X.Light,f(Jn||(Jn=Oe(["\n    color: ",";\n  "])),ue.gray.light1)),X.Dark,f($n||($n=Oe(["\n    color: ",";\n  "])),ue.gray.dark1)),vt=Ne(Ne({},X.Light,f(Qn||(Qn=Oe(["\n    color: ",";\n  "])),ue.blue.base)),X.Dark,f(et||(et=Oe(["\n    color: ",";\n  "])),ue.blue.light1)),bt=Ne(Ne({},X.Light,f(nt||(nt=Oe(["\n    color: ",";\n  "])),ue.gray.light1)),X.Dark,f(tt||(tt=Oe(["\n    color: ",";\n  "])),ue.gray.dark1)),yt=f(rt||(rt=Oe(["\n  ."," {\n    align-self: baseline;\n    position: relative;\n    // aligns the checkbox with the option name\n    top: 1px;\n  }\n"])),fe),xt=f(at||(at=Oe(["\n  ."," {\n    // aligns the checkbox with the option name\n    top: 3px;\n  }\n"])),fe),wt=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],kt=e.forwardRef((function(n,r){var i=n.glyph,l=n.isSelected,c=n.displayName,u=n.isFocused,s=n.setSelected,d=n.className,p=n.description,f=n.value,m=n.onClick,b=n.disabled,y=void 0!==b&&b,x=Ce(n,wt),w=T(),k=w.darkMode,E=w.theme,L=t(Qe),N=L.multiselect,S=L.size,C=L.withIcons,M=L.inputValue,j=O(r,null),I=D({prefix:"combobox-option-text"}),P=o((function(e){e.stopPropagation(),y||(s(),null==m||m(e,f))}),[y,m,s,f]),z=a((function(){return function(n){var t=n.withIcons,r=n.isSelected,a=n.glyph,o=n.optionTextId,i=n.disabled,l=n.darkMode,c=n.size,u=n.multiselect,s=n.theme,d=n.isFocused;a&&!v(a)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",a);var p=a&&v(a)?e.cloneElement(a,xe(xe({},a.props),{},{className:h(ht[s],Ne(Ne({},mt[s],d),gt[s],i),a.props.className)})):e.createElement(e.Fragment,null),f=e.createElement(be,{"aria-labelledby":o,checked:r,tabIndex:-1,disabled:i,darkMode:l,className:pt}),m=e.createElement(g,{glyph:"Checkmark",className:h(dt[c],vt[s],Ne({},bt[s],i))});return{leftGlyph:u?t?p:f:t?p:r?m:null,rightGlyph:u?t&&f:t&&r&&m}}({withIcons:C,isSelected:l,glyph:i,theme:E,darkMode:k,size:S,disabled:y,multiselect:N,optionTextId:I,isFocused:u})}),[k,y,i,l,N,I,S,E,C,u]),F=z.leftGlyph,A=z.rightGlyph,G=N&&!C;return e.createElement(he,Se({},x,{as:"li",ref:j,highlighted:u,disabled:y,"aria-label":c,darkMode:k,className:h(Ne(Ne(Ne({},st,S===We.Large),yt,G),xt,G&&S===We.Large),d),onClick:P,onKeyDown:P}),e.createElement(me,{leftGlyph:F,rightGlyph:A,description:p},e.createElement("span",{id:I,className:ft(l)},function(n,t,r){if(t&&r){var a=ve(t),o=new RegExp(a,"gi"),i=n.matchAll(o);if(i){for(var l=n.split(""),c=0,u=Array.from(i);c<u.length;c++){var s,d=u[c],p=null!==(s=d.index)&&void 0!==s?s:-1,f=d[0],h=f.length,m=p+f+h,g=new Array(h).fill("");g[0]=e.createElement(r,{key:m},f),l.splice.apply(l,[p,h].concat(Me(g)))}return e.createElement(e.Fragment,null,l)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(c,M,"strong"))))}));function Et(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}kt.displayName="ComboboxOption",Et.displayName="ComboboxOption";var Lt,Nt,St,Ct,Ot,Dt,Mt,jt,It,Pt,zt,Ft,At,Tt,Gt,Rt,Wt,Xt,_t,Vt,Ht,Yt,Bt,Kt,qt,Ut,Zt,Jt,$t,Qt,er,nr,tr,rr=function(e){return!L(e)&&!k(e)&&(E(e)||x(e)&&e.length>0)},ar=function(e){return nn[e]+2*rn[e]},or=re[100],ir=Ne(Ne(Ne(Ne({},We.XSmall,22),We.Small,28),We.Default,36),We.Large,48),lr=function(e){return(ir[e]-ar(e)-2)/2},cr=Ne(Ne(Ne(Ne({},We.XSmall,{y:lr(We.XSmall),xLeftWithChip:re[25],xLeftWithoutChip:re[200],xRight:re[100]}),We.Small,{y:lr(We.Small),xLeftWithChip:re[100],xLeftWithoutChip:re[200],xRight:re[100]}),We.Default,{y:lr(We.Default),xLeftWithChip:re[150],xLeftWithoutChip:re[300],xRight:re[200]}),We.Large,{y:lr(We.Large),xLeftWithChip:re[300],xLeftWithoutChip:re[300],xRight:re[200]}),ur=re[400],sr=function(e){return f(Lt||(Lt=Oe(["\n    font-family: ",";\n    width: 100%;\n    min-width: ","px;\n  "])),oe.default,tn[e]+2*cr[e].xLeftWithChip+ur+2)},dr=f(Nt||(Nt=Oe(["\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"])),re[200],le.default,le.default),pr=Ne(Ne({},X.Light,f(St||(St=Oe(["\n    color: ",";\n    background-color: ",";\n  "])),ie.light.text.primary.default,ie.light.background.primary.default)),X.Dark,f(Ct||(Ct=Oe(["\n    color: ",";\n    background-color: ",";\n  "])),ie.dark.text.primary.default,ue.gray.dark4)),fr=function(e,n){return f(Ot||(Ot=Oe(["\n  padding-top: ","px;\n  padding-bottom: ","px;\n  padding-left: ",";\n  padding-right: ","px;\n"])),cr[e].y,cr[e].y,"".concat(n?cr[e].xLeftWithChip:cr[e].xLeftWithoutChip,"px"),cr[e].xRight)},hr=function(e){return f(Dt||(Dt=Oe(["\n  cursor: not-allowed;\n  color: ",";\n  background-color: ",";\n  border-color: ",";\n"])),ie[e].text.disabled.default,ie[e].background.disabled.default,ie[e].border.disabled.default)},mr=function(e){return Ne(Ne(Ne({},_e.Error,f(Mt||(Mt=Oe(["\n    border-color: ",";\n  "])),ie[e].border.error.default)),_e.None,f(jt||(jt=Oe(["\n    border-color: ",";\n  "])),ie[e].border.primary.default)),_e.Valid,f(It||(It=Oe(["\n    border-color: ",";\n  "])),ie[e].border.success.default))},gr=Ne(Ne({},X.Light,f(Pt||(Pt=Oe(["\n    &:focus-within {\n      border-color: transparent;\n      box-shadow: ",";\n    }\n  "])),ce[X.Light].input)),X.Dark,f(zt||(zt=Oe(["\n    &:focus-within {\n      border-color: transparent;\n      box-shadow: ",";\n    }\n  "])),ce[X.Dark].input)),vr=f(Ft||(Ft=Oe(["\n  display: flex;\n  align-items: center;\n"]))),br=Ne(Ne(Ne(Ne({},We.XSmall,f(At||(At=Oe(["\n    gap: ","px;\n  "])),re[100])),We.Small,f(Tt||(Tt=Oe(["\n    gap: ","px;\n  "])),re[200])),We.Default,f(Gt||(Gt=Oe(["\n    gap: ","px;\n  "])),re[200])),We.Large,f(Rt||(Rt=Oe(["\n    gap: ","px;\n  "])),re[200])),yr=function(e){var n=e.overflow,t=e.size,r=f(Wt||(Wt=Oe(["\n    flex-grow: 1;\n    width: 100%;\n  "])));switch(n){case Xe.scrollX:return f(Xt||(Xt=Oe(["\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      "])),r,ar(t),en);case Xe.expandY:return f(_t||(_t=Oe(["\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      "])),r,or,ar(t),3*ar(t),or)}},xr=f(Vt||(Vt=Oe(["\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"])),oe.default,re[100]),wr=Ne(Ne({},X.Light,f(Ht||(Ht=Oe(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),ue.gray.base)),X.Dark,f(Yt||(Yt=Oe(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),ue.gray.dark1)),kr=Ne(Ne({},X.Light,f(Bt||(Bt=Oe(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),ue.gray.base)),X.Dark,f(Kt||(Kt=Oe(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),ue.gray.dark1)),Er=function(e){return f(qt||(qt=Oe(["\n  height: ","px;\n  font-size: ","px;\n  line-height: ","px;\n  min-width: ","px;\n"])),ar(e),tn[e],nn[e],tn[e])},Lr=function(e){return f(Ut||(Ut=Oe(["\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")},Nr=function(e,n){var t,r=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return f(Zt||(Zt=Oe(["\n    width: ","px;\n    max-width: 100%;\n  "])),r*tn[e])},Sr=f(Jt||(Jt=Oe(["\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"])),ur/2),Cr=f($t||($t=Oe(["\n  height: ","px;\n  width: ","px;\n"])),ur,ur),Or=f(Qt||(Qt=Oe(["\n  margin-bottom: ","px;\n  display: flex;\n  flex-direction: column;\n"])),re[100]),Dr=f(er||(er=Oe(["\n  font-size: ","px;\n  line-height: ","px;\n"])),te.large.fontSize,te.large.lineHeight),Mr=Ne(Ne({},X.Light,f(nr||(nr=Oe(["\n    ::after {\n      box-shadow: 0px 0px 7px 5px ",";\n    }\n  "])),se(.85,ue.black))),X.Dark,f(tr||(tr=Oe(["\n    ::after {\n      width: 95%;\n      box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n    }\n  "])))),jr=function(e){return ie[e].icon.primary.default},Ir=function(e){return ie[e].icon.disabled.default},Pr=["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","renderMode","portalClassName","portalContainer","portalRef","scrollContainer","popoverZIndex"],zr=["className","glyph","disabled"];function Fr(n){var t=n.children,c=n.label,u=n.description,s=n.placeholder,d=void 0===s?"Select":s,p=n["aria-label"],f=n.disabled,m=void 0!==f&&f,v=n.size,N=void 0===v?We.Default:v,O=n.darkMode,M=n.state,R=void 0===M?"none":M,X=n.errorMessage,H=void 0===X?S.error:X,q=n.successMessage,J=void 0===q?S.success:q,$=n.searchState,Q=void 0===$?"unset":$,ee=n.searchEmptyMessage,ne=void 0===ee?"No results found":ee,te=n.searchErrorMessage,re=void 0===te?"Could not get results!":te,ae=n.searchLoadingMessage,oe=void 0===ae?"Loading results...":ae,ie=n.filteredOptions,le=n.onFilter,ce=n.clearable,ue=void 0===ce||ce,se=n.onClear,de=n.overflow,pe=void 0===de?Xe.expandY:de,fe=n.multiselect,he=void 0!==fe&&fe,me=n.initialValue,ge=n.inputValue,ve=n.onInputChange,be=n.onChange,ye=n.value,we=n.chipTruncationLocation,ke=n.chipCharacterLimit,Le=void 0===ke?12:ke,Oe=n.className,Me=n.renderMode,je=void 0===Me?Y.TopLayer:Me,Ie=n.portalClassName,_e=n.portalContainer,Ve=n.portalRef,He=n.scrollContainer,Ye=n.popoverZIndex,Be=Ce(n,Pr),Ke=T(O),qe=Ke.darkMode,Ue=Ke.theme,Ze=j({prefix:"option"}),Je=j({prefix:"chip"}),$e=D({prefix:"combobox-input"}),en=D({prefix:"combobox-label"}),nn=D({prefix:"combobox-menu"}),tn=i(null),rn=i(null),an=i(null),ln=i(null),cn=i(null),un=De(l(!1),2),sn=un[0],dn=un[1],pn=I(sn),fn=De(l(null),2),hn=fn[0],mn=fn[1],gn=De(l(null),2),vn=gn[0],bn=gn[1],yn=I(vn),xn=De(l(null!=ge?ge:""),2),wn=xn[0],kn=xn[1];r((function(){L(ge)||kn(ge)}),[ge]);var En=function(e){kn(e)},Nn=I(wn),Sn=De(l(null),2),Cn=Sn[0],On=Sn[1],Dn=De(l(!1),2),Mn=Dn[0],jn=Dn[1],In=he&&x(vn)&&vn.length>0?void 0:d,Pn=function(){return dn(!1)},zn=function(){return dn(!0)},Fn=a((function(){return lt(t)}),[t]),An=o((function(e){return!he||"string"!=typeof e&&"number"!=typeof e?!he&&x(e)&&V.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):V.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(Ee(e),' value: "').concat(e,'"')),he&&x(e)}),[he]),Tn=o((function(e){!m&&ln&&ln.current&&(ln.current.focus(),L(e)||ln.current.setSelectionRange(e,e))}),[m]),Rn=o((function(e){if(An(vn)){var n=b(vn),t=be,r={diffType:"delete",value:null!=e?e:vn};k(e)?n.length=0:vn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),r.diffType="insert",En("")),bn(n),null==t||t(n,r)}else{var a=e,o=be;bn(a),null==o||o(a)}}),[An,be,vn]),Wn=o((function(e){var n,t,r,a;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((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:""),vn)}),[Fn,vn]),Xn=o((function(e){var n="string"==typeof e?e:e.value;return ie&&ie.length>0?ie.includes(n):!!Wn(wn)||("string"==typeof e?ut(n,Fn):e.displayName).toLowerCase().includes(wn.toLowerCase())}),[ie,Wn,wn,Fn]),_n=a((function(){return Fn.filter(Xn)}),[Fn,Xn]),Vn=o((function(e){return!!e&&!!Fn.find((function(n){return n.value===e}))}),[Fn]),Hn=o((function(e){return _n?_n.findIndex((function(n){return n.value===e})):-1}),[_n]),Yn=o((function(e){if(_n&&_n.length>=e){var n=_n[e];return n?n.value:void 0}}),[_n]),Bn=o((function(){return An(vn)?vn.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,An,vn]),Kn=De(l(),2),qn=Kn[0],Un=Kn[1],Zn=o((function(e){var n,t=null!==(n=null==_n?void 0:_n.length)&&void 0!==n?n:0,r=t-1>0?t-1:0,a=Hn(hn);switch(e&&sn&&(On(null),Tn()),e){case"next":var o=Yn(a+1<t?a+1:0);mn(null!=o?o:null);break;case"prev":var i=Yn(a-1>=0?a-1:r);mn(null!=i?i:null);break;case"last":var l=Yn(r);mn(null!=l?l:null);break;default:var c=Yn(0);mn(null!=c?c:null)}}),[hn,Hn,Yn,sn,Tn,null==_n?void 0:_n.length]),Jn=o((function(e,n){if(An(vn))switch(e){case"next":var t=null!=n?n:Bn(),r=t+1<vn.length?t+1:vn.length-1,a=vn[r];On(a);break;case"prev":var o=null!=n?n:Bn(),i=o>0?o-1:o<0?vn.length-1:0,l=vn[i];On(l);break;case"first":var c=vn[0];On(c);break;case"last":var u=vn[vn.length-1];On(u);break;default:On(null)}}),[Bn,An,vn]),$n=o((function(e,n){switch(e&&mn(null),e){case"right":switch(qn){case Pe:var t,r,a;if((null===(t=ln.current)||void 0===t?void 0:t.selectionEnd)===(null===(r=ln.current)||void 0===r?void 0:r.value.length))null===(a=rn.current)||void 0===a||a.focus();break;case Fe:case Te:case Ae:if(qn===Ae||1===(null==vn?void 0:vn.length)){Tn(0),Jn(null),n.preventDefault();break}Jn("next")}break;case"left":switch(qn){case ze:var o;n.preventDefault(),Tn(null==ln||null===(o=ln.current)||void 0===o?void 0:o.value.length);break;case Pe:case Te:case Ae:if(An(vn)){var i;if(qn===Pe&&0!==(null===(i=ln.current)||void 0===i?void 0:i.selectionStart))break;Jn("prev")}}break;default:Jn(null)}}),[qn,An,vn,Tn,Jn]);r((function(){wn!==Nn&&Zn("first")}),[wn,sn,Nn,Zn]),P(hn?Ze(hn):void 0,cn);var Qn=o((function(n){if(_(n,"ComboboxOption")){var t=it(n.props),r=t.value,a=t.displayName;if(Xn(r)){var o=n.props,i=o.className,l=o.glyph,c=o.disabled,u=Ce(o,zr),s=Fn.findIndex((function(e){return e.value===r})),d=hn===r,p=An(vn)?vn.includes(r):vn===r,f=Ze(r);return e.createElement(kt,Se({},u,{value:r,displayName:a,isFocused:d,isSelected:p,disabled:c,setSelected:function(){mn(r),Rn(r),Tn(),r===vn&&Pn()},glyph:l,className:i,index:s,ref:f}))}}else if(_(n,"ComboboxGroup")){var h=e.Children.map(n.props.children,Qn);if(h&&(null==h?void 0:h.length)>0)return e.createElement(Ln,{label:n.props.label,className:n.props.className},e.Children.map(h,Qn))}}),[Fn,Ze,hn,An,vn,Tn,Xn,Rn]),et=a((function(){return e.Children.map(t,Qn)}),[t,Qn]),nt=a((function(){if(An(vn))return vn.filter(Vn).map((function(n,t){var r=ut(n,Fn),a=Cn===n,o=Je(n),i=t>=vn.length-1;return e.createElement(on,{key:n,displayName:r,isFocused:a,onRemove:function(){i?(Tn(),Jn(null)):Jn("next",t),Rn(n)},onFocus:function(){On(n)},ref:o})}))}),[An,vn,Vn,Fn,Cn,Je,Rn,Tn,Jn]),tt=a((function(){return Fn.some((function(e){return e.hasGlyph}))}),[Fn]),rt=o((function(){var e=_n.find((function(e){return e.displayName===wn||e.value===wn}));if(!ye&&e)Rn(e.value);else if(!An(vn)){var n,t=null!==(n=ut(vn,Fn))&&void 0!==n?n:yn;En(t)}}),[Fn,wn,An,yn,vn,Rn,ye,_n]),at=o((function(){if(rr(vn)){if(An(vn))yt(pe);else if(!An(vn)){var e,n=null!==(e=ut(vn,Fn))&&void 0!==e?e:"";En(n),Pn()}}else En("")}),[Fn,An,vn,pe]);r((function(){if(me)if(x(me)){var e,n=null!==(e=me.filter((function(e){return Vn(e)})))&&void 0!==e?e:[];bn(n)}else Vn(me)&&bn(me);else bn(function(e){return e?[]:null}(he))}),[]),r((function(){if(!L(ye)&&ye!==Nn)if(k(ye))bn(null);else if(An(ye)){var e=ye.filter(Vn);bn(e)}else bn(Vn(ye)?ye:null)}),[An,Vn,Nn,ye]),r((function(){!L(yn)&&(x(vn)&&!k(yn)||E(vn)||k(vn))&&!w(vn,yn)&&at()}),[at,yn,vn]),r((function(){!sn&&pn&&rt()}),[sn,pn,rt]);var st=De(l(0),2),dt=st[0],pt=st[1];r((function(){var e,n;pt(null!==(e=null===(n=tn.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[tn,sn,hn,vn]);z(Pn,[cn,tn],sn);var ft=An(vn)&&!!vn.length,ht=y((function(e){jn(ot(e.target))}),50,{leading:!0}),mt=o((function(e){pe===Xe.expandY&&ht(e)}),[ht,pe]);r((function(){an.current&&jn(ot(an.current))}),[]);var gt,vt=xe({popoverZIndex:Ye},B({dismissMode:K.Manual,portalClassName:Ie,portalContainer:_e,portalRef:Ve,renderMode:je,scrollContainer:He})),bt={disabled:m,errorMessage:H,size:N,state:R,successMessage:J};return e.createElement(A,{darkMode:qe},e.createElement(Qe.Provider,{value:{multiselect:he,size:N,withIcons:tt,disabled:m,isOpen:sn,state:R,searchState:Q,chipTruncationLocation:we,chipCharacterLimit:Le,inputValue:wn,overflow:pe,popoverZIndex:Ye}},e.createElement("div",Se({className:h(sr(N),Oe)},Be),(c||u)&&e.createElement("div",{className:Or},c&&e.createElement(U,{id:en,htmlFor:$e,darkMode:qe,disabled:m,className:h(Ne({},Dr,N===We.Large))},c),u&&e.createElement(Z,{darkMode:qe,disabled:m,className:h(Ne({},Dr,N===We.Large))},u)),e.createElement("div",{ref:tn,role:"combobox","aria-expanded":sn,"aria-controls":nn,"aria-owns":nn,tabIndex:-1,onMouseDown:function(e){m&&e.preventDefault()},onClick:function(e){if(e.target!==ln.current){var n=0;if(ln.current)n=e.nativeEvent.offsetX>ln.current.offsetLeft+ln.current.clientWidth?wn.length:0;Tn(n)}zn()},onFocus:function(e){yt(pe),Un(function(e){var n,t,r,a;if(!e)return;if(null!==(n=ln.current)&&void 0!==n&&n.contains(e))return Pe;if(null!==(t=rn.current)&&void 0!==t&&t.contains(e))return ze;var o=An(vn)?vn.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(An(vn)){if(0===o)return Fe;if(o===vn.length-1)return Ae;if(o>0)return Te}if(null!==(r=cn.current)&&void 0!==r&&r.contains(e))return Re;if(null!==(a=tn.current)&&void 0!==a&&a.contains(e))return Ge}(e.target))},onKeyDown:function(e){var n,t,r=null===(n=cn.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=tn.current)||void 0===t?void 0:t.contains(document.activeElement))||r){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case W.Tab:switch(qn){case"Input":rr(vn)||(Pn(),Zn("first"),Jn(null));break;case"LastChip":Jn(null)}break;case W.Escape:Pn(),Zn("first");break;case W.Enter:sn?!sn||qn!==Pe||k(hn)||function(e){if("string"==typeof e){var n=ct(e,Fn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(hn)?qn===ze&&(Rn(null),Tn()):Rn(hn):zn();break;case W.Backspace:var a;if(An(vn))"Input"===qn&&0===(null===(a=ln.current)||void 0===a?void 0:a.selectionStart)&&Jn("last");zn();break;case W.ArrowDown:sn?(e.preventDefault(),Zn("next")):zn();break;case W.ArrowUp:sn?(e.preventDefault(),Zn("prev")):zn();break;case W.ArrowRight:$n("right",e);break;case W.ArrowLeft:$n("left",e);break;default:sn||zn()}}},onTransitionEnd:function(){var e,n;pt(null!==(e=null===(n=tn.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:h(dr,pr[Ue],fr(N,ft),mr(Ue)[R],Ne(Ne(Ne({},gr[Ue],(gt=Pe,gt===qn)),hr(Ue),m),Mr[Ue],Mn))},e.createElement("div",{onScroll:mt,ref:an,className:yr({size:N,overflow:pe})},nt,e.createElement("input",{"aria-label":null!=p?p:c,"aria-autocomplete":"list","aria-controls":nn,"aria-labelledby":en,ref:ln,id:$e,className:h(xr,Er(N),wr[Ue],Lr(sn),Ne(Ne({},Nr(N,wn),An(vn)),kr[Ue],m)),placeholder:In,"aria-disabled":m,readOnly:m,onChange:function(e){En(e.target.value),null==le||le(e.target.value),null==ve||ve(e)},value:wn,autoComplete:"off"})),e.createElement("div",{className:h(vr,br[N])},ue&&rr(vn)&&!m&&e.createElement(F,{"aria-label":"Clear selection",disabled:m,ref:rn,onClick:function(e){m||(e.stopPropagation(),Rn(null),null==se||se(e),null==le||le(""),Tn())},onFocus:function(){mn(null)},className:h(Sr),darkMode:qe},e.createElement(g,{glyph:"XWithCircle"})),e.createElement(g,{glyph:"CaretDown",className:Cr,fill:h(Ne(Ne({},jr(Ue),!m),Ir(Ue),m))}))),e.createElement(C,bt),e.createElement(G,vt,e.createElement(Gn,{id:nn,labelId:en,refEl:tn,ref:cn,menuWidth:dt,searchLoadingMessage:oe,searchErrorMessage:re,searchEmptyMessage:ne},et)))));function yt(e){an&&an.current&&(e===Xe.scrollX&&(an.current.scrollLeft=an.current.scrollWidth),e===Xe.expandY&&(an.current.scrollTop=an.current.scrollHeight))}}var Ar,Tr,Gr=function(){var n=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return[e.createElement(Et,{key:"apple",value:"apple",displayName:"Apple","data-testid":"test-id",description:"Do I keep the doctor away?",onClick:function(e,n){return console.log(e,n)},className:"className"}),e.createElement(Et,{key:"banana",value:"banana",displayName:"Banana"}),e.createElement(Et,{key:"carrot",value:"carrot",displayName:"Carrot",disabled:!0}),e.createElement(Et,{key:"pomegranate",value:"pomegranate",displayName:"Pomegranate",glyph:n?e.createElement(g,{glyph:"Warning"}):void 0,description:"Watch out! I stain everything I touch LOL",disabled:!0}),e.createElement(Et,{key:"plantain",value:"plantain",displayName:"Plantain",glyph:n?e.createElement(g,{glyph:"Connect"}):void 0,description:"Don't confuse me with a banana",onClick:function(){return console.log("I was clicked")}}),e.createElement(Et,{key:"paragraph",value:"paragraph",displayName:"Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper."}),e.createElement(Et,{key:"hash",value:"hash",displayName:"5f4dcc3b5aa765d61d8327deb882cf995f4dcc3b5aa765d61d8327deb882cf99"}),e.createElement(Et,{key:"dragonfruit",value:"dragonfruit",displayName:"Dragonfruit",description:"Rawr"}),e.createElement(Et,{key:"eggplant",value:"eggplant",displayName:"Eggplant"}),e.createElement(Et,{key:"fig",value:"fig",displayName:"Fig"}),e.createElement(Et,{key:"grape",value:"grape",displayName:"Grape"}),e.createElement(Et,{key:"honeydew",value:"honeydew",displayName:"Honeydew"}),e.createElement(Et,{key:"iceberg-lettuce",value:"iceberg-lettuce",displayName:"Iceberg lettuce"}),e.createElement(Nn,{key:"peppers",label:"Peppers"},e.createElement(Et,{key:"cayenne",value:"cayenne",displayName:"Cayenne"}),e.createElement(Et,{key:"ghost-pepper",value:"ghost-pepper",displayName:"Ghost pepper",description:"My name is Zak Bagans. I never believed in ghosts until I became face to face with one."}),e.createElement(Et,{key:"habanero",value:"habanero",displayName:"Habanero"}),e.createElement(Et,{key:"jalapeno",value:"jalapeno",displayName:"Jalapeño"}),e.createElement(Et,{key:"red-pepper",value:"red-pepper",displayName:"Red pepper"}),e.createElement(Et,{key:"scotch-bonnet",value:"scotch-bonnet",displayName:"Scotch bonnet",description:"Don't touch your eyes"}))]},Rr=f(Ar||(Ar=Oe(["\n  width: 256px;\n  padding-block: 64px;\n  display: flex;\n"]))),Wr=["apple","banana"],Xr={title:"Components/Combobox",component:Fr,decorators:[function(n){return e.createElement("div",{className:Rr},e.createElement(n,null))}],parameters:{default:"LiveExample",controls:{exclude:[].concat(Me(u),["as","filteredOptions","initialValue","setError","value","children"])},generate:{storyNames:["SingleSelect","MultiSelect","DisabledInput"],combineArgs:{darkMode:[!1,!0],clearable:[!0,!1],description:[void 0,"Please pick fruit(s)"],label:[void 0,"Choose a fruit"],state:Object.values(_e),size:Object.values(We)},excludeCombinations:[["description",{label:void 0}],{clearable:!1,value:void 0},{multiselect:!0,value:"apple"},{multiselect:!1,value:Wr}]}},args:{label:"Choose a fruit",description:"Please pick fruit(s)",placeholder:"Select fruit",multiselect:!1,darkMode:!1,disabled:!1,clearable:!0,errorMessage:"No Pomegranates!",children:Gr()},argTypes:{darkMode:c.darkMode,multiselect:{control:"boolean"},disabled:{control:"boolean"},clearable:{control:"boolean"},label:{control:"text"},description:{control:"text"},placeholder:{control:"text"},inputValue:{control:"text"},size:{options:Object.values(We),control:"select"},state:{options:Object.values(_e),control:"select"},errorMessage:{control:"text"},searchEmptyMessage:{control:"text"},searchState:{options:Object.values(Ve),control:"select"},searchErrorMessage:{control:"text",if:{arg:"searchState",eq:Ve.Error}},searchLoadingMessage:{control:"text",if:{arg:"searchState",eq:Ve.Loading}},chipTruncationLocation:{options:Object.values($),control:"select",if:{arg:"multiselect"}},chipCharacterLimit:{control:"number",if:{arg:"multiselect"}},overflow:{options:Object.values(Xe),control:"select",if:{arg:"multiselect"}}}},_r=function(n){return e.createElement(e.Fragment,null,n.multiselect?e.createElement(Fr,Se({key:"multi"},n,{multiselect:!0})):e.createElement(Fr,Se({key:"single"},n,{multiselect:!1})))};_r.parameters={chromatic:{disableSnapshot:!0}};var Vr=function(){var n=De(l(null),2),t=n[0],r=n[1];return e.createElement("div",null,e.createElement(Fr,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit",onChange:function(e){r(e)},value:t},e.createElement(Et,{value:"apple"}),e.createElement(Et,{value:"banana"}),e.createElement(Et,{value:"carrot"})),e.createElement(p,{onClick:function(){return r("carrot")}},"Select Carrot"))};Vr.parameters={chromatic:{disableSnapshot:!0}};var Hr=function(){var n=["apple","banana","carrot","dragonfruit","eggplant","fig","grape","honeydew","iceberg-lettuce","jalapeño"],t=De(l(["carrot","grape"]),2),r=t[0],a=t[1];return e.createElement(Fr,{label:"Choose some fruit",placeholder:"Select fruit",initialValue:["apple","fig","raspberry"],multiselect:!0,overflow:"expand-y",onFilter:function(e){a(n.filter((function(n){return n.includes(e)})))},filteredOptions:r},n.map((function(n){return e.createElement(Et,{key:n,value:n})})))};Hr.parameters={chromatic:{disableSnapshot:!0}};var Yr=function(){return e.createElement(e.Fragment,null)};Yr.args={multiselect:!1},Yr.parameters={generate:{combineArgs:{value:[void 0,"apple"]}}};var Br=function(){return e.createElement(e.Fragment,null)};Br.args={multiselect:!0},Br.parameters={generate:{combineArgs:{value:[void 0,Wr]}}};var Kr=function(n){return e.createElement(Fr,Se({},n,{multiselect:!0}),Gr(!1))};Kr.parameters={chromatic:{disableSnapshot:!0}};var qr=function(){return e.createElement(e.Fragment,null)};qr.args={disabled:!0},qr.parameters={generate:{combineArgs:{darkMode:[!0,!1]}}};var Ur,Zr,Jr={render:function(){return e.createElement(Fr,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit"},Gr())},play:(Ur=we().mark((function e(n){var t,r,a;return we().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=d(n.canvasElement.parentElement),r=t.findByRole,e.next=3,r("combobox");case 3:a=e.sent,s.click(a);case 5:case"end":return e.stop()}}),e)})),Zr=function(){var e=this,n=arguments;return new Promise((function(t,r){var a=Ur.apply(e,n);function o(e){Le(a,t,r,o,i,"next",e)}function i(e){Le(a,t,r,o,i,"throw",e)}o(void 0)}))},function(e){return Zr.apply(this,arguments)}),decorators:[function(n,t){return e.createElement("div",{className:f(Tr||(Tr=Oe(["\n          height: 100vh;\n          padding: 0;\n        "])))},e.createElement(n,null))}]};export{Vr as ControlledSingleSelect,qr as DisabledInput,Hr as ExternalFilter,Jr as InitialLongComboboxOpen,_r as LiveExample,Br as MultiSelect,Kr as MultiSelectNoIcons,Yr as SingleSelect,Xr as default};
+import e,{createContext as n,useContext as t,useEffect as r,useMemo as a,useCallback as o,useRef as i,useState as l}from"react";import{storybookArgTypes as c,storybookExcludedControlParams as u}from"@lg-tools/storybook-utils";import{userEvent as s,within as d}from"@storybook/testing-library";import p from"@leafygreen-ui/button";import{css as f,cx as h,keyframes as m}from"@leafygreen-ui/emotion";import g,{isComponentGlyph as v}from"@leafygreen-ui/icon";import b from"lodash/clone";import y from"lodash/debounce";import x from"lodash/isArray";import w from"lodash/isEqual";import k from"lodash/isNull";import E from"lodash/isString";import L from"lodash/isUndefined";import{FormFieldState as N,DEFAULT_MESSAGES as S,FormFieldFeedback as C}from"@leafygreen-ui/form-field";import{useForwardedRef as O,useIdAllocator as D,useAvailableSpace as M,useDynamicRefs as j,usePrevious as I,useAutoScroll as P,useBackdropClick as z}from"@leafygreen-ui/hooks";import F from"@leafygreen-ui/icon-button";import A,{useDarkMode as T,PopoverPropsProvider as G}from"@leafygreen-ui/leafygreen-provider";import{createUniqueClassName as R,keyMap as W,Theme as X,isComponentType as _,consoleOnce as V}from"@leafygreen-ui/lib";import H,{RenderMode as Y,getPopoverRenderModeProps as B,DismissMode as K}from"@leafygreen-ui/popover";import{Error as q,Label as U,Description as Z}from"@leafygreen-ui/typography";import{chipTextClassName as J,TruncationLocation as $,Chip as Q,BaseFontSize as ee,Variant as ne}from"@leafygreen-ui/chip";import{typeScales as te,spacing as re,fontWeights as ae,fontFamilies as oe,color as ie,transitionDuration as le,focusRing as ce}from"@leafygreen-ui/tokens";import{palette as ue}from"@leafygreen-ui/palette";import{transparentize as se}from"polished";import{descriptionClassName as de,titleClassName as pe,leftGlyphClassName as fe,InputOption as he,InputOptionContent as me}from"@leafygreen-ui/input-option";import ge from"lodash/kebabCase";import ve from"lodash/escapeRegExp";import be from"@leafygreen-ui/checkbox";function ye(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 xe(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ye(Object(t),!0).forEach((function(n){Ne(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ye(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function we(){we=function(){return n};var e,n={},t=Object.prototype,r=t.hasOwnProperty,a=Object.defineProperty||function(e,n,t){e[n]=t.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(e,n,t){return Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}),e[n]}try{u({},"")}catch(e){u=function(e,n,t){return e[n]=t}}function s(e,n,t,r){var o=n&&n.prototype instanceof v?n:v,i=Object.create(o.prototype),l=new M(r||[]);return a(i,"_invoke",{value:S(e,t,l)}),i}function d(e,n,t){try{return{type:"normal",arg:e.call(n,t)}}catch(e){return{type:"throw",arg:e}}}n.wrap=s;var p="suspendedStart",f="suspendedYield",h="executing",m="completed",g={};function v(){}function b(){}function y(){}var x={};u(x,i,(function(){return this}));var w=Object.getPrototypeOf,k=w&&w(w(j([])));k&&k!==t&&r.call(k,i)&&(x=k);var E=y.prototype=v.prototype=Object.create(x);function L(e){["next","throw","return"].forEach((function(n){u(e,n,(function(e){return this._invoke(n,e)}))}))}function N(e,n){function t(a,o,i,l){var c=d(e[a],e,o);if("throw"!==c.type){var u=c.arg,s=u.value;return s&&"object"==typeof s&&r.call(s,"__await")?n.resolve(s.__await).then((function(e){t("next",e,i,l)}),(function(e){t("throw",e,i,l)})):n.resolve(s).then((function(e){u.value=e,i(u)}),(function(e){return t("throw",e,i,l)}))}l(c.arg)}var o;a(this,"_invoke",{value:function(e,r){function a(){return new n((function(n,a){t(e,r,n,a)}))}return o=o?o.then(a,a):a()}})}function S(n,t,r){var a=p;return function(o,i){if(a===h)throw Error("Generator is already running");if(a===m){if("throw"===o)throw i;return{value:e,done:!0}}for(r.method=o,r.arg=i;;){var l=r.delegate;if(l){var c=C(l,r);if(c){if(c===g)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===p)throw a=m,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=h;var u=d(n,t,r);if("normal"===u.type){if(a=r.done?m:f,u.arg===g)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(a=m,r.method="throw",r.arg=u.arg)}}}function C(n,t){var r=t.method,a=n.iterator[r];if(a===e)return t.delegate=null,"throw"===r&&n.iterator.return&&(t.method="return",t.arg=e,C(n,t),"throw"===t.method)||"return"!==r&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+r+"' method")),g;var o=d(a,n.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,g;var i=o.arg;return i?i.done?(t[n.resultName]=i.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=e),t.delegate=null,g):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,g)}function O(e){var n={tryLoc:e[0]};1 in e&&(n.catchLoc=e[1]),2 in e&&(n.finallyLoc=e[2],n.afterLoc=e[3]),this.tryEntries.push(n)}function D(e){var n=e.completion||{};n.type="normal",delete n.arg,e.completion=n}function M(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(O,this),this.reset(!0)}function j(n){if(n||""===n){var t=n[i];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var a=-1,o=function t(){for(;++a<n.length;)if(r.call(n,a))return t.value=n[a],t.done=!1,t;return t.value=e,t.done=!0,t};return o.next=o}}throw new TypeError(typeof n+" is not iterable")}return b.prototype=y,a(E,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:b,configurable:!0}),b.displayName=u(y,c,"GeneratorFunction"),n.isGeneratorFunction=function(e){var n="function"==typeof e&&e.constructor;return!!n&&(n===b||"GeneratorFunction"===(n.displayName||n.name))},n.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,u(e,c,"GeneratorFunction")),e.prototype=Object.create(E),e},n.awrap=function(e){return{__await:e}},L(N.prototype),u(N.prototype,l,(function(){return this})),n.AsyncIterator=N,n.async=function(e,t,r,a,o){void 0===o&&(o=Promise);var i=new N(s(e,t,r,a),o);return n.isGeneratorFunction(t)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},L(E),u(E,c,"Generator"),u(E,i,(function(){return this})),u(E,"toString",(function(){return"[object Generator]"})),n.keys=function(e){var n=Object(e),t=[];for(var r in n)t.push(r);return t.reverse(),function e(){for(;t.length;){var r=t.pop();if(r in n)return e.value=r,e.done=!1,e}return e.done=!0,e}},n.values=j,M.prototype={constructor:M,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(D),!n)for(var t in this)"t"===t.charAt(0)&&r.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function a(r,a){return l.type="throw",l.arg=n,t.next=r,a&&(t.method="next",t.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],l=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var c=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,n){for(var t=this.tryEntries.length-1;t>=0;--t){var a=this.tryEntries[t];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=n&&n<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=n,o?(this.method="next",this.next=o.finallyLoc,g):this.complete(i)},complete:function(e,n){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&n&&(this.next=n),g},finish:function(e){for(var n=this.tryEntries.length-1;n>=0;--n){var t=this.tryEntries[n];if(t.finallyLoc===e)return this.complete(t.completion,t.afterLoc),D(t),g}},catch:function(e){for(var n=this.tryEntries.length-1;n>=0;--n){var t=this.tryEntries[n];if(t.tryLoc===e){var r=t.completion;if("throw"===r.type){var a=r.arg;D(t)}return a}}throw Error("illegal catch attempt")},delegateYield:function(n,t,r){return this.delegate={iterator:j(n),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=e),g}},n}function ke(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function Ee(e){return Ee="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},Ee(e)}function Le(e,n,t,r,a,o,i){try{var l=e[o](i),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,a)}function Ne(e,n,t){return(n=ke(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Se(){return Se=Object.assign?Object.assign.bind():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},Se.apply(this,arguments)}function Ce(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 Oe(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function De(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 r,a,o,i,l=[],c=!0,u=!1;try{if(o=(t=t.call(e)).next,0===n);else for(;!(c=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,n)||je(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 Me(e){return function(e){if(Array.isArray(e))return Ie(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||je(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 je(e,n){if(e){if("string"==typeof e)return Ie(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)?Ie(e,n):void 0}}function Ie(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 Pe="Input",ze="ClearButton",Fe="FirstChip",Ae="LastChip",Te="MiddleChip",Ge="Combobox",Re="Menu",We={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},Xe={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},_e=N,Ve={Unset:"unset",Error:"error",Loading:"loading"};var He,Ye,Be,Ke,qe,Ue,Ze,Je,$e,Qe=n({multiselect:!1,size:We.Default,withIcons:!1,disabled:!1,isOpen:!1,state:_e.None,searchState:Ve.Unset,overflow:Xe.expandY}),en=R("combobox-chip"),nn=Ne(Ne(Ne(Ne({},We.XSmall,16),We.Small,te.body1.lineHeight),We.Default,te.body1.lineHeight),We.Large,te.body2.lineHeight),tn=Ne(Ne(Ne(Ne({},We.XSmall,te.body1.fontSize),We.Small,te.body1.fontSize),We.Default,te.body1.fontSize),We.Large,te.body2.fontSize),rn=Ne(Ne(Ne(Ne({},We.XSmall,1),We.Small,0),We.Default,2),We.Large,4),an=Ne(Ne(Ne(Ne({},We.XSmall,f(He||(He=Oe(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),tn[We.XSmall],nn[We.XSmall],J,rn[We.XSmall])),We.Small,f(Ye||(Ye=Oe(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),tn[We.Small],nn[We.Small],J,rn[We.Small])),We.Default,f(Be||(Be=Oe(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-block: ","px;\n    }\n  "])),tn[We.Default],nn[We.Default],J,rn[We.Default])),We.Large,f(Ke||(Ke=Oe(["\n    font-size: ","px;\n    line-height: ","px;\n\n    ."," {\n      padding-inline-end: 10px;\n      padding-block: ","px;\n    }\n  "])),tn[We.Large],nn[We.Large],J,rn[We.Large])),on=e.forwardRef((function(n,a){var o,i=n.displayName,l=n.isFocused,c=n.onRemove,u=n.onFocus,s=t(Qe),d=s.size,p=s.disabled,f=s.overflow,m=s.chipTruncationLocation,g=void 0===m?$.End:m,v=s.chipCharacterLimit,b=void 0===v?12:v,y=f===Xe.scrollX?$.None:g,x=O(a,null),w=null===(o=x.current)||void 0===o?void 0:o.querySelector("button");r((function(){l&&!p&&(null==w||w.focus())}),[p,w,l]);return e.createElement(Q,{label:i,className:h(en,an[d]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=w&&w.contains(e.target)||u()},onKeyDown:function(e){p||e.key!==W.Delete&&e.key!==W.Backspace&&e.key!==W.Enter&&e.key!==W.Space||c()},onDismiss:function(){p||c()},baseFontSize:ee.Body1,chipCharacterLimit:b,chipTruncationLocation:y,variant:ne.Gray,ref:x,disabled:p,tabIndex:-1})}));on.displayName="ComboboxChip";var ln,cn,un,sn,dn,pn,fn,hn,mn,gn,vn,bn,yn,xn,wn=Ne(Ne({},X.Light,f(qe||(qe=Oe(["\n    padding-top: ","px;\n  "])),re[2])),X.Dark,f(Ue||(Ue=Oe(["\n    padding-top: ","px;\n  "])),re[2])),kn=f(Ze||(Ze=Oe(["\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"])),ae.bold),En=Ne(Ne({},X.Light,f(Je||(Je=Oe(["\n    color: ",";\n  "])),ue.gray.dark1)),X.Dark,f($e||($e=Oe(["\n    color: ",";\n  "])),ue.gray.light1));function Ln(n){var t=n.label,r=n.className,a=n.children,o=T().theme,i=D({prefix:"combobox-group"});return e.Children.count(a)>0?e.createElement("div",{className:h(wn[o],r)},e.createElement("div",{className:h(kn,En[o]),id:i},t),e.createElement("div",{role:"group","aria-labelledby":i},a)):e.createElement(e.Fragment,null)}function Nn(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}Nn.displayName="ComboboxGroup";var Sn=Ne(Ne(Ne(Ne({},We.XSmall,{x:12,y:8}),We.Small,{x:12,y:8}),We.Default,{x:12,y:8}),We.Large,{x:12,y:8}),Cn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return f(ln||(ln=Oe(["\n  width: ","px;\n  overflow: hidden;\n  border-radius: 12px;\n  border: 1px solid;\n"])),e)},On=Ne(Ne({},X.Light,f(cn||(cn=Oe(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),se(.85,ue.black),ue.gray.light2)),X.Dark,f(un||(un=Oe(["\n    box-shadow: 0px 4px 7px ",";\n    border-color: ",";\n  "])),se(.85,ue.black),ue.gray.dark2)),Dn=f(sn||(sn=Oe(["\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"])),re[2],oe.default);Ne(Ne({},X.Light,f(dn||(dn=Oe(["\n    color: ",";\n    background-color: ",";\n  "])),ue.black,ue.white)),X.Dark,f(pn||(pn=Oe(["\n    color: ",";\n    background-color: ",";\n  "])),ue.gray.light1,ue.gray.dark3));var Mn,jn=function(e){return f(fn||(fn=Oe(["\n  background-color: ",";\n"])),ie[e].background.primary.default)},In=f(hn||(hn=Oe(["\n  position: relative;\n  margin: 0;\n  padding: 0;\n"]))),Pn=f(mn||(mn=Oe(["\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n"]))),zn=Ne(Ne({},X.Light,f(gn||(gn=Oe(["\n    color: ",";\n  "])),ue.gray.dark3)),X.Dark,f(vn||(vn=Oe(["\n    color: ",";\n  "])),ue.gray.light3)),Fn=function(e){return f(bn||(bn=Oe(["\n  font-size: ","px;\n  line-height: ","px;\n  padding: ","px ","px;\n"])),tn[e],nn[e],Sn[e].y,Sn[e].x)},An=m(yn||(yn=Oe(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),Tn=f(xn||(xn=Oe(["\n  animation: "," 1.5s linear infinite;\n"])),An),Gn=e.forwardRef((function(n,r){var o=n.children,i=n.id,l=n.refEl,c=n.labelId,u=n.menuWidth,s=n.searchLoadingMessage,d=n.searchErrorMessage,p=n.searchEmptyMessage,m=T(),v=m.darkMode,b=m.theme,y=t(Qe),x=y.disabled,w=y.size,k=y.isOpen,E=y.searchState,N=O(r,null),S=M(l),C=L(S)?"unset":"".concat(Math.min(S,256),"px"),D=a((function(){var n=h(Pn,zn[b],Fn(w)),t=h(Pn,Fn(w));switch(E){case"loading":return e.createElement("span",{className:n},e.createElement(g,{glyph:"Refresh",color:v?ue.blue.light1:ue.blue.base,className:Tn}),s);case"error":return e.createElement(q,{className:t},e.createElement(g,{glyph:"Warning",color:v?ue.red.light1:ue.red.base}),e.createElement("span",null,d));default:return o&&"object"===Ee(o)&&"length"in o&&o.length>0?e.createElement("ul",{className:In},o):e.createElement("span",{className:n},p)}}),[b,w,E,v,s,d,o,p]);return e.createElement(H,{active:k&&!x,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:h(Cn(u),On[b])},e.createElement("div",{ref:N,id:i,role:"listbox","aria-labelledby":c,"aria-expanded":k,className:h(Dn,jn(b),f(Mn||(Mn=Oe(["\n              max-height: ",";\n            "])),C)),onMouseDownCapture:function(e){return e.preventDefault()}},D))}));Gn.displayName="ComboboxMenu";var Rn,Wn,Xn,_n,Vn,Hn,Yn,Bn,Kn,qn,Un,Zn,Jn,$n,Qn,et,nt,tt,rt,at,ot=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},it=function(e){var n,t=e.value,r=e.displayName;return{value:null!=t?t:ge(r),displayName:null!==(n=null!=r?r:t)&&void 0!==n?n:""}},lt=function n(t){return e.Children.toArray(t).reduce((function(e,t){if(_(t,"ComboboxOption")){var r=it(t.props),a=r.value,o=r.displayName,i=t.props,l=i.glyph,c=i.disabled;return[].concat(Me(e),[{value:a,displayName:o,isDisabled:!!c,hasGlyph:!!l}])}if(_(t,"ComboboxGroup")){var u=t.props.children;if(u)return[].concat(Me(e),Me(n(u)))}}),[])},ct=function(e,n){if(e)return n.find((function(n){return n.value===e}))},ut=function(e,n){var t,r;return e?null!==(t=null===(r=ct(e,n))||void 0===r?void 0:r.displayName)&&void 0!==t?t:e:""},st=f(Rn||(Rn=Oe(["\n  .",", ."," {\n    font-size: ","px;\n    line-height: 20px;\n  }\n"])),de,pe,te.body2.fontSize),dt=Ne(Ne(Ne(Ne({},We.XSmall,f(Wn||(Wn=Oe(["\n    min-width: ","px;\n  "])),re[3])),We.Small,f(Xn||(Xn=Oe(["\n    min-width: ","px;\n  "])),re[3])),We.Default,f(_n||(_n=Oe(["\n    min-width: ","px;\n  "])),re[3])),We.Large,f(Vn||(Vn=Oe(["\n    min-width: ","px;\n  "])),re[4])),pt=f(Hn||(Hn=Oe(["\n  pointer-events: none;\n  gap: 0;\n\n  label {\n    gap: 0;\n    align-items: center;\n  }\n"])));f(Yn||(Yn=Oe(["\n  pointer-events: none;\n"])));var ft=function(e){return f(Bn||(Bn=Oe(["\n  font-weight: ",";\n"])),e?ae.bold:ae.regular)},ht=Ne(Ne({},X.Light,f(Kn||(Kn=Oe(["\n    color: ",";\n  "])),ue.gray.dark1)),X.Dark,f(qn||(qn=Oe(["\n    color: ",";\n  "])),ue.gray.base)),mt=Ne(Ne({},X.Light,f(Un||(Un=Oe(["\n    color: ",";\n  "])),ue.blue.dark1)),X.Dark,f(Zn||(Zn=Oe(["\n    color: ",";\n  "])),ue.blue.light3)),gt=Ne(Ne({},X.Light,f(Jn||(Jn=Oe(["\n    color: ",";\n  "])),ue.gray.light1)),X.Dark,f($n||($n=Oe(["\n    color: ",";\n  "])),ue.gray.dark1)),vt=Ne(Ne({},X.Light,f(Qn||(Qn=Oe(["\n    color: ",";\n  "])),ue.blue.base)),X.Dark,f(et||(et=Oe(["\n    color: ",";\n  "])),ue.blue.light1)),bt=Ne(Ne({},X.Light,f(nt||(nt=Oe(["\n    color: ",";\n  "])),ue.gray.light1)),X.Dark,f(tt||(tt=Oe(["\n    color: ",";\n  "])),ue.gray.dark1)),yt=f(rt||(rt=Oe(["\n  ."," {\n    align-self: baseline;\n    position: relative;\n    // aligns the checkbox with the option name\n    top: 1px;\n  }\n"])),fe),xt=f(at||(at=Oe(["\n  ."," {\n    // aligns the checkbox with the option name\n    top: 3px;\n  }\n"])),fe),wt=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],kt=e.forwardRef((function(n,r){var i=n.glyph,l=n.isSelected,c=n.displayName,u=n.isFocused,s=n.setSelected,d=n.className,p=n.description,f=n.value,m=n.onClick,b=n.disabled,y=void 0!==b&&b,x=Ce(n,wt),w=T(),k=w.darkMode,E=w.theme,L=t(Qe),N=L.multiselect,S=L.size,C=L.withIcons,M=L.inputValue,j=O(r,null),I=D({prefix:"combobox-option-text"}),P=o((function(e){e.stopPropagation(),y||(s(),null==m||m(e,f))}),[y,m,s,f]),z=a((function(){return function(n){var t=n.withIcons,r=n.isSelected,a=n.glyph,o=n.optionTextId,i=n.disabled,l=n.darkMode,c=n.size,u=n.multiselect,s=n.theme,d=n.isFocused;a&&!v(a)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",a);var p=a&&v(a)?e.cloneElement(a,xe(xe({},a.props),{},{className:h(ht[s],Ne(Ne({},mt[s],d),gt[s],i),a.props.className)})):e.createElement(e.Fragment,null),f=e.createElement(be,{"aria-labelledby":o,checked:r,tabIndex:-1,disabled:i,darkMode:l,className:pt}),m=e.createElement(g,{glyph:"Checkmark",className:h(dt[c],vt[s],Ne({},bt[s],i))});return{leftGlyph:u?t?p:f:t?p:r?m:null,rightGlyph:u?t&&f:t&&r&&m}}({withIcons:C,isSelected:l,glyph:i,theme:E,darkMode:k,size:S,disabled:y,multiselect:N,optionTextId:I,isFocused:u})}),[k,y,i,l,N,I,S,E,C,u]),F=z.leftGlyph,A=z.rightGlyph,G=N&&!C;return e.createElement(he,Se({},x,{as:"li",ref:j,highlighted:u,disabled:y,"aria-label":c,darkMode:k,className:h(Ne(Ne(Ne({},st,S===We.Large),yt,G),xt,G&&S===We.Large),d),onClick:P,onKeyDown:P}),e.createElement(me,{leftGlyph:F,rightGlyph:A,description:p},e.createElement("span",{id:I,className:ft(l)},function(n,t,r){if(t&&r){var a=ve(t),o=new RegExp(a,"gi"),i=n.matchAll(o);if(i){for(var l=n.split(""),c=0,u=Array.from(i);c<u.length;c++){var s,d=u[c],p=null!==(s=d.index)&&void 0!==s?s:-1,f=d[0],h=f.length,m=p+f+h,g=new Array(h).fill("");g[0]=e.createElement(r,{key:m},f),l.splice.apply(l,[p,h].concat(Me(g)))}return e.createElement(e.Fragment,null,l)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(c,M,"strong"))))}));function Et(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}kt.displayName="ComboboxOption",Et.displayName="ComboboxOption";var Lt,Nt,St,Ct,Ot,Dt,Mt,jt,It,Pt,zt,Ft,At,Tt,Gt,Rt,Wt,Xt,_t,Vt,Ht,Yt,Bt,Kt,qt,Ut,Zt,Jt,$t,Qt,er,nr,tr,rr=function(e){return!L(e)&&!k(e)&&(E(e)||x(e)&&e.length>0)},ar=function(e){return nn[e]+2*rn[e]},or=re[100],ir=Ne(Ne(Ne(Ne({},We.XSmall,22),We.Small,28),We.Default,36),We.Large,48),lr=function(e){return(ir[e]-ar(e)-2)/2},cr=Ne(Ne(Ne(Ne({},We.XSmall,{y:lr(We.XSmall),xLeftWithChip:re[25],xLeftWithoutChip:re[200],xRight:re[100]}),We.Small,{y:lr(We.Small),xLeftWithChip:re[100],xLeftWithoutChip:re[200],xRight:re[100]}),We.Default,{y:lr(We.Default),xLeftWithChip:re[150],xLeftWithoutChip:re[300],xRight:re[200]}),We.Large,{y:lr(We.Large),xLeftWithChip:re[300],xLeftWithoutChip:re[300],xRight:re[200]}),ur=re[400],sr=function(e){return f(Lt||(Lt=Oe(["\n    font-family: ",";\n    width: 100%;\n    min-width: ","px;\n  "])),oe.default,tn[e]+2*cr[e].xLeftWithChip+ur+2)},dr=f(Nt||(Nt=Oe(["\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"])),re[200],le.default,le.default),pr=Ne(Ne({},X.Light,f(St||(St=Oe(["\n    color: ",";\n    background-color: ",";\n  "])),ie.light.text.primary.default,ie.light.background.primary.default)),X.Dark,f(Ct||(Ct=Oe(["\n    color: ",";\n    background-color: ",";\n  "])),ie.dark.text.primary.default,ue.gray.dark4)),fr=function(e,n){return f(Ot||(Ot=Oe(["\n  padding-top: ","px;\n  padding-bottom: ","px;\n  padding-left: ",";\n  padding-right: ","px;\n"])),cr[e].y,cr[e].y,"".concat(n?cr[e].xLeftWithChip:cr[e].xLeftWithoutChip,"px"),cr[e].xRight)},hr=function(e){return f(Dt||(Dt=Oe(["\n  cursor: not-allowed;\n  color: ",";\n  background-color: ",";\n  border-color: ",";\n"])),ie[e].text.disabled.default,ie[e].background.disabled.default,ie[e].border.disabled.default)},mr=function(e){return Ne(Ne(Ne({},_e.Error,f(Mt||(Mt=Oe(["\n    border-color: ",";\n  "])),ie[e].border.error.default)),_e.None,f(jt||(jt=Oe(["\n    border-color: ",";\n  "])),ie[e].border.primary.default)),_e.Valid,f(It||(It=Oe(["\n    border-color: ",";\n  "])),ie[e].border.success.default))},gr=Ne(Ne({},X.Light,f(Pt||(Pt=Oe(["\n    &:focus-within {\n      border-color: transparent;\n      box-shadow: ",";\n    }\n  "])),ce[X.Light].input)),X.Dark,f(zt||(zt=Oe(["\n    &:focus-within {\n      border-color: transparent;\n      box-shadow: ",";\n    }\n  "])),ce[X.Dark].input)),vr=f(Ft||(Ft=Oe(["\n  display: flex;\n  align-items: center;\n"]))),br=Ne(Ne(Ne(Ne({},We.XSmall,f(At||(At=Oe(["\n    gap: ","px;\n  "])),re[100])),We.Small,f(Tt||(Tt=Oe(["\n    gap: ","px;\n  "])),re[200])),We.Default,f(Gt||(Gt=Oe(["\n    gap: ","px;\n  "])),re[200])),We.Large,f(Rt||(Rt=Oe(["\n    gap: ","px;\n  "])),re[200])),yr=function(e){var n=e.overflow,t=e.size,r=f(Wt||(Wt=Oe(["\n    flex-grow: 1;\n    width: 100%;\n  "])));switch(n){case Xe.scrollX:return f(Xt||(Xt=Oe(["\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      "])),r,ar(t),en);case Xe.expandY:return f(_t||(_t=Oe(["\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      "])),r,or,ar(t),3*ar(t),or)}},xr=f(Vt||(Vt=Oe(["\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"])),oe.default,re[100]),wr=Ne(Ne({},X.Light,f(Ht||(Ht=Oe(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),ue.gray.base)),X.Dark,f(Yt||(Yt=Oe(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),ue.gray.dark1)),kr=Ne(Ne({},X.Light,f(Bt||(Bt=Oe(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),ue.gray.base)),X.Dark,f(Kt||(Kt=Oe(["\n    &::placeholder {\n      color: ",";\n    }\n  "])),ue.gray.dark1)),Er=function(e){return f(qt||(qt=Oe(["\n  height: ","px;\n  font-size: ","px;\n  line-height: ","px;\n  min-width: ","px;\n"])),ar(e),tn[e],nn[e],tn[e])},Lr=function(e){return f(Ut||(Ut=Oe(["\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")},Nr=function(e,n){var t,r=null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0;return f(Zt||(Zt=Oe(["\n    width: ","px;\n    max-width: 100%;\n  "])),r*tn[e])},Sr=f(Jt||(Jt=Oe(["\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"])),ur/2),Cr=f($t||($t=Oe(["\n  height: ","px;\n  width: ","px;\n"])),ur,ur),Or=f(Qt||(Qt=Oe(["\n  margin-bottom: ","px;\n  display: flex;\n  flex-direction: column;\n"])),re[100]),Dr=f(er||(er=Oe(["\n  font-size: ","px;\n  line-height: ","px;\n"])),te.large.fontSize,te.large.lineHeight),Mr=Ne(Ne({},X.Light,f(nr||(nr=Oe(["\n    ::after {\n      box-shadow: 0px 0px 7px 5px ",";\n    }\n  "])),se(.85,ue.black))),X.Dark,f(tr||(tr=Oe(["\n    ::after {\n      width: 95%;\n      box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n    }\n  "])))),jr=function(e){return ie[e].icon.primary.default},Ir=function(e){return ie[e].icon.disabled.default},Pr=["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","renderMode","portalClassName","portalContainer","portalRef","scrollContainer","popoverZIndex"],zr=["className","glyph","disabled"];function Fr(n){var t=n.children,c=n.label,u=n.description,s=n.placeholder,d=void 0===s?"Select":s,p=n["aria-label"],f=n.disabled,m=void 0!==f&&f,v=n.size,N=void 0===v?We.Default:v,O=n.darkMode,M=n.state,R=void 0===M?"none":M,X=n.errorMessage,H=void 0===X?S.error:X,q=n.successMessage,J=void 0===q?S.success:q,$=n.searchState,Q=void 0===$?"unset":$,ee=n.searchEmptyMessage,ne=void 0===ee?"No results found":ee,te=n.searchErrorMessage,re=void 0===te?"Could not get results!":te,ae=n.searchLoadingMessage,oe=void 0===ae?"Loading results...":ae,ie=n.filteredOptions,le=n.onFilter,ce=n.clearable,ue=void 0===ce||ce,se=n.onClear,de=n.overflow,pe=void 0===de?Xe.expandY:de,fe=n.multiselect,he=void 0!==fe&&fe,me=n.initialValue,ge=n.inputValue,ve=n.onInputChange,be=n.onChange,ye=n.value,we=n.chipTruncationLocation,ke=n.chipCharacterLimit,Le=void 0===ke?12:ke,Oe=n.className,Me=n.renderMode,je=void 0===Me?Y.TopLayer:Me,Ie=n.portalClassName,_e=n.portalContainer,Ve=n.portalRef,He=n.scrollContainer,Ye=n.popoverZIndex,Be=Ce(n,Pr),Ke=T(O),qe=Ke.darkMode,Ue=Ke.theme,Ze=j({prefix:"option"}),Je=j({prefix:"chip"}),$e=D({prefix:"combobox-input"}),en=D({prefix:"combobox-label"}),nn=D({prefix:"combobox-menu"}),tn=i(null),rn=i(null),an=i(null),ln=i(null),cn=i(null),un=De(l(!1),2),sn=un[0],dn=un[1],pn=I(sn),fn=De(l(null),2),hn=fn[0],mn=fn[1],gn=De(l(null),2),vn=gn[0],bn=gn[1],yn=I(vn),xn=De(l(null!=ge?ge:""),2),wn=xn[0],kn=xn[1];r((function(){L(ge)||kn(ge)}),[ge]);var En=function(e){kn(e)},Nn=I(wn),Sn=De(l(null),2),Cn=Sn[0],On=Sn[1],Dn=De(l(!1),2),Mn=Dn[0],jn=Dn[1],In=he&&x(vn)&&vn.length>0?void 0:d,Pn=function(){return dn(!1)},zn=function(){return dn(!0)},Fn=a((function(){return lt(t)}),[t]),An=o((function(e){return!he||"string"!=typeof e&&"number"!=typeof e?!he&&x(e)&&V.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):V.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(Ee(e),' value: "').concat(e,'"')),he&&x(e)}),[he]),Tn=o((function(e){!m&&ln&&ln.current&&(ln.current.focus(),L(e)||ln.current.setSelectionRange(e,e))}),[m]),Rn=o((function(e){if(An(vn)){var n=b(vn),t=be,r={diffType:"delete",value:null!=e?e:vn};k(e)?n.length=0:vn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),r.diffType="insert",En("")),bn(n),null==t||t(n,r)}else{var a=e,o=be;bn(a),null==o||o(a)}}),[An,be,vn]),Wn=o((function(e){var n,t,r,a;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((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:""),vn)}),[Fn,vn]),Xn=o((function(e){var n="string"==typeof e?e:e.value;return ie&&ie.length>0?ie.includes(n):!!Wn(wn)||("string"==typeof e?ut(n,Fn):e.displayName).toLowerCase().includes(wn.toLowerCase())}),[ie,Wn,wn,Fn]),_n=a((function(){return Fn.filter(Xn)}),[Fn,Xn]),Vn=o((function(e){return!!e&&!!Fn.find((function(n){return n.value===e}))}),[Fn]),Hn=o((function(e){return _n?_n.findIndex((function(n){return n.value===e})):-1}),[_n]),Yn=o((function(e){if(_n&&_n.length>=e){var n=_n[e];return n?n.value:void 0}}),[_n]),Bn=o((function(){return An(vn)?vn.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,An,vn]),Kn=De(l(),2),qn=Kn[0],Un=Kn[1],Zn=o((function(e){var n,t=null!==(n=null==_n?void 0:_n.length)&&void 0!==n?n:0,r=t-1>0?t-1:0,a=Hn(hn);switch(e&&sn&&(On(null),Tn()),e){case"next":var o=Yn(a+1<t?a+1:0);mn(null!=o?o:null);break;case"prev":var i=Yn(a-1>=0?a-1:r);mn(null!=i?i:null);break;case"last":var l=Yn(r);mn(null!=l?l:null);break;default:var c=Yn(0);mn(null!=c?c:null)}}),[hn,Hn,Yn,sn,Tn,null==_n?void 0:_n.length]),Jn=o((function(e,n){if(An(vn))switch(e){case"next":var t=null!=n?n:Bn(),r=t+1<vn.length?t+1:vn.length-1,a=vn[r];On(a);break;case"prev":var o=null!=n?n:Bn(),i=o>0?o-1:o<0?vn.length-1:0,l=vn[i];On(l);break;case"first":var c=vn[0];On(c);break;case"last":var u=vn[vn.length-1];On(u);break;default:On(null)}}),[Bn,An,vn]),$n=o((function(e,n){switch(e&&mn(null),e){case"right":switch(qn){case Pe:var t,r,a;if((null===(t=ln.current)||void 0===t?void 0:t.selectionEnd)===(null===(r=ln.current)||void 0===r?void 0:r.value.length))null===(a=rn.current)||void 0===a||a.focus();break;case Fe:case Te:case Ae:if(qn===Ae||1===(null==vn?void 0:vn.length)){Tn(0),Jn(null),n.preventDefault();break}Jn("next")}break;case"left":switch(qn){case ze:var o;n.preventDefault(),Tn(null==ln||null===(o=ln.current)||void 0===o?void 0:o.value.length);break;case Pe:case Te:case Ae:if(An(vn)){var i;if(qn===Pe&&0!==(null===(i=ln.current)||void 0===i?void 0:i.selectionStart))break;Jn("prev")}}break;default:Jn(null)}}),[qn,An,vn,Tn,Jn]);r((function(){sn||Zn("first")}),[sn,Zn]),P(hn?Ze(hn):void 0,cn);var Qn=o((function(n){if(_(n,"ComboboxOption")){var t=it(n.props),r=t.value,a=t.displayName;if(Xn(r)){var o=n.props,i=o.className,l=o.glyph,c=o.disabled,u=Ce(o,zr),s=Fn.findIndex((function(e){return e.value===r})),d=hn===r,p=An(vn)?vn.includes(r):vn===r,f=Ze(r);return e.createElement(kt,Se({},u,{value:r,displayName:a,isFocused:d,isSelected:p,disabled:c,setSelected:function(){mn(r),Rn(r),Tn(),r===vn&&Pn()},glyph:l,className:i,index:s,ref:f}))}}else if(_(n,"ComboboxGroup")){var h=e.Children.map(n.props.children,Qn);if(h&&(null==h?void 0:h.length)>0)return e.createElement(Ln,{label:n.props.label,className:n.props.className},e.Children.map(h,Qn))}}),[Fn,Ze,hn,An,vn,Tn,Xn,Rn]),et=a((function(){return e.Children.map(t,Qn)}),[t,Qn]),nt=a((function(){if(An(vn))return vn.filter(Vn).map((function(n,t){var r=ut(n,Fn),a=Cn===n,o=Je(n),i=t>=vn.length-1;return e.createElement(on,{key:n,displayName:r,isFocused:a,onRemove:function(){i?(Tn(),Jn(null)):Jn("next",t),Rn(n)},onFocus:function(){On(n)},ref:o})}))}),[An,vn,Vn,Fn,Cn,Je,Rn,Tn,Jn]),tt=a((function(){return Fn.some((function(e){return e.hasGlyph}))}),[Fn]),rt=o((function(){var e=_n.find((function(e){return e.displayName===wn||e.value===wn}));if(!ye&&e)Rn(e.value);else if(!An(vn)){var n,t=null!==(n=ut(vn,Fn))&&void 0!==n?n:yn;En(t)}}),[Fn,wn,An,yn,vn,Rn,ye,_n]),at=o((function(){if(rr(vn)){if(An(vn))yt(pe);else if(!An(vn)){var e,n=null!==(e=ut(vn,Fn))&&void 0!==e?e:"";En(n),Pn()}}else En("")}),[Fn,An,vn,pe]);r((function(){if(me)if(x(me)){var e,n=null!==(e=me.filter((function(e){return Vn(e)})))&&void 0!==e?e:[];bn(n)}else Vn(me)&&bn(me);else bn(function(e){return e?[]:null}(he))}),[]),r((function(){if(!L(ye)&&ye!==Nn)if(k(ye))bn(null);else if(An(ye)){var e=ye.filter(Vn);bn(e)}else bn(Vn(ye)?ye:null)}),[An,Vn,Nn,ye]),r((function(){!L(yn)&&(x(vn)&&!k(yn)||E(vn)||k(vn))&&!w(vn,yn)&&at()}),[at,yn,vn]),r((function(){!sn&&pn&&rt()}),[sn,pn,rt]);var st=De(l(0),2),dt=st[0],pt=st[1];r((function(){var e,n;pt(null!==(e=null===(n=tn.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[tn,sn,hn,vn]);z(Pn,[cn,tn],sn);var ft=An(vn)&&!!vn.length,ht=y((function(e){jn(ot(e.target))}),50,{leading:!0}),mt=o((function(e){pe===Xe.expandY&&ht(e)}),[ht,pe]);r((function(){an.current&&jn(ot(an.current))}),[]);var gt,vt=xe({popoverZIndex:Ye},B({dismissMode:K.Manual,portalClassName:Ie,portalContainer:_e,portalRef:Ve,renderMode:je,scrollContainer:He})),bt={disabled:m,errorMessage:H,size:N,state:R,successMessage:J};return e.createElement(A,{darkMode:qe},e.createElement(Qe.Provider,{value:{multiselect:he,size:N,withIcons:tt,disabled:m,isOpen:sn,state:R,searchState:Q,chipTruncationLocation:we,chipCharacterLimit:Le,inputValue:wn,overflow:pe,popoverZIndex:Ye}},e.createElement("div",Se({className:h(sr(N),Oe)},Be),(c||u)&&e.createElement("div",{className:Or},c&&e.createElement(U,{id:en,htmlFor:$e,darkMode:qe,disabled:m,className:h(Ne({},Dr,N===We.Large))},c),u&&e.createElement(Z,{darkMode:qe,disabled:m,className:h(Ne({},Dr,N===We.Large))},u)),e.createElement("div",{ref:tn,role:"combobox","aria-expanded":sn,"aria-controls":nn,"aria-owns":nn,tabIndex:-1,onMouseDown:function(e){m&&e.preventDefault()},onClick:function(e){if(e.target!==ln.current){var n=0;if(ln.current)n=e.nativeEvent.offsetX>ln.current.offsetLeft+ln.current.clientWidth?wn.length:0;Tn(n)}zn()},onFocus:function(e){yt(pe),Un(function(e){var n,t,r,a;if(!e)return;if(null!==(n=ln.current)&&void 0!==n&&n.contains(e))return Pe;if(null!==(t=rn.current)&&void 0!==t&&t.contains(e))return ze;var o=An(vn)?vn.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(An(vn)){if(0===o)return Fe;if(o===vn.length-1)return Ae;if(o>0)return Te}if(null!==(r=cn.current)&&void 0!==r&&r.contains(e))return Re;if(null!==(a=tn.current)&&void 0!==a&&a.contains(e))return Ge}(e.target))},onKeyDown:function(e){var n,t,r=null===(n=cn.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(t=tn.current)||void 0===t?void 0:t.contains(document.activeElement))||r){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case W.Tab:switch(qn){case"Input":rr(vn)||(Pn(),Zn("first"),Jn(null));break;case"LastChip":Jn(null)}break;case W.Escape:Pn(),Zn("first");break;case W.Enter:sn?!sn||qn!==Pe||k(hn)||function(e){if("string"==typeof e){var n=ct(e,Fn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(hn)?qn===ze&&(Rn(null),Tn()):Rn(hn):zn();break;case W.Backspace:var a;if(An(vn))"Input"===qn&&0===(null===(a=ln.current)||void 0===a?void 0:a.selectionStart)&&Jn("last");zn();break;case W.ArrowDown:sn?(e.preventDefault(),Zn("next")):zn();break;case W.ArrowUp:sn?(e.preventDefault(),Zn("prev")):zn();break;case W.ArrowRight:$n("right",e);break;case W.ArrowLeft:$n("left",e);break;default:sn||zn()}}},onTransitionEnd:function(){var e,n;pt(null!==(e=null===(n=tn.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:h(dr,pr[Ue],fr(N,ft),mr(Ue)[R],Ne(Ne(Ne({},gr[Ue],(gt=Pe,gt===qn)),hr(Ue),m),Mr[Ue],Mn))},e.createElement("div",{onScroll:mt,ref:an,className:yr({size:N,overflow:pe})},nt,e.createElement("input",{"aria-label":null!=p?p:c,"aria-autocomplete":"list","aria-controls":nn,"aria-labelledby":en,ref:ln,id:$e,className:h(xr,Er(N),wr[Ue],Lr(sn),Ne(Ne({},Nr(N,wn),An(vn)),kr[Ue],m)),placeholder:In,"aria-disabled":m,readOnly:m,onChange:function(e){En(e.target.value),null==le||le(e.target.value),null==ve||ve(e)},value:wn,autoComplete:"off"})),e.createElement("div",{className:h(vr,br[N])},ue&&rr(vn)&&!m&&e.createElement(F,{"aria-label":"Clear selection",disabled:m,ref:rn,onClick:function(e){m||(e.stopPropagation(),Rn(null),null==se||se(e),null==le||le(""),Tn())},onFocus:function(){mn(null)},className:h(Sr),darkMode:qe},e.createElement(g,{glyph:"XWithCircle"})),e.createElement(g,{glyph:"CaretDown",className:Cr,fill:h(Ne(Ne({},jr(Ue),!m),Ir(Ue),m))}))),e.createElement(C,bt),e.createElement(G,vt,e.createElement(Gn,{id:nn,labelId:en,refEl:tn,ref:cn,menuWidth:dt,searchLoadingMessage:oe,searchErrorMessage:re,searchEmptyMessage:ne},et)))));function yt(e){an&&an.current&&(e===Xe.scrollX&&(an.current.scrollLeft=an.current.scrollWidth),e===Xe.expandY&&(an.current.scrollTop=an.current.scrollHeight))}}var Ar,Tr,Gr=function(){var n=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return[e.createElement(Et,{key:"apple",value:"apple",displayName:"Apple","data-testid":"test-id",description:"Do I keep the doctor away?",onClick:function(e,n){return console.log(e,n)},className:"className"}),e.createElement(Et,{key:"banana",value:"banana",displayName:"Banana"}),e.createElement(Et,{key:"carrot",value:"carrot",displayName:"Carrot",disabled:!0}),e.createElement(Et,{key:"pomegranate",value:"pomegranate",displayName:"Pomegranate",glyph:n?e.createElement(g,{glyph:"Warning"}):void 0,description:"Watch out! I stain everything I touch LOL",disabled:!0}),e.createElement(Et,{key:"plantain",value:"plantain",displayName:"Plantain",glyph:n?e.createElement(g,{glyph:"Connect"}):void 0,description:"Don't confuse me with a banana",onClick:function(){return console.log("I was clicked")}}),e.createElement(Et,{key:"paragraph",value:"paragraph",displayName:"Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper."}),e.createElement(Et,{key:"hash",value:"hash",displayName:"5f4dcc3b5aa765d61d8327deb882cf995f4dcc3b5aa765d61d8327deb882cf99"}),e.createElement(Et,{key:"dragonfruit",value:"dragonfruit",displayName:"Dragonfruit",description:"Rawr"}),e.createElement(Et,{key:"eggplant",value:"eggplant",displayName:"Eggplant"}),e.createElement(Et,{key:"fig",value:"fig",displayName:"Fig"}),e.createElement(Et,{key:"grape",value:"grape",displayName:"Grape"}),e.createElement(Et,{key:"honeydew",value:"honeydew",displayName:"Honeydew"}),e.createElement(Et,{key:"iceberg-lettuce",value:"iceberg-lettuce",displayName:"Iceberg lettuce"}),e.createElement(Nn,{key:"peppers",label:"Peppers"},e.createElement(Et,{key:"cayenne",value:"cayenne",displayName:"Cayenne"}),e.createElement(Et,{key:"ghost-pepper",value:"ghost-pepper",displayName:"Ghost pepper",description:"My name is Zak Bagans. I never believed in ghosts until I became face to face with one."}),e.createElement(Et,{key:"habanero",value:"habanero",displayName:"Habanero"}),e.createElement(Et,{key:"jalapeno",value:"jalapeno",displayName:"Jalapeño"}),e.createElement(Et,{key:"red-pepper",value:"red-pepper",displayName:"Red pepper"}),e.createElement(Et,{key:"scotch-bonnet",value:"scotch-bonnet",displayName:"Scotch bonnet",description:"Don't touch your eyes"}))]},Rr=f(Ar||(Ar=Oe(["\n  width: 256px;\n  padding-block: 64px;\n  display: flex;\n"]))),Wr=["apple","banana"],Xr={title:"Components/Combobox",component:Fr,decorators:[function(n){return e.createElement("div",{className:Rr},e.createElement(n,null))}],parameters:{default:"LiveExample",controls:{exclude:[].concat(Me(u),["as","filteredOptions","initialValue","setError","value","children"])},generate:{storyNames:["SingleSelect","MultiSelect","DisabledInput"],combineArgs:{darkMode:[!1,!0],clearable:[!0,!1],description:[void 0,"Please pick fruit(s)"],label:[void 0,"Choose a fruit"],state:Object.values(_e),size:Object.values(We)},excludeCombinations:[["description",{label:void 0}],{clearable:!1,value:void 0},{multiselect:!0,value:"apple"},{multiselect:!1,value:Wr}]}},args:{label:"Choose a fruit",description:"Please pick fruit(s)",placeholder:"Select fruit",multiselect:!1,darkMode:!1,disabled:!1,clearable:!0,errorMessage:"No Pomegranates!",children:Gr()},argTypes:{darkMode:c.darkMode,multiselect:{control:"boolean"},disabled:{control:"boolean"},clearable:{control:"boolean"},label:{control:"text"},description:{control:"text"},placeholder:{control:"text"},inputValue:{control:"text"},size:{options:Object.values(We),control:"select"},state:{options:Object.values(_e),control:"select"},errorMessage:{control:"text"},searchEmptyMessage:{control:"text"},searchState:{options:Object.values(Ve),control:"select"},searchErrorMessage:{control:"text",if:{arg:"searchState",eq:Ve.Error}},searchLoadingMessage:{control:"text",if:{arg:"searchState",eq:Ve.Loading}},chipTruncationLocation:{options:Object.values($),control:"select",if:{arg:"multiselect"}},chipCharacterLimit:{control:"number",if:{arg:"multiselect"}},overflow:{options:Object.values(Xe),control:"select",if:{arg:"multiselect"}}}},_r=function(n){return e.createElement(e.Fragment,null,n.multiselect?e.createElement(Fr,Se({key:"multi"},n,{multiselect:!0})):e.createElement(Fr,Se({key:"single"},n,{multiselect:!1})))};_r.parameters={chromatic:{disableSnapshot:!0}};var Vr=function(){var n=De(l(null),2),t=n[0],r=n[1];return e.createElement("div",null,e.createElement(Fr,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit",onChange:function(e){r(e)},value:t},e.createElement(Et,{value:"apple"}),e.createElement(Et,{value:"banana"}),e.createElement(Et,{value:"carrot"})),e.createElement(p,{onClick:function(){return r("carrot")}},"Select Carrot"))};Vr.parameters={chromatic:{disableSnapshot:!0}};var Hr=function(){var n=["apple","banana","carrot","dragonfruit","eggplant","fig","grape","honeydew","iceberg-lettuce","jalapeño"],t=De(l(["carrot","grape"]),2),r=t[0],a=t[1];return e.createElement(Fr,{label:"Choose some fruit",placeholder:"Select fruit",initialValue:["apple","fig","raspberry"],multiselect:!0,overflow:"expand-y",onFilter:function(e){a(n.filter((function(n){return n.includes(e)})))},filteredOptions:r},n.map((function(n){return e.createElement(Et,{key:n,value:n})})))};Hr.parameters={chromatic:{disableSnapshot:!0}};var Yr=function(){return e.createElement(e.Fragment,null)};Yr.args={multiselect:!1},Yr.parameters={generate:{combineArgs:{value:[void 0,"apple"]}}};var Br=function(){return e.createElement(e.Fragment,null)};Br.args={multiselect:!0},Br.parameters={generate:{combineArgs:{value:[void 0,Wr]}}};var Kr=function(n){return e.createElement(Fr,Se({},n,{multiselect:!0}),Gr(!1))};Kr.parameters={chromatic:{disableSnapshot:!0}};var qr=function(){return e.createElement(e.Fragment,null)};qr.args={disabled:!0},qr.parameters={generate:{combineArgs:{darkMode:[!0,!1]}}};var Ur,Zr,Jr={render:function(){return e.createElement(Fr,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit"},Gr())},play:(Ur=we().mark((function e(n){var t,r,a;return we().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=d(n.canvasElement.parentElement),r=t.findByRole,e.next=3,r("combobox");case 3:a=e.sent,s.click(a);case 5:case"end":return e.stop()}}),e)})),Zr=function(){var e=this,n=arguments;return new Promise((function(t,r){var a=Ur.apply(e,n);function o(e){Le(a,t,r,o,i,"next",e)}function i(e){Le(a,t,r,o,i,"throw",e)}o(void 0)}))},function(e){return Zr.apply(this,arguments)}),decorators:[function(n,t){return e.createElement("div",{className:f(Tr||(Tr=Oe(["\n          height: 100vh;\n          padding: 0;\n        "])))},e.createElement(n,null))}]};export{Vr as ControlledSingleSelect,qr as DisabledInput,Hr as ExternalFilter,Jr as InitialLongComboboxOpen,_r as LiveExample,Br as MultiSelect,Kr as MultiSelectNoIcons,Yr as SingleSelect,Xr as default};