@leafygreen-ui/combobox 12.4.2 → 12.5.1
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 +13 -0
- package/README.md +9 -8
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/types/Combobox/Combobox.d.ts.map +1 -1
- package/dist/types/ComboboxOption/ComboboxOption.d.ts.map +1 -1
- package/dist/types/ComboboxOption/ComboboxOption.types.d.ts +5 -0
- package/dist/types/ComboboxOption/ComboboxOption.types.d.ts.map +1 -1
- package/dist/types/ComboboxOption/index.d.ts +1 -1
- package/dist/types/ComboboxOption/index.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/utils/ComboboxTestUtils.d.ts.map +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/index.js.map +1 -1
- package/package.json +8 -8
- package/src/Combobox/Combobox.keyboard.spec.tsx +12 -0
- package/src/Combobox/Combobox.spec.tsx +97 -6
- package/src/Combobox/Combobox.tsx +4 -5
- package/src/Combobox.stories.tsx +52 -0
- package/src/ComboboxOption/ComboboxOption.stories.tsx +2 -1
- package/src/ComboboxOption/ComboboxOption.tsx +9 -5
- package/src/ComboboxOption/ComboboxOption.types.ts +6 -0
- package/src/ComboboxOption/index.ts +1 -0
- package/src/index.ts +5 -1
- package/src/utils/ComboboxTestUtils.tsx +2 -1
- package/src/utils/ComboboxUtils.spec.tsx +9 -13
- package/stories.js +2 -2
- package/tsdoc.json +43 -0
package/stories.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import e,{useRef as n,useEffect as r,createContext as t,useContext as o,useMemo as a,useCallback as
|
|
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{Theme as b,consoleOnce as m,createUniqueClassName as y,getTheme as v,keyMap as x,getNodeTextContent as k,isComponentType as w}from"@leafygreen-ui/lib";import{palette as E}from"@leafygreen-ui/palette";import{fontFamilies as O,fontWeights as S,transitionDuration as N,typeScales as C,BaseFontSize as L,spacing as j,boxShadows as D,color as P,focusRing as M}from"@leafygreen-ui/tokens";import{transparentize as z,mix as I}from"polished";import{Icon as F,isComponentGlyph as T}from"@leafygreen-ui/icon";import{useForwardedRef as R,useIdAllocator as G,useAvailableSpace as A,useDynamicRefs as B,usePrevious as W,useAutoScroll as _,useBackdropClick as X}from"@leafygreen-ui/hooks";import{descriptionClassName as H,titleClassName as V,leftGlyphClassName as Y,InputOption as q,InputOptionContent as U}from"@leafygreen-ui/input-option";import{FormFieldState as K,DEFAULT_MESSAGES as Z,FormFieldFeedback as J}from"@leafygreen-ui/form-field";import{Checkbox as $}from"@leafygreen-ui/checkbox";import Q from"lodash/escapeRegExp";import ee from"lodash/clone";import ne from"lodash/debounce";import re from"lodash/isArray";import te from"lodash/isEqual";import oe from"lodash/isNull";import ae from"lodash/isString";import le from"lodash/isUndefined";import{IconButton as ie}from"@leafygreen-ui/icon-button";import{Popover as ce,RenderMode as se,getPopoverRenderModeProps as de,DismissMode as ue}from"@leafygreen-ui/popover";import{Error as pe,Label as fe,Description as ge}from"@leafygreen-ui/typography";import{chipTextClassName as he,TruncationLocation as be,Chip as me,BaseFontSize as ye,Variant as ve}from"@leafygreen-ui/chip";import xe from"lodash/kebabCase";function ke(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 we(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 Ee(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 Oe(){return Oe=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},Oe.apply(null,arguments)}function Se(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 Ne(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?Se(Object(r),!0).forEach(function(n){Ee(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Se(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Ce(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 Le(){
|
|
2
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 l?t:l,s=Object.create(c.prototype);return je(s,"_invoke",function(r,t,o){var a,l,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,l=0,c=e,p.n=r,i}};function f(r,t){for(l=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[(l=a[4])?5:(l=3,3)],a[4]=a[5]=e):a[0]<=f&&((o=r<2&&f<a[1])?(l=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,l=0))}if(o||r>1)return i;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),l=d,c=g;(n=l<2?e:c)||!u;){a||(l?l<3?(l>1&&(p.n=-1),f(l,c)):p.n=c:p.v=c);try{if(s=2,a){if(l||(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,l<2&&(l=0)}else 1===l&&(n=a.return)&&n.call(a),l<2&&(c=TypeError("The iterator does not provide a '"+o+"' method"),l=1);a=e}else if((n=(u=p.n<0)?c:r.call(t,p))!==i)break}catch(n){a=e,l=1,c=n}finally{s=1}}return{value:n,done:u}}}(r,o,a),!0),s}var i={};function l(){}function c(){}function s(){}n=Object.getPrototypeOf;var d=[][t]?n(n([][t]())):(je(n={},t,function(){return this}),n),u=s.prototype=l.prototype=Object.create(d);function p(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,s):(e.__proto__=s,je(e,o,"GeneratorFunction")),e.prototype=Object.create(u),e}return c.prototype=s,je(u,"constructor",s),je(s,"constructor",c),c.displayName="GeneratorFunction",je(s,o,"GeneratorFunction"),je(u),je(u,o,"Generator"),je(u,t,function(){return this}),je(u,"toString",function(){return"[object Generator]"}),(Le=function(){return{w:a,m:p}})()}function je(e,n,r,t){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}je=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){je(e,n,function(e){return this._invoke(n,r,e)})}a("next",0),a("throw",1),a("return",2)}},je(e,n,r,t)}function De(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)||Ie(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Me(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function Pe(e){return function(e){if(Array.isArray(e))return ke(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ie(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 ze(e){return ze="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},ze(e)}function Ie(e,n){if(e){if("string"==typeof e)return ke(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)?ke(e,n):void 0}}var Te={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 Fe(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 Re(){return Re=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},Re.apply(null,arguments)}function Ge(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 Ae(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?Ge(Object(r),!0).forEach(function(n){Fe(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ge(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function We(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 Be=function(n){return e.useRef(null)};function _e(e){return e||"div"}var Xe=["as","children"],He=e.forwardRef(function(n,r){var t=n.as,o=n.children,a=We(n,Xe),i=function(e){return{Component:_e(e),ref:Be()}}(t).Component;return e.createElement(i,Re({},a,{ref:r}),o)});He.displayName="Polymorph";var Ve=["as"];function Ye(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'),Ae({as:"a",href:"string"==typeof t?t:void 0},n)):Ae(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=We(t,Ve);return{Component:o,as:o,ref:Be(),rest:a}}var qe=E.slower,Ue=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 Ke(e){null!=Ue&&Ue.registeredRippleElements.has(e.target)&&function(e){var n=e.target,r=null==Ue?void 0:Ue.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 Ze(e,n){if(Ue){if(Ue.registeredRippleElements.set(e,n),!Ue.setRippleListener){document.addEventListener("click",Ke,{passive:!0});var r=document.createElement("style");r.innerHTML=Je,document.head.append(r),Ue.setRippleListener=!0}return function(){Ue.registeredRippleElements.delete(e)}}}var Je="\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 $e(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 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)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},Qe.apply(null,arguments)}function en(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 nn(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?en(Object(r),!0).forEach(function(n){$e(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):en(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function rn(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var tn,on,an,ln,cn,sn,dn,un,pn,fn,gn,hn,mn,bn,vn,yn,xn,kn,wn,En,On,Sn,Nn,Cn,Ln,jn,Dn,Mn,Pn,zn,In,Tn,Fn,Rn,Gn,An,Wn,Bn,_n,Xn,Hn,Vn,Yn,qn="default",Un="primary",Kn="primaryOutline",Zn="danger",Jn="dangerOutline",$n="baseGreen",Qn="xsmall",er="small",nr="default",rr="large",tr=.76,or=$e($e({},b.Light,$e($e($e($e($e($e({},qn,I.gray.light2),Un,I.green.dark1),Kn,P(tr,I.green.base)),Zn,I.red.light1),Jn,P(tr,I.red.base)),$n,I.green.light1)),b.Dark,$e($e($e($e($e($e({},qn,I.gray.base),Un,I.green.dark1),Kn,P(tr,I.green.base)),Zn,I.red.dark2),Jn,P(tr,I.red.light1)),$n,I.green.dark1)),ar=d(tn||(tn=rn(["\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 5px;\n"]))),ir=d(on||(on=rn(["\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"])),E.default),lr=$e($e($e($e({},Qn,d(an||(an=rn(["\n padding: 0 7px; // 8px - 1px border\n gap: 6px;\n "])))),er,d(ln||(ln=rn(["\n padding: 0 11px; // 12px - 1px border\n gap: 6px;\n "])))),nr,d(cn||(cn=rn(["\n padding: 0 11px; // 12px - 1px border\n gap: 6px;\n "])))),rr,d(sn||(sn=rn(["\n padding: 0 15px; // 16px - 1px border\n gap: 8px;\n "])))),cr=d(dn||(dn=rn(["\n position: absolute;\n"]))),sr=d(un||(un=rn(["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"]))),dr=$e($e($e($e({},Qn,16),er,16),nr,16),rr,20),ur=$e($e({},b.Dark,I.gray.light1),b.Light,I.gray.dark1),pr=d(pn||(pn=rn(["\n visibility: hidden;\n"]))),fr=d(fn||(fn=rn(["\n justify-self: right;\n"]))),gr=d(gn||(gn=rn(["\n justify-self: left;\n"]))),hr=v("button"),mr=$e($e({},b.Light,$e($e($e($e($e($e({},qn,d(hn||(hn=rn(["\n color: ",";\n "])),I.gray.base)),Un,d(mn||(mn=rn(["\n color: ",";\n "])),I.green.light2)),Kn,d(bn||(bn=rn(["\n color: ",";\n "])),I.green.dark2)),Zn,d(vn||(vn=rn(["\n color: ",";\n "])),I.red.light3)),Jn,d(yn||(yn=rn(["\n color: ",";\n "])),I.red.light1)),$n,d(xn||(xn=rn(["\n color: ",";\n "])),I.green.dark2))),b.Dark,$e($e($e($e($e($e({},qn,d(kn||(kn=rn(["\n color: ",";\n "])),I.gray.light2)),Un,d(wn||(wn=rn(["\n color: ",";\n "])),I.green.light2)),Kn,d(En||(En=rn(["\n color: ",";\n "])),I.green.base)),Zn,d(On||(On=rn(["\n color: ",";\n "])),I.red.light2)),Jn,d(Sn||(Sn=rn(["\n color: ",";\n "])),I.red.light1)),$n,d(Nn||(Nn=rn(["\n color: ",";\n "])),I.green.dark2))),br=$e($e({},b.Light,$e($e($e($e($e($e({},qn,d(Cn||(Cn=rn(["\n color: ",";\n "])),I.black)),Un,d(Ln||(Ln=rn(["\n color: ",";\n "])),I.white)),Kn,d(jn||(jn=rn(["\n color: ",";\n "])),I.green.dark2)),Zn,d(Dn||(Dn=rn(["\n color: ",";\n "])),I.white)),Jn,d(Mn||(Mn=rn(["\n color: ",";\n "])),I.red.base)),$n,d(Pn||(Pn=rn(["\n color: ",";\n "])),I.green.dark3))),b.Dark,$e($e($e($e($e($e({},qn,d(zn||(zn=rn(["\n color: ",";\n "])),I.white)),Un,d(In||(In=rn(["\n color: ",";\n "])),I.white)),Kn,d(Tn||(Tn=rn(["\n color: ",";\n "])),I.green.base)),Zn,d(Fn||(Fn=rn(["\n color: ",";\n "])),I.white)),Jn,d(Rn||(Rn=rn(["\n color: ",";\n "])),I.red.light1)),$n,d(Gn||(Gn=rn(["\n color: ",";\n "])),I.green.dark3))),vr=d(An||(An=rn(["\n ."," {\n &:hover,\n &:active {\n color: currentColor;\n }\n }\n"])),hr),yr=$e($e($e($e({},Qn,d(Wn||(Wn=rn(["\n height: 14px;\n width: 14px;\n "])))),er,d(Bn||(Bn=rn(["\n height: 16px;\n width: 16px;\n "])))),nr,d(_n||(_n=rn(["\n height: 16px;\n width: 16px;\n "])))),rr,d(Xn||(Xn=rn(["\n height: 20px;\n width: 20px;\n "])))),xr=$e($e({},b.Light,d(Hn||(Hn=rn(["\n color: ",";\n "])),I.gray.base)),b.Dark,d(Vn||(Vn=rn(["\n color: ",";\n "])),I.gray.dark1)),kr=d(Yn||(Yn=rn(["\n color: ",";\n"])),I.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"},d=y(a),p=l?br:mr;return e.cloneElement(r,nn({className:u(p[d][t],yr[o],$e($e($e({},vr,l),xr[d],i),kr,i&&l&&a),c)},s))}wr.displayName="ButtonIcon";var Er,Or,Sr,Nr,Cr,Lr,jr,Dr,Mr,Pr,zr,Ir,Tr,Fr,Rr,Gr,Ar,Wr,Br,_r,Xr,Hr,Vr,Yr,qr,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={variant:l,size:c,darkMode:n.darkMode,disabled:n.disabled,isIconOnlyButton:null!==(r=(t||o)&&!i)&&void 0!==r&&r};return e.createElement("div",{className:u(ir,lr[c],a)},t&&e.createElement(wr,Qe({glyph:t,className:fr},s)),i,o&&e.createElement(wr,Qe({glyph:o,className:gr},s)))},tt=function(t){var o,a=t.darkMode,i=t.disabled,l=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,v=n(null);r(function(){var e,n=or[b][l];return null==v.current||i||(e=Ze(v.current,{backgroundColor:n})),e},[v,l,m,i,b]);var y=p&&e.cloneElement(p,nn(nn({},p.props),{},$e({className:u($e({},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(ir,lr[c],$e({},cr,!d))},y,d),!d&&e.createElement(rt,Qe({},t,{className:u(pr,f)}))):e.createElement(e.Fragment,null,e.createElement("div",{className:ar,ref:v}),e.createElement(rt,t))},ot="#00593F",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(I.blue.light1,";\n")},st=d(Er||(Er=rn(["\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"])),E.default,O.default,at,lt),dt=$e($e({},b.Light,$e($e($e($e($e($e({},qn,d(Or||(Or=rn(["\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 "])),I.gray.light3,I.gray.base,I.black,at,I.black,it,lt,I.black,I.white,I.gray.light2)),Un,d(Sr||(Sr=rn(["\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: 0 0 0 3px ",";\n }\n "])),I.green.dark2,I.green.dark2,I.white,at,I.white,it,lt,I.white,ot,ot,I.green.light2)),Kn,d(Nr||(Nr=rn(["\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 "])),I.green.dark2,I.green.dark2,at,I.green.dark2,it,lt,I.green.dark2,P(.96,I.green.base),I.green.light2)),Zn,d(Cr||(Cr=rn(["\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 "])),I.red.base,I.red.base,I.white,at,I.white,it,lt,I.white,I.red.light3)),Jn,d(Lr||(Lr=rn(["\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 "])),I.red.light1,I.red.base,at,I.red.base,it,lt,I.red.dark2,P(.96,I.red.base),I.red.base,I.red.light3)),$n,d(jr||(jr=rn(["\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 "])),I.green.base,I.green.dark2,I.green.dark3,at,I.green.dark3,it,lt,I.green.dark3,z(.96,I.green.base,I.green.dark3),I.green.light2))),b.Dark,$e($e($e($e($e($e({},qn,d(Dr||(Dr=rn(["\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 "])),I.gray.dark2,I.gray.base,I.white,at,I.white,it,lt,I.gray.dark1,I.gray.base,I.white,I.gray.dark2)),Un,d(Mr||(Mr=rn(["\n background-color: ",";\n border: 1px solid ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ","; // Off palette\n box-shadow: 0 0 0 3px ",";\n }\n "])),I.green.dark2,I.green.base,I.white,at,I.white,it,lt,I.white,ot,I.green.dark3)),Kn,d(Pr||(Pr=rn(["\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 "])),I.green.base,I.green.base,at,I.green.base,it,lt,I.green.base,P(.96,I.green.base),I.green.base,I.green.dark3)),Zn,d(zr||(zr=rn(["\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 "])),I.red.base,I.red.light1,I.white,at,I.white,it,lt,I.red.light1,I.white,I.yellow.dark3)),Jn,d(Ir||(Ir=rn(["\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 "])),I.red.light1,I.red.light1,at,I.red.light1,it,lt,I.red.light1,P(.96,I.red.base),I.yellow.dark3)),$n,d(Tr||(Tr=rn(["\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 "])),I.green.base,I.green.dark2,I.green.dark3,at,I.green.dark3,it,lt,I.green.dark3,z(.96,I.green.base,I.green.light3),I.green.dark2,I.green.dark3))),ut=$e($e({},b.Light,$e($e($e($e($e($e({},qn,d(Fr||(Fr=rn(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),at,I.white,ct(I.white))),Un,d(Rr||(Rr=rn(["\n "," {\n color: ",";\n background-color: ",";\n box-shadow: ",";\n }\n "])),at,I.white,ot,ct(I.white))),Kn,d(Gr||(Gr=rn(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),at,P(.96,I.green.base),ct(I.white))),Zn,d(Ar||(Ar=rn(["\n "," {\n color: ",";\n background-color: #c82222; // not quite dark1\n box-shadow: ",";\n }\n "])),at,I.white,ct(I.white))),Jn,d(Wr||(Wr=rn(["\n "," {\n color: ",";\n box-shadow: ",";\n }\n "])),at,I.red.dark2,ct(I.white))),$n,d(Br||(Br=rn(["\n "," {\n box-shadow: ",";\n }\n "])),at,ct(I.white)))),b.Dark,$e($e($e($e($e($e({},qn,d(_r||(_r=rn(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),at,I.gray.dark1,ct(I.black))),Un,d(Xr||(Xr=rn(["\n "," {\n background-color: ","; // Off palette\n box-shadow: ",";\n }\n "])),at,ot,ct(I.black))),Kn,d(Hr||(Hr=rn(["\n "," {\n background-color: ",";\n border-color: ",";\n box-shadow: ",";\n }\n "])),at,P(.96,I.green.base),I.green.base,ct(I.black))),Zn,d(Vr||(Vr=rn(["\n "," {\n background-color: #c82222; // Off palette\n box-shadow: ",";\n }\n "])),at,ct(I.black))),Jn,d(Yr||(Yr=rn(["\n "," {\n background-color: ",";\n border-color: ",";\n box-shadow: ",";\n }\n "])),at,P(.96,I.red.base),I.red.light1,ct(I.black))),$n,d(qr||(qr=rn(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),at,I.green.base,ct(I.black)))),pt=$e($e({},b.Light,d(Ur||(Ur=rn(["\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,I.gray.light2,I.gray.light1,I.gray.base,at,I.gray.base,ct(I.white))),b.Dark,d(Kr||(Kr=rn(["\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,I.gray.dark3,I.gray.dark2,I.gray.dark1,at,I.gray.dark1,ct(I.black))),ft=$e($e($e($e({},Qn,d(Zr||(Zr=rn(["\n height: 22px;\n text-transform: uppercase;\n font-size: 12px;\n line-height: 1em;\n font-weight: ",";\n letter-spacing: 0.4px;\n "])),S.semiBold)),er,d(Jr||(Jr=rn(["\n height: 28px;\n "])))),nr,d($r||($r=rn(["\n height: 36px;\n "])))),rr,d(Qr||(Qr=rn(["\n height: 48px;\n font-size: 18px;\n line-height: 24px;\n "])))),gt=$e($e({},C.Body1,d(et||(et=rn(["\n font-size: ","px;\n line-height: ","px;\n font-weight: ",";\n "])),N.body1.fontSize,N.body1.lineHeight,S.medium)),C.Body2,d(nt||(nt=rn(["\n font-size: ","px;\n line-height: ","px;\n // Pixel pushing for optical alignment purposes\n transform: translateY(1px);\n font-weight: ",";\n "])),N.body2.fontSize,N.body2.lineHeight,S.medium)),ht=["variant","size","darkMode","data-lgid","baseFontSize","disabled","onClick","leftGlyph","rightGlyph","children","className","as","type","isLoading","loadingIndicator","loadingText"],mt=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?qn:t,a=n.size,i=void 0===a?nr:a,l=n.darkMode,c=n["data-lgid"],s=n.baseFontSize,d=void 0===s?C.Body1:s,p=n.disabled,f=void 0!==p&&p,h=n.onClick,m=n.leftGlyph,b=n.rightGlyph,v=n.children,x=n.className,k=n.as,w=n.type,E=n.isLoading,O=void 0!==E&&E,S=n.loadingIndicator,N=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,ht),j=Ye(k,L,"button"),D=j.Component,M=j.rest,P=g(l).darkMode,z="a"===D,I=!(f||O),T=function(){return{root:arguments.length>0&&void 0!==arguments[0]?arguments[0]:"lg-button"}}(c),F=function(e){var n=e.variant,r=e.size,t=e.baseFontSize,o=e.disabled,a=y(e.darkMode),i=dt[a][n],l=ut[a][n],c=ft[r],s=gt[t];return u(st,i,s,c,$e({},l,!o),$e({},pt[a],o))}({variant:o,size:i,darkMode:P,baseFontSize:d,disabled:!I}),R=nn(nn({"data-lgid":T.root,type:z?void 0:w||"button",className:u(hr,F,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:i,isLoading:O,loadingIndicator:S,loadingText:N};return e.createElement(D,R,e.createElement(tt,G,v))});mt.displayName="Button";var bt="Input",vt="ClearButton",yt="FirstChip",xt="LastChip",kt="MiddleChip",wt="Combobox",Et="Menu",Ot={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},St={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},Nt=K,Ct={Unset:"unset",Error:"error",Loading:"loading"},Lt={Trigger:"trigger",Option:"option"};var jt,Dt,Mt,Pt,zt,It,Tt,Ft,Rt,Gt=t({multiselect:!1,size:Ot.Default,withIcons:!1,disabled:!1,isOpen:!1,state:Nt.None,searchState:Ct.Unset,overflow:St.expandY}),At=v("combobox-chip"),Wt=Ee(Ee(Ee(Ee({},Ot.XSmall,16),Ot.Small,N.body1.lineHeight),Ot.Default,N.body1.lineHeight),Ot.Large,N.body2.lineHeight),Bt=Ee(Ee(Ee(Ee({},Ot.XSmall,N.body1.fontSize),Ot.Small,N.body1.fontSize),Ot.Default,N.body1.fontSize),Ot.Large,N.body2.fontSize),_t=Ee(Ee(Ee(Ee({},Ot.XSmall,1),Ot.Small,0),Ot.Default,2),Ot.Large,4),Xt=Ee(Ee(Ee(Ee({},Ot.XSmall,d(jt||(jt=Me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Bt[Ot.XSmall],Wt[Ot.XSmall],he,_t[Ot.XSmall])),Ot.Small,d(Dt||(Dt=Me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Bt[Ot.Small],Wt[Ot.Small],he,_t[Ot.Small])),Ot.Default,d(Mt||(Mt=Me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),Bt[Ot.Default],Wt[Ot.Default],he,_t[Ot.Default])),Ot.Large,d(Pt||(Pt=Me(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),Bt[Ot.Large],Wt[Ot.Large],he,_t[Ot.Large])),Ht=e.forwardRef(function(n,t){var a,i=n.displayName,l=n.isFocused,c=n.onRemove,s=n.onFocus,d=o(Gt),p=d.size,f=d.disabled,g=d.overflow,h=d.chipTruncationLocation,m=void 0===h?me.End:h,b=d.chipCharacterLimit,v=void 0===b?12:b,y=g===St.scrollX?me.None:m,k=R(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(be,{label:i,className:u(At,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:ve.Body1,chipCharacterLimit:v,chipTruncationLocation:y,variant:ye.Gray,ref:k,disabled:f,tabIndex:-1})});Ht.displayName="ComboboxChip";var Vt,Yt,qt,Ut,Kt,Zt,Jt,$t,Qt,eo,no,ro,to,oo,ao,io=Ee(Ee({},b.Light,d(zt||(zt=Me(["\n padding-top: ","px;\n "])),L[2])),b.Dark,d(It||(It=Me(["\n padding-top: ","px;\n "])),L[2])),lo=d(Tt||(Tt=Me(["\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"])),S.semiBold),co=Ee(Ee({},b.Light,d(Ft||(Ft=Me(["\n color: ",";\n "])),I.gray.dark1)),b.Dark,d(Rt||(Rt=Me(["\n color: ",";\n "])),I.gray.light1));function so(n){var r=n.label,t=n.className,o=n.children,a=g().theme,i=G({prefix:"combobox-group"});return e.Children.count(o)>0?e.createElement("div",{className:u(io[a],t)},e.createElement("div",{className:u(lo,co[a]),id:i},r),e.createElement("div",{role:"group","aria-labelledby":i},o)):e.createElement(e.Fragment,null)}function uo(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}uo.displayName="ComboboxGroup";var po=Ee(Ee(Ee(Ee({},Ot.XSmall,{x:12,y:8}),Ot.Small,{x:12,y:8}),Ot.Default,{x:12,y:8}),Ot.Large,{x:12,y:8}),fo=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return d(Vt||(Vt=Me(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},go=Ee(Ee({},b.Light,d(Yt||(Yt=Me(["\n box-shadow: ",";\n border-color: ",";\n "])),j[b.Light][1],I.gray.light2)),b.Dark,d(qt||(qt=Me(["\n box-shadow: ",";\n border-color: ",";\n "])),j[b.Dark][1],I.gray.dark2)),ho=d(Ut||(Ut=Me(["\n width: max-content;\n"]))),mo=d(Kt||(Kt=Me(["\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"])),L[2],O.default);Ee(Ee({},b.Light,d(Zt||(Zt=Me(["\n color: ",";\n background-color: ",";\n "])),I.black,I.white)),b.Dark,d(Jt||(Jt=Me(["\n color: ",";\n background-color: ",";\n "])),I.gray.light1,I.gray.dark3));var bo,vo=function(e){return d($t||($t=Me(["\n background-color: ",";\n"])),D[e].background.primary.default)},yo=d(Qt||(Qt=Me(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),xo=d(eo||(eo=Me(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),ko=Ee(Ee({},b.Light,d(no||(no=Me(["\n color: ",";\n "])),I.gray.dark3)),b.Dark,d(ro||(ro=Me(["\n color: ",";\n "])),I.gray.light3)),wo=function(e){return d(to||(to=Me(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),Bt[e],Wt[e],po[e].y,po[e].x)},Eo=p(oo||(oo=Me(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Oo=d(ao||(ao=Me(["\n animation: "," 1.5s linear infinite;\n"])),Eo),So=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,h=n.searchEmptyMessage,m=n.dropdownWidthBasis,b=void 0===m?Lt.Trigger:m,v=g(),y=v.darkMode,x=v.theme,k=o(Gt),w=k.disabled,E=k.size,O=k.isOpen,S=k.searchState,N=R(r,null),C=A(l),L=ie(C)?"unset":"".concat(Math.min(C,256),"px"),j=a(function(){var n=u(xo,ko[x],wo(E)),r=u(xo,wo(E));switch(S){case"loading":return e.createElement("span",{className:n},e.createElement(T,{glyph:"Refresh",color:y?I.blue.light1:I.blue.base,className:Oo}),p);case"error":return e.createElement(pe,{className:r},e.createElement(T,{glyph:"Warning",color:y?I.red.light1:I.red.base}),e.createElement("span",null,f));default:return t&&"object"===ze(t)&&"length"in t&&t.length>0?e.createElement("ul",{className:yo},t):e.createElement("span",{className:n},h)}},[x,E,S,y,p,f,t,h]);return e.createElement(ce,{active:O&&!w,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:u(fo(s),go[x],Ee({},ho,b===Lt.Option))},e.createElement("div",{ref:N,id:i,role:"listbox","aria-labelledby":c,"aria-expanded":O,className:u(mo,vo(x),d(bo||(bo=Me(["\n max-height: ",";\n "])),L)),onMouseDownCapture:function(e){return e.preventDefault()}},j))});So.displayName="ComboboxMenu";var No,Co,Lo,jo,Do,Mo,Po,zo,Io,To,Fo,Ro,Go,Ao,Wo,Bo,_o,Xo,Ho,Vo,Yo,qo=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Uo=function(e){var n=e.value,r=e.displayName,t=k(r);return{value:null!=n?n:xe(t),displayName:t||n||""}},Ko=function(n){return e.Children.toArray(n).reduce(function(e,n){if(w(n,"ComboboxOption")){var r=Uo(n.props),t=r.value,o=r.displayName,a=n.props,i=a.glyph,l=a.disabled;return[].concat(Pe(e),[{value:t,displayName:o,isDisabled:!!l,hasGlyph:!!i}])}if(w(n,"ComboboxGroup")){var c=n.props.children;if(c)return[].concat(Pe(e),Pe(Ko(c)))}},[])},Zo=function(e,n){if(e)return n.find(function(n){return n.value===e})},Jo=function(e,n){var r,t;return e?null!==(r=null===(t=Zo(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},$o=d(No||(No=Me(["\n .",", ."," {\n font-size: ","px;\n line-height: 20px;\n }\n"])),H,V,N.body2.fontSize),Qo=Ee(Ee(Ee(Ee({},Ot.XSmall,d(Co||(Co=Me(["\n min-width: ","px;\n "])),L[3])),Ot.Small,d(Lo||(Lo=Me(["\n min-width: ","px;\n "])),L[3])),Ot.Default,d(jo||(jo=Me(["\n min-width: ","px;\n "])),L[3])),Ot.Large,d(Do||(Do=Me(["\n min-width: ","px;\n "])),L[4])),ea=d(Mo||(Mo=Me(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));d(Po||(Po=Me(["\n pointer-events: none;\n"])));var na=d(zo||(zo=Me(["\n ."," {\n font-weight: ",";\n }\n"])),V,S.regular),ra=d(Io||(Io=Me(["\n ."," {\n font-weight: ",";\n }\n"])),V,S.semiBold),ta=Ee(Ee({},b.Light,d(To||(To=Me(["\n color: ",";\n "])),I.gray.dark1)),b.Dark,d(Fo||(Fo=Me(["\n color: ",";\n "])),I.gray.base)),oa=Ee(Ee({},b.Light,d(Ro||(Ro=Me(["\n color: ",";\n "])),I.blue.dark1)),b.Dark,d(Go||(Go=Me(["\n color: ",";\n "])),I.blue.light3)),aa=Ee(Ee({},b.Light,d(Ao||(Ao=Me(["\n color: ",";\n "])),I.gray.light1)),b.Dark,d(Wo||(Wo=Me(["\n color: ",";\n "])),I.gray.dark1)),ia=Ee(Ee({},b.Light,d(Bo||(Bo=Me(["\n color: ",";\n "])),I.blue.base)),b.Dark,d(_o||(_o=Me(["\n color: ",";\n "])),I.blue.light1)),la=Ee(Ee({},b.Light,d(Xo||(Xo=Me(["\n color: ",";\n "])),I.gray.light1)),b.Dark,d(Ho||(Ho=Me(["\n color: ",";\n "])),I.gray.dark1)),ca=d(Vo||(Vo=Me(["\n ."," {\n align-self: baseline;\n position: relative;\n // aligns the checkbox with the option name\n top: 1px;\n }\n"])),Y),sa=d(Yo||(Yo=Me(["\n ."," {\n // aligns the checkbox with the option name\n top: 3px;\n }\n"])),Y),da=function(e){var n=e.size,r=e.isMultiselectWithoutIcons,t=e.isSelected,o=e.className;return u(na,Ee(Ee(Ee(Ee({},ra,t),$o,n===Ot.Large),ca,r),sa,r&&n===Ot.Large),o)},ua=["glyph","isSelected","displayName","isFocused","setSelected","className","description","value","onClick","disabled","aria-label"],pa=e.forwardRef(function(n,r){var t=n.glyph,l=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,v=void 0!==b&&b,y=n["aria-label"],x=Ce(n,ua),w=g(),E=w.darkMode,O=w.theme,S=o(Gt),N=S.multiselect,C=S.size,L=S.withIcons,j=S.inputValue,D=R(r,null),M=G({prefix:"combobox-option-text"}),P=i(function(e){e.stopPropagation(),v||(d(),null==m||m(e,h))},[v,m,d,h]),z=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,d=n.theme,p=n.isFocused;o&&!F(o)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",o);var f=o&&F(o)?e.cloneElement(o,Ne(Ne({},o.props),{},{className:u(ta[d],Ee(Ee({},oa[d],p),aa[d],i),o.props.className)})):e.createElement(e.Fragment,null),g=e.createElement($,{"aria-labelledby":a,checked:t,tabIndex:-1,disabled:i,darkMode:l,className:ea}),h=e.createElement(T,{glyph:"Checkmark",className:u(Qo[c],ia[d],Ee({},la[d],i))});return{leftGlyph:s?r?f:g:r?f:t?h:null,rightGlyph:s?r&&g:r&&t&&h}}({withIcons:L,isSelected:l,glyph:t,theme:O,darkMode:E,size:C,disabled:v,multiselect:N,optionTextId:M,isFocused:s})},[E,v,t,l,N,M,C,O,L,s]),I=z.leftGlyph,A=z.rightGlyph,W=N&&!L;return e.createElement(q,Oe({},x,{as:"li",ref:D,highlighted:s,disabled:v,"aria-label":y||k(c)||h,darkMode:E,className:da({size:C,isSelected:l,isMultiselectWithoutIcons:W,className:p}),onClick:P,onKeyDown:P}),e.createElement(U,{leftGlyph:I,rightGlyph:A,description:f},"string"==typeof c?e.createElement("span",{id:M},function(n,r,t){if(r&&t){var o=Q(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 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),l.splice.apply(l,[p,g].concat(Pe(m)))}return e.createElement(e.Fragment,null,l)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(c,j,"strong")):c))});function fa(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}pa.displayName="ComboboxOption",fa.displayName="ComboboxOption";var ga,ha,ma,ba,va,ya,xa,ka,wa,Ea,Oa,Sa,Na,Ca,La,ja,Da,Ma,Pa,za,Ia,Ta,Fa,Ra,Ga,Aa,Wa,Ba,_a,Xa,Ha,Va,Ya,qa=function(e){return!ie(e)&&!oe(e)&&(ae(e)||re(e)&&e.length>0)},Ua=function(e){return Wt[e]+2*_t[e]},Ka=L[100],Za=Ee(Ee(Ee(Ee({},Ot.XSmall,22),Ot.Small,28),Ot.Default,36),Ot.Large,48),Ja=function(e){return(Za[e]-Ua(e)-2)/2},$a=Ee(Ee(Ee(Ee({},Ot.XSmall,{y:Ja(Ot.XSmall),xLeftWithChip:L[25],xLeftWithoutChip:L[200],xRight:L[100]}),Ot.Small,{y:Ja(Ot.Small),xLeftWithChip:L[100],xLeftWithoutChip:L[200],xRight:L[100]}),Ot.Default,{y:Ja(Ot.Default),xLeftWithChip:L[150],xLeftWithoutChip:L[300],xRight:L[200]}),Ot.Large,{y:Ja(Ot.Large),xLeftWithChip:L[300],xLeftWithoutChip:L[300],xRight:L[200]}),Qa=L[400],ei=function(e){return d(ga||(ga=Me(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),O.default,Bt[e]+2*$a[e].xLeftWithChip+Qa+2)},ni=d(ha||(ha=Me(["\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"])),L[200],E.default,E.default),ri=Ee(Ee({},b.Light,d(ma||(ma=Me(["\n color: ",";\n background-color: ",";\n "])),D.light.text.primary.default,D.light.background.primary.default)),b.Dark,d(ba||(ba=Me(["\n color: ",";\n background-color: ",";\n "])),D.dark.text.primary.default,I.gray.dark4)),ti=function(e,n){return d(va||(va=Me(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),$a[e].y,$a[e].y,"".concat(n?$a[e].xLeftWithChip:$a[e].xLeftWithoutChip,"px"),$a[e].xRight)},oi=function(e){return d(ya||(ya=Me(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n"])),D[e].text.disabled.default,D[e].background.disabled.default,D[e].border.disabled.default)},ai=function(e){return Ee(Ee(Ee({},Nt.Error,d(xa||(xa=Me(["\n border-color: ",";\n "])),D[e].border.error.default)),Nt.None,d(ka||(ka=Me(["\n border-color: ",";\n "])),D[e].border.primary.default)),Nt.Valid,d(wa||(wa=Me(["\n border-color: ",";\n "])),D[e].border.success.default))},ii=Ee(Ee({},b.Light,d(Ea||(Ea=Me(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),M[b.Light].input)),b.Dark,d(Oa||(Oa=Me(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),M[b.Dark].input)),li=d(Sa||(Sa=Me(["\n display: flex;\n align-items: center;\n"]))),ci=Ee(Ee(Ee(Ee({},Ot.XSmall,d(Na||(Na=Me(["\n gap: ","px;\n "])),L[100])),Ot.Small,d(Ca||(Ca=Me(["\n gap: ","px;\n "])),L[200])),Ot.Default,d(La||(La=Me(["\n gap: ","px;\n "])),L[200])),Ot.Large,d(ja||(ja=Me(["\n gap: ","px;\n "])),L[200])),si=function(e){var n=e.overflow,r=e.size,t=d(Da||(Da=Me(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case St.scrollX:return d(Ma||(Ma=Me(["\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,Ua(r),At);case St.expandY:return d(Pa||(Pa=Me(["\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,Ka,Ua(r),3*Ua(r),Ka)}},di=d(za||(za=Me(["\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"])),O.default,L[100]),ui=Ee(Ee({},b.Light,d(Ia||(Ia=Me(["\n &::placeholder {\n color: ",";\n }\n "])),I.gray.base)),b.Dark,d(Ta||(Ta=Me(["\n &::placeholder {\n color: ",";\n }\n "])),I.gray.dark1)),pi=Ee(Ee({},b.Light,d(Fa||(Fa=Me(["\n &::placeholder {\n color: ",";\n }\n "])),I.gray.base)),b.Dark,d(Ra||(Ra=Me(["\n &::placeholder {\n color: ",";\n }\n "])),I.gray.dark1)),fi=function(e){return d(Ga||(Ga=Me(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),Ua(e),Bt[e],Wt[e],Bt[e])},gi=function(e){return d(Aa||(Aa=Me(["\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")},hi=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return d(Wa||(Wa=Me(["\n width: ","px;\n max-width: 100%;\n "])),t*Bt[e])},mi=d(Ba||(Ba=Me(["\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"])),Qa/2),bi=d(_a||(_a=Me(["\n height: ","px;\n width: ","px;\n"])),Qa,Qa),vi=d(Xa||(Xa=Me(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),L[100]),yi=d(Ha||(Ha=Me(["\n font-size: ","px;\n line-height: ","px;\n"])),N.large.fontSize,N.large.lineHeight),xi=Ee(Ee({},b.Light,d(Va||(Va=Me(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),P(.85,I.black))),b.Dark,d(Ya||(Ya=Me(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),ki=function(e){return D[e].icon.primary.default},wi=function(e){return D[e].icon.disabled.default},Ei=["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","dropdownWidthBasis"],Oi=["className","glyph","disabled"];function Si(t){var o=t.children,c=t.label,s=t.description,d=t.placeholder,p=void 0===d?"Select":d,b=t["aria-label"],v=t.disabled,y=void 0!==v&&v,E=t.size,O=void 0===E?Ot.Default:E,S=t.darkMode,N=t.state,C=void 0===N?"none":N,L=t.errorMessage,j=void 0===L?Z.error:L,D=t.successMessage,M=void 0===D?Z.success:D,P=t.searchState,z=void 0===P?"unset":P,I=t.searchEmptyMessage,F=void 0===I?"No results found":I,R=t.searchErrorMessage,A=void 0===R?"Could not get results!":R,H=t.searchLoadingMessage,V=void 0===H?"Loading results...":H,Y=t.filteredOptions,q=t.onFilter,U=t.clearable,K=void 0===U||U,$=t.onClear,Q=t.overflow,ce=void 0===Q?St.expandY:Q,pe=t.multiselect,he=void 0!==pe&&pe,me=t.initialValue,be=t.inputValue,ve=t.onInputChange,ye=t.onChange,xe=t.value,ke=t.chipTruncationLocation,we=t.chipCharacterLimit,Se=void 0===we?12:we,Le=t.className,je=t.renderMode,Me=void 0===je?se.TopLayer:je,Pe=t.portalClassName,Ie=t.portalContainer,Te=t.portalRef,Fe=t.scrollContainer,Re=t.popoverZIndex,Ge=t.dropdownWidthBasis,Ae=void 0===Ge?Lt.Trigger:Ge,We=Ce(t,Ei),Be=g(S),_e=Be.darkMode,Xe=Be.theme,He=W({prefix:"option"}),Ve=W({prefix:"chip"}),Ye=G({prefix:"combobox-input"}),qe=G({prefix:"combobox-label"}),Ue=G({prefix:"combobox-menu"}),Ke=n(null),Ze=n(null),Je=n(null),$e=n(null),Qe=n(null),en=De(l(!1),2),nn=en[0],rn=en[1],tn=B(nn),on=De(l(null),2),an=on[0],ln=on[1],cn=a(function(){return Ko(o)},[o]),sn=i(function(e){return!!e&&!!cn.find(function(n){return n.value===e})},[cn]),dn=l(function(){if(me){if(re(me)){var e=me.filter(function(e){return sn(e)});return e}if(sn(me))return me}return function(e){return e?[]:null}(he)}),un=De(dn,2),pn=un[0],fn=un[1],gn=B(pn),hn=De(l(null!=be?be:""),2),mn=hn[0],bn=hn[1];r(function(){ie(be)||bn(be)},[be]);var vn=function(e){bn(e)},yn=B(mn),xn=De(l(null),2),kn=xn[0],wn=xn[1],En=De(l(!1),2),On=En[0],Sn=En[1],Nn=he&&re(pn)&&pn.length>0?void 0:p,Cn=function(){return rn(!1)},Ln=function(){return rn(!0)},jn=i(function(e){return!he||"string"!=typeof e&&"number"!=typeof e?!he&&re(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(ze(e),' value: "').concat(e,'"')),he&&re(e)},[he]),Dn=i(function(e){!y&&$e&&$e.current&&($e.current.focus(),ie(e)||$e.current.setSelectionRange(e,e))},[y]),Mn=i(function(e){if(jn(pn)){var n=ee(pn),r=ye,t={diffType:"delete",value:null!=e?e:pn};oe(e)?n.length=0:pn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),t.diffType="insert",vn("")),fn(n),null==r||r(n,t)}else{var o=e,a=ye;fn(o),null==a||a(o)}},[jn,ye,pn]),Pn=i(function(e){var n,r,t,o;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((r=cn,(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:""),pn)},[cn,pn]),zn=i(function(e){var n="string"==typeof e?e:e.value;if(Y&&Y.length>0)return Y.includes(n);if(Pn(mn))return!0;var r="string"==typeof e?Jo(n,cn):e.displayName;return k(r).toLowerCase().includes(mn.toLowerCase())},[Y,Pn,mn,cn]),In=a(function(){return cn.filter(zn)},[cn,zn]),Tn=i(function(e){return In?In.findIndex(function(n){return n.value===e}):-1},[In]),Fn=i(function(e){if(In&&In.length>=e){var n=In[e];return n?n.value:void 0}},[In]),Rn=i(function(){return jn(pn)?pn.findIndex(function(e){var n;return null===(n=Ve(e))||void 0===n||null===(n=n.current)||void 0===n?void 0:n.contains(document.activeElement)}):-1},[Ve,jn,pn]),Gn=De(l(),2),An=Gn[0],Wn=Gn[1],Bn=i(function(e){var n,r=null!==(n=null==In?void 0:In.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,o=Tn(an);switch(e&&nn&&(wn(null),Dn()),e){case"next":var a=Fn(o+1<r?o+1:0);ln(null!=a?a:null);break;case"prev":var i=Fn(o-1>=0?o-1:t);ln(null!=i?i:null);break;case"last":var l=Fn(t);ln(null!=l?l:null);break;default:var c=Fn(0);ln(null!=c?c:null)}},[an,Tn,Fn,nn,Dn,null==In?void 0:In.length]),_n=i(function(e,n){if(jn(pn))switch(e){case"next":var r=null!=n?n:Rn(),t=r+1<pn.length?r+1:pn.length-1,o=pn[t];wn(o);break;case"prev":var a=null!=n?n:Rn(),i=a>0?a-1:a<0?pn.length-1:0,l=pn[i];wn(l);break;case"first":var c=pn[0];wn(c);break;case"last":var s=pn[pn.length-1];wn(s);break;default:wn(null)}},[Rn,jn,pn]),Xn=i(function(e,n){switch(e&&ln(null),e){case"right":switch(An){case bt:var r,t,o;if((null===(r=$e.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=$e.current)||void 0===t?void 0:t.value.length))null===(o=Ze.current)||void 0===o||o.focus();break;case yt:case kt:case xt:if(An===xt||1===(null==pn?void 0:pn.length)){Dn(0),_n(null),n.preventDefault();break}_n("next")}break;case"left":switch(An){case vt:var a;n.preventDefault(),Dn(null==$e||null===(a=$e.current)||void 0===a?void 0:a.value.length);break;case bt:case kt:case xt:if(jn(pn)){var i;if(An===bt&&0!==(null===(i=$e.current)||void 0===i?void 0:i.selectionStart))break;_n("prev")}}break;default:_n(null)}},[An,jn,pn,Dn,_n]);r(function(){nn||Bn("first")},[nn,Bn]),_(an?He(an):void 0,Qe);var Hn=i(function(n){if(w(n,"ComboboxOption")){var r=Uo(n.props),t=r.value,o=r.displayName;if(zn(t)){var a=n.props,i=a.className,l=a.glyph,c=a.disabled,s=Ce(a,Oi),d=cn.findIndex(function(e){return e.value===t}),u=an===t,p=jn(pn)?pn.includes(t):pn===t,f=He(t);return e.createElement(pa,Oe({},s,{value:t,displayName:o,isFocused:u,isSelected:p,disabled:c,setSelected:function(){ln(t),Mn(t),Dn(),t===pn&&Cn()},glyph:l,className:i,index:d,ref:f}))}}else if(w(n,"ComboboxGroup")){var g=e.Children.map(n.props.children,Hn);if(g&&(null==g?void 0:g.length)>0)return e.createElement(so,{label:n.props.label,className:n.props.className},e.Children.map(g,Hn))}},[cn,He,an,jn,pn,Dn,zn,Mn]),Vn=a(function(){return e.Children.map(o,Hn)},[o,Hn]),Yn=a(function(){if(jn(pn))return pn.filter(sn).map(function(n,r){var t=Jo(n,cn),o=k(t),a=kn===n,i=Ve(n),l=r>=pn.length-1;return e.createElement(Ht,{key:n,displayName:o,isFocused:a,onRemove:function(){l?(Dn(),_n(null)):_n("next",r),Mn(n)},onFocus:function(){wn(n)},ref:i})})},[jn,pn,sn,cn,kn,Ve,Mn,Dn,_n]),qn=a(function(){return cn.some(function(e){return e.hasGlyph})},[cn]),Un=i(function(){var e=In.find(function(e){return e.displayName===mn||e.value===mn});if(!xe&&e)Mn(e.value);else if(!jn(pn)){var n,r=null!==(n=Jo(pn,cn))&&void 0!==n?n:gn;vn(k(r))}},[cn,mn,jn,gn,pn,Mn,xe,In]),Kn=i(function(){if(qa(pn)){if(jn(pn))ar(ce);else if(!jn(pn)){var e,n=null!==(e=Jo(pn,cn))&&void 0!==e?e:"";vn(k(n)),Cn()}}else vn("")},[cn,jn,pn,ce]);r(function(){if(!ie(xe)&&xe!==yn)if(oe(xe))fn(null);else if(jn(xe)){var e=xe.filter(sn);fn(e)}else fn(sn(xe)?xe:null)},[jn,sn,yn,xe]),r(function(){var e=!ie(gn)&&(re(pn)&&!oe(gn)||ae(pn)||oe(pn))&&!te(pn,gn),n=ie(gn)&&qa(pn);(e||n)&&Kn()},[Kn,gn,pn]),r(function(){!nn&&tn&&Un()},[nn,tn,Un]);var Zn=De(l(0),2),Jn=Zn[0],$n=Zn[1];r(function(){var e,n;$n(null!==(e=null===(n=Ke.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},[Ke,nn,an,pn]);X(Cn,[Qe,Ke],{enabled:nn});var Qn=jn(pn)&&!!pn.length,er=ne(function(e){Sn(qo(e.target))},50,{leading:!0}),nr=i(function(e){ce===St.expandY&&er(e)},[er,ce]);r(function(){Je.current&&Sn(qo(Je.current))},[]);var rr,tr=Ne({popoverZIndex:Re},de({dismissMode:ue.Manual,portalClassName:Pe,portalContainer:Ie,portalRef:Te,renderMode:Me,scrollContainer:Fe})),or={disabled:y,errorMessage:j,size:O,state:C,successMessage:M};return e.createElement(f,{darkMode:_e},e.createElement(Gt.Provider,{value:{multiselect:he,size:O,withIcons:qn,disabled:y,isOpen:nn,state:C,searchState:z,chipTruncationLocation:ke,chipCharacterLimit:Se,inputValue:mn,overflow:ce,popoverZIndex:Re}},e.createElement("div",Oe({className:u(ei(O),Le)},We),(c||s)&&e.createElement("div",{className:vi},c&&e.createElement(fe,{id:qe,htmlFor:Ye,darkMode:_e,disabled:y,className:u(Ee({},yi,O===Ot.Large))},c),s&&e.createElement(ge,{darkMode:_e,disabled:y,className:u(Ee({},yi,O===Ot.Large))},s)),e.createElement("div",{ref:Ke,role:"combobox","aria-expanded":nn,"aria-controls":Ue,"aria-owns":Ue,tabIndex:-1,onMouseDown:function(e){y&&e.preventDefault()},onClick:function(e){if(e.target!==$e.current){var n=0;if($e.current)n=e.nativeEvent.offsetX>$e.current.offsetLeft+$e.current.clientWidth?mn.length:0;Dn(n)}Ln()},onFocus:function(e){ar(ce),Wn(function(e){var n,r,t,o;if(!e)return;if(null!==(n=$e.current)&&void 0!==n&&n.contains(e))return bt;if(null!==(r=Ze.current)&&void 0!==r&&r.contains(e))return vt;var a=jn(pn)?pn.findIndex(function(n){var r;return null===(r=Ve(n))||void 0===r||null===(r=r.current)||void 0===r?void 0:r.contains(e)}):-1;if(jn(pn)){if(0===a)return yt;if(a===pn.length-1)return xt;if(a>0)return kt}if(null!==(t=Qe.current)&&void 0!==t&&t.contains(e))return Et;if(null!==(o=Ke.current)&&void 0!==o&&o.contains(e))return wt}(e.target))},onKeyDown:function(e){var n,r,t=null===(n=Qe.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=Ke.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(An){case"Input":qa(pn)||(Cn(),Bn("first"),_n(null));break;case"LastChip":_n(null)}break;case x.Escape:Cn(),Bn("first");break;case x.Enter:nn?!nn||An!==bt||oe(an)||function(e){if("string"==typeof e){var n=Zo(e,cn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(an)?An===vt&&(Mn(null),Dn()):Mn(an):Ln();break;case x.Backspace:var o;if(jn(pn))"Input"===An&&0===(null===(o=$e.current)||void 0===o?void 0:o.selectionStart)&&_n("last");Ln();break;case x.ArrowDown:nn?(e.preventDefault(),Bn("next")):Ln();break;case x.ArrowUp:nn?(e.preventDefault(),Bn("prev")):Ln();break;case x.ArrowRight:Xn("right",e);break;case x.ArrowLeft:Xn("left",e);break;default:nn||Ln()}}},onTransitionEnd:function(){var e,n;$n(null!==(e=null===(n=Ke.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:u(ni,ri[Xe],ti(O,Qn),ai(Xe)[C],Ee(Ee(Ee({},ii[Xe],(rr=bt,rr===An)),oi(Xe),y),xi[Xe],On))},e.createElement("div",{onScroll:nr,ref:Je,className:si({size:O,overflow:ce})},Yn,e.createElement("input",{"aria-label":null!=b?b:c,"aria-autocomplete":"list","aria-controls":Ue,"aria-labelledby":qe,ref:$e,id:Ye,className:u(di,fi(O),ui[Xe],gi(nn),Ee(Ee({},hi(O,mn),jn(pn)),pi[Xe],y)),placeholder:Nn,"aria-disabled":y,readOnly:y,onChange:function(e){vn(e.target.value),null==q||q(e.target.value),null==ve||ve(e)},value:mn,autoComplete:"off"})),e.createElement("div",{className:u(li,ci[O])},K&&qa(pn)&&!y&&e.createElement(le,{"aria-label":"Clear selection",disabled:y,ref:Ze,onClick:function(e){y||(e.stopPropagation(),Mn(null),null==$||$(e),null==q||q(""),Dn())},onFocus:function(){ln(null)},className:u(mi),darkMode:_e},e.createElement(T,{glyph:"XWithCircle"})),e.createElement(T,{glyph:"CaretDown",className:bi,fill:u(Ee(Ee({},ki(Xe),!y),wi(Xe),y))}))),e.createElement(J,or),e.createElement(h,tr,e.createElement(So,{id:Ue,labelId:qe,refEl:Ke,ref:Qe,menuWidth:Jn,searchLoadingMessage:V,searchErrorMessage:A,searchEmptyMessage:F,dropdownWidthBasis:Ae},Vn)))));function ar(e){Je&&Je.current&&(e===St.scrollX&&(Je.current.scrollLeft=Je.current.scrollWidth),e===St.expandY&&(Je.current.scrollTop=Je.current.scrollHeight))}}var Ni,Ci,Li=function(){var n=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return[e.createElement(fa,{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(fa,{key:"banana",value:"banana",displayName:"Banana"}),e.createElement(fa,{key:"carrot",value:"carrot",displayName:"Carrot",disabled:!0}),e.createElement(fa,{key:"pomegranate",value:"pomegranate",displayName:"Pomegranate",glyph:n?e.createElement(T,{glyph:"Warning"}):void 0,description:"Watch out! I stain everything I touch LOL",disabled:!0}),e.createElement(fa,{key:"plantain",value:"plantain",displayName:"Plantain",glyph:n?e.createElement(T,{glyph:"Connect"}):void 0,description:"Don't confuse me with a banana",onClick:function(){return console.log("I was clicked")}}),e.createElement(fa,{key:"paragraph",value:"paragraph",displayName:"Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper."}),e.createElement(fa,{key:"hash",value:"hash",displayName:"5f4dcc3b5aa765d61d8327deb882cf995f4dcc3b5aa765d61d8327deb882cf99"}),e.createElement(fa,{key:"dragonfruit",value:"dragonfruit",displayName:"Dragonfruit",description:"Rawr"}),e.createElement(fa,{key:"eggplant",value:"eggplant",displayName:"Eggplant"}),e.createElement(fa,{key:"fig",value:"fig",displayName:"Fig"}),e.createElement(fa,{key:"grape",value:"grape",displayName:"Grape"}),e.createElement(fa,{key:"honeydew",value:"honeydew",displayName:"Honeydew"}),e.createElement(fa,{key:"iceberg-lettuce",value:"iceberg-lettuce",displayName:"Iceberg lettuce"}),e.createElement(uo,{key:"peppers",label:"Peppers"},e.createElement(fa,{key:"cayenne",value:"cayenne",displayName:"Cayenne"}),e.createElement(fa,{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(fa,{key:"habanero",value:"habanero",displayName:"Habanero"}),e.createElement(fa,{key:"jalapeno",value:"jalapeno",displayName:"Jalapeño"}),e.createElement(fa,{key:"red-pepper",value:"red-pepper",displayName:"Red pepper"}),e.createElement(fa,{key:"scotch-bonnet",value:"scotch-bonnet",displayName:"Scotch bonnet",description:"Don't touch your eyes"}))]},ji=d(Ni||(Ni=Me(["\n width: 256px;\n padding-block: 64px;\n display: flex;\n"]))),Di=["apple","banana"],Mi={title:"Components/Inputs/Combobox",component:Si,decorators:[function(n){return e.createElement("div",{className:ji},e.createElement(n,null))}],parameters:{default:"LiveExample",controls:{exclude:[].concat(Pe(["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:Di}]}},args:{label:"Choose a fruit",description:"Please pick fruit(s)",placeholder:"Select fruit",multiselect:!1,darkMode:!1,disabled:!1,clearable:!0,dropdownWidthBasis:Lt.Trigger,errorMessage:"No Pomegranates!",children:Li()},argTypes:{darkMode:Te.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(Ct),control:"select"},searchErrorMessage:{control:"text",if:{arg:"searchState",eq:Ct.Error}},searchLoadingMessage:{control:"text",if:{arg:"searchState",eq:Ct.Loading}},chipTruncationLocation:{options:Object.values(me),control:"select",if:{arg:"multiselect"}},chipCharacterLimit:{control:"number",if:{arg:"multiselect"}},overflow:{options:Object.values(St),control:"select",if:{arg:"multiselect"}},dropdownWidthBasis:{options:Object.values(Lt),control:"select"}}},Pi=function(n){return e.createElement(e.Fragment,null,n.multiselect?e.createElement(Si,Oe({key:"multi"},n,{multiselect:!0})):e.createElement(Si,Oe({key:"single"},n,{multiselect:!1})))};Pi.parameters={chromatic:{disableSnapshot:!0}};var zi=function(){var n=De(l(null),2),r=n[0],t=n[1];return e.createElement("div",null,e.createElement(Si,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit",onChange:function(e){t(e)},value:r},e.createElement(fa,{value:"apple"}),e.createElement(fa,{value:"banana"}),e.createElement(fa,{value:"carrot"})),e.createElement(mt,{onClick:function(){return t("carrot")}},"Select Carrot"))};zi.parameters={chromatic:{disableSnapshot:!0}};var Ii=function(){var n=["apple","banana","carrot","dragonfruit","eggplant","fig","grape","honeydew","iceberg-lettuce","jalapeño"],r=De(l(["carrot","grape"]),2),t=r[0],o=r[1];return e.createElement(Si,{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(fa,{key:n,value:n})}))};Ii.parameters={chromatic:{disableSnapshot:!0}};var Ti=function(){return e.createElement(e.Fragment,null)};Ti.args={multiselect:!1},Ti.parameters={generate:{combineArgs:{value:[void 0,"apple"]}}};var Fi=function(){return e.createElement(e.Fragment,null)};Fi.args={multiselect:!0},Fi.parameters={generate:{combineArgs:{value:[void 0,Di]}}};var Ri=function(n){return e.createElement(Si,Oe({},n,{multiselect:!0}),Li(!1))};Ri.parameters={chromatic:{disableSnapshot:!0}};var Gi=function(){return e.createElement(e.Fragment,null)};Gi.args={disabled:!0},Gi.parameters={generate:{combineArgs:{darkMode:[!0,!1]}}};var Ai,Wi={render:function(){return e.createElement(Si,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit"},Li())},play:(Ai=function(e){return function(){var n=this,r=arguments;return new Promise(function(t,o){var a=e.apply(n,r);function i(e){we(a,t,o,i,l,"next",e)}function l(e){we(a,t,o,i,l,"throw",e)}i(void 0)})}}(Le().m(function e(n){var r,t,o;return Le().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 Ai.apply(this,arguments)}),decorators:[function(n,r){return e.createElement("div",{className:d(Ci||(Ci=Me(["\n height: 100vh;\n padding: 0;\n "])))},e.createElement(n,null))}]};export{zi as ControlledSingleSelect,Gi as DisabledInput,Ii as ExternalFilter,Wi as InitialLongComboboxOpen,Pi as LiveExample,Fi as MultiSelect,Ri as MultiSelectNoIcons,Ti as SingleSelect,Mi as default};
|
|
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 je(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]())):(je(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,je(e,o,"GeneratorFunction")),e.prototype=Object.create(u),e}return c.prototype=s,je(u,"constructor",s),je(s,"constructor",c),c.displayName="GeneratorFunction",je(s,o,"GeneratorFunction"),je(u),je(u,o,"Generator"),je(u,t,function(){return this}),je(u,"toString",function(){return"[object Generator]"}),(Le=function(){return{w:a,m:p}})()}function je(e,n,r,t){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}je=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){je(e,n,function(e){return this._invoke(n,r,e)})}a("next",0),a("throw",1),a("return",2)}},je(e,n,r,t)}function De(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)||Ie(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 Pe(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function Me(e){return function(e){if(Array.isArray(e))return ke(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ie(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 ze(e){return ze="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},ze(e)}function Ie(e,n){if(e){if("string"==typeof e)return ke(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)?ke(e,n):void 0}}var Fe={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 Te(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 Re(){return Re=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},Re.apply(null,arguments)}function Ge(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var Ae,Be,We,_e,Xe,He,Ve,Ye,qe,Ue,Ke,Ze,Je,$e,Qe,en="darkgray",nn="lightgray",rn="red",tn="yellow",on="blue",an="green",ln="purple",cn=d(Ae||(Ae=Ge(["\n font-family: ",";\n display: inline-flex;\n align-items: center;\n font-weight: ",";\n font-size: 12px;\n line-height: 16px;\n border-radius: 24px;\n height: 18px;\n padding-left: 6px;\n padding-right: 6px;\n text-transform: uppercase;\n border: 1px solid;\n letter-spacing: 0.4px;\n"])),O.default,S.semiBold),sn=Te(Te({},b.Dark,Te(Te(Te(Te(Te(Te(Te({},nn,d(Be||(Be=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.gray.dark3,E.gray.dark2,E.gray.light2)),en,d(We||(We=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.gray.dark1,E.gray.base,E.gray.light3)),rn,d(_e||(_e=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.red.dark3,E.red.dark2,E.red.light2)),tn,d(Xe||(Xe=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.yellow.dark3,E.yellow.dark2,E.yellow.light2)),on,d(He||(He=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.blue.dark2,E.blue.dark1,E.blue.light2)),an,d(Ve||(Ve=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.green.dark3,E.green.dark2,E.green.light1)),ln,d(Ye||(Ye=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.purple.dark2,E.purple.base,E.purple.light2))),b.Light,Te(Te(Te(Te(Te(Te(Te({},nn,d(qe||(qe=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.gray.light3,E.gray.light2,E.gray.dark1)),en,d(Ue||(Ue=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.gray.dark2,E.gray.dark3,E.white)),rn,d(Ke||(Ke=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.red.light3,E.red.light2,E.red.dark2)),tn,d(Ze||(Ze=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.yellow.light3,E.yellow.light2,E.yellow.dark2)),on,d(Je||(Je=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.blue.light3,E.blue.light2,E.blue.dark1)),an,d($e||($e=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.green.light3,E.green.light2,E.green.dark2)),ln,d(Qe||(Qe=Ge(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),E.purple.light3,E.purple.light2,E.purple.dark2))),dn=["children","variant","className","darkMode"];function un(n){var r=n.children,t=n.variant,o=void 0===t?nn:t,a=n.className,l=n.darkMode,i=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,dn),c=g(l).theme;return e.createElement("div",Re({},i,{className:u(cn,sn[c][o],a)}),r)}function pn(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 fn(){return fn=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},fn.apply(null,arguments)}function gn(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 hn(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?gn(Object(r),!0).forEach(function(n){pn(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):gn(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function bn(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}un.displayName="Badge";var mn=function(n){return e.useRef(null)};function yn(e){return e||"div"}var vn=["as","children"],xn=e.forwardRef(function(n,r){var t=n.as,o=n.children,a=bn(n,vn),l=function(e){return{Component:yn(e),ref:mn()}}(t).Component;return e.createElement(l,fn({},a,{ref:r}),o)});xn.displayName="Polymorph";var kn=["as"];function wn(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'),hn({as:"a",href:"string"==typeof t?t:void 0},n)):hn(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=bn(t,kn);return{Component:o,as:o,ref:mn(),rest:a}}var En=N.slower,On=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 Sn(e){null!=On&&On.registeredRippleElements.has(e.target)&&function(e){var n=e.target,r=null==On?void 0:On.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 Nn(e,n){if(On){if(On.registeredRippleElements.set(e,n),!On.setRippleListener){document.addEventListener("click",Sn,{passive:!0});var r=document.createElement("style");r.innerHTML=Cn,document.head.append(r),On.setRippleListener=!0}return function(){On.registeredRippleElements.delete(e)}}}var Cn="\n @-webkit-keyframes lg-ui-ripple {\n from {\n opacity:1;\n }\n to {\n transform: scale(2);\n transition: opacity ".concat(En,"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(En,"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(En,"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 Ln(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 jn(){return jn=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},jn.apply(null,arguments)}function Dn(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 Pn(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?Dn(Object(r),!0).forEach(function(n){Ln(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Dn(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Mn(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var zn,In,Fn,Tn,Rn,Gn,An,Bn,Wn,_n,Xn,Hn,Vn,Yn,qn,Un,Kn,Zn,Jn,$n,Qn,er,nr,rr,tr,or,ar,lr,ir,cr,sr,dr,ur,pr,fr,gr,hr,br,mr,yr,vr,xr,kr,wr="default",Er="primary",Or="primaryOutline",Sr="danger",Nr="dangerOutline",Cr="baseGreen",Lr="xsmall",jr="small",Dr="default",Pr="large",Mr=.76,zr=Ln(Ln({},b.Light,Ln(Ln(Ln(Ln(Ln(Ln({},wr,E.gray.light2),Er,E.green.dark1),Or,z(Mr,E.green.base)),Sr,E.red.light1),Nr,z(Mr,E.red.base)),Cr,E.green.light1)),b.Dark,Ln(Ln(Ln(Ln(Ln(Ln({},wr,E.gray.base),Er,E.green.dark1),Or,z(Mr,E.green.base)),Sr,E.red.dark2),Nr,z(Mr,E.red.light1)),Cr,E.green.dark1)),Ir=d(zn||(zn=Mn(["\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 5px;\n"]))),Fr=d(In||(In=Mn(["\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"])),N.default),Tr=Ln(Ln(Ln(Ln({},Lr,d(Fn||(Fn=Mn(["\n padding: 0 7px; // 8px - 1px border\n gap: 6px;\n "])))),jr,d(Tn||(Tn=Mn(["\n padding: 0 11px; // 12px - 1px border\n gap: 6px;\n "])))),Dr,d(Rn||(Rn=Mn(["\n padding: 0 11px; // 12px - 1px border\n gap: 6px;\n "])))),Pr,d(Gn||(Gn=Mn(["\n padding: 0 15px; // 16px - 1px border\n gap: 8px;\n "])))),Rr=d(An||(An=Mn(["\n position: absolute;\n"]))),Gr=d(Bn||(Bn=Mn(["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"]))),Ar=Ln(Ln(Ln(Ln({},Lr,16),jr,16),Dr,16),Pr,20),Br=Ln(Ln({},b.Dark,E.gray.light1),b.Light,E.gray.dark1),Wr=d(Wn||(Wn=Mn(["\n visibility: hidden;\n"]))),_r=d(_n||(_n=Mn(["\n justify-self: right;\n"]))),Xr=d(Xn||(Xn=Mn(["\n justify-self: left;\n"]))),Hr=y("button"),Vr=Ln(Ln({},b.Light,Ln(Ln(Ln(Ln(Ln(Ln({},wr,d(Hn||(Hn=Mn(["\n color: ",";\n "])),E.gray.base)),Er,d(Vn||(Vn=Mn(["\n color: ",";\n "])),E.green.light2)),Or,d(Yn||(Yn=Mn(["\n color: ",";\n "])),E.green.dark2)),Sr,d(qn||(qn=Mn(["\n color: ",";\n "])),E.red.light3)),Nr,d(Un||(Un=Mn(["\n color: ",";\n "])),E.red.light1)),Cr,d(Kn||(Kn=Mn(["\n color: ",";\n "])),E.green.dark2))),b.Dark,Ln(Ln(Ln(Ln(Ln(Ln({},wr,d(Zn||(Zn=Mn(["\n color: ",";\n "])),E.gray.light2)),Er,d(Jn||(Jn=Mn(["\n color: ",";\n "])),E.green.light2)),Or,d($n||($n=Mn(["\n color: ",";\n "])),E.green.base)),Sr,d(Qn||(Qn=Mn(["\n color: ",";\n "])),E.red.light2)),Nr,d(er||(er=Mn(["\n color: ",";\n "])),E.red.light1)),Cr,d(nr||(nr=Mn(["\n color: ",";\n "])),E.green.dark2))),Yr=Ln(Ln({},b.Light,Ln(Ln(Ln(Ln(Ln(Ln({},wr,d(rr||(rr=Mn(["\n color: ",";\n "])),E.black)),Er,d(tr||(tr=Mn(["\n color: ",";\n "])),E.white)),Or,d(or||(or=Mn(["\n color: ",";\n "])),E.green.dark2)),Sr,d(ar||(ar=Mn(["\n color: ",";\n "])),E.white)),Nr,d(lr||(lr=Mn(["\n color: ",";\n "])),E.red.base)),Cr,d(ir||(ir=Mn(["\n color: ",";\n "])),E.green.dark3))),b.Dark,Ln(Ln(Ln(Ln(Ln(Ln({},wr,d(cr||(cr=Mn(["\n color: ",";\n "])),E.white)),Er,d(sr||(sr=Mn(["\n color: ",";\n "])),E.white)),Or,d(dr||(dr=Mn(["\n color: ",";\n "])),E.green.base)),Sr,d(ur||(ur=Mn(["\n color: ",";\n "])),E.white)),Nr,d(pr||(pr=Mn(["\n color: ",";\n "])),E.red.light1)),Cr,d(fr||(fr=Mn(["\n color: ",";\n "])),E.green.dark3))),qr=d(gr||(gr=Mn(["\n ."," {\n &:hover,\n &:active {\n color: currentColor;\n }\n }\n"])),Hr),Ur=Ln(Ln(Ln(Ln({},Lr,d(hr||(hr=Mn(["\n height: 14px;\n width: 14px;\n "])))),jr,d(br||(br=Mn(["\n height: 16px;\n width: 16px;\n "])))),Dr,d(mr||(mr=Mn(["\n height: 16px;\n width: 16px;\n "])))),Pr,d(yr||(yr=Mn(["\n height: 20px;\n width: 20px;\n "])))),Kr=Ln(Ln({},b.Light,d(vr||(vr=Mn(["\n color: ",";\n "])),E.gray.base)),b.Dark,d(xr||(xr=Mn(["\n color: ",";\n "])),E.gray.dark1)),Zr=d(kr||(kr=Mn(["\n color: ",";\n"])),E.gray.dark1);function Jr(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?Yr:Vr;return e.cloneElement(r,Pn({className:u(p[d][t],Ur[o],Ln(Ln(Ln({},qr,i),Kr[d],l),Zr,l&&i&&a),c)},s))}Jr.displayName="ButtonIcon";var $r,Qr,et,nt,rt,tt,ot,at,lt,it,ct,st,dt,ut,pt,ft,gt,ht,bt,mt,yt,vt,xt,kt,wt,Et,Ot,St,Nt,Ct,Lt,jt,Dt,Pt=function(n){var r,t=n.leftGlyph,o=n.rightGlyph,a=n.className,l=n.children,i=n.variant,c=n.size,s={variant:i,size:c,darkMode:n.darkMode,disabled:n.disabled,isIconOnlyButton:null!==(r=(t||o)&&!l)&&void 0!==r&&r};return e.createElement("div",{className:u(Fr,Tr[c],a)},t&&e.createElement(Jr,jn({glyph:t,className:_r},s)),l,o&&e.createElement(Jr,jn({glyph:o,className:Xr},s)))},Mt=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),b=h.darkMode,m=h.theme,y=n(null);r(function(){var e,n=zr[m][i];return null==y.current||l||(e=Nn(y.current,{backgroundColor:n})),e},[y,i,b,l,m]);var v=p&&e.cloneElement(p,Pn(Pn({},p.props),{},Ln({className:u(Ln({},Gr,!d),null===(o=p.props)||void 0===o?void 0:o.className),sizeOverride:Ar[c],colorOverride:Br[m]},"data-testid","lg-button-spinner")));return s?e.createElement(e.Fragment,null,e.createElement("div",{className:u(Fr,Tr[c],Ln({},Rr,!d))},v,d),!d&&e.createElement(Pt,jn({},t,{className:u(Wr,f)}))):e.createElement(e.Fragment,null,e.createElement("div",{className:Ir,ref:y}),e.createElement(Pt,t))},zt="#00593F",It='&:focus-visible, &[data-focus="true"]',Ft='&:hover, &[data-hover="true"]',Tt='&:active, &[data-active="true"]',Rt=function(e){return"\n 0 0 0 2px ".concat(e,", \n 0 0 0 4px ").concat(E.blue.light1,";\n")},Gt=d($r||($r=Mn(["\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"])),N.default,O.default,It,Tt),At=Ln(Ln({},b.Light,Ln(Ln(Ln(Ln(Ln(Ln({},wr,d(Qr||(Qr=Mn(["\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 "])),E.gray.light3,E.gray.base,E.black,It,E.black,Ft,Tt,E.black,E.white,E.gray.light2)),Er,d(et||(et=Mn(["\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: 0 0 0 3px ",";\n }\n "])),E.green.dark2,E.green.dark2,E.white,It,E.white,Ft,Tt,E.white,zt,zt,E.green.light2)),Or,d(nt||(nt=Mn(["\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 "])),E.green.dark2,E.green.dark2,It,E.green.dark2,Ft,Tt,E.green.dark2,z(.96,E.green.base),E.green.light2)),Sr,d(rt||(rt=Mn(["\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 "])),E.red.base,E.red.base,E.white,It,E.white,Ft,Tt,E.white,E.red.light3)),Nr,d(tt||(tt=Mn(["\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 "])),E.red.light1,E.red.base,It,E.red.base,Ft,Tt,E.red.dark2,z(.96,E.red.base),E.red.base,E.red.light3)),Cr,d(ot||(ot=Mn(["\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 "])),E.green.base,E.green.dark2,E.green.dark3,It,E.green.dark3,Ft,Tt,E.green.dark3,I(.96,E.green.base,E.green.dark3),E.green.light2))),b.Dark,Ln(Ln(Ln(Ln(Ln(Ln({},wr,d(at||(at=Mn(["\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 "])),E.gray.dark2,E.gray.base,E.white,It,E.white,Ft,Tt,E.gray.dark1,E.gray.base,E.white,E.gray.dark2)),Er,d(lt||(lt=Mn(["\n background-color: ",";\n border: 1px solid ",";\n color: ",";\n\n "," {\n color: ",";\n }\n\n ",",\n "," {\n color: ",";\n background-color: ","; // Off palette\n box-shadow: 0 0 0 3px ",";\n }\n "])),E.green.dark2,E.green.base,E.white,It,E.white,Ft,Tt,E.white,zt,E.green.dark3)),Or,d(it||(it=Mn(["\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 "])),E.green.base,E.green.base,It,E.green.base,Ft,Tt,E.green.base,z(.96,E.green.base),E.green.base,E.green.dark3)),Sr,d(ct||(ct=Mn(["\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 "])),E.red.base,E.red.light1,E.white,It,E.white,Ft,Tt,E.red.light1,E.white,E.yellow.dark3)),Nr,d(st||(st=Mn(["\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 "])),E.red.light1,E.red.light1,It,E.red.light1,Ft,Tt,E.red.light1,z(.96,E.red.base),E.yellow.dark3)),Cr,d(dt||(dt=Mn(["\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 "])),E.green.base,E.green.dark2,E.green.dark3,It,E.green.dark3,Ft,Tt,E.green.dark3,I(.96,E.green.base,E.green.light3),E.green.dark2,E.green.dark3))),Bt=Ln(Ln({},b.Light,Ln(Ln(Ln(Ln(Ln(Ln({},wr,d(ut||(ut=Mn(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),It,E.white,Rt(E.white))),Er,d(pt||(pt=Mn(["\n "," {\n color: ",";\n background-color: ",";\n box-shadow: ",";\n }\n "])),It,E.white,zt,Rt(E.white))),Or,d(ft||(ft=Mn(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),It,z(.96,E.green.base),Rt(E.white))),Sr,d(gt||(gt=Mn(["\n "," {\n color: ",";\n background-color: #c82222; // not quite dark1\n box-shadow: ",";\n }\n "])),It,E.white,Rt(E.white))),Nr,d(ht||(ht=Mn(["\n "," {\n color: ",";\n box-shadow: ",";\n }\n "])),It,E.red.dark2,Rt(E.white))),Cr,d(bt||(bt=Mn(["\n "," {\n box-shadow: ",";\n }\n "])),It,Rt(E.white)))),b.Dark,Ln(Ln(Ln(Ln(Ln(Ln({},wr,d(mt||(mt=Mn(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),It,E.gray.dark1,Rt(E.black))),Er,d(yt||(yt=Mn(["\n "," {\n background-color: ","; // Off palette\n box-shadow: ",";\n }\n "])),It,zt,Rt(E.black))),Or,d(vt||(vt=Mn(["\n "," {\n background-color: ",";\n border-color: ",";\n box-shadow: ",";\n }\n "])),It,z(.96,E.green.base),E.green.base,Rt(E.black))),Sr,d(xt||(xt=Mn(["\n "," {\n background-color: #c82222; // Off palette\n box-shadow: ",";\n }\n "])),It,Rt(E.black))),Nr,d(kt||(kt=Mn(["\n "," {\n background-color: ",";\n border-color: ",";\n box-shadow: ",";\n }\n "])),It,z(.96,E.red.base),E.red.light1,Rt(E.black))),Cr,d(wt||(wt=Mn(["\n "," {\n background-color: ",";\n box-shadow: ",";\n }\n "])),It,E.green.base,Rt(E.black)))),Wt=Ln(Ln({},b.Light,d(Et||(Et=Mn(["\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 "])),Ft,Tt,E.gray.light2,E.gray.light1,E.gray.base,It,E.gray.base,Rt(E.white))),b.Dark,d(Ot||(Ot=Mn(["\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 "])),Ft,Tt,E.gray.dark3,E.gray.dark2,E.gray.dark1,It,E.gray.dark1,Rt(E.black))),_t=Ln(Ln(Ln(Ln({},Lr,d(St||(St=Mn(["\n height: 22px;\n text-transform: uppercase;\n font-size: 12px;\n line-height: 1em;\n font-weight: ",";\n letter-spacing: 0.4px;\n "])),S.semiBold)),jr,d(Nt||(Nt=Mn(["\n height: 28px;\n "])))),Dr,d(Ct||(Ct=Mn(["\n height: 36px;\n "])))),Pr,d(Lt||(Lt=Mn(["\n height: 48px;\n font-size: 18px;\n line-height: 24px;\n "])))),Xt=Ln(Ln({},L.Body1,d(jt||(jt=Mn(["\n font-size: ","px;\n line-height: ","px;\n font-weight: ",";\n "])),C.body1.fontSize,C.body1.lineHeight,S.medium)),L.Body2,d(Dt||(Dt=Mn(["\n font-size: ","px;\n line-height: ","px;\n // Pixel pushing for optical alignment purposes\n transform: translateY(1px);\n font-weight: ",";\n "])),C.body2.fontSize,C.body2.lineHeight,S.medium)),Ht=["variant","size","darkMode","data-lgid","baseFontSize","disabled","onClick","leftGlyph","rightGlyph","children","className","as","type","isLoading","loadingIndicator","loadingText"],Vt=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?wr:t,a=n.size,l=void 0===a?Dr:a,i=n.darkMode,c=n["data-lgid"],s=n.baseFontSize,d=void 0===s?L.Body1:s,p=n.disabled,f=void 0!==p&&p,h=n.onClick,b=n.leftGlyph,m=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,N=n.loadingText,C=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,Ht),j=wn(k,C,"button"),D=j.Component,P=j.rest,M=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=At[a][n],i=Bt[a][n],c=_t[r],s=Xt[t];return u(Gt,l,s,c,Ln({},i,!o),Ln({},Wt[a],o))}({variant:o,size:l,darkMode:M,baseFontSize:d,disabled:!I}),R=Pn(Pn({"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()}},P),{},{href:I?P.href:void 0}),G={rightGlyph:m,leftGlyph:b,darkMode:M,disabled:f,variant:o,size:l,isLoading:O,loadingIndicator:S,loadingText:N};return e.createElement(D,R,e.createElement(Mt,G,y))});Vt.displayName="Button";var Yt="Input",qt="ClearButton",Ut="FirstChip",Kt="LastChip",Zt="MiddleChip",Jt="Combobox",$t="Menu",Qt={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},eo={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},no=K,ro={Unset:"unset",Error:"error",Loading:"loading"},to={Trigger:"trigger",Option:"option"};var oo,ao,lo,io,co,so,uo,po,fo,go=t({multiselect:!1,size:Qt.Default,withIcons:!1,disabled:!1,isOpen:!1,state:no.None,searchState:ro.Unset,overflow:eo.expandY}),ho=y("combobox-chip"),bo=Ee(Ee(Ee(Ee({},Qt.XSmall,16),Qt.Small,C.body1.lineHeight),Qt.Default,C.body1.lineHeight),Qt.Large,C.body2.lineHeight),mo=Ee(Ee(Ee(Ee({},Qt.XSmall,C.body1.fontSize),Qt.Small,C.body1.fontSize),Qt.Default,C.body1.fontSize),Qt.Large,C.body2.fontSize),yo=Ee(Ee(Ee(Ee({},Qt.XSmall,1),Qt.Small,0),Qt.Default,2),Qt.Large,4),vo=Ee(Ee(Ee(Ee({},Qt.XSmall,d(oo||(oo=Pe(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),mo[Qt.XSmall],bo[Qt.XSmall],he,yo[Qt.XSmall])),Qt.Small,d(ao||(ao=Pe(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),mo[Qt.Small],bo[Qt.Small],he,yo[Qt.Small])),Qt.Default,d(lo||(lo=Pe(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-block: ","px;\n }\n "])),mo[Qt.Default],bo[Qt.Default],he,yo[Qt.Default])),Qt.Large,d(io||(io=Pe(["\n font-size: ","px;\n line-height: ","px;\n\n ."," {\n padding-inline-end: 10px;\n padding-block: ","px;\n }\n "])),mo[Qt.Large],bo[Qt.Large],he,yo[Qt.Large])),xo=e.forwardRef(function(n,t){var a,l=n.displayName,i=n.isFocused,c=n.onRemove,s=n.onFocus,d=o(go),p=d.size,f=d.disabled,g=d.overflow,h=d.chipTruncationLocation,b=void 0===h?be.End:h,m=d.chipCharacterLimit,y=void 0===m?12:m,v=g===eo.scrollX?be.None:b,k=R(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(me,{label:l,className:u(ho,vo[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:ye.Body1,chipCharacterLimit:y,chipTruncationLocation:v,variant:ve.Gray,ref:k,disabled:f,tabIndex:-1})});xo.displayName="ComboboxChip";var ko,wo,Eo,Oo,So,No,Co,Lo,jo,Do,Po,Mo,zo,Io,Fo,To=Ee(Ee({},b.Light,d(co||(co=Pe(["\n padding-top: ","px;\n "])),j[2])),b.Dark,d(so||(so=Pe(["\n padding-top: ","px;\n "])),j[2])),Ro=d(uo||(uo=Pe(["\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"])),S.semiBold),Go=Ee(Ee({},b.Light,d(po||(po=Pe(["\n color: ",";\n "])),E.gray.dark1)),b.Dark,d(fo||(fo=Pe(["\n color: ",";\n "])),E.gray.light1));function Ao(n){var r=n.label,t=n.className,o=n.children,a=g().theme,l=G({prefix:"combobox-group"});return e.Children.count(o)>0?e.createElement("div",{className:u(To[a],t)},e.createElement("div",{className:u(Ro,Go[a]),id:l},r),e.createElement("div",{role:"group","aria-labelledby":l},o)):e.createElement(e.Fragment,null)}function Bo(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}Bo.displayName="ComboboxGroup";var Wo=Ee(Ee(Ee(Ee({},Qt.XSmall,{x:12,y:8}),Qt.Small,{x:12,y:8}),Qt.Default,{x:12,y:8}),Qt.Large,{x:12,y:8}),_o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return d(ko||(ko=Pe(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},Xo=Ee(Ee({},b.Light,d(wo||(wo=Pe(["\n box-shadow: ",";\n border-color: ",";\n "])),D[b.Light][1],E.gray.light2)),b.Dark,d(Eo||(Eo=Pe(["\n box-shadow: ",";\n border-color: ",";\n "])),D[b.Dark][1],E.gray.dark2)),Ho=d(Oo||(Oo=Pe(["\n width: max-content;\n"]))),Vo=d(So||(So=Pe(["\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"])),j[2],O.default);Ee(Ee({},b.Light,d(No||(No=Pe(["\n color: ",";\n background-color: ",";\n "])),E.black,E.white)),b.Dark,d(Co||(Co=Pe(["\n color: ",";\n background-color: ",";\n "])),E.gray.light1,E.gray.dark3));var Yo,qo=function(e){return d(Lo||(Lo=Pe(["\n background-color: ",";\n"])),P[e].background.primary.default)},Uo=d(jo||(jo=Pe(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),Ko=d(Do||(Do=Pe(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),Zo=Ee(Ee({},b.Light,d(Po||(Po=Pe(["\n color: ",";\n "])),E.gray.dark3)),b.Dark,d(Mo||(Mo=Pe(["\n color: ",";\n "])),E.gray.light3)),Jo=function(e){return d(zo||(zo=Pe(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px ","px;\n"])),mo[e],bo[e],Wo[e].y,Wo[e].x)},$o=p(Io||(Io=Pe(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Qo=d(Fo||(Fo=Pe(["\n animation: "," 1.5s linear infinite;\n"])),$o),ea=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,b=n.dropdownWidthBasis,m=void 0===b?to.Trigger:b,y=g(),v=y.darkMode,x=y.theme,k=o(go),w=k.disabled,O=k.size,S=k.isOpen,N=k.searchState,C=R(r,null),L=A(i),j=le(L)?"unset":"".concat(Math.min(L,256),"px"),D=a(function(){var n=u(Ko,Zo[x],Jo(O)),r=u(Ko,Jo(O));switch(N){case"loading":return e.createElement("span",{className:n},e.createElement(F,{glyph:"Refresh",color:v?E.blue.light1:E.blue.base,className:Qo}),p);case"error":return e.createElement(pe,{className:r},e.createElement(F,{glyph:"Warning",color:v?E.red.light1:E.red.base}),e.createElement("span",null,f));default:return t&&"object"===ze(t)&&"length"in t&&t.length>0?e.createElement("ul",{className:Uo},t):e.createElement("span",{className:n},h)}},[x,O,N,v,p,f,t,h]);return e.createElement(ce,{active:S&&!w,spacing:4,align:"bottom",justify:"middle",refEl:i,adjustOnMutation:!0,className:u(_o(s),Xo[x],Ee({},Ho,m===to.Option))},e.createElement("div",{ref:C,id:l,role:"listbox","aria-labelledby":c,"aria-expanded":S,className:u(Vo,qo(x),d(Yo||(Yo=Pe(["\n max-height: ",";\n "])),j)),onMouseDownCapture:function(e){return e.preventDefault()}},D))});ea.displayName="ComboboxMenu";var na,ra,ta,oa,aa,la,ia,ca,sa,da,ua,pa,fa,ga,ha,ba,ma,ya,va,xa,ka,wa=function(e){var n=e.scrollHeight;return e.scrollTop<n-e.clientHeight},Ea=function(e){var n=e.value,r=e.displayName,t=k(r);return{value:null!=n?n:xe(t),displayName:t||n||""}},Oa=function(n){return e.Children.toArray(n).reduce(function(e,n){if(w(n,"ComboboxOption")){var r=Ea(n.props),t=r.value,o=r.displayName,a=n.props,l=a.glyph,i=a.disabled;return[].concat(Me(e),[{value:t,displayName:o,isDisabled:!!i,hasGlyph:!!l}])}if(w(n,"ComboboxGroup")){var c=n.props.children;if(c)return[].concat(Me(e),Me(Oa(c)))}},[])},Sa=function(e,n){if(e)return n.find(function(n){return n.value===e})},Na=function(e,n){var r,t;return e?null!==(r=null===(t=Sa(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},Ca=d(na||(na=Pe(["\n .",", ."," {\n font-size: ","px;\n line-height: 20px;\n }\n"])),H,V,C.body2.fontSize),La=Ee(Ee(Ee(Ee({},Qt.XSmall,d(ra||(ra=Pe(["\n min-width: ","px;\n "])),j[3])),Qt.Small,d(ta||(ta=Pe(["\n min-width: ","px;\n "])),j[3])),Qt.Default,d(oa||(oa=Pe(["\n min-width: ","px;\n "])),j[3])),Qt.Large,d(aa||(aa=Pe(["\n min-width: ","px;\n "])),j[4])),ja=d(la||(la=Pe(["\n pointer-events: none;\n gap: 0;\n\n label {\n gap: 0;\n align-items: center;\n }\n"])));d(ia||(ia=Pe(["\n pointer-events: none;\n"])));var Da=d(ca||(ca=Pe(["\n ."," {\n font-weight: ",";\n }\n"])),V,S.regular),Pa=d(sa||(sa=Pe(["\n ."," {\n font-weight: ",";\n }\n"])),V,S.semiBold),Ma=Ee(Ee({},b.Light,d(da||(da=Pe(["\n color: ",";\n "])),E.gray.dark1)),b.Dark,d(ua||(ua=Pe(["\n color: ",";\n "])),E.gray.base)),za=Ee(Ee({},b.Light,d(pa||(pa=Pe(["\n color: ",";\n "])),E.blue.dark1)),b.Dark,d(fa||(fa=Pe(["\n color: ",";\n "])),E.blue.light3)),Ia=Ee(Ee({},b.Light,d(ga||(ga=Pe(["\n color: ",";\n "])),E.gray.light1)),b.Dark,d(ha||(ha=Pe(["\n color: ",";\n "])),E.gray.dark1)),Fa=Ee(Ee({},b.Light,d(ba||(ba=Pe(["\n color: ",";\n "])),E.blue.base)),b.Dark,d(ma||(ma=Pe(["\n color: ",";\n "])),E.blue.light1)),Ta=Ee(Ee({},b.Light,d(ya||(ya=Pe(["\n color: ",";\n "])),E.gray.light1)),b.Dark,d(va||(va=Pe(["\n color: ",";\n "])),E.gray.dark1)),Ra=d(xa||(xa=Pe(["\n ."," {\n align-self: baseline;\n position: relative;\n // aligns the checkbox with the option name\n top: 1px;\n }\n"])),Y),Ga=d(ka||(ka=Pe(["\n ."," {\n // aligns the checkbox with the option name\n top: 3px;\n }\n"])),Y),Aa=function(e){var n=e.size,r=e.isMultiselectWithoutIcons,t=e.isSelected,o=e.className;return u(Da,Ee(Ee(Ee(Ee({},Pa,t),Ca,n===Qt.Large),Ra,r),Ga,r&&n===Qt.Large),o)},Ba=["glyph","isSelected","displayName","customContent","isFocused","setSelected","className","description","value","onClick","disabled","aria-label"],Wa=e.forwardRef(function(n,r){var t=n.glyph,i=n.isSelected,c=n.displayName,s=n.customContent,d=n.isFocused,p=n.setSelected,f=n.className,h=n.description,b=n.value,m=n.onClick,y=n.disabled,v=void 0!==y&&y,x=n["aria-label"],w=Ce(n,Ba),E=g(),O=E.darkMode,S=E.theme,N=o(go),C=N.multiselect,L=N.size,j=N.withIcons,D=N.inputValue,P=R(r,null),M=G({prefix:"combobox-option-text"}),z=l(function(e){e.stopPropagation(),v||(p(),null==m||m(e,b))},[v,m,p,b]),I=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&&!T(o)&&console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",o);var f=o&&T(o)?e.cloneElement(o,Ne(Ne({},o.props),{},{className:u(Ma[d],Ee(Ee({},za[d],p),Ia[d],l),o.props.className)})):e.createElement(e.Fragment,null),g=e.createElement($,{"aria-labelledby":a,checked:t,tabIndex:-1,disabled:l,darkMode:i,className:ja}),h=e.createElement(F,{glyph:"Checkmark",className:u(La[c],Fa[d],Ee({},Ta[d],l))});return{leftGlyph:s?r?f:g:r?f:t?h:null,rightGlyph:s?r&&g:r&&t&&h}}({withIcons:j,isSelected:i,glyph:t,theme:S,darkMode:O,size:L,disabled:v,multiselect:C,optionTextId:M,isFocused:d})},[O,v,t,i,C,M,L,S,j,d]),A=I.leftGlyph,B=I.rightGlyph,W=C&&!j,_=k(c);return e.createElement(q,Oe({},w,{as:"li",ref:P,highlighted:d,disabled:v,"aria-label":x||_||b,darkMode:O,className:Aa({size:L,isSelected:i,isMultiselectWithoutIcons:W,className:f}),onClick:z,onKeyDown:z}),e.createElement(U,{leftGlyph:A,rightGlyph:B,description:h},s||e.createElement("span",{id:M},function(n,r,t){if(r&&t){var o=Q(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,b=new Array(g).fill("");b[0]=e.createElement(t,{key:h},f),i.splice.apply(i,[p,g].concat(Me(b)))}return e.createElement(e.Fragment,null,i)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)}(_,D,"strong"))))});function _a(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Wa.displayName="ComboboxOption",_a.displayName="ComboboxOption";var Xa,Ha,Va,Ya,qa,Ua,Ka,Za,Ja,$a,Qa,el,nl,rl,tl,ol,al,ll,il,cl,sl,dl,ul,pl,fl,gl,hl,bl,ml,yl,vl,xl,kl,wl=function(e){return!le(e)&&!oe(e)&&(ae(e)||re(e)&&e.length>0)},El=function(e){return bo[e]+2*yo[e]},Ol=j[100],Sl=Ee(Ee(Ee(Ee({},Qt.XSmall,22),Qt.Small,28),Qt.Default,36),Qt.Large,48),Nl=function(e){return(Sl[e]-El(e)-2)/2},Cl=Ee(Ee(Ee(Ee({},Qt.XSmall,{y:Nl(Qt.XSmall),xLeftWithChip:j[25],xLeftWithoutChip:j[200],xRight:j[100]}),Qt.Small,{y:Nl(Qt.Small),xLeftWithChip:j[100],xLeftWithoutChip:j[200],xRight:j[100]}),Qt.Default,{y:Nl(Qt.Default),xLeftWithChip:j[150],xLeftWithoutChip:j[300],xRight:j[200]}),Qt.Large,{y:Nl(Qt.Large),xLeftWithChip:j[300],xLeftWithoutChip:j[300],xRight:j[200]}),Ll=j[400],jl=function(e){return d(Xa||(Xa=Pe(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),O.default,mo[e]+2*Cl[e].xLeftWithChip+Ll+2)},Dl=d(Ha||(Ha=Pe(["\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"])),j[200],N.default,N.default),Pl=Ee(Ee({},b.Light,d(Va||(Va=Pe(["\n color: ",";\n background-color: ",";\n "])),P.light.text.primary.default,P.light.background.primary.default)),b.Dark,d(Ya||(Ya=Pe(["\n color: ",";\n background-color: ",";\n "])),P.dark.text.primary.default,E.gray.dark4)),Ml=function(e,n){return d(qa||(qa=Pe(["\n padding-top: ","px;\n padding-bottom: ","px;\n padding-left: ",";\n padding-right: ","px;\n"])),Cl[e].y,Cl[e].y,"".concat(n?Cl[e].xLeftWithChip:Cl[e].xLeftWithoutChip,"px"),Cl[e].xRight)},zl=function(e){return d(Ua||(Ua=Pe(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n"])),P[e].text.disabled.default,P[e].background.disabled.default,P[e].border.disabled.default)},Il=function(e){return Ee(Ee(Ee({},no.Error,d(Ka||(Ka=Pe(["\n border-color: ",";\n "])),P[e].border.error.default)),no.None,d(Za||(Za=Pe(["\n border-color: ",";\n "])),P[e].border.primary.default)),no.Valid,d(Ja||(Ja=Pe(["\n border-color: ",";\n "])),P[e].border.success.default))},Fl=Ee(Ee({},b.Light,d($a||($a=Pe(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),M[b.Light].input)),b.Dark,d(Qa||(Qa=Pe(["\n &:focus-within {\n border-color: transparent;\n box-shadow: ",";\n }\n "])),M[b.Dark].input)),Tl=d(el||(el=Pe(["\n display: flex;\n align-items: center;\n"]))),Rl=Ee(Ee(Ee(Ee({},Qt.XSmall,d(nl||(nl=Pe(["\n gap: ","px;\n "])),j[100])),Qt.Small,d(rl||(rl=Pe(["\n gap: ","px;\n "])),j[200])),Qt.Default,d(tl||(tl=Pe(["\n gap: ","px;\n "])),j[200])),Qt.Large,d(ol||(ol=Pe(["\n gap: ","px;\n "])),j[200])),Gl=function(e){var n=e.overflow,r=e.size,t=d(al||(al=Pe(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case eo.scrollX:return d(ll||(ll=Pe(["\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,El(r),ho);case eo.expandY:return d(il||(il=Pe(["\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,Ol,El(r),3*El(r),Ol)}},Al=d(cl||(cl=Pe(["\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"])),O.default,j[100]),Bl=Ee(Ee({},b.Light,d(sl||(sl=Pe(["\n &::placeholder {\n color: ",";\n }\n "])),E.gray.base)),b.Dark,d(dl||(dl=Pe(["\n &::placeholder {\n color: ",";\n }\n "])),E.gray.dark1)),Wl=Ee(Ee({},b.Light,d(ul||(ul=Pe(["\n &::placeholder {\n color: ",";\n }\n "])),E.gray.base)),b.Dark,d(pl||(pl=Pe(["\n &::placeholder {\n color: ",";\n }\n "])),E.gray.dark1)),_l=function(e){return d(fl||(fl=Pe(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n"])),El(e),mo[e],bo[e],mo[e])},Xl=function(e){return d(gl||(gl=Pe(["\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")},Hl=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return d(hl||(hl=Pe(["\n width: ","px;\n max-width: 100%;\n "])),t*mo[e])},Vl=d(bl||(bl=Pe(["\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"])),Ll/2),Yl=d(ml||(ml=Pe(["\n height: ","px;\n width: ","px;\n"])),Ll,Ll),ql=d(yl||(yl=Pe(["\n margin-bottom: ","px;\n display: flex;\n flex-direction: column;\n"])),j[100]),Ul=d(vl||(vl=Pe(["\n font-size: ","px;\n line-height: ","px;\n"])),C.large.fontSize,C.large.lineHeight),Kl=Ee(Ee({},b.Light,d(xl||(xl=Pe(["\n ::after {\n box-shadow: 0px 0px 7px 5px ",";\n }\n "])),z(.85,E.black))),b.Dark,d(kl||(kl=Pe(["\n ::after {\n width: 95%;\n box-shadow: 0px -7px 12px 5px rgb(0 0 0 / 50%);\n }\n "])))),Zl=function(e){return P[e].icon.primary.default},Jl=function(e){return P[e].icon.disabled.default},$l=["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","dropdownWidthBasis"],Ql=["className","glyph","disabled"];function ei(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,E=t.size,O=void 0===E?Qt.Default:E,S=t.darkMode,N=t.state,C=void 0===N?"none":N,L=t.errorMessage,j=void 0===L?Z.error:L,D=t.successMessage,P=void 0===D?Z.success:D,M=t.searchState,z=void 0===M?"unset":M,I=t.searchEmptyMessage,T=void 0===I?"No results found":I,R=t.searchErrorMessage,A=void 0===R?"Could not get results!":R,H=t.searchLoadingMessage,V=void 0===H?"Loading results...":H,Y=t.filteredOptions,q=t.onFilter,U=t.clearable,K=void 0===U||U,$=t.onClear,Q=t.overflow,ce=void 0===Q?eo.expandY:Q,pe=t.multiselect,he=void 0!==pe&&pe,be=t.initialValue,me=t.inputValue,ye=t.onInputChange,ve=t.onChange,xe=t.value,ke=t.chipTruncationLocation,we=t.chipCharacterLimit,Se=void 0===we?12:we,Le=t.className,je=t.renderMode,Pe=void 0===je?se.TopLayer:je,Me=t.portalClassName,Ie=t.portalContainer,Fe=t.portalRef,Te=t.scrollContainer,Re=t.popoverZIndex,Ge=t.dropdownWidthBasis,Ae=void 0===Ge?to.Trigger:Ge,Be=Ce(t,$l),We=g(S),_e=We.darkMode,Xe=We.theme,He=B({prefix:"option"}),Ve=B({prefix:"chip"}),Ye=G({prefix:"combobox-input"}),qe=G({prefix:"combobox-label"}),Ue=G({prefix:"combobox-menu"}),Ke=n(null),Ze=n(null),Je=n(null),$e=n(null),Qe=n(null),en=De(i(!1),2),nn=en[0],rn=en[1],tn=W(nn),on=De(i(null),2),an=on[0],ln=on[1],cn=a(function(){return Oa(o)},[o]),sn=l(function(e){return!!e&&!!cn.find(function(n){return n.value===e})},[cn]),dn=i(function(){if(be){if(re(be)){var e=be.filter(function(e){return sn(e)});return e}if(sn(be))return be}return function(e){return e?[]:null}(he)}),un=De(dn,2),pn=un[0],fn=un[1],gn=W(pn),hn=De(i(null!=me?me:""),2),bn=hn[0],mn=hn[1];r(function(){le(me)||mn(me)},[me]);var yn=function(e){mn(e)},vn=W(bn),xn=De(i(null),2),kn=xn[0],wn=xn[1],En=De(i(!1),2),On=En[0],Sn=En[1],Nn=he&&re(pn)&&pn.length>0?void 0:p,Cn=function(){return rn(!1)},Ln=function(){return rn(!0)},jn=l(function(e){return!he||"string"!=typeof e&&"number"!=typeof e?!he&&re(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(ze(e),' value: "').concat(e,'"')),he&&re(e)},[he]),Dn=l(function(e){!v&&$e&&$e.current&&($e.current.focus(),le(e)||$e.current.setSelectionRange(e,e))},[v]),Pn=l(function(e){if(jn(pn)){var n=ee(pn),r=ve,t={diffType:"delete",value:null!=e?e:pn};oe(e)?n.length=0:pn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),t.diffType="insert",yn("")),fn(n),null==r||r(n,t)}else{var o=e,a=ve;fn(o),null==a||a(o)}},[jn,ve,pn]),Mn=l(function(e){var n,r,t,o;return function(e,n){return Array.isArray(n)?n.includes(e):e===n}((r=cn,(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:""),pn)},[cn,pn]),zn=l(function(e){var n="string"==typeof e?e:e.value;if(Y&&Y.length>0)return Y.includes(n);if(Mn(bn))return!0;var r="string"==typeof e?Na(n,cn):e.displayName;return k(r).toLowerCase().includes(bn.toLowerCase())},[Y,Mn,bn,cn]),In=a(function(){return cn.filter(zn)},[cn,zn]),Fn=l(function(e){return In?In.findIndex(function(n){return n.value===e}):-1},[In]),Tn=l(function(e){if(In&&In.length>=e){var n=In[e];return n?n.value:void 0}},[In]),Rn=l(function(){return jn(pn)?pn.findIndex(function(e){var n;return null===(n=Ve(e))||void 0===n||null===(n=n.current)||void 0===n?void 0:n.contains(document.activeElement)}):-1},[Ve,jn,pn]),Gn=De(i(),2),An=Gn[0],Bn=Gn[1],Wn=l(function(e){var n,r=null!==(n=null==In?void 0:In.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,o=Fn(an);switch(e&&nn&&(wn(null),Dn()),e){case"next":var a=Tn(o+1<r?o+1:0);ln(null!=a?a:null);break;case"prev":var l=Tn(o-1>=0?o-1:t);ln(null!=l?l:null);break;case"last":var i=Tn(t);ln(null!=i?i:null);break;default:var c=Tn(0);ln(null!=c?c:null)}},[an,Fn,Tn,nn,Dn,null==In?void 0:In.length]),_n=l(function(e,n){if(jn(pn))switch(e){case"next":var r=null!=n?n:Rn(),t=r+1<pn.length?r+1:pn.length-1,o=pn[t];wn(o);break;case"prev":var a=null!=n?n:Rn(),l=a>0?a-1:a<0?pn.length-1:0,i=pn[l];wn(i);break;case"first":var c=pn[0];wn(c);break;case"last":var s=pn[pn.length-1];wn(s);break;default:wn(null)}},[Rn,jn,pn]),Xn=l(function(e,n){switch(e&&ln(null),e){case"right":switch(An){case Yt:var r,t,o;if((null===(r=$e.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=$e.current)||void 0===t?void 0:t.value.length))null===(o=Ze.current)||void 0===o||o.focus();break;case Ut:case Zt:case Kt:if(An===Kt||1===(null==pn?void 0:pn.length)){Dn(0),_n(null),n.preventDefault();break}_n("next")}break;case"left":switch(An){case qt:var a;n.preventDefault(),Dn(null==$e||null===(a=$e.current)||void 0===a?void 0:a.value.length);break;case Yt:case Zt:case Kt:if(jn(pn)){var l;if(An===Yt&&0!==(null===(l=$e.current)||void 0===l?void 0:l.selectionStart))break;_n("prev")}}break;default:_n(null)}},[An,jn,pn,Dn,_n]);r(function(){var e,n;ln(null!==(e=null===(n=In[0])||void 0===n?void 0:n.value)&&void 0!==e?e:null)},[nn,In]),_(an?He(an):void 0,Qe);var Hn=l(function(n){if(w(n,"ComboboxOption")){var r=Ea(n.props),t=r.value,o=r.displayName;if(zn(t)){var a=n.props,l=a.className,i=a.glyph,c=a.disabled,s=Ce(a,Ql),d=cn.findIndex(function(e){return e.value===t}),u=an===t,p=jn(pn)?pn.includes(t):pn===t,f=He(t);return e.createElement(Wa,Oe({},s,{value:t,displayName:o,isFocused:u,isSelected:p,disabled:c,setSelected:function(){ln(t),Pn(t),Dn(),t===pn&&Cn()},glyph:i,className:l,index:d,ref:f}))}}else if(w(n,"ComboboxGroup")){var g=e.Children.map(n.props.children,Hn);if(g&&(null==g?void 0:g.length)>0)return e.createElement(Ao,{label:n.props.label,className:n.props.className},e.Children.map(g,Hn))}},[cn,He,an,jn,pn,Dn,zn,Pn]),Vn=a(function(){return e.Children.map(o,Hn)},[o,Hn]),Yn=a(function(){if(jn(pn))return pn.filter(sn).map(function(n,r){var t=Na(n,cn),o=k(t),a=kn===n,l=Ve(n),i=r>=pn.length-1;return e.createElement(xo,{key:n,displayName:o,isFocused:a,onRemove:function(){i?(Dn(),_n(null)):_n("next",r),Pn(n)},onFocus:function(){wn(n)},ref:l})})},[jn,pn,sn,cn,kn,Ve,Pn,Dn,_n]),qn=a(function(){return cn.some(function(e){return e.hasGlyph})},[cn]),Un=l(function(){var e=In.find(function(e){return e.displayName===bn||e.value===bn});if(!xe&&e)Pn(e.value);else if(!jn(pn)){var n,r=null!==(n=Na(pn,cn))&&void 0!==n?n:gn;yn(k(r))}},[cn,bn,jn,gn,pn,Pn,xe,In]),Kn=l(function(){if(wl(pn)){if(jn(pn))ar(ce);else if(!jn(pn)){var e,n=null!==(e=Na(pn,cn))&&void 0!==e?e:"";yn(k(n)),Cn()}}else yn("")},[cn,jn,pn,ce]);r(function(){if(!le(xe)&&xe!==vn)if(oe(xe))fn(null);else if(jn(xe)){var e=xe.filter(sn);fn(e)}else fn(sn(xe)?xe:null)},[jn,sn,vn,xe]),r(function(){var e=!le(gn)&&(re(pn)&&!oe(gn)||ae(pn)||oe(pn))&&!te(pn,gn),n=le(gn)&&wl(pn);(e||n)&&Kn()},[Kn,gn,pn]),r(function(){!nn&&tn&&Un()},[nn,tn,Un]);var Zn=De(i(0),2),Jn=Zn[0],$n=Zn[1];r(function(){var e,n;$n(null!==(e=null===(n=Ke.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},[Ke,nn,an,pn]);X(Cn,[Qe,Ke],{enabled:nn});var Qn=jn(pn)&&!!pn.length,er=ne(function(e){Sn(wa(e.target))},50,{leading:!0}),nr=l(function(e){ce===eo.expandY&&er(e)},[er,ce]);r(function(){Je.current&&Sn(wa(Je.current))},[]);var rr,tr=Ne({popoverZIndex:Re},de({dismissMode:ue.Manual,portalClassName:Me,portalContainer:Ie,portalRef:Fe,renderMode:Pe,scrollContainer:Te})),or={disabled:v,errorMessage:j,size:O,state:C,successMessage:P};return e.createElement(f,{darkMode:_e},e.createElement(go.Provider,{value:{multiselect:he,size:O,withIcons:qn,disabled:v,isOpen:nn,state:C,searchState:z,chipTruncationLocation:ke,chipCharacterLimit:Se,inputValue:bn,overflow:ce,popoverZIndex:Re}},e.createElement("div",Oe({className:u(jl(O),Le)},Be),(c||s)&&e.createElement("div",{className:ql},c&&e.createElement(fe,{id:qe,htmlFor:Ye,darkMode:_e,disabled:v,className:u(Ee({},Ul,O===Qt.Large))},c),s&&e.createElement(ge,{darkMode:_e,disabled:v,className:u(Ee({},Ul,O===Qt.Large))},s)),e.createElement("div",{ref:Ke,role:"combobox","aria-expanded":nn,"aria-controls":Ue,"aria-owns":Ue,tabIndex:-1,onMouseDown:function(e){v&&e.preventDefault()},onClick:function(e){if(e.target!==$e.current){var n=0;if($e.current)n=e.nativeEvent.offsetX>$e.current.offsetLeft+$e.current.clientWidth?bn.length:0;Dn(n)}Ln()},onFocus:function(e){ar(ce),Bn(function(e){var n,r,t,o;if(!e)return;if(null!==(n=$e.current)&&void 0!==n&&n.contains(e))return Yt;if(null!==(r=Ze.current)&&void 0!==r&&r.contains(e))return qt;var a=jn(pn)?pn.findIndex(function(n){var r;return null===(r=Ve(n))||void 0===r||null===(r=r.current)||void 0===r?void 0:r.contains(e)}):-1;if(jn(pn)){if(0===a)return Ut;if(a===pn.length-1)return Kt;if(a>0)return Zt}if(null!==(t=Qe.current)&&void 0!==t&&t.contains(e))return $t;if(null!==(o=Ke.current)&&void 0!==o&&o.contains(e))return Jt}(e.target))},onKeyDown:function(e){var n,r,t=null===(n=Qe.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=Ke.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(An){case"Input":wl(pn)||(Cn(),Wn("first"),_n(null));break;case"LastChip":_n(null)}break;case x.Escape:Cn(),Wn("first");break;case x.Enter:nn?!nn||An!==Yt||oe(an)||function(e){if("string"==typeof e){var n=Sa(e,cn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(an)?An===qt&&(Pn(null),Dn()):Pn(an):Ln();break;case x.Backspace:var o;if(jn(pn))"Input"===An&&0===(null===(o=$e.current)||void 0===o?void 0:o.selectionStart)&&_n("last");Ln();break;case x.ArrowDown:nn?(e.preventDefault(),Wn("next")):Ln();break;case x.ArrowUp:nn?(e.preventDefault(),Wn("prev")):Ln();break;case x.ArrowRight:Xn("right",e);break;case x.ArrowLeft:Xn("left",e);break;default:nn||Ln()}}},onTransitionEnd:function(){var e,n;$n(null!==(e=null===(n=Ke.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:u(Dl,Pl[Xe],Ml(O,Qn),Il(Xe)[C],Ee(Ee(Ee({},Fl[Xe],(rr=Yt,rr===An)),zl(Xe),v),Kl[Xe],On))},e.createElement("div",{onScroll:nr,ref:Je,className:Gl({size:O,overflow:ce})},Yn,e.createElement("input",{"aria-label":null!=b?b:c,"aria-autocomplete":"list","aria-controls":Ue,"aria-labelledby":qe,ref:$e,id:Ye,className:u(Al,_l(O),Bl[Xe],Xl(nn),Ee(Ee({},Hl(O,bn),jn(pn)),Wl[Xe],v)),placeholder:Nn,"aria-disabled":v,readOnly:v,onChange:function(e){yn(e.target.value),null==q||q(e.target.value),null==ye||ye(e)},value:bn,autoComplete:"off"})),e.createElement("div",{className:u(Tl,Rl[O])},K&&wl(pn)&&!v&&e.createElement(ie,{"aria-label":"Clear selection",disabled:v,ref:Ze,onClick:function(e){v||(e.stopPropagation(),Pn(null),null==$||$(e),null==q||q(""),Dn())},onFocus:function(){ln(null)},className:u(Vl),darkMode:_e},e.createElement(F,{glyph:"XWithCircle"})),e.createElement(F,{glyph:"CaretDown",className:Yl,fill:u(Ee(Ee({},Zl(Xe),!v),Jl(Xe),v))}))),e.createElement(J,or),e.createElement(h,tr,e.createElement(ea,{id:Ue,labelId:qe,refEl:Ke,ref:Qe,menuWidth:Jn,searchLoadingMessage:V,searchErrorMessage:A,searchEmptyMessage:T,dropdownWidthBasis:Ae},Vn)))));function ar(e){Je&&Je.current&&(e===eo.scrollX&&(Je.current.scrollLeft=Je.current.scrollWidth),e===eo.expandY&&(Je.current.scrollTop=Je.current.scrollHeight))}}var ni,ri,ti=function(){var n=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return[e.createElement(_a,{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(_a,{key:"banana",value:"banana",displayName:"Banana"}),e.createElement(_a,{key:"carrot",value:"carrot",displayName:"Carrot",disabled:!0}),e.createElement(_a,{key:"pomegranate",value:"pomegranate",displayName:"Pomegranate",glyph:n?e.createElement(F,{glyph:"Warning"}):void 0,description:"Watch out! I stain everything I touch LOL",disabled:!0}),e.createElement(_a,{key:"plantain",value:"plantain",displayName:"Plantain",glyph:n?e.createElement(F,{glyph:"Connect"}):void 0,description:"Don't confuse me with a banana",onClick:function(){return console.log("I was clicked")}}),e.createElement(_a,{key:"paragraph",value:"paragraph",displayName:"Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper."}),e.createElement(_a,{key:"hash",value:"hash",displayName:"5f4dcc3b5aa765d61d8327deb882cf995f4dcc3b5aa765d61d8327deb882cf99"}),e.createElement(_a,{key:"dragonfruit",value:"dragonfruit",displayName:"Dragonfruit",description:"Rawr"}),e.createElement(_a,{key:"eggplant",value:"eggplant",displayName:"Eggplant"}),e.createElement(_a,{key:"fig",value:"fig",displayName:"Fig"}),e.createElement(_a,{key:"grape",value:"grape",displayName:"Grape"}),e.createElement(_a,{key:"honeydew",value:"honeydew",displayName:"Honeydew"}),e.createElement(_a,{key:"iceberg-lettuce",value:"iceberg-lettuce",displayName:"Iceberg lettuce"}),e.createElement(Bo,{key:"peppers",label:"Peppers"},e.createElement(_a,{key:"cayenne",value:"cayenne",displayName:"Cayenne"}),e.createElement(_a,{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(_a,{key:"habanero",value:"habanero",displayName:"Habanero"}),e.createElement(_a,{key:"jalapeno",value:"jalapeno",displayName:"Jalapeño"}),e.createElement(_a,{key:"red-pepper",value:"red-pepper",displayName:"Red pepper"}),e.createElement(_a,{key:"scotch-bonnet",value:"scotch-bonnet",displayName:"Scotch bonnet",description:"Don't touch your eyes"}))]},oi=d(ni||(ni=Pe(["\n width: 256px;\n padding-block: 64px;\n display: flex;\n"]))),ai=["apple","banana"],li={title:"Components/Inputs/Combobox",component:ei,decorators:[function(n){return e.createElement("div",{className:oi},e.createElement(n,null))}],parameters:{default:"LiveExample",controls:{exclude:[].concat(Me(["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(no),size:Object.values(Qt)},excludeCombinations:[["description",{label:void 0}],{clearable:!1,value:void 0},{multiselect:!0,value:"apple"},{multiselect:!1,value:ai}]}},args:{label:"Choose a fruit",description:"Please pick fruit(s)",placeholder:"Select fruit",multiselect:!1,darkMode:!1,disabled:!1,clearable:!0,dropdownWidthBasis:to.Trigger,errorMessage:"No Pomegranates!",children:ti()},argTypes:{darkMode:Fe.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(Qt),control:"select"},state:{options:Object.values(no),control:"select"},errorMessage:{control:"text"},searchEmptyMessage:{control:"text"},searchState:{options:Object.values(ro),control:"select"},searchErrorMessage:{control:"text",if:{arg:"searchState",eq:ro.Error}},searchLoadingMessage:{control:"text",if:{arg:"searchState",eq:ro.Loading}},chipTruncationLocation:{options:Object.values(be),control:"select",if:{arg:"multiselect"}},chipCharacterLimit:{control:"number",if:{arg:"multiselect"}},overflow:{options:Object.values(eo),control:"select",if:{arg:"multiselect"}},dropdownWidthBasis:{options:Object.values(to),control:"select"}}},ii=function(n){return e.createElement(e.Fragment,null,n.multiselect?e.createElement(ei,Oe({key:"multi"},n,{multiselect:!0})):e.createElement(ei,Oe({key:"single"},n,{multiselect:!1})))};ii.parameters={chromatic:{disableSnapshot:!0}};var ci=function(){var n=De(i(null),2),r=n[0],t=n[1];return e.createElement("div",null,e.createElement(ei,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit",onChange:function(e){t(e)},value:r},e.createElement(_a,{value:"apple"}),e.createElement(_a,{value:"banana"}),e.createElement(_a,{value:"carrot"})),e.createElement(Vt,{onClick:function(){return t("carrot")}},"Select Carrot"))};ci.parameters={chromatic:{disableSnapshot:!0}};var si=function(){var n=["apple","banana","carrot","dragonfruit","eggplant","fig","grape","honeydew","iceberg-lettuce","jalapeño"],r=De(i(["carrot","grape"]),2),t=r[0],o=r[1];return e.createElement(ei,{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(_a,{key:n,value:n})}))};si.parameters={chromatic:{disableSnapshot:!0}};var di=function(){return e.createElement(ei,{label:"Choose a feature",description:"Some features are new!",placeholder:"Select a feature",multiselect:!1},e.createElement(_a,{value:"feature-a",displayName:"Feature A",customContent:e.createElement(e.Fragment,null,e.createElement("span",null,"Feature A"),e.createElement(un,{variant:"blue"},"New"))}),e.createElement(_a,{value:"feature-b",displayName:"Feature B",customContent:e.createElement(e.Fragment,null,e.createElement("span",null,"Feature B"),e.createElement(un,{variant:"green"},"Beta"))}),e.createElement(_a,{value:"feature-c",displayName:"Feature C"}),e.createElement(_a,{value:"feature-d",displayName:"Feature D",customContent:e.createElement(e.Fragment,null,e.createElement("span",null,"Feature D"),e.createElement(un,{variant:"red"},"Deprecated"))}))};di.parameters={chromatic:{disableSnapshot:!0}};var ui=function(){return e.createElement(e.Fragment,null)};ui.args={multiselect:!1},ui.parameters={generate:{combineArgs:{value:[void 0,"apple"]}}};var pi=function(){return e.createElement(e.Fragment,null)};pi.args={multiselect:!0},pi.parameters={generate:{combineArgs:{value:[void 0,ai]}}};var fi=function(n){return e.createElement(ei,Oe({},n,{multiselect:!0}),ti(!1))};fi.parameters={chromatic:{disableSnapshot:!0}};var gi=function(){return e.createElement(e.Fragment,null)};gi.args={disabled:!0},gi.parameters={generate:{combineArgs:{darkMode:[!0,!1]}}};var hi,bi={render:function(){return e.createElement(ei,{multiselect:!1,label:"Choose a fruit",description:"Please pick one",placeholder:"Select fruit"},ti())},play:(hi=function(e){return function(){var n=this,r=arguments;return new Promise(function(t,o){var a=e.apply(n,r);function l(e){we(a,t,o,l,i,"next",e)}function i(e){we(a,t,o,l,i,"throw",e)}l(void 0)})}}(Le().m(function e(n){var r,t,o;return Le().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 hi.apply(this,arguments)}),decorators:[function(n,r){return e.createElement("div",{className:d(ri||(ri=Pe(["\n height: 100vh;\n padding: 0;\n "])))},e.createElement(n,null))}]};export{ci as ControlledSingleSelect,gi as DisabledInput,si as ExternalFilter,bi as InitialLongComboboxOpen,ii as LiveExample,pi as MultiSelect,fi as MultiSelectNoIcons,ui as SingleSelect,di as WithCustomContent,li as default};
|
package/tsdoc.json
CHANGED
|
@@ -971,6 +971,49 @@
|
|
|
971
971
|
},
|
|
972
972
|
"tags": {}
|
|
973
973
|
},
|
|
974
|
+
"customContent": {
|
|
975
|
+
"name": "customContent",
|
|
976
|
+
"defaultValue": null,
|
|
977
|
+
"description": "Optional custom content to render for the option.\nWhen provided, this ReactNode will be rendered in the option menu",
|
|
978
|
+
"required": false,
|
|
979
|
+
"type": {
|
|
980
|
+
"name": "enum",
|
|
981
|
+
"raw": "ReactNode",
|
|
982
|
+
"value": [
|
|
983
|
+
{
|
|
984
|
+
"value": "string"
|
|
985
|
+
},
|
|
986
|
+
{
|
|
987
|
+
"value": "number"
|
|
988
|
+
},
|
|
989
|
+
{
|
|
990
|
+
"value": "false"
|
|
991
|
+
},
|
|
992
|
+
{
|
|
993
|
+
"value": "true"
|
|
994
|
+
},
|
|
995
|
+
{
|
|
996
|
+
"value": "ReactElement<any, string | JSXElementConstructor<any>>",
|
|
997
|
+
"description": "",
|
|
998
|
+
"fullComment": "",
|
|
999
|
+
"tags": {}
|
|
1000
|
+
},
|
|
1001
|
+
{
|
|
1002
|
+
"value": "Iterable<ReactNode>",
|
|
1003
|
+
"description": "",
|
|
1004
|
+
"fullComment": "",
|
|
1005
|
+
"tags": {}
|
|
1006
|
+
},
|
|
1007
|
+
{
|
|
1008
|
+
"value": "ReactPortal",
|
|
1009
|
+
"description": "",
|
|
1010
|
+
"fullComment": "",
|
|
1011
|
+
"tags": {}
|
|
1012
|
+
}
|
|
1013
|
+
]
|
|
1014
|
+
},
|
|
1015
|
+
"tags": {}
|
|
1016
|
+
},
|
|
974
1017
|
"glyph": {
|
|
975
1018
|
"name": "glyph",
|
|
976
1019
|
"defaultValue": null,
|