@usecapsule/core-components 2.0.4-dev.dropdown.1 → 2.0.5

package/dist/collection/assets/icons/VU.svg

@@ -1,32 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2087_4163)">
-<path d="M24.0003 12.0003C24.0003 11.4698 23.9655 10.9475 23.8988 10.4351H10.435C7.98342 7.98365 3.51488 3.51539 3.51507 3.51501C-1.1712 8.20129 -1.1712 15.7992 3.51507 20.4856L10.4352 13.5656H23.8988C23.9655 13.0532 24.0003 12.5308 24.0003 12.0003Z" fill="black"/>
-<path d="M23.9967 12.2726C23.9962 12.2958 23.9957 12.319 23.995 12.3422C23.9956 12.3189 23.9961 12.2958 23.9967 12.2726Z" fill="#F0F0F0"/>
-<path d="M23.9851 12.6002C23.984 12.6232 23.9824 12.646 23.9812 12.6689C23.9824 12.6461 23.9839 12.6232 23.9851 12.6002Z" fill="#F0F0F0"/>
-<path d="M23.968 12.8632C23.9656 12.8969 23.9633 12.9307 23.9606 12.9643C23.9633 12.9307 23.9656 12.8969 23.968 12.8632Z" fill="#F0F0F0"/>
-<path d="M23.9285 10.6921C23.9329 10.7323 23.9373 10.7724 23.9413 10.8127C23.9373 10.7724 23.9328 10.7323 23.9285 10.6921Z" fill="#F0F0F0"/>
-<path d="M23.9805 11.3298C23.9817 11.3527 23.9833 11.3756 23.9844 11.3985C23.9832 11.3756 23.9817 11.3527 23.9805 11.3298Z" fill="#F0F0F0"/>
-<path d="M23.9945 11.6567C23.9952 11.6799 23.9956 11.7032 23.9962 11.7264C23.9957 11.7031 23.9951 11.6799 23.9945 11.6567Z" fill="#F0F0F0"/>
-<path d="M23.9609 11.0355C23.9637 11.0692 23.966 11.1029 23.9684 11.1367C23.966 11.1029 23.9637 11.0692 23.9609 11.0355Z" fill="#F0F0F0"/>
-<path d="M23.8987 10.4344C23.9041 10.4755 23.9089 10.5168 23.9138 10.558C23.2016 4.61044 18.1397 -0.000366211 12.0003 -0.000366211C8.68651 -0.000366211 5.68647 1.34283 3.51489 3.5145L10.4348 10.4344H23.8987V10.4344Z" fill="#D80027"/>
-<path d="M23.8987 13.5652H10.4348L3.51489 20.4851C5.68647 22.6567 8.68651 24 12.0003 24C18.1397 24 23.2016 19.3892 23.9138 13.4415C23.9089 13.4827 23.904 13.5241 23.8987 13.5652Z" fill="#6DA544"/>
-<path d="M23.9413 13.1877C23.9373 13.228 23.9329 13.2681 23.9285 13.3083C23.9329 13.2681 23.9373 13.2281 23.9413 13.1877Z" fill="#F0F0F0"/>
-<path d="M23.9685 11.137C23.9731 11.2012 23.9772 11.2655 23.9807 11.33C23.9771 11.2655 23.9731 11.2012 23.9685 11.137Z" fill="black"/>
-<path d="M23.9132 10.5583C23.9186 10.6029 23.9237 10.6475 23.9285 10.6922C23.9236 10.6475 23.9185 10.6029 23.9132 10.5583Z" fill="black"/>
-<path d="M23.9412 10.8124C23.9485 10.8869 23.9551 10.9616 23.9611 11.0367C23.9551 10.9616 23.9485 10.8869 23.9412 10.8124Z" fill="black"/>
-<path d="M24.0005 12C24.0005 12.0913 23.9991 12.1823 23.9971 12.2731C23.9991 12.1823 24.0005 12.0913 24.0005 12Z" fill="black"/>
-<path d="M23.9808 12.6688C23.9773 12.7333 23.9731 12.7977 23.9686 12.8619C23.9731 12.7977 23.9772 12.7333 23.9808 12.6688Z" fill="black"/>
-<path d="M23.9611 12.964C23.9551 13.0389 23.9485 13.1137 23.9412 13.1882C23.9485 13.1137 23.9551 13.0389 23.9611 12.964Z" fill="black"/>
-<path d="M23.9285 13.3081C23.9237 13.3528 23.9186 13.3974 23.9132 13.4419C23.9185 13.3974 23.9236 13.3528 23.9285 13.3081Z" fill="black"/>
-<path d="M23.9971 11.7274C23.9991 11.8183 24.0005 11.9093 24.0005 12.0005C24.0005 11.9093 23.9991 11.8183 23.9971 11.7274Z" fill="black"/>
-<path d="M23.9856 11.3982C23.9898 11.4841 23.993 11.5704 23.9954 11.6569C23.993 11.5704 23.9899 11.4841 23.9856 11.3982Z" fill="black"/>
-<path d="M23.9953 12.3419C23.9929 12.4283 23.9897 12.5146 23.9855 12.6006C23.9898 12.5146 23.9929 12.4283 23.9953 12.3419Z" fill="black"/>
-<path d="M23.989 11.4733H9.99426L2.80566 4.28577C2.5733 4.53083 2.32144 4.87302 2.16568 5.11672L9.04031 11.995L2.15991 18.8755C2.29613 19.1178 2.5929 19.4765 2.80125 19.7099L9.9944 12.5168H23.9907C23.9981 12.3437 24.0005 12.1699 24.0005 11.995C24.0004 11.7608 23.994 11.588 23.989 11.4733Z" fill="#FFDA44"/>
-<path d="M2.91539 14.5574V13.5523C3.91842 13.5523 4.73437 12.7362 4.73437 11.7333C4.73437 11.0237 4.15701 10.4464 3.44742 10.4464C2.964 10.4464 2.57067 10.8396 2.57067 11.3232C2.57067 11.6323 2.82216 11.8838 3.13134 11.8838C3.30609 11.8838 3.44826 11.7416 3.44826 11.5668H4.45336C4.45336 12.2959 3.86029 12.8889 3.13139 12.8889C2.268 12.889 1.56567 12.1865 1.56567 11.3232C1.56567 10.2856 2.40989 9.44141 3.44747 9.44141C4.71131 9.44141 5.73956 10.4697 5.73956 11.7335C5.73951 13.2905 4.47262 14.5574 2.91539 14.5574Z" fill="#FFDA44"/>
-</g>
-<defs>
-<clipPath id="clip0_2087_4163">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/dist/collection/assets/icons/WS.svg

