@hopper-ui/components 1.3.15 → 1.3.17

package/dist/Select/src/index.css

@@ -2,7 +2,7 @@
 @import "@hopper-ui/styled-system/index.css";
 
 /* 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___7E7Pr {
+.Heading-module__hop-Heading___BdLR7 {
   --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);
@@ -36,58 +36,120 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___7E7Pr) {
+:where(.Heading-module__hop-Heading___BdLR7) {
   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___sfcV4) {
+:where(.Heading-module__hop-Heading--xs___WyXi8) {
   --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___B7yyb) {
+:where(.Heading-module__hop-Heading--sm___7BkZ-) {
   --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___4kKyY) {
+:where(.Heading-module__hop-Heading--md___Yb-wf) {
   --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___wWh-I) {
+:where(.Heading-module__hop-Heading--lg___Iajp0) {
   --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___w6IwO) {
+:where(.Heading-module__hop-Heading--xl___7gcoD) {
   --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___uf1ph) {
+:where(.Heading-module__hop-Heading--2xl___SBxPs) {
   --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___sJOSZ) {
+:where(.Heading-module__hop-Heading--3xl___PK0X3) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
   --line-height: var(--hop-Heading-3xl-line-height);
 }
 
+/* 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___PxKbH) {
+  --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);
+  --hop-OverlineText-letter-spacing: 0.015rem;
+  --hop-OverlineText-line-height: var(--hop-overline-line-height);
+  --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
+  --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
+  --font-family: var(--hop-OverlineText-font-family);
+  --font-size: var(--hop-OverlineText-font-size);
+  --font-weight: var(--hop-OverlineText-font-weight);
+  --letter-spacing: var(--hop-OverlineText-letter-spacing);
+  --line-height: var(--hop-OverlineText-line-height);
+  --top-offset: var(--hop-OverlineText-top-offset);
+  --bottom-offset: var(--hop-OverlineText-bottom-offset);
+  box-sizing: border-box;
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-feature-settings: "case";
+  font-weight: var(--font-weight);
+  line-height: var(--line-height);
+  text-transform: uppercase;
+  letter-spacing: var(--letter-spacing);
+}
+.OverlineText-module__hop-OverlineText__text___fn4KK {
+  box-sizing: border-box;
+}
+.OverlineText-module__hop-OverlineText__text___fn4KK::before,
+.OverlineText-module__hop-OverlineText__text___fn4KK::after {
+  content: "";
+  display: block;
+  box-sizing: border-box;
+  inline-size: 0;
+  block-size: 0;
+}
+.OverlineText-module__hop-OverlineText__text___fn4KK::before {
+  margin-block-end: var(--bottom-offset);
+}
+.OverlineText-module__hop-OverlineText__text___fn4KK::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___ORxUQ {
+  --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___ORxUQ) {
+  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___ORHUL) {
+  padding-inline-start: var(--hop-space-20);
+}
+
 /* 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___N8grK {
+.Text-module__hop-Text___fcjW1 {
   --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);
@@ -117,326 +179,57 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___N8grK) {
+:where(.Text-module__hop-Text___fcjW1) {
   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___he69L) {
+:where(.Text-module__hop-Text--xs___ZI6iJ) {
   --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___z2W9l) {
+:where(.Text-module__hop-Text--sm___J-tGA) {
   --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___-jclu) {
+:where(.Text-module__hop-Text--md___cPML6) {
   --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___WCPge) {
+:where(.Text-module__hop-Text--lg___Sy28t) {
   --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___nkxvu) {
+:where(.Text-module__hop-Text--xl___lvVhm) {
   --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___OdutS) {
+:where(.Text-module__hop-Text--2xl___SRkHL) {
   --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___HrcZh) {
+:where(.Text-module__hop-Text--inherit___Z8PjI) {
   --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);
   --line-height: var(--hop-Text-inherit-size-line-height);
 }
 
-/* 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___n46Lr {
-  --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___n46Lr) {
-  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___-saZ-) {
-  padding-inline-start: var(--hop-space-20);
-}
-
-/* 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___gvlgy) {
-  --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);
-  --hop-OverlineText-letter-spacing: 0.015rem;
-  --hop-OverlineText-line-height: var(--hop-overline-line-height);
-  --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
-  --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
-  --font-family: var(--hop-OverlineText-font-family);
-  --font-size: var(--hop-OverlineText-font-size);
-  --font-weight: var(--hop-OverlineText-font-weight);
-  --letter-spacing: var(--hop-OverlineText-letter-spacing);
-  --line-height: var(--hop-OverlineText-line-height);
-  --top-offset: var(--hop-OverlineText-top-offset);
-  --bottom-offset: var(--hop-OverlineText-bottom-offset);
-  box-sizing: border-box;
-  font-family: var(--font-family);
-  font-size: var(--font-size);
-  font-feature-settings: "case";
-  font-weight: var(--font-weight);
-  line-height: var(--line-height);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing);
-}
-.OverlineText-module__hop-OverlineText__text___0W6Pv {
-  box-sizing: border-box;
-}
-.OverlineText-module__hop-OverlineText__text___0W6Pv::before,
-.OverlineText-module__hop-OverlineText__text___0W6Pv::after {
-  content: "";
-  display: block;
-  box-sizing: border-box;
-  inline-size: 0;
-  block-size: 0;
-}
-.OverlineText-module__hop-OverlineText__text___0W6Pv::before {
-  margin-block-end: var(--bottom-offset);
-}
-.OverlineText-module__hop-OverlineText__text___0W6Pv::after {
-  margin-block-start: var(--top-offset);
-}
-
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
-.Badge-module__hop-Badge___SiITu {
-  --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);
-  --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);
-  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);
-}
-.Badge-module__hop-Badge___SiITu[data-variant=primary] {
-  --background-color: var(--hop-Badge-primary-background-color);
-  --text-color: var(--hop-Badge-primary-text-color);
-}
-.Badge-module__hop-Badge___SiITu[data-hovered][data-variant=primary] {
-  --background-color: var(--hop-Badge-primary-background-color-hovered);
-  --text-color: var(--hop-Badge-primary-text-color-hovered);
-}
-.Badge-module__hop-Badge___SiITu[data-pressed][data-variant=primary] {
-  --background-color: var(--hop-Badge-primary-background-color-pressed);
-  --text-color: var(--hop-Badge-primary-text-color-pressed);
-}
-.Badge-module__hop-Badge___SiITu[data-selected][data-variant=primary] {
-  --background-color: var(--hop-Badge-primary-background-color-selected);
-  --text-color: var(--hop-Badge-primary-text-color-selected);
-}
-.Badge-module__hop-Badge___SiITu[data-variant=secondary] {
-  --background-color: var(--hop-Badge-secondary-background-color);
-  --text-color: var(--hop-Badge-secondary-text-color);
-}
-.Badge-module__hop-Badge___SiITu[data-hovered][data-variant=secondary] {
-  --background-color: var(--hop-Badge-secondary-background-color-hovered);
-  --text-color: var(--hop-Badge-secondary-text-color-hovered);
-}
-.Badge-module__hop-Badge___SiITu[data-pressed][data-variant=secondary] {
-  --background-color: var(--hop-Badge-secondary-background-color-pressed);
-  --text-color: var(--hop-Badge-secondary-text-color-pressed);
-}
-.Badge-module__hop-Badge___SiITu[data-selected][data-variant=secondary] {
-  --background-color: var(--hop-Badge-secondary-background-color-selected);
-  --text-color: var(--hop-Badge-secondary-text-color-selected);
-}
-.Badge-module__hop-Badge___SiITu[data-variant=subdued] {
-  --background-color: var(--hop-Badge-subdued-background-color);
-  --text-color: var(--hop-Badge-subdued-text-color);
-}
-.Badge-module__hop-Badge___SiITu[data-hovered][data-variant=subdued] {
-  --background-color: var(--hop-Badge-subdued-background-color-hovered);
-  --text-color: var(--hop-Badge-subdued-text-color-hovered);
-}
-.Badge-module__hop-Badge___SiITu[data-pressed][data-variant=subdued] {
-  --background-color: var(--hop-Badge-subdued-background-color-pressed);
-  --text-color: var(--hop-Badge-subdued-text-color-pressed);
-}
-.Badge-module__hop-Badge___SiITu[data-selected][data-variant=subdued] {
-  --background-color: var(--hop-Badge-subdued-background-color-selected);
-  --text-color: var(--hop-Badge-subdued-text-color-selected);
-}
-.Badge-module__hop-Badge___SiITu[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___SiITu[data-disabled] {
-  --background-color: var(--hop-Badge-background-color-disabled);
-  --text-color: var(--hop-Badge-text-color-disabled);
-}
-
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
-.FloatingBadge-module__hop-FloatingBadge___k8LF0 {
-  --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));
-  --hop-FloatingBadge-badge-circular-y: calc(10% + var(--hop-FloatingBadge-offset-y));
-  --hop-FloatingBadge-badge-topright-top: var(--hop-FloatingBadge-badge-y);
-  --hop-FloatingBadge-badge-topright-right: var(--hop-FloatingBadge-badge-x);
-  --hop-FloatingBadge-badge-topright-circular-top: var(--hop-FloatingBadge-badge-circular-y);
-  --hop-FloatingBadge-badge-topright-circular-right: var(--hop-FloatingBadge-badge-circular-x);
-  --hop-FloatingBadge-badge-topright-bottom: auto;
-  --hop-FloatingBadge-badge-topright-left: auto;
-  --hop-FloatingBadge-badge-topright-transform: translate(50%, -50%);
-  --hop-FloatingBadge-badge-topright-transform-origin: 100% 0;
-  --hop-FloatingBadge-badge-topleft-top: var(--hop-FloatingBadge-badge-y);
-  --hop-FloatingBadge-badge-topleft-circular-top: var(--hop-FloatingBadge-badge-circular-y);
-  --hop-FloatingBadge-badge-topleft-right: auto;
-  --hop-FloatingBadge-badge-topleft-bottom: auto;
-  --hop-FloatingBadge-badge-topleft-left: var(--hop-FloatingBadge-badge-x);
-  --hop-FloatingBadge-badge-topleft-circular-left: var(--hop-FloatingBadge-badge-circular-x);
-  --hop-FloatingBadge-badge-topleft-transform: translate(-50%, -50%);
-  --hop-FloatingBadge-badge-topleft-transform-origin: 0 0;
-  --hop-FloatingBadge-badge-bottomright-top: auto;
-  --hop-FloatingBadge-badge-bottomright-right: var(--hop-FloatingBadge-badge-x);
-  --hop-FloatingBadge-badge-bottomright-circular-right: var(--hop-FloatingBadge-badge-circular-x);
-  --hop-FloatingBadge-badge-bottomright-bottom: var(--hop-FloatingBadge-badge-y);
-  --hop-FloatingBadge-badge-bottomright-circular-bottom: var(--hop-FloatingBadge-badge-circular-y);
-  --hop-FloatingBadge-badge-bottomright-left: auto;
-  --hop-FloatingBadge-badge-bottomright-transform: translate(50%, 50%);
-  --hop-FloatingBadge-badge-bottomright-transform-origin: 100% 100%;
-  --hop-FloatingBadge-badge-bottomleft-top: auto;
-  --hop-FloatingBadge-badge-bottomleft-right: auto;
-  --hop-FloatingBadge-badge-bottomleft-bottom: var(--hop-FloatingBadge-badge-y);
-  --hop-FloatingBadge-badge-bottomleft-circular-bottom: var(--hop-FloatingBadge-badge-circular-y);
-  --hop-FloatingBadge-badge-bottomleft-left: var(--hop-FloatingBadge-badge-x);
-  --hop-FloatingBadge-badge-bottomleft-circular-left: var(--hop-FloatingBadge-badge-circular-x);
-  --hop-FloatingBadge-badge-bottomleft-transform: translate(-50%, 50%);
-  --hop-FloatingBadge-badge-bottomleft-transform-origin: 0 100%;
-  position: relative;
-  box-sizing: border-box;
-  inline-size: max-content;
-}
-.FloatingBadge-module__hop-FloatingBadge___k8LF0[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);
-  --badge-left: var(--hop-FloatingBadge-badge-topright-left);
-  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
-  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
-}
-.FloatingBadge-module__hop-FloatingBadge___k8LF0[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___k8LF0[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);
-  --badge-left: var(--hop-FloatingBadge-badge-topleft-left);
-  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
-  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
-}
-.FloatingBadge-module__hop-FloatingBadge___k8LF0[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___k8LF0[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);
-  --badge-left: var(--hop-FloatingBadge-badge-bottomright-left);
-  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
-  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
-}
-.FloatingBadge-module__hop-FloatingBadge___k8LF0[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___k8LF0[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);
-  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-left);
-  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
-  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
-}
-.FloatingBadge-module__hop-FloatingBadge___k8LF0[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___gDDXi {
-  position: absolute;
-  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
-  transform-origin: var(--badge-transform-origin);
-  transform: var(--badge-transform);
-}
-
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___ODYyd {
+.ErrorMessage-module__hop-ErrorMessage___0CCbj {
   --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);
@@ -453,13 +246,13 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___Jg8wH {
+.ErrorMessage-module__hop-ErrorMessage__icon___Btugn {
   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___Uf6yr {
+.HelperMessage-module__hop-HelperMessage___J-iaa {
   --hop-HelperMessage-color: var(--hop-neutral-text-weak);
   --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
   display: flex;
@@ -468,13 +261,13 @@
   box-sizing: border-box;
   color: var(--hop-HelperMessage-color);
 }
-.HelperMessage-module__hop-HelperMessage__icon___BwCCi {
+.HelperMessage-module__hop-HelperMessage__icon___UHdXZ {
   flex: 0 0 auto;
   align-self: flex-start;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___teXu6 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___aNhOG {
   --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);
@@ -505,46 +298,46 @@
   background-color: var(--background-color);
   border-radius: var(--hop-RichIconAvatarImage-border-radius);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___k12Tu {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ZHx6v {
   --size: var(--hop-RichIconAvatarImage-xs-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___oWAVn {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___ug2qa {
   --size: var(--hop-RichIconAvatarImage-sm-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Wd-k7 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___ObvNG {
   --size: var(--hop-RichIconAvatarImage-md-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___tYd0L {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___tGBD9 {
   --size: var(--hop-RichIconAvatarImage-lg-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___HfXSB {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___LTv7Q {
   --size: var(--hop-RichIconAvatarImage-xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___EdgZI {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Mp4Ej {
   --size: var(--hop-RichIconAvatarImage-2xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___teXu6[data-disabled] {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___aNhOG[data-disabled] {
   --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SkNlV {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___TABAF {
   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___teXu6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SkNlV {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___aNhOG[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___TABAF {
   --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___zAFNh {
+.Avatar-module__hop-Avatar___SVxzR {
   --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);
@@ -589,78 +382,285 @@
   background-color: var(--background-color, transparent);
   border-radius: var(--hop-Avatar-border-radius);
 }
-.Avatar-module__hop-Avatar--xs___RpPoe {
-  --size: var(--hop-Avatar-xs-size);
+.Avatar-module__hop-Avatar--xs___2StrT {
+  --size: var(--hop-Avatar-xs-size);
+}
+.Avatar-module__hop-Avatar--sm___RQ1P4 {
+  --size: var(--hop-Avatar-sm-size);
+}
+.Avatar-module__hop-Avatar--md___tQ885 {
+  --size: var(--hop-Avatar-md-size);
+}
+.Avatar-module__hop-Avatar--lg___lMNBX {
+  --size: var(--hop-Avatar-lg-size);
+}
+.Avatar-module__hop-Avatar--xl___rldqT {
+  --size: var(--hop-Avatar-xl-size);
+}
+.Avatar-module__hop-Avatar--2xl___EVNmP {
+  --size: var(--hop-Avatar-2xl-size);
+}
+.Avatar-module__hop-Avatar--decorative-option1___3JyYc {
+  --background-color: var(--hop-Avatar-decorative-1-background-color);
+  --text-color: var(--hop-Avatar-decorative-1-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option2___PuzcH {
+  --background-color: var(--hop-Avatar-decorative-2-background-color);
+  --text-color: var(--hop-Avatar-decorative-2-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option3___kt4WJ {
+  --background-color: var(--hop-Avatar-decorative-3-background-color);
+  --text-color: var(--hop-Avatar-decorative-3-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option4___5eoea {
+  --background-color: var(--hop-Avatar-decorative-4-background-color);
+  --text-color: var(--hop-Avatar-decorative-4-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option5___WV2sI {
+  --background-color: var(--hop-Avatar-decorative-5-background-color);
+  --text-color: var(--hop-Avatar-decorative-5-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option6___ZH-Xz {
+  --background-color: var(--hop-Avatar-decorative-6-background-color);
+  --text-color: var(--hop-Avatar-decorative-6-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option7___uOv-Z {
+  --background-color: var(--hop-Avatar-decorative-7-background-color);
+  --text-color: var(--hop-Avatar-decorative-7-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option8___5OgtA {
+  --background-color: var(--hop-Avatar-decorative-8-background-color);
+  --text-color: var(--hop-Avatar-decorative-8-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option9___PiJlg {
+  --background-color: var(--hop-Avatar-decorative-9-background-color);
+  --text-color: var(--hop-Avatar-decorative-9-text-color);
+}
+.Avatar-module__hop-Avatar___SVxzR[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___NvvoF {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  inline-size: 100%;
+  block-size: 100%;
+  object-fit: cover;
+  mix-blend-mode: var(--mix-blend-mode);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
+.Badge-module__hop-Badge___ggBRV {
+  --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);
+  --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);
+  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);
+}
+.Badge-module__hop-Badge___ggBRV[data-variant=primary] {
+  --background-color: var(--hop-Badge-primary-background-color);
+  --text-color: var(--hop-Badge-primary-text-color);
+}
+.Badge-module__hop-Badge___ggBRV[data-hovered][data-variant=primary] {
+  --background-color: var(--hop-Badge-primary-background-color-hovered);
+  --text-color: var(--hop-Badge-primary-text-color-hovered);
+}
+.Badge-module__hop-Badge___ggBRV[data-pressed][data-variant=primary] {
+  --background-color: var(--hop-Badge-primary-background-color-pressed);
+  --text-color: var(--hop-Badge-primary-text-color-pressed);
+}
+.Badge-module__hop-Badge___ggBRV[data-selected][data-variant=primary] {
+  --background-color: var(--hop-Badge-primary-background-color-selected);
+  --text-color: var(--hop-Badge-primary-text-color-selected);
+}
+.Badge-module__hop-Badge___ggBRV[data-variant=secondary] {
+  --background-color: var(--hop-Badge-secondary-background-color);
+  --text-color: var(--hop-Badge-secondary-text-color);
+}
+.Badge-module__hop-Badge___ggBRV[data-hovered][data-variant=secondary] {
+  --background-color: var(--hop-Badge-secondary-background-color-hovered);
+  --text-color: var(--hop-Badge-secondary-text-color-hovered);
 }
-.Avatar-module__hop-Avatar--sm___bK0GJ {
-  --size: var(--hop-Avatar-sm-size);
+.Badge-module__hop-Badge___ggBRV[data-pressed][data-variant=secondary] {
+  --background-color: var(--hop-Badge-secondary-background-color-pressed);
+  --text-color: var(--hop-Badge-secondary-text-color-pressed);
 }
-.Avatar-module__hop-Avatar--md___FNDyQ {
-  --size: var(--hop-Avatar-md-size);
+.Badge-module__hop-Badge___ggBRV[data-selected][data-variant=secondary] {
+  --background-color: var(--hop-Badge-secondary-background-color-selected);
+  --text-color: var(--hop-Badge-secondary-text-color-selected);
 }
-.Avatar-module__hop-Avatar--lg___-Mvvi {
-  --size: var(--hop-Avatar-lg-size);
+.Badge-module__hop-Badge___ggBRV[data-variant=subdued] {
+  --background-color: var(--hop-Badge-subdued-background-color);
+  --text-color: var(--hop-Badge-subdued-text-color);
 }
-.Avatar-module__hop-Avatar--xl___1R35Q {
-  --size: var(--hop-Avatar-xl-size);
+.Badge-module__hop-Badge___ggBRV[data-hovered][data-variant=subdued] {
+  --background-color: var(--hop-Badge-subdued-background-color-hovered);
+  --text-color: var(--hop-Badge-subdued-text-color-hovered);
 }
-.Avatar-module__hop-Avatar--2xl___HTN-g {
-  --size: var(--hop-Avatar-2xl-size);
+.Badge-module__hop-Badge___ggBRV[data-pressed][data-variant=subdued] {
+  --background-color: var(--hop-Badge-subdued-background-color-pressed);
+  --text-color: var(--hop-Badge-subdued-text-color-pressed);
 }
-.Avatar-module__hop-Avatar--decorative-option1___zv04S {
-  --background-color: var(--hop-Avatar-decorative-1-background-color);
-  --text-color: var(--hop-Avatar-decorative-1-text-color);
+.Badge-module__hop-Badge___ggBRV[data-selected][data-variant=subdued] {
+  --background-color: var(--hop-Badge-subdued-background-color-selected);
+  --text-color: var(--hop-Badge-subdued-text-color-selected);
 }
-.Avatar-module__hop-Avatar--decorative-option2___TZ-zg {
-  --background-color: var(--hop-Avatar-decorative-2-background-color);
-  --text-color: var(--hop-Avatar-decorative-2-text-color);
+.Badge-module__hop-Badge___ggBRV[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);
 }
-.Avatar-module__hop-Avatar--decorative-option3___UXzn2 {
-  --background-color: var(--hop-Avatar-decorative-3-background-color);
-  --text-color: var(--hop-Avatar-decorative-3-text-color);
+.Badge-module__hop-Badge___ggBRV[data-disabled] {
+  --background-color: var(--hop-Badge-background-color-disabled);
+  --text-color: var(--hop-Badge-text-color-disabled);
 }
-.Avatar-module__hop-Avatar--decorative-option4___5ed9i {
-  --background-color: var(--hop-Avatar-decorative-4-background-color);
-  --text-color: var(--hop-Avatar-decorative-4-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___jy7P2 {
+  --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));
+  --hop-FloatingBadge-badge-circular-y: calc(10% + var(--hop-FloatingBadge-offset-y));
+  --hop-FloatingBadge-badge-topright-top: var(--hop-FloatingBadge-badge-y);
+  --hop-FloatingBadge-badge-topright-right: var(--hop-FloatingBadge-badge-x);
+  --hop-FloatingBadge-badge-topright-circular-top: var(--hop-FloatingBadge-badge-circular-y);
+  --hop-FloatingBadge-badge-topright-circular-right: var(--hop-FloatingBadge-badge-circular-x);
+  --hop-FloatingBadge-badge-topright-bottom: auto;
+  --hop-FloatingBadge-badge-topright-left: auto;
+  --hop-FloatingBadge-badge-topright-transform: translate(50%, -50%);
+  --hop-FloatingBadge-badge-topright-transform-origin: 100% 0;
+  --hop-FloatingBadge-badge-topleft-top: var(--hop-FloatingBadge-badge-y);
+  --hop-FloatingBadge-badge-topleft-circular-top: var(--hop-FloatingBadge-badge-circular-y);
+  --hop-FloatingBadge-badge-topleft-right: auto;
+  --hop-FloatingBadge-badge-topleft-bottom: auto;
+  --hop-FloatingBadge-badge-topleft-left: var(--hop-FloatingBadge-badge-x);
+  --hop-FloatingBadge-badge-topleft-circular-left: var(--hop-FloatingBadge-badge-circular-x);
+  --hop-FloatingBadge-badge-topleft-transform: translate(-50%, -50%);
+  --hop-FloatingBadge-badge-topleft-transform-origin: 0 0;
+  --hop-FloatingBadge-badge-bottomright-top: auto;
+  --hop-FloatingBadge-badge-bottomright-right: var(--hop-FloatingBadge-badge-x);
+  --hop-FloatingBadge-badge-bottomright-circular-right: var(--hop-FloatingBadge-badge-circular-x);
+  --hop-FloatingBadge-badge-bottomright-bottom: var(--hop-FloatingBadge-badge-y);
+  --hop-FloatingBadge-badge-bottomright-circular-bottom: var(--hop-FloatingBadge-badge-circular-y);
+  --hop-FloatingBadge-badge-bottomright-left: auto;
+  --hop-FloatingBadge-badge-bottomright-transform: translate(50%, 50%);
+  --hop-FloatingBadge-badge-bottomright-transform-origin: 100% 100%;
+  --hop-FloatingBadge-badge-bottomleft-top: auto;
+  --hop-FloatingBadge-badge-bottomleft-right: auto;
+  --hop-FloatingBadge-badge-bottomleft-bottom: var(--hop-FloatingBadge-badge-y);
+  --hop-FloatingBadge-badge-bottomleft-circular-bottom: var(--hop-FloatingBadge-badge-circular-y);
+  --hop-FloatingBadge-badge-bottomleft-left: var(--hop-FloatingBadge-badge-x);
+  --hop-FloatingBadge-badge-bottomleft-circular-left: var(--hop-FloatingBadge-badge-circular-x);
+  --hop-FloatingBadge-badge-bottomleft-transform: translate(-50%, 50%);
+  --hop-FloatingBadge-badge-bottomleft-transform-origin: 0 100%;
+  position: relative;
+  box-sizing: border-box;
+  inline-size: max-content;
 }
-.Avatar-module__hop-Avatar--decorative-option5___0XmsT {
-  --background-color: var(--hop-Avatar-decorative-5-background-color);
-  --text-color: var(--hop-Avatar-decorative-5-text-color);
+.FloatingBadge-module__hop-FloatingBadge___jy7P2[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);
+  --badge-left: var(--hop-FloatingBadge-badge-topright-left);
+  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
+  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
 }
-.Avatar-module__hop-Avatar--decorative-option6___-iTte {
-  --background-color: var(--hop-Avatar-decorative-6-background-color);
-  --text-color: var(--hop-Avatar-decorative-6-text-color);
+.FloatingBadge-module__hop-FloatingBadge___jy7P2[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);
 }
-.Avatar-module__hop-Avatar--decorative-option7___9MlTV {
-  --background-color: var(--hop-Avatar-decorative-7-background-color);
-  --text-color: var(--hop-Avatar-decorative-7-text-color);
+.FloatingBadge-module__hop-FloatingBadge___jy7P2[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);
+  --badge-left: var(--hop-FloatingBadge-badge-topleft-left);
+  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
+  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
 }
-.Avatar-module__hop-Avatar--decorative-option8___JC9Q0 {
-  --background-color: var(--hop-Avatar-decorative-8-background-color);
-  --text-color: var(--hop-Avatar-decorative-8-text-color);
+.FloatingBadge-module__hop-FloatingBadge___jy7P2[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);
 }
-.Avatar-module__hop-Avatar--decorative-option9___NA8Sw {
-  --background-color: var(--hop-Avatar-decorative-9-background-color);
-  --text-color: var(--hop-Avatar-decorative-9-text-color);
+.FloatingBadge-module__hop-FloatingBadge___jy7P2[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);
+  --badge-left: var(--hop-FloatingBadge-badge-bottomright-left);
+  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
+  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
 }
-.Avatar-module__hop-Avatar___zAFNh[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;
+.FloatingBadge-module__hop-FloatingBadge___jy7P2[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);
 }
-.Avatar-module__hop-Avatar__image___NxcCs {
-  position: relative;
-  display: block;
-  box-sizing: border-box;
-  inline-size: 100%;
-  block-size: 100%;
-  object-fit: cover;
-  mix-blend-mode: var(--mix-blend-mode);
+.FloatingBadge-module__hop-FloatingBadge___jy7P2[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);
+  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-left);
+  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
+  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
+}
+.FloatingBadge-module__hop-FloatingBadge___jy7P2[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___-igKk {
+  position: absolute;
+  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
+  transform-origin: var(--badge-transform-origin);
+  transform: var(--badge-transform);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
-.IconList-module__hop-IconList___sohOX {
+.IconList-module__hop-IconList___XVzRk {
   --hop-IconList-gap: var(--hop-space-inline-xs);
   display: flex;
   flex-wrap: wrap;
@@ -669,7 +669,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
-.Checkbox-module__hop-Checkbox___oNgaG {
+.Checkbox-module__hop-Checkbox___2Zm3l {
   --hop-Checkbox-box-border-size: 0.0625rem;
   --hop-Checkbox-box-border-color: var(--hop-neutral-border);
   --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -744,60 +744,60 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-focus-visible] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-focus-visible] {
   --box-background-color: var(--hop-Checkbox-box-background-color-focused);
   --box-border-color: var(--hop-Checkbox-box-border-color-focused);
   --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
   --text-color: var(--hop-Checkbox-text-color-focused);
   --icon-color: var(--hop-Checkbox-icon-color-focused);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-hovered] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-hovered] {
   --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
   --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
   --text-color: var(--hop-Checkbox-text-color-hovered);
   --icon-color: var(--hop-Checkbox-icon-color-hovered);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-pressed] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-pressed] {
   --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
   --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
   --text-color: var(--hop-Checkbox-text-color-pressed);
   --icon-color: var(--hop-Checkbox-icon-color-pressed);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-selected] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-selected] {
   --box-background-color: var(--hop-Checkbox-box-background-color-selected);
   --box-border-color: var(--hop-Checkbox-box-border-color-selected);
   --check-display: var(--hop-Checkbox-check-display-selected);
   --text-color: var(--hop-Checkbox-text-color-selected);
   --icon-color: var(--hop-Checkbox-icon-color-selected);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-invalid] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-invalid] {
   --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
   --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
   --check-color: var(--hop-Checkbox-check-color-invalid);
   --text-color: var(--hop-Checkbox-text-color-invalid);
   --icon-color: var(--hop-Checkbox-icon-color-invalid);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-invalid]:where([data-focus-visible]) {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-invalid]:where([data-focus-visible]) {
   --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
   --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-invalid]:where([data-hovered]) {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-invalid]:where([data-hovered]) {
   --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
   --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
   --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
   --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-invalid]:where([data-pressed]) {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-invalid]:where([data-pressed]) {
   --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
   --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
   --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
   --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
 }
-.Checkbox-module__hop-Checkbox___oNgaG:where([data-invalid])[data-selected] {
+.Checkbox-module__hop-Checkbox___2Zm3l:where([data-invalid])[data-selected] {
   --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
   --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-disabled] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-disabled] {
   --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
   --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
   --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -805,25 +805,25 @@
   --text-color: var(--hop-Checkbox-text-color-disabled);
   --icon-color: var(--hop-Checkbox-icon-color-disabled);
 }
-.Checkbox-module__hop-Checkbox--sm___zjoOG {
+.Checkbox-module__hop-Checkbox--sm___yF28G {
   --box-block-size: var(--hop-Checkbox-box-sm-block-size);
   --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
   --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
   --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
 }
-.Checkbox-module__hop-Checkbox--md___BXe4R {
+.Checkbox-module__hop-Checkbox--md___afkC7 {
   --box-block-size: var(--hop-Checkbox-box-md-block-size);
   --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
   --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
   --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
 }
-.Checkbox-module__hop-Checkbox__icon___k8Il7,
-.Checkbox-module__hop-Checkbox__icon-list___fJLi- {
+.Checkbox-module__hop-Checkbox__icon___TDpPc,
+.Checkbox-module__hop-Checkbox__icon-list___xHSGc {
   flex: 0 0 auto;
   order: 3;
   color: var(--icon-color);
 }
-.Checkbox-module__hop-Checkbox__box___aMGZ- {
+.Checkbox-module__hop-Checkbox__box___KhL1r {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
@@ -839,11 +839,11 @@
   outline-offset: 0.125rem;
   transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
 }
-.Checkbox-module__hop-Checkbox__check___gi3XK {
+.Checkbox-module__hop-Checkbox__check___4Pv-V {
   display: var(--check-display);
   color: var(--check-color);
 }
-.Checkbox-module__hop-Checkbox__text___FQqqm {
+.Checkbox-module__hop-Checkbox__text___w9v3J {
   flex: 0 1 auto;
   order: 2;
   min-inline-size: 0;
@@ -853,7 +853,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
-.CheckboxField-module__hop-CheckboxField___hv6di {
+.CheckboxField-module__hop-CheckboxField___5opk8 {
   --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
   --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
   --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -872,28 +872,28 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.CheckboxField-module__hop-CheckboxField___hv6di[data-disabled] {
+.CheckboxField-module__hop-CheckboxField___5opk8[data-disabled] {
   --description-color: var(--hop-CheckboxField-description-color-disabled);
 }
-.CheckboxField-module__hop-CheckboxField--sm___OleyV {
+.CheckboxField-module__hop-CheckboxField--sm___aXNMc {
   --row-gap: var(--hop-CheckboxField-sm-row-gap);
   --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
 }
-.CheckboxField-module__hop-CheckboxField--md___U6pFk {
+.CheckboxField-module__hop-CheckboxField--md___AzvrX {
   --row-gap: var(--hop-CheckboxField-md-row-gap);
   --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
 }
-.CheckboxField-module__hop-CheckboxField__description___WxUeM {
+.CheckboxField-module__hop-CheckboxField__description___Wxdt- {
   order: 2;
   margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
   color: var(--description-color);
 }
-.CheckboxField-module__hop-CheckboxField__checkbox___PGhDN {
+.CheckboxField-module__hop-CheckboxField__checkbox___sDXa7 {
   order: 1;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
-.CheckboxGroup-module__hop-CheckboxGroup___iXh0Y {
+.CheckboxGroup-module__hop-CheckboxGroup___AvYHO {
   --hop-CheckboxGroup-align-items: flex-start;
   --hop-CheckboxGroup-justify-content: flex-start;
   --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -932,46 +932,46 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___4xmpx {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___rjy9e {
   --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
   --list-border-radius: var(--hop-shape-rounded-md);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--sm___14FPT {
+.CheckboxGroup-module__hop-CheckboxGroup--sm___s8-7o {
   --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
   --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
   --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
   --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--md___epDQI {
+.CheckboxGroup-module__hop-CheckboxGroup--md___xzjNd {
   --column-gap: var(--hop-CheckboxGroup-md-column-gap);
   --row-gap: var(--hop-CheckboxGroup-md-row-gap);
   --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
   --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___4xmpx.CheckboxGroup-module__hop-CheckboxGroup--sm___14FPT {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___rjy9e.CheckboxGroup-module__hop-CheckboxGroup--sm___s8-7o {
   --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
   --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
   --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
   --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
   --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___4xmpx.CheckboxGroup-module__hop-CheckboxGroup--md___epDQI {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___rjy9e.CheckboxGroup-module__hop-CheckboxGroup--md___xzjNd {
   --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
   --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
   --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
   --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
   --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
 }
-.CheckboxGroup-module__hop-CheckboxGroup___iXh0Y[data-orientation=horizontal] {
+.CheckboxGroup-module__hop-CheckboxGroup___AvYHO[data-orientation=horizontal] {
   --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___4xmpx[data-orientation=horizontal] {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___rjy9e[data-orientation=horizontal] {
   --flex-wrap: nowrap;
 }
-.CheckboxGroup-module__hop-CheckboxGroup___iXh0Y > .CheckboxGroup-module__hop-CheckboxGroup__label___73Idq {
+.CheckboxGroup-module__hop-CheckboxGroup___AvYHO > .CheckboxGroup-module__hop-CheckboxGroup__label___rnNRp {
   order: 1;
 }
-.CheckboxGroup-module__hop-CheckboxGroup__list___QFIww {
+.CheckboxGroup-module__hop-CheckboxGroup__list___ZkggS {
   display: flex;
   flex-flow: var(--flex-direction) var(--flex-wrap);
   gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -982,7 +982,7 @@
   border: var(--list-border, none);
   border-radius: var(--list-border-radius, 0);
 }
-.CheckboxGroup-module__hop-CheckboxGroup__list___QFIww > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___MhLaE {
+.CheckboxGroup-module__hop-CheckboxGroup__list___ZkggS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Wb9SJ {
   position: relative;
   flex: 0 1 auto;
   align-content: start;
@@ -990,28 +990,28 @@
   min-inline-size: 0;
   padding: var(--checkbox-padding, 0);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___4xmpx .CheckboxGroup-module__hop-CheckboxGroup__list___QFIww > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___MhLaE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___MhLaE::before {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___rjy9e .CheckboxGroup-module__hop-CheckboxGroup__list___ZkggS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Wb9SJ ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Wb9SJ::before {
   content: "";
   position: absolute;
   display: block;
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___4xmpx[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___QFIww > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___MhLaE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___MhLaE::before {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___rjy9e[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___ZkggS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Wb9SJ ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Wb9SJ::before {
   inset-block-start: 0;
   inset-inline: 0;
   border-block-start: var(--list-border, none);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___4xmpx[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___QFIww > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___MhLaE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___MhLaE::before {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___rjy9e[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___ZkggS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Wb9SJ ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Wb9SJ::before {
   inset-block: 0;
   inset-inline-start: 0;
   border-inline-start: var(--list-border, none);
 }
-.CheckboxGroup-module__hop-CheckboxGroup___iXh0Y > .CheckboxGroup-module__hop-CheckboxGroup__error-message___6JohI,
-.CheckboxGroup-module__hop-CheckboxGroup___iXh0Y > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___sYv-C {
+.CheckboxGroup-module__hop-CheckboxGroup___AvYHO > .CheckboxGroup-module__hop-CheckboxGroup__error-message___aeJpJ,
+.CheckboxGroup-module__hop-CheckboxGroup___AvYHO > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___K6vG2 {
   order: 3;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
-.Checkbox-module__hop-Checkbox___oNgaG {
+.Checkbox-module__hop-Checkbox___2Zm3l {
   --hop-Checkbox-box-border-size: 0.0625rem;
   --hop-Checkbox-box-border-color: var(--hop-neutral-border);
   --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1086,60 +1086,60 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-focus-visible] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-focus-visible] {
   --box-background-color: var(--hop-Checkbox-box-background-color-focused);
   --box-border-color: var(--hop-Checkbox-box-border-color-focused);
   --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
   --text-color: var(--hop-Checkbox-text-color-focused);
   --icon-color: var(--hop-Checkbox-icon-color-focused);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-hovered] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-hovered] {
   --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
   --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
   --text-color: var(--hop-Checkbox-text-color-hovered);
   --icon-color: var(--hop-Checkbox-icon-color-hovered);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-pressed] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-pressed] {
   --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
   --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
   --text-color: var(--hop-Checkbox-text-color-pressed);
   --icon-color: var(--hop-Checkbox-icon-color-pressed);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-selected] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-selected] {
   --box-background-color: var(--hop-Checkbox-box-background-color-selected);
   --box-border-color: var(--hop-Checkbox-box-border-color-selected);
   --check-display: var(--hop-Checkbox-check-display-selected);
   --text-color: var(--hop-Checkbox-text-color-selected);
   --icon-color: var(--hop-Checkbox-icon-color-selected);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-invalid] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-invalid] {
   --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
   --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
   --check-color: var(--hop-Checkbox-check-color-invalid);
   --text-color: var(--hop-Checkbox-text-color-invalid);
   --icon-color: var(--hop-Checkbox-icon-color-invalid);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-invalid]:where([data-focus-visible]) {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-invalid]:where([data-focus-visible]) {
   --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
   --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-invalid]:where([data-hovered]) {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-invalid]:where([data-hovered]) {
   --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
   --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
   --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
   --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-invalid]:where([data-pressed]) {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-invalid]:where([data-pressed]) {
   --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
   --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
   --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
   --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
 }
-.Checkbox-module__hop-Checkbox___oNgaG:where([data-invalid])[data-selected] {
+.Checkbox-module__hop-Checkbox___2Zm3l:where([data-invalid])[data-selected] {
   --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
   --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
 }
-.Checkbox-module__hop-Checkbox___oNgaG[data-disabled] {
+.Checkbox-module__hop-Checkbox___2Zm3l[data-disabled] {
   --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
   --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
   --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1147,25 +1147,25 @@
   --text-color: var(--hop-Checkbox-text-color-disabled);
   --icon-color: var(--hop-Checkbox-icon-color-disabled);
 }
-.Checkbox-module__hop-Checkbox--sm___zjoOG {
+.Checkbox-module__hop-Checkbox--sm___yF28G {
   --box-block-size: var(--hop-Checkbox-box-sm-block-size);
   --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
   --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
   --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
 }
-.Checkbox-module__hop-Checkbox--md___BXe4R {
+.Checkbox-module__hop-Checkbox--md___afkC7 {
   --box-block-size: var(--hop-Checkbox-box-md-block-size);
   --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
   --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
   --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
 }
-.Checkbox-module__hop-Checkbox__icon___k8Il7,
-.Checkbox-module__hop-Checkbox__icon-list___fJLi- {
+.Checkbox-module__hop-Checkbox__icon___TDpPc,
+.Checkbox-module__hop-Checkbox__icon-list___xHSGc {
   flex: 0 0 auto;
   order: 3;
   color: var(--icon-color);
 }
-.Checkbox-module__hop-Checkbox__box___aMGZ- {
+.Checkbox-module__hop-Checkbox__box___KhL1r {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
@@ -1181,11 +1181,11 @@
   outline-offset: 0.125rem;
   transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
 }
-.Checkbox-module__hop-Checkbox__check___gi3XK {
+.Checkbox-module__hop-Checkbox__check___4Pv-V {
   display: var(--check-display);
   color: var(--check-color);
 }
-.Checkbox-module__hop-Checkbox__text___FQqqm {
+.Checkbox-module__hop-Checkbox__text___w9v3J {
   flex: 0 1 auto;
   order: 2;
   min-inline-size: 0;
@@ -1193,24 +1193,24 @@
   margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
   color: var(--text-color);
 }
-.DecorativeCheckbox-module__hop-DecorativeCheckbox___AZytz {
+.DecorativeCheckbox-module__hop-DecorativeCheckbox___ggzO1 {
 }
-.DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___VV0qI {
+.DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___buvts {
 }
-.DecorativeCheckbox-module__hop-DecorativeCheckbox--md___HIIsK {
+.DecorativeCheckbox-module__hop-DecorativeCheckbox--md___P6yJn {
 }
-.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___MQdgm,
-.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___FWnlM {
+.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___WuvgA,
+.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___dNn6X {
 }
-.DecorativeCheckbox-module__hop-DecorativeCheckbox__box___KWJs0 {
+.DecorativeCheckbox-module__hop-DecorativeCheckbox__box___LkUyf {
 }
-.DecorativeCheckbox-module__hop-DecorativeCheckbox__check___mYU33 {
+.DecorativeCheckbox-module__hop-DecorativeCheckbox__check___QJHqZ {
 }
-.DecorativeCheckbox-module__hop-DecorativeCheckbox__text___JHJpq {
+.DecorativeCheckbox-module__hop-DecorativeCheckbox__text___baqqT {
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
-.Radio-module__hop-Radio___rltkX {
+.Radio-module__hop-Radio___H2NfO {
   --hop-Radio-box-border-size: 0.0625rem;
   --hop-Radio-box-border-color: var(--hop-neutral-border);
   --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1284,60 +1284,60 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.Radio-module__hop-Radio___rltkX[data-focus-visible] {
+.Radio-module__hop-Radio___H2NfO[data-focus-visible] {
   --box-background-color: var(--hop-Radio-box-background-color-focused);
   --box-border-color: var(--hop-Radio-box-border-color-focused);
   --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
   --text-color: var(--hop-Radio-text-color-focused);
   --icon-color: var(--hop-Radio-icon-color-focused);
 }
-.Radio-module__hop-Radio___rltkX[data-hovered] {
+.Radio-module__hop-Radio___H2NfO[data-hovered] {
   --box-background-color: var(--hop-Radio-box-background-color-hovered);
   --box-border-color: var(--hop-Radio-box-border-color-hovered);
   --text-color: var(--hop-Radio-text-color-hovered);
   --icon-color: var(--hop-Radio-icon-color-hovered);
 }
-.Radio-module__hop-Radio___rltkX[data-pressed] {
+.Radio-module__hop-Radio___H2NfO[data-pressed] {
   --box-background-color: var(--hop-Radio-box-background-color-pressed);
   --box-border-color: var(--hop-Radio-box-border-color-pressed);
   --text-color: var(--hop-Radio-text-color-pressed);
   --icon-color: var(--hop-Radio-icon-color-pressed);
 }
-.Radio-module__hop-Radio___rltkX[data-selected] {
+.Radio-module__hop-Radio___H2NfO[data-selected] {
   --box-background-color: var(--hop-Radio-box-background-color-selected);
   --box-border-color: var(--hop-Radio-box-border-color-selected);
   --bullet-display: var(--hop-Radio-bullet-display-selected);
   --text-color: var(--hop-Radio-text-color-selected);
   --icon-color: var(--hop-Radio-icon-color-selected);
 }
-.Radio-module__hop-Radio___rltkX[data-invalid] {
+.Radio-module__hop-Radio___H2NfO[data-invalid] {
   --box-background-color: var(--hop-Radio-box-background-color-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-invalid);
   --bullet-color: var(--hop-Radio-bullet-color-invalid);
   --text-color: var(--hop-Radio-text-color-invalid);
   --icon-color: var(--hop-Radio-icon-color-invalid);
 }
-.Radio-module__hop-Radio___rltkX:where([data-invalid])[data-focus-visible] {
+.Radio-module__hop-Radio___H2NfO:where([data-invalid])[data-focus-visible] {
   --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
 }
-.Radio-module__hop-Radio___rltkX:where([data-invalid])[data-hovered] {
+.Radio-module__hop-Radio___H2NfO:where([data-invalid])[data-hovered] {
   --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
   --text-color: var(--hop-Radio-text-color-hovered-invalid);
   --icon-color: var(--hop-Radio-text-color-hovered-invalid);
 }
-.Radio-module__hop-Radio___rltkX:where([data-invalid])[data-pressed] {
+.Radio-module__hop-Radio___H2NfO:where([data-invalid])[data-pressed] {
   --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
   --text-color: var(--hop-Radio-text-color-pressed-invalid);
   --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
 }
-.Radio-module__hop-Radio___rltkX:where([data-invalid])[data-selected] {
+.Radio-module__hop-Radio___H2NfO:where([data-invalid])[data-selected] {
   --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
 }
-.Radio-module__hop-Radio___rltkX[data-disabled] {
+.Radio-module__hop-Radio___H2NfO[data-disabled] {
   --box-background-color: var(--hop-Radio-box-background-color-disabled);
   --box-border-color: var(--hop-Radio-box-border-color-disabled);
   --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1345,25 +1345,25 @@
   --text-color: var(--hop-Radio-text-color-disabled);
   --icon-color: var(--hop-Radio-icon-color-disabled);
 }
-.Radio-module__hop-Radio--sm___xzWYi {
+.Radio-module__hop-Radio--sm___5zcEY {
   --box-inline-size: var(--hop-Radio-box-sm-inline-size);
   --box-block-size: var(--hop-Radio-box-sm-block-size);
   --text-top-offset: var(--hop-Radio-text-sm-top-offset);
   --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
 }
-.Radio-module__hop-Radio--md___Y12UG {
+.Radio-module__hop-Radio--md___czsIi {
   --box-inline-size: var(--hop-Radio-box-md-inline-size);
   --box-block-size: var(--hop-Radio-box-md-block-size);
   --text-top-offset: var(--hop-Radio-text-md-top-offset);
   --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
 }
-.Radio-module__hop-Radio__icon___o0GHK,
-.Radio-module__hop-Radio__icon-list___m50dr {
+.Radio-module__hop-Radio__icon___Y34XV,
+.Radio-module__hop-Radio__icon-list___q-BLt {
   flex: 0 0 auto;
   order: 3;
   color: var(--icon-color);
 }
-.Radio-module__hop-Radio__box___4JpBn {
+.Radio-module__hop-Radio__box___U5xkg {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
@@ -1379,11 +1379,11 @@
   outline-offset: 0.125rem;
   transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
 }
-.Radio-module__hop-Radio__bullet___YHux5 {
+.Radio-module__hop-Radio__bullet___ZHVX8 {
   display: var(--bullet-display);
   color: var(--bullet-color);
 }
-.Radio-module__hop-Radio__text___0o6y1 {
+.Radio-module__hop-Radio__text___IpjC4 {
   flex: 0 1 auto;
   order: 2;
   min-inline-size: 0;
@@ -1393,7 +1393,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
-.RadioField-module__hop-RadioField___UvUvE {
+.RadioField-module__hop-RadioField___gr5CP {
   --hop-RadioField-description-color: var(--hop-neutral-text-weak);
   --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
   --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1412,28 +1412,28 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.RadioField-module__hop-RadioField___UvUvE[data-disabled] {
+.RadioField-module__hop-RadioField___gr5CP[data-disabled] {
   --description-color: var(--hop-RadioField-description-color-disabled);
 }
-.RadioField-module__hop-RadioField--sm___FgYHy {
+.RadioField-module__hop-RadioField--sm___C-bqP {
   --row-gap: var(--hop-RadioField-sm-row-gap);
   --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
 }
-.RadioField-module__hop-RadioField--md___XK1Kj {
+.RadioField-module__hop-RadioField--md___yZ77J {
   --row-gap: var(--hop-RadioField-md-row-gap);
   --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
 }
-.RadioField-module__hop-RadioField__description___ta40p {
+.RadioField-module__hop-RadioField__description___lsfCY {
   order: 2;
   margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
   color: var(--description-color);
 }
-.RadioField-module__hop-RadioField__radio___fUKcI {
+.RadioField-module__hop-RadioField__radio___EKZiJ {
   order: 1;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
-.RadioGroup-module__hop-RadioGroup___NrF2r {
+.RadioGroup-module__hop-RadioGroup___jngd3 {
   --hop-RadioGroup-align-items: flex-start;
   --hop-RadioGroup-justify-content: flex-start;
   --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1473,46 +1473,46 @@
   inline-size: var(--inline-size);
   max-inline-size: 100%;
 }
-.RadioGroup-module__hop-RadioGroup--bordered___tQWtC {
+.RadioGroup-module__hop-RadioGroup--bordered___O9BIW {
   --list-border: var(--radio-border-size) solid var(--radio-border-color);
   --list-border-radius: var(--hop-shape-rounded-md);
 }
-.RadioGroup-module__hop-RadioGroup--sm___CqEnI {
+.RadioGroup-module__hop-RadioGroup--sm___UO4du {
   --column-gap: var(--hop-RadioGroup-sm-column-gap);
   --row-gap: var(--hop-RadioGroup-sm-row-gap);
   --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
   --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
 }
-.RadioGroup-module__hop-RadioGroup--md___fZO0H {
+.RadioGroup-module__hop-RadioGroup--md___kPldy {
   --column-gap: var(--hop-RadioGroup-md-column-gap);
   --row-gap: var(--hop-RadioGroup-md-row-gap);
   --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
   --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
 }
-.RadioGroup-module__hop-RadioGroup--bordered___tQWtC.RadioGroup-module__hop-RadioGroup--sm___CqEnI {
+.RadioGroup-module__hop-RadioGroup--bordered___O9BIW.RadioGroup-module__hop-RadioGroup--sm___UO4du {
   --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
   --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
   --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
   --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
   --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
 }
-.RadioGroup-module__hop-RadioGroup--bordered___tQWtC.RadioGroup-module__hop-RadioGroup--md___fZO0H {
+.RadioGroup-module__hop-RadioGroup--bordered___O9BIW.RadioGroup-module__hop-RadioGroup--md___kPldy {
   --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
   --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
   --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
   --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
   --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
 }
-.RadioGroup-module__hop-RadioGroup___NrF2r[data-orientation=horizontal] {
+.RadioGroup-module__hop-RadioGroup___jngd3[data-orientation=horizontal] {
   --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
 }
-.RadioGroup-module__hop-RadioGroup--bordered___tQWtC[data-orientation=horizontal] {
+.RadioGroup-module__hop-RadioGroup--bordered___O9BIW[data-orientation=horizontal] {
   --flex-wrap: nowrap;
 }
-.RadioGroup-module__hop-RadioGroup___NrF2r > .RadioGroup-module__hop-RadioGroup__label___4Q1NG {
+.RadioGroup-module__hop-RadioGroup___jngd3 > .RadioGroup-module__hop-RadioGroup__label___aW-83 {
   order: 1;
 }
-.RadioGroup-module__hop-RadioGroup__list___XhXnO {
+.RadioGroup-module__hop-RadioGroup__list___0L3GA {
   display: flex;
   flex-flow: var(--flex-direction) var(--flex-wrap);
   gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1523,7 +1523,7 @@
   border: var(--list-border, none);
   border-radius: var(--list-border-radius, 0);
 }
-.RadioGroup-module__hop-RadioGroup__list___XhXnO > .RadioGroup-module__hop-RadioGroup__radio___HTtG7 {
+.RadioGroup-module__hop-RadioGroup__list___0L3GA > .RadioGroup-module__hop-RadioGroup__radio___UR3Xd {
   position: relative;
   flex: 0 1 auto;
   align-content: start;
@@ -1531,28 +1531,28 @@
   min-inline-size: 0;
   padding: var(--radio-padding, 0);
 }
-.RadioGroup-module__hop-RadioGroup--bordered___tQWtC .RadioGroup-module__hop-RadioGroup__list___XhXnO > .RadioGroup-module__hop-RadioGroup__radio___HTtG7 ~ .RadioGroup-module__hop-RadioGroup__radio___HTtG7::before {
+.RadioGroup-module__hop-RadioGroup--bordered___O9BIW .RadioGroup-module__hop-RadioGroup__list___0L3GA > .RadioGroup-module__hop-RadioGroup__radio___UR3Xd ~ .RadioGroup-module__hop-RadioGroup__radio___UR3Xd::before {
   content: "";
   position: absolute;
   display: block;
 }
-.RadioGroup-module__hop-RadioGroup--bordered___tQWtC[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___XhXnO > .RadioGroup-module__hop-RadioGroup__radio___HTtG7 ~ .RadioGroup-module__hop-RadioGroup__radio___HTtG7::before {
+.RadioGroup-module__hop-RadioGroup--bordered___O9BIW[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___0L3GA > .RadioGroup-module__hop-RadioGroup__radio___UR3Xd ~ .RadioGroup-module__hop-RadioGroup__radio___UR3Xd::before {
   inset-block-start: 0;
   inset-inline: 0;
   border-block-start: var(--list-border, none);
 }
-.RadioGroup-module__hop-RadioGroup--bordered___tQWtC[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___XhXnO > .RadioGroup-module__hop-RadioGroup__radio___HTtG7 ~ .RadioGroup-module__hop-RadioGroup__radio___HTtG7::before {
+.RadioGroup-module__hop-RadioGroup--bordered___O9BIW[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___0L3GA > .RadioGroup-module__hop-RadioGroup__radio___UR3Xd ~ .RadioGroup-module__hop-RadioGroup__radio___UR3Xd::before {
   inset-block: 0;
   inset-inline-start: 0;
   border-inline-start: var(--list-border, none);
 }
-.RadioGroup-module__hop-RadioGroup___NrF2r > .RadioGroup-module__hop-RadioGroup__error-message___dm-mJ,
-.RadioGroup-module__hop-RadioGroup___NrF2r > .RadioGroup-module__hop-RadioGroup__helper-message___ZbCP2 {
+.RadioGroup-module__hop-RadioGroup___jngd3 > .RadioGroup-module__hop-RadioGroup__error-message___qFd-j,
+.RadioGroup-module__hop-RadioGroup___jngd3 > .RadioGroup-module__hop-RadioGroup__helper-message___hQsaK {
   order: 3;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
-.Radio-module__hop-Radio___rltkX {
+.Radio-module__hop-Radio___H2NfO {
   --hop-Radio-box-border-size: 0.0625rem;
   --hop-Radio-box-border-color: var(--hop-neutral-border);
   --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1626,60 +1626,60 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.Radio-module__hop-Radio___rltkX[data-focus-visible] {
+.Radio-module__hop-Radio___H2NfO[data-focus-visible] {
   --box-background-color: var(--hop-Radio-box-background-color-focused);
   --box-border-color: var(--hop-Radio-box-border-color-focused);
   --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
   --text-color: var(--hop-Radio-text-color-focused);
   --icon-color: var(--hop-Radio-icon-color-focused);
 }
-.Radio-module__hop-Radio___rltkX[data-hovered] {
+.Radio-module__hop-Radio___H2NfO[data-hovered] {
   --box-background-color: var(--hop-Radio-box-background-color-hovered);
   --box-border-color: var(--hop-Radio-box-border-color-hovered);
   --text-color: var(--hop-Radio-text-color-hovered);
   --icon-color: var(--hop-Radio-icon-color-hovered);
 }
-.Radio-module__hop-Radio___rltkX[data-pressed] {
+.Radio-module__hop-Radio___H2NfO[data-pressed] {
   --box-background-color: var(--hop-Radio-box-background-color-pressed);
   --box-border-color: var(--hop-Radio-box-border-color-pressed);
   --text-color: var(--hop-Radio-text-color-pressed);
   --icon-color: var(--hop-Radio-icon-color-pressed);
 }
-.Radio-module__hop-Radio___rltkX[data-selected] {
+.Radio-module__hop-Radio___H2NfO[data-selected] {
   --box-background-color: var(--hop-Radio-box-background-color-selected);
   --box-border-color: var(--hop-Radio-box-border-color-selected);
   --bullet-display: var(--hop-Radio-bullet-display-selected);
   --text-color: var(--hop-Radio-text-color-selected);
   --icon-color: var(--hop-Radio-icon-color-selected);
 }
-.Radio-module__hop-Radio___rltkX[data-invalid] {
+.Radio-module__hop-Radio___H2NfO[data-invalid] {
   --box-background-color: var(--hop-Radio-box-background-color-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-invalid);
   --bullet-color: var(--hop-Radio-bullet-color-invalid);
   --text-color: var(--hop-Radio-text-color-invalid);
   --icon-color: var(--hop-Radio-icon-color-invalid);
 }
-.Radio-module__hop-Radio___rltkX:where([data-invalid])[data-focus-visible] {
+.Radio-module__hop-Radio___H2NfO:where([data-invalid])[data-focus-visible] {
   --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
 }
-.Radio-module__hop-Radio___rltkX:where([data-invalid])[data-hovered] {
+.Radio-module__hop-Radio___H2NfO:where([data-invalid])[data-hovered] {
   --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
   --text-color: var(--hop-Radio-text-color-hovered-invalid);
   --icon-color: var(--hop-Radio-text-color-hovered-invalid);
 }
-.Radio-module__hop-Radio___rltkX:where([data-invalid])[data-pressed] {
+.Radio-module__hop-Radio___H2NfO:where([data-invalid])[data-pressed] {
   --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
   --text-color: var(--hop-Radio-text-color-pressed-invalid);
   --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
 }
-.Radio-module__hop-Radio___rltkX:where([data-invalid])[data-selected] {
+.Radio-module__hop-Radio___H2NfO:where([data-invalid])[data-selected] {
   --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
 }
-.Radio-module__hop-Radio___rltkX[data-disabled] {
+.Radio-module__hop-Radio___H2NfO[data-disabled] {
   --box-background-color: var(--hop-Radio-box-background-color-disabled);
   --box-border-color: var(--hop-Radio-box-border-color-disabled);
   --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1687,25 +1687,25 @@
   --text-color: var(--hop-Radio-text-color-disabled);
   --icon-color: var(--hop-Radio-icon-color-disabled);
 }
-.Radio-module__hop-Radio--sm___xzWYi {
+.Radio-module__hop-Radio--sm___5zcEY {
   --box-inline-size: var(--hop-Radio-box-sm-inline-size);
   --box-block-size: var(--hop-Radio-box-sm-block-size);
   --text-top-offset: var(--hop-Radio-text-sm-top-offset);
   --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
 }
-.Radio-module__hop-Radio--md___Y12UG {
+.Radio-module__hop-Radio--md___czsIi {
   --box-inline-size: var(--hop-Radio-box-md-inline-size);
   --box-block-size: var(--hop-Radio-box-md-block-size);
   --text-top-offset: var(--hop-Radio-text-md-top-offset);
   --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
 }
-.Radio-module__hop-Radio__icon___o0GHK,
-.Radio-module__hop-Radio__icon-list___m50dr {
+.Radio-module__hop-Radio__icon___Y34XV,
+.Radio-module__hop-Radio__icon-list___q-BLt {
   flex: 0 0 auto;
   order: 3;
   color: var(--icon-color);
 }
-.Radio-module__hop-Radio__box___4JpBn {
+.Radio-module__hop-Radio__box___U5xkg {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
@@ -1721,11 +1721,11 @@
   outline-offset: 0.125rem;
   transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
 }
-.Radio-module__hop-Radio__bullet___YHux5 {
+.Radio-module__hop-Radio__bullet___ZHVX8 {
   display: var(--bullet-display);
   color: var(--bullet-color);
 }
-.Radio-module__hop-Radio__text___0o6y1 {
+.Radio-module__hop-Radio__text___IpjC4 {
   flex: 0 1 auto;
   order: 2;
   min-inline-size: 0;
@@ -1733,24 +1733,24 @@
   margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
   color: var(--text-color);
 }
-.DecorativeRadio-module__hop-DecorativeRadio___hin-q {
+.DecorativeRadio-module__hop-DecorativeRadio___S5VV3 {
 }
-.DecorativeRadio-module__hop-DecorativeRadio--sm___A0qol {
+.DecorativeRadio-module__hop-DecorativeRadio--sm___A5y8v {
 }
-.DecorativeRadio-module__hop-DecorativeRadio--md___330gi {
+.DecorativeRadio-module__hop-DecorativeRadio--md___gv5rC {
 }
-.DecorativeRadio-module__hop-DecorativeRadio__icon___Mzx1l,
-.DecorativeRadio-module__hop-DecorativeRadio__icon-list___jMftA {
+.DecorativeRadio-module__hop-DecorativeRadio__icon___vRJVr,
+.DecorativeRadio-module__hop-DecorativeRadio__icon-list___iXqf4 {
 }
-.DecorativeRadio-module__hop-DecorativeRadio__box___O2jhZ {
+.DecorativeRadio-module__hop-DecorativeRadio__box___D7LPI {
 }
-.DecorativeRadio-module__hop-DecorativeRadio__bullet___rpVzc {
+.DecorativeRadio-module__hop-DecorativeRadio__bullet___J6D73 {
 }
-.DecorativeRadio-module__hop-DecorativeRadio__text___m48mg {
+.DecorativeRadio-module__hop-DecorativeRadio__text___-J90M {
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___7UwY- {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___97F5M {
   --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
   --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
   --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1776,7 +1776,7 @@
   background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
   background-size: 400% 100%;
   border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
-  animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___uDVyu;
+  animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___iAwyR;
   animation-duration: var(--animation-duration);
   animation-timing-function: ease-in-out;
   animation-fill-mode: forwards;
@@ -1785,19 +1785,19 @@
     --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
   }
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ayS8q {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-vKuX {
   --height: var(--hop-ListBoxItemSkeleton-xs-height);
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ygYAN {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___d7ujV {
   --height: var(--hop-ListBoxItemSkeleton-sm-height);
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___A-gXx {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___nT13x {
   --height: var(--hop-ListBoxItemSkeleton-md-height);
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___mMGPg {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___JS1b2 {
   --height: var(--hop-ListBoxItemSkeleton-lg-height);
 }
-@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___uDVyu {
+@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___iAwyR {
   0% {
     background-position: 125% 50%;
   }
@@ -1807,7 +1807,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
-.ListBoxItem-module__hop-ListBoxItem___sjPQT {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK {
   --hop-ListBoxItem-background-color: transparent;
   --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
   --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1904,129 +1904,129 @@
   outline: var(--outline);
   outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
 }
-.ListBoxItem-module__hop-ListBoxItem--xs___q9kWr {
+.ListBoxItem-module__hop-ListBoxItem--xs___hICtD {
   --padding-block: var(--hop-ListBoxItem-xs-padding-block);
   --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
   --min-height: var(--hop-ListBoxItem-xs-min-height);
   --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
   --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
 }
-.ListBoxItem-module__hop-ListBoxItem--sm___Iqnou {
+.ListBoxItem-module__hop-ListBoxItem--sm___MzsTx {
   --padding-block: var(--hop-ListBoxItem-sm-padding-block);
   --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
   --min-height: var(--hop-ListBoxItem-sm-min-height);
   --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
   --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
 }
-.ListBoxItem-module__hop-ListBoxItem--md___PRxKo {
+.ListBoxItem-module__hop-ListBoxItem--md___XZcE6 {
   --padding-block: var(--hop-ListBoxItem-md-padding-block);
   --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
   --min-height: var(--hop-ListBoxItem-md-min-height);
   --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
   --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
 }
-.ListBoxItem-module__hop-ListBoxItem--lg___hWdNS {
+.ListBoxItem-module__hop-ListBoxItem--lg___vyxwP {
   --padding-block: var(--hop-ListBoxItem-lg-padding-block);
   --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
   --min-height: var(--hop-ListBoxItem-lg-min-height);
   --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
   --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-selection-mode] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-selection-mode] {
   --cursor: pointer;
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT:not([data-selection-mode]) {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK:not([data-selection-mode]) {
   --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
 }
-.ListBoxItem-module__hop-ListBoxItem__inner___PEt9m:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___VZx-z) {
+.ListBoxItem-module__hop-ListBoxItem__inner___s71os:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jJ-3b) {
   --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
 }
-.ListBoxItem-module__hop-ListBoxItem__inner___PEt9m[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___VZx-z) {
+.ListBoxItem-module__hop-ListBoxItem__inner___s71os[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jJ-3b) {
   --checkmark-transition: none;
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-selected] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-selected] {
   --background-color: var(--hop-ListBoxItem-background-color-selected);
   --text-color: var(--hop-ListBoxItem-text-color-selected);
   --icon-color: var(--hop-ListBoxItem-icon-color-selected);
   --checkmark-opacity: 1;
 }
-.ListBoxItem-module__hop-ListBoxItem--xs___q9kWr[data-selected] {
+.ListBoxItem-module__hop-ListBoxItem--xs___hICtD[data-selected] {
   --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
 }
-.ListBoxItem-module__hop-ListBoxItem--sm___Iqnou[data-selected] {
+.ListBoxItem-module__hop-ListBoxItem--sm___MzsTx[data-selected] {
   --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
 }
-.ListBoxItem-module__hop-ListBoxItem--md___PRxKo[data-selected] {
+.ListBoxItem-module__hop-ListBoxItem--md___XZcE6[data-selected] {
   --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
 }
-.ListBoxItem-module__hop-ListBoxItem--lg___hWdNS[data-selected] {
+.ListBoxItem-module__hop-ListBoxItem--lg___vyxwP[data-selected] {
   --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-focus-visible] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-focus-visible] {
   --background-color: var(--hop-ListBoxItem-background-color-focused);
   --text-color: var(--hop-ListBoxItem-text-color-focused);
   --icon-color: var(--hop-ListBoxItem-icon-color-focused);
   --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-hovered] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-hovered] {
   --background-color: var(--hop-ListBoxItem-background-color-hovered);
   --text-color: var(--hop-ListBoxItem-text-color-hovered);
   --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-pressed] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-pressed] {
   --background-color: var(--hop-ListBoxItem-background-color-pressed);
   --text-color: var(--hop-ListBoxItem-text-color-pressed);
   --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-disabled] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-disabled] {
   --background-color: var(--hop-ListBoxItem-background-color-disabled);
   --text-color: var(--hop-ListBoxItem-text-color-disabled);
   --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
   --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
   --cursor: not-allowed;
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-invalid] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-invalid] {
   --background-color: var(--hop-ListBoxItem-background-color-invalid);
   --text-color: var(--hop-ListBoxItem-text-color-invalid);
   --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-invalid][data-selected] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-invalid][data-selected] {
   --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
   --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
   --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-invalid][data-focus-visible] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-invalid][data-focus-visible] {
   --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
   --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
   --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
   --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-invalid][data-hovered] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-invalid][data-hovered] {
   --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
   --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
   --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
   --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-invalid][data-pressed] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-invalid][data-pressed] {
   --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
   --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
   --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
   --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-invalid][data-disabled] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-invalid][data-disabled] {
   --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
   --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
   --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT:has(.ListBoxItem-module__hop-ListBoxItem__description___LLMh8) {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK:has(.ListBoxItem-module__hop-ListBoxItem__description___jx5Oy) {
   --row-gap: var(--hop-ListBoxItem-row-gap);
   --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
 }
-.ListBoxItem-module__hop-ListBoxItem___sjPQT[data-loading] {
+.ListBoxItem-module__hop-ListBoxItem___FyJvK[data-loading] {
   --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
   --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
 }
-.ListBoxItem-module__hop-ListBoxItem__inner___PEt9m {
+.ListBoxItem-module__hop-ListBoxItem__inner___s71os {
   display: grid;
   grid-template-areas: var(--grid-template-areas);
   grid-template-columns: var(--grid-template-columns);
@@ -2038,33 +2038,33 @@
   padding-inline: var(--padding-inline);
   transition: grid-template-columns .3s ease-in-out;
 }
-.ListBoxItem-module__hop-ListBoxItem__checkmark___VZx-z {
+.ListBoxItem-module__hop-ListBoxItem__checkmark___jJ-3b {
   grid-area: indicator;
   margin-inline-end: var(--hop-ListBoxItem-column-gap);
   color: var(--icon-color);
   opacity: var(--checkmark-opacity);
   transition: var(--checkmark-transition);
 }
-.ListBoxItem-module__hop-ListBoxItem__radio___1EZ5Q,
-.ListBoxItem-module__hop-ListBoxItem__checkbox___9-Bgg {
+.ListBoxItem-module__hop-ListBoxItem__radio___C2Oxv,
+.ListBoxItem-module__hop-ListBoxItem__checkbox___-B-8j {
   pointer-events: none;
   user-select: none;
   grid-area: indicator;
   margin-inline-end: var(--hop-ListBoxItem-column-gap);
 }
-.ListBoxItem-module__hop-ListBoxItem__avatar___p0-2R {
+.ListBoxItem-module__hop-ListBoxItem__avatar___crgT8 {
   grid-area: avatar;
   margin-block: var(--avatar-margin-block, 0);
   margin-inline-end: var(--hop-ListBoxItem-column-gap);
 }
-.ListBoxItem-module__hop-ListBoxItem__icon-list___7yo2L,
-.ListBoxItem-module__hop-ListBoxItem__icon___m5hTE {
+.ListBoxItem-module__hop-ListBoxItem__icon-list___eglhO,
+.ListBoxItem-module__hop-ListBoxItem__icon___gWu8p {
   grid-area: icon;
   flex: 0 0 auto;
   margin-inline-end: var(--hop-ListBoxItem-column-gap);
   color: var(--icon-color);
 }
-.ListBoxItem-module__hop-ListBoxItem__label___R-1Wz {
+.ListBoxItem-module__hop-ListBoxItem__label___ZonE6 {
   overflow: hidden;
   grid-area: label;
   min-inline-size: 0;
@@ -2072,18 +2072,18 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.ListBoxItem-module__hop-ListBoxItem__end-icon-list___heX--,
-.ListBoxItem-module__hop-ListBoxItem__end-icon___cDDrc {
+.ListBoxItem-module__hop-ListBoxItem__end-icon-list___itw-7,
+.ListBoxItem-module__hop-ListBoxItem__end-icon___Ojlg1 {
   grid-area: end-icon;
   margin-inline-start: var(--hop-ListBoxItem-column-gap);
   color: var(--icon-color);
 }
-.ListBoxItem-module__hop-ListBoxItem__badge___HC0w2 {
+.ListBoxItem-module__hop-ListBoxItem__badge___7bYOQ {
   grid-area: badge;
   margin-block: var(--hop-ListBoxItem-badge-margin-block);
   margin-inline-start: var(--hop-ListBoxItem-column-gap);
 }
-.ListBoxItem-module__hop-ListBoxItem__description___LLMh8 {
+.ListBoxItem-module__hop-ListBoxItem__description___jx5Oy {
   overflow: hidden;
   display: -webkit-box;
   grid-area: description;
@@ -2094,7 +2094,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
-.ListBox-module__hop-ListBox___ieVvT {
+.ListBox-module__hop-ListBox___TKkRp {
   --hop-ListBox-background-color: var(--hop-neutral-surface);
   --hop-ListBox-border-color: var(--hop-neutral-border-weak);
   --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2132,69 +2132,232 @@
   --section-border-block-end: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
   overflow: hidden auto;
   box-sizing: border-box;
-  inline-size: var(--width);
-  min-inline-size: var(--hop-ListBox-min-width);
-  max-inline-size: var(--max-width);
-  padding-block: var(--hop-ListBox-padding-block);
-  padding-inline: var(--hop-ListBox-padding-inline);
-  background-color: var(--hop-ListBox-background-color);
-  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
-  border-radius: var(--hop-ListBox-border-radius);
+  inline-size: var(--width);
+  min-inline-size: var(--hop-ListBox-min-width);
+  max-inline-size: var(--max-width);
+  padding-block: var(--hop-ListBox-padding-block);
+  padding-inline: var(--hop-ListBox-padding-inline);
+  background-color: var(--hop-ListBox-background-color);
+  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
+  border-radius: var(--hop-ListBox-border-radius);
+}
+.ListBox-module__hop-ListBox--fluid___mCXur {
+  --max-width: var(--hop-ListBox-fluid-max-width);
+  --width: var(--hop-ListBox-fluid-width);
+}
+.ListBox-module__hop-ListBox__section___RlPOe {
+  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
+  margin-inline: var(--hop-ListBox-section-margin-inline);
+  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
+  padding-inline: var(--hop-ListBox-section-padding-inline);
+  border-block-start: var(--section-border-block-start);
+  border-block-end: var(--section-border-block-end);
+}
+.ListBox-module__hop-ListBox__item___RIddo + .ListBox-module__hop-ListBox__section___RlPOe {
+  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
+  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
+}
+.ListBox-module__hop-ListBox__section___RlPOe:has(+ .ListBox-module__hop-ListBox__item___RIddo) {
+  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
+}
+.ListBox-module__hop-ListBox__section___RlPOe:first-child {
+  --section-padding-block-start: 0;
+}
+.ListBox-module__hop-ListBox__section___RlPOe:last-child {
+  --section-padding-block-end: 0;
+  --section-border-block-end: 0;
+}
+.ListBox-module__hop-ListBox__section-header___KcFwg {
+  margin: 0;
+  padding: var(--hop-ListBox-section-header-padding);
+  font-family: var(--hop-ListBox-section-header-font-family);
+  font-size: var(--hop-ListBox-section-header-font-size);
+  font-weight: var(--hop-ListBox-section-header-font-weight);
+  line-height: var(--hop-ListBox-section-header-line-height);
+  color: var(--hop-ListBox-section-header-color);
+  text-transform: var(--hop-ListBox-section-header-text-transform);
+  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
+}
+.ListBox-module__hop-ListBox__section-header___KcFwg::before,
+.ListBox-module__hop-ListBox__section-header___KcFwg::after {
+  content: "";
+  display: block;
+  box-sizing: border-box;
+  inline-size: 0;
+  block-size: 0;
+}
+.ListBox-module__hop-ListBox__section-header___KcFwg::before {
+  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
+}
+.ListBox-module__hop-ListBox__section-header___KcFwg::after {
+  margin-block-start: var(--hop-ListBox-section-header-top-offset);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
+.SelectValue-module__hop-SelectValue___MTww6 {
+  --hop-SelectValue-display: inline-block;
+  --hop-SelectValue-slots-display: flex;
+  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
+  --display: var(--hop-SelectValue-display);
+  overflow: hidden;
+  display: var(--display);
+  flex: 1 1 auto;
+  column-gap: var(--hop-SelectValue-column-gap);
+  align-items: center;
+  box-sizing: border-box;
+  min-inline-size: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.SelectValue-module__hop-SelectValue___MTww6:has(.SelectValue-module__hop-SelectValue__text___6KdSW) {
+  --display: var(--hop-SelectValue-slots-display);
+}
+.SelectValue-module__hop-SelectValue__avatar___Z4d5B {
+  order: 1;
+}
+.SelectValue-module__hop-SelectValue__icon___ERc3B {
+  order: 2;
+}
+.SelectValue-module__hop-SelectValue__text___6KdSW {
+  overflow: hidden;
+  flex: 1 1 auto;
+  order: 3;
+  min-inline-size: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.SelectValue-module__hop-SelectValue__end-icon___l3sSP {
+  order: 4;
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
+.Select-module__hop-Select___TNlZK {
+  --hop-Select-row-gap: var(--hop-space-stack-xs);
+  --hop-Select-inline-size: 20rem;
+  --hop-Select-inline-size-fluid: 100%;
+  --hop-Select-max-inline-size: 100%;
+  --hop-Select-button-background-color: var(--hop-neutral-surface);
+  --hop-Select-button-border-color: var(--hop-neutral-border);
+  --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
+  --hop-Select-button-border-size: var(--hop-space-10);
+  --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
+  --hop-Select-button-color: var(--hop-neutral-text);
+  --hop-Select-button-cursor: pointer;
+  --hop-Select-button-padding-inline: var(--hop-space-inset-md);
+  --hop-Select-button-padding-block: 0;
+  --hop-Select-button-placeholder-color: var(--hop-neutral-text-weakest);
+  --hop-Select-button-column-gap: var(--hop-space-inline-sm);
+  --hop-Select-button-sm-block-size: 2rem;
+  --hop-Select-button-md-block-size: 2.5rem;
+  --hop-Select-prefix-color: var(--hop-neutral-text-weak);
+  --hop-Select-button-icon-color: var(--hop-neutral-icon-weak);
+  --hop-Select-button-background-color-hovered: var(--hop-neutral-surface-hover);
+  --hop-Select-button-border-color-hovered: var(--hop-neutral-border-hover);
+  --hop-Select-button-color-hovered: var(--hop-neutral-text-hover);
+  --hop-Select-button-icon-color-hovered: var(--hop-neutral-icon-hover);
+  --hop-Select-button-background-color-focused: var(--hop-neutral-surface-hover);
+  --hop-Select-button-border-color-focused: var(--hop-primary-border-focus);
+  --hop-Select-button-color-focused: var(--hop-neutral-text-hover);
+  --hop-Select-button-icon-color-focused: var(--hop-neutral-icon-hover);
+  --hop-Select-button-outline-color-focused: var(--hop-primary-border-focus);
+  --hop-Select-button-background-color-selected: var(--hop-neutral-surface);
+  --hop-Select-button-border-color-selected: var(--hop-neutral-border-selected);
+  --hop-Select-button-color-selected: var(--hop-neutral-text);
+  --hop-Select-button-icon-color-selected: var(--hop-neutral-icon);
+  --hop-Select-button-border-color-invalid: var(--hop-danger-border-strong);
+  --hop-Select-button-background-color-disabled: var(--hop-neutral-surface-disabled);
+  --hop-Select-button-border-color-disabled: var(--hop-neutral-border-disabled);
+  --hop-Select-button-color-disabled: var(--hop-neutral-text-disabled);
+  --hop-Select-button-icon-color-disabled: var(--hop-neutral-icon-disabled);
+  --hop-Select-button-cursor-disabled: not-allowed;
+  --inline-size: var(--hop-Select-inline-size);
+  --button-background-color: var(--hop-Select-button-background-color);
+  --button-border-color: var(--hop-Select-button-border-color);
+  --button-color: var(--hop-Select-button-color);
+  --button-icon-color: var(--hop-Select-button-icon-color);
+  --button-cursor: var(--hop-Select-button-cursor);
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--hop-Select-row-gap);
+  box-sizing: border-box;
+  inline-size: var(--inline-size);
+  max-inline-size: var(--hop-Select-max-inline-size);
 }
-.ListBox-module__hop-ListBox--fluid___T8kAj {
-  --max-width: var(--hop-ListBox-fluid-max-width);
-  --width: var(--hop-ListBox-fluid-width);
+.Select-module__hop-Select--fluid___Pmtyu {
+  --inline-size: var(--hop-Select-inline-size-fluid);
 }
-.ListBox-module__hop-ListBox__section___QPsVA {
-  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
-  margin-inline: var(--hop-ListBox-section-margin-inline);
-  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
-  padding-inline: var(--hop-ListBox-section-padding-inline);
-  border-block-start: var(--section-border-block-start);
-  border-block-end: var(--section-border-block-end);
+.Select-module__hop-Select__label___gr4p- {
+  order: 1;
 }
-.ListBox-module__hop-ListBox__item___vZVsB + .ListBox-module__hop-ListBox__section___QPsVA {
-  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
-  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
+.Select-module__hop-Select__button___KARiT {
+  cursor: var(--button-cursor);
+  display: flex;
+  column-gap: var(--hop-Select-button-column-gap);
+  align-items: center;
+  order: 2;
+  block-size: var(--button-block-size);
+  padding-block: var(--hop-Select-button-padding-block);
+  padding-inline: var(--hop-Select-button-padding-inline);
+  color: var(--button-color);
+  text-align: start;
+  background-color: var(--button-background-color);
+  border: var(--hop-Select-button-border-size) solid var(--button-border-color);
+  border-radius: var(--hop-Select-button-border-radius);
+  outline: none;
 }
-.ListBox-module__hop-ListBox__section___QPsVA:has(+ .ListBox-module__hop-ListBox__item___vZVsB) {
-  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
+.Select-module__hop-Select__button--sm___D3kQ0 {
+  --button-block-size: var(--hop-Select-button-sm-block-size);
 }
-.ListBox-module__hop-ListBox__section___QPsVA:first-child {
-  --section-padding-block-start: 0;
+.Select-module__hop-Select__button--md___hDawq {
+  --button-block-size: var(--hop-Select-button-md-block-size);
 }
-.ListBox-module__hop-ListBox__section___QPsVA:last-child {
-  --section-padding-block-end: 0;
-  --section-border-block-end: 0;
+.Select-module__hop-Select__button___KARiT[data-hovered] {
+  --button-background-color: var(--hop-Select-button-background-color-hovered);
+  --button-border-color: var(--hop-Select-button-border-color-hovered);
+  --button-color: var(--hop-Select-button-color-hovered);
+  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
 }
-.ListBox-module__hop-ListBox__section-header___SlD3k {
-  margin: 0;
-  padding: var(--hop-ListBox-section-header-padding);
-  font-family: var(--hop-ListBox-section-header-font-family);
-  font-size: var(--hop-ListBox-section-header-font-size);
-  font-weight: var(--hop-ListBox-section-header-font-weight);
-  line-height: var(--hop-ListBox-section-header-line-height);
-  color: var(--hop-ListBox-section-header-color);
-  text-transform: var(--hop-ListBox-section-header-text-transform);
-  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
+.Select-module__hop-Select__button___KARiT[data-pressed] {
+  --button-background-color: var(--hop-Select-button-background-color-selected);
+  --button-border-color: var(--hop-Select-button-border-color-selected);
+  --button-color: var(--hop-Select-button-color-selected);
+  --button-icon-color: var(--hop-Select-button-icon-color-selected);
 }
-.ListBox-module__hop-ListBox__section-header___SlD3k::before,
-.ListBox-module__hop-ListBox__section-header___SlD3k::after {
-  content: "";
-  display: block;
-  box-sizing: border-box;
-  inline-size: 0;
-  block-size: 0;
+.Select-module__hop-Select__button___KARiT[data-invalid] {
+  --button-border-color: var(--hop-Select-button-border-color-invalid);
 }
-.ListBox-module__hop-ListBox__section-header___SlD3k::before {
-  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
+.Select-module__hop-Select__button___KARiT[data-focus-visible] {
+  --button-background-color: var(--hop-Select-button-background-color-focused);
+  --button-border-color: var(--hop-Select-button-border-color-focused);
+  --button-color: var(--hop-Select-button-color-focused);
+  --button-icon-color: var(--hop-Select-button-icon-color-focused);
+  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
+  outline-offset: var(--hop-Select-button-outline-offset);
 }
-.ListBox-module__hop-ListBox__section-header___SlD3k::after {
-  margin-block-start: var(--hop-ListBox-section-header-top-offset);
+.Select-module__hop-Select__button___KARiT:has([data-placeholder]) {
+  --button-color: var(--hop-Select-button-placeholder-color);
+}
+.Select-module__hop-Select__button___KARiT[data-disabled] {
+  --button-background-color: var(--hop-Select-button-background-color-disabled);
+  --button-border-color: var(--hop-Select-button-border-color-disabled);
+  --button-color: var(--hop-Select-button-color-disabled);
+  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
+  --button-cursor: var(--hop-Select-button-cursor-disabled);
+}
+.Select-module__hop-Select__prefix___aur4M {
+  color: var(--hop-Select-prefix-color);
+}
+.Select-module__hop-Select__button-icon___heDUO {
+  margin-inline-start: auto;
+  color: var(--button-icon-color);
+}
+.Select-module__hop-Select__helper-message___y3Ab0,
+.Select-module__hop-Select__error-message___c0pzc {
+  order: 3;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
-@keyframes Spinner-module__spin___5ZMLZ {
+@keyframes Spinner-module__spin___8jRb3 {
   0% {
     transform: rotate(0deg);
   }
@@ -2202,7 +2365,7 @@
     transform: rotate(360deg);
   }
 }
-.Spinner-module__hop-Spinner___MwDXH {
+.Spinner-module__hop-Spinner___H4wI5 {
   --hop-Spinner-border-radius: var(--hop-shape-circle);
   --hop-Spinner-sm-wheel-size: 1rem;
   --hop-Spinner-md-wheel-size: 1.25rem;
@@ -2210,7 +2373,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___5ZMLZ .8s infinite linear;
+  --hop-Spinner-fill-animation: Spinner-module__spin___8jRb3 .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;
@@ -2221,19 +2384,19 @@
   align-items: center;
   box-sizing: border-box;
 }
-.Spinner-module__hop-Spinner--sm___6HAHH {
+.Spinner-module__hop-Spinner--sm___-kNR6 {
   --width: var(--hop-Spinner-sm-wheel-size);
   --height: var(--hop-Spinner-sm-wheel-size);
 }
-.Spinner-module__hop-Spinner--md___fpYWn {
+.Spinner-module__hop-Spinner--md___LaUAW {
   --width: var(--hop-Spinner-md-wheel-size);
   --height: var(--hop-Spinner-md-wheel-size);
 }
-.Spinner-module__hop-Spinner--lg___R-ALj {
+.Spinner-module__hop-Spinner--lg___Yg9Ri {
   --width: var(--hop-Spinner-lg-wheel-size);
   --height: var(--hop-Spinner-lg-wheel-size);
 }
-.Spinner-module__hop-Spinner__track___jL7TG {
+.Spinner-module__hop-Spinner__track___bgUSx {
   grid-area: spinner;
   box-sizing: border-box;
   inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2242,7 +2405,7 @@
   border: var(--hop-Spinner-track-border);
   border-radius: var(--hop-Spinner-border-radius);
 }
-.Spinner-module__hop-Spinner__fill___BTgP4 {
+.Spinner-module__hop-Spinner__fill___BDtrF {
   grid-area: spinner;
   box-sizing: border-box;
   inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2253,19 +2416,22 @@
   animation: var(--hop-Spinner-fill-animation);
 }
 @media (prefers-reduced-motion: reduce) {
-  .Spinner-module__hop-Spinner__fill___BTgP4 {
+  .Spinner-module__hop-Spinner__fill___BDtrF {
     animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
   }
 }
-.Spinner-module__hop-Spinner__label___OJj-D {
+.Spinner-module__hop-Spinner__label___4X7ti {
   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___3R65p {
+.Button-module__hop-Button___zGXVn {
   --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);
+  --hop-Button-icon-only-column-gap: 0;
+  --hop-Button-outline-size: var(--hop-space-20);
   --hop-Button-icon-only-padding: 0;
   --hop-Button-sm-height: 2rem;
   --hop-Button-md-height: 2.5rem;
@@ -2392,6 +2558,7 @@
   --block-size: var(--hop-Button-md-height);
   --background-color: var(--hop-primary-surface-strong);
   --color: var(--hop-primary-text-strong);
+  --column-gap: var(--hop-Button-column-gap);
   --spinner: var(--hop-primary-icon-strong);
   --border: 0;
   --padding-inline: 0;
@@ -2399,11 +2566,10 @@
   cursor: pointer;
   position: relative;
   overflow: hidden;
-  display: grid;
-  grid-template-areas: "start-icon content end-icon";
-  grid-template-columns: auto min-content auto;
-  column-gap: var(--hop-space-inline-xs);
+  display: flex;
+  column-gap: var(--column-gap);
   align-items: center;
+  justify-content: center;
   box-sizing: border-box;
   inline-size: var(--inline-size);
   block-size: var(--block-size);
@@ -2416,323 +2582,325 @@
   border: var(--border);
   border-radius: var(--hop-Button-border-radius);
   outline: none;
-  outline-offset: 0.125rem;
+  outline-offset: var(--hop-Button-outline-size);
   transition:
     color var(--hop-easing-duration-2) var(--hop-easing-productive),
     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___3R65p[data-focus-visible] {
-  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
+.Button-module__hop-Button___zGXVn[data-focus-visible] {
+  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
 }
-.Button-module__hop-Button--icon-only___vmU4h {
+.Button-module__hop-Button--icon-only___vt2yi {
   --padding-block: var(--hop-Button-icon-only-padding);
   --padding-inline: var(--hop-Button-icon-only-padding);
-  column-gap: 0;
+  --column-gap: var(--hop-Button-icon-only-column-gap);
   aspect-ratio: 1;
 }
-.Button-module__hop-Button___3R65p[data-disabled],
-.Button-module__hop-Button___3R65p[data-loading] {
+.Button-module__hop-Button___zGXVn[data-disabled],
+.Button-module__hop-Button___zGXVn[data-loading] {
   cursor: not-allowed;
 }
-.Button-module__hop-Button--fluid___I-DqC {
+.Button-module__hop-Button--fluid___EtgJF {
   --inline-size: 100%;
 }
-.Button-module__hop-Button--sm___w7vdk {
+.Button-module__hop-Button--sm___99WKy {
   --block-size: var(--hop-Button-sm-height);
 }
-.Button-module__hop-Button--primary___sFO6q.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--primary___H8AZX.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-primary-sm-padding-x);
   --padding-block: var(--hop-Button-primary-sm-padding-y);
 }
-.Button-module__hop-Button--primary___sFO6q.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--primary___H8AZX.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-primary-md-padding-x);
   --padding-block: var(--hop-Button-primary-md-padding-y);
 }
-.Button-module__hop-Button--secondary___3yUD8.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--secondary___KZp-x.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-secondary-md-padding-x);
   --padding-block: var(--hop-Button-secondary-md-padding-y);
 }
-.Button-module__hop-Button--secondary___3yUD8.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--secondary___KZp-x.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-secondary-sm-padding-x);
   --padding-block: var(--hop-Button-secondary-sm-padding-y);
 }
-.Button-module__hop-Button--upsell___jrkm7.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--upsell___3jxDZ.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-upsell-md-padding-x);
   --padding-block: var(--hop-Button-upsell-md-padding-y);
 }
-.Button-module__hop-Button--upsell___jrkm7.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--upsell___3jxDZ.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-upsell-sm-padding-x);
   --padding-block: var(--hop-Button-upsell-sm-padding-y);
 }
-.Button-module__hop-Button--danger___doULV.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--danger___SS6-k.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-danger-md-padding-x);
   --padding-block: var(--hop-Button-danger-md-padding-y);
 }
-.Button-module__hop-Button--danger___doULV.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--danger___SS6-k.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-danger-sm-padding-x);
   --padding-block: var(--hop-Button-danger-sm-padding-y);
 }
-.Button-module__hop-Button--ghost-danger___kmhtH.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--ghost-danger___dzKiM.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
   --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
 }
-.Button-module__hop-Button--ghost-danger___kmhtH.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--ghost-danger___dzKiM.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
   --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
 }
-.Button-module__hop-Button--ghost-secondary___3LQQY.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--ghost-secondary___rcqAj.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
   --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
 }
-.Button-module__hop-Button--ghost-secondary___3LQQY.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--ghost-secondary___rcqAj.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
   --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
 }
-.Button-module__hop-Button--ghost-primary___emXc1.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--ghost-primary___ZH-FY.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
   --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
 }
-.Button-module__hop-Button--ghost-primary___emXc1.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
+.Button-module__hop-Button--ghost-primary___ZH-FY.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
   --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
   --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
 }
-.Button-module__hop-Button--primary___sFO6q {
+.Button-module__hop-Button--primary___H8AZX {
   --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___sFO6q[data-disabled]:not([data-loading]) {
+.Button-module__hop-Button--primary___H8AZX[data-disabled]:not([data-loading]) {
   --background-color: var(--hop-Button-primary-background-color-disabled);
   --color: var(--hop-Button-primary-color-disabled);
   --border: var(--hop-Button-primary-border-disabled);
 }
-.Button-module__hop-Button--primary___sFO6q[data-hovered]:not([data-disabled], [data-loading]),
-.Button-module__hop-Button--primary___sFO6q[data-focus-visible]:not([data-disabled], [data-loading]) {
+.Button-module__hop-Button--primary___H8AZX[data-hovered]:not([data-disabled], [data-loading]),
+.Button-module__hop-Button--primary___H8AZX[data-focus-visible]:not([data-disabled], [data-loading]) {
   --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___sFO6q[data-pressed]:not([data-loading]) {
+.Button-module__hop-Button--primary___H8AZX[data-pressed]:not([data-loading]) {
   --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___3yUD8 {
+.Button-module__hop-Button--secondary___KZp-x {
   --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___3yUD8[data-disabled]:not([data-loading]) {
+.Button-module__hop-Button--secondary___KZp-x[data-disabled]:not([data-loading]) {
   --background-color: var(--hop-Button-secondary-background-color-disabled);
   --color: var(--hop-Button-secondary-color-disabled);
   --border: var(--hop-Button-secondary-border-disabled);
 }
-.Button-module__hop-Button--secondary___3yUD8[data-hovered]:not([data-disabled], [data-loading]),
-.Button-module__hop-Button--secondary___3yUD8[data-focus-visible]:not([data-disabled], [data-loading]) {
+.Button-module__hop-Button--secondary___KZp-x[data-hovered]:not([data-disabled], [data-loading]),
+.Button-module__hop-Button--secondary___KZp-x[data-focus-visible]:not([data-disabled], [data-loading]) {
   --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___3yUD8[data-pressed]:not([data-loading]) {
+.Button-module__hop-Button--secondary___KZp-x[data-pressed]:not([data-loading]) {
   --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___jrkm7 {
+.Button-module__hop-Button--upsell___3jxDZ {
   --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___jrkm7[data-disabled]:not([data-loading]) {
+.Button-module__hop-Button--upsell___3jxDZ[data-disabled]:not([data-loading]) {
   --background-color: var(--hop-Button-upsell-background-color-disabled);
   --color: var(--hop-Button-upsell-color-disabled);
   --border: var(--hop-Button-upsell-border-disabled);
 }
-.Button-module__hop-Button--upsell___jrkm7[data-hovered]:not([data-disabled], [data-loading]),
-.Button-module__hop-Button--upsell___jrkm7[data-focus-visible]:not([data-disabled], [data-loading]) {
+.Button-module__hop-Button--upsell___3jxDZ[data-hovered]:not([data-disabled], [data-loading]),
+.Button-module__hop-Button--upsell___3jxDZ[data-focus-visible]:not([data-disabled], [data-loading]) {
   --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___jrkm7[data-pressed]:not([data-loading]) {
+.Button-module__hop-Button--upsell___3jxDZ[data-pressed]:not([data-loading]) {
   --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___doULV {
+.Button-module__hop-Button--danger___SS6-k {
   --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___doULV[data-disabled]:not([data-loading]) {
+.Button-module__hop-Button--danger___SS6-k[data-disabled]:not([data-loading]) {
   --background-color: var(--hop-Button-danger-background-color-disabled);
   --color: var(--hop-Button-danger-color-disabled);
   --border: var(--hop-Button-danger-border-disabled);
 }
-.Button-module__hop-Button--danger___doULV[data-hovered]:not([data-disabled], [data-loading]),
-.Button-module__hop-Button--danger___doULV[data-focus-visible]:not([data-disabled], [data-loading]) {
+.Button-module__hop-Button--danger___SS6-k[data-hovered]:not([data-disabled], [data-loading]),
+.Button-module__hop-Button--danger___SS6-k[data-focus-visible]:not([data-disabled], [data-loading]) {
   --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___doULV[data-pressed]:not([data-loading]) {
+.Button-module__hop-Button--danger___SS6-k[data-pressed]:not([data-loading]) {
   --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___emXc1 {
+.Button-module__hop-Button--ghost-primary___ZH-FY {
   --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___emXc1[data-disabled]:not([data-loading]) {
+.Button-module__hop-Button--ghost-primary___ZH-FY[data-disabled]:not([data-loading]) {
   --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
   --color: var(--hop-Button-ghost-primary-color-disabled);
   --border: var(--hop-Button-ghost-primary-border-disabled);
 }
-.Button-module__hop-Button--ghost-primary___emXc1[data-hovered]:not([data-disabled], [data-loading]),
-.Button-module__hop-Button--ghost-primary___emXc1[data-focus-visible]:not([data-disabled], [data-loading]) {
+.Button-module__hop-Button--ghost-primary___ZH-FY[data-hovered]:not([data-disabled], [data-loading]),
+.Button-module__hop-Button--ghost-primary___ZH-FY[data-focus-visible]:not([data-disabled], [data-loading]) {
   --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);
 }
-.Button-module__hop-Button--ghost-primary___emXc1[data-pressed]:not([data-loading]) {
+.Button-module__hop-Button--ghost-primary___ZH-FY[data-pressed]:not([data-loading]) {
   --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);
 }
-.Button-module__hop-Button--ghost-secondary___3LQQY {
+.Button-module__hop-Button--ghost-secondary___rcqAj {
   --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___3LQQY[data-disabled]:not([data-loading]) {
+.Button-module__hop-Button--ghost-secondary___rcqAj[data-disabled]:not([data-loading]) {
   --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
   --color: var(--hop-Button-ghost-secondary-color-disabled);
   --border: var(--hop-Button-ghost-secondary-border-disabled);
 }
-.Button-module__hop-Button--ghost-secondary___3LQQY[data-hovered]:not([data-disabled], [data-loading]),
-.Button-module__hop-Button--ghost-secondary___3LQQY[data-focus-visible]:not([data-disabled], [data-loading]) {
+.Button-module__hop-Button--ghost-secondary___rcqAj[data-hovered]:not([data-disabled], [data-loading]),
+.Button-module__hop-Button--ghost-secondary___rcqAj[data-focus-visible]:not([data-disabled], [data-loading]) {
   --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);
 }
-.Button-module__hop-Button--ghost-secondary___3LQQY[data-pressed]:not([data-loading]) {
+.Button-module__hop-Button--ghost-secondary___rcqAj[data-pressed]:not([data-loading]) {
   --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);
 }
-.Button-module__hop-Button--ghost-danger___kmhtH {
+.Button-module__hop-Button--ghost-danger___dzKiM {
   --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___kmhtH[data-disabled]:not([data-loading]) {
+.Button-module__hop-Button--ghost-danger___dzKiM[data-disabled]:not([data-loading]) {
   --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
   --color: var(--hop-Button-ghost-danger-color-disabled);
   --border: var(--hop-Button-ghost-danger-border-disabled);
 }
-.Button-module__hop-Button--ghost-danger___kmhtH[data-hovered]:not([data-disabled], [data-loading]),
-.Button-module__hop-Button--ghost-danger___kmhtH[data-focus-visible]:not([data-disabled], [data-loading]) {
+.Button-module__hop-Button--ghost-danger___dzKiM[data-hovered]:not([data-disabled], [data-loading]),
+.Button-module__hop-Button--ghost-danger___dzKiM[data-focus-visible]:not([data-disabled], [data-loading]) {
   --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);
 }
-.Button-module__hop-Button--ghost-danger___kmhtH[data-pressed]:not([data-loading]) {
+.Button-module__hop-Button--ghost-danger___dzKiM[data-pressed]:not([data-loading]) {
   --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);
 }
-.Button-module__hop-Button__Spinner___ZnVVk {
+.Button-module__hop-Button__Spinner___vlV36 {
   position: absolute;
-  justify-self: center;
   color: var(--spinner-color);
 }
-.Button-module__hop-Button__icon___xb5IF,
-.Button-module__hop-Button__icon-list___fh4aX {
-  grid-area: start-icon;
+.Button-module__hop-Button__icon___lVHsd,
+.Button-module__hop-Button__icon-list___UO6Jd {
+  flex: 0 0 auto;
   justify-self: end;
+  order: 1;
 }
-.Button-module__hop-Button__text___3bwzH {
+.Button-module__hop-Button__text___-uwhc {
   user-select: none;
   overflow: visible;
-  grid-area: content;
+  flex: 0 1 auto;
+  order: 2;
   font-weight: var(--hop-font-weight-505);
   text-wrap: nowrap;
 }
-.Button-module__hop-Button--ghost-primary___emXc1[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
-.Button-module__hop-Button--ghost-secondary___3LQQY[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
-.Button-module__hop-Button--ghost-danger___kmhtH[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
-.Button-module__hop-Button--ghost-primary___emXc1[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
-.Button-module__hop-Button--ghost-secondary___3LQQY[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
-.Button-module__hop-Button--ghost-danger___kmhtH[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
-.Button-module__hop-Button--ghost-primary___emXc1[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
-.Button-module__hop-Button--ghost-secondary___3LQQY[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
-.Button-module__hop-Button--ghost-danger___kmhtH[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___3bwzH {
+.Button-module__hop-Button--ghost-primary___ZH-FY[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
+.Button-module__hop-Button--ghost-secondary___rcqAj[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
+.Button-module__hop-Button--ghost-danger___dzKiM[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
+.Button-module__hop-Button--ghost-primary___ZH-FY[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
+.Button-module__hop-Button--ghost-secondary___rcqAj[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
+.Button-module__hop-Button--ghost-danger___dzKiM[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
+.Button-module__hop-Button--ghost-primary___ZH-FY[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
+.Button-module__hop-Button--ghost-secondary___rcqAj[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
+.Button-module__hop-Button--ghost-danger___dzKiM[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___-uwhc {
   text-decoration: underline;
   text-underline-offset: 0.125rem;
 }
-.Button-module__hop-Button__end-icon___ibbEF,
-.Button-module__hop-Button__end-icon-list___jZX43 {
-  grid-area: end-icon;
+.Button-module__hop-Button__end-icon___OizU3,
+.Button-module__hop-Button__end-icon-list___DASVK {
+  flex: 0 0 auto;
+  order: 3;
 }
-.Button-module__hop-Button___3R65p .Button-module__hop-Button__icon-list___fh4aX,
-.Button-module__hop-Button___3R65p .Button-module__hop-Button__end-icon-list___jZX43 {
+.Button-module__hop-Button___zGXVn .Button-module__hop-Button__icon-list___UO6Jd,
+.Button-module__hop-Button___zGXVn .Button-module__hop-Button__end-icon-list___DASVK {
   flex-wrap: nowrap;
 }
-.Button-module__hop-Button___3R65p[data-loading] > *:not(.Button-module__hop-Button__Spinner___ZnVVk) {
+.Button-module__hop-Button___zGXVn[data-loading] > *:not(.Button-module__hop-Button__Spinner___vlV36) {
   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___ELNL5 {
+.ButtonGroup-module__hop-ButtonGroup___aXxFz {
   display: inline-flex;
   flex-wrap: nowrap;
   gap: var(--hop-space-inline-md);
 }
-.ButtonGroup-module__hop-ButtonGroup--horizontal___OSyIX {
-  justify-content: center;
+.ButtonGroup-module__hop-ButtonGroup--horizontal___CFqGx {
+  align-items: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--vertical___nHPyg {
+.ButtonGroup-module__hop-ButtonGroup--vertical___ikqf4 {
   flex-direction: column;
   gap: var(--hop-space-stack-md);
-  align-items: center;
+  justify-content: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--start___4iro6.ButtonGroup-module__hop-ButtonGroup--vertical___nHPyg {
+.ButtonGroup-module__hop-ButtonGroup--start___pxcPE.ButtonGroup-module__hop-ButtonGroup--vertical___ikqf4 {
   align-items: flex-start;
 }
-.ButtonGroup-module__hop-ButtonGroup--center___tORzj.ButtonGroup-module__hop-ButtonGroup--vertical___nHPyg {
+.ButtonGroup-module__hop-ButtonGroup--center___Kh4JU.ButtonGroup-module__hop-ButtonGroup--vertical___ikqf4 {
   align-items: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--end___GrDvb.ButtonGroup-module__hop-ButtonGroup--vertical___nHPyg {
+.ButtonGroup-module__hop-ButtonGroup--end___u3xSX.ButtonGroup-module__hop-ButtonGroup--vertical___ikqf4 {
   align-items: flex-end;
 }
-.ButtonGroup-module__hop-ButtonGroup--start___4iro6.ButtonGroup-module__hop-ButtonGroup--horizontal___OSyIX {
+.ButtonGroup-module__hop-ButtonGroup--start___pxcPE.ButtonGroup-module__hop-ButtonGroup--horizontal___CFqGx {
   justify-content: flex-start;
 }
-.ButtonGroup-module__hop-ButtonGroup--center___tORzj.ButtonGroup-module__hop-ButtonGroup--horizontal___OSyIX {
+.ButtonGroup-module__hop-ButtonGroup--center___Kh4JU.ButtonGroup-module__hop-ButtonGroup--horizontal___CFqGx {
   justify-content: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--end___GrDvb.ButtonGroup-module__hop-ButtonGroup--horizontal___OSyIX {
+.ButtonGroup-module__hop-ButtonGroup--end___u3xSX.ButtonGroup-module__hop-ButtonGroup--horizontal___CFqGx {
   justify-content: flex-end;
 }
-.ButtonGroup-module__hop-ButtonGroup--wrap___BjSg- {
+.ButtonGroup-module__hop-ButtonGroup--wrap___KmnF9 {
   flex-wrap: wrap;
 }
-.ButtonGroup-module__hop-ButtonGroup--fluid___gj54a {
+.ButtonGroup-module__hop-ButtonGroup--fluid___cCexy {
   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___GBGHc {
+.EmbeddedButton-module__hop-EmbeddedButton___rSt9k {
   --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);
@@ -2896,7 +3064,7 @@
   outline: none;
   transition: color var(--transition);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___GBGHc::before {
+.EmbeddedButton-module__hop-EmbeddedButton___rSt9k::before {
   content: "";
   position: absolute;
   inset-block-start: 50%;
@@ -2909,284 +3077,284 @@
   border-radius: var(--effect-border-radius);
   transition: background-color var(--transition);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___GBGHc[data-square] {
+.EmbeddedButton-module__hop-EmbeddedButton___rSt9k[data-square] {
   --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--md___tXAvq {
+.EmbeddedButton-module__hop-EmbeddedButton--md___tja1j {
   --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___9RqH5 {
+.EmbeddedButton-module__hop-EmbeddedButton--lg___4Qi5j {
   --inline-size: var(--hop-EmbeddedButton-lg-width);
   --block-size: var(--hop-EmbeddedButton-lg-height);
   --focus-ring-offset: 0;
 }
-.EmbeddedButton-module__hop-EmbeddedButton--md___tXAvq::before {
+.EmbeddedButton-module__hop-EmbeddedButton--md___tja1j::before {
   --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
   --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--lg___9RqH5::before {
+.EmbeddedButton-module__hop-EmbeddedButton--lg___4Qi5j::before {
   --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
   --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--neutral___6nkWo {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___krHs3 {
   --color: var(--hop-EmbeddedButton-neutral-color);
   --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--subdued___PzFVu {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___3-rGe {
   --color: var(--hop-EmbeddedButton-subdued-color);
   --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--progress___DsXR- {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___S-exF {
   --color: var(--hop-EmbeddedButton-progress-color);
   --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--positive___Ir94W {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___J3D37 {
   --color: var(--hop-EmbeddedButton-positive-color);
   --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--caution___qOHI7 {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___eRAWS {
   --color: var(--hop-EmbeddedButton-caution-color);
   --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--negative___kebHl {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___cCfDO {
   --color: var(--hop-EmbeddedButton-negative-color);
   --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option1___4OhSd {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___6A9lT {
   --color: var(--hop-EmbeddedButton-option1-color);
   --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option2___oYsV9 {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___eI8gH {
   --color: var(--hop-EmbeddedButton-option2-color);
   --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option3___F7PgH {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___Tr-a- {
   --color: var(--hop-EmbeddedButton-option3-color);
   --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option4___dvFIz {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___7cSS2 {
   --color: var(--hop-EmbeddedButton-option4-color);
   --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option5___Ruluj {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___Pm3D3 {
   --color: var(--hop-EmbeddedButton-option5-color);
   --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton--option6___fX8pn {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___gViHX {
   --color: var(--hop-EmbeddedButton-option6-color);
   --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___GBGHc[data-selected] {
+.EmbeddedButton-module__hop-EmbeddedButton___rSt9k[data-selected] {
   --color: var(--hop-EmbeddedButton-selected-color);
   --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
 }
-.EmbeddedButton-module__hop-EmbeddedButton___GBGHc[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton___rSt9k[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___GBGHc[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton___rSt9k[data-disabled] {
   cursor: not-allowed;
 }
-.EmbeddedButton-module__hop-EmbeddedButton--neutral___6nkWo[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___krHs3[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___6nkWo[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___krHs3[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___6nkWo[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___krHs3[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___6nkWo[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--neutral___krHs3[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___PzFVu[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___3-rGe[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___PzFVu[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___3-rGe[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___PzFVu[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___3-rGe[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___PzFVu[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--subdued___3-rGe[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___DsXR-[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___S-exF[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___DsXR-[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___S-exF[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___DsXR-[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___S-exF[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___DsXR-[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--progress___S-exF[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___Ir94W[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___J3D37[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___Ir94W[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___J3D37[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___Ir94W[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___J3D37[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___Ir94W[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--positive___J3D37[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___qOHI7[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___eRAWS[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___qOHI7[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___eRAWS[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___qOHI7[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___eRAWS[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___qOHI7[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--caution___eRAWS[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___kebHl[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___cCfDO[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___kebHl[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___cCfDO[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___kebHl[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___cCfDO[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___kebHl[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--negative___cCfDO[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___4OhSd[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___6A9lT[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___4OhSd[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___6A9lT[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___4OhSd[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___6A9lT[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___4OhSd[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option1___6A9lT[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___oYsV9[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___eI8gH[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___oYsV9[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___eI8gH[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___oYsV9[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___eI8gH[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___oYsV9[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option2___eI8gH[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___F7PgH[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___Tr-a-[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___F7PgH[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___Tr-a-[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___F7PgH[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___Tr-a-[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___F7PgH[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option3___Tr-a-[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___dvFIz[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___7cSS2[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___dvFIz[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___7cSS2[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___dvFIz[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___7cSS2[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___dvFIz[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option4___7cSS2[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___Ruluj[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___Pm3D3[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___Ruluj[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___Pm3D3[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___Ruluj[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___Pm3D3[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___Ruluj[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option5___Pm3D3[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___fX8pn[data-hovered] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___gViHX[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___fX8pn[data-focus-visible] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___gViHX[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___fX8pn[data-pressed] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___gViHX[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___fX8pn[data-disabled] {
+.EmbeddedButton-module__hop-EmbeddedButton--option6___gViHX[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___3N3L0 {
+.EmbeddedButton-module__hop-EmbeddedButton__icon___Qj1Ep {
   position: relative;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ComboBox/src/ComboBox.module.css/#css-module-data */
