@getpara/core-components 2.0.0-alpha.19 → 2.0.0-alpha.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/capsule/capsule.esm.js +1 -1
  2. package/dist/capsule/capsule.esm.js.map +1 -1
  3. package/dist/capsule/p-3719bb1e.entry.js +2 -0
  4. package/dist/capsule/p-3719bb1e.entry.js.map +1 -0
  5. package/dist/capsule/p-98550ee7.entry.js +28 -0
  6. package/dist/capsule/p-98550ee7.entry.js.map +1 -0
  7. package/dist/cjs/capsule.cjs.js +1 -1
  8. package/dist/cjs/cpsl-alert_34.cjs.entry.js +328 -8
  9. package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
  10. package/dist/cjs/cpsl-identicon.cjs.entry.js +4 -2
  11. package/dist/cjs/cpsl-identicon.cjs.entry.js.map +1 -1
  12. package/dist/cjs/loader.cjs.js +1 -1
  13. package/dist/collection/assets/icons/backpack.svg +8 -0
  14. package/dist/collection/assets/icons/coinbase.svg +10 -0
  15. package/dist/collection/assets/icons/cosmostation.svg +11 -0
  16. package/dist/collection/assets/icons/glow.svg +15 -0
  17. package/dist/collection/assets/icons/haha.svg +15 -0
  18. package/dist/collection/assets/icons/index.js +34 -0
  19. package/dist/collection/assets/icons/index.js.map +1 -1
  20. package/dist/collection/assets/icons/keplr.svg +30 -0
  21. package/dist/collection/assets/icons/leap.svg +20 -0
  22. package/dist/collection/assets/icons/metamask.svg +21 -0
  23. package/dist/collection/assets/icons/okx.svg +15 -0
  24. package/dist/collection/assets/icons/phantom.svg +9 -0
  25. package/dist/collection/assets/icons/rabby.svg +24 -0
  26. package/dist/collection/assets/icons/rainbow.svg +54 -0
  27. package/dist/collection/assets/icons/safe.svg +7 -0
  28. package/dist/collection/assets/icons/solflare.svg +11 -0
  29. package/dist/collection/assets/icons/user-plus.svg +3 -0
  30. package/dist/collection/assets/icons/wallet-connect.svg +3 -0
  31. package/dist/collection/assets/icons/zerion.svg +15 -0
  32. package/dist/collection/components/cpsl-alert/cpsl-alert.js +1 -1
  33. package/dist/collection/components/cpsl-icon/cpsl-icon.css +1 -0
  34. package/dist/collection/components/cpsl-icon/cpsl-icon.js +2 -2
  35. package/dist/collection/components/cpsl-icon/cpsl-icon.js.map +1 -1
  36. package/dist/collection/components/cpsl-identicon/cpsl-identicon.css +2 -1
  37. package/dist/collection/components/cpsl-identicon/cpsl-identicon.js +21 -1
  38. package/dist/collection/components/cpsl-identicon/cpsl-identicon.js.map +1 -1
  39. package/dist/collection/components/cpsl-input/cpsl-input.js +1 -1
  40. package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +1 -1
  41. package/dist/collection/components/cpsl-select/cpsl-select.js +1 -1
  42. package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +2 -2
  43. package/dist/collection/components/cpsl-spinner/cpsl-spinner.css +10 -2
  44. package/dist/collection/components/cpsl-spinner/cpsl-spinner.js +7 -7
  45. package/dist/collection/components/cpsl-spinner/cpsl-spinner.js.map +1 -1
  46. package/dist/collection/components/cpsl-text/cpsl-text.css +13 -0
  47. package/dist/collection/components/cpsl-text/cpsl-text.js +4 -3
  48. package/dist/collection/components/cpsl-text/cpsl-text.js.map +1 -1
  49. package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +1 -1
  50. package/dist/esm/capsule.js +1 -1
  51. package/dist/esm/cpsl-alert_34.entry.js +328 -8
  52. package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
  53. package/dist/esm/cpsl-identicon.entry.js +4 -2
  54. package/dist/esm/cpsl-identicon.entry.js.map +1 -1
  55. package/dist/esm/loader.js +1 -1
  56. package/dist/types/assets/icons/index.d.ts +17 -0
  57. package/dist/types/components/cpsl-identicon/cpsl-identicon.d.ts +1 -0
  58. package/dist/types/components/cpsl-spinner/cpsl-spinner.d.ts +2 -2
  59. package/dist/types/components/cpsl-text/cpsl-text.d.ts +1 -1
  60. package/dist/types/components.d.ts +8 -6
  61. package/package.json +2 -2
  62. package/dist/capsule/p-109de486.entry.js +0 -28
  63. package/dist/capsule/p-109de486.entry.js.map +0 -1
  64. package/dist/capsule/p-438442c7.entry.js +0 -2
  65. package/dist/capsule/p-438442c7.entry.js.map +0 -1
  66. /package/dist/types/Users/{norwood/capsule-repos → keith/Documents/capsule}/web-sdk/packages/core-components/.stencil/scripts/appendLoaderExports.d.ts +0 -0
  67. /package/dist/types/Users/{norwood/capsule-repos → keith/Documents/capsule}/web-sdk/packages/core-components/.stencil/scripts/buildAssets.d.ts +0 -0
