@usecapsule/core-components 3.9.4 → 3.11.0-dev.1

package/dist/esm/cpsl-alert_34.entry.js

@@ -6102,7 +6102,7 @@ gsap.registerPlugin(CSSPlugin);
 
 var gsapWithCSS = gsap.registerPlugin(CSSPlugin) || gsap;
 
-const cpslAuthModalCss = ":host{--container-width:560px;--container-gap:8px;--card-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.08);display:block;z-index:10011;position:relative}:host cpsl-overlay{z-index:10011}@media (max-width: 480px){:host(.include-mobile-styling) .modal-wrapper{scale:none;top:100%;left:0;height:unset;opacity:1}:host(.include-mobile-styling) .modal-container{width:100%;max-width:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.include-mobile-styling) .modal-body-card{--card-border-radius-bl:0px;--card-border-radius-br:0px}}:host(.no-overlay){z-index:0}:host(.no-overlay) .modal-body-card{--card-border-width:1px}:host(.no-overlay) .modal-container{max-height:unset}.modal-wrapper{z-index:10011;position:fixed;top:0;left:0;display:none;height:100%;width:100%;justify-content:center;align-items:center;scale:0.8;opacity:0;transform:none}.modal-container{position:relative;overflow:hidden;width:var(--container-width);display:flex;flex-direction:column;gap:var(--container-gap);max-width:95vw;max-height:95vh;max-height:95dvh;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;}.modal-container ::-webkit-scrollbar{display:none}.modal-container.no-footer{gap:0px}.modal-body-card{--card-padding-top:16px;--card-padding-bottom:16px;--card-padding-start:16px;--card-padding-end:16px;--card-border-width:0px}.body::part(card-container){box-shadow:var(--card-box-shadow);width:100%}.no-opacity{opacity:0}.mobile-footer{margin-top:16px}.footer-hidden{height:0px;visibility:hidden;--card-padding-top:0px;--card-padding-bottom:0px;--card-padding-start:0px;--card-padding-end:0px;--card-border-width:0px}";
+const cpslAuthModalCss = ":host{--container-width:560px;--container-gap:8px;--card-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.08);display:block;z-index:10011;position:relative}:host cpsl-overlay{z-index:10011}@media (max-width: 480px){:host(.include-mobile-styling) .modal-wrapper{scale:none;top:100%;left:0;height:unset;opacity:1}:host(.include-mobile-styling) .modal-container{width:100%;max-width:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.include-mobile-styling) .modal-body-card{--card-border-radius-bl:0px;--card-border-radius-br:0px}}:host(.force-mobile-media) .modal-wrapper{scale:none;top:100%;left:0;height:unset;opacity:1}:host(.force-mobile-media) .modal-container{width:100%;max-width:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.force-mobile-media) .modal-body-card{--card-border-radius-bl:0px;--card-border-radius-br:0px}:host(.no-overlay){z-index:0}:host(.no-overlay) .modal-body-card{--card-border-width:1px}:host(.no-overlay) .modal-container{max-height:unset}.modal-wrapper{z-index:10011;position:fixed;top:0;left:0;display:none;height:100%;width:100%;justify-content:center;align-items:center;scale:0.8;opacity:0;transform:none}.modal-container{position:relative;overflow:hidden;width:var(--container-width);display:flex;flex-direction:column;gap:var(--container-gap);max-width:95vw;max-height:95vh;max-height:95dvh;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;}.modal-container ::-webkit-scrollbar{display:none}.modal-container.no-footer{gap:0px}.modal-body-card{--card-padding-top:16px;--card-padding-bottom:16px;--card-padding-start:16px;--card-padding-end:16px;--card-border-width:0px}.body::part(card-container){box-shadow:var(--card-box-shadow);width:100%}.no-opacity{opacity:0}.mobile-footer{margin-top:16px}.footer-hidden{height:0px;visibility:hidden;--card-padding-top:0px;--card-padding-bottom:0px;--card-padding-start:0px;--card-padding-end:0px;--card-border-width:0px}";
 const CpslAuthModalStyle0 = cpslAuthModalCss;
 
 const mm = gsapWithCSS.matchMedia();
