@hopper-ui/components 1.1.0 → 1.2.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___omUb3 {
+.IconList-module__hop-IconList___-mdbp {
   --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___HnTiu {
+.Text-module__hop-Text___7s-NC {
   --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___HnTiu) {
+:where(.Text-module__hop-Text___7s-NC) {
   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___ndb-c) {
+:where(.Text-module__hop-Text--xs___uRZNm) {
   --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___cv0bL) {
+:where(.Text-module__hop-Text--sm___LfDaA) {
   --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___daNZS) {
+:where(.Text-module__hop-Text--md___aGVbv) {
   --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___ByUWL) {
+:where(.Text-module__hop-Text--lg___TgsRg) {
   --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___Udc-p) {
+:where(.Text-module__hop-Text--xl___gAcxP) {
   --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___sxc7S) {
+:where(.Text-module__hop-Text--2xl___n-9B9) {
   --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___WU81u) {
+:where(.Text-module__hop-Text--inherit___SEa0P) {
   --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___uSRQR {
+.Checkbox-module__hop-Checkbox___OTh5S {
   --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___uSRQR[data-focus-visible],
-.Checkbox-module__hop-Checkbox--focused___l2Kcq {
+.Checkbox-module__hop-Checkbox___OTh5S[data-focus-visible],
+.Checkbox-module__hop-Checkbox--focused___urS3p {
   --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___uSRQR[data-hovered],
-.Checkbox-module__hop-Checkbox--hovered___KKr7X {
+.Checkbox-module__hop-Checkbox___OTh5S[data-hovered],
+.Checkbox-module__hop-Checkbox--hovered___Wwpsr {
   --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___uSRQR[data-pressed],
-.Checkbox-module__hop-Checkbox--pressed___vlnLv {
+.Checkbox-module__hop-Checkbox___OTh5S[data-pressed],
+.Checkbox-module__hop-Checkbox--pressed___tG3Hj {
   --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___uSRQR[data-selected] {
+.Checkbox-module__hop-Checkbox___OTh5S[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___uSRQR[data-invalid] {
+.Checkbox-module__hop-Checkbox___OTh5S[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___uSRQR[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___l2Kcq) {
+.Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___urS3p) {
   --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___uSRQR[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___KKr7X) {
+.Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___Wwpsr) {
   --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___uSRQR[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___vlnLv) {
+.Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___tG3Hj) {
   --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___uSRQR:where([data-invalid])[data-selected] {
+.Checkbox-module__hop-Checkbox___OTh5S: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___uSRQR[data-disabled] {
+.Checkbox-module__hop-Checkbox___OTh5S[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___FNsCG {
+.Checkbox-module__hop-Checkbox--sm___gKd-M {
   --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___NSNfJ {
+.Checkbox-module__hop-Checkbox--md___WAPyo {
   --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___RWn1y,
-.Checkbox-module__hop-Checkbox__icon-list___FaUCo {
+.Checkbox-module__hop-Checkbox__icon___SzESn,
+.Checkbox-module__hop-Checkbox__icon-list___lWkgH {
   flex: 0 0 auto;
   order: 3;
   color: var(--icon-color);
 }
-.Checkbox-module__hop-Checkbox__box___zmD2H {
+.Checkbox-module__hop-Checkbox__box___UxA4d {
   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___NpzB3 {
+.Checkbox-module__hop-Checkbox__check___iNG2Y {
   display: var(--check-display);
   color: var(--check-color);
 }
-.Checkbox-module__hop-Checkbox__text___mh-4B {
+.Checkbox-module__hop-Checkbox__text___-kuqp {
   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___p-fIU {
+.CheckboxField-module__hop-CheckboxField___5uBr4 {
   --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___p-fIU[data-disabled] {
+.CheckboxField-module__hop-CheckboxField___5uBr4[data-disabled] {
   --description-color: var(--hop-CheckboxField-description-color-disabled);
 }
-.CheckboxField-module__hop-CheckboxField--sm___QAiMa {
+.CheckboxField-module__hop-CheckboxField--sm___xPpv7 {
   --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___4hscu {
+.CheckboxField-module__hop-CheckboxField--md___QtMwz {
   --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___IYs3I {
+.CheckboxField-module__hop-CheckboxField__description___6r3ox {
   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___YXNop {
+.CheckboxField-module__hop-CheckboxField__checkbox___4P-Q8 {
   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___dDEnR {
+.ErrorMessage-module__hop-ErrorMessage___6qmlS {
   --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___pGy0- {
+.ErrorMessage-module__hop-ErrorMessage__icon___m4Mae {
   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___U0gBi {
+.HelperMessage-module__hop-HelperMessage___KQaJ4 {
   --hop-HelperMessage-color: var(--hop-neutral-text-weak);
   --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
   display: flex;
@@ -347,29 +347,32 @@
   box-sizing: border-box;
   color: var(--hop-HelperMessage-color);
 }
-.HelperMessage-module__hop-HelperMessage__icon___z35Yf {
+.HelperMessage-module__hop-HelperMessage__icon___1a1jj {
   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___5okv4 {
+.Label-module__hop-Label___L4zrw {
   --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___5okv4) {
+:where(.Label-module__hop-Label___L4zrw) {
   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___mWy1n) {
+  padding-inline-start: var(--hop-space-20);
+}
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
-.CheckboxGroup-module__hop-CheckboxGroup___-Gmwt {
+.CheckboxGroup-module__hop-CheckboxGroup___ElEYk {
   --hop-CheckboxGroup-align-items: flex-start;
   --hop-CheckboxGroup-justify-content: flex-start;
   --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -408,46 +411,46 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87 {
   --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
   --list-border-radius: var(--hop-shape-rounded-md);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--sm___a-rGV {
+.CheckboxGroup-module__hop-CheckboxGroup--sm___ETF-H {
   --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___gesFW {
+.CheckboxGroup-module__hop-CheckboxGroup--md___5bM6E {
   --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___Av4tA.CheckboxGroup-module__hop-CheckboxGroup--sm___a-rGV {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87.CheckboxGroup-module__hop-CheckboxGroup--sm___ETF-H {
   --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___Av4tA.CheckboxGroup-module__hop-CheckboxGroup--md___gesFW {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87.CheckboxGroup-module__hop-CheckboxGroup--md___5bM6E {
   --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___-Gmwt[data-orientation=horizontal] {
+.CheckboxGroup-module__hop-CheckboxGroup___ElEYk[data-orientation=horizontal] {
   --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
 }
-.CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA[data-orientation=horizontal] {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87[data-orientation=horizontal] {
   --flex-wrap: nowrap;
 }
-.CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__label___CekdI {
+.CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__label___zvdEY {
   order: 1;
 }
-.CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m {
+.CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A {
   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 +461,7 @@
   border: var(--list-border, none);
   border-radius: var(--list-border-radius, 0);
 }
-.CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF {
+.CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo {
   position: relative;
   flex: 0 1 auto;
   align-content: start;
@@ -466,22 +469,22 @@
   min-inline-size: 0;
   padding: var(--checkbox-padding, 0);
 }
-.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 {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87 .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo::before {
   content: "";
   position: absolute;
   display: block;
 }
-.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 {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo::before {
   inset-block-start: 0;
   inset-inline: 0;
   border-block-start: var(--list-border, none);
 }
-.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 {
+.CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo::before {
   inset-block: 0;
   inset-inline-start: 0;
   border-inline-start: var(--list-border, none);
 }
-.CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__error-message___NU59S,
-.CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___FNKdd {
+.CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__error-message___wZAUv,
+.CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___qN21A {
   order: 3;
 }

package/dist/checkbox/src/index.js

@@ -1,18 +1,18 @@
 export { _CheckboxList as CheckboxList, GlobalCheckboxListCssSelector } from '../../chunk-3LRBUQC2.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-UMD6RDUS.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-FQO2QRSC.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-BKCMCC7V.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-IXWYHDGU.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-ZNGSZW7M.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-FOKTHCFK.js';
 import '../../chunk-QCA3ZR56.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
+import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-HZKFQ33E.js';
-import '../../chunk-FAE27DLF.js';
-import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-6MSRPPI6.js';
+import '../../chunk-FAE27DLF.js';
+import '../../chunk-XT2MZWEV.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-M36KANKC.js';

package/dist/{chunk-SR3GAXY5.js → chunk-2XO5CZBO.js}

@@ -1,6 +1,6 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-TGXZJJJA.js';
-import { useLocalizedString } from './chunk-YEYNRBMQ.js';
+import { _EmbeddedButton } from './chunk-5IB23E3O.js';
+import { useLocalizedString } from './chunk-F4H76S4H.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';
 import { useContextProps } from 'react-aria-components';

package/dist/{chunk-VFYGHX3N.js → chunk-354H4FNA.js}

@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Divider.module.css#css-module
-var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___Sa2-p", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___xNCN7" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___aBUn5", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___uw2U1" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-TGXZJJJA.js → chunk-5IB23E3O.js}

@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___YX-wK", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___4MiXk", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___xPKbb", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___wEbGV" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___Ef3WW", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___2JVnP", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___msSgm", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___YTaCR" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;
@@ -19,8 +19,10 @@ function EmbeddedButton(props, ref) {
     className,
     size: sizeProp,
     isDisabled,
+    isSelected = false,
     style: styleProp,
     children,
+    variant = "neutral",
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
@@ -30,7 +32,8 @@ function EmbeddedButton(props, ref) {
     cssModule(
       EmbeddedButton_module_default,
       "hop-EmbeddedButton",
-      size
+      size,
+      variant
     ),
     stylingProps.className
   );
@@ -56,6 +59,7 @@ function EmbeddedButton(props, ref) {
           className: classNames,
           style,
           isDisabled,
+          "data-selected": isSelected || void 0,
           ...otherProps,
           children
         }

package/dist/{chunk-UMD6RDUS.js → chunk-BKCMCC7V.js}

@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___p-fIU", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___QAiMa", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___4hscu", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___IYs3I", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___YXNop" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___5uBr4", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___xPpv7", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___QtMwz", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___6r3ox", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___4P-Q8" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-YE7RARJB.js → chunk-CEUQHDEQ.js}

@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___OCaWy", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___C3XIa" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___kurkU", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___7uNsa" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-WAUGFWZA.js → chunk-CKKLDA5J.js}

@@ -1,6 +1,6 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-6MSRPPI6.js';
+import { _Text } from './chunk-XT2MZWEV.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___HpocQ", "spin": "Spinner-module__spin___lyTxx", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___4IKBk", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___ShZNF", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___TjYWE", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___AfGNc", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___STOGj", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___XLsyu" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___apf3U", "spin": "Spinner-module__spin___SWfvR", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___iii5s", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___XWByD", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___8MyXM", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___jLA3R", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___9aaOq", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___fNaHT" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-PQV24MM4.js → chunk-COIGQP33.js}

@@ -1,7 +1,7 @@
 import { useImageFallback } from './chunk-NS3XVOQ7.js';
-import { _Text } from './chunk-6MSRPPI6.js';
+import { _Text } from './chunk-XT2MZWEV.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-6PH4IIEW.js';
+import { _RichIconAvatarImage } from './chunk-M3K4IYX6.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___fT8iZ", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___kKBMv", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___PdVKz", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___3CYGy", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___2xN4n", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___g3C7I", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___9n9-v", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___LxMkW", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___hsrVs", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___vVkVP", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___RTYeY", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___nfoHP", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___Lw1n-", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___pGWQV", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___iKwn8", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___CRHN1", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___IyBz1" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___3ivfl", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___noWqr", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___EG5oC", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___Q-9En", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___FBR3Q", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___-BzUR", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___64QDk", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___NjQ2P", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___gJJB9", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___d5E6d", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___BHoQj", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___UmjOH", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___8CVbo", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___4ZFln", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___MvBiM", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___z9oHT", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___8lARV" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-VVY3ONWS.js → chunk-EJUIYBAC.js}

@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___PfE2S", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___otQxq", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___Fdbjb", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___OyWcZ", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___hDwDK", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___YVU4N", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___-aKOE", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___6-YxH", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___ot4ud" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___v9ff9", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___R-avt", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___y9WU9", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___P8zUK", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___jZY0d", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___HGSkD", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___8y02f", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___2aZin", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___ip2nD" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

package/dist/chunk-EURJK4ZT.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/Form/src/FormContext.ts
+var FormContext = createContext({});
+FormContext.displayName = "FormContext";
+
+export { FormContext };

package/dist/{chunk-YEYNRBMQ.js → chunk-F4H76S4H.js}

@@ -12,7 +12,9 @@ var require_en_US = __commonJS({
       "PasswordField.toggleVisibility": `Toggle password visibility`,
       "Tag.removeAriaLabel": `Remove`,
       "ListBoxItem.loadingTextValue": `Loading Item`,
-      "ListBoxItem.indicatorAriaLabel": `List Item Selection Indicator`
+      "ListBoxItem.indicatorAriaLabel": `List Item Selection Indicator`,
+      "Label.necessityLabel.required": `Required`,
+      "Label.necessityLabel.optional": `Optional`
     };
   }
 });
@@ -28,7 +30,9 @@ var require_fr_CA = __commonJS({
       "PasswordField.toggleVisibility": `Basculer la visibilit\xE9 du mot de passe`,
       "Tag.removeAriaLabel": `Supprimer`,
       "ListBoxItem.loadingTextValue": `\xC9l\xE9ment en cours de chargement`,
-      "ListBoxItem.indicatorAriaLabel": `Indicateur de s\xE9lection d'\xE9l\xE9ment de liste`
+      "ListBoxItem.indicatorAriaLabel": `Indicateur de s\xE9lection d'\xE9l\xE9ment de liste`,
+      "Label.necessityLabel.required": `Obligatoire`,
+      "Label.necessityLabel.optional": `Facultatif`
     };
   }
 });