@hopper-ui/components 1.0.13 → 1.1.0

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 (179) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +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 +168 -168
  41. package/dist/ListBox/src/ListBox.js +11 -11
  42. package/dist/ListBox/src/ListBoxItem.css +153 -153
  43. package/dist/ListBox/src/ListBoxItem.js +10 -10
  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 +168 -168
  47. package/dist/ListBox/src/index.js +11 -11
  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 +94 -94
  53. package/dist/buttons/src/Button.js +3 -3
  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 +117 -117
  61. package/dist/buttons/src/index.js +6 -6
  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 +59 -59
  67. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  68. package/dist/checkbox/src/index.css +59 -59
  69. package/dist/checkbox/src/index.js +4 -4
  70. package/dist/{chunk-723W7LGB.js → chunk-6CDXS774.js} +3 -3
  71. package/dist/{chunk-TNVYVDLF.js → chunk-6K6W32Q7.js} +3 -3
  72. package/dist/{chunk-PAYZGXTT.js → chunk-6MSRPPI6.js} +1 -1
  73. package/dist/{chunk-AYPCLDGU.js → chunk-6PH4IIEW.js} +1 -1
  74. package/dist/{chunk-I2YZLGRE.js → chunk-7VS566A2.js} +1 -1
  75. package/dist/{chunk-44KY7MFF.js → chunk-A7HLXFSP.js} +14 -5
  76. package/dist/{chunk-THQZBL4T.js → chunk-AT7ZY6GA.js} +1 -1
  77. package/dist/{chunk-JN2FF2IX.js → chunk-BGRKDTCG.js} +1 -1
  78. package/dist/{chunk-CXIH6I5X.js → chunk-BLQ72S4U.js} +1 -1
  79. package/dist/{chunk-JLUFMLGV.js → chunk-BQZQTNI6.js} +1 -1
  80. package/dist/{chunk-B42AJF74.js → chunk-BXPZ6HPC.js} +6 -6
  81. package/dist/{chunk-MVWQVBTK.js → chunk-CXCOSGTO.js} +1 -1
  82. package/dist/{chunk-2MUGMKNO.js → chunk-FQO2QRSC.js} +1 -1
  83. package/dist/{chunk-M4IVTAHY.js → chunk-GCJT5PQ4.js} +3 -3
  84. package/dist/{chunk-ERE2XRQA.js → chunk-GXFFLWNF.js} +1 -1
  85. package/dist/{chunk-LDORNYHF.js → chunk-I6OII2RA.js} +2 -2
  86. package/dist/{chunk-SNWJJ3FF.js → chunk-ICDMJUNE.js} +1 -1
  87. package/dist/chunk-IU6XMS2X.js +21 -0
  88. package/dist/{chunk-QTV45NTY.js → chunk-KA6KVIVV.js} +2 -2
  89. package/dist/chunk-MHQZXLKW.js +7 -0
  90. package/dist/{chunk-RXZQB35O.js → chunk-OETAIO6N.js} +2 -2
  91. package/dist/{chunk-RGGVZKNN.js → chunk-P7UUQGGF.js} +2 -2
  92. package/dist/{chunk-UGHMX7QX.js → chunk-PQV24MM4.js} +3 -3
  93. package/dist/{chunk-UPR32DV5.js → chunk-Q52NUBN7.js} +2 -2
  94. package/dist/{chunk-ESRYOELK.js → chunk-QY6U3R3W.js} +2 -2
  95. package/dist/{chunk-SW7LHIQ2.js → chunk-RD6VCI72.js} +7 -7
  96. package/dist/{chunk-KARK64JC.js → chunk-SR3GAXY5.js} +1 -1
  97. package/dist/{chunk-ZXDN2IRM.js → chunk-TGXZJJJA.js} +1 -1
  98. package/dist/{chunk-IEE2HHGR.js → chunk-TKB5Q2WX.js} +1 -1
  99. package/dist/{chunk-SSMGKQ27.js → chunk-TMWNNF4J.js} +2 -2
  100. package/dist/{chunk-GH5LAOQU.js → chunk-TVV4RMFR.js} +1 -1
  101. package/dist/{chunk-WCLGYVXV.js → chunk-UMD6RDUS.js} +1 -1
  102. package/dist/{chunk-DZHRELLA.js → chunk-VFYGHX3N.js} +1 -1
  103. package/dist/{chunk-NHM3MQI3.js → chunk-VVY3ONWS.js} +3 -3
  104. package/dist/{chunk-AMXRADUV.js → chunk-WAUGFWZA.js} +2 -2
  105. package/dist/chunk-XGI4LDIF.js +276 -0
  106. package/dist/{chunk-CS2RAWQB.js → chunk-XHZ4R2MB.js} +3 -3
  107. package/dist/{chunk-5WWMVQI4.js → chunk-YE7RARJB.js} +1 -1
  108. package/dist/{chunk-CCIVRIKG.js → chunk-YRUBXLBX.js} +12 -2
  109. package/dist/chunk-Z57VHYOF.js +22 -0
  110. package/dist/{chunk-W34MMJ2L.js → chunk-ZNGSZW7M.js} +2 -2
  111. package/dist/index.css +568 -477
  112. package/dist/index.d.ts +4 -0
  113. package/dist/index.js +50 -46
  114. package/dist/inputs/src/InputGroup.css +78 -39
  115. package/dist/inputs/src/InputGroup.d.ts +8 -0
  116. package/dist/inputs/src/InputGroup.js +1 -1
  117. package/dist/inputs/src/NumberField.css +126 -90
  118. package/dist/inputs/src/NumberField.js +8 -7
  119. package/dist/inputs/src/PasswordField.css +222 -183
  120. package/dist/inputs/src/PasswordField.js +7 -7
  121. package/dist/inputs/src/SearchField.css +228 -189
  122. package/dist/inputs/src/SearchField.js +8 -8
  123. package/dist/inputs/src/TextArea.css +466 -0
  124. package/dist/inputs/src/TextArea.d.ts +62 -0
  125. package/dist/inputs/src/TextArea.js +23 -0
  126. package/dist/inputs/src/TextAreaContext.d.ts +8 -0
  127. package/dist/inputs/src/TextAreaContext.js +2 -0
  128. package/dist/inputs/src/TextField.css +223 -184
  129. package/dist/inputs/src/TextField.js +9 -9
  130. package/dist/inputs/src/index.css +462 -371
  131. package/dist/inputs/src/index.d.ts +2 -0
  132. package/dist/inputs/src/index.js +15 -11
  133. package/dist/overlays/Popover/src/Popover.css +568 -477
  134. package/dist/overlays/Popover/src/Popover.js +50 -46
  135. package/dist/overlays/Popover/src/index.css +568 -477
  136. package/dist/overlays/Popover/src/index.js +50 -46
  137. package/dist/radio/src/Radio.css +31 -31
  138. package/dist/radio/src/Radio.js +2 -2
  139. package/dist/radio/src/RadioField.css +15 -15
  140. package/dist/radio/src/RadioField.js +1 -1
  141. package/dist/radio/src/RadioGroup.css +59 -59
  142. package/dist/radio/src/RadioGroup.js +3 -3
  143. package/dist/radio/src/index.css +59 -59
  144. package/dist/radio/src/index.js +7 -7
  145. package/dist/switch/src/Switch.css +25 -25
  146. package/dist/switch/src/Switch.js +2 -2
  147. package/dist/switch/src/SwitchField.css +15 -15
  148. package/dist/switch/src/SwitchField.js +1 -1
  149. package/dist/switch/src/index.css +31 -31
  150. package/dist/switch/src/index.js +3 -3
  151. package/dist/tag/src/Tag.css +568 -477
  152. package/dist/tag/src/Tag.js +50 -46
  153. package/dist/tag/src/TagGroup.css +21 -21
  154. package/dist/tag/src/TagGroup.js +1 -1
  155. package/dist/tag/src/index.css +568 -477
  156. package/dist/tag/src/index.js +50 -46
  157. package/dist/typography/Heading/src/Heading.css +9 -9
  158. package/dist/typography/Heading/src/Heading.js +1 -1
  159. package/dist/typography/Heading/src/index.css +9 -9
  160. package/dist/typography/Heading/src/index.js +1 -1
  161. package/dist/typography/Label/src/Label.css +2 -2
  162. package/dist/typography/Label/src/Label.js +1 -1
  163. package/dist/typography/Label/src/index.css +2 -2
  164. package/dist/typography/Label/src/index.js +1 -1
  165. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  166. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  167. package/dist/typography/OverlineText/src/index.css +6 -6
  168. package/dist/typography/OverlineText/src/index.js +1 -1
  169. package/dist/typography/Text/src/Text.css +9 -9
  170. package/dist/typography/Text/src/Text.js +1 -1
  171. package/dist/typography/Text/src/index.css +9 -9
  172. package/dist/typography/Text/src/index.js +1 -1
  173. package/dist/utils/src/index.d.ts +2 -0
  174. package/dist/utils/src/index.js +3 -1
  175. package/dist/utils/src/useFontFaceReady.d.ts +3 -0
  176. package/dist/utils/src/useFontFaceReady.js +2 -0
  177. package/dist/utils/src/useTruncatedText.d.ts +3 -0
  178. package/dist/utils/src/useTruncatedText.js +2 -0
  179. package/package.json +1 -1