-.ComboBox-module__hop-ComboBox___n7QRn {
+.ComboBox-module__hop-ComboBox___22q-o {
   --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
   --hop-ComboBox-inline-size: 20rem;
   --hop-ComboBox-inline-size-fluid: 100%;
@@ -3250,13 +3418,13 @@
   inline-size: var(--inline-size);
   max-inline-size: var(--hop-ComboBox-max-inline-size);
 }
-.ComboBox-module__hop-ComboBox--fluid___0M4ER {
+.ComboBox-module__hop-ComboBox--fluid___gZnV9 {
   --inline-size: var(--hop-ComboBox-inline-size-fluid);
 }
-.ComboBox-module__hop-ComboBox__label___14zTj {
+.ComboBox-module__hop-ComboBox__label___TUEfZ {
   order: 1;
 }
-.ComboBox-module__hop-ComboBox__trigger___-04bl {
+.ComboBox-module__hop-ComboBox__trigger___ovjnZ {
   cursor: var(--trigger-cursor);
   overflow: hidden;
   display: flex;
@@ -3269,32 +3437,32 @@
   border: var(--hop-ComboBox-trigger-border-size) solid var(--trigger-border-color);
   border-radius: var(--hop-ComboBox-trigger-border-radius);
 }
-.ComboBox-module__hop-ComboBox__trigger--sm___74HHf {
+.ComboBox-module__hop-ComboBox__trigger--sm___ANdPR {
   --trigger-block-size: var(--hop-ComboBox-trigger-sm-block-size);
   --input-font-family: var(--hop-ComboBox-input-sm-font-family);
   --input-font-size: var(--hop-ComboBox-input-sm-font-size);
   --input-font-weight: var(--hop-ComboBox-input-sm-font-weight);
   --input-line-height: var(--hop-ComboBox-input-sm-line-height);
 }
-.ComboBox-module__hop-ComboBox__trigger--md___Le2IJ {
+.ComboBox-module__hop-ComboBox__trigger--md___5KfXC {
   --trigger-block-size: var(--hop-ComboBox-trigger-md-block-size);
 }
-.ComboBox-module__hop-ComboBox__trigger___-04bl[data-hovered] {
+.ComboBox-module__hop-ComboBox__trigger___ovjnZ[data-hovered] {
   --trigger-background-color: var(--hop-ComboBox-trigger-background-color-hovered);
   --trigger-border-color: var(--hop-ComboBox-trigger-border-color-hovered);
   --trigger-color: var(--hop-ComboBox-trigger-color-hovered);
   --button-icon-color: var(--hop-ComboBox-button-icon-color-hovered);
 }
-.ComboBox-module__hop-ComboBox__trigger___-04bl[data-selected] {
+.ComboBox-module__hop-ComboBox__trigger___ovjnZ[data-selected] {
   --trigger-background-color: var(--hop-ComboBox-button-background-color-selected);
   --trigger-border-color: var(--hop-ComboBox-button-border-color-selected);
   --trigger-color: var(--hop-ComboBox-button-color-selected);
   --button-icon-color: var(--hop-ComboBox-button-icon-color-selected);
 }
-.ComboBox-module__hop-ComboBox__trigger___-04bl[data-invalid] {
+.ComboBox-module__hop-ComboBox__trigger___ovjnZ[data-invalid] {
   --trigger-border-color: var(--hop-ComboBox-trigger-border-color-invalid);
 }
-.ComboBox-module__hop-ComboBox__trigger___-04bl[data-focus-visible] {
+.ComboBox-module__hop-ComboBox__trigger___ovjnZ[data-focus-visible] {
   --trigger-background-color: var(--hop-ComboBox-trigger-background-color-focused);
   --trigger-border-color: var(--hop-ComboBox-trigger-border-color-focused);
   --trigger-color: var(--hop-ComboBox-trigger-color-focused);
@@ -3302,14 +3470,14 @@
   outline: var(--hop-ComboBox-trigger-border-size) solid var(--hop-ComboBox-trigger-outline-color-focused);
   outline-offset: var(--hop-ComboBox-trigger-outline-offset);
 }
-.ComboBox-module__hop-ComboBox__trigger___-04bl[data-disabled] {
+.ComboBox-module__hop-ComboBox__trigger___ovjnZ[data-disabled] {
   --trigger-background-color: var(--hop-ComboBox-trigger-background-color-disabled);
   --trigger-border-color: var(--hop-ComboBox-trigger-border-color-disabled);
   --trigger-color: var(--hop-ComboBox-trigger-color-disabled);
   --button-icon-color: var(--hop-ComboBox-button-icon-color-disabled);
   --trigger-cursor: var(--hop-ComboBox-trigger-cursor-disabled);
 }
-.ComboBox-module__hop-ComboBox__input___IP54N {
+.ComboBox-module__hop-ComboBox__input___V6tKJ {
   flex: 1 1 auto;
   min-inline-size: 0;
   font-family: var(--input-font-family);
@@ -3321,10 +3489,10 @@
   border: none;
   outline: none;
 }
-.ComboBox-module__hop-ComboBox__input___IP54N::placeholder {
+.ComboBox-module__hop-ComboBox__input___V6tKJ::placeholder {
   color: var(--hop-ComboBox-input-placeholder-color);
 }
-.ComboBox-module__hop-ComboBox__button___8nmg2 {
+.ComboBox-module__hop-ComboBox__button___YA0E8 {
   cursor: var(--trigger-cursor);
   display: flex;
   flex: 0 0 auto;
@@ -3334,21 +3502,21 @@
   border: none;
   outline: none;
 }
-.ComboBox-module__hop-ComboBox__prefix___DTlPa {
+.ComboBox-module__hop-ComboBox__prefix___BlcTQ {
   align-self: center;
   color: var(--hop-ComboBox-prefix-color);
 }
-.ComboBox-module__hop-ComboBox__button-icon___3N5pw {
+.ComboBox-module__hop-ComboBox__button-icon___xTn4O {
   margin-inline-start: auto;
   color: var(--button-icon-color);
 }
-.ComboBox-module__hop-ComboBox__helper-message___ULTPL,
-.ComboBox-module__hop-ComboBox__error-message___NDFkU {
+.ComboBox-module__hop-ComboBox__helper-message___LpFXd,
+.ComboBox-module__hop-ComboBox__error-message___mmT2Q {
   order: 3;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
-:where(.Divider-module__hop-Divider___uELRF) {
+:where(.Divider-module__hop-Divider___-R-wf) {
   --hop-Divider-border-color: var(--hop-neutral-border-weak);
   --hop-Divider-border-size: 0.0625rem;
   --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -3373,7 +3541,7 @@
   border-block-end: var(--border-block-end);
   border-inline-start: var(--border-inline-start);
 }
-.Divider-module__hop-Divider--vertical___LT6Mq {
+.Divider-module__hop-Divider--vertical___z-ZJc {
   --border-block-end: var(--hop-Divider-vertical-border-block-end);
   --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
   --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -3381,14 +3549,14 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
-.Form-module__hop-Form___sKEqg {
+.Form-module__hop-Form___s7vUe {
   display: flex;
   flex-direction: column;
   gap: var(--hop-space-stack-lg);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
-.InputGroup-module__hop-InputGroup___uqldk {
+.InputGroup-module__hop-InputGroup___AlcL- {
   --hop-InputGroup-background: var(--hop-neutral-surface);
   --hop-InputGroup-border-color: var(--hop-neutral-border);
   --hop-InputGroup-border-width: 0.0625rem;
@@ -3469,11 +3637,11 @@
   border: var(--border);
   border-radius: var(--hop-InputGroup-border-radius);
 }
-.InputGroup-module__hop-InputGroup--fluid___827k5 {
+.InputGroup-module__hop-InputGroup--fluid___gevpP {
   --inline-size: 100%;
   --input-inline-size: 100%;
 }
-.InputGroup-module__hop-InputGroup--sm___786sH {
+.InputGroup-module__hop-InputGroup--sm___zQGm3 {
   --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);
@@ -3481,7 +3649,7 @@
   --input-line-height: var(--hop-InputGroup-input-sm-line-height);
   --input-block-size: var(--hop-InputGroup-input-sm-block-size);
 }
-.InputGroup-module__hop-InputGroup___uqldk[data-input-type=textarea] {
+.InputGroup-module__hop-InputGroup___AlcL-[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);
@@ -3489,28 +3657,28 @@
   --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
   --padding-block: var(--hop-InputGroup-padding-block-textarea);
 }
-.InputGroup-module__hop-InputGroup___uqldk[data-input-type=number] {
+.InputGroup-module__hop-InputGroup___AlcL-[data-input-type=number] {
   --display: var(--hop-InputGroup-display-number);
   --gap: var(--hop-InputGroup-gap-number);
 }
-.InputGroup-module__hop-InputGroup___uqldk[data-hovered] {
+.InputGroup-module__hop-InputGroup___AlcL-[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___uqldk[data-focus-within] {
+.InputGroup-module__hop-InputGroup___AlcL-[data-focus-within] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
 }
-.InputGroup-module__hop-InputGroup___uqldk[data-invalid] {
+.InputGroup-module__hop-InputGroup___AlcL-[data-invalid] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
 }
-.InputGroup-module__hop-InputGroup___uqldk[data-disabled] {
+.InputGroup-module__hop-InputGroup___AlcL-[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___-mhVi,
-.InputGroup-module__hop-InputGroup__textarea___7-IM1 {
+.InputGroup-module__hop-InputGroup__input___wqI2g,
+.InputGroup-module__hop-InputGroup__textarea___NvT-N {
   flex: 1 1 auto;
   box-sizing: border-box;
   inline-size: var(--input-inline-size);
@@ -3524,26 +3692,26 @@
   border: none;
   outline: none;
 }
-.InputGroup-module__hop-InputGroup__input___-mhVi {
+.InputGroup-module__hop-InputGroup__input___wqI2g {
   block-size: var(--input-block-size);
   padding: var(--hop-InputGroup-input-padding);
 }
-.InputGroup-module__hop-InputGroup__textarea___7-IM1 {
+.InputGroup-module__hop-InputGroup__textarea___NvT-N {
   padding: var(--hop-InputGroup-textarea-padding);
 }
-.InputGroup-module__hop-InputGroup__input___-mhVi::placeholder {
+.InputGroup-module__hop-InputGroup__input___wqI2g::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___gWzkV {
+.InputGroup-module__hop-InputGroup__embedded-button___8L5FM {
   margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
-.NumberField-module__hop-NumberField___JWRIC {
+.NumberField-module__hop-NumberField___vn6R7 {
   --hop-NumberField-gap: var(--hop-space-stack-xs);
   --hop-NumberField-inline-size: 20rem;
   --hop-NumberField-inline-size-fluid: 100%;
@@ -3591,30 +3759,30 @@
   gap: var(--hop-NumberField-gap);
   inline-size: var(--inline-size);
 }
-.NumberField-module__hop-NumberField--fluid___EOudP {
+.NumberField-module__hop-NumberField--fluid___1Vq6n {
   --inline-size: var(--hop-NumberField-inline-size-fluid);
 }
-.NumberField-module__hop-NumberField--mobile___qDpE- {
+.NumberField-module__hop-NumberField--mobile___Gh3Z6 {
   --input-group-template: var(--hop-NumberField-input-group-template-mobile);
   --stepper-height: var(--hop-NumberField-stepper-height-mobile);
 }
-.NumberField-module__hop-NumberField__Label___-H44k {
+.NumberField-module__hop-NumberField__Label___cNCTi {
   order: 0;
 }
-.NumberField-module__hop-NumberField__prefix___8vinn {
+.NumberField-module__hop-NumberField__prefix___ctRUQ {
   grid-area: prefix;
   margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
   color: var(--hop-NumberField-prefix-color);
 }
-.NumberField-module__hop-NumberField__InputGroup___HQhT- {
+.NumberField-module__hop-NumberField__InputGroup___RysSI {
   grid-template: var(--input-group-template);
   order: 1;
 }
-.NumberField-module__hop-NumberField__ErrorMessage___qaQ7l,
-.NumberField-module__hop-NumberField__HelperMessage___-uUXm {
+.NumberField-module__hop-NumberField__ErrorMessage___qxV5I,
+.NumberField-module__hop-NumberField__HelperMessage___7YBrz {
   order: 3;
 }
-.NumberField-module__hop-NumberField__stepper-button___9QSJ- {
+.NumberField-module__hop-NumberField__stepper-button___UQ3ww {
   cursor: pointer;
   display: flex;
   grid-area: var(--grid-area, unset);
@@ -3635,55 +3803,55 @@
   border-radius: var(--stepper-border-radius, 0);
   outline: none;
 }
-.NumberField-module__hop-NumberField__stepper-button--increment___ZYt3s {
+.NumberField-module__hop-NumberField__stepper-button--increment___y8QR8 {
   --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
   --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
   --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
   --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
   --grid-area: stepup;
 }
-.NumberField-module__hop-NumberField__stepper-button--decrement___V1JNX {
+.NumberField-module__hop-NumberField__stepper-button--decrement___0lzAt {
   --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
   --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
   --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
   --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
   --grid-area: stepdown;
 }
-.NumberField-module__hop-NumberField__stepper-button--mobile___hTy6K.NumberField-module__hop-NumberField__stepper-button--increment___ZYt3s {
+.NumberField-module__hop-NumberField__stepper-button--mobile___qb9S-.NumberField-module__hop-NumberField__stepper-button--increment___y8QR8 {
   --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
   --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
   --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
   --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
 }
-.NumberField-module__hop-NumberField__stepper-button--mobile___hTy6K.NumberField-module__hop-NumberField__stepper-button--decrement___V1JNX {
+.NumberField-module__hop-NumberField__stepper-button--mobile___qb9S-.NumberField-module__hop-NumberField__stepper-button--decrement___0lzAt {
   --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
   --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
   --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
   --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
 }
-.NumberField-module__hop-NumberField__stepper-button___9QSJ-[data-hovered] {
+.NumberField-module__hop-NumberField__stepper-button___UQ3ww[data-hovered] {
   color: var(--hop-NumberField-stepper-color-hovered);
   background-color: var(--hop-NumberField-stepper-background-color-hovered);
 }
-.NumberField-module__hop-NumberField__stepper-button___9QSJ-[data-pressed] {
+.NumberField-module__hop-NumberField__stepper-button___UQ3ww[data-pressed] {
   color: var(--hop-NumberField-stepper-color-pressed);
   background-color: var(--hop-NumberField-stepper-background-color-pressed);
 }
-.NumberField-module__hop-NumberField__stepper-button___9QSJ-[data-disabled] {
+.NumberField-module__hop-NumberField__stepper-button___UQ3ww[data-disabled] {
   cursor: not-allowed;
   color: var(--hop-NumberField-stepper-color-disabled);
   background-color: var(--hop-NumberField-stepper-background-color-disabled);
 }
-.NumberField-module__hop-NumberField__stepper-button__icon___88QtF {
+.NumberField-module__hop-NumberField__stepper-button__icon___WyfRZ {
   display: block;
   max-block-size: 100%;
 }
-.NumberField-module__hop-NumberField__input___sFgUR {
+.NumberField-module__hop-NumberField__input___t1Gmh {
   grid-area: input;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
-.PasswordField-module__hop-PasswordField___cQ7hR {
+.PasswordField-module__hop-PasswordField___NL4gi {
   --hop-PasswordField-gap: var(--hop-space-stack-xs);
   --hop-PasswordField-inline-size: 20rem;
   --inline-size: var(--hop-PasswordField-inline-size);
@@ -3693,37 +3861,37 @@
   inline-size: var(--inline-size);
   max-inline-size: 100%;
 }
-.PasswordField-module__hop-PasswordField--fluid___wQW5P {
+.PasswordField-module__hop-PasswordField--fluid___QC-zv {
   --inline-size: 100%;
 }
-.PasswordField-module__hop-PasswordField__Label___9IeRn {
+.PasswordField-module__hop-PasswordField__Label___oDgXl {
   order: 0;
 }
-.PasswordField-module__hop-PasswordField__InputGroup___Dwfto {
+.PasswordField-module__hop-PasswordField__InputGroup___QjieT {
   order: 1;
 }
-.PasswordField-module__hop-PasswordField__ErrorMessage___n6DF3,
-.PasswordField-module__hop-PasswordField__HelperMessage___gYmVS {
+.PasswordField-module__hop-PasswordField__ErrorMessage___TuMDv,
+.PasswordField-module__hop-PasswordField__HelperMessage___MK4wV {
   order: 3;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
-.RemainingCharacterCount-module__hop-RemainingCharacterCount___wXqq3 {
+.RemainingCharacterCount-module__hop-RemainingCharacterCount___AvZ0z {
   --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
   --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
   --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
   --char-count-color: var(--hop-RemainingCharacterCount-color);
   color: var(--char-count-color);
 }
-.RemainingCharacterCount-module__hop-RemainingCharacterCount___wXqq3[data-invalid] {
+.RemainingCharacterCount-module__hop-RemainingCharacterCount___AvZ0z[data-invalid] {
   --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
 }
-.RemainingCharacterCount-module__hop-RemainingCharacterCount___wXqq3[data-disabled] {
+.RemainingCharacterCount-module__hop-RemainingCharacterCount___AvZ0z[data-disabled] {
   --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
-.SearchField-module__hop-SearchField___NHFMJ {
+.SearchField-module__hop-SearchField___8eHie {
   --hop-SearchField-gap: var(--hop-space-stack-xs);
   --hop-SearchField-inline-size: 20rem;
   --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -3738,39 +3906,39 @@
   inline-size: var(--inline-size);
   max-inline-size: 100%;
 }
-.SearchField-module__hop-SearchField--fluid___cMOYL {
+.SearchField-module__hop-SearchField--fluid___Nx1zw {
   --inline-size: 100%;
 }
-.SearchField-module__hop-SearchField__Label___vbHed {
+.SearchField-module__hop-SearchField__Label___EDE-r {
   order: 0;
 }
-.SearchField-module__hop-SearchField__prefix___Xzg2q {
+.SearchField-module__hop-SearchField__prefix___RRIjd {
   color: var(--hop-SearchField-color);
 }
-.SearchField-module__hop-SearchField__InputGroup___AmMBm {
+.SearchField-module__hop-SearchField__InputGroup___j8qm1 {
   order: 1;
   padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
 }
-.SearchField-module__hop-SearchField--clearable___vIvZr {
+.SearchField-module__hop-SearchField--clearable___MU3rk {
   --input-group-padding-inline-end: 0;
 }
-.SearchField-module__hop-SearchField__ErrorMessage___OKH9I,
-.SearchField-module__hop-SearchField__HelperMessage___DyWis {
+.SearchField-module__hop-SearchField__ErrorMessage___sNzUp,
+.SearchField-module__hop-SearchField__HelperMessage___-Q0zC {
   order: 3;
 }
-.SearchField-module__hop-SearchField___NHFMJ input::-webkit-search-cancel-button,
-.SearchField-module__hop-SearchField___NHFMJ input::-webkit-search-decoration {
+.SearchField-module__hop-SearchField___8eHie input::-webkit-search-cancel-button,
+.SearchField-module__hop-SearchField___8eHie input::-webkit-search-decoration {
   appearance: none;
 }
-.SearchField-module__hop-SearchField___NHFMJ[data-empty] {
+.SearchField-module__hop-SearchField___8eHie[data-empty] {
   --clear-button-display: none;
 }
-.SearchField-module__hop-SearchField__ClearButton___1rl04 {
+.SearchField-module__hop-SearchField__ClearButton___4DNdI {
   display: var(--clear-button-display);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
-.TextArea-module__hop-TextArea___4-L4S {
+.TextArea-module__hop-TextArea___x2CmS {
   --hop-TextArea-gap: var(--hop-space-stack-xs);
   --hop-TextArea-inline-size: 20rem;
   --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -3784,35 +3952,35 @@
   inline-size: var(--inline-size);
   max-inline-size: 100%;
 }
-.TextArea-module__hop-TextArea--fluid___etcUQ {
+.TextArea-module__hop-TextArea--fluid___MZN77 {
   --inline-size: 100%;
 }
-.TextArea-module__hop-TextArea___4-L4S[data-resize-mode=vertical] {
+.TextArea-module__hop-TextArea___x2CmS[data-resize-mode=vertical] {
   --resize: vertical;
 }
-.TextArea-module__hop-TextArea__Label___oDdwI {
+.TextArea-module__hop-TextArea__Label___Af2bd {
   order: 0;
 }
-.TextArea-module__hop-TextArea__prefix___PeMyX {
+.TextArea-module__hop-TextArea__prefix___x0xLx {
   color: var(--hop-TextArea-prefix-color);
 }
-.TextArea-module__hop-TextArea__InputGroup___UlDVb {
+.TextArea-module__hop-TextArea__InputGroup___Dp8-c {
   order: 1;
 }
-.TextArea-module__hop-TextArea__RemainingCharacterCount___o0Giq {
+.TextArea-module__hop-TextArea__RemainingCharacterCount___RiDiR {
   padding: var(--hop-TextArea-remaining-character-count-padding);
 }
-.TextArea-module__hop-TextArea__textarea___-d88v {
+.TextArea-module__hop-TextArea__textarea___CCOgb {
   resize: var(--resize);
   min-block-size: var(--hop-TextArea-input-min-height);
 }
-.TextArea-module__hop-TextArea__ErrorMessage___NkdHZ,
-.TextArea-module__hop-TextArea__HelperMessage___sJKgm {
+.TextArea-module__hop-TextArea__ErrorMessage___gWZ-K,
+.TextArea-module__hop-TextArea__HelperMessage___XMvT6 {
   order: 3;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
-.TextField-module__hop-TextField___WkT8z {
+.TextField-module__hop-TextField___cPRGw {
   --hop-TextField-gap: var(--hop-space-stack-xs);
   --hop-TextField-inline-size: 20rem;
   --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -3823,25 +3991,25 @@
   inline-size: var(--inline-size);
   max-inline-size: 100%;
 }
-.TextField-module__hop-TextField--fluid___4qcv- {
+.TextField-module__hop-TextField--fluid___nbm1S {
   --inline-size: 100%;
 }
-.TextField-module__hop-TextField__Label___K2scG {
+.TextField-module__hop-TextField__Label___JJZPs {
   order: 0;
 }
-.TextField-module__hop-TextField__prefix___ts9K6 {
+.TextField-module__hop-TextField__prefix___pU0k- {
   color: var(--hop-TextField-prefix-color);
 }
-.TextField-module__hop-TextField__InputGroup___sDz1x {
+.TextField-module__hop-TextField__InputGroup___PKQeM {
   order: 1;
 }
-.TextField-module__hop-TextField__ErrorMessage___ZmmqY,
-.TextField-module__hop-TextField__HelperMessage___mZsJj {
+.TextField-module__hop-TextField__ErrorMessage___33K-f,
+.TextField-module__hop-TextField__HelperMessage___qHMy2 {
   order: 3;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
-.Link-module__hop-Link___PSorN {
+.Link-module__hop-Link___-do1R {
   --hop-Link-border-radius: var(--hop-shape-rounded-sm);
   --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
   --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -3866,59 +4034,59 @@
   outline: none;
   outline-offset: 0.125rem;
 }
-.Link-module__hop-Link___PSorN[data-focus-visible] {
+.Link-module__hop-Link___-do1R[data-focus-visible] {
   outline: 0.125rem solid var(--hop-Link-focus-ring-color);
 }
-.Link-module__hop-Link___PSorN[data-disabled] {
+.Link-module__hop-Link___-do1R[data-disabled] {
   cursor: default;
 }
-.Link-module__hop-Link--quiet___xqXVr[data-focus-visible],
-.Link-module__hop-Link--quiet___xqXVr[data-hovered] {
+.Link-module__hop-Link--quiet___ziqFZ[data-focus-visible],
+.Link-module__hop-Link--quiet___ziqFZ[data-hovered] {
   text-decoration: underline;
 }
-.Link-module__hop-Link___PSorN:not(.Link-module__hop-Link--quiet___xqXVr) {
+.Link-module__hop-Link___-do1R:not(.Link-module__hop-Link--quiet___ziqFZ) {
   text-decoration: underline;
 }
-.Link-module__hop-Link--primary___fAGQS {
+.Link-module__hop-Link--primary___k-Jjk {
   color: var(--hop-Link-primary-text-color);
 }
-.Link-module__hop-Link--primary___fAGQS[data-disabled] {
+.Link-module__hop-Link--primary___k-Jjk[data-disabled] {
   color: var(--hop-Link-primary-text-disabled-color);
 }
-.Link-module__hop-Link--primary___fAGQS:not([data-disabled])[data-focus-visible],
-.Link-module__hop-Link--primary___fAGQS:not([data-disabled])[data-hovered] {
+.Link-module__hop-Link--primary___k-Jjk:not([data-disabled])[data-focus-visible],
+.Link-module__hop-Link--primary___k-Jjk:not([data-disabled])[data-hovered] {
   color: var(--hop-Link-primary-text-hover-color);
 }
-.Link-module__hop-Link--primary___fAGQS:not([data-disabled])[data-pressed] {
+.Link-module__hop-Link--primary___k-Jjk:not([data-disabled])[data-pressed] {
   color: var(--hop-Link-primary-text-pressed-color);
 }
-.Link-module__hop-Link--secondary___V2GUr {
+.Link-module__hop-Link--secondary___mPNFy {
   color: var(--hop-Link-neutral-text-color);
 }
-.Link-module__hop-Link--secondary___V2GUr[data-disabled] {
+.Link-module__hop-Link--secondary___mPNFy[data-disabled] {
   color: var(--hop-Link-neutral-text-disabled-color);
 }
-.Link-module__hop-Link--secondary___V2GUr:not([data-disabled])[data-focus-visible],
-.Link-module__hop-Link--secondary___V2GUr:not([data-disabled])[data-hovered] {
+.Link-module__hop-Link--secondary___mPNFy:not([data-disabled])[data-focus-visible],
+.Link-module__hop-Link--secondary___mPNFy:not([data-disabled])[data-hovered] {
   color: var(--hop-Link-neutral-text-hover-color);
 }
-.Link-module__hop-Link--secondary___V2GUr:not([data-disabled])[data-pressed] {
+.Link-module__hop-Link--secondary___mPNFy:not([data-disabled])[data-pressed] {
   color: var(--hop-Link-neutral-text-pressed-color);
 }
-.Link-module__hop-Link__icon___ehJz7,
-.Link-module__hop-Link__icon-list___e-NR3 {
+.Link-module__hop-Link__icon___X8ET-,
+.Link-module__hop-Link__icon-list___27w5S {
   order: 2;
 }
-.Link-module__hop-Link__text___4T-8C {
+.Link-module__hop-Link__text___Zo3bf {
   order: 1;
 }
-.Link-module__hop-Link__start-icon___kfI4F,
-.Link-module__hop-Link__start-icon-list___J3UEx {
+.Link-module__hop-Link__start-icon___Uwd7b,
+.Link-module__hop-Link__start-icon-list___vLjWR {
   order: 0;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
-.Switch-module__hop-Switch___pc2RD {
+.Switch-module__hop-Switch___3f1-U {
   --hop-Switch-border-size: 0.0625rem;
   --hop-Switch-border-color: var(--hop-neutral-border);
   --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3975,56 +4143,56 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.Switch-module__hop-Switch--sm___7GLPK {
+.Switch-module__hop-Switch--sm___fQqbW {
   --inline-size: var(--hop-Switch-inline-size-sm);
   --block-size: var(--hop-Switch-block-size-sm);
   --thumb-size: var(--hop-Switch-thumb-size-sm);
   --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
   --text-top-offset: var(--hop-Switch-text-top-offset-sm);
 }
-.Switch-module__hop-Switch--md___G6vSk {
+.Switch-module__hop-Switch--md___junRd {
   --inline-size: var(--hop-Switch-inline-size-md);
   --block-size: var(--hop-Switch-block-size-md);
   --thumb-size: var(--hop-Switch-thumb-size-md);
   --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
   --text-top-offset: var(--hop-Switch-text-top-offset-md);
 }
-.Switch-module__hop-Switch___pc2RD[data-hovered] {
+.Switch-module__hop-Switch___3f1-U[data-hovered] {
   --border-color: var(--hop-Switch-border-color-hover);
   --background-color: var(--hop-Switch-background-color-hover);
   --thumb-color: var(--hop-Switch-thumb-color-hover);
   --text-color: var(--hop-Switch-text-color-hover);
 }
-.Switch-module__hop-Switch___pc2RD[data-pressed],
-.Switch-module__hop-Switch___pc2RD[data-pressed][data-focus-visible] {
+.Switch-module__hop-Switch___3f1-U[data-pressed],
+.Switch-module__hop-Switch___3f1-U[data-pressed][data-focus-visible] {
   --border-color: var(--hop-Switch-border-color-pressed);
   --background-color: var(--hop-Switch-background-color-pressed);
   --thumb-color: var(--hop-Switch-thumb-color-pressed);
   --text-color: var(--hop-Switch-text-color-pressed);
 }
-.Switch-module__hop-Switch___pc2RD[data-focus-visible] {
+.Switch-module__hop-Switch___3f1-U[data-focus-visible] {
   --border-color: var(--hop-Switch-border-color-focus);
   --background-color: var(--hop-Switch-background-color-focus);
   --thumb-color: var(--hop-Switch-thumb-color-focus);
   --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
   --text-color: var(--hop-Switch-text-color-focus);
 }
-.Switch-module__hop-Switch___pc2RD[data-selected],
-.Switch-module__hop-Switch___pc2RD[data-selected][data-pressed] {
+.Switch-module__hop-Switch___3f1-U[data-selected],
+.Switch-module__hop-Switch___3f1-U[data-selected][data-pressed] {
   --border-color: var(--hop-Switch-border-color-selected);
   --background-color: var(--hop-Switch-background-color-selected);
   --thumb-color: var(--hop-Switch-thumb-color-selected);
   --thumb-transform: translate(calc(var(--inline-size) - var(--thumb-size, var(--hop-Switch-thumb-size-md)) - (2 * var(--inset-inline-start, var(--hop-Switch-inset-inline-start-md))) - (2 * var(--border-size))), -50%);
   --text-color: var(--hop-Switch-text-color-selected);
 }
-.Switch-module__hop-Switch___pc2RD[data-disabled] {
+.Switch-module__hop-Switch___3f1-U[data-disabled] {
   --border-color: var(--hop-Switch-border-color-disabled);
   --background-color: var(--hop-Switch-background-color-disabled);
   --thumb-color: var(--hop-Switch-thumb-color-disabled);
   --text-color: var(--hop-Switch-text-color-disabled);
   --cursor: not-allowed;
 }
-.Switch-module__hop-Switch__indicator___s7CoT {
+.Switch-module__hop-Switch__indicator___1k2qS {
   position: relative;
   flex: 0 0 auto;
   box-sizing: border-box;
@@ -4037,7 +4205,7 @@
   outline-offset: 0.125rem;
   transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
 }
-.Switch-module__hop-Switch__indicator___s7CoT::before {
+.Switch-module__hop-Switch__indicator___1k2qS::before {
   content: "";
   position: absolute;
   inset-block-start: 50%;
@@ -4052,20 +4220,20 @@
   border-radius: var(--hop-shape-circle);
   transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
 }
-.Switch-module__hop-Switch__text___XkuiK {
+.Switch-module__hop-Switch__text___qSzcd {
   flex: 0 1 auto;
   order: 2;
   min-inline-size: 0;
   margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
   color: var(--text-color);
 }
-.Switch-module__hop-Switch__icon-list___imqPB,
-.Switch-module__hop-Switch__icon___TZZzk {
+.Switch-module__hop-Switch__icon-list___ASyQb,
+.Switch-module__hop-Switch__icon___WrfnW {
   order: 3;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
-.SwitchField-module__hop-SwitchField___pkIFK {
+.SwitchField-module__hop-SwitchField___UIMQX {
   --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
   --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
   --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -4084,28 +4252,28 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.SwitchField-module__hop-SwitchField___pkIFK[data-disabled] {
+.SwitchField-module__hop-SwitchField___UIMQX[data-disabled] {
   --description-color: var(--hop-SwitchField-description-color-disabled);
 }
-.SwitchField-module__hop-SwitchField--sm___booUR {
+.SwitchField-module__hop-SwitchField--sm___bHFx9 {
   --row-gap: var(--hop-SwitchField-sm-row-gap);
   --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
 }
-.SwitchField-module__hop-SwitchField--md___PixAi {
+.SwitchField-module__hop-SwitchField--md___sLVhe {
   --row-gap: var(--hop-SwitchField-md-row-gap);
   --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
 }
-.SwitchField-module__hop-SwitchField__description___SISqE {
+.SwitchField-module__hop-SwitchField__description___hU3uI {
   order: 2;
   margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
   color: var(--description-color);
 }
-.SwitchField-module__hop-SwitchField__switch___3sbXd {
+.SwitchField-module__hop-SwitchField__switch___A8KJQ {
   order: 1;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
-.Tag-module__hop-Tag___1zuhV {
+.Tag-module__hop-Tag___H9HH6 {
   --hop-Tag-border-size: 0.0625rem;
   --hop-Tag-border-radius: var(--hop-shape-pill);
   --hop-Tag-sm-block-size: 1.25rem;
@@ -4344,7 +4512,7 @@
   outline: none;
   outline-offset: 0.125rem;
 }
-.Tag-module__hop-Tag--sm___9Gsrt {
+.Tag-module__hop-Tag--sm___de-n0 {
   --block-size: var(--hop-Tag-sm-block-size);
   --padding-inline: var(--hop-Tag-sm-padding-inline);
   --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4352,13 +4520,13 @@
   --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___9Gsrt:not(:has(.Tag-module__hop-Tag__remove-btn___jB2sk, .Tag-module__hop-Tag__Spinner___WgYSX)) {
+.Tag-module__hop-Tag--sm___de-n0:not(:has(.Tag-module__hop-Tag__remove-btn___Oe90Q, .Tag-module__hop-Tag__Spinner___pozOl)) {
   --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
 }
-.Tag-module__hop-Tag--sm___9Gsrt:not(:has(.Tag-module__hop-Tag__avatar___-TOrs)) {
+.Tag-module__hop-Tag--sm___de-n0:not(:has(.Tag-module__hop-Tag__avatar___5Yqi1)) {
   --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
 }
-.Tag-module__hop-Tag--md___pMwhv {
+.Tag-module__hop-Tag--md___hlkEy {
   --block-size: var(--hop-Tag-md-block-size);
   --padding-inline: var(--hop-Tag-md-padding-inline);
   --column-gap: var(--hop-Tag-md-column-gap);
@@ -4366,13 +4534,13 @@
   --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___pMwhv:not(:has(.Tag-module__hop-Tag__remove-btn___jB2sk, .Tag-module__hop-Tag__Spinner___WgYSX)) {
+.Tag-module__hop-Tag--md___hlkEy:not(:has(.Tag-module__hop-Tag__remove-btn___Oe90Q, .Tag-module__hop-Tag__Spinner___pozOl)) {
   --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
 }
-.Tag-module__hop-Tag--md___pMwhv:not(:has(.Tag-module__hop-Tag__avatar___-TOrs)) {
+.Tag-module__hop-Tag--md___hlkEy:not(:has(.Tag-module__hop-Tag__avatar___5Yqi1)) {
   --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
 }
-.Tag-module__hop-Tag--lg___5L2qN {
+.Tag-module__hop-Tag--lg___prONh {
   --block-size: var(--hop-Tag-lg-block-size);
   --padding-inline: var(--hop-Tag-lg-padding-inline);
   --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4380,348 +4548,348 @@
   --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___5L2qN:not(:has(.Tag-module__hop-Tag__remove-btn___jB2sk, .Tag-module__hop-Tag__Spinner___WgYSX)) {
+.Tag-module__hop-Tag--lg___prONh:not(:has(.Tag-module__hop-Tag__remove-btn___Oe90Q, .Tag-module__hop-Tag__Spinner___pozOl)) {
   --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
 }
-.Tag-module__hop-Tag--lg___5L2qN:not(:has(.Tag-module__hop-Tag__avatar___-TOrs)) {
+.Tag-module__hop-Tag--lg___prONh:not(:has(.Tag-module__hop-Tag__avatar___5Yqi1)) {
   --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
 }
-.Tag-module__hop-Tag--neutral___-hfFU {
+.Tag-module__hop-Tag--neutral___-cIxk {
   --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___2aqW7 {
+.Tag-module__hop-Tag--subdued___p4Z9E {
   --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___naYse {
+.Tag-module__hop-Tag--progress___KWdZf {
   --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___qItG3 {
+.Tag-module__hop-Tag--positive___KjyTT {
   --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___9nBEB {
+.Tag-module__hop-Tag--caution___dVmQq {
   --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___GQW9X {
+.Tag-module__hop-Tag--negative___s7zTS {
   --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___kOp9w {
+.Tag-module__hop-Tag--option1___JZ3kh {
   --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___G2m1x {
+.Tag-module__hop-Tag--option2___3wpi2 {
   --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___s0l6k {
+.Tag-module__hop-Tag--option3___vK3I4 {
   --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___3ZWib {
+.Tag-module__hop-Tag--option4___6TkpA {
   --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___TBPjK {
+.Tag-module__hop-Tag--option5___9Q9nW {
   --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___80A4S {
+.Tag-module__hop-Tag--option6___845L1 {
   --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___1zuhV[data-href] {
+.Tag-module__hop-Tag___H9HH6[data-href] {
   cursor: pointer;
 }
-.Tag-module__hop-Tag--neutral___-hfFU[data-focus-visible] {
+.Tag-module__hop-Tag--neutral___-cIxk[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___-hfFU[data-hovered] {
+.Tag-module__hop-Tag--neutral___-cIxk[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___-hfFU[data-pressed] {
+.Tag-module__hop-Tag--neutral___-cIxk[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___-hfFU[data-disabled] {
+.Tag-module__hop-Tag--neutral___-cIxk[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___2aqW7[data-focus-visible] {
+.Tag-module__hop-Tag--subdued___p4Z9E[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___2aqW7[data-hovered] {
+.Tag-module__hop-Tag--subdued___p4Z9E[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___2aqW7[data-pressed] {
+.Tag-module__hop-Tag--subdued___p4Z9E[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___2aqW7[data-disabled] {
+.Tag-module__hop-Tag--subdued___p4Z9E[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___naYse[data-focus-visible] {
+.Tag-module__hop-Tag--progress___KWdZf[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___naYse[data-hovered] {
+.Tag-module__hop-Tag--progress___KWdZf[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___naYse[data-pressed] {
+.Tag-module__hop-Tag--progress___KWdZf[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___naYse[data-disabled] {
+.Tag-module__hop-Tag--progress___KWdZf[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___qItG3[data-focus-visible] {
+.Tag-module__hop-Tag--positive___KjyTT[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___qItG3[data-hovered] {
+.Tag-module__hop-Tag--positive___KjyTT[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___qItG3[data-pressed] {
+.Tag-module__hop-Tag--positive___KjyTT[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___qItG3[data-disabled] {
+.Tag-module__hop-Tag--positive___KjyTT[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___9nBEB[data-focus-visible] {
+.Tag-module__hop-Tag--caution___dVmQq[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___9nBEB[data-hovered] {
+.Tag-module__hop-Tag--caution___dVmQq[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___9nBEB[data-pressed] {
+.Tag-module__hop-Tag--caution___dVmQq[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___9nBEB[data-disabled] {
+.Tag-module__hop-Tag--caution___dVmQq[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___GQW9X[data-focus-visible] {
+.Tag-module__hop-Tag--negative___s7zTS[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___GQW9X[data-hovered] {
+.Tag-module__hop-Tag--negative___s7zTS[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___GQW9X[data-pressed] {
+.Tag-module__hop-Tag--negative___s7zTS[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___GQW9X[data-disabled] {
+.Tag-module__hop-Tag--negative___s7zTS[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___kOp9w[data-focus-visible] {
+.Tag-module__hop-Tag--option1___JZ3kh[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___kOp9w[data-hovered] {
+.Tag-module__hop-Tag--option1___JZ3kh[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___kOp9w[data-pressed] {
+.Tag-module__hop-Tag--option1___JZ3kh[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___kOp9w[data-disabled] {
+.Tag-module__hop-Tag--option1___JZ3kh[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___G2m1x[data-focus-visible] {
+.Tag-module__hop-Tag--option2___3wpi2[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___G2m1x[data-hovered] {
+.Tag-module__hop-Tag--option2___3wpi2[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___G2m1x[data-pressed] {
+.Tag-module__hop-Tag--option2___3wpi2[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___G2m1x[data-disabled] {
+.Tag-module__hop-Tag--option2___3wpi2[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___s0l6k[data-focus-visible] {
+.Tag-module__hop-Tag--option3___vK3I4[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___s0l6k[data-hovered] {
+.Tag-module__hop-Tag--option3___vK3I4[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___s0l6k[data-pressed] {
+.Tag-module__hop-Tag--option3___vK3I4[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___s0l6k[data-disabled] {
+.Tag-module__hop-Tag--option3___vK3I4[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___3ZWib[data-focus-visible] {
+.Tag-module__hop-Tag--option4___6TkpA[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___3ZWib[data-hovered] {
+.Tag-module__hop-Tag--option4___6TkpA[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___3ZWib[data-pressed] {
+.Tag-module__hop-Tag--option4___6TkpA[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___3ZWib[data-disabled] {
+.Tag-module__hop-Tag--option4___6TkpA[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___TBPjK[data-focus-visible] {
+.Tag-module__hop-Tag--option5___9Q9nW[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___TBPjK[data-hovered] {
+.Tag-module__hop-Tag--option5___9Q9nW[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___TBPjK[data-pressed] {
+.Tag-module__hop-Tag--option5___9Q9nW[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___TBPjK[data-disabled] {
+.Tag-module__hop-Tag--option5___9Q9nW[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___80A4S[data-focus-visible] {
+.Tag-module__hop-Tag--option6___845L1[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___80A4S[data-hovered] {
+.Tag-module__hop-Tag--option6___845L1[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___80A4S[data-pressed] {
+.Tag-module__hop-Tag--option6___845L1[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___80A4S[data-disabled] {
+.Tag-module__hop-Tag--option6___845L1[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___1zuhV[data-focus-visible] {
+.Tag-module__hop-Tag___H9HH6[data-focus-visible] {
   outline: 0.125rem solid var(--focus-ring-color);
 }
-.Tag-module__hop-Tag___1zuhV[data-hovered] {
+.Tag-module__hop-Tag___H9HH6[data-hovered] {
   cursor: pointer;
 }
-.Tag-module__hop-Tag___1zuhV[data-selected] {
+.Tag-module__hop-Tag___H9HH6[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___1zuhV[data-pressed] {
+.Tag-module__hop-Tag___H9HH6[data-pressed] {
   cursor: pointer;
 }
-.Tag-module__hop-Tag___1zuhV[data-invalid] {
+.Tag-module__hop-Tag___H9HH6[data-invalid] {
   --border-color: var(--hop-Tag-border-color-invalid);
 }
-.Tag-module__hop-Tag___1zuhV[data-disabled] {
+.Tag-module__hop-Tag___H9HH6[data-disabled] {
   cursor: not-allowed;
 }
-.Tag-module__hop-Tag__avatar___-TOrs {
+.Tag-module__hop-Tag__avatar___5Yqi1 {
   flex: 0 0 auto;
   order: 1;
   margin-inline-start: var(--avatar-margin-inline-start);
 }
-.Tag-module__hop-Tag__icon___5sqMb,
-.Tag-module__hop-Tag__icon-list___VvuuS {
+.Tag-module__hop-Tag__icon___-29hK,
+.Tag-module__hop-Tag__icon-list___f-UL7 {
   flex: 0 0 auto;
   flex-wrap: nowrap;
   order: 2;
   margin-inline-start: var(--icon-margin-inline-start, 0);
 }
-.Tag-module__hop-Tag__text___Ivvli {
+.Tag-module__hop-Tag__text___NuvMJ {
   overflow: hidden;
   flex: 1 1 auto;
   order: 3;
@@ -4729,33 +4897,33 @@
   text-align: center;
   text-overflow: ellipsis;
 }
-.Tag-module__hop-Tag__badge___1zpdK {
+.Tag-module__hop-Tag__badge___GXnfs {
   flex: 0 0 auto;
   order: 4;
   margin-inline-end: var(--badge-margin-inline-end);
 }
-.Tag-module__hop-Tag___1zuhV .Tag-module__hop-Tag__badge___1zpdK[data-variant=subdued] {
+.Tag-module__hop-Tag___H9HH6 .Tag-module__hop-Tag__badge___GXnfs[data-variant=subdued] {
   margin-inline-start: var(--badge-secondary-margin-inline-start);
   color: inherit;
   background: none;
 }
-.Tag-module__hop-Tag--sm___9Gsrt .Tag-module__hop-Tag__badge___1zpdK {
+.Tag-module__hop-Tag--sm___de-n0 .Tag-module__hop-Tag__badge___GXnfs {
   block-size: 100%;
 }
-.Tag-module__hop-Tag__remove-btn___jB2sk,
-.Tag-module__hop-Tag__Spinner___WgYSX {
+.Tag-module__hop-Tag__remove-btn___Oe90Q,
+.Tag-module__hop-Tag__Spinner___pozOl {
   flex: 0 0 auto;
   order: 5;
 }
-.Tag-module__hop-Tag__Spinner___WgYSX {
+.Tag-module__hop-Tag__Spinner___pozOl {
   margin-inline-end: var(--spinner-margin-inline-end);
 }
-.Tag-module__hop-Tag__remove-btn___jB2sk {
+.Tag-module__hop-Tag__remove-btn___Oe90Q {
   margin-inline: var(--clear-btn-margin-inline);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
-.TagGroup-module__hop-TagGroup___1Mo3c {
+.TagGroup-module__hop-TagGroup___O5rki {
   --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
   --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
   --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4775,10 +4943,10 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.TagGroup-module__hop-TagGroup___1Mo3c > .TagGroup-module__hop-TagGroup__label___qsdNt {
+.TagGroup-module__hop-TagGroup___O5rki > .TagGroup-module__hop-TagGroup__label___vBoqW {
   order: 1;
 }
-.TagGroup-module__hop-TagGroup__list___5zmq6 {
+.TagGroup-module__hop-TagGroup__list___ZMVqr {
   display: flex;
   flex-wrap: wrap;
   gap: var(--list-row-gap) var(--list-column-gap);
@@ -4787,12 +4955,12 @@
   border-radius: var(--list-border-radius);
   outline: none;
 }
-.TagGroup-module__hop-TagGroup__list___5zmq6[data-focus-visible] {
+.TagGroup-module__hop-TagGroup__list___ZMVqr[data-focus-visible] {
   outline: 0.125rem solid var(--list-focus-ring-color);
   outline-offset: 0.125rem;
 }
-.TagGroup-module__hop-TagGroup___1Mo3c > .TagGroup-module__hop-TagGroup__error-message___xfCE7,
-.TagGroup-module__hop-TagGroup___1Mo3c > .TagGroup-module__hop-TagGroup__helper-message___Kzd5T {
+.TagGroup-module__hop-TagGroup___O5rki > .TagGroup-module__hop-TagGroup__error-message___xhALy,
+.TagGroup-module__hop-TagGroup___O5rki > .TagGroup-module__hop-TagGroup__helper-message___oYds7 {
   order: 3;
 }
 
@@ -4822,14 +4990,14 @@
 /* src/index.css */
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
-:where(.Popover-module__hop-Popover___5oE35 *) {
+:where(.Popover-module__hop-Popover___i6evZ *) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
   outline: none;
 }
-.Popover-module__hop-Popover___5oE35 {
+.Popover-module__hop-Popover___i6evZ {
   --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
   --hop-Popover-inline-width: 25rem;
   --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4842,22 +5010,22 @@
   inline-size: var(--width);
   max-inline-size: var(--max-width);
 }
-.Popover-module__hop-Popover___5oE35[data-trigger=Select] {
+.Popover-module__hop-Popover___i6evZ[data-trigger=Select] {
   --width: var(--hop-Popover-dropdown-inline-width);
 }
-.Popover-module__hop-Popover___5oE35[data-trigger=ComboBox] {
+.Popover-module__hop-Popover___i6evZ[data-trigger=ComboBox] {
   --width: var(--hop-Popover-combo-box-dropdown-inline-width);
 }
-.Popover-module__hop-Popover___5oE35[data-auto-width] {
+.Popover-module__hop-Popover___i6evZ[data-auto-width] {
   --width: var(--hop-Popover-dropdown-auto-inline-width);
 }
-.Popover-module__hop-Popover___5oE35[data-entering] {
-  animation: Popover-module__fade___ouDu7 0.25s;
+.Popover-module__hop-Popover___i6evZ[data-entering] {
+  animation: Popover-module__fade___bq7PN 0.25s;
 }
-.Popover-module__hop-Popover___5oE35[data-exiting] {
-  animation: Popover-module__fade___ouDu7 0.25s reverse;
+.Popover-module__hop-Popover___i6evZ[data-exiting] {
+  animation: Popover-module__fade___bq7PN 0.25s reverse;
 }
-@keyframes Popover-module__fade___ouDu7 {
+@keyframes Popover-module__fade___bq7PN {
   from {
     opacity: 0;
   }
@@ -4865,14 +5033,14 @@
     opacity: 1;
   }
 }
-.Popover-module__hop-Popover__wrapper___ouDYd {
+.Popover-module__hop-Popover__wrapper___4RQmi {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   min-block-size: 0;
 }
-.Popover-module__hop-Popover__dialog___hTvEd,
-.Popover-module__hop-Popover__dropdown___peL72 {
+.Popover-module__hop-Popover__dialog___bVgSY,
+.Popover-module__hop-Popover__dropdown___WF1-m {
   --hop-Popover-background: var(--hop-neutral-surface);
   --hop-Popover-font-family: var(--hop-body-sm-font-family);
   --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4918,20 +5086,20 @@
   border-radius: var(--hop-Popover-border-radius);
   box-shadow: var(--hop-Popover-box-shadow);
 }
-.Popover-module__hop-Popover__dropdown___peL72 {
+.Popover-module__hop-Popover__dropdown___WF1-m {
   --footer-margin: var(--hop-Popover-footer-dropdown-margin);
   --footer-place-self: stretch;
   --grid-template: var(--hop-Popover-dropdown-grid-template);
   --padding: var(--hop-Popover-dropdown-padding);
 }
-.Popover-module__hop-Popover__dialog___hTvEd {
+.Popover-module__hop-Popover__dialog___bVgSY {
   --padding: var(--hop-Popover-dialog-padding);
 }
-.Popover-module__hop-Popover__title___kbkL3 {
+.Popover-module__hop-Popover__title___yKQtv {
   grid-area: header;
   color: var(--hop-Popover-color);
 }
-.Popover-module__hop-Popover__content___NOp9c {
+.Popover-module__hop-Popover__content___ZbBoj {
   --font-size: var(--hop-Popover-content-font-size);
   --line-height: var(--hop-Popover-content-line-height);
   grid-area: content;
@@ -4940,7 +5108,7 @@
   padding: 0;
   color: var(--hop-Popover-content-color);
 }
-.Popover-module__hop-Popover__dropdown___peL72 .Popover-module__hop-Popover__list-box___79EA9 {
+.Popover-module__hop-Popover__dropdown___WF1-m .Popover-module__hop-Popover__list-box___HD2ye {
   grid-area: content;
   inline-size: auto;
   min-inline-size: auto;
@@ -4949,7 +5117,7 @@
   padding: 0;
   border: none;
 }
-.Popover-module__hop-Popover__footer___xe89n {
+.Popover-module__hop-Popover__footer___E6fkm {
   --font-size: var(--hop-Popover-footer-font-size);
   --line-height: var(--hop-Popover-footer-line-height);
   grid-area: footer;
@@ -4957,179 +5125,16 @@
   margin: var(--footer-margin);
   color: var(--hop-Popover-color);
 }
-.Popover-module__hop-Popover__dropdown___peL72 .Popover-module__hop-Popover__footer___xe89n {
+.Popover-module__hop-Popover__dropdown___WF1-m .Popover-module__hop-Popover__footer___E6fkm {
   padding: var(--hop-Popover-footer-dropdown-footer-padding);
   border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
 }
-.Popover-module__hop-Popover__actions___TbfNa,
-.Popover-module__hop-Popover__action___QV1br {
+.Popover-module__hop-Popover__actions___o91m2,
+.Popover-module__hop-Popover__action___uCMUL {
   grid-area: action;
   justify-self: end;
   margin-block-start: var(--hop-Popover-row-gap);
 }
-.Popover-module__hop-Popover___5oE35:has(.Popover-module__hop-Popover__actions___TbfNa, .Popover-module__hop-Popover__action___QV1br) .Popover-module__hop-Popover__footer___xe89n {
+.Popover-module__hop-Popover___i6evZ:has(.Popover-module__hop-Popover__actions___o91m2, .Popover-module__hop-Popover__action___uCMUL) .Popover-module__hop-Popover__footer___E6fkm {
   margin-inline-end: var(--hop-Popover-column-gap);
 }
-
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
-.SelectValue-module__hop-SelectValue___1iYgH {
-  --hop-SelectValue-display: inline-block;
-  --hop-SelectValue-slots-display: flex;
-  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
-  --display: var(--hop-SelectValue-display);
-  overflow: hidden;
-  display: var(--display);
-  flex: 1 1 auto;
-  column-gap: var(--hop-SelectValue-column-gap);
-  align-items: center;
-  box-sizing: border-box;
-  min-inline-size: 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.SelectValue-module__hop-SelectValue___1iYgH:has(.SelectValue-module__hop-SelectValue__text___N16CU) {
-  --display: var(--hop-SelectValue-slots-display);
-}
-.SelectValue-module__hop-SelectValue__avatar___TDbCs {
-  order: 1;
-}
-.SelectValue-module__hop-SelectValue__icon___IL25T {
-  order: 2;
-}
-.SelectValue-module__hop-SelectValue__text___N16CU {
-  overflow: hidden;
-  flex: 1 1 auto;
-  order: 3;
-  min-inline-size: 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.SelectValue-module__hop-SelectValue__end-icon___NRZ0- {
-  order: 4;
-}
-
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
-.Select-module__hop-Select___XqDPK {
-  --hop-Select-row-gap: var(--hop-space-stack-xs);
-  --hop-Select-inline-size: 20rem;
-  --hop-Select-inline-size-fluid: 100%;
-  --hop-Select-max-inline-size: 100%;
-  --hop-Select-button-background-color: var(--hop-neutral-surface);
-  --hop-Select-button-border-color: var(--hop-neutral-border);
-  --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
-  --hop-Select-button-border-size: var(--hop-space-10);
-  --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
-  --hop-Select-button-color: var(--hop-neutral-text);
-  --hop-Select-button-cursor: pointer;
-  --hop-Select-button-padding-inline: var(--hop-space-inset-md);
-  --hop-Select-button-padding-block: 0;
-  --hop-Select-button-placeholder-color: var(--hop-neutral-text-weakest);
-  --hop-Select-button-column-gap: var(--hop-space-inline-sm);
-  --hop-Select-button-sm-block-size: 2rem;
-  --hop-Select-button-md-block-size: 2.5rem;
-  --hop-Select-prefix-color: var(--hop-neutral-text-weak);
-  --hop-Select-button-icon-color: var(--hop-neutral-icon-weak);
-  --hop-Select-button-background-color-hovered: var(--hop-neutral-surface-hover);
-  --hop-Select-button-border-color-hovered: var(--hop-neutral-border-hover);
-  --hop-Select-button-color-hovered: var(--hop-neutral-text-hover);
-  --hop-Select-button-icon-color-hovered: var(--hop-neutral-icon-hover);
-  --hop-Select-button-background-color-focused: var(--hop-neutral-surface-hover);
-  --hop-Select-button-border-color-focused: var(--hop-primary-border-focus);
-  --hop-Select-button-color-focused: var(--hop-neutral-text-hover);
-  --hop-Select-button-icon-color-focused: var(--hop-neutral-icon-hover);
-  --hop-Select-button-outline-color-focused: var(--hop-primary-border-focus);
-  --hop-Select-button-background-color-selected: var(--hop-neutral-surface);
-  --hop-Select-button-border-color-selected: var(--hop-neutral-border-selected);
-  --hop-Select-button-color-selected: var(--hop-neutral-text);
-  --hop-Select-button-icon-color-selected: var(--hop-neutral-icon);
-  --hop-Select-button-border-color-invalid: var(--hop-danger-border-strong);
-  --hop-Select-button-background-color-disabled: var(--hop-neutral-surface-disabled);
-  --hop-Select-button-border-color-disabled: var(--hop-neutral-border-disabled);
-  --hop-Select-button-color-disabled: var(--hop-neutral-text-disabled);
-  --hop-Select-button-icon-color-disabled: var(--hop-neutral-icon-disabled);
-  --hop-Select-button-cursor-disabled: not-allowed;
-  --inline-size: var(--hop-Select-inline-size);
-  --button-background-color: var(--hop-Select-button-background-color);
-  --button-border-color: var(--hop-Select-button-border-color);
-  --button-color: var(--hop-Select-button-color);
-  --button-icon-color: var(--hop-Select-button-icon-color);
-  --button-cursor: var(--hop-Select-button-cursor);
-  display: flex;
-  flex-direction: column;
-  row-gap: var(--hop-Select-row-gap);
-  box-sizing: border-box;
-  inline-size: var(--inline-size);
-  max-inline-size: var(--hop-Select-max-inline-size);
-}
-.Select-module__hop-Select--fluid___E7fcR {
-  --inline-size: var(--hop-Select-inline-size-fluid);
-}
-.Select-module__hop-Select__label___7BpEy {
-  order: 1;
-}
-.Select-module__hop-Select__button___Z-Pzc {
-  cursor: var(--button-cursor);
-  display: flex;
-  column-gap: var(--hop-Select-button-column-gap);
-  align-items: center;
-  order: 2;
-  block-size: var(--button-block-size);
-  padding-block: var(--hop-Select-button-padding-block);
-  padding-inline: var(--hop-Select-button-padding-inline);
-  color: var(--button-color);
-  text-align: start;
-  background-color: var(--button-background-color);
-  border: var(--hop-Select-button-border-size) solid var(--button-border-color);
-  border-radius: var(--hop-Select-button-border-radius);
-  outline: none;
-}
-.Select-module__hop-Select__button--sm___A5jcm {
-  --button-block-size: var(--hop-Select-button-sm-block-size);
-}
-.Select-module__hop-Select__button--md___8lYtZ {
-  --button-block-size: var(--hop-Select-button-md-block-size);
-}
-.Select-module__hop-Select__button___Z-Pzc[data-hovered] {
-  --button-background-color: var(--hop-Select-button-background-color-hovered);
-  --button-border-color: var(--hop-Select-button-border-color-hovered);
-  --button-color: var(--hop-Select-button-color-hovered);
-  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
-}
-.Select-module__hop-Select__button___Z-Pzc[data-pressed] {
-  --button-background-color: var(--hop-Select-button-background-color-selected);
-  --button-border-color: var(--hop-Select-button-border-color-selected);
-  --button-color: var(--hop-Select-button-color-selected);
-  --button-icon-color: var(--hop-Select-button-icon-color-selected);
-}
-.Select-module__hop-Select__button___Z-Pzc[data-invalid] {
-  --button-border-color: var(--hop-Select-button-border-color-invalid);
-}
-.Select-module__hop-Select__button___Z-Pzc[data-focus-visible] {
-  --button-background-color: var(--hop-Select-button-background-color-focused);
-  --button-border-color: var(--hop-Select-button-border-color-focused);
-  --button-color: var(--hop-Select-button-color-focused);
-  --button-icon-color: var(--hop-Select-button-icon-color-focused);
-  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
-  outline-offset: var(--hop-Select-button-outline-offset);
-}
-.Select-module__hop-Select__button___Z-Pzc:has([data-placeholder]) {
-  --button-color: var(--hop-Select-button-placeholder-color);
-}
-.Select-module__hop-Select__button___Z-Pzc[data-disabled] {
-  --button-background-color: var(--hop-Select-button-background-color-disabled);
-  --button-border-color: var(--hop-Select-button-border-color-disabled);
-  --button-color: var(--hop-Select-button-color-disabled);
-  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
-  --button-cursor: var(--hop-Select-button-cursor-disabled);
-}
-.Select-module__hop-Select__prefix___elaye {
-  color: var(--hop-Select-prefix-color);
-}
-.Select-module__hop-Select__button-icon___iV-q7 {
-  margin-inline-start: auto;
-  color: var(--button-icon-color);
-}
-.Select-module__hop-Select__helper-message___nLMrK,
-.Select-module__hop-Select__error-message___Y6Was {
-  order: 3;
-}