@getpara/core-components 2.0.0-alpha.7 → 2.0.0-alpha.71

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, c as createEvent, g as getElement, F as Fragment } from './index-91db3414.js';
 import { M as MOBILE_SIZE, a as DEFAULT_Z_INDICES } from './constants-fce138fa.js';
 
-const cpslAlertCss = ":host{--container-gap:8px;--container-padding-top:14px;--container-padding-bottom:14px;--container-padding-start:16px;--container-padding-end:16px;--container-font-size:var(--cpsl-font-size-body-m);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-alert);--container-background-color:var(--cpsl-color-background-0);--container-color:var(--cpsl-color-text-primary);--container-icon-color:var(--container-color);--container-align-items:center;--container-justify-content:center;--title-container-gap:8px;--title-container-align-items:center;--title-container-justify-content:center;display:inline-block;font-family:var(--cpsl-font-family, inherit)}:host(.error){--container-border-color:var(--cpsl-color-utility-red)}:host(.error):host(.filled){--container-background-color:var(--cpsl-color-utility-red-light)}:host(.warning){--container-border-color:var(--cpsl-color-utility-yellow)}:host(.warning):host(.filled){--container-background-color:var(--cpsl-color-utility-yellow-light)}:host(.success){--container-border-color:var(--cpsl-color-utility-green)}:host(.success):host(.filled){--container-background-color:var(--cpsl-color-utility-green-light)}:host cpsl-icon{--icon-color:var(--container-icon-color);--height:20px;--width:20px}.alert-container{border-radius:var(--container-border-radius);-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);font-size:var(--container-font-size);display:flex;flex-direction:column;align-items:var(--container-align-items);justify-content:var(--container-justify-content);gap:var(--container-gap);border-style:solid;border-width:var(--container-border-width);border-color:var(--container-border-color);background-color:var(--container-background-color);color:var(--container-color)}.title-container{display:flex;align-items:var(--title-container-align-items);justify-content:var(--title-container-justify-content);gap:var(--title-container-gap)}";
+const cpslAlertCss = ":host{--container-gap:8px;--container-padding-top:8px;--container-padding-bottom:8px;--container-padding-start:8px;--container-padding-end:8px;--container-font-size:var(--cpsl-font-size-body-s);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-alert);--container-background-color:var(--cpsl-color-background-0);--container-color:var(--cpsl-color-text-primary);--container-icon-color:var(--container-color);--container-align-items:center;--container-justify-content:center;--title-container-gap:8px;--title-container-align-items:flex-start;--title-container-justify-content:center;display:inline-block;font-family:var(--cpsl-font-family, inherit)}:host(.error){--container-color:var(--cpsl-color-black);--container-icon-color:var(--cpsl-color-utility-red);--container-border-color:var(--cpsl-color-utility-red)}:host(.error):host(.filled){--container-background-color:var(--cpsl-color-utility-red-light)}:host(.warning){--container-color:var(--cpsl-color-black);--container-icon-color:var(--cpsl-color-utility-yellow);--container-border-color:var(--cpsl-color-utility-yellow)}:host(.warning):host(.filled){--container-background-color:var(--cpsl-color-utility-yellow-light)}:host(.success){--container-color:var(--cpsl-color-black);--container-icon-color:var(--cpsl-color-utility-green);--container-border-color:var(--cpsl-color-utility-green)}:host(.success):host(.filled){--container-background-color:var(--cpsl-color-utility-green-light)}:host cpsl-icon{--icon-color:var(--container-icon-color);--height:24px;--width:24px}.alert-container{border-radius:var(--container-border-radius);-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);font-size:var(--container-font-size);display:flex;flex-direction:column;align-items:var(--container-align-items);justify-content:var(--container-justify-content);gap:var(--container-gap);border-style:solid;border-width:var(--container-border-width);border-color:var(--container-border-color);background-color:var(--container-background-color);color:var(--container-color)}.title-container{display:flex;align-items:var(--title-container-align-items);justify-content:var(--title-container-justify-content);gap:var(--title-container-gap)}";
 const CpslAlertStyle0 = cpslAlertCss;
 
 const CpslAlert = class {
@@ -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(.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 cpslAuthModalCss = ":host{--container-width:420px;--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:24px;--card-padding-start:24px;--card-padding-end:24px;--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();
@@ -6396,7 +6396,6 @@ const CpslCodeInput = class {
         registerInstance(this, hostRef);
         this.cpslInput = createEvent(this, "cpslInput", 7);
         this.handleInput = (ind, ev) => {
-            var _a;
             const inputElements = this.inputs;
             // If getting an insertFromPaste remove the last element value since the value setting is handled in the paste event
             if (ev.inputType === 'insertFromPaste') {
@@ -6405,42 +6404,110 @@ const CpslCodeInput = class {
             }
             if (ev.inputType === 'insertText') {
                 if (this.type === 'number' && isNaN(parseInt(ev.data))) {
+                    ev.preventDefault();
                     inputElements[ind].value = '';
                     return;
                 }
-                const newCode = `${(_a = this.code) !== null && _a !== void 0 ? _a : ''}${ev.data}`;
-                inputElements[Math.min(this.length - 1, newCode.length)].focus();
+                // Prevent the default behavior FIRST
+                ev.preventDefault();
+                // Build the new code from the current component state, not the DOM
+                const currentCode = this.code || '';
+                // Insert the new character at the focused position, not at the end
+                const beforeFocused = currentCode.substring(0, ind);
+                const afterFocused = currentCode.substring(ind + 1);
+                const newCode = beforeFocused + ev.data + afterFocused;
+                // Prevent input beyond the maximum length
+                if (newCode.length > this.length) {
+                    return;
+                }
+                // Update the component state and emit event
                 this.cpslInput.emit({ value: newCode });
                 this.code = newCode;
+                // Update the specific input that was typed in
+                inputElements[ind].value = ev.data;
+                // Focus next input if not at the end
+                if (ind < this.length - 1) {
+                    // Set flag to prevent handleFocus from interfering
+                    this.isArrowNavigation = true;
+                    setTimeout(() => {
+                        inputElements[ind + 1].focus();
+                        this.isArrowNavigation = false;
+                    }, 0);
+                }
             }
         };
+        this.isArrowNavigation = false;
         this.handleKeyDown = (ind, ev) => {
             const inputElements = this.inputs;
             switch (ev.key) {
                 case 'Backspace': {
                     let newCode;
                     if (!inputElements[ind].value) {
-                        inputElements[Math.max(0, ind - 1)].value = '';
-                        inputElements[Math.max(0, ind - 1)].focus();
-                        newCode = this.code.substring(0, ind - 1);
+                        // If current input is empty, move to previous and clear it
+                        if (ind > 0) {
+                            inputElements[ind - 1].value = '';
+                            setTimeout(() => {
+                                inputElements[ind - 1].focus();
+                            }, 0);
+                            // Remove character at previous position
+                            const currentCode = this.code || '';
+                            newCode = currentCode.substring(0, ind - 1) + currentCode.substring(ind);
+                        }
+                        else {
+                            newCode = this.code;
+                        }
                     }
                     else {
-                        newCode = this.code.substring(0, ind);
+                        // Clear current input and remove character at current position
+                        inputElements[ind].value = '';
+                        const currentCode = this.code || '';
+                        newCode = currentCode.substring(0, ind) + currentCode.substring(ind + 1);
                     }
                     this.cpslInput.emit({ value: newCode });
                     this.code = newCode;
                     break;
                 }
                 case 'ArrowLeft': {
-                    setTimeout(() => {
-                        this.inputs[ind].setSelectionRange(1, 1);
-                    }, 0);
+                    ev.preventDefault();
+                    if (ind > 0) {
+                        this.isArrowNavigation = true;
+                        setTimeout(() => {
+                            inputElements[ind - 1].focus();
+                            this.isArrowNavigation = false;
+                        }, 0);
+                    }
+                    break;
+                }
+                case 'ArrowRight': {
+                    ev.preventDefault();
+                    if (ind < this.length - 1) {
+                        this.isArrowNavigation = true;
+                        setTimeout(() => {
+                            inputElements[ind + 1].focus();
+                            this.isArrowNavigation = false;
+                        }, 0);
+                    }
                     break;
                 }
             }
         };
         this.handleFocus = (ind) => {
             const inputElements = this.inputs;
+            // Don't interfere with arrow key navigation
+            if (this.isArrowNavigation) {
+                setTimeout(() => {
+                    inputElements[ind].setSelectionRange(1, 1);
+                }, 0);
+                return;
+            }
+            // If the focused input already has a value, allow it to stay focused (user clicked on it)
+            if (inputElements[ind].value) {
+                setTimeout(() => {
+                    inputElements[ind].setSelectionRange(1, 1);
+                }, 0);
+                return;
+            }
+            // Otherwise, use the default focus logic (find first empty or go to last)
             for (const input of inputElements) {
                 if (!input.value) {
                     input.focus();
@@ -6457,21 +6524,28 @@ const CpslCodeInput = class {
         };
         this.handlePaste = (e) => {
             const inputElements = this.inputs;
-            const pastedCode = e.clipboardData.getData('text');
-            if (this.type === 'number' && isNaN(parseInt(pastedCode))) {
-                // Remove illegal value from the first input. Not using a timeout here doesn't change the value properly.
-                setTimeout(() => {
-                    inputElements[0].value = '';
-                }, 0);
-                return;
+            let pastedCode = e.clipboardData.getData('text');
+            // Filter based on type
+            if (this.type === 'number') {
+                // Remove all non-numeric characters
+                pastedCode = pastedCode.replace(/\D/g, '');
+                // If no valid numbers remain, clear and return
+                if (!pastedCode) {
+                    setTimeout(() => {
+                        inputElements[0].value = '';
+                    }, 0);
+                    return;
+                }
             }
+            // Truncate pasted code to match the expected length
+            const truncatedCode = pastedCode.substring(0, this.length);
             this.cpslInput.emit({
-                value: pastedCode,
+                value: truncatedCode,
             });
             inputElements.forEach((input, index) => {
-                input.value = pastedCode.charAt(index);
+                input.value = truncatedCode.charAt(index) || '';
             });
-            inputElements[Math.min(this.length - 1, pastedCode.length)].focus();
+            inputElements[Math.min(this.length - 1, truncatedCode.length)].focus();
         };
         this.code = undefined;
         this.errorText = undefined;
@@ -6479,17 +6553,29 @@ const CpslCodeInput = class {
         this.length = undefined;
         this.type = 'number';
     }
+    watchCodeProp(newCode) {
+        // Update the input values when the code prop changes externally
+        const inputElements = this.inputs;
+        if (inputElements.length > 0) {
+            inputElements.forEach((input, index) => {
+                input.value = (newCode === null || newCode === void 0 ? void 0 : newCode[index]) || '';
+            });
+        }
+    }
     get inputs() {
         return Array.from(this.el.shadowRoot.querySelectorAll('input'));
     }
     render() {
         var _a;
-        return (h(Host, { key: '9c620c8eb41b595e672e2b7d22944e37de630f73' }, h("div", { key: 'd8e870d0b15b90cfccd78ba5f15cf7b9c0680f0a', class: "code-container" }, new Array(this.length).fill(0).map((_, i) => {
+        return (h(Host, { key: '82961090c1a837f782588d3acea703550b1b0a44' }, h("div", { key: '0dac1cc8d80b7fb67e334b995172b82c03443394', class: "code-container" }, new Array(this.length).fill(0).map((_, i) => {
             var _a, _b;
             return (h("input", { class: { 'code-input': true, 'error': Boolean(this.errorText), 'has-value': ((_a = this.code) === null || _a === void 0 ? void 0 : _a[i]) !== undefined }, id: `code-input-${i}`, onKeyDown: ev => this.handleKeyDown(i, ev), onInput: ev => this.handleInput(i, ev), onFocus: () => this.handleFocus(i), onPaste: this.handlePaste, min: 0, max: 9, value: (_b = this.code) === null || _b === void 0 ? void 0 : _b[i], inputMode: this.type === 'number' ? 'numeric' : 'text' }));
-        })), (this.errorText || this.helperText) && (h("div", { key: '532bccdc9d9135f4728c503c77b3795440a3607a', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { key: '02db8b47b661f64f2fb3073827aef50d7b94f1f3', icon: this.errorText ? 'alertCircle' : 'infoCircle' }), h("span", { key: '228b294db359a308d3e76f2ce3c5d17b2d039781' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
+        })), (this.errorText || this.helperText) && (h("div", { key: 'c3c2d5a629d0d2bbcc886386a5942477c735831d', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { key: 'd75171ab8641592d939b0883ae5f686520dacff6', icon: this.errorText ? 'alertCircle' : 'infoCircle' }), h("span", { key: 'dc9808b19dadc26db49bb79b16b89020822b177b' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
     }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "code": ["watchCodeProp"]
+    }; }
 };
 CpslCodeInput.style = CpslCodeInputStyle0;
 
@@ -6641,6 +6727,11 @@ const ArrowCircleDownFilled = `<svg width="32" height="32" viewBox="0 0 32 32" f
     stroke-linecap="round" stroke-linejoin="round" />
 </svg>`;
 
+const ArrowCircleDown = `<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.5 12L12.5 16M12.5 16L16.5 12M12.5 16V8M22.5 12C22.5 17.5228 18.0228 22 12.5 22C6.97715 22 2.5 17.5228 2.5 12C2.5 6.47715 6.97715 2 12.5 2C18.0228 2 22.5 6.47715 22.5 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const ArrowNarrow = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
@@ -6656,6 +6747,16 @@ const Asterisk = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xm
 </svg>
 `;
 
+const Backpack = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_209_2883" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="0" width="17" height="24">
+<path d="M20.5 0H4V24H20.5V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_209_2883)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.813 1.88708C14.6853 1.88708 15.5035 2.00402 16.2612 2.22089C15.5195 0.492254 13.9795 0 12.2656 0C10.5483 0 9.00565 0.494188 8.26562 2.23107C9.01765 2.00657 9.83236 1.88708 10.7017 1.88708H13.813ZM10.5022 3.62256C6.36003 3.62256 4 6.88114 4 10.9008V15.03C4 15.432 4.33579 15.75 4.75 15.75H19.75C20.1642 15.75 20.5 15.432 20.5 15.03V10.9008C20.5 6.88114 17.7556 3.62256 13.6135 3.62256H10.5022ZM12.2441 10.9365C13.6939 10.9365 14.8692 9.76123 14.8692 8.31153C14.8692 6.86178 13.6939 5.68653 12.2441 5.68653C10.7944 5.68653 9.61914 6.86178 9.61914 8.31153C9.61914 9.76123 10.7944 10.9365 12.2441 10.9365ZM4 18.1771C4 17.7751 4.33579 17.4492 4.75 17.4492H19.75C20.1642 17.4492 20.5 17.7751 20.5 18.1771V22.544C20.5 23.3479 19.8284 23.9997 19 23.9997H5.5C4.67157 23.9997 4 23.3479 4 22.544V18.1771Z" fill="#E33E3F"/>
+</g>
+</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"/>
@@ -6672,6 +6773,15 @@ const BaseBrand = `<svg width="111" height="111" viewBox="0 0 111 111" fill="non
 </svg>
 `;
 
+const BeraBrand = `<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" rx="13.4149" fill="black"/>
+<rect width="80" height="80" rx="13.4149" fill="#814625"/>
+<path d="M52.3122 48.3965V45.2188C54.1532 44.548 55.4937 42.4648 55.4937 39.9992C55.4937 37.5335 54.1532 35.4445 52.3122 34.7795V31.6018C54.046 30.9722 55.3388 29.0832 55.4818 26.8H53.3727V27.7709C53.3727 28.5183 52.9438 29.1774 52.3122 29.5069V29.0538C52.3122 28.3888 51.7641 27.8474 51.0909 27.8474H50.9837C50.3104 27.8474 49.7623 28.3888 49.7623 29.0538V29.5069C49.1308 29.1774 48.7018 28.5242 48.7018 27.7709V26.8H46.5928C46.7357 29.0832 48.0286 30.9722 49.7623 31.6018V34.7795C47.9273 35.4445 46.5808 37.5276 46.5808 39.9992C46.5808 42.4707 47.9213 44.5538 49.7623 45.2188V48.3965C48.0286 49.0261 46.7357 50.9151 46.5928 53.1983H48.7018V52.2274C48.7018 51.48 49.1308 50.821 49.7623 50.4914V50.9445C49.7623 51.6095 50.3104 52.1509 50.9837 52.1509H51.0909C51.7641 52.1509 52.3122 51.6095 52.3122 50.9445V50.4914C52.9438 50.821 53.3727 51.4741 53.3727 52.2274V53.1983H55.4818C55.3388 50.9151 54.046 49.0261 52.3122 48.3965ZM48.7018 41.3879V38.6045C48.7018 37.8572 49.1308 37.1981 49.7623 36.8685V37.3217C49.7623 37.9866 50.3104 38.528 50.9837 38.528H51.0909C51.7641 38.528 52.3122 37.9866 52.3122 37.3217V36.8685C52.9438 37.1981 53.3727 37.8513 53.3727 38.6045V41.3879C53.3727 42.1353 52.9438 42.7943 52.3122 43.1239V42.6708C52.3122 42.0058 51.7641 41.4644 51.0909 41.4644H50.9837C50.3104 41.4644 49.7623 42.0058 49.7623 42.6708V43.1239C49.1367 42.7943 48.7018 42.1412 48.7018 41.3879Z" fill="white"/>
+<path d="M65.2526 41.688V38.3044C67.0935 37.6335 68.434 35.5504 68.434 33.0847C68.434 30.6191 67.0935 28.53 65.2526 27.8651V26.8H62.7086V27.8651C60.8676 28.5359 59.5271 30.6191 59.5271 33.0847C59.5271 35.5504 60.8676 37.6394 62.7086 38.3044V41.688C60.8676 42.3589 59.5271 44.442 59.5271 46.9077C59.5271 49.3733 60.8676 51.4623 62.7086 52.1273V53.1924H65.2526V52.1273C67.0935 51.4565 68.434 49.3733 68.434 46.9077C68.434 44.442 67.0935 42.3589 65.2526 41.688ZM61.6421 34.4735V31.6901C61.6421 30.9427 62.0711 30.2836 62.7026 29.9541V30.4072C62.7026 31.0722 63.2508 31.6136 63.924 31.6136H64.0253C64.6985 31.6136 65.2466 31.0722 65.2466 30.4072V29.9541C65.8781 30.2836 66.3071 30.9368 66.3071 31.6901V34.4735C66.3071 35.2208 65.8781 35.8799 65.2466 36.2094V35.7563C65.2466 35.0914 64.6985 34.55 64.0253 34.55H63.918C63.2448 34.55 62.6967 35.0914 62.6967 35.7563V36.2094C62.0771 35.8799 61.6421 35.2267 61.6421 34.4735ZM66.3131 48.3023C66.3131 49.0497 65.8841 49.7087 65.2526 50.0383V49.3733C65.2526 48.7084 64.7045 48.167 64.0312 48.167H63.9299C63.2567 48.167 62.7086 48.7084 62.7086 49.3733V50.0383C62.0771 49.7087 61.6481 49.0555 61.6481 48.3023V45.5189C61.6481 44.7715 62.0771 44.1125 62.7086 43.7829V44.0242C62.7086 44.6892 63.2567 45.2306 63.9299 45.2306H64.0372C64.7104 45.2306 65.2585 44.6892 65.2585 44.0242V43.7829C65.8901 44.1125 66.319 44.7657 66.319 45.5189V48.3023H66.3131Z" fill="white"/>
+<path d="M37.6059 37.3048C37.5821 37.1695 37.5523 37.04 37.5046 36.9164C37.5225 36.887 41.4785 31.4437 37.8144 28.0777C34.1563 24.7117 29.8846 29.1017 29.8608 29.1252C29.1816 28.9133 28.4964 28.7839 27.8172 28.725C27.8172 28.725 27.8172 28.725 27.8113 28.725C26.4172 28.4955 24.463 28.725 24.463 28.725C23.7898 28.7839 23.1106 28.9133 22.4373 29.1193C22.4135 29.0958 18.1418 24.7059 14.4837 28.0718C10.8256 31.4378 14.7756 36.887 14.7935 36.9105C14.7518 37.04 14.716 37.1695 14.6922 37.2989C14.299 39.6292 11.6001 40.3471 11.6001 44.4075C11.6001 48.5444 14.4182 51.8045 20.1734 51.8045H22.5327C22.5446 51.8162 23.4561 53.0991 25.3388 53.1756C25.3388 53.1756 25.7737 53.2227 26.7746 53.1874C28.7705 53.1874 29.7416 51.828 29.7476 51.8104H32.1069C37.8621 51.8104 40.6801 48.5503 40.6801 44.4134C40.698 40.3589 37.9991 39.6351 37.6059 37.3048Z" fill="white"/>
+</svg>
+`;
+
 const Brush = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M20 10V3.6C20 3.03995 20 2.75992 19.891 2.54601C19.7951 2.35785 19.6422 2.20487 19.454 2.10899C19.2401 2 18.9601 2 18.4 2H5.6C5.03995 2 4.75992 2 4.54601 2.10899C4.35785 2.20487 4.20487 2.35785 4.10899 2.54601C4 2.75992 4 3.03995 4 3.6V10M20 10H4M20 10V10.2C20 11.8802 20 12.7202 19.673 13.362C19.3854 13.9265 18.9265 14.3854 18.362 14.673C17.7202 15 16.8802 15 15.2 15H8.8C7.11984 15 6.27976 15 5.63803 14.673C5.07354 14.3854 4.6146 13.9265 4.32698 13.362C4 12.7202 4 11.8802 4 10.2V10M14.5 15V19.5C14.5 20.8807 13.3807 22 12 22C10.6193 22 9.5 20.8807 9.5 19.5V15" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
@@ -6762,6 +6872,18 @@ const Code = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns=
 </svg>
 `;
 
+const Coinbase = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_144_3118)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM7.48479 6.73468C7.07058 6.73468 6.73479 7.07047 6.73479 7.48468V12.5153C6.73479 12.9295 7.07058 13.2653 7.48479 13.2653H12.5154C12.9296 13.2653 13.2654 12.9295 13.2654 12.5153V7.48468C13.2654 7.07047 12.9296 6.73468 12.5154 6.73468H7.48479Z" fill="#2C5FF6"/>
+</g>
+<defs>
+<clipPath id="clip0_144_3118">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</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"/>
@@ -6774,6 +6896,11 @@ const Copy = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke
 </svg>
 `;
 
+const CosmosCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <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="black"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4626 9.5356L9.58638 13.412C9.53639 13.315 9.49129 13.2139 9.45085 13.1091C9.31548 12.7569 9.2478 12.3832 9.2478 11.9886C9.2478 11.5936 9.31548 11.22 9.45085 10.8678C9.58638 10.5155 9.77409 10.2098 10.0141 9.95031C10.2541 9.69103 10.5426 9.48593 10.8793 9.3349C11.2161 9.18401 11.5857 9.10849 11.9882 9.10849C12.3909 9.10849 12.7626 9.18589 13.103 9.34085C13.2296 9.39835 13.3495 9.46321 13.4626 9.5356ZM13.1205 14.6652C12.7837 14.8163 12.4141 14.8917 12.0116 14.8917C11.6089 14.8917 11.2373 14.8143 10.8967 14.6595C10.7702 14.6018 10.6504 14.5369 10.5374 14.4644L14.4135 10.5883C14.4634 10.6852 14.5086 10.786 14.549 10.891C14.6844 11.2432 14.7521 11.6169 14.7521 12.0117C14.7521 12.4066 14.6844 12.7801 14.549 13.1325C14.4135 13.4847 14.2258 13.7904 13.9857 14.0497C13.7457 14.309 13.4574 14.5142 13.1205 14.6652ZM13.707 15.8671C14.2258 15.6426 14.6748 15.3388 15.0541 14.9554C15.4334 14.5723 15.7275 14.1252 15.9366 13.6143C16.1457 13.1033 16.2502 12.5614 16.2502 11.9886C16.2502 11.4156 16.1457 10.8736 15.9366 10.3626C15.8126 10.0596 15.66 9.77971 15.4789 9.52291L18 7.0018L16.9982 6L14.4694 8.52879C14.2424 8.37399 13.9959 8.24019 13.7302 8.12722C13.2114 7.90662 12.6386 7.79616 12.0116 7.79616C11.3844 7.79616 10.8116 7.9085 10.2928 8.13302C9.77409 8.35754 9.32504 8.66134 8.94572 9.04457C8.5664 9.42781 8.27215 9.87498 8.06315 10.3859C7.85415 10.8968 7.74963 11.4388 7.74963 12.0117C7.74963 12.5846 7.85415 13.1263 8.06315 13.6375C8.18724 13.9406 8.33983 14.2204 8.52097 14.4774L6 16.9982L7.0018 18L9.53043 15.4713C9.75746 15.6262 10.0039 15.76 10.2696 15.8729C10.7884 16.0936 11.3612 16.2038 11.9882 16.2038C12.6154 16.2038 13.1882 16.0915 13.707 15.8671Z" fill="white"/>
+</svg>`;
+
 const Cosmos = `<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2500 2500">
   <title>cosmos-atom-logo</title>
   <circle cx="1250" cy="1250" r="1250" style="fill:#2e3148"/>
@@ -6788,6 +6915,19 @@ const Cosmos = `<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2
 </svg>
 `;
 
+const Cosmostation = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_305_2)">
+<path d="M17.3429 2.71582H9.6477C9.45598 2.716 9.26767 2.76654 9.10162 2.86238C8.93556 2.95822 8.7976 3.09599 8.70153 3.26191L4.85389 9.92566C4.75769 10.0916 4.70703 10.28 4.70703 10.4718C4.70703 10.6635 4.75769 10.8519 4.85389 11.0179L8.70153 17.6816L10.5936 16.5895L7.06318 10.4718L10.2792 4.9002H16.7141L20.2473 11.0178L22.1394 9.92562L18.2889 3.26191C18.1931 3.09579 18.0552 2.95785 17.8892 2.86198C17.7231 2.76611 17.5347 2.7157 17.3429 2.71582Z" fill="#9C6CFF"/>
+<path d="M15.2749 6.33691L13.3828 7.4291L16.916 13.5468L13.7 19.1183H7.26516L3.73195 13.0006L1.83984 14.0929L5.68748 20.7566C5.78336 20.9227 5.92127 21.0606 6.08734 21.1564C6.25341 21.2523 6.44179 21.3028 6.63354 21.3027H14.3288C14.5205 21.3025 14.7088 21.252 14.8749 21.1561C15.0409 21.0603 15.1788 20.9225 15.2749 20.7566L19.1225 14.0929C19.2187 13.927 19.2694 13.7386 19.2694 13.5468C19.2694 13.355 19.2187 13.1666 19.1225 13.0007L15.2749 6.33691Z" fill="#05D2DD"/>
+</g>
+<defs>
+<clipPath id="clip0_305_2">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`;
+
 const CreditCard02 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g id="credit-card-02">
 <path id="Icon" d="M22 10H2M11 14H6M2 8.2L2 15.8C2 16.9201 2 17.4802 2.21799 17.908C2.40973 18.2843 2.71569 18.5903 3.09202 18.782C3.51984 19 4.07989 19 5.2 19L18.8 19C19.9201 19 20.4802 19 20.908 18.782C21.2843 18.5903 21.5903 18.2843 21.782 17.908C22 17.4802 22 16.9201 22 15.8V8.2C22 7.0799 22 6.51984 21.782 6.09202C21.5903 5.7157 21.2843 5.40974 20.908 5.21799C20.4802 5 19.9201 5 18.8 5L5.2 5C4.0799 5 3.51984 5 3.09202 5.21799C2.7157 5.40973 2.40973 5.71569 2.21799 6.09202C2 6.51984 2 7.07989 2 8.2Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -6864,6 +7004,21 @@ const Dot = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" view
 <path d="M5 2.5C3.61929 2.5 2.5 3.61929 2.5 5C2.5 6.38071 3.61929 7.5 5 7.5C6.38071 7.5 7.5 6.38071 7.5 5C7.5 3.61929 6.38071 2.5 5 2.5Z"/>
 </svg>`;
 
+const DotsSquare = `<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.1">
+<rect x="3.55566" y="3.05469" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="3.55566" y="12.2227" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="3.55566" y="21.3887" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="21.8887" y="3.05469" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="21.8887" y="12.2227" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="21.8887" y="21.3887" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="12.7227" y="3.05469" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="12.7227" y="12.2227" width="3.05556" height="3.05556" fill="currentColor"/>
+<rect x="12.7227" y="21.3887" width="3.05556" height="3.05556" fill="currentColor"/>
+</g>
+</svg>
+`;
+
 const Dots = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <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"
@@ -6978,6 +7133,16 @@ const EmptyCircle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
 </svg>
 `;
 
+const EthCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <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="#627EEA"/>
+  <path d="M12.3735 3V9.6525L17.9963 12.165L12.3735 3Z" fill="white" fill-opacity="0.602"/>
+  <path d="M12.3735 3L6.75 12.165L12.3735 9.6525V3Z" fill="white"/>
+  <path d="M12.3735 16.4762V20.9964L18 13.2122L12.3735 16.4762Z" fill="white" fill-opacity="0.602"/>
+  <path d="M12.3735 20.9964V16.4754L6.75 13.2122L12.3735 20.9964Z" fill="white"/>
+  <path d="M12.3735 15.4298L17.9963 12.1651L12.3735 9.65405V15.4298Z" fill="white" fill-opacity="0.2"/>
+  <path d="M6.75 12.1651L12.3735 15.4298V9.65405L6.75 12.1651Z" fill="white" fill-opacity="0.602"/>
+</svg>`;
+
 const Ethereum = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
   <path d="M15 9.99996L10 13.3333L5 9.99996L10 1.66663L15 9.99996Z" fill="black"/>
   <path d="M10 14.1666L5 10.8333L10 18.3333L15 10.8333L10 14.1666Z" fill="black"/>
@@ -7104,6 +7269,23 @@ const Globe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" strok
 </svg>
 `;
 
+const Glow = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_209_2889)">
+<mask id="mask0_209_2889" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<path d="M24 0H0V24H24V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_209_2889)">
+<path d="M20.4162 20.5541C18.1738 22.7658 15.1496 24.004 12 24C8.85757 24.0047 5.83965 22.7719 3.59924 20.5684C8.51329 16.6979 15.4966 16.6934 20.4162 20.5541ZM20.5541 20.4162C22.7658 18.1738 24.004 15.1496 24 12C24 8.72948 22.6918 5.76561 20.5706 3.60034C16.6979 8.52873 16.6934 15.4977 20.5541 20.4162ZM20.4339 3.46356C15.5077 7.34406 8.50226 7.33855 3.58048 3.44922C5.82306 1.23529 8.84871 -0.00422474 12 1.08194e-05C15.2871 1.08194e-05 18.2664 1.32256 20.4339 3.46356ZM3.44922 3.58048C1.23529 5.82306 -0.00422474 8.84871 1.08194e-05 12C1.08194e-05 15.2882 1.32256 18.2664 3.46356 20.4339C7.34406 15.5077 7.33855 8.50226 3.44922 3.58048Z" fill="#CC62D5"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_209_2889">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`;
+
 const GoogleBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_106_21172)">
 <path d="M23.7663 12.2764C23.7663 11.4607 23.7001 10.6406 23.559 9.83807H12.2402V14.4591H18.722C18.453 15.9494 17.5888 17.2678 16.3233 18.1056V21.1039H20.1903C22.4611 19.0139 23.7663 15.9274 23.7663 12.2764Z" fill="#4285F4"/>
@@ -7144,6 +7326,23 @@ const GridDots = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xm
 </svg>
 `;
 
+const Haha = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_19505_27)">
+<path d="M20.4 0H3.6C1.61177 0 0 1.61177 0 3.6V20.4C0 22.3882 1.61177 24 3.6 24H20.4C22.3882 24 24 22.3882 24 20.4V3.6C24 1.61177 22.3882 0 20.4 0Z" fill="url(#paint0_linear_19505_27)"/>
+<path d="M9.2002 10.7179L14.7998 9.21794V5.19938H18.7998V12.2912L24 10.8976V15.0392L18.7998 16.4318V18.799H14.7998V13.3595L9.2002 14.8595V18.799H5.2002V15.9308L5.19922 15.9318V11.7912L5.2002 11.7902V11.7882L0 13.1818V9.0402L5.2002 7.64762V5.19938H9.2002V10.7179Z" fill="white"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_19505_27" x1="0" y1="24" x2="24" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#11A9FF"/>
+<stop offset="1" stop-color="#FC65FF"/>
+</linearGradient>
+<clipPath id="clip0_19505_27">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</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>
@@ -7361,6 +7560,38 @@ const Instagram = `<svg width="24" height="24" viewBox="0 0 24 24" fill="current
 </svg>
 `;
 
+const Keplr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1036_1154)">
+<path d="M0 10.2C0 6.27186 7.15256e-08 4.30784 0.88416 2.86501C1.3789 2.05768 2.05767 1.3789 2.86501 0.884154C4.30783 -1.43051e-07 6.27186 0 10.2 0H13.8C17.7281 0 19.6922 -1.43051e-07 21.135 0.884154C21.9423 1.3789 22.6211 2.05768 23.1158 2.86501C24 4.30784 24 6.27186 24 10.2V13.8C24 17.7281 24 19.6922 23.1158 21.135C22.6211 21.9424 21.9423 22.6211 21.135 23.1158C19.6922 24 17.7281 24 13.8 24H10.2C6.27186 24 4.30783 24 2.86501 23.1158C2.05767 22.6211 1.3789 21.9424 0.88416 21.135C7.15256e-08 19.6922 0 17.7281 0 13.8V10.2Z" fill="url(#paint0_linear_1036_1154)"/>
+<path d="M0 10.2C0 6.27186 7.15256e-08 4.30784 0.88416 2.86501C1.3789 2.05768 2.05767 1.3789 2.86501 0.884154C4.30783 -1.43051e-07 6.27186 0 10.2 0H13.8C17.7281 0 19.6922 -1.43051e-07 21.135 0.884154C21.9423 1.3789 22.6211 2.05768 23.1158 2.86501C24 4.30784 24 6.27186 24 10.2V13.8C24 17.7281 24 19.6922 23.1158 21.135C22.6211 21.9424 21.9423 22.6211 21.135 23.1158C19.6922 24 17.7281 24 13.8 24H10.2C6.27186 24 4.30783 24 2.86501 23.1158C2.05767 22.6211 1.3789 21.9424 0.88416 21.135C7.15256e-08 19.6922 0 17.7281 0 13.8V10.2Z" fill="url(#paint1_radial_1036_1154)"/>
+<path d="M0 10.2C0 6.27186 7.15256e-08 4.30784 0.88416 2.86501C1.3789 2.05768 2.05767 1.3789 2.86501 0.884154C4.30783 -1.43051e-07 6.27186 0 10.2 0H13.8C17.7281 0 19.6922 -1.43051e-07 21.135 0.884154C21.9423 1.3789 22.6211 2.05768 23.1158 2.86501C24 4.30784 24 6.27186 24 10.2V13.8C24 17.7281 24 19.6922 23.1158 21.135C22.6211 21.9424 21.9423 22.6211 21.135 23.1158C19.6922 24 17.7281 24 13.8 24H10.2C6.27186 24 4.30783 24 2.86501 23.1158C2.05767 22.6211 1.3789 21.9424 0.88416 21.135C7.15256e-08 19.6922 0 17.7281 0 13.8V10.2Z" fill="url(#paint2_radial_1036_1154)"/>
+<path d="M0 10.2C0 6.27186 7.15256e-08 4.30784 0.88416 2.86501C1.3789 2.05768 2.05767 1.3789 2.86501 0.884154C4.30783 -1.43051e-07 6.27186 0 10.2 0H13.8C17.7281 0 19.6922 -1.43051e-07 21.135 0.884154C21.9423 1.3789 22.6211 2.05768 23.1158 2.86501C24 4.30784 24 6.27186 24 10.2V13.8C24 17.7281 24 19.6922 23.1158 21.135C22.6211 21.9424 21.9423 22.6211 21.135 23.1158C19.6922 24 17.7281 24 13.8 24H10.2C6.27186 24 4.30783 24 2.86501 23.1158C2.05767 22.6211 1.3789 21.9424 0.88416 21.135C7.15256e-08 19.6922 0 17.7281 0 13.8V10.2Z" fill="url(#paint3_radial_1036_1154)"/>
+<path d="M9.15934 18.6V12.7537L14.8402 18.6H18.0001V18.4483L11.4666 11.7923L17.4961 5.47589V5.40002H14.3159L9.15934 10.9815V5.40002H6.6001V18.6H9.15934Z" fill="white"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1036_1154" x1="12" y1="0" x2="12" y2="24" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1FD1FF"/>
+<stop offset="1" stop-color="#1BB8FF"/>
+</linearGradient>
+<radialGradient id="paint1_radial_1036_1154" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1.14642 23.0906) rotate(-45.1556) scale(38.4884 39.0642)">
+<stop stop-color="#232DE3"/>
+<stop offset="1" stop-color="#232DE3" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_1036_1154" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.7074 23.863) rotate(-138.45) scale(24.065 36.6923)">
+<stop stop-color="#8B4DFF"/>
+<stop offset="1" stop-color="#8B4DFF" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint3_radial_1036_1154" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.8001 0.177999) rotate(90) scale(18.922 45.9098)">
+<stop stop-color="#24D5FF"/>
+<stop offset="1" stop-color="#1BB8FF" stop-opacity="0"/>
+</radialGradient>
+<clipPath id="clip0_1036_1154">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`;
+
 const Key = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M17 8.99994C17 8.48812 16.8047 7.9763 16.4142 7.58579C16.0237 7.19526 15.5118 7 15 7M15 15C18.3137 15 21 12.3137 21 9C21 5.68629 18.3137 3 15 3C11.6863 3 9 5.68629 9 9C9 9.27368 9.01832 9.54308 9.05381 9.80704C9.11218 10.2412 9.14136 10.4583 9.12172 10.5956C9.10125 10.7387 9.0752 10.8157 9.00469 10.9419C8.937 11.063 8.81771 11.1823 8.57913 11.4209L3.46863 16.5314C3.29568 16.7043 3.2092 16.7908 3.14736 16.8917C3.09253 16.9812 3.05213 17.0787 3.02763 17.1808C3 17.2959 3 17.4182 3 17.6627V19.4C3 19.9601 3 20.2401 3.10899 20.454C3.20487 20.6422 3.35785 20.7951 3.54601 20.891C3.75992 21 4.03995 21 4.6 21H7V19H9V17H11L12.5791 15.4209C12.8177 15.1823 12.937 15.063 13.0581 14.9953C13.1843 14.9248 13.2613 14.8987 13.4044 14.8783C13.5417 14.8586 13.7588 14.8878 14.193 14.9462C14.4569 14.9817 14.7263 15 15 15Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
@@ -7373,6 +7604,28 @@ const Laptop = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stro
 </svg>
 `;
 
+const Leap = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1037_1169)">
+<path d="M21.6187 14.7503C21.6187 16.4626 20.5742 17.6672 18.8783 18.4443C17.1821 19.2214 14.8354 19.5702 12.2348 19.5702C9.63427 19.5702 7.27234 19.2215 5.56087 18.4443C3.84968 17.6672 2.79004 16.4625 2.79004 14.7503C2.79004 13.0374 3.84287 11.4869 5.54675 10.3642C7.2506 9.24163 9.60461 8.54749 12.2044 8.54749C14.8041 8.54749 17.1581 9.24313 18.8619 10.3665C20.5658 11.49 21.6187 13.0405 21.6187 14.7503Z" fill="#24A95A" stroke="#138D3E" stroke-width="0.016567"/>
+<path d="M14.8317 5.19472L14.8366 5.19581L14.8398 5.19192C15.4421 4.46586 16.3546 4 17.3766 4C19.1895 4 20.6617 5.46419 20.6617 7.26711C20.6617 7.86003 20.5035 8.4106 20.2298 8.88857L20.2276 8.8923L20.2295 8.89619C20.4912 9.45317 20.6312 10.0464 20.6312 10.6638C20.6312 12.2525 19.691 13.6908 18.1694 14.7323C16.6478 15.7737 14.5453 16.4178 12.2232 16.4178C9.90102 16.4178 7.79863 15.7737 6.27697 14.7323C4.75531 13.6908 3.81516 12.2525 3.81516 10.6638C3.81516 10.0464 3.95514 9.45317 4.21689 8.89619L4.21873 8.8923L4.21659 8.88857C3.94283 8.4106 3.78467 7.86003 3.78467 7.26711C3.78467 5.46419 5.25682 4 7.06972 4C8.08563 4 8.99818 4.46585 9.60656 5.19195L9.60982 5.19583L9.61474 5.1947C10.4375 5.00682 11.315 4.90983 12.2232 4.90983C13.1313 4.90983 14.0089 5.01288 14.8317 5.19472Z" fill="#32DA6D" stroke="#138D3E" stroke-width="0.016567"/>
+<path d="M6.80117 9.08438C7.91269 9.08438 8.81373 8.18822 8.81373 7.08275C8.81373 5.97728 7.91269 5.08112 6.80117 5.08112C5.68961 5.08112 4.78857 5.97728 4.78857 7.08275C4.78857 8.18822 5.68961 9.08438 6.80117 9.08438Z" fill="white"/>
+<path d="M17.5377 9.08438C18.6493 9.08438 19.5503 8.18822 19.5503 7.08275C19.5503 5.97728 18.6493 5.08112 17.5377 5.08112C16.4262 5.08112 15.5251 5.97728 15.5251 7.08275C15.5251 8.18822 16.4262 9.08438 17.5377 9.08438Z" fill="white"/>
+<path d="M1.31737 18.1788C1.32509 18.1758 1.32507 18.1758 1.32505 18.1758L1.32446 18.1742L1.32259 18.1694L1.31526 18.1502C1.30883 18.1333 1.29934 18.1083 1.28715 18.0757C1.26278 18.0107 1.22759 17.9155 1.18436 17.7954C1.09791 17.5551 0.979301 17.2147 0.850691 16.8144C0.593446 16.0137 0.296271 14.9735 0.136275 14.015C0.0562758 13.5357 0.0106178 13.0771 0.0213186 12.6792C0.0320246 12.2811 0.0991274 11.9447 0.243797 11.7092C0.388069 11.4742 0.609761 11.339 0.932034 11.3431C1.25507 11.3473 1.67952 11.4914 2.22795 11.8171C5.52408 13.7744 6.27366 17.0283 6.45041 18.5316C6.49861 18.9511 6.1611 19.323 5.73285 19.323H0.579413C0.239962 19.323 0.115449 18.8792 0.412787 18.7077L1.32149 18.186L1.32766 18.1825L1.32505 18.1758L1.31737 18.1788Z" fill="#32DA6D"/>
+<path d="M1.32505 18.1758C1.32507 18.1758 1.32509 18.1758 1.31737 18.1788L1.32505 18.1758ZM1.32505 18.1758L1.32446 18.1742L1.32259 18.1694L1.31526 18.1502C1.30883 18.1333 1.29934 18.1083 1.28715 18.0757C1.26278 18.0107 1.22759 17.9155 1.18436 17.7954C1.09791 17.5551 0.979301 17.2147 0.850691 16.8144C0.593446 16.0137 0.296271 14.9735 0.136275 14.015C0.0562758 13.5357 0.0106178 13.0771 0.0213186 12.6792C0.0320246 12.2811 0.0991274 11.9447 0.243797 11.7092C0.388069 11.4742 0.609761 11.339 0.932034 11.3431C1.25507 11.3473 1.67952 11.4914 2.22795 11.8171C5.52408 13.7744 6.27366 17.0283 6.45041 18.5316C6.49861 18.9511 6.1611 19.323 5.73285 19.323H0.579413C0.239962 19.323 0.115449 18.8792 0.412787 18.7077L1.32149 18.186L1.32766 18.1825L1.32505 18.1758Z" stroke="#138D3E" stroke-width="0.016567"/>
+<path d="M22.8212 18.1761L22.829 18.1788C22.8243 18.1772 22.8224 18.1765 22.8217 18.1762C22.8212 18.1761 22.8212 18.1761 22.8212 18.1761L22.8213 18.1757L22.8218 18.1745L22.8234 18.1696L22.8301 18.1505C22.8359 18.1336 22.8444 18.1085 22.8555 18.076C22.8775 18.0109 22.9093 17.9158 22.9483 17.7956C23.0264 17.5554 23.1336 17.2149 23.2498 16.8146C23.4821 16.0139 23.7506 14.9737 23.895 14.0151C23.9672 13.5358 24.0083 13.0772 23.9985 12.6792C23.9887 12.281 23.9278 11.9445 23.7969 11.7089C23.7315 11.5911 23.6487 11.4988 23.5461 11.4363C23.4436 11.3739 23.3209 11.3411 23.1752 11.3431C22.8835 11.3473 22.5 11.4912 22.0041 11.8169C19.0311 13.774 18.3485 17.0341 18.1961 18.5315C18.1538 18.952 18.4558 19.323 18.8404 19.323H23.4999C23.6506 19.323 23.7548 19.2129 23.7876 19.0798C23.8205 18.9469 23.7816 18.7931 23.6479 18.7075L22.8212 18.1761ZM22.8212 18.1761L22.819 18.1823L22.8246 18.1858L23.6479 18.7075L22.8212 18.1761Z" fill="#32DA6D"/>
+<path d="M22.8212 18.1761L22.829 18.1788C22.8243 18.1772 22.8224 18.1765 22.8217 18.1762C22.8212 18.1761 22.8212 18.1761 22.8212 18.1761ZM22.8212 18.1761L22.8213 18.1757L22.8218 18.1745L22.8234 18.1696L22.8301 18.1505C22.8359 18.1336 22.8444 18.1085 22.8555 18.076C22.8775 18.0109 22.9093 17.9158 22.9483 17.7956C23.0264 17.5554 23.1336 17.2149 23.2498 16.8146C23.4821 16.0139 23.7506 14.9737 23.895 14.0151C23.9672 13.5358 24.0083 13.0772 23.9985 12.6792C23.9887 12.281 23.9278 11.9445 23.7969 11.7089C23.7315 11.5911 23.6487 11.4988 23.5461 11.4363C23.4436 11.3739 23.3209 11.3411 23.1752 11.3431C22.8835 11.3473 22.5 11.4912 22.0041 11.8169C19.0311 13.774 18.3485 17.0341 18.1961 18.5315C18.1538 18.952 18.4558 19.323 18.8404 19.323H23.4999C23.6506 19.323 23.7548 19.2129 23.7876 19.0798C23.8205 18.9469 23.7816 18.7931 23.6479 18.7075M22.8212 18.1761L23.6479 18.7075M22.8212 18.1761L22.819 18.1823L22.8246 18.1858L23.6479 18.7075" stroke="#138D3E" stroke-width="0.016567"/>
+<path d="M6.82172 8.28881C7.4848 8.28881 8.02235 7.75129 8.02235 7.0882C8.02235 6.42511 7.4848 5.88757 6.82172 5.88757C6.15864 5.88757 5.62109 6.42511 5.62109 7.0882C5.62109 7.75129 6.15864 8.28881 6.82172 8.28881Z" fill="#092511"/>
+<path d="M17.5583 8.28881C18.2214 8.28881 18.7589 7.75129 18.7589 7.0882C18.7589 6.42511 18.2214 5.88757 17.5583 5.88757C16.8952 5.88757 16.3577 6.42511 16.3577 7.0882C16.3577 7.75129 16.8952 8.28881 17.5583 8.28881Z" fill="#092511"/>
+<path d="M15.4262 11.9125C15.3899 12.3345 15.2709 12.7451 15.0759 13.121C14.8809 13.4969 14.6138 13.8306 14.2898 14.1033C13.9658 14.376 13.5913 14.5821 13.1876 14.7101C12.784 14.838 12.3591 14.8852 11.9372 14.8489C11.5153 14.8126 11.1046 14.6935 10.7287 14.4985C10.3529 14.3036 10.0191 14.0364 9.74639 13.7124C9.47376 13.3885 9.26756 13.0139 9.13964 12.6103C9.01171 12.2066 8.96459 11.7817 9.00088 11.3598L12.2136 11.6362L15.4262 11.9125Z" fill="#092511"/>
+</g>
+<defs>
+<clipPath id="clip0_1037_1169">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`;
+
 const Lenovo = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" xmlns="http://www.w3.org/2000/svg">
 <g id="Platform=Lenovo, Style=Black, State=Default" clip-path="url(#clip0_1570_449)">
 <path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" 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 24ZM10.7758 15.4768H17V18H8V5H10.7758V15.4768Z"/>
@@ -7451,6 +7704,29 @@ const Menu = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke
 </svg>
 `;
 
+const Metamask = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_144_3148)">
+<path d="M19.0041 0.833252L11.2002 6.62933L12.6433 3.20972L19.0041 0.833252Z" fill="#E2761B"/>
+<path d="M0.988568 0.833252L8.72974 6.68423L7.3572 3.20972L0.988568 0.833252ZM16.1964 14.2685L14.118 17.4529L18.565 18.6764L19.8435 14.3391L16.1964 14.2685ZM0.165039 14.3391L1.43563 18.6764L5.88269 17.4529L3.80425 14.2685L0.165039 14.3391Z" fill="#E4761B"/>
+<path d="M5.63179 8.8881L4.39258 10.7626L8.80826 10.9587L8.6514 6.21359L5.63179 8.8881ZM14.3612 8.8881L11.3024 6.15869L11.2004 10.9587L15.6083 10.7626L14.3612 8.8881ZM5.88277 17.4528L8.53375 16.1587L6.24356 14.3705L5.88277 17.4528ZM11.4592 16.1587L14.1181 17.4528L13.7494 14.3705L11.4592 16.1587Z" fill="#E4761B"/>
+<path d="M14.1176 17.4528L11.4588 16.1587L11.6706 17.892L11.647 18.6214L14.1176 17.4528ZM5.88232 17.4528L8.35291 18.6214L8.33723 17.892L8.5333 16.1587L5.88232 17.4528Z" fill="#D7C1B3"/>
+<path d="M8.39243 13.2253L6.18066 12.5743L7.74145 11.8606L8.39243 13.2253ZM11.6003 13.2253L12.2513 11.8606L13.8199 12.5743L11.6003 13.2253Z" fill="#233447"/>
+<path d="M5.88263 17.4529L6.2591 14.2686L3.8042 14.3392L5.88263 17.4529ZM13.7415 14.2686L14.1179 17.4529L16.1964 14.3392L13.7415 14.2686ZM15.6081 10.7627L11.2003 10.9588L11.6081 13.2254L12.2591 11.8607L13.8277 12.5745L15.6081 10.7627ZM6.18067 12.5745L7.7493 11.8607L8.39243 13.2254L8.80812 10.9588L4.39243 10.7627L6.18067 12.5745Z" fill="#CD6116"/>
+<path d="M4.39258 10.7627L6.24356 14.3705L6.18081 12.5745L4.39258 10.7627ZM13.8279 12.5745L13.7494 14.3705L15.6083 10.7627L13.8279 12.5745ZM8.80826 10.9588L8.39258 13.2254L8.91022 15.8999L9.02787 12.3784L8.80826 10.9588ZM11.2004 10.9588L10.9887 12.3705L11.0828 15.8999L11.6083 13.2254L11.2004 10.9588Z" fill="#E4751F"/>
+<path d="M11.6081 13.2254L11.0826 15.9L11.4591 16.1588L13.7493 14.3705L13.8277 12.5745L11.6081 13.2254ZM6.18066 12.5745L6.24341 14.3705L8.53361 16.1588L8.91008 15.9L8.39243 13.2254L6.18066 12.5745Z" fill="#F6851B"/>
+<path d="M11.647 18.6215L11.6706 17.8921L11.4745 17.7195H8.51762L8.33723 17.8921L8.35291 18.6215L5.88232 17.4529L6.74507 18.1588L8.49409 19.3744H11.498L13.2549 18.1588L14.1176 17.4529L11.647 18.6215Z" fill="#C0AD9E"/>
+<path d="M11.459 16.1587L11.0825 15.8999H8.90995L8.53348 16.1587L8.3374 17.8921L8.51779 17.7195H11.4747L11.6707 17.8921L11.459 16.1587Z" fill="#161616"/>
+<path d="M19.3333 7.0058L20 3.8058L19.0039 0.833252L11.4588 6.43325L14.3608 8.88815L18.4627 10.0882L19.3725 9.02933L18.9804 8.74698L19.6078 8.17443L19.1216 7.79796L19.749 7.31953L19.3333 7.0058ZM0 3.8058L0.666667 7.0058L0.243137 7.31953L0.870588 7.79796L0.392157 8.17443L1.01961 8.74698L0.627451 9.02933L1.52941 10.0882L5.63137 8.88815L8.53333 6.43325L0.988236 0.833252L0 3.8058Z" fill="#763D16"/>
+<path d="M18.4631 10.0881L14.3611 8.88815L15.6082 10.7627L13.7494 14.3705L16.1964 14.3391H19.8435L18.4631 10.0881ZM5.63171 8.88815L1.52974 10.0881L0.165039 14.3391H3.80425L6.24347 14.3705L4.39249 10.7627L5.63171 8.88815ZM11.2003 10.9587L11.4592 6.43325L12.6513 3.20972H7.3572L8.53367 6.43325L8.80818 10.9587L8.90229 12.3862L8.91014 15.8999H11.0827L11.0984 12.3862L11.2003 10.9587Z" fill="#F6851B"/>
+</g>
+<defs>
+<clipPath id="clip0_144_3148">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</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>
@@ -7501,6 +7777,22 @@ const NobleBrand = `<svg width="114" height="114" viewBox="0 0 114 114" fill="no
 </svg>
 `;
 
+const Okx = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_19415_51)">
+<rect width="24" height="24" rx="2" fill="#B7F260"/>
+<path d="M9.33333 20H4V14.6667H9.33333V20Z" fill="black"/>
+<path d="M20 20H14.6667V14.6667H20V20Z" fill="black"/>
+<path d="M14.6667 14.6667H9.33333V9.33333H14.6667V14.6667Z" fill="black"/>
+<path d="M9.33333 9.33333H4V4H9.33333V9.33333Z" fill="black"/>
+<path d="M20 9.33333H14.6667V4H20V9.33333Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_19415_51">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>`;
+
 const OptimismBrand = `<?xml version="1.0" encoding="UTF-8"?>
 <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve"><script xmlns=""/><script xmlns=""/>
@@ -7513,6 +7805,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 ParaArrow = `<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31 0H8.85714V4.42857H19.9286C21.1515 4.42857 22.1429 5.41989 22.1429 6.64286C22.1429 7.86582 21.1515 8.85714 19.9286 8.85714H17.7143V11.0714C17.7143 12.2944 16.7229 13.2857 15.5 13.2857H13.2857V15.5C13.2857 16.723 12.2943 17.7143 11.0714 17.7143H8.85714V19.9286C8.85714 21.1515 7.86577 22.1429 6.64286 22.1429H4.42857V24.3571C4.42857 25.5801 3.4372 26.5714 2.21429 26.5714H0V31H4.42857V28.7857C4.42857 27.5627 5.41994 26.5714 6.64286 26.5714H8.85714V24.3571C8.85714 23.1342 9.84851 22.1429 11.0714 22.1429H13.2857V19.9286C13.2857 18.7056 14.2771 17.7143 15.5 17.7143H17.7143V15.5C17.7143 14.277 18.7057 13.2857 19.9286 13.2857H22.1429V11.0714C22.1429 9.84846 23.1342 8.85714 24.3571 8.85714C25.5801 8.85714 26.5714 9.84846 26.5714 11.0714V22.1429H31V0Z" fill="white"/>
+</svg>
+`;
+
 const ParaBlackBg = `<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" fill="none" stroke="none">
   <mask id="path-1-outside-1_1233_12577" maskUnits="userSpaceOnUse" x="0" y="0" width="70" height="70" fill="black" stroke="none">
     <rect fill="white" stroke="none" width="70" height="70"/>
@@ -7658,6 +7955,19 @@ const Passcode = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xm
 </svg>
 `;
 
+const Phantom = `<svg width="1200" height="1200" viewBox="0 0 1200 1200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2596_138580)">
+<rect y="-0.000976562" width="1200" height="1200" fill="#AB9FF2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M522.218 764.813C475.101 837.011 396.147 928.377 291.089 928.377C241.425 928.377 193.671 907.932 193.671 819.121C193.671 592.942 502.479 242.812 789.003 242.812C952.003 242.812 1016.95 355.901 1016.95 484.325C1016.95 649.167 909.979 837.65 803.647 837.65C769.901 837.65 753.346 819.121 753.346 789.731C753.346 782.064 754.62 773.758 757.167 764.813C720.874 826.788 650.835 884.292 585.253 884.292C537.499 884.292 513.304 854.262 513.304 812.093C513.304 796.759 516.487 780.786 522.218 764.813ZM769.035 479.871C769.035 517.293 746.956 536.003 722.258 536.003C697.185 536.003 675.481 517.293 675.481 479.871C675.481 442.449 697.185 423.738 722.258 423.738C746.956 423.738 769.035 442.449 769.035 479.871ZM909.367 479.872C909.367 517.294 887.288 536.005 862.59 536.005C837.517 536.005 815.813 517.294 815.813 479.872C815.813 442.45 837.517 423.74 862.59 423.74C887.288 423.74 909.367 442.45 909.367 479.872Z" fill="#FFFDF8"/>
+</g>
+<defs>
+<clipPath id="clip0_2596_138580">
+<rect y="-0.000976562" width="1200" height="1200" rx="600" fill="white"/>
+</clipPath>
+</defs>
+</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>
@@ -7739,6 +8049,88 @@ const QrCode = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stro
 </svg>
 `;
 
+const Rabby = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.8978 10.9312C20.6833 9.17043 16.7999 4.25115 13.0899 2.20168C10.7514 0.613975 8.31466 0.832098 7.82115 1.52922C6.73808 3.0591 11.4075 4.35546 14.5303 5.8682C13.859 6.16074 13.2264 6.6857 12.8544 7.35707C11.6902 6.08181 9.13493 4.9836 6.13663 5.8682C4.11612 6.46434 2.4369 7.86973 1.78788 9.99243C1.6302 9.92213 1.45558 9.88302 1.27189 9.88302C0.569447 9.88302 0 10.4544 0 11.1592C0 11.864 0.569447 12.4354 1.27189 12.4354C1.40209 12.4354 1.8092 12.3478 1.8092 12.3478L8.31466 12.3951C5.71299 16.5363 3.65695 17.1417 3.65695 17.8591C3.65695 18.5766 5.62424 18.3821 6.36287 18.1147C9.899 16.8345 13.697 12.8447 14.3487 11.6961C17.0855 12.0387 19.3856 12.0792 19.8978 10.9312Z" fill="url(#paint0_linear_1_18)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.53 5.86842C14.5302 5.86847 14.5304 5.86858 14.5305 5.86864C14.6753 5.81141 14.6519 5.59693 14.6121 5.42845C14.5207 5.04132 12.9445 3.4796 11.4644 2.78013C9.44753 1.82696 7.96235 1.87611 7.74293 2.31543C8.15377 3.16027 10.0584 3.95352 12.0476 4.78193C12.8963 5.13538 13.7603 5.49523 14.5304 5.86826C14.5302 5.86831 14.5301 5.86837 14.53 5.86842Z" fill="url(#paint1_linear_1_18)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9706 14.3716C11.5627 14.2152 11.102 14.0717 10.5781 13.9415C11.1367 12.9388 11.2538 11.4542 10.7264 10.5157C9.98606 9.19842 9.05682 8.49732 6.89739 8.49732C5.70973 8.49732 2.51198 8.89873 2.45524 11.5772C2.44927 11.8582 2.45508 12.1157 2.47536 12.3526L8.31466 12.3951C7.52743 13.6482 6.79015 14.5775 6.14471 15.2841C6.91968 15.4834 7.55921 15.6507 8.1464 15.8042C8.70348 15.9499 9.21342 16.0833 9.74717 16.2199C10.5523 15.6314 11.3092 14.9897 11.9706 14.3716Z" fill="url(#paint2_linear_1_18)"/>
+<path d="M1.70994 12.0774C1.9485 14.112 3.10095 14.9094 5.45587 15.1454C7.81079 15.3813 9.16162 15.2231 10.96 15.3872C12.4621 15.5243 13.8032 16.2923 14.3007 16.027C14.7484 15.7881 14.4979 14.9252 13.8988 14.3715C13.1221 13.6539 12.0473 13.1549 10.156 12.9778C10.5329 11.9424 10.4273 10.4905 9.84188 9.7006C8.99547 8.55846 7.43321 8.04211 5.45587 8.26771C3.39007 8.5034 1.41059 9.52388 1.70994 12.0774Z" fill="url(#paint3_linear_1_18)"/>
+<defs>
+<linearGradient id="paint0_linear_1_18" x1="5.90132" y1="9.37194" x2="19.7355" y2="13.2819" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8697FF"/>
+<stop offset="1" stop-color="#ABB7FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1_18" x1="27.9949" y1="32.9423" x2="-13.0198" y2="6.56013" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8697FF"/>
+<stop offset="1" stop-color="#5156D8" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1_18" x1="20.5833" y1="14.9881" x2="-0.237437" y2="3.8336" gradientUnits="userSpaceOnUse">
+<stop stop-color="#465EED"/>
+<stop offset="1" stop-color="#8697FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1_18" x1="6.72685" y1="9.26839" x2="13.2319" y2="17.506" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8898FF"/>
+<stop offset="0.983895" stop-color="#6277F1"/>
+</linearGradient>
+</defs>
+</svg>
+`;
+
+const Rainbow = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_144_3127)">
+<path d="M0 4.5H1.5C9.23198 4.5 15.5 10.768 15.5 18.5V20H18.5C19.3284 20 20 19.3284 20 18.5C20 8.28273 11.7173 0 1.5 0C0.671573 0 0 0.671573 0 1.5V4.5Z" fill="url(#paint0_radial_144_3127)"/>
+<path d="M16 18.5H20C20 19.3284 19.3284 20 18.5 20H16V18.5Z" fill="url(#paint1_linear_144_3127)"/>
+<path d="M1.5 0L1.5 4H0L1.09278e-07 1.5C1.4549e-07 0.671572 0.671573 -3.62117e-08 1.5 0Z" fill="url(#paint2_linear_144_3127)"/>
+<path d="M0 4H1.5C9.50812 4 16 10.4919 16 18.5V20H11.5V18.5C11.5 12.9771 7.02284 8.5 1.5 8.5H0V4Z" fill="url(#paint3_radial_144_3127)"/>
+<path d="M12 18.5H16V20H12V18.5Z" fill="url(#paint4_linear_144_3127)"/>
+<path d="M1.74845e-07 8L0 4L1.5 4L1.5 8H1.74845e-07Z" fill="url(#paint5_linear_144_3127)"/>
+<path d="M0 10.5C0 11.3284 0.671573 12 1.5 12C5.08985 12 8 14.9101 8 18.5C8 19.3284 8.67157 20 9.5 20H12V18.5C12 12.701 7.29899 8 1.5 8H0V10.5Z" fill="url(#paint6_radial_144_3127)"/>
+<path d="M8 18.5H12V20H9.5C8.67157 20 8 19.3284 8 18.5Z" fill="url(#paint7_radial_144_3127)"/>
+<path d="M1.5 12C0.671573 12 1.4549e-07 11.3284 1.09278e-07 10.5L0 8L1.5 8L1.5 12Z" fill="url(#paint8_radial_144_3127)"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_144_3127" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1.5 18.5) rotate(-90) scale(18.5)">
+<stop offset="0.770277" stop-color="#FF4000"/>
+<stop offset="1" stop-color="#8754C9"/>
+</radialGradient>
+<linearGradient id="paint1_linear_144_3127" x1="15.75" y1="19.25" x2="20" y2="19.25" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF4000"/>
+<stop offset="1" stop-color="#8754C9"/>
+</linearGradient>
+<linearGradient id="paint2_linear_144_3127" x1="0.75" y1="-3.27825e-07" x2="0.749998" y2="4.25" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8754C9"/>
+<stop offset="1" stop-color="#FF4000"/>
+</linearGradient>
+<radialGradient id="paint3_radial_144_3127" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1.5 18.5) rotate(-90) scale(14.5)">
+<stop offset="0.723929" stop-color="#FFF700"/>
+<stop offset="1" stop-color="#FF9901"/>
+</radialGradient>
+<linearGradient id="paint4_linear_144_3127" x1="12" y1="19.25" x2="16" y2="19.25" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFF700"/>
+<stop offset="1" stop-color="#FF9901"/>
+</linearGradient>
+<linearGradient id="paint5_linear_144_3127" x1="0.750001" y1="8" x2="0.75" y2="4" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFF700"/>
+<stop offset="1" stop-color="#FF9901"/>
+</linearGradient>
+<radialGradient id="paint6_radial_144_3127" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1.5 18.5) rotate(-90) scale(10.5)">
+<stop offset="0.59513" stop-color="#00AAFF"/>
+<stop offset="1" stop-color="#01DA40"/>
+</radialGradient>
+<radialGradient id="paint7_radial_144_3127" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.75 19.25) scale(4.25 11.3333)">
+<stop stop-color="#00AAFF"/>
+<stop offset="1" stop-color="#01DA40"/>
+</radialGradient>
+<radialGradient id="paint8_radial_144_3127" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.749999 12.25) rotate(-90) scale(4.25 80.5925)">
+<stop stop-color="#00AAFF"/>
+<stop offset="1" stop-color="#01DA40"/>
+</radialGradient>
+<clipPath id="clip0_144_3127">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`;
+
 const RampNetworkBrand = `<svg width="32" height="21" viewBox="0 0 32 21" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0204 12.6656L13.7622 16.4664C13.9145 16.6214 14 16.8312 14 17.0498C14 17.2684 13.9145 17.4782 13.7622 17.6333L10.9029 20.5311C10.6661 20.7652 10.3482 20.8962 10.0172 20.8962C9.68616 20.8962 9.36827 20.7652 9.13148 20.5311L0.365454 11.777C0.249692 11.6614 0.157776 11.5237 0.0950404 11.3718C0.0323051 11.2199 0 11.057 0 10.8924C0 10.7277 0.0323051 10.5648 0.0950404 10.4129C0.157776 10.261 0.249692 10.1233 0.365454 10.0077L9.13108 1.2614C9.36787 1.0273 9.68575 0.89624 10.0168 0.89624C10.3478 0.89624 10.6657 1.0273 10.9025 1.2614L13.7618 4.15922C13.9141 4.31428 13.9996 4.52403 13.9996 4.74267C13.9996 4.96131 13.9141 5.17106 13.7618 5.32612L10.0204 9.12726C9.78891 9.35849 9.60508 9.63395 9.47962 9.93765C9.35415 10.2414 9.28955 10.5673 9.28955 10.8964C9.28955 11.2256 9.35415 11.5515 9.47962 11.8552C9.60508 12.1589 9.78891 12.4344 10.0204 12.6656ZM21.9802 12.6656L18.2378 16.4664C18.0855 16.6214 18 16.8312 18 17.0498C18 17.2684 18.0855 17.4782 18.2378 17.6333L21.0976 20.5311C21.3344 20.7652 21.6523 20.8962 21.9834 20.8962C22.3145 20.8962 22.6324 20.7652 22.8692 20.5311L31.6345 11.777C31.7503 11.6614 31.8422 11.5237 31.9049 11.3718C31.9677 11.2199 32 11.057 32 10.8924C32 10.7277 31.9677 10.5648 31.9049 10.4129C31.8422 10.261 31.7503 10.1233 31.6345 10.0077L22.87 1.2614C22.6332 1.0273 22.3153 0.89624 21.9842 0.89624C21.6531 0.89624 21.3352 1.0273 21.0984 1.2614L18.2386 4.15922C18.0863 4.31428 18.0008 4.52403 18.0008 4.74267C18.0008 4.96131 18.0863 5.17106 18.2386 5.32612L21.981 9.12685C22.2125 9.35814 22.3964 9.63367 22.5218 9.93744C22.6473 10.2412 22.7118 10.5672 22.7117 10.8964C22.7117 11.2256 22.647 11.5516 22.5214 11.8553C22.3958 12.159 22.2118 12.4345 21.9802 12.6656ZM11 10.8964C11 11.1677 11.1077 11.4278 11.2994 11.6197L15.2764 15.5969C15.4682 15.7886 15.7284 15.8962 15.9996 15.8962C16.2708 15.8962 16.5309 15.7886 16.7228 15.5969L20.7006 11.6197C20.8923 11.4278 21 11.1677 21 10.8964C21 10.6252 20.8923 10.3651 20.7006 10.1732L16.7232 6.19563C16.5313 6.00392 16.2712 5.89624 16 5.89624C15.7288 5.89624 15.4687 6.00392 15.2768 6.19563L11.2994 10.1732C11.1077 10.3651 11 10.6252 11 10.8964Z" fill="#21BF73"/>
 </svg>
@@ -7771,6 +8163,14 @@ const Refresh = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
 <path d="M20.453 12.893C20.1752 15.5029 18.6964 17.9487 16.2494 19.3614C12.1839 21.7086 6.98539 20.3157 4.63818 16.2502L4.38818 15.8172M3.54613 11.107C3.82393 8.49711 5.30272 6.05138 7.74971 4.63862C11.8152 2.29141 17.0137 3.68434 19.3609 7.74983L19.6109 8.18285M3.49316 18.0661L4.22521 15.334L6.95727 16.0661M17.0424 7.93401L19.7744 8.66606L20.5065 5.93401" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>`;
 
+const Safe = `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="28" height="28" fill="#12FF80"/>
+<path d="M22.5151 13.9979H20.4244C19.7981 13.9979 19.2945 14.5058 19.2945 15.128V18.163C19.2945 18.7894 18.7866 19.2931 18.1645 19.2931H9.8398C9.21344 19.2931 8.70981 19.8011 8.70981 20.4233V22.5185C8.70981 23.145 9.21767 23.6487 9.8398 23.6487H18.6427C19.2691 23.6487 19.7642 23.1407 19.7642 22.5185V20.8423C19.7642 20.2159 20.2721 19.7757 20.8942 19.7757H22.5151C23.1415 19.7757 23.6451 19.2677 23.6451 18.6455V15.1196C23.6451 14.4889 23.1373 13.9979 22.5151 13.9979Z" fill="black"/>
+<path d="M8.7098 9.84127C8.7098 9.21481 9.21766 8.71111 9.83978 8.71111H18.156C18.7823 8.71111 19.286 8.20317 19.286 7.58095V5.48995C19.286 4.86349 18.7781 4.35979 18.156 4.35979H9.35732C8.73096 4.35979 8.22733 4.86772 8.22733 5.48995V7.10264C8.22733 7.7291 7.71947 8.2328 7.09734 8.2328H5.48912C4.86276 8.2328 4.35913 8.74074 4.35913 9.36296V12.8931C4.35913 13.5196 4.86699 13.9979 5.49335 13.9979H7.58404C8.2104 13.9979 8.71403 13.4899 8.71403 12.8677L8.7098 9.84127Z" fill="black"/>
+<path d="M13.0139 11.8011H15.0242C15.6802 11.8011 16.2092 12.3344 16.2092 12.9862V14.9968C16.2092 15.6529 15.6759 16.182 15.0242 16.182H13.0139C12.3579 16.182 11.8289 15.6487 11.8289 14.9968V12.9862C11.8289 12.3302 12.3621 11.8011 13.0139 11.8011Z" fill="black"/>
+</svg> `;
+
 const Samsung = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" xmlns="http://www.w3.org/2000/svg">
 <g id="Platform=Samsung, Style=Black, State=Default">
 <path id="path20" d="M19.842 15.2067C19.9315 15.681 20.1311 16.9406 19.8718 18.8773C19.3327 22.6177 16.0515 24 12.0511 24C7.89027 24 4 22.497 4 17.4857V15.7715H9.94602V17.9288C9.94602 19.1488 10.7743 19.9664 12.1602 19.9664C13.6367 19.9664 14.1357 19.2102 14.325 18.454C14.4248 18.0296 14.4948 17.3442 14.2756 16.8002C13.1377 13.9055 5.26761 12.5752 4.3097 7.99653C4.08025 6.86695 4.0998 5.97972 4.26957 4.98223C4.84781 1.32097 8.06004 0 12.0007 0C15.1234 0 19.4623 0.776979 19.4623 5.64688V7.22059H13.9464V5.8393C13.9464 4.61923 13.1881 3.80168 11.8906 3.80168C10.4944 3.80168 10.016 4.59842 9.86576 5.31507C9.80609 5.56679 9.77625 6.04109 9.88634 6.49458C10.514 9.11572 18.9139 10.5074 19.842 15.2067Z"/>
@@ -7804,6 +8204,11 @@ const Shield = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stro
 </svg>
 `;
 
+const Shuffle = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 9L13 11M13 11L11 13M13 11H11.3793C10.7531 11 10.44 11 10.1559 10.9137C9.90428 10.8373 9.67024 10.712 9.46712 10.5451C9.23768 10.3565 9.06401 10.096 8.71669 9.57504L8.55556 9.33333M11 1L13 3M13 3L11 5M13 3H11.3793C10.7531 3 10.44 3 10.1559 3.0863C9.90428 3.1627 9.67024 3.28796 9.46712 3.45491C9.23768 3.64349 9.06401 3.90398 8.71669 4.42496L5.28331 9.57504C4.93599 10.096 4.76232 10.3565 4.53288 10.5451C4.32976 10.712 4.09572 10.8373 3.84414 10.9137C3.55996 11 3.24689 11 2.62075 11H1M1 3H2.62075C3.24689 3 3.55996 3 3.84414 3.0863C4.09572 3.1627 4.32976 3.28796 4.53288 3.45491C4.76232 3.64349 4.93599 3.90398 5.28331 4.42496L5.44444 4.66667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const SignalBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.11911 0.350322L9.38845 1.44131C8.32691 1.70367 7.31091 2.12432 6.3746 2.68912L5.79842 1.72428C6.82904 1.10015 7.94881 0.63684 9.11911 0.350322ZM14.8809 0.350322L14.6115 1.44131C15.6731 1.70367 16.6891 2.12432 17.6254 2.68912L18.2084 1.72428C17.1751 1.1007 16.0531 0.637446 14.8809 0.350322ZM1.72427 5.79503C1.10072 6.82716 0.637457 7.94795 0.350307 9.11913L1.44129 9.38846C1.70365 8.32693 2.1243 7.31093 2.68911 6.37461L1.72427 5.79503ZM1.12423 12C1.12414 11.4545 1.16517 10.9097 1.24696 10.3704L0.135519 10.1999C-0.0451731 11.392 -0.0451731 12.6046 0.135519 13.7967L1.24696 13.6297C1.1653 13.0903 1.12427 12.5455 1.12423 12ZM18.2016 22.2723L17.6254 21.3109C16.6906 21.8762 15.6756 22.2969 14.615 22.5587L14.8843 23.6497C16.0532 23.3604 17.1716 22.8961 18.2016 22.2723ZM22.8758 12C22.8757 12.5455 22.8347 13.0903 22.753 13.6297L23.8645 13.7967C24.0452 12.6046 24.0452 11.392 23.8645 10.1999L22.753 10.3704C22.8348 10.9097 22.8759 11.4545 22.8758 12ZM23.6497 14.8775L22.5587 14.6082C22.297 15.671 21.8763 16.6882 21.3109 17.6254L22.2757 18.205C22.8999 17.172 23.3632 16.0499 23.6497 14.8775ZM13.6297 22.7531C12.5494 22.9167 11.4506 22.9167 10.3703 22.7531L10.2033 23.8645C11.3943 24.0452 12.6057 24.0452 13.7967 23.8645L13.6297 22.7531ZM20.7552 18.4505C20.1072 19.3292 19.3302 20.1051 18.4505 20.7518L19.1187 21.6587C20.0876 20.9454 20.9449 20.0916 21.6621 19.1255L20.7552 18.4505ZM18.4505 3.24485C19.3302 3.89279 20.1072 4.66977 20.7552 5.54955L21.6621 4.87451C20.9474 3.90756 20.0925 3.05263 19.1255 2.33796L18.4505 3.24485ZM3.24483 5.54955C3.89278 4.66977 4.66976 3.89279 5.54954 3.24485L4.87449 2.33796C3.90754 3.05263 3.05262 3.90756 2.33795 4.87451L3.24483 5.54955ZM22.2757 5.79503L21.3109 6.37461C21.8762 7.30945 22.2969 8.3244 22.5587 9.38506L23.6497 9.11572C23.3625 7.94563 22.8992 6.82595 22.2757 5.79503ZM10.3703 1.24698C11.4506 1.08331 12.5494 1.08331 13.6297 1.24698L13.7967 0.135534C12.6057 -0.0451779 11.3943 -0.0451779 10.2033 0.135534L10.3703 1.24698ZM3.82101 21.9587L1.49925 22.4974L2.04134 20.1756L0.946941 19.9199L0.404856 22.2417C0.370939 22.3856 0.365734 22.5348 0.389539 22.6808C0.413344 22.8267 0.465692 22.9666 0.543588 23.0923C0.621485 23.218 0.723402 23.3271 0.843508 23.4134C0.963615 23.4997 1.09956 23.5615 1.24355 23.5952C1.41196 23.6327 1.58655 23.6327 1.75495 23.5952L4.07671 23.0599L3.82101 21.9587ZM1.17878 18.9176L2.27658 19.1698L2.65161 17.5606C2.10394 16.642 1.69604 15.6469 1.44129 14.6082L0.350307 14.8775C0.595705 15.8718 0.966907 16.8307 1.45493 17.7311L1.17878 18.9176ZM6.42915 21.3518L4.81994 21.7268L5.07564 22.8246L6.25868 22.5485C7.15838 23.038 8.11751 23.4093 9.11229 23.6531L9.38163 22.5621C8.34612 22.3041 7.35459 21.8939 6.43938 21.345L6.42915 21.3518ZM12 2.24932C6.61325 2.25273 2.25272 6.62009 2.25272 12.0034C2.25568 13.837 2.77433 15.6328 3.74941 17.1856L2.81185 21.1882L6.81099 20.2506C11.3693 23.1178 17.3902 21.7507 20.2574 17.1958C23.1247 12.641 21.7609 6.62009 17.2061 3.74943C15.6467 2.76884 13.842 2.24882 12 2.24932Z" fill="#3A76F0"/>
 </svg>
@@ -7830,6 +8235,27 @@ const Snapchat = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentC
 </svg>
 `;
 
+const SolanaCircle = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <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="black"/>
+  <path d="M7.95016 13.8704C8.02359 13.8002 8.12315 13.7608 8.22694 13.7608H17.8038C17.9783 13.7608 18.0656 13.9627 17.9422 14.0807L16.0498 15.8903C15.9764 15.9606 15.8769 16 15.7731 16H6.19617C6.02172 16 5.93438 15.7981 6.05778 15.6801L7.95016 13.8704Z" fill="url(#paint0_linear_19531_828)"/>
+  <path d="M7.95016 7.10967C8.02359 7.03944 8.12314 7 8.22694 7H17.8038C17.9783 7 18.0656 7.2019 17.9422 7.31993L16.0498 9.12959C15.9764 9.1998 15.8769 9.23923 15.7731 9.23923H6.19617C6.02172 9.23923 5.93438 9.03733 6.05778 8.91932L7.95016 7.10967Z" fill="url(#paint1_linear_19531_828)"/>
+  <path d="M16.0498 10.4685C15.9764 10.3983 15.8769 10.3589 15.7731 10.3589H6.19617C6.02172 10.3589 5.93438 10.5608 6.05778 10.6788L7.95016 12.4884C8.02359 12.5586 8.12314 12.5981 8.22694 12.5981H17.8038C17.9783 12.5981 18.0656 12.3962 17.9422 12.2782L16.0498 10.4685Z" fill="url(#paint2_linear_19531_828)"/>
+  <defs>
+    <linearGradient id="paint0_linear_19531_828" x1="14.1127" y1="4.53127" x2="7.9305" y2="16.9041" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#00FFA3"/>
+      <stop offset="1" stop-color="#DC1FFF"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear_19531_828" x1="14.1127" y1="4.53127" x2="7.9305" y2="16.9041" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#00FFA3"/>
+      <stop offset="1" stop-color="#DC1FFF"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear_19531_828" x1="14.1127" y1="4.53127" x2="7.9305" y2="16.9041" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#00FFA3"/>
+      <stop offset="1" stop-color="#DC1FFF"/>
+    </linearGradient>
+  </defs>
+</svg>`;
+
 const Solana = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
   <path d="M3.25027 14.1702C3.37266 14.0467 3.53858 13.9773 3.71157 13.9773H19.6731C19.9638 13.9773 20.1094 14.3325 19.9037 14.5401L16.7497 17.7238C16.6274 17.8473 16.4614 17.9167 16.2884 17.9167H0.326949C0.0362038 17.9167 -0.109361 17.5615 0.0962996 17.3539L3.25027 14.1702Z" fill="url(#paint0_linear_963_3782)"/>
   <path d="M3.25027 2.27631C3.37264 2.15276 3.53857 2.08337 3.71157 2.08337H19.6731C19.9638 2.08337 20.1094 2.43858 19.9037 2.64622L16.7497 5.82987C16.6274 5.95338 16.4614 6.02276 16.2884 6.02276H0.326949C0.0362038 6.02276 -0.109361 5.66756 0.0962996 5.45996L3.25027 2.27631Z" fill="url(#paint1_linear_963_3782)"/>
@@ -7851,6 +8277,18 @@ const Solana = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" v
 </svg>
 `;
 
+const Solflare = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_19477_3213)">
+<path d="M5.19141 0.5H18.8086C21.3995 0.5 23.5 2.6005 23.5 5.19141V18.8086C23.5 21.3995 21.3995 23.5 18.8086 23.5H5.19141C2.6005 23.5 0.5 21.3995 0.5 18.8086V5.19141C0.5 2.6005 2.6005 0.5 5.19141 0.5Z" fill="#FFEF46" stroke="#EEDA0F"/>
+<path d="M11.5559 12.6355L12.6539 11.5701L14.701 12.243C16.0409 12.6916 16.7109 13.514 16.7109 14.6729C16.7109 15.5514 16.3759 16.1309 15.706 16.8785L15.5013 17.1028L15.5757 16.5794C15.8734 14.6729 15.3152 13.8505 13.4727 13.2523L11.5559 12.6355ZM8.80147 6.11216L14.3846 7.98131L13.1749 9.1402L10.2717 8.16823C9.26677 7.83178 8.93177 7.28972 8.80147 6.14954V6.11216ZM8.46647 15.6075L9.732 14.3925L12.1142 15.1776C13.361 15.5888 13.789 16.1309 13.6588 17.4953L8.46647 15.6075ZM6.866 10.1869C6.866 9.83182 7.0521 9.49535 7.36848 9.21493C7.70347 9.70095 8.28039 10.1308 9.19229 10.4299L11.165 11.0841L10.067 12.1496L8.13151 11.514C7.23821 11.215 6.866 10.7663 6.866 10.1869ZM12.7097 20C16.8039 17.2711 19 15.4206 19 13.1402C19 11.6262 18.1067 10.785 16.134 10.1308L14.6452 9.62614L18.7209 5.70094L17.902 4.82244L16.6923 5.88785L10.9789 4C9.21089 4.57944 6.97767 6.28037 6.97767 7.9813C6.97767 8.16822 6.99628 8.35514 7.05211 8.56076C5.58188 9.40185 4.98635 10.1869 4.98635 11.1588C4.98635 12.0747 5.47022 12.9906 7.01489 13.4953L8.24317 13.9065L4 18L4.81886 18.8785L6.1402 17.6636L12.7097 20Z" fill="#02050A"/>
+</g>
+<defs>
+<clipPath id="clip0_19477_3213">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</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"/>
@@ -7862,6 +8300,11 @@ const Star04Filled = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height=
   <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>`;
 
+const Star05 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2L10.6985 7.20599C10.4445 8.22185 10.3176 8.72978 10.0531 9.14309C9.81915 9.50868 9.50868 9.81915 9.14309 10.0531C8.72978 10.3176 8.22185 10.4445 7.20599 10.6985L2 12L7.20599 13.3015C8.22185 13.5555 8.72978 13.6824 9.14309 13.9469C9.50868 14.1808 9.81915 14.4913 10.0531 14.8569C10.3176 15.2702 10.4445 15.7782 10.6985 16.794L12 22L13.3015 16.794C13.5555 15.7782 13.6824 15.2702 13.9469 14.8569C14.1808 14.4913 14.4913 14.1808 14.8569 13.9469C15.2702 13.6824 15.7782 13.5555 16.794 13.3015L22 12L16.794 10.6985C15.7782 10.4445 15.2702 10.3176 14.8569 10.0531C14.4913 9.81915 14.1808 9.50868 13.9469 9.14309C13.6824 8.72978 13.5555 8.22185 13.3015 7.20599L12 2Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const Stars01Filled = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" xmlns="http://www.w3.org/2000/svg">
 <g id="stars-01">
 <g id="Solid">
@@ -7997,6 +8440,11 @@ const UsdcBrand = `<svg data-name="86977684-12db-4850-8f30-233a7c267d11" xmlns="
 </svg>
 `;
 
+const User01 = `<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.5 21C20.5 19.6044 20.5 18.9067 20.3278 18.3389C19.94 17.0605 18.9395 16.06 17.6611 15.6722C17.0933 15.5 16.3956 15.5 15 15.5H10C8.60444 15.5 7.90665 15.5 7.33886 15.6722C6.06045 16.06 5.06004 17.0605 4.67224 18.3389C4.5 18.9067 4.5 19.6044 4.5 21M17 7.5C17 9.98528 14.9853 12 12.5 12C10.0147 12 8 9.98528 8 7.5C8 5.01472 10.0147 3 12.5 3C14.9853 3 17 5.01472 17 7.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const UserCircle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g id="user-circle">
 <path id="Icon" d="M5.3163 19.4384C5.92462 18.0052 7.34492 17 9 17H15C16.6551 17 18.0754 18.0052 18.6837 19.4384M16 9.5C16 11.7091 14.2091 13.5 12 13.5C9.79086 13.5 8 11.7091 8 9.5C8 7.29086 9.79086 5.5 12 5.5C14.2091 5.5 16 7.29086 16 9.5ZM22 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"/>
@@ -8004,6 +8452,11 @@ const UserCircle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
 </svg>
 `;
 
+const UserPlus = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 12.9167H6.25001C5.08704 12.9167 4.50555 12.9167 4.03239 13.0602C2.96705 13.3834 2.13337 14.217 1.8102 15.2824C1.66667 15.7555 1.66667 16.337 1.66667 17.5M15.8333 17.5V12.5M13.3333 15H18.3333M12.0833 6.25C12.0833 8.32107 10.4044 10 8.33334 10C6.26227 10 4.58334 8.32107 4.58334 6.25C4.58334 4.17893 6.26227 2.5 8.33334 2.5C10.4044 2.5 12.0833 4.17893 12.0833 6.25Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const User = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g id="user-03">
 <path id="Icon" d="M3 20C5.33579 17.5226 8.50702 16 12 16C15.493 16 18.6642 17.5226 21 20M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -8011,6 +8464,43 @@ const User = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke
 </svg>
 `;
 
+const Valora = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_316_2)">
+<mask id="mask0_316_2" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<path d="M24 0H0V24H24V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_316_2)">
+<path d="M0 0H24V24H0V0Z" fill="url(#paint0_linear_316_2)"/>
+<mask id="mask1_316_2" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="6" width="16" height="12">
+<path d="M4.28564 6H19.7142V18H4.28564V6Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_316_2)">
+<path d="M13.3825 18C14.0031 13.32 16.2771 10.6551 19.7142 8.24057L17.9571 6C15.7088 7.668 13.2531 10.0329 12.1165 13.2943C11.1856 10.6311 9.24764 8.29029 6.11993 6L4.28564 8.29029C8.18822 10.98 10.1519 13.992 10.6945 18H13.3825Z" fill="white"/>
+</g>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_316_2" x1="-4.59807e-07" y1="24" x2="21.8571" y2="3.42857" gradientUnits="userSpaceOnUse">
+<stop offset="0.17" stop-color="#FFD52C"/>
+<stop offset="1" stop-color="#26D98A"/>
+</linearGradient>
+<clipPath id="clip0_316_2">
+<rect width="24" height="24" rx="2" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`;
+
+const Wallet02 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 14H17.01M7 7H19C19.5304 7 20.0391 7.21071 20.4142 7.58579C20.7893 7.96086 21 8.46957 21 9V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
+const WalletConnect = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.91331 7.87401C8.82718 4.042 15.1728 4.042 19.0867 7.87401L19.5577 8.33519C19.7534 8.52681 19.7534 8.83744 19.5577 9.02906L17.9464 10.6067C17.8486 10.7025 17.6899 10.7025 17.5921 10.6067L16.9439 9.97206C14.2134 7.29872 9.78656 7.29872 7.05612 9.97206L6.36193 10.6517C6.26412 10.7475 6.1055 10.7475 6.00762 10.6517L4.39631 9.07406C4.20056 8.88244 4.20056 8.57181 4.39631 8.38019L4.91331 7.87401ZM22.4191 11.1367L23.8532 12.5408C24.0489 12.7324 24.0489 13.0431 23.8532 13.2347L17.3868 19.566C17.1911 19.7576 16.8738 19.7576 16.6781 19.566L12.0886 15.0725C12.0397 15.0246 11.9604 15.0246 11.9114 15.0725L7.32206 19.566C7.12637 19.7576 6.80906 19.7576 6.61337 19.566L0.14677 13.2346C-0.0489234 13.043 -0.0489234 12.7324 0.14677 12.5407L1.58087 11.1366C1.77656 10.9451 2.09385 10.9451 2.28954 11.1366L6.87912 15.6302C6.928 15.6781 7.00731 15.6781 7.05625 15.6302L11.6456 11.1366C11.8412 10.9451 12.1586 10.9451 12.3542 11.1366L16.9438 15.6302C16.9927 15.6781 17.0721 15.6781 17.121 15.6302L21.7104 11.1367C21.9062 10.9451 22.2234 10.9451 22.4191 11.1367Z" fill="#3396FF"/>
+</svg>
+`;
+
 const Wallet = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g id="wallet-04">
 <path id="Icon" d="M20 9.5V7.2C20 6.0799 20 5.51984 19.782 5.09202C19.5903 4.7157 19.2843 4.40974 18.908 4.21799C18.4802 4 17.9201 4 16.8 4H5.2C4.0799 4 3.51984 4 3.09202 4.21799C2.7157 4.40973 2.40973 4.71569 2.21799 5.09202C2 5.51984 2 6.0799 2 7.2V16.8C2 17.9201 2 18.4802 2.21799 18.908C2.40973 19.2843 2.71569 19.5903 3.09202 19.782C3.51984 20 4.07989 20 5.2 20L16.8 20C17.9201 20 18.4802 20 18.908 19.782C19.2843 19.5903 19.5903 19.2843 19.782 18.908C20 18.4802 20 17.9201 20 16.8V14.5M15 12C15 11.5353 15 11.303 15.0384 11.1098C15.1962 10.3164 15.8164 9.69624 16.6098 9.53843C16.803 9.5 17.0353 9.5 17.5 9.5H19.5C19.9647 9.5 20.197 9.5 20.3902 9.53843C21.1836 9.69624 21.8038 10.3164 21.9616 11.1098C22 11.303 22 11.5353 22 12C22 12.4647 22 12.697 21.9616 12.8902C21.8038 13.6836 21.1836 14.3038 20.3902 14.4616C20.197 14.5 19.9647 14.5 19.5 14.5H17.5C17.0353 14.5 16.803 14.5 16.6098 14.4616C15.8164 14.3038 15.1962 13.6836 15.0384 12.8902C15 12.697 15 12.4647 15 12Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -8041,6 +8531,28 @@ const Youtube = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentCo
 </svg>
 `;
 
+const Zap = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.99999 13.9997C3.81076 14.0003 3.62522 13.9473 3.46495 13.8467C3.30467 13.746 3.17623 13.602 3.09454 13.4313C3.01286 13.2606 2.98129 13.0703 3.00349 12.8823C3.0257 12.6944 3.10077 12.5166 3.21999 12.3697L13.12 2.16967C13.1943 2.08396 13.2955 2.02603 13.407 2.00541C13.5185 1.98478 13.6337 2.00269 13.7337 2.05618C13.8337 2.10967 13.9126 2.19557 13.9573 2.29978C14.0021 2.40399 14.0101 2.52032 13.98 2.62967L12.06 8.64967C12.0034 8.8012 11.9844 8.96419 12.0046 9.12468C12.0248 9.28517 12.0837 9.43836 12.1761 9.5711C12.2685 9.70385 12.3918 9.81219 12.5353 9.88684C12.6788 9.96148 12.8382 10.0002 13 9.99967H20C20.1892 9.99903 20.3748 10.0521 20.535 10.1527C20.6953 10.2533 20.8238 10.3973 20.9054 10.568C20.9871 10.7387 21.0187 10.9291 20.9965 11.117C20.9743 11.3049 20.8992 11.4827 20.78 11.6297L10.88 21.8297C10.8057 21.9154 10.7045 21.9733 10.593 21.9939C10.4815 22.0146 10.3663 21.9967 10.2663 21.9432C10.1663 21.8897 10.0874 21.8038 10.0427 21.6996C9.99791 21.5954 9.98991 21.479 10.02 21.3697L11.94 15.3497C11.9966 15.1982 12.0156 15.0352 11.9954 14.8747C11.9752 14.7142 11.9163 14.561 11.8239 14.4282C11.7315 14.2955 11.6082 14.1872 11.4647 14.1125C11.3212 14.0379 11.1617 13.9991 11 13.9997H3.99999Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
+const Zerion = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_201_2847)">
+<mask id="mask0_201_2847" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<path d="M24 0H0V24H24V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_201_2847)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2259 11.639C10.8298 9.26344 5.48086 6.18284 1.45515 3.67192C0.267398 2.81616 0.870213 1 2.30576 1H22.2249C23.336 1 24.0794 2.23884 23.5226 3.17633C22.1841 5.48804 20.23 8.42303 18.5977 10.7501C17.7215 11.9992 16.2936 12.2138 15.2259 11.639ZM8.81447 12.4105C13.0649 14.6763 19.0218 18.1221 23.2544 20.7276C24.5649 21.5347 24.0411 23.471 22.5137 23.471C20.0141 23.471 15.9523 23.4717 11.9117 23.4723C7.91274 23.4729 3.93445 23.4736 1.51142 23.4736C0.290479 23.4736 -0.335349 22.2065 0.183201 21.3228C1.93549 18.3366 3.90497 15.3225 5.54229 13.0721C6.27026 12.0682 7.75188 11.8434 8.81447 12.4105Z" fill="#2461ED"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_201_2847">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`;
+
 const AD = `<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_4012)">
 <path d="M6.78286 22.8093C8.36049 23.5721 10.1303 24 12.0002 24C13.8701 24 15.64 23.5721 17.2176 22.8093L18.2611 12L17.2176 1.19072C15.64 0.427875 13.8701 0 12.0002 0C10.1303 0 8.36049 0.427875 6.78286 1.19072L5.73938 12L6.78286 22.8093Z" fill="#FFDA44"/>
@@ -12020,12 +12532,15 @@ const Icons = {
     arbitrumBrand: ArbitrumBrand,
     arrowCircleBrokenDownLeft: ArrowCircleBrokenDownLeft,
     arrowCircleDownFilled: ArrowCircleDownFilled,
+    arrowCircleDown: ArrowCircleDown,
     arrowNarrow: ArrowNarrow,
     arrow: Arrow,
     asterisk: Asterisk,
+    backpack: Backpack,
     backupKit: BackupKit,
     bank: Bank,
     baseBrand: BaseBrand,
+    beraBrand: BeraBrand,
     brush: Brush,
     celoBrand: CeloBrand,
     checkCircleFilled: CheckCircleFilled,
@@ -12041,9 +12556,12 @@ const Icons = {
     clubhouseBrand: ClubhouseBrand,
     clubhouse: Clubhouse,
     code: Code,
+    coinbase: Coinbase,
     copy07: Copy07,
     copy: Copy,
+    cosmosCircle: CosmosCircle,
     cosmos: Cosmos,
+    cosmostation: Cosmostation,
     creditCard02: CreditCard02,
     creditCard: CreditCard,
     cube03: Cube03,
@@ -12056,6 +12574,7 @@ const Icons = {
     discordBrand: DiscordBrand,
     discord: Discord,
     dot: Dot,
+    dotsSquare: DotsSquare,
     dots: Dots,
     downloadCloud: DownloadCloud,
     download: Download,
@@ -12064,6 +12583,7 @@ const Icons = {
     earth: Earth,
     edit02: Edit02,
     emptyCircle: EmptyCircle,
+    ethCircle: EthCircle,
     ethereum: Ethereum,
     eyeOff: EyeOff,
     eye: Eye,
@@ -12078,9 +12598,11 @@ const Icons = {
     githubBrand: GithubBrand,
     github: Github,
     globe: Globe,
+    glow: Glow,
     googleBrand: GoogleBrand,
     google: Google,
     gridDots: GridDots,
+    haha: Haha,
     helpCircle: HelpCircle,
     heroAlertCircle: HeroAlertCircle,
     heroCheckmarkCapsule: HeroCheckmarkCapsule,
@@ -12099,8 +12621,10 @@ const Icons = {
     infoCircle: InfoCircle,
     instagramBrand: InstagramBrand,
     instagram: Instagram,
+    keplr: Keplr,
     key: Key,
     laptop: Laptop,
+    leap: Leap,
     lenovo: Lenovo,
     lg: Lg,
     lightning01: Lightning01,
@@ -12112,12 +12636,15 @@ const Icons = {
     logOut: LogOut,
     mail: Mail,
     menu: Menu,
+    metamask: Metamask,
     monitor: Monitor,
     moonpayBrand: MoonpayBrand,
     moreLoginOptions: MoreLoginOptions,
     motorola: Motorola,
     nobleBrand: NobleBrand,
+    okx: Okx,
     optimismBrand: OptimismBrand,
+    paraArrow: ParaArrow,
     paraBlackBg: ParaBlackBg,
     paraBrand: ParaBrand,
     paraIconBrand: ParaIconBrand,
@@ -12128,6 +12655,7 @@ const Icons = {
     paraRings: ParaRings,
     para: Para,
     passcode: Passcode,
+    phantom: Phantom,
     phone: Phone,
     pintrestBrand: PintrestBrand,
     pintrest: Pintrest,
@@ -12138,25 +12666,32 @@ const Icons = {
     puzzlePiece: PuzzlePiece,
     qrCode02: QrCode02,
     qrCode: QrCode,
+    rabby: Rabby,
+    rainbow: Rainbow,
     rampNetworkBrand: RampNetworkBrand,
     rampNetwork: RampNetwork,
     redditBrand: RedditBrand,
     reddit: Reddit,
     refresh: Refresh,
+    safe: Safe,
     samsung: Samsung,
     search: Search,
     send: Send,
     settings: Settings,
     share: Share,
     shield: Shield,
+    shuffle: Shuffle,
     signalBrand: SignalBrand,
     signal: Signal,
     sliders: Sliders,
     snapchatBrand: SnapchatBrand,
     snapchat: Snapchat,
+    solanaCircle: SolanaCircle,
     solana: Solana,
+    solflare: Solflare,
     spacingHeight: SpacingHeight,
     star04Filled: Star04Filled,
+    star05: Star05,
     stars01Filled: Stars01Filled,
     stars02: Stars02,
     stars: Stars,
@@ -12173,12 +12708,19 @@ const Icons = {
     twitterBrand: TwitterBrand,
     twitter: Twitter,
     usdcBrand: UsdcBrand,
+    user01: User01,
     userCircle: UserCircle,
+    userPlus: UserPlus,
     user: User,
+    valora: Valora,
+    wallet02: Wallet02,
+    walletConnect: WalletConnect,
     wallet: Wallet,
     x: X,
     youtubeBrand: YoutubeBrand,
     youtube: Youtube,
+    zap: Zap,
+    zerion: Zerion,
     AD: AD,
     AE: AE,
     AF: AF,
@@ -12658,7 +13200,7 @@ const CpslFileUpload = class {
 let inputIds$2 = 0;
 CpslFileUpload.style = CpslFileUploadStyle0;
 
-const cpslIconCss = ":host{display:block;--filter:auto;--height:24px;--width:24px;--svg-height:calc(var(--height) - (2 * var(--inset)));--svg-width:calc(var(--width) - (2 * var(--inset)));--icon-color:currentColor;--icon-fill-color:currentColor;--icon-stroke-color:currentColor;width:var(--width);height:var(--height)}:host .foreground-0{fill:var(--cpsl-color-foreground-0);stop-color:var(--cpsl-color-foreground-0)}:host .accent-0{fill:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0));stop-color:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0))}:host div{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:var(--icon-color)}:host svg{width:var(--svg-width, \"100%\");height:var(--svg-height, \"100%\");filter:var(--filter)}:host svg .background-16{fill:var(--cpsl-color-background-16)}:host svg .foreground-0{fill:var(--cpsl-color-foreground-0)}:host svg .fill{fill:var(--icon-fill-color)}:host svg .stroke{stroke:var(--icon-stroke-color)}:host img{width:100%;height:100%;object-fit:contain}";
+const cpslIconCss = ":host{display:block;--filter:auto;--height:24px;--width:24px;--inset:0px;--computed-height:calc(var(--height) - (2 * var(--inset)));--computed-width:calc(var(--width) - (2 * var(--inset)));--icon-color:var(--icon-color, currentColor);--icon-fill-color:var(--icon-fill-color, var(--icon-color, currentColor));--icon-stroke-color:var(--icon-stroke-color, var(--icon-color, currentColor));width:var(--width);height:var(--height)}:host .foreground-0{fill:var(--cpsl-color-foreground-0);stop-color:var(--cpsl-color-foreground-0)}:host .accent-0{fill:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0));stop-color:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0))}:host div{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:var(--icon-border, auto);border-radius:var(--icon-border-radius, 0);background:var(--icon-background, transparent);color:var(--icon-color);box-sizing:border-box}:host svg{width:var(--computed-width, \"100%\");height:var(--computed-height, \"100%\");filter:var(--filter)}:host svg .background-16{fill:var(--cpsl-color-background-16)}:host svg .foreground-0{fill:var(--cpsl-color-foreground-0)}:host svg .fill{fill:var(--icon-fill-color)}:host svg .stroke{stroke:var(--icon-stroke-color)}:host img{width:var(--computed-width, 100%);height:var(--computed-height, 100%);max-width:100%;max-height:100%;object-fit:contain}";
 const CpslIconStyle0 = cpslIconCss;
 
 const CpslIcon = class {
@@ -12669,9 +13211,13 @@ const CpslIcon = class {
         this.invert = undefined;
         this.inset = '0px';
         this.icon = undefined;
+        this.radius = 'none';
+        this.background = undefined;
+        this.color = undefined;
+        this.border = undefined;
     }
     render() {
-        return (h(Host, { key: '42f171468ddb966ecdf81dc4e6bac3004f5f0761', part: "icon", role: "img", style: Object.assign(Object.assign({ ['--inset']: this.inset }, (this.size ? { ['--height']: this.size, ['--width']: this.size } : {})), (this.invert ? { ['--filter']: 'invert(100%)' } : {})) }, !this.icon ? h("img", { src: this.src }) : h("div", { innerHTML: Icons[this.icon] })));
+        return (h(Host, { key: 'fda593bf99b0dedbd76080936d3c6ca40d4a3f39', part: "icon", role: "img", style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (this.inset ? { ['--inset']: this.inset } : {})), (this.size ? { ['--height']: this.size, ['--width']: this.size } : {})), (this.invert ? { ['--filter']: 'invert(100%)' } : {})), (this.radius === 'full' ? { ['--icon-border-radius']: '1000px' } : {})), (this.radius === 'theme' ? { ['--icon-border-radius']: 'var(--cpsl-border-radius-tile-button)' } : {})), (this.background ? { ['--icon-background']: this.background } : {})), (this.border ? { ['--icon-border']: this.border } : {})), (this.color ? { ['--icon-color']: this.color } : {})) }, this.src ? (h("div", null, h("img", { src: this.src }))) : (h("div", { innerHTML: Icons[this.icon] }))));
     }
 };
 CpslIcon.style = CpslIconStyle0;
@@ -16724,7 +17270,7 @@ const CpslNavButtonGroup = class {
 };
 CpslNavButtonGroup.style = CpslNavButtonGroupStyle0;
 
-const cpslOverlayCss = ":host{position:fixed;width:100%;height:100%;inset:0px;z-index:10001;opacity:0%;display:none;background:linear-gradient(180deg, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.7) 100%)}:host(.over-modal){z-index:10005}";
+const cpslOverlayCss = ":host{position:fixed;width:100%;height:100%;inset:0px;z-index:10001;opacity:0%;display:none;background:var(--cpsl-overlay-background, linear-gradient(180deg, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.7) 100%))}:host(.over-modal){z-index:10005}";
 const CpslOverlayStyle0 = cpslOverlayCss;
 
 const CpslOverlay = class {
@@ -16944,36 +17490,16 @@ const CpslPopover = class {
                 default:
                     triggerCallbacks = [
                         {
-                            eventName: 'mousedown',
-                            callback: e => {
+                            eventName: 'click',
+                            callback: (e) => {
                                 var _a;
                                 const targetId = (_a = e.target.id) !== null && _a !== void 0 ? _a : '';
                                 if (targetId === 'ignore-click') {
                                     return;
                                 }
-                                if (this.preventBlur) {
-                                    e.preventDefault();
-                                }
                                 if (!this.open) {
                                     this.present();
                                 }
-                                else if (e.target === this.triggerEl) {
-                                    this.close();
-                                }
-                            },
-                        },
-                        {
-                            eventName: 'touchstart',
-                            callback: e => {
-                                var _a;
-                                const targetId = (_a = e.target.id) !== null && _a !== void 0 ? _a : '';
-                                if (targetId === 'ignore-click') {
-                                    return;
-                                }
-                                if (this.preventBlur) {
-                                    e.preventDefault();
-                                }
-                                this.present();
                             },
                         },
                     ];
@@ -16993,18 +17519,23 @@ const CpslPopover = class {
                 const elWidth = this.el.clientWidth;
                 const elHeight = this.el.clientHeight;
                 const { top, left, height, width } = anchorEl.getBoundingClientRect();
-                switch (this.anchorOriginHorizontal) {
-                    case 'left': {
-                        this.positionX = left;
-                        break;
-                    }
-                    case 'center': {
-                        this.positionX = left + width / 2;
-                        break;
-                    }
-                    case 'right': {
-                        this.positionX = left + width;
-                        break;
+                if (this.alignCenter) {
+                    this.positionX = left + (width / 2 - elWidth / 2);
+                }
+                else {
+                    switch (this.anchorOriginHorizontal) {
+                        case 'left': {
+                            this.positionX = left;
+                            break;
+                        }
+                        case 'center': {
+                            this.positionX = left + width / 2;
+                            break;
+                        }
+                        case 'right': {
+                            this.positionX = left + width;
+                            break;
+                        }
                     }
                 }
                 switch (this.anchorOriginVertical) {
@@ -17081,6 +17612,7 @@ const CpslPopover = class {
         this.preventBlur = undefined;
         this.transformOriginHorizontal = 'left';
         this.transformOriginVertical = 'top';
+        this.alignCenter = false;
         this.triggerAction = 'click';
         this.trigger = undefined;
         this.windowPadding = 16;
@@ -17126,7 +17658,7 @@ const CpslPopover = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '37ea2f5b4c7b73aed811317d813ceb9bce8bc38f', class: {
+        return (h(Host, { key: 'b089bf481952dd5183b53929b194af4378b60f85', class: {
                 'open': this.open,
                 'transform-h-left': this.transformOriginHorizontal === 'left',
                 'transform-h-center': this.transformOriginHorizontal === 'center',
@@ -17138,9 +17670,9 @@ const CpslPopover = class {
                 top: `${this.positionY}px`,
                 left: `${this.positionX}px`,
                 width: !this.open ? '0px' : this.autoWidth ? 'auto' : `${(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.clientWidth}px`,
-            } }, h("div", { key: '900e9d9089b5cb97ddfb37c10f1ee6e340ca48f6', id: "container", class: { container: true, open: this.open }, style: {
+            } }, h("div", { key: 'ffd47e631fa98bda0d70b65e8dd770cb7b5ee0ba', id: "container", class: { container: true, open: this.open }, style: {
                 visibility: this.hasSetInitialPosition ? 'visible' : 'hidden',
-            } }, h("slot", { key: 'd734f622b563b747ee6bc4deadfa4a515e91b0d7' }))));
+            } }, h("slot", { key: 'f43b727062744846e24a775321dd1220e20595bc' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17149,6 +17681,7 @@ const CpslPopover = class {
         "preventBlur": ["onTriggerChange"],
         "anchorOriginHorizontal": ["onAnchorChange"],
         "anchorOriginVertical": ["onAnchorChange"],
+        "alignCenter": ["onAnchorChange"],
         "open": ["onOpenChange"]
     }; }
 };
@@ -21315,7 +21848,7 @@ const CpslRadio = class {
 };
 CpslRadio.style = CpslRadioStyle0;
 
-const cpslSelectCss = ":host{--container-box-shadow:none;--container-box-shadow-color:var(--cpsl-color-select-border-placeholder);--container-border-color:var(--cpsl-color-select-border-active);--container-border-error-color:var(--cpsl-color-select-border-error);--container-background-color:var(--cpsl-color-select-surface-default);--container-background-color-disabled:var(--cpsl-color-select-surface-disabled);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-select);--container-padding-top:0px;--container-padding-bottom:0px;--container-padding-end:12px;--container-padding-start:12px;--container-height:48px;--container-gap:8px;--dropdown-margin-top:4px;--dropdown-border-width:1px;--dropdown-border-radius:var(--cpsl-border-radius-select);--dropdown-border-color:var(--cpsl-color-select-dropdown-border);--optional-label-color:var(--cpsl-color-text-secondary);--label-color:var(--cpsl-color-text-primary);--label-font-size:var(--cpsl-font-size-body-s);--label-margin-bottom:0px;--helper-text-color:var(--cpsl-color-text-secondary);--helper-text-error-color:var(--cpsl-color-text-error);--helper-text-icon-color:var(--cpsl-color-text-secondary);--helper-text-icon-error-color:var(--cpsl-color-text-error);--helper-text-icon-size:16px;--helper-text-font-size:var(--cpsl-font-size-body-xs);--helper-text-margin-top:0px;--select-color:var(--cpsl-color-text-primary);--icon-height:24px;--icon-width:24px;display:flex;flex-direction:column;gap:4px;font-family:var(--cpsl-font-family, inherit)}input{box-sizing:border-box;position:absolute;width:100%;height:100%;margin:0px;opacity:0;top:0;left:0;z-index:-1;cursor:pointer}input.disabled{cursor:default}:host(:not(.has-value)){--container-border-color:var(--cpsl-color-select-border-placeholder);--select-color:var(--cpsl-color-text-secondary)}:host(.disabled){--container-background-color:var(--container-background-color-disabled);--select-background-color:var(--select-background-color-disabled);--select-color:var(--cpsl-color-text-disabled)}:host(.focused){--container-box-shadow:0px 0px 0px 2px var(--container-box-shadow-color);--container-border-color:var(--cpsl-color-select-border-active);--container-background-color:var(--cpsl-color-select-surface-default)}.select-container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:var(--container-height);gap:var(--container-gap);cursor:pointer;border-style:solid;border-width:var(--container-border-width);border-color:var(--container-border-color);border-radius:var(--container-border-radius);background:var(--container-background-color);box-shadow:var(--container-box-shadow)}.error-container{border-color:var(--container-border-error-color)}.label{display:inline-block;color:var(--label-color);font-size:var(--label-font-size);font-weight:500;margin-bottom:var(--label-margin-bottom)}.optional-label{display:inline-block;color:var(--optional-label-color);font-size:var(--label-font-size);font-weight:500}.helper-text-container{display:flex;align-items:center;gap:4px;color:var(--helper-text-color);font-size:var(--helper-text-font-size);font-weight:500;margin-top:var(--helper-text-margin-top)}.helper-text-container cpsl-icon{--height:var(--helper-text-icon-size);--width:var(--helper-text-icon-size);--icon-color:var(--helper-text-icon-color)}.error-text{color:var(--helper-text-error-color)}.error-text cpsl-icon{--icon-color:var(--helper-text-icon-error-color)}.selected-container-content{flex:1}.selected-container-content.hidden{display:none}.chevron{transition:transform 0.3s ease;transform:rotate(180deg);--icon-color:var(--cpsl-color-text-disabled);--height:var(--icon-height);--width:var(--icon-width)}.chevron.open{transform:rotate(0deg);--icon-color:var(--cpsl-color-text-primary)}.chevron.has-value{--icon-color:var(--cpsl-color-text-primary)}.selected-text{--color-override:var(--select-color)}.selected-text.placeholder{--color-override:var(--select-color)}.dropdown{margin-top:var(--dropdown-margin-top);border-style:solid;border-width:var(--dropdown-border-width);border-color:var(--dropdown-border-color);border-radius:var(--dropdown-border-radius);overflow:hidden}.dropdown ::slotted(*:last-child){--container-border-width:0px}.dropdown-inner{overflow:auto;max-height:calc(100vh - 32px);scrollbar-width:thin}.dropdown-inner ::slotted(cpsl-input){padding:8px}.search-container{position:sticky;top:0px;padding:8px;background-color:var(--cpsl-color-select-surface-default)}";
+const cpslSelectCss = ":host{--container-box-shadow:none;--container-box-shadow-color:var(--cpsl-color-select-border-placeholder);--container-border-color:var(--cpsl-color-select-border-active);--container-border-error-color:var(--cpsl-color-select-border-error);--container-background-color:var(--cpsl-color-select-surface-default);--container-background-color-disabled:var(--cpsl-color-select-surface-disabled);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-select);--container-padding-top:0px;--container-padding-bottom:0px;--container-padding-end:12px;--container-padding-start:12px;--container-height:48px;--container-gap:8px;--dropdown-margin-top:4px;--dropdown-border-width:1px;--dropdown-border-radius:var(--cpsl-border-radius-select);--dropdown-border-color:var(--cpsl-color-select-dropdown-border);--optional-label-color:var(--cpsl-color-text-secondary);--label-color:var(--cpsl-color-text-primary);--label-font-size:var(--cpsl-font-size-body-s);--label-margin-bottom:0px;--helper-text-color:var(--cpsl-color-text-secondary);--helper-text-error-color:var(--cpsl-color-text-error);--helper-text-icon-color:var(--cpsl-color-text-secondary);--helper-text-icon-error-color:var(--cpsl-color-text-error);--helper-text-icon-size:16px;--helper-text-font-size:var(--cpsl-font-size-body-xs);--helper-text-margin-top:0px;--select-color:var(--cpsl-color-text-primary);--icon-height:24px;--icon-width:24px;display:flex;flex-direction:column;gap:4px;font-family:var(--cpsl-font-family, inherit)}input{box-sizing:border-box;position:absolute;width:100%;height:100%;margin:0px;opacity:0;top:0;left:0;z-index:-1;cursor:pointer}input.disabled{cursor:default}:host(:not(.has-value)){--container-border-color:var(--cpsl-color-select-border-placeholder);--select-color:var(--cpsl-color-text-secondary)}:host(.disabled){--container-background-color:var(--container-background-color-disabled);--select-background-color:var(--select-background-color-disabled);--select-color:var(--cpsl-color-text-disabled)}:host(.focused){--container-box-shadow:0px 0px 0px 2px var(--container-box-shadow-color);--container-border-color:var(--cpsl-color-select-border-active);--container-background-color:var(--cpsl-color-select-surface-default)}.select-container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:var(--container-height);gap:var(--container-gap);cursor:pointer;border-style:solid;border-width:var(--container-border-width);border-color:var(--container-border-color);border-radius:var(--container-border-radius);background:var(--container-background-color);box-shadow:var(--container-box-shadow)}.error-container{border-color:var(--container-border-error-color)}.label{display:inline-block;color:var(--label-color);font-size:var(--label-font-size);font-weight:500;margin-bottom:var(--label-margin-bottom)}.optional-label{display:inline-block;color:var(--optional-label-color);font-size:var(--label-font-size);font-weight:500}.helper-text-container{display:flex;align-items:center;gap:4px;color:var(--helper-text-color);font-size:var(--helper-text-font-size);font-weight:500;margin-top:var(--helper-text-margin-top)}.helper-text-container cpsl-icon{--height:var(--helper-text-icon-size);--width:var(--helper-text-icon-size);--icon-color:var(--helper-text-icon-color)}.error-text{color:var(--helper-text-error-color)}.error-text cpsl-icon{--icon-color:var(--helper-text-icon-error-color)}.selected-container-content{flex:1}.selected-container-content.hidden{display:none}.chevron{transition:transform 0.3s ease;transform:rotate(180deg);--icon-color:var(--cpsl-color-text-disabled);--height:var(--icon-height);--width:var(--icon-width)}.chevron.open{transform:rotate(0deg);--icon-color:var(--cpsl-color-text-primary)}.chevron.has-value{--icon-color:var(--cpsl-color-text-primary)}.selected-text{--color-override:var(--select-color)}.selected-text.placeholder{--color-override:var(--select-color)}.dropdown{margin-top:var(--dropdown-margin-top);border-style:solid;border-width:var(--dropdown-border-width);border-color:var(--dropdown-border-color);border-radius:var(--dropdown-border-radius);overflow:hidden}.dropdown ::slotted(*:last-child){--container-border-width:0px}.dropdown-inner{overflow:auto;padding:var(--dropdown-inner-padding, 0px);display:flex;flex-direction:column;gap:var(--dropdown-inner-gap, 0px);background-color:var(--dropdown-background-color, var(--container-background-color));max-height:calc(100vh - 32px);scrollbar-width:thin}.dropdown-inner ::slotted(cpsl-input){padding:8px}.search-container{position:sticky;top:0px;padding:8px;background-color:var(--cpsl-color-select-surface-default)}";
 const CpslSelectStyle0 = cpslSelectCss;
 
 const CpslSelect = class {
@@ -21388,6 +21921,7 @@ const CpslSelect = class {
         this.hasSelectedItem = false;
         this.anchorElId = undefined;
         this.autoWidth = false;
+        this.alignCenter = false;
         this.disabled = false;
         this.dropdownMaxHeight = undefined;
         this.errorText = undefined;
@@ -21434,10 +21968,10 @@ const CpslSelect = class {
     render() {
         var _a, _b, _c, _d, _e;
         const selectedValueAsString = Array.isArray(this.selectedValue) ? this.selectedValue.join(', ') : this.selectedValue;
-        return (h(Host, { key: 'f7c2db799e3462ef83fd0e7b29a3fd88a2d69e38', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': this.hasSelectedItem } }, this.label && (h("label", { key: '8629dcd2d81bbf631962f84c551b2e2a3c96dd33', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: 'f01a1d57e48256e4b1898beeebb4c01275966aa6', 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: 'eb8a31b3254990d3f4165275561b21fe9e9abaf9', name: "selected-item" }), h("div", { key: 'a78cec861e87ac9702477bddf10ec4c66cf37626', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (h("cpsl-text", { key: '74fdd4ff8ad178376220d89890f507b304298be4', 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 : selectedValueAsString)))), h("cpsl-icon", { key: '7f0f942c54e7b72279fbff7cba99b1a84105b912', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': this.hasSelectedItem }, icon: this.icon }), h("input", { key: '43e2fbcd9d13168ecdd9fadb2047591480cf2c42', 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: '926ef9d6f59215260143f133104e63a46ecedc1f', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, h("div", { key: '90520534785a584d539d5ef8e49ff394d2f4c3d7', part: "dropdown", class: "dropdown" }, this.showSearch && (h("div", { key: 'e0cf6cf0e4d0c17981b78428ff3ceeb049cebba5', class: "search-container" }, h("cpsl-input", { key: 'e1d3bc0a68026b0cbbca0677a30b26934b6296be', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
+        return (h(Host, { key: '6dc906dbe50086aa8c7fa422e60818d639414777', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': this.hasSelectedItem } }, this.label && (h("label", { key: '37d5d5bccea5e77e86586e9cd64386060913c95d', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: '218f32839c29ae5d822b93aeed3cdecb8d438abf', part: "select-container", id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onClick: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && h("slot", { key: '0a7533bb7431d18d25e3fd1f45a208ef5f751ffa', name: "selected-item" }), h("div", { key: 'ff5886e01acf82bd78dad8db7a372b462b7dd1b6', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (h("cpsl-text", { key: '0acdbbaa034fed2b4d7daf4c27522f58b26f46d9', 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 : selectedValueAsString)))), this.icon && this.icon !== null && (h("cpsl-icon", { key: 'ec060c8f306b76575c073f0b10a9cfb037784a23', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': this.hasSelectedItem }, icon: this.icon })), h("input", { key: '8443ce8e3f0e952b12e66686b11ec83a3a3986f4', 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: '5094f8e466b39f98ad42ee4d585381d9072b15be', part: "popover", autoWidth: this.autoWidth, alignCenter: this.alignCenter, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, h("div", { key: 'd25b7dcb7712d977817d80d7d64b51275d2f2836', part: "dropdown", class: "dropdown" }, this.showSearch && (h("div", { key: 'e7c28b844cb87339e42e5889036ad23816dba245', class: "search-container" }, h("cpsl-input", { key: 'a163fddbe94d0879db37c1e7ea29b3f24c6272a6', 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: '4f12646017f6b9c95a717188d7329750e8bdf74e', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, h("slot", { key: '33fd8a222ea76686c6d00ed388decb5ab10b98d8', name: "items" }))))), (this.errorText || this.helperText) && (h("div", { key: 'f9e99bd7e2a4c4eb98ea540c2ba0ed9a1e0feb67', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: 'eae52c7b8dad9a6f702abb01f9f8205d7a96a82d' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
+            } }))), h("div", { key: '14b0ce4fc71cb82aa9a8f639c7b51772cb4661c1', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, h("slot", { key: 'afb08ac353a11be8b89f16884ed6509e21be2f6d', name: "items" }))))), (this.errorText || this.helperText) && (h("div", { key: 'b68520ddb728e5601fff5082d772d2fedc761850', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: 'fd953ec9c15f952feb64f56b60f933d3a4223d1c' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21447,7 +21981,7 @@ const CpslSelect = class {
 let inputIds = 0;
 CpslSelect.style = CpslSelectStyle0;
 
-const cpslSelectItemCss = ":host{--outer-container-padding-start:8px;--outer-container-padding-end:8px;--outer-container-padding-top:8px;--outer-container-padding-bottom:8px;--container-background-color:var(--cpsl-color-select-surface-default);--container-hover-background-color:var(--cpsl-color-select-surface-hover);--container-border-radius:calc(var(--cpsl-border-radius-select) - 4px);--container-padding-start:8px;--container-padding-end:8px;--container-padding-top:8px;--container-padding-bottom:8px;display:block;font-family:var(--cpsl-font-family, inherit);color:var(--cpsl-color-text-primary);cursor:pointer}.inner-container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);background-color:var(--container-background-color);border-radius:var(--container-border-radius);height:100%;display:flex;align-items:center}.outer-container{-webkit-padding-start:var(--outer-container-padding-start);padding-inline-start:var(--outer-container-padding-start);-webkit-padding-end:var(--outer-container-padding-end);padding-inline-end:var(--outer-container-padding-end);padding-top:var(--outer-container-padding-top);padding-bottom:var(--outer-container-padding-bottom);background-color:var(--container-background-color)}.outer-container:hover>.inner-container{background-color:var(--container-hover-background-color)}.selected{background-color:var(--container-hover-background-color)}:host(.in-select-box){--container-background-color:transparent;--container-hover-background-color:transparent;--container-border-width:0px;--container-padding-start:0px;--container-padding-end:0px;--container-padding-top:0px;--container-padding-bottom:0px;flex:1;height:100%}";
+const cpslSelectItemCss = ":host{--outer-container-padding-start:8px;--outer-container-padding-end:8px;--outer-container-padding-top:8px;--outer-container-padding-bottom:8px;--container-background-color:var(--cpsl-color-select-surface-default);--container-hover-background-color:var(--cpsl-color-select-surface-hover);--container-border-radius:calc(var(--cpsl-border-radius-select) - 4px);--container-padding-start:8px;--container-padding-end:8px;--container-padding-top:8px;--container-padding-bottom:8px;display:block;font-family:var(--cpsl-font-family, inherit);color:var(--cpsl-color-text-primary);cursor:pointer}.inner-container{-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);background-color:var(--container-background-color);border-radius:var(--container-border-radius);height:100%;display:flex;align-items:center}.outer-container{-webkit-padding-start:var(--outer-container-padding-start);padding-inline-start:var(--outer-container-padding-start);-webkit-padding-end:var(--outer-container-padding-end);padding-inline-end:var(--outer-container-padding-end);padding-top:var(--outer-container-padding-top);padding-bottom:var(--outer-container-padding-bottom)}.outer-container:hover>.inner-container{background-color:var(--container-hover-background-color)}.selected{background-color:var(--container-hover-background-color)}:host(.in-select-box){--container-background-color:transparent;--container-hover-background-color:transparent;--container-border-width:0px;--container-padding-start:0px;--container-padding-end:0px;--container-padding-top:0px;--container-padding-bottom:0px;flex:1;height:100%}";
 const CpslSelectItemStyle0 = cpslSelectItemCss;
 
 const CpslSelectItem = class {
@@ -21461,7 +21995,15 @@ const CpslSelectItem = class {
         this.value = undefined;
     }
     render() {
-        return (h(Host, { key: '532ed86577783bc61c40a18de178e63d16cf24c1' }, h("div", { key: 'ebf183f51dc2082e853cda6f490ab1b1a2c72f99', part: "outer-container", class: "outer-container", onClick: this.handleItemClick }, h("div", { key: '1e2c94c4e4a61638fc7a0439a36672bc22f47d28', part: "inner-container", class: { 'inner-container': true, 'selected': this.selected } }, h("slot", { key: 'a5c01c9f324912eff3c7958370bbec29050e4f4a' })))));
+        return (h(Host, { key: '532ed86577783bc61c40a18de178e63d16cf24c1' }, h("div", { key: 'b8204d608be86196abdb6aa9f87f945a81ed94aa', part: "outer-container", class: "outer-container", onClick: e => {
+                var _a;
+                const targetId = (_a = e.target.id) !== null && _a !== void 0 ? _a : '';
+                if (targetId === 'ignore-click') {
+                    return;
+                }
+                this.handleItemClick();
+                e.stopPropagation();
+            } }, h("div", { key: '39f0db01095055ae5a759d26f35abd862e188f4c', part: "inner-container", class: { 'inner-container': true, 'selected': this.selected } }, h("slot", { key: '2c813c62143a9003c6f45bc979986e375b15f6fe' })))));
     }
 };
 CpslSelectItem.style = CpslSelectItemStyle0;
@@ -21603,23 +22145,23 @@ const CpslSlideButton = class {
 };
 CpslSlideButton.style = CpslSlideButtonStyle0;
 
-const cpslSpinnerCss = ":host{--width:54px;--height:54px;--bar-width:12px;--inner-width:calc(var(--width) / 2 - var(--bar-width));--bar-color:var(--cpsl-color-foreground-0);--background-color:var(--cpsl-color-background-0);width:var(--width);height:var(--height);display:flex;justify-content:center;align-items:center}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}:host .loader{position:relative;width:100%;aspect-ratio:1;opacity:1;background:conic-gradient(transparent, transparent 12%, var(--bar-color));border-radius:50%;margin:auto;animation:spin 0.8s cubic-bezier(0.3, 0.5, 0.5, 0.5) infinite, opacity 0.2s;mask-image:radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) var(--inner-width), black var(--inner-width))}:host .loader::before{content:\"\";position:absolute;border-radius:inherit;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(to left, var(--bar-color) 50%, transparent 50%);width:var(--bar-width);aspect-ratio:1;animation:opacity 0.2s}:host .loader.error{background:var(--cpsl-color-utility-red);animation:opacity 0.2s}:host .loader.error::before{opacity:0}:host .loader.inactive{opacity:0;animation:none}:host .loader.inactive::before{opacity:0}";
+const cpslSpinnerCss = ":host{--width:54px;--height:54px;--bar-width:12px;--inner-width:calc(var(--width) / 2 - var(--bar-width));--bar-color:var(--cpsl-color-foreground-0);--background-color:var(--cpsl-color-background-0);width:var(--width);height:var(--height);display:flex;justify-content:center;align-items:center}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}:host .loader{position:relative;width:100%;aspect-ratio:1;opacity:1;background:conic-gradient(transparent, transparent 12%, var(--bar-color));border-radius:50%;margin:auto;transition:background-color 0.2s, opacity 0.2s;animation:spin 0.8s cubic-bezier(0.3, 0.5, 0.5, 0.5) infinite, opacity 0.2s;mask-image:radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) var(--inner-width), black var(--inner-width))}:host .loader::before{content:\"\";position:absolute;border-radius:inherit;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(to left, var(--bar-color) 50%, transparent 50%);width:var(--bar-width);aspect-ratio:1;animation:opacity 0.2s}:host .loader.error{background:var(--cpsl-color-utility-red);animation:opacity 0.2s}:host .loader.error::before{opacity:0}:host .loader.success{background:var(--cpsl-color-utility-green);animation:opacity 0.2s}:host .loader.success::before{opacity:0}:host .loader.idle{opacity:0;animation:none}:host .loader.idle::before{opacity:0}";
 const CpslSpinnerStyle0 = cpslSpinnerCss;
 
 const CpslSpinner = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.variant = 'default';
+        this.variant = 'pending';
         this.size = 54;
         this.barWidth = undefined;
         this.speed = 1;
     }
     render() {
-        return (h(Host, { key: '218db1b832fb9968ce57b0ed96b19adfa746689d', style: {
+        return (h(Host, { key: '6f5f4fa9dffa7e6dbc380bcdec5ae211447c4bf4', style: {
                 ['--height']: `${this.size}px`,
                 ['--width']: `${this.size}px`,
                 ['--bar-width']: `${this.barWidth ? this.barWidth : this.size * 0.12}px`,
-            } }, h("div", { key: 'ac9f128fee0043c786334cd8dfeaa4753fad8736', class: { loader: true, [this.variant]: true } })));
+            } }, h("div", { key: '6035e38d3146fcda2b96181cc53b00b2c6d42c83', class: { loader: true, [this.variant]: true } })));
     }
 };
 CpslSpinner.style = CpslSpinnerStyle0;
@@ -21817,7 +22359,7 @@ const getTab = (tabs, tab) => {
 };
 CpslTabs.style = CpslTabsStyle0;
 
-const cpslTextCss = ":host{display:block;font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;font-synthesis:none}:host(.primary){color:var(--color-override, var(--cpsl-color-text-primary))}:host(.primary)>p,:host(.primary) h1,:host(.primary) h2,:host(.primary) h3,:host(.primary) h4,:host(.primary) h5,:host(.primary) h6{color:var(--color-override, var(--cpsl-color-text-primary))}:host(.secondary){color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.secondary)>p,:host(.secondary) h1,:host(.secondary) h2,:host(.secondary) h3,:host(.secondary) h4,:host(.secondary) h5,:host(.secondary) h6{color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.tertiary){color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.tertiary)>p,:host(.tertiary) h1,:host(.tertiary) h2,:host(.tertiary) h3,:host(.tertiary) h4,:host(.tertiary) h5,:host(.tertiary) h6{color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.subtle){color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.subtle)>p,:host(.subtle) h1,:host(.subtle) h2,:host(.subtle) h3,:host(.subtle) h4,:host(.subtle) h5,:host(.subtle) h6{color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.inverted){color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.inverted)>p,:host(.inverted) h1,:host(.inverted) h2,:host(.inverted) h3,:host(.inverted) h4,:host(.inverted) h5,:host(.inverted) h6{color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.error){color:var(--color-override, var(--cpsl-color-text-error))}:host(.error)>p,:host(.error) h1,:host(.error) h2,:host(.error) h3,:host(.error) h4,:host(.error) h5,:host(.error) h6{color:var(--color-override, var(--cpsl-color-text-error))}:host(.contrast){color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.contrast)>p,:host(.contrast) h1,:host(.contrast) h2,:host(.contrast) h3,:host(.contrast) h4,:host(.contrast) h5,:host(.contrast) h6{color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.regular){font-weight:400}:host(.regular)>p,:host(.regular) h1,:host(.regular) h2,:host(.regular) h3,:host(.regular) h4,:host(.regular) h5,:host(.regular) h6{font-weight:400}:host(.medium){font-weight:500}:host(.medium)>p,:host(.medium) h1,:host(.medium) h2,:host(.medium) h3,:host(.medium) h4,:host(.medium) h5,:host(.medium) h6{font-weight:500}:host(.semi-bold){font-weight:600}:host(.semi-bold)>p,:host(.semi-bold) h1,:host(.semi-bold) h2,:host(.semi-bold) h3,:host(.semi-bold) h4,:host(.semi-bold) h5,:host(.semi-bold) h6{font-weight:600}:host(.bold){font-weight:700}:host(.bold)>p,:host(.bold) h1,:host(.bold) h2,:host(.bold) h3,:host(.bold) h4,:host(.bold) h5,:host(.bold) h6{font-weight:700}:host(.body-2xs){font-size:var(--cpsl-font-size-body-2xs)}:host(.body-2xs)>p,:host(.body-2xs) h1,:host(.body-2xs) h2,:host(.body-2xs) h3,:host(.body-2xs) h4,:host(.body-2xs) h5,:host(.body-2xs) h6{font-size:var(--cpsl-font-size-body-2xs)}:host(.body-xs){font-size:var(--cpsl-font-size-body-xs)}:host(.body-xs)>p,:host(.body-xs) h1,:host(.body-xs) h2,:host(.body-xs) h3,:host(.body-xs) h4,:host(.body-xs) h5,:host(.body-xs) h6{font-size:var(--cpsl-font-size-body-xs)}:host(.body-s){font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-s)>p,:host(.body-s) h1,:host(.body-s) h2,:host(.body-s) h3,:host(.body-s) h4,:host(.body-s) h5,:host(.body-s) h6{font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-m){font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-m)>p,:host(.body-m) h1,:host(.body-m) h2,:host(.body-m) h3,:host(.body-m) h4,:host(.body-m) h5,:host(.body-m) h6{font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-l){font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-l)>p,:host(.body-l) h1,:host(.body-l) h2,:host(.body-l) h3,:host(.body-l) h4,:host(.body-l) h5,:host(.body-l) h6{font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-xl){font-size:var(--cpsl-font-size-body-xl)}:host(.body-xl)>p,:host(.body-xl) h1,:host(.body-xl) h2,:host(.body-xl) h3,:host(.body-xl) h4,:host(.body-xl) h5,:host(.body-xl) h6{font-size:var(--cpsl-font-size-body-xl)}:host(.heading-xs){font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-xs)>p,:host(.heading-xs) h1,:host(.heading-xs) h2,:host(.heading-xs) h3,:host(.heading-xs) h4,:host(.heading-xs) h5,:host(.heading-xs) h6{font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-s){font-size:var(--cpsl-font-size-heading-s)}:host(.heading-s)>p,:host(.heading-s) h1,:host(.heading-s) h2,:host(.heading-s) h3,:host(.heading-s) h4,:host(.heading-s) h5,:host(.heading-s) h6{font-size:var(--cpsl-font-size-heading-s)}:host(.heading-m){font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-m)>p,:host(.heading-m) h1,:host(.heading-m) h2,:host(.heading-m) h3,:host(.heading-m) h4,:host(.heading-m) h5,:host(.heading-m) h6{font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-l){font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-l)>p,:host(.heading-l) h1,:host(.heading-l) h2,:host(.heading-l) h3,:host(.heading-l) h4,:host(.heading-l) h5,:host(.heading-l) h6{font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-xl){font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-xl)>p,:host(.heading-xl) h1,:host(.heading-xl) h2,:host(.heading-xl) h3,:host(.heading-xl) h4,:host(.heading-xl) h5,:host(.heading-xl) h6{font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-2xl){font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host(.heading-2xl)>p,:host(.heading-2xl) h1,:host(.heading-2xl) h2,:host(.heading-2xl) h3,:host(.heading-2xl) h4,:host(.heading-2xl) h5,:host(.heading-2xl) h6{font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host p,h1,h2,h3,h4,h5,h6{font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;font-synthesis:none}:host p::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host p::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}";
+const cpslTextCss = ":host{display:block;font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;font-synthesis:none}:host(.primary){color:var(--color-override, var(--cpsl-color-text-primary))}:host(.primary)>p,:host(.primary) h1,:host(.primary) h2,:host(.primary) h3,:host(.primary) h4,:host(.primary) h5,:host(.primary) h6{color:var(--color-override, var(--cpsl-color-text-primary))}:host(.secondary){color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.secondary)>p,:host(.secondary) h1,:host(.secondary) h2,:host(.secondary) h3,:host(.secondary) h4,:host(.secondary) h5,:host(.secondary) h6{color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.tertiary){color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.tertiary)>p,:host(.tertiary) h1,:host(.tertiary) h2,:host(.tertiary) h3,:host(.tertiary) h4,:host(.tertiary) h5,:host(.tertiary) h6{color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.subtle){color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.subtle)>p,:host(.subtle) h1,:host(.subtle) h2,:host(.subtle) h3,:host(.subtle) h4,:host(.subtle) h5,:host(.subtle) h6{color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.inverted){color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.inverted)>p,:host(.inverted) h1,:host(.inverted) h2,:host(.inverted) h3,:host(.inverted) h4,:host(.inverted) h5,:host(.inverted) h6{color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.error){color:var(--color-override, var(--cpsl-color-text-error))}:host(.error)>p,:host(.error) h1,:host(.error) h2,:host(.error) h3,:host(.error) h4,:host(.error) h5,:host(.error) h6{color:var(--color-override, var(--cpsl-color-text-error))}:host(.success){color:var(--color-override, var(--cpsl-color-utility-green))}:host(.success)>p,:host(.success) h1,:host(.success) h2,:host(.success) h3,:host(.success) h4,:host(.success) h5,:host(.success) h6{color:var(--color-override, var(--cpsl-color-utility-green))}:host(.contrast){color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.contrast)>p,:host(.contrast) h1,:host(.contrast) h2,:host(.contrast) h3,:host(.contrast) h4,:host(.contrast) h5,:host(.contrast) h6{color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.regular){font-weight:400}:host(.regular)>p,:host(.regular) h1,:host(.regular) h2,:host(.regular) h3,:host(.regular) h4,:host(.regular) h5,:host(.regular) h6{font-weight:400}:host(.medium){font-weight:500}:host(.medium)>p,:host(.medium) h1,:host(.medium) h2,:host(.medium) h3,:host(.medium) h4,:host(.medium) h5,:host(.medium) h6{font-weight:500}:host(.semi-bold){font-weight:600}:host(.semi-bold)>p,:host(.semi-bold) h1,:host(.semi-bold) h2,:host(.semi-bold) h3,:host(.semi-bold) h4,:host(.semi-bold) h5,:host(.semi-bold) h6{font-weight:600}:host(.bold){font-weight:700}:host(.bold)>p,:host(.bold) h1,:host(.bold) h2,:host(.bold) h3,:host(.bold) h4,:host(.bold) h5,:host(.bold) h6{font-weight:700}:host(.body-2xs){font-size:var(--cpsl-font-size-body-2xs)}:host(.body-2xs)>p,:host(.body-2xs) h1,:host(.body-2xs) h2,:host(.body-2xs) h3,:host(.body-2xs) h4,:host(.body-2xs) h5,:host(.body-2xs) h6{font-size:var(--cpsl-font-size-body-2xs)}:host(.body-xs){font-size:var(--cpsl-font-size-body-xs)}:host(.body-xs)>p,:host(.body-xs) h1,:host(.body-xs) h2,:host(.body-xs) h3,:host(.body-xs) h4,:host(.body-xs) h5,:host(.body-xs) h6{font-size:var(--cpsl-font-size-body-xs)}:host(.body-s){font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-s)>p,:host(.body-s) h1,:host(.body-s) h2,:host(.body-s) h3,:host(.body-s) h4,:host(.body-s) h5,:host(.body-s) h6{font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-m){font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-m)>p,:host(.body-m) h1,:host(.body-m) h2,:host(.body-m) h3,:host(.body-m) h4,:host(.body-m) h5,:host(.body-m) h6{font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-l){font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-l)>p,:host(.body-l) h1,:host(.body-l) h2,:host(.body-l) h3,:host(.body-l) h4,:host(.body-l) h5,:host(.body-l) h6{font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-xl){font-size:var(--cpsl-font-size-body-xl)}:host(.body-xl)>p,:host(.body-xl) h1,:host(.body-xl) h2,:host(.body-xl) h3,:host(.body-xl) h4,:host(.body-xl) h5,:host(.body-xl) h6{font-size:var(--cpsl-font-size-body-xl)}:host(.heading-xs){font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-xs)>p,:host(.heading-xs) h1,:host(.heading-xs) h2,:host(.heading-xs) h3,:host(.heading-xs) h4,:host(.heading-xs) h5,:host(.heading-xs) h6{font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-s){font-size:var(--cpsl-font-size-heading-s)}:host(.heading-s)>p,:host(.heading-s) h1,:host(.heading-s) h2,:host(.heading-s) h3,:host(.heading-s) h4,:host(.heading-s) h5,:host(.heading-s) h6{font-size:var(--cpsl-font-size-heading-s)}:host(.heading-m){font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-m)>p,:host(.heading-m) h1,:host(.heading-m) h2,:host(.heading-m) h3,:host(.heading-m) h4,:host(.heading-m) h5,:host(.heading-m) h6{font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-l){font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-l)>p,:host(.heading-l) h1,:host(.heading-l) h2,:host(.heading-l) h3,:host(.heading-l) h4,:host(.heading-l) h5,:host(.heading-l) h6{font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-xl){font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-xl)>p,:host(.heading-xl) h1,:host(.heading-xl) h2,:host(.heading-xl) h3,:host(.heading-xl) h4,:host(.heading-xl) h5,:host(.heading-xl) h6{font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-2xl){font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host(.heading-2xl)>p,:host(.heading-2xl) h1,:host(.heading-2xl) h2,:host(.heading-2xl) h3,:host(.heading-2xl) h4,:host(.heading-2xl) h5,:host(.heading-2xl) h6{font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host(.align-left){text-align:left}:host(.align-center){text-align:center}:host(.align-right){text-align:right}:host p,h1,h2,h3,h4,h5,h6{font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;font-synthesis:none}:host p::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host p::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}";
 const CpslTextStyle0 = cpslTextCss;
 
 const TEXT_EL_PART = 'text-element';
@@ -21852,9 +22394,10 @@ const CpslText = class {
         this.color = 'primary';
         this.variant = 'bodyM';
         this.weight = 'regular';
+        this.align = undefined;
     }
     render() {
-        return (h(Host, { key: '0fe34c3a91b7ac83a985eccbf47aa423c21123c1', class: {
+        return (h(Host, { key: '893cf52df1fa3f8304e8fc61e92ad31abeafec91', class: {
                 // COLORS
                 'primary': this.color === 'primary',
                 'secondary': this.color === 'secondary',
@@ -21863,6 +22406,7 @@ const CpslText = class {
                 'inverted': this.color === 'inverted',
                 'error': this.color === 'error',
                 'contrast': this.color === 'contrast',
+                'success': this.color === 'success',
                 // WEIGHTS
                 'medium': this.weight === 'medium',
                 'semi-bold': this.weight === 'semiBold',
@@ -21880,22 +22424,28 @@ const CpslText = class {
                 'heading-l': this.variant === 'headingL',
                 'heading-xl': this.variant === 'headingXL',
                 'heading-2xl': this.variant === 'heading2XL',
+                'align-left': this.align === 'left',
+                'align-center': this.align === 'center',
+                'align-right': this.align === 'right',
             } }, this.getContent()));
     }
 };
 CpslText.style = CpslTextStyle0;
 
-const cpslTileButtonCss = ":host{--button-icon-color:var(--cpsl-color-text-primary);--button-border-radius:var(--cpsl-border-radius-tile-button);--button-background-color:var(--cpsl-color-tile-button-surface-default);--button-border-color:var(--cpsl-color-tile-button-border);--button-width:72px;--button-height:56px;--button-gap:8px}:host :hover{--button-background-color:var(--cpsl-color-tile-button-surface-hover)}:host :active{--button-background-color:var(--cpsl-color-tile-button-surface-pressed)}.button-native{border-radius:var(--button-border-radius);-webkit-padding-start:var(--button-padding-start);padding-inline-start:var(--button-padding-start);-webkit-padding-end:var(--button-padding-end);padding-inline-end:var(--button-padding-end);padding-top:var(--button-padding-top);padding-bottom:var(--button-padding-bottom);border:1px solid transparent;cursor:pointer;background:var(--button-background-color);border-color:var(--button-border-color);display:flex;flex-direction:column;gap:var(--button-gap);align-items:center;justify-content:center;width:var(--button-width);height:var(--button-height);box-shadow:var(--button-box-shadow)}.button-native cpsl-icon{--icon-color:var(--button-icon-color);--height:var(--button-icon-height);--width:var(--button-icon-width)}";
+const cpslTileButtonCss = ":host{--button-icon-color:var(--cpsl-color-text-primary);--button-border-radius:var(--cpsl-border-radius-tile-button);--button-background-color:var(--cpsl-color-tile-button-surface-default);--button-border-color:var(--cpsl-color-tile-button-border);--button-width:72px;--button-height:56px;--button-gap:8px}:host :hover{--button-background-color:var(--cpsl-color-tile-button-surface-hover)}:host :active{--button-background-color:var(--cpsl-color-tile-button-surface-pressed)}:host(.disabled){cursor:default;pointer-events:none;opacity:0.7}:host(.disabled) .button-native{cursor:default;pointer-events:none}.button-native{border-radius:var(--button-border-radius);-webkit-padding-start:var(--button-padding-start);padding-inline-start:var(--button-padding-start);-webkit-padding-end:var(--button-padding-end);padding-inline-end:var(--button-padding-end);padding-top:var(--button-padding-top);padding-bottom:var(--button-padding-bottom);border:1px solid transparent;cursor:pointer;background:var(--button-background-color);border-color:var(--button-border-color);display:flex;flex-direction:column;gap:var(--button-gap);align-items:center;justify-content:center;width:var(--button-width);height:var(--button-height);box-shadow:var(--button-box-shadow)}.button-native cpsl-icon{--icon-color:var(--button-icon-color);--height:var(--button-icon-height);--width:var(--button-icon-width)}";
 const CpslTileButtonStyle0 = cpslTileButtonCss;
 
 const CpslTileButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.disabled = false;
         this.src = undefined;
         this.icon = undefined;
     }
     render() {
-        return (h(Host, { key: '5e9927f98dce681df1237a942d9e1d7fa121b607' }, h("button", { key: 'f555f7a1b3eafe29d67a65e014cdfd6305ffc2a4', class: "button-native" }, h("cpsl-icon", { key: '333bae4faf843a52c58e8b79234cb1e72a572a03', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: 'f56278acf1cc8298c7a06ecbdd8934498ed60e71' }))));
+        return (h(Host, { key: '4208b5b96abeaa297d65cbe341b8856b6fb1d5f7', class: {
+                disabled: this.disabled,
+            } }, h("button", { key: '15e33d66269d18cad46b69dd7e3b251a6b1672d3', class: "button-native", disabled: this.disabled }, h("cpsl-icon", { key: '5467bad2d0d6b976cefa3625c6878a7e2068b884', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: '209993a9288cfe3de961c955e132abd9ffa7e82a' }))));
     }
 };
 CpslTileButton.style = CpslTileButtonStyle0;