@@ -6656,6 +6656,16 @@ const Asterisk = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xm
6656
6656
  </svg>
6657
6657
  `;
6658
6658
 
6659
+ const Backpack = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6660
+ <mask id="mask0_209_2883" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="0" width="17" height="24">
6661
+ <path d="M20.5 0H4V24H20.5V0Z" fill="white"/>
6662
+ </mask>
6663
+ <g mask="url(#mask0_209_2883)">
6664
+ <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"/>
6665
+ </g>
6666
+ </svg>
6667
+ `;
6668
+
6659
6669
  const BackupKit = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6660
6670
  <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"/>
6661
6671
  <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"/>
@@ -6762,6 +6772,18 @@ const Code = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns=
6762
6772
  </svg>
6763
6773
  `;
6764
6774
 
6775
+ const Coinbase = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
6776
+ <g clip-path="url(#clip0_144_3118)">
6777
+ <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"/>
6778
+ </g>
6779
+ <defs>
6780
+ <clipPath id="clip0_144_3118">
6781
+ <rect width="20" height="20" fill="white"/>
6782
+ </clipPath>
6783
+ </defs>
6784
+ </svg>
6785
+ `;
6786
+
6765
6787
  const Copy07 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6766
6788
  <g id="copy-07">
6767
6789
  <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"/>
@@ -6788,6 +6810,19 @@ const Cosmos = `<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2
6788
6810
  </svg>
6789
6811
  `;
6790
6812
 
6813
+ const Cosmostation = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6814
+ <g clip-path="url(#clip0_305_2)">
6815
+ <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"/>
6816
+ <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"/>
6817
+ </g>
6818
+ <defs>
6819
+ <clipPath id="clip0_305_2">
6820
+ <rect width="24" height="24" fill="white"/>
6821
+ </clipPath>
6822
+ </defs>
6823
+ </svg>
6824
+ `;
6825
+
6791
6826
  const CreditCard02 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6792
6827
  <g id="credit-card-02">
6793
6828
  <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"/>
@@ -7104,6 +7139,23 @@ const Globe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" strok
7104
7139
  </svg>
7105
7140
  `;
7106
7141
 
7142
+ const Glow = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7143
+ <g clip-path="url(#clip0_209_2889)">
7144
+ <mask id="mask0_209_2889" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
7145
+ <path d="M24 0H0V24H24V0Z" fill="white"/>
7146
+ </mask>
7147
+ <g mask="url(#mask0_209_2889)">
7148
+ <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"/>
7149
+ </g>
7150
+ </g>
7151
+ <defs>
7152
+ <clipPath id="clip0_209_2889">
7153
+ <rect width="24" height="24" fill="white"/>
7154
+ </clipPath>
7155
+ </defs>
7156
+ </svg>
7157
+ `;
7158
+
7107
7159
  const GoogleBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7108
7160
  <g clip-path="url(#clip0_106_21172)">
7109
7161
  <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 +7196,23 @@ const GridDots = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xm
7144
7196
  </svg>
7145
7197
  `;
