@usecapsule/core-components 3.5.1 → 3.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (69) hide show
  1. package/css/capsule-core.css +1 -1
  2. package/dist/capsule/capsule.esm.js +1 -1
  3. package/dist/capsule/capsule.esm.js.map +1 -1
  4. package/dist/capsule/p-023a0300.entry.js +20 -0
  5. package/dist/capsule/p-023a0300.entry.js.map +1 -0
  6. package/dist/capsule/{p-9fa8efd0.entry.js → p-7dff759e.entry.js} +2 -2
  7. package/dist/capsule/p-7dff759e.entry.js.map +1 -0
  8. package/dist/cjs/capsule.cjs.js +1 -1
  9. package/dist/cjs/cpsl-alert_34.cjs.entry.js +492 -40
  10. package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
  11. package/dist/cjs/cpsl-hero.cjs.entry.js +7 -3
  12. package/dist/cjs/cpsl-hero.cjs.entry.js.map +1 -1
  13. package/dist/cjs/loader.cjs.js +1 -1
  14. package/dist/collection/assets/icons/arrow-circle-down-filled.svg +5 -0
  15. package/dist/collection/assets/icons/chevron-down.svg +5 -0
  16. package/dist/collection/assets/icons/chevron-selector-vertical.svg +5 -0
  17. package/dist/collection/assets/icons/copy-07.svg +5 -0
  18. package/dist/collection/assets/icons/credit-card-02.svg +5 -0
  19. package/dist/collection/assets/icons/cube-03.svg +5 -0
  20. package/dist/collection/assets/icons/cube-outline.svg +5 -0
  21. package/dist/collection/assets/icons/edit-02.svg +5 -0
  22. package/dist/collection/assets/icons/index.js +376 -1
  23. package/dist/collection/assets/icons/index.js.map +1 -1
  24. package/dist/collection/assets/icons/plus.svg +5 -0
  25. package/dist/collection/assets/icons/polygon.svg +5 -0
  26. package/dist/collection/assets/icons/star-04-filled.svg +3 -0
  27. package/dist/collection/assets/icons/user.svg +5 -0
  28. package/dist/collection/assets/images/index.js +5 -1
  29. package/dist/collection/assets/images/index.js.map +1 -1
  30. package/dist/collection/components/cpsl-alert/cpsl-alert.js +1 -1
  31. package/dist/collection/components/cpsl-auth-modal/cpsl-auth-modal.css +3 -0
  32. package/dist/collection/components/cpsl-button/cpsl-button.css +1 -1
  33. package/dist/collection/components/cpsl-file-upload/cpsl-file-upload.js +20 -1
  34. package/dist/collection/components/cpsl-file-upload/cpsl-file-upload.js.map +1 -1
  35. package/dist/collection/components/cpsl-hero/cpsl-hero.css +4 -4
  36. package/dist/collection/components/cpsl-hero/cpsl-hero.js +1 -1
  37. package/dist/collection/components/cpsl-hero/cpsl-hero.js.map +1 -1
  38. package/dist/collection/components/cpsl-icon/cpsl-icon.js +1 -1
  39. package/dist/collection/components/cpsl-input/cpsl-input.js +22 -2
  40. package/dist/collection/components/cpsl-input/cpsl-input.js.map +1 -1
  41. package/dist/collection/components/cpsl-popover/cpsl-popover.js +6 -3
  42. package/dist/collection/components/cpsl-popover/cpsl-popover.js.map +1 -1
  43. package/dist/collection/components/cpsl-select/cpsl-select.css +1 -0
  44. package/dist/collection/components/cpsl-select/cpsl-select.js +45 -2
  45. package/dist/collection/components/cpsl-select/cpsl-select.js.map +1 -1
  46. package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +2 -2
  47. package/dist/collection/components/cpsl-tab/cpsl-tab.css +4 -4
  48. package/dist/collection/components/cpsl-text/cpsl-text.css +176 -60
  49. package/dist/collection/components/cpsl-text/cpsl-text.js +30 -27
  50. package/dist/collection/components/cpsl-text/cpsl-text.js.map +1 -1
  51. package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +1 -1
  52. package/dist/esm/capsule.js +1 -1
  53. package/dist/esm/cpsl-alert_34.entry.js +492 -40
  54. package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
  55. package/dist/esm/cpsl-hero.entry.js +7 -3
  56. package/dist/esm/cpsl-hero.entry.js.map +1 -1
  57. package/dist/esm/loader.js +1 -1
  58. package/dist/scripts/buildAssets.js +9 -9
  59. package/dist/scripts/buildAssets.js.map +1 -1
  60. package/dist/types/assets/icons/index.d.ts +12 -0
  61. package/dist/types/components/cpsl-file-upload/cpsl-file-upload.d.ts +5 -0
  62. package/dist/types/components/cpsl-input/cpsl-input.d.ts +4 -0
  63. package/dist/types/components/cpsl-select/cpsl-select.d.ts +10 -0
  64. package/dist/types/components/cpsl-text/cpsl-text.d.ts +1 -1
  65. package/dist/types/components.d.ts +32 -0
  66. package/package.json +2 -2
  67. package/dist/capsule/p-45496164.entry.js +0 -20
  68. package/dist/capsule/p-45496164.entry.js.map +0 -1
  69. package/dist/capsule/p-9fa8efd0.entry.js.map +0 -1
package/dist/cjs/cpsl-alert_34.cjs.entry.js CHANGED
@@ -6105,7 +6105,7 @@ gsap.registerPlugin(CSSPlugin);
6105
6105
 
6106
6106
  var gsapWithCSS = gsap.registerPlugin(CSSPlugin) || gsap;
6107
6107
 
6108
- const cpslAuthModalCss = ":host{--container-width:560px;--container-gap:8px;--card-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.08);display:block;z-index:10011;position:relative}:host cpsl-overlay{z-index:10011}@media (max-width: 480px){:host(.include-mobile-styling) .modal-wrapper{scale:none;top:100%;left:0;height:unset;opacity:1}:host(.include-mobile-styling) .modal-container{width:100%;max-width:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.include-mobile-styling) .modal-body-card{--card-border-radius-bl:0px;--card-border-radius-br:0px}}:host(.no-overlay){z-index:0}:host(.no-overlay) .modal-body-card{--card-border-width:1px}.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}";
6108
+ const cpslAuthModalCss = ":host{--container-width:560px;--container-gap:8px;--card-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.08);display:block;z-index:10011;position:relative}:host cpsl-overlay{z-index:10011}@media (max-width: 480px){:host(.include-mobile-styling) .modal-wrapper{scale:none;top:100%;left:0;height:unset;opacity:1}:host(.include-mobile-styling) .modal-container{width:100%;max-width:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.include-mobile-styling) .modal-body-card{--card-border-radius-bl:0px;--card-border-radius-br:0px}}:host(.no-overlay){z-index:0}:host(.no-overlay) .modal-body-card{--card-border-width:1px}:host(.no-overlay) .modal-container{max-height:unset}.modal-wrapper{z-index:10011;position:fixed;top:0;left:0;display:none;height:100%;width:100%;justify-content:center;align-items:center;scale:0.8;opacity:0;transform:none}.modal-container{position:relative;overflow:hidden;width:var(--container-width);display:flex;flex-direction:column;gap:var(--container-gap);max-width:95vw;max-height:95vh;max-height:95dvh;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;}.modal-container ::-webkit-scrollbar{display:none}.modal-container.no-footer{gap:0px}.modal-body-card{--card-padding-top:16px;--card-padding-bottom:16px;--card-padding-start:16px;--card-padding-end:16px;--card-border-width:0px}.body::part(card-container){box-shadow:var(--card-box-shadow);width:100%}.no-opacity{opacity:0}.mobile-footer{margin-top:16px}.footer-hidden{height:0px;visibility:hidden;--card-padding-top:0px;--card-padding-bottom:0px;--card-padding-start:0px;--card-padding-end:0px;--card-border-width:0px}";
6109
6109
  const CpslAuthModalStyle0 = cpslAuthModalCss;
6110
6110
 
6111
6111
  const mm = gsapWithCSS.matchMedia();
@@ -6271,7 +6271,7 @@ const CpslAvatar = class {
6271
6271
  };
6272
6272
  CpslAvatar.style = CpslAvatarStyle0;
6273
6273
 