@@ -1,16 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2087_5409)">
-<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"/>
-<path d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"/>
-<path d="M9.61146 7.82622L9.80576 8.42411H10.4344L9.92576 8.79353L10.1201 9.39142L9.61146 9.0219L9.10287 9.39142L9.29717 8.79353L8.78857 8.42411H9.41717L9.61146 7.82622Z" fill="#F0F0F0"/>
-<path d="M6.45448 3.13118L6.77824 4.1277H7.826L6.97831 4.7434L7.30217 5.73987L6.45448 5.12398L5.60684 5.73987L5.93065 4.7434L5.08301 4.1277H6.13067L6.45448 3.13118Z" fill="#F0F0F0"/>
-<path d="M9.58546 4.17502L9.90923 5.17158H10.9569L10.1093 5.78729L10.4331 6.78375L9.58546 6.16786L8.73782 6.78375L9.06163 5.78729L8.21399 5.17158H9.26165L9.58546 4.17502Z" fill="#F0F0F0"/>
-<path d="M7.1106 8.34901L7.43442 9.34553H8.48207L7.63443 9.96123L7.95824 10.9577L7.1106 10.3419L6.26296 10.9577L6.58678 9.96123L5.73914 9.34553H6.78684L7.1106 8.34901Z" fill="#F0F0F0"/>
-<path d="M4.36764 5.73991L4.69145 6.73642H5.73916L4.89147 7.35212L5.21528 8.34859L4.36764 7.73275L3.52004 8.34859L3.84381 7.35212L2.99622 6.73642H4.04387L4.36764 5.73991Z" fill="#F0F0F0"/>
-</g>
-<defs>
-<clipPath id="clip0_2087_5409">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/dist/collection/assets/icons/YE.svg

@@ -1,12 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2087_4226)">
-<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
-<path d="M11.9999 23.9992C17.1595 23.9992 21.558 20.7427 23.2536 16.1731H0.746338C2.44185 20.7427 6.84037 23.9992 11.9999 23.9992Z" fill="black"/>
-<path d="M11.9999 0.000610352C6.84037 0.000610352 2.44185 3.25711 0.746338 7.82672H23.2536C21.558 3.25711 17.1595 0.000610352 11.9999 0.000610352Z" fill="#D80027"/>
-</g>
-<defs>
-<clipPath id="clip0_2087_4226">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/dist/collection/assets/icons/ZA.svg

