@hopper-ui/components 1.0.13 → 1.1.0

package/dist/checkbox/src/index.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
-.IconList-module__hop-IconList___RdFGP {
+.IconList-module__hop-IconList___omUb3 {
   --hop-IconList-gap: var(--hop-space-inline-xs);
   display: flex;
   flex-wrap: wrap;
@@ -8,7 +8,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___XGciL {
+.Text-module__hop-Text___HnTiu {
   --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);
@@ -38,49 +38,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___XGciL) {
+:where(.Text-module__hop-Text___HnTiu) {
   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___8DcIm) {
+:where(.Text-module__hop-Text--xs___ndb-c) {
   --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___B0mGK) {
+:where(.Text-module__hop-Text--sm___cv0bL) {
   --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___QwBMo) {
+:where(.Text-module__hop-Text--md___daNZS) {
   --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___BAtSv) {
+:where(.Text-module__hop-Text--lg___ByUWL) {
   --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___QUy6V) {
+:where(.Text-module__hop-Text--xl___Udc-p) {
   --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___DFqJ4) {
+:where(.Text-module__hop-Text--2xl___sxc7S) {
   --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___WkAxg) {
+:where(.Text-module__hop-Text--inherit___WU81u) {
   --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);
@@ -88,7 +88,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___2SBYs {
+.Checkbox-module__hop-Checkbox___uSRQR {
   --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);
@@ -163,63 +163,63 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.Checkbox-module__hop-Checkbox___2SBYs[data-focus-visible],
-.Checkbox-module__hop-Checkbox--focused___GUWfq {
+.Checkbox-module__hop-Checkbox___uSRQR[data-focus-visible],
+.Checkbox-module__hop-Checkbox--focused___l2Kcq {
   --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___2SBYs[data-hovered],
-.Checkbox-module__hop-Checkbox--hovered___-rDr8 {
+.Checkbox-module__hop-Checkbox___uSRQR[data-hovered],
+.Checkbox-module__hop-Checkbox--hovered___KKr7X {
   --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___2SBYs[data-pressed],
-.Checkbox-module__hop-Checkbox--pressed___kLFm- {
+.Checkbox-module__hop-Checkbox___uSRQR[data-pressed],
+.Checkbox-module__hop-Checkbox--pressed___vlnLv {
   --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___2SBYs[data-selected] {
+.Checkbox-module__hop-Checkbox___uSRQR[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___2SBYs[data-invalid] {
+.Checkbox-module__hop-Checkbox___uSRQR[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___2SBYs[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___GUWfq) {
+.Checkbox-module__hop-Checkbox___uSRQR[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___l2Kcq) {
   --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___2SBYs[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___-rDr8) {
+.Checkbox-module__hop-Checkbox___uSRQR[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___KKr7X) {
   --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___2SBYs[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___kLFm-) {
+.Checkbox-module__hop-Checkbox___uSRQR[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___vlnLv) {
   --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___2SBYs:where([data-invalid])[data-selected] {
+.Checkbox-module__hop-Checkbox___uSRQR: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___2SBYs[data-disabled] {
+.Checkbox-module__hop-Checkbox___uSRQR[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);
@@ -227,25 +227,25 @@
   --text-color: var(--hop-Checkbox-text-color-disabled);
   --icon-color: var(--hop-Checkbox-icon-color-disabled);
 }
-.Checkbox-module__hop-Checkbox--sm___ku6Fh {
+.Checkbox-module__hop-Checkbox--sm___FNsCG {
   --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___m1kW9 {
+.Checkbox-module__hop-Checkbox--md___NSNfJ {
   --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___9T-B2,
-.Checkbox-module__hop-Checkbox__icon-list___Xzo43 {
+.Checkbox-module__hop-Checkbox__icon___RWn1y,
+.Checkbox-module__hop-Checkbox__icon-list___FaUCo {
   flex: 0 0 auto;
   order: 3;
   color: var(--icon-color);
 }
-.Checkbox-module__hop-Checkbox__box___tSdwv {
+.Checkbox-module__hop-Checkbox__box___zmD2H {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
@@ -261,11 +261,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___nWURg {
+.Checkbox-module__hop-Checkbox__check___NpzB3 {
   display: var(--check-display);
   color: var(--check-color);
 }
-.Checkbox-module__hop-Checkbox__text___G2FeR {
+.Checkbox-module__hop-Checkbox__text___mh-4B {
   flex: 0 1 auto;
   order: 2;
   min-inline-size: 0;
@@ -275,7 +275,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___SpcCY {
+.CheckboxField-module__hop-CheckboxField___p-fIU {
   --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);
@@ -294,28 +294,28 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.CheckboxField-module__hop-CheckboxField___SpcCY[data-disabled] {
+.CheckboxField-module__hop-CheckboxField___p-fIU[data-disabled] {
   --description-color: var(--hop-CheckboxField-description-color-disabled);
 }
-.CheckboxField-module__hop-CheckboxField--sm___Piu0y {
+.CheckboxField-module__hop-CheckboxField--sm___QAiMa {
   --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___e69ih {
+.CheckboxField-module__hop-CheckboxField--md___4hscu {
   --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___Yttc1 {
+.CheckboxField-module__hop-CheckboxField__description___IYs3I {
   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___5kWSy {
+.CheckboxField-module__hop-CheckboxField__checkbox___YXNop {
   order: 1;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___hGjrh {
+.ErrorMessage-module__hop-ErrorMessage___dDEnR {
   --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);
@@ -332,13 +332,13 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___wE1hg {
+.ErrorMessage-module__hop-ErrorMessage__icon___pGy0- {
   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___0xUz2 {
+.HelperMessage-module__hop-HelperMessage___U0gBi {
   --hop-HelperMessage-color: var(--hop-neutral-text-weak);
   --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
   display: flex;
@@ -347,20 +347,20 @@
   box-sizing: border-box;
   color: var(--hop-HelperMessage-color);
 }
-.HelperMessage-module__hop-HelperMessage__icon___N2F4v {
+.HelperMessage-module__hop-HelperMessage__icon___z35Yf {
   flex: 0 0 auto;
   align-self: flex-start;
 }
 
 /* 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___PodEd {
+.Label-module__hop-Label___5okv4 {
   --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___PodEd) {
+:where(.Label-module__hop-Label___5okv4) {
   font-family: var(--hop-Label-font-family);
   font-size: var(--hop-Label-font-size);
   font-weight: var(--hop-Label-font-weight);
@@ -369,7 +369,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
-.CheckboxGroup-module__hop-CheckboxGroup___FjF8x {
+.CheckboxGroup-module__hop-CheckboxGroup___-Gmwt {
   --hop-CheckboxGroup-align-items: flex-start;
   --hop-CheckboxGroup-justify-content: flex-start;
   --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -408,46 +408,46 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA {
   --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
   --list-border-radius: var(--hop-shape-rounded-md);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
+.CheckboxGroup-module__hop-CheckboxGroup--sm___a-rGV {
   --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___w1E3n {
+.CheckboxGroup-module__hop-CheckboxGroup--md___gesFW {
   --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___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA.CheckboxGroup-module__hop-CheckboxGroup--sm___a-rGV {
   --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___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--md___w1E3n {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA.CheckboxGroup-module__hop-CheckboxGroup--md___gesFW {
   --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___FjF8x[data-orientation=horizontal] {
+.CheckboxGroup-module__hop-CheckboxGroup___-Gmwt[data-orientation=horizontal] {
   --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=horizontal] {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA[data-orientation=horizontal] {
   --flex-wrap: nowrap;
 }
-.CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__label___J4Zt0 {
+.CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__label___CekdI {
   order: 1;
 }
-.CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk {
+.CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m {
   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));
@@ -458,7 +458,7 @@
   border: var(--list-border, none);
   border-radius: var(--list-border-radius, 0);
 }
-.CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo {
+.CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF {
   position: relative;
   flex: 0 1 auto;
   align-content: start;
@@ -466,22 +466,22 @@
   min-inline-size: 0;
   padding: var(--checkbox-padding, 0);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF::before {
   content: "";
   position: absolute;
   display: block;
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF::before {
   inset-block-start: 0;
   inset-inline: 0;
   border-block-start: var(--list-border, none);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF::before {
   inset-block: 0;
   inset-inline-start: 0;
   border-inline-start: var(--list-border, none);
 }
-.CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__error-message___sdk-v,
-.CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___t8MLr {
+.CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__error-message___NU59S,
+.CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___FNKdd {
   order: 3;
 }

package/dist/checkbox/src/index.js

@@ -1,10 +1,10 @@
 export { _CheckboxList as CheckboxList, GlobalCheckboxListCssSelector } from '../../chunk-3LRBUQC2.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-WCLGYVXV.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-2MUGMKNO.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-UMD6RDUS.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-FQO2QRSC.js';
 export { CheckboxListContext } from '../../chunk-WDUQUPTE.js';
 export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
 export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-W34MMJ2L.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-ZNGSZW7M.js';
 import '../../chunk-QCA3ZR56.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
 import '../../chunk-65JPI4FL.js';
@@ -12,7 +12,7 @@ import '../../chunk-HZKFQ33E.js';
 import '../../chunk-FAE27DLF.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-PAYZGXTT.js';
+import '../../chunk-6MSRPPI6.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-M36KANKC.js';

package/dist/{chunk-723W7LGB.js → chunk-6CDXS774.js}

@@ -1,12 +1,12 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { _Spinner } from './chunk-AMXRADUV.js';
+import { _Spinner } from './chunk-WAUGFWZA.js';
 import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-PAYZGXTT.js';
+import { _Text } from './chunk-6MSRPPI6.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -19,7 +19,7 @@ import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps,
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___UtanL", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___s6kpk", "hop-Button--fluid": "Button-module__hop-Button--fluid___kCVkQ", "hop-Button--sm": "Button-module__hop-Button--sm___7J-M-", "hop-Button--primary": "Button-module__hop-Button--primary___qii5D", "hop-Button--md": "Button-module__hop-Button--md___rwP06", "hop-Button--secondary": "Button-module__hop-Button--secondary___I-J5f", "hop-Button--upsell": "Button-module__hop-Button--upsell___hZ0mQ", "hop-Button--danger": "Button-module__hop-Button--danger___CfP6K", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___o-67i", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___dePjg", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___X44aS", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___jkKCi", "hop-Button__icon": "Button-module__hop-Button__icon___Yc-Tb", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___cvJTK", "hop-Button__text": "Button-module__hop-Button__text___Z3j32", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___fUClA", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___F7DGT" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___hVNkV", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___UP8Ng", "hop-Button--fluid": "Button-module__hop-Button--fluid___i-q6U", "hop-Button--sm": "Button-module__hop-Button--sm___TSOaw", "hop-Button--primary": "Button-module__hop-Button--primary___bK7ig", "hop-Button--md": "Button-module__hop-Button--md___bw44A", "hop-Button--secondary": "Button-module__hop-Button--secondary___iQ-Xg", "hop-Button--upsell": "Button-module__hop-Button--upsell___MaRoN", "hop-Button--danger": "Button-module__hop-Button--danger___vlH3V", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___JaoY-", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___JeWkk", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___HBhCX", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___qhpjO", "hop-Button__icon": "Button-module__hop-Button__icon___lufK8", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___QNRCt", "hop-Button__text": "Button-module__hop-Button__text___MfT24", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___Wx11c", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___7VMeu" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

package/dist/{chunk-TNVYVDLF.js → chunk-6K6W32Q7.js}

@@ -1,6 +1,6 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-CCIVRIKG.js';
-import { _ClearButton } from './chunk-KARK64JC.js';
+import { _InputGroup } from './chunk-YRUBXLBX.js';
+import { _ClearButton } from './chunk-SR3GAXY5.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___0Volv", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___LVKwh", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___mDMF5", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Rw0TX", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___L69-q", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___22XQJ", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___JMZPT", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___DoWSS", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___sXW23" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___Bzhek", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___-XKVD", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___laPoU", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___-OhTw", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___-gzSx", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___1bAv6", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___j3nmG", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___WEhqH", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___SN3ZA" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-PAYZGXTT.js → chunk-6MSRPPI6.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___XGciL", "hop-Text--xs": "Text-module__hop-Text--xs___8DcIm", "hop-Text--sm": "Text-module__hop-Text--sm___B0mGK", "hop-Text--md": "Text-module__hop-Text--md___QwBMo", "hop-Text--lg": "Text-module__hop-Text--lg___BAtSv", "hop-Text--xl": "Text-module__hop-Text--xl___QUy6V", "hop-Text--2xl": "Text-module__hop-Text--2xl___DFqJ4", "hop-Text--inherit": "Text-module__hop-Text--inherit___WkAxg" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___HnTiu", "hop-Text--xs": "Text-module__hop-Text--xs___ndb-c", "hop-Text--sm": "Text-module__hop-Text--sm___cv0bL", "hop-Text--md": "Text-module__hop-Text--md___daNZS", "hop-Text--lg": "Text-module__hop-Text--lg___ByUWL", "hop-Text--xl": "Text-module__hop-Text--xl___Udc-p", "hop-Text--2xl": "Text-module__hop-Text--2xl___sxc7S", "hop-Text--inherit": "Text-module__hop-Text--inherit___WU81u" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-AYPCLDGU.js → chunk-6PH4IIEW.js}

@@ -9,7 +9,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___XXd8y", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___KPG-W", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___9CNdx", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___h5-5b", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___ikRI1", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___6eMAN", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___8uwXA", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___AneXe" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___9cs6o", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___XYcPi", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___CONVZ", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___c6v95", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___xPXKj", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___2zIed", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Zgfsg", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___wjKFz" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-I2YZLGRE.js → chunk-7VS566A2.js}

@@ -7,7 +7,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___PodEd" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___5okv4" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-44KY7MFF.js → chunk-A7HLXFSP.js}

@@ -1,13 +1,13 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-CCIVRIKG.js';
-import { _ClearButton } from './chunk-KARK64JC.js';
+import { _InputGroup } from './chunk-YRUBXLBX.js';
+import { _ClearButton } from './chunk-SR3GAXY5.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-PAYZGXTT.js';
+import { _Text } from './chunk-6MSRPPI6.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, Input, TextField as TextField$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___MhexN", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___L7sJC", "hop-TextField__Label": "TextField-module__hop-TextField__Label___Dhi3n", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___SmAfg", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___3UroJ", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___xXkxs", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___JAlbC" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___Pmegw", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___gB9AM", "hop-TextField__Label": "TextField-module__hop-TextField__Label___5O2K-", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___YFY4G", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___qnReJ", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___IU7x-", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___QChBo" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;
@@ -148,7 +148,16 @@ function TextField(props, ref) {
 function CharacterCount({ characterLeft }) {
   const stringFormatter = useLocalizedString();
   const accessibilityString = stringFormatter.format("Input.charactersLeft", { charLeft: characterLeft });
-  return /* @__PURE__ */ jsx(_Text, { "aria-label": accessibilityString, color: "neutral-weakest", size: "xs", children: characterLeft });
+  return /* @__PURE__ */ jsx(
+    _Text,
+    {
+      "aria-label": accessibilityString,
+      role: "status",
+      color: "neutral-weakest",
+      size: "xs",
+      children: characterLeft
+    }
+  );
 }
 var _TextField = forwardRef(TextField);
 _TextField.displayName = "TextField";

package/dist/{chunk-THQZBL4T.js → chunk-AT7ZY6GA.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___9KoCq", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ztoOV", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SipZz", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___eAJ9R", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___w5aPz" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___F7Sqr", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___OFdvy", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___EV-BP", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___0syeJ", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___IEB0s", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___8RrK4" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-JN2FF2IX.js → chunk-BGRKDTCG.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IconList.module.css#css-module
-var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___RdFGP" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___omUb3" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-CXIH6I5X.js → chunk-BLQ72S4U.js}

@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___WTErz", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___CHfcV", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___g1iHe", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___LgMd1", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___SByLu" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___Jgsbe", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___OOojW", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___XP22b", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___01pmv", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___68qIi" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-JLUFMLGV.js → chunk-BQZQTNI6.js}

@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___0hm3B", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___Jf3Eh", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___b2RH-", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___Cah50", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___l0jS3", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___8sZ-4" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___04OMd", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___gfk88", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___AWwpV", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___2HDvA", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___cWrk2", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___h-8op", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___-uxgb", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___TAcci" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;