@zonos/amino 6.0.2 → 6.0.5

package/components/select/CountryMultiSelect.js

@@ -1 +1 @@
-"use strict";var s=require("../../_rollupPluginBabelHelpers-4522587c.js"),e=require("../../tslib.es6-cdc5f922.js"),r=require("react-select"),i=require("../checkbox/Checkbox.js"),n=require("./MultiSelect.js"),u=require("../../icons/flag-icon/FlagIcon.js"),o=require("../../utils/prepRegionCountryOptions.js"),l=require("../../utils/translations/__amino__/translateAminoText.js"),a=require("../../utils/translations/AminoTranslationStore.js"),c=require("react/jsx-runtime");require("react"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("./_StyledReactSelect.js"),require("react-intersection-observer"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js"),require("../../utils/hooks/useCountryOptions.js"),require("dayjs"),require("zod"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwrt.js"),require("lodash/isEqual"),require("swr"),require("../../utils/prepCountryOptions.js"),require("../../utils/countryPhoneCodes.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("zustand"),require("../../utils/translations/supportedLanguages.js");var q=function(n){var u=n.children,o=e.__rest(n,["children"]),q=o.getStyles,j=o.selectProps,g=j.allSelected,f=j.toggleSelectAll,t=a.useCurrentLanguage();return c.jsxs(r.components.MenuList,s._objectSpread2(s._objectSpread2({},o),{},{children:[c.jsx("div",{style:q("option",o),children:c.jsx(i.Checkbox,{checked:g,label:l.translateAminoText({languageCode:t,text:"Select all"}),onChange:f})}),u]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,l=r.label,a=void 0===l?"Select countries":l,j=r.onChange,g=r.unavailableCountries,f=r.value,t=e.__rest(r,["countryOptions","label","onChange","unavailableCountries","value"]),S=i.map(function(s){var r=g.find(function(e){return e.code===s.code});return e.__assign(e.__assign({},s),{icon:c.jsx(u.FlagIcon,{code:s.code,iconScale:"small"}),isDisabled:!!r,labelDescription:null==r?void 0:r.message})}),C=S.filter(function(s){return!f.includes(s.code)&&!s.isDisabled}),M={allSelected:!!f.length&&!C.length,toggleSelectAll:function(){return j(C.length?f.concat(C.map(function(s){return s.value})):[])}};return c.jsx(n.MultiSelect,s._objectSpread2(s._objectSpread2({},t),{},{components:{MenuList:q},hasGroups:!0,hideSelectedOptions:!1,label:a,onChange:function(s){return j(s.map(function(s){return s.value}))},options:o.prepRegionCountryOptions(S),value:S.filter(function(s){return f.includes(s.code)})},M))};
+"use strict";var s=require("../../_rollupPluginBabelHelpers-4522587c.js"),e=require("../../tslib.es6-cdc5f922.js"),r=require("react-select"),i=require("../checkbox/Checkbox.js"),n=require("./MultiSelect.js"),u=require("../../icons/flag-icon/FlagIcon.js"),o=require("../../utils/prepRegionCountryOptions.js"),l=require("../../utils/translations/__amino__/translateAminoText.js"),a=require("../../utils/translations/AminoTranslationStore.js"),c=require("react/jsx-runtime");require("react"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("./_StyledReactSelect.js"),require("react-intersection-observer"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js"),require("../../utils/hooks/useCountryOptions.js"),require("dayjs"),require("zod"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwrt.js"),require("lodash/isEqual"),require("swr"),require("../../utils/prepCountryOptions.js"),require("../../utils/countryPhoneCodes.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("zustand"),require("../../utils/translations/supportedLanguages.js");var q=function(n){var u=n.children,o=e.__rest(n,["children"]),q=o.getStyles,j=o.selectProps,g=j.allSelected,f=j.toggleSelectAll,t=a.useCurrentLanguage();return c.jsxs(r.components.MenuList,s._objectSpread2(s._objectSpread2({},o),{},{children:[c.jsx("div",{style:q("option",o),children:c.jsx(i.Checkbox,{checked:g,label:l.translateAminoText({languageCode:t,text:"Select all"}),onChange:f})}),u]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,l=r.label,a=void 0===l?"Select countries":l,j=r.onChange,g=r.unavailableCountries,f=r.value,t=e.__rest(r,["countryOptions","label","onChange","unavailableCountries","value"]),S=i.map(function(s){var r=g.find(function(e){return e.code===s.code});return e.__assign(e.__assign({},s),{icon:c.jsx(u.FlagIcon,{code:s.code,iconScale:"small"}),isDisabled:!!r,labelDescription:null==r?void 0:r.message})}),C=S.filter(function(s){return!f.includes(s.code)&&!s.isDisabled}),M={allSelected:!!f.length&&!C.length,toggleSelectAll:function(){return j(C.length?f.concat(C.map(function(s){return s.value})):[])}};return c.jsx(n.MultiSelect,s._objectSpread2(s._objectSpread2({},t),{},{components:{MenuList:q},hasGroups:!0,hideSelectedOptions:!1,label:a,onChange:function(s){return j(s.map(function(s){return s.value}))},options:o.prepRegionCountryOptions(S),value:S.filter(function(s){return f.includes(s.code)})},M))};

package/components/select/CountrySelect.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import { type SelectProps } from "./Select";
 import type { BaseProps } from "../../types/BaseProps";
 import type { CountryOption } from "../../utils/hooks/useCountryOptions";
@@ -20,7 +21,7 @@ type CountrySelectType<T extends string> = {
     /**
      * Label displayed above the select input
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * Handler called when selection changes
      * @param value The selected country value or null if cleared

package/components/select/CountrySelect.js

@@ -1 +1 @@
-"use strict";var s=require("../../_rollupPluginBabelHelpers-4522587c.js"),e=require("../../tslib.es6-cdc5f922.js"),r=require("./Select.js"),i=require("../../icons/flag-icon/FlagIcon.js"),o=require("react/jsx-runtime");require("./_StyledReactSelect.js"),require("react"),require("react-intersection-observer"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js");exports.CountrySelect=function(c){var n=c.autoFocus,l=c.countryOptions,u=c.filter,a=void 0===u?Boolean:u,q=c.label,j=c.onChange,g=c.placeholder,f=c.value,t=e.__rest(c,["autoFocus","countryOptions","filter","label","onChange","placeholder","value"]),M=l.flatMap(function(s){return a(s)?e.__assign(e.__assign({},s),{icon:o.jsx(i.FlagIcon,{code:s.code,iconScale:"small"})}):[]}),S=M.filter(function(s){return s.value===f}),C=S.find(Boolean);return o.jsx(r.Select,s._objectSpread2({autoFocus:n,icon:o.jsx(i.FlagIcon,{code:C?C.value:"Default",iconScale:"medium"}),label:q,onChange:j,options:M,placeholder:g,value:S},t))};
+"use strict";var s=require("../../_rollupPluginBabelHelpers-4522587c.js"),e=require("../../tslib.es6-cdc5f922.js"),r=require("./Select.js"),i=require("../../icons/flag-icon/FlagIcon.js"),o=require("react/jsx-runtime");require("./_StyledReactSelect.js"),require("react"),require("react-intersection-observer"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js");exports.CountrySelect=function(c){var n=c.autoFocus,l=c.countryOptions,u=c.filter,a=void 0===u?Boolean:u,q=c.label,j=c.onChange,g=c.placeholder,f=c.value,t=e.__rest(c,["autoFocus","countryOptions","filter","label","onChange","placeholder","value"]),M=l.flatMap(function(s){return a(s)?e.__assign(e.__assign({},s),{icon:o.jsx(i.FlagIcon,{code:s.code,iconScale:"small"})}):[]}),S=M.filter(function(s){return s.value===f}),C=S.find(Boolean);return o.jsx(r.Select,s._objectSpread2({autoFocus:n,icon:o.jsx(i.FlagIcon,{code:C?C.value:"Default",iconScale:"medium"}),label:q,onChange:j,options:M,placeholder:g,value:S},t))};

package/components/select/MultiSelect.d.ts

@@ -8,7 +8,7 @@ export type MultiSelectProps<Option extends SelectOption = SelectOption, IsMulti
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     hasGroups?: boolean;
     icon?: ReactNode;
-    label?: string;
+    label?: ReactNode;
     styles?: StylesConfig<Option, IsMulti, Group>;
     /**
      * @example

package/components/select/MultiSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../tslib.es6-cdc5f922.js"),t=require("../checkbox/Checkbox.js"),n=require("./_StyledReactSelect.js"),i=require("react/jsx-runtime");require("react"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var c=function(r){var n=r.children,c=r.getStyles,s=r.innerProps,o=r.label,u=r.options,l=r.selectProps,a=l.value,d=u.filter(function(e){return!e.isDisabled}),p=d.filter(function(e){return!e.isSelected}).map(function(e){return e.data}),j=d.filter(function(e){return e.isSelected}).map(function(e){return e.data}),q=d.length===j.length;return i.jsxs("div",e._objectSpread2(e._objectSpread2({style:c("group",r)},s),{},{children:[i.jsx("div",{style:c("option",r),children:i.jsx(t.Checkbox,{checked:q,label:"string"==typeof o?o:"",onChange:function(){var e=q?a.filter(function(e){return!j.find(function(r){return r.value===e.value})}):a.concat(p);l.onChange(e,{action:q?"deselect-group":"select-group",option:q?j:p})}})}),n]}))};exports.MultiSelect=function(t){var s=t.closeMenuOnSelect,o=void 0!==s&&s,u=t.hideSelectedOptions,l=void 0===u||u,a=r.__rest(t,["closeMenuOnSelect","hideSelectedOptions"]);return i.jsx(n.StyledReactSelect,e._objectSpread2(e._objectSpread2({},a),{},{closeMenuOnSelect:o,components:r.__assign({Group:c},a.components),hideSelectedOptions:l,isMulti:!0}))};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../tslib.es6-cdc5f922.js"),t=require("../checkbox/Checkbox.js"),i=require("./_StyledReactSelect.js"),n=require("react/jsx-runtime");require("react"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var s=function(r){var i=r.children,s=r.getStyles,c=r.innerProps,o=r.label,u=r.options,l=r.selectProps,a=l.value,d=u.filter(function(e){return!e.isDisabled}),p=d.filter(function(e){return!e.isSelected}).map(function(e){return e.data}),j=d.filter(function(e){return e.isSelected}).map(function(e){return e.data}),q=d.length===j.length;return n.jsxs("div",e._objectSpread2(e._objectSpread2({style:s("group",r)},c),{},{children:[n.jsx("div",{style:s("option",r),children:n.jsx(t.Checkbox,{checked:q,label:"string"==typeof o?o:"",onChange:function(){var e=q?a.filter(function(e){return!j.find(function(r){return r.value===e.value})}):a.concat(p);l.onChange(e,{action:q?"deselect-group":"select-group",option:q?j:p})}})}),i]}))};exports.MultiSelect=function(t){var c=t.closeMenuOnSelect,o=void 0!==c&&c,u=t.hideSelectedOptions,l=void 0===u||u,a=r.__rest(t,["closeMenuOnSelect","hideSelectedOptions"]);return n.jsx(i.StyledReactSelect,e._objectSpread2(e._objectSpread2({},a),{},{closeMenuOnSelect:o,components:r.__assign({Group:s},a.components),hideSelectedOptions:l,isMulti:!0}))};

package/components/select/Select.d.ts

@@ -15,7 +15,7 @@ export type SelectProps<V extends SelectValue = SelectValue, Option = SelectOpti
     customOption?: (value: V) => ReactNode;
     hasGroups?: boolean;
     icon?: ReactNode;
-    label?: string;
+    label?: ReactNode;
     /**
      * @example
      * onChange={changed => setExampleValue(changed?.value || null)}

package/components/select/Select.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../tslib.es6-cdc5f922.js"),i=require("./_StyledReactSelect.js"),s=require("react/jsx-runtime");require("react"),require("react-intersection-observer"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");exports.Select=function(t){var l=t.isClearable,c=void 0===l||l,a=t.isSearchable,o=void 0!==a&&a,u=t.label,n=t.value,q=r.__rest(t,["isClearable","isSearchable","label","value"]);if(Array.isArray(n)&&n.length>1)throw Error("Only one selection allowed for '".concat(u,"' select (").concat(n.length,") selected."));return s.jsx(i.StyledReactSelect,e._objectSpread2(e._objectSpread2({},q),{},{isClearable:c,isMulti:!1,isSearchable:o,label:u,value:n}))};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../tslib.es6-cdc5f922.js"),i=require("./_StyledReactSelect.js"),s=require("../../utils/getNodeText.js"),t=require("react/jsx-runtime");require("react"),require("react-intersection-observer"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");exports.Select=function(l){var c,a=l.isClearable,o=void 0===a||a,u=l.isSearchable,n=void 0!==u&&u,q=l.label,j=l.value,b=r.__rest(l,["isClearable","isSearchable","label","value"]);if(Array.isArray(j)&&j.length>1)throw Error("Only one selection allowed for '".concat(null!==(c=s.getNodeText(q))&&void 0!==c?c:"","' select (").concat(j.length,") selected."));return t.jsx(i.StyledReactSelect,e._objectSpread2(e._objectSpread2({},b),{},{isClearable:o,isMulti:!1,isSearchable:n,label:q,value:j}))};

package/components/select/_StyledReactSelect.d.ts

@@ -8,7 +8,7 @@ type AdditionalProps<Value> = {
     customOption?: (value: Value) => ReactNode;
     hasGroups?: boolean;
     icon?: ReactNode;
-    label?: string;
+    label?: ReactNode;
     size?: Size;
 };
 export declare const CheckboxOptionComponent: <Option extends SelectOption, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => import("react").JSX.Element;

package/components/select/_StyledReactSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),n=require("../../tslib.es6-cdc5f922.js"),i=require("react"),o=require("react-intersection-observer"),r=require("react-select"),t=require("../checkbox/Checkbox.js"),s=require("../help-text/HelpText.js"),a=require("../../icons/CheckmarkIcon.js"),l=require("../../icons/DoubleChevronIcon.js"),c=require("../../icons/RemoveCircleIcon.js"),d=require("../../icons/RemoveIcon.js"),u=require("../../styles/constants/theme.js"),p=require("../../utils/cn.js"),_=require("../../utils/getTestId.js"),m=require("react/jsx-runtime");function g(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_IconBase.js");var h=g(r),v={lg:u.theme.sizeLg,md:u.theme.sizeMd,sm:u.theme.sizeSm,xl:u.theme.sizeXl},x=function(e){switch(e){case"sm":return"".concat(u.theme.radius6);case"lg":case"xl":return"".concat(u.theme.radius10);default:return"".concat(u.theme.radius8)}},f=function(n){return m.jsx(r.components.ClearIndicator,e._objectSpread2(e._objectSpread2({},n),{},{children:m.jsx(c.RemoveCircleIcon,{size:24})}))},b=function(n){return m.jsx(r.components.DropdownIndicator,e._objectSpread2(e._objectSpread2({},n),{},{children:m.jsx(l.DoubleChevronIcon,{size:24})}))},j=function(n){var i=n.children,o=n.className,r=n.getStyles,t=n.hasValue,s=n.innerProps,a=n.innerRef,l=n.isDisabled,c=n.isFocused,d=n.menuIsOpen,u=n.selectProps,_=u.icon,g=u.label,h=u.size,v=u.value;return m.jsxs("div",e._objectSpread2(e._objectSpread2({ref:a,className:p.cn(o,"react-select-control",t&&"flex items-center",_&&"has-icon flex items-center",c&&"is-focused",l&&"opacity-disabled",d&&"menu-is-open",g||Array.isArray(v)&&v.length>1?"has-label":"","sm"===h&&"h-8","md"===h&&"h-10","lg"===h&&"h-12","xl"===h&&"h-14"),style:r("control",n)},s),{},{children:[_&&m.jsx("div",{className:"ml-amino-8 -mr-[2px] flex h-6 w-6 items-center justify-evenly text-gray-700",children:_}),i]}))},S=function(e){var n=e.children,i=e.color,o=e.icon;return m.jsxs("div",{className:"[&_svg]:text-gray-1000 flex items-center [&_svg]:mr-1",style:{color:i||"inherit"},children:[o,n]})},y=function(i){var o=i.children,t=n.__rest(i,["children"]);return m.jsx(r.components.MultiValueLabel,e._objectSpread2(e._objectSpread2({},t),{},{children:m.jsx(S,{icon:t.data.icon,children:o})}))},w=function(n){var i=n.innerProps;return m.jsx("div",e._objectSpread2(e._objectSpread2({},i),{},{role:"button",children:m.jsx(d.RemoveIcon,{size:14})}))},C=function(i){var r=i.children,s=i.className,l=i.data,c=i.getStyles,d=i.innerProps,u=i.innerRef,_=i.isDisabled,g=i.isFocused,h=i.isSelected,v=i.selectProps,x=o.useInView({fallbackInView:!0,triggerOnce:!0}),f=x.inView,b=x.ref,j=v,y=j.customOption,w=j.hasGroups,C=c("option",i),I=C.color,q=n.__rest(C,["color"]);w&&(q.paddingLeft=48);return m.jsx("div",e._objectSpread2(e._objectSpread2({ref:u},d),{},{children:m.jsx("div",{className:p.cn(s,"rounded-lg",g&&!_&&"bg-gray-50! dark:bg-gray-100!",_&&"opacity-disabled"),style:q,children:v.isMulti?m.jsx(t.Checkbox,{checked:h,disabled:_,icon:l.icon,label:l.label,labelDescription:l.labelDescription,onChange:function(){}}):y?y(l.value):m.jsxs("div",{ref:b,className:"flex items-center justify-between",children:[f&&m.jsx(S,{color:I,icon:l.icon,children:r}),h&&m.jsx(a.CheckmarkIcon,{color:"blue600",size:24})]})})}))};exports.CheckboxOptionComponent=C,exports.StyledReactSelect=function(o){var r=o.closeOnOutsideScroll,t=void 0!==r&&r,a=o.components,l=o.customOption,c=o.error,d=o.hasGroups,g=o.helpText,S=o.icon,I=o.label,q=o.menuPosition,R=void 0===q?"fixed":q,z=o.placeholder,k=o.size,L=void 0===k?"md":k,O=o.style,V=n.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),P={customOption:l,hasGroups:d,icon:S,label:I,size:L},T=i.useMemo(function(){return _.getTestId({componentName:"select",name:I})},[I]),N=i.useRef(null),M=i.useMemo(function(){return!!t&&function(e){var n,i;return!(e.target instanceof HTMLElement)||!(null===(i=null===(n=N.current)||void 0===n?void 0:n.menuListRef)||void 0===i?void 0:i.isEqualNode(e.target))}},[t]),D=V.styles,W=n.__rest(V,["styles"]),H=function(e){return{clearIndicator:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{color:u.theme.gray700,paddingLeft:"14px !important",paddingRight:"4px !important"}),null===(r=null==e?void 0:e.clearIndicator)||void 0===r?void 0:r.call(e,i,o))},control:function(i,o){var r,t=o.selectProps.size;return n.__assign(n.__assign(n.__assign({},i),{backgroundColor:u.theme.raisedSurfaceColor,borderColor:"unset",borderRadius:x(t),borderWidth:0,boxShadow:o.isFocused?"".concat(u.theme.shadowRaisedFocus):"".concat(u.theme.shadowRaisedStandard),color:u.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:t?v[t]:void 0,minHeight:t?v[t]:void 0}),null===(r=null==e?void 0:e.control)||void 0===r?void 0:r.call(e,i,o))},dropdownIndicator:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{color:u.theme.gray900,paddingLeft:"4px !important",paddingRight:"10px !important"}),null===(r=null==e?void 0:e.dropdownIndicator)||void 0===r?void 0:r.call(e,i,o))},group:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{paddingBottom:"0px !important",paddingTop:"0px !important"}),null===(r=null==e?void 0:e.group)||void 0===r?void 0:r.call(e,i,o))},indicatorSeparator:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{width:0}),null===(r=null==e?void 0:e.indicatorSeparator)||void 0===r?void 0:r.call(e,i,o))},input:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{color:u.theme.textColor,opacity:.8}),null===(r=null==e?void 0:e.input)||void 0===r?void 0:r.call(e,i,o))},menu:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{background:u.theme.surfaceColor,borderRadius:12,boxShadow:u.theme.v3ShadowLarge,marginTop:"8px !important",zIndex:20}),null===(r=null==e?void 0:e.menu)||void 0===r?void 0:r.call(e,i,o))},menuList:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{padding:"8px !important"}),null===(r=null==e?void 0:e.menuList)||void 0===r?void 0:r.call(e,i,o))},menuPortal:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{zIndex:20}),null===(r=null==e?void 0:e.menuPortal)||void 0===r?void 0:r.call(e,i,o))},multiValue:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{alignItems:"center",background:u.theme.gray100,borderRadius:u.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:"2px !important"}),null===(r=null==e?void 0:e.multiValue)||void 0===r?void 0:r.call(e,i,o))},multiValueLabel:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{color:u.theme.textColor}),null===(r=null==e?void 0:e.multiValueLabel)||void 0===r?void 0:r.call(e,i,o))},option:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{backgroundColor:"inherit",borderRadius:"8px",color:o.isSelected?u.theme.blue600:u.theme.textColor,cursor:"pointer",fontWeight:o.isSelected?500:400,paddingBottom:"7px !important",paddingLeft:"8px !important",paddingRight:"12px !important",paddingTop:"7px !important"}),null===(r=null==e?void 0:e.option)||void 0===r?void 0:r.call(e,i,o))},placeholder:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{".has-label.is-focused &":{opacity:1},color:u.theme.gray500,fontSize:u.theme.fontSizeBase,fontWeight:400,opacity:1}),null===(r=null==e?void 0:e.placeholder)||void 0===r?void 0:r.call(e,i,o))},singleValue:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{color:u.theme.textColor,fontWeight:500}),null===(r=null==e?void 0:e.singleValue)||void 0===r?void 0:r.call(e,i,o))},valueContainer:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{flexWrap:"nowrap",padding:"unset",paddingLeft:"12px !important"}),null===(r=null==e?void 0:e.valueContainer)||void 0===r?void 0:r.call(e,i,o))}}}(D);return m.jsxs("div",{className:p.cn("relative","[&_.react-select-control+div]:z-20","[&_.react-select-control.is-focused]:shadow-[var(--amino-shadow-raised-standard)]","[&_.react-select-control.is-focused:not(.menu-is-open)]:shadow-[var(--amino-shadow-raised-focus)]",c&&["[&_.has-label]:text-red-600","[&_.react-select-control]:shadow-[var(--amino-shadow-raised-error)]","[&_.react-select-control.is-focused:not(.menu-is-open)]:shadow-[var(--amino-shadow-raised-error-focus)]"]),"data-testid":T,children:[I&&m.jsx("label",{className:"text-amino-secondary mb-2 block",children:I}),m.jsx(h.default,e._objectSpread2(e._objectSpread2({ref:N,closeMenuOnScroll:M,components:n.__assign({ClearIndicator:f,Control:j,DropdownIndicator:b,MultiValueLabel:y,MultiValueRemove:w,Option:C},a),menuPosition:R,placeholder:z||"",styles:n.__assign(n.__assign({},O),H)},W),P)),m.jsx(s.HelpText,{error:c,helpText:g})]})};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),n=require("../../tslib.es6-cdc5f922.js"),i=require("react"),o=require("react-intersection-observer"),r=require("react-select"),t=require("../checkbox/Checkbox.js"),s=require("../help-text/HelpText.js"),a=require("../../icons/CheckmarkIcon.js"),l=require("../../icons/DoubleChevronIcon.js"),c=require("../../icons/RemoveCircleIcon.js"),d=require("../../icons/RemoveIcon.js"),u=require("../../styles/constants/theme.js"),p=require("../../utils/cn.js"),_=require("../../utils/getNodeText.js"),m=require("../../utils/getTestId.js"),g=require("react/jsx-runtime");function h(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_IconBase.js");var v=h(r),x={lg:u.theme.sizeLg,md:u.theme.sizeMd,sm:u.theme.sizeSm,xl:u.theme.sizeXl},f=function(e){switch(e){case"sm":return"".concat(u.theme.radius6);case"lg":case"xl":return"".concat(u.theme.radius10);default:return"".concat(u.theme.radius8)}},b=function(n){return g.jsx(r.components.ClearIndicator,e._objectSpread2(e._objectSpread2({},n),{},{children:g.jsx(c.RemoveCircleIcon,{size:24})}))},j=function(n){return g.jsx(r.components.DropdownIndicator,e._objectSpread2(e._objectSpread2({},n),{},{children:g.jsx(l.DoubleChevronIcon,{size:24})}))},S=function(n){var i=n.children,o=n.className,r=n.getStyles,t=n.hasValue,s=n.innerProps,a=n.innerRef,l=n.isDisabled,c=n.isFocused,d=n.menuIsOpen,u=n.selectProps,_=u.icon,m=u.label,h=u.size,v=u.value;return g.jsxs("div",e._objectSpread2(e._objectSpread2({ref:a,className:p.cn(o,"react-select-control",t&&"flex items-center",_&&"has-icon flex items-center",c&&"is-focused",l&&"opacity-disabled",d&&"menu-is-open",m||Array.isArray(v)&&v.length>1?"has-label":"","sm"===h&&"h-8","md"===h&&"h-10","lg"===h&&"h-12","xl"===h&&"h-14"),style:r("control",n)},s),{},{children:[_&&g.jsx("div",{className:"ml-amino-8 -mr-[2px] flex h-6 w-6 items-center justify-evenly text-gray-700",children:_}),i]}))},y=function(e){var n=e.children,i=e.color,o=e.icon;return g.jsxs("div",{className:"[&_svg]:text-gray-1000 flex items-center [&_svg]:mr-1",style:{color:i||"inherit"},children:[o,n]})},w=function(i){var o=i.children,t=n.__rest(i,["children"]);return g.jsx(r.components.MultiValueLabel,e._objectSpread2(e._objectSpread2({},t),{},{children:g.jsx(y,{icon:t.data.icon,children:o})}))},C=function(n){var i=n.innerProps;return g.jsx("div",e._objectSpread2(e._objectSpread2({},i),{},{role:"button",children:g.jsx(d.RemoveIcon,{size:14})}))},I=function(i){var r=i.children,s=i.className,l=i.data,c=i.getStyles,d=i.innerProps,u=i.innerRef,_=i.isDisabled,m=i.isFocused,h=i.isSelected,v=i.selectProps,x=o.useInView({fallbackInView:!0,triggerOnce:!0}),f=x.inView,b=x.ref,j=v,S=j.customOption,w=j.hasGroups,C=c("option",i),I=C.color,q=n.__rest(C,["color"]);w&&(q.paddingLeft=48);return g.jsx("div",e._objectSpread2(e._objectSpread2({ref:u},d),{},{children:g.jsx("div",{className:p.cn(s,"rounded-lg",m&&!_&&"bg-gray-50! dark:bg-gray-100!",_&&"opacity-disabled"),style:q,children:v.isMulti?g.jsx(t.Checkbox,{checked:h,disabled:_,icon:l.icon,label:l.label,labelDescription:l.labelDescription,onChange:function(){}}):S?S(l.value):g.jsxs("div",{ref:b,className:"flex items-center justify-between",children:[f&&g.jsx(y,{color:I,icon:l.icon,children:r}),h&&g.jsx(a.CheckmarkIcon,{color:"blue600",size:24})]})})}))};exports.CheckboxOptionComponent=I,exports.StyledReactSelect=function(o){var r=o.closeOnOutsideScroll,t=void 0!==r&&r,a=o.components,l=o.customOption,c=o.error,d=o.hasGroups,h=o.helpText,y=o.icon,q=o.label,R=o.menuPosition,z=void 0===R?"fixed":R,k=o.placeholder,L=o.size,T=void 0===L?"md":L,N=o.style,O=n.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),V={customOption:l,hasGroups:d,icon:y,label:q,size:T},P=i.useMemo(function(){return m.getTestId({componentName:"select",name:_.getNodeText(q)})},[q]),M=i.useRef(null),D=i.useMemo(function(){return!!t&&function(e){var n,i;return!(e.target instanceof HTMLElement)||!(null===(i=null===(n=M.current)||void 0===n?void 0:n.menuListRef)||void 0===i?void 0:i.isEqualNode(e.target))}},[t]),W=O.styles,H=n.__rest(O,["styles"]),B=function(e){return{clearIndicator:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{color:u.theme.gray700,paddingLeft:"14px !important",paddingRight:"4px !important"}),null===(r=null==e?void 0:e.clearIndicator)||void 0===r?void 0:r.call(e,i,o))},control:function(i,o){var r,t=o.selectProps.size;return n.__assign(n.__assign(n.__assign({},i),{backgroundColor:u.theme.raisedSurfaceColor,borderColor:"unset",borderRadius:f(t),borderWidth:0,boxShadow:o.isFocused?"".concat(u.theme.shadowRaisedFocus):"".concat(u.theme.shadowRaisedStandard),color:u.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:t?x[t]:void 0,minHeight:t?x[t]:void 0}),null===(r=null==e?void 0:e.control)||void 0===r?void 0:r.call(e,i,o))},dropdownIndicator:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{color:u.theme.gray900,paddingLeft:"4px !important",paddingRight:"10px !important"}),null===(r=null==e?void 0:e.dropdownIndicator)||void 0===r?void 0:r.call(e,i,o))},group:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{paddingBottom:"0px !important",paddingTop:"0px !important"}),null===(r=null==e?void 0:e.group)||void 0===r?void 0:r.call(e,i,o))},indicatorSeparator:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{width:0}),null===(r=null==e?void 0:e.indicatorSeparator)||void 0===r?void 0:r.call(e,i,o))},input:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{color:u.theme.textColor,opacity:.8}),null===(r=null==e?void 0:e.input)||void 0===r?void 0:r.call(e,i,o))},menu:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{background:u.theme.surfaceColor,borderRadius:12,boxShadow:u.theme.v3ShadowLarge,marginTop:"8px !important",zIndex:20}),null===(r=null==e?void 0:e.menu)||void 0===r?void 0:r.call(e,i,o))},menuList:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{padding:"8px !important"}),null===(r=null==e?void 0:e.menuList)||void 0===r?void 0:r.call(e,i,o))},menuPortal:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{zIndex:20}),null===(r=null==e?void 0:e.menuPortal)||void 0===r?void 0:r.call(e,i,o))},multiValue:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{alignItems:"center",background:u.theme.gray100,borderRadius:u.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:"2px !important"}),null===(r=null==e?void 0:e.multiValue)||void 0===r?void 0:r.call(e,i,o))},multiValueLabel:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{color:u.theme.textColor}),null===(r=null==e?void 0:e.multiValueLabel)||void 0===r?void 0:r.call(e,i,o))},option:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{backgroundColor:"inherit",borderRadius:"8px",color:o.isSelected?u.theme.blue600:u.theme.textColor,cursor:"pointer",fontWeight:o.isSelected?500:400,paddingBottom:"7px !important",paddingLeft:"8px !important",paddingRight:"12px !important",paddingTop:"7px !important"}),null===(r=null==e?void 0:e.option)||void 0===r?void 0:r.call(e,i,o))},placeholder:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{".has-label.is-focused &":{opacity:1},color:u.theme.gray500,fontSize:u.theme.fontSizeBase,fontWeight:400,opacity:1}),null===(r=null==e?void 0:e.placeholder)||void 0===r?void 0:r.call(e,i,o))},singleValue:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{color:u.theme.textColor,fontWeight:500}),null===(r=null==e?void 0:e.singleValue)||void 0===r?void 0:r.call(e,i,o))},valueContainer:function(i,o){var r;return n.__assign(n.__assign(n.__assign({},i),{flexWrap:"nowrap",padding:"unset",paddingLeft:"12px !important"}),null===(r=null==e?void 0:e.valueContainer)||void 0===r?void 0:r.call(e,i,o))}}}(W);return g.jsxs("div",{className:p.cn("relative","[&_.react-select-control+div]:z-20","[&_.react-select-control.is-focused]:shadow-[var(--amino-shadow-raised-standard)]","[&_.react-select-control.is-focused:not(.menu-is-open)]:shadow-[var(--amino-shadow-raised-focus)]",c&&["[&_.has-label]:text-red-600","[&_.react-select-control]:shadow-[var(--amino-shadow-raised-error)]","[&_.react-select-control.is-focused:not(.menu-is-open)]:shadow-[var(--amino-shadow-raised-error-focus)]"]),"data-testid":P,children:[q&&g.jsx("label",{className:"text-amino-secondary mb-2 block",children:q}),g.jsx(v.default,e._objectSpread2(e._objectSpread2({ref:M,closeMenuOnScroll:D,components:n.__assign({ClearIndicator:b,Control:S,DropdownIndicator:j,MultiValueLabel:w,MultiValueRemove:C,Option:I},a),menuPosition:z,placeholder:k||"",styles:n.__assign(n.__assign({},N),B)},H),V)),g.jsx(s.HelpText,{error:c,helpText:h})]})};

package/components/simple-table/SimpleTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js");require("react");var r=require("../checkbox/Checkbox.js"),t=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),n=require("../../utils/cn.js"),o=require("./SimpleTableRow.js"),a=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../table/TableRowCollapse.js"),require("../button/Button.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("../tooltip/Tooltip.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip");var d=function(e){switch(e){case"center":return"center";case"end":return"flex-end";default:return"flex-start"}};exports.SimpleTable=function(l){var s=l.bordered,h=void 0!==s&&s,c=l.className,u=l.collapsible,b=void 0===u?{enabled:!1,expandedItemKeys:[],toggleItem:function(){}}:u,m=l.CustomLinkComponent,p=l.getRowLink,x=l.headers,j=l.items,g=l.keyExtractor,q=l.loading,k=void 0!==q&&q,_=l.loadingItems,f=void 0===_?10:_,v=l.loadingSkeletonHeight,y=void 0===v?13:v,C=l.maxHeight,w=void 0===C?"100%":C,H=l.noHoverBackground,R=void 0!==H&&H,T=l.onRowClick,N=l.onRowHover,S=l.renderFooter,I=l.selectable,B=void 0===I?{enabled:!1}:I,A=l.style;return a.jsx("div",{className:n.cn("w-full overflow-auto",c),style:e.__assign({maxHeight:w},A),children:a.jsxs("table",{className:n.cn("amino-simple-table text-amino-base h-fit w-full border-separate\n          border-spacing-0","[&>tbody>tr]:h-12","[&>thead>tr]:border-b-amino-subtle [&>thead>tr]:h-12\n          [&>thead>tr]:border-b","[&>thead>tr>th]:bg-gray-0 [&>thead>tr>th]:p-amino-12\n          [&>thead>tr>th]:border-b-amino-subtle [&>thead>tr>th]:sticky\n          [&>thead>tr>th]:top-0 [&>thead>tr>th]:z-1 [&>thead>tr>th]:border-b\n          [&>thead>tr>th]:whitespace-nowrap","[&>thead>tr>th.p-0]:p-0",b.enabled&&"[&_tr>td:last-child]:w-10 [&_tr>td:last-child>div]:p-0\n            [&>tbody_*]:transition-all [&>tbody>tr:not(:has(.h-12))]:h-auto",h&&"[&_tr:first-child_td]:border-t-amino-subtle\n            [&_tr:first-child_td:first-child]:rounded-tl-amino-12\n            [&_tr:first-child_td:last-child]:rounded-tr-amino-12\n            [&_tr:last-child_td:first-child]:rounded-bl-amino-12\n            [&_tr:last-child_td:last-child]:rounded-br-amino-12\n            [&_td:first-child]:border-l-amino-subtle\n            [&_td:last-child]:border-r-amino-subtle [&_td:first-child]:border-l\n            [&_td:last-child]:border-r [&_th]:border-0\n            [&_tr:first-child_td]:border-t [&>thead>tr]:border-b-0\n            [&>thead>tr>th]:border-b-0",x.every(function(e){return!e.name})&&"[&_thead]:hidden [&_thead]:max-h-0"),children:[a.jsxs("colgroup",{children:[!!B.onHeaderCheckboxChange&&a.jsx("col",{width:0}),x.map(function(e){return a.jsx("col",{style:{minWidth:void 0!==e.minWidth?"".concat(e.minWidth,"px"):void 0},width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}),b.enabled&&a.jsx("col",{})]}),a.jsx("thead",{children:a.jsxs("tr",{children:[!!B.onHeaderCheckboxChange&&a.jsx("th",{className:"p-0",children:B.renderCustomHeaderCheckbox||a.jsx(r.Checkbox,{checked:!k&&B.headerCheckboxValue||!1,className:"p-amino-12 inline-flex","data-testid":"amino--header-checkbox",disabled:k,onChange:B.onHeaderCheckboxChange})}),x.map(function(e){return a.jsx("th",{className:n.cn(e.noPadding&&"p-0"),style:{textAlign:e.align||"start"},children:"string"==typeof e.name?a.jsx(i.Text,{color:"gray800",type:"small-header",children:e.name}):e.name},e.key)}),b.enabled&&a.jsx("th",{})]})}),a.jsx("tbody",{children:k?e.__spreadArray([],e.__read(Array(f).keys()),!1).map(function(e){return a.jsxs("tr",{children:[B.enabled&&a.jsx("td",{className:"p-amino-12 h-12",children:a.jsx("div",{children:a.jsx(t.Skeleton,{height:y},e)})}),x.map(function(r){return a.jsx("td",{className:n.cn("p-amino-12 h-12",r.noPadding&&"p-0"),children:a.jsx("div",{className:"flex",style:{justifyContent:d(r.align)},children:a.jsx(t.Skeleton,{height:y,style:{width:"70%"}},e)})},r.key)}),b.enabled&&a.jsx("td",{})]},e)}):j.map(function(e,r){var t=g(e);return a.jsx(o.SimpleTableRow,{CustomLinkComponent:m,bordered:h,collapsible:b,getRowLink:p,headers:x,index:r,item:e,noHoverBackground:R,onRowClick:T,onRowHover:N,rowKey:t,selectable:B},t)})}),S]})})};
+"use strict";var e=require("../../tslib.es6-cdc5f922.js");require("react");var t=require("../checkbox/Checkbox.js"),r=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),n=require("../../utils/cn.js"),o=require("./SimpleTableRow.js"),a=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../table/TableRowCollapse.js"),require("../button/Button.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("../tooltip/Tooltip.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip");var d=function(e){switch(e){case"center":return"center";case"end":return"flex-end";default:return"flex-start"}};exports.SimpleTable=function(l){var s=l.bordered,h=void 0!==s&&s,c=l.className,u=l.collapsible,b=void 0===u?{enabled:!1,expandedItemKeys:[],toggleItem:function(){}}:u,m=l.CustomLinkComponent,x=l.getRowLink,p=l.headers,j=l.items,g=l.keyExtractor,q=l.loading,k=void 0!==q&&q,_=l.loadingItems,f=void 0===_?10:_,v=l.loadingSkeletonHeight,y=void 0===v?13:v,C=l.maxHeight,w=void 0===C?"100%":C,H=l.noHoverBackground,R=void 0!==H&&H,T=l.onRowClick,N=l.onRowHover,S=l.renderFooter,I=l.selectable,B=void 0===I?{enabled:!1}:I,A=l.style;return a.jsx("div",{className:n.cn("w-full overflow-auto",c),style:e.__assign({maxHeight:w},A),children:a.jsxs("table",{className:n.cn("amino-simple-table text-amino-base h-fit w-full border-separate\n          border-spacing-0","[&>tbody>tr]:h-12","[&>thead>tr]:border-b-amino-subtle [&>thead>tr]:h-12\n          [&>thead>tr]:border-b","[&>thead>tr>th]:bg-gray-0 [&>thead>tr>th]:p-amino-12\n          [&>thead>tr>th]:border-b-amino-subtle [&>thead>tr>th]:sticky\n          [&>thead>tr>th]:top-0 [&>thead>tr>th]:z-1 [&>thead>tr>th]:border-b\n          [&>thead>tr>th]:whitespace-nowrap","[&>thead>tr>th.p-0]:p-0",b.enabled&&"[&_tr>td:last-child]:w-10 [&_tr>td:last-child>div]:p-0\n            [&>tbody_*]:transition-all [&>tbody>tr:not(:has(.h-12))]:h-auto",h&&"[&_tr:first-child_td]:border-t-amino-subtle\n            [&_tr:first-child_td:first-child]:rounded-tl-amino-12\n            [&_tr:first-child_td:last-child]:rounded-tr-amino-12\n            [&_tr:last-child_td:first-child]:rounded-bl-amino-12\n            [&_tr:last-child_td:last-child]:rounded-br-amino-12\n            [&_td:first-child]:border-l-amino-subtle\n            [&_td:last-child]:border-r-amino-subtle [&_td:first-child]:border-l\n            [&_td:last-child]:border-r [&_th]:border-0\n            [&_tr:first-child_td]:border-t [&>thead>tr]:border-b-0\n            [&>thead>tr>th]:border-b-0",p.every(function(e){return!e.name})&&"[&_thead]:hidden [&_thead]:max-h-0"),children:[a.jsxs("colgroup",{children:[!!B.onHeaderCheckboxChange&&a.jsx("col",{width:0}),p.map(function(e){return a.jsx("col",{style:{minWidth:void 0!==e.minWidth?"".concat(e.minWidth,"px"):void 0},width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}),b.enabled&&a.jsx("col",{})]}),a.jsx("thead",{children:a.jsxs("tr",{children:[!!B.onHeaderCheckboxChange&&a.jsx("th",{className:"p-0",children:B.renderCustomHeaderCheckbox||a.jsx(t.Checkbox,{checked:!k&&B.headerCheckboxValue||!1,className:"p-amino-12 inline-flex","data-testid":"amino--header-checkbox",disabled:k,onChange:B.onHeaderCheckboxChange})}),p.map(function(e){return a.jsx("th",{className:n.cn(e.noPadding&&"p-0"),style:{textAlign:e.align||"start"},children:"string"==typeof e.name?a.jsx(i.Text,{color:"gray800",type:"small-header",children:e.name}):e.name},e.key)}),b.enabled&&a.jsx("th",{})]})}),a.jsx("tbody",{children:k?e.__spreadArray([],e.__read(Array(f).keys()),!1).map(function(e){return a.jsxs("tr",{children:[B.enabled&&a.jsx("td",{className:"p-amino-12 h-12",children:a.jsx("div",{children:a.jsx(r.Skeleton,{height:y},e)})}),p.map(function(t){return a.jsx("td",{className:n.cn("p-amino-12 h-12",t.noPadding&&"p-0"),children:a.jsx("div",{className:"flex",style:{justifyContent:d(t.align)},children:a.jsx(r.Skeleton,{height:y,style:{width:"70%"}},e)})},t.key)}),b.enabled&&a.jsx("td",{})]},e)}):j.map(function(e,t){var r=g(e);return a.jsx(o.SimpleTableRow,{CustomLinkComponent:m,bordered:h,collapsible:b,getRowLink:x,headers:p,index:t,item:e,noHoverBackground:R,onRowClick:T,onRowHover:N,rowKey:r,selectable:B},r)})}),S]})})};

package/components/simple-table/SimpleTableRow.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("../checkbox/Checkbox.js"),r=require("../table/TableRowCollapse.js"),l=require("../tooltip/Tooltip.js"),i=require("../../utils/cn.js"),n=require("react/jsx-runtime");function o(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../../tslib.es6-cdc5f922.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../button/Button.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip");var d=o(e),s=800;exports.SimpleTableRow=function(o){var a,c,p=o.bordered,u=o.collapsible,h=o.CustomLinkComponent,f=o.getRowLink,w=o.headers,b=o.index,v=o.item,m=o.noHoverBackground,x=o.onRowClick,j=o.onRowHover,k=o.rowKey,C=o.selectable,q=e.useRef(null),g=function(e){var t=v[e.key],r=function(t){var r=d.default.Children.toArray(t).some(function(e){return!!d.default.isValidElement(e)&&/row-hover-show|cell-hover-show/.test(e.props.className)}),o=i.cn("truncate"===e.textWrapMethod&&!r&&"max-w-[var(--amino-cell-min-width)]\n          min-w-[var(--amino-cell-min-width)] [&>:first-child]:overflow-hidden\n          [&>:first-child]:text-ellipsis"),a={"--amino-cell-min-width":"".concat(e.minWidth||0,"px")},c=i.cn(e.noPadding&&"p-0!","normal"===e.textWrapMethod&&"whitespace-normal!"),p={textAlign:e.align||"start"},u=function(e){switch(e){case"center":return"bottom";case"end":return"bottom-end";default:return"bottom-start"}}(e.align);if(f&&!(null==C?void 0:C.anySelected)&&!e.disabledLink){var w=h||"a";return n.jsx("td",{className:o,style:a,children:n.jsx(l.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:s,enterNextDelay:s,placement:u,subtitle:t,children:n.jsx(w,{className:i.cn("p-amino-12 block h-full w-full content-center\n                  whitespace-nowrap",c),href:f(v),style:p,children:t})})})}return n.jsx("td",{className:o,style:a,children:n.jsx(l.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:s,enterNextDelay:s,placement:u,subtitle:t,children:n.jsx("span",{className:i.cn("p-amino-12 block h-full w-full content-center\n                whitespace-nowrap",c),style:p,children:t})})})};return e.renderCustom?n.jsx(n.Fragment,{children:r(e.renderCustom(t,v))}):n.jsx(n.Fragment,{children:r(String(t))})},y=function(){var r,l,i;return n.jsxs(n.Fragment,{children:[(null==C?void 0:C.enabled)&&n.jsx("td",{ref:q,children:(null===(r=null==C?void 0:C.renderCustomRowCheckbox)||void 0===r?void 0:r.call(C,v,b))||n.jsx(t.Checkbox,{checked:(null===(l=null==C?void 0:C.isRowChecked)||void 0===l?void 0:l.call(C,v,b))||!1,"data-testid":"amino--row-checkbox-".concat(k),disabled:(null===(i=null==C?void 0:C.isRowCheckboxDisabled)||void 0===i?void 0:i.call(C,v,b))||!1,onChange:function(e){var t;return null===(t=null==C?void 0:C.onRowCheckboxChange)||void 0===t?void 0:t.call(C,e,v,b)}})}),w.map(function(t){return n.jsx(e.Fragment,{children:g(t)},t.key)})]})};if((null==u?void 0:u.enabled)&&(null===(a=u.collapseContent)||void 0===a?void 0:a.length)){var R=u.collapseContent,_=u.expandedItemKeys,T=u.toggleItem,N=!_.includes(k),D=null===(c=null==R?void 0:R.find(function(e){return e.key===k}))||void 0===c?void 0:c.content;return n.jsx(r.TableRowCollapse,{className:i.cn("[&>td]:border-b-amino-subtle [&>td>:first-child]:p-amino-12\n          [&>td>:first-child.tooltip-wrapper>a]:p-amino-12\n          [&>td>:first-child.tooltip-wrapper>span]:p-amino-12 h-12\n          [&:not(:hover)_.row-hover-show]:invisible [&>td]:border-b [&>td]:p-0\n          [&>td>:first-child]:block [&>td>:first-child]:h-full\n          [&>td>:first-child]:w-full [&>td>:first-child]:content-center\n          [&>td>:first-child]:whitespace-nowrap\n          [&>td>:first-child.tooltip-wrapper]:p-0\n          [&>td>:first-child.tooltip-wrapper>a]:block\n          [&>td>:first-child.tooltip-wrapper>a]:h-full\n          [&>td>:first-child.tooltip-wrapper>a]:w-full\n          [&>td>:first-child.tooltip-wrapper>a]:content-center\n          [&>td>:first-child.tooltip-wrapper>a]:overflow-hidden\n          [&>td>:first-child.tooltip-wrapper>a]:text-ellipsis\n          [&>td>:first-child.tooltip-wrapper>span]:block\n          [&>td>:first-child.tooltip-wrapper>span]:h-full\n          [&>td>:first-child.tooltip-wrapper>span]:w-full\n          [&>td>:first-child.tooltip-wrapper>span]:content-center\n          [&>td>:first-child.tooltip-wrapper>span]:overflow-hidden\n          [&>td>:first-child.tooltip-wrapper>span]:text-ellipsis\n          [&>td>:first-child:not(:hover)_.cell-hover-show]:invisible",!m&&"hover:bg-hover",N&&"[&>td]:border-b-amino-subtle [&>td]:border-b",!N&&"[&_td]:border-b-amino-subtle [&_td]:border-b",D&&N&&"[&+tr>td]:border-0 [&+tr>td>:first-child]:p-0",p&&N&&"nth-last-2:rounded-bl-amino-12\n            [&:nth-last-child(2)_td:first-child]:rounded-bl-amino-12\n            [&:nth-last-child(2)_td:last-child]:rounded-br-amino-12"),collapsed:N,onToggleCollapse:function(){T(k),null==x||x(v)},rowContent:y(),rowKey:k,children:D},k)}var I=!!x||!!(null==C?void 0:C.anySelected)&&!!(null==C?void 0:C.onRowCheckboxChange);return n.jsx("tr",{className:i.cn("[&>td]:border-b-amino-subtle [&>td>:first-child]:p-amino-12\n        [&>td>:first-child.tooltip-wrapper>a]:p-amino-12\n        [&>td>:first-child.tooltip-wrapper>span]:p-amino-12 h-12\n        [&:not(:hover)_.row-hover-show]:invisible [&>td]:border-b [&>td]:p-0\n        [&>td>:first-child]:block [&>td>:first-child]:h-full\n        [&>td>:first-child]:w-full [&>td>:first-child]:content-center\n        [&>td>:first-child]:whitespace-nowrap\n        [&>td>:first-child.tooltip-wrapper]:p-0\n        [&>td>:first-child.tooltip-wrapper>a]:block\n        [&>td>:first-child.tooltip-wrapper>a]:h-full\n        [&>td>:first-child.tooltip-wrapper>a]:w-full\n        [&>td>:first-child.tooltip-wrapper>a]:content-center\n        [&>td>:first-child.tooltip-wrapper>a]:overflow-hidden\n        [&>td>:first-child.tooltip-wrapper>a]:text-ellipsis\n        [&>td>:first-child.tooltip-wrapper>span]:block\n        [&>td>:first-child.tooltip-wrapper>span]:h-full\n        [&>td>:first-child.tooltip-wrapper>span]:w-full\n        [&>td>:first-child.tooltip-wrapper>span]:content-center\n        [&>td>:first-child.tooltip-wrapper>span]:overflow-hidden\n        [&>td>:first-child.tooltip-wrapper>span]:text-ellipsis\n        [&>td>:first-child:not(:hover)_.cell-hover-show]:invisible",I&&"cursor-pointer",!m&&"hover:bg-hover"),"data-testid":"amino--row-".concat(k),onClick:function(e){var t,r,l,i;(null==C?void 0:C.anySelected)||(null===(t=q.current)||void 0===t?void 0:t.contains(e.target))?(null===(r=null==C?void 0:C.isRowCheckboxDisabled)||void 0===r?void 0:r.call(C,v,b))||(e.preventDefault(),null===(l=null==C?void 0:C.onRowCheckboxChange)||void 0===l||l.call(C,!(null===(i=null==C?void 0:C.isRowChecked)||void 0===i?void 0:i.call(C,v,b)),v,b)):null==x||x(v)},onMouseEnter:function(){return null==j?void 0:j(v)},children:y()},k)};
+"use strict";var e=require("react"),t=require("../checkbox/Checkbox.js"),r=require("../table/TableRowCollapse.js"),l=require("../tooltip/Tooltip.js"),i=require("../../utils/cn.js"),n=require("react/jsx-runtime");function o(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../../tslib.es6-cdc5f922.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../button/Button.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip");var d=o(e),s=800;exports.SimpleTableRow=function(o){var a,c,p=o.bordered,u=o.collapsible,h=o.CustomLinkComponent,f=o.getRowLink,w=o.headers,b=o.index,v=o.item,m=o.noHoverBackground,x=o.onRowClick,j=o.onRowHover,k=o.rowKey,q=o.selectable,C=e.useRef(null),g=function(e){var t=v[e.key],r=function(t){var r=d.default.Children.toArray(t).some(function(e){return!!d.default.isValidElement(e)&&/row-hover-show|cell-hover-show/.test(e.props.className)}),o=i.cn("truncate"===e.textWrapMethod&&!r&&"max-w-[var(--amino-cell-min-width)]\n          min-w-[var(--amino-cell-min-width)] [&>:first-child]:overflow-hidden\n          [&>:first-child]:text-ellipsis"),a={"--amino-cell-min-width":"".concat(e.minWidth||0,"px")},c=i.cn(e.noPadding&&"p-0!","normal"===e.textWrapMethod&&"whitespace-normal!"),p={textAlign:e.align||"start"},u=function(e){switch(e){case"center":return"bottom";case"end":return"bottom-end";default:return"bottom-start"}}(e.align);if(f&&!(null==q?void 0:q.anySelected)&&!e.disabledLink){var w=h||"a";return n.jsx("td",{className:o,style:a,children:n.jsx(l.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:s,enterNextDelay:s,placement:u,subtitle:t,children:n.jsx(w,{className:i.cn("p-amino-12 block h-full w-full content-center\n                  whitespace-nowrap",c),href:f(v),style:p,children:t})})})}return n.jsx("td",{className:o,style:a,children:n.jsx(l.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:s,enterNextDelay:s,placement:u,subtitle:t,children:n.jsx("span",{className:i.cn("p-amino-12 block h-full w-full content-center\n                whitespace-nowrap",c),style:p,children:t})})})};return e.renderCustom?n.jsx(n.Fragment,{children:r(e.renderCustom(t,v))}):n.jsx(n.Fragment,{children:r(String(t))})},y=function(){var r,l,i;return n.jsxs(n.Fragment,{children:[(null==q?void 0:q.enabled)&&n.jsx("td",{ref:C,children:(null===(r=null==q?void 0:q.renderCustomRowCheckbox)||void 0===r?void 0:r.call(q,v,b))||n.jsx(t.Checkbox,{checked:(null===(l=null==q?void 0:q.isRowChecked)||void 0===l?void 0:l.call(q,v,b))||!1,"data-testid":"amino--row-checkbox-".concat(k),disabled:(null===(i=null==q?void 0:q.isRowCheckboxDisabled)||void 0===i?void 0:i.call(q,v,b))||!1,onChange:function(e){var t;return null===(t=null==q?void 0:q.onRowCheckboxChange)||void 0===t?void 0:t.call(q,e,v,b)}})}),w.map(function(t){return n.jsx(e.Fragment,{children:g(t)},t.key)})]})};if((null==u?void 0:u.enabled)&&(null===(a=u.collapseContent)||void 0===a?void 0:a.length)){var R=u.collapseContent,T=u.expandedItemKeys,_=u.toggleItem,N=!T.includes(k),D=null===(c=null==R?void 0:R.find(function(e){return e.key===k}))||void 0===c?void 0:c.content;return n.jsx(r.TableRowCollapse,{className:i.cn("[&>td]:border-b-amino-subtle [&>td>:first-child]:p-amino-12\n          [&>td>:first-child.tooltip-wrapper>a]:p-amino-12\n          [&>td>:first-child.tooltip-wrapper>span]:p-amino-12 h-12\n          [&:not(:hover)_.row-hover-show]:invisible [&>td]:border-b [&>td]:p-0\n          [&>td>:first-child]:block [&>td>:first-child]:h-full\n          [&>td>:first-child]:w-full [&>td>:first-child]:content-center\n          [&>td>:first-child]:whitespace-nowrap\n          [&>td>:first-child.tooltip-wrapper]:p-0\n          [&>td>:first-child.tooltip-wrapper>a]:block\n          [&>td>:first-child.tooltip-wrapper>a]:h-full\n          [&>td>:first-child.tooltip-wrapper>a]:w-full\n          [&>td>:first-child.tooltip-wrapper>a]:content-center\n          [&>td>:first-child.tooltip-wrapper>a]:overflow-hidden\n          [&>td>:first-child.tooltip-wrapper>a]:text-ellipsis\n          [&>td>:first-child.tooltip-wrapper>span]:block\n          [&>td>:first-child.tooltip-wrapper>span]:h-full\n          [&>td>:first-child.tooltip-wrapper>span]:w-full\n          [&>td>:first-child.tooltip-wrapper>span]:content-center\n          [&>td>:first-child.tooltip-wrapper>span]:overflow-hidden\n          [&>td>:first-child.tooltip-wrapper>span]:text-ellipsis\n          [&>td>:first-child:not(:hover)_.cell-hover-show]:invisible",!m&&"hover:bg-hover",N&&"[&>td]:border-b-amino-subtle [&>td]:border-b",!N&&"[&_td]:border-b-amino-subtle [&_td]:border-b",D&&N&&"[&+tr>td]:border-0 [&+tr>td>:first-child]:p-0",p&&N&&"nth-last-2:rounded-bl-amino-12\n            [&:nth-last-child(2)_td:first-child]:rounded-bl-amino-12\n            [&:nth-last-child(2)_td:last-child]:rounded-br-amino-12"),collapsed:N,onToggleCollapse:function(){_(k),null==x||x(v)},rowContent:y(),rowKey:k,children:D},k)}var I=!!x||!!(null==q?void 0:q.anySelected)&&!!(null==q?void 0:q.onRowCheckboxChange);return n.jsx("tr",{className:i.cn("[&>td]:border-b-amino-subtle [&>td>:first-child]:p-amino-12\n        [&>td>:first-child.tooltip-wrapper>a]:p-amino-12\n        [&>td>:first-child.tooltip-wrapper>span]:p-amino-12 h-12\n        [&:not(:hover)_.row-hover-show]:invisible [&>td]:border-b [&>td]:p-0\n        [&>td>:first-child]:block [&>td>:first-child]:h-full\n        [&>td>:first-child]:w-full [&>td>:first-child]:content-center\n        [&>td>:first-child]:whitespace-nowrap\n        [&>td>:first-child.tooltip-wrapper]:p-0\n        [&>td>:first-child.tooltip-wrapper>a]:block\n        [&>td>:first-child.tooltip-wrapper>a]:h-full\n        [&>td>:first-child.tooltip-wrapper>a]:w-full\n        [&>td>:first-child.tooltip-wrapper>a]:content-center\n        [&>td>:first-child.tooltip-wrapper>a]:overflow-hidden\n        [&>td>:first-child.tooltip-wrapper>a]:text-ellipsis\n        [&>td>:first-child.tooltip-wrapper>span]:block\n        [&>td>:first-child.tooltip-wrapper>span]:h-full\n        [&>td>:first-child.tooltip-wrapper>span]:w-full\n        [&>td>:first-child.tooltip-wrapper>span]:content-center\n        [&>td>:first-child.tooltip-wrapper>span]:overflow-hidden\n        [&>td>:first-child.tooltip-wrapper>span]:text-ellipsis\n        [&>td>:first-child:not(:hover)_.cell-hover-show]:invisible",I&&"cursor-pointer",!m&&"hover:bg-hover"),"data-testid":"amino--row-".concat(k),onClick:function(e){var t,r,l,i;(null==q?void 0:q.anySelected)||(null===(t=C.current)||void 0===t?void 0:t.contains(e.target))?(null===(r=null==q?void 0:q.isRowCheckboxDisabled)||void 0===r?void 0:r.call(q,v,b))||(e.preventDefault(),null===(l=null==q?void 0:q.onRowCheckboxChange)||void 0===l||l.call(q,!(null===(i=null==q?void 0:q.isRowChecked)||void 0===i?void 0:i.call(q,v,b)),v,b)):null==x||x(v)},onMouseEnter:function(){return null==j?void 0:j(v)},children:y()},k)};

package/components/tabs/Tabs.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { BaseProps } from "../../types/BaseProps";
 import type { Variant } from "../../types/Variant";
 export type TabsProps = BaseProps & {
@@ -7,7 +8,7 @@ export type TabsProps = BaseProps & {
      * @default 'start'
      */
     align?: 'start' | 'center' | 'end';
-    items: string[];
+    items: ReactNode[];
     onChange: (selectedTab: number) => void;
     selected: number;
     /**

package/components/tabs/Tabs.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),t=require("../text/Text.js"),r=require("../../styles/constants/theme.js"),a=require("../../utils/cn.js"),n=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("clsx"),require("tailwind-merge");exports.Tabs=function(s){var o=s.align,i=void 0===o?"start":o,l=s.className,c=s.items,u=s.onChange,f=s.selected,b=s.style,x=s.subtle,d=void 0!==x&&x,g=s.variant,m=void 0===g?"standard":g,v=function(){switch(m){case"primary":default:return r.theme.blue600;case"success":return r.theme.green600;case"warning":return r.theme.orange600;case"danger":return r.theme.red600;case"cyan":return r.theme.cyan600;case"purple":return r.theme.purple600}};return d?n.jsx("div",{className:a.cn("flex items-center gap-6 border-b border-gray-100","center"===i&&"justify-center","end"===i&&"justify-end",l),style:e.__assign(e.__assign({},b),{"--amino-tabs-color":v()}),children:c.map(function(e){return n.jsx("button",{className:a.cn("relative cursor-pointer py-3 text-center transition-all\n              select-none","text-gray-800","after:absolute after:bottom-0 after:left-0 after:h-[2px]\n              after:w-full after:scale-x-0 after:bg-gray-200\n              after:transition-all after:content-['']","focus:outline-none focus-visible:shadow-[var(--amino-glow-blue)]\n              focus-visible:outline-none active:outline-none",f===c.indexOf(e)&&["text-[var(--amino-tabs-color)]","[&>span]:text-[var(--amino-tabs-color)]","after:scale-x-100 after:bg-[var(--amino-tabs-color)]","is-selected"],f!==c.indexOf(e)&&["hover:text-gray-1000 hover:after:scale-x-100","focus:text-gray-1000 focus:after:scale-x-100","active:text-gray-1000 active:after:scale-x-100\n                active:after:bg-gray-300"]),onClick:function(){return u(c.indexOf(e))},type:"button",children:n.jsx(t.Text,{type:"label",children:e})},e)})}):n.jsx("div",{className:a.cn("border-amino flex items-center rounded-lg border",l),style:e.__assign(e.__assign({},b),{"--amino-tabs-color":v()}),children:c.map(function(e){return n.jsx("button",{className:a.cn("relative flex-1 cursor-pointer py-3 text-center font-medium\n            transition-all select-none","text-gray-800","after:absolute after:bottom-0 after:left-0 after:h-1 after:w-full\n            after:scale-x-0 after:bg-gray-200 after:transition-all\n            after:content-['']","first:after:rounded-bl-lg last:after:rounded-br-lg","[&+button]:border-amino [&+button]:border-l","focus:outline-none focus-visible:shadow-[var(--amino-glow-blue)]\n            focus-visible:outline-none active:outline-none",f===c.indexOf(e)&&["text-[var(--amino-tabs-color)]","after:scale-x-100 after:bg-[var(--amino-tabs-color)]","is-selected"],f!==c.indexOf(e)&&["hover:bg-[rgba(0,0,0,0.03)]","hover:text-gray-1000 hover:after:scale-x-100","focus:text-gray-1000 focus:after:scale-x-100","active:bg-[rgba(0,0,0,0.08)]","active:text-gray-1000 active:after:scale-x-100\n              active:after:bg-gray-300"]),onClick:function(){return u(c.indexOf(e))},type:"button",children:e},e)})})};
+"use strict";var e=require("../../tslib.es6-cdc5f922.js"),t=require("../text/Text.js"),r=require("../../styles/constants/theme.js"),a=require("../../utils/cn.js"),n=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("clsx"),require("tailwind-merge");exports.Tabs=function(s){var o=s.align,i=void 0===o?"start":o,l=s.className,c=s.items,u=s.onChange,f=s.selected,b=s.style,g=s.subtle,x=void 0!==g&&g,d=s.variant,m=void 0===d?"standard":d,v=function(){switch(m){case"primary":default:return r.theme.blue600;case"success":return r.theme.green600;case"warning":return r.theme.orange600;case"danger":return r.theme.red600;case"cyan":return r.theme.cyan600;case"purple":return r.theme.purple600}};return x?n.jsx("div",{className:a.cn("flex items-center gap-6 border-b border-gray-100","center"===i&&"justify-center","end"===i&&"justify-end",l),style:e.__assign(e.__assign({},b),{"--amino-tabs-color":v()}),children:c.map(function(e,r){return n.jsx("button",{className:a.cn("relative cursor-pointer py-3 text-center transition-all\n              select-none","text-gray-800","after:absolute after:bottom-0 after:left-0 after:h-[2px]\n              after:w-full after:scale-x-0 after:bg-gray-200\n              after:transition-all after:content-['']","focus:outline-none focus-visible:shadow-[var(--amino-glow-blue)]\n              focus-visible:outline-none active:outline-none",f===r&&["text-[var(--amino-tabs-color)]","[&>span]:text-[var(--amino-tabs-color)]","after:scale-x-100 after:bg-[var(--amino-tabs-color)]","is-selected"],f!==r&&["hover:text-gray-1000 hover:after:scale-x-100","focus:text-gray-1000 focus:after:scale-x-100","active:text-gray-1000 active:after:scale-x-100\n                active:after:bg-gray-300"]),onClick:function(){return u(r)},type:"button",children:n.jsx(t.Text,{type:"label",children:e})},r)})}):n.jsx("div",{className:a.cn("border-amino flex items-center rounded-lg border",l),style:e.__assign(e.__assign({},b),{"--amino-tabs-color":v()}),children:c.map(function(e,t){return n.jsx("button",{className:a.cn("relative flex-1 cursor-pointer py-3 text-center font-medium\n            transition-all select-none","text-gray-800","after:absolute after:bottom-0 after:left-0 after:h-1 after:w-full\n            after:scale-x-0 after:bg-gray-200 after:transition-all\n            after:content-['']","first:after:rounded-bl-lg last:after:rounded-br-lg","[&+button]:border-amino [&+button]:border-l","focus:outline-none focus-visible:shadow-[var(--amino-glow-blue)]\n            focus-visible:outline-none active:outline-none",f===t&&["text-[var(--amino-tabs-color)]","after:scale-x-100 after:bg-[var(--amino-tabs-color)]","is-selected"],f!==t&&["hover:bg-[rgba(0,0,0,0.03)]","hover:text-gray-1000 hover:after:scale-x-100","focus:text-gray-1000 focus:after:scale-x-100","active:bg-[rgba(0,0,0,0.08)]","active:text-gray-1000 active:after:scale-x-100\n              active:after:bg-gray-300"]),onClick:function(){return u(t)},type:"button",children:e},t)})})};

package/components/textarea/Textarea.d.ts

@@ -28,7 +28,7 @@ type TextareaType = {
     /**
      * Label text to be displayed above the textarea
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * A value (in px) that will determine how wide the input is
      * @default 100%
@@ -131,7 +131,7 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<{
     /**
      * Label text to be displayed above the textarea
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * A value (in px) that will determine how wide the input is
      * @default 100%

package/components/textarea/Textarea.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../tslib.es6-cdc5f922.js"),t=require("react"),l=require("../flex/Flex.js"),a=require("../help-text/HelpText.js"),n=require("../../styles/constants/theme.js"),o=require("../../utils/cn.js"),s=require("../../utils/hooks/useHeightAdjustTextarea.js"),i=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),require("../text/Text.js");var u=t.forwardRef(function(u,c){var d=u.actions,p=u.className,x=u.disabled,f=u.disableExpand,h=u.error,m=u.helpText,b=u.label,j=u.maxRows,g=u.rows,v=u.style,w=u.value,y=u.width,q=r.__rest(u,["actions","className","disabled","disableExpand","error","helpText","label","maxRows","rows","style","value","width"]),T=t.useId(),_=!!w,N=r.__read(t.useState(!1),2),R=N[0],F=N[1],H=t.useRef(null),S=t.useRef(null);return s.useHeightAdjustTextarea({maxRows:j,ref:H,shouldExpand:!f,textareaValue:(null==w?void 0:w.toString())||""}),i.jsxs(l.Flex,{flexDirection:"column",gap:4,justifyContent:"space-between",style:r.__assign({width:y||"100%"},v),children:[i.jsxs("div",{className:o.cn("amino-input-wrapper relative w-full overflow-hidden rounded-[12px]\n            border p-0",h?"shadow-glow-error border-transparent":"border-amino",x&&["*:cursor-not-allowed","[&_.fields]:opacity-disabled","[&_.styledTextarea]:select-none"],p),children:[i.jsxs("label",{className:"relative flex w-full flex-col",htmlFor:q.id||T,onClick:function(e){e.target===H.current?e.preventDefault():setTimeout(function(){var e=H.current;if(e){var r=e.value.length;e.setSelectionRange(r,r)}},0)},children:[i.jsx("textarea",e._objectSpread2(e._objectSpread2({ref:function(e){c&&"function"==typeof c?c(e):c&&(c.current=e),H.current=e},className:o.cn("text-amino-base bg-amino-input box-border w-full flex-grow\n                resize-none border-0 px-4 py-2 leading-normal font-medium\n                outline-none",g?"min-h-[50px]":d?"min-h-[5em]":"min-h-[10em]","placeholder:font-normal placeholder:text-gray-400\n                placeholder:opacity-60 placeholder:transition-all\n                placeholder:duration-300 placeholder:ease-in-out","focus:outline-none",b&&["mt-6 pt-0","placeholder:opacity-0",_&&"placeholder:opacity-60","focus:placeholder:opacity-60"])},q),{},{disabled:x,id:T,onBlur:function(e){var r;F(!1),null===(r=q.onBlur)||void 0===r||r.call(q,e)},onFocus:function(e){var r;F(!0),null===(r=q.onFocus)||void 0===r||r.call(q,e)},rows:g,value:w})),b&&i.jsx("span",{className:o.cn("text-amino-base pointer-events-none absolute\n                  top-[calc(var(--amino-font-size-base)+6px)] left-4\n                  origin-top-left leading-none transition-all duration-300\n                  ease-in-out",(_||R)&&"top-[11px] scale-[0.8]"),style:{color:n.theme.gray800},children:b}),i.jsx("div",{className:"after:absolute after:inset-0 after:rounded-[12px] after:content-['']"})]}),d&&i.jsx("div",{ref:S,className:"bg-page flex items-center justify-end px-4 py-4",children:i.jsx(l.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:d})})]}),i.jsx(a.HelpText,{error:h,helpText:m,withoutMargin:!0})]})});exports.Textarea=u;
+"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),t=require("../../tslib.es6-cdc5f922.js"),r=require("react"),l=require("../flex/Flex.js"),a=require("../help-text/HelpText.js"),n=require("../../styles/constants/theme.js"),o=require("../../utils/cn.js"),s=require("../../utils/hooks/useHeightAdjustTextarea.js"),i=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),require("../text/Text.js");var u=r.forwardRef(function(u,c){var d=u.actions,p=u.className,x=u.disabled,f=u.disableExpand,h=u.error,m=u.helpText,b=u.label,j=u.maxRows,v=u.rows,w=u.style,g=u.value,y=u.width,_=t.__rest(u,["actions","className","disabled","disableExpand","error","helpText","label","maxRows","rows","style","value","width"]),q=r.useId(),T=!!g,N=t.__read(r.useState(!1),2),R=N[0],F=N[1],H=r.useRef(null),S=r.useRef(null);return s.useHeightAdjustTextarea({maxRows:j,ref:H,shouldExpand:!f,textareaValue:(null==g?void 0:g.toString())||""}),i.jsxs(l.Flex,{flexDirection:"column",gap:4,justifyContent:"space-between",style:t.__assign({width:y||"100%"},w),children:[i.jsxs("div",{className:o.cn("amino-input-wrapper relative w-full overflow-hidden rounded-[12px]\n            border p-0",h?"shadow-glow-error border-transparent":"border-amino",x&&["*:cursor-not-allowed","[&_.fields]:opacity-disabled","[&_.styledTextarea]:select-none"],p),children:[i.jsxs("label",{className:"relative flex w-full flex-col",htmlFor:_.id||q,onClick:function(e){e.target===H.current?e.preventDefault():setTimeout(function(){var e=H.current;if(e){var t=e.value.length;e.setSelectionRange(t,t)}},0)},children:[i.jsx("textarea",e._objectSpread2(e._objectSpread2({ref:function(e){c&&"function"==typeof c?c(e):c&&(c.current=e),H.current=e},className:o.cn("text-amino-base bg-amino-input box-border w-full flex-grow\n                resize-none border-0 px-4 py-2 leading-normal font-medium\n                outline-none",v?"min-h-[50px]":d?"min-h-[5em]":"min-h-[10em]","placeholder:font-normal placeholder:text-gray-400\n                placeholder:opacity-60 placeholder:transition-all\n                placeholder:duration-300 placeholder:ease-in-out","focus:outline-none",b&&["mt-6 pt-0","placeholder:opacity-0",T&&"placeholder:opacity-60","focus:placeholder:opacity-60"])},_),{},{disabled:x,id:q,onBlur:function(e){var t;F(!1),null===(t=_.onBlur)||void 0===t||t.call(_,e)},onFocus:function(e){var t;F(!0),null===(t=_.onFocus)||void 0===t||t.call(_,e)},rows:v,value:g})),b&&i.jsx("span",{className:o.cn("text-amino-base pointer-events-none absolute\n                  top-[calc(var(--amino-font-size-base)+6px)] left-4\n                  origin-top-left leading-none transition-all duration-300\n                  ease-in-out","[&_.tooltip-wrapper]:pointer-events-auto\n                  [&_.tooltip-wrapper]:cursor-help",(T||R)&&"top-[11px] scale-[0.8]"),style:{color:n.theme.gray800},children:b}),i.jsx("div",{className:"after:pointer-events-none after:absolute after:inset-0 after:rounded-[12px] after:content-['']"})]}),d&&i.jsx("div",{ref:S,className:"bg-page flex items-center justify-end px-4 py-4",children:i.jsx(l.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:d})})]}),i.jsx(a.HelpText,{error:h,helpText:m,withoutMargin:!0})]})});exports.Textarea=u;

package/components/theme-select/ThemeSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),s=require("../__amino__/TranslateAminoText.js"),t=require("../card/Card.js"),n=require("../select/Select.js"),i=require("../stack/HStack.js"),a=require("../switch/Switch.js"),o=require("../text/Text.js"),c=require("../../icons/custom/theme/ThemeDarkIcon.js"),l=require("../../icons/custom/theme/ThemeLightIcon.js"),u=require("../../icons/NightIcon.js"),d=require("../../icons/SunnyIcon.js"),h=require("../../styles/constants/theme.js"),m=require("../../utils/cn.js"),j=require("../../utils/hooks/useAminoTheme.js"),x=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../utils/hooks/useStorage.js");var g=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(q){var b=q.className,v=q.disabled,T=void 0!==v&&v,p=q.type,y=void 0===p?"select":p,f=j.useAminoTheme(),k=f.aminoTheme,I=f.setAminoTheme,_=e.__read(r.useState(!1),2),S=_[0],C=_[1];return r.useEffect(function(){C("day"===k)},[k]),x.jsxs(x.Fragment,{children:["cards"===y&&x.jsxs(i.HStack,{className:b,children:[x.jsx("button",{className:m.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","day"===k&&"text-primary border-blue-400"),"data-theme":"day",onClick:function(){return I("day")},type:"button",children:x.jsxs(t.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:h.theme.space16,children:[x.jsx(l.ThemeLightIcon,{}),x.jsx(o.Text,{type:"bold-label",children:x.jsx(s.TranslateAminoText,{text:"Light"})})]})}),x.jsx("button",{className:m.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","night"===k&&"text-primary border-blue-400"),"data-theme":"night",onClick:function(){return I("night")},type:"button",children:x.jsxs(t.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:h.theme.space16,children:[x.jsx(c.ThemeDarkIcon,{}),x.jsx(o.Text,{type:"bold-label",children:x.jsx(s.TranslateAminoText,{text:"Dark"})})]})})]}),"select"===y&&x.jsx(n.Select,{className:b,icon:function(){switch(k){case"day":default:return x.jsx(d.SunnyIcon,{});case"night":return x.jsx(u.NightIcon,{})}}(),isClearable:!1,isDisabled:T,onChange:function(e){return I((null==e?void 0:e.value)||"day")},options:g,value:g.filter(function(e){return e.value===k})}),"toggle"===y&&x.jsx(a.Switch,{"aria-label":"Light mode",checked:S,className:b,disabled:T,onChange:function(){return!T&&I("day"===k?"night":"day")},switchIconLeft:x.jsx(u.NightIcon,{}),switchIconRight:x.jsx(d.SunnyIcon,{})})]})};
+"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),s=require("../__amino__/TranslateAminoText.js"),t=require("../card/Card.js"),i=require("../select/Select.js"),n=require("../stack/HStack.js"),a=require("../switch/Switch.js"),o=require("../text/Text.js"),c=require("../../icons/custom/theme/ThemeDarkIcon.js"),u=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),d=require("../../icons/SunnyIcon.js"),h=require("../../styles/constants/theme.js"),m=require("../../utils/cn.js"),j=require("../../utils/hooks/useAminoTheme.js"),x=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../utils/hooks/useStorage.js");var g=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(q){var b=q.className,v=q.disabled,T=void 0!==v&&v,p=q.type,y=void 0===p?"select":p,f=j.useAminoTheme(),k=f.aminoTheme,I=f.setAminoTheme,_=e.__read(r.useState(!1),2),S=_[0],C=_[1];return r.useEffect(function(){C("day"===k)},[k]),x.jsxs(x.Fragment,{children:["cards"===y&&x.jsxs(n.HStack,{className:b,children:[x.jsx("button",{className:m.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","day"===k&&"text-primary border-blue-400"),"data-theme":"day",onClick:function(){return I("day")},type:"button",children:x.jsxs(t.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:h.theme.space16,children:[x.jsx(u.ThemeLightIcon,{}),x.jsx(o.Text,{type:"bold-label",children:x.jsx(s.TranslateAminoText,{text:"Light"})})]})}),x.jsx("button",{className:m.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","night"===k&&"text-primary border-blue-400"),"data-theme":"night",onClick:function(){return I("night")},type:"button",children:x.jsxs(t.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:h.theme.space16,children:[x.jsx(c.ThemeDarkIcon,{}),x.jsx(o.Text,{type:"bold-label",children:x.jsx(s.TranslateAminoText,{text:"Dark"})})]})})]}),"select"===y&&x.jsx(i.Select,{className:b,icon:function(){switch(k){case"day":default:return x.jsx(d.SunnyIcon,{});case"night":return x.jsx(l.NightIcon,{})}}(),isClearable:!1,isDisabled:T,onChange:function(e){return I((null==e?void 0:e.value)||"day")},options:g,value:g.filter(function(e){return e.value===k})}),"toggle"===y&&x.jsx(a.Switch,{"aria-label":"Light mode",checked:S,className:b,disabled:T,onChange:function(){return!T&&I("day"===k?"night":"day")},switchIconLeft:x.jsx(l.NightIcon,{}),switchIconRight:x.jsx(d.SunnyIcon,{})})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "6.0.2",
+  "version": "6.0.5",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",
@@ -59,6 +59,7 @@
       "esbuild": ">=0.28.1",
       "joi": ">=17.13.4",
       "form-data@>=4.0.0 <4.0.6": "4.0.6",
+      "undici@>=7.0.0 <7.28.0": "7.28.0",
       "js-yaml@<4.2.0": "4.2.0"
     }
   },