@@ -6556,6 +6556,11 @@ const AlertTriangle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="non
 </svg>
 `;
 
+const AlignVerticalCenter = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 12H21M12 2V8.5M12 8.5L16 4.5M12 8.5L8 4.5M12 22V15.5M12 15.5L16 19.5M12 15.5L8 19.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const AngelListBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M17.7703 10.0969C18.3188 8.56875 19.8984 4.14844 19.8984 2.73281C19.8984 1.48594 19.1625 0.440625 17.85 0.440625C15.7594 0.440625 13.8844 6.61406 13.2984 8.08594C12.8438 6.75 10.7156 0 8.84063 0C7.38282 0 6.69844 1.07344 6.69844 2.42344C6.69844 4.07812 8.30156 8.36719 8.88281 10.0172C8.5875 9.90938 8.26875 9.81562 7.94531 9.81562C6.84844 9.81562 5.68125 11.1797 5.68125 12.2812C5.68125 12.6984 5.91094 13.2844 6.05625 13.6734C4.32656 14.1422 3.66094 15.2953 3.66094 17.0344C3.65625 20.4187 6.8625 24 11.3719 24C16.9031 24 20.3438 19.8469 20.3438 14.4891C20.3438 12.4688 20.0203 10.6453 17.7703 10.0969ZM16.1109 5.0625C16.2984 4.48594 17.1 2.04844 17.85 2.04844C18.2531 2.04844 18.3609 2.46563 18.3609 2.79844C18.3609 3.69375 16.5516 8.63906 16.1531 9.73594L14.5594 9.45469L16.1109 5.0625ZM8.17032 2.26406C8.17032 1.70625 8.85 0.121875 10.3406 4.47188L11.9625 9.17344C11.2313 9.1125 10.6641 9.03281 10.3031 9.23906C9.79219 7.88906 8.17032 3.62812 8.17032 2.26406ZM8.0625 11.4375C9.43594 11.4375 11.2078 15.8719 11.2078 16.4719C11.2078 16.7109 10.9781 17.0062 10.7109 17.0062C9.73125 17.0062 7.10625 13.4016 7.10625 12.4266C7.11094 12.0656 7.70156 11.4375 8.0625 11.4375ZM16.7016 20.1703C15.3375 21.6703 13.5938 22.4484 11.5594 22.4484C8.775 22.4484 6.57656 20.9203 5.51719 18.3094C4.71563 16.275 5.69532 15.1078 6.48282 15.1078C7.01719 15.1078 9.02813 17.9344 9.02813 18.5344C9.02813 18.7641 8.66719 18.9234 8.47969 18.9234C7.725 18.9234 7.42969 18.1969 6.08438 16.5141C4.69219 17.9062 7.04532 20.5875 8.81719 20.5875C10.0406 20.5875 10.8375 19.4531 10.5984 18.6188C10.7719 18.6188 10.9875 18.6328 11.1469 18.5906C11.1984 19.8609 11.5734 21.375 13.1016 21.4828C13.1016 21.4406 13.1953 21.15 13.1953 21.1359C13.1953 20.3203 12.6984 19.6078 12.6984 18.7781C12.6984 17.4516 13.7156 16.1672 14.7469 15.4172C15.1219 15.1359 15.5766 14.9625 16.0172 14.8031C16.4719 14.6297 16.9547 14.4281 17.3016 14.0812C17.25 13.5562 17.0344 13.0922 16.5094 13.0922C15.2109 13.0922 10.8563 13.2797 10.8563 11.2313C10.8563 10.9172 10.8609 10.6172 11.6719 10.6172C13.1859 10.6172 17.0297 10.9922 18.1547 11.9813C19.0031 12.7359 19.2938 17.2875 16.7016 20.1703ZM12.0797 14.2641C12.5344 14.4094 13.0031 14.4516 13.4719 14.5453C13.125 14.7984 12.8156 15.1078 12.5203 15.4406C12.3891 15.0422 12.2297 14.6531 12.0797 14.2641Z" fill="black"/>
 </svg>
@@ -6636,6 +6641,11 @@ const Arrow = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" strok
 </svg>
 `;
 
