@zonos/amino 5.1.104 → 5.1.106

package/components/country-multi-select/CountryMultiSelectExpanded.d.ts

@@ -18,6 +18,10 @@ export type ICountryMultiSelectExpandedOption<TCountryCode extends string = stri
 export type CountryMultiSelectExpandedProps<TCountryCode extends string = string> = BaseProps & {
     actions?: ReactNode;
     countries: ICountryMultiSelectExpandedOption<TCountryCode>[];
+    /**
+     * @default 380
+     */
+    maxHeight?: number;
     /**
      * Remove the top header part
      * @default false
@@ -34,4 +38,4 @@ export type CountryMultiSelectExpandedProps<TCountryCode extends string = string
 /**
  * Use the country flags with `flagType: 'amino'` otherwise the flags are slow to load when re-rendering
  */
-export declare const CountryMultiSelectExpanded: <TCountryCode extends string = string>({ actions, className, countries, noHeader, onChange, selectedCountries, style, withoutSearch, }: CountryMultiSelectExpandedProps<TCountryCode>) => import("react/jsx-runtime").JSX.Element;
+export declare const CountryMultiSelectExpanded: <TCountryCode extends string = string>({ actions, className, countries, maxHeight, noHeader, onChange, selectedCountries, style, withoutSearch, }: CountryMultiSelectExpandedProps<TCountryCode>) => import("react/jsx-runtime").JSX.Element;

package/components/country-multi-select/CountryMultiSelectExpanded.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("clsx"),o=require("lodash/groupBy"),l=require("../checkbox/Checkbox.js"),i=require("../collapse/Collapse.js"),a=require("../divider/Divider.js"),d=require("../text/Text.js"),u=require("../../icons/ChevronDownIcon.js"),c=require("../../icons/SearchIcon.js"),s=require("../../utils/getFuzzySearch.js"),p=require("../../style-inject.es-d4ddeae4.js");function m(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js"),require("@mui/material/Collapse"),require("fuse.js");var _=m(t),x=m(o),y="Amino_CountryMultiSelectExpanded-module__wrapper--LzApA",h="Amino_CountryMultiSelectExpanded-module__header--I3SHr",f="Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN",C="Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun",b="Amino_CountryMultiSelectExpanded-module__searchInput--AifLd",g="Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r",A="Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup",S="Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi",j="Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-",M="Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-",v="Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz",E="Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn",W="Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7",k="Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX",N="Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4",q="Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO-",I="Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z";p.styleInject(".Amino_CountryMultiSelectExpanded-module__wrapper--LzApA{display:flex;flex-direction:column;gap:12px}.Amino_CountryMultiSelectExpanded-module__header--I3SHr{display:flex;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN{border:var(--amino-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun{align-items:center;display:flex;gap:8px;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd{align-items:center;display:flex;gap:8px;padding:8px 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input{flex-grow:1;padding:0 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r{padding:4px 0}.Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup{display:flex;flex-direction:column;gap:2px;max-height:480px;overflow-y:auto}.Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi{padding:8px}.Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-{display:flex;flex-direction:column;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-{border-radius:6px}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-:hover{background-color:var(--amino-hover-color)}.Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:8px;justify-content:flex-end}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7{transition:var(--amino-transition)}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7.Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX{transform:rotate(180deg)}.Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-left:24px}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO->div{align-items:center}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO- div[class*=Amino_Checkbox]{gap:var(--amino-space-8)}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z{align-items:center;display:flex;justify-content:space-between;width:100%}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z>div{align-items:center;display:flex;gap:4px}");exports.CountryMultiSelectExpanded=function(t){var o=t.actions,p=t.className,m=t.countries,w=t.noHeader,z=void 0!==w&&w,T=t.onChange,H=t.selectedCountries,L=t.style,B=t.withoutSearch,G=void 0!==B&&B,O=e.__read(r.useState(""),2),D=O[0],F=O[1],Z=e.__read(r.useState([]),2),P=Z[0],J=Z[1],K=r.useCallback((function(e){return s.getFuzzySearch({array:m,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[m]),X=r.useMemo((function(){return""===D?m:K(D).map((function(e){return e.item}))}),[m,K,D]),R=r.useMemo((function(){var n=Object.entries(x.default(X,"group")).map((function(n){var r=e.__read(n,2),t=r[0];return{countries:r[1],label:t}}));return n.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[X]),Q=r.useMemo((function(){return m.filter((function(e){return!e.disabled})).length===H.length}),[m,H.length]);if(!m.length)return n.jsx("div",{className:_.default(p),children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})});return n.jsxs("div",{className:_.default(y,p),style:L,children:[!z&&n.jsxs("div",{className:h,children:[n.jsx(d.Text,{type:"bold-label",children:"Countries and Regions"}),n.jsxs(d.Text,{color:"textColorSecondary",type:"label",children:[H.length," of ",m.length," selected"]})]}),n.jsxs("div",{className:f,children:[n.jsxs("div",{className:C,children:[!G&&n.jsxs("label",{className:b,htmlFor:"country-multi-select-search",children:[n.jsx(c.SearchIcon,{size:24}),n.jsx("input",{autoComplete:"off",id:"country-multi-select-search",onChange:function(e){return F(e.target.value)},placeholder:"Search...",type:"text",value:D})]}),o&&n.jsx("div",{className:g,children:o})]}),(!!o||!G)&&n.jsx(a.Divider,{noMargin:!0}),X.length?n.jsxs("div",{className:A,children:[n.jsx("div",{className:j,children:n.jsx(l.Checkbox,{checked:Q,label:"Select all",onChange:function(e){T(e?m.filter((function(e){return!e.disabled})):[])}})}),R.map((function(r){var t=r.countries.every((function(e){return e.disabled||H.some((function(n){return n.code===e.code}))})),o=r.countries.filter((function(e){return H.some((function(n){return n.code===e.code}))})).length,a=!P.includes(r.label);return n.jsxs("div",{children:[n.jsxs("div",{className:_.default(v,M),children:[n.jsx(l.Checkbox,{checked:t,label:r.label,onChange:function(n){if(n){var t=e.__spreadArray(e.__spreadArray([],e.__read(H),!1),e.__read(r.countries.filter((function(e){return!e.disabled}))),!1);T(t)}else t=H.filter((function(e){return!e.disabled&&!r.countries.some((function(n){return n.code===e.code}))})),T(t)}}),n.jsxs("button",{className:E,onClick:function(){P.includes(r.label)?J(P.filter((function(e){return e!==r.label}))):J(e.__spreadArray(e.__spreadArray([],e.__read(P),!1),[r.label],!1))},type:"button",children:[n.jsxs(d.Text,{color:"textColorSecondary",children:[o,"/",r.countries.length]}),n.jsx(u.ChevronDownIcon,{className:_.default(W,a&&k),size:24})]})]}),n.jsx(i.Collapse,{collapsed:a,children:n.jsx("div",{className:N,children:r.countries.map((function(r){var t;return n.jsx(l.Checkbox,{checked:H.some((function(e){return e.code===r.code})),className:_.default(j,q,!r.disabled&&M),disabled:r.disabled,icon:r.icon,label:r.label,labelComponent:n.jsxs("div",{className:I,style:{opacity:r.disabled?.5:1},children:[n.jsxs("div",{children:[r.icon,r.label]}),null===(t=r.rightDecorator)||void 0===t?void 0:t.call(r)]}),onChange:function(n){T(n?e.__spreadArray(e.__spreadArray([],e.__read(H),!1),[r],!1):H.filter((function(e){return e.code!==r.code})))}},r.code)}))})})]},r.label)}))]}):n.jsx("div",{className:S,children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("clsx"),o=require("lodash/groupBy"),l=require("../checkbox/Checkbox.js"),i=require("../collapse/Collapse.js"),a=require("../divider/Divider.js"),d=require("../text/Text.js"),u=require("../../icons/ChevronDownIcon.js"),c=require("../../icons/SearchIcon.js"),s=require("../../utils/getFuzzySearch.js"),p=require("../../style-inject.es-d4ddeae4.js");function m(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js"),require("@mui/material/Collapse"),require("fuse.js");var _=m(r),x=m(o),y="Amino_CountryMultiSelectExpanded-module__wrapper--LzApA",h="Amino_CountryMultiSelectExpanded-module__header--I3SHr",f="Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN",C="Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun",b="Amino_CountryMultiSelectExpanded-module__searchInput--AifLd",g="Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r",A="Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup",S="Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi",j="Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-",M="Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-",v="Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz",E="Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn",W="Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7",k="Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX",N="Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4",q="Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO-",I="Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z";p.styleInject(".Amino_CountryMultiSelectExpanded-module__wrapper--LzApA{display:flex;flex-direction:column;gap:12px}.Amino_CountryMultiSelectExpanded-module__header--I3SHr{display:flex;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN{border:var(--amino-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun{align-items:center;display:flex;gap:8px;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd{align-items:center;display:flex;gap:8px;padding:8px 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input{flex-grow:1;padding:0 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r{padding:4px 0}.Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi{padding:8px}.Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-{display:flex;flex-direction:column;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-{border-radius:6px}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-:hover{background-color:var(--amino-hover-color)}.Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:8px;justify-content:flex-end}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7{transition:var(--amino-transition)}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7.Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX{transform:rotate(180deg)}.Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-left:24px}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO->div{align-items:center}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO- div[class*=Amino_Checkbox]{gap:var(--amino-space-8)}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z{align-items:center;display:flex;justify-content:space-between;width:100%}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z>div{align-items:center;display:flex;gap:4px}");exports.CountryMultiSelectExpanded=function(r){var o=r.actions,p=r.className,m=r.countries,w=r.maxHeight,z=void 0===w?380:w,H=r.noHeader,T=void 0!==H&&H,L=r.onChange,B=r.selectedCountries,G=r.style,O=r.withoutSearch,D=void 0!==O&&O,F=e.__read(t.useState(""),2),Z=F[0],P=F[1],J=e.__read(t.useState([]),2),K=J[0],X=J[1],R=t.useCallback((function(e){return s.getFuzzySearch({array:m,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[m]),Q=t.useMemo((function(){return""===Z?m:R(Z).map((function(e){return e.item}))}),[m,R,Z]),U=t.useMemo((function(){var n=Object.entries(x.default(Q,"group")).map((function(n){var t=e.__read(n,2),r=t[0];return{countries:t[1],label:r}}));return n.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[Q]),V=t.useMemo((function(){return m.filter((function(e){return!e.disabled})).length===B.length}),[m,B.length]);if(!m.length)return n.jsx("div",{className:_.default(p),children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})});return n.jsxs("div",{className:_.default(y,p),style:G,children:[!T&&n.jsxs("div",{className:h,children:[n.jsx(d.Text,{type:"bold-label",children:"Countries and Regions"}),n.jsxs(d.Text,{color:"textColorSecondary",type:"label",children:[B.length," of ",m.length," selected"]})]}),n.jsxs("div",{className:f,children:[n.jsxs("div",{className:C,children:[!D&&n.jsxs("label",{className:b,htmlFor:"country-multi-select-search",children:[n.jsx(c.SearchIcon,{size:24}),n.jsx("input",{autoComplete:"off",id:"country-multi-select-search",onChange:function(e){return P(e.target.value)},placeholder:"Search...",type:"text",value:Z})]}),o&&n.jsx("div",{className:g,children:o})]}),(!!o||!D)&&n.jsx(a.Divider,{noMargin:!0}),Q.length?n.jsxs("div",{className:A,style:{maxHeight:"".concat(z,"px")},children:[n.jsx("div",{className:j,children:n.jsx(l.Checkbox,{checked:V,label:"Select all",onChange:function(e){L(e?m.filter((function(e){return!e.disabled})):[])}})}),U.map((function(t){var r=t.countries.every((function(e){return e.disabled||B.some((function(n){return n.code===e.code}))})),o=t.countries.filter((function(e){return B.some((function(n){return n.code===e.code}))})).length,a=!K.includes(t.label);return n.jsxs("div",{children:[n.jsxs("div",{className:_.default(v,M),children:[n.jsx(l.Checkbox,{checked:r,label:t.label,onChange:function(n){if(n){var r=e.__spreadArray(e.__spreadArray([],e.__read(B),!1),e.__read(t.countries.filter((function(e){return!e.disabled}))),!1);L(r)}else r=B.filter((function(e){return!e.disabled&&!t.countries.some((function(n){return n.code===e.code}))})),L(r)}}),n.jsxs("button",{className:E,onClick:function(){K.includes(t.label)?X(K.filter((function(e){return e!==t.label}))):X(e.__spreadArray(e.__spreadArray([],e.__read(K),!1),[t.label],!1))},type:"button",children:[n.jsxs(d.Text,{color:"textColorSecondary",children:[o,"/",t.countries.length]}),n.jsx(u.ChevronDownIcon,{className:_.default(W,a&&k),size:24})]})]}),n.jsx(i.Collapse,{collapsed:a,children:n.jsx("div",{className:N,children:t.countries.map((function(t){var r;return n.jsx(l.Checkbox,{checked:B.some((function(e){return e.code===t.code})),className:_.default(j,q,!t.disabled&&M),disabled:t.disabled,icon:t.icon,label:t.label,labelComponent:n.jsxs("div",{className:I,style:{opacity:t.disabled?.5:1},children:[n.jsxs("div",{children:[t.icon,t.label]}),null===(r=t.rightDecorator)||void 0===r?void 0:r.call(t)]}),onChange:function(n){L(n?e.__spreadArray(e.__spreadArray([],e.__read(B),!1),[t],!1):B.filter((function(e){return e.code!==t.code})))}},t.code)}))})})]},t.label)}))]}):n.jsx("div",{className:S,children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};

package/components/select/_StyledReactSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),l=require("react"),o=require("react-select"),n=require("clsx"),a=require("../checkbox/Checkbox.js"),i=require("../help-text/HelpText.js"),c=require("../../icons/CheckCircleIcon.js"),s=require("../../icons/DoubleChevronIcon.js"),r=require("../../icons/RemoveCircleIcon.js"),_=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),u=require("../../utils/getTestId.js"),m=require("../../style-inject.es-d4ddeae4.js");function S(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var p=S(o),y=S(n),g={iconWrapper:"Amino__StyledReactSelect-module__iconWrapper--o6af4",styledFloatedLabel:"Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB",hasIcon:"Amino__StyledReactSelect-module__hasIcon--ua8Qm",hasLabel:"Amino__StyledReactSelect-module__hasLabel--2uysz",hasValue:"Amino__StyledReactSelect-module__hasValue--QzRR6",isFocused:"Amino__StyledReactSelect-module__isFocused--cvHNw",sm:"Amino__StyledReactSelect-module__sm--uRxwS",md:"Amino__StyledReactSelect-module__md--05qsU",lg:"Amino__StyledReactSelect-module__lg--iGesU",xl:"Amino__StyledReactSelect-module__xl--4TfG5",styledSelectWrapper:"Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S",reactSelectControl:"Amino__StyledReactSelect-module__reactSelectControl--0sbFa",hasError:"Amino__StyledReactSelect-module__hasError--DJ10C",strongLabel:"Amino__StyledReactSelect-module__strongLabel--iF71N",checkboxOptionIconWrapper:"Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF",styledSelectOptionWrapper:"Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9",isDisabled:"Amino__StyledReactSelect-module__isDisabled--WwkVj",selectedSingleOptionWrapper:"Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x"};m.styleInject(".Amino__StyledReactSelect-module__iconWrapper--o6af4{align-items:center;color:var(--amino-gray-700);display:flex;justify-content:space-between;padding:10px}.Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{font-size:var(--amino-font-size-base);left:14px;line-height:var(--amino-font-size-base);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition)}.Amino__StyledReactSelect-module__hasIcon--ua8Qm .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{left:42px}.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{align-self:flex-end}.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px;transform:scale(.8)}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-6px}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:6px}.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:10px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:3px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa+div{z-index:20}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa{box-shadow:var(--amino-glow-error)}.Amino__StyledReactSelect-module__strongLabel--iF71N{font-weight:600}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF{align-items:center;color:var(--amino-styled-react-select-color);display:flex}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF svg{color:var(--amino-gray-1200);margin-right:4px}.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-100)!important}.Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x{align-items:center;display:flex;justify-content:space-between}");var h=function(e){switch(e){case"sm":return"".concat(d.theme.radius6);case"lg":return"".concat(d.theme.radius10);case"xl":return"".concat(d.theme.radius12);default:return"".concat(d.theme.radius8)}},R=function(l){return t.jsx(o.components.ClearIndicator,e.__assign({},l,{children:t.jsx(r.RemoveCircleIcon,{size:24})}))},b=function(l){return t.jsx(o.components.DropdownIndicator,e.__assign({},l,{children:t.jsx(s.DoubleChevronIcon,{size:24})}))},x=function(l){var o=l.children,n=l.className,a=l.cx,i=l.getStyles,c=l.hasValue,s=l.innerProps,r=l.innerRef,_=l.isDisabled,d=l.isFocused,u=l.menuIsOpen,m=l.selectProps,S=m.icon,p=m.label,y=m.size,h=m.value;return t.jsxs("div",e.__assign({ref:r,className:a({control:!0,"control--is-disabled":_,"control--is-focused":d,"control--menu-is-open":u},[n,c&&g.hasValue,S&&g.hasIcon,d&&g.isFocused,p||Array.isArray(h)&&h.length>1?g.hasLabel:"",y&&g[y],g.reactSelectControl,"react-select-control"].join(" ")),style:i("control",l)},s,{children:[S&&t.jsx("div",{className:g.iconWrapper,children:S}),t.jsxs("label",{className:g.styledFloatedLabel,children:[p," ",Array.isArray(h)&&h.length>1&&t.jsxs("strong",{className:g.strongLabel,children:["(",h.length," selected)"]})]}),o]}))},f=function(e){var l=e.children,o=e.color,n=e.icon;return t.jsxs("div",{className:g.checkboxOptionIconWrapper,style:{"--amino-styled-react-select-color":o||"inherit"},children:[n,l]})},A=function(l){var n=l.children,a=e.__rest(l,["children"]);return t.jsx(o.components.MultiValueLabel,e.__assign({},a,{children:t.jsx(f,{icon:a.data.icon,children:n})}))},v=function(l){var o=l.innerProps;return t.jsx("div",e.__assign({},o,{role:"button",children:t.jsx(_.RemoveIcon,{size:14})}))},j=function(l){var o=l.children,n=l.className,i=l.data,s=l.getStyles,r=l.innerProps,_=l.innerRef,d=l.isDisabled,u=l.isFocused,m=l.isSelected,S=l.selectProps,p=S,y=p.customOption,h=p.hasGroups,R=s("option",l),b=R.color,x=e.__rest(R,["color"]);h&&(x.paddingLeft=48);return t.jsx("div",e.__assign({ref:_},r,{children:t.jsx("div",{className:[n,g.styledSelectOptionWrapper,u&&g.isFocused,d&&g.isDisabled].join(" "),style:x,children:S.isMulti?t.jsx(a.Checkbox,{allowPropagation:!0,checked:m,disabled:d,icon:i.icon,label:i.label,labelDescription:i.labelDescription,onChange:function(){}}):y?y(i.value):t.jsxs("div",{className:g.selectedSingleOptionWrapper,children:[t.jsx(f,{color:b,icon:i.icon,children:o}),m&&t.jsx(c.CheckCircleIcon,{color:"blue600",size:24})]})})}))},z={clearIndicator:function(t){return e.__assign(e.__assign({},t),{color:d.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(t,l){var o=l.selectProps.size;return e.__assign(e.__assign({},t),{background:d.theme.inputBackground,borderColor:"".concat(d.theme.gray200),borderRadius:h(o),boxShadow:l.isFocused?"".concat(d.theme.glowBlue):"",color:d.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(o,")"),minHeight:"var(--amino-size-".concat(o,")")})},dropdownIndicator:function(t){return e.__assign(e.__assign({},t),{color:d.theme.gray900,paddingLeft:4,paddingRight:10})},group:function(t){return e.__assign(e.__assign({},t),{paddingBottom:0,paddingTop:0})},indicatorSeparator:function(t){return e.__assign(e.__assign({},t),{width:0})},input:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor,opacity:.8})},menu:function(t){return e.__assign(e.__assign({},t),{background:d.theme.surfaceColor,borderRadius:12,boxShadow:d.theme.v3ShadowLarge,marginTop:4})},menuList:function(t){return e.__assign(e.__assign({},t),{paddingLeft:8,paddingRight:8,paddingTop:8})},multiValue:function(t){return e.__assign(e.__assign({},t),{alignItems:"center",background:d.theme.gray100,borderRadius:d.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2})},multiValueLabel:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor})},option:function(t,l){return e.__assign(e.__assign({},t),{backgroundColor:"inherit",borderRadius:"8px",color:l.isSelected?d.theme.blue600:d.theme.textColor,cursor:"pointer",fontWeight:l.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7})},placeholder:function(t){return e.__assign(e.__assign({},t),{".has-label.is-focused &":{opacity:1},opacity:0})},singleValue:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor,fontWeight:500})},valueContainer:function(t){return e.__assign(e.__assign({},t),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12})}};exports.CheckboxOptionComponent=j,exports.StyledReactSelect=function(o){var n=o.closeOnOutsideScroll,a=void 0!==n&&n,c=o.components,s=o.customOption,r=o.error,_=o.hasGroups,d=o.helpText,m=o.icon,S=o.label,h=o.menuPosition,f=void 0===h?"fixed":h,L=o.placeholder,F=o.size,C=void 0===F?"xl":F,D=o.style,W=e.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),w={customOption:s,hasGroups:_,icon:m,label:S,size:C},I=l.useMemo((function(){return u.getTestId({componentName:"select",name:S})}),[S]),U=l.useRef(null),O=l.useMemo((function(){return!!a&&function(e){var t,l,o;return!(e.target instanceof HTMLElement)||(null===(o=!(null===(l=null===(t=U.current)||void 0===t?void 0:t.menuListRef)||void 0===l?void 0:l.isEqualNode(e.target)))||void 0===o||o)}}),[a]);return t.jsxs("div",{className:y.default(g.styledSelectWrapper,r&&g.hasError),"data-testid":I,children:[t.jsx(p.default,e.__assign({ref:U,closeMenuOnScroll:O,components:e.__assign({ClearIndicator:R,Control:x,DropdownIndicator:b,MultiValueLabel:A,MultiValueRemove:v,Option:j},c),menuPosition:f,placeholder:L||"",styles:e.__assign(e.__assign({},D),z)},W,w)),t.jsx(i.HelpText,{error:r,helpText:d})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),l=require("react"),o=require("react-select"),n=require("clsx"),a=require("../checkbox/Checkbox.js"),i=require("../help-text/HelpText.js"),c=require("../../icons/CheckCircleIcon.js"),s=require("../../icons/DoubleChevronIcon.js"),r=require("../../icons/RemoveCircleIcon.js"),_=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),u=require("../../utils/getTestId.js"),m=require("../../style-inject.es-d4ddeae4.js");function S(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var p=S(o),y=S(n),h={iconWrapper:"Amino__StyledReactSelect-module__iconWrapper--o6af4",styledFloatedLabel:"Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB",hasIcon:"Amino__StyledReactSelect-module__hasIcon--ua8Qm",hasLabel:"Amino__StyledReactSelect-module__hasLabel--2uysz",hasValue:"Amino__StyledReactSelect-module__hasValue--QzRR6",isFocused:"Amino__StyledReactSelect-module__isFocused--cvHNw",sm:"Amino__StyledReactSelect-module__sm--uRxwS",md:"Amino__StyledReactSelect-module__md--05qsU",lg:"Amino__StyledReactSelect-module__lg--iGesU",xl:"Amino__StyledReactSelect-module__xl--4TfG5",styledSelectWrapper:"Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S",reactSelectControl:"Amino__StyledReactSelect-module__reactSelectControl--0sbFa",hasError:"Amino__StyledReactSelect-module__hasError--DJ10C",strongLabel:"Amino__StyledReactSelect-module__strongLabel--iF71N",checkboxOptionIconWrapper:"Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF",styledSelectOptionWrapper:"Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9",isDisabled:"Amino__StyledReactSelect-module__isDisabled--WwkVj",selectedSingleOptionWrapper:"Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x"};m.styleInject(".Amino__StyledReactSelect-module__iconWrapper--o6af4{align-items:center;color:var(--amino-gray-700);display:flex;height:24px;justify-content:space-evenly;margin-left:var(--amino-space-8);margin-right:-2px;width:24px}.Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{font-size:var(--amino-font-size-base);left:14px;line-height:var(--amino-font-size-base);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition)}.Amino__StyledReactSelect-module__hasIcon--ua8Qm .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{left:44px}.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{align-self:flex-end}.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px;transform:scale(.8)}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-6px}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:6px}.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:10px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:3px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa+div{z-index:20}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa{box-shadow:var(--amino-shadow-select-error)!important}.Amino__StyledReactSelect-module__strongLabel--iF71N{font-weight:600}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF{align-items:center;color:var(--amino-styled-react-select-color);display:flex}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF svg{color:var(--amino-gray-1200);margin-right:4px}.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-100)!important}.Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x{align-items:center;display:flex;justify-content:space-between}");var g=function(e){switch(e){case"sm":return"".concat(d.theme.radius6);case"lg":case"xl":return"".concat(d.theme.radius10);default:return"".concat(d.theme.radius8)}},R=function(l){return t.jsx(o.components.ClearIndicator,e.__assign({},l,{children:t.jsx(r.RemoveCircleIcon,{size:24})}))},b=function(l){return t.jsx(o.components.DropdownIndicator,e.__assign({},l,{children:t.jsx(s.DoubleChevronIcon,{size:24})}))},x=function(l){var o=l.children,n=l.className,a=l.cx,i=l.getStyles,c=l.hasValue,s=l.innerProps,r=l.innerRef,_=l.isDisabled,d=l.isFocused,u=l.menuIsOpen,m=l.selectProps,S=m.icon,p=m.label,y=m.size,g=m.value;return t.jsxs("div",e.__assign({ref:r,className:a({control:!0,"control--is-disabled":_,"control--is-focused":d,"control--menu-is-open":u},[n,c&&h.hasValue,S&&h.hasIcon,d&&h.isFocused,p||Array.isArray(g)&&g.length>1?h.hasLabel:"",y&&h[y],h.reactSelectControl,"react-select-control"].join(" ")),style:i("control",l)},s,{children:[S&&t.jsx("div",{className:h.iconWrapper,children:S}),t.jsxs("label",{className:h.styledFloatedLabel,children:[p," ",Array.isArray(g)&&g.length>1&&t.jsxs("strong",{className:h.strongLabel,children:["(",g.length," selected)"]})]}),o]}))},f=function(e){var l=e.children,o=e.color,n=e.icon;return t.jsxs("div",{className:h.checkboxOptionIconWrapper,style:{"--amino-styled-react-select-color":o||"inherit"},children:[n,l]})},A=function(l){var n=l.children,a=e.__rest(l,["children"]);return t.jsx(o.components.MultiValueLabel,e.__assign({},a,{children:t.jsx(f,{icon:a.data.icon,children:n})}))},v=function(l){var o=l.innerProps;return t.jsx("div",e.__assign({},o,{role:"button",children:t.jsx(_.RemoveIcon,{size:14})}))},j=function(l){var o=l.children,n=l.className,i=l.data,s=l.getStyles,r=l.innerProps,_=l.innerRef,d=l.isDisabled,u=l.isFocused,m=l.isSelected,S=l.selectProps,p=S,y=p.customOption,g=p.hasGroups,R=s("option",l),b=R.color,x=e.__rest(R,["color"]);g&&(x.paddingLeft=48);return t.jsx("div",e.__assign({ref:_},r,{children:t.jsx("div",{className:[n,h.styledSelectOptionWrapper,u&&h.isFocused,d&&h.isDisabled].join(" "),style:x,children:S.isMulti?t.jsx(a.Checkbox,{allowPropagation:!0,checked:m,disabled:d,icon:i.icon,label:i.label,labelDescription:i.labelDescription,onChange:function(){}}):y?y(i.value):t.jsxs("div",{className:h.selectedSingleOptionWrapper,children:[t.jsx(f,{color:b,icon:i.icon,children:o}),m&&t.jsx(c.CheckCircleIcon,{color:"blue600",size:24})]})})}))},z={clearIndicator:function(t){return e.__assign(e.__assign({},t),{color:d.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(t,l){var o=l.selectProps.size;return e.__assign(e.__assign({},t),{background:d.theme.raisedSurfaceColor,border:"none",borderRadius:g(o),boxShadow:l.isFocused?"".concat(d.theme.shadowSelectActive):"".concat(d.theme.shadowSelectBase),color:d.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(o,")"),minHeight:"var(--amino-size-".concat(o,")")})},dropdownIndicator:function(t){return e.__assign(e.__assign({},t),{color:d.theme.gray900,paddingLeft:4,paddingRight:10})},group:function(t){return e.__assign(e.__assign({},t),{paddingBottom:0,paddingTop:0})},indicatorSeparator:function(t){return e.__assign(e.__assign({},t),{width:0})},input:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor,opacity:.8})},menu:function(t){return e.__assign(e.__assign({},t),{background:d.theme.surfaceColor,borderRadius:12,boxShadow:d.theme.v3ShadowLarge,marginTop:4})},menuList:function(t){return e.__assign(e.__assign({},t),{paddingLeft:8,paddingRight:8,paddingTop:8})},multiValue:function(t){return e.__assign(e.__assign({},t),{alignItems:"center",background:d.theme.gray100,borderRadius:d.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2})},multiValueLabel:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor})},option:function(t,l){return e.__assign(e.__assign({},t),{backgroundColor:"inherit",borderRadius:"8px",color:l.isSelected?d.theme.blue600:d.theme.textColor,cursor:"pointer",fontWeight:l.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7})},placeholder:function(t){return e.__assign(e.__assign({},t),{".has-label.is-focused &":{opacity:1},opacity:0})},singleValue:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor,fontWeight:500})},valueContainer:function(t){return e.__assign(e.__assign({},t),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12})}};exports.CheckboxOptionComponent=j,exports.StyledReactSelect=function(o){var n=o.closeOnOutsideScroll,a=void 0!==n&&n,c=o.components,s=o.customOption,r=o.error,_=o.hasGroups,d=o.helpText,m=o.icon,S=o.label,g=o.menuPosition,f=void 0===g?"fixed":g,L=o.placeholder,F=o.size,C=void 0===F?"xl":F,D=o.style,W=e.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),w={customOption:s,hasGroups:_,icon:m,label:S,size:C},I=l.useMemo((function(){return u.getTestId({componentName:"select",name:S})}),[S]),U=l.useRef(null),O=l.useMemo((function(){return!!a&&function(e){var t,l,o;return!(e.target instanceof HTMLElement)||(null===(o=!(null===(l=null===(t=U.current)||void 0===t?void 0:t.menuListRef)||void 0===l?void 0:l.isEqualNode(e.target)))||void 0===o||o)}}),[a]);return t.jsxs("div",{className:y.default(h.styledSelectWrapper,r&&h.hasError),"data-testid":I,children:[t.jsx(p.default,e.__assign({ref:U,closeMenuOnScroll:O,components:e.__assign({ClearIndicator:R,Control:x,DropdownIndicator:b,MultiValueLabel:A,MultiValueRemove:v,Option:j},c),menuPosition:f,placeholder:L||"",styles:e.__assign(e.__assign({},D),z)},W,w)),t.jsx(i.HelpText,{error:r,helpText:d})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.104",
+  "version": "5.1.106",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",

package/styles/constants/theme.d.ts

@@ -211,6 +211,12 @@ export declare const theme: {
     readonly shadowButtonStandard: "var(--amino-shadow-button-standard)";
     /** @info 0px 1px 3px 0px rgba(16, 17, 22, 0.2), 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset */
     readonly shadowButtonDisabled: "var(--amino-shadow-button-disabled)";
+    /** @info 0px 1px 3px 0px rgba(110, 110, 120, 0.12), 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset, 0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset */
+    readonly shadowSelectBase: "var(--amino-shadow-select-base)";
+    /** @info 0px 1px 3px 0px rgba(68, 94, 238, 0.40), 0px 0px 0px 1px #445EEE inset, 0px -1px 1px 1px rgba(68, 94, 238, 0.12) inset */
+    readonly shadowSelectActive: "var(--amino-shadow-select-active)";
+    /** @info 0px 1px 3px 0px rgba(221, 49, 78, 0.40), 0px 0px 0px 1px #DD314E inset, 0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset */
+    readonly shadowSelectError: "var(--amino-shadow-select-error)";
     /** @info space-negative-80: -5rem (-80px) */
     readonly spaceNegative80: "var(--amino-space-negative-80)";
     /** @info space-negative-76: -4.75rem (-76px) */

package/styles/constants/theme.js

@@ -1 +1 @@
-"use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",glass0:"var(--amino-glass-0)",glass50:"var(--amino-glass-50)",glass100:"var(--amino-glass-100)",glass200:"var(--amino-glass-200)",glass300:"var(--amino-glass-300)",glass400:"var(--amino-glass-400)",glass500:"var(--amino-glass-500)",glass600:"var(--amino-glass-600)",glass700:"var(--amino-glass-700)",glass800:"var(--amino-glass-800)",glass900:"var(--amino-glass-900)",glass1000:"var(--amino-glass-1000)",glass1100:"var(--amino-glass-1100)",glass1200:"var(--amino-glass-1200)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue1000:"var(--amino-blue-1000)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan1000:"var(--amino-cyan-1000)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red1000:"var(--amino-red-1000)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange1000:"var(--amino-orange-1000)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green1000:"var(--amino-green-1000)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple1000:"var(--amino-purple-1000)",transparentWhite:"var(--amino-transparent-white)",transparentBlack:"var(--amino-transparent-black)",transparentGray600:"var(--amino-transparent-gray-600)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",v3ShadowInset:"var(--amino-v3-shadow-inset)",shadowButtonPrimary:"var(--amino-shadow-button-primary)",shadowButtonSuccess:"var(--amino-shadow-button-success)",shadowButtonDanger:"var(--amino-shadow-button-danger)",shadowButtonWarning:"var(--amino-shadow-button-warning)",buttonFocusRing:"var(--amino-button-focus-ring)",shadowButtonStandard:"var(--amino-shadow-button-standard)",shadowButtonDisabled:"var(--amino-shadow-button-disabled)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",textColor:"var(--amino-text-color)",textColorSecondary:"var(--amino-text-color-secondary)",focusButtonStandard:"var(--amino-focus-button-standard)",focusButton:"var(--amino-focus-button)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",backdropColor:"var(--amino-backdrop-color)",raisedSurfaceColor:"var(--amino-raised-surface-color)",buttonPrimaryHover:"var(--amino-button-primary-hover)",buttonSuccessHover:"var(--amino-button-success-hover)",buttonDangerHover:"var(--amino-button-danger-hover)",buttonWarningHover:"var(--amino-button-warning-hover)",buttonStandardHover:"var(--amino-button-standard-hover)",spinnerTrackBlack:"var(--amino-spinner-track-black)",spinnerStrokeBlack:"var(--amino-spinner-stroke-black)",spinnerTrackWhite:"var(--amino-spinner-track-white)",spinnerStrokeWhite:"var(--amino-spinner-stroke-white)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBaseDocs:"var(--amino-font-size-base-docs)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)",inputBackground:"var(--amino-input-background)"};
+"use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",glass0:"var(--amino-glass-0)",glass50:"var(--amino-glass-50)",glass100:"var(--amino-glass-100)",glass200:"var(--amino-glass-200)",glass300:"var(--amino-glass-300)",glass400:"var(--amino-glass-400)",glass500:"var(--amino-glass-500)",glass600:"var(--amino-glass-600)",glass700:"var(--amino-glass-700)",glass800:"var(--amino-glass-800)",glass900:"var(--amino-glass-900)",glass1000:"var(--amino-glass-1000)",glass1100:"var(--amino-glass-1100)",glass1200:"var(--amino-glass-1200)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue1000:"var(--amino-blue-1000)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan1000:"var(--amino-cyan-1000)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red1000:"var(--amino-red-1000)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange1000:"var(--amino-orange-1000)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green1000:"var(--amino-green-1000)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple1000:"var(--amino-purple-1000)",transparentWhite:"var(--amino-transparent-white)",transparentBlack:"var(--amino-transparent-black)",transparentGray600:"var(--amino-transparent-gray-600)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",v3ShadowInset:"var(--amino-v3-shadow-inset)",shadowButtonPrimary:"var(--amino-shadow-button-primary)",shadowButtonSuccess:"var(--amino-shadow-button-success)",shadowButtonDanger:"var(--amino-shadow-button-danger)",shadowButtonWarning:"var(--amino-shadow-button-warning)",buttonFocusRing:"var(--amino-button-focus-ring)",shadowButtonStandard:"var(--amino-shadow-button-standard)",shadowButtonDisabled:"var(--amino-shadow-button-disabled)",shadowSelectBase:"var(--amino-shadow-select-base)",shadowSelectActive:"var(--amino-shadow-select-active)",shadowSelectError:"var(--amino-shadow-select-error)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",textColor:"var(--amino-text-color)",textColorSecondary:"var(--amino-text-color-secondary)",focusButtonStandard:"var(--amino-focus-button-standard)",focusButton:"var(--amino-focus-button)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",backdropColor:"var(--amino-backdrop-color)",raisedSurfaceColor:"var(--amino-raised-surface-color)",buttonPrimaryHover:"var(--amino-button-primary-hover)",buttonSuccessHover:"var(--amino-button-success-hover)",buttonDangerHover:"var(--amino-button-danger-hover)",buttonWarningHover:"var(--amino-button-warning-hover)",buttonStandardHover:"var(--amino-button-standard-hover)",spinnerTrackBlack:"var(--amino-spinner-track-black)",spinnerStrokeBlack:"var(--amino-spinner-stroke-black)",spinnerTrackWhite:"var(--amino-spinner-track-white)",spinnerStrokeWhite:"var(--amino-spinner-stroke-white)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBaseDocs:"var(--amino-font-size-base-docs)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)",inputBackground:"var(--amino-input-background)"};

package/theme.css

@@ -122,6 +122,15 @@
     0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;
   --amino-shadow-button-disabled: 0px 1px 3px 0px rgba(16, 17, 22, 0.2),
     0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset;
+  --amino-shadow-select-base: 0px 1px 3px 0px rgba(110, 110, 120, 0.12),
+    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,
+    0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;
+  --amino-shadow-select-active: 0px 1px 3px 0px rgba(68, 94, 238, 0.4),
+    0px 0px 0px 1px #445eee inset,
+    0px -1px 1px 1px rgba(68, 94, 238, 0.12) inset;
+  --amino-shadow-select-error: 0px 1px 3px 0px rgba(221, 49, 78, 0.4),
+    0px 0px 0px 1px #dd314e inset,
+    0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset;
   --amino-space-negative-80: -5rem;
   --amino-space-negative-76: -4.75rem;
   --amino-space-negative-72: -4.5rem;
@@ -411,6 +420,17 @@
     0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
     0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
     0px 1px 3px 0px rgba(255, 255, 255, 0);
+  --amino-shadow-select-base: 0px 0px 0px 1px #000,
+    0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,
+    0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,
+    0px 1px 3px 0px rgba(0, 0, 0, 0.8),
+    0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;
+  --amino-shadow-select-active: 0px 0px 0px 1px #000,
+    0px -1px 1px 1px rgba(114, 146, 243, 0.24) inset,
+    0px 0px 0px 1px #7292f3 inset, 0px 1px 3px 0px rgba(114, 146, 243, 0.4);
+  --amino-shadow-select-error: 0px 0px 0px 1px #000,
+    0px -1px 1px 1px rgba(235, 92, 108, 0.24) inset,
+    0px 0px 0px 1px #eb5c6c inset, 0px 1px 3px 0px rgba(235, 92, 108, 0.6);
   --amino-border: 1px solid var(--amino-border-color);
   --amino-border-blue: 1px solid var(--amino-blue-500);
   --amino-border-red: 1px solid var(--amino-red-400);

package/theme.scss

@@ -105,6 +105,9 @@ $amino-shadow-button-warning: var(--amino-shadow-button-warning);
 $amino-button-focus-ring: var(--amino-button-focus-ring);
 $amino-shadow-button-standard: var(--amino-shadow-button-standard);
 $amino-shadow-button-disabled: var(--amino-shadow-button-disabled);
+$amino-shadow-select-base: var(--amino-shadow-select-base);
+$amino-shadow-select-active: var(--amino-shadow-select-active);
+$amino-shadow-select-error: var(--amino-shadow-select-error);
 $amino-space-negative-80: var(--amino-space-negative-80);
 $amino-space-negative-76: var(--amino-space-negative-76);
 $amino-space-negative-72: var(--amino-space-negative-72);