7146
7198
 
7199
+ const Haha = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7200
+ <g clip-path="url(#clip0_19505_27)">
7201
+ <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)"/>
7202
+ <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"/>
7203
+ </g>
7204
+ <defs>
7205
+ <linearGradient id="paint0_linear_19505_27" x1="0" y1="24" x2="24" y2="0" gradientUnits="userSpaceOnUse">
7206
+ <stop stop-color="#11A9FF"/>
7207
+ <stop offset="1" stop-color="#FC65FF"/>
7208
+ </linearGradient>
7209
+ <clipPath id="clip0_19505_27">
7210
+ <rect width="24" height="24" fill="white"/>
7211
+ </clipPath>
7212
+ </defs>
7213
+ </svg>
7214
+ `;
7215
+
7147
7216
  const HelpCircle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
7148
7217
  <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"/>
7149
7218
  </svg>
@@ -7361,6 +7430,38 @@ const Instagram = `<svg width="24" height="24" viewBox="0 0 24 24" fill="current
7361
7430
  </svg>
7362
7431
  `;
7363
7432
 
7433
+ const Keplr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7434
+ <g clip-path="url(#clip0_1036_1154)">
7435
+ <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)"/>
7436
+ <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)"/>
7437
+ <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)"/>
7438
+ <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)"/>
7439
+ <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"/>
7440
+ </g>
7441
+ <defs>
7442
+ <linearGradient id="paint0_linear_1036_1154" x1="12" y1="0" x2="12" y2="24" gradientUnits="userSpaceOnUse">
7443
+ <stop stop-color="#1FD1FF"/>
7444
+ <stop offset="1" stop-color="#1BB8FF"/>
7445
+ </linearGradient>
7446
+ <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)">
7447
+ <stop stop-color="#232DE3"/>
7448
+ <stop offset="1" stop-color="#232DE3" stop-opacity="0"/>
7449
+ </radialGradient>
7450
+ <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)">
7451
+ <stop stop-color="#8B4DFF"/>
7452
+ <stop offset="1" stop-color="#8B4DFF" stop-opacity="0"/>
7453
+ </radialGradient>
7454
+ <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)">
7455
+ <stop stop-color="#24D5FF"/>
7456
+ <stop offset="1" stop-color="#1BB8FF" stop-opacity="0"/>
7457
+ </radialGradient>
7458
+ <clipPath id="clip0_1036_1154">
7459
+ <rect width="24" height="24" fill="white"/>
7460
+ </clipPath>
7461
+ </defs>
7462
+ </svg>
7463
+ `;
7464
+
7364
7465
  const Key = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
7365
7466
  <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"/>
7366
7467
  </svg>
@@ -7373,6 +7474,28 @@ const Laptop = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stro
7373
7474
  </svg>
7374
7475
  `;
7375
7476
 
7477
+ const Leap = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7478
+ <g clip-path="url(#clip0_1037_1169)">
7479
+ <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"/>
7480
+ <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"/>
7481
+ <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"/>
7482
+ <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"/>
7483
+ <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"/>
7484
+ <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"/>
7485
+ <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"/>
7486
+ <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"/>
7487
+ <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"/>
7488
+ <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"/>
7489
+ <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"/>
7490
+ </g>
7491
+ <defs>
7492
+ <clipPath id="clip0_1037_1169">
7493
+ <rect width="24" height="24" fill="white"/>
7494
+ </clipPath>
7495
+ </defs>
7496
+ </svg>
7497
+ `;
7498
+
7376
7499
  const Lenovo = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" xmlns="http://www.w3.org/2000/svg">
7377
7500
  <g id="Platform=Lenovo, Style=Black, State=Default" clip-path="url(#clip0_1570_449)">
7378
7501
  <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 +7574,29 @@ const Menu = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke
7451
7574
  </svg>
