@hopper-ui/components 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +21 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +10 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +31 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Divider/src/Divider.css +2 -2
  19. package/dist/Divider/src/Divider.js +1 -1
  20. package/dist/Divider/src/index.css +2 -2
  21. package/dist/Divider/src/index.js +1 -1
  22. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  23. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  24. package/dist/ErrorMessage/src/index.css +11 -11
  25. package/dist/ErrorMessage/src/index.js +2 -2
  26. package/dist/Form/src/Form.css +666 -645
  27. package/dist/Form/src/Form.js +43 -43
  28. package/dist/Form/src/index.css +666 -645
  29. package/dist/Form/src/index.js +43 -43
  30. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  31. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  32. package/dist/HelperMessage/src/index.css +11 -11
  33. package/dist/HelperMessage/src/index.js +2 -2
  34. package/dist/IconList/src/IconList.css +1 -1
  35. package/dist/IconList/src/IconList.js +1 -1
  36. package/dist/IconList/src/index.css +1 -1
  37. package/dist/IconList/src/index.js +1 -1
  38. package/dist/Link/src/Link.css +31 -31
  39. package/dist/Link/src/Link.js +2 -2
  40. package/dist/Link/src/index.css +31 -31
  41. package/dist/Link/src/index.js +2 -2
  42. package/dist/ListBox/src/ListBox.css +222 -222
  43. package/dist/ListBox/src/ListBox.js +8 -8
  44. package/dist/ListBox/src/ListBoxItem.css +207 -207
  45. package/dist/ListBox/src/ListBoxItem.js +6 -6
  46. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  47. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  48. package/dist/ListBox/src/index.css +222 -222
  49. package/dist/ListBox/src/index.js +8 -8
  50. package/dist/Select/src/Select.css +666 -645
  51. package/dist/Select/src/Select.js +43 -43
  52. package/dist/Select/src/SelectValue.css +60 -60
  53. package/dist/Select/src/SelectValue.js +5 -5
  54. package/dist/Select/src/index.css +666 -645
  55. package/dist/Select/src/index.js +43 -43
  56. package/dist/Spinner/src/Spinner.css +19 -19
  57. package/dist/Spinner/src/Spinner.js +2 -2
  58. package/dist/Spinner/src/index.css +19 -19
  59. package/dist/Spinner/src/index.js +2 -2
  60. package/dist/buttons/src/Button.css +94 -94
  61. package/dist/buttons/src/Button.js +3 -3
  62. package/dist/buttons/src/ButtonGroup.css +11 -11
  63. package/dist/buttons/src/ButtonGroup.js +1 -1
  64. package/dist/buttons/src/ClearButton.css +74 -70
  65. package/dist/buttons/src/ClearButton.js +2 -2
  66. package/dist/buttons/src/EmbeddedButton.css +74 -70
  67. package/dist/buttons/src/EmbeddedButton.d.ts +4 -0
  68. package/dist/buttons/src/EmbeddedButton.js +1 -1
  69. package/dist/buttons/src/index.css +179 -175
  70. package/dist/buttons/src/index.js +6 -6
  71. package/dist/checkbox/src/Checkbox.css +31 -31
  72. package/dist/checkbox/src/Checkbox.js +2 -2
  73. package/dist/checkbox/src/CheckboxField.css +15 -15
  74. package/dist/checkbox/src/CheckboxField.js +1 -1
  75. package/dist/checkbox/src/CheckboxGroup.css +60 -60
  76. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  77. package/dist/checkbox/src/index.css +60 -60
  78. package/dist/checkbox/src/index.js +4 -4
  79. package/dist/{chunk-ANBOSYAL.js → chunk-2IM7L64G.js} +1 -1
  80. package/dist/{chunk-OLXX46IZ.js → chunk-2OHECU6B.js} +1 -1
  81. package/dist/{chunk-ESWRMGHR.js → chunk-6PQWQGCX.js} +3 -3
  82. package/dist/{chunk-NJHNYL6X.js → chunk-6QFZJMC3.js} +2 -2
  83. package/dist/{chunk-D2GZKHYD.js → chunk-75FA3TWT.js} +1 -1
  84. package/dist/{chunk-2ZOLM7VR.js → chunk-7ZNANBX5.js} +2 -2
  85. package/dist/{chunk-2WWHL3EF.js → chunk-APRULC6A.js} +3 -3
  86. package/dist/{chunk-5NMCOZOW.js → chunk-BOL3HK7H.js} +1 -1
  87. package/dist/{chunk-PUMWU6M4.js → chunk-DMVOYW6N.js} +6 -1
  88. package/dist/{chunk-7QUXYE3E.js → chunk-DOSVC2KD.js} +4 -4
  89. package/dist/{chunk-YD2TGFCB.js → chunk-E2A556FA.js} +3 -3
  90. package/dist/{chunk-HXPTWMD5.js → chunk-EBNKK7UG.js} +3 -3
  91. package/dist/{chunk-EUELVL2L.js → chunk-EC7OSNAK.js} +1 -1
  92. package/dist/{chunk-UNSJTDXN.js → chunk-ENP5QA57.js} +1 -1
  93. package/dist/{chunk-USVXH6MO.js → chunk-F35TAM7I.js} +2 -2
  94. package/dist/{chunk-X2T2UX2O.js → chunk-FNFLGAVD.js} +1 -1
  95. package/dist/{chunk-BO53NITW.js → chunk-FUZDBWJ3.js} +1 -1
  96. package/dist/{chunk-XF4SQ222.js → chunk-IAK7ZIAY.js} +1 -1
  97. package/dist/{chunk-JVZRUDLP.js → chunk-IEIBO5IZ.js} +4 -4
  98. package/dist/{chunk-47SFZCKK.js → chunk-JAN7XPAP.js} +1 -1
  99. package/dist/{chunk-BV7O26TY.js → chunk-K73GF67H.js} +3 -3
  100. package/dist/{chunk-GG6RHMJ7.js → chunk-KB5TOYUY.js} +7 -7
  101. package/dist/{chunk-TJMAMWRQ.js → chunk-LG55WC5T.js} +3 -1
  102. package/dist/{chunk-QSWSZUZM.js → chunk-N3Z3CYO7.js} +1 -1
  103. package/dist/{chunk-HLXQ6C2E.js → chunk-OVLJGCG7.js} +1 -1
  104. package/dist/{chunk-SFZBLVJN.js → chunk-OX2HJIUS.js} +2 -2
  105. package/dist/{chunk-EMD2K6B3.js → chunk-PWHVRELJ.js} +2 -2
  106. package/dist/{chunk-ZG5E36S3.js → chunk-Q7XNJJHM.js} +3 -3
  107. package/dist/{chunk-QCTIAKM6.js → chunk-QS5JV4ME.js} +1 -1
  108. package/dist/{chunk-L3Y67TUF.js → chunk-RYBVVQUA.js} +1 -1
  109. package/dist/{chunk-52LHX4PE.js → chunk-SLHMNCFU.js} +2 -2
  110. package/dist/{chunk-A2S2Q73W.js → chunk-TN3VIRQZ.js} +2 -2
  111. package/dist/{chunk-NEPRDVF7.js → chunk-TNKYUIG3.js} +1 -1
  112. package/dist/{chunk-JVDCU4PT.js → chunk-TRGOUUKL.js} +1 -1
  113. package/dist/{chunk-SD6DBWYC.js → chunk-U6IYZMNN.js} +1 -1
  114. package/dist/{chunk-QAIK237T.js → chunk-UM7DFJXF.js} +18 -7
  115. package/dist/{chunk-BF6YUKC2.js → chunk-V4SY4DCA.js} +1 -1
  116. package/dist/{chunk-XHQWDF7B.js → chunk-W52DLG34.js} +1 -1
  117. package/dist/{chunk-D7VVQIPM.js → chunk-YGOVG4X3.js} +2 -2
  118. package/dist/{chunk-ARD3LWL2.js → chunk-ZFMCRQ5C.js} +2 -2
  119. package/dist/{chunk-WDA6LWC4.js → chunk-ZWTMTEFG.js} +6 -6
  120. package/dist/index.css +666 -645
  121. package/dist/index.js +43 -43
  122. package/dist/inputs/src/InputGroup.css +1099 -14
  123. package/dist/inputs/src/InputGroup.js +2 -1
  124. package/dist/inputs/src/NumberField.css +1068 -63
  125. package/dist/inputs/src/NumberField.js +7 -6
  126. package/dist/inputs/src/PasswordField.css +225 -217
  127. package/dist/inputs/src/PasswordField.js +7 -7
  128. package/dist/inputs/src/SearchField.css +231 -223
  129. package/dist/inputs/src/SearchField.js +8 -8
  130. package/dist/inputs/src/TextArea.css +1062 -57
  131. package/dist/inputs/src/TextArea.js +8 -7
  132. package/dist/inputs/src/TextField.css +239 -218
  133. package/dist/inputs/src/TextField.d.ts +7 -0
  134. package/dist/inputs/src/TextField.js +9 -8
  135. package/dist/inputs/src/index.css +1280 -1259
  136. package/dist/inputs/src/index.js +13 -13
  137. package/dist/overlays/Popover/src/Popover.css +666 -645
  138. package/dist/overlays/Popover/src/Popover.js +43 -43
  139. package/dist/overlays/Popover/src/index.css +666 -645
  140. package/dist/overlays/Popover/src/index.js +43 -43
  141. package/dist/radio/src/Radio.css +31 -31
  142. package/dist/radio/src/Radio.js +2 -2
  143. package/dist/radio/src/RadioField.css +15 -15
  144. package/dist/radio/src/RadioField.js +1 -1
  145. package/dist/radio/src/RadioGroup.css +60 -60
  146. package/dist/radio/src/RadioGroup.js +1 -1
  147. package/dist/radio/src/index.css +60 -60
  148. package/dist/radio/src/index.js +4 -4
  149. package/dist/switch/src/Switch.css +25 -25
  150. package/dist/switch/src/Switch.js +2 -2
  151. package/dist/switch/src/SwitchField.css +15 -15
  152. package/dist/switch/src/SwitchField.js +1 -1
  153. package/dist/switch/src/index.css +31 -31
  154. package/dist/switch/src/index.js +3 -3
  155. package/dist/tag/src/Tag.css +326 -322
  156. package/dist/tag/src/Tag.js +5 -5
  157. package/dist/tag/src/TagGroup.css +22 -22
  158. package/dist/tag/src/TagGroup.js +1 -1
  159. package/dist/tag/src/index.css +339 -335
  160. package/dist/tag/src/index.js +6 -6
  161. package/dist/typography/Heading/src/Heading.css +9 -9
  162. package/dist/typography/Heading/src/Heading.js +1 -1
  163. package/dist/typography/Heading/src/index.css +9 -9
  164. package/dist/typography/Heading/src/index.js +1 -1
  165. package/dist/typography/Label/src/Label.css +3 -3
  166. package/dist/typography/Label/src/Label.js +1 -1
  167. package/dist/typography/Label/src/index.css +3 -3
  168. package/dist/typography/Label/src/index.js +1 -1
  169. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  170. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  171. package/dist/typography/OverlineText/src/index.css +6 -6
  172. package/dist/typography/OverlineText/src/index.js +1 -1
  173. package/dist/typography/Text/src/Text.css +9 -9
  174. package/dist/typography/Text/src/Text.js +1 -1
  175. package/dist/typography/Text/src/index.css +9 -9
  176. package/dist/typography/Text/src/index.js +1 -1
  177. package/dist/utils/src/index.js +1 -1
  178. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___D1rn4 {
2
+ .Text-module__hop-Text___i-wip {
3
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.Text-module__hop-Text___D1rn4) {
32
+ :where(.Text-module__hop-Text___i-wip) {
33
33
  font-family: var(--font-family);
34
34
  font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.Text-module__hop-Text--xs___83nUB) {
38
+ :where(.Text-module__hop-Text--xs___OgrlM) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.Text-module__hop-Text--sm___J7Ynn) {
44
+ :where(.Text-module__hop-Text--sm___VG8kM) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.Text-module__hop-Text--md___vDq4E) {
50
+ :where(.Text-module__hop-Text--md___Y1jRC) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.Text-module__hop-Text--lg___d93YP) {
56
+ :where(.Text-module__hop-Text--lg___P2gHm) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.Text-module__hop-Text--xl___7Poiv) {
62
+ :where(.Text-module__hop-Text--xl___uu4Y6) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.Text-module__hop-Text--2xl___owE8f) {
68
+ :where(.Text-module__hop-Text--2xl___kr5Vw) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.Text-module__hop-Text--inherit___LGo4-) {
74
+ :where(.Text-module__hop-Text--inherit___enYNN) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
79
79
  }
80
80
 
81
81
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
82
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___0SfZJ {
82
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt {
83
83
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
84
84
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
85
85
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -110,46 +110,46 @@
110
110
  background-color: var(--background-color);
111
111
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
112
112
  }
113
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___7c8Uq {
113
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___kM-j4 {
114
114
  --size: var(--hop-RichIconAvatarImage-xs-size);
115
115
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
116
116
  }
117
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___CMqPA {
117
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___SKx-C {
118
118
  --size: var(--hop-RichIconAvatarImage-sm-size);
119
119
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
120
120
  }
121
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___qR-0W {
121
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-ELGu {
122
122
  --size: var(--hop-RichIconAvatarImage-md-size);
123
123
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
124
124
  }
125
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___yBdoM {
125
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___V0j8U {
126
126
  --size: var(--hop-RichIconAvatarImage-lg-size);
127
127
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
128
128
  }
129
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___tBzp5 {
129
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___uv-1s {
130
130
  --size: var(--hop-RichIconAvatarImage-xl-size);
131
131
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
132
132
  }
133
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___--GFe {
133
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___43YNN {
134
134
  --size: var(--hop-RichIconAvatarImage-2xl-size);
135
135
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
136
136
  }
137
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___0SfZJ[data-disabled] {
137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt[data-disabled] {
138
138
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
139
139
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___tDykK {
140
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
141
141
  position: relative;
142
142
  display: block;
143
143
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
144
144
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___0SfZJ[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___tDykK {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
147
147
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
148
148
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
149
149
  }
150
150
 
151
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
152
- .Avatar-module__hop-Avatar___voDSB {
152
+ .Avatar-module__hop-Avatar___2iRIy {
153
153
  --hop-Avatar-border-radius: var(--hop-shape-circle);
154
154
  --hop-Avatar-mix-blend-mode: normal;
155
155
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -194,67 +194,67 @@
194
194
  background-color: var(--background-color, transparent);
195
195
  border-radius: var(--hop-Avatar-border-radius);
196
196
  }
197
- .Avatar-module__hop-Avatar--xs___vyK5f {
197
+ .Avatar-module__hop-Avatar--xs___U6TaP {
198
198
  --size: var(--hop-Avatar-xs-size);
199
199
  }
200
- .Avatar-module__hop-Avatar--sm___tZ1n5 {
200
+ .Avatar-module__hop-Avatar--sm___mVPqW {
201
201
  --size: var(--hop-Avatar-sm-size);
202
202
  }
203
- .Avatar-module__hop-Avatar--md___ZETXa {
203
+ .Avatar-module__hop-Avatar--md___-HteB {
204
204
  --size: var(--hop-Avatar-md-size);
205
205
  }
206
- .Avatar-module__hop-Avatar--lg___2JJif {
206
+ .Avatar-module__hop-Avatar--lg___6eRRX {
207
207
  --size: var(--hop-Avatar-lg-size);
208
208
  }
209
- .Avatar-module__hop-Avatar--xl___GbLkx {
209
+ .Avatar-module__hop-Avatar--xl___XeULp {
210
210
  --size: var(--hop-Avatar-xl-size);
211
211
  }
212
- .Avatar-module__hop-Avatar--2xl___i2HmH {
212
+ .Avatar-module__hop-Avatar--2xl___0w2Ni {
213
213
  --size: var(--hop-Avatar-2xl-size);
214
214
  }
215
- .Avatar-module__hop-Avatar--decorative-option1___swzwE {
215
+ .Avatar-module__hop-Avatar--decorative-option1___x4wwr {
216
216
  --background-color: var(--hop-Avatar-decorative-1-background-color);
217
217
  --text-color: var(--hop-Avatar-decorative-1-text-color);
218
218
  }
219
- .Avatar-module__hop-Avatar--decorative-option2___61Ewl {
219
+ .Avatar-module__hop-Avatar--decorative-option2___VdIQd {
220
220
  --background-color: var(--hop-Avatar-decorative-2-background-color);
221
221
  --text-color: var(--hop-Avatar-decorative-2-text-color);
222
222
  }
223
- .Avatar-module__hop-Avatar--decorative-option3___btSY5 {
223
+ .Avatar-module__hop-Avatar--decorative-option3___T5HRP {
224
224
  --background-color: var(--hop-Avatar-decorative-3-background-color);
225
225
  --text-color: var(--hop-Avatar-decorative-3-text-color);
226
226
  }
227
- .Avatar-module__hop-Avatar--decorative-option4___muuvm {
227
+ .Avatar-module__hop-Avatar--decorative-option4___quPmn {
228
228
  --background-color: var(--hop-Avatar-decorative-4-background-color);
229
229
  --text-color: var(--hop-Avatar-decorative-4-text-color);
230
230
  }
231
- .Avatar-module__hop-Avatar--decorative-option5___FAvFc {
231
+ .Avatar-module__hop-Avatar--decorative-option5___ifBXG {
232
232
  --background-color: var(--hop-Avatar-decorative-5-background-color);
233
233
  --text-color: var(--hop-Avatar-decorative-5-text-color);
234
234
  }
235
- .Avatar-module__hop-Avatar--decorative-option6___tZ9LE {
235
+ .Avatar-module__hop-Avatar--decorative-option6___wDYJd {
236
236
  --background-color: var(--hop-Avatar-decorative-6-background-color);
237
237
  --text-color: var(--hop-Avatar-decorative-6-text-color);
238
238
  }
239
- .Avatar-module__hop-Avatar--decorative-option7___fXKic {
239
+ .Avatar-module__hop-Avatar--decorative-option7___xgn2p {
240
240
  --background-color: var(--hop-Avatar-decorative-7-background-color);
241
241
  --text-color: var(--hop-Avatar-decorative-7-text-color);
242
242
  }
243
- .Avatar-module__hop-Avatar--decorative-option8___43DZK {
243
+ .Avatar-module__hop-Avatar--decorative-option8___6RKzf {
244
244
  --background-color: var(--hop-Avatar-decorative-8-background-color);
245
245
  --text-color: var(--hop-Avatar-decorative-8-text-color);
246
246
  }
247
- .Avatar-module__hop-Avatar--decorative-option9___Hc--N {
247
+ .Avatar-module__hop-Avatar--decorative-option9___LMOth {
248
248
  --background-color: var(--hop-Avatar-decorative-9-background-color);
249
249
  --text-color: var(--hop-Avatar-decorative-9-text-color);
250
250
  }
251
- .Avatar-module__hop-Avatar___voDSB[data-disabled] {
251
+ .Avatar-module__hop-Avatar___2iRIy[data-disabled] {
252
252
  --background-color: var(--hop-Avatar-background-color-disabled);
253
253
  --text-color: var(--hop-Avatar-text-color-disabled);
254
254
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
255
255
  isolation: isolate;
256
256
  }
257
- .Avatar-module__hop-Avatar__image___BNmTQ {
257
+ .Avatar-module__hop-Avatar__image___L1lkB {
258
258
  position: relative;
259
259
  display: block;
260
260
  box-sizing: border-box;
@@ -265,7 +265,7 @@
265
265
  }
266
266
 
267
267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
268
- :where(.OverlineText-module__hop-OverlineText___-AumH) {
268
+ :where(.OverlineText-module__hop-OverlineText___AJQ9B) {
269
269
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
270
270
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
271
271
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -289,26 +289,26 @@
289
289
  text-transform: uppercase;
290
290
  letter-spacing: var(--letter-spacing);
291
291
  }
292
- .OverlineText-module__hop-OverlineText__text___epYug {
292
+ .OverlineText-module__hop-OverlineText__text___2R69Q {
293
293
  box-sizing: border-box;
294
294
  }
295
- .OverlineText-module__hop-OverlineText__text___epYug::before,
296
- .OverlineText-module__hop-OverlineText__text___epYug::after {
295
+ .OverlineText-module__hop-OverlineText__text___2R69Q::before,
296
+ .OverlineText-module__hop-OverlineText__text___2R69Q::after {
297
297
  content: "";
298
298
  display: block;
299
299
  box-sizing: border-box;
300
300
  inline-size: 0;
301
301
  block-size: 0;
302
302
  }
303
- .OverlineText-module__hop-OverlineText__text___epYug::before {
303
+ .OverlineText-module__hop-OverlineText__text___2R69Q::before {
304
304
  margin-block-end: var(--bottom-offset);
305
305
  }
306
- .OverlineText-module__hop-OverlineText__text___epYug::after {
306
+ .OverlineText-module__hop-OverlineText__text___2R69Q::after {
307
307
  margin-block-start: var(--top-offset);
308
308
  }
309
309
 
310
310
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
311
- .Badge-module__hop-Badge___09iuj {
311
+ .Badge-module__hop-Badge___-xOKd {
312
312
  --hop-Badge-height: 1.5rem;
313
313
  --hop-Badge-width: max-content;
314
314
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -358,67 +358,67 @@
358
358
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
359
359
  border-radius: var(--border-radius);
360
360
  }
361
- .Badge-module__hop-Badge___09iuj[data-variant=primary] {
361
+ .Badge-module__hop-Badge___-xOKd[data-variant=primary] {
362
362
  --background-color: var(--hop-Badge-primary-background-color);
363
363
  --text-color: var(--hop-Badge-primary-text-color);
364
364
  }
365
- .Badge-module__hop-Badge___09iuj[data-hovered][data-variant=primary] {
365
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=primary] {
366
366
  --background-color: var(--hop-Badge-primary-background-color-hovered);
367
367
  --text-color: var(--hop-Badge-primary-text-color-hovered);
368
368
  }
369
- .Badge-module__hop-Badge___09iuj[data-pressed][data-variant=primary] {
369
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=primary] {
370
370
  --background-color: var(--hop-Badge-primary-background-color-pressed);
371
371
  --text-color: var(--hop-Badge-primary-text-color-pressed);
372
372
  }
373
- .Badge-module__hop-Badge___09iuj[data-selected][data-variant=primary] {
373
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=primary] {
374
374
  --background-color: var(--hop-Badge-primary-background-color-selected);
375
375
  --text-color: var(--hop-Badge-primary-text-color-selected);
376
376
  }
377
- .Badge-module__hop-Badge___09iuj[data-variant=secondary] {
377
+ .Badge-module__hop-Badge___-xOKd[data-variant=secondary] {
378
378
  --background-color: var(--hop-Badge-secondary-background-color);
379
379
  --text-color: var(--hop-Badge-secondary-text-color);
380
380
  }
381
- .Badge-module__hop-Badge___09iuj[data-hovered][data-variant=secondary] {
381
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=secondary] {
382
382
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
383
383
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
384
384
  }
385
- .Badge-module__hop-Badge___09iuj[data-pressed][data-variant=secondary] {
385
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=secondary] {
386
386
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
387
387
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
388
388
  }
389
- .Badge-module__hop-Badge___09iuj[data-selected][data-variant=secondary] {
389
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=secondary] {
390
390
  --background-color: var(--hop-Badge-secondary-background-color-selected);
391
391
  --text-color: var(--hop-Badge-secondary-text-color-selected);
392
392
  }
393
- .Badge-module__hop-Badge___09iuj[data-variant=subdued] {
393
+ .Badge-module__hop-Badge___-xOKd[data-variant=subdued] {
394
394
  --background-color: var(--hop-Badge-subdued-background-color);
395
395
  --text-color: var(--hop-Badge-subdued-text-color);
396
396
  }
397
- .Badge-module__hop-Badge___09iuj[data-hovered][data-variant=subdued] {
397
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=subdued] {
398
398
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
399
399
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
400
400
  }
401
- .Badge-module__hop-Badge___09iuj[data-pressed][data-variant=subdued] {
401
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=subdued] {
402
402
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
403
403
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
404
404
  }
405
- .Badge-module__hop-Badge___09iuj[data-selected][data-variant=subdued] {
405
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=subdued] {
406
406
  --background-color: var(--hop-Badge-subdued-background-color-selected);
407
407
  --text-color: var(--hop-Badge-subdued-text-color-selected);
408
408
  }
409
- .Badge-module__hop-Badge___09iuj[data-indeterminate] {
409
+ .Badge-module__hop-Badge___-xOKd[data-indeterminate] {
410
410
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
411
411
  --height: var(--hop-Badge-indeterminate-height);
412
412
  --width: var(--hop-Badge-indeterminate-width);
413
413
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
414
414
  }
415
- .Badge-module__hop-Badge___09iuj[data-disabled] {
415
+ .Badge-module__hop-Badge___-xOKd[data-disabled] {
416
416
  --background-color: var(--hop-Badge-background-color-disabled);
417
417
  --text-color: var(--hop-Badge-text-color-disabled);
418
418
  }
419
419
 
420
420
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
421
- .FloatingBadge-module__hop-FloatingBadge___cvHzG {
421
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn {
422
422
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
423
423
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
424
424
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -459,7 +459,7 @@
459
459
  box-sizing: border-box;
460
460
  inline-size: max-content;
461
461
  }
462
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top right"] {
462
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top right"] {
463
463
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
464
464
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
465
465
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -467,11 +467,11 @@
467
467
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
468
468
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
469
469
  }
470
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top right"][data-overlap=circular] {
470
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top right"][data-overlap=circular] {
471
471
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
472
472
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
473
473
  }
474
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top left"] {
474
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top left"] {
475
475
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
476
476
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
477
477
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -479,11 +479,11 @@
479
479
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
480
480
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
481
481
  }
482
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top left"][data-overlap=circular] {
482
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top left"][data-overlap=circular] {
483
483
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
484
484
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
485
485
  }
486
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom right"] {
486
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom right"] {
487
487
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
488
488
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
489
489
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -491,11 +491,11 @@
491
491
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
492
492
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
493
493
  }
494
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom right"][data-overlap=circular] {
494
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom right"][data-overlap=circular] {
495
495
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
496
496
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
497
497
  }
498
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom left"] {
498
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom left"] {
499
499
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
500
500
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
501
501
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -503,11 +503,11 @@
503
503
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
504
504
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
505
505
  }
506
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom left"][data-overlap=circular] {
506
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom left"][data-overlap=circular] {
507
507
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
508
508
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
509
509
  }
510
- .FloatingBadge-module__hop-FloatingBadge__badge___DizOb {
510
+ .FloatingBadge-module__hop-FloatingBadge__badge___XidQN {
511
511
  position: absolute;
512
512
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
513
513
  transform-origin: var(--badge-transform-origin);
@@ -515,7 +515,7 @@
515
515
  }
516
516
 
517
517
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
518
- .IconList-module__hop-IconList___ocsPJ {
518
+ .IconList-module__hop-IconList___LeCr- {
519
519
  --hop-IconList-gap: var(--hop-space-inline-xs);
520
520
  display: flex;
521
521
  flex-wrap: wrap;
@@ -524,7 +524,7 @@
524
524
  }
525
525
 
526
526
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
527
- .Checkbox-module__hop-Checkbox___oOX03 {
527
+ .Checkbox-module__hop-Checkbox___LGvQv {
528
528
  --hop-Checkbox-box-border-size: 0.0625rem;
529
529
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
530
530
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -599,63 +599,63 @@
599
599
  inline-size: max-content;
600
600
  max-inline-size: 100%;
601
601
  }
602
- .Checkbox-module__hop-Checkbox___oOX03[data-focus-visible],
603
- .Checkbox-module__hop-Checkbox--focused___4PAm6 {
602
+ .Checkbox-module__hop-Checkbox___LGvQv[data-focus-visible],
603
+ .Checkbox-module__hop-Checkbox--focused___vjDn- {
604
604
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
605
605
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
606
606
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
607
607
  --text-color: var(--hop-Checkbox-text-color-focused);
608
608
  --icon-color: var(--hop-Checkbox-icon-color-focused);
609
609
  }
610
- .Checkbox-module__hop-Checkbox___oOX03[data-hovered],
611
- .Checkbox-module__hop-Checkbox--hovered___0yG6J {
610
+ .Checkbox-module__hop-Checkbox___LGvQv[data-hovered],
611
+ .Checkbox-module__hop-Checkbox--hovered___rBo1O {
612
612
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
613
613
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
614
614
  --text-color: var(--hop-Checkbox-text-color-hovered);
615
615
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
616
616
  }
617
- .Checkbox-module__hop-Checkbox___oOX03[data-pressed],
618
- .Checkbox-module__hop-Checkbox--pressed___04mxl {
617
+ .Checkbox-module__hop-Checkbox___LGvQv[data-pressed],
618
+ .Checkbox-module__hop-Checkbox--pressed___A-Tzt {
619
619
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
620
620
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
621
621
  --text-color: var(--hop-Checkbox-text-color-pressed);
622
622
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
623
623
  }
624
- .Checkbox-module__hop-Checkbox___oOX03[data-selected] {
624
+ .Checkbox-module__hop-Checkbox___LGvQv[data-selected] {
625
625
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
626
626
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
627
627
  --check-display: var(--hop-Checkbox-check-display-selected);
628
628
  --text-color: var(--hop-Checkbox-text-color-selected);
629
629
  --icon-color: var(--hop-Checkbox-icon-color-selected);
630
630
  }
631
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid] {
631
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid] {
632
632
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
633
633
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
634
634
  --check-color: var(--hop-Checkbox-check-color-invalid);
635
635
  --text-color: var(--hop-Checkbox-text-color-invalid);
636
636
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
637
637
  }
638
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___4PAm6) {
638
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___vjDn-) {
639
639
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
640
640
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
641
641
  }
642
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___0yG6J) {
642
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___rBo1O) {
643
643
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
644
644
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
645
645
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
646
646
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
647
647
  }
648
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___04mxl) {
648
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___A-Tzt) {
649
649
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
650
650
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
651
651
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
652
652
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
653
653
  }
654
- .Checkbox-module__hop-Checkbox___oOX03:where([data-invalid])[data-selected] {
654
+ .Checkbox-module__hop-Checkbox___LGvQv:where([data-invalid])[data-selected] {
655
655
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
656
656
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
657
657
  }
658
- .Checkbox-module__hop-Checkbox___oOX03[data-disabled] {
658
+ .Checkbox-module__hop-Checkbox___LGvQv[data-disabled] {
659
659
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
660
660
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
661
661
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -663,25 +663,25 @@
663
663
  --text-color: var(--hop-Checkbox-text-color-disabled);
664
664
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
665
665
  }
666
- .Checkbox-module__hop-Checkbox--sm___KSwrs {
666
+ .Checkbox-module__hop-Checkbox--sm___4oMPK {
667
667
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
668
668
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
669
669
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
670
670
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
671
671
  }
672
- .Checkbox-module__hop-Checkbox--md___x2EJP {
672
+ .Checkbox-module__hop-Checkbox--md___TcJBe {
673
673
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
674
674
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
675
675
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
676
676
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
677
677
  }
678
- .Checkbox-module__hop-Checkbox__icon___ABzh9,
679
- .Checkbox-module__hop-Checkbox__icon-list___eUQ93 {
678
+ .Checkbox-module__hop-Checkbox__icon___czSm3,
679
+ .Checkbox-module__hop-Checkbox__icon-list___657WD {
680
680
  flex: 0 0 auto;
681
681
  order: 3;
682
682
  color: var(--icon-color);
683
683
  }
684
- .Checkbox-module__hop-Checkbox__box___e4-5W {
684
+ .Checkbox-module__hop-Checkbox__box___hg4Mw {
685
685
  display: flex;
686
686
  flex: 0 0 auto;
687
687
  align-items: center;
@@ -697,11 +697,11 @@
697
697
  outline-offset: 0.125rem;
698
698
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
699
699
  }
700
- .Checkbox-module__hop-Checkbox__check___QjfqB {
700
+ .Checkbox-module__hop-Checkbox__check___X5sEH {
701
701
  display: var(--check-display);
702
702
  color: var(--check-color);
703
703
  }
704
- .Checkbox-module__hop-Checkbox__text___Us3om {
704
+ .Checkbox-module__hop-Checkbox__text___IAcx- {
705
705
  flex: 0 1 auto;
706
706
  order: 2;
707
707
  min-inline-size: 0;
@@ -711,7 +711,7 @@
711
711
  }
712
712
 
713
713
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
714
- .CheckboxField-module__hop-CheckboxField___6GAZe {
714
+ .CheckboxField-module__hop-CheckboxField___ycgKg {
715
715
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
716
716
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
717
717
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -730,28 +730,28 @@
730
730
  inline-size: max-content;
731
731
  max-inline-size: 100%;
732
732
  }
733
- .CheckboxField-module__hop-CheckboxField___6GAZe[data-disabled] {
733
+ .CheckboxField-module__hop-CheckboxField___ycgKg[data-disabled] {
734
734
  --description-color: var(--hop-CheckboxField-description-color-disabled);
735
735
  }
736
- .CheckboxField-module__hop-CheckboxField--sm___k1Kp1 {
736
+ .CheckboxField-module__hop-CheckboxField--sm___p26LG {
737
737
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
738
738
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
739
739
  }
740
- .CheckboxField-module__hop-CheckboxField--md___M0M51 {
740
+ .CheckboxField-module__hop-CheckboxField--md___GtuQL {
741
741
  --row-gap: var(--hop-CheckboxField-md-row-gap);
742
742
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
743
743
  }
744
- .CheckboxField-module__hop-CheckboxField__description___q1ry4 {
744
+ .CheckboxField-module__hop-CheckboxField__description___td-PO {
745
745
  order: 2;
746
746
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
747
747
  color: var(--description-color);
748
748
  }
749
- .CheckboxField-module__hop-CheckboxField__checkbox___ey6D- {
749
+ .CheckboxField-module__hop-CheckboxField__checkbox___tdxHy {
750
750
  order: 1;
751
751
  }
752
752
 
753
753
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
754
- .ErrorMessage-module__hop-ErrorMessage___rQyDx {
754
+ .ErrorMessage-module__hop-ErrorMessage___lZhsu {
755
755
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
756
756
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
757
757
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -768,13 +768,13 @@
768
768
  line-height: var(--hop-ErrorMessage-line-height);
769
769
  color: var(--hop-ErrorMessage-color);
770
770
  }
771
- .ErrorMessage-module__hop-ErrorMessage__icon___r8QUQ {
771
+ .ErrorMessage-module__hop-ErrorMessage__icon___Dnsoj {
772
772
  flex: 0 0 auto;
773
773
  align-self: flex-start;
774
774
  }
775
775
 
776
776
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
777
- .HelperMessage-module__hop-HelperMessage___B-h4I {
777
+ .HelperMessage-module__hop-HelperMessage___g-VQU {
778
778
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
779
779
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
780
780
  display: flex;
@@ -783,32 +783,32 @@
783
783
  box-sizing: border-box;
784
784
  color: var(--hop-HelperMessage-color);
785
785
  }
786
- .HelperMessage-module__hop-HelperMessage__icon___Bv8wG {
786
+ .HelperMessage-module__hop-HelperMessage__icon___cXfSo {
787
787
  flex: 0 0 auto;
788
788
  align-self: flex-start;
789
789
  }
790
790
 
791
791
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
792
- .Label-module__hop-Label___xyX8G {
792
+ .Label-module__hop-Label___nfV-B {
793
793
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
794
794
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
795
795
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
796
796
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
797
797
  --hop-Label-color: var(--hop-neutral-text-weak);
798
798
  }
799
- :where(.Label-module__hop-Label___xyX8G) {
799
+ :where(.Label-module__hop-Label___nfV-B) {
800
800
  font-family: var(--hop-Label-font-family);
801
801
  font-size: var(--hop-Label-font-size);
802
802
  font-weight: var(--hop-Label-font-weight);
803
803
  line-height: var(--hop-Label-line-height);
804
804
  color: var(--hop-Label-color);
805
805
  }
806
- :where(.Label-module__hop-Label__indicator___QJQXo) {
806
+ :where(.Label-module__hop-Label__indicator___mNdrU) {
807
807
  padding-inline-start: var(--hop-space-20);
808
808
  }
809
809
 
810
810
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
811
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 {
811
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa {
812
812
  --hop-CheckboxGroup-align-items: flex-start;
813
813
  --hop-CheckboxGroup-justify-content: flex-start;
814
814
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -847,46 +847,46 @@
847
847
  inline-size: max-content;
848
848
  max-inline-size: 100%;
849
849
  }
850
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk {
850
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92 {
851
851
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
852
852
  --list-border-radius: var(--hop-shape-rounded-md);
853
853
  }
854
- .CheckboxGroup-module__hop-CheckboxGroup--sm___4dHH0 {
854
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
855
855
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
856
856
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
857
857
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
858
858
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
859
859
  }
860
- .CheckboxGroup-module__hop-CheckboxGroup--md___fic5z {
860
+ .CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
861
861
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
862
862
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
863
863
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
864
864
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
865
865
  }
866
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk.CheckboxGroup-module__hop-CheckboxGroup--sm___4dHH0 {
866
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
867
867
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
868
868
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
869
869
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
870
870
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
871
871
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
872
872
  }
873
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk.CheckboxGroup-module__hop-CheckboxGroup--md___fic5z {
873
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
874
874
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
875
875
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
876
876
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
877
877
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
878
878
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
879
879
  }
880
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29[data-orientation=horizontal] {
880
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa[data-orientation=horizontal] {
881
881
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
882
882
  }
883
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk[data-orientation=horizontal] {
883
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=horizontal] {
884
884
  --flex-wrap: nowrap;
885
885
  }
886
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 > .CheckboxGroup-module__hop-CheckboxGroup__label___iEGgv {
886
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__label___YaFOG {
887
887
  order: 1;
888
888
  }
889
- .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x {
889
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB {
890
890
  display: flex;
891
891
  flex-flow: var(--flex-direction) var(--flex-wrap);
892
892
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -897,7 +897,7 @@
897
897
  border: var(--list-border, none);
898
898
  border-radius: var(--list-border-radius, 0);
899
899
  }
900
- .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe {
900
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq {
901
901
  position: relative;
902
902
  flex: 0 1 auto;
903
903
  align-content: start;
@@ -905,28 +905,28 @@
905
905
  min-inline-size: 0;
906
906
  padding: var(--checkbox-padding, 0);
907
907
  }
908
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe::before {
908
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92 .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
909
909
  content: "";
910
910
  position: absolute;
911
911
  display: block;
912
912
  }
913
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe::before {
913
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
914
914
  inset-block-start: 0;
915
915
  inset-inline: 0;
916
916
  border-block-start: var(--list-border, none);
917
917
  }
918
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe::before {
918
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
919
919
  inset-block: 0;
920
920
  inset-inline-start: 0;
921
921
  border-inline-start: var(--list-border, none);
922
922
  }
923
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___KOis2,
924
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___Gj7lq {
923
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___uPyiu,
924
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___SPO-k {
925
925
  order: 3;
926
926
  }
927
927
 
928
928
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
929
- .Radio-module__hop-Radio___kjqe3 {
929
+ .Radio-module__hop-Radio___f6Vgr {
930
930
  --hop-Radio-box-border-size: 0.0625rem;
931
931
  --hop-Radio-box-border-color: var(--hop-neutral-border);
932
932
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1000,63 +1000,63 @@
1000
1000
  inline-size: max-content;
1001
1001
  max-inline-size: 100%;
1002
1002
  }
1003
- .Radio-module__hop-Radio___kjqe3[data-focus-visible],
1004
- .Radio-module__hop-Radio--focused___lQ30- {
1003
+ .Radio-module__hop-Radio___f6Vgr[data-focus-visible],
1004
+ .Radio-module__hop-Radio--focused___1rGHf {
1005
1005
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1006
1006
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1007
1007
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1008
1008
  --text-color: var(--hop-Radio-text-color-focused);
1009
1009
  --icon-color: var(--hop-Radio-icon-color-focused);
1010
1010
  }
1011
- .Radio-module__hop-Radio___kjqe3[data-hovered],
1012
- .Radio-module__hop-Radio--hovered___-S-oj {
1011
+ .Radio-module__hop-Radio___f6Vgr[data-hovered],
1012
+ .Radio-module__hop-Radio--hovered___PK7aT {
1013
1013
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1014
1014
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1015
1015
  --text-color: var(--hop-Radio-text-color-hovered);
1016
1016
  --icon-color: var(--hop-Radio-icon-color-hovered);
1017
1017
  }
1018
- .Radio-module__hop-Radio___kjqe3[data-pressed],
1019
- .Radio-module__hop-Radio--pressed___7J0QF {
1018
+ .Radio-module__hop-Radio___f6Vgr[data-pressed],
1019
+ .Radio-module__hop-Radio--pressed___MLA7j {
1020
1020
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1021
1021
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1022
1022
  --text-color: var(--hop-Radio-text-color-pressed);
1023
1023
  --icon-color: var(--hop-Radio-icon-color-pressed);
1024
1024
  }
1025
- .Radio-module__hop-Radio___kjqe3[data-selected] {
1025
+ .Radio-module__hop-Radio___f6Vgr[data-selected] {
1026
1026
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1027
1027
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1028
1028
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1029
1029
  --text-color: var(--hop-Radio-text-color-selected);
1030
1030
  --icon-color: var(--hop-Radio-icon-color-selected);
1031
1031
  }
1032
- .Radio-module__hop-Radio___kjqe3[data-invalid] {
1032
+ .Radio-module__hop-Radio___f6Vgr[data-invalid] {
1033
1033
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1034
1034
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1035
1035
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1036
1036
  --text-color: var(--hop-Radio-text-color-invalid);
1037
1037
  --icon-color: var(--hop-Radio-icon-color-invalid);
1038
1038
  }
1039
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-focus-visible] {
1039
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-focus-visible] {
1040
1040
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1041
1041
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1042
1042
  }
1043
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-hovered] {
1043
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-hovered] {
1044
1044
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1045
1045
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1046
1046
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1047
1047
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1048
1048
  }
1049
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-pressed] {
1049
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-pressed] {
1050
1050
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1051
1051
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1052
1052
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1053
1053
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1054
1054
  }
1055
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-selected] {
1055
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-selected] {
1056
1056
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1057
1057
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1058
1058
  }
1059
- .Radio-module__hop-Radio___kjqe3[data-disabled] {
1059
+ .Radio-module__hop-Radio___f6Vgr[data-disabled] {
1060
1060
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1061
1061
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1062
1062
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1064,25 +1064,25 @@
1064
1064
  --text-color: var(--hop-Radio-text-color-disabled);
1065
1065
  --icon-color: var(--hop-Radio-icon-color-disabled);
1066
1066
  }
1067
- .Radio-module__hop-Radio--sm___xnPjA {
1067
+ .Radio-module__hop-Radio--sm___hJ83r {
1068
1068
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1069
1069
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1070
1070
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1071
1071
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1072
1072
  }
1073
- .Radio-module__hop-Radio--md___9JVd4 {
1073
+ .Radio-module__hop-Radio--md___rigqc {
1074
1074
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1075
1075
  --box-block-size: var(--hop-Radio-box-md-block-size);
1076
1076
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1077
1077
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1078
1078
  }
1079
- .Radio-module__hop-Radio__icon___MXNrF,
1080
- .Radio-module__hop-Radio__icon-list___6PWZA {
1079
+ .Radio-module__hop-Radio__icon___qEuEv,
1080
+ .Radio-module__hop-Radio__icon-list___aUQY- {
1081
1081
  flex: 0 0 auto;
1082
1082
  order: 3;
1083
1083
  color: var(--icon-color);
1084
1084
  }
1085
- .Radio-module__hop-Radio__box___kGWwH {
1085
+ .Radio-module__hop-Radio__box___Ma5Cl {
1086
1086
  display: flex;
1087
1087
  flex: 0 0 auto;
1088
1088
  align-items: center;
@@ -1098,11 +1098,11 @@
1098
1098
  outline-offset: 0.125rem;
1099
1099
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1100
1100
  }
1101
- .Radio-module__hop-Radio__bullet___A5FBg {
1101
+ .Radio-module__hop-Radio__bullet___UNMt2 {
1102
1102
  display: var(--bullet-display);
1103
1103
  color: var(--bullet-color);
1104
1104
  }
1105
- .Radio-module__hop-Radio__text___yqy6k {
1105
+ .Radio-module__hop-Radio__text___bpSHA {
1106
1106
  flex: 0 1 auto;
1107
1107
  order: 2;
1108
1108
  min-inline-size: 0;
@@ -1112,7 +1112,7 @@
1112
1112
  }
1113
1113
 
1114
1114
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1115
- .RadioField-module__hop-RadioField___C1gXe {
1115
+ .RadioField-module__hop-RadioField___ygk-A {
1116
1116
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1117
1117
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1118
1118
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1131,28 +1131,28 @@
1131
1131
  inline-size: max-content;
1132
1132
  max-inline-size: 100%;
1133
1133
  }
1134
- .RadioField-module__hop-RadioField___C1gXe[data-disabled] {
1134
+ .RadioField-module__hop-RadioField___ygk-A[data-disabled] {
1135
1135
  --description-color: var(--hop-RadioField-description-color-disabled);
1136
1136
  }
1137
- .RadioField-module__hop-RadioField--sm___LY1rM {
1137
+ .RadioField-module__hop-RadioField--sm___VOflW {
1138
1138
  --row-gap: var(--hop-RadioField-sm-row-gap);
1139
1139
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1140
1140
  }
1141
- .RadioField-module__hop-RadioField--md___QsiW7 {
1141
+ .RadioField-module__hop-RadioField--md___vefQn {
1142
1142
  --row-gap: var(--hop-RadioField-md-row-gap);
1143
1143
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1144
1144
  }
1145
- .RadioField-module__hop-RadioField__description___PAedH {
1145
+ .RadioField-module__hop-RadioField__description___XFh3h {
1146
1146
  order: 2;
1147
1147
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1148
1148
  color: var(--description-color);
1149
1149
  }
1150
- .RadioField-module__hop-RadioField__radio___VMtji {
1150
+ .RadioField-module__hop-RadioField__radio___odwQg {
1151
1151
  order: 1;
1152
1152
  }
1153
1153
 
1154
1154
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1155
- .RadioGroup-module__hop-RadioGroup___Xb3dE {
1155
+ .RadioGroup-module__hop-RadioGroup___fZzjX {
1156
1156
  --hop-RadioGroup-align-items: flex-start;
1157
1157
  --hop-RadioGroup-justify-content: flex-start;
1158
1158
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1192,46 +1192,46 @@
1192
1192
  inline-size: var(--inline-size);
1193
1193
  max-inline-size: 100%;
1194
1194
  }
1195
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V {
1195
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS {
1196
1196
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1197
1197
  --list-border-radius: var(--hop-shape-rounded-md);
1198
1198
  }
1199
- .RadioGroup-module__hop-RadioGroup--sm___LFCc4 {
1199
+ .RadioGroup-module__hop-RadioGroup--sm___SFGiN {
1200
1200
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1201
1201
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1202
1202
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1203
1203
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1204
1204
  }
1205
- .RadioGroup-module__hop-RadioGroup--md___tynlW {
1205
+ .RadioGroup-module__hop-RadioGroup--md___DZiZf {
1206
1206
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1207
1207
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1208
1208
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1209
1209
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1210
1210
  }
1211
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V.RadioGroup-module__hop-RadioGroup--sm___LFCc4 {
1211
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--sm___SFGiN {
1212
1212
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1213
1213
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1214
1214
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1215
1215
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1216
1216
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1217
1217
  }
1218
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V.RadioGroup-module__hop-RadioGroup--md___tynlW {
1218
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--md___DZiZf {
1219
1219
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1220
1220
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1221
1221
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1222
1222
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1223
1223
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1224
1224
  }
1225
- .RadioGroup-module__hop-RadioGroup___Xb3dE[data-orientation=horizontal] {
1225
+ .RadioGroup-module__hop-RadioGroup___fZzjX[data-orientation=horizontal] {
1226
1226
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1227
1227
  }
1228
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V[data-orientation=horizontal] {
1228
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] {
1229
1229
  --flex-wrap: nowrap;
1230
1230
  }
1231
- .RadioGroup-module__hop-RadioGroup___Xb3dE > .RadioGroup-module__hop-RadioGroup__label___KdIUX {
1231
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__label___XSmfS {
1232
1232
  order: 1;
1233
1233
  }
1234
- .RadioGroup-module__hop-RadioGroup__list___XQf5n {
1234
+ .RadioGroup-module__hop-RadioGroup__list___70l9M {
1235
1235
  display: flex;
1236
1236
  flex-flow: var(--flex-direction) var(--flex-wrap);
1237
1237
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1242,7 +1242,7 @@
1242
1242
  border: var(--list-border, none);
1243
1243
  border-radius: var(--list-border-radius, 0);
1244
1244
  }
1245
- .RadioGroup-module__hop-RadioGroup__list___XQf5n > .RadioGroup-module__hop-RadioGroup__radio___KBI6w {
1245
+ .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm {
1246
1246
  position: relative;
1247
1247
  flex: 0 1 auto;
1248
1248
  align-content: start;
@@ -1250,28 +1250,28 @@
1250
1250
  min-inline-size: 0;
1251
1251
  padding: var(--radio-padding, 0);
1252
1252
  }
1253
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V .RadioGroup-module__hop-RadioGroup__list___XQf5n > .RadioGroup-module__hop-RadioGroup__radio___KBI6w ~ .RadioGroup-module__hop-RadioGroup__radio___KBI6w::before {
1253
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
1254
1254
  content: "";
1255
1255
  position: absolute;
1256
1256
  display: block;
1257
1257
  }
1258
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___XQf5n > .RadioGroup-module__hop-RadioGroup__radio___KBI6w ~ .RadioGroup-module__hop-RadioGroup__radio___KBI6w::before {
1258
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
1259
1259
  inset-block-start: 0;
1260
1260
  inset-inline: 0;
1261
1261
  border-block-start: var(--list-border, none);
1262
1262
  }
1263
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___XQf5n > .RadioGroup-module__hop-RadioGroup__radio___KBI6w ~ .RadioGroup-module__hop-RadioGroup__radio___KBI6w::before {
1263
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
1264
1264
  inset-block: 0;
1265
1265
  inset-inline-start: 0;
1266
1266
  border-inline-start: var(--list-border, none);
1267
1267
  }
1268
- .RadioGroup-module__hop-RadioGroup___Xb3dE > .RadioGroup-module__hop-RadioGroup__error-message___An-sx,
1269
- .RadioGroup-module__hop-RadioGroup___Xb3dE > .RadioGroup-module__hop-RadioGroup__helper-message___bKTCy {
1268
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__error-message___-gzSi,
1269
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__helper-message___0rYBR {
1270
1270
  order: 3;
1271
1271
  }
1272
1272
 
1273
1273
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1274
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___p4rFp {
1274
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___5-U5u {
1275
1275
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1276
1276
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1277
1277
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1297,7 +1297,7 @@
1297
1297
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1298
1298
  background-size: 400% 100%;
1299
1299
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1300
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___gwojN;
1300
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___tROve;
1301
1301
  animation-duration: var(--animation-duration);
1302
1302
  animation-timing-function: ease-in-out;
1303
1303
  animation-fill-mode: forwards;
@@ -1306,19 +1306,19 @@
1306
1306
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1307
1307
  }
1308
1308
  }
1309
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___L17XJ {
1309
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WF17x {
1310
1310
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1311
1311
  }
1312
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___4icwE {
1312
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yPJ4x {
1313
1313
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1314
1314
  }
1315
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___YFaPZ {
1315
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___GDWcA {
1316
1316
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1317
1317
  }
1318
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___BEXWT {
1318
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___9hgUf {
1319
1319
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1320
1320
  }
1321
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___gwojN {
1321
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___tROve {
1322
1322
  0% {
1323
1323
  background-position: 125% 50%;
1324
1324
  }
@@ -1328,7 +1328,7 @@
1328
1328
  }
1329
1329
 
1330
1330
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1331
- .ListBoxItem-module__hop-ListBoxItem___an9O1 {
1331
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs {
1332
1332
  --hop-ListBoxItem-background-color: transparent;
1333
1333
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1334
1334
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1425,129 +1425,129 @@
1425
1425
  outline: var(--outline);
1426
1426
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1427
1427
  }
1428
- .ListBoxItem-module__hop-ListBoxItem--xs___HmQkG {
1428
+ .ListBoxItem-module__hop-ListBoxItem--xs___8YfDE {
1429
1429
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1430
1430
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1431
1431
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1432
1432
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1433
1433
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1434
1434
  }
1435
- .ListBoxItem-module__hop-ListBoxItem--sm___4vcFB {
1435
+ .ListBoxItem-module__hop-ListBoxItem--sm___TrltV {
1436
1436
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1437
1437
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1438
1438
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1439
1439
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1440
1440
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1441
1441
  }
1442
- .ListBoxItem-module__hop-ListBoxItem--md___DdzeQ {
1442
+ .ListBoxItem-module__hop-ListBoxItem--md___uCJrQ {
1443
1443
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1444
1444
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1445
1445
  --min-height: var(--hop-ListBoxItem-md-min-height);
1446
1446
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1447
1447
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1448
1448
  }
1449
- .ListBoxItem-module__hop-ListBoxItem--lg___u2UzS {
1449
+ .ListBoxItem-module__hop-ListBoxItem--lg___KsLt1 {
1450
1450
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1451
1451
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1452
1452
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1453
1453
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1454
1454
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1455
1455
  }
1456
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-selection-mode] {
1456
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selection-mode] {
1457
1457
  --cursor: pointer;
1458
1458
  }
1459
- .ListBoxItem-module__hop-ListBoxItem___an9O1:not([data-selection-mode]) {
1459
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs:not([data-selection-mode]) {
1460
1460
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1461
1461
  }
1462
- .ListBoxItem-module__hop-ListBoxItem__inner___Glzxw:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8Mad5) {
1462
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
1463
1463
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1464
1464
  }
1465
- .ListBoxItem-module__hop-ListBoxItem__inner___Glzxw[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8Mad5) {
1465
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
1466
1466
  --checkmark-transition: none;
1467
1467
  }
1468
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-selected] {
1468
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selected] {
1469
1469
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1470
1470
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1471
1471
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1472
1472
  --checkmark-opacity: 1;
1473
1473
  }
1474
- .ListBoxItem-module__hop-ListBoxItem--xs___HmQkG[data-selected] {
1474
+ .ListBoxItem-module__hop-ListBoxItem--xs___8YfDE[data-selected] {
1475
1475
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1476
1476
  }
1477
- .ListBoxItem-module__hop-ListBoxItem--sm___4vcFB[data-selected] {
1477
+ .ListBoxItem-module__hop-ListBoxItem--sm___TrltV[data-selected] {
1478
1478
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1479
1479
  }
1480
- .ListBoxItem-module__hop-ListBoxItem--md___DdzeQ[data-selected] {
1480
+ .ListBoxItem-module__hop-ListBoxItem--md___uCJrQ[data-selected] {
1481
1481
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1482
1482
  }
1483
- .ListBoxItem-module__hop-ListBoxItem--lg___u2UzS[data-selected] {
1483
+ .ListBoxItem-module__hop-ListBoxItem--lg___KsLt1[data-selected] {
1484
1484
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1485
1485
  }
1486
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-focus-visible] {
1486
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-focus-visible] {
1487
1487
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1488
1488
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1489
1489
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1490
1490
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1491
1491
  }
1492
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-hovered] {
1492
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-hovered] {
1493
1493
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1494
1494
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1495
1495
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1496
1496
  }
1497
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-pressed] {
1497
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-pressed] {
1498
1498
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1499
1499
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1500
1500
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1501
1501
  }
1502
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-disabled] {
1502
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-disabled] {
1503
1503
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1504
1504
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1505
1505
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1506
1506
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1507
1507
  --cursor: not-allowed;
1508
1508
  }
1509
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid] {
1509
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid] {
1510
1510
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1511
1511
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1512
1512
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1513
1513
  }
1514
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-selected] {
1514
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-selected] {
1515
1515
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1516
1516
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1517
1517
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1518
1518
  }
1519
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-focus-visible] {
1519
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-focus-visible] {
1520
1520
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1521
1521
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1522
1522
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1523
1523
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1524
1524
  }
1525
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-hovered] {
1525
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-hovered] {
1526
1526
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1527
1527
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1528
1528
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1529
1529
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1530
1530
  }
1531
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-pressed] {
1531
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-pressed] {
1532
1532
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1533
1533
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1534
1534
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1535
1535
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1536
1536
  }
1537
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-disabled] {
1537
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-disabled] {
1538
1538
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1539
1539
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1540
1540
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1541
1541
  }
1542
- .ListBoxItem-module__hop-ListBoxItem___an9O1:has(.ListBoxItem-module__hop-ListBoxItem__description___NDxkN) {
1542
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs:has(.ListBoxItem-module__hop-ListBoxItem__description___EcXhw) {
1543
1543
  --row-gap: var(--hop-ListBoxItem-row-gap);
1544
1544
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1545
1545
  }
1546
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-loading] {
1546
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-loading] {
1547
1547
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1548
1548
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1549
1549
  }
1550
- .ListBoxItem-module__hop-ListBoxItem__inner___Glzxw {
1550
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda {
1551
1551
  display: grid;
1552
1552
  grid-template-areas: var(--grid-template-areas);
1553
1553
  grid-template-columns: var(--grid-template-columns);
@@ -1559,33 +1559,33 @@
1559
1559
  padding-inline: var(--padding-inline);
1560
1560
  transition: grid-template-columns .3s ease-in-out;
1561
1561
  }
1562
- .ListBoxItem-module__hop-ListBoxItem__checkmark___8Mad5 {
1562
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6 {
1563
1563
  grid-area: indicator;
1564
1564
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1565
1565
  color: var(--icon-color);
1566
1566
  opacity: var(--checkmark-opacity);
1567
1567
  transition: var(--checkmark-transition);
1568
1568
  }
1569
- .ListBoxItem-module__hop-ListBoxItem__radio-group___TyMze,
1570
- .ListBoxItem-module__hop-ListBoxItem__checkbox___vnfB- {
1569
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___1SQOQ,
1570
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___mxcQY {
1571
1571
  pointer-events: none;
1572
1572
  user-select: none;
1573
1573
  grid-area: indicator;
1574
1574
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1575
1575
  }
1576
- .ListBoxItem-module__hop-ListBoxItem__avatar___H-Ss7 {
1576
+ .ListBoxItem-module__hop-ListBoxItem__avatar___BMBil {
1577
1577
  grid-area: avatar;
1578
1578
  margin-block: var(--avatar-margin-block, 0);
1579
1579
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1580
1580
  }
1581
- .ListBoxItem-module__hop-ListBoxItem__icon-list___VaNew,
1582
- .ListBoxItem-module__hop-ListBoxItem__icon___aDTWC {
1581
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___xG0WS,
1582
+ .ListBoxItem-module__hop-ListBoxItem__icon___hEAK7 {
1583
1583
  grid-area: icon;
1584
1584
  flex: 0 0 auto;
1585
1585
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1586
1586
  color: var(--icon-color);
1587
1587
  }
1588
- .ListBoxItem-module__hop-ListBoxItem__label___-uc-C {
1588
+ .ListBoxItem-module__hop-ListBoxItem__label___0UvBk {
1589
1589
  overflow: hidden;
1590
1590
  grid-area: label;
1591
1591
  min-inline-size: 0;
@@ -1593,18 +1593,18 @@
1593
1593
  text-overflow: ellipsis;
1594
1594
  white-space: nowrap;
1595
1595
  }
1596
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___FJ39g,
1597
- .ListBoxItem-module__hop-ListBoxItem__end-icon___2wdh- {
1596
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___O-D4P,
1597
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___APptS {
1598
1598
  grid-area: end-icon;
1599
1599
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1600
1600
  color: var(--icon-color);
1601
1601
  }
1602
- .ListBoxItem-module__hop-ListBoxItem__badge___1226g {
1602
+ .ListBoxItem-module__hop-ListBoxItem__badge___wKWO3 {
1603
1603
  grid-area: badge;
1604
1604
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
1605
1605
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1606
1606
  }
1607
- .ListBoxItem-module__hop-ListBoxItem__description___NDxkN {
1607
+ .ListBoxItem-module__hop-ListBoxItem__description___EcXhw {
1608
1608
  overflow: hidden;
1609
1609
  display: -webkit-box;
1610
1610
  grid-area: description;