@@ -1,15 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2087_5530)">
-<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
-<path d="M3.51422 20.4852C-1.17206 15.7989 -1.17206 8.20092 3.51422 3.51459C3.51389 3.5151 10.4343 11.9999 10.4343 11.9999L3.51422 20.4852Z" fill="black"/>
-<path d="M10.435 12.0002L1.59175 6.02423C1.31757 6.50081 1.07579 6.99825 0.868042 7.51312L5.34503 12.0002L0.868183 16.4876C1.07575 17.0021 1.31729 17.4992 1.59128 17.9754L10.435 12.0002Z" fill="#FFDA44"/>
-<path d="M23.8985 10.4348H10.4346L3.5147 3.51483C2.76901 4.26052 2.12116 5.10385 1.59166 6.02405L7.55598 12L1.59119 17.9751C2.12069 18.8955 2.76883 19.7392 3.5147 20.485L10.4346 13.5652H23.8985C23.9652 13.0528 24.0001 12.5304 24.0001 12C24.0001 11.4695 23.9652 10.9471 23.8985 10.4348Z" fill="#6DA544"/>
-<path d="M4.69373 21.5181C6.71727 23.0735 9.25026 23.9988 11.9998 23.9988C17.5441 23.9988 22.2094 20.2385 23.5864 15.1293H11.0826L4.69373 21.5181Z" fill="#0052B4"/>
-<path d="M23.5864 8.86875C22.2094 3.75957 17.5441 -0.000793457 11.9998 -0.000793457C9.25026 -0.000793457 6.71727 0.924566 4.69373 2.47997L11.0825 8.86875H23.5864Z" fill="#D80027"/>
-</g>
-<defs>
-<clipPath id="clip0_2087_5530">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/dist/collection/assets/icons/ZM.svg

@@ -1,14 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2087_4230)">
-<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"/>
-<path d="M16.6953 11.9993H11.9996V23.9993C13.4023 23.9993 14.7484 23.7578 15.9996 23.3156L16.6953 11.9993Z" fill="#D80027"/>
-<path d="M20.0002 20.9427C22.4549 18.7455 24.0002 15.553 24.0002 11.9993H19.3046L20.0002 20.9427Z" fill="#FF9811"/>
-<path d="M15.9999 11.9993V23.3155C17.4904 22.7886 18.8457 21.9759 19.9999 20.9427V11.9993H15.9999Z" fill="black"/>
-<path d="M22.1738 7.82669H19.0434C19.0434 7.25041 18.5761 6.7832 17.9999 6.7832C17.4236 6.7832 16.9564 7.25041 16.9564 7.82669H13.8259C13.8259 8.40302 14.3279 8.87017 14.9041 8.87017H14.8694C14.8694 9.4465 15.3365 9.91366 15.9129 9.91366C15.9129 10.49 16.38 10.9571 16.9564 10.9571H19.0434C19.6196 10.9571 20.0868 10.49 20.0868 9.91366C20.6631 9.91366 21.1303 9.4465 21.1303 8.87017H21.0956C21.6719 8.87013 22.1738 8.40297 22.1738 7.82669Z" fill="#FF9811"/>
-</g>
-<defs>
-<clipPath id="clip0_2087_4230">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/dist/collection/assets/icons/ZW.svg

