@hopper-ui/components 1.0.8 → 1.0.9

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 (159) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +10 -10
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/index.css +10 -10
  15. package/dist/Badge/src/index.js +2 -2
  16. package/dist/Chip/src/Chip.css +33 -33
  17. package/dist/Chip/src/Chip.js +2 -2
  18. package/dist/Chip/src/index.css +33 -33
  19. package/dist/Chip/src/index.js +2 -2
  20. package/dist/Divider/src/Divider.css +2 -2
  21. package/dist/Divider/src/Divider.js +1 -1
  22. package/dist/Divider/src/index.css +2 -2
  23. package/dist/Divider/src/index.js +1 -1
  24. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  25. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  26. package/dist/ErrorMessage/src/index.css +11 -11
  27. package/dist/ErrorMessage/src/index.js +2 -2
  28. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  29. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  30. package/dist/HelperMessage/src/index.css +11 -11
  31. package/dist/HelperMessage/src/index.js +2 -2
  32. package/dist/IconList/src/IconList.css +1 -1
  33. package/dist/IconList/src/IconList.js +1 -1
  34. package/dist/IconList/src/index.css +1 -1
  35. package/dist/IconList/src/index.js +1 -1
  36. package/dist/Link/src/Link.css +31 -31
  37. package/dist/Link/src/Link.js +2 -2
  38. package/dist/Link/src/index.css +31 -31
  39. package/dist/Link/src/index.js +2 -2
  40. package/dist/ListBox/src/ListBox.css +175 -175
  41. package/dist/ListBox/src/ListBox.js +7 -7
  42. package/dist/ListBox/src/ListBoxItem.css +160 -160
  43. package/dist/ListBox/src/ListBoxItem.js +6 -6
  44. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  45. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  46. package/dist/ListBox/src/index.css +175 -175
  47. package/dist/ListBox/src/index.js +7 -7
  48. package/dist/Spinner/src/Spinner.css +19 -19
  49. package/dist/Spinner/src/Spinner.js +2 -2
  50. package/dist/Spinner/src/index.css +19 -19
  51. package/dist/Spinner/src/index.js +2 -2
  52. package/dist/buttons/src/Button.css +103 -103
  53. package/dist/buttons/src/Button.js +4 -4
  54. package/dist/buttons/src/ButtonGroup.css +11 -11
  55. package/dist/buttons/src/ButtonGroup.js +1 -1
  56. package/dist/buttons/src/ClearButton.css +12 -12
  57. package/dist/buttons/src/ClearButton.js +2 -2
  58. package/dist/buttons/src/EmbeddedButton.css +12 -12
  59. package/dist/buttons/src/EmbeddedButton.js +1 -1
  60. package/dist/buttons/src/index.css +126 -126
  61. package/dist/buttons/src/index.js +7 -7
  62. package/dist/checkbox/src/Checkbox.css +31 -31
  63. package/dist/checkbox/src/Checkbox.js +2 -2
  64. package/dist/checkbox/src/CheckboxField.css +15 -15
  65. package/dist/checkbox/src/CheckboxField.js +1 -1
  66. package/dist/checkbox/src/CheckboxGroup.css +66 -66
  67. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  68. package/dist/checkbox/src/index.css +66 -66
  69. package/dist/checkbox/src/index.js +4 -4
  70. package/dist/{chunk-QVK2N2AZ.js → chunk-3KBRMNDA.js} +3 -3
  71. package/dist/{chunk-SVUAG4RI.js → chunk-5MXKQU5B.js} +4 -4
  72. package/dist/{chunk-375NGVSY.js → chunk-5YRQIXEL.js} +1 -1
  73. package/dist/{chunk-GEDAZSYP.js → chunk-63JW6CK6.js} +1 -1
  74. package/dist/{chunk-C5SNXNGO.js → chunk-7WUVCC3E.js} +2 -2
  75. package/dist/{chunk-PFQFQTAW.js → chunk-7Y5L73TT.js} +2 -2
  76. package/dist/{chunk-Q6XETWRV.js → chunk-A6JQYJ3R.js} +1 -1
  77. package/dist/{chunk-LYGSWKBB.js → chunk-BCNLI46Y.js} +1 -1
  78. package/dist/{chunk-KC5DWQN5.js → chunk-BEPTEF2Y.js} +3 -3
  79. package/dist/{chunk-2PZTP7OD.js → chunk-BFBNB37P.js} +1 -1
  80. package/dist/{chunk-LAYIMWCS.js → chunk-CPGLTPBH.js} +2 -2
  81. package/dist/{chunk-GVS7P3EP.js → chunk-CQ2WBICW.js} +2 -2
  82. package/dist/{chunk-HK6NUAOU.js → chunk-E3GTXHVR.js} +1 -1
  83. package/dist/{chunk-DERV7IO4.js → chunk-ESMMVJFJ.js} +1 -1
  84. package/dist/{chunk-HJGIOIZH.js → chunk-FSIHGNZZ.js} +1 -1
  85. package/dist/{chunk-FX7SCMAB.js → chunk-G7N6JSC6.js} +3 -3
  86. package/dist/{chunk-JYS47NMI.js → chunk-HIDFRNRY.js} +2 -2
  87. package/dist/{chunk-VILNMAVP.js → chunk-HIKXZAF6.js} +2 -2
  88. package/dist/{chunk-B2NAEXNH.js → chunk-IJEOKZBG.js} +6 -6
  89. package/dist/{chunk-FJYIXPAV.js → chunk-JW6SVCZI.js} +1 -1
  90. package/dist/{chunk-RERJ4IWC.js → chunk-KDSVLCXQ.js} +1 -1
  91. package/dist/{chunk-XGLY57N7.js → chunk-KIKYKF6M.js} +1 -1
  92. package/dist/{chunk-7F63PQML.js → chunk-KQRHG655.js} +1 -1
  93. package/dist/{chunk-BHRRVORW.js → chunk-M7TMDPQ4.js} +5 -5
  94. package/dist/{chunk-O3B5AAY5.js → chunk-MM26VI6I.js} +2 -2
  95. package/dist/{chunk-5YCINTI3.js → chunk-R3YOEPPW.js} +3 -3
  96. package/dist/{chunk-J3FFNHVC.js → chunk-RPKDR2DM.js} +2 -2
  97. package/dist/{chunk-576NZEOZ.js → chunk-SBGW2L25.js} +2 -2
  98. package/dist/{chunk-WWLAPWPS.js → chunk-SV4MURUH.js} +3 -3
  99. package/dist/{chunk-YORVWKUU.js → chunk-TFKAOK7T.js} +1 -1
  100. package/dist/{chunk-T3KA26BR.js → chunk-TV77LXU3.js} +1 -1
  101. package/dist/{chunk-Q4P2MTYE.js → chunk-USJAHVR6.js} +1 -1
  102. package/dist/{chunk-LD4PHTV5.js → chunk-UU2LRQMW.js} +1 -1
  103. package/dist/{chunk-IGDXWHDV.js → chunk-W5H4HE43.js} +1 -1
  104. package/dist/{chunk-KUOVH2WS.js → chunk-WFL75JA5.js} +1 -1
  105. package/dist/{chunk-6FJ6VT7L.js → chunk-WL24EJEW.js} +1 -1
  106. package/dist/{chunk-2O5GW4WZ.js → chunk-ZJY43OYG.js} +1 -1
  107. package/dist/index.css +457 -457
  108. package/dist/index.js +37 -37
  109. package/dist/inputs/src/InputGroup.css +12 -12
  110. package/dist/inputs/src/InputGroup.js +1 -1
  111. package/dist/inputs/src/PasswordField.css +163 -163
  112. package/dist/inputs/src/PasswordField.js +7 -7
  113. package/dist/inputs/src/SearchField.css +169 -169
  114. package/dist/inputs/src/SearchField.js +8 -8
  115. package/dist/inputs/src/TextField.css +164 -164
  116. package/dist/inputs/src/TextField.js +8 -8
  117. package/dist/inputs/src/index.css +182 -182
  118. package/dist/inputs/src/index.js +10 -10
  119. package/dist/overlays/Popover/src/Popover.css +457 -457
  120. package/dist/overlays/Popover/src/Popover.js +37 -37
  121. package/dist/overlays/Popover/src/index.css +457 -457
  122. package/dist/overlays/Popover/src/index.js +37 -37
  123. package/dist/radio/src/Radio.css +31 -31
  124. package/dist/radio/src/Radio.js +2 -2
  125. package/dist/radio/src/RadioField.css +15 -15
  126. package/dist/radio/src/RadioField.js +1 -1
  127. package/dist/radio/src/RadioGroup.css +66 -66
  128. package/dist/radio/src/RadioGroup.js +1 -1
  129. package/dist/radio/src/index.css +66 -66
  130. package/dist/radio/src/index.js +4 -4
  131. package/dist/switch/src/Switch.css +25 -25
  132. package/dist/switch/src/Switch.js +2 -2
  133. package/dist/switch/src/SwitchField.css +15 -15
  134. package/dist/switch/src/SwitchField.js +1 -1
  135. package/dist/switch/src/index.css +31 -31
  136. package/dist/switch/src/index.js +3 -3
  137. package/dist/tag/src/Tag.css +457 -457
  138. package/dist/tag/src/Tag.js +37 -37
  139. package/dist/tag/src/TagGroup.css +28 -28
  140. package/dist/tag/src/TagGroup.js +1 -1
  141. package/dist/tag/src/index.css +457 -457
  142. package/dist/tag/src/index.js +37 -37
  143. package/dist/typography/Heading/src/Heading.css +9 -9
  144. package/dist/typography/Heading/src/Heading.js +1 -1
  145. package/dist/typography/Heading/src/index.css +9 -9
  146. package/dist/typography/Heading/src/index.js +1 -1
  147. package/dist/typography/Label/src/Label.css +9 -9
  148. package/dist/typography/Label/src/Label.js +1 -1
  149. package/dist/typography/Label/src/index.css +9 -9
  150. package/dist/typography/Label/src/index.js +1 -1
  151. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  152. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  153. package/dist/typography/OverlineText/src/index.css +6 -6
  154. package/dist/typography/OverlineText/src/index.js +1 -1
  155. package/dist/typography/Text/src/Text.css +9 -9
  156. package/dist/typography/Text/src/Text.js +1 -1
  157. package/dist/typography/Text/src/index.css +9 -9
  158. package/dist/typography/Text/src/index.js +1 -1
  159. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