+const Asterisk = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 4C13 3.44772 12.5523 3 12 3C11.4477 3 11 3.44772 11 4V9.58579L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L9.58579 11H4C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H9.58579L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L11 14.4142V20C11 20.5523 11.4477 21 12 21C12.5523 21 13 20.5523 13 20V14.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L14.4142 13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H14.4142L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L13 9.58579V4Z" fill="currentColor"/>
+</svg>
+`;
+
 const BackupKit = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M20 12C20 16.9084 14.646 20.4784 12.698 21.6149C12.4766 21.744 12.3659 21.8086 12.2097 21.8421C12.0884 21.8681 11.9116 21.8681 11.7903 21.8421C11.6341 21.8086 11.5234 21.744 11.302 21.6149C9.35396 20.4784 4 16.9084 4 12V7.21759C4 6.41808 4 6.01833 4.13076 5.6747C4.24627 5.37113 4.43398 5.10027 4.67766 4.88552C4.95349 4.64243 5.3278 4.50207 6.0764 4.22134L6.0764 4.22134L11.4382 2.21067C11.6461 2.13271 11.75 2.09373 11.857 2.07827C11.9518 2.06457 12.0482 2.06457 12.143 2.07827C12.25 2.09373 12.3539 2.13271 12.5618 2.21067L17.9236 4.22134C18.6722 4.50207 19.0465 4.64243 19.3223 4.88552C19.566 5.10027 19.7537 5.37113 19.8692 5.6747C20 6.01833 20 6.41808 20 7.21759V12Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M8 10.7222C8 10.7222 8.8442 9.65986 9.53004 9.02598C10.2159 8.3921 11.1636 8 12.2105 8C14.3034 8 16 9.567 16 11.5C16 13.433 14.3034 15 12.2105 15C10.8967 15 9.73898 14.3824 9.05918 13.4444M8 10.7222V8.38889M8 10.7222H10.5263" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -6789,6 +6799,11 @@ const CheckCircle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
 </svg>
 `;
 
+const CheckSquare = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 12L10.5 15L16.5 9M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const Check = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M20 6L9 17L4 12" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
@@ -6800,6 +6815,11 @@ const ChevronDown = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
     fill="#141414" />
 </svg>`;
 
+const ChevronRight = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const ChevronSelectorVertical = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g id="chevron-selector-vertical">
 <path id="Icon" d="M7 15L12 20L17 15M7 9L12 4L17 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -6833,6 +6853,11 @@ const Clubhouse = `<svg width="24" height="24" viewBox="0 0 24 24" fill="current
 </svg>
 `;
 
+const Code = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 17L22 12L17 7M7 7L2 12L7 17M14 3L10 21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const Copy07 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g id="copy-07">
 <path id="Icon" d="M10.5 2.0028C9.82495 2.01194 9.4197 2.05103 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8.05103 3.4197 8.01194 3.82495 8.0028 4.5M19.5 2.0028C20.1751 2.01194 20.5803 2.05103 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C21.949 3.4197 21.9881 3.82494 21.9972 4.49999M21.9972 13.5C21.9881 14.175 21.949 14.5803 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.5803 15.949 20.1751 15.9881 19.5 15.9972M22 7.99999V9.99999M14.0001 2H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -7202,6 +7227,19 @@ const Google = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentCol
 </svg>
 `;
 