@@ -1,20 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2087_4236)">
-<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
-<path d="M22.8522 6.87246C22.2426 5.58461 21.4105 4.42291 20.4055 3.43643L12.0008 2.60913L3.5961 3.43647C3.56929 3.46277 3.54313 3.48968 3.5166 3.51625L6.87285 6.8725L12.0008 7.02911L22.8522 6.87246Z" fill="#FFDA44"/>
-<path d="M3.51599 20.4853C3.56015 20.5295 3.60421 20.5737 3.64902 20.6172L12.0003 21.3923L20.3515 20.6172C21.3669 19.6328 22.2091 18.471 22.8274 17.1812L7.30462 16.6967C5.96901 18.0323 4.42851 19.5727 3.51599 20.4853Z" fill="#FFDA44"/>
-<path d="M23.8805 10.3081L9.91284 9.91309L11.9998 12.0001C11.3817 12.6182 10.4589 13.541 9.91284 14.087L23.8732 13.7442C23.9561 13.1747 23.9998 12.5925 23.9998 12.0001C23.9998 11.4256 23.9586 10.861 23.8805 10.3081Z" fill="black"/>
-<path d="M12 0.000610352C8.72684 0.000610352 5.76031 1.3117 3.59534 3.43664H20.4047C18.2397 1.3117 15.2732 0.000610352 12 0.000610352Z" fill="#6DA544"/>
-<path d="M10.3076 10.3086H23.8802C23.709 9.09551 23.3567 7.94079 22.851 6.87256H6.87158L10.3076 10.3086Z" fill="#D80027"/>
-<path d="M6.81946 17.1815H22.8267C23.3383 16.1141 23.6962 14.9592 23.873 13.7455H10.2555C8.92485 15.0761 7.79713 16.2038 6.81946 17.1815Z" fill="#D80027"/>
-<path d="M12 24.0006C15.2463 24.0006 18.191 22.7109 20.3512 20.6167H3.6488C5.80899 22.7109 8.75368 24.0006 12 24.0006Z" fill="#6DA544"/>
-<path d="M4.28516 2.80994C4.0184 3.03409 3.76101 3.26908 3.51477 3.51522L12.0001 12.0005L3.51477 20.4858C3.76096 20.732 4.0184 20.967 4.28516 21.1911L13.4758 12.0005L4.28516 2.80994Z" fill="black"/>
-<path d="M4.82455 8.86914L5.6015 11.2605H8.11611L6.08183 12.7386L6.85883 15.13L4.82455 13.652L2.79022 15.13L3.56732 12.7386L1.53308 11.2605H4.04755L4.82455 8.86914Z" fill="#D80027"/>
-<path d="M6.96209 12.1947L4.93718 11.4773C4.93718 11.4773 4.78756 10.0738 4.77851 10.0262C4.70979 9.66418 4.39165 9.39038 4.00962 9.39038C3.57743 9.39038 3.22699 9.74077 3.22699 10.173C3.22699 10.2447 3.23745 10.3137 3.25549 10.3797L2.68774 10.9513C2.68774 10.9513 3.36209 10.9513 3.69724 10.9513C3.69724 11.9991 2.91537 11.9991 2.91537 13.0425L3.3491 14.086H5.95779L6.3926 13.0425H6.39242C6.43596 12.9424 6.4624 12.8392 6.47332 12.736C6.84813 12.5844 6.96209 12.1947 6.96209 12.1947Z" fill="#FFDA44"/>
-</g>
-<defs>
-<clipPath id="clip0_2087_4236">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/dist/collection/assets/icons/chevron-up.svg

@@ -1,3 +0,0 @@
-<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13 7L7 0.999999L1 7" stroke="#525252" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/dist/collection/assets/icons/earth.svg