2
- :where(.OverlineText-module__hop-OverlineText___Vuw2H) {
2
+ :where(.OverlineText-module__hop-OverlineText___5GRoV) {
3
3
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
4
4
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
5
5
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -23,26 +23,26 @@
23
23
  text-transform: uppercase;
24
24
  letter-spacing: var(--letter-spacing);
25
25
  }
26
- .OverlineText-module__hop-OverlineText__text___xrm5a {
26
+ .OverlineText-module__hop-OverlineText__text___VJt70 {
27
27
  box-sizing: border-box;
28
28
  }
29
- .OverlineText-module__hop-OverlineText__text___xrm5a::before,
30
- .OverlineText-module__hop-OverlineText__text___xrm5a::after {
29
+ .OverlineText-module__hop-OverlineText__text___VJt70::before,
30
+ .OverlineText-module__hop-OverlineText__text___VJt70::after {
31
31
  content: "";
32
32
  display: block;
33
33
  box-sizing: border-box;
34
34
  inline-size: 0;
35
35
  block-size: 0;
36
36
  }
37
- .OverlineText-module__hop-OverlineText__text___xrm5a::before {
37
+ .OverlineText-module__hop-OverlineText__text___VJt70::before {
38
38
  margin-block-end: var(--bottom-offset);
39
39
  }
40
- .OverlineText-module__hop-OverlineText__text___xrm5a::after {
40
+ .OverlineText-module__hop-OverlineText__text___VJt70::after {
41
41
  margin-block-start: var(--top-offset);
42
42
  }
43
43
 
44
44
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
45
- .Badge-module__hop-Badge___pZ5KZ {
45
+ .Badge-module__hop-Badge___P63WA {
46
46
  --hop-Badge-height: 1.5rem;
47
47
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
48
48
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -66,21 +66,21 @@
66
66
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
67
67
  border-radius: var(--border-radius);
68
68
  }
69
- .Badge-module__hop-Badge--primary___weyTt {
69
+ .Badge-module__hop-Badge--primary___trtWH {
70
70
  --background-color: var(--hop-Badge-primary-background-color);
71
71
  --text-color: var(--hop-Badge-primary-text-color);
72
72
  }
73
- .Badge-module__hop-Badge--secondary___MYrUR {
73
+ .Badge-module__hop-Badge--secondary___dkMr2 {
74
74
  --background-color: var(--hop-Badge-secondary-background-color);
75
75
  --text-color: var(--hop-Badge-secondary-text-color);
76
76
  }
77
- .Badge-module__hop-Badge___pZ5KZ[data-disabled] {
77
+ .Badge-module__hop-Badge___P63WA[data-disabled] {
78
78
  --background-color: var(--hop-Badge-background-color-disabled);
79
79
  --text-color: var(--hop-Badge-text-color-disabled);
80
80
  }
81
81
 
82
82
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
83
- .IconList-module__hop-IconList___WqX3l {
83
+ .IconList-module__hop-IconList___BKrPD {
84
84
  --hop-IconList-gap: var(--hop-space-inline-xs);
85
85
  display: flex;
86
86
  flex-wrap: wrap;
@@ -89,7 +89,7 @@
89
89
  }
90
90
 
91
91
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
92
- .Text-module__hop-Text___tIiCx {
92
+ .Text-module__hop-Text___9EKDX {
93
93
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
94
94
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
95
95
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -119,49 +119,49 @@
119
119
  --hop-Text-inherit-size-font-weight: inherit;
120
120
  --hop-Text-inherit-size-line-height: inherit;
121
121
  }
122
- :where(.Text-module__hop-Text___tIiCx) {
122
+ :where(.Text-module__hop-Text___9EKDX) {
123
123
  font-family: var(--font-family);
124
124
  font-size: var(--font-size);
125
125
  font-weight: var(--font-weight);
126
126
  line-height: var(--line-height);
127
127
  }
128
- :where(.Text-module__hop-Text--xs___rw7oZ) {
128
+ :where(.Text-module__hop-Text--xs___jiJjf) {
129
129
  --font-size: var(--hop-Text-xs-font-size);
130
130
  --font-family: var(--hop-Text-xs-font-family);
131
131
  --font-weight: var(--hop-Text-xs-font-weight);
132
132
  --line-height: var(--hop-Text-xs-line-height);
133
133
  }
134
- :where(.Text-module__hop-Text--sm___egXsQ) {
134
+ :where(.Text-module__hop-Text--sm___-IJzb) {
135
135
  --font-size: var(--hop-Text-sm-font-size);
136
136
  --font-family: var(--hop-Text-sm-font-family);
137
137
  --font-weight: var(--hop-Text-sm-font-weight);
138
138
  --line-height: var(--hop-Text-sm-line-height);
139
139
  }
140
- :where(.Text-module__hop-Text--md___x9B05) {
140
+ :where(.Text-module__hop-Text--md___JvMWi) {
141
141
  --font-size: var(--hop-Text-md-font-size);
142
142
  --font-family: var(--hop-Text-md-font-family);
143
143
  --font-weight: var(--hop-Text-md-font-weight);
144
144
  --line-height: var(--hop-Text-md-line-height);
145
145
  }
146
- :where(.Text-module__hop-Text--lg___G-bAx) {
146
+ :where(.Text-module__hop-Text--lg___TLLw6) {
147
147
  --font-size: var(--hop-Text-lg-font-size);
148
148
  --font-family: var(--hop-Text-lg-font-family);
149
149
  --font-weight: var(--hop-Text-lg-font-weight);
150
150
  --line-height: var(--hop-Text-lg-line-height);
151
151
  }
152
- :where(.Text-module__hop-Text--xl___QHdr-) {
152
+ :where(.Text-module__hop-Text--xl___lpA8Y) {
153
153
  --font-size: var(--hop-Text-xl-font-size);
154
154
  --font-family: var(--hop-Text-xl-font-family);
155
155
  --font-weight: var(--hop-Text-xl-font-weight);
156
156
  --line-height: var(--hop-Text-xl-line-height);
157
157
  }
158
- :where(.Text-module__hop-Text--2xl___Y5asG) {
158
+ :where(.Text-module__hop-Text--2xl___ggwwq) {
159
159
  --font-size: var(--hop-Text-2xl-font-size);
160
160
  --font-family: var(--hop-Text-2xl-font-family);
161
161
  --font-weight: var(--hop-Text-2xl-font-weight);
162
162
  --line-height: var(--hop-Text-2xl-line-height);
163
163
  }
164
- :where(.Text-module__hop-Text--inherit___HTrly) {
164
+ :where(.Text-module__hop-Text--inherit___2Vd0p) {
165
165
  --font-size: var(--hop-Text-inherit-size-font-size);
166
166
  --font-family: var(--hop-Text-inherit-size-font-family);
167
167
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -169,7 +169,7 @@
169
169
  }
170
170
 
171
171
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
172
- .Checkbox-module__hop-Checkbox___-skry {
172
+ .Checkbox-module__hop-Checkbox___av5T8 {
173
173
  --hop-Checkbox-box-border-size: 0.0625rem;
174
174
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
175
175
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -245,8 +245,8 @@
245
245
  inline-size: max-content;
246
246
  max-inline-size: 100%;
247
247
  }
248
- .Checkbox-module__hop-Checkbox___-skry[data-focus-visible],
249
- .Checkbox-module__hop-Checkbox--focused___X0QkL {
248
+ .Checkbox-module__hop-Checkbox___av5T8[data-focus-visible],
249
+ .Checkbox-module__hop-Checkbox--focused___fYQMD {
250
250
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
251
251
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
252
252
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
@@ -254,22 +254,22 @@
254
254
  --icon-color: var(--hop-Checkbox-icon-color-focused);
255
255
  --description-color: var(--hop-Checkbox-description-color-focus);
256
256
  }
257
- .Checkbox-module__hop-Checkbox___-skry[data-hovered],
258
- .Checkbox-module__hop-Checkbox--hovered___Sy-i1 {
257
+ .Checkbox-module__hop-Checkbox___av5T8[data-hovered],
258
+ .Checkbox-module__hop-Checkbox--hovered___MHCcx {
259
259
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
260
260
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
261
261
  --text-color: var(--hop-Checkbox-text-color-hovered);
262
262
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
263
263
  --description-color: var(--hop-Checkbox-description-color-hover);
264
264
  }
265
- .Checkbox-module__hop-Checkbox___-skry[data-pressed],
266
- .Checkbox-module__hop-Checkbox--pressed___L-0uq {
265
+ .Checkbox-module__hop-Checkbox___av5T8[data-pressed],
266
+ .Checkbox-module__hop-Checkbox--pressed___CaIAB {
267
267
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
268
268
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
269
269
  --text-color: var(--hop-Checkbox-text-color-pressed);
270
270
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
271
271
  }
272
- .Checkbox-module__hop-Checkbox___-skry[data-selected] {
272
+ .Checkbox-module__hop-Checkbox___av5T8[data-selected] {
273
273
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
274
274
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
275
275
  --check-display: var(--hop-Checkbox-check-display-selected);
@@ -277,7 +277,7 @@
277
277
  --icon-color: var(--hop-Checkbox-icon-color-selected);
278
278
  --description-color: var(--hop-Checkbox-description-color-checked);
279
279
  }
280
- .Checkbox-module__hop-Checkbox___-skry[data-invalid] {
280
+ .Checkbox-module__hop-Checkbox___av5T8[data-invalid] {
281
281
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
282
282
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
283
283
  --check-color: var(--hop-Checkbox-check-color-invalid);
@@ -285,27 +285,27 @@
285
285
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
286
286
  --description-color: var(--hop-Checkbox-description-color-invalid);
287
287
  }
288
- .Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___X0QkL) {
288
+ .Checkbox-module__hop-Checkbox___av5T8[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___fYQMD) {
289
289
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
290
290
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
291
291
  }
292
- .Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___Sy-i1) {
292
+ .Checkbox-module__hop-Checkbox___av5T8[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___MHCcx) {
293
293
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
294
294
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
295
295
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
296
296
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
297
297
  }
298
- .Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___L-0uq) {
298
+ .Checkbox-module__hop-Checkbox___av5T8[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___CaIAB) {
299
299
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
300
300
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
301
301
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
302
302
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
303
303
  }
304
- .Checkbox-module__hop-Checkbox___-skry:where([data-invalid])[data-selected] {
304
+ .Checkbox-module__hop-Checkbox___av5T8:where([data-invalid])[data-selected] {
305
305
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
306
306
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
307
307
  }
308
- .Checkbox-module__hop-Checkbox___-skry[data-disabled] {
308
+ .Checkbox-module__hop-Checkbox___av5T8[data-disabled] {
309
309
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
310
310
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
311
311
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -314,25 +314,25 @@
314
314
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
315
315
  --description-color: var(--hop-Checkbox-description-color-disabled);
316
316
  }
317
- .Checkbox-module__hop-Checkbox--sm___6VG9N {
317
+ .Checkbox-module__hop-Checkbox--sm___gaj6z {
318
318
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
319
319
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
320
320
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
321
321
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
322
322
  }
323
- .Checkbox-module__hop-Checkbox--md___uK-n- {
323
+ .Checkbox-module__hop-Checkbox--md___TH-iN {
324
324
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
325
325
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
326
326
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
327
327
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
328
328
  }
329
- .Checkbox-module__hop-Checkbox__icon___UWW9Q,
330
- .Checkbox-module__hop-Checkbox__icon-list___ZJ8OH {
329
+ .Checkbox-module__hop-Checkbox__icon___W7XjS,
330
+ .Checkbox-module__hop-Checkbox__icon-list___Lpm2J {
331
331
  flex: 0 0 auto;
332
332
  order: 3;
333
333
  color: var(--icon-color);
334
334
  }
335
- .Checkbox-module__hop-Checkbox__box___IrGoV {
335
+ .Checkbox-module__hop-Checkbox__box___VicMB {
336
336
  display: flex;
337
337
  flex: 0 0 auto;
338
338
  align-items: center;
@@ -348,11 +348,11 @@
348
348
  outline-offset: 0.125rem;
349
349
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
350
350
  }
351
- .Checkbox-module__hop-Checkbox__check___R6h7l {
351
+ .Checkbox-module__hop-Checkbox__check___b1aB8 {
352
352
  display: var(--check-display);
353
353
  color: var(--check-color);
354
354
  }
355
- .Checkbox-module__hop-Checkbox__text___uO5pN {
355
+ .Checkbox-module__hop-Checkbox__text___Q3QBg {
356
356
  flex: 0 1 auto;
357
357
  order: 2;
358
358
  min-inline-size: 0;
@@ -362,7 +362,7 @@
362
362
  }
363
363
 
364
364
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
365
- .CheckboxField-module__hop-CheckboxField___pydl9 {
365
+ .CheckboxField-module__hop-CheckboxField___vIspb {
366
366
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
367
367
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
368
368
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -381,28 +381,28 @@
381
381
  inline-size: max-content;
382
382
  max-inline-size: 100%;
383
383
  }
384
- .CheckboxField-module__hop-CheckboxField___pydl9[data-disabled] {
384
+ .CheckboxField-module__hop-CheckboxField___vIspb[data-disabled] {
385
385
  --description-color: var(--hop-CheckboxField-description-color-disabled);
386
386
  }
387
- .CheckboxField-module__hop-CheckboxField--sm___Fopud {
387
+ .CheckboxField-module__hop-CheckboxField--sm___yblww {
388
388
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
389
389
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
390
390
  }
391
- .CheckboxField-module__hop-CheckboxField--md___UCUdY {
391
+ .CheckboxField-module__hop-CheckboxField--md___NfSNj {
392
392
  --row-gap: var(--hop-CheckboxField-md-row-gap);
393
393
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
394
394
  }
395
- .CheckboxField-module__hop-CheckboxField__description___tatz9 {
395
+ .CheckboxField-module__hop-CheckboxField__description___3hzEB {
396
396
  order: 2;
397
397
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
398
398
  color: var(--description-color);
399
399
  }
400
- .CheckboxField-module__hop-CheckboxField__checkbox___NXlad {
400
+ .CheckboxField-module__hop-CheckboxField__checkbox___tBCH8 {
401
401
  order: 1;
402
402
  }
403
403
 
404
404
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
405
- .ErrorMessage-module__hop-ErrorMessage___yC5xH {
405
+ .ErrorMessage-module__hop-ErrorMessage___2GpQr {
406
406
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
407
407
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
408
408
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -419,13 +419,13 @@
419
419
  line-height: var(--hop-ErrorMessage-line-height);
420
420
  color: var(--hop-ErrorMessage-color);
421
421
  }
422
- .ErrorMessage-module__hop-ErrorMessage__icon___8C4pS {
422
+ .ErrorMessage-module__hop-ErrorMessage__icon___iJJFL {
423
423
  flex: 0 0 auto;
424
424
  align-self: flex-start;
425
425
  }
426
426
 
427
427
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
428
- .HelperMessage-module__hop-HelperMessage___m-yIS {
428
+ .HelperMessage-module__hop-HelperMessage___hJs07 {
429
429
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
430
430
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
431
431
  display: flex;
@@ -434,13 +434,13 @@
434
434
  box-sizing: border-box;
435
435
  color: var(--hop-HelperMessage-color);
436
436
  }
437
- .HelperMessage-module__hop-HelperMessage__icon___CaMfM {
437
+ .HelperMessage-module__hop-HelperMessage__icon___88932 {
438
438
  flex: 0 0 auto;
439
439
  align-self: flex-start;
440
440
  }
441
441
 
442
442
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
443
- .Label-module__hop-Label___oItqW {
443
+ .Label-module__hop-Label___a89ve {
444
444
  --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
445
445
  --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
446
446
  --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -470,49 +470,49 @@
470
470
  --hop-Label-inherit-size-font-weight: inherit;
471
471
  --hop-Label-inherit-size-line-height: inherit;
472
472
  }
473
- :where(.Label-module__hop-Label___oItqW) {
473
+ :where(.Label-module__hop-Label___a89ve) {
474
474
  font-family: var(--font-family);
475
475
  font-size: var(--font-size);
476
476
  font-weight: var(--font-weight);
477
477
  line-height: var(--line-height);
478
478
  }
479
- :where(.Label-module__hop-Label--xs___OCQc9) {
479
+ :where(.Label-module__hop-Label--xs___aRYBa) {
480
480
  --font-size: var(--hop-Label-xs-font-size);
481
481
  --font-family: var(--hop-Label-xs-font-family);
482
482
  --font-weight: var(--hop-Label-xs-font-weight);
483
483
  --line-height: var(--hop-Label-xs-line-height);
484
484
  }
485
- :where(.Label-module__hop-Label--sm___-fhZc) {
485
+ :where(.Label-module__hop-Label--sm___AeNCA) {
486
486
  --font-size: var(--hop-Label-sm-font-size);
487
487
  --font-family: var(--hop-Label-sm-font-family);
488
488
  --font-weight: var(--hop-Label-sm-font-weight);
489
489
  --line-height: var(--hop-Label-sm-line-height);
490
490
  }
491
- :where(.Label-module__hop-Label--md___OdAm4) {
491
+ :where(.Label-module__hop-Label--md___TbmkR) {
492
492
  --font-size: var(--hop-Label-md-font-size);
493
493
  --font-family: var(--hop-Label-md-font-family);
494
494
  --font-weight: var(--hop-Label-md-font-weight);
495
495
  --line-height: var(--hop-Label-md-line-height);
496
496
  }
497
- :where(.Label-module__hop-Label--lg___GbPeJ) {
497
+ :where(.Label-module__hop-Label--lg___qazq6) {
498
498
  --font-size: var(--hop-Label-lg-font-size);
499
499
  --font-family: var(--hop-Label-lg-font-family);
500
500
  --font-weight: var(--hop-Label-lg-font-weight);
501
501
  --line-height: var(--hop-Label-lg-line-height);
502
502
  }
503
- :where(.Label-module__hop-Label--xl___1wofe) {
503
+ :where(.Label-module__hop-Label--xl___LZow5) {
504
504
  --font-size: var(--hop-Label-xl-font-size);
505
505
  --font-family: var(--hop-Label-xl-font-family);
506
506
  --font-weight: var(--hop-Label-xl-font-weight);
507
507
  --line-height: var(--hop-Label-xl-line-height);
508
508
  }
509
- :where(.Label-module__hop-Label--2xl___qv5gq) {
509
+ :where(.Label-module__hop-Label--2xl___eBOjb) {
510
510
  --font-size: var(--hop-Label-2xl-font-size);
511
511
  --font-family: var(--hop-Label-2xl-font-family);
512
512
  --font-weight: var(--hop-Label-2xl-font-weight);
513
513
  --line-height: var(--hop-Label-2xl-line-height);
514
514
  }
515
- :where(.Label-module__hop-Label--inherit___zEydh) {
515
+ :where(.Label-module__hop-Label--inherit___OT8yi) {
516
516
  --font-size: var(--hop-Label-inherit-size-font-size);
517
517
  --font-family: var(--hop-Label-inherit-size-font-family);
518
518
  --font-weight: var(--hop-Label-inherit-size-font-weight);
@@ -520,7 +520,7 @@
520
520
  }
521
521
 
522
522
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
523
- .CheckboxGroup-module__hop-CheckboxGroup___mj5ai {
523
+ .CheckboxGroup-module__hop-CheckboxGroup___LIvI- {
524
524
  --hop-CheckboxGroup-align-items: flex-start;
525
525
  --hop-CheckboxGroup-justify-content: flex-start;
526
526
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -559,46 +559,46 @@
559
559
  inline-size: max-content;
560
560
  max-inline-size: 100%;
561
561
  }
562
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo {
562
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw {
563
563
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
564
564
  --list-border-radius: var(--hop-shape-rounded-md);
565
565
  }
566
- .CheckboxGroup-module__hop-CheckboxGroup--sm___h4UgL {
566
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___FvBpA {
567
567
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
568
568
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
569
569
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
570
570
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
571
571
  }
572
- .CheckboxGroup-module__hop-CheckboxGroup--md___O34t9 {
572
+ .CheckboxGroup-module__hop-CheckboxGroup--md___J7iGS {
573
573
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
574
574
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
575
575
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
576
576
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
577
577
  }
578
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo.CheckboxGroup-module__hop-CheckboxGroup--sm___h4UgL {
578
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw.CheckboxGroup-module__hop-CheckboxGroup--sm___FvBpA {
579
579
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
580
580
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
581
581
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
582
582
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
583
583
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
584
584
  }
585
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo.CheckboxGroup-module__hop-CheckboxGroup--md___O34t9 {
585
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw.CheckboxGroup-module__hop-CheckboxGroup--md___J7iGS {
586
586
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
587
587
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
588
588
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
589
589
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
590
590
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
591
591
  }
592
- .CheckboxGroup-module__hop-CheckboxGroup___mj5ai[data-orientation=horizontal] {
592
+ .CheckboxGroup-module__hop-CheckboxGroup___LIvI-[data-orientation=horizontal] {
593
593
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
594
594
  }
595
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=horizontal] {
595
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw[data-orientation=horizontal] {
596
596
  --flex-wrap: nowrap;
597
597
  }
598
- .CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__label___rX9kr {
598
+ .CheckboxGroup-module__hop-CheckboxGroup___LIvI- > .CheckboxGroup-module__hop-CheckboxGroup__label___kIxKg {
599
599
  order: 1;
600
600
  }
601
- .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o {
601
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Erqz5 {
602
602
  display: flex;
603
603
  flex-flow: var(--flex-direction) var(--flex-wrap);
604
604
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -609,7 +609,7 @@
609
609
  border: var(--list-border, none);
610
610
  border-radius: var(--list-border-radius, 0);
611
611
  }
612
- .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU {
612
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Erqz5 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U {
613
613
  position: relative;
614
614
  flex: 0 1 auto;
615
615
  align-content: start;
@@ -617,28 +617,28 @@
617
617
  min-inline-size: 0;
618
618
  padding: var(--checkbox-padding, 0);
619
619
  }
620
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
620
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw .CheckboxGroup-module__hop-CheckboxGroup__list___Erqz5 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U::before {
621
621
  content: "";
622
622
  position: absolute;
623
623
  display: block;
624
624
  }
625
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
625
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Erqz5 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U::before {
626
626
  inset-block-start: 0;
627
627
  inset-inline: 0;
628
628
  border-block-start: var(--list-border, none);
629
629
  }
630
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
630
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Erqz5 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U::before {
631
631
  inset-block: 0;
632
632
  inset-inline-start: 0;
633
633
  border-inline-start: var(--list-border, none);
634
634
  }
635
- .CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__error-message___KV5Zl,
636
- .CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___gibWl {
635
+ .CheckboxGroup-module__hop-CheckboxGroup___LIvI- > .CheckboxGroup-module__hop-CheckboxGroup__error-message___KFwml,
636
+ .CheckboxGroup-module__hop-CheckboxGroup___LIvI- > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___jif4z {
637
637
  order: 3;
638
638
  }
639
639
 
640
640
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
641
- .Radio-module__hop-Radio___Xp7l6 {
641
+ .Radio-module__hop-Radio___q62db {
642
642
  --hop-Radio-box-border-size: 0.0625rem;
643
643
  --hop-Radio-box-border-color: var(--hop-neutral-border);
644
644
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -713,8 +713,8 @@
713
713
  inline-size: max-content;
714
714
  max-inline-size: 100%;
715
715
  }
716
- .Radio-module__hop-Radio___Xp7l6[data-focus-visible],
717
- .Radio-module__hop-Radio--focused___yW0Wx {
716
+ .Radio-module__hop-Radio___q62db[data-focus-visible],
717
+ .Radio-module__hop-Radio--focused___jQYJP {
718
718
  --box-background-color: var(--hop-Radio-box-background-color-focused);
719
719
  --box-border-color: var(--hop-Radio-box-border-color-focused);
720
720
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
@@ -722,23 +722,23 @@
722
722
  --icon-color: var(--hop-Radio-icon-color-focused);
723
723
  --description-color: var(--hop-Radio-description-color-focus);
724
724
  }
725
- .Radio-module__hop-Radio___Xp7l6[data-hovered],
726
- .Radio-module__hop-Radio--hovered___ckfKe {
725
+ .Radio-module__hop-Radio___q62db[data-hovered],
726
+ .Radio-module__hop-Radio--hovered___o27Q4 {
727
727
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
728
728
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
729
729
  --text-color: var(--hop-Radio-text-color-hovered);
730
730
  --icon-color: var(--hop-Radio-icon-color-hovered);
731
731
  --description-color: var(--hop-Radio-description-color-hover);
732
732
  }
733
- .Radio-module__hop-Radio___Xp7l6[data-pressed],
734
- .Radio-module__hop-Radio--pressed___Gxr0y {
733
+ .Radio-module__hop-Radio___q62db[data-pressed],
734
+ .Radio-module__hop-Radio--pressed___XI3H0 {
735
735
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
736
736
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
737
737
  --text-color: var(--hop-Radio-text-color-pressed);
738
738
  --icon-color: var(--hop-Radio-icon-color-pressed);
739
739
  --description-color: var(--hop-Radio-description-color-pressed);
740
740
  }
741
- .Radio-module__hop-Radio___Xp7l6[data-selected] {
741
+ .Radio-module__hop-Radio___q62db[data-selected] {
742
742
  --box-background-color: var(--hop-Radio-box-background-color-selected);
743
743
  --box-border-color: var(--hop-Radio-box-border-color-selected);
744
744
  --bullet-display: var(--hop-Radio-bullet-display-selected);
@@ -746,7 +746,7 @@
746
746
  --icon-color: var(--hop-Radio-icon-color-selected);
747
747
  --description-color: var(--hop-Radio-description-color-selected);
748
748
  }
749
- .Radio-module__hop-Radio___Xp7l6[data-invalid] {
749
+ .Radio-module__hop-Radio___q62db[data-invalid] {
750
750
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
751
751
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
752
752
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
@@ -754,27 +754,27 @@
754
754
  --icon-color: var(--hop-Radio-icon-color-invalid);
755
755
  --description-color: var(--hop-Radio-description-color-invalid);
756
756
  }
757
- .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-focus-visible] {
757
+ .Radio-module__hop-Radio___q62db:where([data-invalid])[data-focus-visible] {
758
758
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
759
759
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
760
760
  }
761
- .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-hovered] {
761
+ .Radio-module__hop-Radio___q62db:where([data-invalid])[data-hovered] {
762
762
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
763
763
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
764
764
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
765
765
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
766
766
  }
767
- .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-pressed] {
767
+ .Radio-module__hop-Radio___q62db:where([data-invalid])[data-pressed] {
768
768
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
769
769
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
770
770
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
771
771
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
772
772
  }
773
- .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-selected] {
773
+ .Radio-module__hop-Radio___q62db:where([data-invalid])[data-selected] {
774
774
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
775
775
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
776
776
  }
777
- .Radio-module__hop-Radio___Xp7l6[data-disabled] {
777
+ .Radio-module__hop-Radio___q62db[data-disabled] {
778
778
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
779
779
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
780
780
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -783,25 +783,25 @@
783
783
  --icon-color: var(--hop-Radio-icon-color-disabled);
784
784
  --description-color: var(--hop-Radio-description-color-disabled);
785
785
  }
786
- .Radio-module__hop-Radio--sm___hP32c {
786
+ .Radio-module__hop-Radio--sm___NbEnt {
787
787
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
788
788
  --box-block-size: var(--hop-Radio-box-sm-block-size);
789
789
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
790
790
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
791
791
  }
792
- .Radio-module__hop-Radio--md___4o0tb {
792
+ .Radio-module__hop-Radio--md___uYVjB {
793
793
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
794
794
  --box-block-size: var(--hop-Radio-box-md-block-size);
795
795
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
796
796
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
797
797
  }
798
- .Radio-module__hop-Radio__icon___STn-v,
799
- .Radio-module__hop-Radio__icon-list___VkNaY {
798
+ .Radio-module__hop-Radio__icon___9F--H,
799
+ .Radio-module__hop-Radio__icon-list___RjPa8 {
800
800
  flex: 0 0 auto;
801
801
  order: 3;
802
802
  color: var(--icon-color);
803
803
  }
804
- .Radio-module__hop-Radio__box___-9Dex {
804
+ .Radio-module__hop-Radio__box___su9zP {
805
805
  display: flex;
806
806
  flex: 0 0 auto;
807
807
  align-items: center;
@@ -817,11 +817,11 @@
817
817
  outline-offset: 0.125rem;
818
818
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
819
819
  }
820
- .Radio-module__hop-Radio__bullet___0oWOE {
820
+ .Radio-module__hop-Radio__bullet___cVeE0 {
821
821
  display: var(--bullet-display);
822
822
  color: var(--bullet-color);
823
823
  }
824
- .Radio-module__hop-Radio__text___iJnng {
824
+ .Radio-module__hop-Radio__text___btX47 {
825
825
  flex: 0 1 auto;
826
826
  order: 2;
827
827
  min-inline-size: 0;
@@ -831,7 +831,7 @@
831
831
  }
832
832
 
833
833
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
834
- .RadioField-module__hop-RadioField___A3lD0 {
834
+ .RadioField-module__hop-RadioField___FlIWm {
835
835
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
836
836
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
837
837
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -850,28 +850,28 @@
850
850
  inline-size: max-content;
851
851
  max-inline-size: 100%;
852
852
  }
853
- .RadioField-module__hop-RadioField___A3lD0[data-disabled] {
853
+ .RadioField-module__hop-RadioField___FlIWm[data-disabled] {
854
854
  --description-color: var(--hop-RadioField-description-color-disabled);
855
855
  }
856
- .RadioField-module__hop-RadioField--sm___qT1Ga {
856
+ .RadioField-module__hop-RadioField--sm___uHmDr {
857
857
  --row-gap: var(--hop-RadioField-sm-row-gap);
858
858
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
859
859
  }
860
- .RadioField-module__hop-RadioField--md___1sltk {
860
+ .RadioField-module__hop-RadioField--md___J-UhE {
861
861
  --row-gap: var(--hop-RadioField-md-row-gap);
862
862
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
863
863
  }
864
- .RadioField-module__hop-RadioField__description___Tm3Cz {
864
+ .RadioField-module__hop-RadioField__description___Z3Ejj {
865
865
  order: 2;
866
866
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
867
867
  color: var(--description-color);
868
868
  }
869
- .RadioField-module__hop-RadioField__radio___RlTsT {
869
+ .RadioField-module__hop-RadioField__radio___-o1-- {
870
870
  order: 1;
871
871
  }
872
872
 
873
873
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
874
- .RadioGroup-module__hop-RadioGroup___gKLRP {
874
+ .RadioGroup-module__hop-RadioGroup___DQDiK {
875
875
  --hop-RadioGroup-align-items: flex-start;
876
876
  --hop-RadioGroup-justify-content: flex-start;
877
877
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -911,46 +911,46 @@
911
911
  inline-size: var(--inline-size);
912
912
  max-inline-size: 100%;
913
913
  }
914
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY {
914
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl {
915
915
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
916
916
  --list-border-radius: var(--hop-shape-rounded-md);
917
917
  }
918
- .RadioGroup-module__hop-RadioGroup--sm___lnLkS {
918
+ .RadioGroup-module__hop-RadioGroup--sm___0il7- {
919
919
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
920
920
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
921
921
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
922
922
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
923
923
  }
924
- .RadioGroup-module__hop-RadioGroup--md___Jvqyo {
924
+ .RadioGroup-module__hop-RadioGroup--md___5AqBF {
925
925
  --column-gap: var(--hop-RadioGroup-md-column-gap);
926
926
  --row-gap: var(--hop-RadioGroup-md-row-gap);
927
927
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
928
928
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
929
929
  }
930
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY.RadioGroup-module__hop-RadioGroup--sm___lnLkS {
930
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl.RadioGroup-module__hop-RadioGroup--sm___0il7- {
931
931
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
932
932
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
933
933
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
934
934
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
935
935
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
936
936
  }
937
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY.RadioGroup-module__hop-RadioGroup--md___Jvqyo {
937
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl.RadioGroup-module__hop-RadioGroup--md___5AqBF {
938
938
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
939
939
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
940
940
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
941
941
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
942
942
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
943
943
  }
944
- .RadioGroup-module__hop-RadioGroup___gKLRP[data-orientation=horizontal] {
944
+ .RadioGroup-module__hop-RadioGroup___DQDiK[data-orientation=horizontal] {
945
945
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
946
946
  }
947
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=horizontal] {
947
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl[data-orientation=horizontal] {
948
948
  --flex-wrap: nowrap;
949
949
  }
950
- .RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__label___sv-Ey {
950
+ .RadioGroup-module__hop-RadioGroup___DQDiK > .RadioGroup-module__hop-RadioGroup__label___9ypNx {
951
951
  order: 1;
952
952
  }
953
- .RadioGroup-module__hop-RadioGroup__list___pw9-- {
953
+ .RadioGroup-module__hop-RadioGroup__list___gXZpm {
954
954
  display: flex;
955
955
  flex-flow: var(--flex-direction) var(--flex-wrap);
956
956
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -961,7 +961,7 @@
961
961
  border: var(--list-border, none);
962
962
  border-radius: var(--list-border-radius, 0);
963
963
  }
964
- .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I {
964
+ .RadioGroup-module__hop-RadioGroup__list___gXZpm > .RadioGroup-module__hop-RadioGroup__radio___jDblq {
965
965
  position: relative;
966
966
  flex: 0 1 auto;
967
967
  align-content: start;
@@ -969,28 +969,28 @@
969
969
  min-inline-size: 0;
970
970
  padding: var(--radio-padding, 0);
971
971
  }
972
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
972
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl .RadioGroup-module__hop-RadioGroup__list___gXZpm > .RadioGroup-module__hop-RadioGroup__radio___jDblq ~ .RadioGroup-module__hop-RadioGroup__radio___jDblq::before {
973
973
  content: "";
974
974
  position: absolute;
975
975
  display: block;
976
976
  }
977
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
977
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___gXZpm > .RadioGroup-module__hop-RadioGroup__radio___jDblq ~ .RadioGroup-module__hop-RadioGroup__radio___jDblq::before {
978
978
  inset-block-start: 0;
979
979
  inset-inline: 0;
980
980
  border-block-start: var(--list-border, none);
981
981
  }
982
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
982
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___gXZpm > .RadioGroup-module__hop-RadioGroup__radio___jDblq ~ .RadioGroup-module__hop-RadioGroup__radio___jDblq::before {
983
983
  inset-block: 0;
984
984
  inset-inline-start: 0;
985
985
  border-inline-start: var(--list-border, none);
986
986
  }
987
- .RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__error-message___qh3t0,
988
- .RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__helper-message___b51mt {
987
+ .RadioGroup-module__hop-RadioGroup___DQDiK > .RadioGroup-module__hop-RadioGroup__error-message___hYvFA,
988
+ .RadioGroup-module__hop-RadioGroup___DQDiK > .RadioGroup-module__hop-RadioGroup__helper-message___X8FXS {
989
989
  order: 3;
990
990
  }
991
991
 
992
992
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
993
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___qGocC {
993
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___jtazu {
994
994
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
995
995
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
996
996
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1016,7 +1016,7 @@
1016
1016
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1017
1017
  background-size: 400% 100%;
1018
1018
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1019
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___4V4rA;
1019
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___NwIOf;
1020
1020
  animation-duration: var(--animation-duration);
1021
1021
  animation-timing-function: ease-in-out;
1022
1022
  animation-fill-mode: forwards;
@@ -1025,19 +1025,19 @@
1025
1025
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1026
1026
  }
1027
1027
  }
1028
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-rxQp {
1028
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___7y5ik {
1029
1029
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1030
1030
  }
1031
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___2PpQs {
1031
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___vcMHt {
1032
1032
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1033
1033
  }
1034
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Khoxh {
1034
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___rnBtL {
1035
1035
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1036
1036
  }
1037
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___6Gwk- {
1037
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___IN0cy {
1038
1038
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1039
1039
  }
1040
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___4V4rA {
1040
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___NwIOf {
1041
1041
  0% {
1042
1042
  background-position: 125% 50%;
1043
1043
  }
@@ -1047,7 +1047,7 @@
1047
1047
  }
1048
1048
 
1049
1049
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1050
- .ListBoxItem-module__hop-ListBoxItem___LAkI1 {
1050
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n {
1051
1051
  --hop-ListBoxItem-background-color: transparent;
1052
1052
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1053
1053
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1130,109 +1130,109 @@
1130
1130
  border-radius: var(--hop-ListBoxItem-border-radius);
1131
1131
  outline: var(--outline);
1132
1132
  }
1133
- .ListBoxItem-module__hop-ListBoxItem--xs___Vsakx {
1133
+ .ListBoxItem-module__hop-ListBoxItem--xs___fexOw {
1134
1134
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1135
1135
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1136
1136
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1137
1137
  }
1138
- .ListBoxItem-module__hop-ListBoxItem--sm___FVQkC {
1138
+ .ListBoxItem-module__hop-ListBoxItem--sm___LCs5m {
1139
1139
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1140
1140
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1141
1141
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1142
1142
  }
1143
- .ListBoxItem-module__hop-ListBoxItem--md___avSEK {
1143
+ .ListBoxItem-module__hop-ListBoxItem--md___AbuJ3 {
1144
1144
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1145
1145
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1146
1146
  --min-height: var(--hop-ListBoxItem-md-min-height);
1147
1147
  }
1148
- .ListBoxItem-module__hop-ListBoxItem--lg___1enwh {
1148
+ .ListBoxItem-module__hop-ListBoxItem--lg___MAu8x {
1149
1149
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1150
1150
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1151
1151
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1152
1152
  }
1153
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-selection-mode] {
1153
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-selection-mode] {
1154
1154
  --cursor: pointer;
1155
1155
  }
1156
- .ListBoxItem-module__hop-ListBoxItem___LAkI1:not([data-selection-mode]) {
1156
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n:not([data-selection-mode]) {
1157
1157
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1158
1158
  }
1159
- .ListBoxItem-module__hop-ListBoxItem__inner___lsuM8:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg) {
1159
+ .ListBoxItem-module__hop-ListBoxItem__inner___zNSLs:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___qYN-V) {
1160
1160
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1161
1161
  }
1162
- .ListBoxItem-module__hop-ListBoxItem__inner___lsuM8[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg) {
1162
+ .ListBoxItem-module__hop-ListBoxItem__inner___zNSLs[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___qYN-V) {
1163
1163
  --checkmark-transition: none;
1164
1164
  }
1165
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-selected] {
1165
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-selected] {
1166
1166
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1167
1167
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1168
1168
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1169
1169
  --checkmark-opacity: 1;
1170
1170
  }
1171
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-focus-visible] {
1171
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-focus-visible] {
1172
1172
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1173
1173
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1174
1174
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1175
1175
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1176
1176
  }
1177
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-hovered] {
1177
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-hovered] {
1178
1178
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1179
1179
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1180
1180
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1181
1181
  }
1182
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-pressed] {
1182
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-pressed] {
1183
1183
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1184
1184
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1185
1185
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1186
1186
  }
1187
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-disabled] {
1187
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-disabled] {
1188
1188
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1189
1189
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1190
1190
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1191
1191
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1192
1192
  --cursor: not-allowed;
1193
1193
  }
1194
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid] {
1194
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid] {
1195
1195
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1196
1196
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1197
1197
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1198
1198
  }
1199
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-selected] {
1199
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid][data-selected] {
1200
1200
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1201
1201
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1202
1202
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1203
1203
  }
1204
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-focus-visible] {
1204
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid][data-focus-visible] {
1205
1205
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1206
1206
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1207
1207
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1208
1208
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1209
1209
  }
1210
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-hovered] {
1210
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid][data-hovered] {
1211
1211
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1212
1212
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1213
1213
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1214
1214
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1215
1215
  }
1216
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-pressed] {
1216
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid][data-pressed] {
1217
1217
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1218
1218
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1219
1219
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1220
1220
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1221
1221
  }
1222
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-disabled] {
1222
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid][data-disabled] {
1223
1223
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1224
1224
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1225
1225
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1226
1226
  }
1227
- .ListBoxItem-module__hop-ListBoxItem___LAkI1:has(.ListBoxItem-module__hop-ListBoxItem__description___8KhCH) {
1227
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n:has(.ListBoxItem-module__hop-ListBoxItem__description___hjdW6) {
1228
1228
  --row-gap: var(--hop-ListBoxItem-row-gap);
1229
1229
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1230
1230
  }
1231
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-loading] {
1231
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-loading] {
1232
1232
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1233
1233
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1234
1234
  }
1235
- .ListBoxItem-module__hop-ListBoxItem__inner___lsuM8 {
1235
+ .ListBoxItem-module__hop-ListBoxItem__inner___zNSLs {
1236
1236
  display: grid;
1237
1237
  grid-template-areas: var(--grid-template-areas);
1238
1238
  grid-template-columns: var(--grid-template-columns);
@@ -1244,49 +1244,49 @@
1244
1244
  padding-inline: var(--padding-inline);
1245
1245
  transition: grid-template-columns .3s ease-in-out;
1246
1246
  }
1247
- .ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg {
1247
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___qYN-V {
1248
1248
  grid-area: indicator;
1249
1249
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1250
1250
  color: var(--icon-color);
1251
1251
  opacity: var(--checkmark-opacity);
1252
1252
  transition: var(--checkmark-transition);
1253
1253
  }
1254
- .ListBoxItem-module__hop-ListBoxItem__radio-group___VryQn,
1255
- .ListBoxItem-module__hop-ListBoxItem__checkbox___-fM2T {
1254
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___-CUyu,
1255
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___gdePX {
1256
1256
  pointer-events: none;
1257
1257
  user-select: none;
1258
1258
  grid-area: indicator;
1259
1259
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1260
1260
  }
1261
- .ListBoxItem-module__hop-ListBoxItem__avatar___-p8Ph {
1261
+ .ListBoxItem-module__hop-ListBoxItem__avatar___RVCPa {
1262
1262
  grid-area: avatar;
1263
1263
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1264
1264
  }
1265
- .ListBoxItem-module__hop-ListBoxItem__icon-list___j-Nby,
1266
- .ListBoxItem-module__hop-ListBoxItem__icon___ofBmW {
1265
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___wFOJv,
1266
+ .ListBoxItem-module__hop-ListBoxItem__icon___ugkXR {
1267
1267
  grid-area: icon;
1268
1268
  flex: 0 0 auto;
1269
1269
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1270
1270
  color: var(--icon-color);
1271
1271
  }
1272
- .ListBoxItem-module__hop-ListBoxItem__label___Wm7Al {
1272
+ .ListBoxItem-module__hop-ListBoxItem__label___c-o-D {
1273
1273
  overflow: hidden;
1274
1274
  grid-area: label;
1275
1275
  min-inline-size: 0;
1276
1276
  text-overflow: ellipsis;
1277
1277
  white-space: nowrap;
1278
1278
  }
1279
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___-DVcH,
1280
- .ListBoxItem-module__hop-ListBoxItem__end-icon___Kgd39 {
1279
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zGCFR,
1280
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___ykSwc {
1281
1281
  grid-area: end-icon;
1282
1282
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1283
1283
  color: var(--icon-color);
1284
1284
  }
1285
- .ListBoxItem-module__hop-ListBoxItem__badge___6Itha {
1285
+ .ListBoxItem-module__hop-ListBoxItem__badge___PWHnF {
1286
1286
  grid-area: badge;
1287
1287
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1288
1288
  }
1289
- .ListBoxItem-module__hop-ListBoxItem__description___8KhCH {
1289
+ .ListBoxItem-module__hop-ListBoxItem__description___hjdW6 {
1290
1290
  overflow: hidden;
1291
1291
  display: -webkit-box;
1292
1292
  grid-area: description;