7452
7575
  `;
7453
7576
 
7577
+ const Metamask = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
7578
+ <g clip-path="url(#clip0_144_3148)">
7579
+ <path d="M19.0041 0.833252L11.2002 6.62933L12.6433 3.20972L19.0041 0.833252Z" fill="#E2761B"/>
7580
+ <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"/>
7581
+ <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"/>
7582
+ <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"/>
7583
+ <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"/>
7584
+ <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"/>
7585
+ <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"/>
7586
+ <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"/>
7587
+ <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"/>
7588
+ <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"/>
7589
+ <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"/>
7590
+ <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"/>
7591
+ </g>
7592
+ <defs>
7593
+ <clipPath id="clip0_144_3148">
7594
+ <rect width="20" height="20" fill="white"/>
7595
+ </clipPath>
7596
+ </defs>
7597
+ </svg>
7598
+ `;
7599
+
7454
7600
  const Monitor = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7455
7601
  <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"/>
7456
7602
  </svg>
@@ -7501,6 +7647,22 @@ const NobleBrand = `<svg width="114" height="114" viewBox="0 0 114 114" fill="no
7501
7647
  </svg>
7502
7648
  `;
7503
7649
 
7650
+ const Okx = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7651
+ <g clip-path="url(#clip0_19415_51)">
7652
+ <rect width="24" height="24" rx="2" fill="#B7F260"/>
7653
+ <path d="M9.33333 20H4V14.6667H9.33333V20Z" fill="black"/>
7654
+ <path d="M20 20H14.6667V14.6667H20V20Z" fill="black"/>
7655
+ <path d="M14.6667 14.6667H9.33333V9.33333H14.6667V14.6667Z" fill="black"/>
7656
+ <path d="M9.33333 9.33333H4V4H9.33333V9.33333Z" fill="black"/>
7657
+ <path d="M20 9.33333H14.6667V4H20V9.33333Z" fill="black"/>
7658
+ </g>
7659
+ <defs>
7660
+ <clipPath id="clip0_19415_51">
7661
+ <rect width="24" height="24" fill="white"/>
7662
+ </clipPath>
7663
+ </defs>
7664
+ </svg>`;
7665
+
7504
7666
  const OptimismBrand = `<?xml version="1.0" encoding="UTF-8"?>
7505
7667
  <!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
7506
7668
  <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=""/>
@@ -7658,6 +7820,17 @@ const Passcode = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xm
7658
7820
  </svg>
7659
7821
  `;
7660
7822
 
7823
+ const Phantom = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
7824
+ <rect width="24" height="24" fill="url(#pattern0_4266_576)"/>
7825
+ <defs>
7826
+ <pattern id="pattern0_4266_576" patternContentUnits="objectBoundingBox" width="1" height="1">
7827
+ <use xlink:href="#image0_4266_576" transform="scale(0.0078125)"/>
7828
+ </pattern>
7829
+ <image id="image0_4266_576" width="128" height="128" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
7830
+ </defs>
7831
+ </svg>
7832
+ `;
7833
+
7661
7834
  const Phone = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
7662
7835
  <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"/>
7663
7836
  </svg>
@@ -7739,6 +7912,88 @@ const QrCode = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stro
7739
7912
  </svg>