+const GridDots = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 6C19.5523 6 20 5.55228 20 5C20 4.44772 19.5523 4 19 4C18.4477 4 18 4.44772 18 5C18 5.55228 18.4477 6 19 6Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 6C5.55228 6 6 5.55228 6 5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 20C5.55228 20 6 19.5523 6 19C6 18.4477 5.55228 18 5 18C4.44772 18 4 18.4477 4 19C4 19.5523 4.44772 20 5 20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const HelpCircle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.09 9C9.3251 8.33167 9.78915 7.76811 10.4 7.40913C11.0108 7.05016 11.7289 6.91894 12.4272 7.03871C13.1255 7.15849 13.7588 7.52152 14.2151 8.06353C14.6713 8.60553 14.9211 9.29152 14.92 10C14.92 12 11.92 13 11.92 13M12 17H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
@@ -7509,6 +7547,11 @@ const Menu = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke
 </svg>
 `;
 
+const Monitor = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 21H16M12 17V21M6.8 17H17.2C18.8802 17 19.7202 17 20.362 16.673C20.9265 16.3854 21.3854 15.9265 21.673 15.362C22 14.7202 22 13.8802 22 12.2V7.8C22 6.11984 22 5.27976 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3H6.8C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8V12.2C2 13.8802 2 14.7202 2.32698 15.362C2.6146 15.9265 3.07354 16.3854 3.63803 16.673C4.27976 17 5.11984 17 6.8 17Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const MoonpayBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_794_1613)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.3097 7.38029C21.0397 7.38029 21.7531 7.16396 22.36 6.75838C22.9668 6.35302 23.4398 5.77664 23.7191 5.1024C23.9984 4.42816 24.0715 3.686 23.9291 2.97031C23.7866 2.2544 23.4353 1.59687 22.9192 1.08083C22.4029 0.564779 21.7455 0.213234 21.0298 0.0708705C20.3138 -0.0714827 19.5719 0.00164933 18.8977 0.280939C18.2235 0.560229 17.6471 1.03308 17.2415 1.64005C16.8361 2.2468 16.6196 2.96032 16.6196 3.69011C16.6196 4.1747 16.715 4.65472 16.9004 5.1024C17.0859 5.55009 17.3578 5.95697 17.7005 6.29961C18.0431 6.64225 18.4498 6.91416 18.8977 7.0995C19.3454 7.28507 19.8252 7.38029 20.3097 7.38029ZM8.99487 24C7.21585 24 5.47678 23.4724 3.99766 22.4842C2.51837 21.4958 1.36548 20.0911 0.684692 18.4475C0.00390273 16.8038 -0.174236 14.9953 0.172842 13.2503C0.519899 11.5056 1.37657 9.9028 2.63453 8.6448C3.89242 7.38701 5.49523 6.53035 7.23995 6.18327C8.98488 5.8361 10.7934 6.01426 12.437 6.69501C14.0806 7.37596 15.4853 8.52867 16.4738 10.0081C17.4619 11.4872 17.9895 13.2263 17.9895 15.0052C17.9897 16.1864 17.7571 17.3562 17.3051 18.4475C16.853 19.5387 16.1903 20.5305 15.3551 21.3658C14.5198 22.2008 13.5284 22.8635 12.437 23.3156C11.3457 23.7676 10.176 24.0002 8.99487 24Z" fill="#6F19F8"/>
@@ -7555,6 +7598,11 @@ const OptimismBrand = `<?xml version="1.0" encoding="UTF-8"?>
 <path class="st1" d="M259.3,314.6c-1.4,0-2.4-0.4-3.2-1.3c-0.6-1-0.8-2.1-0.6-3.4l25.9-122c0.2-1.4,0.9-2.5,2.1-3.4  c1.1-0.9,2.3-1.3,3.6-1.3H337c13.9,0,25,2.9,33.4,8.6c8.5,5.8,12.8,14.1,12.8,25c0,3.1-0.4,6.4-1.1,9.8c-3.1,14.4-9.4,25-19,31.9  c-9.4,6.9-22.3,10.3-38.7,10.3h-25.3l-8.6,41.1c-0.3,1.4-0.9,2.5-2.1,3.4c-1.1,0.9-2.3,1.3-3.6,1.3H259.3z M325.7,242.9  c5.3,0,9.8-1.4,13.7-4.3c4-2.9,6.6-7,7.9-12.4c0.4-2.1,0.6-4,0.6-5.6c0-3.6-1.1-6.4-3.2-8.3c-2.1-2-5.8-3-10.9-3h-22.5l-7.1,33.6  H325.7z"/>
 </svg>`;
 
+const Passcode = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 12H12.005M17 12H17.005M7 12H7.005M5.2 7H18.8C19.9201 7 20.4802 7 20.908 7.21799C21.2843 7.40973 21.5903 7.71569 21.782 8.09202C22 8.51984 22 9.0799 22 10.2V13.8C22 14.9201 22 15.4802 21.782 15.908C21.5903 16.2843 21.2843 16.5903 20.908 16.782C20.4802 17 19.9201 17 18.8 17H5.2C4.0799 17 3.51984 17 3.09202 16.782C2.71569 16.5903 2.40973 16.2843 2.21799 15.908C2 15.4802 2 14.9201 2 13.8V10.2C2 9.0799 2 8.51984 2.21799 8.09202C2.40973 7.71569 2.71569 7.40973 3.09202 7.21799C3.51984 7 4.0799 7 5.2 7ZM12.25 12C12.25 12.1381 12.1381 12.25 12 12.25C11.8619 12.25 11.75 12.1381 11.75 12C11.75 11.8619 11.8619 11.75 12 11.75C12.1381 11.75 12.25 11.8619 12.25 12ZM17.25 12C17.25 12.1381 17.1381 12.25 17 12.25C16.8619 12.25 16.75 12.1381 16.75 12C16.75 11.8619 16.8619 11.75 17 11.75C17.1381 11.75 17.25 11.8619 17.25 12ZM7.25 12C7.25 12.1381 7.13807 12.25 7 12.25C6.86193 12.25 6.75 12.1381 6.75 12C6.75 11.8619 6.86193 11.75 7 11.75C7.13807 11.75 7.25 11.8619 7.25 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const Phone = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 17.5H12.01M8.2 22H15.8C16.9201 22 17.4802 22 17.908 21.782C18.2843 21.5903 18.5903 21.2843 18.782 20.908C19 20.4802 19 19.9201 19 18.8V5.2C19 4.07989 19 3.51984 18.782 3.09202C18.5903 2.71569 18.2843 2.40973 17.908 2.21799C17.4802 2 16.9201 2 15.8 2H8.2C7.0799 2 6.51984 2 6.09202 2.21799C5.71569 2.40973 5.40973 2.71569 5.21799 3.09202C5 3.51984 5 4.0799 5 5.2V18.8C5 19.9201 5 20.4802 5.21799 20.908C5.40973 21.2843 5.71569 21.5903 6.09202 21.782C6.51984 22 7.07989 22 8.2 22ZM12.5 17.5C12.5 17.7761 12.2761 18 12 18C11.7239 18 11.5 17.7761 11.5 17.5C11.5 17.2239 11.7239 17 12 17C12.2761 17 12.5 17.2239 12.5 17.5Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
@@ -7691,6 +7739,11 @@ const Settings = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" st
 </svg>
 `;
 
