@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/IconList/src/IconList.module.css/#css-module-data */
2
- .IconList-module__hop-IconList___bEeEm {
2
+ .IconList-module__hop-IconList___rQ7-K {
3
3
  --hop-IconList-gap: var(--hop-space-inline-xs);
4
4
  display: flex;
5
5
  flex-wrap: wrap;
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
11
- .Label-module__hop-Label___tg1n7 {
11
+ .Label-module__hop-Label___Wqsi6 {
12
12
  --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
13
13
  --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
14
14
  --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -38,49 +38,49 @@
38
38
  --hop-Label-inherit-size-font-weight: inherit;
39
39
  --hop-Label-inherit-size-line-height: inherit;
40
40
  }
41
- :where(.Label-module__hop-Label___tg1n7) {
41
+ :where(.Label-module__hop-Label___Wqsi6) {
42
42
  font-family: var(--font-family);
43
43
  font-size: var(--font-size);
44
44
  font-weight: var(--font-weight);
45
45
  line-height: var(--line-height);
46
46
  }
47
- :where(.Label-module__hop-Label--xs___4pWwc) {
47
+ :where(.Label-module__hop-Label--xs___4haq7) {
48
48
  --font-size: var(--hop-Label-xs-font-size);
49
49
  --font-family: var(--hop-Label-xs-font-family);
50
50
  --font-weight: var(--hop-Label-xs-font-weight);
51
51
  --line-height: var(--hop-Label-xs-line-height);
52
52
  }
53
- :where(.Label-module__hop-Label--sm___lRRVW) {
53
+ :where(.Label-module__hop-Label--sm___-mTev) {
54
54
  --font-size: var(--hop-Label-sm-font-size);
55
55
  --font-family: var(--hop-Label-sm-font-family);
56
56
  --font-weight: var(--hop-Label-sm-font-weight);
57
57
  --line-height: var(--hop-Label-sm-line-height);
58
58
  }
59
- :where(.Label-module__hop-Label--md___2oL46) {
59
+ :where(.Label-module__hop-Label--md___Itj3l) {
60
60
  --font-size: var(--hop-Label-md-font-size);
61
61
  --font-family: var(--hop-Label-md-font-family);
62
62
  --font-weight: var(--hop-Label-md-font-weight);
63
63
  --line-height: var(--hop-Label-md-line-height);
64
64
  }
65
- :where(.Label-module__hop-Label--lg___GE3zR) {
65
+ :where(.Label-module__hop-Label--lg___HB3TK) {
66
66
  --font-size: var(--hop-Label-lg-font-size);
67
67
  --font-family: var(--hop-Label-lg-font-family);
68
68
  --font-weight: var(--hop-Label-lg-font-weight);
69
69
  --line-height: var(--hop-Label-lg-line-height);
70
70
  }
71
- :where(.Label-module__hop-Label--xl___8-86h) {
71
+ :where(.Label-module__hop-Label--xl___7o9x-) {
72
72
  --font-size: var(--hop-Label-xl-font-size);
73
73
  --font-family: var(--hop-Label-xl-font-family);
74
74
  --font-weight: var(--hop-Label-xl-font-weight);
75
75
  --line-height: var(--hop-Label-xl-line-height);
76
76
  }
77
- :where(.Label-module__hop-Label--2xl___HSwTt) {
77
+ :where(.Label-module__hop-Label--2xl___7vA1P) {
78
78
  --font-size: var(--hop-Label-2xl-font-size);
79
79
  --font-family: var(--hop-Label-2xl-font-family);
80
80
  --font-weight: var(--hop-Label-2xl-font-weight);
81
81
  --line-height: var(--hop-Label-2xl-line-height);
82
82
  }
83
- :where(.Label-module__hop-Label--inherit___h8Ebb) {
83
+ :where(.Label-module__hop-Label--inherit___XavZ-) {
84
84
  --font-size: var(--hop-Label-inherit-size-font-size);
85
85
  --font-family: var(--hop-Label-inherit-size-font-family);
86
86
  --font-weight: var(--hop-Label-inherit-size-font-weight);
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
91
- @keyframes Spinner-module__spin___AHP-g {
91
+ @keyframes Spinner-module__spin___oUKEY {
92
92
  0% {
93
93
  transform: rotate(0deg);
94
94
  }
@@ -96,7 +96,7 @@
96
96
  transform: rotate(360deg);
97
97
  }
98
98
  }
99
- .Spinner-module__hop-Spinner___g8YMK {
99
+ .Spinner-module__hop-Spinner___RPH-- {
100
100
  --hop-Spinner-border-radius: var(--hop-shape-circle);
101
101
  --hop-Spinner-sm-wheel-size: 1rem;
102
102
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -104,7 +104,7 @@
104
104
  --hop-Spinner-track-width: 0.125rem;
105
105
  --hop-Spinner-track-opacity: 0.2;
106
106
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
107
- --hop-Spinner-fill-animation: Spinner-module__spin___AHP-g .8s infinite linear;
107
+ --hop-Spinner-fill-animation: Spinner-module__spin___oUKEY .8s infinite linear;
108
108
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
109
109
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
110
110
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -115,19 +115,19 @@
115
115
  align-items: center;
116
116
  box-sizing: border-box;
117
117
  }
118
- .Spinner-module__hop-Spinner--sm___ENKbf {
118
+ .Spinner-module__hop-Spinner--sm___tp6ha {
119
119
  --width: var(--hop-Spinner-sm-wheel-size);
120
120
  --height: var(--hop-Spinner-sm-wheel-size);
121
121
  }
122
- .Spinner-module__hop-Spinner--md___dU1Hu {
122
+ .Spinner-module__hop-Spinner--md___hQWm0 {
123
123
  --width: var(--hop-Spinner-md-wheel-size);
124
124
  --height: var(--hop-Spinner-md-wheel-size);
125
125
  }
126
- .Spinner-module__hop-Spinner--lg___e6crn {
126
+ .Spinner-module__hop-Spinner--lg___erfkq {
127
127
  --width: var(--hop-Spinner-lg-wheel-size);
128
128
  --height: var(--hop-Spinner-lg-wheel-size);
129
129
  }
130
- .Spinner-module__hop-Spinner__track___aQB8a {
130
+ .Spinner-module__hop-Spinner__track___bATgL {
131
131
  grid-area: spinner;
132
132
  box-sizing: border-box;
133
133
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -136,7 +136,7 @@
136
136
  border: var(--hop-Spinner-track-border);
137
137
  border-radius: var(--hop-Spinner-border-radius);
138
138
  }
139
- .Spinner-module__hop-Spinner__fill___PUZTX {
139
+ .Spinner-module__hop-Spinner__fill___eBQF8 {
140
140
  grid-area: spinner;
141
141
  box-sizing: border-box;
142
142
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -147,17 +147,17 @@
147
147
  animation: var(--hop-Spinner-fill-animation);
148
148
  }
149
149
  @media (prefers-reduced-motion: reduce) {
150
- .Spinner-module__hop-Spinner__fill___PUZTX {
150
+ .Spinner-module__hop-Spinner__fill___eBQF8 {
151
151
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
152
152
  }
153
153
  }
154
- .Spinner-module__hop-Spinner__label___j4f6H {
154
+ .Spinner-module__hop-Spinner__label___J7Dnp {
155
155
  grid-area: label;
156
156
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
157
157
  }
158
158
 
159
159
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
160
- .Text-module__hop-Text___M-T6r {
160
+ .Text-module__hop-Text___xYoYb {
161
161
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
162
162
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
163
163
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -187,49 +187,49 @@
187
187
  --hop-Text-inherit-size-font-weight: inherit;
188
188
  --hop-Text-inherit-size-line-height: inherit;
189
189
  }
190
- :where(.Text-module__hop-Text___M-T6r) {
190
+ :where(.Text-module__hop-Text___xYoYb) {
191
191
  font-family: var(--font-family);
192
192
  font-size: var(--font-size);
193
193
  font-weight: var(--font-weight);
194
194
  line-height: var(--line-height);
195
195
  }
196
- :where(.Text-module__hop-Text--xs___4XQLX) {
196
+ :where(.Text-module__hop-Text--xs___nPUGu) {
197
197
  --font-size: var(--hop-Text-xs-font-size);
198
198
  --font-family: var(--hop-Text-xs-font-family);
199
199
  --font-weight: var(--hop-Text-xs-font-weight);
200
200
  --line-height: var(--hop-Text-xs-line-height);
201
201
  }
202
- :where(.Text-module__hop-Text--sm___dM76a) {
202
+ :where(.Text-module__hop-Text--sm___nMPq3) {
203
203
  --font-size: var(--hop-Text-sm-font-size);
204
204
  --font-family: var(--hop-Text-sm-font-family);
205
205
  --font-weight: var(--hop-Text-sm-font-weight);
206
206
  --line-height: var(--hop-Text-sm-line-height);
207
207
  }
208
- :where(.Text-module__hop-Text--md___M60JS) {
208
+ :where(.Text-module__hop-Text--md___HT-Wz) {
209
209
  --font-size: var(--hop-Text-md-font-size);
210
210
  --font-family: var(--hop-Text-md-font-family);
211
211
  --font-weight: var(--hop-Text-md-font-weight);
212
212
  --line-height: var(--hop-Text-md-line-height);
213
213
  }
214
- :where(.Text-module__hop-Text--lg___5mCtN) {
214
+ :where(.Text-module__hop-Text--lg___NL7tS) {
215
215
  --font-size: var(--hop-Text-lg-font-size);
216
216
  --font-family: var(--hop-Text-lg-font-family);
217
217
  --font-weight: var(--hop-Text-lg-font-weight);
218
218
  --line-height: var(--hop-Text-lg-line-height);
219
219
  }
220
- :where(.Text-module__hop-Text--xl___bi1Vo) {
220
+ :where(.Text-module__hop-Text--xl___3aFN2) {
221
221
  --font-size: var(--hop-Text-xl-font-size);
222
222
  --font-family: var(--hop-Text-xl-font-family);
223
223
  --font-weight: var(--hop-Text-xl-font-weight);
224
224
  --line-height: var(--hop-Text-xl-line-height);
225
225
  }
226
- :where(.Text-module__hop-Text--2xl___5SCg1) {
226
+ :where(.Text-module__hop-Text--2xl___bsEDq) {
227
227
  --font-size: var(--hop-Text-2xl-font-size);
228
228
  --font-family: var(--hop-Text-2xl-font-family);
229
229
  --font-weight: var(--hop-Text-2xl-font-weight);
230
230
  --line-height: var(--hop-Text-2xl-line-height);
231
231
  }
232
- :where(.Text-module__hop-Text--inherit___X6rIb) {
232
+ :where(.Text-module__hop-Text--inherit___xKxgn) {
233
233
  --font-size: var(--hop-Text-inherit-size-font-size);
234
234
  --font-family: var(--hop-Text-inherit-size-font-family);
235
235
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -237,7 +237,7 @@
237
237
  }
238
238
 
239
239
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
240
- .Button-module__hop-Button___FaloC {
240
+ .Button-module__hop-Button___omxTR {
241
241
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
242
242
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
243
243
  --hop-Button-icon-only-padding: 0;
@@ -396,317 +396,317 @@
396
396
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
397
397
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
398
398
  }
399
- .Button-module__hop-Button___FaloC[data-focus-visible] {
399
+ .Button-module__hop-Button___omxTR[data-focus-visible] {
400
400
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
401
401
  }
402
- .Button-module__hop-Button--icon-only___I7AGj {
402
+ .Button-module__hop-Button--icon-only___mAijh {
403
403
  --padding-block: var(--hop-Button-icon-only-padding);
404
404
  --padding-inline: var(--hop-Button-icon-only-padding);
405
405
  column-gap: 0;
406
406
  aspect-ratio: 1;
407
407
  }
408
- .Button-module__hop-Button___FaloC[data-disabled],
409
- .Button-module__hop-Button___FaloC[data-loading] {
408
+ .Button-module__hop-Button___omxTR[data-disabled],
409
+ .Button-module__hop-Button___omxTR[data-loading] {
410
410
  cursor: not-allowed;
411
411
  }
412
- .Button-module__hop-Button--fluid___WpcgG {
412
+ .Button-module__hop-Button--fluid___tJx6A {
413
413
  --inline-size: 100%;
414
414
  }
415
- .Button-module__hop-Button--sm___RzTLv {
415
+ .Button-module__hop-Button--sm___jBmjK {
416
416
  --block-size: var(--hop-Button-sm-height);
417
417
  }
418
- .Button-module__hop-Button--primary___XnfK-.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
418
+ .Button-module__hop-Button--primary___GiYHc.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
419
419
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
420
420
  --padding-block: var(--hop-Button-primary-sm-padding-y);
421
421
  }
422
- .Button-module__hop-Button--primary___XnfK-.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
422
+ .Button-module__hop-Button--primary___GiYHc.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
423
423
  --padding-inline: var(--hop-Button-primary-md-padding-x);
424
424
  --padding-block: var(--hop-Button-primary-md-padding-y);
425
425
  }
426
- .Button-module__hop-Button--secondary___EbTA7.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
426
+ .Button-module__hop-Button--secondary___W9BWc.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
427
427
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
428
428
  --padding-block: var(--hop-Button-secondary-md-padding-y);
429
429
  }
430
- .Button-module__hop-Button--secondary___EbTA7.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
430
+ .Button-module__hop-Button--secondary___W9BWc.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
431
431
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
432
432
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
433
433
  }
434
- .Button-module__hop-Button--upsell___THmQF.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
434
+ .Button-module__hop-Button--upsell___RGRcm.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
435
435
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
436
436
  --padding-block: var(--hop-Button-upsell-md-padding-y);
437
437
  }
438
- .Button-module__hop-Button--upsell___THmQF.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
438
+ .Button-module__hop-Button--upsell___RGRcm.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
439
439
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
440
440
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
441
441
  }
442
- .Button-module__hop-Button--danger___bIFTk.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
442
+ .Button-module__hop-Button--danger___yqtna.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
443
443
  --padding-inline: var(--hop-Button-danger-md-padding-x);
444
444
  --padding-block: var(--hop-Button-danger-md-padding-y);
445
445
  }
446
- .Button-module__hop-Button--danger___bIFTk.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
446
+ .Button-module__hop-Button--danger___yqtna.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
447
447
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
448
448
  --padding-block: var(--hop-Button-danger-sm-padding-y);
449
449
  }
450
- .Button-module__hop-Button--ghost-danger___k-QFo.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
450
+ .Button-module__hop-Button--ghost-danger___I3F3m.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
451
451
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
452
452
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
453
453
  }
454
- .Button-module__hop-Button--ghost-danger___k-QFo.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
454
+ .Button-module__hop-Button--ghost-danger___I3F3m.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
455
455
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
456
456
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
457
457
  }
458
- .Button-module__hop-Button--ghost-secondary___HcAv6.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
458
+ .Button-module__hop-Button--ghost-secondary___kosyt.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
459
459
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
460
460
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
461
461
  }
462
- .Button-module__hop-Button--ghost-secondary___HcAv6.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
462
+ .Button-module__hop-Button--ghost-secondary___kosyt.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
463
463
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
464
464
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
465
465
  }
466
- .Button-module__hop-Button--ghost-primary___aRJ8l.Button-module__hop-Button--md___FgAvl:not(.Button-module__hop-Button--icon-only___I7AGj) {
466
+ .Button-module__hop-Button--ghost-primary___fmoef.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
467
467
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
468
468
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
469
469
  }
470
- .Button-module__hop-Button--ghost-primary___aRJ8l.Button-module__hop-Button--sm___RzTLv:not(.Button-module__hop-Button--icon-only___I7AGj) {
470
+ .Button-module__hop-Button--ghost-primary___fmoef.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
471
471
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
472
472
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
473
473
  }
474
- .Button-module__hop-Button--primary___XnfK- {
474
+ .Button-module__hop-Button--primary___GiYHc {
475
475
  --background-color: var(--hop-Button-primary-background-color);
476
476
  --color: var(--hop-Button-primary-color);
477
477
  --border: var(--hop-Button-primary-border);
478
478
  --spinner-color: var(--hop-Button-primary-spinner-color);
479
479
  }
480
- .Button-module__hop-Button--primary___XnfK-[data-disabled]:not([data-loading]) {
480
+ .Button-module__hop-Button--primary___GiYHc[data-disabled]:not([data-loading]) {
481
481
  --background-color: var(--hop-Button-primary-background-color-disabled);
482
482
  --color: var(--hop-Button-primary-color-disabled);
483
483
  --border: var(--hop-Button-primary-border-disabled);
484
484
  }
485
- .Button-module__hop-Button--primary___XnfK-[data-hovered]:not([data-disabled], [data-loading]),
486
- .Button-module__hop-Button--primary___XnfK-[data-focus-visible]:not([data-disabled], [data-loading]) {
485
+ .Button-module__hop-Button--primary___GiYHc[data-hovered]:not([data-disabled], [data-loading]),
486
+ .Button-module__hop-Button--primary___GiYHc[data-focus-visible]:not([data-disabled], [data-loading]) {
487
487
  --background-color: var(--hop-Button-primary-background-color-hover);
488
488
  --color: var(--hop-Button-primary-color-hover);
489
489
  --border: var(--hop-Button-primary-border-hover);
490
490
  }
491
- .Button-module__hop-Button--primary___XnfK-[data-pressed]:not([data-loading]) {
491
+ .Button-module__hop-Button--primary___GiYHc[data-pressed]:not([data-loading]) {
492
492
  --background-color: var(--hop-Button-primary-background-color-pressed);
493
493
  --color: var(--hop-Button-primary-color-pressed);
494
494
  --border: var(--hop-Button-primary-border-pressed);
495
495
  }
496
- .Button-module__hop-Button--secondary___EbTA7 {
496
+ .Button-module__hop-Button--secondary___W9BWc {
497
497
  --background-color: var(--hop-Button-secondary-background-color);
498
498
  --color: var(--hop-Button-secondary-color);
499
499
  --border: var(--hop-Button-secondary-border);
500
500
  --spinner-color: var(--hop-Button-secondary-spinner-color);
501
501
  }
502
- .Button-module__hop-Button--secondary___EbTA7[data-disabled]:not([data-loading]) {
502
+ .Button-module__hop-Button--secondary___W9BWc[data-disabled]:not([data-loading]) {
503
503
  --background-color: var(--hop-Button-secondary-background-color-disabled);
504
504
  --color: var(--hop-Button-secondary-color-disabled);
505
505
  --border: var(--hop-Button-secondary-border-disabled);
506
506
  }
507
- .Button-module__hop-Button--secondary___EbTA7[data-hovered]:not([data-disabled], [data-loading]),
508
- .Button-module__hop-Button--secondary___EbTA7[data-focus-visible]:not([data-disabled], [data-loading]) {
507
+ .Button-module__hop-Button--secondary___W9BWc[data-hovered]:not([data-disabled], [data-loading]),
508
+ .Button-module__hop-Button--secondary___W9BWc[data-focus-visible]:not([data-disabled], [data-loading]) {
509
509
  --background-color: var(--hop-Button-secondary-background-color-hover);
510
510
  --color: var(--hop-Button-secondary-color-hover);
511
511
  --border: var(--hop-Button-secondary-border-hover);
512
512
  }
513
- .Button-module__hop-Button--secondary___EbTA7[data-pressed]:not([data-loading]) {
513
+ .Button-module__hop-Button--secondary___W9BWc[data-pressed]:not([data-loading]) {
514
514
  --background-color: var(--hop-Button-secondary-background-color-pressed);
515
515
  --color: var(--hop-Button-secondary-color-pressed);
516
516
  --border: var(--hop-Button-secondary-border-pressed);
517
517
  }
518
- .Button-module__hop-Button--upsell___THmQF {
518
+ .Button-module__hop-Button--upsell___RGRcm {
519
519
  --background-color: var(--hop-Button-upsell-background-color);
520
520
  --color: var(--hop-Button-upsell-color);
521
521
  --border: var(--hop-Button-upsell-border);
522
522
  --spinner-color: var(--hop-Button-upsell-spinner-color);
523
523
  }
524
- .Button-module__hop-Button--upsell___THmQF[data-disabled]:not([data-loading]) {
524
+ .Button-module__hop-Button--upsell___RGRcm[data-disabled]:not([data-loading]) {
525
525
  --background-color: var(--hop-Button-upsell-background-color-disabled);
526
526
  --color: var(--hop-Button-upsell-color-disabled);
527
527
  --border: var(--hop-Button-upsell-border-disabled);
528
528
  }
529
- .Button-module__hop-Button--upsell___THmQF[data-hovered]:not([data-disabled], [data-loading]),
530
- .Button-module__hop-Button--upsell___THmQF[data-focus-visible]:not([data-disabled], [data-loading]) {
529
+ .Button-module__hop-Button--upsell___RGRcm[data-hovered]:not([data-disabled], [data-loading]),
530
+ .Button-module__hop-Button--upsell___RGRcm[data-focus-visible]:not([data-disabled], [data-loading]) {
531
531
  --background-color: var(--hop-Button-upsell-background-color-hover);
532
532
  --color: var(--hop-Button-upsell-color-hover);
533
533
  --border: var(--hop-Button-upsell-border-hover);
534
534
  }
535
- .Button-module__hop-Button--upsell___THmQF[data-pressed]:not([data-loading]) {
535
+ .Button-module__hop-Button--upsell___RGRcm[data-pressed]:not([data-loading]) {
536
536
  --background-color: var(--hop-Button-upsell-background-color-pressed);
537
537
  --color: var(--hop-Button-upsell-color-pressed);
538
538
  --border: var(--hop-Button-upsell-border-pressed);
539
539
  }
540
- .Button-module__hop-Button--danger___bIFTk {
540
+ .Button-module__hop-Button--danger___yqtna {
541
541
  --background-color: var(--hop-Button-danger-background-color);
542
542
  --color: var(--hop-Button-danger-color);
543
543
  --border: var(--hop-Button-danger-border);
544
544
  --spinner-color: var(--hop-Button-danger-spinner-color);
545
545
  }
546
- .Button-module__hop-Button--danger___bIFTk[data-disabled]:not([data-loading]) {
546
+ .Button-module__hop-Button--danger___yqtna[data-disabled]:not([data-loading]) {
547
547
  --background-color: var(--hop-Button-danger-background-color-disabled);
548
548
  --color: var(--hop-Button-danger-color-disabled);
549
549
  --border: var(--hop-Button-danger-border-disabled);
550
550
  }
551
- .Button-module__hop-Button--danger___bIFTk[data-hovered]:not([data-disabled], [data-loading]),
552
- .Button-module__hop-Button--danger___bIFTk[data-focus-visible]:not([data-disabled], [data-loading]) {
551
+ .Button-module__hop-Button--danger___yqtna[data-hovered]:not([data-disabled], [data-loading]),
552
+ .Button-module__hop-Button--danger___yqtna[data-focus-visible]:not([data-disabled], [data-loading]) {
553
553
  --background-color: var(--hop-Button-danger-background-color-hover);
554
554
  --color: var(--hop-Button-danger-color-hover);
555
555
  --border: var(--hop-Button-danger-border-hover);
556
556
  }
557
- .Button-module__hop-Button--danger___bIFTk[data-pressed]:not([data-loading]) {
557
+ .Button-module__hop-Button--danger___yqtna[data-pressed]:not([data-loading]) {
558
558
  --background-color: var(--hop-Button-danger-background-color-pressed);
559
559
  --color: var(--hop-Button-danger-color-pressed);
560
560
  --border: var(--hop-Button-danger-border-pressed);
561
561
  }
562
- .Button-module__hop-Button--ghost-primary___aRJ8l {
562
+ .Button-module__hop-Button--ghost-primary___fmoef {
563
563
  --background-color: var(--hop-Button-ghost-primary-background-color);
564
564
  --color: var(--hop-Button-ghost-primary-color);
565
565
  --border: var(--hop-Button-ghost-primary-border);
566
566
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
567
567
  }
568
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-disabled]:not([data-loading]) {
568
+ .Button-module__hop-Button--ghost-primary___fmoef[data-disabled]:not([data-loading]) {
569
569
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
570
570
  --color: var(--hop-Button-ghost-primary-color-disabled);
571
571
  --border: var(--hop-Button-ghost-primary-border-disabled);
572
572
  }
573
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-hovered]:not([data-disabled], [data-loading]),
574
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-focus-visible]:not([data-disabled], [data-loading]) {
573
+ .Button-module__hop-Button--ghost-primary___fmoef[data-hovered]:not([data-disabled], [data-loading]),
574
+ .Button-module__hop-Button--ghost-primary___fmoef[data-focus-visible]:not([data-disabled], [data-loading]) {
575
575
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
576
576
  --color: var(--hop-Button-ghost-primary-color-hover);
577
577
  --border: var(--hop-Button-ghost-primary-border-hover);
578
578
  }
579
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-pressed]:not([data-loading]) {
579
+ .Button-module__hop-Button--ghost-primary___fmoef[data-pressed]:not([data-loading]) {
580
580
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
581
581
  --color: var(--hop-Button-ghost-primary-color-pressed);
582
582
  --border: var(--hop-Button-ghost-primary-border-pressed);
583
583
  }
584
- .Button-module__hop-Button--ghost-secondary___HcAv6 {
584
+ .Button-module__hop-Button--ghost-secondary___kosyt {
585
585
  --background-color: var(--hop-Button-ghost-secondary-background-color);
586
586
  --color: var(--hop-Button-ghost-secondary-color);
587
587
  --border: var(--hop-Button-ghost-secondary-border);
588
588
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
589
589
  }
590
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-disabled]:not([data-loading]) {
590
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-disabled]:not([data-loading]) {
591
591
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
592
592
  --color: var(--hop-Button-ghost-secondary-color-disabled);
593
593
  --border: var(--hop-Button-ghost-secondary-border-disabled);
594
594
  }
595
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-hovered]:not([data-disabled], [data-loading]),
596
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-focus-visible]:not([data-disabled], [data-loading]) {
595
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-hovered]:not([data-disabled], [data-loading]),
596
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-focus-visible]:not([data-disabled], [data-loading]) {
597
597
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
598
598
  --color: var(--hop-Button-ghost-secondary-color-hover);
599
599
  --border: var(--hop-Button-ghost-secondary-border-hover);
600
600
  }
601
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-pressed]:not([data-loading]) {
601
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-pressed]:not([data-loading]) {
602
602
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
603
603
  --color: var(--hop-Button-ghost-secondary-color-pressed);
604
604
  --border: var(--hop-Button-ghost-secondary-border-pressed);
605
605
  }
606
- .Button-module__hop-Button--ghost-danger___k-QFo {
606
+ .Button-module__hop-Button--ghost-danger___I3F3m {
607
607
  --background-color: var(--hop-Button-ghost-danger-background-color);
608
608
  --color: var(--hop-Button-ghost-danger-color);
609
609
  --border: var(--hop-Button-ghost-danger-border);
610
610
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
611
611
  }
612
- .Button-module__hop-Button--ghost-danger___k-QFo[data-disabled]:not([data-loading]) {
612
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-disabled]:not([data-loading]) {
613
613
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
614
614
  --color: var(--hop-Button-ghost-danger-color-disabled);
615
615
  --border: var(--hop-Button-ghost-danger-border-disabled);
616
616
  }
617
- .Button-module__hop-Button--ghost-danger___k-QFo[data-hovered]:not([data-disabled], [data-loading]),
618
- .Button-module__hop-Button--ghost-danger___k-QFo[data-focus-visible]:not([data-disabled], [data-loading]) {
617
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-hovered]:not([data-disabled], [data-loading]),
618
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-focus-visible]:not([data-disabled], [data-loading]) {
619
619
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
620
620
  --color: var(--hop-Button-ghost-danger-color-hover);
621
621
  --border: var(--hop-Button-ghost-danger-border-hover);
622
622
  }
623
- .Button-module__hop-Button--ghost-danger___k-QFo[data-pressed]:not([data-loading]) {
623
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-pressed]:not([data-loading]) {
624
624
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
625
625
  --color: var(--hop-Button-ghost-danger-color-pressed);
626
626
  --border: var(--hop-Button-ghost-danger-border-pressed);
627
627
  }
628
- .Button-module__hop-Button__Spinner___KBKEz {
628
+ .Button-module__hop-Button__Spinner___Ib9EV {
629
629
  position: absolute;
630
630
  justify-self: center;
631
631
  color: var(--spinner-color);
632
632
  }
633
- .Button-module__hop-Button__icon___fzwBg,
634
- .Button-module__hop-Button__icon-list___mBFYH {
633
+ .Button-module__hop-Button__icon___zdZvL,
634
+ .Button-module__hop-Button__icon-list___QHAI7 {
635
635
  grid-area: start-icon;
636
636
  justify-self: end;
637
637
  }
638
- .Button-module__hop-Button__text___4wltD {
638
+ .Button-module__hop-Button__text___NfHmc {
639
639
  user-select: none;
640
640
  overflow: visible;
641
641
  grid-area: content;
642
642
  font-weight: var(--hop-font-weight-505);
643
643
  text-wrap: nowrap;
644
644
  }
645
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
646
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
647
- .Button-module__hop-Button--ghost-danger___k-QFo[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
648
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
649
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
650
- .Button-module__hop-Button--ghost-danger___k-QFo[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
651
- .Button-module__hop-Button--ghost-primary___aRJ8l[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
652
- .Button-module__hop-Button--ghost-secondary___HcAv6[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___4wltD,
653
- .Button-module__hop-Button--ghost-danger___k-QFo[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___4wltD {
645
+ .Button-module__hop-Button--ghost-primary___fmoef[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
646
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
647
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
648
+ .Button-module__hop-Button--ghost-primary___fmoef[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
649
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
650
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
651
+ .Button-module__hop-Button--ghost-primary___fmoef[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
652
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
653
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___NfHmc {
654
654
  text-decoration: underline;
655
655
  text-underline-offset: 0.125rem;
656
656
  }
657
- .Button-module__hop-Button__end-icon___UV66v,
658
- .Button-module__hop-Button__end-icon-list___x1eFR {
657
+ .Button-module__hop-Button__end-icon___exbfl,
658
+ .Button-module__hop-Button__end-icon-list___yyYdR {
659
659
  grid-area: end-icon;
660
660
  }
661
- .Button-module__hop-Button___FaloC .Button-module__hop-Button__icon-list___mBFYH,
662
- .Button-module__hop-Button___FaloC .Button-module__hop-Button__end-icon-list___x1eFR {
661
+ .Button-module__hop-Button___omxTR .Button-module__hop-Button__icon-list___QHAI7,
662
+ .Button-module__hop-Button___omxTR .Button-module__hop-Button__end-icon-list___yyYdR {
663
663
  flex-wrap: nowrap;
664
664
  }
665
- .Button-module__hop-Button___FaloC[data-loading] > *:not(.Button-module__hop-Button__Spinner___KBKEz) {
665
+ .Button-module__hop-Button___omxTR[data-loading] > *:not(.Button-module__hop-Button__Spinner___Ib9EV) {
666
666
  opacity: 0;
667
667
  }
668
668
 
669
669
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
670
- .ButtonGroup-module__hop-ButtonGroup___J-bP3 {
670
+ .ButtonGroup-module__hop-ButtonGroup___nzEIB {
671
671
  display: inline-flex;
672
672
  flex-wrap: nowrap;
673
673
  gap: var(--hop-space-inline-md);
674
674
  }
675
- .ButtonGroup-module__hop-ButtonGroup--horizontal___5DrPu {
675
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
676
676
  justify-content: center;
677
677
  }
678
- .ButtonGroup-module__hop-ButtonGroup--vertical___6mZqj {
678
+ .ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
679
679
  flex-direction: column;
680
680
  gap: var(--hop-space-stack-md);
681
681
  align-items: center;
682
682
  }
683
- .ButtonGroup-module__hop-ButtonGroup--start___OQ5-x.ButtonGroup-module__hop-ButtonGroup--vertical___6mZqj {
683
+ .ButtonGroup-module__hop-ButtonGroup--start___5BJTJ.ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
684
684
  align-items: flex-start;
685
685
  }
686
- .ButtonGroup-module__hop-ButtonGroup--center___Wa8qq.ButtonGroup-module__hop-ButtonGroup--vertical___6mZqj {
686
+ .ButtonGroup-module__hop-ButtonGroup--center___bPHp6.ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
687
687
  align-items: center;
688
688
  }
689
- .ButtonGroup-module__hop-ButtonGroup--end___Bnq-S.ButtonGroup-module__hop-ButtonGroup--vertical___6mZqj {
689
+ .ButtonGroup-module__hop-ButtonGroup--end___RtzB4.ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
690
690
  align-items: flex-end;
691
691
  }
692
- .ButtonGroup-module__hop-ButtonGroup--start___OQ5-x.ButtonGroup-module__hop-ButtonGroup--horizontal___5DrPu {
692
+ .ButtonGroup-module__hop-ButtonGroup--start___5BJTJ.ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
693
693
  justify-content: flex-start;
694
694
  }
695
- .ButtonGroup-module__hop-ButtonGroup--center___Wa8qq.ButtonGroup-module__hop-ButtonGroup--horizontal___5DrPu {
695
+ .ButtonGroup-module__hop-ButtonGroup--center___bPHp6.ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
696
696
  justify-content: center;
697
697
  }
698
- .ButtonGroup-module__hop-ButtonGroup--end___Bnq-S.ButtonGroup-module__hop-ButtonGroup--horizontal___5DrPu {
698
+ .ButtonGroup-module__hop-ButtonGroup--end___RtzB4.ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
699
699
  justify-content: flex-end;
700
700
  }
701
- .ButtonGroup-module__hop-ButtonGroup--wrap___w7xGi {
701
+ .ButtonGroup-module__hop-ButtonGroup--wrap___PiEGR {
702
702
  flex-wrap: wrap;
703
703
  }
704
- .ButtonGroup-module__hop-ButtonGroup--fluid___cYLTZ {
704
+ .ButtonGroup-module__hop-ButtonGroup--fluid___9BHBE {
705
705
  inline-size: 100%;
706
706
  }
707
707
 
708
708
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
709
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR {
709
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX {
710
710
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
711
711
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
712
712
  --hop-EmbeddedButton-color: var(--hop-neutral-icon-weak);
@@ -755,7 +755,7 @@
755
755
  outline: none;
756
756
  transition: color var(--transition);
757
757
  }
758
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR::before {
758
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX::before {
759
759
  content: "";
760
760
  position: absolute;
761
761
  inset-block-start: 50%;
@@ -768,48 +768,48 @@
768
768
  border-radius: var(--effect-border-radius);
769
769
  transition: background-color var(--transition);
770
770
  }
771
- .EmbeddedButton-module__hop-EmbeddedButton--md___uix0V {
771
+ .EmbeddedButton-module__hop-EmbeddedButton--md___MHkDZ {
772
772
  --inline-size: var(--hop-EmbeddedButton-md-width);
773
773
  --block-size: var(--hop-EmbeddedButton-md-height);
774
774
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
775
775
  }
776
- .EmbeddedButton-module__hop-EmbeddedButton--lg___8U58d {
776
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hXT2I {
777
777
  --inline-size: var(--hop-EmbeddedButton-lg-width);
778
778
  --block-size: var(--hop-EmbeddedButton-lg-height);
779
779
  --focus-ring-offset: 0;
780
780
  }
781
- .EmbeddedButton-module__hop-EmbeddedButton--md___uix0V::before {
781
+ .EmbeddedButton-module__hop-EmbeddedButton--md___MHkDZ::before {
782
782
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
783
783
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
784
784
  }
785
- .EmbeddedButton-module__hop-EmbeddedButton--lg___8U58d::before {
785
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hXT2I::before {
786
786
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
787
787
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
788
788
  }
789
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR[data-focus-visible] {
789
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-focus-visible] {
790
790
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
791
791
  outline-offset: var(--focus-ring-offset);
792
792
  }
793
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR[data-disabled] {
793
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-disabled] {
794
794
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-disabled);
795
795
  --color: var(--hop-EmbeddedButton-color-disabled);
796
796
  cursor: not-allowed;
797
797
  }
798
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR[data-hovered]:not([data-disabled], [data-pressed]),
799
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR[data-focus-visible]:not([data-disabled], [data-pressed]) {
798
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-hovered]:not([data-disabled], [data-pressed]),
799
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-focus-visible]:not([data-disabled], [data-pressed]) {
800
800
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-hover);
801
801
  --color: var(--hop-EmbeddedButton-color-hover);
802
802
  }
803
- .EmbeddedButton-module__hop-EmbeddedButton___1uONR[data-pressed]:not([data-disabled]) {
803
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-pressed]:not([data-disabled]) {
804
804
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-pressed);
805
805
  --color: var(--hop-EmbeddedButton-color-pressed);
806
806
  }
807
- .EmbeddedButton-module__hop-EmbeddedButton__icon___pPbur {
807
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___XoFBK {
808
808
  position: relative;
809
809
  }
810
810
 
811
811
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/errorMessage/src/ErrorMessage.module.css/#css-module-data */
812
- .ErrorMessage-module__hop-ErrorMessage___rwfLE {
812
+ .ErrorMessage-module__hop-ErrorMessage___r0-aG {
813
813
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
814
814
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
815
815
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -826,13 +826,13 @@
826
826
  line-height: var(--hop-ErrorMessage-line-height);
827
827
  color: var(--hop-ErrorMessage-color);
828
828
  }
829
- .ErrorMessage-module__hop-ErrorMessage__icon___OY9OV {
829
+ .ErrorMessage-module__hop-ErrorMessage__icon___Kkk3g {
830
830
  flex: 0 0 auto;
831
831
  align-self: flex-start;
832
832
  }
833
833
 
834
834
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helperMessage/src/HelperMessage.module.css/#css-module-data */
835
- .HelperMessage-module__hop-HelperMessage___Az4ZT {
835
+ .HelperMessage-module__hop-HelperMessage___S3jpD {
836
836
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
837
837
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
838
838
  display: flex;
@@ -841,13 +841,199 @@
841
841
  box-sizing: border-box;
842
842
  color: var(--hop-HelperMessage-color);
843
843
  }
844
- .HelperMessage-module__hop-HelperMessage__icon___TKk7m {
844
+ .HelperMessage-module__hop-HelperMessage__icon___bbmtR {
845
845
  flex: 0 0 auto;
846
846
  align-self: flex-start;
847
847
  }
848
848
 
849
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
850
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___oV9WF {
851
+ --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
852
+ --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
853
+ --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
854
+ --hop-RichIconAvatarImage-xs-size: 1rem;
855
+ --hop-RichIconAvatarImage-icon-xs-size: 1rem;
856
+ --hop-RichIconAvatarImage-sm-size: 1.5rem;
857
+ --hop-RichIconAvatarImage-icon-sm-size: 1.5rem;
858
+ --hop-RichIconAvatarImage-md-size: 2rem;
859
+ --hop-RichIconAvatarImage-icon-md-size: 2rem;
860
+ --hop-RichIconAvatarImage-lg-size: 3rem;
861
+ --hop-RichIconAvatarImage-icon-lg-size: 3rem;
862
+ --hop-RichIconAvatarImage-xl-size: 4rem;
863
+ --hop-RichIconAvatarImage-icon-xl-size: 4rem;
864
+ --hop-RichIconAvatarImage-2xl-size: 6rem;
865
+ --hop-RichIconAvatarImage-icon-2xl-size: 4rem;
866
+ --hop-RichIconAvatarImage-background-color-disabled: var(--hop-neutral-surface-disabled);
867
+ --hop-RichIconAvatarImage-icon-color-disabled: var(--hop-neutral-icon-disabled);
868
+ --background-color: var(--hop-RichIconAvatarImage-background-color);
869
+ user-select: none;
870
+ position: relative;
871
+ overflow: hidden;
872
+ display: flex;
873
+ align-items: center;
874
+ justify-content: center;
875
+ inline-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
876
+ block-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
877
+ color: var(--hop-RichIconAvatarImage-icon-color);
878
+ background-color: var(--background-color);
879
+ border-radius: var(--hop-RichIconAvatarImage-border-radius);
880
+ }
881
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___kdGVl {
882
+ --size: var(--hop-RichIconAvatarImage-xs-size);
883
+ --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
884
+ }
885
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___4WUqP {
886
+ --size: var(--hop-RichIconAvatarImage-sm-size);
887
+ --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
888
+ }
889
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___fsiew {
890
+ --size: var(--hop-RichIconAvatarImage-md-size);
891
+ --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
892
+ }
893
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___BJtzS {
894
+ --size: var(--hop-RichIconAvatarImage-lg-size);
895
+ --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
896
+ }
897
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___MFhsm {
898
+ --size: var(--hop-RichIconAvatarImage-xl-size);
899
+ --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
900
+ }
901
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___jFtFa {
902
+ --size: var(--hop-RichIconAvatarImage-2xl-size);
903
+ --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
904
+ }
905
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___oV9WF[data-disabled] {
906
+ --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
907
+ }
908
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___9-bD3 {
909
+ position: relative;
910
+ display: block;
911
+ inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
912
+ block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
913
+ }
914
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___oV9WF[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___9-bD3 {
915
+ --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
916
+ --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
917
+ }
918
+
919
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
920
+ .Avatar-module__hop-Avatar___d9YZ9 {
921
+ --hop-Avatar-border-radius: var(--hop-shape-circle);
922
+ --hop-Avatar-mix-blend-mode: normal;
923
+ --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
924
+ --hop-Avatar-decorative-2-background-color: var(--hop-decorative-option2-surface-strong);
925
+ --hop-Avatar-decorative-3-background-color: var(--hop-decorative-option3-surface-strong);
926
+ --hop-Avatar-decorative-4-background-color: var(--hop-decorative-option4-surface-strong);
927
+ --hop-Avatar-decorative-5-background-color: var(--hop-decorative-option5-surface-strong);
928
+ --hop-Avatar-decorative-6-background-color: var(--hop-decorative-option6-surface-strong);
929
+ --hop-Avatar-decorative-7-background-color: var(--hop-decorative-option7-surface-strong);
930
+ --hop-Avatar-decorative-8-background-color: var(--hop-decorative-option8-surface-strong);
931
+ --hop-Avatar-decorative-9-background-color: var(--hop-decorative-option9-surface-strong);
932
+ --hop-Avatar-decorative-1-text-color: var(--hop-decorative-option1-text);
933
+ --hop-Avatar-decorative-2-text-color: var(--hop-decorative-option2-text);
934
+ --hop-Avatar-decorative-3-text-color: var(--hop-decorative-option3-text);
935
+ --hop-Avatar-decorative-4-text-color: var(--hop-decorative-option4-text);
936
+ --hop-Avatar-decorative-5-text-color: var(--hop-decorative-option5-text);
937
+ --hop-Avatar-decorative-6-text-color: var(--hop-decorative-option6-text);
938
+ --hop-Avatar-decorative-7-text-color: var(--hop-decorative-option7-text);
939
+ --hop-Avatar-decorative-8-text-color: var(--hop-decorative-option8-text);
940
+ --hop-Avatar-decorative-9-text-color: var(--hop-decorative-option9-text);
941
+ --hop-Avatar-xs-size: 1rem;
942
+ --hop-Avatar-sm-size: 1.5rem;
943
+ --hop-Avatar-md-size: 2rem;
944
+ --hop-Avatar-lg-size: 3rem;
945
+ --hop-Avatar-xl-size: 4rem;
946
+ --hop-Avatar-2xl-size: 6rem;
947
+ --hop-Avatar-background-color-disabled: var(--hop-neutral-surface-disabled);
948
+ --hop-Avatar-text-color-disabled: var(--hop-neutral-text-disabled);
949
+ --hop-Avatar-mix-blend-mode-disabled: luminosity;
950
+ --mix-blend-mode: var(--hop-Avatar-mix-blend-mode);
951
+ user-select: none;
952
+ position: relative;
953
+ overflow: hidden;
954
+ display: flex;
955
+ flex: 0 0 auto;
956
+ align-items: center;
957
+ justify-content: center;
958
+ box-sizing: border-box;
959
+ inline-size: var(--size, var(--hop-Avatar-md-size));
960
+ block-size: var(--size, var(--hop-Avatar-md-size));
961
+ color: var(--text-color, var(--hop-neutral-text));
962
+ background-color: var(--background-color, transparent);
963
+ border-radius: var(--hop-Avatar-border-radius);
964
+ }
965
+ .Avatar-module__hop-Avatar--xs___BWHEr {
966
+ --size: var(--hop-Avatar-xs-size);
967
+ }
968
+ .Avatar-module__hop-Avatar--sm___fNWQO {
969
+ --size: var(--hop-Avatar-sm-size);
970
+ }
971
+ .Avatar-module__hop-Avatar--md___-6GnY {
972
+ --size: var(--hop-Avatar-md-size);
973
+ }
974
+ .Avatar-module__hop-Avatar--lg___f8yyT {
975
+ --size: var(--hop-Avatar-lg-size);
976
+ }
977
+ .Avatar-module__hop-Avatar--xl___r5PUt {
978
+ --size: var(--hop-Avatar-xl-size);
979
+ }
980
+ .Avatar-module__hop-Avatar--2xl___CG0YD {
981
+ --size: var(--hop-Avatar-2xl-size);
982
+ }
983
+ .Avatar-module__hop-Avatar--decorative-option1___OIRSj {
984
+ --background-color: var(--hop-Avatar-decorative-1-background-color);
985
+ --text-color: var(--hop-Avatar-decorative-1-text-color);
986
+ }
987
+ .Avatar-module__hop-Avatar--decorative-option2___-uwSb {
988
+ --background-color: var(--hop-Avatar-decorative-2-background-color);
989
+ --text-color: var(--hop-Avatar-decorative-2-text-color);
990
+ }
991
+ .Avatar-module__hop-Avatar--decorative-option3___xhe3G {
992
+ --background-color: var(--hop-Avatar-decorative-3-background-color);
993
+ --text-color: var(--hop-Avatar-decorative-3-text-color);
994
+ }
995
+ .Avatar-module__hop-Avatar--decorative-option4___e38Gs {
996
+ --background-color: var(--hop-Avatar-decorative-4-background-color);
997
+ --text-color: var(--hop-Avatar-decorative-4-text-color);
998
+ }
999
+ .Avatar-module__hop-Avatar--decorative-option5___-GQzw {
1000
+ --background-color: var(--hop-Avatar-decorative-5-background-color);
1001
+ --text-color: var(--hop-Avatar-decorative-5-text-color);
1002
+ }
1003
+ .Avatar-module__hop-Avatar--decorative-option6___CeiJh {
1004
+ --background-color: var(--hop-Avatar-decorative-6-background-color);
1005
+ --text-color: var(--hop-Avatar-decorative-6-text-color);
1006
+ }
1007
+ .Avatar-module__hop-Avatar--decorative-option7___nvuXB {
1008
+ --background-color: var(--hop-Avatar-decorative-7-background-color);
1009
+ --text-color: var(--hop-Avatar-decorative-7-text-color);
1010
+ }
1011
+ .Avatar-module__hop-Avatar--decorative-option8___Q4Z9Z {
1012
+ --background-color: var(--hop-Avatar-decorative-8-background-color);
1013
+ --text-color: var(--hop-Avatar-decorative-8-text-color);
1014
+ }
1015
+ .Avatar-module__hop-Avatar--decorative-option9___TsOBZ {
1016
+ --background-color: var(--hop-Avatar-decorative-9-background-color);
1017
+ --text-color: var(--hop-Avatar-decorative-9-text-color);
1018
+ }
1019
+ .Avatar-module__hop-Avatar___d9YZ9[data-disabled] {
1020
+ --background-color: var(--hop-Avatar-background-color-disabled);
1021
+ --text-color: var(--hop-Avatar-text-color-disabled);
1022
+ --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
1023
+ isolation: isolate;
1024
+ }
1025
+ .Avatar-module__hop-Avatar__image___6YUZZ {
1026
+ position: relative;
1027
+ display: block;
1028
+ box-sizing: border-box;
1029
+ inline-size: 100%;
1030
+ block-size: 100%;
1031
+ object-fit: cover;
1032
+ mix-blend-mode: var(--mix-blend-mode);
1033
+ }
1034
+
849
1035
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
850
- :where(.OverlineText-module__hop-OverlineText___QDaCi) {
1036
+ :where(.OverlineText-module__hop-OverlineText___pTUGl) {
851
1037
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
852
1038
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
853
1039
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -871,26 +1057,26 @@
871
1057
  text-transform: uppercase;
872
1058
  letter-spacing: var(--letter-spacing);
873
1059
  }
874
- .OverlineText-module__hop-OverlineText__text___kNB07 {
1060
+ .OverlineText-module__hop-OverlineText__text___D5JMM {
875
1061
  box-sizing: border-box;
876
1062
  }
877
- .OverlineText-module__hop-OverlineText__text___kNB07::before,
878
- .OverlineText-module__hop-OverlineText__text___kNB07::after {
1063
+ .OverlineText-module__hop-OverlineText__text___D5JMM::before,
1064
+ .OverlineText-module__hop-OverlineText__text___D5JMM::after {
879
1065
  content: "";
880
1066
  display: block;
881
1067
  box-sizing: border-box;
882
1068
  inline-size: 0;
883
1069
  block-size: 0;
884
1070
  }
885
- .OverlineText-module__hop-OverlineText__text___kNB07::before {
1071
+ .OverlineText-module__hop-OverlineText__text___D5JMM::before {
886
1072
  margin-block-end: var(--bottom-offset);
887
1073
  }
888
- .OverlineText-module__hop-OverlineText__text___kNB07::after {
1074
+ .OverlineText-module__hop-OverlineText__text___D5JMM::after {
889
1075
  margin-block-start: var(--top-offset);
890
1076
  }
891
1077
 
892
1078
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
893
- .Badge-module__hop-Badge___HtEMK {
1079
+ .Badge-module__hop-Badge___6JEMi {
894
1080
  --hop-Badge-height: 1.5rem;
895
1081
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
896
1082
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -914,21 +1100,21 @@
914
1100
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
915
1101
  border-radius: var(--border-radius);
916
1102
  }
917
- .Badge-module__hop-Badge--primary___-cwxH {
1103
+ .Badge-module__hop-Badge--primary___fXWYG {
918
1104
  --background-color: var(--hop-Badge-primary-background-color);
919
1105
  --text-color: var(--hop-Badge-primary-text-color);
920
1106
  }
921
- .Badge-module__hop-Badge--secondary___FXeeD {
1107
+ .Badge-module__hop-Badge--secondary___vxWGy {
922
1108
  --background-color: var(--hop-Badge-secondary-background-color);
923
1109
  --text-color: var(--hop-Badge-secondary-text-color);
924
1110
  }
925
- .Badge-module__hop-Badge___HtEMK[data-disabled] {
1111
+ .Badge-module__hop-Badge___6JEMi[data-disabled] {
926
1112
  --background-color: var(--hop-Badge-background-color-disabled);
927
1113
  --text-color: var(--hop-Badge-text-color-disabled);
928
1114
  }
929
1115
 
930
1116
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
931
- .Checkbox-module__hop-Checkbox___1DFt5 {
1117
+ .Checkbox-module__hop-Checkbox___UXMSX {
932
1118
  --hop-Checkbox-box-border-size: 0.0625rem;
933
1119
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
934
1120
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1005,29 +1191,29 @@
1005
1191
  cursor: var(--cursor);
1006
1192
  display: flex;
1007
1193
  column-gap: var(--hop-space-inline-xs);
1008
- align-items: start;
1009
- justify-content: start;
1194
+ align-items: flex-start;
1195
+ justify-content: flex-start;
1010
1196
  box-sizing: border-box;
1011
1197
  inline-size: max-content;
1012
1198
  max-inline-size: 100%;
1013
1199
  }
1014
- .Checkbox-module__hop-Checkbox___1DFt5[data-hovered] {
1200
+ .Checkbox-module__hop-Checkbox___UXMSX[data-hovered] {
1015
1201
  --box-background-color: var(--hop-Checkbox-box-background-color-hover);
1016
1202
  --box-border-color: var(--hop-Checkbox-box-border-color-hover);
1017
1203
  --text-color: var(--hop-Checkbox-text-color-hover);
1018
1204
  --icon-color: var(--hop-Checkbox-icon-color-hover);
1019
1205
  --description-color: var(--hop-Checkbox-description-color-hover);
1020
1206
  }
1021
- .Checkbox-module__hop-Checkbox___1DFt5[data-pressed],
1022
- .Checkbox-module__hop-Checkbox___1DFt5[data-pressed][data-hovered],
1023
- .Checkbox-module__hop-Checkbox___1DFt5[data-pressed][data-focus-visible] {
1207
+ .Checkbox-module__hop-Checkbox___UXMSX[data-pressed],
1208
+ .Checkbox-module__hop-Checkbox___UXMSX[data-pressed][data-hovered],
1209
+ .Checkbox-module__hop-Checkbox___UXMSX[data-pressed][data-focus-visible] {
1024
1210
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1025
1211
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1026
1212
  --text-color: var(--hop-Checkbox-text-color-pressed);
1027
1213
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1028
1214
  }
1029
- .Checkbox-module__hop-Checkbox___1DFt5[data-selected],
1030
- .Checkbox-module__hop-Checkbox___1DFt5[data-selected][data-pressed] {
1215
+ .Checkbox-module__hop-Checkbox___UXMSX[data-selected],
1216
+ .Checkbox-module__hop-Checkbox___UXMSX[data-selected][data-pressed] {
1031
1217
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-hover);
1032
1218
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-hover);
1033
1219
  --check-display: var(--hop-Checkbox-check-display-checked);
@@ -1035,7 +1221,7 @@
1035
1221
  --icon-color: var(--hop-Checkbox-icon-color-checked);
1036
1222
  --description-color: var(--hop-Checkbox-description-color-checked);
1037
1223
  }
1038
- .Checkbox-module__hop-Checkbox___1DFt5[data-focus-visible] {
1224
+ .Checkbox-module__hop-Checkbox___UXMSX[data-focus-visible] {
1039
1225
  --box-background-color: var(--hop-Checkbox-box-background-color-focus);
1040
1226
  --box-border-color: var(--hop-Checkbox-box-border-color-focus);
1041
1227
  --box-outline: 0.125rem solid var(--hop-Checkbox-box-focus-ring-color);
@@ -1043,11 +1229,11 @@
1043
1229
  --icon-color: var(--hop-Checkbox-icon-color-focus);
1044
1230
  --description-color: var(--hop-Checkbox-description-color-focus);
1045
1231
  }
1046
- .Checkbox-module__hop-Checkbox___1DFt5[data-focus-visible][data-selected] {
1232
+ .Checkbox-module__hop-Checkbox___UXMSX[data-focus-visible][data-selected] {
1047
1233
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-focus);
1048
1234
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-focus);
1049
1235
  }
1050
- .Checkbox-module__hop-Checkbox___1DFt5[data-invalid] {
1236
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid] {
1051
1237
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1052
1238
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1053
1239
  --check-color: var(--hop-Checkbox-check-color-invalid);
@@ -1055,27 +1241,27 @@
1055
1241
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1056
1242
  --description-color: var(--hop-Checkbox-description-color-invalid);
1057
1243
  }
1058
- .Checkbox-module__hop-Checkbox___1DFt5[data-invalid][data-hovered] {
1244
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-hovered] {
1059
1245
  --box-background-color: var(--hop-Checkbox-box-background-color-hover-invalid);
1060
1246
  --box-border-color: var(--hop-Checkbox-box-border-color-hover-invalid);
1061
1247
  --text-color: var(--hop-Checkbox-text-color-hover-invalid);
1062
1248
  --icon-color: var(--hop-Checkbox-icon-color-hover-invalid);
1063
1249
  }
1064
- .Checkbox-module__hop-Checkbox___1DFt5[data-invalid][data-focus-visible] {
1250
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-focus-visible] {
1065
1251
  --box-background-color: var(--hop-Checkbox-box-background-color-focus-invalid);
1066
1252
  --box-border-color: var(--hop-Checkbox-box-border-color-focus-invalid);
1067
1253
  }
1068
- .Checkbox-module__hop-Checkbox___1DFt5[data-invalid][data-selected] {
1254
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-selected] {
1069
1255
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-invalid);
1070
1256
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-invalid);
1071
1257
  }
1072
- .Checkbox-module__hop-Checkbox___1DFt5[data-invalid][data-pressed] {
1258
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-pressed] {
1073
1259
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1074
1260
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1075
1261
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1076
1262
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1077
1263
  }
1078
- .Checkbox-module__hop-Checkbox___1DFt5[data-disabled] {
1264
+ .Checkbox-module__hop-Checkbox___UXMSX[data-disabled] {
1079
1265
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1080
1266
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1081
1267
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1084,29 +1270,29 @@
1084
1270
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1085
1271
  --description-color: var(--hop-Checkbox-description-color-disabled);
1086
1272
  }
1087
- .Checkbox-module__hop-Checkbox___1DFt5[data-disabled][data-selected] {
1273
+ .Checkbox-module__hop-Checkbox___UXMSX[data-disabled][data-selected] {
1088
1274
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-disabled);
1089
1275
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-disabled);
1090
1276
  }
1091
- .Checkbox-module__hop-Checkbox--sm___qVMQC {
1277
+ .Checkbox-module__hop-Checkbox--sm___reHt- {
1092
1278
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1093
1279
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1094
1280
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1095
1281
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1096
1282
  }
1097
- .Checkbox-module__hop-Checkbox--md___Foz8P {
1283
+ .Checkbox-module__hop-Checkbox--md___TaQ-X {
1098
1284
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1099
1285
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1100
1286
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1101
1287
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1102
1288
  }
1103
- .Checkbox-module__hop-Checkbox__icon___CuyIN,
1104
- .Checkbox-module__hop-Checkbox__icon-list___r0ow6 {
1289
+ .Checkbox-module__hop-Checkbox__icon___7Azr1,
1290
+ .Checkbox-module__hop-Checkbox__icon-list___dm1GP {
1105
1291
  flex: 0 0 auto;
1106
1292
  order: 3;
1107
1293
  color: var(--icon-color);
1108
1294
  }
1109
- .Checkbox-module__hop-Checkbox__box___7fJ21 {
1295
+ .Checkbox-module__hop-Checkbox__box___TVJjj {
1110
1296
  display: flex;
1111
1297
  flex: 0 0 auto;
1112
1298
  align-items: center;
@@ -1122,11 +1308,11 @@
1122
1308
  outline-offset: 0.125rem;
1123
1309
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1124
1310
  }
1125
- .Checkbox-module__hop-Checkbox__check___FNna9 {
1311
+ .Checkbox-module__hop-Checkbox__check___32rNl {
1126
1312
  display: var(--check-display);
1127
1313
  color: var(--check-color);
1128
1314
  }
1129
- .Checkbox-module__hop-Checkbox__text___C3jhg {
1315
+ .Checkbox-module__hop-Checkbox__text___dsqyq {
1130
1316
  flex: 0 1 auto;
1131
1317
  order: 2;
1132
1318
  min-inline-size: 0;
@@ -1136,7 +1322,7 @@
1136
1322
  }
1137
1323
 
1138
1324
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1139
- .CheckboxField-module__hop-CheckboxField___9AeZ6 {
1325
+ .CheckboxField-module__hop-CheckboxField___1AqAL {
1140
1326
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1141
1327
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1142
1328
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1155,28 +1341,28 @@
1155
1341
  inline-size: max-content;
1156
1342
  max-inline-size: 100%;
1157
1343
  }
1158
- .CheckboxField-module__hop-CheckboxField___9AeZ6[data-disabled] {
1344
+ .CheckboxField-module__hop-CheckboxField___1AqAL[data-disabled] {
1159
1345
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1160
1346
  }
1161
- .CheckboxField-module__hop-CheckboxField--sm___f2P7p {
1347
+ .CheckboxField-module__hop-CheckboxField--sm___OJnAa {
1162
1348
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1163
1349
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1164
1350
  }
1165
- .CheckboxField-module__hop-CheckboxField--md___B8YaW {
1351
+ .CheckboxField-module__hop-CheckboxField--md___tIMZu {
1166
1352
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1167
1353
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1168
1354
  }
1169
- .CheckboxField-module__hop-CheckboxField__description___3d2RO {
1355
+ .CheckboxField-module__hop-CheckboxField__description___66dnG {
1170
1356
  order: 2;
1171
1357
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1172
1358
  color: var(--description-color);
1173
1359
  }
1174
- .CheckboxField-module__hop-CheckboxField__checkbox___gYG3u {
1360
+ .CheckboxField-module__hop-CheckboxField__checkbox___wXN2n {
1175
1361
  order: 1;
1176
1362
  }
1177
1363
 
1178
1364
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1179
- .CheckboxGroup-module__hop-CheckboxGroup___cbfu1 {
1365
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN {
1180
1366
  --hop-CheckboxGroup-align-items: flex-start;
1181
1367
  --hop-CheckboxGroup-justify-content: flex-start;
1182
1368
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1215,46 +1401,46 @@
1215
1401
  inline-size: max-content;
1216
1402
  max-inline-size: 100%;
1217
1403
  }
1218
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___f-WNB {
1404
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq {
1219
1405
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1220
1406
  --list-border-radius: var(--hop-shape-rounded-md);
1221
1407
  }
1222
- .CheckboxGroup-module__hop-CheckboxGroup--sm___tbK-P {
1408
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___toUIA {
1223
1409
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1224
1410
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1225
1411
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1226
1412
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1227
1413
  }
1228
- .CheckboxGroup-module__hop-CheckboxGroup--md___HAY-5 {
1414
+ .CheckboxGroup-module__hop-CheckboxGroup--md___WTdo9 {
1229
1415
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1230
1416
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1231
1417
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1232
1418
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1233
1419
  }
1234
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___f-WNB.CheckboxGroup-module__hop-CheckboxGroup--sm___tbK-P {
1420
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq.CheckboxGroup-module__hop-CheckboxGroup--sm___toUIA {
1235
1421
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1236
1422
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1237
1423
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1238
1424
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1239
1425
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1240
1426
  }
1241
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___f-WNB.CheckboxGroup-module__hop-CheckboxGroup--md___HAY-5 {
1427
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq.CheckboxGroup-module__hop-CheckboxGroup--md___WTdo9 {
1242
1428
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1243
1429
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1244
1430
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1245
1431
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1246
1432
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1247
1433
  }
1248
- .CheckboxGroup-module__hop-CheckboxGroup___cbfu1[data-orientation=horizontal] {
1434
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN[data-orientation=horizontal] {
1249
1435
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1250
1436
  }
1251
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___f-WNB[data-orientation=horizontal] {
1437
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq[data-orientation=horizontal] {
1252
1438
  --flex-wrap: nowrap;
1253
1439
  }
1254
- .CheckboxGroup-module__hop-CheckboxGroup___cbfu1 > .CheckboxGroup-module__hop-CheckboxGroup__label___aI2C1 {
1440
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN > .CheckboxGroup-module__hop-CheckboxGroup__label___03x3Q {
1255
1441
  order: 1;
1256
1442
  }
1257
- .CheckboxGroup-module__hop-CheckboxGroup__list___q1pNC {
1443
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf {
1258
1444
  display: flex;
1259
1445
  flex-flow: var(--flex-direction) var(--flex-wrap);
1260
1446
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1265,7 +1451,7 @@
1265
1451
  border: var(--list-border, none);
1266
1452
  border-radius: var(--list-border-radius, 0);
1267
1453
  }
1268
- .CheckboxGroup-module__hop-CheckboxGroup__list___q1pNC > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Tpw8k {
1454
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn {
1269
1455
  position: relative;
1270
1456
  flex: 0 1 auto;
1271
1457
  align-content: start;
@@ -1273,28 +1459,28 @@
1273
1459
  min-inline-size: 0;
1274
1460
  padding: var(--checkbox-padding, 0);
1275
1461
  }
1276
- .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 {
1462
+ .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 {
1277
1463
  content: "";
1278
1464
  position: absolute;
1279
1465
  display: block;
1280
1466
  }
1281
- .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 {
1467
+ .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 {
1282
1468
  inset-block-start: 0;
1283
1469
  inset-inline: 0;
1284
1470
  border-block-start: var(--list-border, none);
1285
1471
  }
1286
- .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 {
1472
+ .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 {
1287
1473
  inset-block: 0;
1288
1474
  inset-inline-start: 0;
1289
1475
  border-inline-start: var(--list-border, none);
1290
1476
  }
1291
- .CheckboxGroup-module__hop-CheckboxGroup___cbfu1 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___-5h6Q,
1292
- .CheckboxGroup-module__hop-CheckboxGroup___cbfu1 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___0EE6B {
1477
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN > .CheckboxGroup-module__hop-CheckboxGroup__error-message___EKYu4,
1478
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___gDUBN {
1293
1479
  order: 3;
1294
1480
  }
1295
1481
 
1296
1482
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/chip/src/Chip.module.css/#css-module-data */
1297
- .Chip-module__hop-Chip___KVUnP {
1483
+ .Chip-module__hop-Chip___cxU82 {
1298
1484
  --hop-Chip-border-size: 0.0625rem;
1299
1485
  --hop-Chip-border-radius: var(--hop-shape-pill);
1300
1486
  --hop-Chip-column-gap: var(--hop-space-inline-xs);
@@ -1364,94 +1550,94 @@
1364
1550
  border: var(--border-size) solid var(--border-color);
1365
1551
  border-radius: var(--border-radius);
1366
1552
  }
1367
- .Chip-module__hop-Chip--xs___K9blS {
1553
+ .Chip-module__hop-Chip--xs___MPhiR {
1368
1554
  --block-size: var(--hop-Chip-xs-block-size);
1369
1555
  --padding-inline: var(--hop-Chip-xs-padding-inline);
1370
1556
  }
1371
- .Chip-module__hop-Chip--sm___U8plm {
1557
+ .Chip-module__hop-Chip--sm___OYijB {
1372
1558
  --block-size: var(--hop-Chip-sm-block-size);
1373
1559
  --padding-inline: var(--hop-Chip-sm-padding-inline);
1374
1560
  }
1375
- .Chip-module__hop-Chip--md___oU8bV {
1561
+ .Chip-module__hop-Chip--md___-CMix {
1376
1562
  --block-size: var(--hop-Chip-md-block-size);
1377
1563
  --padding-inline: var(--hop-Chip-md-padding-inline);
1378
1564
  }
1379
- .Chip-module__hop-Chip--lg___T0jye {
1565
+ .Chip-module__hop-Chip--lg___j1jM1 {
1380
1566
  --block-size: var(--hop-Chip-lg-block-size);
1381
1567
  --padding-inline: var(--hop-Chip-lg-padding-inline);
1382
1568
  }
1383
- .Chip-module__hop-Chip--neutral___Hepkw {
1569
+ .Chip-module__hop-Chip--neutral___kLtLJ {
1384
1570
  --border-color: var(--hop-Chip-neutral-border-color);
1385
1571
  --background-color: var(--hop-Chip-neutral-background-color);
1386
1572
  --text-color: var(--hop-Chip-neutral-text-color);
1387
1573
  }
1388
- .Chip-module__hop-Chip--progress___znAZi {
1574
+ .Chip-module__hop-Chip--progress___5GBF8 {
1389
1575
  --border-color: var(--hop-Chip-progress-border-color);
1390
1576
  --background-color: var(--hop-Chip-progress-background-color);
1391
1577
  --text-color: var(--hop-Chip-progress-text-color);
1392
1578
  }
1393
- .Chip-module__hop-Chip--positive___tyQ-N {
1579
+ .Chip-module__hop-Chip--positive___F-3cU {
1394
1580
  --border-color: var(--hop-Chip-positive-border-color);
1395
1581
  --background-color: var(--hop-Chip-positive-background-color);
1396
1582
  --text-color: var(--hop-Chip-positive-text-color);
1397
1583
  }
1398
- .Chip-module__hop-Chip--caution___WMvPA {
1584
+ .Chip-module__hop-Chip--caution___ezAXo {
1399
1585
  --border-color: var(--hop-Chip-caution-border-color);
1400
1586
  --background-color: var(--hop-Chip-caution-background-color);
1401
1587
  --text-color: var(--hop-Chip-caution-text-color);
1402
1588
  }
1403
- .Chip-module__hop-Chip--negative___vev3J {
1589
+ .Chip-module__hop-Chip--negative___SrEHc {
1404
1590
  --border-color: var(--hop-Chip-negative-border-color);
1405
1591
  --background-color: var(--hop-Chip-negative-background-color);
1406
1592
  --text-color: var(--hop-Chip-negative-text-color);
1407
1593
  }
1408
- .Chip-module__hop-Chip--option1___WZaqu {
1594
+ .Chip-module__hop-Chip--option1___TNAVL {
1409
1595
  --border-color: var(--hop-Chip-option1-border-color);
1410
1596
  --background-color: var(--hop-Chip-option1-background-color);
1411
1597
  --text-color: var(--hop-Chip-option1-text-color);
1412
1598
  }
1413
- .Chip-module__hop-Chip--option2___GlsQ3 {
1599
+ .Chip-module__hop-Chip--option2___WFy37 {
1414
1600
  --border-color: var(--hop-Chip-option2-border-color);
1415
1601
  --background-color: var(--hop-Chip-option2-background-color);
1416
1602
  --text-color: var(--hop-Chip-option2-text-color);
1417
1603
  }
1418
- .Chip-module__hop-Chip--option3___QURDu {
1604
+ .Chip-module__hop-Chip--option3___qYEVE {
1419
1605
  --border-color: var(--hop-Chip-option3-border-color);
1420
1606
  --background-color: var(--hop-Chip-option3-background-color);
1421
1607
  --text-color: var(--hop-Chip-option3-text-color);
1422
1608
  }
1423
- .Chip-module__hop-Chip--option4___2Qznz {
1609
+ .Chip-module__hop-Chip--option4___MHav7 {
1424
1610
  --border-color: var(--hop-Chip-option4-border-color);
1425
1611
  --background-color: var(--hop-Chip-option4-background-color);
1426
1612
  --text-color: var(--hop-Chip-option4-text-color);
1427
1613
  }
1428
- .Chip-module__hop-Chip--option5___yTIji {
1614
+ .Chip-module__hop-Chip--option5___Y-i-5 {
1429
1615
  --border-color: var(--hop-Chip-option5-border-color);
1430
1616
  --background-color: var(--hop-Chip-option5-background-color);
1431
1617
  --text-color: var(--hop-Chip-option5-text-color);
1432
1618
  }
1433
- .Chip-module__hop-Chip--option6___FyrNE {
1619
+ .Chip-module__hop-Chip--option6___qTRX9 {
1434
1620
  --border-color: var(--hop-Chip-option6-border-color);
1435
1621
  --background-color: var(--hop-Chip-option6-background-color);
1436
1622
  --text-color: var(--hop-Chip-option6-text-color);
1437
1623
  }
1438
- .Chip-module__hop-Chip--inactive___7y7LL {
1624
+ .Chip-module__hop-Chip--inactive___vSk80 {
1439
1625
  --border-color: var(--hop-Chip-inactive-border-color);
1440
1626
  --background-color: var(--hop-Chip-inactive-background-color);
1441
1627
  --text-color: var(--hop-Chip-inactive-text-color);
1442
1628
  }
1443
- .Chip-module__hop-Chip--disabled___vO96s {
1629
+ .Chip-module__hop-Chip--disabled___175zy {
1444
1630
  --border-color: var(--hop-Chip-disabled-border-color);
1445
1631
  --background-color: var(--hop-Chip-disabled-background-color);
1446
1632
  --text-color: var(--hop-Chip-disabled-text-color);
1447
1633
  }
1448
- .Chip-module__hop-Chip__icon___0V0Yr,
1449
- .Chip-module__hop-Chip__icon-list___WP57P {
1634
+ .Chip-module__hop-Chip__icon___yyVQ2,
1635
+ .Chip-module__hop-Chip__icon-list___fSAV6 {
1450
1636
  flex: 0 0 auto;
1451
1637
  flex-wrap: nowrap;
1452
1638
  order: 1;
1453
1639
  }
1454
- .Chip-module__hop-Chip__text___m-KTB {
1640
+ .Chip-module__hop-Chip__text___hO2-Q {
1455
1641
  overflow: hidden;
1456
1642
  flex: 1 1 auto;
1457
1643
  order: 2;
@@ -1459,15 +1645,15 @@
1459
1645
  text-align: center;
1460
1646
  text-overflow: ellipsis;
1461
1647
  }
1462
- .Chip-module__hop-Chip__end-icon___QuyDr,
1463
- .Chip-module__hop-Chip__end-icon-list___Jso7r {
1648
+ .Chip-module__hop-Chip__end-icon___thI6k,
1649
+ .Chip-module__hop-Chip__end-icon-list___sNXbx {
1464
1650
  flex: 0 0 auto;
1465
1651
  flex-wrap: nowrap;
1466
1652
  order: 3;
1467
1653
  }
1468
1654
 
1469
1655
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
1470
- .Link-module__hop-Link___vkXwU {
1656
+ .Link-module__hop-Link___UXQIE {
1471
1657
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1472
1658
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1473
1659
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1492,59 +1678,59 @@
1492
1678
  outline: none;
1493
1679
  outline-offset: 0.125rem;
1494
1680
  }
1495
- .Link-module__hop-Link___vkXwU[data-focus-visible] {
1681
+ .Link-module__hop-Link___UXQIE[data-focus-visible] {
1496
1682
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1497
1683
  }
1498
- .Link-module__hop-Link___vkXwU[data-disabled] {
1684
+ .Link-module__hop-Link___UXQIE[data-disabled] {
1499
1685
  cursor: default;
1500
1686
  }
1501
- .Link-module__hop-Link--quiet___FEyKa[data-focus-visible],
1502
- .Link-module__hop-Link--quiet___FEyKa[data-hovered] {
1687
+ .Link-module__hop-Link--quiet___wGnRL[data-focus-visible],
1688
+ .Link-module__hop-Link--quiet___wGnRL[data-hovered] {
1503
1689
  text-decoration: underline;
1504
1690
  }
1505
- .Link-module__hop-Link___vkXwU:not(.Link-module__hop-Link--quiet___FEyKa) {
1691
+ .Link-module__hop-Link___UXQIE:not(.Link-module__hop-Link--quiet___wGnRL) {
1506
1692
  text-decoration: underline;
1507
1693
  }
1508
- .Link-module__hop-Link--primary___KRkww {
1694
+ .Link-module__hop-Link--primary___ti1DR {
1509
1695
  color: var(--hop-Link-primary-text-color);
1510
1696
  }
1511
- .Link-module__hop-Link--primary___KRkww[data-disabled] {
1697
+ .Link-module__hop-Link--primary___ti1DR[data-disabled] {
1512
1698
  color: var(--hop-Link-primary-text-disabled-color);
1513
1699
  }
1514
- .Link-module__hop-Link--primary___KRkww:not([data-disabled])[data-focus-visible],
1515
- .Link-module__hop-Link--primary___KRkww:not([data-disabled])[data-hovered] {
1700
+ .Link-module__hop-Link--primary___ti1DR:not([data-disabled])[data-focus-visible],
1701
+ .Link-module__hop-Link--primary___ti1DR:not([data-disabled])[data-hovered] {
1516
1702
  color: var(--hop-Link-primary-text-hover-color);
1517
1703
  }
1518
- .Link-module__hop-Link--primary___KRkww:not([data-disabled])[data-pressed] {
1704
+ .Link-module__hop-Link--primary___ti1DR:not([data-disabled])[data-pressed] {
1519
1705
  color: var(--hop-Link-primary-text-pressed-color);
1520
1706
  }
1521
- .Link-module__hop-Link--secondary___OU7bb {
1707
+ .Link-module__hop-Link--secondary___WUbS9 {
1522
1708
  color: var(--hop-Link-neutral-text-color);
1523
1709
  }
1524
- .Link-module__hop-Link--secondary___OU7bb[data-disabled] {
1710
+ .Link-module__hop-Link--secondary___WUbS9[data-disabled] {
1525
1711
  color: var(--hop-Link-neutral-text-disabled-color);
1526
1712
  }
1527
- .Link-module__hop-Link--secondary___OU7bb:not([data-disabled])[data-focus-visible],
1528
- .Link-module__hop-Link--secondary___OU7bb:not([data-disabled])[data-hovered] {
1713
+ .Link-module__hop-Link--secondary___WUbS9:not([data-disabled])[data-focus-visible],
1714
+ .Link-module__hop-Link--secondary___WUbS9:not([data-disabled])[data-hovered] {
1529
1715
  color: var(--hop-Link-neutral-text-hover-color);
1530
1716
  }
1531
- .Link-module__hop-Link--secondary___OU7bb:not([data-disabled])[data-pressed] {
1717
+ .Link-module__hop-Link--secondary___WUbS9:not([data-disabled])[data-pressed] {
1532
1718
  color: var(--hop-Link-neutral-text-pressed-color);
1533
1719
  }
1534
- .Link-module__hop-Link__icon___zgn-r,
1535
- .Link-module__hop-Link__icon-list___tYGCE {
1720
+ .Link-module__hop-Link__icon___4hTxA,
1721
+ .Link-module__hop-Link__icon-list___4mwdq {
1536
1722
  order: 2;
1537
1723
  }
1538
- .Link-module__hop-Link__text___fxC1y {
1724
+ .Link-module__hop-Link__text___zwfdO {
1539
1725
  order: 1;
1540
1726
  }
1541
- .Link-module__hop-Link__start-icon___jTw3J,
1542
- .Link-module__hop-Link__start-icon-list___6uk1L {
1727
+ .Link-module__hop-Link__start-icon___qb39L,
1728
+ .Link-module__hop-Link__start-icon-list___2OqTa {
1543
1729
  order: 0;
1544
1730
  }
1545
1731
 
1546
1732
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1547
- .Radio-module__hop-Radio___EkCwX {
1733
+ .Radio-module__hop-Radio___U2zYL {
1548
1734
  --hop-Radio-box-border-size: 0.0625rem;
1549
1735
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1550
1736
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1620,27 +1806,27 @@
1620
1806
  cursor: var(--cursor);
1621
1807
  display: flex;
1622
1808
  column-gap: var(--hop-space-inline-xs);
1623
- align-items: start;
1624
- justify-content: start;
1809
+ align-items: flex-start;
1810
+ justify-content: flex-start;
1625
1811
  box-sizing: border-box;
1626
1812
  inline-size: max-content;
1627
1813
  max-inline-size: 100%;
1628
1814
  }
1629
- .Radio-module__hop-Radio___EkCwX[data-hovered] {
1815
+ .Radio-module__hop-Radio___U2zYL[data-hovered] {
1630
1816
  --box-background-color: var(--hop-Radio-box-background-color-hover);
1631
1817
  --box-border-color: var(--hop-Radio-box-border-color-hover);
1632
1818
  --text-color: var(--hop-Radio-text-color-hover);
1633
1819
  --icon-color: var(--hop-Radio-icon-color-hover);
1634
1820
  --description-color: var(--hop-Radio-description-color-hover);
1635
1821
  }
1636
- .Radio-module__hop-Radio___EkCwX[data-pressed] {
1822
+ .Radio-module__hop-Radio___U2zYL[data-pressed] {
1637
1823
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1638
1824
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1639
1825
  --text-color: var(--hop-Radio-text-color-pressed);
1640
1826
  --icon-color: var(--hop-Radio-icon-color-pressed);
1641
1827
  --description-color: var(--hop-Radio-description-color-pressed);
1642
1828
  }
1643
- .Radio-module__hop-Radio___EkCwX[data-selected] {
1829
+ .Radio-module__hop-Radio___U2zYL[data-selected] {
1644
1830
  --box-background-color: var(--hop-Radio-box-background-color-selected-hover);
1645
1831
  --box-border-color: var(--hop-Radio-box-border-color-selected-hover);
1646
1832
  --bullet-display: var(--hop-Radio-bullet-display-selected);
@@ -1648,7 +1834,7 @@
1648
1834
  --icon-color: var(--hop-Radio-icon-color-selected);
1649
1835
  --description-color: var(--hop-Radio-description-color-selected);
1650
1836
  }
1651
- .Radio-module__hop-Radio___EkCwX[data-focus-visible] {
1837
+ .Radio-module__hop-Radio___U2zYL[data-focus-visible] {
1652
1838
  --box-background-color: var(--hop-Radio-box-background-color-focus);
1653
1839
  --box-border-color: var(--hop-Radio-box-border-color-focus);
1654
1840
  --box-outline: 0.125rem solid var(--hop-Radio-box-focus-ring-color);
@@ -1656,11 +1842,11 @@
1656
1842
  --icon-color: var(--hop-Radio-icon-color-focus);
1657
1843
  --description-color: var(--hop-Radio-description-color-focus);
1658
1844
  }
1659
- .Radio-module__hop-Radio___EkCwX[data-focus-visible][data-selected] {
1845
+ .Radio-module__hop-Radio___U2zYL[data-focus-visible][data-selected] {
1660
1846
  --box-background-color: var(--hop-Radio-box-background-color-selected-focus);
1661
1847
  --box-border-color: var(--hop-Radio-box-border-color-selected-focus);
1662
1848
  }
1663
- .Radio-module__hop-Radio___EkCwX[data-invalid] {
1849
+ .Radio-module__hop-Radio___U2zYL[data-invalid] {
1664
1850
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1665
1851
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1666
1852
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
@@ -1668,27 +1854,27 @@
1668
1854
  --icon-color: var(--hop-Radio-icon-color-invalid);
1669
1855
  --description-color: var(--hop-Radio-description-color-invalid);
1670
1856
  }
1671
- .Radio-module__hop-Radio___EkCwX[data-invalid][data-hovered] {
1857
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-hovered] {
1672
1858
  --box-background-color: var(--hop-Radio-box-background-color-hover-invalid);
1673
1859
  --box-border-color: var(--hop-Radio-box-border-color-hover-invalid);
1674
1860
  --text-color: var(--hop-Radio-text-color-hover-invalid);
1675
1861
  --icon-color: var(--hop-Radio-text-color-hover-invalid);
1676
1862
  }
1677
- .Radio-module__hop-Radio___EkCwX[data-invalid][data-pressed] {
1863
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-pressed] {
1678
1864
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1679
1865
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1680
1866
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1681
1867
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1682
1868
  }
1683
- .Radio-module__hop-Radio___EkCwX[data-invalid][data-focus-visible] {
1869
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-focus-visible] {
1684
1870
  --box-background-color: var(--hop-Radio-box-background-color-focus-invalid);
1685
1871
  --box-border-color: var(--hop-Radio-box-border-color-focus-invalid);
1686
1872
  }
1687
- .Radio-module__hop-Radio___EkCwX[data-invalid][data-selected] {
1873
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-selected] {
1688
1874
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1689
1875
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1690
1876
  }
1691
- .Radio-module__hop-Radio___EkCwX[data-disabled] {
1877
+ .Radio-module__hop-Radio___U2zYL[data-disabled] {
1692
1878
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1693
1879
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1694
1880
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1697,29 +1883,29 @@
1697
1883
  --icon-color: var(--hop-Radio-icon-color-disabled);
1698
1884
  --description-color: var(--hop-Radio-description-color-disabled);
1699
1885
  }
1700
- .Radio-module__hop-Radio___EkCwX[data-disabled][data-selected] {
1886
+ .Radio-module__hop-Radio___U2zYL[data-disabled][data-selected] {
1701
1887
  --box-background-color: var(--hop-Radio-box-background-color-selected-disabled);
1702
1888
  --box-border-color: var(--hop-Radio-box-border-color-selected-disabled);
1703
1889
  }
1704
- .Radio-module__hop-Radio--sm___-GEPO {
1890
+ .Radio-module__hop-Radio--sm___ienBb {
1705
1891
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1706
1892
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1707
1893
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1708
1894
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1709
1895
  }
1710
- .Radio-module__hop-Radio--md___ao9Hn {
1896
+ .Radio-module__hop-Radio--md___beRv8 {
1711
1897
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1712
1898
  --box-block-size: var(--hop-Radio-box-md-block-size);
1713
1899
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1714
1900
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1715
1901
  }
1716
- .Radio-module__hop-Radio__icon___jA99I,
1717
- .Radio-module__hop-Radio__icon-list___mIXPB {
1902
+ .Radio-module__hop-Radio__icon___SznKf,
1903
+ .Radio-module__hop-Radio__icon-list___Hcdqe {
1718
1904
  flex: 0 0 auto;
1719
1905
  order: 3;
1720
1906
  color: var(--icon-color);
1721
1907
  }
1722
- .Radio-module__hop-Radio__box___8S6fY {
1908
+ .Radio-module__hop-Radio__box___b7BN6 {
1723
1909
  display: flex;
1724
1910
  flex: 0 0 auto;
1725
1911
  align-items: center;
@@ -1735,11 +1921,11 @@
1735
1921
  outline-offset: 0.125rem;
1736
1922
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1737
1923
  }
1738
- .Radio-module__hop-Radio__bullet___ZOkCk {
1924
+ .Radio-module__hop-Radio__bullet___Gh9LA {
1739
1925
  display: var(--bullet-display);
1740
1926
  color: var(--bullet-color);
1741
1927
  }
1742
- .Radio-module__hop-Radio__text___GmMaW {
1928
+ .Radio-module__hop-Radio__text___M4Ezd {
1743
1929
  flex: 0 1 auto;
1744
1930
  order: 2;
1745
1931
  min-inline-size: 0;
@@ -1749,7 +1935,7 @@
1749
1935
  }
1750
1936
 
1751
1937
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1752
- .RadioField-module__hop-RadioField___ZaNAp {
1938
+ .RadioField-module__hop-RadioField___XLgwE {
1753
1939
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1754
1940
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1755
1941
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1768,28 +1954,28 @@
1768
1954
  inline-size: max-content;
1769
1955
  max-inline-size: 100%;
1770
1956
  }
1771
- .RadioField-module__hop-RadioField___ZaNAp[data-disabled] {
1957
+ .RadioField-module__hop-RadioField___XLgwE[data-disabled] {
1772
1958
  --description-color: var(--hop-RadioField-description-color-disabled);
1773
1959
  }
1774
- .RadioField-module__hop-RadioField--sm___7g2-S {
1960
+ .RadioField-module__hop-RadioField--sm___mQpVi {
1775
1961
  --row-gap: var(--hop-RadioField-sm-row-gap);
1776
1962
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1777
1963
  }
1778
- .RadioField-module__hop-RadioField--md___-5Row {
1964
+ .RadioField-module__hop-RadioField--md___GTmnH {
1779
1965
  --row-gap: var(--hop-RadioField-md-row-gap);
1780
1966
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1781
1967
  }
1782
- .RadioField-module__hop-RadioField__description___5wJkd {
1968
+ .RadioField-module__hop-RadioField__description___-HL2K {
1783
1969
  order: 2;
1784
1970
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1785
1971
  color: var(--description-color);
1786
1972
  }
1787
- .RadioField-module__hop-RadioField__radio___exdNe {
1973
+ .RadioField-module__hop-RadioField__radio___7qSUo {
1788
1974
  order: 1;
1789
1975
  }
1790
1976
 
1791
1977
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1792
- .RadioGroup-module__hop-RadioGroup___2BFRj {
1978
+ .RadioGroup-module__hop-RadioGroup___ZkN81 {
1793
1979
  --hop-RadioGroup-align-items: flex-start;
1794
1980
  --hop-RadioGroup-justify-content: flex-start;
1795
1981
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1829,46 +2015,46 @@
1829
2015
  inline-size: var(--inline-size);
1830
2016
  max-inline-size: 100%;
1831
2017
  }
1832
- .RadioGroup-module__hop-RadioGroup--bordered___TWlEk {
2018
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z {
1833
2019
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1834
2020
  --list-border-radius: var(--hop-shape-rounded-md);
1835
2021
  }
1836
- .RadioGroup-module__hop-RadioGroup--sm___sU8V8 {
2022
+ .RadioGroup-module__hop-RadioGroup--sm___rknTP {
1837
2023
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1838
2024
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1839
2025
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1840
2026
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1841
2027
  }
1842
- .RadioGroup-module__hop-RadioGroup--md___o0jW4 {
2028
+ .RadioGroup-module__hop-RadioGroup--md___hXQE8 {
1843
2029
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1844
2030
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1845
2031
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1846
2032
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1847
2033
  }
1848
- .RadioGroup-module__hop-RadioGroup--bordered___TWlEk.RadioGroup-module__hop-RadioGroup--sm___sU8V8 {
2034
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z.RadioGroup-module__hop-RadioGroup--sm___rknTP {
1849
2035
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1850
2036
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1851
2037
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1852
2038
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1853
2039
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1854
2040
  }
1855
- .RadioGroup-module__hop-RadioGroup--bordered___TWlEk.RadioGroup-module__hop-RadioGroup--md___o0jW4 {
2041
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z.RadioGroup-module__hop-RadioGroup--md___hXQE8 {
1856
2042
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1857
2043
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1858
2044
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1859
2045
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1860
2046
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1861
2047
  }
1862
- .RadioGroup-module__hop-RadioGroup___2BFRj[data-orientation=horizontal] {
2048
+ .RadioGroup-module__hop-RadioGroup___ZkN81[data-orientation=horizontal] {
1863
2049
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1864
2050
  }
1865
- .RadioGroup-module__hop-RadioGroup--bordered___TWlEk[data-orientation=horizontal] {
2051
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z[data-orientation=horizontal] {
1866
2052
  --flex-wrap: nowrap;
1867
2053
  }
1868
- .RadioGroup-module__hop-RadioGroup___2BFRj > .RadioGroup-module__hop-RadioGroup__label___DohOP {
2054
+ .RadioGroup-module__hop-RadioGroup___ZkN81 > .RadioGroup-module__hop-RadioGroup__label___2-otR {
1869
2055
  order: 1;
1870
2056
  }
1871
- .RadioGroup-module__hop-RadioGroup__list___csilJ {
2057
+ .RadioGroup-module__hop-RadioGroup__list___HI--g {
1872
2058
  display: flex;
1873
2059
  flex-flow: var(--flex-direction) var(--flex-wrap);
1874
2060
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1879,7 +2065,7 @@
1879
2065
  border: var(--list-border, none);
1880
2066
  border-radius: var(--list-border-radius, 0);
1881
2067
  }
1882
- .RadioGroup-module__hop-RadioGroup__list___csilJ > .RadioGroup-module__hop-RadioGroup__radio___SpMaJ {
2068
+ .RadioGroup-module__hop-RadioGroup__list___HI--g > .RadioGroup-module__hop-RadioGroup__radio___Y2PHm {
1883
2069
  position: relative;
1884
2070
  flex: 0 1 auto;
1885
2071
  align-content: start;
@@ -1887,28 +2073,28 @@
1887
2073
  min-inline-size: 0;
1888
2074
  padding: var(--radio-padding, 0);
1889
2075
  }
1890
- .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 {
2076
+ .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 {
1891
2077
  content: "";
1892
2078
  position: absolute;
1893
2079
  display: block;
1894
2080
  }
1895
- .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 {
2081
+ .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 {
1896
2082
  inset-block-start: 0;
1897
2083
  inset-inline: 0;
1898
2084
  border-block-start: var(--list-border, none);
1899
2085
  }
1900
- .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 {
2086
+ .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 {
1901
2087
  inset-block: 0;
1902
2088
  inset-inline-start: 0;
1903
2089
  border-inline-start: var(--list-border, none);
1904
2090
  }
1905
- .RadioGroup-module__hop-RadioGroup___2BFRj > .RadioGroup-module__hop-RadioGroup__error-message___4TlqM,
1906
- .RadioGroup-module__hop-RadioGroup___2BFRj > .RadioGroup-module__hop-RadioGroup__helper-message___FFuEK {
2091
+ .RadioGroup-module__hop-RadioGroup___ZkN81 > .RadioGroup-module__hop-RadioGroup__error-message___fsKgY,
2092
+ .RadioGroup-module__hop-RadioGroup___ZkN81 > .RadioGroup-module__hop-RadioGroup__helper-message___qULS3 {
1907
2093
  order: 3;
1908
2094
  }
1909
2095
 
1910
2096
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
1911
- .Switch-module__hop-Switch___n4jxE {
2097
+ .Switch-module__hop-Switch___g-wMP {
1912
2098
  --hop-Switch-border-size: 0.0625rem;
1913
2099
  --hop-Switch-border-color: var(--hop-neutral-border);
1914
2100
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -1959,63 +2145,62 @@
1959
2145
  cursor: var(--cursor);
1960
2146
  display: inline-flex;
1961
2147
  column-gap: var(--column-gap);
1962
- align-items: center;
1963
- align-items: start;
1964
- justify-content: start;
2148
+ align-items: flex-start;
2149
+ justify-content: flex-start;
1965
2150
  box-sizing: border-box;
1966
2151
  inline-size: max-content;
1967
2152
  max-inline-size: 100%;
1968
2153
  }
1969
- .Switch-module__hop-Switch--sm___-f1X2 {
2154
+ .Switch-module__hop-Switch--sm___x4P0y {
1970
2155
  --inline-size: var(--hop-Switch-inline-size-sm);
1971
2156
  --block-size: var(--hop-Switch-block-size-sm);
1972
2157
  --thumb-size: var(--hop-Switch-thumb-size-sm);
1973
2158
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
1974
2159
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
1975
2160
  }
1976
- .Switch-module__hop-Switch--md___QZsov {
2161
+ .Switch-module__hop-Switch--md___5n6kY {
1977
2162
  --inline-size: var(--hop-Switch-inline-size-md);
1978
2163
  --block-size: var(--hop-Switch-block-size-md);
1979
2164
  --thumb-size: var(--hop-Switch-thumb-size-md);
1980
2165
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
1981
2166
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
1982
2167
  }
1983
- .Switch-module__hop-Switch___n4jxE[data-hovered] {
2168
+ .Switch-module__hop-Switch___g-wMP[data-hovered] {
1984
2169
  --border-color: var(--hop-Switch-border-color-hover);
1985
2170
  --background-color: var(--hop-Switch-background-color-hover);
1986
2171
  --thumb-color: var(--hop-Switch-thumb-color-hover);
1987
2172
  --text-color: var(--hop-Switch-text-color-hover);
1988
2173
  }
1989
- .Switch-module__hop-Switch___n4jxE[data-pressed],
1990
- .Switch-module__hop-Switch___n4jxE[data-pressed][data-focus-visible] {
2174
+ .Switch-module__hop-Switch___g-wMP[data-pressed],
2175
+ .Switch-module__hop-Switch___g-wMP[data-pressed][data-focus-visible] {
1991
2176
  --border-color: var(--hop-Switch-border-color-pressed);
1992
2177
  --background-color: var(--hop-Switch-background-color-pressed);
1993
2178
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
1994
2179
  --text-color: var(--hop-Switch-text-color-pressed);
1995
2180
  }
1996
- .Switch-module__hop-Switch___n4jxE[data-focus-visible] {
2181
+ .Switch-module__hop-Switch___g-wMP[data-focus-visible] {
1997
2182
  --border-color: var(--hop-Switch-border-color-focus);
1998
2183
  --background-color: var(--hop-Switch-background-color-focus);
1999
2184
  --thumb-color: var(--hop-Switch-thumb-color-focus);
2000
2185
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
2001
2186
  --text-color: var(--hop-Switch-text-color-focus);
2002
2187
  }
2003
- .Switch-module__hop-Switch___n4jxE[data-selected],
2004
- .Switch-module__hop-Switch___n4jxE[data-selected][data-pressed] {
2188
+ .Switch-module__hop-Switch___g-wMP[data-selected],
2189
+ .Switch-module__hop-Switch___g-wMP[data-selected][data-pressed] {
2005
2190
  --border-color: var(--hop-Switch-border-color-selected);
2006
2191
  --background-color: var(--hop-Switch-background-color-selected);
2007
2192
  --thumb-color: var(--hop-Switch-thumb-color-selected);
2008
2193
  --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%);
2009
2194
  --text-color: var(--hop-Switch-text-color-selected);
2010
2195
  }
2011
- .Switch-module__hop-Switch___n4jxE[data-disabled] {
2196
+ .Switch-module__hop-Switch___g-wMP[data-disabled] {
2012
2197
  --border-color: var(--hop-Switch-border-color-disabled);
2013
2198
  --background-color: var(--hop-Switch-background-color-disabled);
2014
2199
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
2015
2200
  --text-color: var(--hop-Switch-text-color-disabled);
2016
2201
  --cursor: not-allowed;
2017
2202
  }
2018
- .Switch-module__hop-Switch__indicator___iRVTh {
2203
+ .Switch-module__hop-Switch__indicator___zoC1a {
2019
2204
  position: relative;
2020
2205
  flex: 0 0 auto;
2021
2206
  box-sizing: border-box;
@@ -2028,7 +2213,7 @@
2028
2213
  outline-offset: 0.125rem;
2029
2214
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
2030
2215
  }
2031
- .Switch-module__hop-Switch__indicator___iRVTh::before {
2216
+ .Switch-module__hop-Switch__indicator___zoC1a::before {
2032
2217
  content: "";
2033
2218
  position: absolute;
2034
2219
  inset-block-start: 50%;
@@ -2043,20 +2228,20 @@
2043
2228
  border-radius: var(--hop-shape-circle);
2044
2229
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
2045
2230
  }
2046
- .Switch-module__hop-Switch__text___QeO6o {
2231
+ .Switch-module__hop-Switch__text___zwJVh {
2047
2232
  flex: 0 1 auto;
2048
2233
  order: 2;
2049
2234
  min-inline-size: 0;
2050
2235
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
2051
2236
  color: var(--text-color);
2052
2237
  }
2053
- .Switch-module__hop-Switch__icon-list___ka5FC,
2054
- .Switch-module__hop-Switch__icon___j9U5W {
2238
+ .Switch-module__hop-Switch__icon-list___tBX-Z,
2239
+ .Switch-module__hop-Switch__icon___TKU4w {
2055
2240
  order: 3;
2056
2241
  }
2057
2242
 
2058
2243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
2059
- .SwitchField-module__hop-SwitchField___OlYHx {
2244
+ .SwitchField-module__hop-SwitchField___nmxTu {
2060
2245
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
2061
2246
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
2062
2247
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2075,28 +2260,28 @@
2075
2260
  inline-size: max-content;
2076
2261
  max-inline-size: 100%;
2077
2262
  }
2078
- .SwitchField-module__hop-SwitchField___OlYHx[data-disabled] {
2263
+ .SwitchField-module__hop-SwitchField___nmxTu[data-disabled] {
2079
2264
  --description-color: var(--hop-SwitchField-description-color-disabled);
2080
2265
  }
2081
- .SwitchField-module__hop-SwitchField--sm___7s7Ty {
2266
+ .SwitchField-module__hop-SwitchField--sm___cVtQp {
2082
2267
  --row-gap: var(--hop-SwitchField-sm-row-gap);
2083
2268
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
2084
2269
  }
2085
- .SwitchField-module__hop-SwitchField--md___gIbMI {
2270
+ .SwitchField-module__hop-SwitchField--md___DpMwX {
2086
2271
  --row-gap: var(--hop-SwitchField-md-row-gap);
2087
2272
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
2088
2273
  }
2089
- .SwitchField-module__hop-SwitchField__description___Jj-gO {
2274
+ .SwitchField-module__hop-SwitchField__description___hUNKc {
2090
2275
  order: 2;
2091
2276
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
2092
2277
  color: var(--description-color);
2093
2278
  }
2094
- .SwitchField-module__hop-SwitchField__switch___OZkSD {
2279
+ .SwitchField-module__hop-SwitchField__switch___-gZNo {
2095
2280
  order: 1;
2096
2281
  }
2097
2282
 
2098
2283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
2099
- .Tag-module__hop-Tag___Arrz- {
2284
+ .Tag-module__hop-Tag___qFqyh {
2100
2285
  --hop-Tag-border-size: 0.0625rem;
2101
2286
  --hop-Tag-border-radius: var(--hop-shape-pill);
2102
2287
  --hop-Tag-border-color: var(--hop-neutral-border);
@@ -2156,23 +2341,23 @@
2156
2341
  outline: none;
2157
2342
  outline-offset: 0.125rem;
2158
2343
  }
2159
- .Tag-module__hop-Tag--md___Ig1m0 {
2344
+ .Tag-module__hop-Tag--md___yD2R0 {
2160
2345
  --block-size: var(--hop-Tag-md-block-size);
2161
2346
  --padding-inline-start: var(--hop-Tag-md-padding-inline-start);
2162
2347
  --padding-inline-end: var(--hop-Tag-md-padding-inline-end);
2163
2348
  --column-gap: var(--hop-Tag-md-column-gap);
2164
2349
  --clear-btn-margin-inline: calc(-1 * var(--hop-space-inline-xs));
2165
2350
  }
2166
- .Tag-module__hop-Tag--md___Ig1m0:not(:has(.Tag-module__hop-Tag__icon___Q2RKs, .Tag-module__hop-Tag__icon-list___p4FYl)) {
2351
+ .Tag-module__hop-Tag--md___yD2R0:not(:has(.Tag-module__hop-Tag__icon___BuZdB, .Tag-module__hop-Tag__icon-list___XpdrM)) {
2167
2352
  --padding-inline-start: var(--hop-Tag-md-padding-inline-start-text-first);
2168
2353
  }
2169
- .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)) {
2354
+ .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)) {
2170
2355
  --padding-inline-end: var(--hop-Tag-md-padding-inline-end-text-last);
2171
2356
  }
2172
- .Tag-module__hop-Tag--md___Ig1m0:not(:has(.Tag-module__hop-Tag__remove-btn___5kLUr, .Tag-module__hop-Tag__Spinner___QMS-T)) {
2357
+ .Tag-module__hop-Tag--md___yD2R0:not(:has(.Tag-module__hop-Tag__remove-btn___1-nqJ, .Tag-module__hop-Tag__Spinner___4ylYp)) {
2173
2358
  --badge-margin-inline-end: calc(-1 * var(--padding-inline-end));
2174
2359
  }
2175
- .Tag-module__hop-Tag--lg___J1-GI {
2360
+ .Tag-module__hop-Tag--lg___QYYXG {
2176
2361
  --block-size: var(--hop-Tag-lg-block-size);
2177
2362
  --padding-inline-start: var(--hop-Tag-lg-padding-inline-start);
2178
2363
  --padding-inline-end: var(--hop-Tag-lg-padding-inline-end);
@@ -2180,54 +2365,54 @@
2180
2365
  --clear-btn-margin-inline: 0;
2181
2366
  --badge-margin-inline-end: 0;
2182
2367
  }
2183
- .Tag-module__hop-Tag--lg___J1-GI:not(:has(.Tag-module__hop-Tag__icon___Q2RKs, .Tag-module__hop-Tag__icon-list___p4FYl)) {
2368
+ .Tag-module__hop-Tag--lg___QYYXG:not(:has(.Tag-module__hop-Tag__icon___BuZdB, .Tag-module__hop-Tag__icon-list___XpdrM)) {
2184
2369
  --padding-inline-start: var(--hop-Tag-lg-padding-inline-start-text-first);
2185
2370
  }
2186
- .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)) {
2371
+ .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)) {
2187
2372
  --padding-inline-end: var(--hop-Tag-lg-padding-inline-end-text-last);
2188
2373
  }
2189
- .Tag-module__hop-Tag___Arrz-[data-href] {
2374
+ .Tag-module__hop-Tag___qFqyh[data-href] {
2190
2375
  cursor: pointer;
2191
2376
  }
2192
- .Tag-module__hop-Tag___Arrz-[data-focus-visible] {
2377
+ .Tag-module__hop-Tag___qFqyh[data-focus-visible] {
2193
2378
  --background-color: var(--hop-Tag-background-color-focus);
2194
2379
  --border-color: var(--hop-Tag-border-color-focus);
2195
2380
  --text-color: var(--hop-Tag-text-color-focus);
2196
2381
  outline: 0.125rem solid var(--focus-ring-color);
2197
2382
  }
2198
- .Tag-module__hop-Tag___Arrz-[data-hovered] {
2383
+ .Tag-module__hop-Tag___qFqyh[data-hovered] {
2199
2384
  --background-color: var(--hop-Tag-background-color-hover);
2200
2385
  --border-color: var(--hop-Tag-border-color-hover);
2201
2386
  --text-color: var(--hop-Tag-text-color-hover);
2202
2387
  cursor: pointer;
2203
2388
  }
2204
- .Tag-module__hop-Tag___Arrz-[data-selected] {
2389
+ .Tag-module__hop-Tag___qFqyh[data-selected] {
2205
2390
  --background-color: var(--hop-Tag-background-color-selected);
2206
2391
  --border-color: var(--hop-Tag-border-color-selected);
2207
2392
  --text-color: var(--hop-Tag-text-color-selected);
2208
2393
  }
2209
- .Tag-module__hop-Tag___Arrz-[data-pressed] {
2394
+ .Tag-module__hop-Tag___qFqyh[data-pressed] {
2210
2395
  --background-color: var(--hop-Tag-background-color-press);
2211
2396
  --border-color: var(--hop-Tag-border-color-press);
2212
2397
  --text-color: var(--hop-Tag-text-color-press);
2213
2398
  cursor: pointer;
2214
2399
  }
2215
- .Tag-module__hop-Tag___Arrz-[data-invalid] {
2400
+ .Tag-module__hop-Tag___qFqyh[data-invalid] {
2216
2401
  --border-color: var(--hop-Tag-border-color-invalid);
2217
2402
  }
2218
- .Tag-module__hop-Tag___Arrz-[data-disabled] {
2403
+ .Tag-module__hop-Tag___qFqyh[data-disabled] {
2219
2404
  --background-color: var(--hop-Tag-background-color-disabled);
2220
2405
  --border-color: var(--hop-Tag-border-color-disabled);
2221
2406
  --text-color: var(--hop-Tag-text-color-disabled);
2222
2407
  cursor: not-allowed;
2223
2408
  }
2224
- .Tag-module__hop-Tag__icon___Q2RKs,
2225
- .Tag-module__hop-Tag__icon-list___p4FYl {
2409
+ .Tag-module__hop-Tag__icon___BuZdB,
2410
+ .Tag-module__hop-Tag__icon-list___XpdrM {
2226
2411
  flex: 0 0 auto;
2227
2412
  flex-wrap: nowrap;
2228
2413
  order: 1;
2229
2414
  }
2230
- .Tag-module__hop-Tag__text___2zDrG {
2415
+ .Tag-module__hop-Tag__text___JF8Qt {
2231
2416
  overflow: hidden;
2232
2417
  flex: 1 1 auto;
2233
2418
  order: 2;
@@ -2235,25 +2420,25 @@
2235
2420
  text-align: center;
2236
2421
  text-overflow: ellipsis;
2237
2422
  }
2238
- .Tag-module__hop-Tag__badge___aFb39 {
2423
+ .Tag-module__hop-Tag__badge___KsNAZ {
2239
2424
  flex: 0 0 auto;
2240
2425
  order: 3;
2241
2426
  margin-inline-end: var(--badge-margin-inline-end);
2242
2427
  }
2243
- .Tag-module__hop-Tag__badge___aFb39.Tag-module__hop-Badge--secondary___guKe6 {
2428
+ .Tag-module__hop-Tag__badge___KsNAZ.Tag-module__hop-Badge--secondary___Hb-el {
2244
2429
  margin-inline-start: var(--badge-secondary-inline-margin-start);
2245
2430
  }
2246
- .Tag-module__hop-Tag__remove-btn___5kLUr,
2247
- .Tag-module__hop-Tag__Spinner___QMS-T {
2431
+ .Tag-module__hop-Tag__remove-btn___1-nqJ,
2432
+ .Tag-module__hop-Tag__Spinner___4ylYp {
2248
2433
  flex: 0 0 auto;
2249
2434
  order: 4;
2250
2435
  }
2251
- .Tag-module__hop-Tag__remove-btn___5kLUr {
2436
+ .Tag-module__hop-Tag__remove-btn___1-nqJ {
2252
2437
  margin-inline: var(--clear-btn-margin-inline);
2253
2438
  }
2254
2439
 
2255
2440
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
2256
- .TagGroup-module__hop-TagGroup___-9K4- {
2441
+ .TagGroup-module__hop-TagGroup___muX-P {
2257
2442
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
2258
2443
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
2259
2444
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -2273,10 +2458,10 @@
2273
2458
  inline-size: max-content;
2274
2459
  max-inline-size: 100%;
2275
2460
  }
2276
- .TagGroup-module__hop-TagGroup___-9K4- > .TagGroup-module__hop-TagGroup__label___HliMe {
2461
+ .TagGroup-module__hop-TagGroup___muX-P > .TagGroup-module__hop-TagGroup__label___dhbyb {
2277
2462
  order: 1;
2278
2463
  }
2279
- .TagGroup-module__hop-TagGroup__list___wzY6r {
2464
+ .TagGroup-module__hop-TagGroup__list___V4zxa {
2280
2465
  display: flex;
2281
2466
  flex-wrap: wrap;
2282
2467
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -2285,17 +2470,17 @@
2285
2470
  border-radius: var(--list-border-radius);
2286
2471
  outline: none;
2287
2472
  }
2288
- .TagGroup-module__hop-TagGroup__list___wzY6r[data-focus-visible] {
2473
+ .TagGroup-module__hop-TagGroup__list___V4zxa[data-focus-visible] {
2289
2474
  outline: 0.125rem solid var(--list-focus-ring-color);
2290
2475
  outline-offset: 0.125rem;
2291
2476
  }
2292
- .TagGroup-module__hop-TagGroup___-9K4- > .TagGroup-module__hop-TagGroup__error-message___KGiI-,
2293
- .TagGroup-module__hop-TagGroup___-9K4- > .TagGroup-module__hop-TagGroup__helper-message___B4nYY {
2477
+ .TagGroup-module__hop-TagGroup___muX-P > .TagGroup-module__hop-TagGroup__error-message___u8YEV,
2478
+ .TagGroup-module__hop-TagGroup___muX-P > .TagGroup-module__hop-TagGroup__helper-message___SgKv3 {
2294
2479
  order: 3;
2295
2480
  }
2296
2481
 
2297
2482
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2298
- .Heading-module__hop-Heading___XEMpo {
2483
+ .Heading-module__hop-Heading___N6RDM {
2299
2484
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2300
2485
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2301
2486
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -2329,50 +2514,50 @@
2329
2514
  --hop-Heading-inherit-size-font-weight: inherit;
2330
2515
  --hop-Heading-inherit-size-line-height: inherit;
2331
2516
  }
2332
- :where(.Heading-module__hop-Heading___XEMpo) {
2517
+ :where(.Heading-module__hop-Heading___N6RDM) {
2333
2518
  margin: 0;
2334
2519
  font-family: var(--font-family);
2335
2520
  font-size: var(--font-size);
2336
2521
  font-weight: var(--font-weight);
2337
2522
  line-height: var(--line-height);
2338
2523
  }
2339
- :where(.Heading-module__hop-Heading--xs___QP1iF) {
2524
+ :where(.Heading-module__hop-Heading--xs___PspSb) {
2340
2525
  --font-size: var(--hop-Heading-xs-font-size);
2341
2526
  --font-family: var(--hop-Heading-xs-font-family);
2342
2527
  --font-weight: var(--hop-Heading-xs-font-weight);
2343
2528
  --line-height: var(--hop-Heading-xs-line-height);
2344
2529
  }
2345
- :where(.Heading-module__hop-Heading--sm___q3RaI) {
2530
+ :where(.Heading-module__hop-Heading--sm___I-Ypn) {
2346
2531
  --font-size: var(--hop-Heading-sm-font-size);
2347
2532
  --font-family: var(--hop-Heading-sm-font-family);
2348
2533
  --font-weight: var(--hop-Heading-sm-font-weight);
2349
2534
  --line-height: var(--hop-Heading-sm-line-height);
2350
2535
  }
2351
- :where(.Heading-module__hop-Heading--md___wAHF9) {
2536
+ :where(.Heading-module__hop-Heading--md___bJB6G) {
2352
2537
  --font-size: var(--hop-Heading-md-font-size);
2353
2538
  --font-family: var(--hop-Heading-md-font-family);
2354
2539
  --font-weight: var(--hop-Heading-md-font-weight);
2355
2540
  --line-height: var(--hop-Heading-md-line-height);
2356
2541
  }
2357
- :where(.Heading-module__hop-Heading--lg___1yXCu) {
2542
+ :where(.Heading-module__hop-Heading--lg___NYsEb) {
2358
2543
  --font-size: var(--hop-Heading-lg-font-size);
2359
2544
  --font-family: var(--hop-Heading-lg-font-family);
2360
2545
  --font-weight: var(--hop-Heading-lg-font-weight);
2361
2546
  --line-height: var(--hop-Heading-lg-line-height);
2362
2547
  }
2363
- :where(.Heading-module__hop-Heading--xl___N5H9A) {
2548
+ :where(.Heading-module__hop-Heading--xl___K-lV8) {
2364
2549
  --font-size: var(--hop-Heading-xl-font-size);
2365
2550
  --font-family: var(--hop-Heading-xl-font-family);
2366
2551
  --font-weight: var(--hop-Heading-xl-font-weight);
2367
2552
  --line-height: var(--hop-Heading-xl-line-height);
2368
2553
  }
2369
- :where(.Heading-module__hop-Heading--2xl___9j09H) {
2554
+ :where(.Heading-module__hop-Heading--2xl___Uxjjw) {
2370
2555
  --font-size: var(--hop-Heading-2xl-font-size);
2371
2556
  --font-family: var(--hop-Heading-2xl-font-family);
2372
2557
  --font-weight: var(--hop-Heading-2xl-font-weight);
2373
2558
  --line-height: var(--hop-Heading-2xl-line-height);
2374
2559
  }
2375
- :where(.Heading-module__hop-Heading--3xl___LGn-R) {
2560
+ :where(.Heading-module__hop-Heading--3xl___YLUEv) {
2376
2561
  --font-size: var(--hop-Heading-3xl-font-size);
2377
2562
  --font-family: var(--hop-Heading-3xl-font-family);
2378
2563
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -2380,7 +2565,7 @@
2380
2565
  }
2381
2566
 
2382
2567
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2383
- .InputGroup-module__hop-InputGroup___EJcIH {
2568
+ .InputGroup-module__hop-InputGroup___e9z-X {
2384
2569
  --hop-InputGroup-background: var(--hop-neutral-surface);
2385
2570
  --hop-InputGroup-border-color: var(--hop-neutral-border);
2386
2571
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2428,27 +2613,27 @@
2428
2613
  border: var(--border);
2429
2614
  border-radius: var(--hop-InputGroup-border-radius);
2430
2615
  }
2431
- .InputGroup-module__hop-InputGroup--fluid___ixFk2 {
2616
+ .InputGroup-module__hop-InputGroup--fluid___8BiWy {
2432
2617
  --inline-size: 100% ;
2433
2618
  }
2434
- .InputGroup-module__hop-InputGroup--sm___KN-DI {
2619
+ .InputGroup-module__hop-InputGroup--sm___fqMJ7 {
2435
2620
  --block-size: var(--hop-InputGroup-sm-block-size);
2436
2621
  }
2437
- .InputGroup-module__hop-InputGroup___EJcIH[data-hovered] {
2622
+ .InputGroup-module__hop-InputGroup___e9z-X[data-hovered] {
2438
2623
  --background: var(--hop-InputGroup-background-hover);
2439
2624
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2440
2625
  }
2441
- .InputGroup-module__hop-InputGroup___EJcIH[data-focus-within] {
2626
+ .InputGroup-module__hop-InputGroup___e9z-X[data-focus-within] {
2442
2627
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2443
2628
  }
2444
- .InputGroup-module__hop-InputGroup___EJcIH[data-invalid] {
2629
+ .InputGroup-module__hop-InputGroup___e9z-X[data-invalid] {
2445
2630
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2446
2631
  }
2447
- .InputGroup-module__hop-InputGroup___EJcIH[data-disabled] {
2632
+ .InputGroup-module__hop-InputGroup___e9z-X[data-disabled] {
2448
2633
  --background: var(--hop-InputGroup-background-disabled);
2449
2634
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled) ;
2450
2635
  }
2451
- .InputGroup-module__hop-InputGroup__input___Uvn7W {
2636
+ .InputGroup-module__hop-InputGroup__input___GP9M7 {
2452
2637
  --input-font-family: var(--hop-InputGroup-input-md-font-family);
2453
2638
  --input-font-size: var(--hop-InputGroup-input-md-font-size);
2454
2639
  --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
@@ -2470,29 +2655,29 @@
2470
2655
  border: none;
2471
2656
  outline: none;
2472
2657
  }
2473
- .InputGroup-module__hop-InputGroup--fluid___ixFk2 .InputGroup-module__hop-InputGroup__input___Uvn7W {
2658
+ .InputGroup-module__hop-InputGroup--fluid___8BiWy .InputGroup-module__hop-InputGroup__input___GP9M7 {
2474
2659
  --input-inline-size: 100%;
2475
2660
  }
2476
- .InputGroup-module__hop-InputGroup--sm___KN-DI .InputGroup-module__hop-InputGroup__input___Uvn7W {
2661
+ .InputGroup-module__hop-InputGroup--sm___fqMJ7 .InputGroup-module__hop-InputGroup__input___GP9M7 {
2477
2662
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2478
2663
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
2479
2664
  --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
2480
2665
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2481
2666
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2482
2667
  }
2483
- .InputGroup-module__hop-InputGroup__input___Uvn7W::placeholder {
2668
+ .InputGroup-module__hop-InputGroup__input___GP9M7::placeholder {
2484
2669
  font-family: var(--hop-InputGroup-placeholder-font-family);
2485
2670
  font-size: var(--hop-InputGroup-placeholder-font-size);
2486
2671
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2487
2672
  line-height: var(--hop-InputGroup-placeholder-line-height);
2488
2673
  color: var(--input-placeholder-color);
2489
2674
  }
2490
- .InputGroup-module__hop-InputGroup__input___Uvn7W[data-disabled]::placeholder {
2675
+ .InputGroup-module__hop-InputGroup__input___GP9M7[data-disabled]::placeholder {
2491
2676
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2492
2677
  }
2493
2678
 
2494
2679
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2495
- .SearchField-module__hop-SearchField___Ig9yj {
2680
+ .SearchField-module__hop-SearchField___3FVo- {
2496
2681
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2497
2682
  --hop-SearchField-inline-size: 20rem;
2498
2683
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2510,10 +2695,10 @@
2510
2695
  gap: var(--hop-SearchField-gap);
2511
2696
  inline-size: var(--inline-size);
2512
2697
  }
2513
- .SearchField-module__hop-SearchField--fluid___WPNQz {
2698
+ .SearchField-module__hop-SearchField--fluid___-s8ia {
2514
2699
  --inline-size: 100%;
2515
2700
  }
2516
- .SearchField-module__hop-SearchField__Label___YQzmR {
2701
+ .SearchField-module__hop-SearchField__Label___6WXcD {
2517
2702
  order: 0;
2518
2703
  font-family: var(--hop-SearchField-font-family);
2519
2704
  font-size: var(--hop-SearchField-font-size);
@@ -2521,28 +2706,28 @@
2521
2706
  line-height: var(--hop-SearchField-line-height);
2522
2707
  color: var(--hop-SearchField-color);
2523
2708
  }
2524
- .SearchField-module__hop-SearchField__prefix___FG3Rt {
2709
+ .SearchField-module__hop-SearchField__prefix___RPVJa {
2525
2710
  color: var(--hop-SearchField-color);
2526
2711
  }
2527
- .SearchField-module__hop-SearchField__InputGroup___kyA1m {
2712
+ .SearchField-module__hop-SearchField__InputGroup___4xjab {
2528
2713
  order: 1;
2529
2714
  inline-size: 100%;
2530
2715
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2531
2716
  }
2532
- .SearchField-module__hop-SearchField--clearable___RjeYV {
2717
+ .SearchField-module__hop-SearchField--clearable___A5f0R {
2533
2718
  --input-group-padding-inline-end: 0;
2534
2719
  }
2535
- .SearchField-module__hop-SearchField__ErrorMessage___D519f,
2536
- .SearchField-module__hop-SearchField__HelperMessage___hlceE {
2720
+ .SearchField-module__hop-SearchField__ErrorMessage___A2lNY,
2721
+ .SearchField-module__hop-SearchField__HelperMessage___px0JX {
2537
2722
  order: 3;
2538
2723
  }
2539
- .SearchField-module__hop-SearchField___Ig9yj input::-webkit-search-cancel-button,
2540
- .SearchField-module__hop-SearchField___Ig9yj input::-webkit-search-decoration {
2724
+ .SearchField-module__hop-SearchField___3FVo- input::-webkit-search-cancel-button,
2725
+ .SearchField-module__hop-SearchField___3FVo- input::-webkit-search-decoration {
2541
2726
  appearance: none;
2542
2727
  }
2543
- .SearchField-module__hop-SearchField___Ig9yj[data-empty] {
2728
+ .SearchField-module__hop-SearchField___3FVo-[data-empty] {
2544
2729
  --clear-button-display: none;
2545
2730
  }
2546
- .SearchField-module__hop-SearchField__ClearButton___cExII {
2731
+ .SearchField-module__hop-SearchField__ClearButton___aqnio {
2547
2732
  display: var(--clear-button-display);
2548
2733
  }