6274
- const cpslButtonCss = ":host{--button-border-width:1px;--button-border-width-start:var(--button-border-width);--button-border-width-end:var(--button-border-width);--button-border-width-top:var(--button-border-width);--button-border-width-bottom:var(--button-border-width);--button-gap:8px;--button-justify-content:center;--button-border-radius-top-start:var(--button-border-radius);--button-border-radius-top-end:var(--button-border-radius);--button-border-radius-bottom-end:var(--button-border-radius);--button-border-radius-bottom-start:var(--button-border-radius);--button-padding-start:16px;--button-padding-end:16px;--button-icon-size:var(--cpls-font-size-body-l);--button-font-weight:500;--button-primary-color:var(--cpsl-color-primary-button-text);--button-primary-background-color:var(--cpsl-color-primary-button-surface-default);--button-primary-border-color:var(--cpsl-color-primary-button-border-default);--button-primary-icon-color:var(--cpsl-color-primary-button-text);--button-primary-disabled-color:var(--cpsl-color-text-disabled);--button-primary-disabled-background-color:var(--cpsl-color-primary-button-surface-disabled);--button-primary-disabled-border-color:var(--cpsl-color-primary-button-border-disabled);--button-primary-disabled-icon-color:var(--cpsl-color-text-disabled);--button-primary-hover-color:var(--cpsl-color-primary-button-text);--button-primary-hover-background-color:var(--cpsl-color-primary-button-surface-hover);--button-primary-hover-border-color:var(--cpsl-color-primary-button-surface-hover);--button-primary-hover-icon-color:var(--cpsl-color-primary-button-text);--button-primary-active-color:var(--cpsl-color-primary-button-text);--button-primary-active-background-color:var(--cpsl-color-primary-button-surface-pressed);--button-primary-active-border-color:var(--cpsl-color-primary-button-surface-pressed);--button-primary-active-icon-color:var(--cpsl-color-primary-button-text);--button-secondary-color:var(--cpsl-color-secondary-button-text);--button-secondary-background-color:var(--cpsl-color-secondary-button-surface-default);--button-secondary-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-disabled-color:var(--cpsl-color-text-disabled);--button-secondary-disabled-background-color:var(--cpsl-color-secondary-button-surface-disabled);--button-secondary-disabled-border-color:var(--cpsl-color-secondary-button-border-disabled);--button-secondary-disabled-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-hover-color:var(--cpsl-color-secondary-button-text);--button-secondary-hover-background-color:var(--cpsl-color-secondary-button-surface-hover);--button-secondary-hover-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-hover-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-active-color:var(--cpsl-color-secondary-button-text);--button-secondary-active-background-color:var(--cpsl-color-secondary-button-surface-pressed);--button-secondary-active-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-active-icon-color:var(--cpsl-color-secondary-button-text);--button-tertiary-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-background-color:var(--cpsl-color-tertiary-button-surface-default);--button-tertiary-border-color:var(--cpsl-color-tertiary-button-border-default);--button-tertiary-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-disabled-color:var(--cpsl-color-text-disabled);--button-tertiary-disabled-background-color:var(--cpsl-color-tertiary-button-surface-disabled);--button-tertiary-disabled-border-color:var(--cpsl-color-tertiary-button-border-disabled);--button-tertiary-disabled-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-hover-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-hover-background-color:var(--cpsl-color-tertiary-button-surface-hover);--button-tertiary-hover-border-color:var(--cpsl-color-tertiary-button-surface-hover);--button-tertiary-hover-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-active-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-active-background-color:var(--cpsl-color-tertiary-button-surface-pressed);--button-tertiary-active-border-color:var(--cpsl-color-tertiary-button-surface-pressed);--button-tertiary-active-icon-color:var(--cpsl-color-tertiary-button-text);--button-ghost-color:var(--cpsl-color-ghost-button-default);--button-ghost-disabled-color:var(--cpsl-color-ghost-button-disabled);--button-ghost-hover-color:var(--cpsl-color-ghost-button-hover);--button-destructive-color:var(--cpsl-color-destructive-button-text);--button-destructive-background-color:var(--cpsl-color-destructive-button-surface-default);--button-destructive-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-disabled-color:var(--cpsl-color-text-disabled);--button-destructive-disabled-background-color:var(--cpsl-color-destructive-button-surface-disabled);--button-destructive-disabled-border-color:var(--cpsl-color-destructive-button-border-disabled);--button-destructive-disabled-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-hover-color:var(--cpsl-color-destructive-button-text);--button-destructive-hover-background-color:var(--cpsl-color-destructive-button-surface-hover);--button-destructive-hover-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-hover-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-active-color:var(--cpsl-color-destructive-button-text);--button-destructive-active-background-color:var(--cpsl-color-destructive-button-surface-pressed);--button-destructive-active-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-active-icon-color:var(--cpsl-color-destructive-button-text);height:fit-content;width:fit-content;display:inline-block;font-family:var(--cpsl-font-family, inherit);-webkit-tap-highlight-color:transparent}:host a{height:fit-content;width:auto !important}:host(.full-width){width:100%;display:block}:host(.full-width) .button-native{width:100%}:host(.small){--button-font-size:var(--cpsl-font-size-body-s);--button-padding-top:12px;--button-padding-bottom:12px;--button-icon-size:var(--cpsl-font-size-body-m)}:host(.small.primary){--button-padding-top:13px;--button-padding-bottom:13px}:host(.small.tertiary){--button-padding-top:13px;--button-padding-bottom:13px}:host(.medium){--button-font-size:var(--cpsl-font-size-body-m);--button-padding-top:14px;--button-padding-bottom:14px;--button-icon-size:var(--cpsl-font-size-body-l)}:host(.medium) :host(.primary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium) :host(.tertiary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium.primary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium.tertiary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.disabled){cursor:default;pointer-events:none}:host ::slotted(cpsl-icon){--height:var(--button-icon-size);--width:var(--button-icon-size)}:host(.primary){--button-border-radius:var(--cpsl-border-radius-primary-button);--button-color:var(--button-primary-color);--button-background-color:var(--button-primary-background-color);--button-border-color:var(--button-primary-border-color);--button-padding-start:17px;--button-padding-end:17px;--button-border-width:0px}:host(.primary) ::slotted(cpsl-icon){--icon-color:var(--button-primary-icon-color)}:host(.primary):host(.disabled){--button-color:var(--button-primary-disabled-color);--button-background-color:var(--button-primary-disabled-background-color);--button-border-color:var(--button-primary-disabled-border-color);--button-outline-color:transparent}:host(.primary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-primary-disabled-icon-color)}:host(.primary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-primary-disabled-background-color)}:host(.primary) :not(.disabled):hover{--button-color:var(--button-primary-hover-color);--button-background-color:var(--button-primary-hover-background-color);--button-border-color:var(--button-primary-hover-border-color)}:host(.primary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-primary-hover-icon-color)}:host(.primary) :not(.disabled):active{--button-color:var(--button-primary-active-color);--button-background-color:var(--button-primary-active-background-color);--button-border-color:var(--button-primary-active-border-color)}:host(.primary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-primary-active-icon-color)}:host(.primary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-primary-button-outline)}:host(.secondary){--button-border-radius:var(--cpsl-border-radius-destructive-button);--button-color:var(--button-secondary-color);--button-background-color:var(--button-secondary-background-color);--button-border-color:var(--button-secondary-border-color)}:host(.secondary) ::slotted(cpsl-icon){--icon-color:var(--button-secondary-icon-color)}:host(.secondary):host(.disabled){--button-color:var(--button-secondary-disabled-color);--button-background-color:var(--button-secondary-disabled-background-color);--button-border-color:var(--button-secondary-disabled-border-color);--button-outline-color:transparent}:host(.secondary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-secondary-disabled-icon-color)}:host(.secondary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-secondary-disabled-icon-color)}:host(.secondary) :not(.disabled):hover{--button-color:var(--button-secondary-hover-color);--button-border-color:var(--button-secondary-hover-border-color);--button-background-color:var(--button-secondary-hover-background-color)}:host(.secondary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-secondary-hover-icon-color)}:host(.secondary) :not(.disabled):active{--button-color:var(--button-secondary-active-color);--button-border-color:var(--button-secondary-active-border-color);--button-background-color:var(--button-secondary-active-background-color)}:host(.secondary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-secondary-active-icon-color)}:host(.secondary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-secondary-button-outline)}:host(.tertiary){--button-border-radius:var(--cpsl-border-radius-tertiary-button);--button-color:var(--button-tertiary-color);--button-background-color:var(--button-tertiary-background-color);--button-border-color:var(--button-tertiary-border-color);--button-padding-start:17px;--button-padding-end:17px;--button-border-width:0px}:host(.tertiary) ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-icon-color)}:host(.tertiary):host(.disabled){--button-color:var(--button-tertiary-disabled-color);--button-background-color:var(--button-tertiary-disabled-background-color);--button-border-color:var(--button-tertiary-disabled-border-color);--button-outline-color:transparent}:host(.tertiary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-disabled-icon-color)}:host(.tertiary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-tertiary-disabled-icon-color)}:host(.tertiary) :not(.disabled):hover{--button-color:var(--button-tertiary-hover-color);--button-background-color:var(--button-tertiary-hover-background-color);--button-border-color:var(--button-tertiary-hover-border-color)}:host(.tertiary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-hover-icon-color)}:host(.tertiary) :not(.disabled):active{--button-color:var(--button-tertiary-active-color);--button-background-color:var(--button-tertiary-active-background-color);--button-border-color:var(--button-tertiary-active-border-color)}:host(.tertiary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-active-icon-color)}:host(.tertiary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-tertiary-button-outline)}:host(.ghost){--button-color:var(--button-ghost-color);--button-background-color:transparent;--button-border-color:transparent;--button-outline-color:transparent;--button-padding-start:0px;--button-padding-end:0px;--button-padding-top:0px;--button-padding-bottom:0px;--button-border-width:0px}:host(.ghost) ::slotted(cpsl-icon){--icon-color:var(--button-ghost-color)}:host(.ghost):host(.disabled){--button-color:var(--button-ghost-disabled-color)}:host(.ghost):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-ghost-disabled-color)}:host(.ghost):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-ghost-disabled-color)}:host(.ghost) :not(.disabled):hover{--button-color:var(--button-ghost-hover-color)}:host(.ghost) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-ghost-hover-color)}:host(.destructive){--button-border-radius:var(--cpsl-border-radius-secondary-button);--button-color:var(--button-destructive-color);--button-background-color:var(--button-destructive-background-color);--button-border-color:var(--button-destructive-border-color)}:host(.destructive) ::slotted(cpsl-icon){--icon-color:var(--button-destructive-icon-color)}:host(.destructive):host(.disabled){--button-color:var(--button-destructive-disabled-color);--button-background-color:var(--button-destructive-disabled-background-color);--button-border-color:var(--button-destructive-disabled-border-color);--button-outline-color:transparent}:host(.destructive):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-destructive-disabled-icon-color)}:host(.destructive) :not(.disabled):hover{--button-color:var(--button-destructive-hover-color);--button-border-color:var(--button-destructive-hover-border-color);--button-background-color:var(--button-destructive-hover-background-color)}:host(.destructive) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-destructive-hover-icon-color)}:host(.destructive) :not(.disabled):active{--button-color:var(--button-destructive-active-color);--button-border-color:var(--button-destructive-active-border-color);--button-background-color:var(--button-destructive-active-background-color)}:host(.destructive) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-destructive-active-icon-color)}:host(.destructive) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-destructive-button-outline)}.button-native{border-top-left-radius:var(--button-border-radius-top-start);border-top-right-radius:var(--button-border-radius-top-end);border-bottom-right-radius:var(--button-border-radius-bottom-end);border-bottom-left-radius:var(--button-border-radius-bottom-start);-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);font-size:var(--button-font-size);font-weight:var(--button-font-weight);font-family:inherit;white-space:nowrap;text-decoration:none;border:0px solid transparent;border-width:var(--button-border-width-top) var(--button-border-width-end) var(--button-border-width-bottom) var(--button-border-width-start);cursor:pointer;color:var(--button-color);background:var(--button-background-color);border-color:var(--button-border-color);display:flex;justify-content:var(--button-justify-content);align-items:center;height:100%;gap:var(--button-gap);word-break:break-all;outline-color:var(--button-outline-color);-webkit-tap-highlight-color:transparent}:host-context([dir=rtl]) .button-native{border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}[dir=rtl] .button-native{border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}@supports selector(:dir(rtl)){.button-native:dir(rtl){border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}}:host ::slotted(cpsl-text){color:var(--button-color)}:host ::slotted(cpsl-icon-group){--container-border-color:var(--button-background-color)}:host ::slotted(cpsl-spinner){--background-color:var(--button-background-color)}";
6274
+ const cpslButtonCss = ":host{--button-border-width:1px;--button-border-width-start:var(--button-border-width);--button-border-width-end:var(--button-border-width);--button-border-width-top:var(--button-border-width);--button-border-width-bottom:var(--button-border-width);--button-gap:8px;--button-justify-content:center;--button-border-radius-top-start:var(--button-border-radius);--button-border-radius-top-end:var(--button-border-radius);--button-border-radius-bottom-end:var(--button-border-radius);--button-border-radius-bottom-start:var(--button-border-radius);--button-padding-start:16px;--button-padding-end:16px;--button-icon-size:var(--cpls-font-size-body-l);--button-font-weight:500;--button-primary-color:var(--cpsl-color-primary-button-text);--button-primary-background-color:var(--cpsl-color-primary-button-surface-default);--button-primary-border-color:var(--cpsl-color-primary-button-border-default);--button-primary-icon-color:var(--cpsl-color-primary-button-text);--button-primary-disabled-color:var(--cpsl-color-text-disabled);--button-primary-disabled-background-color:var(--cpsl-color-primary-button-surface-disabled);--button-primary-disabled-border-color:var(--cpsl-color-primary-button-border-disabled);--button-primary-disabled-icon-color:var(--cpsl-color-text-disabled);--button-primary-hover-color:var(--cpsl-color-primary-button-text);--button-primary-hover-background-color:var(--cpsl-color-primary-button-surface-hover);--button-primary-hover-border-color:var(--cpsl-color-primary-button-surface-hover);--button-primary-hover-icon-color:var(--cpsl-color-primary-button-text);--button-primary-active-color:var(--cpsl-color-primary-button-text);--button-primary-active-background-color:var(--cpsl-color-primary-button-surface-pressed);--button-primary-active-border-color:var(--cpsl-color-primary-button-surface-pressed);--button-primary-active-icon-color:var(--cpsl-color-primary-button-text);--button-secondary-color:var(--cpsl-color-secondary-button-text);--button-secondary-background-color:var(--cpsl-color-secondary-button-surface-default);--button-secondary-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-disabled-color:var(--cpsl-color-text-disabled);--button-secondary-disabled-background-color:var(--cpsl-color-secondary-button-surface-disabled);--button-secondary-disabled-border-color:var(--cpsl-color-secondary-button-border-disabled);--button-secondary-disabled-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-hover-color:var(--cpsl-color-secondary-button-text);--button-secondary-hover-background-color:var(--cpsl-color-secondary-button-surface-hover);--button-secondary-hover-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-hover-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-active-color:var(--cpsl-color-secondary-button-text);--button-secondary-active-background-color:var(--cpsl-color-secondary-button-surface-pressed);--button-secondary-active-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-active-icon-color:var(--cpsl-color-secondary-button-text);--button-tertiary-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-background-color:var(--cpsl-color-tertiary-button-surface-default);--button-tertiary-border-color:var(--cpsl-color-tertiary-button-border-default);--button-tertiary-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-disabled-color:var(--cpsl-color-text-disabled);--button-tertiary-disabled-background-color:var(--cpsl-color-tertiary-button-surface-disabled);--button-tertiary-disabled-border-color:var(--cpsl-color-tertiary-button-border-disabled);--button-tertiary-disabled-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-hover-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-hover-background-color:var(--cpsl-color-tertiary-button-surface-hover);--button-tertiary-hover-border-color:var(--cpsl-color-tertiary-button-surface-hover);--button-tertiary-hover-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-active-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-active-background-color:var(--cpsl-color-tertiary-button-surface-pressed);--button-tertiary-active-border-color:var(--cpsl-color-tertiary-button-surface-pressed);--button-tertiary-active-icon-color:var(--cpsl-color-tertiary-button-text);--button-ghost-color:var(--cpsl-color-ghost-button-default);--button-ghost-disabled-color:var(--cpsl-color-ghost-button-disabled);--button-ghost-hover-color:var(--cpsl-color-ghost-button-hover);--button-destructive-color:var(--cpsl-color-destructive-button-text);--button-destructive-background-color:var(--cpsl-color-destructive-button-surface-default);--button-destructive-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-disabled-color:var(--cpsl-color-text-disabled);--button-destructive-disabled-background-color:var(--cpsl-color-destructive-button-surface-disabled);--button-destructive-disabled-border-color:var(--cpsl-color-destructive-button-border-disabled);--button-destructive-disabled-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-hover-color:var(--cpsl-color-destructive-button-text);--button-destructive-hover-background-color:var(--cpsl-color-destructive-button-surface-hover);--button-destructive-hover-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-hover-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-active-color:var(--cpsl-color-destructive-button-text);--button-destructive-active-background-color:var(--cpsl-color-destructive-button-surface-pressed);--button-destructive-active-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-active-icon-color:var(--cpsl-color-destructive-button-text);height:fit-content;width:fit-content;display:inline-block;font-family:var(--cpsl-font-family, inherit);-webkit-tap-highlight-color:transparent}:host a{height:fit-content;width:auto !important}:host(.full-width){width:100%;display:block}:host(.full-width) .button-native{width:100%}:host(.small){--button-font-size:var(--cpsl-font-size-body-s);--button-padding-top:12px;--button-padding-bottom:12px;--button-icon-size:var(--cpsl-font-size-body-m)}:host(.small.primary){--button-padding-top:13px;--button-padding-bottom:13px}:host(.small.tertiary){--button-padding-top:13px;--button-padding-bottom:13px}:host(.medium){--button-font-size:var(--cpsl-font-size-body-m);--button-padding-top:14px;--button-padding-bottom:14px;--button-icon-size:var(--cpsl-font-size-body-l)}:host(.medium) :host(.primary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium) :host(.tertiary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium.primary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium.tertiary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.disabled){cursor:default;pointer-events:none}:host ::slotted(cpsl-icon){--height:var(--button-icon-size);--width:var(--button-icon-size)}:host(.primary){--button-border-radius:var(--cpsl-border-radius-primary-button);--button-color:var(--button-primary-color);--button-background-color:var(--button-primary-background-color);--button-border-color:var(--button-primary-border-color);--button-padding-start:17px;--button-padding-end:17px;--button-border-width:0px}:host(.primary) ::slotted(cpsl-icon){--icon-color:var(--button-primary-icon-color)}:host(.primary):host(.disabled){--button-color:var(--button-primary-disabled-color);--button-background-color:var(--button-primary-disabled-background-color);--button-border-color:var(--button-primary-disabled-border-color);--button-outline-color:transparent}:host(.primary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-primary-disabled-icon-color)}:host(.primary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-primary-disabled-background-color)}:host(.primary) :not(.disabled):hover{--button-color:var(--button-primary-hover-color);--button-background-color:var(--button-primary-hover-background-color);--button-border-color:var(--button-primary-hover-border-color)}:host(.primary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-primary-hover-icon-color)}:host(.primary) :not(.disabled):active{--button-color:var(--button-primary-active-color);--button-background-color:var(--button-primary-active-background-color);--button-border-color:var(--button-primary-active-border-color)}:host(.primary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-primary-active-icon-color)}:host(.primary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-primary-button-outline)}:host(.secondary){--button-border-radius:var(--cpsl-border-radius-destructive-button);--button-color:var(--button-secondary-color);--button-background-color:var(--button-secondary-background-color);--button-border-color:var(--button-secondary-border-color)}:host(.secondary) ::slotted(cpsl-icon){--icon-color:var(--button-secondary-icon-color)}:host(.secondary):host(.disabled){--button-color:var(--button-secondary-disabled-color);--button-background-color:var(--button-secondary-disabled-background-color);--button-border-color:var(--button-secondary-disabled-border-color);--button-outline-color:transparent}:host(.secondary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-secondary-disabled-icon-color)}:host(.secondary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-secondary-disabled-icon-color)}:host(.secondary) :not(.disabled):hover{--button-color:var(--button-secondary-hover-color);--button-border-color:var(--button-secondary-hover-border-color);--button-background-color:var(--button-secondary-hover-background-color)}:host(.secondary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-secondary-hover-icon-color)}:host(.secondary) :not(.disabled):active{--button-color:var(--button-secondary-active-color);--button-border-color:var(--button-secondary-active-border-color);--button-background-color:var(--button-secondary-active-background-color)}:host(.secondary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-secondary-active-icon-color)}:host(.secondary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-secondary-button-outline)}:host(.tertiary){--button-border-radius:var(--cpsl-border-radius-tertiary-button);--button-color:var(--button-tertiary-color);--button-background-color:var(--button-tertiary-background-color);--button-border-color:var(--button-tertiary-border-color);--button-padding-start:17px;--button-padding-end:17px;--button-border-width:0px}:host(.tertiary) ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-icon-color)}:host(.tertiary):host(.disabled){--button-color:var(--button-tertiary-disabled-color);--button-background-color:var(--button-tertiary-disabled-background-color);--button-border-color:var(--button-tertiary-disabled-border-color);--button-outline-color:transparent}:host(.tertiary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-disabled-icon-color)}:host(.tertiary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-tertiary-disabled-icon-color)}:host(.tertiary) :not(.disabled):hover{--button-color:var(--button-tertiary-hover-color);--button-background-color:var(--button-tertiary-hover-background-color);--button-border-color:var(--button-tertiary-hover-border-color)}:host(.tertiary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-hover-icon-color)}:host(.tertiary) :not(.disabled):active{--button-color:var(--button-tertiary-active-color);--button-background-color:var(--button-tertiary-active-background-color);--button-border-color:var(--button-tertiary-active-border-color)}:host(.tertiary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-active-icon-color)}:host(.tertiary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-tertiary-button-outline)}:host(.ghost){--button-color:var(--button-ghost-color);--button-background-color:transparent;--button-border-color:transparent;--button-outline-color:transparent;--button-padding-start:0px;--button-padding-end:0px;--button-padding-top:0px;--button-padding-bottom:0px;--button-border-width:0px}:host(.ghost) ::slotted(cpsl-icon){--icon-color:var(--button-ghost-color)}:host(.ghost):host(.disabled){--button-color:var(--button-ghost-disabled-color)}:host(.ghost):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-ghost-disabled-color)}:host(.ghost):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-ghost-disabled-color)}:host(.ghost) :not(.disabled):hover{--button-color:var(--button-ghost-hover-color)}:host(.ghost) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-ghost-hover-color)}:host(.destructive){--button-border-radius:var(--cpsl-border-radius-secondary-button);--button-color:var(--button-destructive-color);--button-background-color:var(--button-destructive-background-color);--button-border-color:var(--button-destructive-border-color)}:host(.destructive) ::slotted(cpsl-icon){--icon-color:var(--button-destructive-icon-color)}:host(.destructive):host(.disabled){--button-color:var(--button-destructive-disabled-color);--button-background-color:var(--button-destructive-disabled-background-color);--button-border-color:var(--button-destructive-disabled-border-color);--button-outline-color:transparent}:host(.destructive):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-destructive-disabled-icon-color)}:host(.destructive) :not(.disabled):hover{--button-color:var(--button-destructive-hover-color);--button-border-color:var(--button-destructive-hover-border-color);--button-background-color:var(--button-destructive-hover-background-color)}:host(.destructive) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-destructive-hover-icon-color)}:host(.destructive) :not(.disabled):active{--button-color:var(--button-destructive-active-color);--button-border-color:var(--button-destructive-active-border-color);--button-background-color:var(--button-destructive-active-background-color)}:host(.destructive) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-destructive-active-icon-color)}:host(.destructive) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-destructive-button-outline)}.button-native{border-top-left-radius:var(--button-border-radius-top-start);border-top-right-radius:var(--button-border-radius-top-end);border-bottom-right-radius:var(--button-border-radius-bottom-end);border-bottom-left-radius:var(--button-border-radius-bottom-start);-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);font-size:var(--button-font-size);font-weight:var(--button-font-weight);font-family:inherit;white-space:nowrap;text-decoration:none;border:0px solid transparent;border-width:var(--button-border-width-top) var(--button-border-width-end) var(--button-border-width-bottom) var(--button-border-width-start);cursor:pointer;color:var(--button-color);background:var(--button-background-color);border-color:var(--button-border-color);display:flex;justify-content:var(--button-justify-content);align-items:center;height:100%;gap:var(--button-gap);word-break:break-all;outline-color:var(--button-outline-color);-webkit-tap-highlight-color:transparent}:host-context([dir=rtl]) .button-native{border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}[dir=rtl] .button-native{border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}@supports selector(:dir(rtl)){.button-native:dir(rtl){border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}}:host ::slotted(cpsl-text)::part(text-element){color:var(--button-color)}:host ::slotted(cpsl-icon-group){--container-border-color:var(--button-background-color)}:host ::slotted(cpsl-spinner){--background-color:var(--button-background-color)}";
6275
6275
  const CpslButtonStyle0 = cpslButtonCss;
