@hopper-ui/components 2.0.17 → 2.1.1

package/dist/tag/src/Tag.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
-.Heading-module__hop-Heading___51f0I {
+.Heading-module__hop-Heading___YEMPe {
   --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
   --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
   --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,53 +33,53 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___51f0I) {
+:where(.Heading-module__hop-Heading___YEMPe) {
   margin: 0;
   color: var(--hop-neutral-text);
 }
-:where(.Heading-module__hop-Heading___51f0I):not(.Heading-module__hop-Heading--unset___bT8xT) {
+:where(.Heading-module__hop-Heading___YEMPe):not(.Heading-module__hop-Heading--unset___fS7jS) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Heading-module__hop-Heading--xs___-vscm) {
+:where(.Heading-module__hop-Heading--xs___vxM8r) {
   --font-size: var(--hop-Heading-xs-font-size);
   --font-family: var(--hop-Heading-xs-font-family);
   --font-weight: var(--hop-Heading-xs-font-weight);
   --line-height: var(--hop-Heading-xs-line-height);
 }
-:where(.Heading-module__hop-Heading--sm___Cb4ga) {
+:where(.Heading-module__hop-Heading--sm___p72kK) {
   --font-size: var(--hop-Heading-sm-font-size);
   --font-family: var(--hop-Heading-sm-font-family);
   --font-weight: var(--hop-Heading-sm-font-weight);
   --line-height: var(--hop-Heading-sm-line-height);
 }
-:where(.Heading-module__hop-Heading--md___CAHX0) {
+:where(.Heading-module__hop-Heading--md___5Mut4) {
   --font-size: var(--hop-Heading-md-font-size);
   --font-family: var(--hop-Heading-md-font-family);
   --font-weight: var(--hop-Heading-md-font-weight);
   --line-height: var(--hop-Heading-md-line-height);
 }
-:where(.Heading-module__hop-Heading--lg___cT7EH) {
+:where(.Heading-module__hop-Heading--lg___gGDz6) {
   --font-size: var(--hop-Heading-lg-font-size);
   --font-family: var(--hop-Heading-lg-font-family);
   --font-weight: var(--hop-Heading-lg-font-weight);
   --line-height: var(--hop-Heading-lg-line-height);
 }
-:where(.Heading-module__hop-Heading--xl___DLbqo) {
+:where(.Heading-module__hop-Heading--xl___-vDz5) {
   --font-size: var(--hop-Heading-xl-font-size);
   --font-family: var(--hop-Heading-xl-font-family);
   --font-weight: var(--hop-Heading-xl-font-weight);
   --line-height: var(--hop-Heading-xl-line-height);
 }
-:where(.Heading-module__hop-Heading--2xl___AkfJ7) {
+:where(.Heading-module__hop-Heading--2xl___QTAbA) {
   --font-size: var(--hop-Heading-2xl-font-size);
   --font-family: var(--hop-Heading-2xl-font-family);
   --font-weight: var(--hop-Heading-2xl-font-weight);
   --line-height: var(--hop-Heading-2xl-line-height);
 }
-:where(.Heading-module__hop-Heading--3xl___djebX) {
+:where(.Heading-module__hop-Heading--3xl___g-f39) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
-.Form-module__hop-Form___IEooL {
+.Form-module__hop-Form___4OZm6 {
   display: flex;
   flex-direction: column;
   gap: var(--hop-space-stack-lg);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
-.Label-module__hop-Label___MWNXM {
+.Label-module__hop-Label___gjE4y {
   --hop-Label-font-size: var(--hop-heading-xs-font-size);
   --hop-Label-font-family: var(--hop-heading-xs-font-family);
   --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
   --hop-Label-line-height: var(--hop-heading-xs-line-height);
   --hop-Label-color: var(--hop-neutral-text-weak);
 }
-:where(.Label-module__hop-Label___MWNXM) {
+:where(.Label-module__hop-Label___gjE4y) {
   font-family: var(--hop-Label-font-family);
   font-size: var(--hop-Label-font-size);
   font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
-.FieldLabel-module__hop-FieldLabel__wrapper___TnjRI {
+.FieldLabel-module__hop-FieldLabel__wrapper___YvUSb {
   display: flex;
   gap: var(--hop-space-inset-xs);
   align-items: center;
 }
-.FieldLabel-module__hop-FieldLabel__indicator___bn3e7 {
+.FieldLabel-module__hop-FieldLabel__indicator___OBw-s {
   padding-inline-start: var(--hop-space-20);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
-:where(.OverlineText-module__hop-OverlineText___mpygh) {
+:where(.OverlineText-module__hop-OverlineText___IR2QD) {
   --hop-OverlineText-font-family: var(--hop-overline-font-family);
   --hop-OverlineText-font-size: var(--hop-overline-font-size);
   --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -144,26 +144,26 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___qBPj9 {
+.OverlineText-module__hop-OverlineText__text___xs0Al {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___qBPj9::before,
-.OverlineText-module__hop-OverlineText__text___qBPj9::after {
+.OverlineText-module__hop-OverlineText__text___xs0Al::before,
+.OverlineText-module__hop-OverlineText__text___xs0Al::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___qBPj9::before {
+.OverlineText-module__hop-OverlineText__text___xs0Al::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___qBPj9::after {
+.OverlineText-module__hop-OverlineText__text___xs0Al::after {
   margin-block-start: var(--top-offset);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___T0iCU {
+.Text-module__hop-Text___5TyVj {
   --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -193,49 +193,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___T0iCU) {
+:where(.Text-module__hop-Text___5TyVj) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Text-module__hop-Text--xs___q7lda) {
+:where(.Text-module__hop-Text--xs___6BSJd) {
   --font-size: var(--hop-Text-xs-font-size);
   --font-family: var(--hop-Text-xs-font-family);
   --font-weight: var(--hop-Text-xs-font-weight);
   --line-height: var(--hop-Text-xs-line-height);
 }
-:where(.Text-module__hop-Text--sm___JRcKa) {
+:where(.Text-module__hop-Text--sm___ERcbt) {
   --font-size: var(--hop-Text-sm-font-size);
   --font-family: var(--hop-Text-sm-font-family);
   --font-weight: var(--hop-Text-sm-font-weight);
   --line-height: var(--hop-Text-sm-line-height);
 }
-:where(.Text-module__hop-Text--md___9ZZvC) {
+:where(.Text-module__hop-Text--md___EKo4Y) {
   --font-size: var(--hop-Text-md-font-size);
   --font-family: var(--hop-Text-md-font-family);
   --font-weight: var(--hop-Text-md-font-weight);
   --line-height: var(--hop-Text-md-line-height);
 }
-:where(.Text-module__hop-Text--lg___n-ohu) {
+:where(.Text-module__hop-Text--lg___gQQmq) {
   --font-size: var(--hop-Text-lg-font-size);
   --font-family: var(--hop-Text-lg-font-family);
   --font-weight: var(--hop-Text-lg-font-weight);
   --line-height: var(--hop-Text-lg-line-height);
 }
-:where(.Text-module__hop-Text--xl___8J-MX) {
+:where(.Text-module__hop-Text--xl___ZnFez) {
   --font-size: var(--hop-Text-xl-font-size);
   --font-family: var(--hop-Text-xl-font-family);
   --font-weight: var(--hop-Text-xl-font-weight);
   --line-height: var(--hop-Text-xl-line-height);
 }
-:where(.Text-module__hop-Text--2xl___m1-Xf) {
+:where(.Text-module__hop-Text--2xl___NTsh4) {
   --font-size: var(--hop-Text-2xl-font-size);
   --font-family: var(--hop-Text-2xl-font-family);
   --font-weight: var(--hop-Text-2xl-font-weight);
   --line-height: var(--hop-Text-2xl-line-height);
 }
-:where(.Text-module__hop-Text--inherit___ZAZON) {
+:where(.Text-module__hop-Text--inherit___igs6N) {
   --font-size: var(--hop-Text-inherit-size-font-size);
   --font-family: var(--hop-Text-inherit-size-font-family);
   --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -243,7 +243,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
-.Paragraph-module__hop-Paragraph___Gsnz- {
+.Paragraph-module__hop-Paragraph___W8Yf5 {
   --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
   --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
   --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,33 +255,33 @@
   margin-block-end: var(--margin-block-end);
   overflow-wrap: break-word;
 }
-.Paragraph-module__hop-Paragraph___Gsnz-:last-child {
+.Paragraph-module__hop-Paragraph___W8Yf5:last-child {
   --margin-block-end: 0;
 }
-.Paragraph-module__hop-Paragraph--xs___tm8Df {
+.Paragraph-module__hop-Paragraph--xs___cph4Y {
   --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--sm___-5UNK {
+.Paragraph-module__hop-Paragraph--sm___-E5Kq {
   --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--md___A5wsH {
+.Paragraph-module__hop-Paragraph--md___czjwL {
   --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--lg___iqB4x {
+.Paragraph-module__hop-Paragraph--lg___DutBn {
   --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--xl___nzP-c {
+.Paragraph-module__hop-Paragraph--xl___phfjM {
   --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--2xl___u29hb {
+.Paragraph-module__hop-Paragraph--2xl___a8IIW {
   --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--inherit___hR37l {
+.Paragraph-module__hop-Paragraph--inherit___Dq-Td {
   --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___g1RDw {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___k60wK {
   --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
   --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
   --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -313,52 +313,52 @@
   border-radius: var(--hop-RichIconAvatarImage-border-radius);
   outline: none;
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___igl54 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___M1Ihm {
   --size: var(--hop-RichIconAvatarImage-xs-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___O613w {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___mGIiX {
   --size: var(--hop-RichIconAvatarImage-sm-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___kdQ51 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___FplWl {
   --size: var(--hop-RichIconAvatarImage-md-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___6t-bI {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___OKWoU {
   --size: var(--hop-RichIconAvatarImage-lg-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___0s5CE {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fBSsm {
   --size: var(--hop-RichIconAvatarImage-xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___hsqb- {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___MC8he {
   --size: var(--hop-RichIconAvatarImage-2xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___QJoB9 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___-8xRO {
   cursor: pointer;
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___2wjvv {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___izPhD {
   outline: 0.125rem solid var(--hop-primary-border-focus);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___g1RDw[data-disabled] {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___k60wK[data-disabled] {
   --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___PsdBY {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___FF8aW {
   position: relative;
   display: block;
   inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
   block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___g1RDw[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___PsdBY {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___k60wK[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___FF8aW {
   --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
   --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
-.Avatar-module__hop-Avatar___zWoHX {
+.Avatar-module__hop-Avatar___5WW1I {
   --hop-Avatar-border-radius: var(--hop-shape-circle);
   --hop-Avatar-mix-blend-mode: normal;
   --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -404,73 +404,73 @@
   border-radius: var(--hop-Avatar-border-radius);
   outline: none;
 }
-.Avatar-module__hop-Avatar--xs___UJcOb {
+.Avatar-module__hop-Avatar--xs___7zAtO {
   --size: var(--hop-Avatar-xs-size);
 }
-.Avatar-module__hop-Avatar--sm___-btWA {
+.Avatar-module__hop-Avatar--sm___DSt8r {
   --size: var(--hop-Avatar-sm-size);
 }
-.Avatar-module__hop-Avatar--md___K6WZO {
+.Avatar-module__hop-Avatar--md___KWVnx {
   --size: var(--hop-Avatar-md-size);
 }
-.Avatar-module__hop-Avatar--lg___10Wea {
+.Avatar-module__hop-Avatar--lg___fecdz {
   --size: var(--hop-Avatar-lg-size);
 }
-.Avatar-module__hop-Avatar--xl___-dhLH {
+.Avatar-module__hop-Avatar--xl___Uy-zy {
   --size: var(--hop-Avatar-xl-size);
 }
-.Avatar-module__hop-Avatar--2xl___AMrCU {
+.Avatar-module__hop-Avatar--2xl___WHuf0 {
   --size: var(--hop-Avatar-2xl-size);
 }
-.Avatar-module__hop-Avatar--clickable___aF2P- {
+.Avatar-module__hop-Avatar--clickable___yC4Dq {
   cursor: pointer;
 }
-.Avatar-module__hop-Avatar--focus-visible___w111g {
+.Avatar-module__hop-Avatar--focus-visible___7ce99 {
   outline: 0.125rem solid var(--hop-primary-border-focus);
 }
-.Avatar-module__hop-Avatar--decorative-option1___ghY2H {
+.Avatar-module__hop-Avatar--decorative-option1___DPKCe {
   --background-color: var(--hop-Avatar-decorative-1-background-color);
   --text-color: var(--hop-Avatar-decorative-1-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option2___qlY1W {
+.Avatar-module__hop-Avatar--decorative-option2___4Q9G- {
   --background-color: var(--hop-Avatar-decorative-2-background-color);
   --text-color: var(--hop-Avatar-decorative-2-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option3___w9VUD {
+.Avatar-module__hop-Avatar--decorative-option3___iKkKJ {
   --background-color: var(--hop-Avatar-decorative-3-background-color);
   --text-color: var(--hop-Avatar-decorative-3-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option4___vdnfz {
+.Avatar-module__hop-Avatar--decorative-option4___XmQ9R {
   --background-color: var(--hop-Avatar-decorative-4-background-color);
   --text-color: var(--hop-Avatar-decorative-4-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option5___jjDXW {
+.Avatar-module__hop-Avatar--decorative-option5___nSoTu {
   --background-color: var(--hop-Avatar-decorative-5-background-color);
   --text-color: var(--hop-Avatar-decorative-5-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option6___SKXFZ {
+.Avatar-module__hop-Avatar--decorative-option6___gmQXI {
   --background-color: var(--hop-Avatar-decorative-6-background-color);
   --text-color: var(--hop-Avatar-decorative-6-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option7___B0u7n {
+.Avatar-module__hop-Avatar--decorative-option7___UnIdZ {
   --background-color: var(--hop-Avatar-decorative-7-background-color);
   --text-color: var(--hop-Avatar-decorative-7-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option8___uGEYL {
+.Avatar-module__hop-Avatar--decorative-option8___c0-lz {
   --background-color: var(--hop-Avatar-decorative-8-background-color);
   --text-color: var(--hop-Avatar-decorative-8-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option9___Qu4ZH {
+.Avatar-module__hop-Avatar--decorative-option9___Q3PxS {
   --background-color: var(--hop-Avatar-decorative-9-background-color);
   --text-color: var(--hop-Avatar-decorative-9-text-color);
 }
-.Avatar-module__hop-Avatar___zWoHX[data-disabled] {
+.Avatar-module__hop-Avatar___5WW1I[data-disabled] {
   --background-color: var(--hop-Avatar-background-color-disabled);
   --text-color: var(--hop-Avatar-text-color-disabled);
   --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
   isolation: isolate;
 }
-.Avatar-module__hop-Avatar__image___Fydgd {
+.Avatar-module__hop-Avatar__image___aKIvh {
   position: relative;
   display: block;
   box-sizing: border-box;
@@ -479,62 +479,58 @@
   object-fit: cover;
   mix-blend-mode: var(--mix-blend-mode);
 }
-.Avatar-module__hop-Avatar__initials___20GY2 {
+.Avatar-module__hop-Avatar__initials___3pZt3 {
   white-space: nowrap;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
-.Tooltip-module__hop-Tooltip___hr9wg {
+.Tooltip-module__hop-Tooltip___HE75y {
   --hop-Tooltip-max-inline-size: 20rem;
   --hop-Tooltip-slide-amount: 0.25rem;
-  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
-  --hop-Tooltip-border-radius: var(--hop-shape-rounded-md);
-  --hop-Tooltip-box-shadow: var(--hop-elevation-raised);
   --hop-Tooltip-font-family: var(--hop-body-xs-font-family);
   --hop-Tooltip-font-size: var(--hop-body-xs-font-size);
   --hop-Tooltip-font-weight: var(--hop-body-xs-font-weight);
   --hop-Tooltip-line-height: var(--hop-body-xs-line-height);
   --hop-Tooltip-font-smoothing: antialiased;
-  --hop-Tooltip-color: var(--hop-neutral-text-strong);
-  --hop-Tooltip-padding: var(--hop-space-inset-squish-md);
   --origin-x: 0;
   --origin-y: 0;
   max-inline-size: min(var(--hop-Tooltip-max-inline-size), calc(100% - 4rem));
-  padding: var(--hop-Tooltip-padding);
+  padding: var(--hop-space-inset-sm) var(--hop-space-inset-md);
   font-family: var(--hop-Tooltip-font-family);
   font-size: var(--hop-Tooltip-font-size);
   font-weight: var(--hop-Tooltip-font-weight);
   -webkit-font-smoothing: var(--hop-Tooltip-font-smoothing);
   line-height: var(--hop-Tooltip-line-height);
-  color: var(--hop-Tooltip-color);
-  background: var(--hop-Tooltip-background);
-  border-radius: var(--hop-Tooltip-border-radius);
-  box-shadow: var(--hop-Tooltip-box-shadow);
+  color: var(--hop-comp-tooltip-color);
+  backdrop-filter: var(--hop-comp-tooltip-backdrop-filter);
+  background: var(--hop-comp-tooltip-background);
+  border-radius: var(--hop-comp-tooltip-border-radius);
+  box-shadow: var(--hop-comp-tooltip-box-shadow);
   overflow-wrap: anywhere;
 }
-.Tooltip-module__hop-Tooltip--top___-tzw2 {
+.Tooltip-module__hop-Tooltip--top___2UYV5 {
   --origin-x: 0;
   --origin-y: var(--hop-Tooltip-slide-amount);
 }
-.Tooltip-module__hop-Tooltip--right___8Aafk {
+.Tooltip-module__hop-Tooltip--right___-cb0- {
   --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
   --origin-y: 0;
 }
-.Tooltip-module__hop-Tooltip--bottom___3aMUZ {
+.Tooltip-module__hop-Tooltip--bottom___wxzoS {
   --origin-x: 0;
   --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
 }
-.Tooltip-module__hop-Tooltip--left___tsmnC {
+.Tooltip-module__hop-Tooltip--left___r-1wf {
   --origin-x: var(--hop-Tooltip-slide-amount);
   --origin-y: 0;
 }
-.Tooltip-module__hop-Tooltip___hr9wg[data-entering] {
-  animation: Tooltip-module__slide___Z571C 0.2s ease-out;
+.Tooltip-module__hop-Tooltip___HE75y[data-entering] {
+  animation: Tooltip-module__slide___rdtp4 0.2s ease-out;
 }
-.Tooltip-module__hop-Tooltip___hr9wg[data-exiting] {
-  animation: Tooltip-module__slide___Z571C 0.2s ease-in reverse;
+.Tooltip-module__hop-Tooltip___HE75y[data-exiting] {
+  animation: Tooltip-module__slide___rdtp4 0.2s ease-in reverse;
 }
-@keyframes Tooltip-module__slide___Z571C {
+@keyframes Tooltip-module__slide___rdtp4 {
   from {
     transform: translate(var(--origin-x), var(--origin-y));
     opacity: 0;
@@ -546,44 +542,44 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
-.AvatarGroup-module__hop-AvatarGroup___SA-2c {
+.AvatarGroup-module__hop-AvatarGroup___kIV0y {
   --hop-AvatarGroup-display: flex;
   --hop-AvatarGroup-align-items: center;
   display: var(--hop-AvatarGroup-display);
   align-items: var(--hop-AvatarGroup-align-items);
 }
-.AvatarGroup-module__hop-AvatarGroup--wrap___uKSyN {
+.AvatarGroup-module__hop-AvatarGroup--wrap___EfRVk {
   flex-wrap: wrap;
 }
-.AvatarGroup-module__hop-AvatarGroup--xs___zj6Uo {
+.AvatarGroup-module__hop-AvatarGroup--xs___Eww0r {
   --gap: -0.125rem;
 }
-.AvatarGroup-module__hop-AvatarGroup--sm___dD6xp {
+.AvatarGroup-module__hop-AvatarGroup--sm___IOcdP {
   --gap: -0.25rem;
 }
-.AvatarGroup-module__hop-AvatarGroup--md___-0vIQ {
+.AvatarGroup-module__hop-AvatarGroup--md___L61rW {
   --gap: -0.5rem;
 }
-.AvatarGroup-module__hop-AvatarGroup--lg___D8yxh {
+.AvatarGroup-module__hop-AvatarGroup--lg___gbgk6 {
   --gap: -1rem;
 }
-.AvatarGroup-module__hop-AvatarGroup--xl___IK8Md {
+.AvatarGroup-module__hop-AvatarGroup--xl___7y73p {
   --gap: -1rem;
 }
-.AvatarGroup-module__hop-AvatarGroup--2xl___nY99B {
+.AvatarGroup-module__hop-AvatarGroup--2xl___gBYCA {
   --gap: -2rem;
 }
-.AvatarGroup-module__hop-AvatarGroup__avatar___-fkU4 {
+.AvatarGroup-module__hop-AvatarGroup__avatar___Xs5-l {
   margin-inline-start: var(--gap);
   transition: margin var(--hop-easing-duration-2);
 }
-.AvatarGroup-module__hop-AvatarGroup__avatar___-fkU4:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___-fkU4 {
+.AvatarGroup-module__hop-AvatarGroup__avatar___Xs5-l:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___Xs5-l {
   margin-inline-start: 0;
 }
-.AvatarGroup-module__hop-AvatarGroup__avatar___-fkU4:first-child {
+.AvatarGroup-module__hop-AvatarGroup__avatar___Xs5-l:first-child {
   margin-inline-start: 0;
 }
-.AvatarGroup-module__hop-AvatarGroup__label___0sxhc {
+.AvatarGroup-module__hop-AvatarGroup__label___Gw9ov {
   --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
   --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
   --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -595,7 +591,7 @@
   font-weight: var(--hop-AvatarGroup-label-font-weight);
   line-height: var(--hop-AvatarGroup-label-line-height);
 }
-.AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Y9HJV {
+.AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___9Ya-P {
   --hop-AvatarGroup__hiddenAvatar-display: flex;
   --hop-AvatarGroup__hiddenAvatar-align-items: center;
   --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -613,131 +609,91 @@
   line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
   color: var(--hop-AvatarGroup__hiddenAvatar-color);
 }
-.AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Y9HJV:not(:last-child) {
+.AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___9Ya-P:not(:last-child) {
   margin-block-end: 0.25rem;
 }
-.AvatarGroup-module__hop-AvatarGroup--start___ka024 {
+.AvatarGroup-module__hop-AvatarGroup--start___XTBQH {
   justify-content: flex-start;
 }
-.AvatarGroup-module__hop-AvatarGroup--end___wHxNy {
+.AvatarGroup-module__hop-AvatarGroup--end___Gr4Ku {
   justify-content: flex-end;
 }
-.AvatarGroup-module__hop-AvatarGroup--center___hQxXH {
+.AvatarGroup-module__hop-AvatarGroup--center___goQjt {
   justify-content: center;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
-.Badge-module__hop-Badge___rRqHp {
-  --hop-Badge-height: 1.5rem;
-  --hop-Badge-width: max-content;
-  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
-  --hop-Badge-border-radius: var(--hop-shape-pill);
-  --hop-Badge-indeterminate-border-radius: var(--hop-shape-circle);
-  --hop-Badge-indeterminate-height: 1rem;
-  --hop-Badge-indeterminate-width: 1rem;
-  --hop-Badge-indeterminate-padding-inline: 0;
-  --hop-Badge-primary-text-color: var(--hop-primary-text-strong);
-  --hop-Badge-primary-background-color: var(--hop-primary-surface-strong);
-  --hop-Badge-primary-text-color-hovered: var(--hop-primary-text-strong-hover);
-  --hop-Badge-primary-background-color-hovered: var(--hop-primary-surface-strong-hover);
-  --hop-Badge-primary-text-color-pressed: var(--hop-primary-text-strong);
-  --hop-Badge-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
-  --hop-Badge-primary-text-color-selected: var(--hop-neutral-text-selected);
-  --hop-Badge-primary-background-color-selected: var(--hop-neutral-surface-selected);
-  --hop-Badge-secondary-text-color: var(--hop-neutral-text-strong);
-  --hop-Badge-secondary-background-color: var(--hop-neutral-surface-strong);
-  --hop-Badge-secondary-text-color-hovered: var(--hop-neutral-text-strong);
-  --hop-Badge-secondary-background-color-hovered: var(--hop-neutral-surface-strong);
-  --hop-Badge-secondary-text-color-pressed: var(--hop-neutral-text-strong);
-  --hop-Badge-secondary-background-color-pressed: var(--hop-neutral-surface-strong);
-  --hop-Badge-secondary-text-color-selected: var(--hop-neutral-text-selected);
-  --hop-Badge-secondary-background-color-selected: var(--hop-neutral-surface-selected);
-  --hop-Badge-subdued-text-color: var(--hop-neutral-text-weak);
-  --hop-Badge-subdued-background-color: var(--hop-neutral-surface-weak);
-  --hop-Badge-subdued-text-color-hovered: var(--hop-neutral-text-weak-hover);
-  --hop-Badge-subdued-background-color-hovered: var(--hop-neutral-surface-weak-hover);
-  --hop-Badge-subdued-text-color-pressed: var(--hop-neutral-text-weak-press);
-  --hop-Badge-subdued-background-color-pressed: var(--hop-neutral-surface-weak-press);
-  --hop-Badge-subdued-text-color-selected: var(--hop-neutral-text-weak-selected);
-  --hop-Badge-subdued-background-color-selected: var(--hop-neutral-surface-weak-selected);
-  --hop-Badge-text-color-disabled: var(--hop-neutral-text-disabled);
-  --hop-Badge-background-color-disabled: var(--hop-neutral-surface-disabled);
-  --height: var(--hop-Badge-height);
-  --width: var(--hop-Badge-width);
-  --padding-inline: var(--hop-Badge-padding-inline);
-  --border-radius: var(--hop-Badge-border-radius);
+.Badge-module__hop-Badge___KoOk5 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
-  inline-size: var(--width);
-  block-size: var(--height);
-  padding-inline: var(--padding-inline);
-  color: var(--text-color, var(--hop-Badge-primary-text-color));
-  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
-  border-radius: var(--border-radius);
+  inline-size: max-content;
+  block-size: 1.5rem;
+  padding-inline: var(--hop-space-inset-sm);
+  border-radius: var(--hop-shape-pill);
 }
-.Badge-module__hop-Badge--primary___vZvyc {
-  --background-color: var(--hop-Badge-primary-background-color);
-  --text-color: var(--hop-Badge-primary-text-color);
+.Badge-module__hop-Badge--primary___l-YjE {
+  background: var(--hop-comp-badge-primary-background);
+  color: var(--hop-comp-badge-primary-text-color);
 }
-.Badge-module__hop-Badge--primary___vZvyc[data-hovered] {
-  --background-color: var(--hop-Badge-primary-background-color-hovered);
-  --text-color: var(--hop-Badge-primary-text-color-hovered);
+.Badge-module__hop-Badge--primary___l-YjE[data-hovered] {
+  background: var(--hop-comp-badge-primary-background-hover);
+  color: var(--hop-comp-badge-primary-text-color-hover);
 }
-.Badge-module__hop-Badge--primary___vZvyc[data-pressed] {
-  --background-color: var(--hop-Badge-primary-background-color-pressed);
-  --text-color: var(--hop-Badge-primary-text-color-pressed);
+.Badge-module__hop-Badge--primary___l-YjE[data-pressed] {
+  background: var(--hop-comp-badge-primary-background-press);
+  color: var(--hop-comp-badge-primary-text-color-press);
 }
-.Badge-module__hop-Badge--primary___vZvyc[data-selected] {
-  --background-color: var(--hop-Badge-primary-background-color-selected);
-  --text-color: var(--hop-Badge-primary-text-color-selected);
+.Badge-module__hop-Badge--primary___l-YjE[data-selected] {
+  background: var(--hop-comp-badge-primary-background-selected);
+  color: var(--hop-comp-badge-primary-text-color-selected);
 }
-.Badge-module__hop-Badge--secondary___6tf9- {
-  --background-color: var(--hop-Badge-secondary-background-color);
-  --text-color: var(--hop-Badge-secondary-text-color);
+.Badge-module__hop-Badge--secondary___Yk7oG {
+  background: var(--hop-comp-badge-secondary-background);
+  color: var(--hop-comp-badge-secondary-text-color);
 }
-.Badge-module__hop-Badge--secondary___6tf9-[data-hovered] {
-  --background-color: var(--hop-Badge-secondary-background-color-hovered);
-  --text-color: var(--hop-Badge-secondary-text-color-hovered);
+.Badge-module__hop-Badge--secondary___Yk7oG[data-hovered] {
+  background: var(--hop-comp-badge-secondary-background-hover);
+  color: var(--hop-comp-badge-secondary-text-color-hover);
 }
-.Badge-module__hop-Badge--secondary___6tf9-[data-pressed] {
-  --background-color: var(--hop-Badge-secondary-background-color-pressed);
-  --text-color: var(--hop-Badge-secondary-text-color-pressed);
+.Badge-module__hop-Badge--secondary___Yk7oG[data-pressed] {
+  background: var(--hop-comp-badge-secondary-background-press);
+  color: var(--hop-comp-badge-secondary-text-color-press);
 }
-.Badge-module__hop-Badge--secondary___6tf9-[data-selected] {
-  --background-color: var(--hop-Badge-secondary-background-color-selected);
-  --text-color: var(--hop-Badge-secondary-text-color-selected);
+.Badge-module__hop-Badge--secondary___Yk7oG[data-selected] {
+  background: var(--hop-comp-badge-secondary-background-selected);
+  color: var(--hop-comp-badge-secondary-text-color-selected);
 }
-.Badge-module__hop-Badge--subdued___AsRaR {
-  --background-color: var(--hop-Badge-subdued-background-color);
-  --text-color: var(--hop-Badge-subdued-text-color);
+.Badge-module__hop-Badge--subdued___VqzhR {
+  background: var(--hop-comp-badge-subdued-background);
+  color: var(--hop-comp-badge-subdued-text-color);
 }
-.Badge-module__hop-Badge--subdued___AsRaR[data-hovered] {
-  --background-color: var(--hop-Badge-subdued-background-color-hovered);
-  --text-color: var(--hop-Badge-subdued-text-color-hovered);
+.Badge-module__hop-Badge--subdued___VqzhR[data-hovered] {
+  background: var(--hop-comp-badge-subdued-background-hover);
+  color: var(--hop-comp-badge-subdued-text-color-hover);
 }
-.Badge-module__hop-Badge--subdued___AsRaR[data-pressed] {
-  --background-color: var(--hop-Badge-subdued-background-color-pressed);
-  --text-color: var(--hop-Badge-subdued-text-color-pressed);
+.Badge-module__hop-Badge--subdued___VqzhR[data-pressed] {
+  background: var(--hop-comp-badge-subdued-background-press);
+  color: var(--hop-comp-badge-subdued-text-color-press);
 }
-.Badge-module__hop-Badge--subdued___AsRaR[data-selected] {
-  --background-color: var(--hop-Badge-subdued-background-color-selected);
-  --text-color: var(--hop-Badge-subdued-text-color-selected);
+.Badge-module__hop-Badge--subdued___VqzhR[data-selected] {
+  background: var(--hop-comp-badge-subdued-background-selected);
+  color: var(--hop-comp-badge-subdued-text-color-selected);
 }
-.Badge-module__hop-Badge___rRqHp[data-indeterminate] {
-  --border-radius: var(--hop-Badge-indeterminate-border-radius);
-  --height: var(--hop-Badge-indeterminate-height);
-  --width: var(--hop-Badge-indeterminate-width);
-  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
+.Badge-module__hop-Badge___KoOk5[data-indeterminate] {
+  border-radius: var(--hop-shape-circle);
+  block-size: 1rem;
+  inline-size: 1rem;
+  padding-inline: 0;
 }
-.Badge-module__hop-Badge___rRqHp[data-disabled] {
-  --background-color: var(--hop-Badge-background-color-disabled);
-  --text-color: var(--hop-Badge-text-color-disabled);
+.Badge-module__hop-Badge___KoOk5[data-disabled] {
+  background: var(--hop-comp-badge-disabled-background);
+  color: var(--hop-comp-badge-disabled-text-color);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
-.FloatingBadge-module__hop-FloatingBadge___P8UHR {
+.FloatingBadge-module__hop-FloatingBadge___dKsKp {
   --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
   --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
   --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -778,7 +734,7 @@
   box-sizing: border-box;
   inline-size: max-content;
 }
-.FloatingBadge-module__hop-FloatingBadge___P8UHR[data-placement="top right"] {
+.FloatingBadge-module__hop-FloatingBadge___dKsKp[data-placement="top right"] {
   --badge-top: var(--hop-FloatingBadge-badge-topright-top);
   --badge-right: var(--hop-FloatingBadge-badge-topright-right);
   --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -786,11 +742,11 @@
   --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
   --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
 }
-.FloatingBadge-module__hop-FloatingBadge___P8UHR[data-placement="top right"][data-overlap=circular] {
+.FloatingBadge-module__hop-FloatingBadge___dKsKp[data-placement="top right"][data-overlap=circular] {
   --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
   --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
 }
-.FloatingBadge-module__hop-FloatingBadge___P8UHR[data-placement="top left"] {
+.FloatingBadge-module__hop-FloatingBadge___dKsKp[data-placement="top left"] {
   --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
   --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
   --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -798,11 +754,11 @@
   --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
   --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
 }
-.FloatingBadge-module__hop-FloatingBadge___P8UHR[data-placement="top left"][data-overlap=circular] {
+.FloatingBadge-module__hop-FloatingBadge___dKsKp[data-placement="top left"][data-overlap=circular] {
   --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
   --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
 }
-.FloatingBadge-module__hop-FloatingBadge___P8UHR[data-placement="bottom right"] {
+.FloatingBadge-module__hop-FloatingBadge___dKsKp[data-placement="bottom right"] {
   --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
   --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
   --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -810,11 +766,11 @@
   --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
   --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
 }
-.FloatingBadge-module__hop-FloatingBadge___P8UHR[data-placement="bottom right"][data-overlap=circular] {
+.FloatingBadge-module__hop-FloatingBadge___dKsKp[data-placement="bottom right"][data-overlap=circular] {
   --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
   --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
 }
-.FloatingBadge-module__hop-FloatingBadge___P8UHR[data-placement="bottom left"] {
+.FloatingBadge-module__hop-FloatingBadge___dKsKp[data-placement="bottom left"] {
   --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
   --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
   --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -822,11 +778,11 @@
   --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
   --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
 }
-.FloatingBadge-module__hop-FloatingBadge___P8UHR[data-placement="bottom left"][data-overlap=circular] {
+.FloatingBadge-module__hop-FloatingBadge___dKsKp[data-placement="bottom left"][data-overlap=circular] {
   --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
   --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
 }
-.FloatingBadge-module__hop-FloatingBadge__badge___tktiF {
+.FloatingBadge-module__hop-FloatingBadge__badge___NLmAV {
   position: absolute;
   inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
   transform-origin: var(--badge-transform-origin);
@@ -834,7 +790,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
-.IconList-module__hop-IconList___9aD-j {
+.IconList-module__hop-IconList___queqz {
   --hop-IconList-gap: var(--hop-space-inline-xs);
   display: flex;
   flex-wrap: wrap;
@@ -843,7 +799,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
-@keyframes Spinner-module__spin___uMKQj {
+@keyframes Spinner-module__spin___zbt9t {
   0% {
     transform: rotate(0deg);
   }
@@ -851,7 +807,7 @@
     transform: rotate(360deg);
   }
 }
-.Spinner-module__hop-Spinner___0D5Eh {
+.Spinner-module__hop-Spinner___FSBPj {
   --hop-Spinner-border-radius: var(--hop-shape-circle);
   --hop-Spinner-sm-wheel-size: 1rem;
   --hop-Spinner-md-wheel-size: 1.25rem;
@@ -859,7 +815,7 @@
   --hop-Spinner-track-width: 0.125rem;
   --hop-Spinner-track-opacity: 0.2;
   --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
-  --hop-Spinner-fill-animation: Spinner-module__spin___uMKQj .8s infinite linear;
+  --hop-Spinner-fill-animation: Spinner-module__spin___zbt9t .8s infinite linear;
   --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
   --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
   --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -870,19 +826,19 @@
   align-items: center;
   box-sizing: border-box;
 }
-.Spinner-module__hop-Spinner--sm___2w7yX {
+.Spinner-module__hop-Spinner--sm___cqfL5 {
   --width: var(--hop-Spinner-sm-wheel-size);
   --height: var(--hop-Spinner-sm-wheel-size);
 }
-.Spinner-module__hop-Spinner--md___CaV-l {
+.Spinner-module__hop-Spinner--md___EUvcY {
   --width: var(--hop-Spinner-md-wheel-size);
   --height: var(--hop-Spinner-md-wheel-size);
 }
-.Spinner-module__hop-Spinner--lg___whxIf {
+.Spinner-module__hop-Spinner--lg___y-5t8 {
   --width: var(--hop-Spinner-lg-wheel-size);
   --height: var(--hop-Spinner-lg-wheel-size);
 }
-.Spinner-module__hop-Spinner__track___MG0NB {
+.Spinner-module__hop-Spinner__track___WDHKV {
   grid-area: spinner;
   box-sizing: border-box;
   inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -891,7 +847,7 @@
   border: var(--hop-Spinner-track-border);
   border-radius: var(--hop-Spinner-border-radius);
 }
-.Spinner-module__hop-Spinner__fill___CG-Ny {
+.Spinner-module__hop-Spinner__fill___L4-C4 {
   grid-area: spinner;
   box-sizing: border-box;
   inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -902,18 +858,18 @@
   animation: var(--hop-Spinner-fill-animation);
 }
 @media (prefers-reduced-motion: reduce) {
-  .Spinner-module__hop-Spinner__fill___CG-Ny {
+  .Spinner-module__hop-Spinner__fill___L4-C4 {
     animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
   }
 }
-.Spinner-module__hop-Spinner__label___RzaQv {
+.Spinner-module__hop-Spinner__label___PRZh6 {
   grid-area: label;
   margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
-.Button-module__hop-Button___HoyYR {
-  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
+.Button-module__hop-Button___fanAk {
+  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
   --hop-Button-column-gap: var(--hop-space-inline-xs);
   --hop-Button-icon-only-column-gap: 0;
   --hop-Button-outline-size: var(--hop-space-20);
@@ -928,42 +884,23 @@
   --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
   --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
   --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
-  --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
-  --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
   --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
-  --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
-  --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
-  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
   --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
-  --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
-  --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
-  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
   --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
-  --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
-  --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
-  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
   --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
-  --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
-  --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
-  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
   --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
-  --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
-  --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
-  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
   --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
-  --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
-  --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
-  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
   --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
-  --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
-  --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
-  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
   --inline-size: max-content;
   --block-size: var(--hop-Button-md-height);
-  --background-color: var(--hop-primary-surface-strong);
+  --background: var(--hop-primary-surface-strong);
   --color: var(--hop-primary-text-strong);
+  --icon-color: var(--color);
   --column-gap: var(--hop-Button-column-gap);
   --spinner: var(--hop-primary-icon-strong);
+  --background-loading: var(--background);
+  --border-color-loading: transparent;
+  --box-shadow-loading: none;
   --border: 0;
   --padding: var(--hop-Button-md-padding);
   --box-shadow: none;
@@ -981,7 +918,7 @@
   color: var(--color);
   text-decoration: none;
   white-space: nowrap;
-  background-color: var(--background-color);
+  background: var(--background);
   border: var(--border);
   border-radius: var(--hop-comp-button-border-radius);
   outline: none;
@@ -992,220 +929,255 @@
     background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
     border var(--hop-easing-duration-2) var(--hop-easing-productive);
 }
-.Button-module__hop-Button--fluid___03Inx {
+.Button-module__hop-Button--fluid___v75qi {
   --inline-size: 100%;
 }
-.Button-module__hop-Button--xs___wswk1 {
+.Button-module__hop-Button--xs___uNXVT {
   --block-size: var(--hop-Button-xs-height);
   --padding: var(--hop-Button-xs-padding);
 }
-.Button-module__hop-Button--xs___wswk1[class*=--ghost] {
+.Button-module__hop-Button--xs___uNXVT[class*=--ghost] {
   --padding: var(--hop-Button-ghost-xs-padding);
 }
-.Button-module__hop-Button--sm___XtUpX {
+.Button-module__hop-Button--sm___6EGIq {
   --block-size: var(--hop-Button-sm-height);
   --padding: var(--hop-Button-sm-padding);
 }
-.Button-module__hop-Button--sm___XtUpX[class*=--ghost] {
+.Button-module__hop-Button--sm___6EGIq[class*=--ghost] {
   --padding: var(--hop-Button-ghost-sm-padding);
 }
-.Button-module__hop-Button--md___0r9kO[class*=--ghost] {
+.Button-module__hop-Button--md___W-HQJ[class*=--ghost] {
   --padding: var(--hop-Button-ghost-md-padding);
 }
-.Button-module__hop-Button--icon-only___1gkCT {
+.Button-module__hop-Button--icon-only___oe-hw {
   --column-gap: var(--hop-Button-icon-only-column-gap);
   --padding: var(--hop-Button-icon-only-padding);
   aspect-ratio: 1;
 }
-.Button-module__hop-Button--primary___y7dMa {
-  --background-color: var(--hop-comp-button-primary-background-color);
+.Button-module__hop-Button--primary___epFxE {
+  --background: var(--hop-comp-button-primary-background);
   --color: var(--hop-comp-button-primary-text-color);
+  --icon-color: var(--hop-comp-button-primary-icon-color);
   --border: var(--hop-Button-primary-border);
-  --spinner-color: var(--hop-Button-primary-spinner-color);
+  --color-loading: var(--hop-comp-button-primary-color-loading);
+  --background-loading: var(--hop-comp-button-primary-background-loading);
+  --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-primary-box-shadow);
 }
-.Button-module__hop-Button--primary___y7dMa[data-hovered],
-.Button-module__hop-Button--primary___y7dMa[data-focus-visible] {
-  --background-color: var(--hop-comp-button-primary-background-color-hover);
+.Button-module__hop-Button--primary___epFxE[data-hovered],
+.Button-module__hop-Button--primary___epFxE[data-focus-visible] {
+  --background: var(--hop-comp-button-primary-background-hover);
   --color: var(--hop-comp-button-primary-text-color-hover);
-  --border: var(--hop-Button-primary-border-hover);
+  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
+  --border: var(--hop-Button-primary-border);
 }
-.Button-module__hop-Button--primary___y7dMa[data-pressed] {
-  --background-color: var(--hop-comp-button-primary-background-color-pressed);
+.Button-module__hop-Button--primary___epFxE[data-pressed] {
+  --background: var(--hop-comp-button-primary-background-pressed);
   --color: var(--hop-comp-button-primary-text-color-pressed);
-  --border: var(--hop-Button-primary-border-pressed);
+  --icon-color: var(--hop-comp-button-primary-icon-color-press);
+  --border: var(--hop-Button-primary-border);
 }
-.Button-module__hop-Button--secondary___UKGLd {
-  --background-color: var(--hop-comp-button-secondary-background-color);
+.Button-module__hop-Button--secondary___RxTbR {
+  --background: var(--hop-comp-button-secondary-background);
   --color: var(--hop-comp-button-secondary-text-color);
+  --icon-color: var(--hop-comp-button-secondary-icon-color);
   --border: var(--hop-Button-secondary-border);
-  --spinner-color: var(--hop-Button-secondary-spinner-color);
+  --color-loading: var(--hop-comp-button-secondary-color-loading);
+  --background-loading: var(--hop-comp-button-secondary-background-loading);
+  --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-secondary-box-shadow);
 }
-.Button-module__hop-Button--secondary___UKGLd[data-hovered],
-.Button-module__hop-Button--secondary___UKGLd[data-focus-visible] {
-  --background-color: var(--hop-comp-button-secondary-background-color-hover);
+.Button-module__hop-Button--secondary___RxTbR[data-hovered],
+.Button-module__hop-Button--secondary___RxTbR[data-focus-visible] {
+  --background: var(--hop-comp-button-secondary-background-hover);
   --color: var(--hop-comp-button-secondary-text-color-hover);
-  --border: var(--hop-Button-secondary-border-hover);
+  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
+  --border: var(--hop-Button-secondary-border);
 }
-.Button-module__hop-Button--secondary___UKGLd[data-pressed] {
-  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
+.Button-module__hop-Button--secondary___RxTbR[data-pressed] {
+  --background: var(--hop-comp-button-secondary-background-pressed);
   --color: var(--hop-comp-button-secondary-text-color-pressed);
-  --border: var(--hop-Button-secondary-border-pressed);
+  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
+  --border: var(--hop-Button-secondary-border);
 }
-.Button-module__hop-Button--upsell___bdwUF {
-  --background-color: var(--hop-comp-button-upsell-background-color);
+.Button-module__hop-Button--upsell___eVHAf {
+  --background: var(--hop-comp-button-upsell-background);
   --color: var(--hop-comp-button-upsell-text-color);
+  --icon-color: var(--hop-comp-button-upsell-icon-color);
   --border: var(--hop-Button-upsell-border);
-  --spinner-color: var(--hop-Button-upsell-spinner-color);
+  --color-loading: var(--hop-comp-button-upsell-color-loading);
+  --background-loading: var(--hop-comp-button-upsell-background-loading);
+  --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-upsell-box-shadow);
 }
-.Button-module__hop-Button--upsell___bdwUF[data-hovered],
-.Button-module__hop-Button--upsell___bdwUF[data-focus-visible] {
-  --background-color: var(--hop-comp-button-upsell-background-color-hover);
+.Button-module__hop-Button--upsell___eVHAf[data-hovered],
+.Button-module__hop-Button--upsell___eVHAf[data-focus-visible] {
+  --background: var(--hop-comp-button-upsell-background-hover);
   --color: var(--hop-comp-button-upsell-text-color-hover);
-  --border: var(--hop-Button-upsell-border-hover);
+  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
+  --border: var(--hop-Button-upsell-border);
 }
-.Button-module__hop-Button--upsell___bdwUF[data-pressed] {
-  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
+.Button-module__hop-Button--upsell___eVHAf[data-pressed] {
+  --background: var(--hop-comp-button-upsell-background-pressed);
   --color: var(--hop-comp-button-upsell-text-color-pressed);
-  --border: var(--hop-Button-upsell-border-pressed);
+  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
+  --border: var(--hop-Button-upsell-border);
 }
-.Button-module__hop-Button--danger___f5awN {
-  --background-color: var(--hop-comp-button-danger-background-color);
+.Button-module__hop-Button--danger___ovyNs {
+  --background: var(--hop-comp-button-danger-background);
   --color: var(--hop-comp-button-danger-text-color);
+  --icon-color: var(--hop-comp-button-danger-icon-color);
   --border: var(--hop-Button-danger-border);
-  --spinner-color: var(--hop-Button-danger-spinner-color);
+  --color-loading: var(--hop-comp-button-danger-color-loading);
+  --background-loading: var(--hop-comp-button-danger-background-loading);
+  --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-danger-box-shadow);
 }
-.Button-module__hop-Button--danger___f5awN[data-hovered],
-.Button-module__hop-Button--danger___f5awN[data-focus-visible] {
-  --background-color: var(--hop-comp-button-danger-background-color-hover);
+.Button-module__hop-Button--danger___ovyNs[data-hovered],
+.Button-module__hop-Button--danger___ovyNs[data-focus-visible] {
+  --background: var(--hop-comp-button-danger-background-hover);
   --color: var(--hop-comp-button-danger-text-color-hover);
-  --border: var(--hop-Button-danger-border-hover);
+  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
+  --border: var(--hop-Button-danger-border);
 }
-.Button-module__hop-Button--danger___f5awN[data-pressed] {
-  --background-color: var(--hop-comp-button-danger-background-color-pressed);
+.Button-module__hop-Button--danger___ovyNs[data-pressed] {
+  --background: var(--hop-comp-button-danger-background-pressed);
   --color: var(--hop-comp-button-danger-text-color-pressed);
-  --border: var(--hop-Button-danger-border-pressed);
+  --icon-color: var(--hop-comp-button-danger-icon-color-press);
+  --border: var(--hop-Button-danger-border);
 }
-.Button-module__hop-Button--ghost-primary___ush5X {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color);
+.Button-module__hop-Button--ghost-primary___swzHP {
+  --background: var(--hop-comp-button-ghost-primary-background);
   --color: var(--hop-comp-button-ghost-primary-text-color);
+  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
   --border: var(--hop-Button-ghost-primary-border);
-  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
+  --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
+  --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
+  --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
 }
-.Button-module__hop-Button--ghost-primary___ush5X[data-hovered],
-.Button-module__hop-Button--ghost-primary___ush5X[data-focus-visible] {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
+.Button-module__hop-Button--ghost-primary___swzHP[data-hovered],
+.Button-module__hop-Button--ghost-primary___swzHP[data-focus-visible] {
+  --background: var(--hop-comp-button-ghost-primary-background-hover);
   --color: var(--hop-comp-button-ghost-primary-text-color-hover);
-  --border: var(--hop-Button-ghost-primary-border-hover);
+  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
+  --border: var(--hop-Button-ghost-primary-border);
 }
-.Button-module__hop-Button--ghost-primary___ush5X[data-pressed] {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
+.Button-module__hop-Button--ghost-primary___swzHP[data-pressed] {
+  --background: var(--hop-comp-button-ghost-primary-background-pressed);
   --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
-  --border: var(--hop-Button-ghost-primary-border-pressed);
+  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
+  --border: var(--hop-Button-ghost-primary-border);
 }
-.Button-module__hop-Button--ghost-secondary___62Cr1 {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
+.Button-module__hop-Button--ghost-secondary___9lB92 {
+  --background: var(--hop-comp-button-ghost-secondary-background);
   --color: var(--hop-comp-button-ghost-secondary-text-color);
+  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
   --border: var(--hop-Button-ghost-secondary-border);
-  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
+  --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
+  --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
+  --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
 }
-.Button-module__hop-Button--ghost-secondary___62Cr1[data-hovered],
-.Button-module__hop-Button--ghost-secondary___62Cr1[data-focus-visible] {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
+.Button-module__hop-Button--ghost-secondary___9lB92[data-hovered],
+.Button-module__hop-Button--ghost-secondary___9lB92[data-focus-visible] {
+  --background: var(--hop-comp-button-ghost-secondary-background-hover);
   --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
-  --border: var(--hop-Button-ghost-secondary-border-hover);
+  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
+  --border: var(--hop-Button-ghost-secondary-border);
 }
-.Button-module__hop-Button--ghost-secondary___62Cr1[data-pressed] {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
+.Button-module__hop-Button--ghost-secondary___9lB92[data-pressed] {
+  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
   --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
-  --border: var(--hop-Button-ghost-secondary-border-pressed);
+  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
+  --border: var(--hop-Button-ghost-secondary-border);
 }
-.Button-module__hop-Button--ghost-danger___3O7jl {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color);
+.Button-module__hop-Button--ghost-danger___HrFIC {
+  --background: var(--hop-comp-button-ghost-danger-background);
   --color: var(--hop-comp-button-ghost-danger-text-color);
+  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
   --border: var(--hop-Button-ghost-danger-border);
-  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
+  --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
+  --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
+  --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
 }
-.Button-module__hop-Button--ghost-danger___3O7jl[data-hovered],
-.Button-module__hop-Button--ghost-danger___3O7jl[data-focus-visible] {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
+.Button-module__hop-Button--ghost-danger___HrFIC[data-hovered],
+.Button-module__hop-Button--ghost-danger___HrFIC[data-focus-visible] {
+  --background: var(--hop-comp-button-ghost-danger-background-hover);
   --color: var(--hop-comp-button-ghost-danger-text-color-hover);
-  --border: var(--hop-Button-ghost-danger-border-hover);
+  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
+  --border: var(--hop-Button-ghost-danger-border);
 }
-.Button-module__hop-Button--ghost-danger___3O7jl[data-pressed] {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
+.Button-module__hop-Button--ghost-danger___HrFIC[data-pressed] {
+  --background: var(--hop-comp-button-ghost-danger-background-pressed);
   --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
-  --border: var(--hop-Button-ghost-danger-border-pressed);
+  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
+  --border: var(--hop-Button-ghost-danger-border);
 }
-.Button-module__hop-Button___HoyYR[data-focus-visible] {
+.Button-module__hop-Button___fanAk[data-focus-visible] {
   outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
 }
-.Button-module__hop-Button___HoyYR[data-disabled],
-.Button-module__hop-Button--loading___IdSFm {
+.Button-module__hop-Button___fanAk[data-disabled],
+.Button-module__hop-Button--loading___w4OoR {
   cursor: not-allowed;
 }
-.Button-module__hop-Button___HoyYR[data-disabled] {
-  --background-color: var(--hop-comp-button-disabled-background-color);
-  --color: var(--hop-comp-button-disabled-text-color);
-  --border: var(--hop-Button-border-disabled);
+.Button-module__hop-Button___fanAk[data-disabled] {
+  --color: var(--hop-comp-button-text-color-disabled);
+  --icon-color: var(--hop-comp-button-icon-color-disabled);
 }
-.Button-module__hop-Button___HoyYR[class*=--ghost][data-disabled] {
-  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
-  --color: var(--hop-comp-button-ghost-disabled-text-color);
-  --border: var(--hop-Button-ghost-border-disabled);
+.Button-module__hop-Button--primary___epFxE[data-disabled] {
+  --background: var(--hop-comp-button-primary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--primary___y7dMa {
-  --background-color: var(--hop-comp-button-primary-background-color);
-  --color: var(--hop-comp-button-primary-text-color);
-  --border: var(--hop-Button-primary-border);
+.Button-module__hop-Button--secondary___RxTbR[data-disabled] {
+  --background: var(--hop-comp-button-secondary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--secondary___UKGLd {
-  --background-color: var(--hop-comp-button-secondary-background-color);
-  --color: var(--hop-comp-button-secondary-text-color);
-  --border: var(--hop-Button-secondary-border);
+.Button-module__hop-Button--upsell___eVHAf[data-disabled] {
+  --background: var(--hop-comp-button-upsell-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--upsell___bdwUF {
-  --background-color: var(--hop-comp-button-upsell-background-color);
-  --color: var(--hop-comp-button-upsell-text-color);
-  --border: var(--hop-Button-upsell-border);
+.Button-module__hop-Button--danger___ovyNs[data-disabled] {
+  --background: var(--hop-comp-button-danger-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--danger___f5awN {
-  --background-color: var(--hop-comp-button-danger-background-color);
-  --color: var(--hop-comp-button-danger-text-color);
-  --border: var(--hop-Button-danger-border);
+.Button-module__hop-Button--ghost-primary___swzHP[data-disabled] {
+  --background: var(--hop-comp-button-ghost-primary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-primary___ush5X {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color);
-  --color: var(--hop-comp-button-ghost-primary-text-color);
-  --border: var(--hop-Button-ghost-primary-border);
+.Button-module__hop-Button--ghost-secondary___9lB92[data-disabled] {
+  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-secondary___62Cr1 {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
-  --color: var(--hop-comp-button-ghost-secondary-text-color);
-  --border: var(--hop-Button-ghost-secondary-border);
+.Button-module__hop-Button--ghost-danger___HrFIC[data-disabled] {
+  --background: var(--hop-comp-button-ghost-danger-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-danger___3O7jl {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color);
-  --color: var(--hop-comp-button-ghost-danger-text-color);
-  --border: var(--hop-Button-ghost-danger-border);
+.Button-module__hop-Button--loading___w4OoR {
+  background: var(--background-loading);
+  color: var(--color-loading);
+  border-color: var(--border-color-loading);
+  box-shadow: var(--box-shadow-loading);
 }
-.Button-module__hop-Button__Spinner___5AdOy {
+.Button-module__hop-Button__Spinner___N675E {
   position: absolute;
-  color: var(--spinner-color);
 }
-.Button-module__hop-Button__icon___d5IZl,
-.Button-module__hop-Button__icon-list___YOo9F {
+.Button-module__hop-Button__icon___uKG4c,
+.Button-module__hop-Button__icon-list___vSy3B {
   flex: 0 0 auto;
   justify-self: end;
   order: 1;
+  color: var(--icon-color);
 }
-.Button-module__hop-Button__text___1XHXr {
+.Button-module__hop-Button__text___L2wfO {
   user-select: none;
   overflow: visible;
   flex: 0 1 auto;
@@ -1214,60 +1186,61 @@
   text-decoration: none;
   text-wrap: nowrap;
 }
-.Button-module__hop-Button__end-icon___-wk-2,
-.Button-module__hop-Button__end-icon-list___IkfOC {
+.Button-module__hop-Button__end-icon___QPj02,
+.Button-module__hop-Button__end-icon-list___q6ivn {
   flex: 0 0 auto;
   order: 3;
+  color: var(--icon-color);
 }
-.Button-module__hop-Button___HoyYR .Button-module__hop-Button__icon-list___YOo9F,
-.Button-module__hop-Button___HoyYR .Button-module__hop-Button__end-icon-list___IkfOC {
+.Button-module__hop-Button___fanAk .Button-module__hop-Button__icon-list___vSy3B,
+.Button-module__hop-Button___fanAk .Button-module__hop-Button__end-icon-list___q6ivn {
   flex-wrap: nowrap;
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button___HoyYR > *:not(.Button-module__hop-Button__Spinner___5AdOy) {
+.Button-module__hop-Button--loading___w4OoR.Button-module__hop-Button___fanAk > *:not(.Button-module__hop-Button__Spinner___N675E) {
   opacity: 0;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
-.ButtonGroup-module__hop-ButtonGroup___-uyOP {
+.ButtonGroup-module__hop-ButtonGroup___spkyh {
   display: inline-flex;
   flex-wrap: nowrap;
   gap: var(--hop-space-inline-md);
 }
-.ButtonGroup-module__hop-ButtonGroup--horizontal___8rrIn {
+.ButtonGroup-module__hop-ButtonGroup--horizontal___WQ1ge {
   align-items: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--vertical___51g1- {
+.ButtonGroup-module__hop-ButtonGroup--vertical___fsUHm {
   flex-direction: column;
   gap: var(--hop-space-stack-md);
   justify-content: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--start___YXjh6.ButtonGroup-module__hop-ButtonGroup--vertical___51g1- {
+.ButtonGroup-module__hop-ButtonGroup--start___BZXxV.ButtonGroup-module__hop-ButtonGroup--vertical___fsUHm {
   align-items: flex-start;
 }
-.ButtonGroup-module__hop-ButtonGroup--center___FDQx6.ButtonGroup-module__hop-ButtonGroup--vertical___51g1- {
+.ButtonGroup-module__hop-ButtonGroup--center___hZH0f.ButtonGroup-module__hop-ButtonGroup--vertical___fsUHm {
   align-items: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--end___8dVTP.ButtonGroup-module__hop-ButtonGroup--vertical___51g1- {
+.ButtonGroup-module__hop-ButtonGroup--end___mJTdB.ButtonGroup-module__hop-ButtonGroup--vertical___fsUHm {
   align-items: flex-end;
 }
-.ButtonGroup-module__hop-ButtonGroup--start___YXjh6.ButtonGroup-module__hop-ButtonGroup--horizontal___8rrIn {
+.ButtonGroup-module__hop-ButtonGroup--start___BZXxV.ButtonGroup-module__hop-ButtonGroup--horizontal___WQ1ge {
   justify-content: flex-start;
 }
-.ButtonGroup-module__hop-ButtonGroup--center___FDQx6.ButtonGroup-module__hop-ButtonGroup--horizontal___8rrIn {
+.ButtonGroup-module__hop-ButtonGroup--center___hZH0f.ButtonGroup-module__hop-ButtonGroup--horizontal___WQ1ge {
   justify-content: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--end___8dVTP.ButtonGroup-module__hop-ButtonGroup--horizontal___8rrIn {
+.ButtonGroup-module__hop-ButtonGroup--end___mJTdB.ButtonGroup-module__hop-ButtonGroup--horizontal___WQ1ge {
   justify-content: flex-end;
 }
-.ButtonGroup-module__hop-ButtonGroup--wrap___GlXOh {
+.ButtonGroup-module__hop-ButtonGroup--wrap___rdGdI {
   flex-wrap: wrap;
 }
-.ButtonGroup-module__hop-ButtonGroup--fluid___2mgXn {
+.ButtonGroup-module__hop-ButtonGroup--fluid___MfEaZ {
   inline-size: 100%;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
-.EmbeddedButton-module__hop-EmbeddedButton___OilJ4 {
+.EmbeddedButton-module__hop-EmbeddedButton___HxTtd {
   --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
   --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
   --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1431,7 +1404,7 @@
   outline: none;
   transition: color var(--transition);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___OilJ4::before {
+.EmbeddedButton-module__hop-EmbeddedButton___HxTtd::before {
   content: "";
   position: absolute;
   inset-block-start: 50%;
@@ -1444,284 +1417,284 @@
   border-radius: var(--effect-border-radius);
   transition: background-color var(--transition);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___OilJ4[data-square] {
+.EmbeddedButton-module__hop-EmbeddedButton___HxTtd[data-square] {
   --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--md___B5EkB {
+.EmbeddedButton-module__hop-EmbeddedButton--md___eWj0K {
   --inline-size: var(--hop-EmbeddedButton-md-width);
   --block-size: var(--hop-EmbeddedButton-md-height);
   --focus-ring-offset: calc(-1 * var(--focus-ring-size));
 }
-.EmbeddedButton-module__hop-EmbeddedButton--lg___OFjPW {
+.EmbeddedButton-module__hop-EmbeddedButton--lg___jDYez {
   --inline-size: var(--hop-EmbeddedButton-lg-width);
   --block-size: var(--hop-EmbeddedButton-lg-height);
   --focus-ring-offset: 0;
 }
-.EmbeddedButton-module__hop-EmbeddedButton--md___B5EkB::before {
+.EmbeddedButton-module__hop-EmbeddedButton--md___eWj0K::before {
   --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
   --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--lg___OFjPW::before {
+.EmbeddedButton-module__hop-EmbeddedButton--lg___jDYez::before {
   --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
   --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--neutral___4FlQj {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___abBFX {
   --color: var(--hop-EmbeddedButton-neutral-color);
   --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--subdued___bIEGQ {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___jVxkZ {
   --color: var(--hop-EmbeddedButton-subdued-color);
   --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--progress___sfd9Z {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___AnNxZ {
   --color: var(--hop-EmbeddedButton-progress-color);
   --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--positive___JSkuI {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___iIPpS {
   --color: var(--hop-EmbeddedButton-positive-color);
   --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--caution___3fkg0 {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___iU3-Q {
   --color: var(--hop-EmbeddedButton-caution-color);
   --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--negative___cD6E6 {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___EFWLt {
   --color: var(--hop-EmbeddedButton-negative-color);
   --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option1___IivZS {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___M4O8H {
   --color: var(--hop-EmbeddedButton-option1-color);
   --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option2___gXwYf {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___DoBVm {
   --color: var(--hop-EmbeddedButton-option2-color);
   --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option3___PYu4q {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___mNnUK {
   --color: var(--hop-EmbeddedButton-option3-color);
   --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option4___rrnk4 {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___I2CJg {
   --color: var(--hop-EmbeddedButton-option4-color);
   --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option5___P5Q7f {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___MwFK3 {
   --color: var(--hop-EmbeddedButton-option5-color);
   --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option6___rYmrt {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___vCYi4 {
   --color: var(--hop-EmbeddedButton-option6-color);
   --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___OilJ4[data-selected] {
+.EmbeddedButton-module__hop-EmbeddedButton___HxTtd[data-selected] {
   --color: var(--hop-EmbeddedButton-selected-color);
   --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___OilJ4[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton___HxTtd[data-focus-visible] {
   outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
   outline-offset: var(--focus-ring-offset);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___OilJ4[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton___HxTtd[data-disabled] {
   cursor: not-allowed;
 }
-.EmbeddedButton-module__hop-EmbeddedButton--neutral___4FlQj[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___abBFX[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-neutral-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--neutral___4FlQj[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___abBFX[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-neutral-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--neutral___4FlQj[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___abBFX[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-neutral-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--neutral___4FlQj[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___abBFX[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-neutral-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--subdued___bIEGQ[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___jVxkZ[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-subdued-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--subdued___bIEGQ[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___jVxkZ[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-subdued-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--subdued___bIEGQ[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___jVxkZ[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-subdued-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--subdued___bIEGQ[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___jVxkZ[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-subdued-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--progress___sfd9Z[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___AnNxZ[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-progress-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--progress___sfd9Z[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___AnNxZ[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-progress-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--progress___sfd9Z[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___AnNxZ[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-progress-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--progress___sfd9Z[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___AnNxZ[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-progress-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--positive___JSkuI[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___iIPpS[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-positive-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--positive___JSkuI[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___iIPpS[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-positive-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--positive___JSkuI[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___iIPpS[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-positive-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--positive___JSkuI[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___iIPpS[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-positive-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--caution___3fkg0[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___iU3-Q[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-caution-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--caution___3fkg0[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___iU3-Q[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-caution-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--caution___3fkg0[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___iU3-Q[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-caution-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--caution___3fkg0[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___iU3-Q[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-caution-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--negative___cD6E6[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___EFWLt[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-negative-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--negative___cD6E6[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___EFWLt[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-negative-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--negative___cD6E6[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___EFWLt[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-negative-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--negative___cD6E6[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___EFWLt[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-negative-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option1___IivZS[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___M4O8H[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-option1-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option1___IivZS[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___M4O8H[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-option1-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option1___IivZS[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___M4O8H[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-option1-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option1___IivZS[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___M4O8H[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-option1-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option2___gXwYf[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___DoBVm[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-option2-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option2___gXwYf[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___DoBVm[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-option2-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option2___gXwYf[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___DoBVm[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-option2-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option2___gXwYf[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___DoBVm[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-option2-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option3___PYu4q[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___mNnUK[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-option3-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option3___PYu4q[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___mNnUK[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-option3-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option3___PYu4q[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___mNnUK[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-option3-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option3___PYu4q[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___mNnUK[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-option3-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option4___rrnk4[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___I2CJg[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-option4-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option4___rrnk4[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___I2CJg[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-option4-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option4___rrnk4[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___I2CJg[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-option4-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option4___rrnk4[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___I2CJg[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-option4-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option5___P5Q7f[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___MwFK3[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-option5-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option5___P5Q7f[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___MwFK3[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-option5-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option5___P5Q7f[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___MwFK3[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-option5-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option5___P5Q7f[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___MwFK3[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-option5-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option6___rYmrt[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___vCYi4[data-hovered] {
   --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
   --color: var(--hop-EmbeddedButton-option6-color-hovered);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option6___rYmrt[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___vCYi4[data-focus-visible] {
   --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
   --color: var(--hop-EmbeddedButton-option6-color-focused);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option6___rYmrt[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___vCYi4[data-pressed] {
   --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
   --color: var(--hop-EmbeddedButton-option6-color-pressed);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option6___rYmrt[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___vCYi4[data-disabled] {
   --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
   --color: var(--hop-EmbeddedButton-option6-color-disabled);
 }
-.EmbeddedButton-module__hop-EmbeddedButton__icon___wPmUf {
+.EmbeddedButton-module__hop-EmbeddedButton__icon___iKFqx {
   position: relative;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
-button.CloseButton-module__hop-CloseButton___fjCfH {
+button.CloseButton-module__hop-CloseButton___NUT6N {
   --hop-CloseButton-margin-top: 0rem;
   --hop-CloseButton-padding: 0rem;
   --hop-CloseButton-width: fit-content;
@@ -1735,8 +1708,8 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
-.Button-module__hop-Button___HoyYR {
-  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
+.Button-module__hop-Button___fanAk {
+  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
   --hop-Button-column-gap: var(--hop-space-inline-xs);
   --hop-Button-icon-only-column-gap: 0;
   --hop-Button-outline-size: var(--hop-space-20);
@@ -1751,42 +1724,23 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
   --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
   --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
   --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
-  --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
-  --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
   --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
-  --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
-  --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
-  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
   --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
-  --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
-  --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
-  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
   --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
-  --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
-  --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
-  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
   --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
-  --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
-  --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
-  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
   --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
-  --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
-  --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
-  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
   --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
-  --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
-  --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
-  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
   --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
-  --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
-  --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
-  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
   --inline-size: max-content;
   --block-size: var(--hop-Button-md-height);
-  --background-color: var(--hop-primary-surface-strong);
+  --background: var(--hop-primary-surface-strong);
   --color: var(--hop-primary-text-strong);
+  --icon-color: var(--color);
   --column-gap: var(--hop-Button-column-gap);
   --spinner: var(--hop-primary-icon-strong);
+  --background-loading: var(--background);
+  --border-color-loading: transparent;
+  --box-shadow-loading: none;
   --border: 0;
   --padding: var(--hop-Button-md-padding);
   --box-shadow: none;
@@ -1804,7 +1758,7 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
   color: var(--color);
   text-decoration: none;
   white-space: nowrap;
-  background-color: var(--background-color);
+  background: var(--background);
   border: var(--border);
   border-radius: var(--hop-comp-button-border-radius);
   outline: none;
@@ -1815,220 +1769,255 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
     background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
     border var(--hop-easing-duration-2) var(--hop-easing-productive);
 }
-.Button-module__hop-Button--fluid___03Inx {
+.Button-module__hop-Button--fluid___v75qi {
   --inline-size: 100%;
 }
-.Button-module__hop-Button--xs___wswk1 {
+.Button-module__hop-Button--xs___uNXVT {
   --block-size: var(--hop-Button-xs-height);
   --padding: var(--hop-Button-xs-padding);
 }
-.Button-module__hop-Button--xs___wswk1[class*=--ghost] {
+.Button-module__hop-Button--xs___uNXVT[class*=--ghost] {
   --padding: var(--hop-Button-ghost-xs-padding);
 }
-.Button-module__hop-Button--sm___XtUpX {
+.Button-module__hop-Button--sm___6EGIq {
   --block-size: var(--hop-Button-sm-height);
   --padding: var(--hop-Button-sm-padding);
 }
-.Button-module__hop-Button--sm___XtUpX[class*=--ghost] {
+.Button-module__hop-Button--sm___6EGIq[class*=--ghost] {
   --padding: var(--hop-Button-ghost-sm-padding);
 }
-.Button-module__hop-Button--md___0r9kO[class*=--ghost] {
+.Button-module__hop-Button--md___W-HQJ[class*=--ghost] {
   --padding: var(--hop-Button-ghost-md-padding);
 }
-.Button-module__hop-Button--icon-only___1gkCT {
+.Button-module__hop-Button--icon-only___oe-hw {
   --column-gap: var(--hop-Button-icon-only-column-gap);
   --padding: var(--hop-Button-icon-only-padding);
   aspect-ratio: 1;
 }
-.Button-module__hop-Button--primary___y7dMa {
-  --background-color: var(--hop-comp-button-primary-background-color);
+.Button-module__hop-Button--primary___epFxE {
+  --background: var(--hop-comp-button-primary-background);
   --color: var(--hop-comp-button-primary-text-color);
+  --icon-color: var(--hop-comp-button-primary-icon-color);
   --border: var(--hop-Button-primary-border);
-  --spinner-color: var(--hop-Button-primary-spinner-color);
+  --color-loading: var(--hop-comp-button-primary-color-loading);
+  --background-loading: var(--hop-comp-button-primary-background-loading);
+  --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-primary-box-shadow);
 }
-.Button-module__hop-Button--primary___y7dMa[data-hovered],
-.Button-module__hop-Button--primary___y7dMa[data-focus-visible] {
-  --background-color: var(--hop-comp-button-primary-background-color-hover);
+.Button-module__hop-Button--primary___epFxE[data-hovered],
+.Button-module__hop-Button--primary___epFxE[data-focus-visible] {
+  --background: var(--hop-comp-button-primary-background-hover);
   --color: var(--hop-comp-button-primary-text-color-hover);
-  --border: var(--hop-Button-primary-border-hover);
+  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
+  --border: var(--hop-Button-primary-border);
 }
-.Button-module__hop-Button--primary___y7dMa[data-pressed] {
-  --background-color: var(--hop-comp-button-primary-background-color-pressed);
+.Button-module__hop-Button--primary___epFxE[data-pressed] {
+  --background: var(--hop-comp-button-primary-background-pressed);
   --color: var(--hop-comp-button-primary-text-color-pressed);
-  --border: var(--hop-Button-primary-border-pressed);
+  --icon-color: var(--hop-comp-button-primary-icon-color-press);
+  --border: var(--hop-Button-primary-border);
 }
-.Button-module__hop-Button--secondary___UKGLd {
-  --background-color: var(--hop-comp-button-secondary-background-color);
+.Button-module__hop-Button--secondary___RxTbR {
+  --background: var(--hop-comp-button-secondary-background);
   --color: var(--hop-comp-button-secondary-text-color);
+  --icon-color: var(--hop-comp-button-secondary-icon-color);
   --border: var(--hop-Button-secondary-border);
-  --spinner-color: var(--hop-Button-secondary-spinner-color);
+  --color-loading: var(--hop-comp-button-secondary-color-loading);
+  --background-loading: var(--hop-comp-button-secondary-background-loading);
+  --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-secondary-box-shadow);
 }
-.Button-module__hop-Button--secondary___UKGLd[data-hovered],
-.Button-module__hop-Button--secondary___UKGLd[data-focus-visible] {
-  --background-color: var(--hop-comp-button-secondary-background-color-hover);
+.Button-module__hop-Button--secondary___RxTbR[data-hovered],
+.Button-module__hop-Button--secondary___RxTbR[data-focus-visible] {
+  --background: var(--hop-comp-button-secondary-background-hover);
   --color: var(--hop-comp-button-secondary-text-color-hover);
-  --border: var(--hop-Button-secondary-border-hover);
+  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
+  --border: var(--hop-Button-secondary-border);
 }
-.Button-module__hop-Button--secondary___UKGLd[data-pressed] {
-  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
+.Button-module__hop-Button--secondary___RxTbR[data-pressed] {
+  --background: var(--hop-comp-button-secondary-background-pressed);
   --color: var(--hop-comp-button-secondary-text-color-pressed);
-  --border: var(--hop-Button-secondary-border-pressed);
+  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
+  --border: var(--hop-Button-secondary-border);
 }
-.Button-module__hop-Button--upsell___bdwUF {
-  --background-color: var(--hop-comp-button-upsell-background-color);
+.Button-module__hop-Button--upsell___eVHAf {
+  --background: var(--hop-comp-button-upsell-background);
   --color: var(--hop-comp-button-upsell-text-color);
+  --icon-color: var(--hop-comp-button-upsell-icon-color);
   --border: var(--hop-Button-upsell-border);
-  --spinner-color: var(--hop-Button-upsell-spinner-color);
+  --color-loading: var(--hop-comp-button-upsell-color-loading);
+  --background-loading: var(--hop-comp-button-upsell-background-loading);
+  --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-upsell-box-shadow);
 }
-.Button-module__hop-Button--upsell___bdwUF[data-hovered],
-.Button-module__hop-Button--upsell___bdwUF[data-focus-visible] {
-  --background-color: var(--hop-comp-button-upsell-background-color-hover);
+.Button-module__hop-Button--upsell___eVHAf[data-hovered],
+.Button-module__hop-Button--upsell___eVHAf[data-focus-visible] {
+  --background: var(--hop-comp-button-upsell-background-hover);
   --color: var(--hop-comp-button-upsell-text-color-hover);
-  --border: var(--hop-Button-upsell-border-hover);
+  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
+  --border: var(--hop-Button-upsell-border);
 }
-.Button-module__hop-Button--upsell___bdwUF[data-pressed] {
-  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
+.Button-module__hop-Button--upsell___eVHAf[data-pressed] {
+  --background: var(--hop-comp-button-upsell-background-pressed);
   --color: var(--hop-comp-button-upsell-text-color-pressed);
-  --border: var(--hop-Button-upsell-border-pressed);
+  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
+  --border: var(--hop-Button-upsell-border);
 }
-.Button-module__hop-Button--danger___f5awN {
-  --background-color: var(--hop-comp-button-danger-background-color);
+.Button-module__hop-Button--danger___ovyNs {
+  --background: var(--hop-comp-button-danger-background);
   --color: var(--hop-comp-button-danger-text-color);
+  --icon-color: var(--hop-comp-button-danger-icon-color);
   --border: var(--hop-Button-danger-border);
-  --spinner-color: var(--hop-Button-danger-spinner-color);
+  --color-loading: var(--hop-comp-button-danger-color-loading);
+  --background-loading: var(--hop-comp-button-danger-background-loading);
+  --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-danger-box-shadow);
 }
-.Button-module__hop-Button--danger___f5awN[data-hovered],
-.Button-module__hop-Button--danger___f5awN[data-focus-visible] {
-  --background-color: var(--hop-comp-button-danger-background-color-hover);
+.Button-module__hop-Button--danger___ovyNs[data-hovered],
+.Button-module__hop-Button--danger___ovyNs[data-focus-visible] {
+  --background: var(--hop-comp-button-danger-background-hover);
   --color: var(--hop-comp-button-danger-text-color-hover);
-  --border: var(--hop-Button-danger-border-hover);
+  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
+  --border: var(--hop-Button-danger-border);
 }
-.Button-module__hop-Button--danger___f5awN[data-pressed] {
-  --background-color: var(--hop-comp-button-danger-background-color-pressed);
+.Button-module__hop-Button--danger___ovyNs[data-pressed] {
+  --background: var(--hop-comp-button-danger-background-pressed);
   --color: var(--hop-comp-button-danger-text-color-pressed);
-  --border: var(--hop-Button-danger-border-pressed);
+  --icon-color: var(--hop-comp-button-danger-icon-color-press);
+  --border: var(--hop-Button-danger-border);
 }
-.Button-module__hop-Button--ghost-primary___ush5X {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color);
+.Button-module__hop-Button--ghost-primary___swzHP {
+  --background: var(--hop-comp-button-ghost-primary-background);
   --color: var(--hop-comp-button-ghost-primary-text-color);
+  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
   --border: var(--hop-Button-ghost-primary-border);
-  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
+  --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
+  --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
+  --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
 }
-.Button-module__hop-Button--ghost-primary___ush5X[data-hovered],
-.Button-module__hop-Button--ghost-primary___ush5X[data-focus-visible] {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
+.Button-module__hop-Button--ghost-primary___swzHP[data-hovered],
+.Button-module__hop-Button--ghost-primary___swzHP[data-focus-visible] {
+  --background: var(--hop-comp-button-ghost-primary-background-hover);
   --color: var(--hop-comp-button-ghost-primary-text-color-hover);
-  --border: var(--hop-Button-ghost-primary-border-hover);
+  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
+  --border: var(--hop-Button-ghost-primary-border);
 }
-.Button-module__hop-Button--ghost-primary___ush5X[data-pressed] {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
+.Button-module__hop-Button--ghost-primary___swzHP[data-pressed] {
+  --background: var(--hop-comp-button-ghost-primary-background-pressed);
   --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
-  --border: var(--hop-Button-ghost-primary-border-pressed);
+  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
+  --border: var(--hop-Button-ghost-primary-border);
 }
-.Button-module__hop-Button--ghost-secondary___62Cr1 {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
+.Button-module__hop-Button--ghost-secondary___9lB92 {
+  --background: var(--hop-comp-button-ghost-secondary-background);
   --color: var(--hop-comp-button-ghost-secondary-text-color);
+  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
   --border: var(--hop-Button-ghost-secondary-border);
-  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
+  --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
+  --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
+  --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
 }
-.Button-module__hop-Button--ghost-secondary___62Cr1[data-hovered],
-.Button-module__hop-Button--ghost-secondary___62Cr1[data-focus-visible] {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
+.Button-module__hop-Button--ghost-secondary___9lB92[data-hovered],
+.Button-module__hop-Button--ghost-secondary___9lB92[data-focus-visible] {
+  --background: var(--hop-comp-button-ghost-secondary-background-hover);
   --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
-  --border: var(--hop-Button-ghost-secondary-border-hover);
+  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
+  --border: var(--hop-Button-ghost-secondary-border);
 }
-.Button-module__hop-Button--ghost-secondary___62Cr1[data-pressed] {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
+.Button-module__hop-Button--ghost-secondary___9lB92[data-pressed] {
+  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
   --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
-  --border: var(--hop-Button-ghost-secondary-border-pressed);
+  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
+  --border: var(--hop-Button-ghost-secondary-border);
 }
-.Button-module__hop-Button--ghost-danger___3O7jl {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color);
+.Button-module__hop-Button--ghost-danger___HrFIC {
+  --background: var(--hop-comp-button-ghost-danger-background);
   --color: var(--hop-comp-button-ghost-danger-text-color);
+  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
   --border: var(--hop-Button-ghost-danger-border);
-  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
+  --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
+  --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
+  --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
 }
-.Button-module__hop-Button--ghost-danger___3O7jl[data-hovered],
-.Button-module__hop-Button--ghost-danger___3O7jl[data-focus-visible] {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
+.Button-module__hop-Button--ghost-danger___HrFIC[data-hovered],
+.Button-module__hop-Button--ghost-danger___HrFIC[data-focus-visible] {
+  --background: var(--hop-comp-button-ghost-danger-background-hover);
   --color: var(--hop-comp-button-ghost-danger-text-color-hover);
-  --border: var(--hop-Button-ghost-danger-border-hover);
+  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
+  --border: var(--hop-Button-ghost-danger-border);
 }
-.Button-module__hop-Button--ghost-danger___3O7jl[data-pressed] {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
+.Button-module__hop-Button--ghost-danger___HrFIC[data-pressed] {
+  --background: var(--hop-comp-button-ghost-danger-background-pressed);
   --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
-  --border: var(--hop-Button-ghost-danger-border-pressed);
+  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
+  --border: var(--hop-Button-ghost-danger-border);
 }
-.Button-module__hop-Button___HoyYR[data-focus-visible] {
+.Button-module__hop-Button___fanAk[data-focus-visible] {
   outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
 }
-.Button-module__hop-Button___HoyYR[data-disabled],
-.Button-module__hop-Button--loading___IdSFm {
+.Button-module__hop-Button___fanAk[data-disabled],
+.Button-module__hop-Button--loading___w4OoR {
   cursor: not-allowed;
 }
-.Button-module__hop-Button___HoyYR[data-disabled] {
-  --background-color: var(--hop-comp-button-disabled-background-color);
-  --color: var(--hop-comp-button-disabled-text-color);
-  --border: var(--hop-Button-border-disabled);
+.Button-module__hop-Button___fanAk[data-disabled] {
+  --color: var(--hop-comp-button-text-color-disabled);
+  --icon-color: var(--hop-comp-button-icon-color-disabled);
 }
-.Button-module__hop-Button___HoyYR[class*=--ghost][data-disabled] {
-  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
-  --color: var(--hop-comp-button-ghost-disabled-text-color);
-  --border: var(--hop-Button-ghost-border-disabled);
+.Button-module__hop-Button--primary___epFxE[data-disabled] {
+  --background: var(--hop-comp-button-primary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--primary___y7dMa {
-  --background-color: var(--hop-comp-button-primary-background-color);
-  --color: var(--hop-comp-button-primary-text-color);
-  --border: var(--hop-Button-primary-border);
+.Button-module__hop-Button--secondary___RxTbR[data-disabled] {
+  --background: var(--hop-comp-button-secondary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--secondary___UKGLd {
-  --background-color: var(--hop-comp-button-secondary-background-color);
-  --color: var(--hop-comp-button-secondary-text-color);
-  --border: var(--hop-Button-secondary-border);
+.Button-module__hop-Button--upsell___eVHAf[data-disabled] {
+  --background: var(--hop-comp-button-upsell-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--upsell___bdwUF {
-  --background-color: var(--hop-comp-button-upsell-background-color);
-  --color: var(--hop-comp-button-upsell-text-color);
-  --border: var(--hop-Button-upsell-border);
+.Button-module__hop-Button--danger___ovyNs[data-disabled] {
+  --background: var(--hop-comp-button-danger-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--danger___f5awN {
-  --background-color: var(--hop-comp-button-danger-background-color);
-  --color: var(--hop-comp-button-danger-text-color);
-  --border: var(--hop-Button-danger-border);
+.Button-module__hop-Button--ghost-primary___swzHP[data-disabled] {
+  --background: var(--hop-comp-button-ghost-primary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-primary___ush5X {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color);
-  --color: var(--hop-comp-button-ghost-primary-text-color);
-  --border: var(--hop-Button-ghost-primary-border);
+.Button-module__hop-Button--ghost-secondary___9lB92[data-disabled] {
+  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-secondary___62Cr1 {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
-  --color: var(--hop-comp-button-ghost-secondary-text-color);
-  --border: var(--hop-Button-ghost-secondary-border);
+.Button-module__hop-Button--ghost-danger___HrFIC[data-disabled] {
+  --background: var(--hop-comp-button-ghost-danger-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-danger___3O7jl {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color);
-  --color: var(--hop-comp-button-ghost-danger-text-color);
-  --border: var(--hop-Button-ghost-danger-border);
+.Button-module__hop-Button--loading___w4OoR {
+  background: var(--background-loading);
+  color: var(--color-loading);
+  border-color: var(--border-color-loading);
+  box-shadow: var(--box-shadow-loading);
 }
-.Button-module__hop-Button__Spinner___5AdOy {
+.Button-module__hop-Button__Spinner___N675E {
   position: absolute;
-  color: var(--spinner-color);
 }
-.Button-module__hop-Button__icon___d5IZl,
-.Button-module__hop-Button__icon-list___YOo9F {
+.Button-module__hop-Button__icon___uKG4c,
+.Button-module__hop-Button__icon-list___vSy3B {
   flex: 0 0 auto;
   justify-self: end;
   order: 1;
+  color: var(--icon-color);
 }
-.Button-module__hop-Button__text___1XHXr {
+.Button-module__hop-Button__text___L2wfO {
   user-select: none;
   overflow: visible;
   flex: 0 1 auto;
@@ -2037,60 +2026,61 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
   text-decoration: none;
   text-wrap: nowrap;
 }
-.Button-module__hop-Button__end-icon___-wk-2,
-.Button-module__hop-Button__end-icon-list___IkfOC {
+.Button-module__hop-Button__end-icon___QPj02,
+.Button-module__hop-Button__end-icon-list___q6ivn {
   flex: 0 0 auto;
   order: 3;
+  color: var(--icon-color);
 }
-.Button-module__hop-Button___HoyYR .Button-module__hop-Button__icon-list___YOo9F,
-.Button-module__hop-Button___HoyYR .Button-module__hop-Button__end-icon-list___IkfOC {
+.Button-module__hop-Button___fanAk .Button-module__hop-Button__icon-list___vSy3B,
+.Button-module__hop-Button___fanAk .Button-module__hop-Button__end-icon-list___q6ivn {
   flex-wrap: nowrap;
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button___HoyYR > *:not(.Button-module__hop-Button__Spinner___5AdOy) {
+.Button-module__hop-Button--loading___w4OoR.Button-module__hop-Button___fanAk > *:not(.Button-module__hop-Button__Spinner___N675E) {
   opacity: 0;
 }
-.LinkButton-module__hop-LinkButton___dulii {
+.LinkButton-module__hop-LinkButton___hEZ4z {
 }
-.LinkButton-module__hop-LinkButton--fluid___wQ-1X {
+.LinkButton-module__hop-LinkButton--fluid___y1uRl {
 }
-.LinkButton-module__hop-LinkButton--xs___udSNT {
+.LinkButton-module__hop-LinkButton--xs___xBIkC {
 }
-.LinkButton-module__hop-LinkButton--sm___GdZ1b {
+.LinkButton-module__hop-LinkButton--sm___1DX2w {
 }
-.LinkButton-module__hop-LinkButton--icon-only___Voyus {
+.LinkButton-module__hop-LinkButton--icon-only___cFTXj {
 }
-.LinkButton-module__hop-LinkButton--primary___0dkyZ {
+.LinkButton-module__hop-LinkButton--primary___s7IwW {
 }
-.LinkButton-module__hop-LinkButton--secondary___Sbqu7 {
+.LinkButton-module__hop-LinkButton--secondary___6Swv7 {
 }
-.LinkButton-module__hop-LinkButton--upsell___BoMUo {
+.LinkButton-module__hop-LinkButton--upsell___70yk4 {
 }
-.LinkButton-module__hop-LinkButton--danger___5uYo2 {
+.LinkButton-module__hop-LinkButton--danger___iEqG- {
 }
-.LinkButton-module__hop-LinkButton--ghost-primary___3JTDa {
+.LinkButton-module__hop-LinkButton--ghost-primary___8oq0u {
 }
-.LinkButton-module__hop-LinkButton--ghost-secondary___5A-jO {
+.LinkButton-module__hop-LinkButton--ghost-secondary___BH4Zl {
 }
-.LinkButton-module__hop-LinkButton--ghost-danger___ukSEI {
+.LinkButton-module__hop-LinkButton--ghost-danger___EbNd5 {
 }
-.LinkButton-module__hop-LinkButton__Spinner___E6i1J {
+.LinkButton-module__hop-LinkButton__Spinner___lbcnN {
 }
-.LinkButton-module__hop-LinkButton__icon___jxzBn,
-.LinkButton-module__hop-LinkButton__icon-list___AAhGV {
+.LinkButton-module__hop-LinkButton__icon___wVDLd,
+.LinkButton-module__hop-LinkButton__icon-list___tv--t {
 }
-.LinkButton-module__hop-LinkButton__text___ZBKzm {
+.LinkButton-module__hop-LinkButton__text___tlgMa {
 }
-.LinkButton-module__hop-LinkButton__end-icon___iogCz,
-.LinkButton-module__hop-LinkButton__end-icon-list___TyadO {
+.LinkButton-module__hop-LinkButton__end-icon___poB9C,
+.LinkButton-module__hop-LinkButton__end-icon-list___wS0Wz {
 }
-.LinkButton-module__hop-LinkButton___dulii .LinkButton-module__hop-LinkButton__icon-list___AAhGV,
-.LinkButton-module__hop-LinkButton___dulii .LinkButton-module__hop-LinkButton__end-icon-list___TyadO {
+.LinkButton-module__hop-LinkButton___hEZ4z .LinkButton-module__hop-LinkButton__icon-list___tv--t,
+.LinkButton-module__hop-LinkButton___hEZ4z .LinkButton-module__hop-LinkButton__end-icon-list___wS0Wz {
   flex-wrap: nowrap;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
-.Button-module__hop-Button___HoyYR {
-  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
+.Button-module__hop-Button___fanAk {
+  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
   --hop-Button-column-gap: var(--hop-space-inline-xs);
   --hop-Button-icon-only-column-gap: 0;
   --hop-Button-outline-size: var(--hop-space-20);
@@ -2105,42 +2095,23 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
   --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
   --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
   --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
-  --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
-  --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
   --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
-  --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
-  --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
-  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
   --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
-  --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
-  --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
-  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
   --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
-  --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
-  --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
-  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
   --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
-  --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
-  --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
-  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
   --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
-  --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
-  --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
-  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
   --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
-  --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
-  --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
-  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
   --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
-  --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
-  --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
-  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
   --inline-size: max-content;
   --block-size: var(--hop-Button-md-height);
-  --background-color: var(--hop-primary-surface-strong);
+  --background: var(--hop-primary-surface-strong);
   --color: var(--hop-primary-text-strong);
+  --icon-color: var(--color);
   --column-gap: var(--hop-Button-column-gap);
   --spinner: var(--hop-primary-icon-strong);
+  --background-loading: var(--background);
+  --border-color-loading: transparent;
+  --box-shadow-loading: none;
   --border: 0;
   --padding: var(--hop-Button-md-padding);
   --box-shadow: none;
@@ -2158,7 +2129,7 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
   color: var(--color);
   text-decoration: none;
   white-space: nowrap;
-  background-color: var(--background-color);
+  background: var(--background);
   border: var(--border);
   border-radius: var(--hop-comp-button-border-radius);
   outline: none;
@@ -2169,220 +2140,255 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
     background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
     border var(--hop-easing-duration-2) var(--hop-easing-productive);
 }
-.Button-module__hop-Button--fluid___03Inx {
+.Button-module__hop-Button--fluid___v75qi {
   --inline-size: 100%;
 }
-.Button-module__hop-Button--xs___wswk1 {
+.Button-module__hop-Button--xs___uNXVT {
   --block-size: var(--hop-Button-xs-height);
   --padding: var(--hop-Button-xs-padding);
 }
-.Button-module__hop-Button--xs___wswk1[class*=--ghost] {
+.Button-module__hop-Button--xs___uNXVT[class*=--ghost] {
   --padding: var(--hop-Button-ghost-xs-padding);
 }
-.Button-module__hop-Button--sm___XtUpX {
+.Button-module__hop-Button--sm___6EGIq {
   --block-size: var(--hop-Button-sm-height);
   --padding: var(--hop-Button-sm-padding);
 }
-.Button-module__hop-Button--sm___XtUpX[class*=--ghost] {
+.Button-module__hop-Button--sm___6EGIq[class*=--ghost] {
   --padding: var(--hop-Button-ghost-sm-padding);
 }
-.Button-module__hop-Button--md___0r9kO[class*=--ghost] {
+.Button-module__hop-Button--md___W-HQJ[class*=--ghost] {
   --padding: var(--hop-Button-ghost-md-padding);
 }
-.Button-module__hop-Button--icon-only___1gkCT {
+.Button-module__hop-Button--icon-only___oe-hw {
   --column-gap: var(--hop-Button-icon-only-column-gap);
   --padding: var(--hop-Button-icon-only-padding);
   aspect-ratio: 1;
 }
-.Button-module__hop-Button--primary___y7dMa {
-  --background-color: var(--hop-comp-button-primary-background-color);
+.Button-module__hop-Button--primary___epFxE {
+  --background: var(--hop-comp-button-primary-background);
   --color: var(--hop-comp-button-primary-text-color);
+  --icon-color: var(--hop-comp-button-primary-icon-color);
   --border: var(--hop-Button-primary-border);
-  --spinner-color: var(--hop-Button-primary-spinner-color);
+  --color-loading: var(--hop-comp-button-primary-color-loading);
+  --background-loading: var(--hop-comp-button-primary-background-loading);
+  --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-primary-box-shadow);
 }
-.Button-module__hop-Button--primary___y7dMa[data-hovered],
-.Button-module__hop-Button--primary___y7dMa[data-focus-visible] {
-  --background-color: var(--hop-comp-button-primary-background-color-hover);
+.Button-module__hop-Button--primary___epFxE[data-hovered],
+.Button-module__hop-Button--primary___epFxE[data-focus-visible] {
+  --background: var(--hop-comp-button-primary-background-hover);
   --color: var(--hop-comp-button-primary-text-color-hover);
-  --border: var(--hop-Button-primary-border-hover);
+  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
+  --border: var(--hop-Button-primary-border);
 }
-.Button-module__hop-Button--primary___y7dMa[data-pressed] {
-  --background-color: var(--hop-comp-button-primary-background-color-pressed);
+.Button-module__hop-Button--primary___epFxE[data-pressed] {
+  --background: var(--hop-comp-button-primary-background-pressed);
   --color: var(--hop-comp-button-primary-text-color-pressed);
-  --border: var(--hop-Button-primary-border-pressed);
+  --icon-color: var(--hop-comp-button-primary-icon-color-press);
+  --border: var(--hop-Button-primary-border);
 }
-.Button-module__hop-Button--secondary___UKGLd {
-  --background-color: var(--hop-comp-button-secondary-background-color);
+.Button-module__hop-Button--secondary___RxTbR {
+  --background: var(--hop-comp-button-secondary-background);
   --color: var(--hop-comp-button-secondary-text-color);
+  --icon-color: var(--hop-comp-button-secondary-icon-color);
   --border: var(--hop-Button-secondary-border);
-  --spinner-color: var(--hop-Button-secondary-spinner-color);
+  --color-loading: var(--hop-comp-button-secondary-color-loading);
+  --background-loading: var(--hop-comp-button-secondary-background-loading);
+  --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-secondary-box-shadow);
 }
-.Button-module__hop-Button--secondary___UKGLd[data-hovered],
-.Button-module__hop-Button--secondary___UKGLd[data-focus-visible] {
-  --background-color: var(--hop-comp-button-secondary-background-color-hover);
+.Button-module__hop-Button--secondary___RxTbR[data-hovered],
+.Button-module__hop-Button--secondary___RxTbR[data-focus-visible] {
+  --background: var(--hop-comp-button-secondary-background-hover);
   --color: var(--hop-comp-button-secondary-text-color-hover);
-  --border: var(--hop-Button-secondary-border-hover);
+  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
+  --border: var(--hop-Button-secondary-border);
 }
-.Button-module__hop-Button--secondary___UKGLd[data-pressed] {
-  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
+.Button-module__hop-Button--secondary___RxTbR[data-pressed] {
+  --background: var(--hop-comp-button-secondary-background-pressed);
   --color: var(--hop-comp-button-secondary-text-color-pressed);
-  --border: var(--hop-Button-secondary-border-pressed);
+  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
+  --border: var(--hop-Button-secondary-border);
 }
-.Button-module__hop-Button--upsell___bdwUF {
-  --background-color: var(--hop-comp-button-upsell-background-color);
+.Button-module__hop-Button--upsell___eVHAf {
+  --background: var(--hop-comp-button-upsell-background);
   --color: var(--hop-comp-button-upsell-text-color);
+  --icon-color: var(--hop-comp-button-upsell-icon-color);
   --border: var(--hop-Button-upsell-border);
-  --spinner-color: var(--hop-Button-upsell-spinner-color);
+  --color-loading: var(--hop-comp-button-upsell-color-loading);
+  --background-loading: var(--hop-comp-button-upsell-background-loading);
+  --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-upsell-box-shadow);
 }
-.Button-module__hop-Button--upsell___bdwUF[data-hovered],
-.Button-module__hop-Button--upsell___bdwUF[data-focus-visible] {
-  --background-color: var(--hop-comp-button-upsell-background-color-hover);
+.Button-module__hop-Button--upsell___eVHAf[data-hovered],
+.Button-module__hop-Button--upsell___eVHAf[data-focus-visible] {
+  --background: var(--hop-comp-button-upsell-background-hover);
   --color: var(--hop-comp-button-upsell-text-color-hover);
-  --border: var(--hop-Button-upsell-border-hover);
+  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
+  --border: var(--hop-Button-upsell-border);
 }
-.Button-module__hop-Button--upsell___bdwUF[data-pressed] {
-  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
+.Button-module__hop-Button--upsell___eVHAf[data-pressed] {
+  --background: var(--hop-comp-button-upsell-background-pressed);
   --color: var(--hop-comp-button-upsell-text-color-pressed);
-  --border: var(--hop-Button-upsell-border-pressed);
+  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
+  --border: var(--hop-Button-upsell-border);
 }
-.Button-module__hop-Button--danger___f5awN {
-  --background-color: var(--hop-comp-button-danger-background-color);
+.Button-module__hop-Button--danger___ovyNs {
+  --background: var(--hop-comp-button-danger-background);
   --color: var(--hop-comp-button-danger-text-color);
+  --icon-color: var(--hop-comp-button-danger-icon-color);
   --border: var(--hop-Button-danger-border);
-  --spinner-color: var(--hop-Button-danger-spinner-color);
+  --color-loading: var(--hop-comp-button-danger-color-loading);
+  --background-loading: var(--hop-comp-button-danger-background-loading);
+  --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-danger-box-shadow);
 }
-.Button-module__hop-Button--danger___f5awN[data-hovered],
-.Button-module__hop-Button--danger___f5awN[data-focus-visible] {
-  --background-color: var(--hop-comp-button-danger-background-color-hover);
+.Button-module__hop-Button--danger___ovyNs[data-hovered],
+.Button-module__hop-Button--danger___ovyNs[data-focus-visible] {
+  --background: var(--hop-comp-button-danger-background-hover);
   --color: var(--hop-comp-button-danger-text-color-hover);
-  --border: var(--hop-Button-danger-border-hover);
+  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
+  --border: var(--hop-Button-danger-border);
 }
-.Button-module__hop-Button--danger___f5awN[data-pressed] {
-  --background-color: var(--hop-comp-button-danger-background-color-pressed);
+.Button-module__hop-Button--danger___ovyNs[data-pressed] {
+  --background: var(--hop-comp-button-danger-background-pressed);
   --color: var(--hop-comp-button-danger-text-color-pressed);
-  --border: var(--hop-Button-danger-border-pressed);
+  --icon-color: var(--hop-comp-button-danger-icon-color-press);
+  --border: var(--hop-Button-danger-border);
 }
-.Button-module__hop-Button--ghost-primary___ush5X {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color);
+.Button-module__hop-Button--ghost-primary___swzHP {
+  --background: var(--hop-comp-button-ghost-primary-background);
   --color: var(--hop-comp-button-ghost-primary-text-color);
+  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
   --border: var(--hop-Button-ghost-primary-border);
-  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
+  --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
+  --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
+  --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
 }
-.Button-module__hop-Button--ghost-primary___ush5X[data-hovered],
-.Button-module__hop-Button--ghost-primary___ush5X[data-focus-visible] {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
+.Button-module__hop-Button--ghost-primary___swzHP[data-hovered],
+.Button-module__hop-Button--ghost-primary___swzHP[data-focus-visible] {
+  --background: var(--hop-comp-button-ghost-primary-background-hover);
   --color: var(--hop-comp-button-ghost-primary-text-color-hover);
-  --border: var(--hop-Button-ghost-primary-border-hover);
+  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
+  --border: var(--hop-Button-ghost-primary-border);
 }
-.Button-module__hop-Button--ghost-primary___ush5X[data-pressed] {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
+.Button-module__hop-Button--ghost-primary___swzHP[data-pressed] {
+  --background: var(--hop-comp-button-ghost-primary-background-pressed);
   --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
-  --border: var(--hop-Button-ghost-primary-border-pressed);
+  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
+  --border: var(--hop-Button-ghost-primary-border);
 }
-.Button-module__hop-Button--ghost-secondary___62Cr1 {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
+.Button-module__hop-Button--ghost-secondary___9lB92 {
+  --background: var(--hop-comp-button-ghost-secondary-background);
   --color: var(--hop-comp-button-ghost-secondary-text-color);
+  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
   --border: var(--hop-Button-ghost-secondary-border);
-  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
+  --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
+  --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
+  --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
 }
-.Button-module__hop-Button--ghost-secondary___62Cr1[data-hovered],
-.Button-module__hop-Button--ghost-secondary___62Cr1[data-focus-visible] {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
+.Button-module__hop-Button--ghost-secondary___9lB92[data-hovered],
+.Button-module__hop-Button--ghost-secondary___9lB92[data-focus-visible] {
+  --background: var(--hop-comp-button-ghost-secondary-background-hover);
   --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
-  --border: var(--hop-Button-ghost-secondary-border-hover);
+  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
+  --border: var(--hop-Button-ghost-secondary-border);
 }
-.Button-module__hop-Button--ghost-secondary___62Cr1[data-pressed] {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
+.Button-module__hop-Button--ghost-secondary___9lB92[data-pressed] {
+  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
   --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
-  --border: var(--hop-Button-ghost-secondary-border-pressed);
+  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
+  --border: var(--hop-Button-ghost-secondary-border);
 }
-.Button-module__hop-Button--ghost-danger___3O7jl {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color);
+.Button-module__hop-Button--ghost-danger___HrFIC {
+  --background: var(--hop-comp-button-ghost-danger-background);
   --color: var(--hop-comp-button-ghost-danger-text-color);
+  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
   --border: var(--hop-Button-ghost-danger-border);
-  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
+  --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
+  --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
+  --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
+  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
   --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
 }
-.Button-module__hop-Button--ghost-danger___3O7jl[data-hovered],
-.Button-module__hop-Button--ghost-danger___3O7jl[data-focus-visible] {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
+.Button-module__hop-Button--ghost-danger___HrFIC[data-hovered],
+.Button-module__hop-Button--ghost-danger___HrFIC[data-focus-visible] {
+  --background: var(--hop-comp-button-ghost-danger-background-hover);
   --color: var(--hop-comp-button-ghost-danger-text-color-hover);
-  --border: var(--hop-Button-ghost-danger-border-hover);
+  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
+  --border: var(--hop-Button-ghost-danger-border);
 }
-.Button-module__hop-Button--ghost-danger___3O7jl[data-pressed] {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
+.Button-module__hop-Button--ghost-danger___HrFIC[data-pressed] {
+  --background: var(--hop-comp-button-ghost-danger-background-pressed);
   --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
-  --border: var(--hop-Button-ghost-danger-border-pressed);
+  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
+  --border: var(--hop-Button-ghost-danger-border);
 }
-.Button-module__hop-Button___HoyYR[data-focus-visible] {
+.Button-module__hop-Button___fanAk[data-focus-visible] {
   outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
 }
-.Button-module__hop-Button___HoyYR[data-disabled],
-.Button-module__hop-Button--loading___IdSFm {
+.Button-module__hop-Button___fanAk[data-disabled],
+.Button-module__hop-Button--loading___w4OoR {
   cursor: not-allowed;
 }
-.Button-module__hop-Button___HoyYR[data-disabled] {
-  --background-color: var(--hop-comp-button-disabled-background-color);
-  --color: var(--hop-comp-button-disabled-text-color);
-  --border: var(--hop-Button-border-disabled);
+.Button-module__hop-Button___fanAk[data-disabled] {
+  --color: var(--hop-comp-button-text-color-disabled);
+  --icon-color: var(--hop-comp-button-icon-color-disabled);
 }
-.Button-module__hop-Button___HoyYR[class*=--ghost][data-disabled] {
-  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
-  --color: var(--hop-comp-button-ghost-disabled-text-color);
-  --border: var(--hop-Button-ghost-border-disabled);
+.Button-module__hop-Button--primary___epFxE[data-disabled] {
+  --background: var(--hop-comp-button-primary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--primary___y7dMa {
-  --background-color: var(--hop-comp-button-primary-background-color);
-  --color: var(--hop-comp-button-primary-text-color);
-  --border: var(--hop-Button-primary-border);
+.Button-module__hop-Button--secondary___RxTbR[data-disabled] {
+  --background: var(--hop-comp-button-secondary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--secondary___UKGLd {
-  --background-color: var(--hop-comp-button-secondary-background-color);
-  --color: var(--hop-comp-button-secondary-text-color);
-  --border: var(--hop-Button-secondary-border);
+.Button-module__hop-Button--upsell___eVHAf[data-disabled] {
+  --background: var(--hop-comp-button-upsell-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--upsell___bdwUF {
-  --background-color: var(--hop-comp-button-upsell-background-color);
-  --color: var(--hop-comp-button-upsell-text-color);
-  --border: var(--hop-Button-upsell-border);
+.Button-module__hop-Button--danger___ovyNs[data-disabled] {
+  --background: var(--hop-comp-button-danger-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--danger___f5awN {
-  --background-color: var(--hop-comp-button-danger-background-color);
-  --color: var(--hop-comp-button-danger-text-color);
-  --border: var(--hop-Button-danger-border);
+.Button-module__hop-Button--ghost-primary___swzHP[data-disabled] {
+  --background: var(--hop-comp-button-ghost-primary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-primary___ush5X {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color);
-  --color: var(--hop-comp-button-ghost-primary-text-color);
-  --border: var(--hop-Button-ghost-primary-border);
+.Button-module__hop-Button--ghost-secondary___9lB92[data-disabled] {
+  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-secondary___62Cr1 {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
-  --color: var(--hop-comp-button-ghost-secondary-text-color);
-  --border: var(--hop-Button-ghost-secondary-border);
+.Button-module__hop-Button--ghost-danger___HrFIC[data-disabled] {
+  --background: var(--hop-comp-button-ghost-danger-background-disabled);
+  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-danger___3O7jl {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color);
-  --color: var(--hop-comp-button-ghost-danger-text-color);
-  --border: var(--hop-Button-ghost-danger-border);
+.Button-module__hop-Button--loading___w4OoR {
+  background: var(--background-loading);
+  color: var(--color-loading);
+  border-color: var(--border-color-loading);
+  box-shadow: var(--box-shadow-loading);
 }
-.Button-module__hop-Button__Spinner___5AdOy {
+.Button-module__hop-Button__Spinner___N675E {
   position: absolute;
-  color: var(--spinner-color);
 }
-.Button-module__hop-Button__icon___d5IZl,
-.Button-module__hop-Button__icon-list___YOo9F {
+.Button-module__hop-Button__icon___uKG4c,
+.Button-module__hop-Button__icon-list___vSy3B {
   flex: 0 0 auto;
   justify-self: end;
   order: 1;
+  color: var(--icon-color);
 }
-.Button-module__hop-Button__text___1XHXr {
+.Button-module__hop-Button__text___L2wfO {
   user-select: none;
   overflow: visible;
   flex: 0 1 auto;
@@ -2391,134 +2397,109 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
   text-decoration: none;
   text-wrap: nowrap;
 }
-.Button-module__hop-Button__end-icon___-wk-2,
-.Button-module__hop-Button__end-icon-list___IkfOC {
+.Button-module__hop-Button__end-icon___QPj02,
+.Button-module__hop-Button__end-icon-list___q6ivn {
   flex: 0 0 auto;
   order: 3;
+  color: var(--icon-color);
 }
-.Button-module__hop-Button___HoyYR .Button-module__hop-Button__icon-list___YOo9F,
-.Button-module__hop-Button___HoyYR .Button-module__hop-Button__end-icon-list___IkfOC {
+.Button-module__hop-Button___fanAk .Button-module__hop-Button__icon-list___vSy3B,
+.Button-module__hop-Button___fanAk .Button-module__hop-Button__end-icon-list___q6ivn {
   flex-wrap: nowrap;
 }
-.Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button___HoyYR > *:not(.Button-module__hop-Button__Spinner___5AdOy) {
+.Button-module__hop-Button--loading___w4OoR.Button-module__hop-Button___fanAk > *:not(.Button-module__hop-Button__Spinner___N675E) {
   opacity: 0;
 }
-.ToggleButton-module__hop-ToggleButton___420CS {
+.ToggleButton-module__hop-ToggleButton___uOTSW {
   --hop-ToggleButton-border-size: var(--hop-space-10);
 }
-.ToggleButton-module__hop-ToggleButton--fluid___UEI-c {
+.ToggleButton-module__hop-ToggleButton--fluid___JiTs4 {
 }
-.ToggleButton-module__hop-ToggleButton--xs___S96Ni {
+.ToggleButton-module__hop-ToggleButton--xs___CGG3g {
 }
-.ToggleButton-module__hop-ToggleButton--sm___3WOLo {
+.ToggleButton-module__hop-ToggleButton--sm___7S9y- {
 }
-.ToggleButton-module__hop-ToggleButton--md___ONKVV {
+.ToggleButton-module__hop-ToggleButton--md___m-g6X {
 }
-.ToggleButton-module__hop-ToggleButton--icon-only___WJNxN {
+.ToggleButton-module__hop-ToggleButton--icon-only___zqvfw {
 }
-.ToggleButton-module__hop-ToggleButton--primary___nco83 {
+.ToggleButton-module__hop-ToggleButton--primary___-jxlO {
 }
-.ToggleButton-module__hop-ToggleButton--primary___nco83[data-selected] {
-  --background-color: var(--hop-comp-button-primary-background-color-selected);
+.ToggleButton-module__hop-ToggleButton--primary___-jxlO[data-selected] {
+  --background: var(--hop-comp-button-primary-background-selected);
   --color: var(--hop-comp-button-primary-text-color-selected);
+  --icon-color: var(--hop-comp-button-primary-icon-color-selected);
   --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
 }
-.ToggleButton-module__hop-ToggleButton--secondary___iThNI {
+.ToggleButton-module__hop-ToggleButton--secondary___nuVCl {
 }
-.ToggleButton-module__hop-ToggleButton--secondary___iThNI[data-selected] {
-  --background-color: var(--hop-comp-button-secondary-background-color-selected);
+.ToggleButton-module__hop-ToggleButton--secondary___nuVCl[data-selected] {
+  --background: var(--hop-comp-button-secondary-background-selected);
   --color: var(--hop-comp-button-secondary-text-color-selected);
+  --icon-color: var(--hop-comp-button-secondary-icon-color-selected);
   --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
 }
-.ToggleButton-module__hop-ToggleButton--upsell___LkcHn {
+.ToggleButton-module__hop-ToggleButton--upsell___e8-gG {
 }
-.ToggleButton-module__hop-ToggleButton--upsell___LkcHn[data-selected] {
-  --background-color: var(--hop-comp-button-upsell-background-color-selected);
+.ToggleButton-module__hop-ToggleButton--upsell___e8-gG[data-selected] {
+  --background: var(--hop-comp-button-upsell-background-selected);
   --color: var(--hop-comp-button-upsell-text-color-selected);
+  --icon-color: var(--hop-comp-button-upsell-icon-color-selected);
   --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
 }
-.ToggleButton-module__hop-ToggleButton--danger___6stEN {
+.ToggleButton-module__hop-ToggleButton--danger___e4x4Z {
 }
-.ToggleButton-module__hop-ToggleButton--danger___6stEN[data-selected] {
-  --background-color: var(--hop-comp-button-danger-background-color-selected);
+.ToggleButton-module__hop-ToggleButton--danger___e4x4Z[data-selected] {
+  --background: var(--hop-comp-button-danger-background-selected);
   --color: var(--hop-comp-button-danger-text-color-selected);
+  --icon-color: var(--hop-comp-button-danger-icon-color-selected);
   --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
 }
-.ToggleButton-module__hop-ToggleButton--ghost-primary___2Q5Jb {
+.ToggleButton-module__hop-ToggleButton--ghost-primary___7H3uv {
 }
-.ToggleButton-module__hop-ToggleButton--ghost-primary___2Q5Jb[data-selected] {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color-selected);
+.ToggleButton-module__hop-ToggleButton--ghost-primary___7H3uv[data-selected] {
+  --background: var(--hop-comp-button-ghost-primary-background-selected);
   --color: var(--hop-comp-button-ghost-primary-text-color-selected);
+  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-selected);
   --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
 }
-.ToggleButton-module__hop-ToggleButton--ghost-secondary___BHX2Q {
+.ToggleButton-module__hop-ToggleButton--ghost-secondary___r8AAm {
 }
-.ToggleButton-module__hop-ToggleButton--ghost-secondary___BHX2Q[data-selected] {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color-selected);
+.ToggleButton-module__hop-ToggleButton--ghost-secondary___r8AAm[data-selected] {
+  --background: var(--hop-comp-button-ghost-secondary-background-selected);
   --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
+  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-selected);
   --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
 }
-.ToggleButton-module__hop-ToggleButton--ghost-danger___A2hr4 {
+.ToggleButton-module__hop-ToggleButton--ghost-danger___aLkO3 {
 }
-.ToggleButton-module__hop-ToggleButton--ghost-danger___A2hr4[data-selected] {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color-selected);
+.ToggleButton-module__hop-ToggleButton--ghost-danger___aLkO3[data-selected] {
+  --background: var(--hop-comp-button-ghost-danger-background-selected);
   --color: var(--hop-comp-button-ghost-danger-text-color-selected);
+  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-selected);
   --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
 }
-.ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--primary___nco83 {
-  --background-color: var(--hop-comp-button-primary-background-color);
-  --color: var(--hop-comp-button-primary-text-color);
-  --border: var(--hop-Button-primary-border);
-}
-.ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--secondary___iThNI {
-  --background-color: var(--hop-comp-button-secondary-background-color);
-  --color: var(--hop-comp-button-secondary-text-color);
-  --border: var(--hop-Button-secondary-border);
-}
-.ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--upsell___LkcHn {
-  --background-color: var(--hop-comp-button-upsell-background-color);
-  --color: var(--hop-comp-button-upsell-text-color);
-  --border: var(--hop-Button-upsell-border);
-}
-.ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--danger___6stEN {
-  --background-color: var(--hop-comp-button-danger-background-color);
-  --color: var(--hop-comp-button-danger-text-color);
-  --border: var(--hop-Button-danger-border);
-}
-.ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--ghost-primary___2Q5Jb {
-  --background-color: var(--hop-comp-button-ghost-primary-background-color);
-  --color: var(--hop-comp-button-ghost-primary-text-color);
-  --border: var(--hop-Button-ghost-primary-border);
-}
-.ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--ghost-secondary___BHX2Q {
-  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
-  --color: var(--hop-comp-button-ghost-secondary-text-color);
-  --border: var(--hop-Button-ghost-secondary-border);
-}
-.ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--ghost-danger___A2hr4 {
-  --background-color: var(--hop-comp-button-ghost-danger-background-color);
-  --color: var(--hop-comp-button-ghost-danger-text-color);
-  --border: var(--hop-Button-ghost-danger-border);
+.ToggleButton-module__hop-ToggleButton--loading___-9C6N {
 }
-.ToggleButton-module__hop-ToggleButton__Spinner___SEZgo {
+.ToggleButton-module__hop-ToggleButton__Spinner___X7GRU {
 }
-.ToggleButton-module__hop-ToggleButton__icon___ZeObv,
-.ToggleButton-module__hop-ToggleButton__icon-list___mp6zY {
+.ToggleButton-module__hop-ToggleButton__icon___sx7L4,
+.ToggleButton-module__hop-ToggleButton__icon-list___8qV5V {
 }
-.ToggleButton-module__hop-ToggleButton__text___YHzyI {
+.ToggleButton-module__hop-ToggleButton__text___BKD5F {
 }
-.ToggleButton-module__hop-ToggleButton__end-icon___eo4vp,
-.ToggleButton-module__hop-ToggleButton__end-icon-list___clSK7 {
+.ToggleButton-module__hop-ToggleButton__end-icon___2T6xH,
+.ToggleButton-module__hop-ToggleButton__end-icon-list___wYYZK {
 }
-.ToggleButton-module__hop-ToggleButton__icon-list___mp6zY,
-.ToggleButton-module__hop-ToggleButton__end-icon-list___clSK7 {
+.ToggleButton-module__hop-ToggleButton__icon-list___8qV5V,
+.ToggleButton-module__hop-ToggleButton__end-icon-list___wYYZK {
 }
-.ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton___420CS > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___SEZgo) {
+.ToggleButton-module__hop-ToggleButton--loading___-9C6N.ToggleButton-module__hop-ToggleButton___uOTSW > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___X7GRU) {
   opacity: 0;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
-.Tag-module__hop-Tag___SsZJ6 {
+.Tag-module__hop-Tag___pGrhZ {
   --hop-Tag-border-size: 0.0625rem;
   --hop-Tag-border-radius: var(--hop-shape-pill);
   --hop-Tag-sm-block-size: 1.25rem;
@@ -2757,7 +2738,7 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
   outline: none;
   outline-offset: 0.125rem;
 }
-.Tag-module__hop-Tag--sm___PKQ1t {
+.Tag-module__hop-Tag--sm___41WYg {
   --block-size: var(--hop-Tag-sm-block-size);
   --padding-inline: var(--hop-Tag-sm-padding-inline);
   --column-gap: var(--hop-Tag-sm-column-gap);
@@ -2765,13 +2746,13 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
   --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
   --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
 }
-.Tag-module__hop-Tag--sm___PKQ1t:not(:has(.Tag-module__hop-Tag__remove-btn___j51GP, .Tag-module__hop-Tag__Spinner___npE-R)) {
+.Tag-module__hop-Tag--sm___41WYg:not(:has(.Tag-module__hop-Tag__remove-btn___b-ihg, .Tag-module__hop-Tag__Spinner___bcEla)) {
   --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
 }
-.Tag-module__hop-Tag--sm___PKQ1t:not(:has(.Tag-module__hop-Tag__avatar___2M2C9)) {
+.Tag-module__hop-Tag--sm___41WYg:not(:has(.Tag-module__hop-Tag__avatar___FT7GC)) {
   --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
 }
-.Tag-module__hop-Tag--md___B-mqE {
+.Tag-module__hop-Tag--md___0KP4o {
   --block-size: var(--hop-Tag-md-block-size);
   --padding-inline: var(--hop-Tag-md-padding-inline);
   --column-gap: var(--hop-Tag-md-column-gap);
@@ -2779,13 +2760,13 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
   --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
   --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
 }
-.Tag-module__hop-Tag--md___B-mqE:not(:has(.Tag-module__hop-Tag__remove-btn___j51GP, .Tag-module__hop-Tag__Spinner___npE-R)) {
+.Tag-module__hop-Tag--md___0KP4o:not(:has(.Tag-module__hop-Tag__remove-btn___b-ihg, .Tag-module__hop-Tag__Spinner___bcEla)) {
   --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
 }
-.Tag-module__hop-Tag--md___B-mqE:not(:has(.Tag-module__hop-Tag__avatar___2M2C9)) {
+.Tag-module__hop-Tag--md___0KP4o:not(:has(.Tag-module__hop-Tag__avatar___FT7GC)) {
   --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
 }
-.Tag-module__hop-Tag--lg___6ri-h {
+.Tag-module__hop-Tag--lg___6OrDX {
   --block-size: var(--hop-Tag-lg-block-size);
   --padding-inline: var(--hop-Tag-lg-padding-inline);
   --column-gap: var(--hop-Tag-lg-column-gap);
@@ -2793,348 +2774,348 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
   --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
   --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
 }
-.Tag-module__hop-Tag--lg___6ri-h:not(:has(.Tag-module__hop-Tag__remove-btn___j51GP, .Tag-module__hop-Tag__Spinner___npE-R)) {
+.Tag-module__hop-Tag--lg___6OrDX:not(:has(.Tag-module__hop-Tag__remove-btn___b-ihg, .Tag-module__hop-Tag__Spinner___bcEla)) {
   --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
 }
-.Tag-module__hop-Tag--lg___6ri-h:not(:has(.Tag-module__hop-Tag__avatar___2M2C9)) {
+.Tag-module__hop-Tag--lg___6OrDX:not(:has(.Tag-module__hop-Tag__avatar___FT7GC)) {
   --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
 }
-.Tag-module__hop-Tag--neutral___z6v7U {
+.Tag-module__hop-Tag--neutral___oTxqU {
   --border-color: var(--hop-Tag-neutral-border-color);
   --background-color: var(--hop-Tag-neutral-background-color);
   --text-color: var(--hop-Tag-neutral-text-color);
 }
-.Tag-module__hop-Tag--subdued___eKeII {
+.Tag-module__hop-Tag--subdued___7qGcG {
   --border-color: var(--hop-Tag-subdued-border-color);
   --background-color: var(--hop-Tag-subdued-background-color);
   --text-color: var(--hop-Tag-subdued-text-color);
 }
-.Tag-module__hop-Tag--progress___YTVV1 {
+.Tag-module__hop-Tag--progress___Dbp9N {
   --border-color: var(--hop-Tag-progress-border-color);
   --background-color: var(--hop-Tag-progress-background-color);
   --text-color: var(--hop-Tag-progress-text-color);
 }
-.Tag-module__hop-Tag--positive___8IesO {
+.Tag-module__hop-Tag--positive___a-HPC {
   --border-color: var(--hop-Tag-positive-border-color);
   --background-color: var(--hop-Tag-positive-background-color);
   --text-color: var(--hop-Tag-positive-text-color);
 }
-.Tag-module__hop-Tag--caution___sJOb8 {
+.Tag-module__hop-Tag--caution___lLnsq {
   --border-color: var(--hop-Tag-caution-border-color);
   --background-color: var(--hop-Tag-caution-background-color);
   --text-color: var(--hop-Tag-caution-text-color);
 }
-.Tag-module__hop-Tag--negative___CV3Ia {
+.Tag-module__hop-Tag--negative___5VaJ6 {
   --border-color: var(--hop-Tag-negative-border-color);
   --background-color: var(--hop-Tag-negative-background-color);
   --text-color: var(--hop-Tag-negative-text-color);
 }
-.Tag-module__hop-Tag--option1___37raE {
+.Tag-module__hop-Tag--option1___Xy-zf {
   --border-color: var(--hop-Tag-option1-border-color);
   --background-color: var(--hop-Tag-option1-background-color);
   --text-color: var(--hop-Tag-option1-text-color);
 }
-.Tag-module__hop-Tag--option2___cwLaV {
+.Tag-module__hop-Tag--option2___Pd9BE {
   --border-color: var(--hop-Tag-option2-border-color);
   --background-color: var(--hop-Tag-option2-background-color);
   --text-color: var(--hop-Tag-option2-text-color);
 }
-.Tag-module__hop-Tag--option3___ux-9Q {
+.Tag-module__hop-Tag--option3___376fP {
   --border-color: var(--hop-Tag-option3-border-color);
   --background-color: var(--hop-Tag-option3-background-color);
   --text-color: var(--hop-Tag-option3-text-color);
 }
-.Tag-module__hop-Tag--option4___fwMWB {
+.Tag-module__hop-Tag--option4___-ktOY {
   --border-color: var(--hop-Tag-option4-border-color);
   --background-color: var(--hop-Tag-option4-background-color);
   --text-color: var(--hop-Tag-option4-text-color);
 }
-.Tag-module__hop-Tag--option5___8fLKL {
+.Tag-module__hop-Tag--option5___lUk1t {
   --border-color: var(--hop-Tag-option5-border-color);
   --background-color: var(--hop-Tag-option5-background-color);
   --text-color: var(--hop-Tag-option5-text-color);
 }
-.Tag-module__hop-Tag--option6___Xe5-o {
+.Tag-module__hop-Tag--option6___ff7Gd {
   --border-color: var(--hop-Tag-option6-border-color);
   --background-color: var(--hop-Tag-option6-background-color);
   --text-color: var(--hop-Tag-option6-text-color);
 }
-.Tag-module__hop-Tag___SsZJ6[data-href] {
+.Tag-module__hop-Tag___pGrhZ[data-href] {
   cursor: pointer;
 }
-.Tag-module__hop-Tag--neutral___z6v7U[data-focus-visible] {
+.Tag-module__hop-Tag--neutral___oTxqU[data-focus-visible] {
   --border-color: var(--hop-Tag-neutral-border-color-focus);
   --background-color: var(--hop-Tag-neutral-background-color-focus);
   --text-color: var(--hop-Tag-neutral-text-color-focus);
 }
-.Tag-module__hop-Tag--neutral___z6v7U:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--neutral___oTxqU:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-neutral-border-color-hover);
   --background-color: var(--hop-Tag-neutral-background-color-hover);
   --text-color: var(--hop-Tag-neutral-text-color-hover);
 }
-.Tag-module__hop-Tag--neutral___z6v7U[data-pressed] {
+.Tag-module__hop-Tag--neutral___oTxqU[data-pressed] {
   --border-color: var(--hop-Tag-neutral-border-color-press);
   --background-color: var(--hop-Tag-neutral-background-color-press);
   --text-color: var(--hop-Tag-neutral-text-color-press);
 }
-.Tag-module__hop-Tag--neutral___z6v7U[data-disabled] {
+.Tag-module__hop-Tag--neutral___oTxqU[data-disabled] {
   --border-color: var(--hop-Tag-neutral-border-color-disabled);
   --background-color: var(--hop-Tag-neutral-background-color-disabled);
   --text-color: var(--hop-Tag-neutral-text-color-disabled);
 }
-.Tag-module__hop-Tag--subdued___eKeII[data-focus-visible] {
+.Tag-module__hop-Tag--subdued___7qGcG[data-focus-visible] {
   --border-color: var(--hop-Tag-subdued-border-color-focus);
   --background-color: var(--hop-Tag-subdued-background-color-focus);
   --text-color: var(--hop-Tag-subdued-text-color-focus);
 }
-.Tag-module__hop-Tag--subdued___eKeII:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--subdued___7qGcG:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-subdued-border-color-hover);
   --background-color: var(--hop-Tag-subdued-background-color-hover);
   --text-color: var(--hop-Tag-subdued-text-color-hover);
 }
-.Tag-module__hop-Tag--subdued___eKeII[data-pressed] {
+.Tag-module__hop-Tag--subdued___7qGcG[data-pressed] {
   --border-color: var(--hop-Tag-subdued-border-color-press);
   --background-color: var(--hop-Tag-subdued-background-color-press);
   --text-color: var(--hop-Tag-subdued-text-color-press);
 }
-.Tag-module__hop-Tag--subdued___eKeII[data-disabled] {
+.Tag-module__hop-Tag--subdued___7qGcG[data-disabled] {
   --border-color: var(--hop-Tag-subdued-border-color-disabled);
   --background-color: var(--hop-Tag-subdued-background-color-disabled);
   --text-color: var(--hop-Tag-subdued-text-color-disabled);
 }
-.Tag-module__hop-Tag--progress___YTVV1[data-focus-visible] {
+.Tag-module__hop-Tag--progress___Dbp9N[data-focus-visible] {
   --border-color: var(--hop-Tag-progress-border-color-focus);
   --background-color: var(--hop-Tag-progress-background-color-focus);
   --text-color: var(--hop-Tag-progress-text-color-focus);
 }
-.Tag-module__hop-Tag--progress___YTVV1:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--progress___Dbp9N:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-progress-border-color-hover);
   --background-color: var(--hop-Tag-progress-background-color-hover);
   --text-color: var(--hop-Tag-progress-text-color-hover);
 }
-.Tag-module__hop-Tag--progress___YTVV1[data-pressed] {
+.Tag-module__hop-Tag--progress___Dbp9N[data-pressed] {
   --border-color: var(--hop-Tag-progress-border-color-press);
   --background-color: var(--hop-Tag-progress-background-color-press);
   --text-color: var(--hop-Tag-progress-text-color-press);
 }
-.Tag-module__hop-Tag--progress___YTVV1[data-disabled] {
+.Tag-module__hop-Tag--progress___Dbp9N[data-disabled] {
   --border-color: var(--hop-Tag-progress-border-color-disabled);
   --background-color: var(--hop-Tag-progress-background-color-disabled);
   --text-color: var(--hop-Tag-progress-text-color-disabled);
 }
-.Tag-module__hop-Tag--positive___8IesO[data-focus-visible] {
+.Tag-module__hop-Tag--positive___a-HPC[data-focus-visible] {
   --border-color: var(--hop-Tag-positive-border-color-focus);
   --background-color: var(--hop-Tag-positive-background-color-focus);
   --text-color: var(--hop-Tag-positive-text-color-focus);
 }
-.Tag-module__hop-Tag--positive___8IesO:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--positive___a-HPC:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-positive-border-color-hover);
   --background-color: var(--hop-Tag-positive-background-color-hover);
   --text-color: var(--hop-Tag-positive-text-color-hover);
 }
-.Tag-module__hop-Tag--positive___8IesO[data-pressed] {
+.Tag-module__hop-Tag--positive___a-HPC[data-pressed] {
   --border-color: var(--hop-Tag-positive-border-color-press);
   --background-color: var(--hop-Tag-positive-background-color-press);
   --text-color: var(--hop-Tag-positive-text-color-press);
 }
-.Tag-module__hop-Tag--positive___8IesO[data-disabled] {
+.Tag-module__hop-Tag--positive___a-HPC[data-disabled] {
   --border-color: var(--hop-Tag-positive-border-color-disabled);
   --background-color: var(--hop-Tag-positive-background-color-disabled);
   --text-color: var(--hop-Tag-positive-text-color-disabled);
 }
-.Tag-module__hop-Tag--caution___sJOb8[data-focus-visible] {
+.Tag-module__hop-Tag--caution___lLnsq[data-focus-visible] {
   --border-color: var(--hop-Tag-caution-border-color-focus);
   --background-color: var(--hop-Tag-caution-background-color-focus);
   --text-color: var(--hop-Tag-caution-text-color-focus);
 }
-.Tag-module__hop-Tag--caution___sJOb8:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--caution___lLnsq:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-caution-border-color-hover);
   --background-color: var(--hop-Tag-caution-background-color-hover);
   --text-color: var(--hop-Tag-caution-text-color-hover);
 }
-.Tag-module__hop-Tag--caution___sJOb8[data-pressed] {
+.Tag-module__hop-Tag--caution___lLnsq[data-pressed] {
   --border-color: var(--hop-Tag-caution-border-color-press);
   --background-color: var(--hop-Tag-caution-background-color-press);
   --text-color: var(--hop-Tag-caution-text-color-press);
 }
-.Tag-module__hop-Tag--caution___sJOb8[data-disabled] {
+.Tag-module__hop-Tag--caution___lLnsq[data-disabled] {
   --border-color: var(--hop-Tag-caution-border-color-disabled);
   --background-color: var(--hop-Tag-caution-background-color-disabled);
   --text-color: var(--hop-Tag-caution-text-color-disabled);
 }
-.Tag-module__hop-Tag--negative___CV3Ia[data-focus-visible] {
+.Tag-module__hop-Tag--negative___5VaJ6[data-focus-visible] {
   --border-color: var(--hop-Tag-negative-border-color-focus);
   --background-color: var(--hop-Tag-negative-background-color-focus);
   --text-color: var(--hop-Tag-negative-text-color-focus);
 }
-.Tag-module__hop-Tag--negative___CV3Ia:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--negative___5VaJ6:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-negative-border-color-hover);
   --background-color: var(--hop-Tag-negative-background-color-hover);
   --text-color: var(--hop-Tag-negative-text-color-hover);
 }
-.Tag-module__hop-Tag--negative___CV3Ia[data-pressed] {
+.Tag-module__hop-Tag--negative___5VaJ6[data-pressed] {
   --border-color: var(--hop-Tag-negative-border-color-press);
   --background-color: var(--hop-Tag-negative-background-color-press);
   --text-color: var(--hop-Tag-negative-text-color-press);
 }
-.Tag-module__hop-Tag--negative___CV3Ia[data-disabled] {
+.Tag-module__hop-Tag--negative___5VaJ6[data-disabled] {
   --border-color: var(--hop-Tag-negative-border-color-disabled);
   --background-color: var(--hop-Tag-negative-background-color-disabled);
   --text-color: var(--hop-Tag-negative-text-color-disabled);
 }
-.Tag-module__hop-Tag--option1___37raE[data-focus-visible] {
+.Tag-module__hop-Tag--option1___Xy-zf[data-focus-visible] {
   --border-color: var(--hop-Tag-option1-border-color-focus);
   --background-color: var(--hop-Tag-option1-background-color-focus);
   --text-color: var(--hop-Tag-option1-text-color-focus);
 }
-.Tag-module__hop-Tag--option1___37raE:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--option1___Xy-zf:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-option1-border-color-hover);
   --background-color: var(--hop-Tag-option1-background-color-hover);
   --text-color: var(--hop-Tag-option1-text-color-hover);
 }
-.Tag-module__hop-Tag--option1___37raE[data-pressed] {
+.Tag-module__hop-Tag--option1___Xy-zf[data-pressed] {
   --border-color: var(--hop-Tag-option1-border-color-press);
   --background-color: var(--hop-Tag-option1-background-color-press);
   --text-color: var(--hop-Tag-option1-text-color-press);
 }
-.Tag-module__hop-Tag--option1___37raE[data-disabled] {
+.Tag-module__hop-Tag--option1___Xy-zf[data-disabled] {
   --border-color: var(--hop-Tag-option1-border-color-disabled);
   --background-color: var(--hop-Tag-option1-background-color-disabled);
   --text-color: var(--hop-Tag-option1-text-color-disabled);
 }
-.Tag-module__hop-Tag--option2___cwLaV[data-focus-visible] {
+.Tag-module__hop-Tag--option2___Pd9BE[data-focus-visible] {
   --border-color: var(--hop-Tag-option2-border-color-focus);
   --background-color: var(--hop-Tag-option2-background-color-focus);
   --text-color: var(--hop-Tag-option2-text-color-focus);
 }
-.Tag-module__hop-Tag--option2___cwLaV:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--option2___Pd9BE:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-option2-border-color-hover);
   --background-color: var(--hop-Tag-option2-background-color-hover);
   --text-color: var(--hop-Tag-option2-text-color-hover);
 }
-.Tag-module__hop-Tag--option2___cwLaV[data-pressed] {
+.Tag-module__hop-Tag--option2___Pd9BE[data-pressed] {
   --border-color: var(--hop-Tag-option2-border-color-press);
   --background-color: var(--hop-Tag-option2-background-color-press);
   --text-color: var(--hop-Tag-option2-text-color-press);
 }
-.Tag-module__hop-Tag--option2___cwLaV[data-disabled] {
+.Tag-module__hop-Tag--option2___Pd9BE[data-disabled] {
   --border-color: var(--hop-Tag-option2-border-color-disabled);
   --background-color: var(--hop-Tag-option2-background-color-disabled);
   --text-color: var(--hop-Tag-option2-text-color-disabled);
 }
-.Tag-module__hop-Tag--option3___ux-9Q[data-focus-visible] {
+.Tag-module__hop-Tag--option3___376fP[data-focus-visible] {
   --border-color: var(--hop-Tag-option3-border-color-focus);
   --background-color: var(--hop-Tag-option3-background-color-focus);
   --text-color: var(--hop-Tag-option3-text-color-focus);
 }
-.Tag-module__hop-Tag--option3___ux-9Q:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--option3___376fP:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-option3-border-color-hover);
   --background-color: var(--hop-Tag-option3-background-color-hover);
   --text-color: var(--hop-Tag-option3-text-color-hover);
 }
-.Tag-module__hop-Tag--option3___ux-9Q[data-pressed] {
+.Tag-module__hop-Tag--option3___376fP[data-pressed] {
   --border-color: var(--hop-Tag-option3-border-color-press);
   --background-color: var(--hop-Tag-option3-background-color-press);
   --text-color: var(--hop-Tag-option3-text-color-press);
 }
-.Tag-module__hop-Tag--option3___ux-9Q[data-disabled] {
+.Tag-module__hop-Tag--option3___376fP[data-disabled] {
   --border-color: var(--hop-Tag-option3-border-color-disabled);
   --background-color: var(--hop-Tag-option3-background-color-disabled);
   --text-color: var(--hop-Tag-option3-text-color-disabled);
 }
-.Tag-module__hop-Tag--option4___fwMWB[data-focus-visible] {
+.Tag-module__hop-Tag--option4___-ktOY[data-focus-visible] {
   --border-color: var(--hop-Tag-option4-border-color-focus);
   --background-color: var(--hop-Tag-option4-background-color-focus);
   --text-color: var(--hop-Tag-option4-text-color-focus);
 }
-.Tag-module__hop-Tag--option4___fwMWB:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--option4___-ktOY:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-option4-border-color-hover);
   --background-color: var(--hop-Tag-option4-background-color-hover);
   --text-color: var(--hop-Tag-option4-text-color-hover);
 }
-.Tag-module__hop-Tag--option4___fwMWB[data-pressed] {
+.Tag-module__hop-Tag--option4___-ktOY[data-pressed] {
   --border-color: var(--hop-Tag-option4-border-color-press);
   --background-color: var(--hop-Tag-option4-background-color-press);
   --text-color: var(--hop-Tag-option4-text-color-press);
 }
-.Tag-module__hop-Tag--option4___fwMWB[data-disabled] {
+.Tag-module__hop-Tag--option4___-ktOY[data-disabled] {
   --border-color: var(--hop-Tag-option4-border-color-disabled);
   --background-color: var(--hop-Tag-option4-background-color-disabled);
   --text-color: var(--hop-Tag-option4-text-color-disabled);
 }
-.Tag-module__hop-Tag--option5___8fLKL[data-focus-visible] {
+.Tag-module__hop-Tag--option5___lUk1t[data-focus-visible] {
   --border-color: var(--hop-Tag-option5-border-color-focus);
   --background-color: var(--hop-Tag-option5-background-color-focus);
   --text-color: var(--hop-Tag-option5-text-color-focus);
 }
-.Tag-module__hop-Tag--option5___8fLKL:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--option5___lUk1t:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-option5-border-color-hover);
   --background-color: var(--hop-Tag-option5-background-color-hover);
   --text-color: var(--hop-Tag-option5-text-color-hover);
 }
-.Tag-module__hop-Tag--option5___8fLKL[data-pressed] {
+.Tag-module__hop-Tag--option5___lUk1t[data-pressed] {
   --border-color: var(--hop-Tag-option5-border-color-press);
   --background-color: var(--hop-Tag-option5-background-color-press);
   --text-color: var(--hop-Tag-option5-text-color-press);
 }
-.Tag-module__hop-Tag--option5___8fLKL[data-disabled] {
+.Tag-module__hop-Tag--option5___lUk1t[data-disabled] {
   --border-color: var(--hop-Tag-option5-border-color-disabled);
   --background-color: var(--hop-Tag-option5-background-color-disabled);
   --text-color: var(--hop-Tag-option5-text-color-disabled);
 }
-.Tag-module__hop-Tag--option6___Xe5-o[data-focus-visible] {
+.Tag-module__hop-Tag--option6___ff7Gd[data-focus-visible] {
   --border-color: var(--hop-Tag-option6-border-color-focus);
   --background-color: var(--hop-Tag-option6-background-color-focus);
   --text-color: var(--hop-Tag-option6-text-color-focus);
 }
-.Tag-module__hop-Tag--option6___Xe5-o:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag--option6___ff7Gd:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   --border-color: var(--hop-Tag-option6-border-color-hover);
   --background-color: var(--hop-Tag-option6-background-color-hover);
   --text-color: var(--hop-Tag-option6-text-color-hover);
 }
-.Tag-module__hop-Tag--option6___Xe5-o[data-pressed] {
+.Tag-module__hop-Tag--option6___ff7Gd[data-pressed] {
   --border-color: var(--hop-Tag-option6-border-color-press);
   --background-color: var(--hop-Tag-option6-background-color-press);
   --text-color: var(--hop-Tag-option6-text-color-press);
 }
-.Tag-module__hop-Tag--option6___Xe5-o[data-disabled] {
+.Tag-module__hop-Tag--option6___ff7Gd[data-disabled] {
   --border-color: var(--hop-Tag-option6-border-color-disabled);
   --background-color: var(--hop-Tag-option6-background-color-disabled);
   --text-color: var(--hop-Tag-option6-text-color-disabled);
 }
-.Tag-module__hop-Tag___SsZJ6[data-focus-visible] {
+.Tag-module__hop-Tag___pGrhZ[data-focus-visible] {
   outline: 0.125rem solid var(--focus-ring-color);
 }
-.Tag-module__hop-Tag___SsZJ6:not(.Tag-module__hop-Tag--standalone___oYcAy)[data-hovered] {
+.Tag-module__hop-Tag___pGrhZ:not(.Tag-module__hop-Tag--standalone___JrXcG)[data-hovered] {
   cursor: pointer;
 }
-.Tag-module__hop-Tag___SsZJ6[data-selected] {
+.Tag-module__hop-Tag___pGrhZ[data-selected] {
   --background-color: var(--hop-Tag-background-color-selected);
   --border-color: var(--hop-Tag-border-color-selected);
   --text-color: var(--hop-Tag-text-color-selected);
 }
-.Tag-module__hop-Tag___SsZJ6[data-pressed] {
+.Tag-module__hop-Tag___pGrhZ[data-pressed] {
   cursor: pointer;
 }
-.Tag-module__hop-Tag___SsZJ6[data-invalid] {
+.Tag-module__hop-Tag___pGrhZ[data-invalid] {
   --border-color: var(--hop-Tag-border-color-invalid);
 }
-.Tag-module__hop-Tag___SsZJ6[data-disabled] {
+.Tag-module__hop-Tag___pGrhZ[data-disabled] {
   cursor: not-allowed;
 }
-.Tag-module__hop-Tag__avatar___2M2C9 {
+.Tag-module__hop-Tag__avatar___FT7GC {
   flex: 0 0 auto;
   order: 1;
   margin-inline-start: var(--avatar-margin-inline-start);
 }
-.Tag-module__hop-Tag__icon___Jtwbd,
-.Tag-module__hop-Tag__icon-list___hqqEP {
+.Tag-module__hop-Tag__icon___aKkxH,
+.Tag-module__hop-Tag__icon-list___FV1ZA {
   flex: 0 0 auto;
   flex-wrap: nowrap;
   order: 2;
   margin-inline-start: var(--icon-margin-inline-start, 0);
 }
-.Tag-module__hop-Tag__text___FzpXS {
+.Tag-module__hop-Tag__text___l7Uy6 {
   overflow: hidden;
   flex: 1 1 auto;
   order: 3;
@@ -3142,27 +3123,27 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
   text-align: center;
   text-overflow: ellipsis;
 }
-.Tag-module__hop-Tag__badge___p3H-p {
+.Tag-module__hop-Tag__badge___9VwOA {
   flex: 0 0 auto;
   order: 4;
   margin-inline-end: var(--badge-margin-inline-end);
 }
-.Tag-module__hop-Tag___SsZJ6 .Tag-module__hop-Tag__badge--subdued___YWEmZ {
+.Tag-module__hop-Tag___pGrhZ .Tag-module__hop-Tag__badge--subdued___EwxiR {
   margin-inline-start: var(--badge-secondary-margin-inline-start);
   color: inherit;
   background: none;
 }
-.Tag-module__hop-Tag--sm___PKQ1t .Tag-module__hop-Tag__badge___p3H-p {
+.Tag-module__hop-Tag--sm___41WYg .Tag-module__hop-Tag__badge___9VwOA {
   block-size: 100%;
 }
-.Tag-module__hop-Tag__remove-btn___j51GP,
-.Tag-module__hop-Tag__Spinner___npE-R {
+.Tag-module__hop-Tag__remove-btn___b-ihg,
+.Tag-module__hop-Tag__Spinner___bcEla {
   flex: 0 0 auto;
   order: 5;
 }
-.Tag-module__hop-Tag__Spinner___npE-R {
+.Tag-module__hop-Tag__Spinner___bcEla {
   margin-inline-end: var(--spinner-margin-inline-end);
 }
-.Tag-module__hop-Tag__remove-btn___j51GP {
+.Tag-module__hop-Tag__remove-btn___b-ihg {
   margin-inline: var(--clear-btn-margin-inline);
 }