7740
7913
  `;
7741
7914
 
7915
+ const Rabby = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
7916
+ <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)"/>
7917
+ <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)"/>
7918
+ <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)"/>
7919
+ <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)"/>
7920
+ <defs>
7921
+ <linearGradient id="paint0_linear_1_18" x1="5.90132" y1="9.37194" x2="19.7355" y2="13.2819" gradientUnits="userSpaceOnUse">
7922
+ <stop stop-color="#8697FF"/>
7923
+ <stop offset="1" stop-color="#ABB7FF"/>
7924
+ </linearGradient>
7925
+ <linearGradient id="paint1_linear_1_18" x1="27.9949" y1="32.9423" x2="-13.0198" y2="6.56013" gradientUnits="userSpaceOnUse">
7926
+ <stop stop-color="#8697FF"/>
7927
+ <stop offset="1" stop-color="#5156D8" stop-opacity="0"/>
7928
+ </linearGradient>
7929
+ <linearGradient id="paint2_linear_1_18" x1="20.5833" y1="14.9881" x2="-0.237437" y2="3.8336" gradientUnits="userSpaceOnUse">
7930
+ <stop stop-color="#465EED"/>
7931
+ <stop offset="1" stop-color="#8697FF" stop-opacity="0"/>
7932
+ </linearGradient>
7933
+ <linearGradient id="paint3_linear_1_18" x1="6.72685" y1="9.26839" x2="13.2319" y2="17.506" gradientUnits="userSpaceOnUse">
7934
+ <stop stop-color="#8898FF"/>
7935
+ <stop offset="0.983895" stop-color="#6277F1"/>
7936
+ </linearGradient>
7937
+ </defs>
7938
+ </svg>
7939
+ `;
7940
+
7941
+ const Rainbow = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
7942
+ <g clip-path="url(#clip0_144_3127)">
7943
+ <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)"/>
7944
+ <path d="M16 18.5H20C20 19.3284 19.3284 20 18.5 20H16V18.5Z" fill="url(#paint1_linear_144_3127)"/>
7945
+ <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)"/>
7946
+ <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)"/>
7947
+ <path d="M12 18.5H16V20H12V18.5Z" fill="url(#paint4_linear_144_3127)"/>
7948
+ <path d="M1.74845e-07 8L0 4L1.5 4L1.5 8H1.74845e-07Z" fill="url(#paint5_linear_144_3127)"/>
7949
+ <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)"/>
7950
+ <path d="M8 18.5H12V20H9.5C8.67157 20 8 19.3284 8 18.5Z" fill="url(#paint7_radial_144_3127)"/>
7951
+ <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)"/>
7952
+ </g>
7953
+ <defs>
7954
+ <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)">
7955
+ <stop offset="0.770277" stop-color="#FF4000"/>
7956
+ <stop offset="1" stop-color="#8754C9"/>
7957
+ </radialGradient>
7958
+ <linearGradient id="paint1_linear_144_3127" x1="15.75" y1="19.25" x2="20" y2="19.25" gradientUnits="userSpaceOnUse">
7959
+ <stop stop-color="#FF4000"/>
7960
+ <stop offset="1" stop-color="#8754C9"/>
7961
+ </linearGradient>
7962
+ <linearGradient id="paint2_linear_144_3127" x1="0.75" y1="-3.27825e-07" x2="0.749998" y2="4.25" gradientUnits="userSpaceOnUse">
7963
+ <stop stop-color="#8754C9"/>
7964
+ <stop offset="1" stop-color="#FF4000"/>
7965
+ </linearGradient>
7966
+ <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)">
7967
+ <stop offset="0.723929" stop-color="#FFF700"/>
7968
+ <stop offset="1" stop-color="#FF9901"/>
7969
+ </radialGradient>
7970
+ <linearGradient id="paint4_linear_144_3127" x1="12" y1="19.25" x2="16" y2="19.25" gradientUnits="userSpaceOnUse">
7971
+ <stop stop-color="#FFF700"/>
7972
+ <stop offset="1" stop-color="#FF9901"/>
7973
+ </linearGradient>
7974
+ <linearGradient id="paint5_linear_144_3127" x1="0.750001" y1="8" x2="0.75" y2="4" gradientUnits="userSpaceOnUse">
7975
+ <stop stop-color="#FFF700"/>
7976
+ <stop offset="1" stop-color="#FF9901"/>
7977
+ </linearGradient>
7978
+ <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)">
7979
+ <stop offset="0.59513" stop-color="#00AAFF"/>
7980
+ <stop offset="1" stop-color="#01DA40"/>
7981
+ </radialGradient>
7982
+ <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)">
7983
+ <stop stop-color="#00AAFF"/>
7984
+ <stop offset="1" stop-color="#01DA40"/>
7985
+ </radialGradient>
7986
+ <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)">
7987
+ <stop stop-color="#00AAFF"/>
7988
+ <stop offset="1" stop-color="#01DA40"/>
7989
+ </radialGradient>
7990
+ <clipPath id="clip0_144_3127">
7991
+ <rect width="20" height="20" fill="white"/>
7992
+ </clipPath>
7993
+ </defs>
7994
+ </svg>
7995
+ `;
7996
+
7742
7997
  const RampNetworkBrand = `<svg width="32" height="21" viewBox="0 0 32 21" fill="none" xmlns="http://www.w3.org/2000/svg">