+const Share = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.7914 12.6075C21.0355 12.3982 21.1575 12.2936 21.2023 12.1691C21.2415 12.0598 21.2415 11.9403 21.2023 11.831C21.1575 11.7065 21.0355 11.6019 20.7914 11.3926L12.3206 4.13202C11.9004 3.77182 11.6903 3.59172 11.5124 3.58731C11.3578 3.58348 11.2101 3.6514 11.1124 3.77128C11 3.90921 11 4.18595 11 4.73942V9.03468C8.86532 9.40813 6.91159 10.4898 5.45971 12.1139C3.87682 13.8846 3.00123 16.176 3 18.551V19.163C4.04934 17.8989 5.35951 16.8766 6.84076 16.166C8.1467 15.5395 9.55842 15.1684 11 15.0706V19.2607C11 19.8141 11 20.0909 11.1124 20.2288C11.2101 20.3487 11.3578 20.4166 11.5124 20.4128C11.6903 20.4084 11.9004 20.2283 12.3206 19.8681L20.7914 12.6075Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const Shield = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.302 21.6149C11.5234 21.744 11.6341 21.8086 11.7903 21.8421C11.9116 21.8681 12.0884 21.8681 12.2097 21.8421C12.3659 21.8086 12.4766 21.744 12.698 21.6149C14.646 20.4784 20 16.9084 20 12V7.21759C20 6.41808 20 6.01833 19.8692 5.6747C19.7537 5.37113 19.566 5.10027 19.3223 4.88552C19.0465 4.64243 18.6722 4.50207 17.9236 4.22134L12.5618 2.21067C12.3539 2.13271 12.25 2.09373 12.143 2.07827C12.0482 2.06457 11.9518 2.06457 11.857 2.07827C11.75 2.09373 11.6461 2.13271 11.4382 2.21067L6.0764 4.22134C5.3278 4.50207 4.9535 4.64243 4.67766 4.88552C4.43398 5.10027 4.24627 5.37113 4.13076 5.6747C4 6.01833 4 6.41808 4 7.21759V12C4 16.9084 9.35396 20.4784 11.302 21.6149Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
@@ -7743,6 +7796,13 @@ const Solana = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" v
 </svg>
 `;
 
+const SpacingHeight = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 3C2 2.44772 2.44772 2 3 2H21C21.5523 2 22 2.44772 22 3C22 3.55228 21.5523 4 21 4H3C2.44772 4 2 3.55228 2 3Z" fill="currentColor"/>
+<path d="M2 21C2 20.4477 2.44772 20 3 20H21C21.5523 20 22 20.4477 22 21C22 21.5523 21.5523 22 21 22H3C2.44772 22 2 21.5523 2 21Z" fill="currentColor"/>
+<path d="M14.4453 8.83205L13 7.86853L13 16.1316L14.4453 15.1681C14.9048 14.8617 15.5257 14.9859 15.832 15.4454C16.1384 15.9049 16.0142 16.5258 15.5547 16.8322L12.5547 18.8322C12.2188 19.0561 11.7812 19.0561 11.4453 18.8322L8.44528 16.8322C7.98576 16.5258 7.86158 15.9049 8.16793 15.4454C8.47429 14.9859 9.09516 14.8617 9.55468 15.1681L11 16.1316L11 7.86851L9.55468 8.83205C9.09516 9.1384 8.47429 9.01423 8.16793 8.5547C7.86158 8.09517 7.98576 7.4743 8.44528 7.16795L11.4453 5.16795C11.7812 4.94402 12.2188 4.94402 12.5547 5.16795L15.5547 7.16795C16.0142 7.4743 16.1384 8.09517 15.832 8.5547C15.5257 9.01423 14.9048 9.1384 14.4453 8.83205Z" fill="currentColor"/>
+</svg>
+`;
+
 const Star04Filled = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="none" fill="currentColor">
   <path d="M12.9333 1.64102C12.7848 1.25483 12.4138 1 12 1C11.5862 1 11.2152 1.25483 11.0667 1.64102L9.0547 6.87211C8.7543 7.65315 8.6599 7.87822 8.53078 8.05981C8.40122 8.24202 8.24202 8.40122 8.05981 8.53078C7.87822 8.6599 7.65315 8.7543 6.8721 9.0547L1.64102 11.0667C1.25483 11.2152 1 11.5862 1 12C1 12.4138 1.25483 12.7848 1.64102 12.9333L6.87211 14.9453C7.65315 15.2457 7.87822 15.3401 8.05981 15.4692C8.24202 15.5988 8.40122 15.758 8.53078 15.9402C8.6599 16.1218 8.7543 16.3469 9.0547 17.1279L11.0667 22.359C11.2152 22.7452 11.5862 23 12 23C12.4138 23 12.7848 22.7452 12.9333 22.359L14.9453 17.1279C15.2457 16.3469 15.3401 16.1218 15.4692 15.9402C15.5988 15.758 15.758 15.5988 15.9402 15.4692C16.1218 15.3401 16.3469 15.2457 17.1279 14.9453L22.359 12.9333C22.7452 12.7848 23 12.4138 23 12C23 11.5862 22.7452 11.2152 22.359 11.0667L17.1279 9.0547C16.3469 8.7543 16.1218 8.6599 15.9402 8.53078C15.758 8.40122 15.5988 8.24202 15.4692 8.05981C15.3401 7.87822 15.2457 7.65315 14.9453 6.87211L12.9333 1.64102Z" />
 </svg>`;
@@ -7753,6 +7813,12 @@ const Stars = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" strok
 </svg>
 `;
 
