@hopper-ui/components 1.3.2 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +21 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +10 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +31 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Divider/src/Divider.css +2 -2
  19. package/dist/Divider/src/Divider.js +1 -1
  20. package/dist/Divider/src/index.css +2 -2
  21. package/dist/Divider/src/index.js +1 -1
  22. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  23. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  24. package/dist/ErrorMessage/src/index.css +11 -11
  25. package/dist/ErrorMessage/src/index.js +2 -2
  26. package/dist/Form/src/Form.css +656 -648
  27. package/dist/Form/src/Form.js +42 -42
  28. package/dist/Form/src/index.css +656 -648
  29. package/dist/Form/src/index.js +42 -42
  30. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  31. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  32. package/dist/HelperMessage/src/index.css +11 -11
  33. package/dist/HelperMessage/src/index.js +2 -2
  34. package/dist/IconList/src/IconList.css +1 -1
  35. package/dist/IconList/src/IconList.js +1 -1
  36. package/dist/IconList/src/index.css +1 -1
  37. package/dist/IconList/src/index.js +1 -1
  38. package/dist/Link/src/Link.css +31 -31
  39. package/dist/Link/src/Link.js +2 -2
  40. package/dist/Link/src/index.css +31 -31
  41. package/dist/Link/src/index.js +2 -2
  42. package/dist/ListBox/src/ListBox.css +222 -222
  43. package/dist/ListBox/src/ListBox.js +8 -8
  44. package/dist/ListBox/src/ListBoxItem.css +207 -207
  45. package/dist/ListBox/src/ListBoxItem.js +6 -6
  46. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  47. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  48. package/dist/ListBox/src/index.css +222 -222
  49. package/dist/ListBox/src/index.js +8 -8
  50. package/dist/Select/src/Select.css +656 -648
  51. package/dist/Select/src/Select.js +42 -42
  52. package/dist/Select/src/SelectValue.css +60 -60
  53. package/dist/Select/src/SelectValue.js +5 -5
  54. package/dist/Select/src/index.css +656 -648
  55. package/dist/Select/src/index.js +42 -42
  56. package/dist/Spinner/src/Spinner.css +19 -19
  57. package/dist/Spinner/src/Spinner.js +2 -2
  58. package/dist/Spinner/src/index.css +19 -19
  59. package/dist/Spinner/src/index.js +2 -2
  60. package/dist/buttons/src/Button.css +94 -94
  61. package/dist/buttons/src/Button.js +3 -3
  62. package/dist/buttons/src/ButtonGroup.css +11 -11
  63. package/dist/buttons/src/ButtonGroup.js +1 -1
  64. package/dist/buttons/src/ClearButton.css +74 -70
  65. package/dist/buttons/src/ClearButton.js +2 -2
  66. package/dist/buttons/src/EmbeddedButton.css +74 -70
  67. package/dist/buttons/src/EmbeddedButton.d.ts +4 -0
  68. package/dist/buttons/src/EmbeddedButton.js +1 -1
  69. package/dist/buttons/src/index.css +179 -175
  70. package/dist/buttons/src/index.js +6 -6
  71. package/dist/checkbox/src/Checkbox.css +31 -31
  72. package/dist/checkbox/src/Checkbox.js +2 -2
  73. package/dist/checkbox/src/CheckboxField.css +15 -15
  74. package/dist/checkbox/src/CheckboxField.js +1 -1
  75. package/dist/checkbox/src/CheckboxGroup.css +60 -60
  76. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  77. package/dist/checkbox/src/index.css +60 -60
  78. package/dist/checkbox/src/index.js +4 -4
  79. package/dist/{chunk-YAWQ7HJ5.js → chunk-2IM7L64G.js} +1 -1
  80. package/dist/{chunk-EM46HWRZ.js → chunk-2OHECU6B.js} +1 -1
  81. package/dist/{chunk-GVSKXB2L.js → chunk-6PQWQGCX.js} +3 -3
  82. package/dist/{chunk-M23LQGWD.js → chunk-6QFZJMC3.js} +2 -2
  83. package/dist/{chunk-XZZGXNY3.js → chunk-75FA3TWT.js} +1 -1
  84. package/dist/{chunk-KYREXCID.js → chunk-7ZNANBX5.js} +2 -2
  85. package/dist/{chunk-6ARIISLQ.js → chunk-APRULC6A.js} +3 -3
  86. package/dist/{chunk-JCH77LJD.js → chunk-BOL3HK7H.js} +1 -1
  87. package/dist/{chunk-SZE6BURJ.js → chunk-DMVOYW6N.js} +6 -1
  88. package/dist/{chunk-T46AXTFR.js → chunk-DOSVC2KD.js} +4 -4
  89. package/dist/{chunk-OHK3RWIU.js → chunk-E2A556FA.js} +3 -3
  90. package/dist/{chunk-4HDV2BLR.js → chunk-EBNKK7UG.js} +3 -3
  91. package/dist/{chunk-BZEAJIFE.js → chunk-EC7OSNAK.js} +1 -1
  92. package/dist/{chunk-M72B6IEL.js → chunk-ENP5QA57.js} +1 -1
  93. package/dist/{chunk-FJ22ZFSR.js → chunk-F35TAM7I.js} +2 -2
  94. package/dist/{chunk-2JKIODNX.js → chunk-FNFLGAVD.js} +1 -1
  95. package/dist/{chunk-PMPZHA56.js → chunk-FUZDBWJ3.js} +1 -1
  96. package/dist/{chunk-TKCXSKGR.js → chunk-IAK7ZIAY.js} +1 -1
  97. package/dist/{chunk-GX73DZCI.js → chunk-IEIBO5IZ.js} +3 -3
  98. package/dist/{chunk-IU74RATZ.js → chunk-JAN7XPAP.js} +1 -1
  99. package/dist/{chunk-XBDHVTY7.js → chunk-K73GF67H.js} +3 -3
  100. package/dist/{chunk-QIGWJIKW.js → chunk-KB5TOYUY.js} +7 -7
  101. package/dist/{chunk-VAX4ILUC.js → chunk-LG55WC5T.js} +3 -1
  102. package/dist/{chunk-DBRCQKUP.js → chunk-N3Z3CYO7.js} +1 -1
  103. package/dist/{chunk-UURAYM5Q.js → chunk-OVLJGCG7.js} +1 -1
  104. package/dist/{chunk-LBJ4PRPZ.js → chunk-OX2HJIUS.js} +2 -2
  105. package/dist/{chunk-HIBGDGNG.js → chunk-PWHVRELJ.js} +2 -2
  106. package/dist/{chunk-2QRF6QS4.js → chunk-Q7XNJJHM.js} +3 -3
  107. package/dist/{chunk-7PGPLWWM.js → chunk-QS5JV4ME.js} +1 -1
  108. package/dist/{chunk-KCISVH6E.js → chunk-RYBVVQUA.js} +1 -1
  109. package/dist/{chunk-VSUK2R4A.js → chunk-SLHMNCFU.js} +2 -2
  110. package/dist/{chunk-SYP4FGDH.js → chunk-TN3VIRQZ.js} +2 -2
  111. package/dist/{chunk-4DUNOSY3.js → chunk-TNKYUIG3.js} +1 -1
  112. package/dist/{chunk-7UCX7BHD.js → chunk-TRGOUUKL.js} +1 -1
  113. package/dist/{chunk-ZUIUPK7K.js → chunk-U6IYZMNN.js} +1 -1
  114. package/dist/{chunk-E3OC54N2.js → chunk-UM7DFJXF.js} +4 -4
  115. package/dist/{chunk-UUNBQSPD.js → chunk-V4SY4DCA.js} +1 -1
  116. package/dist/{chunk-MVQ4SZCY.js → chunk-W52DLG34.js} +1 -1
  117. package/dist/{chunk-XZRK3MCS.js → chunk-YGOVG4X3.js} +2 -2
  118. package/dist/{chunk-E4XUYBHM.js → chunk-ZFMCRQ5C.js} +2 -2
  119. package/dist/{chunk-DVUZTKLP.js → chunk-ZWTMTEFG.js} +6 -6
  120. package/dist/index.css +656 -648
  121. package/dist/index.js +42 -42
  122. package/dist/inputs/src/InputGroup.css +1099 -14
  123. package/dist/inputs/src/InputGroup.js +2 -1
  124. package/dist/inputs/src/NumberField.css +1068 -63
  125. package/dist/inputs/src/NumberField.js +7 -6
  126. package/dist/inputs/src/PasswordField.css +225 -217
  127. package/dist/inputs/src/PasswordField.js +7 -7
  128. package/dist/inputs/src/SearchField.css +231 -223
  129. package/dist/inputs/src/SearchField.js +8 -8
  130. package/dist/inputs/src/TextArea.css +1062 -57
  131. package/dist/inputs/src/TextArea.js +7 -6
  132. package/dist/inputs/src/TextField.css +229 -221
  133. package/dist/inputs/src/TextField.js +8 -8
  134. package/dist/inputs/src/index.css +1270 -1262
  135. package/dist/inputs/src/index.js +12 -12
  136. package/dist/overlays/Popover/src/Popover.css +656 -648
  137. package/dist/overlays/Popover/src/Popover.js +42 -42
  138. package/dist/overlays/Popover/src/index.css +656 -648
  139. package/dist/overlays/Popover/src/index.js +42 -42
  140. package/dist/radio/src/Radio.css +31 -31
  141. package/dist/radio/src/Radio.js +2 -2
  142. package/dist/radio/src/RadioField.css +15 -15
  143. package/dist/radio/src/RadioField.js +1 -1
  144. package/dist/radio/src/RadioGroup.css +60 -60
  145. package/dist/radio/src/RadioGroup.js +1 -1
  146. package/dist/radio/src/index.css +60 -60
  147. package/dist/radio/src/index.js +4 -4
  148. package/dist/switch/src/Switch.css +25 -25
  149. package/dist/switch/src/Switch.js +2 -2
  150. package/dist/switch/src/SwitchField.css +15 -15
  151. package/dist/switch/src/SwitchField.js +1 -1
  152. package/dist/switch/src/index.css +31 -31
  153. package/dist/switch/src/index.js +3 -3
  154. package/dist/tag/src/Tag.css +326 -322
  155. package/dist/tag/src/Tag.js +5 -5
  156. package/dist/tag/src/TagGroup.css +22 -22
  157. package/dist/tag/src/TagGroup.js +1 -1
  158. package/dist/tag/src/index.css +339 -335
  159. package/dist/tag/src/index.js +6 -6
  160. package/dist/typography/Heading/src/Heading.css +9 -9
  161. package/dist/typography/Heading/src/Heading.js +1 -1
  162. package/dist/typography/Heading/src/index.css +9 -9
  163. package/dist/typography/Heading/src/index.js +1 -1
  164. package/dist/typography/Label/src/Label.css +3 -3
  165. package/dist/typography/Label/src/Label.js +1 -1
  166. package/dist/typography/Label/src/index.css +3 -3
  167. package/dist/typography/Label/src/index.js +1 -1
  168. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  169. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  170. package/dist/typography/OverlineText/src/index.css +6 -6
  171. package/dist/typography/OverlineText/src/index.js +1 -1
  172. package/dist/typography/Text/src/Text.css +9 -9
  173. package/dist/typography/Text/src/Text.js +1 -1
  174. package/dist/typography/Text/src/index.css +9 -9
  175. package/dist/typography/Text/src/index.js +1 -1
  176. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