@@ -1,11 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2087_4250)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C18.627 0 24 5.37305 24 12C24 18.627 18.627 24 12 24C5.37305 24 0 18.627 0 12C0 5.37305 5.37305 0 12 0Z" fill="#2394E0"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.297 18.1992C1.58997 17.127 1.06067 15.9258 0.750122 14.6387L2.8634 15.6582L2.87512 16.2891C2.87512 16.5215 2.48059 17.0137 2.35364 17.2012L2.297 18.1992ZM15.295 1.26953C19.3224 2.60742 22.3439 6.15234 22.9259 10.4688L22.545 10.4277C22.4767 10.7207 22.4142 10.7266 22.4142 11.0781C22.4142 11.3887 22.8048 11.5957 22.8048 12.25C22.8048 12.4258 22.3927 12.7754 22.3751 12.8379L21.7638 12.1211V13.0332L21.672 13.0293L21.5079 11.3457L21.1661 11.4531L20.7599 10.2012L19.422 11.5996L19.4064 12.623L18.9689 12.916L18.504 10.291L18.2267 10.4941L17.5978 9.64453L16.6583 9.67188L16.299 9.25977L15.9298 9.36133L15.2052 8.53125L15.0646 8.62695L15.5138 9.77539H16.0353V9.51563H16.295C16.4825 10.0352 16.6857 9.72656 16.6857 10.0371C16.6857 11.1211 15.3478 11.918 14.4708 12.1211C14.5177 12.3164 14.5001 12.5117 14.7306 12.5117C15.2208 12.5117 14.9767 12.4258 15.5118 12.3809C15.4865 13.4883 14.2423 14.8105 13.7111 15.6328L13.9493 17.3301C14.0118 17.6992 13.1837 18.0879 12.9025 18.5039L13.0372 19.1543L12.6564 19.3086C12.59 19.9766 11.9415 20.7168 11.213 20.7168H10.4318C10.4318 19.8027 9.77942 18.4961 9.77942 17.8496C9.77942 17.3008 10.0392 17.2266 10.0392 16.5469C10.0392 15.918 9.38879 15.0176 9.38879 14.8535V13.8105H8.86731C8.78918 13.5195 8.83801 13.4199 8.47669 13.4199H8.34583C7.77747 13.4199 7.87317 13.6797 7.30286 13.6797H6.78137C6.31067 13.6797 5.47864 12.1719 5.47864 11.9863V10.4238C5.47864 9.75 6.09583 9.01562 6.52161 8.73047V8.08008L7.10754 7.48438L7.43372 7.42969C8.13293 7.42969 8.04895 7.03906 8.47669 7.03906H9.64856V7.95117L10.9376 8.50195L11.0587 7.94531C11.6427 8.08203 11.795 8.3418 12.5138 8.3418H12.7736C13.2677 8.3418 13.295 7.68555 13.295 7.16992L12.2521 7.27344L11.797 6.28516L11.3458 6.4043C11.4279 6.75781 11.4708 6.61133 11.4708 6.91016C11.4708 7.08594 11.3263 7.10547 11.2091 7.16992L10.7579 6.02539L9.78723 5.33203L9.65833 5.45898L10.4845 6.32812C10.3751 6.64062 10.3615 7.54102 9.90637 6.91016L10.3322 6.70508L9.26965 5.5918L8.63293 5.83984L8.00403 6.44141C7.93762 6.92578 7.80676 7.16992 7.29895 7.16992C6.96106 7.16992 7.16418 7.08203 6.64661 7.03906V5.73633H7.81848L7.43762 4.86914L7.297 4.95508V4.69336L9.20129 3.81641C9.16614 3.54297 9.12122 3.68945 9.12122 3.39062C9.12122 3.37305 9.24817 3.13281 9.25208 3.12891L9.74426 3.43555L9.62708 2.875L8.86731 3.03125L8.72668 2.34961C9.32825 2.0332 10.6544 0.916016 11.0763 0.916016H11.4669C11.879 0.916016 12.9806 1.32227 13.1603 1.56641L12.1154 1.46094L12.8907 2.09961L12.965 1.82617L13.5431 1.66797L13.5509 1.30664H13.8126V1.69727L15.295 1.26953Z" fill="#A1E367"/>
-</g>
-<defs>
-<clipPath id="clip0_2087_4250">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/dist/collection/components/cpsl-dropdown/cpsl-dropdown.css

@@ -1,88 +0,0 @@
-:host {
-  display: block;
-  position: relative;
-  font-family: Arial, sans-serif;
-}
-
-.input-container {
-  position: relative;
-  width: 100%;
-}
-
-::slotted(cpsl-dropdown) {
-  position: absolute;
-  width: 100%;
-  top: 100%;
-  left: 0;
-  z-index: 2;
-}
-
-.dropdown-button {
-  display: flex;
-  width: 100%;
-  padding: 0 4px;
-  background: none;
-  border: none;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font: inherit;
-  color: inherit;
-}
-
-.dropdown-button span {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex-grow: 1;
-}
-
-.dropdown-button div {
-  margin-left: 8px;
-  display: flex;
-  align-items: center;
-}
-
-.dropdown-options {
-  display: none;
-  position: absolute;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  border: 1px solid #ccc;
-  background: white;
-  z-index: 1000;
-}
-.dropdown-options.open {
-  display: block;
-  border-radius: 8px;
-  border: 1px solid #483e3e;
-}
-
-.dropdown-options.open {
-  display: block;
-  margin-top: 20px;
-}
-
-.dropdown-options li {
-  padding: 6px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  border-bottom: 1px solid #ccc;
-}
-
-.dropdown-options li svg {
-  width: 24px;
-  height: 24px;
-  margin-right: 8px;
-  padding: 0 8px;
-}
-
-.dropdown-value {
-  margin-left: 8px;
-  color: #6c757d;
-}

package/dist/collection/components/cpsl-dropdown/cpsl-dropdown.js