+const StopSquare = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 9.6C8 9.03995 8 8.75992 8.10899 8.54601C8.20487 8.35785 8.35785 8.20487 8.54601 8.10899C8.75992 8 9.03995 8 9.6 8H14.4C14.9601 8 15.2401 8 15.454 8.10899C15.6422 8.20487 15.7951 8.35785 15.891 8.54601C16 8.75992 16 9.03995 16 9.6V14.4C16 14.9601 16 15.2401 15.891 15.454C15.7951 15.6422 15.6422 15.7951 15.454 15.891C15.2401 16 14.9601 16 14.4 16H9.6C9.03995 16 8.75992 16 8.54601 15.891C8.35785 15.7951 8.20487 15.6422 8.10899 15.454C8 15.2401 8 14.9601 8 14.4V9.6Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const StripeBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2695 7.13648C10.2695 6.109 11.1386 5.7115 12.5428 5.7115C14.8668 5.7609 17.1473 6.34144 19.204 7.40723V1.20481C17.0833 0.384858 14.8213 -0.02389 12.5428 0.0010786C7.13022 0.0010786 3.5 2.79029 3.5 7.44773C3.5 14.7346 13.671 13.5511 13.671 16.6921C13.671 17.9206 12.6038 18.3016 11.102 18.3016C8.8874 18.3016 6.02713 17.4001 3.78359 16.2001V22.4835C6.09346 23.4723 8.58371 23.9883 11.1027 24C16.6655 24 20.5 21.2963 20.5 16.5579C20.5 8.69346 10.2695 10.0982 10.2695 7.13798V7.13648Z" fill="#6772E5"/>
 </svg>