2
- :where(.Divider-module__hop-Divider___fqfQB) {
2
+ :where(.Divider-module__hop-Divider___0dYuL) {
3
3
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
4
4
  --hop-Divider-border-size: 0.0625rem;
5
5
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -24,7 +24,7 @@
24
24
  border-block-end: var(--border-block-end);
25
25
  border-inline-start: var(--border-inline-start);
26
26
  }
27
- .Divider-module__hop-Divider--vertical___GATaO {
27
+ .Divider-module__hop-Divider--vertical___-u8sG {
28
28
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
29
29
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
30
30
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -32,7 +32,7 @@
32
32
  }
33
33
 
34
34
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
35
- .Text-module__hop-Text___GsTEX {
35
+ .Text-module__hop-Text___i-wip {
36
36
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
37
37
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
38
38
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -62,49 +62,49 @@
62
62
  --hop-Text-inherit-size-font-weight: inherit;
63
63
  --hop-Text-inherit-size-line-height: inherit;
64
64
  }
65
- :where(.Text-module__hop-Text___GsTEX) {
65
+ :where(.Text-module__hop-Text___i-wip) {
66
66
  font-family: var(--font-family);
67
67
  font-size: var(--font-size);
68
68
  font-weight: var(--font-weight);
69
69
  line-height: var(--line-height);
70
70
  }
71
- :where(.Text-module__hop-Text--xs___xPq-q) {
71
+ :where(.Text-module__hop-Text--xs___OgrlM) {
72
72
  --font-size: var(--hop-Text-xs-font-size);
73
73
  --font-family: var(--hop-Text-xs-font-family);
74
74
  --font-weight: var(--hop-Text-xs-font-weight);
75
75
  --line-height: var(--hop-Text-xs-line-height);
76
76
  }
77
- :where(.Text-module__hop-Text--sm___m1xkd) {
77
+ :where(.Text-module__hop-Text--sm___VG8kM) {
78
78
  --font-size: var(--hop-Text-sm-font-size);
79
79
  --font-family: var(--hop-Text-sm-font-family);
80
80
  --font-weight: var(--hop-Text-sm-font-weight);
81
81
  --line-height: var(--hop-Text-sm-line-height);
82
82
  }
83
- :where(.Text-module__hop-Text--md___gVBxd) {
83
+ :where(.Text-module__hop-Text--md___Y1jRC) {
84
84
  --font-size: var(--hop-Text-md-font-size);
85
85
  --font-family: var(--hop-Text-md-font-family);
86
86
  --font-weight: var(--hop-Text-md-font-weight);
87
87
  --line-height: var(--hop-Text-md-line-height);
88
88
  }
89
- :where(.Text-module__hop-Text--lg___nmRag) {
89
+ :where(.Text-module__hop-Text--lg___P2gHm) {
90
90
  --font-size: var(--hop-Text-lg-font-size);
91
91
  --font-family: var(--hop-Text-lg-font-family);
92
92
  --font-weight: var(--hop-Text-lg-font-weight);
93
93
  --line-height: var(--hop-Text-lg-line-height);
94
94
  }
95
- :where(.Text-module__hop-Text--xl___MHAaX) {
95
+ :where(.Text-module__hop-Text--xl___uu4Y6) {
96
96
  --font-size: var(--hop-Text-xl-font-size);
97
97
  --font-family: var(--hop-Text-xl-font-family);
98
98
  --font-weight: var(--hop-Text-xl-font-weight);
99
99
  --line-height: var(--hop-Text-xl-line-height);
100
100
  }
101
- :where(.Text-module__hop-Text--2xl___OHdc1) {
101
+ :where(.Text-module__hop-Text--2xl___kr5Vw) {
102
102
  --font-size: var(--hop-Text-2xl-font-size);
103
103
  --font-family: var(--hop-Text-2xl-font-family);
104
104
  --font-weight: var(--hop-Text-2xl-font-weight);
105
105
  --line-height: var(--hop-Text-2xl-line-height);
106
106
  }
107
- :where(.Text-module__hop-Text--inherit___ymYRX) {
107
+ :where(.Text-module__hop-Text--inherit___enYNN) {
108
108
  --font-size: var(--hop-Text-inherit-size-font-size);
109
109
  --font-family: var(--hop-Text-inherit-size-font-family);
110
110
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -112,7 +112,7 @@
112
112
  }
113
113
 
114
114
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
115
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4 {
115
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt {
116
116
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
117
117
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
118
118
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -143,46 +143,46 @@
143
143
  background-color: var(--background-color);
144
144
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___CJQjx {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___kM-j4 {
147
147
  --size: var(--hop-RichIconAvatarImage-xs-size);
148
148
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
149
149
  }
150
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___atibm {
150
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___SKx-C {
151
151
  --size: var(--hop-RichIconAvatarImage-sm-size);
152
152
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
153
153
  }
154
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___bnHkl {
154
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-ELGu {
155
155
  --size: var(--hop-RichIconAvatarImage-md-size);
156
156
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
157
157
  }
158
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___MIOqU {
158
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___V0j8U {
159
159
  --size: var(--hop-RichIconAvatarImage-lg-size);
160
160
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
161
161
  }
162
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___hOZPm {
162
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___uv-1s {
163
163
  --size: var(--hop-RichIconAvatarImage-xl-size);
164
164
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
165
165
  }
166
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___8l-pB {
166
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___43YNN {
167
167
  --size: var(--hop-RichIconAvatarImage-2xl-size);
168
168
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
169
169
  }
170
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4[data-disabled] {
170
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt[data-disabled] {
171
171
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
172
172
  }
173
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu {
173
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
174
174
  position: relative;
175
175
  display: block;
176
176
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
177
177
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
178
178
  }
179
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu {
179
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
180
180
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
181
181
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
182
182
  }
183
183
 
184
184
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
185
- .Avatar-module__hop-Avatar___vgJ-p {
185
+ .Avatar-module__hop-Avatar___2iRIy {
186
186
  --hop-Avatar-border-radius: var(--hop-shape-circle);
187
187
  --hop-Avatar-mix-blend-mode: normal;
188
188
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -227,67 +227,67 @@
227
227
  background-color: var(--background-color, transparent);
228
228
  border-radius: var(--hop-Avatar-border-radius);
229
229
  }
230
- .Avatar-module__hop-Avatar--xs___wpPeA {
230
+ .Avatar-module__hop-Avatar--xs___U6TaP {
231
231
  --size: var(--hop-Avatar-xs-size);
232
232
  }
233
- .Avatar-module__hop-Avatar--sm___Fk1qb {
233
+ .Avatar-module__hop-Avatar--sm___mVPqW {
234
234
  --size: var(--hop-Avatar-sm-size);
235
235
  }
236
- .Avatar-module__hop-Avatar--md___Cifqw {
236
+ .Avatar-module__hop-Avatar--md___-HteB {
237
237
  --size: var(--hop-Avatar-md-size);
238
238
  }
239
- .Avatar-module__hop-Avatar--lg___sbrlf {
239
+ .Avatar-module__hop-Avatar--lg___6eRRX {
240
240
  --size: var(--hop-Avatar-lg-size);
241
241
  }
242
- .Avatar-module__hop-Avatar--xl___PHliE {
242
+ .Avatar-module__hop-Avatar--xl___XeULp {
243
243
  --size: var(--hop-Avatar-xl-size);
244
244
  }
245
- .Avatar-module__hop-Avatar--2xl___nKPBy {
245
+ .Avatar-module__hop-Avatar--2xl___0w2Ni {
246
246
  --size: var(--hop-Avatar-2xl-size);
247
247
  }
248
- .Avatar-module__hop-Avatar--decorative-option1___H5fh3 {
248
+ .Avatar-module__hop-Avatar--decorative-option1___x4wwr {
249
249
  --background-color: var(--hop-Avatar-decorative-1-background-color);
250
250
  --text-color: var(--hop-Avatar-decorative-1-text-color);
251
251
  }
252
- .Avatar-module__hop-Avatar--decorative-option2___uSm69 {
252
+ .Avatar-module__hop-Avatar--decorative-option2___VdIQd {
253
253
  --background-color: var(--hop-Avatar-decorative-2-background-color);
254
254
  --text-color: var(--hop-Avatar-decorative-2-text-color);
255
255
  }
256
- .Avatar-module__hop-Avatar--decorative-option3___c4YaX {
256
+ .Avatar-module__hop-Avatar--decorative-option3___T5HRP {
257
257
  --background-color: var(--hop-Avatar-decorative-3-background-color);
258
258
  --text-color: var(--hop-Avatar-decorative-3-text-color);
259
259
  }
260
- .Avatar-module__hop-Avatar--decorative-option4___ZeS1w {
260
+ .Avatar-module__hop-Avatar--decorative-option4___quPmn {
261
261
  --background-color: var(--hop-Avatar-decorative-4-background-color);
262
262
  --text-color: var(--hop-Avatar-decorative-4-text-color);
263
263
  }
264
- .Avatar-module__hop-Avatar--decorative-option5___7HPYj {
264
+ .Avatar-module__hop-Avatar--decorative-option5___ifBXG {
265
265
  --background-color: var(--hop-Avatar-decorative-5-background-color);
266
266
  --text-color: var(--hop-Avatar-decorative-5-text-color);
267
267
  }
268
- .Avatar-module__hop-Avatar--decorative-option6___Zu8po {
268
+ .Avatar-module__hop-Avatar--decorative-option6___wDYJd {
269
269
  --background-color: var(--hop-Avatar-decorative-6-background-color);
270
270
  --text-color: var(--hop-Avatar-decorative-6-text-color);
271
271
  }
272
- .Avatar-module__hop-Avatar--decorative-option7___p2dza {
272
+ .Avatar-module__hop-Avatar--decorative-option7___xgn2p {
273
273
  --background-color: var(--hop-Avatar-decorative-7-background-color);
274
274
  --text-color: var(--hop-Avatar-decorative-7-text-color);
275
275
  }
276
- .Avatar-module__hop-Avatar--decorative-option8___mxCgz {
276
+ .Avatar-module__hop-Avatar--decorative-option8___6RKzf {
277
277
  --background-color: var(--hop-Avatar-decorative-8-background-color);
278
278
  --text-color: var(--hop-Avatar-decorative-8-text-color);
279
279
  }
280
- .Avatar-module__hop-Avatar--decorative-option9___Ea8U7 {
280
+ .Avatar-module__hop-Avatar--decorative-option9___LMOth {
281
281
  --background-color: var(--hop-Avatar-decorative-9-background-color);
282
282
  --text-color: var(--hop-Avatar-decorative-9-text-color);
283
283
  }
284
- .Avatar-module__hop-Avatar___vgJ-p[data-disabled] {
284
+ .Avatar-module__hop-Avatar___2iRIy[data-disabled] {
285
285
  --background-color: var(--hop-Avatar-background-color-disabled);
286
286
  --text-color: var(--hop-Avatar-text-color-disabled);
287
287
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
288
288
  isolation: isolate;
289
289
  }
290
- .Avatar-module__hop-Avatar__image___zOLgF {
290
+ .Avatar-module__hop-Avatar__image___L1lkB {
291
291
  position: relative;
292
292
  display: block;
293
293
  box-sizing: border-box;
@@ -298,7 +298,7 @@
298
298
  }
299
299
 
300
300
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
301
- :where(.OverlineText-module__hop-OverlineText___H96xT) {
301
+ :where(.OverlineText-module__hop-OverlineText___AJQ9B) {
302
302
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
303
303
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
304
304
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -322,26 +322,26 @@
322
322
  text-transform: uppercase;
323
323
  letter-spacing: var(--letter-spacing);
324
324
  }
325
- .OverlineText-module__hop-OverlineText__text___Oen8K {
325
+ .OverlineText-module__hop-OverlineText__text___2R69Q {
326
326
  box-sizing: border-box;
327
327
  }
328
- .OverlineText-module__hop-OverlineText__text___Oen8K::before,
329
- .OverlineText-module__hop-OverlineText__text___Oen8K::after {
328
+ .OverlineText-module__hop-OverlineText__text___2R69Q::before,
329
+ .OverlineText-module__hop-OverlineText__text___2R69Q::after {
330
330
  content: "";
331
331
  display: block;
332
332
  box-sizing: border-box;
333
333
  inline-size: 0;
334
334
  block-size: 0;
335
335
  }
336
- .OverlineText-module__hop-OverlineText__text___Oen8K::before {
336
+ .OverlineText-module__hop-OverlineText__text___2R69Q::before {
337
337
  margin-block-end: var(--bottom-offset);
338
338
  }
339
- .OverlineText-module__hop-OverlineText__text___Oen8K::after {
339
+ .OverlineText-module__hop-OverlineText__text___2R69Q::after {
340
340
  margin-block-start: var(--top-offset);
341
341
  }
342
342
 
343
343
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
344
- .Badge-module__hop-Badge___j2yOS {
344
+ .Badge-module__hop-Badge___-xOKd {
345
345
  --hop-Badge-height: 1.5rem;
346
346
  --hop-Badge-width: max-content;
347
347
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -391,67 +391,67 @@
391
391
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
392
392
  border-radius: var(--border-radius);
393
393
  }
394
- .Badge-module__hop-Badge___j2yOS[data-variant=primary] {
394
+ .Badge-module__hop-Badge___-xOKd[data-variant=primary] {
395
395
  --background-color: var(--hop-Badge-primary-background-color);
396
396
  --text-color: var(--hop-Badge-primary-text-color);
397
397
  }
398
- .Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=primary] {
398
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=primary] {
399
399
  --background-color: var(--hop-Badge-primary-background-color-hovered);
400
400
  --text-color: var(--hop-Badge-primary-text-color-hovered);
401
401
  }
402
- .Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=primary] {
402
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=primary] {
403
403
  --background-color: var(--hop-Badge-primary-background-color-pressed);
404
404
  --text-color: var(--hop-Badge-primary-text-color-pressed);
405
405
  }
406
- .Badge-module__hop-Badge___j2yOS[data-selected][data-variant=primary] {
406
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=primary] {
407
407
  --background-color: var(--hop-Badge-primary-background-color-selected);
408
408
  --text-color: var(--hop-Badge-primary-text-color-selected);
409
409
  }
410
- .Badge-module__hop-Badge___j2yOS[data-variant=secondary] {
410
+ .Badge-module__hop-Badge___-xOKd[data-variant=secondary] {
411
411
  --background-color: var(--hop-Badge-secondary-background-color);
412
412
  --text-color: var(--hop-Badge-secondary-text-color);
413
413
  }
414
- .Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=secondary] {
414
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=secondary] {
415
415
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
416
416
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
417
417
  }
418
- .Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=secondary] {
418
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=secondary] {
419
419
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
420
420
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
421
421
  }
422
- .Badge-module__hop-Badge___j2yOS[data-selected][data-variant=secondary] {
422
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=secondary] {
423
423
  --background-color: var(--hop-Badge-secondary-background-color-selected);
424
424
  --text-color: var(--hop-Badge-secondary-text-color-selected);
425
425
  }
426
- .Badge-module__hop-Badge___j2yOS[data-variant=subdued] {
426
+ .Badge-module__hop-Badge___-xOKd[data-variant=subdued] {
427
427
  --background-color: var(--hop-Badge-subdued-background-color);
428
428
  --text-color: var(--hop-Badge-subdued-text-color);
429
429
  }
430
- .Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=subdued] {
430
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=subdued] {
431
431
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
432
432
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
433
433
  }
434
- .Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=subdued] {
434
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=subdued] {
435
435
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
436
436
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
437
437
  }
438
- .Badge-module__hop-Badge___j2yOS[data-selected][data-variant=subdued] {
438
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=subdued] {
439
439
  --background-color: var(--hop-Badge-subdued-background-color-selected);
440
440
  --text-color: var(--hop-Badge-subdued-text-color-selected);
441
441
  }
442
- .Badge-module__hop-Badge___j2yOS[data-indeterminate] {
442
+ .Badge-module__hop-Badge___-xOKd[data-indeterminate] {
443
443
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
444
444
  --height: var(--hop-Badge-indeterminate-height);
445
445
  --width: var(--hop-Badge-indeterminate-width);
446
446
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
447
447
  }
448
- .Badge-module__hop-Badge___j2yOS[data-disabled] {
448
+ .Badge-module__hop-Badge___-xOKd[data-disabled] {
449
449
  --background-color: var(--hop-Badge-background-color-disabled);
450
450
  --text-color: var(--hop-Badge-text-color-disabled);
451
451
  }
452
452
 
453
453
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
454
- .FloatingBadge-module__hop-FloatingBadge___75EoU {
454
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn {
455
455
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
456
456
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
457
457
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -492,7 +492,7 @@
492
492
  box-sizing: border-box;
493
493
  inline-size: max-content;
494
494
  }
495
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top right"] {
495
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top right"] {
496
496
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
497
497
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
498
498
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -500,11 +500,11 @@
500
500
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
501
501
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
502
502
  }
503
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top right"][data-overlap=circular] {
503
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top right"][data-overlap=circular] {
504
504
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
505
505
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
506
506
  }
507
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top left"] {
507
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top left"] {
508
508
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
509
509
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
510
510
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -512,11 +512,11 @@
512
512
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
513
513
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
514
514
  }
515
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top left"][data-overlap=circular] {
515
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top left"][data-overlap=circular] {
516
516
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
517
517
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
518
518
  }
519
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom right"] {
519
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom right"] {
520
520
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
521
521
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
522
522
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -524,11 +524,11 @@
524
524
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
525
525
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
526
526
  }
527
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom right"][data-overlap=circular] {
527
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom right"][data-overlap=circular] {
528
528
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
529
529
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
530
530
  }
531
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom left"] {
531
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom left"] {
532
532
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
533
533
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
534
534
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -536,11 +536,11 @@
536
536
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
537
537
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
538
538
  }
539
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom left"][data-overlap=circular] {
539
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom left"][data-overlap=circular] {
540
540
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
541
541
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
542
542
  }
543
- .FloatingBadge-module__hop-FloatingBadge__badge___0TxFi {
543
+ .FloatingBadge-module__hop-FloatingBadge__badge___XidQN {
544
544
  position: absolute;
545
545
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
546
546
  transform-origin: var(--badge-transform-origin);
@@ -548,7 +548,7 @@
548
548
  }
549
549
 
550
550
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
551
- .IconList-module__hop-IconList___Z6Put {
551
+ .IconList-module__hop-IconList___LeCr- {
552
552
  --hop-IconList-gap: var(--hop-space-inline-xs);
553
553
  display: flex;
554
554
  flex-wrap: wrap;
@@ -557,7 +557,7 @@
557
557
  }
558
558
 
559
559
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
560
- .Checkbox-module__hop-Checkbox___NRxO5 {
560
+ .Checkbox-module__hop-Checkbox___LGvQv {
561
561
  --hop-Checkbox-box-border-size: 0.0625rem;
562
562
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
563
563
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -632,63 +632,63 @@
632
632
  inline-size: max-content;
633
633
  max-inline-size: 100%;
634
634
  }
635
- .Checkbox-module__hop-Checkbox___NRxO5[data-focus-visible],
636
- .Checkbox-module__hop-Checkbox--focused___WHmDG {
635
+ .Checkbox-module__hop-Checkbox___LGvQv[data-focus-visible],
636
+ .Checkbox-module__hop-Checkbox--focused___vjDn- {
637
637
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
638
638
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
639
639
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
640
640
  --text-color: var(--hop-Checkbox-text-color-focused);
641
641
  --icon-color: var(--hop-Checkbox-icon-color-focused);
642
642
  }
643
- .Checkbox-module__hop-Checkbox___NRxO5[data-hovered],
644
- .Checkbox-module__hop-Checkbox--hovered___UTkIX {
643
+ .Checkbox-module__hop-Checkbox___LGvQv[data-hovered],
644
+ .Checkbox-module__hop-Checkbox--hovered___rBo1O {
645
645
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
646
646
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
647
647
  --text-color: var(--hop-Checkbox-text-color-hovered);
648
648
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
649
649
  }
650
- .Checkbox-module__hop-Checkbox___NRxO5[data-pressed],
651
- .Checkbox-module__hop-Checkbox--pressed___tU-Mo {
650
+ .Checkbox-module__hop-Checkbox___LGvQv[data-pressed],
651
+ .Checkbox-module__hop-Checkbox--pressed___A-Tzt {
652
652
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
653
653
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
654
654
  --text-color: var(--hop-Checkbox-text-color-pressed);
655
655
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
656
656
  }
657
- .Checkbox-module__hop-Checkbox___NRxO5[data-selected] {
657
+ .Checkbox-module__hop-Checkbox___LGvQv[data-selected] {
658
658
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
659
659
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
660
660
  --check-display: var(--hop-Checkbox-check-display-selected);
661
661
  --text-color: var(--hop-Checkbox-text-color-selected);
662
662
  --icon-color: var(--hop-Checkbox-icon-color-selected);
663
663
  }
664
- .Checkbox-module__hop-Checkbox___NRxO5[data-invalid] {
664
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid] {
665
665
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
666
666
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
667
667
  --check-color: var(--hop-Checkbox-check-color-invalid);
668
668
  --text-color: var(--hop-Checkbox-text-color-invalid);
669
669
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
670
670
  }
671
- .Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___WHmDG) {
671
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___vjDn-) {
672
672
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
673
673
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
674
674
  }
675
- .Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___UTkIX) {
675
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___rBo1O) {
676
676
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
677
677
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
678
678
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
679
679
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
680
680
  }
681
- .Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___tU-Mo) {
681
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___A-Tzt) {
682
682
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
683
683
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
684
684
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
685
685
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
686
686
  }
687
- .Checkbox-module__hop-Checkbox___NRxO5:where([data-invalid])[data-selected] {
687
+ .Checkbox-module__hop-Checkbox___LGvQv:where([data-invalid])[data-selected] {
688
688
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
689
689
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
690
690
  }
691
- .Checkbox-module__hop-Checkbox___NRxO5[data-disabled] {
691
+ .Checkbox-module__hop-Checkbox___LGvQv[data-disabled] {
692
692
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
693
693
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
694
694
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -696,25 +696,25 @@
696
696
  --text-color: var(--hop-Checkbox-text-color-disabled);
697
697
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
698
698
  }
699
- .Checkbox-module__hop-Checkbox--sm___b22VB {
699
+ .Checkbox-module__hop-Checkbox--sm___4oMPK {
700
700
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
701
701
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
702
702
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
703
703
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
704
704
  }
705
- .Checkbox-module__hop-Checkbox--md___URFff {
705
+ .Checkbox-module__hop-Checkbox--md___TcJBe {
706
706
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
707
707
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
708
708
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
709
709
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
710
710
  }
711
- .Checkbox-module__hop-Checkbox__icon___NXQFg,
712
- .Checkbox-module__hop-Checkbox__icon-list___KzJkL {
711
+ .Checkbox-module__hop-Checkbox__icon___czSm3,
712
+ .Checkbox-module__hop-Checkbox__icon-list___657WD {
713
713
  flex: 0 0 auto;
714
714
  order: 3;
715
715
  color: var(--icon-color);
716
716
  }
717
- .Checkbox-module__hop-Checkbox__box___EwDEY {
717
+ .Checkbox-module__hop-Checkbox__box___hg4Mw {
718
718
  display: flex;
719
719
  flex: 0 0 auto;
720
720
  align-items: center;
@@ -730,11 +730,11 @@
730
730
  outline-offset: 0.125rem;
731
731
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
732
732
  }
733
- .Checkbox-module__hop-Checkbox__check___weqm- {
733
+ .Checkbox-module__hop-Checkbox__check___X5sEH {
734
734
  display: var(--check-display);
735
735
  color: var(--check-color);
736
736
  }
737
- .Checkbox-module__hop-Checkbox__text___W0V3o {
737
+ .Checkbox-module__hop-Checkbox__text___IAcx- {
738
738
  flex: 0 1 auto;
739
739
  order: 2;
740
740
  min-inline-size: 0;
@@ -744,7 +744,7 @@
744
744
  }
745
745
 
746
746
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
747
- .CheckboxField-module__hop-CheckboxField___gnzi1 {
747
+ .CheckboxField-module__hop-CheckboxField___ycgKg {
748
748
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
749
749
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
750
750
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -763,28 +763,28 @@
763
763
  inline-size: max-content;
764
764
  max-inline-size: 100%;
765
765
  }
766
- .CheckboxField-module__hop-CheckboxField___gnzi1[data-disabled] {
766
+ .CheckboxField-module__hop-CheckboxField___ycgKg[data-disabled] {
767
767
  --description-color: var(--hop-CheckboxField-description-color-disabled);
768
768
  }
769
- .CheckboxField-module__hop-CheckboxField--sm___jNJLv {
769
+ .CheckboxField-module__hop-CheckboxField--sm___p26LG {
770
770
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
771
771
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
772
772
  }
773
- .CheckboxField-module__hop-CheckboxField--md___w-dv- {
773
+ .CheckboxField-module__hop-CheckboxField--md___GtuQL {
774
774
  --row-gap: var(--hop-CheckboxField-md-row-gap);
775
775
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
776
776
  }
777
- .CheckboxField-module__hop-CheckboxField__description___aqeyv {
777
+ .CheckboxField-module__hop-CheckboxField__description___td-PO {
778
778
  order: 2;
779
779
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
780
780
  color: var(--description-color);
781
781
  }
782
- .CheckboxField-module__hop-CheckboxField__checkbox___C6LkM {
782
+ .CheckboxField-module__hop-CheckboxField__checkbox___tdxHy {
783
783
  order: 1;
784
784
  }
785
785
 
786
786
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
787
- .ErrorMessage-module__hop-ErrorMessage___RgnZ8 {
787
+ .ErrorMessage-module__hop-ErrorMessage___lZhsu {
788
788
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
789
789
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
790
790
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -801,13 +801,13 @@
801
801
  line-height: var(--hop-ErrorMessage-line-height);
802
802
  color: var(--hop-ErrorMessage-color);
803
803
  }
804
- .ErrorMessage-module__hop-ErrorMessage__icon___55BuQ {
804
+ .ErrorMessage-module__hop-ErrorMessage__icon___Dnsoj {
805
805
  flex: 0 0 auto;
806
806
  align-self: flex-start;
807
807
  }
808
808
 
809
809
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
810
- .HelperMessage-module__hop-HelperMessage___wUoas {
810
+ .HelperMessage-module__hop-HelperMessage___g-VQU {
811
811
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
812
812
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
813
813
  display: flex;
@@ -816,32 +816,32 @@
816
816
  box-sizing: border-box;
817
817
  color: var(--hop-HelperMessage-color);
818
818
  }
819
- .HelperMessage-module__hop-HelperMessage__icon___An68p {
819
+ .HelperMessage-module__hop-HelperMessage__icon___cXfSo {
820
820
  flex: 0 0 auto;
821
821
  align-self: flex-start;
822
822
  }
823
823
 
824
824
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
825
- .Label-module__hop-Label___fMtr- {
825
+ .Label-module__hop-Label___nfV-B {
826
826
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
827
827
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
828
828
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
829
829
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
830
830
  --hop-Label-color: var(--hop-neutral-text-weak);
831
831
  }
832
- :where(.Label-module__hop-Label___fMtr-) {
832
+ :where(.Label-module__hop-Label___nfV-B) {
833
833
  font-family: var(--hop-Label-font-family);
834
834
  font-size: var(--hop-Label-font-size);
835
835
  font-weight: var(--hop-Label-font-weight);
836
836
  line-height: var(--hop-Label-line-height);
837
837
  color: var(--hop-Label-color);
838
838
  }
839
- :where(.Label-module__hop-Label__indicator___L7EES) {
839
+ :where(.Label-module__hop-Label__indicator___mNdrU) {
840
840
  padding-inline-start: var(--hop-space-20);
841
841
  }
842
842
 
843
843
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
844
- .CheckboxGroup-module__hop-CheckboxGroup___agIIk {
844
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa {
845
845
  --hop-CheckboxGroup-align-items: flex-start;
846
846
  --hop-CheckboxGroup-justify-content: flex-start;
847
847
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -880,46 +880,46 @@
880
880
  inline-size: max-content;
881
881
  max-inline-size: 100%;
882
882
  }
883
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx {
883
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92 {
884
884
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
885
885
  --list-border-radius: var(--hop-shape-rounded-md);
886
886
  }
887
- .CheckboxGroup-module__hop-CheckboxGroup--sm___Fo6My {
887
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
888
888
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
889
889
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
890
890
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
891
891
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
892
892
  }
893
- .CheckboxGroup-module__hop-CheckboxGroup--md___XhHQI {
893
+ .CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
894
894
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
895
895
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
896
896
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
897
897
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
898
898
  }
899
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx.CheckboxGroup-module__hop-CheckboxGroup--sm___Fo6My {
899
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
900
900
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
901
901
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
902
902
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
903
903
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
904
904
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
905
905
  }
906
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx.CheckboxGroup-module__hop-CheckboxGroup--md___XhHQI {
906
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
907
907
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
908
908
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
909
909
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
910
910
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
911
911
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
912
912
  }
913
- .CheckboxGroup-module__hop-CheckboxGroup___agIIk[data-orientation=horizontal] {
913
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa[data-orientation=horizontal] {
914
914
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
915
915
  }
916
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=horizontal] {
916
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=horizontal] {
917
917
  --flex-wrap: nowrap;
918
918
  }
919
- .CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__label___3FKhI {
919
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__label___YaFOG {
920
920
  order: 1;
921
921
  }
922
- .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR {
922
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB {
923
923
  display: flex;
924
924
  flex-flow: var(--flex-direction) var(--flex-wrap);
925
925
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -930,7 +930,7 @@
930
930
  border: var(--list-border, none);
931
931
  border-radius: var(--list-border-radius, 0);
932
932
  }
933
- .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW {
933
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq {
934
934
  position: relative;
935
935
  flex: 0 1 auto;
936
936
  align-content: start;
@@ -938,28 +938,28 @@
938
938
  min-inline-size: 0;
939
939
  padding: var(--checkbox-padding, 0);
940
940
  }
941
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
941
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92 .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
942
942
  content: "";
943
943
  position: absolute;
944
944
  display: block;
945
945
  }
946
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
946
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
947
947
  inset-block-start: 0;
948
948
  inset-inline: 0;
949
949
  border-block-start: var(--list-border, none);
950
950
  }
951
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
951
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
952
952
  inset-block: 0;
953
953
  inset-inline-start: 0;
954
954
  border-inline-start: var(--list-border, none);
955
955
  }
956
- .CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__error-message___p5b4m,
957
- .CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___52ceK {
956
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___uPyiu,
957
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___SPO-k {
958
958
  order: 3;
959
959
  }
960
960
 
961
961
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
962
- .Radio-module__hop-Radio___fiLqZ {
962
+ .Radio-module__hop-Radio___f6Vgr {
963
963
  --hop-Radio-box-border-size: 0.0625rem;
964
964
  --hop-Radio-box-border-color: var(--hop-neutral-border);
965
965
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1033,63 +1033,63 @@
1033
1033
  inline-size: max-content;
1034
1034
  max-inline-size: 100%;
1035
1035
  }
1036
- .Radio-module__hop-Radio___fiLqZ[data-focus-visible],
1037
- .Radio-module__hop-Radio--focused___ljAlt {
1036
+ .Radio-module__hop-Radio___f6Vgr[data-focus-visible],
1037
+ .Radio-module__hop-Radio--focused___1rGHf {
1038
1038
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1039
1039
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1040
1040
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1041
1041
  --text-color: var(--hop-Radio-text-color-focused);
1042
1042
  --icon-color: var(--hop-Radio-icon-color-focused);
1043
1043
  }
1044
- .Radio-module__hop-Radio___fiLqZ[data-hovered],
1045
- .Radio-module__hop-Radio--hovered___1jVbG {
1044
+ .Radio-module__hop-Radio___f6Vgr[data-hovered],
1045
+ .Radio-module__hop-Radio--hovered___PK7aT {
1046
1046
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1047
1047
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1048
1048
  --text-color: var(--hop-Radio-text-color-hovered);
1049
1049
  --icon-color: var(--hop-Radio-icon-color-hovered);
1050
1050
  }
1051
- .Radio-module__hop-Radio___fiLqZ[data-pressed],
1052
- .Radio-module__hop-Radio--pressed___fFpLV {
1051
+ .Radio-module__hop-Radio___f6Vgr[data-pressed],
1052
+ .Radio-module__hop-Radio--pressed___MLA7j {
1053
1053
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1054
1054
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1055
1055
  --text-color: var(--hop-Radio-text-color-pressed);
1056
1056
  --icon-color: var(--hop-Radio-icon-color-pressed);
1057
1057
  }
1058
- .Radio-module__hop-Radio___fiLqZ[data-selected] {
1058
+ .Radio-module__hop-Radio___f6Vgr[data-selected] {
1059
1059
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1060
1060
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1061
1061
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1062
1062
  --text-color: var(--hop-Radio-text-color-selected);
1063
1063
  --icon-color: var(--hop-Radio-icon-color-selected);
1064
1064
  }
1065
- .Radio-module__hop-Radio___fiLqZ[data-invalid] {
1065
+ .Radio-module__hop-Radio___f6Vgr[data-invalid] {
1066
1066
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1067
1067
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1068
1068
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1069
1069
  --text-color: var(--hop-Radio-text-color-invalid);
1070
1070
  --icon-color: var(--hop-Radio-icon-color-invalid);
1071
1071
  }
1072
- .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-focus-visible] {
1072
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-focus-visible] {
1073
1073
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1074
1074
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1075
1075
  }
1076
- .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-hovered] {
1076
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-hovered] {
1077
1077
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1078
1078
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1079
1079
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1080
1080
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1081
1081
  }
1082
- .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-pressed] {
1082
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-pressed] {
1083
1083
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1084
1084
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1085
1085
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1086
1086
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1087
1087
  }
1088
- .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-selected] {
1088
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-selected] {
1089
1089
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1090
1090
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1091
1091
  }
1092
- .Radio-module__hop-Radio___fiLqZ[data-disabled] {
1092
+ .Radio-module__hop-Radio___f6Vgr[data-disabled] {
1093
1093
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1094
1094
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1095
1095
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1097,25 +1097,25 @@
1097
1097
  --text-color: var(--hop-Radio-text-color-disabled);
1098
1098
  --icon-color: var(--hop-Radio-icon-color-disabled);
1099
1099
  }
1100
- .Radio-module__hop-Radio--sm___lMp9M {
1100
+ .Radio-module__hop-Radio--sm___hJ83r {
1101
1101
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1102
1102
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1103
1103
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1104
1104
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1105
1105
  }
1106
- .Radio-module__hop-Radio--md___2SjXP {
1106
+ .Radio-module__hop-Radio--md___rigqc {
1107
1107
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1108
1108
  --box-block-size: var(--hop-Radio-box-md-block-size);
1109
1109
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1110
1110
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1111
1111
  }
1112
- .Radio-module__hop-Radio__icon___RhEJ7,
1113
- .Radio-module__hop-Radio__icon-list___3-dCQ {
1112
+ .Radio-module__hop-Radio__icon___qEuEv,
1113
+ .Radio-module__hop-Radio__icon-list___aUQY- {
1114
1114
  flex: 0 0 auto;
1115
1115
  order: 3;
1116
1116
  color: var(--icon-color);
1117
1117
  }
1118
- .Radio-module__hop-Radio__box___XsjuT {
1118
+ .Radio-module__hop-Radio__box___Ma5Cl {
1119
1119
  display: flex;
1120
1120
  flex: 0 0 auto;
1121
1121
  align-items: center;
@@ -1131,11 +1131,11 @@
1131
1131
  outline-offset: 0.125rem;
1132
1132
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1133
1133
  }
1134
- .Radio-module__hop-Radio__bullet___rhaGm {
1134
+ .Radio-module__hop-Radio__bullet___UNMt2 {
1135
1135
  display: var(--bullet-display);
1136
1136
  color: var(--bullet-color);
1137
1137
  }
1138
- .Radio-module__hop-Radio__text___gKthl {
1138
+ .Radio-module__hop-Radio__text___bpSHA {
1139
1139
  flex: 0 1 auto;
1140
1140
  order: 2;
1141
1141
  min-inline-size: 0;
@@ -1145,7 +1145,7 @@
1145
1145
  }
1146
1146
 
1147
1147
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1148
- .RadioField-module__hop-RadioField___T1vq5 {
1148
+ .RadioField-module__hop-RadioField___ygk-A {
1149
1149
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1150
1150
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1151
1151
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1164,28 +1164,28 @@
1164
1164
  inline-size: max-content;
1165
1165
  max-inline-size: 100%;
1166
1166
  }
1167
- .RadioField-module__hop-RadioField___T1vq5[data-disabled] {
1167
+ .RadioField-module__hop-RadioField___ygk-A[data-disabled] {
1168
1168
  --description-color: var(--hop-RadioField-description-color-disabled);
1169
1169
  }
1170
- .RadioField-module__hop-RadioField--sm___P-jTL {
1170
+ .RadioField-module__hop-RadioField--sm___VOflW {
1171
1171
  --row-gap: var(--hop-RadioField-sm-row-gap);
1172
1172
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1173
1173
  }
1174
- .RadioField-module__hop-RadioField--md___DI19F {
1174
+ .RadioField-module__hop-RadioField--md___vefQn {
1175
1175
  --row-gap: var(--hop-RadioField-md-row-gap);
1176
1176
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1177
1177
  }
1178
- .RadioField-module__hop-RadioField__description___sFFCG {
1178
+ .RadioField-module__hop-RadioField__description___XFh3h {
1179
1179
  order: 2;
1180
1180
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1181
1181
  color: var(--description-color);
1182
1182
  }
1183
- .RadioField-module__hop-RadioField__radio___-jqTU {
1183
+ .RadioField-module__hop-RadioField__radio___odwQg {
1184
1184
  order: 1;
1185
1185
  }
1186
1186
 
1187
1187
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1188
- .RadioGroup-module__hop-RadioGroup___5uPZC {
1188
+ .RadioGroup-module__hop-RadioGroup___fZzjX {
1189
1189
  --hop-RadioGroup-align-items: flex-start;
1190
1190
  --hop-RadioGroup-justify-content: flex-start;
1191
1191
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1225,46 +1225,46 @@
1225
1225
  inline-size: var(--inline-size);
1226
1226
  max-inline-size: 100%;
1227
1227
  }
1228
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g {
1228
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS {
1229
1229
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1230
1230
  --list-border-radius: var(--hop-shape-rounded-md);
1231
1231
  }
1232
- .RadioGroup-module__hop-RadioGroup--sm___sySXY {
1232
+ .RadioGroup-module__hop-RadioGroup--sm___SFGiN {
1233
1233
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1234
1234
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1235
1235
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1236
1236
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1237
1237
  }
1238
- .RadioGroup-module__hop-RadioGroup--md___bhsBV {
1238
+ .RadioGroup-module__hop-RadioGroup--md___DZiZf {
1239
1239
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1240
1240
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1241
1241
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1242
1242
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1243
1243
  }
1244
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--sm___sySXY {
1244
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--sm___SFGiN {
1245
1245
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1246
1246
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1247
1247
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1248
1248
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1249
1249
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1250
1250
  }
1251
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--md___bhsBV {
1251
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--md___DZiZf {
1252
1252
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1253
1253
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1254
1254
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1255
1255
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1256
1256
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1257
1257
  }
1258
- .RadioGroup-module__hop-RadioGroup___5uPZC[data-orientation=horizontal] {
1258
+ .RadioGroup-module__hop-RadioGroup___fZzjX[data-orientation=horizontal] {
1259
1259
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1260
1260
  }
1261
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=horizontal] {
1261
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] {
1262
1262
  --flex-wrap: nowrap;
1263
1263
  }
1264
- .RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__label___4M6KT {
1264
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__label___XSmfS {
1265
1265
  order: 1;
1266
1266
  }
1267
- .RadioGroup-module__hop-RadioGroup__list___K-Y-B {
1267
+ .RadioGroup-module__hop-RadioGroup__list___70l9M {
1268
1268
  display: flex;
1269
1269
  flex-flow: var(--flex-direction) var(--flex-wrap);
1270
1270
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1275,7 +1275,7 @@
1275
1275
  border: var(--list-border, none);
1276
1276
  border-radius: var(--list-border-radius, 0);
1277
1277
  }
1278
- .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc {
1278
+ .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm {
1279
1279
  position: relative;
1280
1280
  flex: 0 1 auto;
1281
1281
  align-content: start;
@@ -1283,28 +1283,28 @@
1283
1283
  min-inline-size: 0;
1284
1284
  padding: var(--radio-padding, 0);
1285
1285
  }
1286
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
1286
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
1287
1287
  content: "";
1288
1288
  position: absolute;
1289
1289
  display: block;
1290
1290
  }
1291
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
1291
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
1292
1292
  inset-block-start: 0;
1293
1293
  inset-inline: 0;
1294
1294
  border-block-start: var(--list-border, none);
1295
1295
  }
1296
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
1296
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
1297
1297
  inset-block: 0;
1298
1298
  inset-inline-start: 0;
1299
1299
  border-inline-start: var(--list-border, none);
1300
1300
  }
1301
- .RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__error-message___QXzMh,
1302
- .RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__helper-message___BkFNa {
1301
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__error-message___-gzSi,
1302
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__helper-message___0rYBR {
1303
1303
  order: 3;
1304
1304
  }
1305
1305
 
1306
1306
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1307
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___sSxVu {
1307
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___5-U5u {
1308
1308
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1309
1309
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1310
1310
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1330,7 +1330,7 @@
1330
1330
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1331
1331
  background-size: 400% 100%;
1332
1332
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1333
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___kI5E-;
1333
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___tROve;
1334
1334
  animation-duration: var(--animation-duration);
1335
1335
  animation-timing-function: ease-in-out;
1336
1336
  animation-fill-mode: forwards;
@@ -1339,19 +1339,19 @@
1339
1339
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1340
1340
  }
1341
1341
  }
1342
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___3ZPnH {
1342
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WF17x {
1343
1343
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1344
1344
  }
1345
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___wPxkP {
1345
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yPJ4x {
1346
1346
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1347
1347
  }
1348
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___ucQPS {
1348
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___GDWcA {
1349
1349
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1350
1350
  }
1351
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___xjXd3 {
1351
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___9hgUf {
1352
1352
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1353
1353
  }
1354
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___kI5E- {
1354
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___tROve {
1355
1355
  0% {
1356
1356
  background-position: 125% 50%;
1357
1357
  }
@@ -1361,7 +1361,7 @@
1361
1361
  }
1362
1362
 
1363
1363
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1364
- .ListBoxItem-module__hop-ListBoxItem___WPcI6 {
1364
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs {
1365
1365
  --hop-ListBoxItem-background-color: transparent;
1366
1366
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1367
1367
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1458,129 +1458,129 @@
1458
1458
  outline: var(--outline);
1459
1459
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1460
1460
  }
1461
- .ListBoxItem-module__hop-ListBoxItem--xs___9yqv- {
1461
+ .ListBoxItem-module__hop-ListBoxItem--xs___8YfDE {
1462
1462
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1463
1463
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1464
1464
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1465
1465
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1466
1466
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1467
1467
  }
1468
- .ListBoxItem-module__hop-ListBoxItem--sm___-dIPa {
1468
+ .ListBoxItem-module__hop-ListBoxItem--sm___TrltV {
1469
1469
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1470
1470
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1471
1471
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1472
1472
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1473
1473
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1474
1474
  }
1475
- .ListBoxItem-module__hop-ListBoxItem--md___zsuXH {
1475
+ .ListBoxItem-module__hop-ListBoxItem--md___uCJrQ {
1476
1476
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1477
1477
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1478
1478
  --min-height: var(--hop-ListBoxItem-md-min-height);
1479
1479
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1480
1480
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1481
1481
  }
1482
- .ListBoxItem-module__hop-ListBoxItem--lg___2POEB {
1482
+ .ListBoxItem-module__hop-ListBoxItem--lg___KsLt1 {
1483
1483
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1484
1484
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1485
1485
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1486
1486
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1487
1487
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1488
1488
  }
1489
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selection-mode] {
1489
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selection-mode] {
1490
1490
  --cursor: pointer;
1491
1491
  }
1492
- .ListBoxItem-module__hop-ListBoxItem___WPcI6:not([data-selection-mode]) {
1492
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs:not([data-selection-mode]) {
1493
1493
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1494
1494
  }
1495
- .ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
1495
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
1496
1496
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1497
1497
  }
1498
- .ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
1498
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
1499
1499
  --checkmark-transition: none;
1500
1500
  }
1501
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selected] {
1501
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selected] {
1502
1502
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1503
1503
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1504
1504
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1505
1505
  --checkmark-opacity: 1;
1506
1506
  }
1507
- .ListBoxItem-module__hop-ListBoxItem--xs___9yqv-[data-selected] {
1507
+ .ListBoxItem-module__hop-ListBoxItem--xs___8YfDE[data-selected] {
1508
1508
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1509
1509
  }
1510
- .ListBoxItem-module__hop-ListBoxItem--sm___-dIPa[data-selected] {
1510
+ .ListBoxItem-module__hop-ListBoxItem--sm___TrltV[data-selected] {
1511
1511
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1512
1512
  }
1513
- .ListBoxItem-module__hop-ListBoxItem--md___zsuXH[data-selected] {
1513
+ .ListBoxItem-module__hop-ListBoxItem--md___uCJrQ[data-selected] {
1514
1514
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1515
1515
  }
1516
- .ListBoxItem-module__hop-ListBoxItem--lg___2POEB[data-selected] {
1516
+ .ListBoxItem-module__hop-ListBoxItem--lg___KsLt1[data-selected] {
1517
1517
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1518
1518
  }
1519
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-focus-visible] {
1519
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-focus-visible] {
1520
1520
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1521
1521
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1522
1522
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1523
1523
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1524
1524
  }
1525
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-hovered] {
1525
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-hovered] {
1526
1526
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1527
1527
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1528
1528
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1529
1529
  }
1530
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-pressed] {
1530
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-pressed] {
1531
1531
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1532
1532
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1533
1533
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1534
1534
  }
1535
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-disabled] {
1535
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-disabled] {
1536
1536
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1537
1537
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1538
1538
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1539
1539
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1540
1540
  --cursor: not-allowed;
1541
1541
  }
1542
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid] {
1542
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid] {
1543
1543
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1544
1544
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1545
1545
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1546
1546
  }
1547
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-selected] {
1547
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-selected] {
1548
1548
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1549
1549
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1550
1550
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1551
1551
  }
1552
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-focus-visible] {
1552
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-focus-visible] {
1553
1553
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1554
1554
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1555
1555
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1556
1556
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1557
1557
  }
1558
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-hovered] {
1558
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-hovered] {
1559
1559
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1560
1560
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1561
1561
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1562
1562
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1563
1563
  }
1564
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-pressed] {
1564
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-pressed] {
1565
1565
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1566
1566
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1567
1567
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1568
1568
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1569
1569
  }
1570
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-disabled] {
1570
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-disabled] {
1571
1571
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1572
1572
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1573
1573
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1574
1574
  }
1575
- .ListBoxItem-module__hop-ListBoxItem___WPcI6:has(.ListBoxItem-module__hop-ListBoxItem__description___zO-1q) {
1575
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs:has(.ListBoxItem-module__hop-ListBoxItem__description___EcXhw) {
1576
1576
  --row-gap: var(--hop-ListBoxItem-row-gap);
1577
1577
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1578
1578
  }
1579
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-loading] {
1579
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-loading] {
1580
1580
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1581
1581
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1582
1582
  }
1583
- .ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC {
1583
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda {
1584
1584
  display: grid;
1585
1585
  grid-template-areas: var(--grid-template-areas);
1586
1586
  grid-template-columns: var(--grid-template-columns);
@@ -1592,33 +1592,33 @@
1592
1592
  padding-inline: var(--padding-inline);
1593
1593
  transition: grid-template-columns .3s ease-in-out;
1594
1594
  }
1595
- .ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi {
1595
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6 {
1596
1596
  grid-area: indicator;
1597
1597
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1598
1598
  color: var(--icon-color);
1599
1599
  opacity: var(--checkmark-opacity);
1600
1600
  transition: var(--checkmark-transition);
1601
1601
  }
1602
- .ListBoxItem-module__hop-ListBoxItem__radio-group___BWVk3,
1603
- .ListBoxItem-module__hop-ListBoxItem__checkbox___TrEmP {
1602
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___1SQOQ,
1603
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___mxcQY {
1604
1604
  pointer-events: none;
1605
1605
  user-select: none;
1606
1606
  grid-area: indicator;
1607
1607
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1608
1608
  }
1609
- .ListBoxItem-module__hop-ListBoxItem__avatar___2ts9n {
1609
+ .ListBoxItem-module__hop-ListBoxItem__avatar___BMBil {
1610
1610
  grid-area: avatar;
1611
1611
  margin-block: var(--avatar-margin-block, 0);
1612
1612
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1613
1613
  }
1614
- .ListBoxItem-module__hop-ListBoxItem__icon-list___cDnpz,
1615
- .ListBoxItem-module__hop-ListBoxItem__icon___lyDh4 {
1614
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___xG0WS,
1615
+ .ListBoxItem-module__hop-ListBoxItem__icon___hEAK7 {
1616
1616
  grid-area: icon;
1617
1617
  flex: 0 0 auto;
1618
1618
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1619
1619
  color: var(--icon-color);
1620
1620
  }
1621
- .ListBoxItem-module__hop-ListBoxItem__label___bb5Mc {
1621
+ .ListBoxItem-module__hop-ListBoxItem__label___0UvBk {
1622
1622
  overflow: hidden;
1623
1623
  grid-area: label;
1624
1624
  min-inline-size: 0;
@@ -1626,18 +1626,18 @@
1626
1626
  text-overflow: ellipsis;
1627
1627
  white-space: nowrap;
1628
1628
  }
1629
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___Auh9U,
1630
- .ListBoxItem-module__hop-ListBoxItem__end-icon___6JGnU {
1629
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___O-D4P,
1630
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___APptS {
1631
1631
  grid-area: end-icon;
1632
1632
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1633
1633
  color: var(--icon-color);
1634
1634
  }
1635
- .ListBoxItem-module__hop-ListBoxItem__badge___-OS1t {
1635
+ .ListBoxItem-module__hop-ListBoxItem__badge___wKWO3 {
1636
1636
  grid-area: badge;
1637
1637
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
1638
1638
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1639
1639
  }
1640
- .ListBoxItem-module__hop-ListBoxItem__description___zO-1q {
1640
+ .ListBoxItem-module__hop-ListBoxItem__description___EcXhw {
1641
1641
  overflow: hidden;
1642
1642
  display: -webkit-box;
1643
1643
  grid-area: description;
@@ -1648,7 +1648,7 @@
1648
1648
  }
1649
1649
 
1650
1650
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
1651
- .ListBox-module__hop-ListBox___JMroe {
1651
+ .ListBox-module__hop-ListBox___178zE {
1652
1652
  --hop-ListBox-background-color: var(--hop-neutral-surface);
1653
1653
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
1654
1654
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -1697,11 +1697,11 @@
1697
1697
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
1698
1698
  border-radius: var(--hop-ListBox-border-radius);
1699
1699
  }
1700
- .ListBox-module__hop-ListBox--fluid___gDcU0 {
1700
+ .ListBox-module__hop-ListBox--fluid___g5S3Y {
1701
1701
  --max-width: var(--hop-ListBox-fluid-max-width);
1702
1702
  --width: var(--hop-ListBox-fluid-width);
1703
1703
  }
1704
- .ListBox-module__hop-ListBox__section___PWydC {
1704
+ .ListBox-module__hop-ListBox__section___-52aj {
1705
1705
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
1706
1706
  margin-inline: var(--hop-ListBox-section-margin-inline);
1707
1707
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -1709,21 +1709,21 @@
1709
1709
  border-block-start: var(--section-border-block-start);
1710
1710
  border-block-end: var(--section-border-block-end);
1711
1711
  }
1712
- .ListBox-module__hop-ListBox__item___I81eY + .ListBox-module__hop-ListBox__section___PWydC {
1712
+ .ListBox-module__hop-ListBox__item___FbmGI + .ListBox-module__hop-ListBox__section___-52aj {
1713
1713
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
1714
1714
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
1715
1715
  }
1716
- .ListBox-module__hop-ListBox__section___PWydC:has(+ .ListBox-module__hop-ListBox__item___I81eY) {
1716
+ .ListBox-module__hop-ListBox__section___-52aj:has(+ .ListBox-module__hop-ListBox__item___FbmGI) {
1717
1717
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
1718
1718
  }
1719
- .ListBox-module__hop-ListBox__section___PWydC:first-child {
1719
+ .ListBox-module__hop-ListBox__section___-52aj:first-child {
1720
1720
  --section-padding-block-start: 0;
1721
1721
  }
1722
- .ListBox-module__hop-ListBox__section___PWydC:last-child {
1722
+ .ListBox-module__hop-ListBox__section___-52aj:last-child {
1723
1723
  --section-padding-block-end: 0;
1724
1724
  --section-border-block-end: 0;
1725
1725
  }
1726
- .ListBox-module__hop-ListBox__section-header___5zQy0 {
1726
+ .ListBox-module__hop-ListBox__section-header___7gxdn {
1727
1727
  margin: 0;
1728
1728
  padding: var(--hop-ListBox-section-header-padding);
1729
1729
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -1734,21 +1734,21 @@
1734
1734
  text-transform: var(--hop-ListBox-section-header-text-transform);
1735
1735
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
1736
1736
  }
1737
- .ListBox-module__hop-ListBox__section-header___5zQy0::before,
1738
- .ListBox-module__hop-ListBox__section-header___5zQy0::after {
1737
+ .ListBox-module__hop-ListBox__section-header___7gxdn::before,
1738
+ .ListBox-module__hop-ListBox__section-header___7gxdn::after {
1739
1739
  content: "";
1740
1740
  display: block;
1741
1741
  box-sizing: border-box;
1742
1742
  inline-size: 0;
1743
1743
  block-size: 0;
1744
1744
  }
1745
- .ListBox-module__hop-ListBox__section-header___5zQy0::before {
1745
+ .ListBox-module__hop-ListBox__section-header___7gxdn::before {
1746
1746
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
1747
1747
  }
1748
- .ListBox-module__hop-ListBox__section-header___5zQy0::after {
1748
+ .ListBox-module__hop-ListBox__section-header___7gxdn::after {
1749
1749
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
1750
1750
  }
1751
- .ListBox-module__hop-ListBox__divider___avfGt {
1751
+ .ListBox-module__hop-ListBox__divider___yBQm- {
1752
1752
  margin-block: var(--hop-ListBox-divider-margin-block);
1753
1753
  margin-inline: var(--hop-ListBox-divider-margin-inline);
1754
1754
  }