@@ -1,118 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { Icons } from "../../assets/icons";
-export class CpslDropdown {
-    constructor() {
-        this.toggleDropdown = () => {
-            this.isOpen = !this.isOpen;
-        };
-        this.selectItem = (item) => {
-            this.selectedItem = item;
-            this.toggleDropdown();
-        };
-        this.handleItemSelect = (item) => () => {
-            this.selectItem(item);
-        };
-        this.width = '100%';
-        this.isOpen = false;
-        this.selectedItem = undefined;
-        this.items = [];
-    }
-    handleOpenChange() {
-        if (this.isOpen) {
-            this.adjustPosition();
-        }
-    }
-    adjustPosition() {
-        var _a;
-        const dropdownOptions = this.el.shadowRoot.querySelector('.dropdown-options');
-        const hostRect = this.el.getBoundingClientRect();
-        const parentRect = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-        if (parentRect) {
-            this.width = `${parentRect.width}px`;
-            dropdownOptions.style.left = `${parentRect.left - hostRect.left}px`;
-        }
-    }
-    componentWillLoad() {
-        if (this.items.length > 0) {
-            this.selectedItem = this.items[0];
-        }
-    }
-    render() {
-        var _a, _b, _c;
-        return (h(Host, { key: '49678d2d78499c5d3c31c1c2ff4f0a4ceaf78ddf', style: { width: this.width } }, h("button", { key: '4e776809adf531f09d325895320c00592775c291', class: "dropdown-button", onClick: this.toggleDropdown }, `${((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.selectedLabel) || ((_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.label)} ${(_c = this.selectedItem) === null || _c === void 0 ? void 0 : _c.value}`, h("div", { key: '08d5a7f34d2ec0c15a3824d22aa86382063e614e', innerHTML: Icons['chevronUp'] })), h("ul", { key: '58bba72299035c7c1c4ed65849a58ff3e9e9e768', class: { 'dropdown-options': true, 'open': this.isOpen }, style: { width: this.width } }, this.items.map(item => h("li", { onClick: this.handleItemSelect(item) }, h("span", { innerHTML: Icons[item.icon] }), item.label, " ", h("span", { class: "dropdown-value" }, item.value))))));
-    }
-    static get is() { return "cpsl-dropdown"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["cpsl-dropdown.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["cpsl-dropdown.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "width": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Width of the dropdown"
-                },
-                "attribute": "width",
-                "reflect": false,
-                "defaultValue": "'100%'"
-            },
-            "items": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Array<{ icon: IconType, label: string, value: string, selectedLabel?: string }>",
-                    "resolved": "{ icon: \"key\" | \"AD\" | \"AE\" | \"AF\" | \"AG\" | \"AI\" | \"AL\" | \"AM\" | \"AO\" | \"AR\" | \"AS\" | \"AT\" | \"AU\" | \"AW\" | \"AX\" | \"AZ\" | \"BA\" | \"BB\" | \"BD\" | \"BE\" | \"BF\" | \"BG\" | \"BH\" | \"BI\" | \"BJ\" | \"BL\" | \"BM\" | \"BN\" | \"BO\" | \"BQ\" | \"BQ2\" | \"BQ3\" | \"BR\" | \"BS\" | \"BT\" | \"BW\" | \"BY\" | \"BZ\" | \"CA\" | \"CC\" | \"CD\" | \"CD2\" | \"CF\" | \"CH\" | \"CK\" | \"CL\" | \"CM\" | \"CN\" | \"CO\" | \"CR\" | \"CU\" | \"CW\" | \"CX\" | \"CY\" | \"CZ\" | \"DE\" | \"DJ\" | \"DK\" | \"DM\" | \"DO\" | \"DS\" | \"DZ\" | \"EC\" | \"EE\" | \"EG\" | \"EH\" | \"ER\" | \"ES\" | \"ET\" | \"FI\" | \"FJ\" | \"FK\" | \"FM\" | \"FO\" | \"FR\" | \"GA\" | \"GB2\" | \"GB\" | \"GD\" | \"GE\" | \"GG\" | \"GH\" | \"GI\" | \"GL\" | \"GM\" | \"GN\" | \"GQ\" | \"GR\" | \"GT\" | \"GU\" | \"GW\" | \"GY\" | \"HK\" | \"HN\" | \"HR\" | \"HT\" | \"HU\" | \"ID\" | \"IE\" | \"IL\" | \"IM\" | \"IN\" | \"IO\" | \"IQ\" | \"IR\" | \"IS\" | \"IT\" | \"JE\" | \"JM\" | \"JO\" | \"JP\" | \"KE\" | \"KG\" | \"KH\" | \"KI\" | \"KM\" | \"KN\" | \"KP\" | \"KR\" | \"KW\" | \"KY\" | \"KZ\" | \"LA\" | \"LB\" | \"LC\" | \"LI\" | \"LK\" | \"LR\" | \"LS\" | \"LT\" | \"LU\" | \"LV\" | \"LY\" | \"MA\" | \"MC\" | \"MD\" | \"ME\" | \"MG\" | \"MH\" | \"MK\" | \"ML\" | \"MM\" | \"MN\" | \"MO\" | \"MP\" | \"MQ\" | \"MR\" | \"MS\" | \"MT\" | \"MU\" | \"MV\" | \"MW\" | \"MX\" | \"MY\" | \"MZ\" | \"NA\" | \"NE\" | \"NF\" | \"NG\" | \"NI\" | \"NL\" | \"NO\" | \"NP\" | \"NR\" | \"NU\" | \"NZ\" | \"OM\" | \"PA\" | \"PE\" | \"PF\" | \"PG\" | \"PH\" | \"PK\" | \"PL\" | \"PN\" | \"PR\" | \"PS\" | \"PT\" | \"PW\" | \"PY\" | \"QA\" | \"RO\" | \"RS\" | \"RU\" | \"RW\" | \"SA\" | \"SB\" | \"SC\" | \"SE\" | \"SG\" | \"SI\" | \"SK\" | \"SL\" | \"SM\" | \"SN\" | \"SO\" | \"SR\" | \"SS\" | \"ST\" | \"SV\" | \"SX\" | \"SY\" | \"SZ\" | \"TC\" | \"TD\" | \"TG\" | \"TH\" | \"TJ\" | \"TK\" | \"TL\" | \"TM\" | \"TN\" | \"TO\" | \"TR\" | \"TT\" | \"TV\" | \"TW\" | \"TZ\" | \"UA\" | \"UG\" | \"US\" | \"UY\" | \"UZ\" | \"VC\" | \"VE\" | \"VG\" | \"VI\" | \"VN\" | \"VU\" | \"WS\" | \"YE\" | \"ZA\" | \"ZM\" | \"ZW\" | \"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRingsDark\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"chevronUp\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"earth\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"plusCircle\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"wallet\" | \"youtubeBrand\" | \"youtube\"; label: string; value: string; selectedLabel?: string; }[]",
-                    "references": {
-                        "Array": {
-                            "location": "global",
-                            "id": "global::Array"
-                        },
-                        "IconType": {
-                            "location": "import",
-                            "path": "../../interface",
-                            "id": "src/interface.ts::IconType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Items to be presented in the dropdown"
-                },
-                "defaultValue": "[]"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isOpen": {},
-            "selectedItem": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "isOpen",
-                "methodName": "handleOpenChange"
-            }];
-    }
-}
-//# sourceMappingURL=cpsl-dropdown.js.map