@@ -11869,6 +11935,7 @@ const ZW = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
 const Icons = {
     alertCircle: AlertCircle,
     alertTriangle: AlertTriangle,
+    alignVerticalCenter: AlignVerticalCenter,
     angelListBrand: AngelListBrand,
     angelList: AngelList,
     appleBrand: AppleBrand,
@@ -11878,6 +11945,7 @@ const Icons = {
     arrowCircleDownFilled: ArrowCircleDownFilled,
     arrowNarrow: ArrowNarrow,
     arrow: Arrow,
+    asterisk: Asterisk,
     backupKit: BackupKit,
     bank: Bank,
     baseBrand: BaseBrand,
@@ -11890,14 +11958,17 @@ const Icons = {
     celoBrand: CeloBrand,
     checkCircleFilled: CheckCircleFilled,
     checkCircle: CheckCircle,
+    checkSquare: CheckSquare,
     check: Check,
     chevronDown: ChevronDown,
+    chevronRight: ChevronRight,
     chevronSelectorVertical: ChevronSelectorVertical,
     chevronUp: ChevronUp,
     clock: Clock,
     close: Close,
     clubhouseBrand: ClubhouseBrand,
     clubhouse: Clubhouse,
+    code: Code,
     copy07: Copy07,
     copy: Copy,
     cosmos: Cosmos,
@@ -11937,6 +12008,7 @@ const Icons = {
     globe: Globe,
     googleBrand: GoogleBrand,
     google: Google,
+    gridDots: GridDots,
     helpCircle: HelpCircle,
     heroAlertCircle: HeroAlertCircle,
     heroCheckmarkCapsule: HeroCheckmarkCapsule,
@@ -11968,10 +12040,12 @@ const Icons = {
     logOut: LogOut,
     mail: Mail,
     menu: Menu,
+    monitor: Monitor,
     moonpayBrand: MoonpayBrand,
     moreLoginOptions: MoreLoginOptions,
     motorola: Motorola,
     optimismBrand: OptimismBrand,
+    passcode: Passcode,
     phone: Phone,
     pintrestBrand: PintrestBrand,
     pintrest: Pintrest,
@@ -11991,6 +12065,7 @@ const Icons = {
     search: Search,
     send: Send,
     settings: Settings,
+    share: Share,
     shield: Shield,
     signalBrand: SignalBrand,
     signal: Signal,
@@ -11998,8 +12073,10 @@ const Icons = {
     snapchatBrand: SnapchatBrand,
     snapchat: Snapchat,
     solana: Solana,
+    spacingHeight: SpacingHeight,
     star04Filled: Star04Filled,
     stars: Stars,
+    stopSquare: StopSquare,
     stripeBrand: StripeBrand,
     telegramBrand: TelegramBrand,
     telegram: Telegram,
@@ -21188,6 +21265,9 @@ const CpslSelect = class {
         this.showOptionalLabel = false;
         this.showSearch = false;
         this.searchPlaceholder = undefined;
+        this.selectedItemColor = 'primary';
+        this.selectedItemVariant = 'bodyM';
+        this.selectedItemWeight = 'regular';
     }
     onValueChange() {
         this.popoverEl.closePopover();
@@ -21211,10 +21291,10 @@ const CpslSelect = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: '07196d4cfb2df16bc25e70eca2e70c075ec192d9', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.selectedValue) } }, this.label && (h("label", { key: '0d5f157c22dcbe6cb804f95c86fccf09be5f2db1', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: 'f1717a5a7acf3834b1fabbe960c0951a8bef0156', part: "select-container", id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onMouseDown: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && h("slot", { key: 'c4031550e20504d14d091a36af499e09f948399c', name: "selected-item" }), h("div", { key: 'f46cdd6d89995c29730c5143b8b094a551db095e', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (h("cpsl-text", { key: 'cfa104452575ee2075436fbd2d03e4ec8b7744ea', class: { 'selected-text': true, 'placeholder': !this.selectedValue } }, !this.selectedValue ? ((_a = this.placeholder) !== null && _a !== void 0 ? _a : 'Select') : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : this.selectedValue)))), h("cpsl-icon", { key: '3f573b3bd0d083e36a32661bfbefdeebf0c1c1e3', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': Boolean(this.selectedValue) }, icon: this.icon }), h("input", { key: 'c8160d5dd425d1d34420699040226d7a5fa96788', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" }), h("cpsl-popover", { key: '67c237d3559c8b1c87668017adb494394f8892f7', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, h("div", { key: 'e7d06e0286caba81b827880f93b9f3fd0562c920', part: "dropdown", class: "dropdown" }, this.showSearch && (h("div", { key: '6b90fb7f145061e255b7a5fefe9135939da451cd', class: "search-container" }, h("cpsl-input", { key: 'de22c0f8e4e54b53ba2d01735d9f3b5b701de49e', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
+        return (h(Host, { key: 'fe4b4214c2e609f3a1f3195d4a28c94fe04f701f', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.selectedValue) } }, this.label && (h("label", { key: 'daf3c76effc973b06f1cb7cb3d76f7b429563106', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: '79e50eb982e420e7323b2d7a5c9055426ba630d9', part: "select-container", id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onMouseDown: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && h("slot", { key: '1be525e72afa517122497928114994bada0d3222', name: "selected-item" }), h("div", { key: '9cb6915772ac766db42bd4e574e651d0496ad729', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (h("cpsl-text", { key: '012cb75ba3e6b5195b01ca813d88372ebabca96d', class: { 'selected-text': true, 'placeholder': !this.selectedValue }, part: "selected-text", color: this.selectedItemColor, variant: this.selectedItemVariant, weight: this.selectedItemWeight }, !this.selectedValue ? ((_a = this.placeholder) !== null && _a !== void 0 ? _a : 'Select') : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : this.selectedValue)))), h("cpsl-icon", { key: 'e7604d1ebc92380bc0f7657d703c9fd591063d10', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': Boolean(this.selectedValue) }, icon: this.icon }), h("input", { key: '004c282781668e14e1c92131b7f7fb408cc09b60', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" }), h("cpsl-popover", { key: '2893667f478ec0ff149968ca6c96d1a9d88b8b03', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, h("div", { key: '4c2d1d5c0736a485ad9c2e6712b1774e1603ffa3', part: "dropdown", class: "dropdown" }, this.showSearch && (h("div", { key: 'fcdee1d69d693296b7f2b26fdb92437798b91e77', class: "search-container" }, h("cpsl-input", { key: 'bd4daffa66a6cd441e84174404fbc0190464b7d5', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
                 e.stopPropagation();
                 this.cpslSearchChange.emit(e.detail.value);
-            } }))), h("div", { key: '53640295e97e86c68978cb5269c13a2f87a89bd0', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, h("slot", { key: 'e338a82fe28a6e9cfc035f238964252652aae6e0', name: "items" }))))), (this.errorText || this.helperText) && (h("div", { key: '9dc72e327dda99f54959ea6656c5eb23d3f38b51', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: '19e164fa3fa038f6423d98b79d161c6161bc7160' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
+            } }))), h("div", { key: 'd0b509f4bd521b70566d08048b21449d045b01ce', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, h("slot", { key: 'b77a447bdcc9bfb2206d2ea7f1b1854536294f3a', name: "items" }))))), (this.errorText || this.helperText) && (h("div", { key: '5125e02005dced6cf5ea9ce6a37c4d519cab9a9a', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: 'fa4067cc98422b24bec6a1295f39e9b53ec843f7' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {