@hopper-ui/components 1.4.6 → 1.4.8

package/dist/inputs/src/PasswordField.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___6rgZ- {
+.Heading-module__hop-Heading___o-v-P {
   --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,50 +33,50 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___6rgZ-) {
+:where(.Heading-module__hop-Heading___o-v-P) {
   margin: 0;
   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___CU9xu) {
+:where(.Heading-module__hop-Heading--xs___KXQEX) {
   --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___exgBk) {
+:where(.Heading-module__hop-Heading--sm___-WdRn) {
   --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___rcL9t) {
+:where(.Heading-module__hop-Heading--md___ukpIT) {
   --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___DYMzj) {
+:where(.Heading-module__hop-Heading--lg___i2P5H) {
   --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___Hna8N) {
+:where(.Heading-module__hop-Heading--xl___Tsi-u) {
   --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___1s5HE) {
+:where(.Heading-module__hop-Heading--2xl___yfzVl) {
   --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___Rxofk) {
+:where(.Heading-module__hop-Heading--3xl___4mhyI) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
 }
 
 /* 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___QOekS {
+.Text-module__hop-Text___w4sro {
   --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);
@@ -114,49 +114,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___QOekS) {
+:where(.Text-module__hop-Text___w4sro) {
   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___dC-dY) {
+:where(.Text-module__hop-Text--xs___YJQqc) {
   --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___Cc616) {
+:where(.Text-module__hop-Text--sm___b-Fyx) {
   --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___-Cnfu) {
+:where(.Text-module__hop-Text--md___Mv6pk) {
   --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___42oYt) {
+:where(.Text-module__hop-Text--lg___meTgy) {
   --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___NuxkX) {
+:where(.Text-module__hop-Text--xl___62mE-) {
   --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___edbgN) {
+:where(.Text-module__hop-Text--2xl___MKyPg) {
   --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___ipzBl) {
+:where(.Text-module__hop-Text--inherit___CbsDY) {
   --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);
@@ -164,7 +164,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
-:where(.OverlineText-module__hop-OverlineText___XmSxB) {
+:where(.OverlineText-module__hop-OverlineText___LwiJI) {
   --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);
@@ -188,52 +188,52 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___VSfku {
+.OverlineText-module__hop-OverlineText__text___ExOHp {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___VSfku::before,
-.OverlineText-module__hop-OverlineText__text___VSfku::after {
+.OverlineText-module__hop-OverlineText__text___ExOHp::before,
+.OverlineText-module__hop-OverlineText__text___ExOHp::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___VSfku::before {
+.OverlineText-module__hop-OverlineText__text___ExOHp::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___VSfku::after {
+.OverlineText-module__hop-OverlineText__text___ExOHp::after {
   margin-block-start: var(--top-offset);
 }
 
 /* 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___hi6n3 {
+.Label-module__hop-Label___fv4X4 {
   --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___hi6n3) {
+:where(.Label-module__hop-Label___fv4X4) {
   font-family: var(--hop-Label-font-family);
   font-size: var(--hop-Label-font-size);
   font-weight: var(--hop-Label-font-weight);
   line-height: var(--hop-Label-line-height);
   color: var(--hop-Label-color);
 }
-:where(.Label-module__hop-Label__indicator___dmiaC) {
+:where(.Label-module__hop-Label__indicator___5kTP2) {
   padding-inline-start: var(--hop-space-20);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
-.Form-module__hop-Form___Z7zNm {
+.Form-module__hop-Form___CQAzy {
   display: flex;
   flex-direction: column;
   gap: var(--hop-space-stack-lg);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
-.IconList-module__hop-IconList___oGz4y {
+.IconList-module__hop-IconList___KxG-w {
   --hop-IconList-gap: var(--hop-space-inline-xs);
   display: flex;
   flex-wrap: wrap;
@@ -242,7 +242,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___PHhy2 {
+@keyframes Spinner-module__spin___N3YMK {
   0% {
     transform: rotate(0deg);
   }
@@ -250,7 +250,7 @@
     transform: rotate(360deg);
   }
 }
-.Spinner-module__hop-Spinner___CE9PO {
+.Spinner-module__hop-Spinner___hkpDy {
   --hop-Spinner-border-radius: var(--hop-shape-circle);
   --hop-Spinner-sm-wheel-size: 1rem;
   --hop-Spinner-md-wheel-size: 1.25rem;
@@ -258,7 +258,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___PHhy2 .8s infinite linear;
+  --hop-Spinner-fill-animation: Spinner-module__spin___N3YMK .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;
@@ -269,19 +269,19 @@
   align-items: center;
   box-sizing: border-box;
 }
-.Spinner-module__hop-Spinner--sm___oyy2U {
+.Spinner-module__hop-Spinner--sm___kHuxY {
   --width: var(--hop-Spinner-sm-wheel-size);
   --height: var(--hop-Spinner-sm-wheel-size);
 }
-.Spinner-module__hop-Spinner--md___FQE4Q {
+.Spinner-module__hop-Spinner--md___zdnoq {
   --width: var(--hop-Spinner-md-wheel-size);
   --height: var(--hop-Spinner-md-wheel-size);
 }
-.Spinner-module__hop-Spinner--lg___ecNMl {
+.Spinner-module__hop-Spinner--lg___brMOC {
   --width: var(--hop-Spinner-lg-wheel-size);
   --height: var(--hop-Spinner-lg-wheel-size);
 }
-.Spinner-module__hop-Spinner__track___J800C {
+.Spinner-module__hop-Spinner__track___yu4cv {
   grid-area: spinner;
   box-sizing: border-box;
   inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -290,7 +290,7 @@
   border: var(--hop-Spinner-track-border);
   border-radius: var(--hop-Spinner-border-radius);
 }
-.Spinner-module__hop-Spinner__fill___s6E6e {
+.Spinner-module__hop-Spinner__fill___asRxx {
   grid-area: spinner;
   box-sizing: border-box;
   inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -301,17 +301,17 @@
   animation: var(--hop-Spinner-fill-animation);
 }
 @media (prefers-reduced-motion: reduce) {
-  .Spinner-module__hop-Spinner__fill___s6E6e {
+  .Spinner-module__hop-Spinner__fill___asRxx {
     animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
   }
 }
-.Spinner-module__hop-Spinner__label___-tdyJ {
+.Spinner-module__hop-Spinner__label___nSWTU {
   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___NTFpr {
+.Button-module__hop-Button___Ojez3 {
   --hop-Button-border-radius: var(--hop-shape-rounded-md);
   --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
   --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -435,215 +435,215 @@
     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___koaex {
+.Button-module__hop-Button--fluid___Dagxg {
   --inline-size: 100%;
 }
-.Button-module__hop-Button--sm___Ovyb2 {
+.Button-module__hop-Button--sm___GfzEN {
   --block-size: var(--hop-Button-sm-height);
   --padding: var(--hop-Button-sm-padding);
 }
-.Button-module__hop-Button--sm___Ovyb2[class*=--ghost] {
+.Button-module__hop-Button--sm___GfzEN[class*=--ghost] {
   --padding: var(--hop-Button-ghost-sm-padding);
 }
-.Button-module__hop-Button--md___i0loO[class*=--ghost] {
+.Button-module__hop-Button--md___T0R4o[class*=--ghost] {
   --padding: var(--hop-Button-ghost-md-padding);
 }
-.Button-module__hop-Button--icon-only___pUmd7 {
+.Button-module__hop-Button--icon-only___Tjy-f {
   --column-gap: var(--hop-Button-icon-only-column-gap);
   --padding: var(--hop-Button-icon-only-padding);
   aspect-ratio: 1;
 }
-.Button-module__hop-Button--primary___Pm4Kg {
+.Button-module__hop-Button--primary___Z-C-k {
   --background-color: var(--hop-Button-primary-background-color);
   --color: var(--hop-Button-primary-color);
   --border: var(--hop-Button-primary-border);
   --spinner-color: var(--hop-Button-primary-spinner-color);
 }
-.Button-module__hop-Button--primary___Pm4Kg[data-hovered],
-.Button-module__hop-Button--primary___Pm4Kg[data-focus-visible] {
+.Button-module__hop-Button--primary___Z-C-k[data-hovered],
+.Button-module__hop-Button--primary___Z-C-k[data-focus-visible] {
   --background-color: var(--hop-Button-primary-background-color-hover);
   --color: var(--hop-Button-primary-color-hover);
   --border: var(--hop-Button-primary-border-hover);
 }
-.Button-module__hop-Button--primary___Pm4Kg[data-pressed] {
+.Button-module__hop-Button--primary___Z-C-k[data-pressed] {
   --background-color: var(--hop-Button-primary-background-color-pressed);
   --color: var(--hop-Button-primary-color-pressed);
   --border: var(--hop-Button-primary-border-pressed);
 }
-.Button-module__hop-Button--secondary___aXDWm {
+.Button-module__hop-Button--secondary___ddXsj {
   --background-color: var(--hop-Button-secondary-background-color);
   --color: var(--hop-Button-secondary-color);
   --border: var(--hop-Button-secondary-border);
   --spinner-color: var(--hop-Button-secondary-spinner-color);
 }
-.Button-module__hop-Button--secondary___aXDWm[data-hovered],
-.Button-module__hop-Button--secondary___aXDWm[data-focus-visible] {
+.Button-module__hop-Button--secondary___ddXsj[data-hovered],
+.Button-module__hop-Button--secondary___ddXsj[data-focus-visible] {
   --background-color: var(--hop-Button-secondary-background-color-hover);
   --color: var(--hop-Button-secondary-color-hover);
   --border: var(--hop-Button-secondary-border-hover);
 }
-.Button-module__hop-Button--secondary___aXDWm[data-pressed] {
+.Button-module__hop-Button--secondary___ddXsj[data-pressed] {
   --background-color: var(--hop-Button-secondary-background-color-pressed);
   --color: var(--hop-Button-secondary-color-pressed);
   --border: var(--hop-Button-secondary-border-pressed);
 }
-.Button-module__hop-Button--upsell___Z1fpJ {
+.Button-module__hop-Button--upsell___GF-S1 {
   --background-color: var(--hop-Button-upsell-background-color);
   --color: var(--hop-Button-upsell-color);
   --border: var(--hop-Button-upsell-border);
   --spinner-color: var(--hop-Button-upsell-spinner-color);
 }
-.Button-module__hop-Button--upsell___Z1fpJ[data-hovered],
-.Button-module__hop-Button--upsell___Z1fpJ[data-focus-visible] {
+.Button-module__hop-Button--upsell___GF-S1[data-hovered],
+.Button-module__hop-Button--upsell___GF-S1[data-focus-visible] {
   --background-color: var(--hop-Button-upsell-background-color-hover);
   --color: var(--hop-Button-upsell-color-hover);
   --border: var(--hop-Button-upsell-border-hover);
 }
-.Button-module__hop-Button--upsell___Z1fpJ[data-pressed] {
+.Button-module__hop-Button--upsell___GF-S1[data-pressed] {
   --background-color: var(--hop-Button-upsell-background-color-pressed);
   --color: var(--hop-Button-upsell-color-pressed);
   --border: var(--hop-Button-upsell-border-pressed);
 }
-.Button-module__hop-Button--danger___Gzic4 {
+.Button-module__hop-Button--danger___2bBxQ {
   --background-color: var(--hop-Button-danger-background-color);
   --color: var(--hop-Button-danger-color);
   --border: var(--hop-Button-danger-border);
   --spinner-color: var(--hop-Button-danger-spinner-color);
 }
-.Button-module__hop-Button--danger___Gzic4[data-hovered],
-.Button-module__hop-Button--danger___Gzic4[data-focus-visible] {
+.Button-module__hop-Button--danger___2bBxQ[data-hovered],
+.Button-module__hop-Button--danger___2bBxQ[data-focus-visible] {
   --background-color: var(--hop-Button-danger-background-color-hover);
   --color: var(--hop-Button-danger-color-hover);
   --border: var(--hop-Button-danger-border-hover);
 }
-.Button-module__hop-Button--danger___Gzic4[data-pressed] {
+.Button-module__hop-Button--danger___2bBxQ[data-pressed] {
   --background-color: var(--hop-Button-danger-background-color-pressed);
   --color: var(--hop-Button-danger-color-pressed);
   --border: var(--hop-Button-danger-border-pressed);
 }
-.Button-module__hop-Button--ghost-primary___5O9QG {
+.Button-module__hop-Button--ghost-primary___HkCuf {
   --background-color: var(--hop-Button-ghost-primary-background-color);
   --color: var(--hop-Button-ghost-primary-color);
   --border: var(--hop-Button-ghost-primary-border);
   --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
 }
-.Button-module__hop-Button--ghost-primary___5O9QG[data-hovered],
-.Button-module__hop-Button--ghost-primary___5O9QG[data-focus-visible] {
+.Button-module__hop-Button--ghost-primary___HkCuf[data-hovered],
+.Button-module__hop-Button--ghost-primary___HkCuf[data-focus-visible] {
   --background-color: var(--hop-Button-ghost-primary-background-color-hover);
   --color: var(--hop-Button-ghost-primary-color-hover);
   --border: var(--hop-Button-ghost-primary-border-hover);
   --text-underline: underline;
 }
-.Button-module__hop-Button--ghost-primary___5O9QG[data-pressed] {
+.Button-module__hop-Button--ghost-primary___HkCuf[data-pressed] {
   --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
   --color: var(--hop-Button-ghost-primary-color-pressed);
   --border: var(--hop-Button-ghost-primary-border-pressed);
   --text-underline: underline;
 }
-.Button-module__hop-Button--ghost-secondary___e0DRm {
+.Button-module__hop-Button--ghost-secondary___Hxqok {
   --background-color: var(--hop-Button-ghost-secondary-background-color);
   --color: var(--hop-Button-ghost-secondary-color);
   --border: var(--hop-Button-ghost-secondary-border);
   --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
 }
-.Button-module__hop-Button--ghost-secondary___e0DRm[data-hovered],
-.Button-module__hop-Button--ghost-secondary___e0DRm[data-focus-visible] {
+.Button-module__hop-Button--ghost-secondary___Hxqok[data-hovered],
+.Button-module__hop-Button--ghost-secondary___Hxqok[data-focus-visible] {
   --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
   --color: var(--hop-Button-ghost-secondary-color-hover);
   --border: var(--hop-Button-ghost-secondary-border-hover);
   --text-underline: underline;
 }
-.Button-module__hop-Button--ghost-secondary___e0DRm[data-pressed] {
+.Button-module__hop-Button--ghost-secondary___Hxqok[data-pressed] {
   --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
   --color: var(--hop-Button-ghost-secondary-color-pressed);
   --border: var(--hop-Button-ghost-secondary-border-pressed);
   --text-underline: underline;
 }
-.Button-module__hop-Button--ghost-danger___JU7M7 {
+.Button-module__hop-Button--ghost-danger___yGySx {
   --background-color: var(--hop-Button-ghost-danger-background-color);
   --color: var(--hop-Button-ghost-danger-color);
   --border: var(--hop-Button-ghost-danger-border);
   --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
 }
-.Button-module__hop-Button--ghost-danger___JU7M7[data-hovered],
-.Button-module__hop-Button--ghost-danger___JU7M7[data-focus-visible] {
+.Button-module__hop-Button--ghost-danger___yGySx[data-hovered],
+.Button-module__hop-Button--ghost-danger___yGySx[data-focus-visible] {
   --background-color: var(--hop-Button-ghost-danger-background-color-hover);
   --color: var(--hop-Button-ghost-danger-color-hover);
   --border: var(--hop-Button-ghost-danger-border-hover);
   --text-underline: underline;
 }
-.Button-module__hop-Button--ghost-danger___JU7M7[data-pressed] {
+.Button-module__hop-Button--ghost-danger___yGySx[data-pressed] {
   --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
   --color: var(--hop-Button-ghost-danger-color-pressed);
   --border: var(--hop-Button-ghost-danger-border-pressed);
   --text-underline: underline;
 }
-.Button-module__hop-Button___NTFpr[data-focus-visible] {
+.Button-module__hop-Button___Ojez3[data-focus-visible] {
   outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
 }
-.Button-module__hop-Button___NTFpr[data-disabled],
-.Button-module__hop-Button___NTFpr[data-pending] {
+.Button-module__hop-Button___Ojez3[data-disabled],
+.Button-module__hop-Button___Ojez3[data-pending] {
   cursor: not-allowed;
 }
-.Button-module__hop-Button___NTFpr[data-disabled] {
+.Button-module__hop-Button___Ojez3[data-disabled] {
   --background-color: var(--hop-Button-background-color-disabled);
   --color: var(--hop-Button-color-disabled);
   --border: var(--hop-Button-border-disabled);
 }
-.Button-module__hop-Button___NTFpr[class*=--ghost][data-disabled] {
+.Button-module__hop-Button___Ojez3[class*=--ghost][data-disabled] {
   --background-color: var(--hop-Button-ghost-background-color-disabled);
   --color: var(--hop-Button-ghost-color-disabled);
   --border: var(--hop-Button-ghost-border-disabled);
 }
-.Button-module__hop-Button--primary___Pm4Kg[data-pending] {
+.Button-module__hop-Button--primary___Z-C-k[data-pending] {
   --background-color: var(--hop-Button-primary-background-color);
   --color: var(--hop-Button-primary-color);
   --border: var(--hop-Button-primary-border);
 }
-.Button-module__hop-Button--secondary___aXDWm[data-pending] {
+.Button-module__hop-Button--secondary___ddXsj[data-pending] {
   --background-color: var(--hop-Button-secondary-background-color);
   --color: var(--hop-Button-secondary-color);
   --border: var(--hop-Button-secondary-border);
 }
-.Button-module__hop-Button--upsell___Z1fpJ[data-pending] {
+.Button-module__hop-Button--upsell___GF-S1[data-pending] {
   --background-color: var(--hop-Button-upsell-background-color);
   --color: var(--hop-Button-upsell-color);
   --border: var(--hop-Button-upsell-border);
 }
-.Button-module__hop-Button--danger___Gzic4[data-pending] {
+.Button-module__hop-Button--danger___2bBxQ[data-pending] {
   --background-color: var(--hop-Button-danger-background-color);
   --color: var(--hop-Button-danger-color);
   --border: var(--hop-Button-danger-border);
 }
-.Button-module__hop-Button--ghost-primary___5O9QG[data-pending] {
+.Button-module__hop-Button--ghost-primary___HkCuf[data-pending] {
   --background-color: var(--hop-Button-ghost-primary-background-color);
   --color: var(--hop-Button-ghost-primary-color);
   --border: var(--hop-Button-ghost-primary-border);
   --text-underline: none;
 }
-.Button-module__hop-Button--ghost-secondary___e0DRm[data-pending] {
+.Button-module__hop-Button--ghost-secondary___Hxqok[data-pending] {
   --background-color: var(--hop-Button-ghost-secondary-background-color);
   --color: var(--hop-Button-ghost-secondary-color);
   --border: var(--hop-Button-ghost-secondary-border);
   --text-underline: none;
 }
-.Button-module__hop-Button--ghost-danger___JU7M7[data-pending] {
+.Button-module__hop-Button--ghost-danger___yGySx[data-pending] {
   --background-color: var(--hop-Button-ghost-danger-background-color);
   --color: var(--hop-Button-ghost-danger-color);
   --border: var(--hop-Button-ghost-danger-border);
   --text-underline: none;
 }
-.Button-module__hop-Button__Spinner___Y2HxQ {
+.Button-module__hop-Button__Spinner___AYk-P {
   position: absolute;
   color: var(--spinner-color);
 }
-.Button-module__hop-Button__icon___iJr7x,
-.Button-module__hop-Button__icon-list___JRDIl {
+.Button-module__hop-Button__icon___VXnHZ,
+.Button-module__hop-Button__icon-list___WxNSG {
   flex: 0 0 auto;
   justify-self: end;
   order: 1;
 }
-.Button-module__hop-Button__text___sKE6W {
+.Button-module__hop-Button__text___1mYTK {
   user-select: none;
   overflow: visible;
   flex: 0 1 auto;
@@ -653,60 +653,60 @@
   text-underline-offset: 0.125rem;
   text-wrap: nowrap;
 }
-.Button-module__hop-Button__end-icon___o0aoJ,
-.Button-module__hop-Button__end-icon-list___-hxB- {
+.Button-module__hop-Button__end-icon___h4k7L,
+.Button-module__hop-Button__end-icon-list___OMSZ2 {
   flex: 0 0 auto;
   order: 3;
 }
-.Button-module__hop-Button___NTFpr .Button-module__hop-Button__icon-list___JRDIl,
-.Button-module__hop-Button___NTFpr .Button-module__hop-Button__end-icon-list___-hxB- {
+.Button-module__hop-Button___Ojez3 .Button-module__hop-Button__icon-list___WxNSG,
+.Button-module__hop-Button___Ojez3 .Button-module__hop-Button__end-icon-list___OMSZ2 {
   flex-wrap: nowrap;
 }
-.Button-module__hop-Button___NTFpr[data-pending] > *:not(.Button-module__hop-Button__Spinner___Y2HxQ) {
+.Button-module__hop-Button___Ojez3[data-pending] > *:not(.Button-module__hop-Button__Spinner___AYk-P) {
   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___ouAnr {
+.ButtonGroup-module__hop-ButtonGroup___-Y84e {
   display: inline-flex;
   flex-wrap: nowrap;
   gap: var(--hop-space-inline-md);
 }
-.ButtonGroup-module__hop-ButtonGroup--horizontal___J7KXB {
+.ButtonGroup-module__hop-ButtonGroup--horizontal___0O5WA {
   align-items: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--vertical___ZWW8V {
+.ButtonGroup-module__hop-ButtonGroup--vertical___XAj7Z {
   flex-direction: column;
   gap: var(--hop-space-stack-md);
   justify-content: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--start___IlnuR.ButtonGroup-module__hop-ButtonGroup--vertical___ZWW8V {
+.ButtonGroup-module__hop-ButtonGroup--start___DILQT.ButtonGroup-module__hop-ButtonGroup--vertical___XAj7Z {
   align-items: flex-start;
 }
-.ButtonGroup-module__hop-ButtonGroup--center___zsIwv.ButtonGroup-module__hop-ButtonGroup--vertical___ZWW8V {
+.ButtonGroup-module__hop-ButtonGroup--center___oNNDT.ButtonGroup-module__hop-ButtonGroup--vertical___XAj7Z {
   align-items: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--end___mmlUu.ButtonGroup-module__hop-ButtonGroup--vertical___ZWW8V {
+.ButtonGroup-module__hop-ButtonGroup--end___3P-Su.ButtonGroup-module__hop-ButtonGroup--vertical___XAj7Z {
   align-items: flex-end;
 }
-.ButtonGroup-module__hop-ButtonGroup--start___IlnuR.ButtonGroup-module__hop-ButtonGroup--horizontal___J7KXB {
+.ButtonGroup-module__hop-ButtonGroup--start___DILQT.ButtonGroup-module__hop-ButtonGroup--horizontal___0O5WA {
   justify-content: flex-start;
 }
-.ButtonGroup-module__hop-ButtonGroup--center___zsIwv.ButtonGroup-module__hop-ButtonGroup--horizontal___J7KXB {
+.ButtonGroup-module__hop-ButtonGroup--center___oNNDT.ButtonGroup-module__hop-ButtonGroup--horizontal___0O5WA {
   justify-content: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--end___mmlUu.ButtonGroup-module__hop-ButtonGroup--horizontal___J7KXB {
+.ButtonGroup-module__hop-ButtonGroup--end___3P-Su.ButtonGroup-module__hop-ButtonGroup--horizontal___0O5WA {
   justify-content: flex-end;
 }
-.ButtonGroup-module__hop-ButtonGroup--wrap___0-jfB {
+.ButtonGroup-module__hop-ButtonGroup--wrap___OzFmj {
   flex-wrap: wrap;
 }
-.ButtonGroup-module__hop-ButtonGroup--fluid___xMsbE {
+.ButtonGroup-module__hop-ButtonGroup--fluid___LmBb3 {
   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___yzIQS {
+.EmbeddedButton-module__hop-EmbeddedButton___x-YsH {
   --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);
@@ -870,7 +870,7 @@
   outline: none;
   transition: color var(--transition);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___yzIQS::before {
+.EmbeddedButton-module__hop-EmbeddedButton___x-YsH::before {
   content: "";
   position: absolute;
   inset-block-start: 50%;
@@ -883,284 +883,296 @@
   border-radius: var(--effect-border-radius);
   transition: background-color var(--transition);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___yzIQS[data-square] {
+.EmbeddedButton-module__hop-EmbeddedButton___x-YsH[data-square] {
   --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--md___r2Bw3 {
+.EmbeddedButton-module__hop-EmbeddedButton--md___IwZov {
   --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___8OhW7 {
+.EmbeddedButton-module__hop-EmbeddedButton--lg___OcPc2 {
   --inline-size: var(--hop-EmbeddedButton-lg-width);
   --block-size: var(--hop-EmbeddedButton-lg-height);
   --focus-ring-offset: 0;
 }
-.EmbeddedButton-module__hop-EmbeddedButton--md___r2Bw3::before {
+.EmbeddedButton-module__hop-EmbeddedButton--md___IwZov::before {
   --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
   --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--lg___8OhW7::before {
+.EmbeddedButton-module__hop-EmbeddedButton--lg___OcPc2::before {
   --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
   --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--neutral___L1B-3 {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___2SZhx {
   --color: var(--hop-EmbeddedButton-neutral-color);
   --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--subdued___qKe-N {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___LyVNp {
   --color: var(--hop-EmbeddedButton-subdued-color);
   --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--progress___--F2T {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___neixG {
   --color: var(--hop-EmbeddedButton-progress-color);
   --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--positive___fpzVV {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___8cmit {
   --color: var(--hop-EmbeddedButton-positive-color);
   --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--caution___eMIOA {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___27chF {
   --color: var(--hop-EmbeddedButton-caution-color);
   --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--negative___kr4pW {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___abUnN {
   --color: var(--hop-EmbeddedButton-negative-color);
   --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option1___6lwWT {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___RMrlr {
   --color: var(--hop-EmbeddedButton-option1-color);
   --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option2___PSYKj {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___4LcR- {
   --color: var(--hop-EmbeddedButton-option2-color);
   --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option3___9fXcs {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___W5w7o {
   --color: var(--hop-EmbeddedButton-option3-color);
   --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option4___ymvcy {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___slDEn {
   --color: var(--hop-EmbeddedButton-option4-color);
   --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option5___LY9cs {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___uA7HB {
   --color: var(--hop-EmbeddedButton-option5-color);
   --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option6___H2A66 {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___Vqbsn {
   --color: var(--hop-EmbeddedButton-option6-color);
   --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___yzIQS[data-selected] {
+.EmbeddedButton-module__hop-EmbeddedButton___x-YsH[data-selected] {
   --color: var(--hop-EmbeddedButton-selected-color);
   --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___yzIQS[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton___x-YsH[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___yzIQS[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton___x-YsH[data-disabled] {
   cursor: not-allowed;
 }
-.EmbeddedButton-module__hop-EmbeddedButton--neutral___L1B-3[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___2SZhx[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___L1B-3[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___2SZhx[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___L1B-3[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___2SZhx[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___L1B-3[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___2SZhx[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___qKe-N[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___LyVNp[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___qKe-N[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___LyVNp[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___qKe-N[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___LyVNp[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___qKe-N[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___LyVNp[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___--F2T[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___neixG[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___--F2T[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___neixG[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___--F2T[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___neixG[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___--F2T[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___neixG[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___fpzVV[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___8cmit[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___fpzVV[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___8cmit[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___fpzVV[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___8cmit[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___fpzVV[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___8cmit[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___eMIOA[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___27chF[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___eMIOA[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___27chF[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___eMIOA[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___27chF[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___eMIOA[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___27chF[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___kr4pW[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___abUnN[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___kr4pW[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___abUnN[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___kr4pW[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___abUnN[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___kr4pW[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___abUnN[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___6lwWT[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___RMrlr[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___6lwWT[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___RMrlr[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___6lwWT[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___RMrlr[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___6lwWT[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___RMrlr[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___PSYKj[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___4LcR-[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___PSYKj[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___4LcR-[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___PSYKj[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___4LcR-[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___PSYKj[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___4LcR-[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___9fXcs[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___W5w7o[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___9fXcs[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___W5w7o[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___9fXcs[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___W5w7o[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___9fXcs[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___W5w7o[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___ymvcy[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___slDEn[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___ymvcy[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___slDEn[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___ymvcy[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___slDEn[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___ymvcy[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___slDEn[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___LY9cs[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___uA7HB[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___LY9cs[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___uA7HB[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___LY9cs[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___uA7HB[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___LY9cs[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___uA7HB[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___H2A66[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___Vqbsn[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___H2A66[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___Vqbsn[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___H2A66[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___Vqbsn[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___H2A66[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___Vqbsn[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___U-qG2 {
+.EmbeddedButton-module__hop-EmbeddedButton__icon___9vR4i {
   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___bJPhs {
+  --hop-CloseButton-margin-top: 0rem;
+  --hop-CloseButton-padding: 0rem;
+  --hop-CloseButton-witdh: "fit-content";
+  --hop-CloseButton-height: "fit-content";
+  inline-size: var(--hop-CloseButton-width);
+  block-size: var(--hop-CloseButton-height);
+  margin-block-start: var(--hop-CloseButton-margin-top);
+  padding: var(--hop-CloseButton-padding);
+}
+
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
-.Button-module__hop-Button___NTFpr {
+.Button-module__hop-Button___Ojez3 {
   --hop-Button-border-radius: var(--hop-shape-rounded-md);
   --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
   --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1284,215 +1296,215 @@
     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___koaex {
+.Button-module__hop-Button--fluid___Dagxg {
   --inline-size: 100%;
 }
-.Button-module__hop-Button--sm___Ovyb2 {
+.Button-module__hop-Button--sm___GfzEN {
   --block-size: var(--hop-Button-sm-height);
   --padding: var(--hop-Button-sm-padding);
 }
-.Button-module__hop-Button--sm___Ovyb2[class*=--ghost] {
+.Button-module__hop-Button--sm___GfzEN[class*=--ghost] {
   --padding: var(--hop-Button-ghost-sm-padding);
 }
-.Button-module__hop-Button--md___i0loO[class*=--ghost] {
+.Button-module__hop-Button--md___T0R4o[class*=--ghost] {
   --padding: var(--hop-Button-ghost-md-padding);
 }
-.Button-module__hop-Button--icon-only___pUmd7 {
+.Button-module__hop-Button--icon-only___Tjy-f {
   --column-gap: var(--hop-Button-icon-only-column-gap);
   --padding: var(--hop-Button-icon-only-padding);
   aspect-ratio: 1;
 }
-.Button-module__hop-Button--primary___Pm4Kg {
+.Button-module__hop-Button--primary___Z-C-k {
   --background-color: var(--hop-Button-primary-background-color);
   --color: var(--hop-Button-primary-color);
   --border: var(--hop-Button-primary-border);
   --spinner-color: var(--hop-Button-primary-spinner-color);
 }
-.Button-module__hop-Button--primary___Pm4Kg[data-hovered],
-.Button-module__hop-Button--primary___Pm4Kg[data-focus-visible] {
+.Button-module__hop-Button--primary___Z-C-k[data-hovered],
+.Button-module__hop-Button--primary___Z-C-k[data-focus-visible] {
   --background-color: var(--hop-Button-primary-background-color-hover);
   --color: var(--hop-Button-primary-color-hover);
   --border: var(--hop-Button-primary-border-hover);
 }
-.Button-module__hop-Button--primary___Pm4Kg[data-pressed] {
+.Button-module__hop-Button--primary___Z-C-k[data-pressed] {
   --background-color: var(--hop-Button-primary-background-color-pressed);
   --color: var(--hop-Button-primary-color-pressed);
   --border: var(--hop-Button-primary-border-pressed);
 }
-.Button-module__hop-Button--secondary___aXDWm {
+.Button-module__hop-Button--secondary___ddXsj {
   --background-color: var(--hop-Button-secondary-background-color);
   --color: var(--hop-Button-secondary-color);
   --border: var(--hop-Button-secondary-border);
   --spinner-color: var(--hop-Button-secondary-spinner-color);
 }
-.Button-module__hop-Button--secondary___aXDWm[data-hovered],
-.Button-module__hop-Button--secondary___aXDWm[data-focus-visible] {
+.Button-module__hop-Button--secondary___ddXsj[data-hovered],
+.Button-module__hop-Button--secondary___ddXsj[data-focus-visible] {
   --background-color: var(--hop-Button-secondary-background-color-hover);
   --color: var(--hop-Button-secondary-color-hover);
   --border: var(--hop-Button-secondary-border-hover);
 }
-.Button-module__hop-Button--secondary___aXDWm[data-pressed] {
+.Button-module__hop-Button--secondary___ddXsj[data-pressed] {
   --background-color: var(--hop-Button-secondary-background-color-pressed);
   --color: var(--hop-Button-secondary-color-pressed);
   --border: var(--hop-Button-secondary-border-pressed);
 }
-.Button-module__hop-Button--upsell___Z1fpJ {
+.Button-module__hop-Button--upsell___GF-S1 {
   --background-color: var(--hop-Button-upsell-background-color);
   --color: var(--hop-Button-upsell-color);
   --border: var(--hop-Button-upsell-border);
   --spinner-color: var(--hop-Button-upsell-spinner-color);
 }
-.Button-module__hop-Button--upsell___Z1fpJ[data-hovered],
-.Button-module__hop-Button--upsell___Z1fpJ[data-focus-visible] {
+.Button-module__hop-Button--upsell___GF-S1[data-hovered],
+.Button-module__hop-Button--upsell___GF-S1[data-focus-visible] {
   --background-color: var(--hop-Button-upsell-background-color-hover);
   --color: var(--hop-Button-upsell-color-hover);
   --border: var(--hop-Button-upsell-border-hover);
 }
-.Button-module__hop-Button--upsell___Z1fpJ[data-pressed] {
+.Button-module__hop-Button--upsell___GF-S1[data-pressed] {
   --background-color: var(--hop-Button-upsell-background-color-pressed);
   --color: var(--hop-Button-upsell-color-pressed);
   --border: var(--hop-Button-upsell-border-pressed);
 }
-.Button-module__hop-Button--danger___Gzic4 {
+.Button-module__hop-Button--danger___2bBxQ {
   --background-color: var(--hop-Button-danger-background-color);
   --color: var(--hop-Button-danger-color);
   --border: var(--hop-Button-danger-border);
   --spinner-color: var(--hop-Button-danger-spinner-color);
 }
-.Button-module__hop-Button--danger___Gzic4[data-hovered],
-.Button-module__hop-Button--danger___Gzic4[data-focus-visible] {
+.Button-module__hop-Button--danger___2bBxQ[data-hovered],
+.Button-module__hop-Button--danger___2bBxQ[data-focus-visible] {
   --background-color: var(--hop-Button-danger-background-color-hover);
   --color: var(--hop-Button-danger-color-hover);
   --border: var(--hop-Button-danger-border-hover);
 }
-.Button-module__hop-Button--danger___Gzic4[data-pressed] {
+.Button-module__hop-Button--danger___2bBxQ[data-pressed] {
   --background-color: var(--hop-Button-danger-background-color-pressed);
   --color: var(--hop-Button-danger-color-pressed);
   --border: var(--hop-Button-danger-border-pressed);
 }
-.Button-module__hop-Button--ghost-primary___5O9QG {
+.Button-module__hop-Button--ghost-primary___HkCuf {
   --background-color: var(--hop-Button-ghost-primary-background-color);
   --color: var(--hop-Button-ghost-primary-color);
   --border: var(--hop-Button-ghost-primary-border);
   --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
 }
-.Button-module__hop-Button--ghost-primary___5O9QG[data-hovered],
-.Button-module__hop-Button--ghost-primary___5O9QG[data-focus-visible] {
+.Button-module__hop-Button--ghost-primary___HkCuf[data-hovered],
+.Button-module__hop-Button--ghost-primary___HkCuf[data-focus-visible] {
   --background-color: var(--hop-Button-ghost-primary-background-color-hover);
   --color: var(--hop-Button-ghost-primary-color-hover);
   --border: var(--hop-Button-ghost-primary-border-hover);
   --text-underline: underline;
 }
-.Button-module__hop-Button--ghost-primary___5O9QG[data-pressed] {
+.Button-module__hop-Button--ghost-primary___HkCuf[data-pressed] {
   --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
   --color: var(--hop-Button-ghost-primary-color-pressed);
   --border: var(--hop-Button-ghost-primary-border-pressed);
   --text-underline: underline;
 }
-.Button-module__hop-Button--ghost-secondary___e0DRm {
+.Button-module__hop-Button--ghost-secondary___Hxqok {
   --background-color: var(--hop-Button-ghost-secondary-background-color);
   --color: var(--hop-Button-ghost-secondary-color);
   --border: var(--hop-Button-ghost-secondary-border);
   --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
 }
-.Button-module__hop-Button--ghost-secondary___e0DRm[data-hovered],
-.Button-module__hop-Button--ghost-secondary___e0DRm[data-focus-visible] {
+.Button-module__hop-Button--ghost-secondary___Hxqok[data-hovered],
+.Button-module__hop-Button--ghost-secondary___Hxqok[data-focus-visible] {
   --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
   --color: var(--hop-Button-ghost-secondary-color-hover);
   --border: var(--hop-Button-ghost-secondary-border-hover);
   --text-underline: underline;
 }
-.Button-module__hop-Button--ghost-secondary___e0DRm[data-pressed] {
+.Button-module__hop-Button--ghost-secondary___Hxqok[data-pressed] {
   --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
   --color: var(--hop-Button-ghost-secondary-color-pressed);
   --border: var(--hop-Button-ghost-secondary-border-pressed);
   --text-underline: underline;
 }
-.Button-module__hop-Button--ghost-danger___JU7M7 {
+.Button-module__hop-Button--ghost-danger___yGySx {
   --background-color: var(--hop-Button-ghost-danger-background-color);
   --color: var(--hop-Button-ghost-danger-color);
   --border: var(--hop-Button-ghost-danger-border);
   --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
 }
-.Button-module__hop-Button--ghost-danger___JU7M7[data-hovered],
-.Button-module__hop-Button--ghost-danger___JU7M7[data-focus-visible] {
+.Button-module__hop-Button--ghost-danger___yGySx[data-hovered],
+.Button-module__hop-Button--ghost-danger___yGySx[data-focus-visible] {
   --background-color: var(--hop-Button-ghost-danger-background-color-hover);
   --color: var(--hop-Button-ghost-danger-color-hover);
   --border: var(--hop-Button-ghost-danger-border-hover);
   --text-underline: underline;
 }
-.Button-module__hop-Button--ghost-danger___JU7M7[data-pressed] {
+.Button-module__hop-Button--ghost-danger___yGySx[data-pressed] {
   --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
   --color: var(--hop-Button-ghost-danger-color-pressed);
   --border: var(--hop-Button-ghost-danger-border-pressed);
   --text-underline: underline;
 }
-.Button-module__hop-Button___NTFpr[data-focus-visible] {
+.Button-module__hop-Button___Ojez3[data-focus-visible] {
   outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
 }
-.Button-module__hop-Button___NTFpr[data-disabled],
-.Button-module__hop-Button___NTFpr[data-pending] {
+.Button-module__hop-Button___Ojez3[data-disabled],
+.Button-module__hop-Button___Ojez3[data-pending] {
   cursor: not-allowed;
 }
-.Button-module__hop-Button___NTFpr[data-disabled] {
+.Button-module__hop-Button___Ojez3[data-disabled] {
   --background-color: var(--hop-Button-background-color-disabled);
   --color: var(--hop-Button-color-disabled);
   --border: var(--hop-Button-border-disabled);
 }
-.Button-module__hop-Button___NTFpr[class*=--ghost][data-disabled] {
+.Button-module__hop-Button___Ojez3[class*=--ghost][data-disabled] {
   --background-color: var(--hop-Button-ghost-background-color-disabled);
   --color: var(--hop-Button-ghost-color-disabled);
   --border: var(--hop-Button-ghost-border-disabled);
 }
-.Button-module__hop-Button--primary___Pm4Kg[data-pending] {
+.Button-module__hop-Button--primary___Z-C-k[data-pending] {
   --background-color: var(--hop-Button-primary-background-color);
   --color: var(--hop-Button-primary-color);
   --border: var(--hop-Button-primary-border);
 }
-.Button-module__hop-Button--secondary___aXDWm[data-pending] {
+.Button-module__hop-Button--secondary___ddXsj[data-pending] {
   --background-color: var(--hop-Button-secondary-background-color);
   --color: var(--hop-Button-secondary-color);
   --border: var(--hop-Button-secondary-border);
 }
-.Button-module__hop-Button--upsell___Z1fpJ[data-pending] {
+.Button-module__hop-Button--upsell___GF-S1[data-pending] {
   --background-color: var(--hop-Button-upsell-background-color);
   --color: var(--hop-Button-upsell-color);
   --border: var(--hop-Button-upsell-border);
 }
-.Button-module__hop-Button--danger___Gzic4[data-pending] {
+.Button-module__hop-Button--danger___2bBxQ[data-pending] {
   --background-color: var(--hop-Button-danger-background-color);
   --color: var(--hop-Button-danger-color);
   --border: var(--hop-Button-danger-border);
 }
-.Button-module__hop-Button--ghost-primary___5O9QG[data-pending] {
+.Button-module__hop-Button--ghost-primary___HkCuf[data-pending] {
   --background-color: var(--hop-Button-ghost-primary-background-color);
   --color: var(--hop-Button-ghost-primary-color);
   --border: var(--hop-Button-ghost-primary-border);
   --text-underline: none;
 }
-.Button-module__hop-Button--ghost-secondary___e0DRm[data-pending] {
+.Button-module__hop-Button--ghost-secondary___Hxqok[data-pending] {
   --background-color: var(--hop-Button-ghost-secondary-background-color);
   --color: var(--hop-Button-ghost-secondary-color);
   --border: var(--hop-Button-ghost-secondary-border);
   --text-underline: none;
 }
-.Button-module__hop-Button--ghost-danger___JU7M7[data-pending] {
+.Button-module__hop-Button--ghost-danger___yGySx[data-pending] {
   --background-color: var(--hop-Button-ghost-danger-background-color);
   --color: var(--hop-Button-ghost-danger-color);
   --border: var(--hop-Button-ghost-danger-border);
   --text-underline: none;
 }
-.Button-module__hop-Button__Spinner___Y2HxQ {
+.Button-module__hop-Button__Spinner___AYk-P {
   position: absolute;
   color: var(--spinner-color);
 }
-.Button-module__hop-Button__icon___iJr7x,
-.Button-module__hop-Button__icon-list___JRDIl {
+.Button-module__hop-Button__icon___VXnHZ,
+.Button-module__hop-Button__icon-list___WxNSG {
   flex: 0 0 auto;
   justify-self: end;
   order: 1;
 }
-.Button-module__hop-Button__text___sKE6W {
+.Button-module__hop-Button__text___1mYTK {
   user-select: none;
   overflow: visible;
   flex: 0 1 auto;
@@ -1502,57 +1514,57 @@
   text-underline-offset: 0.125rem;
   text-wrap: nowrap;
 }
-.Button-module__hop-Button__end-icon___o0aoJ,
-.Button-module__hop-Button__end-icon-list___-hxB- {
+.Button-module__hop-Button__end-icon___h4k7L,
+.Button-module__hop-Button__end-icon-list___OMSZ2 {
   flex: 0 0 auto;
   order: 3;
 }
-.Button-module__hop-Button___NTFpr .Button-module__hop-Button__icon-list___JRDIl,
-.Button-module__hop-Button___NTFpr .Button-module__hop-Button__end-icon-list___-hxB- {
+.Button-module__hop-Button___Ojez3 .Button-module__hop-Button__icon-list___WxNSG,
+.Button-module__hop-Button___Ojez3 .Button-module__hop-Button__end-icon-list___OMSZ2 {
   flex-wrap: nowrap;
 }
-.Button-module__hop-Button___NTFpr[data-pending] > *:not(.Button-module__hop-Button__Spinner___Y2HxQ) {
+.Button-module__hop-Button___Ojez3[data-pending] > *:not(.Button-module__hop-Button__Spinner___AYk-P) {
   opacity: 0;
 }
-.LinkButton-module__hop-LinkButton___e7amV {
+.LinkButton-module__hop-LinkButton___e-StF {
 }
-.LinkButton-module__hop-LinkButton--fluid___EZ70J {
+.LinkButton-module__hop-LinkButton--fluid___nXpGB {
 }
-.LinkButton-module__hop-LinkButton--sm___MWhRm {
+.LinkButton-module__hop-LinkButton--sm___-TnDL {
 }
-.LinkButton-module__hop-LinkButton--icon-only___56tLs {
+.LinkButton-module__hop-LinkButton--icon-only___6EJm3 {
 }
-.LinkButton-module__hop-LinkButton--primary___IFi-0 {
+.LinkButton-module__hop-LinkButton--primary___5iFR5 {
 }
-.LinkButton-module__hop-LinkButton--secondary___9C09g {
+.LinkButton-module__hop-LinkButton--secondary___HTKUA {
 }
-.LinkButton-module__hop-LinkButton--upsell___nAUtv {
+.LinkButton-module__hop-LinkButton--upsell___ovtOp {
 }
-.LinkButton-module__hop-LinkButton--danger___aUFiz {
+.LinkButton-module__hop-LinkButton--danger___4iSOe {
 }
-.LinkButton-module__hop-LinkButton--ghost-primary___biEfy {
+.LinkButton-module__hop-LinkButton--ghost-primary___-Nlf1 {
 }
-.LinkButton-module__hop-LinkButton--ghost-secondary___y8x9I {
+.LinkButton-module__hop-LinkButton--ghost-secondary___N-rux {
 }
-.LinkButton-module__hop-LinkButton--ghost-danger___-Teso {
+.LinkButton-module__hop-LinkButton--ghost-danger___xqJ4Z {
 }
-.LinkButton-module__hop-LinkButton__Spinner___TtQwh {
+.LinkButton-module__hop-LinkButton__Spinner___ktEu7 {
 }
-.LinkButton-module__hop-LinkButton__icon___nAzTW,
-.LinkButton-module__hop-LinkButton__icon-list___iGU0e {
+.LinkButton-module__hop-LinkButton__icon___6P3eS,
+.LinkButton-module__hop-LinkButton__icon-list___P5rgY {
 }
-.LinkButton-module__hop-LinkButton__text___-OM4Y {
+.LinkButton-module__hop-LinkButton__text___izHXC {
 }
-.LinkButton-module__hop-LinkButton__end-icon___YfWUP,
-.LinkButton-module__hop-LinkButton__end-icon-list___UyX1X {
+.LinkButton-module__hop-LinkButton__end-icon___cw8Mk,
+.LinkButton-module__hop-LinkButton__end-icon-list___m22JM {
 }
-.LinkButton-module__hop-LinkButton___e7amV .LinkButton-module__hop-LinkButton__icon-list___iGU0e,
-.LinkButton-module__hop-LinkButton___e7amV .LinkButton-module__hop-LinkButton__end-icon-list___UyX1X {
+.LinkButton-module__hop-LinkButton___e-StF .LinkButton-module__hop-LinkButton__icon-list___P5rgY,
+.LinkButton-module__hop-LinkButton___e-StF .LinkButton-module__hop-LinkButton__end-icon-list___m22JM {
   flex-wrap: nowrap;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___5PZtG {
+.ErrorMessage-module__hop-ErrorMessage___K1rie {
   --hop-ErrorMessage-color: var(--hop-danger-text-weak);
   --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
   --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1569,13 +1581,13 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___zWB3c {
+.ErrorMessage-module__hop-ErrorMessage__icon___urc3s {
   flex: 0 0 auto;
   align-self: flex-start;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
-.HelperMessage-module__hop-HelperMessage___jW0Zp {
+.HelperMessage-module__hop-HelperMessage___xIcmM {
   --hop-HelperMessage-color: var(--hop-neutral-text-weak);
   --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
   display: flex;
@@ -1584,170 +1596,135 @@
   box-sizing: border-box;
   color: var(--hop-HelperMessage-color);
 }
-.HelperMessage-module__hop-HelperMessage__icon___jXeNe {
+.HelperMessage-module__hop-HelperMessage__icon___ACn9W {
   flex: 0 0 auto;
   align-self: flex-start;
 }
 
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/Input.module.css/#css-module-data */
+.Input-module__hop-Input___BFsFZ {
+  --hop-Input-placeholder-font-family: inherit;
+  --hop-Input-placeholder-font-size: inherit;
+  --hop-Input-placeholder-font-weight: inherit;
+  --hop-Input-placeholder-line-height: inherit;
+  --hop-Input-placeholder-color: var(--hop-neutral-text-weakest);
+  --hop-Input-placeholder-color-disabled: var(--hop-neutral-text-disabled);
+  --hop-Input-sm-block-size: 1.875rem;
+  --hop-Input-md-block-size: 2.375rem;
+  --hop-Input-color: inherit;
+  --hop-Input-color-disabled: var(--hop-neutral-text-disabled);
+  --hop-Input-background: transparent;
+  --hop-Input-background-disabled: var(--hop-neutral-surface-disabled);
+  --hop-Input-sm-font-family: var(--hop-body-sm-font-family);
+  --hop-Input-sm-font-size: var(--hop-body-sm-font-size);
+  --hop-Input-sm-font-weight: var(--hop-body-sm-font-weight);
+  --hop-Input-sm-line-height: var(--hop-body-sm-line-height);
+  --hop-Input-md-font-family: var(--hop-body-md-font-family);
+  --hop-Input-md-font-size: var(--hop-body-md-font-size);
+  --hop-Input-md-font-weight: var(--hop-body-md-font-weight);
+  --hop-Input-md-line-height: var(--hop-body-md-line-height);
+  --hop-Input-inline-size: 100%;
+  --hop-Input-min-inline-size: 0;
+  --input-placeholder-color: var(--hop-Input-placeholder-color);
+  --font-family: var(--hop-Input-md-font-family);
+  --font-size: var(--hop-Input-md-font-size);
+  --font-weight: var(--hop-Input-md-font-weight);
+  --line-height: var(--hop-Input-md-line-height);
+  --block-size: var(--hop-Input-md-block-size);
+  --color: var(--hop-Input-color);
+  --background-color: var(--hop-Input-background);
+  overflow: hidden;
+  flex-grow: 1;
+  flex-shrink: 1;
+  box-sizing: border-box;
+  inline-size: var(--hop-Input-inline-size);
+  min-inline-size: var(--hop-Input-min-inline-size);
+  block-size: var(--block-size);
+  padding: 0;
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-weight: var(--font-weight);
+  line-height: var(--line-height);
+  color: var(--color);
+  background-color: var(--background-color);
+  border: 0;
+  outline-style: none;
+}
+.Input-module__hop-Input--sm___z0ZJ7 {
+  --font-family: var(--hop-Input-sm-font-family);
+  --font-size: var(--hop-Input-sm-font-size);
+  --font-weight: var(--hop-Input-sm-font-weight);
+  --line-height: var(--hop-Input-sm-line-height);
+  --block-size: var(--hop-Input-sm-block-size);
+}
+.Input-module__hop-Input___BFsFZ::placeholder {
+  font-family: var(--hop-Input-placeholder-font-family);
+  font-size: var(--hop-Input-placeholder-font-size);
+  font-weight: var(--hop-Input-placeholder-font-weight);
+  line-height: var(--hop-Input-placeholder-line-height);
+  color: var(--input-placeholder-color);
+}
+.Input-module__hop-Input___BFsFZ[data-disabled] {
+  --input-placeholder-color: var(--hop-Input-placeholder-color-disabled);
+  --color: var(--hop-Input-color-disabled);
+  --background-color: var(--hop-Input-background-disabled);
+}
+
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
-.InputGroup-module__hop-InputGroup___N8RYp {
+.InputGroup-module__hop-InputGroup___-SLz7 {
   --hop-InputGroup-background: var(--hop-neutral-surface);
   --hop-InputGroup-border-color: var(--hop-neutral-border);
   --hop-InputGroup-border-width: 0.0625rem;
-  --hop-InputGroup-display: inline-flex;
-  --hop-InputGroup-display-number: grid;
   --hop-InputGroup-gap: var(--hop-space-inline-sm);
-  --hop-InputGroup-gap-textarea: 0;
-  --hop-InputGroup-gap-number: 0;
-  --hop-InputGroup-flex-direction: row;
-  --hop-InputGroup-flex-direction-textarea: column;
-  --hop-InputGroup-align-items: center;
-  --hop-InputGroup-align-items-textarea: flex-end;
   --hop-InputGroup-inline-size: fit-content;
-  --hop-InputGroup-sm-block-size: 2rem;
-  --hop-InputGroup-md-block-size: 2.5rem;
-  --hop-InputGroup-block-size-textarea: auto;
   --hop-InputGroup-border-radius: var(--hop-shape-rounded-md);
   --hop-InputGroup-padding-inline: var(--hop-space-inset-md);
   --hop-InputGroup-padding-block: 0;
-  --hop-InputGroup-padding-inline-textarea: var(--hop-space-inset-xs);
-  --hop-InputGroup-padding-block-textarea: var(--hop-space-inset-xs);
   --hop-InputGroup-border-color-hover: var(--hop-neutral-border-hover);
   --hop-InputGroup-border-color-focus: var(--hop-primary-border-focus);
   --hop-InputGroup-background-hover: var(--hop-neutral-surface-hover);
   --hop-InputGroup-border-color-invalid: var(--hop-danger-border-strong);
-  --hop-InputGroup-input-color: var(--hop-neutral-text);
-  --hop-InputGroup-input-color-disabled: var(--hop-neutral-text-disabled);
-  --hop-InputGroup-input-sm-font-family: var(--hop-body-sm-font-family);
-  --hop-InputGroup-input-sm-font-size: var(--hop-body-sm-font-size);
-  --hop-InputGroup-input-sm-font-weight: var(--hop-body-sm-font-weight);
-  --hop-InputGroup-input-sm-line-height: var(--hop-body-sm-line-height);
-  --hop-InputGroup-input-sm-block-size: 1.5rem;
-  --hop-InputGroup-input-md-font-family: var(--hop-body-md-font-family);
-  --hop-InputGroup-input-md-font-size: var(--hop-body-md-font-size);
-  --hop-InputGroup-input-md-font-weight: var(--hop-body-md-font-weight);
-  --hop-InputGroup-input-md-line-height: var(--hop-body-md-line-height);
-  --hop-InputGroup-input-md-block-size: 2rem;
-  --hop-InputGroup-input-padding: 0;
-  --hop-InputGroup-textarea-padding: var(--hop-space-inset-xs) calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs));
   --hop-InputGroup-background-disabled: var(--hop-neutral-surface-disabled);
   --hop-InputGroup-border-color-disabled: var(--hop-neutral-border-disabled);
-  --hop-InputGroup-placeholder-font-family: inherit;
-  --hop-InputGroup-placeholder-font-size: inherit;
-  --hop-InputGroup-placeholder-font-weight: inherit;
-  --hop-InputGroup-placeholder-line-height: inherit;
-  --hop-InputGroup-placeholder-color: var(--hop-neutral-text-weakest);
-  --hop-InputGroup-placeholder-color-disabled: var(--hop-neutral-text-disabled);
-  --hop-InputGroup-embedded-button-margin-inline-end: calc(-1 * var(--hop-space-inline-sm));
   --inline-size: var(--hop-InputGroup-inline-size);
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
   --background: var(--hop-InputGroup-background);
-  --block-size: var(--hop-InputGroup-md-block-size);
-  --display: var(--hop-InputGroup-display);
-  --gap: var(--hop-InputGroup-gap);
-  --flex-direction: var(--hop-InputGroup-flex-direction);
-  --align-items: var(--hop-InputGroup-align-items);
-  --padding-inline: var(--hop-InputGroup-padding-inline);
-  --padding-block: var(--hop-InputGroup-padding-block);
-  --input-font-family: var(--hop-InputGroup-input-md-font-family);
-  --input-font-size: var(--hop-InputGroup-input-md-font-size);
-  --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
-  --input-line-height: var(--hop-InputGroup-input-md-line-height);
-  --input-block-size: var(--hop-InputGroup-input-md-block-size);
-  --input-inline-size: initial;
-  --input-color: var(--hop-InputGroup-input-color);
-  --input-placeholder-color: var(--hop-InputGroup-placeholder-color);
   position: relative;
-  display: var(--display);
-  flex-direction: var(--flex-direction);
-  gap: var(--gap);
-  align-items: var(--align-items);
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--hop-InputGroup-gap);
+  align-items: center;
   box-sizing: border-box;
   inline-size: var(--inline-size);
-  block-size: var(--block-size);
-  padding-block: var(--padding-block);
-  padding-inline: var(--padding-inline);
+  padding-block: var(--hop-InputGroup-padding-block);
+  padding-inline: var(--hop-InputGroup-padding-inline);
   background: var(--background);
   border: var(--border);
   border-radius: var(--hop-InputGroup-border-radius);
 }
-.InputGroup-module__hop-InputGroup--fluid___9vGKT {
+.InputGroup-module__hop-InputGroup--fluid___Ev-PS {
   --inline-size: 100%;
-  --input-inline-size: 100%;
-}
-.InputGroup-module__hop-InputGroup--sm___Jx4ce {
-  --block-size: var(--hop-InputGroup-sm-block-size);
-  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
-  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
-  --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
-  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
-  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
-}
-.InputGroup-module__hop-InputGroup___N8RYp[data-input-type=textarea] {
-  --gap: var(--hop-InputGroup-gap-textarea);
-  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
-  --align-items: var(--hop-InputGroup-align-items-textarea);
-  --block-size: var(--hop-InputGroup-block-size-textarea);
-  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
-  --padding-block: var(--hop-InputGroup-padding-block-textarea);
-}
-.InputGroup-module__hop-InputGroup___N8RYp[data-input-type=number] {
-  --display: var(--hop-InputGroup-display-number);
-  --gap: var(--hop-InputGroup-gap-number);
-}
-.InputGroup-module__hop-InputGroup___N8RYp[data-hovered] {
+}
+.InputGroup-module__hop-InputGroup___-SLz7[data-hovered] {
   --background: var(--hop-InputGroup-background-hover);
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
 }
-.InputGroup-module__hop-InputGroup___N8RYp[data-focus-within] {
+.InputGroup-module__hop-InputGroup___-SLz7[data-focus-within] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
 }
-.InputGroup-module__hop-InputGroup___N8RYp[data-invalid] {
+.InputGroup-module__hop-InputGroup___-SLz7[data-invalid] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
 }
-.InputGroup-module__hop-InputGroup___N8RYp[data-disabled] {
+.InputGroup-module__hop-InputGroup___-SLz7[data-disabled] {
   --background: var(--hop-InputGroup-background-disabled);
-  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
-  --input-color: var(--hop-InputGroup-input-color-disabled);
-  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
-}
-.InputGroup-module__hop-InputGroup__input___Dys-L,
-.InputGroup-module__hop-InputGroup__textarea___mTuX6 {
-  flex: 1 1 auto;
-  box-sizing: border-box;
-  inline-size: var(--input-inline-size);
-  min-inline-size: 0;
-  font-family: var(--input-font-family);
-  font-size: var(--input-font-size);
-  font-weight: var(--input-font-weight);
-  line-height: var(--input-line-height);
-  color: var(--input-color);
-  background: transparent;
-  border: none;
-  outline: none;
-}
-.InputGroup-module__hop-InputGroup__input___Dys-L {
-  block-size: var(--input-block-size);
-  padding: var(--hop-InputGroup-input-padding);
-}
-.InputGroup-module__hop-InputGroup__textarea___mTuX6 {
-  padding: var(--hop-InputGroup-textarea-padding);
-}
-.InputGroup-module__hop-InputGroup__input___Dys-L::placeholder {
-  font-family: var(--hop-InputGroup-placeholder-font-family);
-  font-size: var(--hop-InputGroup-placeholder-font-size);
-  font-weight: var(--hop-InputGroup-placeholder-font-weight);
-  line-height: var(--hop-InputGroup-placeholder-line-height);
-  color: var(--input-placeholder-color);
-}
-.InputGroup-module__hop-InputGroup__embedded-button___WwmYu {
-  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
+  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-disabled);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
-.PasswordField-module__hop-PasswordField___x6oZM {
+.PasswordField-module__hop-PasswordField___tt6Fb {
   --hop-PasswordField-gap: var(--hop-space-stack-xs);
   --hop-PasswordField-inline-size: 20rem;
+  --hop-PasswordField-input-group-padding-inline-end: 0.5rem;
   --inline-size: var(--hop-PasswordField-inline-size);
   display: flex;
   flex-direction: column;
@@ -1755,16 +1732,17 @@
   inline-size: var(--inline-size);
   max-inline-size: 100%;
 }
-.PasswordField-module__hop-PasswordField--fluid___KWlRN {
+.PasswordField-module__hop-PasswordField--fluid___JLaOb {
   --inline-size: 100%;
 }
-.PasswordField-module__hop-PasswordField__Label___6hV4k {
+.PasswordField-module__hop-PasswordField__Label___eF-D- {
   order: 0;
 }
-.PasswordField-module__hop-PasswordField__InputGroup___Cf647 {
+.PasswordField-module__hop-PasswordField__InputGroup___i-K8U {
   order: 1;
+  padding-inline-end: var(--hop-PasswordField-input-group-padding-inline-end);
 }
-.PasswordField-module__hop-PasswordField__ErrorMessage___eMqo-,
-.PasswordField-module__hop-PasswordField__HelperMessage___W-riH {
+.PasswordField-module__hop-PasswordField__ErrorMessage___M1NYA,
+.PasswordField-module__hop-PasswordField__HelperMessage___Ihur9 {
   order: 3;
 }