6276
6276
 
6277
6277
  const CpslButton = class {
@@ -6584,6 +6584,12 @@ const ArrowCircleBrokenDownLeft = `<svg width="24" height="24" viewBox="0 0 24 2
6584
6584
  </svg>
6585
6585
  `;
6586
6586
 
6587
+ const ArrowCircleDownFilled = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
6588
+ <rect y="32" width="32" height="32" rx="16" transform="rotate(-90 0 32)" fill="#EBEBEB" />
6589
+ <path d="M16 10.1667L16 21.8333M16 21.8333L21.8334 16M16 21.8333L10.1667 16" stroke="#616161" stroke-width="2"
6590
+ stroke-linecap="round" stroke-linejoin="round" />
6591
+ </svg>`;
6592
+
6587
6593
  const ArrowNarrow = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6588
6594
  <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6589
6595
  </svg>
@@ -6724,6 +6730,19 @@ const Check = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" strok
6724
6730
  </svg>
6725
6731
  `;
6726
6732
 
6733
+ const ChevronDown = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6734
+ <path fill-rule="evenodd" clip-rule="evenodd"
6735
+ d="M3.52864 5.52851C3.78899 5.26816 4.2111 5.26816 4.47145 5.52851L8.00004 9.05711L11.5286 5.52851C11.789 5.26816 12.2111 5.26816 12.4714 5.52851C12.7318 5.78886 12.7318 6.21097 12.4714 6.47132L8.47145 10.4713C8.2111 10.7317 7.78899 10.7317 7.52864 10.4713L3.52864 6.47132C3.26829 6.21097 3.26829 5.78886 3.52864 5.52851Z"
6736
+ fill="#141414" />
6737
+ </svg>`;
6738
+
6739
+ const ChevronSelectorVertical = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6740
+ <g id="chevron-selector-vertical">
6741
+ <path id="Icon" d="M7 15L12 20L17 15M7 9L12 4L17 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6742
+ </g>
6743
+ </svg>
6744
+ `;
6745
+
6727
6746
  const ChevronUp = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6728
6747
  <path d="M18 15L12 9L6 15" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6729
6748
  </svg>
@@ -6750,6 +6769,13 @@ const Clubhouse = `<svg width="24" height="24" viewBox="0 0 24 24" fill="current
6750
6769
  </svg>
6751
6770
  `;
6752
6771
 
6772
+ const Copy07 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6773
+ <g id="copy-07">
6774
+ <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"/>
6775
+ </g>
6776
+ </svg>
6777
+ `;
6778
+
6753
6779
  const Copy = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6754
6780
  <path d="M7.5 3H14.6C16.8402 3 17.9603 3 18.816 3.43597C19.5686 3.81947 20.1805 4.43139 20.564 5.18404C21 6.03969 21 7.15979 21 9.4V16.5M6.2 21H14.3C15.4201 21 15.9802 21 16.408 20.782C16.7843 20.5903 17.0903 20.2843 17.282 19.908C17.5 19.4802 17.5 18.9201 17.5 17.8V9.7C17.5 8.57989 17.5 8.01984 17.282 7.59202C17.0903 7.21569 16.7843 6.90973 16.408 6.71799C15.9802 6.5 15.4201 6.5 14.3 6.5H6.2C5.0799 6.5 4.51984 6.5 4.09202 6.71799C3.71569 6.90973 3.40973 7.21569 3.21799 7.59202C3 8.01984 3 8.57989 3 9.7V17.8C3 18.9201 3 19.4802 3.21799 19.908C3.40973 20.2843 3.71569 20.5903 4.09202 20.782C4.51984 21 5.0799 21 6.2 21Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6755
6781
  </svg>
@@ -6769,11 +6795,32 @@ const Cosmos = `<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2
6769
6795
  </svg>
6770
6796
  `;
6771
6797
 
6798
+ const CreditCard02 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6799
+ <g id="credit-card-02">
6800
+ <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"/>
6801
+ </g>
6802
+ </svg>
6803
+ `;
6804
+
6772
6805
  const CreditCard = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6773
6806
  <path d="M22 10H2M2 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"/>
6774
6807
  </svg>
6775
6808
  `;
6776
6809
 
6810
+ const Cube03 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6811
+ <g id="cube-03">
6812
+ <path id="Icon" d="M3.5 8H16M16 8V20.5M16 8L20.5 3.5M21 15.3373V3.8C21 3.51997 21 3.37996 20.9455 3.273C20.8976 3.17892 20.8211 3.10243 20.727 3.0545C20.62 3 20.48 3 20.2 3H8.66274C8.41815 3 8.29586 3 8.18077 3.02763C8.07873 3.05213 7.98119 3.09253 7.89172 3.14736C7.7908 3.2092 7.70432 3.29568 7.53137 3.46863L3.46863 7.53137C3.29568 7.70432 3.2092 7.7908 3.14736 7.89172C3.09253 7.98119 3.05213 8.07873 3.02763 8.18077C3 8.29586 3 8.41815 3 8.66274V20.2C3 20.48 3 20.62 3.0545 20.727C3.10243 20.8211 3.17892 20.8976 3.273 20.9455C3.37996 21 3.51997 21 3.8 21H15.3373C15.5818 21 15.7041 21 15.8192 20.9724C15.9213 20.9479 16.0188 20.9075 16.1083 20.8526C16.2092 20.7908 16.2957 20.7043 16.4686 20.5314L20.5314 16.4686C20.7043 16.2957 20.7908 16.2092 20.8526 16.1083C20.9075 16.0188 20.9479 15.9213 20.9724 15.8192C21 15.7041 21 15.5818 21 15.3373Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6813
+ </g>
6814
+ </svg>
6815
+ `;
6816
+
6817
+ const CubeOutline = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6818
+ <g id="cube-outline">
6819
+ <path id="Icon" d="M9.75 20.75L11.223 21.5683C11.5066 21.7259 11.6484 21.8047 11.7986 21.8356C11.9315 21.8629 12.0685 21.8629 12.2015 21.8356C12.3516 21.8047 12.4934 21.7259 12.777 21.5683L14.25 20.75M5.25 18.25L3.82297 17.4572C3.52346 17.2908 3.37368 17.2076 3.26463 17.0893C3.16816 16.9846 3.09515 16.8605 3.05048 16.7253C3 16.5725 3 16.4012 3 16.0586V14.5M3 9.50002V7.94147C3 7.59883 3 7.42751 3.05048 7.27471C3.09515 7.13953 3.16816 7.01545 3.26463 6.91076C3.37368 6.79242 3.52345 6.70922 3.82297 6.54282L5.25 5.75002M9.75 3.25002L11.223 2.43171C11.5066 2.27415 11.6484 2.19537 11.7986 2.16448C11.9315 2.13715 12.0685 2.13715 12.2015 2.16448C12.3516 2.19537 12.4934 2.27415 12.777 2.43171L14.25 3.25002M18.75 5.75002L20.177 6.54282C20.4766 6.70922 20.6263 6.79242 20.7354 6.91076C20.8318 7.01545 20.9049 7.13953 20.9495 7.27471C21 7.4275 21 7.59883 21 7.94147V9.50002M21 14.5V16.0586C21 16.4012 21 16.5725 20.9495 16.7253C20.9049 16.8605 20.8318 16.9846 20.7354 17.0893C20.6263 17.2076 20.4766 17.2908 20.177 17.4572L18.75 18.25M9.75 10.75L12 12M12 12L14.25 10.75M12 12V14.5M3 7.00002L5.25 8.25002M18.75 8.25002L21 7.00002M12 19.5V22" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6820
+ </g>
6821
+ </svg>
6822
+ `;
6823
+
6777
6824
  const Cube = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6778
6825
  <path d="M3.5 8H16M16 8V20.5M16 8L20.5 3.5M21 15.3373V3.8C21 3.51997 21 3.37996 20.9455 3.273C20.8976 3.17892 20.8211 3.10243 20.727 3.0545C20.62 3 20.48 3 20.2 3H8.66274C8.41815 3 8.29586 3 8.18077 3.02763C8.07873 3.05213 7.98119 3.09253 7.89172 3.14736C7.7908 3.2092 7.70432 3.29568 7.53137 3.46863L3.46863 7.53137C3.29568 7.70432 3.2092 7.7908 3.14736 7.89172C3.09253 7.98119 3.05213 8.07873 3.02763 8.18077C3 8.29586 3 8.41815 3 8.66274V20.2C3 20.48 3 20.62 3.0545 20.727C3.10243 20.8211 3.17892 20.8976 3.273 20.9455C3.37996 21 3.51997 21 3.8 21H15.3373C15.5818 21 15.7041 21 15.8192 20.9724C15.9213 20.9479 16.0188 20.9075 16.1083 20.8526C16.2092 20.7908 16.2957 20.7043 16.4686 20.5314L20.5314 16.4686C20.7043 16.2957 20.7908 16.2092 20.8526 16.1083C20.9075 16.0188 20.9479 15.9213 20.9724 15.8192C21 15.7041 21 15.5818 21 15.3373Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6779
6826
  </svg>
@@ -6839,6 +6886,13 @@ const Earth = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns
6839
6886
  </svg>
6840
6887
  `;
6841
6888
 
6889
+ const Edit02 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
6890
+ <g id="edit-02">
6891
+ <path id="Icon" d="M18 10.0001L14 6.00006M2.5 21.5001L5.88437 21.124C6.29786 21.0781 6.5046 21.0551 6.69785 20.9925C6.86929 20.937 7.03245 20.8586 7.18289 20.7594C7.35245 20.6476 7.49955 20.5005 7.79373 20.2063L21 7.00006C22.1046 5.89549 22.1046 4.10463 21 3.00006C19.8955 1.89549 18.1046 1.89549 17 3.00006L3.79373 16.2063C3.49955 16.5005 3.35246 16.6476 3.24064 16.8172C3.14143 16.9676 3.06301 17.1308 3.00751 17.3022C2.94496 17.4955 2.92198 17.7022 2.87604 18.1157L2.5 21.5001Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6892
+ </g>
6893
+ </svg>
6894
+ `;
6895
+
6842
6896
  const Ethereum = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
6843
6897
  <path d="M15 9.99996L10 13.3333L5 9.99996L10 1.66663L15 9.99996Z" fill="black"/>
6844
6898
  <path d="M10 14.1666L5 10.8333L10 18.3333L15 10.8333L10 14.1666Z" fill="black"/>
@@ -7322,6 +7376,19 @@ const PlusCircle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
7322
7376
  </g>
7323
7377
  </svg>`;
7324
7378
 
7379
+ const Plus = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
7380
+ <g id="plus">
7381
+ <path id="Icon" d="M12 5V19M5 12H19" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7382
+ </g>
7383
+ </svg>
7384
+ `;
7385
+
7386
+ const Polygon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7387
+ <path
7388
+ d="M12.0738 5.40664C11.7786 5.23751 11.3948 5.23751 11.0701 5.40664L8.7675 6.70333L7.20293 7.54902L4.90037 8.84568C4.60516 9.01481 4.2214 9.01481 3.89668 8.84568L2.06642 7.83086C1.77122 7.66173 1.56458 7.35168 1.56458 7.01341V5.01199C1.56458 4.67373 1.7417 4.36365 2.06642 4.19452L3.86715 3.20791C4.16236 3.03877 4.54612 3.03877 4.87084 3.20791L6.67159 4.19452C6.96677 4.36365 7.17343 4.67373 7.17343 5.01199V6.30869L8.738 5.43483V4.13814C8.738 3.79987 8.5609 3.48979 8.23616 3.32066L4.90037 1.46019C4.60516 1.29106 4.2214 1.29106 3.89668 1.46019L0.501845 3.32066C0.177122 3.48979 0 3.79987 0 4.13814V7.88727C0 8.22553 0.177122 8.53563 0.501845 8.70476L3.89668 10.5652C4.19187 10.7343 4.57564 10.7343 4.90037 10.5652L7.20293 9.29671L8.7675 8.42286L11.0701 7.15435C11.3653 6.98522 11.7491 6.98522 12.0738 7.15435L13.8745 8.14096C14.1697 8.31009 14.3764 8.6202 14.3764 8.95845V10.9598C14.3764 11.2981 14.1993 11.6082 13.8745 11.7773L12.0738 12.7921C11.7786 12.9613 11.3948 12.9613 11.0701 12.7921L9.26939 11.8055C8.97416 11.6364 8.7675 11.3263 8.7675 10.988V9.69137L7.20293 10.5652V11.8619C7.20293 12.2001 7.38008 12.5102 7.70476 12.6794L11.0996 14.5398C11.3948 14.709 11.7786 14.709 12.1033 14.5398L15.4982 12.6794C15.7933 12.5102 16 12.2001 16 11.8619V8.11275C16 7.7745 15.8228 7.46445 15.4982 7.29532L12.0738 5.40664Z"
7389
+ fill="#8247E5" />
7390
+ </svg>`;
7391
+
7325
7392
  const PuzzlePiece = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
7326
7393
  <path d="M7.5 4.5C7.5 3.11929 8.61929 2 10 2C11.3807 2 12.5 3.11929 12.5 4.5V6H13.5C14.8978 6 15.5967 6 16.1481 6.22836C16.8831 6.53284 17.4672 7.11687 17.7716 7.85195C18 8.40326 18 9.10218 18 10.5H19.5C20.8807 10.5 22 11.6193 22 13C22 14.3807 20.8807 15.5 19.5 15.5H18V17.2C18 18.8802 18 19.7202 17.673 20.362C17.3854 20.9265 16.9265 21.3854 16.362 21.673C15.7202 22 14.8802 22 13.2 22H12.5V20.25C12.5 19.0074 11.4926 18 10.25 18C9.00736 18 8 19.0074 8 20.25V22H6.8C5.11984 22 4.27976 22 3.63803 21.673C3.07354 21.3854 2.6146 20.9265 2.32698 20.362C2 19.7202 2 18.8802 2 17.2V15.5H3.5C4.88071 15.5 6 14.3807 6 13C6 11.6193 4.88071 10.5 3.5 10.5H2C2 9.10218 2 8.40326 2.22836 7.85195C2.53284 7.11687 3.11687 6.53284 3.85195 6.22836C4.40326 6 5.10218 6 6.5 6H7.5V4.5Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7327
7394
  </svg>
@@ -7431,6 +7498,10 @@ const Solana = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" v
7431
7498
  </svg>
7432
7499
  `;
7433
7500
 
7501
+ const Star04Filled = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="none" fill="currentColor">
7502
+ <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" />
7503
+ </svg>`;
7504
+
7434
7505
  const Stars = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
7435
7506
  <path d="M6.5 13L7.28446 14.5689C7.54995 15.0999 7.68269 15.3654 7.86003 15.5954C8.01739 15.7996 8.20041 15.9826 8.40455 16.14C8.63462 16.3173 8.9001 16.4501 9.43108 16.7155L11 17.5L9.43108 18.2845C8.9001 18.5499 8.63462 18.6827 8.40455 18.86C8.20041 19.0174 8.01739 19.2004 7.86003 19.4046C7.68269 19.6346 7.54995 19.9001 7.28446 20.4311L6.5 22L5.71554 20.4311C5.45005 19.9001 5.31731 19.6346 5.13997 19.4046C4.98261 19.2004 4.79959 19.0174 4.59545 18.86C4.36538 18.6827 4.0999 18.5499 3.56892 18.2845L2 17.5L3.56892 16.7155C4.0999 16.4501 4.36538 16.3173 4.59545 16.14C4.79959 15.9826 4.98261 15.7996 5.13997 15.5954C5.31731 15.3654 5.45005 15.0999 5.71554 14.5689L6.5 13Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7436
7507
  <path d="M15 2L16.1786 5.06442C16.4606 5.79765 16.6016 6.16426 16.8209 6.47264C17.0153 6.74595 17.254 6.98475 17.5274 7.17909C17.8357 7.39836 18.2024 7.53937 18.9356 7.82138L22 9L18.9356 10.1786C18.2024 10.4606 17.8357 10.6016 17.5274 10.8209C17.254 11.0153 17.0153 11.254 16.8209 11.5274C16.6016 11.8357 16.4606 12.2024 16.1786 12.9356L15 16L13.8214 12.9356C13.5394 12.2024 13.3984 11.8357 13.1791 11.5274C12.9847 11.254 12.746 11.0153 12.4726 10.8209C12.1643 10.6016 11.7976 10.4606 11.0644 10.1786L8 9L11.0644 7.82138C11.7976 7.53937 12.1643 7.39836 12.4726 7.17909C12.746 6.98475 12.9847 6.74595 13.1791 6.47264C13.3984 6.16426 13.5394 5.79765 13.8214 5.06442L15 2Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -7517,6 +7588,13 @@ const Twitter = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentCo
7517
7588
  </svg>
7518
7589
  `;
7519
7590
 
7591
+ const User = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
7592
+ <g id="user-03">
7593
+ <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"/>
7594
+ </g>
7595
+ </svg>
7596
+ `;
7597
+
7520
7598
  const Wallet = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
7521
7599
  <g id="wallet-04">
7522
7600
  <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"/>
@@ -11515,7 +11593,370 @@ const ZW = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
11515
11593
  </svg>
11516
11594
  `;
11517
11595
 
11518
- const Icons = { alertCircle: AlertCircle, alertTriangle: AlertTriangle, angelListBrand: AngelListBrand, angelList: AngelList, appleBrand: AppleBrand, apple: Apple, arrowCircleBrokenDownLeft: ArrowCircleBrokenDownLeft, arrowNarrow: ArrowNarrow, arrow: Arrow, backupKit: BackupKit, bank: Bank, brush: Brush, capsuleLogo: CapsuleLogo, capsuleRingsDark: CapsuleRingsDark, capsuleRings: CapsuleRings, capsule: Capsule, checkCircleFilled: CheckCircleFilled, checkCircle: CheckCircle, check: Check, chevronUp: ChevronUp, clock: Clock, close: Close, clubhouseBrand: ClubhouseBrand, clubhouse: Clubhouse, copy: Copy, cosmos: Cosmos, creditCard: CreditCard, cube: Cube, decentBrand: DecentBrand, decent: Decent, discordBrand: DiscordBrand, discord: Discord, dot: Dot, downloadCloud: DownloadCloud, download: Download, dribbbleBrand: DribbbleBrand, dribbble: Dribbble, earth: Earth, ethereum: Ethereum, eyeOff: EyeOff, eye: Eye, facebookBrand: FacebookBrand, facebook: Facebook, farcasterBrand: FarcasterBrand, farcaster: Farcaster, figmaBrand: FigmaBrand, figma: Figma, file: File, folder: Folder, githubBrand: GithubBrand, github: Github, globe: Globe, googleBrand: GoogleBrand, google: Google, helpCircle: HelpCircle, heroAlertCircle: HeroAlertCircle, heroCheckmarkCapsule: HeroCheckmarkCapsule, heroCheckmark: HeroCheckmark, heroEmail: HeroEmail, heroExternalConnection: HeroExternalConnection, heroLock: HeroLock, heroPasskey: HeroPasskey, heroPhone: HeroPhone, heroPlusCircleCapsule: HeroPlusCircleCapsule, heroPlusCircle: HeroPlusCircle, heroWallet: HeroWallet, home: Home, image: Image$1, infoCircle: InfoCircle, instagramBrand: InstagramBrand, instagram: Instagram, key: Key, lightning01: Lightning01, lightning: Lightning, linkExternal: LinkExternal, linkedinBrand: LinkedinBrand, linkedin: Linkedin, logOut: LogOut, mail: Mail, menu: Menu, moonpayBrand: MoonpayBrand, moreLoginOptions: MoreLoginOptions, phone: Phone, pintrestBrand: PintrestBrand, pintrest: Pintrest, plusCircle: PlusCircle, puzzlePiece: PuzzlePiece, qrCode02: QrCode02, qrCode: QrCode, rampNetworkBrand: RampNetworkBrand, rampNetwork: RampNetwork, redditBrand: RedditBrand, reddit: Reddit, refresh: Refresh, search: Search, send: Send, settings: Settings, shield: Shield, signalBrand: SignalBrand, signal: Signal, snapchatBrand: SnapchatBrand, snapchat: Snapchat, solana: Solana, stars: Stars, stripeBrand: StripeBrand, telegramBrand: TelegramBrand, telegram: Telegram, tikTokBrand: TikTokBrand, tikTok: TikTok, tumblrBrand: TumblrBrand, tumblr: Tumblr, twitterBrand: TwitterBrand, twitter: Twitter, wallet: Wallet, x: X, youtubeBrand: YoutubeBrand, youtube: Youtube, AD: AD, AE: AE, AF: AF, AG: AG, AI: AI, AL: AL, AM: AM, AO: AO, AR: AR, AS: AS, AT: AT, AU: AU, AW: AW, AX: AX, AZ: AZ, BA: BA, BB: BB, BD: BD, BE: BE, BF: BF, BG: BG, BH: BH, BI: BI, BJ: BJ, BL: BL, BM: BM, BN: BN, BO: BO, BQ: BQ, BQ2: BQ2, BQ3: BQ3, BR: BR, BS: BS, BT: BT, BW: BW, BY: BY, BZ: BZ, CA: CA, CC: CC, CD: CD, CD2: CD2, CF: CF, CH: CH, CK: CK, CL: CL, CM: CM, CN: CN, CO: CO, CR: CR, CU: CU, CW: CW, CX: CX, CY: CY, CZ: CZ, DE: DE, DJ: DJ, DK: DK, DM: DM, DO: DO, DS: DS, DZ: DZ, EC: EC, EE: EE, EG: EG, EH: EH, ER: ER, ES: ES, ET: ET, FI: FI, FJ: FJ, FK: FK, FM: FM, FO: FO, FR: FR, GA: GA, GB2: GB2, GB: GB, GD: GD, GE: GE, GG: GG, GH: GH, GI: GI, GL: GL, GM: GM, GN: GN, GQ: GQ, GR: GR, GT: GT, GU: GU, GW: GW, GY: GY, HK: HK, HN: HN, HR: HR, HT: HT, HU: HU, ID: ID, IE: IE, IL: IL, IM: IM, IN: IN, IO: IO, IQ: IQ, IR: IR, IS: IS, IT: IT, JE: JE, JM: JM, JO: JO, JP: JP, KE: KE, KG: KG, KH: KH, KI: KI, KM: KM, KN: KN, KP: KP, KR: KR, KW: KW, KY: KY, KZ: KZ, LA: LA, LB: LB, LC: LC, LI: LI, LK: LK, LR: LR, LS: LS, LT: LT, LU: LU, LV: LV, LY: LY, MA: MA, MC: MC, MD: MD, ME: ME, MG: MG, MH: MH, MK: MK, ML: ML, MM: MM, MN: MN, MO: MO, MP: MP, MQ: MQ, MR: MR, MS: MS, MT: MT, MU: MU, MV: MV, MW: MW, MX: MX, MY: MY, MZ: MZ, NA: NA, NE: NE, NF: NF, NG: NG, NI: NI, NL: NL, NO: NO, NP: NP, NR: NR, NU: NU, NZ: NZ, OM: OM, PA: PA, PE: PE, PF: PF, PG: PG, PH: PH, PK: PK, PL: PL, PN: PN, PR: PR, PS: PS, PT: PT, PW: PW, PY: PY, QA: QA, RO: RO, RS: RS, RU: RU, RW: RW, SA: SA, SB: SB, SC: SC, SE: SE, SG: SG, SI: SI, SK: SK, SL: SL, SM: SM, SN: SN, SO: SO, SR: SR, SS: SS, ST: ST, SV: SV, SX: SX, SY: SY, SZ: SZ, TC: TC, TD: TD, TG: TG, TH: TH, TJ: TJ, TK: TK, TL: TL, TM: TM, TN: TN, TO: TO, TR: TR, TT: TT, TV: TV, TW: TW, TZ: TZ, UA: UA, UG: UG, US: US, UY: UY, UZ: UZ, VC: VC, VE: VE, VG: VG, VI: VI, VN: VN, VU: VU, WS: WS, YE: YE, ZA: ZA, ZM: ZM, ZW: ZW, };
11596
+ const Icons = {
11597
+ alertCircle: AlertCircle,
11598
+ alertTriangle: AlertTriangle,
11599
+ angelListBrand: AngelListBrand,
11600
+ angelList: AngelList,
11601
+ appleBrand: AppleBrand,
11602
+ apple: Apple,
11603
+ arrowCircleBrokenDownLeft: ArrowCircleBrokenDownLeft,
11604
+ arrowCircleDownFilled: ArrowCircleDownFilled,
11605
+ arrowNarrow: ArrowNarrow,
11606
+ arrow: Arrow,
11607
+ backupKit: BackupKit,
11608
+ bank: Bank,
11609
+ brush: Brush,
11610
+ capsuleLogo: CapsuleLogo,
11611
+ capsuleRingsDark: CapsuleRingsDark,
11612
+ capsuleRings: CapsuleRings,
11613
+ capsule: Capsule,
11614
+ checkCircleFilled: CheckCircleFilled,
11615
+ checkCircle: CheckCircle,
11616
+ check: Check,
11617
+ chevronDown: ChevronDown,
11618
+ chevronSelectorVertical: ChevronSelectorVertical,
11619
+ chevronUp: ChevronUp,
11620
+ clock: Clock,
11621
+ close: Close,
11622
+ clubhouseBrand: ClubhouseBrand,
11623
+ clubhouse: Clubhouse,
11624
+ copy07: Copy07,
11625
+ copy: Copy,
11626
+ cosmos: Cosmos,
11627
+ creditCard02: CreditCard02,
11628
+ creditCard: CreditCard,
11629
+ cube03: Cube03,
11630
+ cubeOutline: CubeOutline,
11631
+ cube: Cube,
11632
+ decentBrand: DecentBrand,
11633
+ decent: Decent,
11634
+ discordBrand: DiscordBrand,
11635
+ discord: Discord,
11636
+ dot: Dot,
11637
+ downloadCloud: DownloadCloud,
11638
+ download: Download,
11639
+ dribbbleBrand: DribbbleBrand,
11640
+ dribbble: Dribbble,
11641
+ earth: Earth,
11642
+ edit02: Edit02,
11643
+ ethereum: Ethereum,
11644
+ eyeOff: EyeOff,
11645
+ eye: Eye,
11646
+ facebookBrand: FacebookBrand,
11647
+ facebook: Facebook,
11648
+ farcasterBrand: FarcasterBrand,
11649
+ farcaster: Farcaster,
11650
+ figmaBrand: FigmaBrand,
11651
+ figma: Figma,
11652
+ file: File,
11653
+ folder: Folder,
11654
+ githubBrand: GithubBrand,
11655
+ github: Github,
11656
+ globe: Globe,
11657
+ googleBrand: GoogleBrand,
11658
+ google: Google,
11659
+ helpCircle: HelpCircle,
11660
+ heroAlertCircle: HeroAlertCircle,
11661
+ heroCheckmarkCapsule: HeroCheckmarkCapsule,
11662
+ heroCheckmark: HeroCheckmark,
11663
+ heroEmail: HeroEmail,
11664
+ heroExternalConnection: HeroExternalConnection,
11665
+ heroLock: HeroLock,
11666
+ heroPasskey: HeroPasskey,
11667
+ heroPhone: HeroPhone,
11668
+ heroPlusCircleCapsule: HeroPlusCircleCapsule,
11669
+ heroPlusCircle: HeroPlusCircle,
11670
+ heroWallet: HeroWallet,
11671
+ home: Home,
11672
+ image: Image$1,
11673
+ infoCircle: InfoCircle,
11674
+ instagramBrand: InstagramBrand,
11675
+ instagram: Instagram,
11676
+ key: Key,
11677
+ lightning01: Lightning01,
11678
+ lightning: Lightning,
11679
+ linkExternal: LinkExternal,
11680
+ linkedinBrand: LinkedinBrand,
11681
+ linkedin: Linkedin,
11682
+ logOut: LogOut,
11683
+ mail: Mail,
11684
+ menu: Menu,
11685
+ moonpayBrand: MoonpayBrand,
11686
+ moreLoginOptions: MoreLoginOptions,
11687
+ phone: Phone,
11688
+ pintrestBrand: PintrestBrand,
11689
+ pintrest: Pintrest,
11690
+ plusCircle: PlusCircle,
11691
+ plus: Plus,
11692
+ polygon: Polygon,
11693
+ puzzlePiece: PuzzlePiece,
11694
+ qrCode02: QrCode02,
11695
+ qrCode: QrCode,
11696
+ rampNetworkBrand: RampNetworkBrand,
11697
+ rampNetwork: RampNetwork,
11698
+ redditBrand: RedditBrand,
11699
+ reddit: Reddit,
11700
+ refresh: Refresh,
11701
+ search: Search,
11702
+ send: Send,
11703
+ settings: Settings,
11704
+ shield: Shield,
11705
+ signalBrand: SignalBrand,
11706
+ signal: Signal,
11707
+ snapchatBrand: SnapchatBrand,
11708
+ snapchat: Snapchat,
11709
+ solana: Solana,
11710
+ star04Filled: Star04Filled,
11711
+ stars: Stars,
11712
+ stripeBrand: StripeBrand,
11713
+ telegramBrand: TelegramBrand,
11714
+ telegram: Telegram,
11715
+ tikTokBrand: TikTokBrand,
11716
+ tikTok: TikTok,
11717
+ tumblrBrand: TumblrBrand,
11718
+ tumblr: Tumblr,
11719
+ twitterBrand: TwitterBrand,
11720
+ twitter: Twitter,
11721
+ user: User,
11722
+ wallet: Wallet,
11723
+ x: X,
11724
+ youtubeBrand: YoutubeBrand,
11725
+ youtube: Youtube,
11726
+ AD: AD,
11727
+ AE: AE,
11728
+ AF: AF,
11729
+ AG: AG,
11730
+ AI: AI,
11731
+ AL: AL,
11732
+ AM: AM,
11733
+ AO: AO,
11734
+ AR: AR,
11735
+ AS: AS,
11736
+ AT: AT,
11737
+ AU: AU,
11738
+ AW: AW,
11739
+ AX: AX,
11740
+ AZ: AZ,
11741
+ BA: BA,
11742
+ BB: BB,
11743
+ BD: BD,
11744
+ BE: BE,
11745
+ BF: BF,
11746
+ BG: BG,
11747
+ BH: BH,
11748
+ BI: BI,
11749
+ BJ: BJ,
11750
+ BL: BL,
11751
+ BM: BM,
11752
+ BN: BN,
11753
+ BO: BO,
11754
+ BQ: BQ,
11755
+ BQ2: BQ2,
11756
+ BQ3: BQ3,
11757
+ BR: BR,
11758
+ BS: BS,
11759
+ BT: BT,
11760
+ BW: BW,
11761
+ BY: BY,
11762
+ BZ: BZ,
11763
+ CA: CA,
11764
+ CC: CC,
11765
+ CD: CD,
11766
+ CD2: CD2,
11767
+ CF: CF,
11768
+ CH: CH,
11769
+ CK: CK,
11770
+ CL: CL,
11771
+ CM: CM,
11772
+ CN: CN,
11773
+ CO: CO,
11774
+ CR: CR,
11775
+ CU: CU,
11776
+ CW: CW,
11777
+ CX: CX,
11778
+ CY: CY,
11779
+ CZ: CZ,
11780
+ DE: DE,
11781
+ DJ: DJ,
11782
+ DK: DK,
11783
+ DM: DM,
11784
+ DO: DO,
11785
+ DS: DS,
11786
+ DZ: DZ,
11787
+ EC: EC,
11788
+ EE: EE,
11789
+ EG: EG,
11790
+ EH: EH,
11791
+ ER: ER,
11792
+ ES: ES,
11793
+ ET: ET,
11794
+ FI: FI,
11795
+ FJ: FJ,
11796
+ FK: FK,
11797
+ FM: FM,
11798
+ FO: FO,
11799
+ FR: FR,
11800
+ GA: GA,
11801
+ GB2: GB2,
11802
+ GB: GB,
11803
+ GD: GD,
11804
+ GE: GE,
11805
+ GG: GG,
11806
+ GH: GH,
11807
+ GI: GI,
11808
+ GL: GL,
11809
+ GM: GM,
11810
+ GN: GN,
11811
+ GQ: GQ,
11812
+ GR: GR,
11813
+ GT: GT,
11814
+ GU: GU,
11815
+ GW: GW,
11816
+ GY: GY,
11817
+ HK: HK,
11818
+ HN: HN,
11819
+ HR: HR,
11820
+ HT: HT,
11821
+ HU: HU,
11822
+ ID: ID,
11823
+ IE: IE,
11824
+ IL: IL,
11825
+ IM: IM,
11826
+ IN: IN,
11827
+ IO: IO,
11828
+ IQ: IQ,
11829
+ IR: IR,
11830
+ IS: IS,
11831
+ IT: IT,
11832
+ JE: JE,
11833
+ JM: JM,
11834
+ JO: JO,
11835
+ JP: JP,
11836
+ KE: KE,
11837
+ KG: KG,
11838
+ KH: KH,
11839
+ KI: KI,
11840
+ KM: KM,
11841
+ KN: KN,
11842
+ KP: KP,
11843
+ KR: KR,
11844
+ KW: KW,
11845
+ KY: KY,
11846
+ KZ: KZ,
11847
+ LA: LA,
11848
+ LB: LB,
11849
+ LC: LC,
11850
+ LI: LI,
11851
+ LK: LK,
11852
+ LR: LR,
11853
+ LS: LS,
11854
+ LT: LT,
11855
+ LU: LU,
11856
+ LV: LV,
11857
+ LY: LY,
11858
+ MA: MA,
11859
+ MC: MC,
11860
+ MD: MD,
11861
+ ME: ME,
11862
+ MG: MG,
11863
+ MH: MH,
11864
+ MK: MK,
11865
+ ML: ML,
11866
+ MM: MM,
11867
+ MN: MN,
11868
+ MO: MO,
11869
+ MP: MP,
11870
+ MQ: MQ,
11871
+ MR: MR,
11872
+ MS: MS,
11873
+ MT: MT,
11874
+ MU: MU,
11875
+ MV: MV,
11876
+ MW: MW,
11877
+ MX: MX,
11878
+ MY: MY,
11879
+ MZ: MZ,
11880
+ NA: NA,
11881
+ NE: NE,
11882
+ NF: NF,
11883
+ NG: NG,
11884
+ NI: NI,
11885
+ NL: NL,
11886
+ NO: NO,
11887
+ NP: NP,
11888
+ NR: NR,
11889
+ NU: NU,
11890
+ NZ: NZ,
11891
+ OM: OM,
11892
+ PA: PA,
11893
+ PE: PE,
11894
+ PF: PF,
11895
+ PG: PG,
11896
+ PH: PH,
11897
+ PK: PK,
11898
+ PL: PL,
11899
+ PN: PN,
11900
+ PR: PR,
11901
+ PS: PS,
11902
+ PT: PT,
11903
+ PW: PW,
11904
+ PY: PY,
11905
+ QA: QA,
11906
+ RO: RO,
11907
+ RS: RS,
11908
+ RU: RU,
11909
+ RW: RW,
11910
+ SA: SA,
11911
+ SB: SB,
11912
+ SC: SC,
11913
+ SE: SE,
11914
+ SG: SG,
11915
+ SI: SI,
11916
+ SK: SK,
11917
+ SL: SL,
11918
+ SM: SM,
11919
+ SN: SN,
11920
+ SO: SO,
11921
+ SR: SR,
11922
+ SS: SS,
11923
+ ST: ST,
11924
+ SV: SV,
11925
+ SX: SX,
11926
+ SY: SY,
11927
+ SZ: SZ,
11928
+ TC: TC,
11929
+ TD: TD,
11930
+ TG: TG,
11931
+ TH: TH,
11932
+ TJ: TJ,
11933
+ TK: TK,
11934
+ TL: TL,
11935
+ TM: TM,
11936
+ TN: TN,
11937
+ TO: TO,
11938
+ TR: TR,
11939
+ TT: TT,
11940
+ TV: TV,
11941
+ TW: TW,
11942
+ TZ: TZ,
11943
+ UA: UA,
11944
+ UG: UG,
11945
+ US: US,
11946
+ UY: UY,
11947
+ UZ: UZ,
11948
+ VC: VC,
11949
+ VE: VE,
11950
+ VG: VG,
11951
+ VI: VI,
11952
+ VN: VN,
11953
+ VU: VU,
11954
+ WS: WS,
11955
+ YE: YE,
11956
+ ZA: ZA,
11957
+ ZM: ZM,
11958
+ ZW: ZW,
11959
+ };
11519
11960
 
11520
11961
  const cpslDropdownCss = ":host{display:block;position:relative;font-family:Arial, sans-serif;--input-color:var(--cpsl-color-text-primary);--container-background-color:var(--cpsl-color-input-surface-default);--container-border-color:var(--cpsl-color-input-border-active);--scrollbar-color:var(--cpsl-color-text-subtle);--divider-color:var(--cpsl-color-divider);--input-placeholder-color:var(--cpsl-color-text-secondary);--input-font-size:var(--cpsl-font-size-body-m);--button-hover-color:var(--cpsl-color-tile-button-surface-hover);font-family:var(--cpsl-font-family, inherit)}.input-container{position:relative;width:100%}::slotted(cpsl-dropdown){position:absolute;width:100%;top:100%;left:0;z-index:2}.dropdown-button{display:flex;width:100%;padding:0 4px;background:none;border:none;align-items:center;justify-content:space-between;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--input-color)}.dropdown-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.dropdown-button div{margin-left:8px;display:flex;align-items:center}.dropdown-options{display:none;position:fixed;list-style:none;padding:0;margin-top:4px;border:1px solid var(--container-border-color);border-radius:8px;z-index:999999999999;overflow-y:auto;max-height:300px;box-sizing:border-box;background-color:var(--container-background-color);}.dropdown-options.open{display:block}.dropdown-options li{padding:8px;cursor:pointer;display:flex;align-items:center;border-bottom:1px solid var(--cpsl-color-divider);color:var(--input-color);background:var(--container-background-color);font-size:var(--input-font-size)}.dropdown-options li:hover{background-color:var(--button-hover-color)}.dropdown-options li svg{width:24px;height:24px;margin-right:8px;padding:0 8px;vertical-align:middle;}.dropdown-options::-webkit-scrollbar{width:8px;height:8px;background-color:transparent;}.dropdown-options::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:10px;border:2px solid transparent;background-clip:content-box;height:8px}.dropdown-options::-webkit-scrollbar-track{background:transparent;}.dropdown-value{margin-left:8px;color:var(--cpsl-color-text-secondary)}.dropdown-button .chevron{transition:transform 0.3s ease}.dropdown-button .chevron.closed{transform:rotate(180deg)}.search-bar{padding:0;border-bottom:1px solid var(--cpsl-color-divider);position:sticky;top:0;background:var(--container-background-color);z-index:1;}.search-bar input{width:100%;padding:8px;border:none;box-sizing:border-box;font-size:var(--input-font-size);color:var(--input-color);background-color:var(--container-background-color);border-radius:0;}.search-bar input::placeholder{color:var(--input-placeholder-color)}.search-bar input:focus{outline:none;border-color:transparent;}";
11521
11962
  const CpslDropdownStyle0 = cpslDropdownCss;
@@ -11727,6 +12168,7 @@ const CpslFileUpload = class {
11727
12168
  this.dragError = undefined;
11728
12169
  this.isUploading = undefined;
11729
12170
  this.uploadError = undefined;
12171
+ this.disabled = false;
11730
12172
  this.errorText = undefined;
11731
12173
  this.externalFilename = undefined;
11732
12174
  this.externalSrc = undefined;
@@ -11751,7 +12193,7 @@ const CpslFileUpload = class {
11751
12193
  }
11752
12194
  render() {
11753
12195
  var _a, _b, _c;
11754
- return (index.h(index.Host, { key: '7d86bbac92b88c5e0b4a7c79cde8b2669f3801c2' }, this.label && (index.h("label", { key: 'eb364a27a57b278c5f6a75b793369e07ced1ea2c', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("slot", { key: 'e40411eb484d37dcc9980aaab3a1f69aaf954cc0', name: "label" }), index.h("div", { key: 'd6da41895c97f0b9a1bcac7c6bc8b3c645558204', class: { 'container': true, 'error': Boolean(this.errorText), 'drag': this.dragOver, 'drag-error': this.dragError } }, index.h("div", { key: '6eb03384b7ac287459afc20abee8a616c99981ce', class: { 'label-container': true } }, index.h("slot", { key: '7e4c43bddd220698c73670c8f2da7b600e404686', name: "left-content" })), index.h("div", { key: '66dc0aa70f8eb04e33e5bd9f7bf32bf60ef2188b', class: { 'file-container': true } }, this.FileContent), index.h("input", { key: '850e65539600a22b474304524f83d3b14be5d3dd', id: this.inputId, type: "file", accept: (_b = (_a = this.fileTypes) === null || _a === void 0 ? void 0 : _a.join(', ')) !== null && _b !== void 0 ? _b : '*', files: this.file ? [this.file] : undefined, onDrop: this.handleDrop, onDragEnter: this.handleDragEnter, onDragLeave: this.handleDragLeave, onChange: this.handleInputChange })), (this.errorText || this.helperText) && (index.h("div", { key: '23a46735f7578cf98c4940881032ace297c59584', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '135a2875a88051bccf79fd41c8424c58611fbb6a' }, (_c = this.errorText) !== null && _c !== void 0 ? _c : this.helperText)))));
12196
+ return (index.h(index.Host, { key: '521ca35901a009b303650d7446e1f148930d7fe3' }, this.label && (index.h("label", { key: '94c58691decea8455a254698ec8fd27baba260ca', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("slot", { key: 'cf7e80e4c4a1e48b4f4efddfe4e8eb0f4a31ed4b', name: "label" }), index.h("div", { key: '35f1707b3c8d1f1c939d9312b541f32edfc424d1', class: { 'container': true, 'error': Boolean(this.errorText), 'drag': this.dragOver, 'drag-error': this.dragError } }, index.h("div", { key: '327f71aaaa7d4920a62118ea956c4c128907fae6', class: { 'label-container': true } }, index.h("slot", { key: '0c4891ffb0c9d49e2b5b09c3bdbc8d5b2ed3ff2d', name: "left-content" })), index.h("div", { key: '47dc7cc569d860dc07478c2782c62a0d25b3df07', class: { 'file-container': true } }, this.FileContent), index.h("input", { key: '809568bfed82463cda7851d3717187112cff708b', id: this.inputId, type: "file", accept: (_b = (_a = this.fileTypes) === null || _a === void 0 ? void 0 : _a.join(', ')) !== null && _b !== void 0 ? _b : '*', files: this.file ? [this.file] : undefined, onDrop: this.handleDrop, onDragEnter: this.handleDragEnter, onDragLeave: this.handleDragLeave, onChange: this.handleInputChange, disabled: this.disabled })), (this.errorText || this.helperText) && (index.h("div", { key: '6f06cba54f65d903b3d22e015e694a154b189df7', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '2103ca2366b9a7827c42302cea3fa8d8c71bc50b' }, (_c = this.errorText) !== null && _c !== void 0 ? _c : this.helperText)))));
11755
12197
  }
11756
12198
  get el() { return index.getElement(this); }
11757
12199
  };
@@ -14305,6 +14747,7 @@ const CpslInput = class {
14305
14747
  this.onFocus = (ev) => {
14306
14748
  this.hasFocus = true;
14307
14749
  this.focusedValue = this.value;
14750
+ this.autoselect && ev.target.select();
14308
14751
  this.cpslFocus.emit(ev);
14309
14752
  };
14310
14753
  this.onPaste = (ev) => {
@@ -14337,6 +14780,7 @@ const CpslInput = class {
14337
14780
  this.autocorrect = 'off';
14338
14781
  this.noAutoDisable = undefined;
14339
14782
  this.autofocus = false;
14783
+ this.autoselect = false;
14340
14784
  this.disabled = false;
14341
14785
  this.contrastText = false;
14342
14786
  this.enterkeyhint = undefined;
@@ -14469,7 +14913,7 @@ const CpslInput = class {
14469
14913
  }
14470
14914
  render() {
14471
14915
  var _a, _b;
14472
- return (index.h(index.Host, { key: '85cf7d24670123a46e14bb80b28068df26c44578', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (index.h("label", { key: 'b48d4f298e567403b08c5af068af6b70785ca11a', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '14191aca2fae8fd342b7ffcbc5cbd1090210df69', class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, index.h("slot", { key: '1ec917365d4afb3804aa85bd58e67b7f04f9ca62', name: "start" }), index.h("input", { key: '01f1dee6221bec9b8bf9a9ef634d2740e435a457', class: "native-input", part: "native-input", ref: input => (this.nativeInput = input), id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, defaultValue: (_a = this.value) !== null && _a !== void 0 ? _a : '', onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), index.h("slot", { key: '88241f53adc7288c56489c9e21def4d37e27a69f', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { key: 'd8fda08e1c848739339d53c8125d6ad8780d9903', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '760f05a0d5965cac18b2dd4716c6b3b3e0dbe53f' }, (_b = this.errorText) !== null && _b !== void 0 ? _b : this.helperText)))));
14916
+ return (index.h(index.Host, { key: '8d75dfc67222bd22182fb3cff6889c05cf70751c', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (index.h("label", { key: 'ea73ce1c515c2a88c29cab8d44593564e50a650f', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '46bbee17bf7fad032ebcd4fa597c07f9e620d20b', class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, index.h("slot", { key: '37b906201edd459f4b6ece834738b0b0c4056686', name: "start" }), index.h("input", { key: '1b591e74b5b8c05551957841336544efd619f7b0', class: "native-input", part: "native-input", ref: input => (this.nativeInput = input), id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : '', onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), index.h("slot", { key: 'df9222be5713355a74c1597eea1268163f25c766', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { key: '500fae4fb57eac4d3b022a2e644ae0716d2f488d', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: 'c01852200c748d7a54353199beb07a88abdda2f0' }, (_b = this.errorText) !== null && _b !== void 0 ? _b : this.helperText)))));
14473
14917
  }
14474
14918
  get el() { return index.getElement(this); }
14475
14919
  static get watchers() { return {
@@ -14805,7 +15249,10 @@ const CpslPopover = class {
14805
15249
  if (!this.open && !this.disabled) {
14806
15250
  this.open = true;
14807
15251
  this.cpslOpen.emit();
14808
- this.setPosition();
15252
+ // Using a small timeout here to ensure the popover is open before attempting to do position calculations
15253
+ setTimeout(() => {
15254
+ this.setPosition();
15255
+ }, 20);
14809
15256
  }
14810
15257
  };
14811
15258
  this.close = () => {
@@ -14863,7 +15310,7 @@ const CpslPopover = class {
14863
15310
  }
14864
15311
  render() {
14865
15312
  var _a;
14866
- return (index.h(index.Host, { key: 'dc3d25f0ec214f77dbc997d7b653ea89e23309d6', class: {
15313
+ return (index.h(index.Host, { key: '6128da20f003b95925bf27a6d30dfd402bcc9e82', class: {
14867
15314
  'open': this.open,
14868
15315
  'transform-h-left': this.transformOriginHorizontal === 'left',
14869
15316
  'transform-h-center': this.transformOriginHorizontal === 'center',
@@ -14871,7 +15318,7 @@ const CpslPopover = class {
14871
15318
  'transform-v-top': this.transformOriginVertical === 'top',
14872
15319
  'transform-v-center': this.transformOriginVertical === 'center',
14873
15320
  'transform-v-bottom': this.transformOriginVertical === 'bottom',
14874
- }, style: { 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` } }, index.h("div", { key: '434a4e5fec57a0bec57b3cefb1576867840c94f3', id: "container", class: { container: true, open: this.open } }, index.h("slot", { key: '263e386555d43370cfd0209aa5ec79f3d7105164' }))));
15321
+ }, style: { 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` } }, index.h("div", { key: '8245c2e3184150d41de74d203f548c71578e7c5e', id: "container", class: { container: true, open: this.open } }, index.h("slot", { key: 'b5900e3d8b1f80e604e7c7eb63ec9a345ffe2f31' }))));
14875
15322
  }
14876
15323
  get el() { return index.getElement(this); }
14877
15324
  static get watchers() { return {
@@ -19043,7 +19490,7 @@ const CpslRadio = class {
19043
19490
  };
19044
19491
  CpslRadio.style = CpslRadioStyle0;
19045
19492
 
19046
- 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;--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:var(--cpsl-color-text-primary)}.selected-text.placeholder{color:var(--cpsl-color-text-disabled)}.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;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)}";
19493
+ 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;--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:var(--cpsl-color-text-primary)}.selected-text.placeholder{color:var(--cpsl-color-text-disabled)}.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)}";
19047
19494
  const CpslSelectStyle0 = cpslSelectCss;
19048
19495
 
19049
19496
  const CpslSelect = class {
@@ -19108,7 +19555,9 @@ const CpslSelect = class {
19108
19555
  this.formatValue = undefined;
19109
19556
  this.helperText = undefined;
19110
19557
  this.id = `${this.inputId}-trigger`;
19558
+ this.icon = 'chevronUp';
19111
19559
  this.label = undefined;
19560
+ this.noIconAnimation = undefined;
19112
19561
  this.placeholder = undefined;
19113
19562
  this.required = false;
19114
19563
  this.selectedValue = undefined;
@@ -19139,10 +19588,10 @@ const CpslSelect = class {
19139
19588
  }
19140
19589
  render() {
19141
19590
  var _a, _b, _c, _d, _e;
19142
- return (index.h(index.Host, { key: '2dc90fa79e9d409809b14f056d573494cf3fda0c', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.selectedValue) } }, this.label && (index.h("label", { key: '742a6ea82b6cb72838f8ba9420080cf902dc102f', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: 'bce44a6c298d36ad8dfb2bc06d90f00b85d52cc3', id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onMouseDown: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && index.h("slot", { key: '6b0a3490f9f1cdfd11cca207bedc472894066faf', name: "selected-item" }), index.h("div", { key: '4387220734a9f70e41b9d0ad3ff67896d907941e', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (index.h("cpsl-text", { key: '1a41ec34f42c8c9a91a25bfef65ddf4fa35a96c6', class: { 'selected-text': true, 'placeholder': !this.selectedValue } }, !this.selectedValue ? ((_a = this.placeholder) !== null && _a !== void 0 ? _a : 'Select') : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : this.selectedValue)))), index.h("cpsl-icon", { key: 'eae0113d4bff1f5ad5a548c6d7e4eac10167cc42', class: { 'chevron': true, 'open': this.popoverOpen, 'has-value': Boolean(this.selectedValue) }, icon: "chevronUp" }), index.h("input", { key: 'acbf93a96d645cc02c36cfce772bc77714c0fc7b', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" })), (this.errorText || this.helperText) && (index.h("div", { key: 'eb6e73960b17f99900add78a617668032df69725', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: 'dbc8079533632123078bd8a02b3f67fdd16b56de' }, (_d = this.errorText) !== null && _d !== void 0 ? _d : this.helperText))), index.h("cpsl-popover", { key: 'f7c884e603732982a6f305075b25682713ec78df', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, index.h("div", { key: 'ebbcfd90184f92c2188bbda5e972ce520e275578', part: "dropdown", class: "dropdown" }, this.showSearch && (index.h("div", { key: 'b4f071a28be133ef5a36df133cc463b04ce5f704', class: "search-container" }, index.h("cpsl-input", { key: '0c44f16d6b0c9e37deeec2d2dfdc3169f284ecad', onClick: e => e.stopPropagation(), placeholder: (_e = this.searchPlaceholder) !== null && _e !== void 0 ? _e : 'Search', value: "", onCpslInput: e => {
19591
+ return (index.h(index.Host, { key: '2b9aed2c27bd315180dbe84ea0fada27c841db10', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.selectedValue) } }, this.label && (index.h("label", { key: '1960291b282ec415da6ff925c833dcc284fd6355', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '18a1b68bf0f44075b6561f6877c6d1d1c2a2f0b0', part: "select-container", id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onMouseDown: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && index.h("slot", { key: '5e08be6aebc9dad1b3c9ef289a2ed7567ee3a15e', name: "selected-item" }), index.h("div", { key: '9842c7277c4f7fa7c7d442cce8c33069b2424c40', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (index.h("cpsl-text", { key: 'afe5e9c9948691a2f18112dff1d21ae7e1d5a7cc', class: { 'selected-text': true, 'placeholder': !this.selectedValue } }, !this.selectedValue ? ((_a = this.placeholder) !== null && _a !== void 0 ? _a : 'Select') : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : this.selectedValue)))), index.h("cpsl-icon", { key: '7488f111c9acbe6bdc4be47c075ac502abf6c83a', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': Boolean(this.selectedValue) }, icon: this.icon }), index.h("input", { key: 'c9a5d5ed87b0a5d73e3614308e52444513287726', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" })), (this.errorText || this.helperText) && (index.h("div", { key: '3dbaa76a9d6c29555a2cc8434eaff632deed037e', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '470a69fda9e2f79c94b2a15c4652a937f478f3d6' }, (_d = this.errorText) !== null && _d !== void 0 ? _d : this.helperText))), index.h("cpsl-popover", { key: 'e9b0325be7b95c4dd43607d85602db4e6ecd841f', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, index.h("div", { key: '7e92585b0fd33a8ece0d1f1c056607283f576143', part: "dropdown", class: "dropdown" }, this.showSearch && (index.h("div", { key: 'bbba133e60ea9a402827da9e929696dd0f2d19a4', class: "search-container" }, index.h("cpsl-input", { key: '5fd037f49ce0a29eca6ce150beebe017ca1c0dec', onClick: e => e.stopPropagation(), placeholder: (_e = this.searchPlaceholder) !== null && _e !== void 0 ? _e : 'Search', value: "", onCpslInput: e => {
19143
19592
  e.stopPropagation();
19144
19593
  this.cpslSearchChange.emit(e.detail.value);
19145
- } }))), index.h("div", { key: 'd5772b2190f077e49040be7ee53760e4427f6139', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, index.h("slot", { key: 'cfe37a10328e6d8266df91907ba25ed45a2b01f8', name: "items" }))))));
19594
+ } }))), index.h("div", { key: 'da8349c860028d188e3c17c971a5b8803ac1cc7d', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, index.h("slot", { key: 'b7e7e806d332025b063e47b7060167b0617fecf4', name: "items" }))))));
19146
19595
  }
19147
19596
  get el() { return index.getElement(this); }
19148
19597
  static get watchers() { return {
@@ -19345,7 +19794,7 @@ const CpslSwitch = class {
19345
19794
  };
19346
19795
  CpslSwitch.style = CpslSwitchStyle0;
19347
19796
 
19348
- const cpslTabCss = ":host{--tab-color:var(--cpsl-color-text-secondary);--tab-gap:2px;--tab-icon-height:16px;--tab-icon-width:16px;padding-top:var(--tab-top-padding);padding-bottom:var(--tab-bottom-padding);padding-left:var(--tab-left-padding);padding-right:var(--tab-right-padding);display:flex;flex:1 1 auto;align-items:center;cursor:pointer;z-index:10}:host ::slotted([slot=start]){--icon-color:var(--tab-color);--height:var(--tab-icon-height);--width:var(--tab-icon-width)}:host ::slotted([slot=end]){--icon-color:var(--tab-color);--height:var(--tab-icon-height);--width:var(--tab-icon-width)}:host(.selected){--tab-color:var(--cpsl-color-text-primary)}.tab-container{align-items:center;overflow:hidden;width:100%;text-overflow:ellipsis;text-align:center;white-space:nowrap;font-weight:500;color:var(--tab-color);display:flex;gap:var(--tab-gap)}.content{flex:1 1 auto}";
19797
+ const cpslTabCss = ":host{--tab-color:var(--cpsl-color-text-secondary);--tab-gap:2px;--tab-icon-height:16px;--tab-icon-width:16px;display:flex;flex:1 1 auto;align-items:center;cursor:pointer;z-index:10}:host ::slotted([slot=start]){--icon-color:var(--tab-color);--height:var(--tab-icon-height);--width:var(--tab-icon-width)}:host ::slotted([slot=end]){--icon-color:var(--tab-color);--height:var(--tab-icon-height);--width:var(--tab-icon-width)}:host(.selected){--tab-color:var(--cpsl-color-text-primary)}.tab-container{align-items:center;overflow:hidden;width:100%;text-overflow:ellipsis;text-align:center;white-space:nowrap;font-weight:500;color:var(--tab-color);display:flex;gap:var(--tab-gap);padding-top:var(--tab-top-padding);padding-bottom:var(--tab-bottom-padding);padding-left:var(--tab-left-padding);padding-right:var(--tab-right-padding)}.content{flex:1 1 auto}";
19349
19798
  const CpslTabStyle0 = cpslTabCss;
19350
19799
 
19351
19800
  const CpslTab = class {
@@ -19520,43 +19969,45 @@ const getTab = (tabs, tab) => {
19520
19969
  };
19521
19970
  CpslTabs.style = CpslTabsStyle0;
19522
19971
 
19523
- const cpslTextCss = ":host{font-family:var(--cpsl-font-family, inherit);color:var(--cpsl-color-text-primary);padding:0px;margin:0px;display:block}:host::-moz-selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host::selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host p,h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;font-weight:inherit;font-size:inherit;letter-spacing:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}:host(.primary){color:var(--cpsl-color-text-primary)}:host(.secondary){color:var(--cpsl-color-text-secondary)}:host(.tertiary){color:var(--cpsl-color-text-tertiary)}:host(.subtle){color:var(--cpsl-color-text-subtle)}:host(.inverted){color:var(--cpsl-color-text-inverted)}:host(.error){color:var(--cpsl-color-text-error)}:host(.contrast){color:var(--cpsl-color-text-contrast)}:host(.medium){font-weight:500}:host(.semi-bold){font-weight:600}:host(.bold){font-weight:700}:host(.body-2xs){font-size:var(--cpsl-font-size-body-2xs)}:host(.body-xs){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-m){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-xl){font-size:var(--cpsl-font-size-body-xl)}:host(.heading-xs){font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-s){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-l){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-2xl){font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}";
19972
+ const cpslTextCss = ":host{display:block}: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}: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}:host p.primary,h1.primary,h2.primary,h3.primary,h4.primary,h5.primary,h6.primary{color:var(--cpsl-color-text-primary)}:host p.secondary,h1.secondary,h2.secondary,h3.secondary,h4.secondary,h5.secondary,h6.secondary{color:var(--cpsl-color-text-secondary)}:host p.tertiary,h1.tertiary,h2.tertiary,h3.tertiary,h4.tertiary,h5.tertiary,h6.tertiary{color:var(--cpsl-color-text-tertiary)}:host p.subtle,h1.subtle,h2.subtle,h3.subtle,h4.subtle,h5.subtle,h6.subtle{color:var(--cpsl-color-text-subtle)}:host p.inverted,h1.inverted,h2.inverted,h3.inverted,h4.inverted,h5.inverted,h6.inverted{color:var(--cpsl-color-text-inverted)}:host p.error,h1.error,h2.error,h3.error,h4.error,h5.error,h6.error{color:var(--cpsl-color-text-error)}:host p.contrast,h1.contrast,h2.contrast,h3.contrast,h4.contrast,h5.contrast,h6.contrast{color:var(--cpsl-color-text-contrast)}:host p.medium,h1.medium,h2.medium,h3.medium,h4.medium,h5.medium,h6.medium{font-weight:500}:host p.semi-bold,h1.semi-bold,h2.semi-bold,h3.semi-bold,h4.semi-bold,h5.semi-bold,h6.semi-bold{font-weight:600}:host p.bold,h1.bold,h2.bold,h3.bold,h4.bold,h5.bold,h6.bold{font-weight:700}:host p.body-2xs,h1.body-2xs,h2.body-2xs,h3.body-2xs,h4.body-2xs,h5.body-2xs,h6.body-2xs{font-size:var(--cpsl-font-size-body-2xs)}:host p.body-xs,h1.body-xs,h2.body-xs,h3.body-xs,h4.body-xs,h5.body-xs,h6.body-xs{font-size:var(--cpsl-font-size-body-xs)}:host p.body-s,h1.body-s,h2.body-s,h3.body-s,h4.body-s,h5.body-s,h6.body-s{font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host p.body-m,h1.body-m,h2.body-m,h3.body-m,h4.body-m,h5.body-m,h6.body-m{font-size:var(--cpsl-font-size-body-m);line-height:150%}:host p.body-l,h1.body-l,h2.body-l,h3.body-l,h4.body-l,h5.body-l,h6.body-l{font-size:var(--cpsl-font-size-body-l);line-height:140%}:host p.body-xl,h1.body-xl,h2.body-xl,h3.body-xl,h4.body-xl,h5.body-xl,h6.body-xl{font-size:var(--cpsl-font-size-body-xl)}:host p.heading-xs,h1.heading-xs,h2.heading-xs,h3.heading-xs,h4.heading-xs,h5.heading-xs,h6.heading-xs{font-size:var(--cpsl-font-size-heading-xs)}:host p.heading-s,h1.heading-s,h2.heading-s,h3.heading-s,h4.heading-s,h5.heading-s,h6.heading-s{font-size:var(--cpsl-font-size-heading-s)}:host p.heading-m,h1.heading-m,h2.heading-m,h3.heading-m,h4.heading-m,h5.heading-m,h6.heading-m{font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host p.heading-l,h1.heading-l,h2.heading-l,h3.heading-l,h4.heading-l,h5.heading-l,h6.heading-l{font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host p.heading-xl,h1.heading-xl,h2.heading-xl,h3.heading-xl,h4.heading-xl,h5.heading-xl,h6.heading-xl{font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host p.heading-2xl,h1.heading-2xl,h2.heading-2xl,h3.heading-2xl,h4.heading-2xl,h5.heading-2xl,h6.heading-2xl{font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}";
19524
19973
  const CpslTextStyle0 = cpslTextCss;
19525
19974
 
19975
+ const TEXT_EL_PART = 'text-element';
19526
19976
  const CpslText = class {
19527
19977
  constructor(hostRef) {
19528
19978
  index.registerInstance(this, hostRef);
19979
+ this.getContent = ({ classes, }) => {
19980
+ switch (this.variant) {
19981
+ case 'headingXS': {
19982
+ return (index.h("h6", { class: classes, part: TEXT_EL_PART }, index.h("slot", null)));
19983
+ }
19984
+ case 'headingS': {
19985
+ return (index.h("h5", { class: classes, part: TEXT_EL_PART }, index.h("slot", null)));
19986
+ }
19987
+ case 'headingM': {
19988
+ return (index.h("h4", { class: classes, part: TEXT_EL_PART }, index.h("slot", null)));
19989
+ }
19990
+ case 'headingL': {
19991
+ return (index.h("h3", { class: classes, part: TEXT_EL_PART }, index.h("slot", null)));
19992
+ }
19993
+ case 'headingXL': {
19994
+ return (index.h("h2", { class: classes, part: TEXT_EL_PART }, index.h("slot", null)));
19995
+ }
19996
+ case 'heading2XL': {
19997
+ return (index.h("h1", { class: classes, part: TEXT_EL_PART }, index.h("slot", null)));
19998
+ }
19999
+ default: {
20000
+ return (index.h("p", { class: classes, part: TEXT_EL_PART }, index.h("slot", null)));
20001
+ }
20002
+ }
20003
+ };
19529
20004
  this.color = 'primary';
19530
20005
  this.variant = 'bodyM';
19531
20006
  this.weight = 'regular';
19532
20007
  }
19533
- get Content() {
19534
- switch (this.variant) {
19535
- case 'headingXS': {
19536
- return (index.h("h6", null, index.h("slot", null)));
19537
- }
19538
- case 'headingS': {
19539
- return (index.h("h5", null, index.h("slot", null)));
19540
- }
19541
- case 'headingM': {
19542
- return (index.h("h4", null, index.h("slot", null)));
19543
- }
19544
- case 'headingL': {
19545
- return (index.h("h3", null, index.h("slot", null)));
19546
- }
19547
- case 'headingXL': {
19548
- return (index.h("h2", null, index.h("slot", null)));
19549
- }
19550
- case 'heading2XL': {
19551
- return (index.h("h1", null, index.h("slot", null)));
19552
- }
19553
- default: {
19554
- return (index.h("p", null, index.h("slot", null)));
19555
- }
19556
- }
19557
- }
19558
20008
  render() {
19559
- return (index.h(index.Host, { key: 'e5bbaea870c32c4ed4f77094fb57988d6fa8b2fc', class: {
20009
+ return (index.h(index.Host, { key: '4e5d967b96ae69553f1826a31cd0baf84735cdb0' }, this.getContent({
20010
+ classes: {
19560
20011
  // COLORS
19561
20012
  'primary': this.color === 'primary',
19562
20013
  'secondary': this.color === 'secondary',
@@ -19582,7 +20033,8 @@ const CpslText = class {
19582
20033
  'heading-l': this.variant === 'headingL',
19583
20034
  'heading-xl': this.variant === 'headingXL',
19584
20035
  'heading-2xl': this.variant === 'heading2XL',
19585
- } }, this.Content));
20036
+ },
20037
+ })));
19586
20038
  }
19587
20039
  };
19588
20040
  CpslText.style = CpslTextStyle0;