@leafygreen-ui/combobox 12.0.0 → 12.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +39 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/index.js.map +1 -1
- package/package.json +14 -14
- package/src/Combobox/Combobox.spec.tsx +18 -6
- package/stories.js +3 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@leafygreen-ui/combobox",
|
|
3
|
-
"version": "12.0.
|
|
3
|
+
"version": "12.0.2",
|
|
4
4
|
"description": "leafyGreen UI Kit Combobox",
|
|
5
5
|
"main": "./dist/umd/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -14,25 +14,25 @@
|
|
|
14
14
|
"chalk": "^4.1.2",
|
|
15
15
|
"lodash": "^4.17.21",
|
|
16
16
|
"polished": "^4.2.2",
|
|
17
|
-
"@leafygreen-ui/checkbox": "^
|
|
18
|
-
"@leafygreen-ui/
|
|
17
|
+
"@leafygreen-ui/checkbox": "^18.0.0",
|
|
18
|
+
"@leafygreen-ui/hooks": "^9.1.0",
|
|
19
19
|
"@leafygreen-ui/emotion": "^5.0.0",
|
|
20
|
-
"@leafygreen-ui/
|
|
21
|
-
"@leafygreen-ui/
|
|
22
|
-
"@leafygreen-ui/icon": "^
|
|
23
|
-
"@leafygreen-ui/
|
|
20
|
+
"@leafygreen-ui/icon": "^14.1.0",
|
|
21
|
+
"@leafygreen-ui/form-field": "^4.0.0",
|
|
22
|
+
"@leafygreen-ui/icon-button": "^17.0.2",
|
|
23
|
+
"@leafygreen-ui/chip": "^4.0.2",
|
|
24
|
+
"@leafygreen-ui/input-option": "^4.0.2",
|
|
25
|
+
"@leafygreen-ui/lib": "^15.1.0",
|
|
26
|
+
"@leafygreen-ui/popover": "^14.0.2",
|
|
27
|
+
"@leafygreen-ui/tokens": "^3.1.1",
|
|
24
28
|
"@leafygreen-ui/palette": "^5.0.0",
|
|
25
|
-
"@leafygreen-ui/
|
|
26
|
-
"@leafygreen-ui/lib": "^15.0.0",
|
|
27
|
-
"@leafygreen-ui/popover": "^14.0.0",
|
|
28
|
-
"@leafygreen-ui/tokens": "^3.0.0",
|
|
29
|
-
"@leafygreen-ui/typography": "^21.0.0"
|
|
29
|
+
"@leafygreen-ui/typography": "^22.0.0"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
|
-
"@leafygreen-ui/leafygreen-provider": "^5.0.
|
|
32
|
+
"@leafygreen-ui/leafygreen-provider": "^5.0.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@leafygreen-ui/button": "^24.0.
|
|
35
|
+
"@leafygreen-ui/button": "^24.0.2",
|
|
36
36
|
"@lg-tools/build": "^0.8.0"
|
|
37
37
|
},
|
|
38
38
|
"homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/combobox",
|
|
@@ -428,7 +428,9 @@ describe('packages/combobox', () => {
|
|
|
428
428
|
});
|
|
429
429
|
waitFor(() => {
|
|
430
430
|
const allChips = queryChipsByName(['Apple', 'Banana']);
|
|
431
|
-
allChips?.forEach(chip =>
|
|
431
|
+
allChips?.forEach((chip: HTMLElement) =>
|
|
432
|
+
expect(chip).toBeInTheDocument(),
|
|
433
|
+
);
|
|
432
434
|
expect(queryAllChips()).toHaveLength(2);
|
|
433
435
|
});
|
|
434
436
|
});
|
|
@@ -450,7 +452,9 @@ describe('packages/combobox', () => {
|
|
|
450
452
|
const { openMenu } = renderCombobox('multiple', { initialValue });
|
|
451
453
|
const { selectedElements } = openMenu();
|
|
452
454
|
expect(
|
|
453
|
-
selectedElements?.every(element =>
|
|
455
|
+
selectedElements?.every((element: HTMLElement) =>
|
|
456
|
+
element?.querySelector('input'),
|
|
457
|
+
),
|
|
454
458
|
).toBeTruthy();
|
|
455
459
|
},
|
|
456
460
|
);
|
|
@@ -547,13 +551,17 @@ describe('packages/combobox', () => {
|
|
|
547
551
|
});
|
|
548
552
|
waitFor(() => {
|
|
549
553
|
const allChips = queryChipsByName(['Apple', 'Banana']);
|
|
550
|
-
allChips?.forEach(chip =>
|
|
554
|
+
allChips?.forEach((chip: HTMLElement) =>
|
|
555
|
+
expect(chip).toBeInTheDocument(),
|
|
556
|
+
);
|
|
551
557
|
expect(queryAllChips()).toHaveLength(2);
|
|
552
558
|
value = ['banana', 'carrot'];
|
|
553
559
|
rerenderCombobox({ value });
|
|
554
560
|
waitFor(() => {
|
|
555
561
|
const allChips = queryChipsByName(['Carrot', 'Banana']);
|
|
556
|
-
allChips?.forEach(chip =>
|
|
562
|
+
allChips?.forEach((chip: HTMLElement) =>
|
|
563
|
+
expect(chip).toBeInTheDocument(),
|
|
564
|
+
);
|
|
557
565
|
expect(queryAllChips()).toHaveLength(2);
|
|
558
566
|
});
|
|
559
567
|
});
|
|
@@ -566,7 +574,9 @@ describe('packages/combobox', () => {
|
|
|
566
574
|
});
|
|
567
575
|
waitFor(() => {
|
|
568
576
|
const allChips = queryChipsByName(['Apple']);
|
|
569
|
-
allChips?.forEach(chip =>
|
|
577
|
+
allChips?.forEach((chip: HTMLElement) =>
|
|
578
|
+
expect(chip).toBeInTheDocument(),
|
|
579
|
+
);
|
|
570
580
|
expect(queryChipsByName('Jellybean')).not.toBeInTheDocument();
|
|
571
581
|
expect(queryAllChips()).toHaveLength(1);
|
|
572
582
|
});
|
|
@@ -872,7 +882,9 @@ describe('packages/combobox', () => {
|
|
|
872
882
|
await waitFor(() => {
|
|
873
883
|
expect(appleChip).not.toBeInTheDocument();
|
|
874
884
|
const allChips = queryChipsByName(['Banana', 'Carrot']);
|
|
875
|
-
allChips?.forEach(chip =>
|
|
885
|
+
allChips?.forEach((chip: HTMLElement) =>
|
|
886
|
+
expect(chip).toBeInTheDocument(),
|
|
887
|
+
);
|
|
876
888
|
expect(queryAllChips()).toHaveLength(2);
|
|
877
889
|
});
|
|
878
890
|
});
|
package/stories.js
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
import e,{useRef as n,useEffect as r,createContext as t,useContext as o,useMemo as a,useCallback as i,useState as l}from"react";import{userEvent as c,within as s}from"@storybook/test";import{css as u,cx as d,keyframes as p}from"@leafygreen-ui/emotion";import f,{useDarkMode as h,PopoverPropsProvider as g}from"@leafygreen-ui/leafygreen-provider";import{consoleOnce as m,Theme as b,createUniqueClassName as y,getTheme as v,keyMap as x,isComponentType as k}from"@leafygreen-ui/lib";import{transitionDuration as w,fontFamilies as E,fontWeights as O,typeScales as L,BaseFontSize as N,spacing as S,color as C,focusRing as j}from"@leafygreen-ui/tokens";import{transparentize as D,mix as M}from"polished";import{palette as P}from"@leafygreen-ui/palette";import z,{isComponentGlyph as I}from"@leafygreen-ui/icon";import{useForwardedRef as F,useIdAllocator as T,useAvailableSpace as G,useDynamicRefs as R,usePrevious as _,useAutoScroll as A,useBackdropClick as W}from"@leafygreen-ui/hooks";import{descriptionClassName as X,titleClassName as B,leftGlyphClassName as H,InputOption as Y,InputOptionContent as q}from"@leafygreen-ui/input-option";import{FormFieldState as V,DEFAULT_MESSAGES as U,FormFieldFeedback as K}from"@leafygreen-ui/form-field";import Z from"@leafygreen-ui/checkbox";import J from"lodash/escapeRegExp";import $ from"lodash/clone";import Q from"lodash/debounce";import ee from"lodash/isArray";import ne from"lodash/isEqual";import re from"lodash/isNull";import te from"lodash/isString";import oe from"lodash/isUndefined";import ae from"@leafygreen-ui/icon-button";import ie,{RenderMode as le,getPopoverRenderModeProps as ce,DismissMode as se}from"@leafygreen-ui/popover";import{Error as ue,Label as de,Description as pe}from"@leafygreen-ui/typography";import{chipTextClassName as fe,TruncationLocation as he,Chip as ge,BaseFontSize as me,Variant as be}from"@leafygreen-ui/chip";import ye from"lodash/kebabCase";function ve(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function xe(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ve(Object(r),!0).forEach((function(n){Le(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ve(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function ke(){ke=function(){return n};var e,n={},r=Object.prototype,t=r.hasOwnProperty,o=Object.defineProperty||function(e,n,r){e[n]=r.value},a="function"==typeof Symbol?Symbol:{},i=a.iterator||"@@iterator",l=a.asyncIterator||"@@asyncIterator",c=a.toStringTag||"@@toStringTag";function s(e,n,r){return Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[n]}try{s({},"")}catch(e){s=function(e,n,r){return e[n]=r}}function u(e,n,r,t){var a=n&&n.prototype instanceof b?n:b,i=Object.create(a.prototype),l=new D(t||[]);return o(i,"_invoke",{value:N(e,r,l)}),i}function d(e,n,r){try{return{type:"normal",arg:e.call(n,r)}}catch(e){return{type:"throw",arg:e}}}n.wrap=u;var p="suspendedStart",f="suspendedYield",h="executing",g="completed",m={};function b(){}function y(){}function v(){}var x={};s(x,i,(function(){return this}));var k=Object.getPrototypeOf,w=k&&k(k(M([])));w&&w!==r&&t.call(w,i)&&(x=w);var E=v.prototype=b.prototype=Object.create(x);function O(e){["next","throw","return"].forEach((function(n){s(e,n,(function(e){return this._invoke(n,e)}))}))}function L(e,n){function r(o,a,i,l){var c=d(e[o],e,a);if("throw"!==c.type){var s=c.arg,u=s.value;return u&&"object"==typeof u&&t.call(u,"__await")?n.resolve(u.__await).then((function(e){r("next",e,i,l)}),(function(e){r("throw",e,i,l)})):n.resolve(u).then((function(e){s.value=e,i(s)}),(function(e){return r("throw",e,i,l)}))}l(c.arg)}var a;o(this,"_invoke",{value:function(e,t){function o(){return new n((function(n,o){r(e,t,n,o)}))}return a=a?a.then(o,o):o()}})}function N(n,r,t){var o=p;return function(a,i){if(o===h)throw Error("Generator is already running");if(o===g){if("throw"===a)throw i;return{value:e,done:!0}}for(t.method=a,t.arg=i;;){var l=t.delegate;if(l){var c=S(l,t);if(c){if(c===m)continue;return c}}if("next"===t.method)t.sent=t._sent=t.arg;else if("throw"===t.method){if(o===p)throw o=g,t.arg;t.dispatchException(t.arg)}else"return"===t.method&&t.abrupt("return",t.arg);o=h;var s=d(n,r,t);if("normal"===s.type){if(o=t.done?g:f,s.arg===m)continue;return{value:s.arg,done:t.done}}"throw"===s.type&&(o=g,t.method="throw",t.arg=s.arg)}}}function S(n,r){var t=r.method,o=n.iterator[t];if(o===e)return r.delegate=null,"throw"===t&&n.iterator.return&&(r.method="return",r.arg=e,S(n,r),"throw"===r.method)||"return"!==t&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+t+"' method")),m;var a=d(o,n.iterator,r.arg);if("throw"===a.type)return r.method="throw",r.arg=a.arg,r.delegate=null,m;var i=a.arg;return i?i.done?(r[n.resultName]=i.value,r.next=n.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,m):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,m)}function C(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 j(e){var n=e.completion||{};n.type="normal",delete n.arg,e.completion=n}function D(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function M(n){if(n||""===n){var r=n[i];if(r)return r.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var o=-1,a=function r(){for(;++o<n.length;)if(t.call(n,o))return r.value=n[o],r.done=!1,r;return r.value=e,r.done=!0,r};return a.next=a}}throw new TypeError(typeof n+" is not iterable")}return y.prototype=v,o(E,"constructor",{value:v,configurable:!0}),o(v,"constructor",{value:y,configurable:!0}),y.displayName=s(v,c,"GeneratorFunction"),n.isGeneratorFunction=function(e){var n="function"==typeof e&&e.constructor;return!!n&&(n===y||"GeneratorFunction"===(n.displayName||n.name))},n.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,v):(e.__proto__=v,s(e,c,"GeneratorFunction")),e.prototype=Object.create(E),e},n.awrap=function(e){return{__await:e}},O(L.prototype),s(L.prototype,l,(function(){return this})),n.AsyncIterator=L,n.async=function(e,r,t,o,a){void 0===a&&(a=Promise);var i=new L(u(e,r,t,o),a);return n.isGeneratorFunction(r)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},O(E),s(E,c,"Generator"),s(E,i,(function(){return this})),s(E,"toString",(function(){return"[object Generator]"})),n.keys=function(e){var n=Object(e),r=[];for(var t in n)r.push(t);return r.reverse(),function e(){for(;r.length;){var t=r.pop();if(t in n)return e.value=t,e.done=!1,e}return e.done=!0,e}},n.values=M,D.prototype={constructor:D,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(j),!n)for(var r in this)"t"===r.charAt(0)&&t.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=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 r=this;function o(t,o){return l.type="throw",l.arg=n,r.next=t,o&&(r.method="next",r.arg=e),!!o}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],l=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var c=t.call(i,"catchLoc"),s=t.call(i,"finallyLoc");if(c&&s){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(e,n){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&t.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=n&&n<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=e,i.arg=n,a?(this.method="next",this.next=a.finallyLoc,m):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),m},finish:function(e){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),j(r),m}},catch:function(e){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc===e){var t=r.completion;if("throw"===t.type){var o=t.arg;j(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(n,r,t){return this.delegate={iterator:M(n),resultName:r,nextLoc:t},"next"===this.method&&(this.arg=e),m}},n}function we(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=typeof t)return t;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 Oe(e,n,r,t,o,a,i){try{var l=e[a](i),c=l.value}catch(e){return void r(e)}l.done?n(c):Promise.resolve(c).then(t,o)}function Le(e,n,r){return(n=we(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Ne(){return Ne=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},Ne.apply(this,arguments)}function Se(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function Ce(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function je(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,a,i,l=[],c=!0,s=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||Me(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 De(e){return function(e){if(Array.isArray(e))return Pe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Me(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 Me(e,n){if(e){if("string"==typeof e)return Pe(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Pe(e,n):void 0}}function Pe(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var ze={baseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component",control:{type:"radio"},options:[14,16]},updatedBaseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component. Uses the updated font size values for Euclid Circular A.",control:{type:"radio"},options:[13,16]},darkMode:{description:"Render the component in dark mode.",control:"boolean"},children:{description:"Element rendered inside the component",control:"text"},as:{description:"The component will be rendered in HTML as the element selected here",options:["small","button","a","abbr","address","article","aside","b","big","blockquote","caption","cite","code","dd","del","details","dfn","dialog","div","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","i","ins","kbd","keygen","label","legend","li","main","map","mark","menu","menuitem","meter","nav","noscript","ol","p","picture","pre","progress","q","rp","rt","ruby","s","samp","slot","script","section","select","span","strong","style","sub","summary","sup","template","tbody","td","tfoot","th","thead","time","title","tr","u","ul"],type:{name:"string"},control:{type:"select"},defaultValue:"button"}};function Ie(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function Fe(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?Ie(Object(r),!0).forEach((function(n){Te(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ie(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function Te(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Ge(){return Ge=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},Ge.apply(this,arguments)}function Re(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var _e=function(n){return e.useRef(null)};function Ae(e){return e||"div"}var We=["as","children"],Xe=e.forwardRef((function(n,r){var t=n.as,o=n.children,a=Re(n,We),i=function(e){return{Component:Ae(e),ref:_e()}}(t).Component;return e.createElement(i,Ge({},a,{ref:r}),o)}));Xe.displayName="Polymorph";var Be=["as"];function He(e,n,r){var t=function(e,n,r){var t=null==n?void 0:n.href;return e&&"a"===e?(t&&"string"==typeof t||m.error("LG Polymorphic error",'Component received `as="a"`, but did not receive an `href` prop'),Fe({as:"a",href:"string"==typeof t?t:void 0},n)):Fe(e?{as:e,href:t||void 0}:t&&"string"==typeof t?{as:"a",href:t}:{as:r},n)}(e,n,r),o=t.as,a=Re(t,Be);return{Component:o,as:o,ref:_e(),rest:a}}var Ye=w.slower,qe=function(){var e,n;if("undefined"!=typeof window){var r={setRippleListener:!1,registeredRippleElements:new WeakMap};return null!==(n=(e=window).__LEAFYGREEN_UTILS__)&&void 0!==n||(e.__LEAFYGREEN_UTILS__={modules:{}}),window.__LEAFYGREEN_UTILS__.modules["@leafygreen-ui/ripple"]=r,window.__LEAFYGREEN_UTILS__.modules["@leafygreen-ui/ripple"]}}();function Ve(e){null!=qe&&qe.registeredRippleElements.has(e.target)&&function(e){var n=e.target,r=null==qe?void 0:qe.registeredRippleElements.get(n);if(n&&r){var t=r.backgroundColor,o=n.getBoundingClientRect(),a=document.createElement("span");a.className="lg-ui-ripple",a.style.height=a.style.width=Math.max(o.width,o.height)+"px",n.appendChild(a);var i=e.pageY-o.top-a.offsetHeight/2-document.body.scrollTop,l=e.pageX-o.left-a.offsetWidth/2-document.body.scrollLeft;a.style.top=i+"px",a.style.left=l+"px",a.style.background=t,setTimeout((function(){a.remove()}),750)}}(e)}function Ue(e,n){if(qe){if(qe.registeredRippleElements.set(e,n),!qe.setRippleListener){document.addEventListener("click",Ve,{passive:!0});var r=document.createElement("style");r.innerHTML=Ke,document.head.append(r),qe.setRippleListener=!0}return function(){qe.registeredRippleElements.delete(e)}}}var Ke="\n @-webkit-keyframes lg-ui-ripple {\n from {\n opacity:1;\n }\n to {\n transform: scale(2);\n transition: opacity ".concat(Ye,"ms;\n opacity: 0;\n }\n }\n\n @-moz-keyframes lg-ui-ripple {\n from {\n opacity:1;\n }\n to {\n transform: scale(2);\n transition: opacity ").concat(Ye,"ms;\n opacity: 0;\n }\n }\n\n @keyframes lg-ui-ripple {\n from {\n opacity:1;\n }\n to {\n transform: scale(2);\n transition: opacity ").concat(Ye,"ms;\n opacity: 0;\n }\n }\n\n .lg-ui-ripple {\n position: absolute;\n border-radius: 100%;\n transform: scale(0.2);\n opacity: 0;\n pointer-events: none;\n // Ensures that text is shown above ripple effect\n z-index: -1;\n -webkit-animation: lg-ui-ripple .75s ease-out;\n -moz-animation: lg-ui-ripple .75s ease-out;\n animation: lg-ui-ripple .75s ease-out;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .lg-ui-ripple {\n animation: none;\n transform: none;\n }\n }\n");function Ze(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function Je(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?Ze(Object(r),!0).forEach((function(n){$e(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ze(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function $e(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Qe(){return Qe=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},Qe.apply(this,arguments)}function en(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var nn,rn,tn,on,an,ln,cn,sn,un,dn,pn,fn,hn,gn,mn,bn,yn,vn,xn,kn,wn,En,On,Ln,Nn,Sn,Cn,jn,Dn,Mn,Pn,zn,In,Fn,Tn,Gn,Rn,_n,An,Wn,Xn,Bn,Hn,Yn,qn="default",Vn="primary",Un="primaryOutline",Kn="danger",Zn="dangerOutline",Jn="baseGreen",$n="xsmall",Qn="small",er="default",nr="large",rr=.76,tr=$e($e({},b.Light,$e($e($e($e($e($e({},qn,P.gray.light2),Vn,P.green.dark1),Un,D(rr,P.green.base)),Kn,P.red.light1),Zn,D(rr,P.red.base)),Jn,P.green.light1)),b.Dark,$e($e($e($e($e($e({},qn,P.gray.base),Vn,P.green.dark1),Un,D(rr,P.green.base)),Kn,P.red.dark2),Zn,D(rr,P.red.light1)),Jn,P.green.dark1)),or=u(nn||(nn=en(["\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 5px;\n"]))),ar=u(rn||(rn=en(["\n justify-content: space-between;\n"]))),ir=u(tn||(tn=en(["\n display: grid;\n grid-auto-flow: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n position: relative;\n user-select: none;\n z-index: 0;\n transition: all "," ease-in-out;\n"])),w.default),lr=$e($e($e($e({},$n,u(on||(on=en(["\n padding: 0 7px; // 8px - 1px border\n gap: 6px;\n "])))),Qn,u(an||(an=en(["\n padding: 0 11px; // 12px - 1px border\n gap: 6px;\n "])))),er,u(ln||(ln=en(["\n padding: 0 11px; // 12px - 1px border\n gap: 6px;\n "])))),nr,u(cn||(cn=en(["\n padding: 0 15px; // 16px - 1px border\n gap: 8px;\n "])))),cr=u(sn||(sn=en(["\n position: absolute;\n"]))),sr=u(un||(un=en(["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"]))),ur=$e($e($e($e({},$n,16),Qn,16),er,16),nr,20),dr=$e($e({},b.Dark,P.gray.light1),b.Light,P.gray.dark1),pr=u(dn||(dn=en(["\n visibility: hidden;\n"]))),fr=u(pn||(pn=en(["\n justify-self: right;\n"]))),hr=u(fn||(fn=en(["\n justify-self: left;\n"]))),gr=y("button"),mr=$e($e({},b.Light,$e($e($e($e($e($e({},qn,u(hn||(hn=en(["\n color: ",";\n "])),P.gray.base)),Vn,u(gn||(gn=en(["\n color: ",";\n "])),P.green.light2)),Un,u(mn||(mn=en(["\n color: ",";\n "])),P.green.dark2)),Kn,u(bn||(bn=en(["\n color: ",";\n "])),P.red.light3)),Zn,u(yn||(yn=en(["\n color: ",";\n "])),P.red.light1)),Jn,u(vn||(vn=en(["\n color: ",";\n "])),P.green.dark2))),b.Dark,$e($e($e($e($e($e({},qn,u(xn||(xn=en(["\n color: ",";\n "])),P.gray.light2)),Vn,u(kn||(kn=en(["\n color: ",";\n "])),P.green.light2)),Un,u(wn||(wn=en(["\n color: ",";\n "])),P.green.base)),Kn,u(En||(En=en(["\n color: ",";\n "])),P.red.light2)),Zn,u(On||(On=en(["\n color: ",";\n "])),P.red.light1)),Jn,u(Ln||(Ln=en(["\n color: ",";\n "])),P.green.dark2))),br=$e($e({},b.Light,$e($e($e($e($e($e({},qn,u(Nn||(Nn=en(["\n color: ",";\n "])),P.black)),Vn,u(Sn||(Sn=en(["\n color: ",";\n "])),P.white)),Un,u(Cn||(Cn=en(["\n color: ",";\n "])),P.green.dark2)),Kn,u(jn||(jn=en(["\n color: ",";\n "])),P.white)),Zn,u(Dn||(Dn=en(["\n color: ",";\n "])),P.red.base)),Jn,u(Mn||(Mn=en(["\n color: ",";\n "])),P.green.dark3))),b.Dark,$e($e($e($e($e($e({},qn,u(Pn||(Pn=en(["\n color: ",";\n "])),P.white)),Vn,u(zn||(zn=en(["\n color: ",";\n "])),P.white)),Un,u(In||(In=en(["\n color: ",";\n "])),P.green.base)),Kn,u(Fn||(Fn=en(["\n color: ",";\n "])),P.white)),Zn,u(Tn||(Tn=en(["\n color: ",";\n "])),P.red.light1)),Jn,u(Gn||(Gn=en(["\n color: ",";\n "])),P.green.dark3))),yr=u(Rn||(Rn=en(["\n ."," {\n &:hover,\n &:active {\n color: currentColor;\n }\n }\n"])),gr),vr=$e($e($e($e({},$n,u(_n||(_n=en(["\n height: 14px;\n width: 14px;\n "])))),Qn,u(An||(An=en(["\n height: 16px;\n width: 16px;\n "])))),er,u(Wn||(Wn=en(["\n height: 16px;\n width: 16px;\n "])))),nr,u(Xn||(Xn=en(["\n height: 20px;\n width: 20px;\n "])))),xr=$e($e({},b.Light,u(Bn||(Bn=en(["\n color: ",";\n "])),P.gray.base)),b.Dark,u(Hn||(Hn=en(["\n color: ",";\n "])),P.gray.dark1)),kr=u(Yn||(Yn=en(["\n color: ",";\n"])),P.gray.dark1);function wr(n){var r=n.glyph,t=n.variant,o=n.size,a=n.darkMode,i=n.disabled,l=n.isIconOnlyButton,c=n.className,s=!l&&{"aria-hidden":!0,role:"presentation"},u=v(a),p=l?br:mr;return e.cloneElement(r,Je({className:d(p[u][t],vr[o],$e($e($e({},yr,l),xr[u],i),kr,i&&l&&a),c)},s))}wr.displayName="ButtonIcon";var Er,Or,Lr,Nr,Sr,Cr,jr,Dr,Mr,Pr,zr,Ir,Fr,Tr,Gr,Rr,_r,Ar,Wr,Xr,Br,Hr,Yr,qr,Vr,Ur,Kr,Zr,Jr,$r,Qr,et,nt,rt=function(n){var r,t=n.leftGlyph,o=n.rightGlyph,a=n.className,i=n.children,l=n.variant,c=n.size,s=n.darkMode,u={variant:l,size:c,darkMode:s,disabled:n.disabled,isIconOnlyButton:null!==(r=(t||o)&&!i)&&void 0!==r&&r};return e.createElement("div",{className:d(ir,lr[c],$e({},ar,!!o&&s),a)},t&&e.createElement(wr,Qe({glyph:t,className:fr},u)),i,o&&e.createElement(wr,Qe({glyph:o,className:hr},u)))},tt=function(t){var o,a=t.darkMode,i=t.disabled,l=t.variant,c=t.size,s=t.isLoading,u=t.loadingText,p=t.loadingIndicator,f=t.className,g=h(a),m=g.darkMode,b=g.theme,y=n(null);r((function(){var e,n=tr[b][l];return null==y.current||i||(e=Ue(y.current,{backgroundColor:n})),e}),[y,l,m,i,b]);var v=p&&e.cloneElement(p,Je(Je({},p.props),{},$e({className:d($e({},sr,!u),null===(o=p.props)||void 0===o?void 0:o.className),sizeOverride:ur[c],colorOverride:dr[b]},"data-testid","lg-button-spinner")));return s?e.createElement(e.Fragment,null,e.createElement("div",{className:d(ir,lr[c],$e({},cr,!u))},v,u),!u&&e.createElement(rt,Qe({},t,{className:d(pr,f)}))):e.createElement(e.Fragment,null,e.createElement("div",{className:or,ref:y}),e.createElement(rt,t))},ot="lg-button",at='&:focus-visible, &[data-focus="true"]',it='&:hover, &[data-hover="true"]',lt='&:active, &[data-active="true"]',ct=function(e){return"\n 0 0 0 2px ".concat(e,", \n 0 0 0 4px ").concat(P.blue.light1,";\n")},st=u(Er||(Er=en(["\n // unset browser default\n appearance: none;\n padding: 0;\n margin: 0;\n background-color: transparent;\n border: 1px solid transparent;\n display: inline-flex;\n align-items: stretch;\n transition: all ","ms ease-in-out;\n position: relative;\n text-decoration: none;\n cursor: pointer;\n z-index: 0;\n font-family: ",";\n border-radius: 6px;\n\n "," {\n outline: none;\n }\n\n ",",\n &:focus,\n &:hover {\n text-decoration: none;\n }\n"])),w.default,E.default,at,lt),ut=$e($e({},b.Light,$e($e($e($e($e($e({},qn,u(Or||(Or=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n // needed to override any global button styles\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n box-shadow: 0 0 0 3px ",";\n }\n "])),P.gray.light3,P.gray.base,P.black,at,P.black,it,lt,P.black,P.white,P.gray.light2)),Vn,u(Lr||(Lr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: #00593f; // Not quite dark3\n border-color: #00593f; // Not quite dark3\n box-shadow: 0 0 0 3px ",";\n }\n "])),P.green.dark2,P.green.dark2,P.white,at,P.white,it,lt,P.white,P.green.light2)),Un,u(Nr||(Nr=en(["\n background-color: transparent;\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.green.dark2,P.green.dark2,at,P.green.dark2,it,lt,P.green.dark2,D(.96,P.green.base),P.green.light2)),Kn,u(Sr||(Sr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: #c82222; // not quite dark1\n border-color: #c82222; // not quite dark1\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.red.base,P.red.base,P.white,at,P.white,it,lt,P.white,P.red.light3)),Zn,u(Cr||(Cr=en(["\n background-color: transparent;\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n border-color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.red.light1,P.red.base,at,P.red.base,it,lt,P.red.dark2,D(.96,P.red.base),P.red.base,P.red.light3)),Jn,u(jr||(jr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.green.base,P.green.dark2,P.green.dark3,at,P.green.dark3,it,lt,P.green.dark3,M(.96,P.green.base,P.green.dark3),P.green.light2))),b.Dark,$e($e($e($e($e($e({},qn,u(Dr||(Dr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n background-color: ",";\n border-color: ",";\n color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.gray.dark2,P.gray.base,P.white,at,P.white,it,lt,P.gray.dark1,P.gray.base,P.white,P.gray.dark2)),Vn,u(Mr||(Mr=en(["\n background-color: ",";\n border: 1px solid ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: #00593f; // Off palette\n box-shadow: 0 0 0 3px ",";\n }\n "])),P.green.dark2,P.green.base,P.white,at,P.white,it,lt,P.white,P.green.dark3)),Un,u(Pr||(Pr=en(["\n background-color: transparent;\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n border-color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.green.base,P.green.base,at,P.green.base,it,lt,P.green.base,D(.96,P.green.base),P.green.base,P.green.dark3)),Kn,u(zr||(zr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n border-color: ",";\n color: ",";\n background-color: #c82222; // Off palette\n box-shadow: 0px 0px 0px 3px ","; // yes, yellow\n }\n "])),P.red.base,P.red.light1,P.white,at,P.white,it,lt,P.red.light1,P.white,P.yellow.dark3)),Zn,u(Ir||(Ir=en(["\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n box-shadow: 0px 0px 0px 3px ","; // yes, yellow\n }\n "])),P.red.light1,P.red.light1,at,P.red.light1,it,lt,P.red.light1,D(.96,P.red.base),P.yellow.dark3)),Jn,u(Fr||(Fr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n border-color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.green.base,P.green.dark2,P.green.dark3,at,P.green.dark3,it,lt,P.green.dark3,M(.96,P.green.base,P.green.light3),P.green.dark2,P.green.dark3))),dt=$e($e({},b.Light,$e($e($e($e($e($e({},qn,u(Tr||(Tr=en(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),at,P.white,ct(P.white))),Vn,u(Gr||(Gr=en(["\n "," {\n color: ",";\n background-color: #00593f; // Not quite dark3\n box-shadow: ",";\n }\n "])),at,P.white,ct(P.white))),Un,u(Rr||(Rr=en(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),at,D(.96,P.green.base),ct(P.white))),Kn,u(_r||(_r=en(["\n "," {\n color: ",";\n background-color: #c82222; // not quite dark1\n box-shadow: ",";\n }\n "])),at,P.white,ct(P.white))),Zn,u(Ar||(Ar=en(["\n "," {\n color: ",";\n box-shadow: ",";\n }\n "])),at,P.red.dark2,ct(P.white))),Jn,u(Wr||(Wr=en(["\n "," {\n box-shadow: ",";\n }\n "])),at,ct(P.white)))),b.Dark,$e($e($e($e($e($e({},qn,u(Xr||(Xr=en(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),at,P.gray.dark1,ct(P.black))),Vn,u(Br||(Br=en(["\n "," {\n background-color: #00593f; // Off palette\n box-shadow: ",";\n }\n "])),at,ct(P.black))),Un,u(Hr||(Hr=en(["\n "," {\n background-color: ",";\n border-color: ",";\n box-shadow: ",";\n }\n "])),at,D(.96,P.green.base),P.green.base,ct(P.black))),Kn,u(Yr||(Yr=en(["\n "," {\n background-color: #c82222; // Off palette\n box-shadow: ",";\n }\n "])),at,ct(P.black))),Zn,u(qr||(qr=en(["\n "," {\n background-color: ",";\n border-color: ",";\n box-shadow: ",";\n }\n "])),at,D(.96,P.red.base),P.red.light1,ct(P.black))),Jn,u(Vr||(Vr=en(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),at,P.green.base,ct(P.black)))),pt=$e($e({},b.Light,u(Ur||(Ur=en(["\n &,\n ",", "," {\n background-color: ",";\n border-color: ",";\n color: ",";\n box-shadow: none;\n cursor: not-allowed;\n }\n\n "," {\n color: ",";\n box-shadow: ",";\n }\n "])),it,lt,P.gray.light2,P.gray.light1,P.gray.base,at,P.gray.base,ct(P.white))),b.Dark,u(Kr||(Kr=en(["\n &,\n ",", "," {\n background-color: ",";\n border-color: ",";\n color: ",";\n box-shadow: none;\n cursor: not-allowed;\n }\n\n "," {\n color: ",";\n box-shadow: ",";\n }\n "])),it,lt,P.gray.dark3,P.gray.dark2,P.gray.dark1,at,P.gray.dark1,ct(P.black))),ft=$e($e($e($e({},$n,u(Zr||(Zr=en(["\n height: 22px;\n text-transform: uppercase;\n font-size: 12px;\n line-height: 1em;\n font-weight: ",";\n letter-spacing: 0.4px;\n "])),O.bold)),Qn,u(Jr||(Jr=en(["\n height: 28px;\n "])))),er,u($r||($r=en(["\n height: 36px;\n "])))),nr,u(Qr||(Qr=en(["\n height: 48px;\n font-size: 18px;\n line-height: 24px;\n "])))),ht=$e($e({},N.Body1,u(et||(et=en(["\n font-size: ","px;\n line-height: ","px;\n font-weight: ",";\n "])),L.body1.fontSize,L.body1.lineHeight,O.medium)),N.Body2,u(nt||(nt=en(["\n font-size: ","px;\n line-height: ","px;\n // Pixel pushing for optical alignment purposes\n transform: translateY(1px);\n font-weight: ",";\n "])),L.body2.fontSize,L.body2.lineHeight,O.medium)),gt=["variant","size","darkMode","data-lgid","baseFontSize","disabled","onClick","leftGlyph","rightGlyph","children","className","as","type","isLoading","loadingIndicator","loadingText"],mt=function(n,r){var t,o;return(o=1===n.length?n:e.forwardRef(n)).displayName=null!==(t=n.displayName)&&void 0!==t?t:"PolymorphicComponent",o}((function(n,r){var t=n.variant,o=void 0===t?qn:t,a=n.size,i=void 0===a?er:a,l=n.darkMode,c=n["data-lgid"],s=void 0===c?ot:c,u=n.baseFontSize,p=void 0===u?N.Body1:u,f=n.disabled,g=void 0!==f&&f,m=n.onClick,b=n.leftGlyph,y=n.rightGlyph,x=n.children,k=n.className,w=n.as,E=n.type,O=n.isLoading,L=void 0!==O&&O,S=n.loadingIndicator,C=n.loadingText,j=function(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,gt),D=He(w,j,"button"),M=D.Component,P=D.rest,z=h(l).darkMode,I="a"===M,F=!(g||L),T=function(){return{root:arguments.length>0&&void 0!==arguments[0]?arguments[0]:ot}}(s),G=function(e){var n=e.variant,r=e.size,t=e.baseFontSize,o=e.disabled,a=v(e.darkMode),i=ut[a][n],l=dt[a][n],c=ft[r],s=ht[t];return d(st,i,s,c,$e({},l,!o),$e({},pt[a],o))}({variant:o,size:i,darkMode:z,baseFontSize:p,disabled:!F}),R=Je(Je({"data-lgid":T.root,type:I?void 0:E||"button",className:d(gr,G,k),ref:r,"aria-disabled":!F,onClick:F?m:function(e){return e.preventDefault()}},P),{},{href:F?P.href:void 0}),_={rightGlyph:y,leftGlyph:b,darkMode:z,disabled:g,variant:o,size:i,isLoading:L,loadingIndicator:S,loadingText:C};return e.createElement(M,R,e.createElement(tt,_,x))}));mt.displayName="Button";var bt="Input",yt="ClearButton",vt="FirstChip",xt="LastChip",kt="MiddleChip",wt="Combobox",Et="Menu",Ot={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},Lt={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},Nt=V,St={Unset:"unset",Error:"error",Loading:"loading"};var Ct,jt,Dt,Mt,Pt,zt,It,Ft,Tt,Gt=t({multiselect:!1,size:Ot.Default,withIcons:!1,disabled:!1,isOpen:!1,state:Nt.None,searchState:St.Unset,overflow:Lt.expandY}),Rt=y("combobox-chip"),_t=Le(Le(Le(Le({},Ot.XSmall,16),Ot.Small,L.body1.lineHeight),Ot.Default,L.body1.lineHeight),Ot.Large,L.body2.lineHeight),At=Le(Le(Le(Le({},Ot.XSmall,L.body1.fontSize),Ot.Small,L.body1.fontSize),Ot.Default,L.body1.fontSize),Ot.Large,L.body2.fontSize),Wt=Le(Le(Le(Le({},Ot.XSmall,1),Ot.Small,0),Ot.Default,2),Ot.Large,4),Xt=Le(Le(Le(Le({},Ot.XSmall,u(Ct||(Ct=Ce(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),At[Ot.XSmall],_t[Ot.XSmall],fe,Wt[Ot.XSmall])),Ot.Small,u(jt||(jt=Ce(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),At[Ot.Small],_t[Ot.Small],fe,Wt[Ot.Small])),Ot.Default,u(Dt||(Dt=Ce(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),At[Ot.Default],_t[Ot.Default],fe,Wt[Ot.Default])),Ot.Large,u(Mt||(Mt=Ce(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),At[Ot.Large],_t[Ot.Large],fe,Wt[Ot.Large])),Bt=e.forwardRef((function(n,t){var a,i=n.displayName,l=n.isFocused,c=n.onRemove,s=n.onFocus,u=o(Gt),p=u.size,f=u.disabled,h=u.overflow,g=u.chipTruncationLocation,m=void 0===g?he.End:g,b=u.chipCharacterLimit,y=void 0===b?12:b,v=h===Lt.scrollX?he.None:m,k=F(t,null),w=null===(a=k.current)||void 0===a?void 0:a.querySelector("button");r((function(){l&&!f&&(null==w||w.focus())}),[f,w,l]);return e.createElement(ge,{label:i,className:d(Rt,Xt[p]),role:"option","aria-selected":l,"data-testid":"lg-combobox-chip",onClick:function(e){null!=w&&w.contains(e.target)||s()},onKeyDown:function(e){f||e.key!==x.Delete&&e.key!==x.Backspace&&e.key!==x.Enter&&e.key!==x.Space||c()},onDismiss:function(){f||c()},baseFontSize:me.Body1,chipCharacterLimit:y,chipTruncationLocation:v,variant:be.Gray,ref:k,disabled:f,tabIndex:-1})}));Bt.displayName="ComboboxChip";var Ht,Yt,qt,Vt,Ut,Kt,Zt,Jt,$t,Qt,eo,no,ro,to,oo=Le(Le({},b.Light,u(Pt||(Pt=Ce(["\n padding-top: ","px;\n "])),S[2])),b.Dark,u(zt||(zt=Ce(["\n padding-top: ","px;\n "])),S[2])),ao=u(It||(It=Ce(["\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"])),O.bold),io=Le(Le({},b.Light,u(Ft||(Ft=Ce(["\n color: ",";\n "])),P.gray.dark1)),b.Dark,u(Tt||(Tt=Ce(["\n color: ",";\n "])),P.gray.light1));function lo(n){var r=n.label,t=n.className,o=n.children,a=h().theme,i=T({prefix:"combobox-group"});return e.Children.count(o)>0?e.createElement("div",{className:d(oo[a],t)},e.createElement("div",{className:d(ao,io[a]),id:i},r),e.createElement("div",{role:"group","aria-labelledby":i},o)):e.createElement(e.Fragment,null)}function co(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}co.displayName="ComboboxGroup";var so=Le(Le(Le(Le({},Ot.XSmall,{x:12,y:8}),Ot.Small,{x:12,y:8}),Ot.Default,{x:12,y:8}),Ot.Large,{x:12,y:8}),uo=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return u(Ht||(Ht=Ce(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},po=Le(Le({},b.Light,u(Yt||(Yt=Ce(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),D(.85,P.black),P.gray.light2)),b.Dark,u(qt||(qt=Ce(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),D(.85,P.black),P.gray.dark2)),fo=u(Vt||(Vt=Ce(["\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"])),S[2],E.default);Le(Le({},b.Light,u(Ut||(Ut=Ce(["\n color: ",";\n background-color: ",";\n "])),P.black,P.white)),b.Dark,u(Kt||(Kt=Ce(["\n color: ",";\n background-color: ",";\n "])),P.gray.light1,P.gray.dark3));var ho,go=function(e){return u(Zt||(Zt=Ce(["\n background-color: ",";\n"])),C[e].background.primary.default)},mo=u(Jt||(Jt=Ce(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),bo=u($t||($t=Ce(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),yo=Le(Le({},b.Light,u(Qt||(Qt=Ce(["\n color: ",";\n "])),P.gray.dark3)),b.Dark,u(eo||(eo=Ce(["\n color: ",";\n "])),P.gray.light3)),vo=function(e){return u(no||(no=Ce(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),At[e],_t[e],so[e].y,so[e].x)},xo=p(ro||(ro=Ce(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),ko=u(to||(to=Ce(["\n animation: "," 1.5s linear infinite;\n"])),xo),wo=e.forwardRef((function(n,r){var t=n.children,i=n.id,l=n.refEl,c=n.labelId,s=n.menuWidth,p=n.searchLoadingMessage,f=n.searchErrorMessage,g=n.searchEmptyMessage,m=h(),b=m.darkMode,y=m.theme,v=o(Gt),x=v.disabled,k=v.size,w=v.isOpen,E=v.searchState,O=F(r,null),L=G(l),N=oe(L)?"unset":"".concat(Math.min(L,256),"px"),S=a((function(){var n=d(bo,yo[y],vo(k)),r=d(bo,vo(k));switch(E){case"loading":return e.createElement("span",{className:n},e.createElement(z,{glyph:"Refresh",color:b?P.blue.light1:P.blue.base,className:ko}),p);case"error":return e.createElement(ue,{className:r},e.createElement(z,{glyph:"Warning",color:b?P.red.light1:P.red.base}),e.createElement("span",null,f));default:return t&&"object"===Ee(t)&&"length"in t&&t.length>0?e.createElement("ul",{className:mo},t):e.createElement("span",{className:n},g)}}),[y,k,E,b,p,f,t,g]);return e.createElement(ie,{active:w&&!x,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:d(uo(s),po[y])},e.createElement("div",{ref:O,id:i,role:"listbox","aria-labelledby":c,"aria-expanded":w,className:d(fo,go(y),u(ho||(ho=Ce(["\n max-height: ",";\n "])),N)),onMouseDownCapture:function(e){return e.preventDefault()}},S))}));wo.displayName="ComboboxMenu";var Eo,Oo,Lo,No,So,Co,jo,Do,Mo,Po,zo,Io,Fo,To,Go,Ro,_o,Ao,Wo,Xo,Bo=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Ho=function(e){var n,r=e.value,t=e.displayName;return{value:null!=r?r:ye(t),displayName:null!==(n=null!=t?t:r)&&void 0!==n?n:""}},Yo=function n(r){return e.Children.toArray(r).reduce((function(e,r){if(k(r,"ComboboxOption")){var t=Ho(r.props),o=t.value,a=t.displayName,i=r.props,l=i.glyph,c=i.disabled;return[].concat(De(e),[{value:o,displayName:a,isDisabled:!!c,hasGlyph:!!l}])}if(k(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(De(e),De(n(s)))}}),[])},qo=function(e,n){if(e)return n.find((function(n){return n.value===e}))},Vo=function(e,n){var r,t;return e?null!==(r=null===(t=qo(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},Uo=u(Eo||(Eo=Ce(["\n .",", ."," {\n font-size: ","px;\n line-height: 20px;\n }\n"])),X,B,L.body2.fontSize),Ko=Le(Le(Le(Le({},Ot.XSmall,u(Oo||(Oo=Ce(["\n min-width: ","px;\n "])),S[3])),Ot.Small,u(Lo||(Lo=Ce(["\n min-width: ","px;\n "])),S[3])),Ot.Default,u(No||(No=Ce(["\n min-width: ","px;\n "])),S[3])),Ot.Large,u(So||(So=Ce(["\n min-width: ","px;\n "])),S[4])),Zo=u(Co||(Co=Ce(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));u(jo||(jo=Ce(["\n pointer-events: none;\n"])));var Jo=function(e){return u(Do||(Do=Ce(["\n font-weight: ",";\n"])),e?O.bold:O.regular)},$o=Le(Le({},b.Light,u(Mo||(Mo=Ce(["\n color: ",";\n "])),P.gray.dark1)),b.Dark,u(Po||(Po=Ce(["\n color: ",";\n "])),P.gray.base)),Qo=Le(Le({},b.Light,u(zo||(zo=Ce(["\n color: ",";\n "])),P.blue.dark1)),b.Dark,u(Io||(Io=Ce(["\n color: ",";\n "])),P.blue.light3)),ea=Le(Le({},b.Light,u(Fo||(Fo=Ce(["\n color: ",";\n "])),P.gray.light1)),b.Dark,u(To||(To=Ce(["\n color: ",";\n "])),P.gray.dark1)),na=Le(Le({},b.Light,u(Go||(Go=Ce(["\n color: ",";\n "])),P.blue.base)),b.Dark,u(Ro||(Ro=Ce(["\n color: ",";\n "])),P.blue.light1)),ra=Le(Le({},b.Light,u(_o||(_o=Ce(["\n color: ",";\n "])),P.gray.light1)),b.Dark,u(Ao||(Ao=Ce(["\n color: ",";\n "])),P.gray.dark1)),ta=u(Wo||(Wo=Ce(["\n ."," {\n align-self: baseline;\n position: relative;\n // aligns the checkbox with the option name\n top: 1px;\n }\n"])),H),oa=u(Xo||(Xo=Ce(["\n ."," {\n // aligns the checkbox with the option name\n top: 3px;\n }\n"])),H),aa=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],ia=e.forwardRef((function(n,r){var t=n.glyph,l=n.isSelected,c=n.displayName,s=n.isFocused,u=n.setSelected,p=n.className,f=n.description,g=n.value,m=n.onClick,b=n.disabled,y=void 0!==b&&b,v=Se(n,aa),x=h(),k=x.darkMode,w=x.theme,E=o(Gt),O=E.multiselect,L=E.size,N=E.withIcons,S=E.inputValue,C=F(r,null),j=T({prefix:"combobox-option-text"}),D=i((function(e){e.stopPropagation(),y||(u(),null==m||m(e,g))}),[y,m,u,g]),M=a((function(){return function(n){var r=n.withIcons,t=n.isSelected,o=n.glyph,a=n.optionTextId,i=n.disabled,l=n.darkMode,c=n.size,s=n.multiselect,u=n.theme,p=n.isFocused;o&&!I(o)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",o);var f=o&&I(o)?e.cloneElement(o,xe(xe({},o.props),{},{className:d($o[u],Le(Le({},Qo[u],p),ea[u],i),o.props.className)})):e.createElement(e.Fragment,null),h=e.createElement(Z,{"aria-labelledby":a,checked:t,tabIndex:-1,disabled:i,darkMode:l,className:Zo}),g=e.createElement(z,{glyph:"Checkmark",className:d(Ko[c],na[u],Le({},ra[u],i))});return{leftGlyph:s?r?f:h:r?f:t?g:null,rightGlyph:s?r&&h:r&&t&&g}}({withIcons:N,isSelected:l,glyph:t,theme:w,darkMode:k,size:L,disabled:y,multiselect:O,optionTextId:j,isFocused:s})}),[k,y,t,l,O,j,L,w,N,s]),P=M.leftGlyph,G=M.rightGlyph,R=O&&!N;return e.createElement(Y,Ne({},v,{as:"li",ref:C,highlighted:s,disabled:y,"aria-label":c,darkMode:k,className:d(Le(Le(Le({},Uo,L===Ot.Large),ta,R),oa,R&&L===Ot.Large),p),onClick:D,onKeyDown:D}),e.createElement(q,{leftGlyph:P,rightGlyph:G,description:f},e.createElement("span",{id:j,className:Jo(l)},function(n,r,t){if(r&&t){var o=J(r),a=new RegExp(o,"gi"),i=n.matchAll(a);if(i){for(var l=n.split(""),c=0,s=Array.from(i);c<s.length;c++){var u,d=s[c],p=null!==(u=d.index)&&void 0!==u?u:-1,f=d[0],h=f.length,g=p+f+h,m=new Array(h).fill("");m[0]=e.createElement(t,{key:g},f),l.splice.apply(l,[p,h].concat(De(m)))}return e.createElement(e.Fragment,null,l)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(c,S,"strong"))))}));function la(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}ia.displayName="ComboboxOption",la.displayName="ComboboxOption";var ca,sa,ua,da,pa,fa,ha,ga,ma,ba,ya,va,xa,ka,wa,Ea,Oa,La,Na,Sa,Ca,ja,Da,Ma,Pa,za,Ia,Fa,Ta,Ga,Ra,_a,Aa,Wa=function(e){return!oe(e)&&!re(e)&&(te(e)||ee(e)&&e.length>0)},Xa=function(e){return _t[e]+2*Wt[e]},Ba=S[100],Ha=Le(Le(Le(Le({},Ot.XSmall,22),Ot.Small,28),Ot.Default,36),Ot.Large,48),Ya=function(e){return(Ha[e]-Xa(e)-2)/2},qa=Le(Le(Le(Le({},Ot.XSmall,{y:Ya(Ot.XSmall),xLeftWithChip:S[25],xLeftWithoutChip:S[200],xRight:S[100]}),Ot.Small,{y:Ya(Ot.Small),xLeftWithChip:S[100],xLeftWithoutChip:S[200],xRight:S[100]}),Ot.Default,{y:Ya(Ot.Default),xLeftWithChip:S[150],xLeftWithoutChip:S[300],xRight:S[200]}),Ot.Large,{y:Ya(Ot.Large),xLeftWithChip:S[300],xLeftWithoutChip:S[300],xRight:S[200]}),Va=S[400],Ua=function(e){return u(ca||(ca=Ce(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),E.default,At[e]+2*qa[e].xLeftWithChip+Va+2)},Ka=u(sa||(sa=Ce(["\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"])),S[200],w.default,w.default),Za=Le(Le({},b.Light,u(ua||(ua=Ce(["\n color: ",";\n background-color: ",";\n "])),C.light.text.primary.default,C.light.background.primary.default)),b.Dark,u(da||(da=Ce(["\n color: ",";\n background-color: ",";\n "])),C.dark.text.primary.default,P.gray.dark4)),Ja=function(e,n){return u(pa||(pa=Ce(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),qa[e].y,qa[e].y,"".concat(n?qa[e].xLeftWithChip:qa[e].xLeftWithoutChip,"px"),qa[e].xRight)},$a=function(e){return u(fa||(fa=Ce(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n"])),C[e].text.disabled.default,C[e].background.disabled.default,C[e].border.disabled.default)},Qa=function(e){return Le(Le(Le({},Nt.Error,u(ha||(ha=Ce(["\n border-color: ",";\n "])),C[e].border.error.default)),Nt.None,u(ga||(ga=Ce(["\n border-color: ",";\n "])),C[e].border.primary.default)),Nt.Valid,u(ma||(ma=Ce(["\n border-color: ",";\n "])),C[e].border.success.default))},ei=Le(Le({},b.Light,u(ba||(ba=Ce(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),j[b.Light].input)),b.Dark,u(ya||(ya=Ce(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),j[b.Dark].input)),ni=u(va||(va=Ce(["\n display: flex;\n align-items: center;\n"]))),ri=Le(Le(Le(Le({},Ot.XSmall,u(xa||(xa=Ce(["\n gap: ","px;\n "])),S[100])),Ot.Small,u(ka||(ka=Ce(["\n gap: ","px;\n "])),S[200])),Ot.Default,u(wa||(wa=Ce(["\n gap: ","px;\n "])),S[200])),Ot.Large,u(Ea||(Ea=Ce(["\n gap: ","px;\n "])),S[200])),ti=function(e){var n=e.overflow,r=e.size,t=u(Oa||(Oa=Ce(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case Lt.scrollX:return u(La||(La=Ce(["\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 "])),t,Xa(r),Rt);case Lt.expandY:return u(Na||(Na=Ce(["\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 "])),t,Ba,Xa(r),3*Xa(r),Ba)}},oi=u(Sa||(Sa=Ce(["\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"])),E.default,S[100]),ai=Le(Le({},b.Light,u(Ca||(Ca=Ce(["\n &::placeholder {\n color: ",";\n }\n "])),P.gray.base)),b.Dark,u(ja||(ja=Ce(["\n &::placeholder {\n color: ",";\n }\n "])),P.gray.dark1)),ii=Le(Le({},b.Light,u(Da||(Da=Ce(["\n &::placeholder {\n color: ",";\n }\n "])),P.gray.base)),b.Dark,u(Ma||(Ma=Ce(["\n &::placeholder {\n color: ",";\n }\n "])),P.gray.dark1)),li=function(e){return u(Pa||(Pa=Ce(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),Xa(e),At[e],_t[e],At[e])},ci=function(e){return u(za||(za=Ce(["\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")},si=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return u(Ia||(Ia=Ce(["\n width: ","px;\n max-width: 100%;\n "])),t*At[e])},ui=u(Fa||(Fa=Ce(["\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"])),Va/2),di=u(Ta||(Ta=Ce(["\n height: ","px;\n width: ","px;\n"])),Va,Va),pi=u(Ga||(Ga=Ce(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),S[100]),fi=u(Ra||(Ra=Ce(["\n font-size: ","px;\n line-height: ","px;\n"])),L.large.fontSize,L.large.lineHeight),hi=Le(Le({},b.Light,u(_a||(_a=Ce(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),D(.85,P.black))),b.Dark,u(Aa||(Aa=Ce(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),gi=function(e){return C[e].icon.primary.default},mi=function(e){return C[e].icon.disabled.default},bi=["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"],yi=["className","glyph","disabled"];function vi(t){var o=t.children,c=t.label,s=t.description,u=t.placeholder,p=void 0===u?"Select":u,b=t["aria-label"],y=t.disabled,v=void 0!==y&&y,w=t.size,E=void 0===w?Ot.Default:w,O=t.darkMode,L=t.state,N=void 0===L?"none":L,S=t.errorMessage,C=void 0===S?U.error:S,j=t.successMessage,D=void 0===j?U.success:j,M=t.searchState,P=void 0===M?"unset":M,I=t.searchEmptyMessage,F=void 0===I?"No results found":I,G=t.searchErrorMessage,X=void 0===G?"Could not get results!":G,B=t.searchLoadingMessage,H=void 0===B?"Loading results...":B,Y=t.filteredOptions,q=t.onFilter,V=t.clearable,Z=void 0===V||V,J=t.onClear,ie=t.overflow,ue=void 0===ie?Lt.expandY:ie,fe=t.multiselect,he=void 0!==fe&&fe,ge=t.initialValue,me=t.inputValue,be=t.onInputChange,ye=t.onChange,ve=t.value,ke=t.chipTruncationLocation,we=t.chipCharacterLimit,Oe=void 0===we?12:we,Ce=t.className,De=t.renderMode,Me=void 0===De?le.TopLayer:De,Pe=t.portalClassName,ze=t.portalContainer,Ie=t.portalRef,Fe=t.scrollContainer,Te=t.popoverZIndex,Ge=Se(t,bi),Re=h(O),_e=Re.darkMode,Ae=Re.theme,We=R({prefix:"option"}),Xe=R({prefix:"chip"}),Be=T({prefix:"combobox-input"}),He=T({prefix:"combobox-label"}),Ye=T({prefix:"combobox-menu"}),qe=n(null),Ve=n(null),Ue=n(null),Ke=n(null),Ze=n(null),Je=je(l(!1),2),$e=Je[0],Qe=Je[1],en=_($e),nn=je(l(null),2),rn=nn[0],tn=nn[1],on=je(l(null),2),an=on[0],ln=on[1],cn=_(an),sn=je(l(null!=me?me:""),2),un=sn[0],dn=sn[1];r((function(){oe(me)||dn(me)}),[me]);var pn=function(e){dn(e)},fn=_(un),hn=je(l(null),2),gn=hn[0],mn=hn[1],bn=je(l(!1),2),yn=bn[0],vn=bn[1],xn=he&&ee(an)&&an.length>0?void 0:p,kn=function(){return Qe(!1)},wn=function(){return Qe(!0)},En=a((function(){return Yo(o)}),[o]),On=i((function(e){return!he||"string"!=typeof e&&"number"!=typeof e?!he&&ee(e)&&m.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):m.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(Ee(e),' value: "').concat(e,'"')),he&&ee(e)}),[he]),Ln=i((function(e){!v&&Ke&&Ke.current&&(Ke.current.focus(),oe(e)||Ke.current.setSelectionRange(e,e))}),[v]),Nn=i((function(e){if(On(an)){var n=$(an),r=ye,t={diffType:"delete",value:null!=e?e:an};re(e)?n.length=0:an.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),t.diffType="insert",pn("")),ln(n),null==r||r(n,t)}else{var o=e,a=ye;ln(o),null==a||a(o)}}),[On,ye,an]),Sn=i((function(e){var n,r,t,o;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((r=En,(n=e)?null!==(t=null===(o=r.find((function(e){return e.displayName===n})))||void 0===o?void 0:o.value)&&void 0!==t?t:n:""),an)}),[En,an]),Cn=i((function(e){var n="string"==typeof e?e:e.value;return Y&&Y.length>0?Y.includes(n):!!Sn(un)||("string"==typeof e?Vo(n,En):e.displayName).toLowerCase().includes(un.toLowerCase())}),[Y,Sn,un,En]),jn=a((function(){return En.filter(Cn)}),[En,Cn]),Dn=i((function(e){return!!e&&!!En.find((function(n){return n.value===e}))}),[En]),Mn=i((function(e){return jn?jn.findIndex((function(n){return n.value===e})):-1}),[jn]),Pn=i((function(e){if(jn&&jn.length>=e){var n=jn[e];return n?n.value:void 0}}),[jn]),zn=i((function(){return On(an)?an.findIndex((function(e){var n;return null===(n=Xe(e))||void 0===n||null===(n=n.current)||void 0===n?void 0:n.contains(document.activeElement)})):-1}),[Xe,On,an]),In=je(l(),2),Fn=In[0],Tn=In[1],Gn=i((function(e){var n,r=null!==(n=null==jn?void 0:jn.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,o=Mn(rn);switch(e&&$e&&(mn(null),Ln()),e){case"next":var a=Pn(o+1<r?o+1:0);tn(null!=a?a:null);break;case"prev":var i=Pn(o-1>=0?o-1:t);tn(null!=i?i:null);break;case"last":var l=Pn(t);tn(null!=l?l:null);break;default:var c=Pn(0);tn(null!=c?c:null)}}),[rn,Mn,Pn,$e,Ln,null==jn?void 0:jn.length]),Rn=i((function(e,n){if(On(an))switch(e){case"next":var r=null!=n?n:zn(),t=r+1<an.length?r+1:an.length-1,o=an[t];mn(o);break;case"prev":var a=null!=n?n:zn(),i=a>0?a-1:a<0?an.length-1:0,l=an[i];mn(l);break;case"first":var c=an[0];mn(c);break;case"last":var s=an[an.length-1];mn(s);break;default:mn(null)}}),[zn,On,an]),_n=i((function(e,n){switch(e&&tn(null),e){case"right":switch(Fn){case bt:var r,t,o;if((null===(r=Ke.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=Ke.current)||void 0===t?void 0:t.value.length))null===(o=Ve.current)||void 0===o||o.focus();break;case vt:case kt:case xt:if(Fn===xt||1===(null==an?void 0:an.length)){Ln(0),Rn(null),n.preventDefault();break}Rn("next")}break;case"left":switch(Fn){case yt:var a;n.preventDefault(),Ln(null==Ke||null===(a=Ke.current)||void 0===a?void 0:a.value.length);break;case bt:case kt:case xt:if(On(an)){var i;if(Fn===bt&&0!==(null===(i=Ke.current)||void 0===i?void 0:i.selectionStart))break;Rn("prev")}}break;default:Rn(null)}}),[Fn,On,an,Ln,Rn]);r((function(){$e||Gn("first")}),[$e,Gn]),A(rn?We(rn):void 0,Ze);var An=i((function(n){if(k(n,"ComboboxOption")){var r=Ho(n.props),t=r.value,o=r.displayName;if(Cn(t)){var a=n.props,i=a.className,l=a.glyph,c=a.disabled,s=Se(a,yi),u=En.findIndex((function(e){return e.value===t})),d=rn===t,p=On(an)?an.includes(t):an===t,f=We(t);return e.createElement(ia,Ne({},s,{value:t,displayName:o,isFocused:d,isSelected:p,disabled:c,setSelected:function(){tn(t),Nn(t),Ln(),t===an&&kn()},glyph:l,className:i,index:u,ref:f}))}}else if(k(n,"ComboboxGroup")){var h=e.Children.map(n.props.children,An);if(h&&(null==h?void 0:h.length)>0)return e.createElement(lo,{label:n.props.label,className:n.props.className},e.Children.map(h,An))}}),[En,We,rn,On,an,Ln,Cn,Nn]),Wn=a((function(){return e.Children.map(o,An)}),[o,An]),Xn=a((function(){if(On(an))return an.filter(Dn).map((function(n,r){var t=Vo(n,En),o=gn===n,a=Xe(n),i=r>=an.length-1;return e.createElement(Bt,{key:n,displayName:t,isFocused:o,onRemove:function(){i?(Ln(),Rn(null)):Rn("next",r),Nn(n)},onFocus:function(){mn(n)},ref:a})}))}),[On,an,Dn,En,gn,Xe,Nn,Ln,Rn]),Bn=a((function(){return En.some((function(e){return e.hasGlyph}))}),[En]),Hn=i((function(){var e=jn.find((function(e){return e.displayName===un||e.value===un}));if(!ve&&e)Nn(e.value);else if(!On(an)){var n,r=null!==(n=Vo(an,En))&&void 0!==n?n:cn;pn(r)}}),[En,un,On,cn,an,Nn,ve,jn]),Yn=i((function(){if(Wa(an)){if(On(an))nr(ue);else if(!On(an)){var e,n=null!==(e=Vo(an,En))&&void 0!==e?e:"";pn(n),kn()}}else pn("")}),[En,On,an,ue]);r((function(){if(ge)if(ee(ge)){var e,n=null!==(e=ge.filter((function(e){return Dn(e)})))&&void 0!==e?e:[];ln(n)}else Dn(ge)&&ln(ge);else ln(function(e){return e?[]:null}(he))}),[]),r((function(){if(!oe(ve)&&ve!==fn)if(re(ve))ln(null);else if(On(ve)){var e=ve.filter(Dn);ln(e)}else ln(Dn(ve)?ve:null)}),[On,Dn,fn,ve]),r((function(){!oe(cn)&&(ee(an)&&!re(cn)||te(an)||re(an))&&!ne(an,cn)&&Yn()}),[Yn,cn,an]),r((function(){!$e&&en&&Hn()}),[$e,en,Hn]);var qn=je(l(0),2),Vn=qn[0],Un=qn[1];r((function(){var e,n;Un(null!==(e=null===(n=qe.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[qe,$e,rn,an]);W(kn,[Ze,qe],{enabled:$e});var Kn=On(an)&&!!an.length,Zn=Q((function(e){vn(Bo(e.target))}),50,{leading:!0}),Jn=i((function(e){ue===Lt.expandY&&Zn(e)}),[Zn,ue]);r((function(){Ue.current&&vn(Bo(Ue.current))}),[]);var $n,Qn=xe({popoverZIndex:Te},ce({dismissMode:se.Manual,portalClassName:Pe,portalContainer:ze,portalRef:Ie,renderMode:Me,scrollContainer:Fe})),er={disabled:v,errorMessage:C,size:E,state:N,successMessage:D};return e.createElement(f,{darkMode:_e},e.createElement(Gt.Provider,{value:{multiselect:he,size:E,withIcons:Bn,disabled:v,isOpen:$e,state:N,searchState:P,chipTruncationLocation:ke,chipCharacterLimit:Oe,inputValue:un,overflow:ue,popoverZIndex:Te}},e.createElement("div",Ne({className:d(Ua(E),Ce)},Ge),(c||s)&&e.createElement("div",{className:pi},c&&e.createElement(de,{id:He,htmlFor:Be,darkMode:_e,disabled:v,className:d(Le({},fi,E===Ot.Large))},c),s&&e.createElement(pe,{darkMode:_e,disabled:v,className:d(Le({},fi,E===Ot.Large))},s)),e.createElement("div",{ref:qe,role:"combobox","aria-expanded":$e,"aria-controls":Ye,"aria-owns":Ye,tabIndex:-1,onMouseDown:function(e){v&&e.preventDefault()},onClick:function(e){if(e.target!==Ke.current){var n=0;if(Ke.current)n=e.nativeEvent.offsetX>Ke.current.offsetLeft+Ke.current.clientWidth?un.length:0;Ln(n)}wn()},onFocus:function(e){nr(ue),Tn(function(e){var n,r,t,o;if(!e)return;if(null!==(n=Ke.current)&&void 0!==n&&n.contains(e))return bt;if(null!==(r=Ve.current)&&void 0!==r&&r.contains(e))return yt;var a=On(an)?an.findIndex((function(n){var r;return null===(r=Xe(n))||void 0===r||null===(r=r.current)||void 0===r?void 0:r.contains(e)})):-1;if(On(an)){if(0===a)return vt;if(a===an.length-1)return xt;if(a>0)return kt}if(null!==(t=Ze.current)&&void 0!==t&&t.contains(e))return Et;if(null!==(o=qe.current)&&void 0!==o&&o.contains(e))return wt}(e.target))},onKeyDown:function(e){var n,r,t=null===(n=Ze.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=qe.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case x.Tab:switch(Fn){case"Input":Wa(an)||(kn(),Gn("first"),Rn(null));break;case"LastChip":Rn(null)}break;case x.Escape:kn(),Gn("first");break;case x.Enter:$e?!$e||Fn!==bt||re(rn)||function(e){if("string"==typeof e){var n=qo(e,En);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(rn)?Fn===yt&&(Nn(null),Ln()):Nn(rn):wn();break;case x.Backspace:var o;if(On(an))"Input"===Fn&&0===(null===(o=Ke.current)||void 0===o?void 0:o.selectionStart)&&Rn("last");wn();break;case x.ArrowDown:$e?(e.preventDefault(),Gn("next")):wn();break;case x.ArrowUp:$e?(e.preventDefault(),Gn("prev")):wn();break;case x.ArrowRight:_n("right",e);break;case x.ArrowLeft:_n("left",e);break;default:$e||wn()}}},onTransitionEnd:function(){var e,n;Un(null!==(e=null===(n=qe.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:d(Ka,Za[Ae],Ja(E,Kn),Qa(Ae)[N],Le(Le(Le({},ei[Ae],($n=bt,$n===Fn)),$a(Ae),v),hi[Ae],yn))},e.createElement("div",{onScroll:Jn,ref:Ue,className:ti({size:E,overflow:ue})},Xn,e.createElement("input",{"aria-label":null!=b?b:c,"aria-autocomplete":"list","aria-controls":Ye,"aria-labelledby":He,ref:Ke,id:Be,className:d(oi,li(E),ai[Ae],ci($e),Le(Le({},si(E,un),On(an)),ii[Ae],v)),placeholder:xn,"aria-disabled":v,readOnly:v,onChange:function(e){pn(e.target.value),null==q||q(e.target.value),null==be||be(e)},value:un,autoComplete:"off"})),e.createElement("div",{className:d(ni,ri[E])},Z&&Wa(an)&&!v&&e.createElement(ae,{"aria-label":"Clear selection",disabled:v,ref:Ve,onClick:function(e){v||(e.stopPropagation(),Nn(null),null==J||J(e),null==q||q(""),Ln())},onFocus:function(){tn(null)},className:d(ui),darkMode:_e},e.createElement(z,{glyph:"XWithCircle"})),e.createElement(z,{glyph:"CaretDown",className:di,fill:d(Le(Le({},gi(Ae),!v),mi(Ae),v))}))),e.createElement(K,er),e.createElement(g,Qn,e.createElement(wo,{id:Ye,labelId:He,refEl:qe,ref:Ze,menuWidth:Vn,searchLoadingMessage:H,searchErrorMessage:X,searchEmptyMessage:F},Wn)))));function nr(e){Ue&&Ue.current&&(e===Lt.scrollX&&(Ue.current.scrollLeft=Ue.current.scrollWidth),e===Lt.expandY&&(Ue.current.scrollTop=Ue.current.scrollHeight))}}var xi,ki,wi=function(){var n=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return[e.createElement(la,{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(la,{key:"banana",value:"banana",displayName:"Banana"}),e.createElement(la,{key:"carrot",value:"carrot",displayName:"Carrot",disabled:!0}),e.createElement(la,{key:"pomegranate",value:"pomegranate",displayName:"Pomegranate",glyph:n?e.createElement(z,{glyph:"Warning"}):void 0,description:"Watch out! I stain everything I touch LOL",disabled:!0}),e.createElement(la,{key:"plantain",value:"plantain",displayName:"Plantain",glyph:n?e.createElement(z,{glyph:"Connect"}):void 0,description:"Don't confuse me with a banana",onClick:function(){return console.log("I was clicked")}}),e.createElement(la,{key:"paragraph",value:"paragraph",displayName:"Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper."}),e.createElement(la,{key:"hash",value:"hash",displayName:"5f4dcc3b5aa765d61d8327deb882cf995f4dcc3b5aa765d61d8327deb882cf99"}),e.createElement(la,{key:"dragonfruit",value:"dragonfruit",displayName:"Dragonfruit",description:"Rawr"}),e.createElement(la,{key:"eggplant",value:"eggplant",displayName:"Eggplant"}),e.createElement(la,{key:"fig",value:"fig",displayName:"Fig"}),e.createElement(la,{key:"grape",value:"grape",displayName:"Grape"}),e.createElement(la,{key:"honeydew",value:"honeydew",displayName:"Honeydew"}),e.createElement(la,{key:"iceberg-lettuce",value:"iceberg-lettuce",displayName:"Iceberg lettuce"}),e.createElement(co,{key:"peppers",label:"Peppers"},e.createElement(la,{key:"cayenne",value:"cayenne",displayName:"Cayenne"}),e.createElement(la,{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(la,{key:"habanero",value:"habanero",displayName:"Habanero"}),e.createElement(la,{key:"jalapeno",value:"jalapeno",displayName:"Jalapeño"}),e.createElement(la,{key:"red-pepper",value:"red-pepper",displayName:"Red pepper"}),e.createElement(la,{key:"scotch-bonnet",value:"scotch-bonnet",displayName:"Scotch bonnet",description:"Don't touch your eyes"}))]},Ei=u(xi||(xi=Ce(["\n width: 256px;\n padding-block: 64px;\n display: flex;\n"]))),Oi=["apple","banana"],Li={title:"Components/Combobox",component:vi,decorators:[function(n){return e.createElement("div",{className:Ei},e.createElement(n,null))}],parameters:{default:"LiveExample",controls:{exclude:[].concat(De(["aria-controls","aria-describedby","aria-label","aria-labelledby","aria-describedby","className","data-lgid","id","onBlur","onCancel","onChange","onClear","onClick","onConfirm","onDismiss","onFilter","popoverZIndex","portalClassName","portalContainer","ref","setOpen","scrollContainer","usePortal"]),["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(Nt),size:Object.values(Ot)},excludeCombinations:[["description",{label:void 0}],{clearable:!1,value:void 0},{multiselect:!0,value:"apple"},{multiselect:!1,value:Oi}]}},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:wi()},argTypes:{darkMode:ze.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(Ot),control:"select"},state:{options:Object.values(Nt),control:"select"},errorMessage:{control:"text"},searchEmptyMessage:{control:"text"},searchState:{options:Object.values(St),control:"select"},searchErrorMessage:{control:"text",if:{arg:"searchState",eq:St.Error}},searchLoadingMessage:{control:"text",if:{arg:"searchState",eq:St.Loading}},chipTruncationLocation:{options:Object.values(he),control:"select",if:{arg:"multiselect"}},chipCharacterLimit:{control:"number",if:{arg:"multiselect"}},overflow:{options:Object.values(Lt),control:"select",if:{arg:"multiselect"}}}},Ni=function(n){return e.createElement(e.Fragment,null,n.multiselect?e.createElement(vi,Ne({key:"multi"},n,{multiselect:!0})):e.createElement(vi,Ne({key:"single"},n,{multiselect:!1})))};Ni.parameters={chromatic:{disableSnapshot:!0}};var Si=function(){var n=je(l(null),2),r=n[0],t=n[1];return e.createElement("div",null,e.createElement(vi,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit",onChange:function(e){t(e)},value:r},e.createElement(la,{value:"apple"}),e.createElement(la,{value:"banana"}),e.createElement(la,{value:"carrot"})),e.createElement(mt,{onClick:function(){return t("carrot")}},"Select Carrot"))};Si.parameters={chromatic:{disableSnapshot:!0}};var Ci=function(){var n=["apple","banana","carrot","dragonfruit","eggplant","fig","grape","honeydew","iceberg-lettuce","jalapeño"],r=je(l(["carrot","grape"]),2),t=r[0],o=r[1];return e.createElement(vi,{label:"Choose some fruit",placeholder:"Select fruit",initialValue:["apple","fig","raspberry"],multiselect:!0,overflow:"expand-y",onFilter:function(e){o(n.filter((function(n){return n.includes(e)})))},filteredOptions:t},n.map((function(n){return e.createElement(la,{key:n,value:n})})))};Ci.parameters={chromatic:{disableSnapshot:!0}};var ji=function(){return e.createElement(e.Fragment,null)};ji.args={multiselect:!1},ji.parameters={generate:{combineArgs:{value:[void 0,"apple"]}}};var Di=function(){return e.createElement(e.Fragment,null)};Di.args={multiselect:!0},Di.parameters={generate:{combineArgs:{value:[void 0,Oi]}}};var Mi=function(n){return e.createElement(vi,Ne({},n,{multiselect:!0}),wi(!1))};Mi.parameters={chromatic:{disableSnapshot:!0}};var Pi=function(){return e.createElement(e.Fragment,null)};Pi.args={disabled:!0},Pi.parameters={generate:{combineArgs:{darkMode:[!0,!1]}}};var zi,Ii={render:function(){return e.createElement(vi,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit"},wi())},play:(zi=function(e){return function(){var n=this,r=arguments;return new Promise((function(t,o){var a=e.apply(n,r);function i(e){Oe(a,t,o,i,l,"next",e)}function l(e){Oe(a,t,o,i,l,"throw",e)}i(void 0)}))}}(ke().mark((function e(n){var r,t,o;return ke().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=s(n.canvasElement.parentElement),t=r.findByRole,e.next=3,t("combobox");case 3:o=e.sent,c.click(o);case 5:case"end":return e.stop()}}),e)}))),function(e){return zi.apply(this,arguments)}),decorators:[function(n,r){return e.createElement("div",{className:u(ki||(ki=Ce(["\n height: 100vh;\n padding: 0;\n "])))},e.createElement(n,null))}]};export{Si as ControlledSingleSelect,Pi as DisabledInput,Ci as ExternalFilter,Ii as InitialLongComboboxOpen,Ni as LiveExample,Di as MultiSelect,Mi as MultiSelectNoIcons,ji as SingleSelect,Li as default};
|
|
1
|
+
import e,{useRef as n,useEffect as r,createContext as t,useContext as o,useMemo as a,useCallback as l,useState as i}from"react";import{userEvent as c,within as s}from"@storybook/test";import{css as d,cx as u,keyframes as p}from"@leafygreen-ui/emotion";import f,{useDarkMode as g,PopoverPropsProvider as h}from"@leafygreen-ui/leafygreen-provider";import{consoleOnce as m,Theme as b,createUniqueClassName as y,getTheme as v,keyMap as x,isComponentType as k}from"@leafygreen-ui/lib";import{transitionDuration as w,fontFamilies as E,fontWeights as O,typeScales as S,BaseFontSize as N,spacing as C,color as L,focusRing as j}from"@leafygreen-ui/tokens";import{transparentize as D,mix as M}from"polished";import{palette as P}from"@leafygreen-ui/palette";import z,{isComponentGlyph as I}from"@leafygreen-ui/icon";import{useForwardedRef as F,useIdAllocator as T,useAvailableSpace as R,useDynamicRefs as G,usePrevious as A,useAutoScroll as _,useBackdropClick as W}from"@leafygreen-ui/hooks";import{descriptionClassName as X,titleClassName as B,leftGlyphClassName as H,InputOption as q,InputOptionContent as V}from"@leafygreen-ui/input-option";import{FormFieldState as Y,DEFAULT_MESSAGES as U,FormFieldFeedback as K}from"@leafygreen-ui/form-field";import Z from"@leafygreen-ui/checkbox";import J from"lodash/escapeRegExp";import $ from"lodash/clone";import Q from"lodash/debounce";import ee from"lodash/isArray";import ne from"lodash/isEqual";import re from"lodash/isNull";import te from"lodash/isString";import oe from"lodash/isUndefined";import ae from"@leafygreen-ui/icon-button";import le,{RenderMode as ie,getPopoverRenderModeProps as ce,DismissMode as se}from"@leafygreen-ui/popover";import{Error as de,Label as ue,Description as pe}from"@leafygreen-ui/typography";import{chipTextClassName as fe,TruncationLocation as ge,Chip as he,BaseFontSize as me,Variant as be}from"@leafygreen-ui/chip";import ye from"lodash/kebabCase";function ve(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}function xe(e,n,r,t,o,a,l){try{var i=e[a](l),c=i.value}catch(e){return void r(e)}i.done?n(c):Promise.resolve(c).then(t,o)}function ke(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function we(){return we=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},we.apply(null,arguments)}function Ee(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function Oe(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?Ee(Object(r),!0).forEach((function(n){ke(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ee(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function Se(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(-1!==n.indexOf(t))continue;r[t]=e[t]}return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],-1===n.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function Ne(){
|
|
2
|
+
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
|
|
3
|
+
var e,n,r="function"==typeof Symbol?Symbol:{},t=r.iterator||"@@iterator",o=r.toStringTag||"@@toStringTag";function a(r,t,o,a){var c=t&&t.prototype instanceof i?t:i,s=Object.create(c.prototype);return Ce(s,"_invoke",function(r,t,o){var a,i,c,s=0,d=o||[],u=!1,p={p:0,n:0,v:e,a:f,f:f.bind(e,4),d:function(n,r){return a=n,i=0,c=e,p.n=r,l}};function f(r,t){for(i=r,c=t,n=0;!u&&s&&!o&&n<d.length;n++){var o,a=d[n],f=p.p,g=a[2];r>3?(o=g===t)&&(c=a[(i=a[4])?5:(i=3,3)],a[4]=a[5]=e):a[0]<=f&&((o=r<2&&f<a[1])?(i=0,p.v=t,p.n=a[1]):f<g&&(o=r<3||a[0]>t||t>g)&&(a[4]=r,a[5]=t,p.n=g,i=0))}if(o||r>1)return l;throw u=!0,t}return function(o,d,g){if(s>1)throw TypeError("Generator is already running");for(u&&1===d&&f(d,g),i=d,c=g;(n=i<2?e:c)||!u;){a||(i?i<3?(i>1&&(p.n=-1),f(i,c)):p.n=c:p.v=c);try{if(s=2,a){if(i||(o="next"),n=a[o]){if(!(n=n.call(a,c)))throw TypeError("iterator result is not an object");if(!n.done)return n;c=n.value,i<2&&(i=0)}else 1===i&&(n=a.return)&&n.call(a),i<2&&(c=TypeError("The iterator does not provide a '"+o+"' method"),i=1);a=e}else if((n=(u=p.n<0)?c:r.call(t,p))!==l)break}catch(n){a=e,i=1,c=n}finally{s=1}}return{value:n,done:u}}}(r,o,a),!0),s}var l={};function i(){}function c(){}function s(){}n=Object.getPrototypeOf;var d=[][t]?n(n([][t]())):(Ce(n={},t,(function(){return this})),n),u=s.prototype=i.prototype=Object.create(d);function p(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,s):(e.__proto__=s,Ce(e,o,"GeneratorFunction")),e.prototype=Object.create(u),e}return c.prototype=s,Ce(u,"constructor",s),Ce(s,"constructor",c),c.displayName="GeneratorFunction",Ce(s,o,"GeneratorFunction"),Ce(u),Ce(u,o,"Generator"),Ce(u,t,(function(){return this})),Ce(u,"toString",(function(){return"[object Generator]"})),(Ne=function(){return{w:a,m:p}})()}function Ce(e,n,r,t){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}Ce=function(e,n,r,t){if(n)o?o(e,n,{value:r,enumerable:!t,configurable:!t,writable:!t}):e[n]=r;else{function a(n,r){Ce(e,n,(function(e){return this._invoke(n,r,e)}))}a("next",0),a("throw",1),a("return",2)}},Ce(e,n,r,t)}function Le(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,a,l,i=[],c=!0,s=!1;try{if(a=(r=r.call(e)).next,0===n);else for(;!(c=(t=a.call(r)).done)&&(i.push(t.value),i.length!==n);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw o}}return i}}(e,n)||Pe(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 je(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function De(e){return function(e){if(Array.isArray(e))return ve(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Pe(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 Me(e){return Me="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},Me(e)}function Pe(e,n){if(e){if("string"==typeof e)return ve(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ve(e,n):void 0}}var ze={baseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component",control:{type:"radio"},options:[14,16]},updatedBaseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component. Uses the updated font size values for Euclid Circular A.",control:{type:"radio"},options:[13,16]},darkMode:{description:"Render the component in dark mode.",control:"boolean"},children:{description:"Element rendered inside the component",control:"text"},as:{description:"The component will be rendered in HTML as the element selected here",options:["small","button","a","abbr","address","article","aside","b","big","blockquote","caption","cite","code","dd","del","details","dfn","dialog","div","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","i","ins","kbd","keygen","label","legend","li","main","map","mark","menu","menuitem","meter","nav","noscript","ol","p","picture","pre","progress","q","rp","rt","ruby","s","samp","slot","script","section","select","span","strong","style","sub","summary","sup","template","tbody","td","tfoot","th","thead","time","title","tr","u","ul"],type:{name:"string"},control:{type:"select"},defaultValue:"button"}};function Ie(e,n,r){return(n=function(e){var n=function(e){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Fe(){return Fe=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},Fe.apply(null,arguments)}function Te(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function Re(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?Te(Object(r),!0).forEach((function(n){Ie(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Te(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function Ge(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(-1!==n.indexOf(t))continue;r[t]=e[t]}return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],-1===n.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var Ae=function(n){return e.useRef(null)};function _e(e){return e||"div"}var We=["as","children"],Xe=e.forwardRef((function(n,r){var t=n.as,o=n.children,a=Ge(n,We),l=function(e){return{Component:_e(e),ref:Ae()}}(t).Component;return e.createElement(l,Fe({},a,{ref:r}),o)}));Xe.displayName="Polymorph";var Be=["as"];function He(e,n,r){var t=function(e,n,r){var t=null==n?void 0:n.href;return e&&"a"===e?(t&&"string"==typeof t||m.error("LG Polymorphic error",'Component received `as="a"`, but did not receive an `href` prop'),Re({as:"a",href:"string"==typeof t?t:void 0},n)):Re(e?{as:e,href:t||void 0}:t&&"string"==typeof t?{as:"a",href:t}:{as:r},n)}(e,n,r),o=t.as,a=Ge(t,Be);return{Component:o,as:o,ref:Ae(),rest:a}}var qe=w.slower,Ve=function(){var e,n;if("undefined"!=typeof window){var r={setRippleListener:!1,registeredRippleElements:new WeakMap};return null!==(n=(e=window).__LEAFYGREEN_UTILS__)&&void 0!==n||(e.__LEAFYGREEN_UTILS__={modules:{}}),window.__LEAFYGREEN_UTILS__.modules["@leafygreen-ui/ripple"]=r,window.__LEAFYGREEN_UTILS__.modules["@leafygreen-ui/ripple"]}}();function Ye(e){null!=Ve&&Ve.registeredRippleElements.has(e.target)&&function(e){var n=e.target,r=null==Ve?void 0:Ve.registeredRippleElements.get(n);if(n&&r){var t=r.backgroundColor,o=n.getBoundingClientRect(),a=document.createElement("span");a.className="lg-ui-ripple",a.style.height=a.style.width=Math.max(o.width,o.height)+"px",n.appendChild(a);var l=e.pageY-o.top-a.offsetHeight/2-document.body.scrollTop,i=e.pageX-o.left-a.offsetWidth/2-document.body.scrollLeft;a.style.top=l+"px",a.style.left=i+"px",a.style.background=t,setTimeout((function(){a.remove()}),750)}}(e)}function Ue(e,n){if(Ve){if(Ve.registeredRippleElements.set(e,n),!Ve.setRippleListener){document.addEventListener("click",Ye,{passive:!0});var r=document.createElement("style");r.innerHTML=Ke,document.head.append(r),Ve.setRippleListener=!0}return function(){Ve.registeredRippleElements.delete(e)}}}var Ke="\n @-webkit-keyframes lg-ui-ripple {\n from {\n opacity:1;\n }\n to {\n transform: scale(2);\n transition: opacity ".concat(qe,"ms;\n opacity: 0;\n }\n }\n\n @-moz-keyframes lg-ui-ripple {\n from {\n opacity:1;\n }\n to {\n transform: scale(2);\n transition: opacity ").concat(qe,"ms;\n opacity: 0;\n }\n }\n\n @keyframes lg-ui-ripple {\n from {\n opacity:1;\n }\n to {\n transform: scale(2);\n transition: opacity ").concat(qe,"ms;\n opacity: 0;\n }\n }\n\n .lg-ui-ripple {\n position: absolute;\n border-radius: 100%;\n transform: scale(0.2);\n opacity: 0;\n pointer-events: none;\n // Ensures that text is shown above ripple effect\n z-index: -1;\n -webkit-animation: lg-ui-ripple .75s ease-out;\n -moz-animation: lg-ui-ripple .75s ease-out;\n animation: lg-ui-ripple .75s ease-out;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .lg-ui-ripple {\n animation: none;\n transform: none;\n }\n }\n");function Ze(e,n,r){return(n=function(e){var n=function(e){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Je(){return Je=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},Je.apply(null,arguments)}function $e(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function Qe(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?$e(Object(r),!0).forEach((function(n){Ze(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):$e(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function en(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var nn,rn,tn,on,an,ln,cn,sn,dn,un,pn,fn,gn,hn,mn,bn,yn,vn,xn,kn,wn,En,On,Sn,Nn,Cn,Ln,jn,Dn,Mn,Pn,zn,In,Fn,Tn,Rn,Gn,An,_n,Wn,Xn,Bn,Hn,qn,Vn="default",Yn="primary",Un="primaryOutline",Kn="danger",Zn="dangerOutline",Jn="baseGreen",$n="xsmall",Qn="small",er="default",nr="large",rr=.76,tr=Ze(Ze({},b.Light,Ze(Ze(Ze(Ze(Ze(Ze({},Vn,P.gray.light2),Yn,P.green.dark1),Un,D(rr,P.green.base)),Kn,P.red.light1),Zn,D(rr,P.red.base)),Jn,P.green.light1)),b.Dark,Ze(Ze(Ze(Ze(Ze(Ze({},Vn,P.gray.base),Yn,P.green.dark1),Un,D(rr,P.green.base)),Kn,P.red.dark2),Zn,D(rr,P.red.light1)),Jn,P.green.dark1)),or=d(nn||(nn=en(["\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 5px;\n"]))),ar=d(rn||(rn=en(["\n justify-content: space-between;\n"]))),lr=d(tn||(tn=en(["\n display: grid;\n grid-auto-flow: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n position: relative;\n user-select: none;\n z-index: 0;\n transition: all "," ease-in-out;\n"])),w.default),ir=Ze(Ze(Ze(Ze({},$n,d(on||(on=en(["\n padding: 0 7px; // 8px - 1px border\n gap: 6px;\n "])))),Qn,d(an||(an=en(["\n padding: 0 11px; // 12px - 1px border\n gap: 6px;\n "])))),er,d(ln||(ln=en(["\n padding: 0 11px; // 12px - 1px border\n gap: 6px;\n "])))),nr,d(cn||(cn=en(["\n padding: 0 15px; // 16px - 1px border\n gap: 8px;\n "])))),cr=d(sn||(sn=en(["\n position: absolute;\n"]))),sr=d(dn||(dn=en(["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"]))),dr=Ze(Ze(Ze(Ze({},$n,16),Qn,16),er,16),nr,20),ur=Ze(Ze({},b.Dark,P.gray.light1),b.Light,P.gray.dark1),pr=d(un||(un=en(["\n visibility: hidden;\n"]))),fr=d(pn||(pn=en(["\n justify-self: right;\n"]))),gr=d(fn||(fn=en(["\n justify-self: left;\n"]))),hr=y("button"),mr=Ze(Ze({},b.Light,Ze(Ze(Ze(Ze(Ze(Ze({},Vn,d(gn||(gn=en(["\n color: ",";\n "])),P.gray.base)),Yn,d(hn||(hn=en(["\n color: ",";\n "])),P.green.light2)),Un,d(mn||(mn=en(["\n color: ",";\n "])),P.green.dark2)),Kn,d(bn||(bn=en(["\n color: ",";\n "])),P.red.light3)),Zn,d(yn||(yn=en(["\n color: ",";\n "])),P.red.light1)),Jn,d(vn||(vn=en(["\n color: ",";\n "])),P.green.dark2))),b.Dark,Ze(Ze(Ze(Ze(Ze(Ze({},Vn,d(xn||(xn=en(["\n color: ",";\n "])),P.gray.light2)),Yn,d(kn||(kn=en(["\n color: ",";\n "])),P.green.light2)),Un,d(wn||(wn=en(["\n color: ",";\n "])),P.green.base)),Kn,d(En||(En=en(["\n color: ",";\n "])),P.red.light2)),Zn,d(On||(On=en(["\n color: ",";\n "])),P.red.light1)),Jn,d(Sn||(Sn=en(["\n color: ",";\n "])),P.green.dark2))),br=Ze(Ze({},b.Light,Ze(Ze(Ze(Ze(Ze(Ze({},Vn,d(Nn||(Nn=en(["\n color: ",";\n "])),P.black)),Yn,d(Cn||(Cn=en(["\n color: ",";\n "])),P.white)),Un,d(Ln||(Ln=en(["\n color: ",";\n "])),P.green.dark2)),Kn,d(jn||(jn=en(["\n color: ",";\n "])),P.white)),Zn,d(Dn||(Dn=en(["\n color: ",";\n "])),P.red.base)),Jn,d(Mn||(Mn=en(["\n color: ",";\n "])),P.green.dark3))),b.Dark,Ze(Ze(Ze(Ze(Ze(Ze({},Vn,d(Pn||(Pn=en(["\n color: ",";\n "])),P.white)),Yn,d(zn||(zn=en(["\n color: ",";\n "])),P.white)),Un,d(In||(In=en(["\n color: ",";\n "])),P.green.base)),Kn,d(Fn||(Fn=en(["\n color: ",";\n "])),P.white)),Zn,d(Tn||(Tn=en(["\n color: ",";\n "])),P.red.light1)),Jn,d(Rn||(Rn=en(["\n color: ",";\n "])),P.green.dark3))),yr=d(Gn||(Gn=en(["\n ."," {\n &:hover,\n &:active {\n color: currentColor;\n }\n }\n"])),hr),vr=Ze(Ze(Ze(Ze({},$n,d(An||(An=en(["\n height: 14px;\n width: 14px;\n "])))),Qn,d(_n||(_n=en(["\n height: 16px;\n width: 16px;\n "])))),er,d(Wn||(Wn=en(["\n height: 16px;\n width: 16px;\n "])))),nr,d(Xn||(Xn=en(["\n height: 20px;\n width: 20px;\n "])))),xr=Ze(Ze({},b.Light,d(Bn||(Bn=en(["\n color: ",";\n "])),P.gray.base)),b.Dark,d(Hn||(Hn=en(["\n color: ",";\n "])),P.gray.dark1)),kr=d(qn||(qn=en(["\n color: ",";\n"])),P.gray.dark1);function wr(n){var r=n.glyph,t=n.variant,o=n.size,a=n.darkMode,l=n.disabled,i=n.isIconOnlyButton,c=n.className,s=!i&&{"aria-hidden":!0,role:"presentation"},d=v(a),p=i?br:mr;return e.cloneElement(r,Qe({className:u(p[d][t],vr[o],Ze(Ze(Ze({},yr,i),xr[d],l),kr,l&&i&&a),c)},s))}wr.displayName="ButtonIcon";var Er,Or,Sr,Nr,Cr,Lr,jr,Dr,Mr,Pr,zr,Ir,Fr,Tr,Rr,Gr,Ar,_r,Wr,Xr,Br,Hr,qr,Vr,Yr,Ur,Kr,Zr,Jr,$r,Qr,et,nt,rt=function(n){var r,t=n.leftGlyph,o=n.rightGlyph,a=n.className,l=n.children,i=n.variant,c=n.size,s=n.darkMode,d={variant:i,size:c,darkMode:s,disabled:n.disabled,isIconOnlyButton:null!==(r=(t||o)&&!l)&&void 0!==r&&r};return e.createElement("div",{className:u(lr,ir[c],Ze({},ar,!!o&&s),a)},t&&e.createElement(wr,Je({glyph:t,className:fr},d)),l,o&&e.createElement(wr,Je({glyph:o,className:gr},d)))},tt=function(t){var o,a=t.darkMode,l=t.disabled,i=t.variant,c=t.size,s=t.isLoading,d=t.loadingText,p=t.loadingIndicator,f=t.className,h=g(a),m=h.darkMode,b=h.theme,y=n(null);r((function(){var e,n=tr[b][i];return null==y.current||l||(e=Ue(y.current,{backgroundColor:n})),e}),[y,i,m,l,b]);var v=p&&e.cloneElement(p,Qe(Qe({},p.props),{},Ze({className:u(Ze({},sr,!d),null===(o=p.props)||void 0===o?void 0:o.className),sizeOverride:dr[c],colorOverride:ur[b]},"data-testid","lg-button-spinner")));return s?e.createElement(e.Fragment,null,e.createElement("div",{className:u(lr,ir[c],Ze({},cr,!d))},v,d),!d&&e.createElement(rt,Je({},t,{className:u(pr,f)}))):e.createElement(e.Fragment,null,e.createElement("div",{className:or,ref:y}),e.createElement(rt,t))},ot='&:focus-visible, &[data-focus="true"]',at='&:hover, &[data-hover="true"]',lt='&:active, &[data-active="true"]',it=function(e){return"\n 0 0 0 2px ".concat(e,", \n 0 0 0 4px ").concat(P.blue.light1,";\n")},ct=d(Er||(Er=en(["\n // unset browser default\n appearance: none;\n padding: 0;\n margin: 0;\n background-color: transparent;\n border: 1px solid transparent;\n display: inline-flex;\n align-items: stretch;\n transition: all ","ms ease-in-out;\n position: relative;\n text-decoration: none;\n cursor: pointer;\n z-index: 0;\n font-family: ",";\n border-radius: 6px;\n\n "," {\n outline: none;\n }\n\n ",",\n &:focus,\n &:hover {\n text-decoration: none;\n }\n"])),w.default,E.default,ot,lt),st=Ze(Ze({},b.Light,Ze(Ze(Ze(Ze(Ze(Ze({},Vn,d(Or||(Or=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n // needed to override any global button styles\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n box-shadow: 0 0 0 3px ",";\n }\n "])),P.gray.light3,P.gray.base,P.black,ot,P.black,at,lt,P.black,P.white,P.gray.light2)),Yn,d(Sr||(Sr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: #00593f; // Not quite dark3\n border-color: #00593f; // Not quite dark3\n box-shadow: 0 0 0 3px ",";\n }\n "])),P.green.dark2,P.green.dark2,P.white,ot,P.white,at,lt,P.white,P.green.light2)),Un,d(Nr||(Nr=en(["\n background-color: transparent;\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.green.dark2,P.green.dark2,ot,P.green.dark2,at,lt,P.green.dark2,D(.96,P.green.base),P.green.light2)),Kn,d(Cr||(Cr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: #c82222; // not quite dark1\n border-color: #c82222; // not quite dark1\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.red.base,P.red.base,P.white,ot,P.white,at,lt,P.white,P.red.light3)),Zn,d(Lr||(Lr=en(["\n background-color: transparent;\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n border-color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.red.light1,P.red.base,ot,P.red.base,at,lt,P.red.dark2,D(.96,P.red.base),P.red.base,P.red.light3)),Jn,d(jr||(jr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.green.base,P.green.dark2,P.green.dark3,ot,P.green.dark3,at,lt,P.green.dark3,M(.96,P.green.base,P.green.dark3),P.green.light2))),b.Dark,Ze(Ze(Ze(Ze(Ze(Ze({},Vn,d(Dr||(Dr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n background-color: ",";\n border-color: ",";\n color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.gray.dark2,P.gray.base,P.white,ot,P.white,at,lt,P.gray.dark1,P.gray.base,P.white,P.gray.dark2)),Yn,d(Mr||(Mr=en(["\n background-color: ",";\n border: 1px solid ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: #00593f; // Off palette\n box-shadow: 0 0 0 3px ",";\n }\n "])),P.green.dark2,P.green.base,P.white,ot,P.white,at,lt,P.white,P.green.dark3)),Un,d(Pr||(Pr=en(["\n background-color: transparent;\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n border-color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.green.base,P.green.base,ot,P.green.base,at,lt,P.green.base,D(.96,P.green.base),P.green.base,P.green.dark3)),Kn,d(zr||(zr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n border-color: ",";\n color: ",";\n background-color: #c82222; // Off palette\n box-shadow: 0px 0px 0px 3px ","; // yes, yellow\n }\n "])),P.red.base,P.red.light1,P.white,ot,P.white,at,lt,P.red.light1,P.white,P.yellow.dark3)),Zn,d(Ir||(Ir=en(["\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n box-shadow: 0px 0px 0px 3px ","; // yes, yellow\n }\n "])),P.red.light1,P.red.light1,ot,P.red.light1,at,lt,P.red.light1,D(.96,P.red.base),P.yellow.dark3)),Jn,d(Fr||(Fr=en(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ",";\n border-color: ",";\n box-shadow: 0px 0px 0px 3px ",";\n }\n "])),P.green.base,P.green.dark2,P.green.dark3,ot,P.green.dark3,at,lt,P.green.dark3,M(.96,P.green.base,P.green.light3),P.green.dark2,P.green.dark3))),dt=Ze(Ze({},b.Light,Ze(Ze(Ze(Ze(Ze(Ze({},Vn,d(Tr||(Tr=en(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),ot,P.white,it(P.white))),Yn,d(Rr||(Rr=en(["\n "," {\n color: ",";\n background-color: #00593f; // Not quite dark3\n box-shadow: ",";\n }\n "])),ot,P.white,it(P.white))),Un,d(Gr||(Gr=en(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),ot,D(.96,P.green.base),it(P.white))),Kn,d(Ar||(Ar=en(["\n "," {\n color: ",";\n background-color: #c82222; // not quite dark1\n box-shadow: ",";\n }\n "])),ot,P.white,it(P.white))),Zn,d(_r||(_r=en(["\n "," {\n color: ",";\n box-shadow: ",";\n }\n "])),ot,P.red.dark2,it(P.white))),Jn,d(Wr||(Wr=en(["\n "," {\n box-shadow: ",";\n }\n "])),ot,it(P.white)))),b.Dark,Ze(Ze(Ze(Ze(Ze(Ze({},Vn,d(Xr||(Xr=en(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),ot,P.gray.dark1,it(P.black))),Yn,d(Br||(Br=en(["\n "," {\n background-color: #00593f; // Off palette\n box-shadow: ",";\n }\n "])),ot,it(P.black))),Un,d(Hr||(Hr=en(["\n "," {\n background-color: ",";\n border-color: ",";\n box-shadow: ",";\n }\n "])),ot,D(.96,P.green.base),P.green.base,it(P.black))),Kn,d(qr||(qr=en(["\n "," {\n background-color: #c82222; // Off palette\n box-shadow: ",";\n }\n "])),ot,it(P.black))),Zn,d(Vr||(Vr=en(["\n "," {\n background-color: ",";\n border-color: ",";\n box-shadow: ",";\n }\n "])),ot,D(.96,P.red.base),P.red.light1,it(P.black))),Jn,d(Yr||(Yr=en(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),ot,P.green.base,it(P.black)))),ut=Ze(Ze({},b.Light,d(Ur||(Ur=en(["\n &,\n ",", "," {\n background-color: ",";\n border-color: ",";\n color: ",";\n box-shadow: none;\n cursor: not-allowed;\n }\n\n "," {\n color: ",";\n box-shadow: ",";\n }\n "])),at,lt,P.gray.light2,P.gray.light1,P.gray.base,ot,P.gray.base,it(P.white))),b.Dark,d(Kr||(Kr=en(["\n &,\n ",", "," {\n background-color: ",";\n border-color: ",";\n color: ",";\n box-shadow: none;\n cursor: not-allowed;\n }\n\n "," {\n color: ",";\n box-shadow: ",";\n }\n "])),at,lt,P.gray.dark3,P.gray.dark2,P.gray.dark1,ot,P.gray.dark1,it(P.black))),pt=Ze(Ze(Ze(Ze({},$n,d(Zr||(Zr=en(["\n height: 22px;\n text-transform: uppercase;\n font-size: 12px;\n line-height: 1em;\n font-weight: ",";\n letter-spacing: 0.4px;\n "])),O.bold)),Qn,d(Jr||(Jr=en(["\n height: 28px;\n "])))),er,d($r||($r=en(["\n height: 36px;\n "])))),nr,d(Qr||(Qr=en(["\n height: 48px;\n font-size: 18px;\n line-height: 24px;\n "])))),ft=Ze(Ze({},N.Body1,d(et||(et=en(["\n font-size: ","px;\n line-height: ","px;\n font-weight: ",";\n "])),S.body1.fontSize,S.body1.lineHeight,O.medium)),N.Body2,d(nt||(nt=en(["\n font-size: ","px;\n line-height: ","px;\n // Pixel pushing for optical alignment purposes\n transform: translateY(1px);\n font-weight: ",";\n "])),S.body2.fontSize,S.body2.lineHeight,O.medium)),gt=["variant","size","darkMode","data-lgid","baseFontSize","disabled","onClick","leftGlyph","rightGlyph","children","className","as","type","isLoading","loadingIndicator","loadingText"],ht=function(n){var r,t;return(t=1===n.length?n:e.forwardRef(n)).displayName=null!==(r=n.displayName)&&void 0!==r?r:"PolymorphicComponent",t}((function(n,r){var t=n.variant,o=void 0===t?Vn:t,a=n.size,l=void 0===a?er:a,i=n.darkMode,c=n["data-lgid"],s=n.baseFontSize,d=void 0===s?N.Body1:s,p=n.disabled,f=void 0!==p&&p,h=n.onClick,m=n.leftGlyph,b=n.rightGlyph,y=n.children,x=n.className,k=n.as,w=n.type,E=n.isLoading,O=void 0!==E&&E,S=n.loadingIndicator,C=n.loadingText,L=function(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(-1!==n.indexOf(t))continue;r[t]=e[t]}return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],-1===n.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,gt),j=He(k,L,"button"),D=j.Component,M=j.rest,P=g(i).darkMode,z="a"===D,I=!(f||O),F=function(){return{root:arguments.length>0&&void 0!==arguments[0]?arguments[0]:"lg-button"}}(c),T=function(e){var n=e.variant,r=e.size,t=e.baseFontSize,o=e.disabled,a=v(e.darkMode),l=st[a][n],i=dt[a][n],c=pt[r],s=ft[t];return u(ct,l,s,c,Ze({},i,!o),Ze({},ut[a],o))}({variant:o,size:l,darkMode:P,baseFontSize:d,disabled:!I}),R=Qe(Qe({"data-lgid":F.root,type:z?void 0:w||"button",className:u(hr,T,x),ref:r,"aria-disabled":!I,onClick:I?h:function(e){return e.preventDefault()}},M),{},{href:I?M.href:void 0}),G={rightGlyph:b,leftGlyph:m,darkMode:P,disabled:f,variant:o,size:l,isLoading:O,loadingIndicator:S,loadingText:C};return e.createElement(D,R,e.createElement(tt,G,y))}));ht.displayName="Button";var mt="Input",bt="ClearButton",yt="FirstChip",vt="LastChip",xt="MiddleChip",kt="Combobox",wt="Menu",Et={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},Ot={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},St=Y,Nt={Unset:"unset",Error:"error",Loading:"loading"};var Ct,Lt,jt,Dt,Mt,Pt,zt,It,Ft,Tt=t({multiselect:!1,size:Et.Default,withIcons:!1,disabled:!1,isOpen:!1,state:St.None,searchState:Nt.Unset,overflow:Ot.expandY}),Rt=y("combobox-chip"),Gt=ke(ke(ke(ke({},Et.XSmall,16),Et.Small,S.body1.lineHeight),Et.Default,S.body1.lineHeight),Et.Large,S.body2.lineHeight),At=ke(ke(ke(ke({},Et.XSmall,S.body1.fontSize),Et.Small,S.body1.fontSize),Et.Default,S.body1.fontSize),Et.Large,S.body2.fontSize),_t=ke(ke(ke(ke({},Et.XSmall,1),Et.Small,0),Et.Default,2),Et.Large,4),Wt=ke(ke(ke(ke({},Et.XSmall,d(Ct||(Ct=je(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),At[Et.XSmall],Gt[Et.XSmall],fe,_t[Et.XSmall])),Et.Small,d(Lt||(Lt=je(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),At[Et.Small],Gt[Et.Small],fe,_t[Et.Small])),Et.Default,d(jt||(jt=je(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),At[Et.Default],Gt[Et.Default],fe,_t[Et.Default])),Et.Large,d(Dt||(Dt=je(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),At[Et.Large],Gt[Et.Large],fe,_t[Et.Large])),Xt=e.forwardRef((function(n,t){var a,l=n.displayName,i=n.isFocused,c=n.onRemove,s=n.onFocus,d=o(Tt),p=d.size,f=d.disabled,g=d.overflow,h=d.chipTruncationLocation,m=void 0===h?ge.End:h,b=d.chipCharacterLimit,y=void 0===b?12:b,v=g===Ot.scrollX?ge.None:m,k=F(t,null),w=null===(a=k.current)||void 0===a?void 0:a.querySelector("button");r((function(){i&&!f&&(null==w||w.focus())}),[f,w,i]);return e.createElement(he,{label:l,className:u(Rt,Wt[p]),role:"option","aria-selected":i,"data-testid":"lg-combobox-chip",onClick:function(e){null!=w&&w.contains(e.target)||s()},onKeyDown:function(e){f||e.key!==x.Delete&&e.key!==x.Backspace&&e.key!==x.Enter&&e.key!==x.Space||c()},onDismiss:function(){f||c()},baseFontSize:me.Body1,chipCharacterLimit:y,chipTruncationLocation:v,variant:be.Gray,ref:k,disabled:f,tabIndex:-1})}));Xt.displayName="ComboboxChip";var Bt,Ht,qt,Vt,Yt,Ut,Kt,Zt,Jt,$t,Qt,eo,no,ro,to=ke(ke({},b.Light,d(Mt||(Mt=je(["\n padding-top: ","px;\n "])),C[2])),b.Dark,d(Pt||(Pt=je(["\n padding-top: ","px;\n "])),C[2])),oo=d(zt||(zt=je(["\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"])),O.bold),ao=ke(ke({},b.Light,d(It||(It=je(["\n color: ",";\n "])),P.gray.dark1)),b.Dark,d(Ft||(Ft=je(["\n color: ",";\n "])),P.gray.light1));function lo(n){var r=n.label,t=n.className,o=n.children,a=g().theme,l=T({prefix:"combobox-group"});return e.Children.count(o)>0?e.createElement("div",{className:u(to[a],t)},e.createElement("div",{className:u(oo,ao[a]),id:l},r),e.createElement("div",{role:"group","aria-labelledby":l},o)):e.createElement(e.Fragment,null)}function io(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}io.displayName="ComboboxGroup";var co=ke(ke(ke(ke({},Et.XSmall,{x:12,y:8}),Et.Small,{x:12,y:8}),Et.Default,{x:12,y:8}),Et.Large,{x:12,y:8}),so=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return d(Bt||(Bt=je(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},uo=ke(ke({},b.Light,d(Ht||(Ht=je(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),D(.85,P.black),P.gray.light2)),b.Dark,d(qt||(qt=je(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),D(.85,P.black),P.gray.dark2)),po=d(Vt||(Vt=je(["\n position: relative;\n width: 100%;\n margin: 0;\n padding: ","px 0;\n font-family: ",";\n border-radius: inherit;\n overflow-y: auto;\n scroll-behavior: smooth;\n"])),C[2],E.default);ke(ke({},b.Light,d(Yt||(Yt=je(["\n color: ",";\n background-color: ",";\n "])),P.black,P.white)),b.Dark,d(Ut||(Ut=je(["\n color: ",";\n background-color: ",";\n "])),P.gray.light1,P.gray.dark3));var fo,go=function(e){return d(Kt||(Kt=je(["\n background-color: ",";\n"])),L[e].background.primary.default)},ho=d(Zt||(Zt=je(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),mo=d(Jt||(Jt=je(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),bo=ke(ke({},b.Light,d($t||($t=je(["\n color: ",";\n "])),P.gray.dark3)),b.Dark,d(Qt||(Qt=je(["\n color: ",";\n "])),P.gray.light3)),yo=function(e){return d(eo||(eo=je(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),At[e],Gt[e],co[e].y,co[e].x)},vo=p(no||(no=je(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),xo=d(ro||(ro=je(["\n animation: "," 1.5s linear infinite;\n"])),vo),ko=e.forwardRef((function(n,r){var t=n.children,l=n.id,i=n.refEl,c=n.labelId,s=n.menuWidth,p=n.searchLoadingMessage,f=n.searchErrorMessage,h=n.searchEmptyMessage,m=g(),b=m.darkMode,y=m.theme,v=o(Tt),x=v.disabled,k=v.size,w=v.isOpen,E=v.searchState,O=F(r,null),S=R(i),N=oe(S)?"unset":"".concat(Math.min(S,256),"px"),C=a((function(){var n=u(mo,bo[y],yo(k)),r=u(mo,yo(k));switch(E){case"loading":return e.createElement("span",{className:n},e.createElement(z,{glyph:"Refresh",color:b?P.blue.light1:P.blue.base,className:xo}),p);case"error":return e.createElement(de,{className:r},e.createElement(z,{glyph:"Warning",color:b?P.red.light1:P.red.base}),e.createElement("span",null,f));default:return t&&"object"===Me(t)&&"length"in t&&t.length>0?e.createElement("ul",{className:ho},t):e.createElement("span",{className:n},h)}}),[y,k,E,b,p,f,t,h]);return e.createElement(le,{active:w&&!x,spacing:4,align:"bottom",justify:"middle",refEl:i,adjustOnMutation:!0,className:u(so(s),uo[y])},e.createElement("div",{ref:O,id:l,role:"listbox","aria-labelledby":c,"aria-expanded":w,className:u(po,go(y),d(fo||(fo=je(["\n max-height: ",";\n "])),N)),onMouseDownCapture:function(e){return e.preventDefault()}},C))}));ko.displayName="ComboboxMenu";var wo,Eo,Oo,So,No,Co,Lo,jo,Do,Mo,Po,zo,Io,Fo,To,Ro,Go,Ao,_o,Wo,Xo=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Bo=function(e){var n,r=e.value,t=e.displayName;return{value:null!=r?r:ye(t),displayName:null!==(n=null!=t?t:r)&&void 0!==n?n:""}},Ho=function(n){return e.Children.toArray(n).reduce((function(e,n){if(k(n,"ComboboxOption")){var r=Bo(n.props),t=r.value,o=r.displayName,a=n.props,l=a.glyph,i=a.disabled;return[].concat(De(e),[{value:t,displayName:o,isDisabled:!!i,hasGlyph:!!l}])}if(k(n,"ComboboxGroup")){var c=n.props.children;if(c)return[].concat(De(e),De(Ho(c)))}}),[])},qo=function(e,n){if(e)return n.find((function(n){return n.value===e}))},Vo=function(e,n){var r,t;return e?null!==(r=null===(t=qo(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},Yo=d(wo||(wo=je(["\n .",", ."," {\n font-size: ","px;\n line-height: 20px;\n }\n"])),X,B,S.body2.fontSize),Uo=ke(ke(ke(ke({},Et.XSmall,d(Eo||(Eo=je(["\n min-width: ","px;\n "])),C[3])),Et.Small,d(Oo||(Oo=je(["\n min-width: ","px;\n "])),C[3])),Et.Default,d(So||(So=je(["\n min-width: ","px;\n "])),C[3])),Et.Large,d(No||(No=je(["\n min-width: ","px;\n "])),C[4])),Ko=d(Co||(Co=je(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));d(Lo||(Lo=je(["\n pointer-events: none;\n"])));var Zo=function(e){return d(jo||(jo=je(["\n font-weight: ",";\n"])),e?O.bold:O.regular)},Jo=ke(ke({},b.Light,d(Do||(Do=je(["\n color: ",";\n "])),P.gray.dark1)),b.Dark,d(Mo||(Mo=je(["\n color: ",";\n "])),P.gray.base)),$o=ke(ke({},b.Light,d(Po||(Po=je(["\n color: ",";\n "])),P.blue.dark1)),b.Dark,d(zo||(zo=je(["\n color: ",";\n "])),P.blue.light3)),Qo=ke(ke({},b.Light,d(Io||(Io=je(["\n color: ",";\n "])),P.gray.light1)),b.Dark,d(Fo||(Fo=je(["\n color: ",";\n "])),P.gray.dark1)),ea=ke(ke({},b.Light,d(To||(To=je(["\n color: ",";\n "])),P.blue.base)),b.Dark,d(Ro||(Ro=je(["\n color: ",";\n "])),P.blue.light1)),na=ke(ke({},b.Light,d(Go||(Go=je(["\n color: ",";\n "])),P.gray.light1)),b.Dark,d(Ao||(Ao=je(["\n color: ",";\n "])),P.gray.dark1)),ra=d(_o||(_o=je(["\n ."," {\n align-self: baseline;\n position: relative;\n // aligns the checkbox with the option name\n top: 1px;\n }\n"])),H),ta=d(Wo||(Wo=je(["\n ."," {\n // aligns the checkbox with the option name\n top: 3px;\n }\n"])),H),oa=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled"],aa=e.forwardRef((function(n,r){var t=n.glyph,i=n.isSelected,c=n.displayName,s=n.isFocused,d=n.setSelected,p=n.className,f=n.description,h=n.value,m=n.onClick,b=n.disabled,y=void 0!==b&&b,v=Se(n,oa),x=g(),k=x.darkMode,w=x.theme,E=o(Tt),O=E.multiselect,S=E.size,N=E.withIcons,C=E.inputValue,L=F(r,null),j=T({prefix:"combobox-option-text"}),D=l((function(e){e.stopPropagation(),y||(d(),null==m||m(e,h))}),[y,m,d,h]),M=a((function(){return function(n){var r=n.withIcons,t=n.isSelected,o=n.glyph,a=n.optionTextId,l=n.disabled,i=n.darkMode,c=n.size,s=n.multiselect,d=n.theme,p=n.isFocused;o&&!I(o)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",o);var f=o&&I(o)?e.cloneElement(o,Oe(Oe({},o.props),{},{className:u(Jo[d],ke(ke({},$o[d],p),Qo[d],l),o.props.className)})):e.createElement(e.Fragment,null),g=e.createElement(Z,{"aria-labelledby":a,checked:t,tabIndex:-1,disabled:l,darkMode:i,className:Ko}),h=e.createElement(z,{glyph:"Checkmark",className:u(Uo[c],ea[d],ke({},na[d],l))});return{leftGlyph:s?r?f:g:r?f:t?h:null,rightGlyph:s?r&&g:r&&t&&h}}({withIcons:N,isSelected:i,glyph:t,theme:w,darkMode:k,size:S,disabled:y,multiselect:O,optionTextId:j,isFocused:s})}),[k,y,t,i,O,j,S,w,N,s]),P=M.leftGlyph,R=M.rightGlyph,G=O&&!N;return e.createElement(q,we({},v,{as:"li",ref:L,highlighted:s,disabled:y,"aria-label":c,darkMode:k,className:u(ke(ke(ke({},Yo,S===Et.Large),ra,G),ta,G&&S===Et.Large),p),onClick:D,onKeyDown:D}),e.createElement(V,{leftGlyph:P,rightGlyph:R,description:f},e.createElement("span",{id:j,className:Zo(i)},function(n,r,t){if(r&&t){var o=J(r),a=new RegExp(o,"gi"),l=n.matchAll(a);if(l){for(var i=n.split(""),c=0,s=Array.from(l);c<s.length;c++){var d,u=s[c],p=null!==(d=u.index)&&void 0!==d?d:-1,f=u[0],g=f.length,h=p+f+g,m=new Array(g).fill("");m[0]=e.createElement(t,{key:h},f),i.splice.apply(i,[p,g].concat(De(m)))}return e.createElement(e.Fragment,null,i)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(c,C,"strong"))))}));function la(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}aa.displayName="ComboboxOption",la.displayName="ComboboxOption";var ia,ca,sa,da,ua,pa,fa,ga,ha,ma,ba,ya,va,xa,ka,wa,Ea,Oa,Sa,Na,Ca,La,ja,Da,Ma,Pa,za,Ia,Fa,Ta,Ra,Ga,Aa,_a=function(e){return!oe(e)&&!re(e)&&(te(e)||ee(e)&&e.length>0)},Wa=function(e){return Gt[e]+2*_t[e]},Xa=C[100],Ba=ke(ke(ke(ke({},Et.XSmall,22),Et.Small,28),Et.Default,36),Et.Large,48),Ha=function(e){return(Ba[e]-Wa(e)-2)/2},qa=ke(ke(ke(ke({},Et.XSmall,{y:Ha(Et.XSmall),xLeftWithChip:C[25],xLeftWithoutChip:C[200],xRight:C[100]}),Et.Small,{y:Ha(Et.Small),xLeftWithChip:C[100],xLeftWithoutChip:C[200],xRight:C[100]}),Et.Default,{y:Ha(Et.Default),xLeftWithChip:C[150],xLeftWithoutChip:C[300],xRight:C[200]}),Et.Large,{y:Ha(Et.Large),xLeftWithChip:C[300],xLeftWithoutChip:C[300],xRight:C[200]}),Va=C[400],Ya=function(e){return d(ia||(ia=je(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),E.default,At[e]+2*qa[e].xLeftWithChip+Va+2)},Ua=d(ca||(ca=je(["\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"])),C[200],w.default,w.default),Ka=ke(ke({},b.Light,d(sa||(sa=je(["\n color: ",";\n background-color: ",";\n "])),L.light.text.primary.default,L.light.background.primary.default)),b.Dark,d(da||(da=je(["\n color: ",";\n background-color: ",";\n "])),L.dark.text.primary.default,P.gray.dark4)),Za=function(e,n){return d(ua||(ua=je(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),qa[e].y,qa[e].y,"".concat(n?qa[e].xLeftWithChip:qa[e].xLeftWithoutChip,"px"),qa[e].xRight)},Ja=function(e){return d(pa||(pa=je(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n"])),L[e].text.disabled.default,L[e].background.disabled.default,L[e].border.disabled.default)},$a=function(e){return ke(ke(ke({},St.Error,d(fa||(fa=je(["\n border-color: ",";\n "])),L[e].border.error.default)),St.None,d(ga||(ga=je(["\n border-color: ",";\n "])),L[e].border.primary.default)),St.Valid,d(ha||(ha=je(["\n border-color: ",";\n "])),L[e].border.success.default))},Qa=ke(ke({},b.Light,d(ma||(ma=je(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),j[b.Light].input)),b.Dark,d(ba||(ba=je(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),j[b.Dark].input)),el=d(ya||(ya=je(["\n display: flex;\n align-items: center;\n"]))),nl=ke(ke(ke(ke({},Et.XSmall,d(va||(va=je(["\n gap: ","px;\n "])),C[100])),Et.Small,d(xa||(xa=je(["\n gap: ","px;\n "])),C[200])),Et.Default,d(ka||(ka=je(["\n gap: ","px;\n "])),C[200])),Et.Large,d(wa||(wa=je(["\n gap: ","px;\n "])),C[200])),rl=function(e){var n=e.overflow,r=e.size,t=d(Ea||(Ea=je(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case Ot.scrollX:return d(Oa||(Oa=je(["\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 "])),t,Wa(r),Rt);case Ot.expandY:return d(Sa||(Sa=je(["\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 "])),t,Xa,Wa(r),3*Wa(r),Xa)}},tl=d(Na||(Na=je(["\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"])),E.default,C[100]),ol=ke(ke({},b.Light,d(Ca||(Ca=je(["\n &::placeholder {\n color: ",";\n }\n "])),P.gray.base)),b.Dark,d(La||(La=je(["\n &::placeholder {\n color: ",";\n }\n "])),P.gray.dark1)),al=ke(ke({},b.Light,d(ja||(ja=je(["\n &::placeholder {\n color: ",";\n }\n "])),P.gray.base)),b.Dark,d(Da||(Da=je(["\n &::placeholder {\n color: ",";\n }\n "])),P.gray.dark1)),ll=function(e){return d(Ma||(Ma=je(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),Wa(e),At[e],Gt[e],At[e])},il=function(e){return d(Pa||(Pa=je(["\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")},cl=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return d(za||(za=je(["\n width: ","px;\n max-width: 100%;\n "])),t*At[e])},sl=d(Ia||(Ia=je(["\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"])),Va/2),dl=d(Fa||(Fa=je(["\n height: ","px;\n width: ","px;\n"])),Va,Va),ul=d(Ta||(Ta=je(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),C[100]),pl=d(Ra||(Ra=je(["\n font-size: ","px;\n line-height: ","px;\n"])),S.large.fontSize,S.large.lineHeight),fl=ke(ke({},b.Light,d(Ga||(Ga=je(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),D(.85,P.black))),b.Dark,d(Aa||(Aa=je(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),gl=function(e){return L[e].icon.primary.default},hl=function(e){return L[e].icon.disabled.default},ml=["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"],bl=["className","glyph","disabled"];function yl(t){var o=t.children,c=t.label,s=t.description,d=t.placeholder,p=void 0===d?"Select":d,b=t["aria-label"],y=t.disabled,v=void 0!==y&&y,w=t.size,E=void 0===w?Et.Default:w,O=t.darkMode,S=t.state,N=void 0===S?"none":S,C=t.errorMessage,L=void 0===C?U.error:C,j=t.successMessage,D=void 0===j?U.success:j,M=t.searchState,P=void 0===M?"unset":M,I=t.searchEmptyMessage,F=void 0===I?"No results found":I,R=t.searchErrorMessage,X=void 0===R?"Could not get results!":R,B=t.searchLoadingMessage,H=void 0===B?"Loading results...":B,q=t.filteredOptions,V=t.onFilter,Y=t.clearable,Z=void 0===Y||Y,J=t.onClear,le=t.overflow,de=void 0===le?Ot.expandY:le,fe=t.multiselect,ge=void 0!==fe&&fe,he=t.initialValue,me=t.inputValue,be=t.onInputChange,ye=t.onChange,ve=t.value,xe=t.chipTruncationLocation,Ee=t.chipCharacterLimit,Ne=void 0===Ee?12:Ee,Ce=t.className,je=t.renderMode,De=void 0===je?ie.TopLayer:je,Pe=t.portalClassName,ze=t.portalContainer,Ie=t.portalRef,Fe=t.scrollContainer,Te=t.popoverZIndex,Re=Se(t,ml),Ge=g(O),Ae=Ge.darkMode,_e=Ge.theme,We=G({prefix:"option"}),Xe=G({prefix:"chip"}),Be=T({prefix:"combobox-input"}),He=T({prefix:"combobox-label"}),qe=T({prefix:"combobox-menu"}),Ve=n(null),Ye=n(null),Ue=n(null),Ke=n(null),Ze=n(null),Je=Le(i(!1),2),$e=Je[0],Qe=Je[1],en=A($e),nn=Le(i(null),2),rn=nn[0],tn=nn[1],on=Le(i(null),2),an=on[0],ln=on[1],cn=A(an),sn=Le(i(null!=me?me:""),2),dn=sn[0],un=sn[1];r((function(){oe(me)||un(me)}),[me]);var pn=function(e){un(e)},fn=A(dn),gn=Le(i(null),2),hn=gn[0],mn=gn[1],bn=Le(i(!1),2),yn=bn[0],vn=bn[1],xn=ge&&ee(an)&&an.length>0?void 0:p,kn=function(){return Qe(!1)},wn=function(){return Qe(!0)},En=a((function(){return Ho(o)}),[o]),On=l((function(e){return!ge||"string"!=typeof e&&"number"!=typeof e?!ge&&ee(e)&&m.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):m.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(Me(e),' value: "').concat(e,'"')),ge&&ee(e)}),[ge]),Sn=l((function(e){!v&&Ke&&Ke.current&&(Ke.current.focus(),oe(e)||Ke.current.setSelectionRange(e,e))}),[v]),Nn=l((function(e){if(On(an)){var n=$(an),r=ye,t={diffType:"delete",value:null!=e?e:an};re(e)?n.length=0:an.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),t.diffType="insert",pn("")),ln(n),null==r||r(n,t)}else{var o=e,a=ye;ln(o),null==a||a(o)}}),[On,ye,an]),Cn=l((function(e){var n,r,t,o;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((r=En,(n=e)?null!==(t=null===(o=r.find((function(e){return e.displayName===n})))||void 0===o?void 0:o.value)&&void 0!==t?t:n:""),an)}),[En,an]),Ln=l((function(e){var n="string"==typeof e?e:e.value;return q&&q.length>0?q.includes(n):!!Cn(dn)||("string"==typeof e?Vo(n,En):e.displayName).toLowerCase().includes(dn.toLowerCase())}),[q,Cn,dn,En]),jn=a((function(){return En.filter(Ln)}),[En,Ln]),Dn=l((function(e){return!!e&&!!En.find((function(n){return n.value===e}))}),[En]),Mn=l((function(e){return jn?jn.findIndex((function(n){return n.value===e})):-1}),[jn]),Pn=l((function(e){if(jn&&jn.length>=e){var n=jn[e];return n?n.value:void 0}}),[jn]),zn=l((function(){return On(an)?an.findIndex((function(e){var n;return null===(n=Xe(e))||void 0===n||null===(n=n.current)||void 0===n?void 0:n.contains(document.activeElement)})):-1}),[Xe,On,an]),In=Le(i(),2),Fn=In[0],Tn=In[1],Rn=l((function(e){var n,r=null!==(n=null==jn?void 0:jn.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,o=Mn(rn);switch(e&&$e&&(mn(null),Sn()),e){case"next":var a=Pn(o+1<r?o+1:0);tn(null!=a?a:null);break;case"prev":var l=Pn(o-1>=0?o-1:t);tn(null!=l?l:null);break;case"last":var i=Pn(t);tn(null!=i?i:null);break;default:var c=Pn(0);tn(null!=c?c:null)}}),[rn,Mn,Pn,$e,Sn,null==jn?void 0:jn.length]),Gn=l((function(e,n){if(On(an))switch(e){case"next":var r=null!=n?n:zn(),t=r+1<an.length?r+1:an.length-1,o=an[t];mn(o);break;case"prev":var a=null!=n?n:zn(),l=a>0?a-1:a<0?an.length-1:0,i=an[l];mn(i);break;case"first":var c=an[0];mn(c);break;case"last":var s=an[an.length-1];mn(s);break;default:mn(null)}}),[zn,On,an]),An=l((function(e,n){switch(e&&tn(null),e){case"right":switch(Fn){case mt:var r,t,o;if((null===(r=Ke.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=Ke.current)||void 0===t?void 0:t.value.length))null===(o=Ye.current)||void 0===o||o.focus();break;case yt:case xt:case vt:if(Fn===vt||1===(null==an?void 0:an.length)){Sn(0),Gn(null),n.preventDefault();break}Gn("next")}break;case"left":switch(Fn){case bt:var a;n.preventDefault(),Sn(null==Ke||null===(a=Ke.current)||void 0===a?void 0:a.value.length);break;case mt:case xt:case vt:if(On(an)){var l;if(Fn===mt&&0!==(null===(l=Ke.current)||void 0===l?void 0:l.selectionStart))break;Gn("prev")}}break;default:Gn(null)}}),[Fn,On,an,Sn,Gn]);r((function(){$e||Rn("first")}),[$e,Rn]),_(rn?We(rn):void 0,Ze);var _n=l((function(n){if(k(n,"ComboboxOption")){var r=Bo(n.props),t=r.value,o=r.displayName;if(Ln(t)){var a=n.props,l=a.className,i=a.glyph,c=a.disabled,s=Se(a,bl),d=En.findIndex((function(e){return e.value===t})),u=rn===t,p=On(an)?an.includes(t):an===t,f=We(t);return e.createElement(aa,we({},s,{value:t,displayName:o,isFocused:u,isSelected:p,disabled:c,setSelected:function(){tn(t),Nn(t),Sn(),t===an&&kn()},glyph:i,className:l,index:d,ref:f}))}}else if(k(n,"ComboboxGroup")){var g=e.Children.map(n.props.children,_n);if(g&&(null==g?void 0:g.length)>0)return e.createElement(lo,{label:n.props.label,className:n.props.className},e.Children.map(g,_n))}}),[En,We,rn,On,an,Sn,Ln,Nn]),Wn=a((function(){return e.Children.map(o,_n)}),[o,_n]),Xn=a((function(){if(On(an))return an.filter(Dn).map((function(n,r){var t=Vo(n,En),o=hn===n,a=Xe(n),l=r>=an.length-1;return e.createElement(Xt,{key:n,displayName:t,isFocused:o,onRemove:function(){l?(Sn(),Gn(null)):Gn("next",r),Nn(n)},onFocus:function(){mn(n)},ref:a})}))}),[On,an,Dn,En,hn,Xe,Nn,Sn,Gn]),Bn=a((function(){return En.some((function(e){return e.hasGlyph}))}),[En]),Hn=l((function(){var e=jn.find((function(e){return e.displayName===dn||e.value===dn}));if(!ve&&e)Nn(e.value);else if(!On(an)){var n,r=null!==(n=Vo(an,En))&&void 0!==n?n:cn;pn(r)}}),[En,dn,On,cn,an,Nn,ve,jn]),qn=l((function(){if(_a(an)){if(On(an))nr(de);else if(!On(an)){var e,n=null!==(e=Vo(an,En))&&void 0!==e?e:"";pn(n),kn()}}else pn("")}),[En,On,an,de]);r((function(){if(he)if(ee(he)){var e,n=null!==(e=he.filter((function(e){return Dn(e)})))&&void 0!==e?e:[];ln(n)}else Dn(he)&&ln(he);else ln(function(e){return e?[]:null}(ge))}),[]),r((function(){if(!oe(ve)&&ve!==fn)if(re(ve))ln(null);else if(On(ve)){var e=ve.filter(Dn);ln(e)}else ln(Dn(ve)?ve:null)}),[On,Dn,fn,ve]),r((function(){!oe(cn)&&(ee(an)&&!re(cn)||te(an)||re(an))&&!ne(an,cn)&&qn()}),[qn,cn,an]),r((function(){!$e&&en&&Hn()}),[$e,en,Hn]);var Vn=Le(i(0),2),Yn=Vn[0],Un=Vn[1];r((function(){var e,n;Un(null!==(e=null===(n=Ve.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Ve,$e,rn,an]);W(kn,[Ze,Ve],{enabled:$e});var Kn=On(an)&&!!an.length,Zn=Q((function(e){vn(Xo(e.target))}),50,{leading:!0}),Jn=l((function(e){de===Ot.expandY&&Zn(e)}),[Zn,de]);r((function(){Ue.current&&vn(Xo(Ue.current))}),[]);var $n,Qn=Oe({popoverZIndex:Te},ce({dismissMode:se.Manual,portalClassName:Pe,portalContainer:ze,portalRef:Ie,renderMode:De,scrollContainer:Fe})),er={disabled:v,errorMessage:L,size:E,state:N,successMessage:D};return e.createElement(f,{darkMode:Ae},e.createElement(Tt.Provider,{value:{multiselect:ge,size:E,withIcons:Bn,disabled:v,isOpen:$e,state:N,searchState:P,chipTruncationLocation:xe,chipCharacterLimit:Ne,inputValue:dn,overflow:de,popoverZIndex:Te}},e.createElement("div",we({className:u(Ya(E),Ce)},Re),(c||s)&&e.createElement("div",{className:ul},c&&e.createElement(ue,{id:He,htmlFor:Be,darkMode:Ae,disabled:v,className:u(ke({},pl,E===Et.Large))},c),s&&e.createElement(pe,{darkMode:Ae,disabled:v,className:u(ke({},pl,E===Et.Large))},s)),e.createElement("div",{ref:Ve,role:"combobox","aria-expanded":$e,"aria-controls":qe,"aria-owns":qe,tabIndex:-1,onMouseDown:function(e){v&&e.preventDefault()},onClick:function(e){if(e.target!==Ke.current){var n=0;if(Ke.current)n=e.nativeEvent.offsetX>Ke.current.offsetLeft+Ke.current.clientWidth?dn.length:0;Sn(n)}wn()},onFocus:function(e){nr(de),Tn(function(e){var n,r,t,o;if(!e)return;if(null!==(n=Ke.current)&&void 0!==n&&n.contains(e))return mt;if(null!==(r=Ye.current)&&void 0!==r&&r.contains(e))return bt;var a=On(an)?an.findIndex((function(n){var r;return null===(r=Xe(n))||void 0===r||null===(r=r.current)||void 0===r?void 0:r.contains(e)})):-1;if(On(an)){if(0===a)return yt;if(a===an.length-1)return vt;if(a>0)return xt}if(null!==(t=Ze.current)&&void 0!==t&&t.contains(e))return wt;if(null!==(o=Ve.current)&&void 0!==o&&o.contains(e))return kt}(e.target))},onKeyDown:function(e){var n,r,t=null===(n=Ze.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=Ve.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.key){case x.Tab:switch(Fn){case"Input":_a(an)||(kn(),Rn("first"),Gn(null));break;case"LastChip":Gn(null)}break;case x.Escape:kn(),Rn("first");break;case x.Enter:$e?!$e||Fn!==mt||re(rn)||function(e){if("string"==typeof e){var n=qo(e,En);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(rn)?Fn===bt&&(Nn(null),Sn()):Nn(rn):wn();break;case x.Backspace:var o;if(On(an))"Input"===Fn&&0===(null===(o=Ke.current)||void 0===o?void 0:o.selectionStart)&&Gn("last");wn();break;case x.ArrowDown:$e?(e.preventDefault(),Rn("next")):wn();break;case x.ArrowUp:$e?(e.preventDefault(),Rn("prev")):wn();break;case x.ArrowRight:An("right",e);break;case x.ArrowLeft:An("left",e);break;default:$e||wn()}}},onTransitionEnd:function(){var e,n;Un(null!==(e=null===(n=Ve.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:u(Ua,Ka[_e],Za(E,Kn),$a(_e)[N],ke(ke(ke({},Qa[_e],($n=mt,$n===Fn)),Ja(_e),v),fl[_e],yn))},e.createElement("div",{onScroll:Jn,ref:Ue,className:rl({size:E,overflow:de})},Xn,e.createElement("input",{"aria-label":null!=b?b:c,"aria-autocomplete":"list","aria-controls":qe,"aria-labelledby":He,ref:Ke,id:Be,className:u(tl,ll(E),ol[_e],il($e),ke(ke({},cl(E,dn),On(an)),al[_e],v)),placeholder:xn,"aria-disabled":v,readOnly:v,onChange:function(e){pn(e.target.value),null==V||V(e.target.value),null==be||be(e)},value:dn,autoComplete:"off"})),e.createElement("div",{className:u(el,nl[E])},Z&&_a(an)&&!v&&e.createElement(ae,{"aria-label":"Clear selection",disabled:v,ref:Ye,onClick:function(e){v||(e.stopPropagation(),Nn(null),null==J||J(e),null==V||V(""),Sn())},onFocus:function(){tn(null)},className:u(sl),darkMode:Ae},e.createElement(z,{glyph:"XWithCircle"})),e.createElement(z,{glyph:"CaretDown",className:dl,fill:u(ke(ke({},gl(_e),!v),hl(_e),v))}))),e.createElement(K,er),e.createElement(h,Qn,e.createElement(ko,{id:qe,labelId:He,refEl:Ve,ref:Ze,menuWidth:Yn,searchLoadingMessage:H,searchErrorMessage:X,searchEmptyMessage:F},Wn)))));function nr(e){Ue&&Ue.current&&(e===Ot.scrollX&&(Ue.current.scrollLeft=Ue.current.scrollWidth),e===Ot.expandY&&(Ue.current.scrollTop=Ue.current.scrollHeight))}}var vl,xl,kl=function(){var n=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return[e.createElement(la,{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(la,{key:"banana",value:"banana",displayName:"Banana"}),e.createElement(la,{key:"carrot",value:"carrot",displayName:"Carrot",disabled:!0}),e.createElement(la,{key:"pomegranate",value:"pomegranate",displayName:"Pomegranate",glyph:n?e.createElement(z,{glyph:"Warning"}):void 0,description:"Watch out! I stain everything I touch LOL",disabled:!0}),e.createElement(la,{key:"plantain",value:"plantain",displayName:"Plantain",glyph:n?e.createElement(z,{glyph:"Connect"}):void 0,description:"Don't confuse me with a banana",onClick:function(){return console.log("I was clicked")}}),e.createElement(la,{key:"paragraph",value:"paragraph",displayName:"Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper."}),e.createElement(la,{key:"hash",value:"hash",displayName:"5f4dcc3b5aa765d61d8327deb882cf995f4dcc3b5aa765d61d8327deb882cf99"}),e.createElement(la,{key:"dragonfruit",value:"dragonfruit",displayName:"Dragonfruit",description:"Rawr"}),e.createElement(la,{key:"eggplant",value:"eggplant",displayName:"Eggplant"}),e.createElement(la,{key:"fig",value:"fig",displayName:"Fig"}),e.createElement(la,{key:"grape",value:"grape",displayName:"Grape"}),e.createElement(la,{key:"honeydew",value:"honeydew",displayName:"Honeydew"}),e.createElement(la,{key:"iceberg-lettuce",value:"iceberg-lettuce",displayName:"Iceberg lettuce"}),e.createElement(io,{key:"peppers",label:"Peppers"},e.createElement(la,{key:"cayenne",value:"cayenne",displayName:"Cayenne"}),e.createElement(la,{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(la,{key:"habanero",value:"habanero",displayName:"Habanero"}),e.createElement(la,{key:"jalapeno",value:"jalapeno",displayName:"Jalapeño"}),e.createElement(la,{key:"red-pepper",value:"red-pepper",displayName:"Red pepper"}),e.createElement(la,{key:"scotch-bonnet",value:"scotch-bonnet",displayName:"Scotch bonnet",description:"Don't touch your eyes"}))]},wl=d(vl||(vl=je(["\n width: 256px;\n padding-block: 64px;\n display: flex;\n"]))),El=["apple","banana"],Ol={title:"Components/Combobox",component:yl,decorators:[function(n){return e.createElement("div",{className:wl},e.createElement(n,null))}],parameters:{default:"LiveExample",controls:{exclude:[].concat(De(["aria-controls","aria-describedby","aria-label","aria-labelledby","aria-describedby","className","data-lgid","id","onBlur","onCancel","onChange","onClear","onClick","onConfirm","onDismiss","onFilter","popoverZIndex","portalClassName","portalContainer","ref","setOpen","scrollContainer","usePortal"]),["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(St),size:Object.values(Et)},excludeCombinations:[["description",{label:void 0}],{clearable:!1,value:void 0},{multiselect:!0,value:"apple"},{multiselect:!1,value:El}]}},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:kl()},argTypes:{darkMode:ze.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(Et),control:"select"},state:{options:Object.values(St),control:"select"},errorMessage:{control:"text"},searchEmptyMessage:{control:"text"},searchState:{options:Object.values(Nt),control:"select"},searchErrorMessage:{control:"text",if:{arg:"searchState",eq:Nt.Error}},searchLoadingMessage:{control:"text",if:{arg:"searchState",eq:Nt.Loading}},chipTruncationLocation:{options:Object.values(ge),control:"select",if:{arg:"multiselect"}},chipCharacterLimit:{control:"number",if:{arg:"multiselect"}},overflow:{options:Object.values(Ot),control:"select",if:{arg:"multiselect"}}}},Sl=function(n){return e.createElement(e.Fragment,null,n.multiselect?e.createElement(yl,we({key:"multi"},n,{multiselect:!0})):e.createElement(yl,we({key:"single"},n,{multiselect:!1})))};Sl.parameters={chromatic:{disableSnapshot:!0}};var Nl=function(){var n=Le(i(null),2),r=n[0],t=n[1];return e.createElement("div",null,e.createElement(yl,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit",onChange:function(e){t(e)},value:r},e.createElement(la,{value:"apple"}),e.createElement(la,{value:"banana"}),e.createElement(la,{value:"carrot"})),e.createElement(ht,{onClick:function(){return t("carrot")}},"Select Carrot"))};Nl.parameters={chromatic:{disableSnapshot:!0}};var Cl=function(){var n=["apple","banana","carrot","dragonfruit","eggplant","fig","grape","honeydew","iceberg-lettuce","jalapeño"],r=Le(i(["carrot","grape"]),2),t=r[0],o=r[1];return e.createElement(yl,{label:"Choose some fruit",placeholder:"Select fruit",initialValue:["apple","fig","raspberry"],multiselect:!0,overflow:"expand-y",onFilter:function(e){o(n.filter((function(n){return n.includes(e)})))},filteredOptions:t},n.map((function(n){return e.createElement(la,{key:n,value:n})})))};Cl.parameters={chromatic:{disableSnapshot:!0}};var Ll=function(){return e.createElement(e.Fragment,null)};Ll.args={multiselect:!1},Ll.parameters={generate:{combineArgs:{value:[void 0,"apple"]}}};var jl=function(){return e.createElement(e.Fragment,null)};jl.args={multiselect:!0},jl.parameters={generate:{combineArgs:{value:[void 0,El]}}};var Dl=function(n){return e.createElement(yl,we({},n,{multiselect:!0}),kl(!1))};Dl.parameters={chromatic:{disableSnapshot:!0}};var Ml=function(){return e.createElement(e.Fragment,null)};Ml.args={disabled:!0},Ml.parameters={generate:{combineArgs:{darkMode:[!0,!1]}}};var Pl,zl={render:function(){return e.createElement(yl,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit"},kl())},play:(Pl=function(e){return function(){var n=this,r=arguments;return new Promise((function(t,o){var a=e.apply(n,r);function l(e){xe(a,t,o,l,i,"next",e)}function i(e){xe(a,t,o,l,i,"throw",e)}l(void 0)}))}}(Ne().m((function e(n){var r,t,o;return Ne().w((function(e){for(;;)switch(e.n){case 0:return r=s(n.canvasElement.parentElement),t=r.findByRole,e.n=1,t("combobox");case 1:o=e.v,c.click(o);case 2:return e.a(2)}}),e)}))),function(e){return Pl.apply(this,arguments)}),decorators:[function(n,r){return e.createElement("div",{className:d(xl||(xl=je(["\n height: 100vh;\n padding: 0;\n "])))},e.createElement(n,null))}]};export{Nl as ControlledSingleSelect,Ml as DisabledInput,Cl as ExternalFilter,zl as InitialLongComboboxOpen,Sl as LiveExample,jl as MultiSelect,Dl as MultiSelectNoIcons,Ll as SingleSelect,Ol as default};
|