@@ -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___1BZid) {
2
+ :where(.OverlineText-module__hop-OverlineText___OCaWy) {
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___RuqQo {
26
+ .OverlineText-module__hop-OverlineText__text___C3XIa {
27
27
  box-sizing: border-box;
28
28
  }
29
- .OverlineText-module__hop-OverlineText__text___RuqQo::before,
30
- .OverlineText-module__hop-OverlineText__text___RuqQo::after {
29
+ .OverlineText-module__hop-OverlineText__text___C3XIa::before,
30
+ .OverlineText-module__hop-OverlineText__text___C3XIa::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___RuqQo::before {
37
+ .OverlineText-module__hop-OverlineText__text___C3XIa::before {
38
38
  margin-block-end: var(--bottom-offset);
39
39
  }
40
- .OverlineText-module__hop-OverlineText__text___RuqQo::after {
40
+ .OverlineText-module__hop-OverlineText__text___C3XIa::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___xwY2X {
45
+ .Badge-module__hop-Badge___TeU9H {
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___t93CO {
69
+ .Badge-module__hop-Badge--primary___NOZgt {
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___CO6Af {
73
+ .Badge-module__hop-Badge--secondary___vODxB {
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___xwY2X[data-disabled] {
77
+ .Badge-module__hop-Badge___TeU9H[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___RdFGP {
83
+ .IconList-module__hop-IconList___omUb3 {
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___XGciL {
92
+ .Text-module__hop-Text___HnTiu {
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___XGciL) {
122
+ :where(.Text-module__hop-Text___HnTiu) {
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___8DcIm) {
128
+ :where(.Text-module__hop-Text--xs___ndb-c) {
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___B0mGK) {
134
+ :where(.Text-module__hop-Text--sm___cv0bL) {
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___QwBMo) {
140
+ :where(.Text-module__hop-Text--md___daNZS) {
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___BAtSv) {
146
+ :where(.Text-module__hop-Text--lg___ByUWL) {
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___QUy6V) {
152
+ :where(.Text-module__hop-Text--xl___Udc-p) {
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___DFqJ4) {
158
+ :where(.Text-module__hop-Text--2xl___sxc7S) {
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___WkAxg) {
164
+ :where(.Text-module__hop-Text--inherit___WU81u) {
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___2SBYs {
172
+ .Checkbox-module__hop-Checkbox___uSRQR {
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);
@@ -244,63 +244,63 @@
244
244
  inline-size: max-content;
245
245
  max-inline-size: 100%;
246
246
  }
247
- .Checkbox-module__hop-Checkbox___2SBYs[data-focus-visible],
248
- .Checkbox-module__hop-Checkbox--focused___GUWfq {
247
+ .Checkbox-module__hop-Checkbox___uSRQR[data-focus-visible],
248
+ .Checkbox-module__hop-Checkbox--focused___l2Kcq {
249
249
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
250
250
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
251
251
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
252
252
  --text-color: var(--hop-Checkbox-text-color-focused);
253
253
  --icon-color: var(--hop-Checkbox-icon-color-focused);
254
254
  }
255
- .Checkbox-module__hop-Checkbox___2SBYs[data-hovered],
256
- .Checkbox-module__hop-Checkbox--hovered___-rDr8 {
255
+ .Checkbox-module__hop-Checkbox___uSRQR[data-hovered],
256
+ .Checkbox-module__hop-Checkbox--hovered___KKr7X {
257
257
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
258
258
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
259
259
  --text-color: var(--hop-Checkbox-text-color-hovered);
260
260
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
261
261
  }
262
- .Checkbox-module__hop-Checkbox___2SBYs[data-pressed],
263
- .Checkbox-module__hop-Checkbox--pressed___kLFm- {
262
+ .Checkbox-module__hop-Checkbox___uSRQR[data-pressed],
263
+ .Checkbox-module__hop-Checkbox--pressed___vlnLv {
264
264
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
265
265
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
266
266
  --text-color: var(--hop-Checkbox-text-color-pressed);
267
267
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
268
268
  }
269
- .Checkbox-module__hop-Checkbox___2SBYs[data-selected] {
269
+ .Checkbox-module__hop-Checkbox___uSRQR[data-selected] {
270
270
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
271
271
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
272
272
  --check-display: var(--hop-Checkbox-check-display-selected);
273
273
  --text-color: var(--hop-Checkbox-text-color-selected);
274
274
  --icon-color: var(--hop-Checkbox-icon-color-selected);
275
275
  }
276
- .Checkbox-module__hop-Checkbox___2SBYs[data-invalid] {
276
+ .Checkbox-module__hop-Checkbox___uSRQR[data-invalid] {
277
277
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
278
278
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
279
279
  --check-color: var(--hop-Checkbox-check-color-invalid);
280
280
  --text-color: var(--hop-Checkbox-text-color-invalid);
281
281
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
282
282
  }
283
- .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___GUWfq) {
283
+ .Checkbox-module__hop-Checkbox___uSRQR[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___l2Kcq) {
284
284
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
285
285
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
286
286
  }
287
- .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___-rDr8) {
287
+ .Checkbox-module__hop-Checkbox___uSRQR[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___KKr7X) {
288
288
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
289
289
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
290
290
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
291
291
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
292
292
  }
293
- .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___kLFm-) {
293
+ .Checkbox-module__hop-Checkbox___uSRQR[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___vlnLv) {
294
294
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
295
295
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
296
296
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
297
297
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
298
298
  }
299
- .Checkbox-module__hop-Checkbox___2SBYs:where([data-invalid])[data-selected] {
299
+ .Checkbox-module__hop-Checkbox___uSRQR:where([data-invalid])[data-selected] {
300
300
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
301
301
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
302
302
  }
303
- .Checkbox-module__hop-Checkbox___2SBYs[data-disabled] {
303
+ .Checkbox-module__hop-Checkbox___uSRQR[data-disabled] {
304
304
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
305
305
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
306
306
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -308,25 +308,25 @@
308
308
  --text-color: var(--hop-Checkbox-text-color-disabled);
309
309
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
310
310
  }
311
- .Checkbox-module__hop-Checkbox--sm___ku6Fh {
311
+ .Checkbox-module__hop-Checkbox--sm___FNsCG {
312
312
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
313
313
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
314
314
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
315
315
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
316
316
  }
317
- .Checkbox-module__hop-Checkbox--md___m1kW9 {
317
+ .Checkbox-module__hop-Checkbox--md___NSNfJ {
318
318
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
319
319
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
320
320
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
321
321
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
322
322
  }
323
- .Checkbox-module__hop-Checkbox__icon___9T-B2,
324
- .Checkbox-module__hop-Checkbox__icon-list___Xzo43 {
323
+ .Checkbox-module__hop-Checkbox__icon___RWn1y,
324
+ .Checkbox-module__hop-Checkbox__icon-list___FaUCo {
325
325
  flex: 0 0 auto;
326
326
  order: 3;
327
327
  color: var(--icon-color);
328
328
  }
329
- .Checkbox-module__hop-Checkbox__box___tSdwv {
329
+ .Checkbox-module__hop-Checkbox__box___zmD2H {
330
330
  display: flex;
331
331
  flex: 0 0 auto;
332
332
  align-items: center;
@@ -342,11 +342,11 @@
342
342
  outline-offset: 0.125rem;
343
343
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
344
344
  }
345
- .Checkbox-module__hop-Checkbox__check___nWURg {
345
+ .Checkbox-module__hop-Checkbox__check___NpzB3 {
346
346
  display: var(--check-display);
347
347
  color: var(--check-color);
348
348
  }
349
- .Checkbox-module__hop-Checkbox__text___G2FeR {
349
+ .Checkbox-module__hop-Checkbox__text___mh-4B {
350
350
  flex: 0 1 auto;
351
351
  order: 2;
352
352
  min-inline-size: 0;
@@ -356,7 +356,7 @@
356
356
  }
357
357
 
358
358
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
359
- .CheckboxField-module__hop-CheckboxField___SpcCY {
359
+ .CheckboxField-module__hop-CheckboxField___p-fIU {
360
360
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
361
361
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
362
362
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -375,28 +375,28 @@
375
375
  inline-size: max-content;
376
376
  max-inline-size: 100%;
377
377
  }
378
- .CheckboxField-module__hop-CheckboxField___SpcCY[data-disabled] {
378
+ .CheckboxField-module__hop-CheckboxField___p-fIU[data-disabled] {
379
379
  --description-color: var(--hop-CheckboxField-description-color-disabled);
380
380
  }
381
- .CheckboxField-module__hop-CheckboxField--sm___Piu0y {
381
+ .CheckboxField-module__hop-CheckboxField--sm___QAiMa {
382
382
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
383
383
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
384
384
  }
385
- .CheckboxField-module__hop-CheckboxField--md___e69ih {
385
+ .CheckboxField-module__hop-CheckboxField--md___4hscu {
386
386
  --row-gap: var(--hop-CheckboxField-md-row-gap);
387
387
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
388
388
  }
389
- .CheckboxField-module__hop-CheckboxField__description___Yttc1 {
389
+ .CheckboxField-module__hop-CheckboxField__description___IYs3I {
390
390
  order: 2;
391
391
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
392
392
  color: var(--description-color);
393
393
  }
394
- .CheckboxField-module__hop-CheckboxField__checkbox___5kWSy {
394
+ .CheckboxField-module__hop-CheckboxField__checkbox___YXNop {
395
395
  order: 1;
396
396
  }
397
397
 
398
398
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
399
- .ErrorMessage-module__hop-ErrorMessage___hGjrh {
399
+ .ErrorMessage-module__hop-ErrorMessage___dDEnR {
400
400
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
401
401
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
402
402
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -413,13 +413,13 @@
413
413
  line-height: var(--hop-ErrorMessage-line-height);
414
414
  color: var(--hop-ErrorMessage-color);
415
415
  }
416
- .ErrorMessage-module__hop-ErrorMessage__icon___wE1hg {
416
+ .ErrorMessage-module__hop-ErrorMessage__icon___pGy0- {
417
417
  flex: 0 0 auto;
418
418
  align-self: flex-start;
419
419
  }
420
420
 
421
421
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
422
- .HelperMessage-module__hop-HelperMessage___0xUz2 {
422
+ .HelperMessage-module__hop-HelperMessage___U0gBi {
423
423
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
424
424
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
425
425
  display: flex;
@@ -428,20 +428,20 @@
428
428
  box-sizing: border-box;
429
429
  color: var(--hop-HelperMessage-color);
430
430
  }
431
- .HelperMessage-module__hop-HelperMessage__icon___N2F4v {
431
+ .HelperMessage-module__hop-HelperMessage__icon___z35Yf {
432
432
  flex: 0 0 auto;
433
433
  align-self: flex-start;
434
434
  }
435
435
 
436
436
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
437
- .Label-module__hop-Label___PodEd {
437
+ .Label-module__hop-Label___5okv4 {
438
438
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
439
439
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
440
440
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
441
441
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
442
442
  --hop-Label-color: var(--hop-neutral-text-weak);
443
443
  }
444
- :where(.Label-module__hop-Label___PodEd) {
444
+ :where(.Label-module__hop-Label___5okv4) {
445
445
  font-family: var(--hop-Label-font-family);
446
446
  font-size: var(--hop-Label-font-size);
447
447
  font-weight: var(--hop-Label-font-weight);
@@ -450,7 +450,7 @@
450
450
  }
451
451
 
452
452
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
453
- .CheckboxGroup-module__hop-CheckboxGroup___FjF8x {
453
+ .CheckboxGroup-module__hop-CheckboxGroup___-Gmwt {
454
454
  --hop-CheckboxGroup-align-items: flex-start;
455
455
  --hop-CheckboxGroup-justify-content: flex-start;
456
456
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -489,46 +489,46 @@
489
489
  inline-size: max-content;
490
490
  max-inline-size: 100%;
491
491
  }
492
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU {
492
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA {
493
493
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
494
494
  --list-border-radius: var(--hop-shape-rounded-md);
495
495
  }
496
- .CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
496
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___a-rGV {
497
497
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
498
498
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
499
499
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
500
500
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
501
501
  }
502
- .CheckboxGroup-module__hop-CheckboxGroup--md___w1E3n {
502
+ .CheckboxGroup-module__hop-CheckboxGroup--md___gesFW {
503
503
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
504
504
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
505
505
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
506
506
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
507
507
  }
508
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
508
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA.CheckboxGroup-module__hop-CheckboxGroup--sm___a-rGV {
509
509
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
510
510
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
511
511
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
512
512
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
513
513
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
514
514
  }
515
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--md___w1E3n {
515
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA.CheckboxGroup-module__hop-CheckboxGroup--md___gesFW {
516
516
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
517
517
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
518
518
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
519
519
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
520
520
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
521
521
  }
522
- .CheckboxGroup-module__hop-CheckboxGroup___FjF8x[data-orientation=horizontal] {
522
+ .CheckboxGroup-module__hop-CheckboxGroup___-Gmwt[data-orientation=horizontal] {
523
523
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
524
524
  }
525
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=horizontal] {
525
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA[data-orientation=horizontal] {
526
526
  --flex-wrap: nowrap;
527
527
  }
528
- .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__label___J4Zt0 {
528
+ .CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__label___CekdI {
529
529
  order: 1;
530
530
  }
531
- .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk {
531
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m {
532
532
  display: flex;
533
533
  flex-flow: var(--flex-direction) var(--flex-wrap);
534
534
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -539,7 +539,7 @@
539
539
  border: var(--list-border, none);
540
540
  border-radius: var(--list-border-radius, 0);
541
541
  }
542
- .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo {
542
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF {
543
543
  position: relative;
544
544
  flex: 0 1 auto;
545
545
  align-content: start;
@@ -547,28 +547,28 @@
547
547
  min-inline-size: 0;
548
548
  padding: var(--checkbox-padding, 0);
549
549
  }
550
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
550
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF::before {
551
551
  content: "";
552
552
  position: absolute;
553
553
  display: block;
554
554
  }
555
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
555
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF::before {
556
556
  inset-block-start: 0;
557
557
  inset-inline: 0;
558
558
  border-block-start: var(--list-border, none);
559
559
  }
560
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
560
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF::before {
561
561
  inset-block: 0;
562
562
  inset-inline-start: 0;
563
563
  border-inline-start: var(--list-border, none);
564
564
  }
565
- .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__error-message___sdk-v,
566
- .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___t8MLr {
565
+ .CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__error-message___NU59S,
566
+ .CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___FNKdd {
567
567
  order: 3;
568
568
  }
569
569
 
570
570
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
571
- .Radio-module__hop-Radio___uyamy {
571
+ .Radio-module__hop-Radio___kje-D {
572
572
  --hop-Radio-box-border-size: 0.0625rem;
573
573
  --hop-Radio-box-border-color: var(--hop-neutral-border);
574
574
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -642,63 +642,63 @@
642
642
  inline-size: max-content;
643
643
  max-inline-size: 100%;
644
644
  }
645
- .Radio-module__hop-Radio___uyamy[data-focus-visible],
646
- .Radio-module__hop-Radio--focused___TGZbx {
645
+ .Radio-module__hop-Radio___kje-D[data-focus-visible],
646
+ .Radio-module__hop-Radio--focused___WiNxl {
647
647
  --box-background-color: var(--hop-Radio-box-background-color-focused);
648
648
  --box-border-color: var(--hop-Radio-box-border-color-focused);
649
649
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
650
650
  --text-color: var(--hop-Radio-text-color-focused);
651
651
  --icon-color: var(--hop-Radio-icon-color-focused);
652
652
  }
653
- .Radio-module__hop-Radio___uyamy[data-hovered],
654
- .Radio-module__hop-Radio--hovered___YkYk3 {
653
+ .Radio-module__hop-Radio___kje-D[data-hovered],
654
+ .Radio-module__hop-Radio--hovered___JZ4wW {
655
655
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
656
656
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
657
657
  --text-color: var(--hop-Radio-text-color-hovered);
658
658
  --icon-color: var(--hop-Radio-icon-color-hovered);
659
659
  }
660
- .Radio-module__hop-Radio___uyamy[data-pressed],
661
- .Radio-module__hop-Radio--pressed___SYCe0 {
660
+ .Radio-module__hop-Radio___kje-D[data-pressed],
661
+ .Radio-module__hop-Radio--pressed___FbKXV {
662
662
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
663
663
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
664
664
  --text-color: var(--hop-Radio-text-color-pressed);
665
665
  --icon-color: var(--hop-Radio-icon-color-pressed);
666
666
  }
667
- .Radio-module__hop-Radio___uyamy[data-selected] {
667
+ .Radio-module__hop-Radio___kje-D[data-selected] {
668
668
  --box-background-color: var(--hop-Radio-box-background-color-selected);
669
669
  --box-border-color: var(--hop-Radio-box-border-color-selected);
670
670
  --bullet-display: var(--hop-Radio-bullet-display-selected);
671
671
  --text-color: var(--hop-Radio-text-color-selected);
672
672
  --icon-color: var(--hop-Radio-icon-color-selected);
673
673
  }
674
- .Radio-module__hop-Radio___uyamy[data-invalid] {
674
+ .Radio-module__hop-Radio___kje-D[data-invalid] {
675
675
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
676
676
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
677
677
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
678
678
  --text-color: var(--hop-Radio-text-color-invalid);
679
679
  --icon-color: var(--hop-Radio-icon-color-invalid);
680
680
  }
681
- .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-focus-visible] {
681
+ .Radio-module__hop-Radio___kje-D:where([data-invalid])[data-focus-visible] {
682
682
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
683
683
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
684
684
  }
685
- .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-hovered] {
685
+ .Radio-module__hop-Radio___kje-D:where([data-invalid])[data-hovered] {
686
686
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
687
687
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
688
688
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
689
689
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
690
690
  }
691
- .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-pressed] {
691
+ .Radio-module__hop-Radio___kje-D:where([data-invalid])[data-pressed] {
692
692
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
693
693
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
694
694
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
695
695
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
696
696
  }
697
- .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-selected] {
697
+ .Radio-module__hop-Radio___kje-D:where([data-invalid])[data-selected] {
698
698
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
699
699
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
700
700
  }
701
- .Radio-module__hop-Radio___uyamy[data-disabled] {
701
+ .Radio-module__hop-Radio___kje-D[data-disabled] {
702
702
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
703
703
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
704
704
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -706,25 +706,25 @@
706
706
  --text-color: var(--hop-Radio-text-color-disabled);
707
707
  --icon-color: var(--hop-Radio-icon-color-disabled);
708
708
  }
709
- .Radio-module__hop-Radio--sm___0rL4j {
709
+ .Radio-module__hop-Radio--sm___2I3ad {
710
710
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
711
711
  --box-block-size: var(--hop-Radio-box-sm-block-size);
712
712
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
713
713
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
714
714
  }
715
- .Radio-module__hop-Radio--md___2Sf0G {
715
+ .Radio-module__hop-Radio--md___LkLVW {
716
716
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
717
717
  --box-block-size: var(--hop-Radio-box-md-block-size);
718
718
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
719
719
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
720
720
  }
721
- .Radio-module__hop-Radio__icon___xaWvn,
722
- .Radio-module__hop-Radio__icon-list___ipHyc {
721
+ .Radio-module__hop-Radio__icon___ZWDWh,
722
+ .Radio-module__hop-Radio__icon-list___pNFMD {
723
723
  flex: 0 0 auto;
724
724
  order: 3;
725
725
  color: var(--icon-color);
726
726
  }
727
- .Radio-module__hop-Radio__box___HK3bx {
727
+ .Radio-module__hop-Radio__box___-Sj0e {
728
728
  display: flex;
729
729
  flex: 0 0 auto;
730
730
  align-items: center;
@@ -740,11 +740,11 @@
740
740
  outline-offset: 0.125rem;
741
741
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
742
742
  }
743
- .Radio-module__hop-Radio__bullet___9QxuR {
743
+ .Radio-module__hop-Radio__bullet___-iiHZ {
744
744
  display: var(--bullet-display);
745
745
  color: var(--bullet-color);
746
746
  }
747
- .Radio-module__hop-Radio__text___DVOte {
747
+ .Radio-module__hop-Radio__text___LvdVH {
748
748
  flex: 0 1 auto;
749
749
  order: 2;
750
750
  min-inline-size: 0;
@@ -754,7 +754,7 @@
754
754
  }
755
755
 
756
756
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
757
- .RadioField-module__hop-RadioField___WTErz {
757
+ .RadioField-module__hop-RadioField___Jgsbe {
758
758
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
759
759
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
760
760
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -773,28 +773,28 @@
773
773
  inline-size: max-content;
774
774
  max-inline-size: 100%;
775
775
  }
776
- .RadioField-module__hop-RadioField___WTErz[data-disabled] {
776
+ .RadioField-module__hop-RadioField___Jgsbe[data-disabled] {
777
777
  --description-color: var(--hop-RadioField-description-color-disabled);
778
778
  }
779
- .RadioField-module__hop-RadioField--sm___CHfcV {
779
+ .RadioField-module__hop-RadioField--sm___OOojW {
780
780
  --row-gap: var(--hop-RadioField-sm-row-gap);
781
781
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
782
782
  }
783
- .RadioField-module__hop-RadioField--md___g1iHe {
783
+ .RadioField-module__hop-RadioField--md___XP22b {
784
784
  --row-gap: var(--hop-RadioField-md-row-gap);
785
785
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
786
786
  }
787
- .RadioField-module__hop-RadioField__description___LgMd1 {
787
+ .RadioField-module__hop-RadioField__description___01pmv {
788
788
  order: 2;
789
789
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
790
790
  color: var(--description-color);
791
791
  }
792
- .RadioField-module__hop-RadioField__radio___SByLu {
792
+ .RadioField-module__hop-RadioField__radio___68qIi {
793
793
  order: 1;
794
794
  }
795
795
 
796
796
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
797
- .RadioGroup-module__hop-RadioGroup___GTWVm {
797
+ .RadioGroup-module__hop-RadioGroup___PfE2S {
798
798
  --hop-RadioGroup-align-items: flex-start;
799
799
  --hop-RadioGroup-justify-content: flex-start;
800
800
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -834,46 +834,46 @@
834
834
  inline-size: var(--inline-size);
835
835
  max-inline-size: 100%;
836
836
  }
837
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A {
837
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq {
838
838
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
839
839
  --list-border-radius: var(--hop-shape-rounded-md);
840
840
  }
841
- .RadioGroup-module__hop-RadioGroup--sm___a9Tbq {
841
+ .RadioGroup-module__hop-RadioGroup--sm___Fdbjb {
842
842
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
843
843
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
844
844
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
845
845
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
846
846
  }
847
- .RadioGroup-module__hop-RadioGroup--md___RYdU8 {
847
+ .RadioGroup-module__hop-RadioGroup--md___OyWcZ {
848
848
  --column-gap: var(--hop-RadioGroup-md-column-gap);
849
849
  --row-gap: var(--hop-RadioGroup-md-row-gap);
850
850
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
851
851
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
852
852
  }
853
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A.RadioGroup-module__hop-RadioGroup--sm___a9Tbq {
853
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq.RadioGroup-module__hop-RadioGroup--sm___Fdbjb {
854
854
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
855
855
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
856
856
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
857
857
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
858
858
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
859
859
  }
860
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A.RadioGroup-module__hop-RadioGroup--md___RYdU8 {
860
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq.RadioGroup-module__hop-RadioGroup--md___OyWcZ {
861
861
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
862
862
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
863
863
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
864
864
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
865
865
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
866
866
  }
867
- .RadioGroup-module__hop-RadioGroup___GTWVm[data-orientation=horizontal] {
867
+ .RadioGroup-module__hop-RadioGroup___PfE2S[data-orientation=horizontal] {
868
868
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
869
869
  }
870
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=horizontal] {
870
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq[data-orientation=horizontal] {
871
871
  --flex-wrap: nowrap;
872
872
  }
873
- .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__label___XRgtP {
873
+ .RadioGroup-module__hop-RadioGroup___PfE2S > .RadioGroup-module__hop-RadioGroup__label___hDwDK {
874
874
  order: 1;
875
875
  }
876
- .RadioGroup-module__hop-RadioGroup__list___cPH4h {
876
+ .RadioGroup-module__hop-RadioGroup__list___YVU4N {
877
877
  display: flex;
878
878
  flex-flow: var(--flex-direction) var(--flex-wrap);
879
879
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -884,7 +884,7 @@
884
884
  border: var(--list-border, none);
885
885
  border-radius: var(--list-border-radius, 0);
886
886
  }
887
- .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych {
887
+ .RadioGroup-module__hop-RadioGroup__list___YVU4N > .RadioGroup-module__hop-RadioGroup__radio___-aKOE {
888
888
  position: relative;
889
889
  flex: 0 1 auto;
890
890
  align-content: start;
@@ -892,28 +892,28 @@
892
892
  min-inline-size: 0;
893
893
  padding: var(--radio-padding, 0);
894
894
  }
895
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::before {
895
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq .RadioGroup-module__hop-RadioGroup__list___YVU4N > .RadioGroup-module__hop-RadioGroup__radio___-aKOE ~ .RadioGroup-module__hop-RadioGroup__radio___-aKOE::before {
896
896
  content: "";
897
897
  position: absolute;
898
898
  display: block;
899
899
  }
900
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::before {
900
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___YVU4N > .RadioGroup-module__hop-RadioGroup__radio___-aKOE ~ .RadioGroup-module__hop-RadioGroup__radio___-aKOE::before {
901
901
  inset-block-start: 0;
902
902
  inset-inline: 0;
903
903
  border-block-start: var(--list-border, none);
904
904
  }
905
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::before {
905
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___YVU4N > .RadioGroup-module__hop-RadioGroup__radio___-aKOE ~ .RadioGroup-module__hop-RadioGroup__radio___-aKOE::before {
906
906
  inset-block: 0;
907
907
  inset-inline-start: 0;
908
908
  border-inline-start: var(--list-border, none);
909
909
  }
910
- .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__error-message___cJ0g4,
911
- .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__helper-message___35eYj {
910
+ .RadioGroup-module__hop-RadioGroup___PfE2S > .RadioGroup-module__hop-RadioGroup__error-message___6-YxH,
911
+ .RadioGroup-module__hop-RadioGroup___PfE2S > .RadioGroup-module__hop-RadioGroup__helper-message___ot4ud {
912
912
  order: 3;
913
913
  }
914
914
 
915
915
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
916
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___9KoCq {
916
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___F7Sqr {
917
917
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
918
918
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
919
919
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -939,7 +939,7 @@
939
939
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
940
940
  background-size: 400% 100%;
941
941
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
942
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J;
942
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___OFdvy;
943
943
  animation-duration: var(--animation-duration);
944
944
  animation-timing-function: ease-in-out;
945
945
  animation-fill-mode: forwards;
@@ -948,19 +948,19 @@
948
948
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
949
949
  }
950
950
  }
951
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ztoOV {
951
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___EV-BP {
952
952
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
953
953
  }
954
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SipZz {
954
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___0syeJ {
955
955
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
956
956
  }
957
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___eAJ9R {
957
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___IEB0s {
958
958
  --height: var(--hop-ListBoxItemSkeleton-md-height);
959
959
  }
960
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___w5aPz {
960
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___8RrK4 {
961
961
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
962
962
  }
963
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J {
963
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___OFdvy {
964
964
  0% {
965
965
  background-position: 125% 50%;
966
966
  }
@@ -970,7 +970,7 @@
970
970
  }
971
971
 
972
972
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
973
- .ListBoxItem-module__hop-ListBoxItem___NSPLY {
973
+ .ListBoxItem-module__hop-ListBoxItem___iKH4- {
974
974
  --hop-ListBoxItem-background-color: transparent;
975
975
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
976
976
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1053,109 +1053,109 @@
1053
1053
  border-radius: var(--hop-ListBoxItem-border-radius);
1054
1054
  outline: var(--outline);
1055
1055
  }
1056
- .ListBoxItem-module__hop-ListBoxItem--xs___7hc2A {
1056
+ .ListBoxItem-module__hop-ListBoxItem--xs___WKAJM {
1057
1057
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1058
1058
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1059
1059
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1060
1060
  }
1061
- .ListBoxItem-module__hop-ListBoxItem--sm___85bzp {
1061
+ .ListBoxItem-module__hop-ListBoxItem--sm___qMqJu {
1062
1062
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1063
1063
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1064
1064
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1065
1065
  }
1066
- .ListBoxItem-module__hop-ListBoxItem--md___MoEKQ {
1066
+ .ListBoxItem-module__hop-ListBoxItem--md___7gqf9 {
1067
1067
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1068
1068
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1069
1069
  --min-height: var(--hop-ListBoxItem-md-min-height);
1070
1070
  }
1071
- .ListBoxItem-module__hop-ListBoxItem--lg___RDITm {
1071
+ .ListBoxItem-module__hop-ListBoxItem--lg___am7Ho {
1072
1072
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1073
1073
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1074
1074
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1075
1075
  }
1076
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-selection-mode] {
1076
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-selection-mode] {
1077
1077
  --cursor: pointer;
1078
1078
  }
1079
- .ListBoxItem-module__hop-ListBoxItem___NSPLY:not([data-selection-mode]) {
1079
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-:not([data-selection-mode]) {
1080
1080
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1081
1081
  }
1082
- .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV) {
1082
+ .ListBoxItem-module__hop-ListBoxItem__inner___jTC0B:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___6GyY1) {
1083
1083
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1084
1084
  }
1085
- .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV) {
1085
+ .ListBoxItem-module__hop-ListBoxItem__inner___jTC0B[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___6GyY1) {
1086
1086
  --checkmark-transition: none;
1087
1087
  }
1088
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-selected] {
1088
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-selected] {
1089
1089
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1090
1090
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1091
1091
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1092
1092
  --checkmark-opacity: 1;
1093
1093
  }
1094
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-focus-visible] {
1094
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-focus-visible] {
1095
1095
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1096
1096
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1097
1097
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1098
1098
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1099
1099
  }
1100
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-hovered] {
1100
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-hovered] {
1101
1101
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1102
1102
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1103
1103
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1104
1104
  }
1105
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-pressed] {
1105
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-pressed] {
1106
1106
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1107
1107
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1108
1108
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1109
1109
  }
1110
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-disabled] {
1110
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-disabled] {
1111
1111
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1112
1112
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1113
1113
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1114
1114
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1115
1115
  --cursor: not-allowed;
1116
1116
  }
1117
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid] {
1117
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid] {
1118
1118
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1119
1119
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1120
1120
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1121
1121
  }
1122
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-selected] {
1122
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid][data-selected] {
1123
1123
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1124
1124
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1125
1125
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1126
1126
  }
1127
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-focus-visible] {
1127
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid][data-focus-visible] {
1128
1128
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1129
1129
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1130
1130
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1131
1131
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1132
1132
  }
1133
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-hovered] {
1133
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid][data-hovered] {
1134
1134
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1135
1135
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1136
1136
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1137
1137
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1138
1138
  }
1139
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-pressed] {
1139
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid][data-pressed] {
1140
1140
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1141
1141
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1142
1142
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1143
1143
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1144
1144
  }
1145
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-disabled] {
1145
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid][data-disabled] {
1146
1146
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1147
1147
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1148
1148
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1149
1149
  }
1150
- .ListBoxItem-module__hop-ListBoxItem___NSPLY:has(.ListBoxItem-module__hop-ListBoxItem__description___FeYgQ) {
1150
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-:has(.ListBoxItem-module__hop-ListBoxItem__description___jWtkG) {
1151
1151
  --row-gap: var(--hop-ListBoxItem-row-gap);
1152
1152
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1153
1153
  }
1154
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-loading] {
1154
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-loading] {
1155
1155
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1156
1156
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1157
1157
  }
1158
- .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO {
1158
+ .ListBoxItem-module__hop-ListBoxItem__inner___jTC0B {
1159
1159
  display: grid;
1160
1160
  grid-template-areas: var(--grid-template-areas);
1161
1161
  grid-template-columns: var(--grid-template-columns);
@@ -1167,49 +1167,49 @@
1167
1167
  padding-inline: var(--padding-inline);
1168
1168
  transition: grid-template-columns .3s ease-in-out;
1169
1169
  }
1170
- .ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV {
1170
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___6GyY1 {
1171
1171
  grid-area: indicator;
1172
1172
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1173
1173
  color: var(--icon-color);
1174
1174
  opacity: var(--checkmark-opacity);
1175
1175
  transition: var(--checkmark-transition);
1176
1176
  }
1177
- .ListBoxItem-module__hop-ListBoxItem__radio-group___QRD7t,
1178
- .ListBoxItem-module__hop-ListBoxItem__checkbox___ERb2a {
1177
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___PPRRO,
1178
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___VYOzU {
1179
1179
  pointer-events: none;
1180
1180
  user-select: none;
1181
1181
  grid-area: indicator;
1182
1182
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1183
1183
  }
1184
- .ListBoxItem-module__hop-ListBoxItem__avatar___gaSut {
1184
+ .ListBoxItem-module__hop-ListBoxItem__avatar___VH5yz {
1185
1185
  grid-area: avatar;
1186
1186
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1187
1187
  }
1188
- .ListBoxItem-module__hop-ListBoxItem__icon-list___3-13V,
1189
- .ListBoxItem-module__hop-ListBoxItem__icon___wPgqZ {
1188
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___iphhb,
1189
+ .ListBoxItem-module__hop-ListBoxItem__icon___ZiAaD {
1190
1190
  grid-area: icon;
1191
1191
  flex: 0 0 auto;
1192
1192
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1193
1193
  color: var(--icon-color);
1194
1194
  }
1195
- .ListBoxItem-module__hop-ListBoxItem__label___dSaVa {
1195
+ .ListBoxItem-module__hop-ListBoxItem__label___SskOq {
1196
1196
  overflow: hidden;
1197
1197
  grid-area: label;
1198
1198
  min-inline-size: 0;
1199
1199
  text-overflow: ellipsis;
1200
1200
  white-space: nowrap;
1201
1201
  }
1202
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___MadkE,
1203
- .ListBoxItem-module__hop-ListBoxItem__end-icon___mXgdz {
1202
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___dgScQ,
1203
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___r--xS {
1204
1204
  grid-area: end-icon;
1205
1205
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1206
1206
  color: var(--icon-color);
1207
1207
  }
1208
- .ListBoxItem-module__hop-ListBoxItem__badge___C8-JS {
1208
+ .ListBoxItem-module__hop-ListBoxItem__badge___nOu91 {
1209
1209
  grid-area: badge;
1210
1210
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1211
1211
  }
1212
- .ListBoxItem-module__hop-ListBoxItem__description___FeYgQ {
1212
+ .ListBoxItem-module__hop-ListBoxItem__description___jWtkG {
1213
1213
  overflow: hidden;
1214
1214
  display: -webkit-box;
1215
1215
  grid-area: description;