7743
7998
  <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"/>
7744
7999
  </svg>
@@ -7771,6 +8026,14 @@ const Refresh = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
7771
8026
  <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"/>
7772
8027
  </svg>`;
7773
8028
 
8029
+ const Safe = `<?xml version="1.0" encoding="UTF-8"?>
8030
+ <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
8031
+ <rect width="28" height="28" fill="#12FF80"/>
8032
+ <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"/>
8033
+ <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"/>
8034
+ <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"/>
8035
+ </svg> `;
8036
+
7774
8037
  const Samsung = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" xmlns="http://www.w3.org/2000/svg">
7775
8038
  <g id="Platform=Samsung, Style=Black, State=Default">
7776
8039
  <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"/>
@@ -7851,6 +8114,18 @@ const Solana = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" v
7851
8114
  </svg>
7852
8115
  `;
7853
8116
 
8117
+ const Solflare = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8118
+ <g clip-path="url(#clip0_19477_3213)">
8119
+ <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"/>
8120
+ <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"/>
8121
+ </g>
8122
+ <defs>
8123
+ <clipPath id="clip0_19477_3213">
8124
+ <rect width="24" height="24" fill="white"/>
8125
+ </clipPath>
8126
+ </defs>
8127
+ </svg>`;
8128
+
7854
8129
  const SpacingHeight = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7855
8130
  <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"/>
7856
8131
  <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"/>
@@ -8009,6 +8284,11 @@ const UserCircle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
8009
8284
  </svg>
8010
8285
  `;
8011
8286
 
8287
+ const UserPlus = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
8288
+ <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"/>
8289
+ </svg>
8290
+ `;
8291
+
8012
8292
  const User = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
8013
8293
  <g id="user-03">
8014
8294
  <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"/>
@@ -8016,6 +8296,11 @@ const User = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke
8016
8296
  </svg>
8017
8297
  `;
8018
8298
 
8299
+ const WalletConnect = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8300
+ <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"/>
8301
+ </svg>
8302
+ `;
8303
+
8019
8304
  const Wallet = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
8020
8305
  <g id="wallet-04">
8021
8306
  <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"/>
@@ -8046,6 +8331,23 @@ const Youtube = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentCo
8046
8331
  </svg>
8047
8332
  `;
8048
8333
 
