@hopper-ui/components 1.0.3 → 1.0.5

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 (162) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +69 -0
  3. package/dist/Avatar/src/AnonymousAvatar.d.ts +29 -0
  4. package/dist/Avatar/src/AnonymousAvatar.js +7 -0
  5. package/dist/Avatar/src/Avatar.css +265 -0
  6. package/dist/Avatar/src/Avatar.d.ts +60 -0
  7. package/dist/Avatar/src/Avatar.js +11 -0
  8. package/dist/Avatar/src/AvatarContext.d.ts +12 -0
  9. package/dist/Avatar/src/AvatarContext.js +2 -0
  10. package/dist/Avatar/src/DeletedAvatar.css +69 -0
  11. package/dist/Avatar/src/DeletedAvatar.d.ts +29 -0
  12. package/dist/Avatar/src/DeletedAvatar.js +7 -0
  13. package/dist/Avatar/src/RichIconAvatarImage.css +69 -0
  14. package/dist/Avatar/src/RichIconAvatarImage.d.ts +32 -0
  15. package/dist/Avatar/src/RichIconAvatarImage.js +5 -0
  16. package/dist/Avatar/src/RichIconAvatarImageContext.d.ts +14 -0
  17. package/dist/Avatar/src/RichIconAvatarImageContext.js +2 -0
  18. package/dist/Avatar/src/index.css +265 -0
  19. package/dist/Avatar/src/index.d.ts +14 -0
  20. package/dist/Avatar/src/index.js +13 -0
  21. package/dist/Avatar/src/useImageFallback.d.ts +34 -0
  22. package/dist/Avatar/src/useImageFallback.js +2 -0
  23. package/dist/IconList/src/IconList.css +1 -1
  24. package/dist/IconList/src/IconList.js +2 -2
  25. package/dist/IconList/src/index.css +1 -1
  26. package/dist/IconList/src/index.js +2 -2
  27. package/dist/Link/src/Link.css +31 -31
  28. package/dist/Link/src/Link.js +5 -5
  29. package/dist/Link/src/index.css +31 -31
  30. package/dist/Link/src/index.js +5 -5
  31. package/dist/Spinner/src/Spinner.css +19 -19
  32. package/dist/Spinner/src/Spinner.js +2 -2
  33. package/dist/Spinner/src/index.css +19 -19
  34. package/dist/Spinner/src/index.js +2 -2
  35. package/dist/badge/src/Badge.css +10 -10
  36. package/dist/badge/src/Badge.js +2 -2
  37. package/dist/badge/src/index.css +10 -10
  38. package/dist/badge/src/index.js +2 -2
  39. package/dist/buttons/src/Button.css +103 -103
  40. package/dist/buttons/src/Button.d.ts +2 -2
  41. package/dist/buttons/src/Button.js +6 -6
  42. package/dist/buttons/src/ButtonGroup.css +11 -11
  43. package/dist/buttons/src/ButtonGroup.js +1 -1
  44. package/dist/buttons/src/ClearButton.css +12 -12
  45. package/dist/buttons/src/ClearButton.js +2 -2
  46. package/dist/buttons/src/EmbeddedButton.css +12 -12
  47. package/dist/buttons/src/EmbeddedButton.js +1 -1
  48. package/dist/buttons/src/index.css +126 -126
  49. package/dist/buttons/src/index.js +9 -9
  50. package/dist/checkbox/src/Checkbox.css +35 -35
  51. package/dist/checkbox/src/Checkbox.js +4 -4
  52. package/dist/checkbox/src/CheckboxField.css +15 -15
  53. package/dist/checkbox/src/CheckboxField.js +1 -1
  54. package/dist/checkbox/src/CheckboxGroup.css +70 -70
  55. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  56. package/dist/checkbox/src/index.css +70 -70
  57. package/dist/checkbox/src/index.js +6 -6
  58. package/dist/chip/src/Chip.css +33 -33
  59. package/dist/chip/src/Chip.js +3 -3
  60. package/dist/chip/src/index.css +33 -33
  61. package/dist/chip/src/index.js +3 -3
  62. package/dist/{chunk-3DWVMCIV.js → chunk-22YUFCHD.js} +2 -2
  63. package/dist/{chunk-5EPNXRCT.js → chunk-3IEED7AY.js} +1 -1
  64. package/dist/{chunk-XIOIAME2.js → chunk-3OWQHIJ6.js} +2 -2
  65. package/dist/{chunk-CTK5YVBZ.js → chunk-5F5CWOM4.js} +1 -1
  66. package/dist/{chunk-OGMLQRES.js → chunk-6WWYES56.js} +1 -1
  67. package/dist/{chunk-4RIAVSLK.js → chunk-7Q7VIED2.js} +1 -1
  68. package/dist/chunk-AES7QBQE.js +7 -0
  69. package/dist/{chunk-JLF7DSUY.js → chunk-BD53A2LL.js} +4 -4
  70. package/dist/{chunk-WLSLSMK7.js → chunk-BVGKXCQH.js} +2 -2
  71. package/dist/chunk-CP4AWOFU.js +81 -0
  72. package/dist/{chunk-LYV2D5RZ.js → chunk-F7S2I43Y.js} +1 -1
  73. package/dist/chunk-FYDLV5BM.js +46 -0
  74. package/dist/{chunk-DLTYFRKN.js → chunk-GELM73MQ.js} +4 -4
  75. package/dist/chunk-GFHBDUJD.js +17 -0
  76. package/dist/{chunk-RXBKOHT2.js → chunk-GWEUWPLT.js} +1 -1
  77. package/dist/{chunk-2VBOJKEP.js → chunk-IIZECZAH.js} +2 -2
  78. package/dist/chunk-JWW56J7M.js +7 -0
  79. package/dist/{chunk-JLFHTZUA.js → chunk-KOA2CREJ.js} +5 -5
  80. package/dist/{chunk-DJU2DUTQ.js → chunk-KOJGCQ3F.js} +3 -3
  81. package/dist/{chunk-EE75ND6V.js → chunk-KQPY2D3P.js} +1 -1
  82. package/dist/{chunk-UY7WQ7TC.js → chunk-LUAIMTPE.js} +7 -7
  83. package/dist/{chunk-Z3ID4UEE.js → chunk-N77LTZ4U.js} +3 -15
  84. package/dist/chunk-NS3XVOQ7.js +53 -0
  85. package/dist/{chunk-OQW6BT6B.js → chunk-NXNV5JDN.js} +50 -31
  86. package/dist/chunk-OPFRM3JC.js +161 -0
  87. package/dist/{chunk-UARL5M2W.js → chunk-P7JRKXBD.js} +1 -1
  88. package/dist/{chunk-XFKAXBB5.js → chunk-T6VFQSII.js} +4 -4
  89. package/dist/{chunk-OUN5KSHD.js → chunk-THCG3QCD.js} +1 -1
  90. package/dist/{chunk-BAKCRZAG.js → chunk-TM6742MU.js} +1 -1
  91. package/dist/{chunk-CTOL6AVF.js → chunk-UOBWYTW7.js} +5 -5
  92. package/dist/{chunk-IOLNBXZM.js → chunk-UYVKDU2W.js} +2 -2
  93. package/dist/{chunk-7NT6M6KM.js → chunk-W2SKBBWE.js} +2 -2
  94. package/dist/{chunk-3XFTRBIC.js → chunk-WFPCHFJI.js} +1 -1
  95. package/dist/{chunk-GF2U6E4D.js → chunk-WNVTTHBK.js} +2 -2
  96. package/dist/chunk-Z33QZKRG.js +46 -0
  97. package/dist/{chunk-YQHNOQ3N.js → chunk-ZCEVY7LM.js} +3 -3
  98. package/dist/errorMessage/src/ErrorMessage.css +11 -11
  99. package/dist/errorMessage/src/ErrorMessage.js +2 -2
  100. package/dist/errorMessage/src/index.css +11 -11
  101. package/dist/errorMessage/src/index.js +2 -2
  102. package/dist/helperMessage/src/HelperMessage.css +11 -11
  103. package/dist/helperMessage/src/HelperMessage.js +2 -2
  104. package/dist/helperMessage/src/index.css +11 -11
  105. package/dist/helperMessage/src/index.js +2 -2
  106. package/dist/inputs/src/InputGroup.css +12 -12
  107. package/dist/inputs/src/InputGroup.js +1 -1
  108. package/dist/inputs/src/PasswordField.css +540 -355
  109. package/dist/inputs/src/PasswordField.js +40 -32
  110. package/dist/inputs/src/SearchField.css +546 -361
  111. package/dist/inputs/src/SearchField.d.ts +2 -2
  112. package/dist/inputs/src/SearchField.js +40 -32
  113. package/dist/inputs/src/TextField.css +541 -356
  114. package/dist/inputs/src/TextField.js +40 -32
  115. package/dist/inputs/src/index.css +541 -356
  116. package/dist/inputs/src/index.js +40 -32
  117. package/dist/layout/src/Grid.d.ts +2 -22
  118. package/dist/layout/src/Grid.js +1 -1
  119. package/dist/layout/src/grid-helpers.d.ts +24 -0
  120. package/dist/layout/src/grid-helpers.js +2 -0
  121. package/dist/overlays/Popover/src/Popover.css +600 -415
  122. package/dist/overlays/Popover/src/Popover.js +39 -31
  123. package/dist/overlays/Popover/src/index.css +600 -415
  124. package/dist/overlays/Popover/src/index.js +39 -31
  125. package/dist/radio/src/Radio.css +32 -32
  126. package/dist/radio/src/Radio.js +4 -4
  127. package/dist/radio/src/RadioField.css +15 -15
  128. package/dist/radio/src/RadioField.js +2 -2
  129. package/dist/radio/src/RadioGroup.css +67 -67
  130. package/dist/radio/src/RadioGroup.js +2 -2
  131. package/dist/radio/src/index.css +67 -67
  132. package/dist/radio/src/index.js +7 -7
  133. package/dist/switch/src/Switch.css +27 -28
  134. package/dist/switch/src/Switch.js +4 -4
  135. package/dist/switch/src/SwitchField.css +15 -15
  136. package/dist/switch/src/SwitchField.js +1 -1
  137. package/dist/switch/src/index.css +33 -34
  138. package/dist/switch/src/index.js +5 -5
  139. package/dist/tag/src/Tag.css +593 -408
  140. package/dist/tag/src/Tag.js +38 -30
  141. package/dist/tag/src/TagGroup.css +28 -28
  142. package/dist/tag/src/TagGroup.js +1 -1
  143. package/dist/tag/src/index.css +593 -408
  144. package/dist/tag/src/index.js +38 -30
  145. package/dist/typography/Heading/src/Heading.css +593 -408
  146. package/dist/typography/Heading/src/Heading.js +38 -30
  147. package/dist/typography/Heading/src/index.css +593 -408
  148. package/dist/typography/Heading/src/index.js +38 -30
  149. package/dist/typography/Label/src/Label.css +9 -9
  150. package/dist/typography/Label/src/Label.js +1 -1
  151. package/dist/typography/Label/src/index.css +9 -9
  152. package/dist/typography/Label/src/index.js +1 -1
  153. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  154. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  155. package/dist/typography/OverlineText/src/index.css +6 -6
  156. package/dist/typography/OverlineText/src/index.js +1 -1
  157. package/dist/typography/Text/src/Text.css +9 -9
  158. package/dist/typography/Text/src/Text.js +1 -1
  159. package/dist/typography/Text/src/index.css +9 -9
  160. package/dist/typography/Text/src/index.js +1 -1
  161. package/dist/utils/src/index.js +1 -1
  162. package/package.json +5 -4
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2
- .InputGroup-module__hop-InputGroup___EJcIH {
2
+ .InputGroup-module__hop-InputGroup___e9z-X {
3
3
  --hop-InputGroup-background: var(--hop-neutral-surface);
4
4
  --hop-InputGroup-border-color: var(--hop-neutral-border);
5
5
  --hop-InputGroup-border-width: 0.0625rem;
@@ -47,27 +47,27 @@
47
47
  border: var(--border);
48
48
  border-radius: var(--hop-InputGroup-border-radius);
49
49
  }
50
- .InputGroup-module__hop-InputGroup--fluid___ixFk2 {
50
+ .InputGroup-module__hop-InputGroup--fluid___8BiWy {
51
51
  --inline-size: 100% ;
52
52
  }
53
- .InputGroup-module__hop-InputGroup--sm___KN-DI {
53
+ .InputGroup-module__hop-InputGroup--sm___fqMJ7 {
54
54
  --block-size: var(--hop-InputGroup-sm-block-size);
55
55
  }
56
- .InputGroup-module__hop-InputGroup___EJcIH[data-hovered] {
56
+ .InputGroup-module__hop-InputGroup___e9z-X[data-hovered] {
57
57
  --background: var(--hop-InputGroup-background-hover);
58
58
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
59
59
  }
60
- .InputGroup-module__hop-InputGroup___EJcIH[data-focus-within] {
60
+ .InputGroup-module__hop-InputGroup___e9z-X[data-focus-within] {
61
61
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
62
62
  }
63
- .InputGroup-module__hop-InputGroup___EJcIH[data-invalid] {
63
+ .InputGroup-module__hop-InputGroup___e9z-X[data-invalid] {
64
64
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
65
65
  }
66
- .InputGroup-module__hop-InputGroup___EJcIH[data-disabled] {
66
+ .InputGroup-module__hop-InputGroup___e9z-X[data-disabled] {
67
67
  --background: var(--hop-InputGroup-background-disabled);
68
68
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled) ;
69
69
  }
70
- .InputGroup-module__hop-InputGroup__input___Uvn7W {
70
+ .InputGroup-module__hop-InputGroup__input___GP9M7 {
71
71
  --input-font-family: var(--hop-InputGroup-input-md-font-family);
72
72
  --input-font-size: var(--hop-InputGroup-input-md-font-size);
73
73
  --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
@@ -89,29 +89,29 @@
89
89
  border: none;
90
90
  outline: none;
91
91
  }
92
- .InputGroup-module__hop-InputGroup--fluid___ixFk2 .InputGroup-module__hop-InputGroup__input___Uvn7W {
92
+ .InputGroup-module__hop-InputGroup--fluid___8BiWy .InputGroup-module__hop-InputGroup__input___GP9M7 {
93
93
  --input-inline-size: 100%;
94
94
  }
95
- .InputGroup-module__hop-InputGroup--sm___KN-DI .InputGroup-module__hop-InputGroup__input___Uvn7W {
95
+ .InputGroup-module__hop-InputGroup--sm___fqMJ7 .InputGroup-module__hop-InputGroup__input___GP9M7 {
96
96
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
97
97
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
98
98
  --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
99
99
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
100
100
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
101
101
  }
102
- .InputGroup-module__hop-InputGroup__input___Uvn7W::placeholder {
102
+ .InputGroup-module__hop-InputGroup__input___GP9M7::placeholder {
103
103
  font-family: var(--hop-InputGroup-placeholder-font-family);
104
104
  font-size: var(--hop-InputGroup-placeholder-font-size);
105
105
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
106
106
  line-height: var(--hop-InputGroup-placeholder-line-height);
107
107
  color: var(--input-placeholder-color);
108
108
  }
109
- .InputGroup-module__hop-InputGroup__input___Uvn7W[data-disabled]::placeholder {
109
+ .InputGroup-module__hop-InputGroup__input___GP9M7[data-disabled]::placeholder {
110
110
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
111
111
  }
112
112
 
113
113
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
114
- .IconList-module__hop-IconList___bEeEm {
114
+ .IconList-module__hop-IconList___rQ7-K {
115
115
  --hop-IconList-gap: var(--hop-space-inline-xs);
116
116
  display: flex;
117
117
  flex-wrap: wrap;
@@ -120,7 +120,7 @@
120
120
  }
121
121
 
122
122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
123
- .Label-module__hop-Label___tg1n7 {
123
+ .Label-module__hop-Label___Wqsi6 {
124
124
  --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
125
125
  --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
126
126
  --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -150,49 +150,49 @@
150
150
  --hop-Label-inherit-size-font-weight: inherit;
151
151
  --hop-Label-inherit-size-line-height: inherit;
152
152
  }
153
- :where(.Label-module__hop-Label___tg1n7) {
153
+ :where(.Label-module__hop-Label___Wqsi6) {
154
154
  font-family: var(--font-family);
155
155
  font-size: var(--font-size);
156
156
  font-weight: var(--font-weight);
157
157
  line-height: var(--line-height);
158
158
  }
159
- :where(.Label-module__hop-Label--xs___4pWwc) {
159
+ :where(.Label-module__hop-Label--xs___4haq7) {
160
160
  --font-size: var(--hop-Label-xs-font-size);
161
161
  --font-family: var(--hop-Label-xs-font-family);
162
162
  --font-weight: var(--hop-Label-xs-font-weight);
163
163
  --line-height: var(--hop-Label-xs-line-height);
164
164
  }
165
- :where(.Label-module__hop-Label--sm___lRRVW) {
165
+ :where(.Label-module__hop-Label--sm___-mTev) {
166
166
  --font-size: var(--hop-Label-sm-font-size);
167
167
  --font-family: var(--hop-Label-sm-font-family);
168
168
  --font-weight: var(--hop-Label-sm-font-weight);
169
169
  --line-height: var(--hop-Label-sm-line-height);
170
170
  }
171
- :where(.Label-module__hop-Label--md___2oL46) {
171
+ :where(.Label-module__hop-Label--md___Itj3l) {
172
172
  --font-size: var(--hop-Label-md-font-size);
173
173
  --font-family: var(--hop-Label-md-font-family);
174
174
  --font-weight: var(--hop-Label-md-font-weight);
175
175
  --line-height: var(--hop-Label-md-line-height);
176
176
  }
177
- :where(.Label-module__hop-Label--lg___GE3zR) {
177
+ :where(.Label-module__hop-Label--lg___HB3TK) {
178
178
  --font-size: var(--hop-Label-lg-font-size);
179
179
  --font-family: var(--hop-Label-lg-font-family);
180
180
  --font-weight: var(--hop-Label-lg-font-weight);
181
181
  --line-height: var(--hop-Label-lg-line-height);
182
182
  }
183
- :where(.Label-module__hop-Label--xl___8-86h) {
183
+ :where(.Label-module__hop-Label--xl___7o9x-) {
184
184
  --font-size: var(--hop-Label-xl-font-size);
185
185
  --font-family: var(--hop-Label-xl-font-family);
186
186
  --font-weight: var(--hop-Label-xl-font-weight);
187
187
  --line-height: var(--hop-Label-xl-line-height);
188
188
  }
189
- :where(.Label-module__hop-Label--2xl___HSwTt) {
189
+ :where(.Label-module__hop-Label--2xl___7vA1P) {
190
190
  --font-size: var(--hop-Label-2xl-font-size);
191
191
  --font-family: var(--hop-Label-2xl-font-family);
192
192
  --font-weight: var(--hop-Label-2xl-font-weight);
193
193
  --line-height: var(--hop-Label-2xl-line-height);
194
194
  }
195
- :where(.Label-module__hop-Label--inherit___h8Ebb) {
195
+ :where(.Label-module__hop-Label--inherit___XavZ-) {
196
196
  --font-size: var(--hop-Label-inherit-size-font-size);
197
197
  --font-family: var(--hop-Label-inherit-size-font-family);
198
198
  --font-weight: var(--hop-Label-inherit-size-font-weight);
@@ -200,7 +200,7 @@
200
200
  }
201
201
 
202
202
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
203
- @keyframes Spinner-module__spin___AHP-g {
203
+ @keyframes Spinner-module__spin___oUKEY {
204
204
  0% {
205
205
  transform: rotate(0deg);
206
206
  }
@@ -208,7 +208,7 @@
208
208
  transform: rotate(360deg);
209
209
  }
210
210
  }
211
- .Spinner-module__hop-Spinner___g8YMK {
211
+ .Spinner-module__hop-Spinner___RPH-- {
212
212
  --hop-Spinner-border-radius: var(--hop-shape-circle);
213
213
  --hop-Spinner-sm-wheel-size: 1rem;
214
214
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -216,7 +216,7 @@
216
216
  --hop-Spinner-track-width: 0.125rem;
217
217
  --hop-Spinner-track-opacity: 0.2;
218
218
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
219
- --hop-Spinner-fill-animation: Spinner-module__spin___AHP-g .8s infinite linear;
219
+ --hop-Spinner-fill-animation: Spinner-module__spin___oUKEY .8s infinite linear;
220
220
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
221
221
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
222
222
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -227,19 +227,19 @@
227
227
  align-items: center;
228
228
  box-sizing: border-box;
229
229
  }
230
- .Spinner-module__hop-Spinner--sm___ENKbf {
230
+ .Spinner-module__hop-Spinner--sm___tp6ha {
231
231
  --width: var(--hop-Spinner-sm-wheel-size);
232
232
  --height: var(--hop-Spinner-sm-wheel-size);
233
233
  }
234
- .Spinner-module__hop-Spinner--md___dU1Hu {
234
+ .Spinner-module__hop-Spinner--md___hQWm0 {
235
235
  --width: var(--hop-Spinner-md-wheel-size);
236
236
  --height: var(--hop-Spinner-md-wheel-size);
237
237
  }
238
- .Spinner-module__hop-Spinner--lg___e6crn {
238
+ .Spinner-module__hop-Spinner--lg___erfkq {
239
239
  --width: var(--hop-Spinner-lg-wheel-size);
240
240
  --height: var(--hop-Spinner-lg-wheel-size);
241
241
  }
242
- .Spinner-module__hop-Spinner__track___aQB8a {
242
+ .Spinner-module__hop-Spinner__track___bATgL {
243
243
  grid-area: spinner;
244
244
  box-sizing: border-box;
245
245
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -248,7 +248,7 @@
248
248
  border: var(--hop-Spinner-track-border);
249
249
  border-radius: var(--hop-Spinner-border-radius);
250
250
  }
251
- .Spinner-module__hop-Spinner__fill___PUZTX {
251
+ .Spinner-module__hop-Spinner__fill___eBQF8 {
252
252
  grid-area: spinner;
253
253
  box-sizing: border-box;
254
254
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -259,17 +259,17 @@
259
259
  animation: var(--hop-Spinner-fill-animation);
260
260
  }
261
261
  @media (prefers-reduced-motion: reduce) {
262
- .Spinner-module__hop-Spinner__fill___PUZTX {
262
+ .Spinner-module__hop-Spinner__fill___eBQF8 {
263
263
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
264
264
  }
265
265
  }
266
- .Spinner-module__hop-Spinner__label___j4f6H {
266
+ .Spinner-module__hop-Spinner__label___J7Dnp {
267
267
  grid-area: label;
268
268
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
269
269
  }
270
270
 
271
271
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
272
- .Text-module__hop-Text___M-T6r {
272
+ .Text-module__hop-Text___xYoYb {
273
273
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
274
274
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
275
275
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -299,49 +299,49 @@
299
299
  --hop-Text-inherit-size-font-weight: inherit;
300
300
  --hop-Text-inherit-size-line-height: inherit;
301
301
  }
302
- :where(.Text-module__hop-Text___M-T6r) {
302
+ :where(.Text-module__hop-Text___xYoYb) {
303
303
  font-family: var(--font-family);
304
304
  font-size: var(--font-size);
305
305
  font-weight: var(--font-weight);
306
306
  line-height: var(--line-height);
307
307
  }
308
- :where(.Text-module__hop-Text--xs___4XQLX) {
308
+ :where(.Text-module__hop-Text--xs___nPUGu) {
309
309
  --font-size: var(--hop-Text-xs-font-size);
310
310
  --font-family: var(--hop-Text-xs-font-family);
311
311
  --font-weight: var(--hop-Text-xs-font-weight);
312
312
  --line-height: var(--hop-Text-xs-line-height);
313
313
  }
314
- :where(.Text-module__hop-Text--sm___dM76a) {
314
+ :where(.Text-module__hop-Text--sm___nMPq3) {
315
315
  --font-size: var(--hop-Text-sm-font-size);
316
316
  --font-family: var(--hop-Text-sm-font-family);
317
317
  --font-weight: var(--hop-Text-sm-font-weight);
318
318
  --line-height: var(--hop-Text-sm-line-height);
319
319
  }
320
- :where(.Text-module__hop-Text--md___M60JS) {
320
+ :where(.Text-module__hop-Text--md___HT-Wz) {
321
321
  --font-size: var(--hop-Text-md-font-size);
322
322
  --font-family: var(--hop-Text-md-font-family);
323
323
  --font-weight: var(--hop-Text-md-font-weight);
324
324
  --line-height: var(--hop-Text-md-line-height);
325
325
  }
326
- :where(.Text-module__hop-Text--lg___5mCtN) {
326
+ :where(.Text-module__hop-Text--lg___NL7tS) {
327
327
  --font-size: var(--hop-Text-lg-font-size);
328
328
  --font-family: var(--hop-Text-lg-font-family);
329
329
  --font-weight: var(--hop-Text-lg-font-weight);
330
330
  --line-height: var(--hop-Text-lg-line-height);
331
331
  }
332
- :where(.Text-module__hop-Text--xl___bi1Vo) {
332
+ :where(.Text-module__hop-Text--xl___3aFN2) {
333
333
  --font-size: var(--hop-Text-xl-font-size);
334
334
  --font-family: var(--hop-Text-xl-font-family);
335
335
  --font-weight: var(--hop-Text-xl-font-weight);
336
336
  --line-height: var(--hop-Text-xl-line-height);
337
337
  }
338
- :where(.Text-module__hop-Text--2xl___5SCg1) {
338
+ :where(.Text-module__hop-Text--2xl___bsEDq) {
339
339
  --font-size: var(--hop-Text-2xl-font-size);
340
340
  --font-family: var(--hop-Text-2xl-font-family);
341
341
  --font-weight: var(--hop-Text-2xl-font-weight);
342
342
  --line-height: var(--hop-Text-2xl-line-height);
343
343
  }
344
- :where(.Text-module__hop-Text--inherit___X6rIb) {
344
+ :where(.Text-module__hop-Text--inherit___xKxgn) {
345
345
  --font-size: var(--hop-Text-inherit-size-font-size);
346
346
  --font-family: var(--hop-Text-inherit-size-font-family);
347
347
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -349,7 +349,7 @@
349
349
  }
350
350
 
351
351
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
352
- .Button-module__hop-Button___FaloC {
352
+ .Button-module__hop-Button___omxTR {
353
353
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
354
354
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
355
355
  --hop-Button-icon-only-padding: 0;
@@ -508,317 +508,317 @@
508
508
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
509
509
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
510
510
  }
511
- .Button-module__hop-Button___FaloC[data-focus-visible] {
511
+ .Button-module__hop-Button___omxTR[data-focus-visible] {
512
512
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
513
513
  }
514
- .Button-module__hop-Button--icon-only___I7AGj {
514
+ .Button-module__hop-Button--icon-only___mAijh {
515
515
  --padding-block: var(--hop-Button-icon-only-padding);
516
516
  --padding-inline: var(--hop-Button-icon-only-padding);
517
517
  column-gap: 0;
518
518
  aspect-ratio: 1;
519
519
  }
520
- .Button-module__hop-Button___FaloC[data-disabled],
521
- .Button-module__hop-Button___FaloC[data-loading] {
520
+ .Button-module__hop-Button___omxTR[data-disabled],
521
+ .Button-module__hop-Button___omxTR[data-loading] {
522
522
  cursor: not-allowed;
523
523
  }
524
- .Button-module__hop-Button--fluid___WpcgG {
524
+ .Button-module__hop-Button--fluid___tJx6A {
525
525
  --inline-size: 100%;
526
526
  }
527
- .Button-module__hop-Button--sm___RzTLv {
527
+ .Button-module__hop-Button--sm___jBmjK {
528
528
  --block-size: var(--hop-Button-sm-height);
529
529
  }
530
- .Button-module__hop-Button--primary___XnfK-.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
530
+ .Button-module__hop-Button--primary___GiYHc.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
531
531
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
532
532
  --padding-block: var(--hop-Button-primary-sm-padding-y);
533
533
  }
534
- .Button-module__hop-Button--primary___XnfK-.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
534
+ .Button-module__hop-Button--primary___GiYHc.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
535
535
  --padding-inline: var(--hop-Button-primary-md-padding-x);
536
536
  --padding-block: var(--hop-Button-primary-md-padding-y);
537
537
  }
538
- .Button-module__hop-Button--secondary___EbTA7.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
538
+ .Button-module__hop-Button--secondary___W9BWc.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
539
539
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
540
540
  --padding-block: var(--hop-Button-secondary-md-padding-y);
541
541
  }
542
- .Button-module__hop-Button--secondary___EbTA7.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
542
+ .Button-module__hop-Button--secondary___W9BWc.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
543
543
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
544
544
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
545
545
  }
546
- .Button-module__hop-Button--upsell___THmQF.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
546
+ .Button-module__hop-Button--upsell___RGRcm.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
547
547
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
548
548
  --padding-block: var(--hop-Button-upsell-md-padding-y);
549
549
  }
550
- .Button-module__hop-Button--upsell___THmQF.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
550
+ .Button-module__hop-Button--upsell___RGRcm.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
551
551
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
552
552
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
553
553
  }
554
- .Button-module__hop-Button--danger___bIFTk.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
554
+ .Button-module__hop-Button--danger___yqtna.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
555
555
  --padding-inline: var(--hop-Button-danger-md-padding-x);
556
556
  --padding-block: var(--hop-Button-danger-md-padding-y);
557
557
  }
558
- .Button-module__hop-Button--danger___bIFTk.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
558
+ .Button-module__hop-Button--danger___yqtna.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
559
559
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
560
560
  --padding-block: var(--hop-Button-danger-sm-padding-y);
561
561
  }
562
- .Button-module__hop-Button--ghost-danger___k-QFo.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
562
+ .Button-module__hop-Button--ghost-danger___I3F3m.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
563
563
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
564
564
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
565
565
  }
566
- .Button-module__hop-Button--ghost-danger___k-QFo.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
566
+ .Button-module__hop-Button--ghost-danger___I3F3m.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
567
567
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
568
568
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
569
569
  }
570
- .Button-module__hop-Button--ghost-secondary___HcAv6.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
570
+ .Button-module__hop-Button--ghost-secondary___kosyt.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
571
571
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
572
572
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
573
573
  }
574
- .Button-module__hop-Button--ghost-secondary___HcAv6.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
574
+ .Button-module__hop-Button--ghost-secondary___kosyt.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
575
575
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
576
576
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
577
577
  }
578
- .Button-module__hop-Button--ghost-primary___aRJ8l.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
578
+ .Button-module__hop-Button--ghost-primary___fmoef.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
579
579
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
580
580
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
581
581
  }
582
- .Button-module__hop-Button--ghost-primary___aRJ8l.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
582
+ .Button-module__hop-Button--ghost-primary___fmoef.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
583
583
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
584
584
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
585
585
  }
586
- .Button-module__hop-Button--primary___XnfK- {
586
+ .Button-module__hop-Button--primary___GiYHc {
587
587
  --background-color: var(--hop-Button-primary-background-color);
588
588
  --color: var(--hop-Button-primary-color);
589
589
  --border: var(--hop-Button-primary-border);
590
590
  --spinner-color: var(--hop-Button-primary-spinner-color);
591
591
  }
592
- .Button-module__hop-Button--primary___XnfK-[data-disabled]:not([data-loading]) {
592
+ .Button-module__hop-Button--primary___GiYHc[data-disabled]:not([data-loading]) {
593
593
  --background-color: var(--hop-Button-primary-background-color-disabled);
594
594
  --color: var(--hop-Button-primary-color-disabled);
595
595
  --border: var(--hop-Button-primary-border-disabled);
596
596
  }
597
- .Button-module__hop-Button--primary___XnfK-[data-hovered]:not([data-disabled], [data-loading]),
598
- .Button-module__hop-Button--primary___XnfK-[data-focus-visible]:not([data-disabled], [data-loading]) {
597
+ .Button-module__hop-Button--primary___GiYHc[data-hovered]:not([data-disabled], [data-loading]),
598
+ .Button-module__hop-Button--primary___GiYHc[data-focus-visible]:not([data-disabled], [data-loading]) {
599
599
  --background-color: var(--hop-Button-primary-background-color-hover);
600
600
  --color: var(--hop-Button-primary-color-hover);
601
601
  --border: var(--hop-Button-primary-border-hover);
602
602
  }
603
- .Button-module__hop-Button--primary___XnfK-[data-pressed]:not([data-loading]) {
603
+ .Button-module__hop-Button--primary___GiYHc[data-pressed]:not([data-loading]) {
604
604
  --background-color: var(--hop-Button-primary-background-color-pressed);
605
605
  --color: var(--hop-Button-primary-color-pressed);
606
606
  --border: var(--hop-Button-primary-border-pressed);
607
607
  }
608
- .Button-module__hop-Button--secondary___EbTA7 {
608
+ .Button-module__hop-Button--secondary___W9BWc {
609
609
  --background-color: var(--hop-Button-secondary-background-color);
610
610
  --color: var(--hop-Button-secondary-color);
611
611
  --border: var(--hop-Button-secondary-border);
612
612
  --spinner-color: var(--hop-Button-secondary-spinner-color);
613
613
  }
614
- .Button-module__hop-Button--secondary___EbTA7[data-disabled]:not([data-loading]) {
614
+ .Button-module__hop-Button--secondary___W9BWc[data-disabled]:not([data-loading]) {
615
615
  --background-color: var(--hop-Button-secondary-background-color-disabled);
616
616
  --color: var(--hop-Button-secondary-color-disabled);
617
617
  --border: var(--hop-Button-secondary-border-disabled);
618
618
  }
619
- .Button-module__hop-Button--secondary___EbTA7[data-hovered]:not([data-disabled], [data-loading]),
620
- .Button-module__hop-Button--secondary___EbTA7[data-focus-visible]:not([data-disabled], [data-loading]) {
619
+ .Button-module__hop-Button--secondary___W9BWc[data-hovered]:not([data-disabled], [data-loading]),
620
+ .Button-module__hop-Button--secondary___W9BWc[data-focus-visible]:not([data-disabled], [data-loading]) {
621
621
  --background-color: var(--hop-Button-secondary-background-color-hover);
622
622
  --color: var(--hop-Button-secondary-color-hover);
623
623
  --border: var(--hop-Button-secondary-border-hover);
624
624
  }
625
- .Button-module__hop-Button--secondary___EbTA7[data-pressed]:not([data-loading]) {
625
+ .Button-module__hop-Button--secondary___W9BWc[data-pressed]:not([data-loading]) {
626
626
  --background-color: var(--hop-Button-secondary-background-color-pressed);
627
627
  --color: var(--hop-Button-secondary-color-pressed);
628
628
  --border: var(--hop-Button-secondary-border-pressed);
629
629
  }
630
- .Button-module__hop-Button--upsell___THmQF {
630
+ .Button-module__hop-Button--upsell___RGRcm {
631
631
  --background-color: var(--hop-Button-upsell-background-color);
632
632
  --color: var(--hop-Button-upsell-color);
633
633
  --border: var(--hop-Button-upsell-border);
634
634
  --spinner-color: var(--hop-Button-upsell-spinner-color);
635
635
  }
636
- .Button-module__hop-Button--upsell___THmQF[data-disabled]:not([data-loading]) {
636
+ .Button-module__hop-Button--upsell___RGRcm[data-disabled]:not([data-loading]) {
637
637
  --background-color: var(--hop-Button-upsell-background-color-disabled);
638
638
  --color: var(--hop-Button-upsell-color-disabled);
639
639
  --border: var(--hop-Button-upsell-border-disabled);
640
640
  }
641
- .Button-module__hop-Button--upsell___THmQF[data-hovered]:not([data-disabled], [data-loading]),
642
- .Button-module__hop-Button--upsell___THmQF[data-focus-visible]:not([data-disabled], [data-loading]) {
641
+ .Button-module__hop-Button--upsell___RGRcm[data-hovered]:not([data-disabled], [data-loading]),
642
+ .Button-module__hop-Button--upsell___RGRcm[data-focus-visible]:not([data-disabled], [data-loading]) {
643
643
  --background-color: var(--hop-Button-upsell-background-color-hover);
644
644
  --color: var(--hop-Button-upsell-color-hover);
645
645
  --border: var(--hop-Button-upsell-border-hover);
646
646
  }
647
- .Button-module__hop-Button--upsell___THmQF[data-pressed]:not([data-loading]) {
647
+ .Button-module__hop-Button--upsell___RGRcm[data-pressed]:not([data-loading]) {
648
648
  --background-color: var(--hop-Button-upsell-background-color-pressed);
649
649
  --color: var(--hop-Button-upsell-color-pressed);
650
650
  --border: var(--hop-Button-upsell-border-pressed);
651
651
  }
652
- .Button-module__hop-Button--danger___bIFTk {
652
+ .Button-module__hop-Button--danger___yqtna {
653
653
  --background-color: var(--hop-Button-danger-background-color);
654
654
  --color: var(--hop-Button-danger-color);
655
655
  --border: var(--hop-Button-danger-border);
656
656
  --spinner-color: var(--hop-Button-danger-spinner-color);
657
657
  }
658
- .Button-module__hop-Button--danger___bIFTk[data-disabled]:not([data-loading]) {
658
+ .Button-module__hop-Button--danger___yqtna[data-disabled]:not([data-loading]) {
659
659
  --background-color: var(--hop-Button-danger-background-color-disabled);
660
660
  --color: var(--hop-Button-danger-color-disabled);
661
661
  --border: var(--hop-Button-danger-border-disabled);
662
662
  }
663
- .Button-module__hop-Button--danger___bIFTk[data-hovered]:not([data-disabled], [data-loading]),
664
- .Button-module__hop-Button--danger___bIFTk[data-focus-visible]:not([data-disabled], [data-loading]) {
663
+ .Button-module__hop-Button--danger___yqtna[data-hovered]:not([data-disabled], [data-loading]),
664
+ .Button-module__hop-Button--danger___yqtna[data-focus-visible]:not([data-disabled], [data-loading]) {
665
665
  --background-color: var(--hop-Button-danger-background-color-hover);
666
666
  --color: var(--hop-Button-danger-color-hover);
667
667
  --border: var(--hop-Button-danger-border-hover);
668
668
  }
669
- .Button-module__hop-Button--danger___bIFTk[data-pressed]:not([data-loading]) {
669
+ .Button-module__hop-Button--danger___yqtna[data-pressed]:not([data-loading]) {
670
670
  --background-color: var(--hop-Button-danger-background-color-pressed);
671
671
  --color: var(--hop-Button-danger-color-pressed);
672
672
  --border: var(--hop-Button-danger-border-pressed);
673
673
  }
674
- .Button-module__hop-Button--ghost-primary___aRJ8l {
674
+ .Button-module__hop-Button--ghost-primary___fmoef {
675
675
  --background-color: var(--hop-Button-ghost-primary-background-color);
676
676
  --color: var(--hop-Button-ghost-primary-color);
677
677
  --border: var(--hop-Button-ghost-primary-border);
678
678
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
679
679
  }
680
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-disabled]:not([data-loading]) {
680
+ .Button-module__hop-Button--ghost-primary___fmoef[data-disabled]:not([data-loading]) {
681
681
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
682
682
  --color: var(--hop-Button-ghost-primary-color-disabled);
683
683
  --border: var(--hop-Button-ghost-primary-border-disabled);
684
684
  }
685
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-hovered]:not([data-disabled], [data-loading]),
686
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-focus-visible]:not([data-disabled], [data-loading]) {
685
+ .Button-module__hop-Button--ghost-primary___fmoef[data-hovered]:not([data-disabled], [data-loading]),
686
+ .Button-module__hop-Button--ghost-primary___fmoef[data-focus-visible]:not([data-disabled], [data-loading]) {
687
687
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
688
688
  --color: var(--hop-Button-ghost-primary-color-hover);
689
689
  --border: var(--hop-Button-ghost-primary-border-hover);
690
690
  }
691
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-pressed]:not([data-loading]) {
691
+ .Button-module__hop-Button--ghost-primary___fmoef[data-pressed]:not([data-loading]) {
692
692
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
693
693
  --color: var(--hop-Button-ghost-primary-color-pressed);
694
694
  --border: var(--hop-Button-ghost-primary-border-pressed);
695
695
  }
696
- .Button-module__hop-Button--ghost-secondary___HcAv6 {
696
+ .Button-module__hop-Button--ghost-secondary___kosyt {
697
697
  --background-color: var(--hop-Button-ghost-secondary-background-color);
698
698
  --color: var(--hop-Button-ghost-secondary-color);
699
699
  --border: var(--hop-Button-ghost-secondary-border);
700
700
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
701
701
  }
702
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-disabled]:not([data-loading]) {
702
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-disabled]:not([data-loading]) {
703
703
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
704
704
  --color: var(--hop-Button-ghost-secondary-color-disabled);
705
705
  --border: var(--hop-Button-ghost-secondary-border-disabled);
706
706
  }
707
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-hovered]:not([data-disabled], [data-loading]),
708
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-focus-visible]:not([data-disabled], [data-loading]) {
707
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-hovered]:not([data-disabled], [data-loading]),
708
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-focus-visible]:not([data-disabled], [data-loading]) {
709
709
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
710
710
  --color: var(--hop-Button-ghost-secondary-color-hover);
711
711
  --border: var(--hop-Button-ghost-secondary-border-hover);
712
712
  }
713
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-pressed]:not([data-loading]) {
713
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-pressed]:not([data-loading]) {
714
714
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
715
715
  --color: var(--hop-Button-ghost-secondary-color-pressed);
716
716
  --border: var(--hop-Button-ghost-secondary-border-pressed);
717
717
  }
718
- .Button-module__hop-Button--ghost-danger___k-QFo {
718
+ .Button-module__hop-Button--ghost-danger___I3F3m {
719
719
  --background-color: var(--hop-Button-ghost-danger-background-color);
720
720
  --color: var(--hop-Button-ghost-danger-color);
721
721
  --border: var(--hop-Button-ghost-danger-border);
722
722
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
723
723
  }
724
- .Button-module__hop-Button--ghost-danger___k-QFo[data-disabled]:not([data-loading]) {
724
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-disabled]:not([data-loading]) {
725
725
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
726
726
  --color: var(--hop-Button-ghost-danger-color-disabled);
727
727
  --border: var(--hop-Button-ghost-danger-border-disabled);
728
728
  }
729
- .Button-module__hop-Button--ghost-danger___k-QFo[data-hovered]:not([data-disabled], [data-loading]),
730
- .Button-module__hop-Button--ghost-danger___k-QFo[data-focus-visible]:not([data-disabled], [data-loading]) {
729
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-hovered]:not([data-disabled], [data-loading]),
730
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-focus-visible]:not([data-disabled], [data-loading]) {
731
731
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
732
732
  --color: var(--hop-Button-ghost-danger-color-hover);
733
733
  --border: var(--hop-Button-ghost-danger-border-hover);
734
734
  }
735
- .Button-module__hop-Button--ghost-danger___k-QFo[data-pressed]:not([data-loading]) {
735
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-pressed]:not([data-loading]) {
736
736
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
737
737
  --color: var(--hop-Button-ghost-danger-color-pressed);
738
738
  --border: var(--hop-Button-ghost-danger-border-pressed);
739
739
  }
740
- .Button-module__hop-Button__Spinner___KBKEz {
740
+ .Button-module__hop-Button__Spinner___Ib9EV {
741
741
  position: absolute;
742
742
  justify-self: center;
743
743
  color: var(--spinner-color);
744
744
  }
745
- .Button-module__hop-Button__icon___fzwBg,
746
- .Button-module__hop-Button__icon-list___mBFYH {
745
+ .Button-module__hop-Button__icon___zdZvL,
746
+ .Button-module__hop-Button__icon-list___QHAI7 {
747
747
  grid-area: start-icon;
748
748
  justify-self: end;
749
749
  }
750
- .Button-module__hop-Button__text___4wltD {
750
+ .Button-module__hop-Button__text___NfHmc {
751
751
  user-select: none;
752
752
  overflow: visible;
753
753
  grid-area: content;
754
754
  font-weight: var(--hop-font-weight-505);
755
755
  text-wrap: nowrap;
756
756
  }
757
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
758
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
759
- .Button-module__hop-Button--ghost-danger___k-QFo[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
760
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
761
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
762
- .Button-module__hop-Button--ghost-danger___k-QFo[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
763
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
764
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
765
- .Button-module__hop-Button--ghost-danger___k-QFo[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___4wltD {
757
+ .Button-module__hop-Button--ghost-primary___fmoef[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
758
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
759
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
760
+ .Button-module__hop-Button--ghost-primary___fmoef[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
761
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
762
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
763
+ .Button-module__hop-Button--ghost-primary___fmoef[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
764
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
765
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___NfHmc {
766
766
  text-decoration: underline;
767
767
  text-underline-offset: 0.125rem;
768
768
  }
769
- .Button-module__hop-Button__end-icon___UV66v,
770
- .Button-module__hop-Button__end-icon-list___x1eFR {
769
+ .Button-module__hop-Button__end-icon___exbfl,
770
+ .Button-module__hop-Button__end-icon-list___yyYdR {
771
771
  grid-area: end-icon;
772
772
  }
773
- .Button-module__hop-Button___FaloC .Button-module__hop-Button__icon-list___mBFYH,
774
- .Button-module__hop-Button___FaloC .Button-module__hop-Button__end-icon-list___x1eFR {
773
+ .Button-module__hop-Button___omxTR .Button-module__hop-Button__icon-list___QHAI7,
774
+ .Button-module__hop-Button___omxTR .Button-module__hop-Button__end-icon-list___yyYdR {
775
775
  flex-wrap: nowrap;
776
776
  }
777
- .Button-module__hop-Button___FaloC[data-loading] > *:not(.Button-module__hop-Button__Spinner___KBKEz) {
777
+ .Button-module__hop-Button___omxTR[data-loading] > *:not(.Button-module__hop-Button__Spinner___Ib9EV) {
778
778
  opacity: 0;
779
779
  }
780
780
 
781
781
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
782
- .ButtonGroup-module__hop-ButtonGroup___J-bP3 {
782
+ .ButtonGroup-module__hop-ButtonGroup___nzEIB {
783
783
  display: inline-flex;
784
784
  flex-wrap: nowrap;
785
785
  gap: var(--hop-space-inline-md);
786
786
  }
787
- .ButtonGroup-module__hop-ButtonGroup--horizontal___5DrPu {
787
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
788
788
  justify-content: center;
789
789
  }
790
- .ButtonGroup-module__hop-ButtonGroup--vertical___6mZqj {
790
+ .ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
791
791
  flex-direction: column;
792
792
  gap: var(--hop-space-stack-md);
793
793
  align-items: center;
794
794
  }
795
- .ButtonGroup-module__hop-ButtonGroup--start___OQ5-x.ButtonGroup-module__hop-ButtonGroup--vertical___6mZqj {
795
+ .ButtonGroup-module__hop-ButtonGroup--start___5BJTJ.ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
796
796
  align-items: flex-start;
797
797
  }
798
- .ButtonGroup-module__hop-ButtonGroup--center___Wa8qq.ButtonGroup-module__hop-ButtonGroup--vertical___6mZqj {
798
+ .ButtonGroup-module__hop-ButtonGroup--center___bPHp6.ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
799
799
  align-items: center;
800
800
  }
801
- .ButtonGroup-module__hop-ButtonGroup--end___Bnq-S.ButtonGroup-module__hop-ButtonGroup--vertical___6mZqj {
801
+ .ButtonGroup-module__hop-ButtonGroup--end___RtzB4.ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
802
802
  align-items: flex-end;
803
803
  }
804
- .ButtonGroup-module__hop-ButtonGroup--start___OQ5-x.ButtonGroup-module__hop-ButtonGroup--horizontal___5DrPu {
804
+ .ButtonGroup-module__hop-ButtonGroup--start___5BJTJ.ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
805
805
  justify-content: flex-start;
806
806
  }
807
- .ButtonGroup-module__hop-ButtonGroup--center___Wa8qq.ButtonGroup-module__hop-ButtonGroup--horizontal___5DrPu {
807
+ .ButtonGroup-module__hop-ButtonGroup--center___bPHp6.ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
808
808
  justify-content: center;
809
809
  }
810
- .ButtonGroup-module__hop-ButtonGroup--end___Bnq-S.ButtonGroup-module__hop-ButtonGroup--horizontal___5DrPu {
810
+ .ButtonGroup-module__hop-ButtonGroup--end___RtzB4.ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
811
811
  justify-content: flex-end;
812
812
  }
813
- .ButtonGroup-module__hop-ButtonGroup--wrap___w7xGi {
813
+ .ButtonGroup-module__hop-ButtonGroup--wrap___PiEGR {
814
814
  flex-wrap: wrap;
815
815
  }
816
- .ButtonGroup-module__hop-ButtonGroup--fluid___cYLTZ {
816
+ .ButtonGroup-module__hop-ButtonGroup--fluid___9BHBE {
817
817
  inline-size: 100%;
818
818
  }
819
819
 
820
820
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
821
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR {
821
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX {
822
822
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
823
823
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
824
824
  --hop-EmbeddedButton-color: var(--hop-neutral-icon-weak);
@@ -867,7 +867,7 @@
867
867
  outline: none;
868
868
  transition: color var(--transition);
869
869
  }
870
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR::before {
870
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX::before {
871
871
  content: "";
872
872
  position: absolute;
873
873
  inset-block-start: 50%;
@@ -880,48 +880,48 @@
880
880
  border-radius: var(--effect-border-radius);
881
881
  transition: background-color var(--transition);
882
882
  }
883
- .EmbeddedButton-module__hop-EmbeddedButton--md___uix0V {
883
+ .EmbeddedButton-module__hop-EmbeddedButton--md___MHkDZ {
884
884
  --inline-size: var(--hop-EmbeddedButton-md-width);
885
885
  --block-size: var(--hop-EmbeddedButton-md-height);
886
886
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
887
887
  }
888
- .EmbeddedButton-module__hop-EmbeddedButton--lg___8U58d {
888
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hXT2I {
889
889
  --inline-size: var(--hop-EmbeddedButton-lg-width);
890
890
  --block-size: var(--hop-EmbeddedButton-lg-height);
891
891
  --focus-ring-offset: 0;
892
892
  }
893
- .EmbeddedButton-module__hop-EmbeddedButton--md___uix0V::before {
893
+ .EmbeddedButton-module__hop-EmbeddedButton--md___MHkDZ::before {
894
894
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
895
895
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
896
896
  }
897
- .EmbeddedButton-module__hop-EmbeddedButton--lg___8U58d::before {
897
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hXT2I::before {
898
898
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
899
899
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
900
900
  }
901
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR[data-focus-visible] {
901
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-focus-visible] {
902
902
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
903
903
  outline-offset: var(--focus-ring-offset);
904
904
  }
905
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR[data-disabled] {
905
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-disabled] {
906
906
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-disabled);
907
907
  --color: var(--hop-EmbeddedButton-color-disabled);
908
908
  cursor: not-allowed;
909
909
  }
910
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR[data-hovered]:not([data-disabled], [data-pressed]),
911
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR[data-focus-visible]:not([data-disabled], [data-pressed]) {
910
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-hovered]:not([data-disabled], [data-pressed]),
911
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-focus-visible]:not([data-disabled], [data-pressed]) {
912
912
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-hover);
913
913
  --color: var(--hop-EmbeddedButton-color-hover);
914
914
  }
915
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR[data-pressed]:not([data-disabled]) {
915
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-pressed]:not([data-disabled]) {
916
916
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-pressed);
917
917
  --color: var(--hop-EmbeddedButton-color-pressed);
918
918
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton__icon___pPbur {
919
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___XoFBK {
920
920
  position: relative;
921
921
  }
922
922
 
923
923
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/errorMessage/src/ErrorMessage.module.css/#css-module-data */
924
- .ErrorMessage-module__hop-ErrorMessage___rwfLE {
924
+ .ErrorMessage-module__hop-ErrorMessage___r0-aG {
925
925
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
926
926
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
927
927
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -938,13 +938,13 @@
938
938
  line-height: var(--hop-ErrorMessage-line-height);
939
939
  color: var(--hop-ErrorMessage-color);
940
940
  }
941
- .ErrorMessage-module__hop-ErrorMessage__icon___OY9OV {
941
+ .ErrorMessage-module__hop-ErrorMessage__icon___Kkk3g {
942
942
  flex: 0 0 auto;
943
943
  align-self: flex-start;
944
944
  }
945
945
 
946
946
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helperMessage/src/HelperMessage.module.css/#css-module-data */
947
- .HelperMessage-module__hop-HelperMessage___Az4ZT {
947
+ .HelperMessage-module__hop-HelperMessage___S3jpD {
948
948
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
949
949
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
950
950
  display: flex;
@@ -953,13 +953,199 @@
953
953
  box-sizing: border-box;
954
954
  color: var(--hop-HelperMessage-color);
955
955
  }
956
- .HelperMessage-module__hop-HelperMessage__icon___TKk7m {
956
+ .HelperMessage-module__hop-HelperMessage__icon___bbmtR {
957
957
  flex: 0 0 auto;
958
958
  align-self: flex-start;
959
959
  }
960
960
 
961
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
962
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___oV9WF {
963
+ --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
964
+ --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
965
+ --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
966
+ --hop-RichIconAvatarImage-xs-size: 1rem;
967
+ --hop-RichIconAvatarImage-icon-xs-size: 1rem;
968
+ --hop-RichIconAvatarImage-sm-size: 1.5rem;
969
+ --hop-RichIconAvatarImage-icon-sm-size: 1.5rem;
970
+ --hop-RichIconAvatarImage-md-size: 2rem;
971
+ --hop-RichIconAvatarImage-icon-md-size: 2rem;
972
+ --hop-RichIconAvatarImage-lg-size: 3rem;
973
+ --hop-RichIconAvatarImage-icon-lg-size: 3rem;
974
+ --hop-RichIconAvatarImage-xl-size: 4rem;
975
+ --hop-RichIconAvatarImage-icon-xl-size: 4rem;
976
+ --hop-RichIconAvatarImage-2xl-size: 6rem;
977
+ --hop-RichIconAvatarImage-icon-2xl-size: 4rem;
978
+ --hop-RichIconAvatarImage-background-color-disabled: var(--hop-neutral-surface-disabled);
979
+ --hop-RichIconAvatarImage-icon-color-disabled: var(--hop-neutral-icon-disabled);
980
+ --background-color: var(--hop-RichIconAvatarImage-background-color);
981
+ user-select: none;
982
+ position: relative;
983
+ overflow: hidden;
984
+ display: flex;
985
+ align-items: center;
986
+ justify-content: center;
987
+ inline-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
988
+ block-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
989
+ color: var(--hop-RichIconAvatarImage-icon-color);
990
+ background-color: var(--background-color);
991
+ border-radius: var(--hop-RichIconAvatarImage-border-radius);
992
+ }
993
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___kdGVl {
994
+ --size: var(--hop-RichIconAvatarImage-xs-size);
995
+ --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
996
+ }
997
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___4WUqP {
998
+ --size: var(--hop-RichIconAvatarImage-sm-size);
999
+ --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
1000
+ }
1001
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___fsiew {
1002
+ --size: var(--hop-RichIconAvatarImage-md-size);
1003
+ --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
1004
+ }
1005
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___BJtzS {
1006
+ --size: var(--hop-RichIconAvatarImage-lg-size);
1007
+ --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
1008
+ }
1009
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___MFhsm {
1010
+ --size: var(--hop-RichIconAvatarImage-xl-size);
1011
+ --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
1012
+ }
1013
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___jFtFa {
1014
+ --size: var(--hop-RichIconAvatarImage-2xl-size);
1015
+ --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
1016
+ }
1017
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___oV9WF[data-disabled] {
1018
+ --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
1019
+ }
1020
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___9-bD3 {
1021
+ position: relative;
1022
+ display: block;
1023
+ inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1024
+ block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1025
+ }
1026
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___oV9WF[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___9-bD3 {
1027
+ --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
1028
+ --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
1029
+ }
1030
+
1031
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
1032
+ .Avatar-module__hop-Avatar___d9YZ9 {
1033
+ --hop-Avatar-border-radius: var(--hop-shape-circle);
1034
+ --hop-Avatar-mix-blend-mode: normal;
1035
+ --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
1036
+ --hop-Avatar-decorative-2-background-color: var(--hop-decorative-option2-surface-strong);
1037
+ --hop-Avatar-decorative-3-background-color: var(--hop-decorative-option3-surface-strong);
1038
+ --hop-Avatar-decorative-4-background-color: var(--hop-decorative-option4-surface-strong);
1039
+ --hop-Avatar-decorative-5-background-color: var(--hop-decorative-option5-surface-strong);
1040
+ --hop-Avatar-decorative-6-background-color: var(--hop-decorative-option6-surface-strong);
1041
+ --hop-Avatar-decorative-7-background-color: var(--hop-decorative-option7-surface-strong);
1042
+ --hop-Avatar-decorative-8-background-color: var(--hop-decorative-option8-surface-strong);
1043
+ --hop-Avatar-decorative-9-background-color: var(--hop-decorative-option9-surface-strong);
1044
+ --hop-Avatar-decorative-1-text-color: var(--hop-decorative-option1-text);
1045
+ --hop-Avatar-decorative-2-text-color: var(--hop-decorative-option2-text);
1046
+ --hop-Avatar-decorative-3-text-color: var(--hop-decorative-option3-text);
1047
+ --hop-Avatar-decorative-4-text-color: var(--hop-decorative-option4-text);
1048
+ --hop-Avatar-decorative-5-text-color: var(--hop-decorative-option5-text);
1049
+ --hop-Avatar-decorative-6-text-color: var(--hop-decorative-option6-text);
1050
+ --hop-Avatar-decorative-7-text-color: var(--hop-decorative-option7-text);
1051
+ --hop-Avatar-decorative-8-text-color: var(--hop-decorative-option8-text);
1052
+ --hop-Avatar-decorative-9-text-color: var(--hop-decorative-option9-text);
1053
+ --hop-Avatar-xs-size: 1rem;
1054
+ --hop-Avatar-sm-size: 1.5rem;
1055
+ --hop-Avatar-md-size: 2rem;
1056
+ --hop-Avatar-lg-size: 3rem;
1057
+ --hop-Avatar-xl-size: 4rem;
1058
+ --hop-Avatar-2xl-size: 6rem;
1059
+ --hop-Avatar-background-color-disabled: var(--hop-neutral-surface-disabled);
1060
+ --hop-Avatar-text-color-disabled: var(--hop-neutral-text-disabled);
1061
+ --hop-Avatar-mix-blend-mode-disabled: luminosity;
1062
+ --mix-blend-mode: var(--hop-Avatar-mix-blend-mode);
1063
+ user-select: none;
1064
+ position: relative;
1065
+ overflow: hidden;
1066
+ display: flex;
1067
+ flex: 0 0 auto;
1068
+ align-items: center;
1069
+ justify-content: center;
1070
+ box-sizing: border-box;
1071
+ inline-size: var(--size, var(--hop-Avatar-md-size));
1072
+ block-size: var(--size, var(--hop-Avatar-md-size));
1073
+ color: var(--text-color, var(--hop-neutral-text));
1074
+ background-color: var(--background-color, transparent);
1075
+ border-radius: var(--hop-Avatar-border-radius);
1076
+ }
1077
+ .Avatar-module__hop-Avatar--xs___BWHEr {
1078
+ --size: var(--hop-Avatar-xs-size);
1079
+ }
1080
+ .Avatar-module__hop-Avatar--sm___fNWQO {
1081
+ --size: var(--hop-Avatar-sm-size);
1082
+ }
1083
+ .Avatar-module__hop-Avatar--md___-6GnY {
1084
+ --size: var(--hop-Avatar-md-size);
1085
+ }
1086
+ .Avatar-module__hop-Avatar--lg___f8yyT {
1087
+ --size: var(--hop-Avatar-lg-size);
1088
+ }
1089
+ .Avatar-module__hop-Avatar--xl___r5PUt {
1090
+ --size: var(--hop-Avatar-xl-size);
1091
+ }
1092
+ .Avatar-module__hop-Avatar--2xl___CG0YD {
1093
+ --size: var(--hop-Avatar-2xl-size);
1094
+ }
1095
+ .Avatar-module__hop-Avatar--decorative-option1___OIRSj {
1096
+ --background-color: var(--hop-Avatar-decorative-1-background-color);
1097
+ --text-color: var(--hop-Avatar-decorative-1-text-color);
1098
+ }
1099
+ .Avatar-module__hop-Avatar--decorative-option2___-uwSb {
1100
+ --background-color: var(--hop-Avatar-decorative-2-background-color);
1101
+ --text-color: var(--hop-Avatar-decorative-2-text-color);
1102
+ }
1103
+ .Avatar-module__hop-Avatar--decorative-option3___xhe3G {
1104
+ --background-color: var(--hop-Avatar-decorative-3-background-color);
1105
+ --text-color: var(--hop-Avatar-decorative-3-text-color);
1106
+ }
1107
+ .Avatar-module__hop-Avatar--decorative-option4___e38Gs {
1108
+ --background-color: var(--hop-Avatar-decorative-4-background-color);
1109
+ --text-color: var(--hop-Avatar-decorative-4-text-color);
1110
+ }
1111
+ .Avatar-module__hop-Avatar--decorative-option5___-GQzw {
1112
+ --background-color: var(--hop-Avatar-decorative-5-background-color);
1113
+ --text-color: var(--hop-Avatar-decorative-5-text-color);
1114
+ }
1115
+ .Avatar-module__hop-Avatar--decorative-option6___CeiJh {
1116
+ --background-color: var(--hop-Avatar-decorative-6-background-color);
1117
+ --text-color: var(--hop-Avatar-decorative-6-text-color);
1118
+ }
1119
+ .Avatar-module__hop-Avatar--decorative-option7___nvuXB {
1120
+ --background-color: var(--hop-Avatar-decorative-7-background-color);
1121
+ --text-color: var(--hop-Avatar-decorative-7-text-color);
1122
+ }
1123
+ .Avatar-module__hop-Avatar--decorative-option8___Q4Z9Z {
1124
+ --background-color: var(--hop-Avatar-decorative-8-background-color);
1125
+ --text-color: var(--hop-Avatar-decorative-8-text-color);
1126
+ }
1127
+ .Avatar-module__hop-Avatar--decorative-option9___TsOBZ {
1128
+ --background-color: var(--hop-Avatar-decorative-9-background-color);
1129
+ --text-color: var(--hop-Avatar-decorative-9-text-color);
1130
+ }
1131
+ .Avatar-module__hop-Avatar___d9YZ9[data-disabled] {
1132
+ --background-color: var(--hop-Avatar-background-color-disabled);
1133
+ --text-color: var(--hop-Avatar-text-color-disabled);
1134
+ --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
1135
+ isolation: isolate;
1136
+ }
1137
+ .Avatar-module__hop-Avatar__image___6YUZZ {
1138
+ position: relative;
1139
+ display: block;
1140
+ box-sizing: border-box;
1141
+ inline-size: 100%;
1142
+ block-size: 100%;
1143
+ object-fit: cover;
1144
+ mix-blend-mode: var(--mix-blend-mode);
1145
+ }
1146
+
961
1147
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
962
- :where(.OverlineText-module__hop-OverlineText___QDaCi) {
1148
+ :where(.OverlineText-module__hop-OverlineText___pTUGl) {
963
1149
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
964
1150
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
965
1151
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -983,26 +1169,26 @@
983
1169
  text-transform: uppercase;
984
1170
  letter-spacing: var(--letter-spacing);
985
1171
  }
986
- .OverlineText-module__hop-OverlineText__text___kNB07 {
1172
+ .OverlineText-module__hop-OverlineText__text___D5JMM {
987
1173
  box-sizing: border-box;
988
1174
  }
989
- .OverlineText-module__hop-OverlineText__text___kNB07::before,
990
- .OverlineText-module__hop-OverlineText__text___kNB07::after {
1175
+ .OverlineText-module__hop-OverlineText__text___D5JMM::before,
1176
+ .OverlineText-module__hop-OverlineText__text___D5JMM::after {
991
1177
  content: "";
992
1178
  display: block;
993
1179
  box-sizing: border-box;
994
1180
  inline-size: 0;
995
1181
  block-size: 0;
996
1182
  }
997
- .OverlineText-module__hop-OverlineText__text___kNB07::before {
1183
+ .OverlineText-module__hop-OverlineText__text___D5JMM::before {
998
1184
  margin-block-end: var(--bottom-offset);
999
1185
  }
1000
- .OverlineText-module__hop-OverlineText__text___kNB07::after {
1186
+ .OverlineText-module__hop-OverlineText__text___D5JMM::after {
1001
1187
  margin-block-start: var(--top-offset);
1002
1188
  }
1003
1189
 
1004
1190
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
1005
- .Badge-module__hop-Badge___HtEMK {
1191
+ .Badge-module__hop-Badge___6JEMi {
1006
1192
  --hop-Badge-height: 1.5rem;
1007
1193
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
1008
1194
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -1026,21 +1212,21 @@
1026
1212
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
1027
1213
  border-radius: var(--border-radius);
1028
1214
  }
1029
- .Badge-module__hop-Badge--primary___-cwxH {
1215
+ .Badge-module__hop-Badge--primary___fXWYG {
1030
1216
  --background-color: var(--hop-Badge-primary-background-color);
1031
1217
  --text-color: var(--hop-Badge-primary-text-color);
1032
1218
  }
1033
- .Badge-module__hop-Badge--secondary___FXeeD {
1219
+ .Badge-module__hop-Badge--secondary___vxWGy {
1034
1220
  --background-color: var(--hop-Badge-secondary-background-color);
1035
1221
  --text-color: var(--hop-Badge-secondary-text-color);
1036
1222
  }
1037
- .Badge-module__hop-Badge___HtEMK[data-disabled] {
1223
+ .Badge-module__hop-Badge___6JEMi[data-disabled] {
1038
1224
  --background-color: var(--hop-Badge-background-color-disabled);
1039
1225
  --text-color: var(--hop-Badge-text-color-disabled);
1040
1226
  }
1041
1227
 
1042
1228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1043
- .Checkbox-module__hop-Checkbox___1DFt5 {
1229
+ .Checkbox-module__hop-Checkbox___UXMSX {
1044
1230
  --hop-Checkbox-box-border-size: 0.0625rem;
1045
1231
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1046
1232
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1117,29 +1303,29 @@
1117
1303
  cursor: var(--cursor);
1118
1304
  display: flex;
1119
1305
  column-gap: var(--hop-space-inline-xs);
1120
- align-items: start;
1121
- justify-content: start;
1306
+ align-items: flex-start;
1307
+ justify-content: flex-start;
1122
1308
  box-sizing: border-box;
1123
1309
  inline-size: max-content;
1124
1310
  max-inline-size: 100%;
1125
1311
  }
1126
- .Checkbox-module__hop-Checkbox___1DFt5[data-hovered] {
1312
+ .Checkbox-module__hop-Checkbox___UXMSX[data-hovered] {
1127
1313
  --box-background-color: var(--hop-Checkbox-box-background-color-hover);
1128
1314
  --box-border-color: var(--hop-Checkbox-box-border-color-hover);
1129
1315
  --text-color: var(--hop-Checkbox-text-color-hover);
1130
1316
  --icon-color: var(--hop-Checkbox-icon-color-hover);
1131
1317
  --description-color: var(--hop-Checkbox-description-color-hover);
1132
1318
  }
1133
- .Checkbox-module__hop-Checkbox___1DFt5[data-pressed],
1134
- .Checkbox-module__hop-Checkbox___1DFt5[data-pressed][data-hovered],
1135
- .Checkbox-module__hop-Checkbox___1DFt5[data-pressed][data-focus-visible] {
1319
+ .Checkbox-module__hop-Checkbox___UXMSX[data-pressed],
1320
+ .Checkbox-module__hop-Checkbox___UXMSX[data-pressed][data-hovered],
1321
+ .Checkbox-module__hop-Checkbox___UXMSX[data-pressed][data-focus-visible] {
1136
1322
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1137
1323
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1138
1324
  --text-color: var(--hop-Checkbox-text-color-pressed);
1139
1325
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1140
1326
  }
1141
- .Checkbox-module__hop-Checkbox___1DFt5[data-selected],
1142
- .Checkbox-module__hop-Checkbox___1DFt5[data-selected][data-pressed] {
1327
+ .Checkbox-module__hop-Checkbox___UXMSX[data-selected],
1328
+ .Checkbox-module__hop-Checkbox___UXMSX[data-selected][data-pressed] {
1143
1329
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-hover);
1144
1330
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-hover);
1145
1331
  --check-display: var(--hop-Checkbox-check-display-checked);
@@ -1147,7 +1333,7 @@
1147
1333
  --icon-color: var(--hop-Checkbox-icon-color-checked);
1148
1334
  --description-color: var(--hop-Checkbox-description-color-checked);
1149
1335
  }
1150
- .Checkbox-module__hop-Checkbox___1DFt5[data-focus-visible] {
1336
+ .Checkbox-module__hop-Checkbox___UXMSX[data-focus-visible] {
1151
1337
  --box-background-color: var(--hop-Checkbox-box-background-color-focus);
1152
1338
  --box-border-color: var(--hop-Checkbox-box-border-color-focus);
1153
1339
  --box-outline: 0.125rem solid var(--hop-Checkbox-box-focus-ring-color);
@@ -1155,11 +1341,11 @@
1155
1341
  --icon-color: var(--hop-Checkbox-icon-color-focus);
1156
1342
  --description-color: var(--hop-Checkbox-description-color-focus);
1157
1343
  }
1158
- .Checkbox-module__hop-Checkbox___1DFt5[data-focus-visible][data-selected] {
1344
+ .Checkbox-module__hop-Checkbox___UXMSX[data-focus-visible][data-selected] {
1159
1345
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-focus);
1160
1346
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-focus);
1161
1347
  }
1162
- .Checkbox-module__hop-Checkbox___1DFt5[data-invalid] {
1348
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid] {
1163
1349
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1164
1350
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1165
1351
  --check-color: var(--hop-Checkbox-check-color-invalid);
@@ -1167,27 +1353,27 @@
1167
1353
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1168
1354
  --description-color: var(--hop-Checkbox-description-color-invalid);
1169
1355
  }
1170
- .Checkbox-module__hop-Checkbox___1DFt5[data-invalid][data-hovered] {
1356
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-hovered] {
1171
1357
  --box-background-color: var(--hop-Checkbox-box-background-color-hover-invalid);
1172
1358
  --box-border-color: var(--hop-Checkbox-box-border-color-hover-invalid);
1173
1359
  --text-color: var(--hop-Checkbox-text-color-hover-invalid);
1174
1360
  --icon-color: var(--hop-Checkbox-icon-color-hover-invalid);
1175
1361
  }
1176
- .Checkbox-module__hop-Checkbox___1DFt5[data-invalid][data-focus-visible] {
1362
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-focus-visible] {
1177
1363
  --box-background-color: var(--hop-Checkbox-box-background-color-focus-invalid);
1178
1364
  --box-border-color: var(--hop-Checkbox-box-border-color-focus-invalid);
1179
1365
  }
1180
- .Checkbox-module__hop-Checkbox___1DFt5[data-invalid][data-selected] {
1366
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-selected] {
1181
1367
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-invalid);
1182
1368
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-invalid);
1183
1369
  }
1184
- .Checkbox-module__hop-Checkbox___1DFt5[data-invalid][data-pressed] {
1370
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-pressed] {
1185
1371
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1186
1372
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1187
1373
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1188
1374
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1189
1375
  }
1190
- .Checkbox-module__hop-Checkbox___1DFt5[data-disabled] {
1376
+ .Checkbox-module__hop-Checkbox___UXMSX[data-disabled] {
1191
1377
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1192
1378
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1193
1379
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1196,29 +1382,29 @@
1196
1382
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1197
1383
  --description-color: var(--hop-Checkbox-description-color-disabled);
1198
1384
  }
1199
- .Checkbox-module__hop-Checkbox___1DFt5[data-disabled][data-selected] {
1385
+ .Checkbox-module__hop-Checkbox___UXMSX[data-disabled][data-selected] {
1200
1386
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-disabled);
1201
1387
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-disabled);
1202
1388
  }
1203
- .Checkbox-module__hop-Checkbox--sm___qVMQC {
1389
+ .Checkbox-module__hop-Checkbox--sm___reHt- {
1204
1390
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1205
1391
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1206
1392
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1207
1393
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1208
1394
  }
1209
- .Checkbox-module__hop-Checkbox--md___Foz8P {
1395
+ .Checkbox-module__hop-Checkbox--md___TaQ-X {
1210
1396
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1211
1397
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1212
1398
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1213
1399
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1214
1400
  }
1215
- .Checkbox-module__hop-Checkbox__icon___CuyIN,
1216
- .Checkbox-module__hop-Checkbox__icon-list___r0ow6 {
1401
+ .Checkbox-module__hop-Checkbox__icon___7Azr1,
1402
+ .Checkbox-module__hop-Checkbox__icon-list___dm1GP {
1217
1403
  flex: 0 0 auto;
1218
1404
  order: 3;
1219
1405
  color: var(--icon-color);
1220
1406
  }
1221
- .Checkbox-module__hop-Checkbox__box___7fJ21 {
1407
+ .Checkbox-module__hop-Checkbox__box___TVJjj {
1222
1408
  display: flex;
1223
1409
  flex: 0 0 auto;
1224
1410
  align-items: center;
@@ -1234,11 +1420,11 @@
1234
1420
  outline-offset: 0.125rem;
1235
1421
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1236
1422
  }
1237
- .Checkbox-module__hop-Checkbox__check___FNna9 {
1423
+ .Checkbox-module__hop-Checkbox__check___32rNl {
1238
1424
  display: var(--check-display);
1239
1425
  color: var(--check-color);
1240
1426
  }
1241
- .Checkbox-module__hop-Checkbox__text___C3jhg {
1427
+ .Checkbox-module__hop-Checkbox__text___dsqyq {
1242
1428
  flex: 0 1 auto;
1243
1429
  order: 2;
1244
1430
  min-inline-size: 0;
@@ -1248,7 +1434,7 @@
1248
1434
  }
1249
1435
 
1250
1436
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1251
- .CheckboxField-module__hop-CheckboxField___9AeZ6 {
1437
+ .CheckboxField-module__hop-CheckboxField___1AqAL {
1252
1438
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1253
1439
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1254
1440
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1267,28 +1453,28 @@
1267
1453
  inline-size: max-content;
1268
1454
  max-inline-size: 100%;
1269
1455
  }
1270
- .CheckboxField-module__hop-CheckboxField___9AeZ6[data-disabled] {
1456
+ .CheckboxField-module__hop-CheckboxField___1AqAL[data-disabled] {
1271
1457
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1272
1458
  }
1273
- .CheckboxField-module__hop-CheckboxField--sm___f2P7p {
1459
+ .CheckboxField-module__hop-CheckboxField--sm___OJnAa {
1274
1460
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1275
1461
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1276
1462
  }
1277
- .CheckboxField-module__hop-CheckboxField--md___B8YaW {
1463
+ .CheckboxField-module__hop-CheckboxField--md___tIMZu {
1278
1464
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1279
1465
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1280
1466
  }
1281
- .CheckboxField-module__hop-CheckboxField__description___3d2RO {
1467
+ .CheckboxField-module__hop-CheckboxField__description___66dnG {
1282
1468
  order: 2;
1283
1469
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1284
1470
  color: var(--description-color);
1285
1471
  }
1286
- .CheckboxField-module__hop-CheckboxField__checkbox___gYG3u {
1472
+ .CheckboxField-module__hop-CheckboxField__checkbox___wXN2n {
1287
1473
  order: 1;
1288
1474
  }
1289
1475
 
1290
1476
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1291
- .CheckboxGroup-module__hop-CheckboxGroup___cbfu1 {
1477
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN {
1292
1478
  --hop-CheckboxGroup-align-items: flex-start;
1293
1479
  --hop-CheckboxGroup-justify-content: flex-start;
1294
1480
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1327,46 +1513,46 @@
1327
1513
  inline-size: max-content;
1328
1514
  max-inline-size: 100%;
1329
1515
  }
1330
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___f-WNB {
1516
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq {
1331
1517
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1332
1518
  --list-border-radius: var(--hop-shape-rounded-md);
1333
1519
  }
1334
- .CheckboxGroup-module__hop-CheckboxGroup--sm___tbK-P {
1520
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___toUIA {
1335
1521
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1336
1522
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1337
1523
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1338
1524
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1339
1525
  }
1340
- .CheckboxGroup-module__hop-CheckboxGroup--md___HAY-5 {
1526
+ .CheckboxGroup-module__hop-CheckboxGroup--md___WTdo9 {
1341
1527
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1342
1528
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1343
1529
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1344
1530
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1345
1531
  }
1346
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___f-WNB.CheckboxGroup-module__hop-CheckboxGroup--sm___tbK-P {
1532
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq.CheckboxGroup-module__hop-CheckboxGroup--sm___toUIA {
1347
1533
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1348
1534
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1349
1535
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1350
1536
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1351
1537
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1352
1538
  }
1353
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___f-WNB.CheckboxGroup-module__hop-CheckboxGroup--md___HAY-5 {
1539
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq.CheckboxGroup-module__hop-CheckboxGroup--md___WTdo9 {
1354
1540
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1355
1541
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1356
1542
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1357
1543
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1358
1544
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1359
1545
  }
1360
- .CheckboxGroup-module__hop-CheckboxGroup___cbfu1[data-orientation=horizontal] {
1546
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN[data-orientation=horizontal] {
1361
1547
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1362
1548
  }
1363
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___f-WNB[data-orientation=horizontal] {
1549
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq[data-orientation=horizontal] {
1364
1550
  --flex-wrap: nowrap;
1365
1551
  }
1366
- .CheckboxGroup-module__hop-CheckboxGroup___cbfu1 > .CheckboxGroup-module__hop-CheckboxGroup__label___aI2C1 {
1552
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN > .CheckboxGroup-module__hop-CheckboxGroup__label___03x3Q {
1367
1553
  order: 1;
1368
1554
  }
1369
- .CheckboxGroup-module__hop-CheckboxGroup__list___q1pNC {
1555
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf {
1370
1556
  display: flex;
1371
1557
  flex-flow: var(--flex-direction) var(--flex-wrap);
1372
1558
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1377,7 +1563,7 @@
1377
1563
  border: var(--list-border, none);
1378
1564
  border-radius: var(--list-border-radius, 0);
1379
1565
  }
1380
- .CheckboxGroup-module__hop-CheckboxGroup__list___q1pNC > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Tpw8k {
1566
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn {
1381
1567
  position: relative;
1382
1568
  flex: 0 1 auto;
1383
1569
  align-content: start;
@@ -1385,28 +1571,28 @@
1385
1571
  min-inline-size: 0;
1386
1572
  padding: var(--checkbox-padding, 0);
1387
1573
  }
1388
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___f-WNB .CheckboxGroup-module__hop-CheckboxGroup__list___q1pNC > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Tpw8k ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Tpw8k::before {
1574
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn::before {
1389
1575
  content: "";
1390
1576
  position: absolute;
1391
1577
  display: block;
1392
1578
  }
1393
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___f-WNB[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___q1pNC > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Tpw8k ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Tpw8k::before {
1579
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn::before {
1394
1580
  inset-block-start: 0;
1395
1581
  inset-inline: 0;
1396
1582
  border-block-start: var(--list-border, none);
1397
1583
  }
1398
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___f-WNB[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___q1pNC > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Tpw8k ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Tpw8k::before {
1584
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn::before {
1399
1585
  inset-block: 0;
1400
1586
  inset-inline-start: 0;
1401
1587
  border-inline-start: var(--list-border, none);
1402
1588
  }
1403
- .CheckboxGroup-module__hop-CheckboxGroup___cbfu1 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___-5h6Q,
1404
- .CheckboxGroup-module__hop-CheckboxGroup___cbfu1 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___0EE6B {
1589
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN > .CheckboxGroup-module__hop-CheckboxGroup__error-message___EKYu4,
1590
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___gDUBN {
1405
1591
  order: 3;
1406
1592
  }
1407
1593
 
1408
1594
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/chip/src/Chip.module.css/#css-module-data */
1409
- .Chip-module__hop-Chip___KVUnP {
1595
+ .Chip-module__hop-Chip___cxU82 {
1410
1596
  --hop-Chip-border-size: 0.0625rem;
1411
1597
  --hop-Chip-border-radius: var(--hop-shape-pill);
1412
1598
  --hop-Chip-column-gap: var(--hop-space-inline-xs);
@@ -1476,94 +1662,94 @@
1476
1662
  border: var(--border-size) solid var(--border-color);
1477
1663
  border-radius: var(--border-radius);
1478
1664
  }
1479
- .Chip-module__hop-Chip--xs___K9blS {
1665
+ .Chip-module__hop-Chip--xs___MPhiR {
1480
1666
  --block-size: var(--hop-Chip-xs-block-size);
1481
1667
  --padding-inline: var(--hop-Chip-xs-padding-inline);
1482
1668
  }
1483
- .Chip-module__hop-Chip--sm___U8plm {
1669
+ .Chip-module__hop-Chip--sm___OYijB {
1484
1670
  --block-size: var(--hop-Chip-sm-block-size);
1485
1671
  --padding-inline: var(--hop-Chip-sm-padding-inline);
1486
1672
  }
1487
- .Chip-module__hop-Chip--md___oU8bV {
1673
+ .Chip-module__hop-Chip--md___-CMix {
1488
1674
  --block-size: var(--hop-Chip-md-block-size);
1489
1675
  --padding-inline: var(--hop-Chip-md-padding-inline);
1490
1676
  }
1491
- .Chip-module__hop-Chip--lg___T0jye {
1677
+ .Chip-module__hop-Chip--lg___j1jM1 {
1492
1678
  --block-size: var(--hop-Chip-lg-block-size);
1493
1679
  --padding-inline: var(--hop-Chip-lg-padding-inline);
1494
1680
  }
1495
- .Chip-module__hop-Chip--neutral___Hepkw {
1681
+ .Chip-module__hop-Chip--neutral___kLtLJ {
1496
1682
  --border-color: var(--hop-Chip-neutral-border-color);
1497
1683
  --background-color: var(--hop-Chip-neutral-background-color);
1498
1684
  --text-color: var(--hop-Chip-neutral-text-color);
1499
1685
  }
1500
- .Chip-module__hop-Chip--progress___znAZi {
1686
+ .Chip-module__hop-Chip--progress___5GBF8 {
1501
1687
  --border-color: var(--hop-Chip-progress-border-color);
1502
1688
  --background-color: var(--hop-Chip-progress-background-color);
1503
1689
  --text-color: var(--hop-Chip-progress-text-color);
1504
1690
  }
1505
- .Chip-module__hop-Chip--positive___tyQ-N {
1691
+ .Chip-module__hop-Chip--positive___F-3cU {
1506
1692
  --border-color: var(--hop-Chip-positive-border-color);
1507
1693
  --background-color: var(--hop-Chip-positive-background-color);
1508
1694
  --text-color: var(--hop-Chip-positive-text-color);
1509
1695
  }
1510
- .Chip-module__hop-Chip--caution___WMvPA {
1696
+ .Chip-module__hop-Chip--caution___ezAXo {
1511
1697
  --border-color: var(--hop-Chip-caution-border-color);
1512
1698
  --background-color: var(--hop-Chip-caution-background-color);
1513
1699
  --text-color: var(--hop-Chip-caution-text-color);
1514
1700
  }
1515
- .Chip-module__hop-Chip--negative___vev3J {
1701
+ .Chip-module__hop-Chip--negative___SrEHc {
1516
1702
  --border-color: var(--hop-Chip-negative-border-color);
1517
1703
  --background-color: var(--hop-Chip-negative-background-color);
1518
1704
  --text-color: var(--hop-Chip-negative-text-color);
1519
1705
  }
1520
- .Chip-module__hop-Chip--option1___WZaqu {
1706
+ .Chip-module__hop-Chip--option1___TNAVL {
1521
1707
  --border-color: var(--hop-Chip-option1-border-color);
1522
1708
  --background-color: var(--hop-Chip-option1-background-color);
1523
1709
  --text-color: var(--hop-Chip-option1-text-color);
1524
1710
  }
1525
- .Chip-module__hop-Chip--option2___GlsQ3 {
1711
+ .Chip-module__hop-Chip--option2___WFy37 {
1526
1712
  --border-color: var(--hop-Chip-option2-border-color);
1527
1713
  --background-color: var(--hop-Chip-option2-background-color);
1528
1714
  --text-color: var(--hop-Chip-option2-text-color);
1529
1715
  }
1530
- .Chip-module__hop-Chip--option3___QURDu {
1716
+ .Chip-module__hop-Chip--option3___qYEVE {
1531
1717
  --border-color: var(--hop-Chip-option3-border-color);
1532
1718
  --background-color: var(--hop-Chip-option3-background-color);
1533
1719
  --text-color: var(--hop-Chip-option3-text-color);
1534
1720
  }
1535
- .Chip-module__hop-Chip--option4___2Qznz {
1721
+ .Chip-module__hop-Chip--option4___MHav7 {
1536
1722
  --border-color: var(--hop-Chip-option4-border-color);
1537
1723
  --background-color: var(--hop-Chip-option4-background-color);
1538
1724
  --text-color: var(--hop-Chip-option4-text-color);
1539
1725
  }
1540
- .Chip-module__hop-Chip--option5___yTIji {
1726
+ .Chip-module__hop-Chip--option5___Y-i-5 {
1541
1727
  --border-color: var(--hop-Chip-option5-border-color);
1542
1728
  --background-color: var(--hop-Chip-option5-background-color);
1543
1729
  --text-color: var(--hop-Chip-option5-text-color);
1544
1730
  }
1545
- .Chip-module__hop-Chip--option6___FyrNE {
1731
+ .Chip-module__hop-Chip--option6___qTRX9 {
1546
1732
  --border-color: var(--hop-Chip-option6-border-color);
1547
1733
  --background-color: var(--hop-Chip-option6-background-color);
1548
1734
  --text-color: var(--hop-Chip-option6-text-color);
1549
1735
  }
1550
- .Chip-module__hop-Chip--inactive___7y7LL {
1736
+ .Chip-module__hop-Chip--inactive___vSk80 {
1551
1737
  --border-color: var(--hop-Chip-inactive-border-color);
1552
1738
  --background-color: var(--hop-Chip-inactive-background-color);
1553
1739
  --text-color: var(--hop-Chip-inactive-text-color);
1554
1740
  }
1555
- .Chip-module__hop-Chip--disabled___vO96s {
1741
+ .Chip-module__hop-Chip--disabled___175zy {
1556
1742
  --border-color: var(--hop-Chip-disabled-border-color);
1557
1743
  --background-color: var(--hop-Chip-disabled-background-color);
1558
1744
  --text-color: var(--hop-Chip-disabled-text-color);
1559
1745
  }
1560
- .Chip-module__hop-Chip__icon___0V0Yr,
1561
- .Chip-module__hop-Chip__icon-list___WP57P {
1746
+ .Chip-module__hop-Chip__icon___yyVQ2,
1747
+ .Chip-module__hop-Chip__icon-list___fSAV6 {
1562
1748
  flex: 0 0 auto;
1563
1749
  flex-wrap: nowrap;
1564
1750
  order: 1;
1565
1751
  }
1566
- .Chip-module__hop-Chip__text___m-KTB {
1752
+ .Chip-module__hop-Chip__text___hO2-Q {
1567
1753
  overflow: hidden;
1568
1754
  flex: 1 1 auto;
1569
1755
  order: 2;
@@ -1571,15 +1757,15 @@
1571
1757
  text-align: center;
1572
1758
  text-overflow: ellipsis;
1573
1759
  }
1574
- .Chip-module__hop-Chip__end-icon___QuyDr,
1575
- .Chip-module__hop-Chip__end-icon-list___Jso7r {
1760
+ .Chip-module__hop-Chip__end-icon___thI6k,
1761
+ .Chip-module__hop-Chip__end-icon-list___sNXbx {
1576
1762
  flex: 0 0 auto;
1577
1763
  flex-wrap: nowrap;
1578
1764
  order: 3;
1579
1765
  }
1580
1766
 
1581
1767
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
1582
- .Link-module__hop-Link___vkXwU {
1768
+ .Link-module__hop-Link___UXQIE {
1583
1769
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1584
1770
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1585
1771
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1604,59 +1790,59 @@
1604
1790
  outline: none;
1605
1791
  outline-offset: 0.125rem;
1606
1792
  }
1607
- .Link-module__hop-Link___vkXwU[data-focus-visible] {
1793
+ .Link-module__hop-Link___UXQIE[data-focus-visible] {
1608
1794
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1609
1795
  }
1610
- .Link-module__hop-Link___vkXwU[data-disabled] {
1796
+ .Link-module__hop-Link___UXQIE[data-disabled] {
1611
1797
  cursor: default;
1612
1798
  }
1613
- .Link-module__hop-Link--quiet___FEyKa[data-focus-visible],
1614
- .Link-module__hop-Link--quiet___FEyKa[data-hovered] {
1799
+ .Link-module__hop-Link--quiet___wGnRL[data-focus-visible],
1800
+ .Link-module__hop-Link--quiet___wGnRL[data-hovered] {
1615
1801
  text-decoration: underline;
1616
1802
  }
1617
- .Link-module__hop-Link___vkXwU:not(.Link-module__hop-Link--quiet___FEyKa) {
1803
+ .Link-module__hop-Link___UXQIE:not(.Link-module__hop-Link--quiet___wGnRL) {
1618
1804
  text-decoration: underline;
1619
1805
  }
1620
- .Link-module__hop-Link--primary___KRkww {
1806
+ .Link-module__hop-Link--primary___ti1DR {
1621
1807
  color: var(--hop-Link-primary-text-color);
1622
1808
  }
1623
- .Link-module__hop-Link--primary___KRkww[data-disabled] {
1809
+ .Link-module__hop-Link--primary___ti1DR[data-disabled] {
1624
1810
  color: var(--hop-Link-primary-text-disabled-color);
1625
1811
  }
1626
- .Link-module__hop-Link--primary___KRkww:not([data-disabled])[data-focus-visible],
1627
- .Link-module__hop-Link--primary___KRkww:not([data-disabled])[data-hovered] {
1812
+ .Link-module__hop-Link--primary___ti1DR:not([data-disabled])[data-focus-visible],
1813
+ .Link-module__hop-Link--primary___ti1DR:not([data-disabled])[data-hovered] {
1628
1814
  color: var(--hop-Link-primary-text-hover-color);
1629
1815
  }
1630
- .Link-module__hop-Link--primary___KRkww:not([data-disabled])[data-pressed] {
1816
+ .Link-module__hop-Link--primary___ti1DR:not([data-disabled])[data-pressed] {
1631
1817
  color: var(--hop-Link-primary-text-pressed-color);
1632
1818
  }
1633
- .Link-module__hop-Link--secondary___OU7bb {
1819
+ .Link-module__hop-Link--secondary___WUbS9 {
1634
1820
  color: var(--hop-Link-neutral-text-color);
1635
1821
  }
1636
- .Link-module__hop-Link--secondary___OU7bb[data-disabled] {
1822
+ .Link-module__hop-Link--secondary___WUbS9[data-disabled] {
1637
1823
  color: var(--hop-Link-neutral-text-disabled-color);
1638
1824
  }
1639
- .Link-module__hop-Link--secondary___OU7bb:not([data-disabled])[data-focus-visible],
1640
- .Link-module__hop-Link--secondary___OU7bb:not([data-disabled])[data-hovered] {
1825
+ .Link-module__hop-Link--secondary___WUbS9:not([data-disabled])[data-focus-visible],
1826
+ .Link-module__hop-Link--secondary___WUbS9:not([data-disabled])[data-hovered] {
1641
1827
  color: var(--hop-Link-neutral-text-hover-color);
1642
1828
  }
1643
- .Link-module__hop-Link--secondary___OU7bb:not([data-disabled])[data-pressed] {
1829
+ .Link-module__hop-Link--secondary___WUbS9:not([data-disabled])[data-pressed] {
1644
1830
  color: var(--hop-Link-neutral-text-pressed-color);
1645
1831
  }
1646
- .Link-module__hop-Link__icon___zgn-r,
1647
- .Link-module__hop-Link__icon-list___tYGCE {
1832
+ .Link-module__hop-Link__icon___4hTxA,
1833
+ .Link-module__hop-Link__icon-list___4mwdq {
1648
1834
  order: 2;
1649
1835
  }
1650
- .Link-module__hop-Link__text___fxC1y {
1836
+ .Link-module__hop-Link__text___zwfdO {
1651
1837
  order: 1;
1652
1838
  }
1653
- .Link-module__hop-Link__start-icon___jTw3J,
1654
- .Link-module__hop-Link__start-icon-list___6uk1L {
1839
+ .Link-module__hop-Link__start-icon___qb39L,
1840
+ .Link-module__hop-Link__start-icon-list___2OqTa {
1655
1841
  order: 0;
1656
1842
  }
1657
1843
 
1658
1844
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1659
- .Radio-module__hop-Radio___EkCwX {
1845
+ .Radio-module__hop-Radio___U2zYL {
1660
1846
  --hop-Radio-box-border-size: 0.0625rem;
1661
1847
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1662
1848
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1732,27 +1918,27 @@
1732
1918
  cursor: var(--cursor);
1733
1919
  display: flex;
1734
1920
  column-gap: var(--hop-space-inline-xs);
1735
- align-items: start;
1736
- justify-content: start;
1921
+ align-items: flex-start;
1922
+ justify-content: flex-start;
1737
1923
  box-sizing: border-box;
1738
1924
  inline-size: max-content;
1739
1925
  max-inline-size: 100%;
1740
1926
  }
1741
- .Radio-module__hop-Radio___EkCwX[data-hovered] {
1927
+ .Radio-module__hop-Radio___U2zYL[data-hovered] {
1742
1928
  --box-background-color: var(--hop-Radio-box-background-color-hover);
1743
1929
  --box-border-color: var(--hop-Radio-box-border-color-hover);
1744
1930
  --text-color: var(--hop-Radio-text-color-hover);
1745
1931
  --icon-color: var(--hop-Radio-icon-color-hover);
1746
1932
  --description-color: var(--hop-Radio-description-color-hover);
1747
1933
  }
1748
- .Radio-module__hop-Radio___EkCwX[data-pressed] {
1934
+ .Radio-module__hop-Radio___U2zYL[data-pressed] {
1749
1935
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1750
1936
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1751
1937
  --text-color: var(--hop-Radio-text-color-pressed);
1752
1938
  --icon-color: var(--hop-Radio-icon-color-pressed);
1753
1939
  --description-color: var(--hop-Radio-description-color-pressed);
1754
1940
  }
1755
- .Radio-module__hop-Radio___EkCwX[data-selected] {
1941
+ .Radio-module__hop-Radio___U2zYL[data-selected] {
1756
1942
  --box-background-color: var(--hop-Radio-box-background-color-selected-hover);
1757
1943
  --box-border-color: var(--hop-Radio-box-border-color-selected-hover);
1758
1944
  --bullet-display: var(--hop-Radio-bullet-display-selected);
@@ -1760,7 +1946,7 @@
1760
1946
  --icon-color: var(--hop-Radio-icon-color-selected);
1761
1947
  --description-color: var(--hop-Radio-description-color-selected);
1762
1948
  }
1763
- .Radio-module__hop-Radio___EkCwX[data-focus-visible] {
1949
+ .Radio-module__hop-Radio___U2zYL[data-focus-visible] {
1764
1950
  --box-background-color: var(--hop-Radio-box-background-color-focus);
1765
1951
  --box-border-color: var(--hop-Radio-box-border-color-focus);
1766
1952
  --box-outline: 0.125rem solid var(--hop-Radio-box-focus-ring-color);
@@ -1768,11 +1954,11 @@
1768
1954
  --icon-color: var(--hop-Radio-icon-color-focus);
1769
1955
  --description-color: var(--hop-Radio-description-color-focus);
1770
1956
  }
1771
- .Radio-module__hop-Radio___EkCwX[data-focus-visible][data-selected] {
1957
+ .Radio-module__hop-Radio___U2zYL[data-focus-visible][data-selected] {
1772
1958
  --box-background-color: var(--hop-Radio-box-background-color-selected-focus);
1773
1959
  --box-border-color: var(--hop-Radio-box-border-color-selected-focus);
1774
1960
  }
1775
- .Radio-module__hop-Radio___EkCwX[data-invalid] {
1961
+ .Radio-module__hop-Radio___U2zYL[data-invalid] {
1776
1962
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1777
1963
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1778
1964
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
@@ -1780,27 +1966,27 @@
1780
1966
  --icon-color: var(--hop-Radio-icon-color-invalid);
1781
1967
  --description-color: var(--hop-Radio-description-color-invalid);
1782
1968
  }
1783
- .Radio-module__hop-Radio___EkCwX[data-invalid][data-hovered] {
1969
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-hovered] {
1784
1970
  --box-background-color: var(--hop-Radio-box-background-color-hover-invalid);
1785
1971
  --box-border-color: var(--hop-Radio-box-border-color-hover-invalid);
1786
1972
  --text-color: var(--hop-Radio-text-color-hover-invalid);
1787
1973
  --icon-color: var(--hop-Radio-text-color-hover-invalid);
1788
1974
  }
1789
- .Radio-module__hop-Radio___EkCwX[data-invalid][data-pressed] {
1975
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-pressed] {
1790
1976
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1791
1977
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1792
1978
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1793
1979
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1794
1980
  }
1795
- .Radio-module__hop-Radio___EkCwX[data-invalid][data-focus-visible] {
1981
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-focus-visible] {
1796
1982
  --box-background-color: var(--hop-Radio-box-background-color-focus-invalid);
1797
1983
  --box-border-color: var(--hop-Radio-box-border-color-focus-invalid);
1798
1984
  }
1799
- .Radio-module__hop-Radio___EkCwX[data-invalid][data-selected] {
1985
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-selected] {
1800
1986
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1801
1987
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1802
1988
  }
1803
- .Radio-module__hop-Radio___EkCwX[data-disabled] {
1989
+ .Radio-module__hop-Radio___U2zYL[data-disabled] {
1804
1990
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1805
1991
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1806
1992
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1809,29 +1995,29 @@
1809
1995
  --icon-color: var(--hop-Radio-icon-color-disabled);
1810
1996
  --description-color: var(--hop-Radio-description-color-disabled);
1811
1997
  }
1812
- .Radio-module__hop-Radio___EkCwX[data-disabled][data-selected] {
1998
+ .Radio-module__hop-Radio___U2zYL[data-disabled][data-selected] {
1813
1999
  --box-background-color: var(--hop-Radio-box-background-color-selected-disabled);
1814
2000
  --box-border-color: var(--hop-Radio-box-border-color-selected-disabled);
1815
2001
  }
1816
- .Radio-module__hop-Radio--sm___-GEPO {
2002
+ .Radio-module__hop-Radio--sm___ienBb {
1817
2003
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1818
2004
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1819
2005
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1820
2006
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1821
2007
  }
1822
- .Radio-module__hop-Radio--md___ao9Hn {
2008
+ .Radio-module__hop-Radio--md___beRv8 {
1823
2009
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1824
2010
  --box-block-size: var(--hop-Radio-box-md-block-size);
1825
2011
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1826
2012
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1827
2013
  }
1828
- .Radio-module__hop-Radio__icon___jA99I,
1829
- .Radio-module__hop-Radio__icon-list___mIXPB {
2014
+ .Radio-module__hop-Radio__icon___SznKf,
2015
+ .Radio-module__hop-Radio__icon-list___Hcdqe {
1830
2016
  flex: 0 0 auto;
1831
2017
  order: 3;
1832
2018
  color: var(--icon-color);
1833
2019
  }
1834
- .Radio-module__hop-Radio__box___8S6fY {
2020
+ .Radio-module__hop-Radio__box___b7BN6 {
1835
2021
  display: flex;
1836
2022
  flex: 0 0 auto;
1837
2023
  align-items: center;
@@ -1847,11 +2033,11 @@
1847
2033
  outline-offset: 0.125rem;
1848
2034
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1849
2035
  }
1850
- .Radio-module__hop-Radio__bullet___ZOkCk {
2036
+ .Radio-module__hop-Radio__bullet___Gh9LA {
1851
2037
  display: var(--bullet-display);
1852
2038
  color: var(--bullet-color);
1853
2039
  }
1854
- .Radio-module__hop-Radio__text___GmMaW {
2040
+ .Radio-module__hop-Radio__text___M4Ezd {
1855
2041
  flex: 0 1 auto;
1856
2042
  order: 2;
1857
2043
  min-inline-size: 0;
@@ -1861,7 +2047,7 @@
1861
2047
  }
1862
2048
 
1863
2049
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1864
- .RadioField-module__hop-RadioField___ZaNAp {
2050
+ .RadioField-module__hop-RadioField___XLgwE {
1865
2051
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1866
2052
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1867
2053
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1880,28 +2066,28 @@
1880
2066
  inline-size: max-content;
1881
2067
  max-inline-size: 100%;
1882
2068
  }
1883
- .RadioField-module__hop-RadioField___ZaNAp[data-disabled] {
2069
+ .RadioField-module__hop-RadioField___XLgwE[data-disabled] {
1884
2070
  --description-color: var(--hop-RadioField-description-color-disabled);
1885
2071
  }
1886
- .RadioField-module__hop-RadioField--sm___7g2-S {
2072
+ .RadioField-module__hop-RadioField--sm___mQpVi {
1887
2073
  --row-gap: var(--hop-RadioField-sm-row-gap);
1888
2074
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1889
2075
  }
1890
- .RadioField-module__hop-RadioField--md___-5Row {
2076
+ .RadioField-module__hop-RadioField--md___GTmnH {
1891
2077
  --row-gap: var(--hop-RadioField-md-row-gap);
1892
2078
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1893
2079
  }
1894
- .RadioField-module__hop-RadioField__description___5wJkd {
2080
+ .RadioField-module__hop-RadioField__description___-HL2K {
1895
2081
  order: 2;
1896
2082
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1897
2083
  color: var(--description-color);
1898
2084
  }
1899
- .RadioField-module__hop-RadioField__radio___exdNe {
2085
+ .RadioField-module__hop-RadioField__radio___7qSUo {
1900
2086
  order: 1;
1901
2087
  }
1902
2088
 
1903
2089
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1904
- .RadioGroup-module__hop-RadioGroup___2BFRj {
2090
+ .RadioGroup-module__hop-RadioGroup___ZkN81 {
1905
2091
  --hop-RadioGroup-align-items: flex-start;
1906
2092
  --hop-RadioGroup-justify-content: flex-start;
1907
2093
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1941,46 +2127,46 @@
1941
2127
  inline-size: var(--inline-size);
1942
2128
  max-inline-size: 100%;
1943
2129
  }
1944
- .RadioGroup-module__hop-RadioGroup--bordered___TWlEk {
2130
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z {
1945
2131
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1946
2132
  --list-border-radius: var(--hop-shape-rounded-md);
1947
2133
  }
1948
- .RadioGroup-module__hop-RadioGroup--sm___sU8V8 {
2134
+ .RadioGroup-module__hop-RadioGroup--sm___rknTP {
1949
2135
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1950
2136
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1951
2137
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1952
2138
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1953
2139
  }
1954
- .RadioGroup-module__hop-RadioGroup--md___o0jW4 {
2140
+ .RadioGroup-module__hop-RadioGroup--md___hXQE8 {
1955
2141
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1956
2142
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1957
2143
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1958
2144
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1959
2145
  }
1960
- .RadioGroup-module__hop-RadioGroup--bordered___TWlEk.RadioGroup-module__hop-RadioGroup--sm___sU8V8 {
2146
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z.RadioGroup-module__hop-RadioGroup--sm___rknTP {
1961
2147
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1962
2148
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1963
2149
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1964
2150
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1965
2151
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1966
2152
  }
1967
- .RadioGroup-module__hop-RadioGroup--bordered___TWlEk.RadioGroup-module__hop-RadioGroup--md___o0jW4 {
2153
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z.RadioGroup-module__hop-RadioGroup--md___hXQE8 {
1968
2154
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1969
2155
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1970
2156
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1971
2157
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1972
2158
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1973
2159
  }
1974
- .RadioGroup-module__hop-RadioGroup___2BFRj[data-orientation=horizontal] {
2160
+ .RadioGroup-module__hop-RadioGroup___ZkN81[data-orientation=horizontal] {
1975
2161
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1976
2162
  }
1977
- .RadioGroup-module__hop-RadioGroup--bordered___TWlEk[data-orientation=horizontal] {
2163
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z[data-orientation=horizontal] {
1978
2164
  --flex-wrap: nowrap;
1979
2165
  }
1980
- .RadioGroup-module__hop-RadioGroup___2BFRj > .RadioGroup-module__hop-RadioGroup__label___DohOP {
2166
+ .RadioGroup-module__hop-RadioGroup___ZkN81 > .RadioGroup-module__hop-RadioGroup__label___2-otR {
1981
2167
  order: 1;
1982
2168
  }
1983
- .RadioGroup-module__hop-RadioGroup__list___csilJ {
2169
+ .RadioGroup-module__hop-RadioGroup__list___HI--g {
1984
2170
  display: flex;
1985
2171
  flex-flow: var(--flex-direction) var(--flex-wrap);
1986
2172
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1991,7 +2177,7 @@
1991
2177
  border: var(--list-border, none);
1992
2178
  border-radius: var(--list-border-radius, 0);
1993
2179
  }
1994
- .RadioGroup-module__hop-RadioGroup__list___csilJ > .RadioGroup-module__hop-RadioGroup__radio___SpMaJ {
2180
+ .RadioGroup-module__hop-RadioGroup__list___HI--g > .RadioGroup-module__hop-RadioGroup__radio___Y2PHm {
1995
2181
  position: relative;
1996
2182
  flex: 0 1 auto;
1997
2183
  align-content: start;
@@ -1999,28 +2185,28 @@
1999
2185
  min-inline-size: 0;
2000
2186
  padding: var(--radio-padding, 0);
2001
2187
  }
2002
- .RadioGroup-module__hop-RadioGroup--bordered___TWlEk .RadioGroup-module__hop-RadioGroup__list___csilJ > .RadioGroup-module__hop-RadioGroup__radio___SpMaJ ~ .RadioGroup-module__hop-RadioGroup__radio___SpMaJ::before {
2188
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z .RadioGroup-module__hop-RadioGroup__list___HI--g > .RadioGroup-module__hop-RadioGroup__radio___Y2PHm ~ .RadioGroup-module__hop-RadioGroup__radio___Y2PHm::before {
2003
2189
  content: "";
2004
2190
  position: absolute;
2005
2191
  display: block;
2006
2192
  }
2007
- .RadioGroup-module__hop-RadioGroup--bordered___TWlEk[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___csilJ > .RadioGroup-module__hop-RadioGroup__radio___SpMaJ ~ .RadioGroup-module__hop-RadioGroup__radio___SpMaJ::before {
2193
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___HI--g > .RadioGroup-module__hop-RadioGroup__radio___Y2PHm ~ .RadioGroup-module__hop-RadioGroup__radio___Y2PHm::before {
2008
2194
  inset-block-start: 0;
2009
2195
  inset-inline: 0;
2010
2196
  border-block-start: var(--list-border, none);
2011
2197
  }
2012
- .RadioGroup-module__hop-RadioGroup--bordered___TWlEk[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___csilJ > .RadioGroup-module__hop-RadioGroup__radio___SpMaJ ~ .RadioGroup-module__hop-RadioGroup__radio___SpMaJ::before {
2198
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___HI--g > .RadioGroup-module__hop-RadioGroup__radio___Y2PHm ~ .RadioGroup-module__hop-RadioGroup__radio___Y2PHm::before {
2013
2199
  inset-block: 0;
2014
2200
  inset-inline-start: 0;
2015
2201
  border-inline-start: var(--list-border, none);
2016
2202
  }
2017
- .RadioGroup-module__hop-RadioGroup___2BFRj > .RadioGroup-module__hop-RadioGroup__error-message___4TlqM,
2018
- .RadioGroup-module__hop-RadioGroup___2BFRj > .RadioGroup-module__hop-RadioGroup__helper-message___FFuEK {
2203
+ .RadioGroup-module__hop-RadioGroup___ZkN81 > .RadioGroup-module__hop-RadioGroup__error-message___fsKgY,
2204
+ .RadioGroup-module__hop-RadioGroup___ZkN81 > .RadioGroup-module__hop-RadioGroup__helper-message___qULS3 {
2019
2205
  order: 3;
2020
2206
  }
2021
2207
 
2022
2208
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
2023
- .Switch-module__hop-Switch___n4jxE {
2209
+ .Switch-module__hop-Switch___g-wMP {
2024
2210
  --hop-Switch-border-size: 0.0625rem;
2025
2211
  --hop-Switch-border-color: var(--hop-neutral-border);
2026
2212
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -2071,63 +2257,62 @@
2071
2257
  cursor: var(--cursor);
2072
2258
  display: inline-flex;
2073
2259
  column-gap: var(--column-gap);
2074
- align-items: center;
2075
- align-items: start;
2076
- justify-content: start;
2260
+ align-items: flex-start;
2261
+ justify-content: flex-start;
2077
2262
  box-sizing: border-box;
2078
2263
  inline-size: max-content;
2079
2264
  max-inline-size: 100%;
2080
2265
  }
2081
- .Switch-module__hop-Switch--sm___-f1X2 {
2266
+ .Switch-module__hop-Switch--sm___x4P0y {
2082
2267
  --inline-size: var(--hop-Switch-inline-size-sm);
2083
2268
  --block-size: var(--hop-Switch-block-size-sm);
2084
2269
  --thumb-size: var(--hop-Switch-thumb-size-sm);
2085
2270
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
2086
2271
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
2087
2272
  }
2088
- .Switch-module__hop-Switch--md___QZsov {
2273
+ .Switch-module__hop-Switch--md___5n6kY {
2089
2274
  --inline-size: var(--hop-Switch-inline-size-md);
2090
2275
  --block-size: var(--hop-Switch-block-size-md);
2091
2276
  --thumb-size: var(--hop-Switch-thumb-size-md);
2092
2277
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
2093
2278
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
2094
2279
  }
2095
- .Switch-module__hop-Switch___n4jxE[data-hovered] {
2280
+ .Switch-module__hop-Switch___g-wMP[data-hovered] {
2096
2281
  --border-color: var(--hop-Switch-border-color-hover);
2097
2282
  --background-color: var(--hop-Switch-background-color-hover);
2098
2283
  --thumb-color: var(--hop-Switch-thumb-color-hover);
2099
2284
  --text-color: var(--hop-Switch-text-color-hover);
2100
2285
  }
2101
- .Switch-module__hop-Switch___n4jxE[data-pressed],
2102
- .Switch-module__hop-Switch___n4jxE[data-pressed][data-focus-visible] {
2286
+ .Switch-module__hop-Switch___g-wMP[data-pressed],
2287
+ .Switch-module__hop-Switch___g-wMP[data-pressed][data-focus-visible] {
2103
2288
  --border-color: var(--hop-Switch-border-color-pressed);
2104
2289
  --background-color: var(--hop-Switch-background-color-pressed);
2105
2290
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
2106
2291
  --text-color: var(--hop-Switch-text-color-pressed);
2107
2292
  }
2108
- .Switch-module__hop-Switch___n4jxE[data-focus-visible] {
2293
+ .Switch-module__hop-Switch___g-wMP[data-focus-visible] {
2109
2294
  --border-color: var(--hop-Switch-border-color-focus);
2110
2295
  --background-color: var(--hop-Switch-background-color-focus);
2111
2296
  --thumb-color: var(--hop-Switch-thumb-color-focus);
2112
2297
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
2113
2298
  --text-color: var(--hop-Switch-text-color-focus);
2114
2299
  }
2115
- .Switch-module__hop-Switch___n4jxE[data-selected],
2116
- .Switch-module__hop-Switch___n4jxE[data-selected][data-pressed] {
2300
+ .Switch-module__hop-Switch___g-wMP[data-selected],
2301
+ .Switch-module__hop-Switch___g-wMP[data-selected][data-pressed] {
2117
2302
  --border-color: var(--hop-Switch-border-color-selected);
2118
2303
  --background-color: var(--hop-Switch-background-color-selected);
2119
2304
  --thumb-color: var(--hop-Switch-thumb-color-selected);
2120
2305
  --thumb-transform: translate(calc(var(--inline-size) - var(--thumb-size, var(--hop-Switch-thumb-size-md)) - (2 * var(--inset-inline-start, var(--hop-Switch-inset-inline-start-md))) - (2 * var(--border-size))), -50%);
2121
2306
  --text-color: var(--hop-Switch-text-color-selected);
2122
2307
  }
2123
- .Switch-module__hop-Switch___n4jxE[data-disabled] {
2308
+ .Switch-module__hop-Switch___g-wMP[data-disabled] {
2124
2309
  --border-color: var(--hop-Switch-border-color-disabled);
2125
2310
  --background-color: var(--hop-Switch-background-color-disabled);
2126
2311
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
2127
2312
  --text-color: var(--hop-Switch-text-color-disabled);
2128
2313
  --cursor: not-allowed;
2129
2314
  }
2130
- .Switch-module__hop-Switch__indicator___iRVTh {
2315
+ .Switch-module__hop-Switch__indicator___zoC1a {
2131
2316
  position: relative;
2132
2317
  flex: 0 0 auto;
2133
2318
  box-sizing: border-box;
@@ -2140,7 +2325,7 @@
2140
2325
  outline-offset: 0.125rem;
2141
2326
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
2142
2327
  }
2143
- .Switch-module__hop-Switch__indicator___iRVTh::before {
2328
+ .Switch-module__hop-Switch__indicator___zoC1a::before {
2144
2329
  content: "";
2145
2330
  position: absolute;
2146
2331
  inset-block-start: 50%;
@@ -2155,20 +2340,20 @@
2155
2340
  border-radius: var(--hop-shape-circle);
2156
2341
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
2157
2342
  }
2158
- .Switch-module__hop-Switch__text___QeO6o {
2343
+ .Switch-module__hop-Switch__text___zwJVh {
2159
2344
  flex: 0 1 auto;
2160
2345
  order: 2;
2161
2346
  min-inline-size: 0;
2162
2347
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
2163
2348
  color: var(--text-color);
2164
2349
  }
2165
- .Switch-module__hop-Switch__icon-list___ka5FC,
2166
- .Switch-module__hop-Switch__icon___j9U5W {
2350
+ .Switch-module__hop-Switch__icon-list___tBX-Z,
2351
+ .Switch-module__hop-Switch__icon___TKU4w {
2167
2352
  order: 3;
2168
2353
  }
2169
2354
 
2170
2355
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
2171
- .SwitchField-module__hop-SwitchField___OlYHx {
2356
+ .SwitchField-module__hop-SwitchField___nmxTu {
2172
2357
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
2173
2358
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
2174
2359
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2187,28 +2372,28 @@
2187
2372
  inline-size: max-content;
2188
2373
  max-inline-size: 100%;
2189
2374
  }
2190
- .SwitchField-module__hop-SwitchField___OlYHx[data-disabled] {
2375
+ .SwitchField-module__hop-SwitchField___nmxTu[data-disabled] {
2191
2376
  --description-color: var(--hop-SwitchField-description-color-disabled);
2192
2377
  }
2193
- .SwitchField-module__hop-SwitchField--sm___7s7Ty {
2378
+ .SwitchField-module__hop-SwitchField--sm___cVtQp {
2194
2379
  --row-gap: var(--hop-SwitchField-sm-row-gap);
2195
2380
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
2196
2381
  }
2197
- .SwitchField-module__hop-SwitchField--md___gIbMI {
2382
+ .SwitchField-module__hop-SwitchField--md___DpMwX {
2198
2383
  --row-gap: var(--hop-SwitchField-md-row-gap);
2199
2384
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
2200
2385
  }
2201
- .SwitchField-module__hop-SwitchField__description___Jj-gO {
2386
+ .SwitchField-module__hop-SwitchField__description___hUNKc {
2202
2387
  order: 2;
2203
2388
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
2204
2389
  color: var(--description-color);
2205
2390
  }
2206
- .SwitchField-module__hop-SwitchField__switch___OZkSD {
2391
+ .SwitchField-module__hop-SwitchField__switch___-gZNo {
2207
2392
  order: 1;
2208
2393
  }
2209
2394
 
2210
2395
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
2211
- .Tag-module__hop-Tag___Arrz- {
2396
+ .Tag-module__hop-Tag___qFqyh {
2212
2397
  --hop-Tag-border-size: 0.0625rem;
2213
2398
  --hop-Tag-border-radius: var(--hop-shape-pill);
2214
2399
  --hop-Tag-border-color: var(--hop-neutral-border);
@@ -2268,23 +2453,23 @@
2268
2453
  outline: none;
2269
2454
  outline-offset: 0.125rem;
2270
2455
  }
2271
- .Tag-module__hop-Tag--md___Ig1m0 {
2456
+ .Tag-module__hop-Tag--md___yD2R0 {
2272
2457
  --block-size: var(--hop-Tag-md-block-size);
2273
2458
  --padding-inline-start: var(--hop-Tag-md-padding-inline-start);
2274
2459
  --padding-inline-end: var(--hop-Tag-md-padding-inline-end);
2275
2460
  --column-gap: var(--hop-Tag-md-column-gap);
2276
2461
  --clear-btn-margin-inline: calc(-1 * var(--hop-space-inline-xs));
2277
2462
  }
2278
- .Tag-module__hop-Tag--md___Ig1m0:not(:has(.Tag-module__hop-Tag__icon___Q2RKs, .Tag-module__hop-Tag__icon-list___p4FYl)) {
2463
+ .Tag-module__hop-Tag--md___yD2R0:not(:has(.Tag-module__hop-Tag__icon___BuZdB, .Tag-module__hop-Tag__icon-list___XpdrM)) {
2279
2464
  --padding-inline-start: var(--hop-Tag-md-padding-inline-start-text-first);
2280
2465
  }
2281
- .Tag-module__hop-Tag--md___Ig1m0:not(:has(.Tag-module__hop-Tag__badge___aFb39, .Tag-module__hop-Tag__remove-btn___5kLUr, .Tag-module__hop-Tag__Spinner___QMS-T)) {
2466
+ .Tag-module__hop-Tag--md___yD2R0:not(:has(.Tag-module__hop-Tag__badge___KsNAZ, .Tag-module__hop-Tag__remove-btn___1-nqJ, .Tag-module__hop-Tag__Spinner___4ylYp)) {
2282
2467
  --padding-inline-end: var(--hop-Tag-md-padding-inline-end-text-last);
2283
2468
  }
2284
- .Tag-module__hop-Tag--md___Ig1m0:not(:has(.Tag-module__hop-Tag__remove-btn___5kLUr, .Tag-module__hop-Tag__Spinner___QMS-T)) {
2469
+ .Tag-module__hop-Tag--md___yD2R0:not(:has(.Tag-module__hop-Tag__remove-btn___1-nqJ, .Tag-module__hop-Tag__Spinner___4ylYp)) {
2285
2470
  --badge-margin-inline-end: calc(-1 * var(--padding-inline-end));
2286
2471
  }
2287
- .Tag-module__hop-Tag--lg___J1-GI {
2472
+ .Tag-module__hop-Tag--lg___QYYXG {
2288
2473
  --block-size: var(--hop-Tag-lg-block-size);
2289
2474
  --padding-inline-start: var(--hop-Tag-lg-padding-inline-start);
2290
2475
  --padding-inline-end: var(--hop-Tag-lg-padding-inline-end);
@@ -2292,54 +2477,54 @@
2292
2477
  --clear-btn-margin-inline: 0;
2293
2478
  --badge-margin-inline-end: 0;
2294
2479
  }
2295
- .Tag-module__hop-Tag--lg___J1-GI:not(:has(.Tag-module__hop-Tag__icon___Q2RKs, .Tag-module__hop-Tag__icon-list___p4FYl)) {
2480
+ .Tag-module__hop-Tag--lg___QYYXG:not(:has(.Tag-module__hop-Tag__icon___BuZdB, .Tag-module__hop-Tag__icon-list___XpdrM)) {
2296
2481
  --padding-inline-start: var(--hop-Tag-lg-padding-inline-start-text-first);
2297
2482
  }
2298
- .Tag-module__hop-Tag--lg___J1-GI:not(:has(.Tag-module__hop-Tag__badge___aFb39, .Tag-module__hop-Tag__remove-btn___5kLUr, .Tag-module__hop-Tag__Spinner___QMS-T)) {
2483
+ .Tag-module__hop-Tag--lg___QYYXG:not(:has(.Tag-module__hop-Tag__badge___KsNAZ, .Tag-module__hop-Tag__remove-btn___1-nqJ, .Tag-module__hop-Tag__Spinner___4ylYp)) {
2299
2484
  --padding-inline-end: var(--hop-Tag-lg-padding-inline-end-text-last);
2300
2485
  }
2301
- .Tag-module__hop-Tag___Arrz-[data-href] {
2486
+ .Tag-module__hop-Tag___qFqyh[data-href] {
2302
2487
  cursor: pointer;
2303
2488
  }
2304
- .Tag-module__hop-Tag___Arrz-[data-focus-visible] {
2489
+ .Tag-module__hop-Tag___qFqyh[data-focus-visible] {
2305
2490
  --background-color: var(--hop-Tag-background-color-focus);
2306
2491
  --border-color: var(--hop-Tag-border-color-focus);
2307
2492
  --text-color: var(--hop-Tag-text-color-focus);
2308
2493
  outline: 0.125rem solid var(--focus-ring-color);
2309
2494
  }
2310
- .Tag-module__hop-Tag___Arrz-[data-hovered] {
2495
+ .Tag-module__hop-Tag___qFqyh[data-hovered] {
2311
2496
  --background-color: var(--hop-Tag-background-color-hover);
2312
2497
  --border-color: var(--hop-Tag-border-color-hover);
2313
2498
  --text-color: var(--hop-Tag-text-color-hover);
2314
2499
  cursor: pointer;
2315
2500
  }
2316
- .Tag-module__hop-Tag___Arrz-[data-selected] {
2501
+ .Tag-module__hop-Tag___qFqyh[data-selected] {
2317
2502
  --background-color: var(--hop-Tag-background-color-selected);
2318
2503
  --border-color: var(--hop-Tag-border-color-selected);
2319
2504
  --text-color: var(--hop-Tag-text-color-selected);
2320
2505
  }
2321
- .Tag-module__hop-Tag___Arrz-[data-pressed] {
2506
+ .Tag-module__hop-Tag___qFqyh[data-pressed] {
2322
2507
  --background-color: var(--hop-Tag-background-color-press);
2323
2508
  --border-color: var(--hop-Tag-border-color-press);
2324
2509
  --text-color: var(--hop-Tag-text-color-press);
2325
2510
  cursor: pointer;
2326
2511
  }
2327
- .Tag-module__hop-Tag___Arrz-[data-invalid] {
2512
+ .Tag-module__hop-Tag___qFqyh[data-invalid] {
2328
2513
  --border-color: var(--hop-Tag-border-color-invalid);
2329
2514
  }
2330
- .Tag-module__hop-Tag___Arrz-[data-disabled] {
2515
+ .Tag-module__hop-Tag___qFqyh[data-disabled] {
2331
2516
  --background-color: var(--hop-Tag-background-color-disabled);
2332
2517
  --border-color: var(--hop-Tag-border-color-disabled);
2333
2518
  --text-color: var(--hop-Tag-text-color-disabled);
2334
2519
  cursor: not-allowed;
2335
2520
  }
2336
- .Tag-module__hop-Tag__icon___Q2RKs,
2337
- .Tag-module__hop-Tag__icon-list___p4FYl {
2521
+ .Tag-module__hop-Tag__icon___BuZdB,
2522
+ .Tag-module__hop-Tag__icon-list___XpdrM {
2338
2523
  flex: 0 0 auto;
2339
2524
  flex-wrap: nowrap;
2340
2525
  order: 1;
2341
2526
  }
2342
- .Tag-module__hop-Tag__text___2zDrG {
2527
+ .Tag-module__hop-Tag__text___JF8Qt {
2343
2528
  overflow: hidden;
2344
2529
  flex: 1 1 auto;
2345
2530
  order: 2;
@@ -2347,25 +2532,25 @@
2347
2532
  text-align: center;
2348
2533
  text-overflow: ellipsis;
2349
2534
  }
2350
- .Tag-module__hop-Tag__badge___aFb39 {
2535
+ .Tag-module__hop-Tag__badge___KsNAZ {
2351
2536
  flex: 0 0 auto;
2352
2537
  order: 3;
2353
2538
  margin-inline-end: var(--badge-margin-inline-end);
2354
2539
  }
2355
- .Tag-module__hop-Tag__badge___aFb39.Tag-module__hop-Badge--secondary___guKe6 {
2540
+ .Tag-module__hop-Tag__badge___KsNAZ.Tag-module__hop-Badge--secondary___Hb-el {
2356
2541
  margin-inline-start: var(--badge-secondary-inline-margin-start);
2357
2542
  }
2358
- .Tag-module__hop-Tag__remove-btn___5kLUr,
2359
- .Tag-module__hop-Tag__Spinner___QMS-T {
2543
+ .Tag-module__hop-Tag__remove-btn___1-nqJ,
2544
+ .Tag-module__hop-Tag__Spinner___4ylYp {
2360
2545
  flex: 0 0 auto;
2361
2546
  order: 4;
2362
2547
  }
2363
- .Tag-module__hop-Tag__remove-btn___5kLUr {
2548
+ .Tag-module__hop-Tag__remove-btn___1-nqJ {
2364
2549
  margin-inline: var(--clear-btn-margin-inline);
2365
2550
  }
2366
2551
 
2367
2552
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
2368
- .TagGroup-module__hop-TagGroup___-9K4- {
2553
+ .TagGroup-module__hop-TagGroup___muX-P {
2369
2554
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
2370
2555
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
2371
2556
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -2385,10 +2570,10 @@
2385
2570
  inline-size: max-content;
2386
2571
  max-inline-size: 100%;
2387
2572
  }
2388
- .TagGroup-module__hop-TagGroup___-9K4- > .TagGroup-module__hop-TagGroup__label___HliMe {
2573
+ .TagGroup-module__hop-TagGroup___muX-P > .TagGroup-module__hop-TagGroup__label___dhbyb {
2389
2574
  order: 1;
2390
2575
  }
2391
- .TagGroup-module__hop-TagGroup__list___wzY6r {
2576
+ .TagGroup-module__hop-TagGroup__list___V4zxa {
2392
2577
  display: flex;
2393
2578
  flex-wrap: wrap;
2394
2579
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -2397,17 +2582,17 @@
2397
2582
  border-radius: var(--list-border-radius);
2398
2583
  outline: none;
2399
2584
  }
2400
- .TagGroup-module__hop-TagGroup__list___wzY6r[data-focus-visible] {
2585
+ .TagGroup-module__hop-TagGroup__list___V4zxa[data-focus-visible] {
2401
2586
  outline: 0.125rem solid var(--list-focus-ring-color);
2402
2587
  outline-offset: 0.125rem;
2403
2588
  }
2404
- .TagGroup-module__hop-TagGroup___-9K4- > .TagGroup-module__hop-TagGroup__error-message___KGiI-,
2405
- .TagGroup-module__hop-TagGroup___-9K4- > .TagGroup-module__hop-TagGroup__helper-message___B4nYY {
2589
+ .TagGroup-module__hop-TagGroup___muX-P > .TagGroup-module__hop-TagGroup__error-message___u8YEV,
2590
+ .TagGroup-module__hop-TagGroup___muX-P > .TagGroup-module__hop-TagGroup__helper-message___SgKv3 {
2406
2591
  order: 3;
2407
2592
  }
2408
2593
 
2409
2594
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2410
- .Heading-module__hop-Heading___XEMpo {
2595
+ .Heading-module__hop-Heading___N6RDM {
2411
2596
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2412
2597
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2413
2598
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -2441,50 +2626,50 @@
2441
2626
  --hop-Heading-inherit-size-font-weight: inherit;
2442
2627
  --hop-Heading-inherit-size-line-height: inherit;
2443
2628
  }
2444
- :where(.Heading-module__hop-Heading___XEMpo) {
2629
+ :where(.Heading-module__hop-Heading___N6RDM) {
2445
2630
  margin: 0;
2446
2631
  font-family: var(--font-family);
2447
2632
  font-size: var(--font-size);
2448
2633
  font-weight: var(--font-weight);
2449
2634
  line-height: var(--line-height);
2450
2635
  }
2451
- :where(.Heading-module__hop-Heading--xs___QP1iF) {
2636
+ :where(.Heading-module__hop-Heading--xs___PspSb) {
2452
2637
  --font-size: var(--hop-Heading-xs-font-size);
2453
2638
  --font-family: var(--hop-Heading-xs-font-family);
2454
2639
  --font-weight: var(--hop-Heading-xs-font-weight);
2455
2640
  --line-height: var(--hop-Heading-xs-line-height);
2456
2641
  }
2457
- :where(.Heading-module__hop-Heading--sm___q3RaI) {
2642
+ :where(.Heading-module__hop-Heading--sm___I-Ypn) {
2458
2643
  --font-size: var(--hop-Heading-sm-font-size);
2459
2644
  --font-family: var(--hop-Heading-sm-font-family);
2460
2645
  --font-weight: var(--hop-Heading-sm-font-weight);
2461
2646
  --line-height: var(--hop-Heading-sm-line-height);
2462
2647
  }
2463
- :where(.Heading-module__hop-Heading--md___wAHF9) {
2648
+ :where(.Heading-module__hop-Heading--md___bJB6G) {
2464
2649
  --font-size: var(--hop-Heading-md-font-size);
2465
2650
  --font-family: var(--hop-Heading-md-font-family);
2466
2651
  --font-weight: var(--hop-Heading-md-font-weight);
2467
2652
  --line-height: var(--hop-Heading-md-line-height);
2468
2653
  }
2469
- :where(.Heading-module__hop-Heading--lg___1yXCu) {
2654
+ :where(.Heading-module__hop-Heading--lg___NYsEb) {
2470
2655
  --font-size: var(--hop-Heading-lg-font-size);
2471
2656
  --font-family: var(--hop-Heading-lg-font-family);
2472
2657
  --font-weight: var(--hop-Heading-lg-font-weight);
2473
2658
  --line-height: var(--hop-Heading-lg-line-height);
2474
2659
  }
2475
- :where(.Heading-module__hop-Heading--xl___N5H9A) {
2660
+ :where(.Heading-module__hop-Heading--xl___K-lV8) {
2476
2661
  --font-size: var(--hop-Heading-xl-font-size);
2477
2662
  --font-family: var(--hop-Heading-xl-font-family);
2478
2663
  --font-weight: var(--hop-Heading-xl-font-weight);
2479
2664
  --line-height: var(--hop-Heading-xl-line-height);
2480
2665
  }
2481
- :where(.Heading-module__hop-Heading--2xl___9j09H) {
2666
+ :where(.Heading-module__hop-Heading--2xl___Uxjjw) {
2482
2667
  --font-size: var(--hop-Heading-2xl-font-size);
2483
2668
  --font-family: var(--hop-Heading-2xl-font-family);
2484
2669
  --font-weight: var(--hop-Heading-2xl-font-weight);
2485
2670
  --line-height: var(--hop-Heading-2xl-line-height);
2486
2671
  }
2487
- :where(.Heading-module__hop-Heading--3xl___LGn-R) {
2672
+ :where(.Heading-module__hop-Heading--3xl___YLUEv) {
2488
2673
  --font-size: var(--hop-Heading-3xl-font-size);
2489
2674
  --font-family: var(--hop-Heading-3xl-font-family);
2490
2675
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -2492,7 +2677,7 @@
2492
2677
  }
2493
2678
 
2494
2679
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2495
- .TextField-module__hop-TextField___LVxGo {
2680
+ .TextField-module__hop-TextField___kinvO {
2496
2681
  --hop-TextField-gap: var(--hop-space-stack-xs);
2497
2682
  --hop-TextField-inline-size: 20rem;
2498
2683
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2507,10 +2692,10 @@
2507
2692
  gap: var(--hop-TextField-gap);
2508
2693
  inline-size: var(--inline-size);
2509
2694
  }
2510
- .TextField-module__hop-TextField--fluid___Zxhx8 {
2695
+ .TextField-module__hop-TextField--fluid___9n2wP {
2511
2696
  --inline-size: 100%;
2512
2697
  }
2513
- .TextField-module__hop-TextField__Label___j-hHO {
2698
+ .TextField-module__hop-TextField__Label___C1veN {
2514
2699
  order: 0;
2515
2700
  font-family: var(--hop-TextField-font-family);
2516
2701
  font-size: var(--hop-TextField-font-size);
@@ -2518,14 +2703,14 @@
2518
2703
  line-height: var(--hop-TextField-line-height);
2519
2704
  color: var(--hop-TextField-color);
2520
2705
  }
2521
- .TextField-module__hop-TextField__prefix___W7szZ {
2706
+ .TextField-module__hop-TextField__prefix___Hw8Cr {
2522
2707
  color: var(--hop-TextField-prefix-color);
2523
2708
  }
2524
- .TextField-module__hop-TextField__InputGroup___6TfYD {
2709
+ .TextField-module__hop-TextField__InputGroup___or9FG {
2525
2710
  order: 1;
2526
2711
  inline-size: 100%;
2527
2712
  }
2528
- .TextField-module__hop-TextField__ErrorMessage___rDG7U,
2529
- .TextField-module__hop-TextField__HelperMessage___l-32U {
2713
+ .TextField-module__hop-TextField__ErrorMessage___zXsFu,
2714
+ .TextField-module__hop-TextField__HelperMessage___yHZ0J {
2530
2715
  order: 3;
2531
2716
  }