package/dist/collection/components/cpsl-dropdown/cpsl-dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-dropdown.js","sourceRoot":"","sources":["../../../../src/components/cpsl-dropdown/cpsl-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAsB,KAAK,EAAE,MAAM,eAAe,CAAC;AACpG,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAQ3C,MAAM,OAAO,YAAY;;QAcf,mBAAc,GAAG,GAAG,EAAE;YAC5B,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC7B,CAAC,CAAC;QAEM,eAAU,GAAG,CAAC,IAA8E,EAAE,EAAE;YACtG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEM,qBAAgB,GAAG,CAAC,IAA8E,EAAE,EAAE,CAAC,GAAG,EAAE;YAClH,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,CAAA;qBApBuB,MAAM;sBACH,KAAK;;qBAMiE,EAAE;;IAgBnG,gBAAgB;QACd,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEO,cAAc;;QACpB,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAgB,CAAC;QAC7F,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,EAAE,CAAC,aAAa,0CAAE,qBAAqB,EAAE,CAAC;QAClE,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,GAAG,GAAG,UAAU,CAAC,KAAK,IAAI,CAAC;YACrC,eAAe,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,CAAC;QACtE,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACpC,CAAC;IACH,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAChC,+DAAQ,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,IAAI,CAAC,cAAc;gBACzD,GAAG,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,aAAa,MAAI,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,CAAA,IAAI,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,EAAE;gBAC9F,4DAAK,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,GAAI,CAC/B;YACT,2DAAI,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IACvF,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACrB,UAAI,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;gBACtC,YAAM,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAS;gBACzC,IAAI,CAAC,KAAK;;gBAAE,YAAM,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC1D,CACN,CACE,CACA,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, State, Element, ComponentInterface, Watch } from '@stencil/core';\nimport { Icons } from '../../assets/icons';\nimport { IconType } from '../../interface';\n\n@Component({\n  tag: 'cpsl-dropdown',\n  styleUrl: 'cpsl-dropdown.scss',\n  shadow: true,\n})\nexport class CpslDropdown implements ComponentInterface {\n  @Element() el: HTMLCpslDropdownElement;\n  /**\n   * Width of the dropdown\n   */\n  @Prop() width: string = '100%';\n  @State() isOpen: boolean = false;\n  @State() selectedItem: { icon: IconType, label: string, value: string, selectedLabel?: string };\n\n  /**\n   * Items to be presented in the dropdown\n   */\n  @Prop() items: Array<{ icon: IconType, label: string, value: string, selectedLabel?: string }> = [];\n\n  private toggleDropdown = () => {\n    this.isOpen = !this.isOpen;\n  };\n\n  private selectItem = (item: { icon: IconType, label: string, value: string, selectedLabel?: string }) => {\n    this.selectedItem = item;\n    this.toggleDropdown();\n  };\n\n  private handleItemSelect = (item: { icon: IconType, label: string, value: string, selectedLabel?: string }) => () => {\n    this.selectItem(item);\n  }\n\n  @Watch('isOpen')\n  handleOpenChange() {\n    if (this.isOpen) {\n      this.adjustPosition();\n    }\n  }\n\n  private adjustPosition() {\n    const dropdownOptions = this.el.shadowRoot.querySelector('.dropdown-options') as HTMLElement;\n    const hostRect = this.el.getBoundingClientRect(); \n    const parentRect = this.el.parentElement?.getBoundingClientRect();\n    if (parentRect) {\n      this.width = `${parentRect.width}px`;\n      dropdownOptions.style.left = `${parentRect.left - hostRect.left}px`;\n    }\n  }\n\n  componentWillLoad() {\n    if (this.items.length > 0) {\n      this.selectedItem = this.items[0];\n    }\n  }\n\n  render() {\n    return (\n      <Host style={{ width: this.width }}>\n        <button class=\"dropdown-button\" onClick={this.toggleDropdown}>\n          {`${this.selectedItem?.selectedLabel || this.selectedItem?.label} ${this.selectedItem?.value}`}\n          <div innerHTML={Icons['chevronUp']} />\n        </button>\n        <ul class={{ 'dropdown-options': true, 'open': this.isOpen }} style={{ width: this.width }}>\n          {this.items.map(item =>\n            <li onClick={this.handleItemSelect(item)}>\n              <span innerHTML={Icons[item.icon]}></span>\n              {item.label} <span class=\"dropdown-value\">{item.value}</span>\n            </li>\n          )}\n        </ul>\n      </Host>\n    );\n  }  \n}\n"]}

package/dist/collection/components/cpsl-dropdown/test/cpsl-dropdown.e2e.js

@@ -1,29 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try {
-            step(generator.next(value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function rejected(value) { try {
-            step(generator["throw"](value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { newE2EPage } from "@stencil/core/testing";
-describe('cpsl-dropdown', () => {
-    it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
-        const page = yield newE2EPage();
-        yield page.setContent('<cpsl-dropdown></cpsl-dropdown>');
-        const element = yield page.find('cpsl-dropdown');
-        expect(element).toHaveClass('hydrated');
-    }));
-});
-//# sourceMappingURL=cpsl-dropdown.e2e.js.map

package/dist/collection/components/cpsl-dropdown/test/cpsl-dropdown.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-dropdown.e2e.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-dropdown/test/cpsl-dropdown.e2e.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;QAEzD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACjD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('cpsl-dropdown', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<cpsl-dropdown></cpsl-dropdown>');\n\n    const element = await page.find('cpsl-dropdown');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/cpsl-dropdown/test/cpsl-dropdown.spec.js

@@ -1,37 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try {
-            step(generator.next(value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function rejected(value) { try {
-            step(generator["throw"](value));
-        }
-        catch (e) {
-            reject(e);
-        } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { newSpecPage } from "@stencil/core/testing";
-import { CpslDropdown } from "../cpsl-dropdown";
-describe('cpsl-dropdown', () => {
-    it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
-        const page = yield newSpecPage({
-            components: [CpslDropdown],
-            html: `<cpsl-dropdown></cpsl-dropdown>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <cpsl-dropdown>
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </cpsl-dropdown>
-    `);
-    }));
-});
-//# sourceMappingURL=cpsl-dropdown.spec.js.map

package/dist/collection/components/cpsl-dropdown/test/cpsl-dropdown.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cpsl-dropdown.spec.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-dropdown/test/cpsl-dropdown.spec.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CpslDropdown } from '../cpsl-dropdown';\n\ndescribe('cpsl-dropdown', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [CpslDropdown],\n      html: `<cpsl-dropdown></cpsl-dropdown>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <cpsl-dropdown>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </cpsl-dropdown>\n    `);\n  });\n});\n"]}