8334
+ const Zerion = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8335
+ <g clip-path="url(#clip0_201_2847)">
8336
+ <mask id="mask0_201_2847" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
8337
+ <path d="M24 0H0V24H24V0Z" fill="white"/>
8338
+ </mask>
8339
+ <g mask="url(#mask0_201_2847)">
8340
+ <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"/>
8341
+ </g>
8342
+ </g>
8343
+ <defs>
8344
+ <clipPath id="clip0_201_2847">
8345
+ <rect width="24" height="24" fill="white"/>
8346
+ </clipPath>
8347
+ </defs>
8348
+ </svg>
8349
+ `;
8350
+
8049
8351
  const AD = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8050
8352
  <g clip-path="url(#clip0_2087_4012)">
8051
8353
  <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"/>
@@ -12028,6 +12330,7 @@ const Icons = {
12028
12330
  arrowNarrow: ArrowNarrow,
12029
12331
  arrow: Arrow,
12030
12332
  asterisk: Asterisk,
12333
+ backpack: Backpack,
12031
12334
  backupKit: BackupKit,
12032
12335
  bank: Bank,
12033
12336
  baseBrand: BaseBrand,
@@ -12046,9 +12349,11 @@ const Icons = {
12046
12349
  clubhouseBrand: ClubhouseBrand,
12047
12350
  clubhouse: Clubhouse,
12048
12351
  code: Code,
12352
+ coinbase: Coinbase,
12049
12353
  copy07: Copy07,
12050
12354
  copy: Copy,
12051
12355
  cosmos: Cosmos,
12356
+ cosmostation: Cosmostation,
12052
12357
  creditCard02: CreditCard02,
12053
12358
  creditCard: CreditCard,
12054
12359
  cube03: Cube03,
@@ -12083,9 +12388,11 @@ const Icons = {
12083
12388
  githubBrand: GithubBrand,
12084
12389
  github: Github,
12085
12390
  globe: Globe,
12391
+ glow: Glow,
12086
12392
  googleBrand: GoogleBrand,
12087
12393
  google: Google,
12088
12394
  gridDots: GridDots,
12395
+ haha: Haha,
12089
12396
  helpCircle: HelpCircle,
12090
12397
  heroAlertCircle: HeroAlertCircle,
12091
12398
  heroCheckmarkCapsule: HeroCheckmarkCapsule,
@@ -12104,8 +12411,10 @@ const Icons = {
12104
12411
  infoCircle: InfoCircle,
12105
12412
  instagramBrand: InstagramBrand,
12106
12413
  instagram: Instagram,
12414
+ keplr: Keplr,
12107
12415
  key: Key,
12108
12416
  laptop: Laptop,
12417
+ leap: Leap,
12109
12418
  lenovo: Lenovo,
12110
12419
  lg: Lg,
12111
12420
  lightning01: Lightning01,
@@ -12117,11 +12426,13 @@ const Icons = {
12117
12426
  logOut: LogOut,
12118
12427
  mail: Mail,
12119
12428
  menu: Menu,
12429
+ metamask: Metamask,
12120
12430
  monitor: Monitor,
12121
12431
  moonpayBrand: MoonpayBrand,
12122
12432
  moreLoginOptions: MoreLoginOptions,
12123
12433
  motorola: Motorola,
12124
12434
  nobleBrand: NobleBrand,
12435
+ okx: Okx,
12125
12436
  optimismBrand: OptimismBrand,
12126
12437
  paraBlackBg: ParaBlackBg,
12127
12438
  paraBrand: ParaBrand,
@@ -12133,6 +12444,7 @@ const Icons = {
12133
12444
  paraRings: ParaRings,
12134
12445
  para: Para,
12135
12446
  passcode: Passcode,
12447
+ phantom: Phantom,
12136
12448
  phone: Phone,
12137
12449
  pintrestBrand: PintrestBrand,
12138
12450
  pintrest: Pintrest,
@@ -12143,11 +12455,14 @@ const Icons = {
12143
12455
  puzzlePiece: PuzzlePiece,
12144
12456
  qrCode02: QrCode02,
12145
12457
  qrCode: QrCode,
12458
+ rabby: Rabby,
12459
+ rainbow: Rainbow,
12146
12460
  rampNetworkBrand: RampNetworkBrand,
12147
12461
  rampNetwork: RampNetwork,
12148
12462
  redditBrand: RedditBrand,
12149
12463
  reddit: Reddit,
12150
12464
  refresh: Refresh,
12465
+ safe: Safe,
12151
12466
  samsung: Samsung,
12152
12467
  search: Search,
12153
12468
  send: Send,
@@ -12160,6 +12475,7 @@ const Icons = {
12160
12475
  snapchatBrand: SnapchatBrand,
12161
12476
  snapchat: Snapchat,
12162
12477
  solana: Solana,
12478
+ solflare: Solflare,
12163
12479
  spacingHeight: SpacingHeight,
12164
12480
  star04Filled: Star04Filled,
12165
12481
  star05: Star05,
@@ -12180,11 +12496,14 @@ const Icons = {
12180
12496
  twitter: Twitter,
12181
12497
  usdcBrand: UsdcBrand,
12182
12498
  userCircle: UserCircle,
12499
+ userPlus: UserPlus,
12183
12500
  user: User,
12501
+ walletConnect: WalletConnect,
12184
12502
  wallet: Wallet,
12185
12503
  x: X,
12186
12504
  youtubeBrand: YoutubeBrand,
12187
12505
  youtube: Youtube,
12506
+ zerion: Zerion,
12188
12507
  AD: AD,
12189
12508
  AE: AE,
12190
12509
  AF: AF,
@@ -12664,7 +12983,7 @@ const CpslFileUpload = class {
12664
12983
  let inputIds$2 = 0;
12665
12984
  CpslFileUpload.style = CpslFileUploadStyle0;
12666
12985
 
12667
- 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}";
12986
+ const cpslIconCss = ":host{display:block;--filter:auto;--height:24px;--width:24px;--inset:0px;--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}";
12668
12987
  const CpslIconStyle0 = cpslIconCss;
12669
12988
 
12670
12989
  const CpslIcon = class {
@@ -12677,7 +12996,7 @@ const CpslIcon = class {
12677
12996
  this.icon = undefined;
12678
12997
  }
12679
12998
  render() {
12680
- 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] })));
12999
+ return (h(Host, { key: '0430d12efb436b0617a9e4c70cf24bee39fa8382', part: "icon", role: "img", style: 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.icon ? h("img", { src: this.src }) : h("div", { innerHTML: Icons[this.icon] })));
12681
13000
  }
12682
13001
  };
12683
13002
  CpslIcon.style = CpslIconStyle0;
@@ -21592,23 +21911,23 @@ const CpslSlideButton = class {
21592
21911
  };
21593
21912
  CpslSlideButton.style = CpslSlideButtonStyle0;
21594
21913
 
21595
- 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}";
21914
+ 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}";
21596
21915
  const CpslSpinnerStyle0 = cpslSpinnerCss;
21597
21916
 
21598
21917
  const CpslSpinner = class {
21599
21918
  constructor(hostRef) {
21600
21919
  registerInstance(this, hostRef);
21601
- this.variant = 'default';
21920
+ this.variant = 'pending';
21602
21921
  this.size = 54;
21603
21922
  this.barWidth = undefined;
21604
21923
  this.speed = 1;
21605
21924
  }
21606
21925
  render() {
21607
- return (h(Host, { key: '218db1b832fb9968ce57b0ed96b19adfa746689d', style: {
21926
+ return (h(Host, { key: '6f5f4fa9dffa7e6dbc380bcdec5ae211447c4bf4', style: {
21608
21927
  ['--height']: `${this.size}px`,
21609
21928
  ['--width']: `${this.size}px`,
21610
21929
  ['--bar-width']: `${this.barWidth ? this.barWidth : this.size * 0.12}px`,
21611
- } }, h("div", { key: 'ac9f128fee0043c786334cd8dfeaa4753fad8736', class: { loader: true, [this.variant]: true } })));
21930
+ } }, h("div", { key: '6035e38d3146fcda2b96181cc53b00b2c6d42c83', class: { loader: true, [this.variant]: true } })));
21612
21931
  }
21613
21932
  };
21614
21933
  CpslSpinner.style = CpslSpinnerStyle0;
@@ -21806,7 +22125,7 @@ const getTab = (tabs, tab) => {
21806
22125
  };
21807
22126
  CpslTabs.style = CpslTabsStyle0;
21808
22127
 
21809
- 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}";
22128
+ 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 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}";
21810
22129
  const CpslTextStyle0 = cpslTextCss;
21811
22130
 
21812
22131
  const TEXT_EL_PART = 'text-element';
@@ -21843,7 +22162,7 @@ const CpslText = class {
21843
22162
  this.weight = 'regular';
21844
22163
  }
21845
22164
  render() {
21846
- return (h(Host, { key: '0fe34c3a91b7ac83a985eccbf47aa423c21123c1', class: {
22165
+ return (h(Host, { key: '1ccbe3c088dbe11859617341644f71a32edd7bad', class: {
21847
22166
  // COLORS
21848
22167
  'primary': this.color === 'primary',
21849
22168
  'secondary': this.color === 'secondary',
@@ -21852,6 +22171,7 @@ const CpslText = class {
21852
22171
  'inverted': this.color === 'inverted',
21853
22172
  'error': this.color === 'error',
21854
22173
  'contrast': this.color === 'contrast',
22174
+ 'success': this.color === 'success',
21855
22175
  // WEIGHTS
21856
22176
  'medium': this.weight === 'medium',
21857
22177
  'semi-bold': this.weight === 'semiBold',