@hopper-ui/components 1.3.6 → 1.3.8

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 (188) hide show
  1. package/CHANGELOG.md +13 -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 +753 -768
  27. package/dist/Form/src/Form.js +48 -47
  28. package/dist/Form/src/index.css +753 -768
  29. package/dist/Form/src/index.js +48 -47
  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 +267 -273
  43. package/dist/ListBox/src/ListBox.js +7 -7
  44. package/dist/ListBox/src/ListBoxItem.css +253 -253
  45. package/dist/ListBox/src/ListBoxItem.js +5 -5
  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 +267 -273
  49. package/dist/ListBox/src/index.js +7 -7
  50. package/dist/Select/src/Select.css +753 -768
  51. package/dist/Select/src/Select.js +48 -47
  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 +753 -768
  55. package/dist/Select/src/index.js +48 -47
  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 +71 -71
  65. package/dist/buttons/src/ClearButton.js +2 -2
  66. package/dist/buttons/src/EmbeddedButton.css +71 -71
  67. package/dist/buttons/src/EmbeddedButton.js +1 -1
  68. package/dist/buttons/src/index.css +176 -176
  69. package/dist/buttons/src/index.js +6 -6
  70. package/dist/checkbox/src/Checkbox.css +28 -28
  71. package/dist/checkbox/src/Checkbox.js +2 -2
  72. package/dist/checkbox/src/CheckboxField.css +15 -15
  73. package/dist/checkbox/src/CheckboxField.js +1 -1
  74. package/dist/checkbox/src/CheckboxGroup.css +83 -83
  75. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  76. package/dist/checkbox/src/DecorativeCheckbox.css +36 -36
  77. package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
  78. package/dist/checkbox/src/index.css +83 -83
  79. package/dist/checkbox/src/index.js +5 -5
  80. package/dist/{chunk-MYAC6TLH.js → chunk-2J5HM77N.js} +1 -1
  81. package/dist/{chunk-23GXMA5L.js → chunk-3LUQ6A2L.js} +2 -2
  82. package/dist/{chunk-HXMMNMFV.js → chunk-4ARX267G.js} +2 -2
  83. package/dist/{chunk-7MB63YNF.js → chunk-6FDLX77I.js} +1 -1
  84. package/dist/{chunk-C2IFIGEU.js → chunk-7CIKPH4J.js} +2 -2
  85. package/dist/{chunk-46GSYJ4O.js → chunk-7H4MZKSZ.js} +4 -4
  86. package/dist/{chunk-FE6YBJMN.js → chunk-AC6JVAVX.js} +3 -3
  87. package/dist/{chunk-D7KHPU3U.js → chunk-AGRLOZWN.js} +1 -1
  88. package/dist/{chunk-NKZRZZMH.js → chunk-AJMHHWRN.js} +1 -1
  89. package/dist/chunk-BFVCZF4H.js +52 -0
  90. package/dist/{chunk-DZZ4WWRN.js → chunk-BPFMTXRF.js} +2 -2
  91. package/dist/{chunk-KIZSSIMT.js → chunk-CTTRBWBT.js} +1 -1
  92. package/dist/{chunk-NQYHB7S3.js → chunk-CURG4YI3.js} +3 -3
  93. package/dist/{chunk-5RHMPFIJ.js → chunk-DRG2376D.js} +3 -3
  94. package/dist/{chunk-6W5XVFIS.js → chunk-E4PIETAY.js} +2 -2
  95. package/dist/{chunk-32QBNIEM.js → chunk-FIJ3CLQB.js} +1 -1
  96. package/dist/{chunk-3K2JRC5Y.js → chunk-GMMQYERH.js} +1 -1
  97. package/dist/{chunk-UJVTDWNG.js → chunk-H2L3SQIO.js} +7 -7
  98. package/dist/{chunk-ICGQUOUM.js → chunk-IP4N5EBH.js} +1 -1
  99. package/dist/{chunk-56UB7UOG.js → chunk-J2OCA4O2.js} +1 -1
  100. package/dist/{chunk-NUB4BYRF.js → chunk-JNDKNURH.js} +1 -1
  101. package/dist/{chunk-LDWNFZXA.js → chunk-JURJ6BXP.js} +1 -1
  102. package/dist/{chunk-ODXA2UZN.js → chunk-JVDDMMRS.js} +2 -2
  103. package/dist/{chunk-CGL75FSH.js → chunk-KQ735GKE.js} +5 -5
  104. package/dist/{chunk-QLR77TGC.js → chunk-KXUA2JOW.js} +1 -1
  105. package/dist/{chunk-LEPWFS5L.js → chunk-KZWQ57ZJ.js} +2 -2
  106. package/dist/{chunk-ZSOGDKV5.js → chunk-MBFMR455.js} +1 -1
  107. package/dist/{chunk-4RSRAAPW.js → chunk-MVBXZQAH.js} +2 -2
  108. package/dist/{chunk-OGIBVQFW.js → chunk-NLQW4MJR.js} +1 -1
  109. package/dist/{chunk-PNWMICY7.js → chunk-PEB7PBUB.js} +1 -1
  110. package/dist/{chunk-4U7DCAUG.js → chunk-PWOFOTJR.js} +1 -1
  111. package/dist/{chunk-SSCVAJ2H.js → chunk-QLLCRVCV.js} +12 -21
  112. package/dist/{chunk-7L5HTRIH.js → chunk-R4LPKOSF.js} +2 -2
  113. package/dist/{chunk-CVYYW7J4.js → chunk-RR6N2GZX.js} +2 -2
  114. package/dist/{chunk-G6W6FNEX.js → chunk-THMKXCNG.js} +2 -2
  115. package/dist/{chunk-EUXXCRBZ.js → chunk-TQZKBOSP.js} +1 -1
  116. package/dist/{chunk-RDPNKPZ3.js → chunk-UR26A74E.js} +1 -1
  117. package/dist/{chunk-AAV7H2PI.js → chunk-VMCZQTOI.js} +2 -2
  118. package/dist/{chunk-OMF56Z2Y.js → chunk-XEZVEXWO.js} +1 -1
  119. package/dist/{chunk-R4LJYEOV.js → chunk-XHMXUELC.js} +13 -21
  120. package/dist/{chunk-NZKS5OKD.js → chunk-XJAHZJVO.js} +1 -1
  121. package/dist/{chunk-FU2IY2JF.js → chunk-YHH5TXPG.js} +3 -3
  122. package/dist/{chunk-6XHZ6XI2.js → chunk-Z2VOM3C3.js} +3 -3
  123. package/dist/{chunk-YZ676IC2.js → chunk-Z54LX6IU.js} +3 -3
  124. package/dist/index.css +753 -768
  125. package/dist/index.d.ts +5 -4
  126. package/dist/index.js +48 -47
  127. package/dist/inputs/src/InputGroup.css +191 -191
  128. package/dist/inputs/src/InputGroup.js +1 -1
  129. package/dist/inputs/src/NumberField.css +231 -231
  130. package/dist/inputs/src/NumberField.js +6 -6
  131. package/dist/inputs/src/PasswordField.css +219 -219
  132. package/dist/inputs/src/PasswordField.js +7 -7
  133. package/dist/inputs/src/RemainingCharacterCount.css +241 -0
  134. package/dist/inputs/src/RemainingCharacterCount.d.ts +25 -0
  135. package/dist/inputs/src/RemainingCharacterCount.js +17 -0
  136. package/dist/inputs/src/SearchField.css +225 -225
  137. package/dist/inputs/src/SearchField.js +8 -8
  138. package/dist/inputs/src/TextArea.css +241 -237
  139. package/dist/inputs/src/TextArea.js +8 -6
  140. package/dist/inputs/src/TextField.css +235 -233
  141. package/dist/inputs/src/TextField.js +10 -8
  142. package/dist/inputs/src/index.css +329 -338
  143. package/dist/inputs/src/index.d.ts +8 -4
  144. package/dist/inputs/src/index.js +14 -12
  145. package/dist/overlays/Popover/src/Popover.css +753 -768
  146. package/dist/overlays/Popover/src/Popover.js +48 -47
  147. package/dist/overlays/Popover/src/index.css +753 -768
  148. package/dist/overlays/Popover/src/index.js +48 -47
  149. package/dist/radio/src/DecorativeRadio.css +36 -36
  150. package/dist/radio/src/DecorativeRadio.js +2 -2
  151. package/dist/radio/src/Radio.css +28 -28
  152. package/dist/radio/src/Radio.js +2 -2
  153. package/dist/radio/src/RadioField.css +15 -15
  154. package/dist/radio/src/RadioField.js +1 -1
  155. package/dist/radio/src/RadioGroup.css +83 -83
  156. package/dist/radio/src/RadioGroup.js +2 -2
  157. package/dist/radio/src/index.css +83 -83
  158. package/dist/radio/src/index.js +6 -6
  159. package/dist/switch/src/Switch.css +25 -25
  160. package/dist/switch/src/Switch.js +2 -2
  161. package/dist/switch/src/SwitchField.css +15 -15
  162. package/dist/switch/src/SwitchField.js +1 -1
  163. package/dist/switch/src/index.css +31 -31
  164. package/dist/switch/src/index.js +3 -3
  165. package/dist/tag/src/Tag.css +323 -323
  166. package/dist/tag/src/Tag.js +5 -5
  167. package/dist/tag/src/TagGroup.css +22 -22
  168. package/dist/tag/src/TagGroup.js +1 -1
  169. package/dist/tag/src/index.css +336 -336
  170. package/dist/tag/src/index.js +6 -6
  171. package/dist/typography/Heading/src/Heading.css +9 -9
  172. package/dist/typography/Heading/src/Heading.js +1 -1
  173. package/dist/typography/Heading/src/index.css +9 -9
  174. package/dist/typography/Heading/src/index.js +1 -1
  175. package/dist/typography/Label/src/Label.css +3 -3
  176. package/dist/typography/Label/src/Label.js +1 -1
  177. package/dist/typography/Label/src/index.css +3 -3
  178. package/dist/typography/Label/src/index.js +1 -1
  179. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  180. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  181. package/dist/typography/OverlineText/src/index.css +6 -6
  182. package/dist/typography/OverlineText/src/index.js +1 -1
  183. package/dist/typography/Text/src/Text.css +9 -9
  184. package/dist/typography/Text/src/Text.js +1 -1
  185. package/dist/typography/Text/src/index.css +9 -9
  186. package/dist/typography/Text/src/index.js +1 -1
  187. package/dist/utils/src/index.js +1 -1
  188. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
2
- :where(.Divider-module__hop-Divider___-S8TZ) {
2
+ :where(.Divider-module__hop-Divider___nqUSD) {
3
3
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
4
4
  --hop-Divider-border-size: 0.0625rem;
5
5
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -24,7 +24,7 @@
24
24
  border-block-end: var(--border-block-end);
25
25
  border-inline-start: var(--border-inline-start);
26
26
  }
27
- .Divider-module__hop-Divider--vertical___oAdE6 {
27
+ .Divider-module__hop-Divider--vertical___IGn45 {
28
28
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
29
29
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
30
30
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -32,7 +32,7 @@
32
32
  }
33
33
 
34
34
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
35
- .Text-module__hop-Text___STL8w {
35
+ .Text-module__hop-Text___jadPy {
36
36
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
37
37
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
38
38
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -62,49 +62,49 @@
62
62
  --hop-Text-inherit-size-font-weight: inherit;
63
63
  --hop-Text-inherit-size-line-height: inherit;
64
64
  }
65
- :where(.Text-module__hop-Text___STL8w) {
65
+ :where(.Text-module__hop-Text___jadPy) {
66
66
  font-family: var(--font-family);
67
67
  font-size: var(--font-size);
68
68
  font-weight: var(--font-weight);
69
69
  line-height: var(--line-height);
70
70
  }
71
- :where(.Text-module__hop-Text--xs___VMB69) {
71
+ :where(.Text-module__hop-Text--xs___253D0) {
72
72
  --font-size: var(--hop-Text-xs-font-size);
73
73
  --font-family: var(--hop-Text-xs-font-family);
74
74
  --font-weight: var(--hop-Text-xs-font-weight);
75
75
  --line-height: var(--hop-Text-xs-line-height);
76
76
  }
77
- :where(.Text-module__hop-Text--sm___qeScp) {
77
+ :where(.Text-module__hop-Text--sm___8aHpz) {
78
78
  --font-size: var(--hop-Text-sm-font-size);
79
79
  --font-family: var(--hop-Text-sm-font-family);
80
80
  --font-weight: var(--hop-Text-sm-font-weight);
81
81
  --line-height: var(--hop-Text-sm-line-height);
82
82
  }
83
- :where(.Text-module__hop-Text--md___2mgs7) {
83
+ :where(.Text-module__hop-Text--md___qNltd) {
84
84
  --font-size: var(--hop-Text-md-font-size);
85
85
  --font-family: var(--hop-Text-md-font-family);
86
86
  --font-weight: var(--hop-Text-md-font-weight);
87
87
  --line-height: var(--hop-Text-md-line-height);
88
88
  }
89
- :where(.Text-module__hop-Text--lg___0EFPU) {
89
+ :where(.Text-module__hop-Text--lg___1A-Db) {
90
90
  --font-size: var(--hop-Text-lg-font-size);
91
91
  --font-family: var(--hop-Text-lg-font-family);
92
92
  --font-weight: var(--hop-Text-lg-font-weight);
93
93
  --line-height: var(--hop-Text-lg-line-height);
94
94
  }
95
- :where(.Text-module__hop-Text--xl___w3euL) {
95
+ :where(.Text-module__hop-Text--xl___DBJXl) {
96
96
  --font-size: var(--hop-Text-xl-font-size);
97
97
  --font-family: var(--hop-Text-xl-font-family);
98
98
  --font-weight: var(--hop-Text-xl-font-weight);
99
99
  --line-height: var(--hop-Text-xl-line-height);
100
100
  }
101
- :where(.Text-module__hop-Text--2xl___n8Xzj) {
101
+ :where(.Text-module__hop-Text--2xl___9vwXN) {
102
102
  --font-size: var(--hop-Text-2xl-font-size);
103
103
  --font-family: var(--hop-Text-2xl-font-family);
104
104
  --font-weight: var(--hop-Text-2xl-font-weight);
105
105
  --line-height: var(--hop-Text-2xl-line-height);
106
106
  }
107
- :where(.Text-module__hop-Text--inherit___GpaJO) {
107
+ :where(.Text-module__hop-Text--inherit___PWsD3) {
108
108
  --font-size: var(--hop-Text-inherit-size-font-size);
109
109
  --font-family: var(--hop-Text-inherit-size-font-family);
110
110
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -112,7 +112,7 @@
112
112
  }
113
113
 
114
114
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
115
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6 {
115
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB {
116
116
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
117
117
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
118
118
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -143,46 +143,46 @@
143
143
  background-color: var(--background-color);
144
144
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___bQsOe {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___JX-qZ {
147
147
  --size: var(--hop-RichIconAvatarImage-xs-size);
148
148
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
149
149
  }
150
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___XA19V {
150
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8x5eO {
151
151
  --size: var(--hop-RichIconAvatarImage-sm-size);
152
152
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
153
153
  }
154
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___xr-lR {
154
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___5T6HL {
155
155
  --size: var(--hop-RichIconAvatarImage-md-size);
156
156
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
157
157
  }
158
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Xtfzn {
158
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___G2t-L {
159
159
  --size: var(--hop-RichIconAvatarImage-lg-size);
160
160
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
161
161
  }
162
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fUQr1 {
162
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___9fJ-1 {
163
163
  --size: var(--hop-RichIconAvatarImage-xl-size);
164
164
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
165
165
  }
166
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Qkwlw {
166
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___gh42c {
167
167
  --size: var(--hop-RichIconAvatarImage-2xl-size);
168
168
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
169
169
  }
170
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] {
170
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB[data-disabled] {
171
171
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
172
172
  }
173
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
173
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Te0ID {
174
174
  position: relative;
175
175
  display: block;
176
176
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
177
177
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
178
178
  }
179
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
179
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Te0ID {
180
180
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
181
181
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
182
182
  }
183
183
 
184
184
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
185
- .Avatar-module__hop-Avatar___zMUBx {
185
+ .Avatar-module__hop-Avatar___9Hi70 {
186
186
  --hop-Avatar-border-radius: var(--hop-shape-circle);
187
187
  --hop-Avatar-mix-blend-mode: normal;
188
188
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -227,67 +227,67 @@
227
227
  background-color: var(--background-color, transparent);
228
228
  border-radius: var(--hop-Avatar-border-radius);
229
229
  }
230
- .Avatar-module__hop-Avatar--xs___fwYJ0 {
230
+ .Avatar-module__hop-Avatar--xs___ezEoM {
231
231
  --size: var(--hop-Avatar-xs-size);
232
232
  }
233
- .Avatar-module__hop-Avatar--sm___RSYai {
233
+ .Avatar-module__hop-Avatar--sm___980Uh {
234
234
  --size: var(--hop-Avatar-sm-size);
235
235
  }
236
- .Avatar-module__hop-Avatar--md___K6lSB {
236
+ .Avatar-module__hop-Avatar--md___wMa-k {
237
237
  --size: var(--hop-Avatar-md-size);
238
238
  }
239
- .Avatar-module__hop-Avatar--lg___mwFIB {
239
+ .Avatar-module__hop-Avatar--lg___yGqTp {
240
240
  --size: var(--hop-Avatar-lg-size);
241
241
  }
242
- .Avatar-module__hop-Avatar--xl___KMY1q {
242
+ .Avatar-module__hop-Avatar--xl___AXLnM {
243
243
  --size: var(--hop-Avatar-xl-size);
244
244
  }
245
- .Avatar-module__hop-Avatar--2xl___6SVrF {
245
+ .Avatar-module__hop-Avatar--2xl___aERCF {
246
246
  --size: var(--hop-Avatar-2xl-size);
247
247
  }
248
- .Avatar-module__hop-Avatar--decorative-option1___npU1o {
248
+ .Avatar-module__hop-Avatar--decorative-option1___f7v8W {
249
249
  --background-color: var(--hop-Avatar-decorative-1-background-color);
250
250
  --text-color: var(--hop-Avatar-decorative-1-text-color);
251
251
  }
252
- .Avatar-module__hop-Avatar--decorative-option2___F-pzz {
252
+ .Avatar-module__hop-Avatar--decorative-option2___1jb39 {
253
253
  --background-color: var(--hop-Avatar-decorative-2-background-color);
254
254
  --text-color: var(--hop-Avatar-decorative-2-text-color);
255
255
  }
256
- .Avatar-module__hop-Avatar--decorative-option3___2NVPh {
256
+ .Avatar-module__hop-Avatar--decorative-option3___cJs0U {
257
257
  --background-color: var(--hop-Avatar-decorative-3-background-color);
258
258
  --text-color: var(--hop-Avatar-decorative-3-text-color);
259
259
  }
260
- .Avatar-module__hop-Avatar--decorative-option4___3II-Z {
260
+ .Avatar-module__hop-Avatar--decorative-option4___ll-5h {
261
261
  --background-color: var(--hop-Avatar-decorative-4-background-color);
262
262
  --text-color: var(--hop-Avatar-decorative-4-text-color);
263
263
  }
264
- .Avatar-module__hop-Avatar--decorative-option5___0Gn-- {
264
+ .Avatar-module__hop-Avatar--decorative-option5___lyS7v {
265
265
  --background-color: var(--hop-Avatar-decorative-5-background-color);
266
266
  --text-color: var(--hop-Avatar-decorative-5-text-color);
267
267
  }
268
- .Avatar-module__hop-Avatar--decorative-option6___Vs2U2 {
268
+ .Avatar-module__hop-Avatar--decorative-option6___nXt6p {
269
269
  --background-color: var(--hop-Avatar-decorative-6-background-color);
270
270
  --text-color: var(--hop-Avatar-decorative-6-text-color);
271
271
  }
272
- .Avatar-module__hop-Avatar--decorative-option7___fD-81 {
272
+ .Avatar-module__hop-Avatar--decorative-option7___gDoKx {
273
273
  --background-color: var(--hop-Avatar-decorative-7-background-color);
274
274
  --text-color: var(--hop-Avatar-decorative-7-text-color);
275
275
  }
276
- .Avatar-module__hop-Avatar--decorative-option8___UPSl5 {
276
+ .Avatar-module__hop-Avatar--decorative-option8___RmnZd {
277
277
  --background-color: var(--hop-Avatar-decorative-8-background-color);
278
278
  --text-color: var(--hop-Avatar-decorative-8-text-color);
279
279
  }
280
- .Avatar-module__hop-Avatar--decorative-option9___b9s4c {
280
+ .Avatar-module__hop-Avatar--decorative-option9___Tpf7q {
281
281
  --background-color: var(--hop-Avatar-decorative-9-background-color);
282
282
  --text-color: var(--hop-Avatar-decorative-9-text-color);
283
283
  }
284
- .Avatar-module__hop-Avatar___zMUBx[data-disabled] {
284
+ .Avatar-module__hop-Avatar___9Hi70[data-disabled] {
285
285
  --background-color: var(--hop-Avatar-background-color-disabled);
286
286
  --text-color: var(--hop-Avatar-text-color-disabled);
287
287
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
288
288
  isolation: isolate;
289
289
  }
290
- .Avatar-module__hop-Avatar__image___bE5J8 {
290
+ .Avatar-module__hop-Avatar__image___oh7hq {
291
291
  position: relative;
292
292
  display: block;
293
293
  box-sizing: border-box;
@@ -298,7 +298,7 @@
298
298
  }
299
299
 
300
300
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
301
- :where(.OverlineText-module__hop-OverlineText___a-rdM) {
301
+ :where(.OverlineText-module__hop-OverlineText___JXNg5) {
302
302
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
303
303
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
304
304
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -322,26 +322,26 @@
322
322
  text-transform: uppercase;
323
323
  letter-spacing: var(--letter-spacing);
324
324
  }
325
- .OverlineText-module__hop-OverlineText__text___3-D9M {
325
+ .OverlineText-module__hop-OverlineText__text___74jxg {
326
326
  box-sizing: border-box;
327
327
  }
328
- .OverlineText-module__hop-OverlineText__text___3-D9M::before,
329
- .OverlineText-module__hop-OverlineText__text___3-D9M::after {
328
+ .OverlineText-module__hop-OverlineText__text___74jxg::before,
329
+ .OverlineText-module__hop-OverlineText__text___74jxg::after {
330
330
  content: "";
331
331
  display: block;
332
332
  box-sizing: border-box;
333
333
  inline-size: 0;
334
334
  block-size: 0;
335
335
  }
336
- .OverlineText-module__hop-OverlineText__text___3-D9M::before {
336
+ .OverlineText-module__hop-OverlineText__text___74jxg::before {
337
337
  margin-block-end: var(--bottom-offset);
338
338
  }
339
- .OverlineText-module__hop-OverlineText__text___3-D9M::after {
339
+ .OverlineText-module__hop-OverlineText__text___74jxg::after {
340
340
  margin-block-start: var(--top-offset);
341
341
  }
342
342
 
343
343
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
344
- .Badge-module__hop-Badge___RGKDc {
344
+ .Badge-module__hop-Badge___6H0U2 {
345
345
  --hop-Badge-height: 1.5rem;
346
346
  --hop-Badge-width: max-content;
347
347
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -391,67 +391,67 @@
391
391
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
392
392
  border-radius: var(--border-radius);
393
393
  }
394
- .Badge-module__hop-Badge___RGKDc[data-variant=primary] {
394
+ .Badge-module__hop-Badge___6H0U2[data-variant=primary] {
395
395
  --background-color: var(--hop-Badge-primary-background-color);
396
396
  --text-color: var(--hop-Badge-primary-text-color);
397
397
  }
398
- .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=primary] {
398
+ .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=primary] {
399
399
  --background-color: var(--hop-Badge-primary-background-color-hovered);
400
400
  --text-color: var(--hop-Badge-primary-text-color-hovered);
401
401
  }
402
- .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=primary] {
402
+ .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=primary] {
403
403
  --background-color: var(--hop-Badge-primary-background-color-pressed);
404
404
  --text-color: var(--hop-Badge-primary-text-color-pressed);
405
405
  }
406
- .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=primary] {
406
+ .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=primary] {
407
407
  --background-color: var(--hop-Badge-primary-background-color-selected);
408
408
  --text-color: var(--hop-Badge-primary-text-color-selected);
409
409
  }
410
- .Badge-module__hop-Badge___RGKDc[data-variant=secondary] {
410
+ .Badge-module__hop-Badge___6H0U2[data-variant=secondary] {
411
411
  --background-color: var(--hop-Badge-secondary-background-color);
412
412
  --text-color: var(--hop-Badge-secondary-text-color);
413
413
  }
414
- .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=secondary] {
414
+ .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=secondary] {
415
415
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
416
416
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
417
417
  }
418
- .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=secondary] {
418
+ .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=secondary] {
419
419
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
420
420
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
421
421
  }
422
- .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=secondary] {
422
+ .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=secondary] {
423
423
  --background-color: var(--hop-Badge-secondary-background-color-selected);
424
424
  --text-color: var(--hop-Badge-secondary-text-color-selected);
425
425
  }
426
- .Badge-module__hop-Badge___RGKDc[data-variant=subdued] {
426
+ .Badge-module__hop-Badge___6H0U2[data-variant=subdued] {
427
427
  --background-color: var(--hop-Badge-subdued-background-color);
428
428
  --text-color: var(--hop-Badge-subdued-text-color);
429
429
  }
430
- .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=subdued] {
430
+ .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=subdued] {
431
431
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
432
432
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
433
433
  }
434
- .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=subdued] {
434
+ .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=subdued] {
435
435
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
436
436
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
437
437
  }
438
- .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=subdued] {
438
+ .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=subdued] {
439
439
  --background-color: var(--hop-Badge-subdued-background-color-selected);
440
440
  --text-color: var(--hop-Badge-subdued-text-color-selected);
441
441
  }
442
- .Badge-module__hop-Badge___RGKDc[data-indeterminate] {
442
+ .Badge-module__hop-Badge___6H0U2[data-indeterminate] {
443
443
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
444
444
  --height: var(--hop-Badge-indeterminate-height);
445
445
  --width: var(--hop-Badge-indeterminate-width);
446
446
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
447
447
  }
448
- .Badge-module__hop-Badge___RGKDc[data-disabled] {
448
+ .Badge-module__hop-Badge___6H0U2[data-disabled] {
449
449
  --background-color: var(--hop-Badge-background-color-disabled);
450
450
  --text-color: var(--hop-Badge-text-color-disabled);
451
451
  }
452
452
 
453
453
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
454
- .FloatingBadge-module__hop-FloatingBadge___g-Sla {
454
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3 {
455
455
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
456
456
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
457
457
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -492,7 +492,7 @@
492
492
  box-sizing: border-box;
493
493
  inline-size: max-content;
494
494
  }
495
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top right"] {
495
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top right"] {
496
496
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
497
497
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
498
498
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -500,11 +500,11 @@
500
500
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
501
501
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
502
502
  }
503
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top right"][data-overlap=circular] {
503
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top right"][data-overlap=circular] {
504
504
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
505
505
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
506
506
  }
507
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top left"] {
507
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top left"] {
508
508
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
509
509
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
510
510
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -512,11 +512,11 @@
512
512
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
513
513
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
514
514
  }
515
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top left"][data-overlap=circular] {
515
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top left"][data-overlap=circular] {
516
516
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
517
517
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
518
518
  }
519
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom right"] {
519
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom right"] {
520
520
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
521
521
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
522
522
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -524,11 +524,11 @@
524
524
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
525
525
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
526
526
  }
527
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom right"][data-overlap=circular] {
527
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom right"][data-overlap=circular] {
528
528
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
529
529
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
530
530
  }
531
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom left"] {
531
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom left"] {
532
532
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
533
533
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
534
534
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -536,11 +536,11 @@
536
536
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
537
537
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
538
538
  }
539
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom left"][data-overlap=circular] {
539
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom left"][data-overlap=circular] {
540
540
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
541
541
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
542
542
  }
543
- .FloatingBadge-module__hop-FloatingBadge__badge___Vl-eq {
543
+ .FloatingBadge-module__hop-FloatingBadge__badge___Zuv6z {
544
544
  position: absolute;
545
545
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
546
546
  transform-origin: var(--badge-transform-origin);
@@ -548,7 +548,7 @@
548
548
  }
549
549
 
550
550
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
551
- .IconList-module__hop-IconList___Q3MT- {
551
+ .IconList-module__hop-IconList___ttQfU {
552
552
  --hop-IconList-gap: var(--hop-space-inline-xs);
553
553
  display: flex;
554
554
  flex-wrap: wrap;
@@ -557,7 +557,7 @@
557
557
  }
558
558
 
559
559
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
560
- .Checkbox-module__hop-Checkbox___wCCR3 {
560
+ .Checkbox-module__hop-Checkbox___N1R82 {
561
561
  --hop-Checkbox-box-border-size: 0.0625rem;
562
562
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
563
563
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -632,60 +632,60 @@
632
632
  inline-size: max-content;
633
633
  max-inline-size: 100%;
634
634
  }
635
- .Checkbox-module__hop-Checkbox___wCCR3[data-focus-visible] {
635
+ .Checkbox-module__hop-Checkbox___N1R82[data-focus-visible] {
636
636
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
637
637
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
638
638
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
639
639
  --text-color: var(--hop-Checkbox-text-color-focused);
640
640
  --icon-color: var(--hop-Checkbox-icon-color-focused);
641
641
  }
642
- .Checkbox-module__hop-Checkbox___wCCR3[data-hovered] {
642
+ .Checkbox-module__hop-Checkbox___N1R82[data-hovered] {
643
643
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
644
644
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
645
645
  --text-color: var(--hop-Checkbox-text-color-hovered);
646
646
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
647
647
  }
648
- .Checkbox-module__hop-Checkbox___wCCR3[data-pressed] {
648
+ .Checkbox-module__hop-Checkbox___N1R82[data-pressed] {
649
649
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
650
650
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
651
651
  --text-color: var(--hop-Checkbox-text-color-pressed);
652
652
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
653
653
  }
654
- .Checkbox-module__hop-Checkbox___wCCR3[data-selected] {
654
+ .Checkbox-module__hop-Checkbox___N1R82[data-selected] {
655
655
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
656
656
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
657
657
  --check-display: var(--hop-Checkbox-check-display-selected);
658
658
  --text-color: var(--hop-Checkbox-text-color-selected);
659
659
  --icon-color: var(--hop-Checkbox-icon-color-selected);
660
660
  }
661
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid] {
661
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid] {
662
662
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
663
663
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
664
664
  --check-color: var(--hop-Checkbox-check-color-invalid);
665
665
  --text-color: var(--hop-Checkbox-text-color-invalid);
666
666
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
667
667
  }
668
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-focus-visible]) {
668
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-focus-visible]) {
669
669
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
670
670
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
671
671
  }
672
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-hovered]) {
672
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-hovered]) {
673
673
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
674
674
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
675
675
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
676
676
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
677
677
  }
678
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-pressed]) {
678
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-pressed]) {
679
679
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
680
680
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
681
681
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
682
682
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
683
683
  }
684
- .Checkbox-module__hop-Checkbox___wCCR3:where([data-invalid])[data-selected] {
684
+ .Checkbox-module__hop-Checkbox___N1R82:where([data-invalid])[data-selected] {
685
685
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
686
686
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
687
687
  }
688
- .Checkbox-module__hop-Checkbox___wCCR3[data-disabled] {
688
+ .Checkbox-module__hop-Checkbox___N1R82[data-disabled] {
689
689
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
690
690
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
691
691
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -693,25 +693,25 @@
693
693
  --text-color: var(--hop-Checkbox-text-color-disabled);
694
694
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
695
695
  }
696
- .Checkbox-module__hop-Checkbox--sm___d1GQZ {
696
+ .Checkbox-module__hop-Checkbox--sm___fyMAY {
697
697
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
698
698
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
699
699
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
700
700
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
701
701
  }
702
- .Checkbox-module__hop-Checkbox--md___FjgKo {
702
+ .Checkbox-module__hop-Checkbox--md___K8Wf4 {
703
703
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
704
704
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
705
705
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
706
706
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
707
707
  }
708
- .Checkbox-module__hop-Checkbox__icon___Yv3pS,
709
- .Checkbox-module__hop-Checkbox__icon-list___YsPWx {
708
+ .Checkbox-module__hop-Checkbox__icon___-2zc-,
709
+ .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
710
710
  flex: 0 0 auto;
711
711
  order: 3;
712
712
  color: var(--icon-color);
713
713
  }
714
- .Checkbox-module__hop-Checkbox__box___PoPW7 {
714
+ .Checkbox-module__hop-Checkbox__box___KQHTU {
715
715
  display: flex;
716
716
  flex: 0 0 auto;
717
717
  align-items: center;
@@ -727,11 +727,11 @@
727
727
  outline-offset: 0.125rem;
728
728
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
729
729
  }
730
- .Checkbox-module__hop-Checkbox__check___YUwMq {
730
+ .Checkbox-module__hop-Checkbox__check___kpRRX {
731
731
  display: var(--check-display);
732
732
  color: var(--check-color);
733
733
  }
734
- .Checkbox-module__hop-Checkbox__text___FLKuq {
734
+ .Checkbox-module__hop-Checkbox__text___lT5Jd {
735
735
  flex: 0 1 auto;
736
736
  order: 2;
737
737
  min-inline-size: 0;
@@ -741,7 +741,7 @@
741
741
  }
742
742
 
743
743
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
744
- .CheckboxField-module__hop-CheckboxField___vf1MO {
744
+ .CheckboxField-module__hop-CheckboxField___tjnl9 {
745
745
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
746
746
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
747
747
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -760,28 +760,28 @@
760
760
  inline-size: max-content;
761
761
  max-inline-size: 100%;
762
762
  }
763
- .CheckboxField-module__hop-CheckboxField___vf1MO[data-disabled] {
763
+ .CheckboxField-module__hop-CheckboxField___tjnl9[data-disabled] {
764
764
  --description-color: var(--hop-CheckboxField-description-color-disabled);
765
765
  }
766
- .CheckboxField-module__hop-CheckboxField--sm___g7W5A {
766
+ .CheckboxField-module__hop-CheckboxField--sm___mtiU4 {
767
767
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
768
768
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
769
769
  }
770
- .CheckboxField-module__hop-CheckboxField--md___4kKpo {
770
+ .CheckboxField-module__hop-CheckboxField--md___uCBiT {
771
771
  --row-gap: var(--hop-CheckboxField-md-row-gap);
772
772
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
773
773
  }
774
- .CheckboxField-module__hop-CheckboxField__description___nhfiF {
774
+ .CheckboxField-module__hop-CheckboxField__description___uxJ4N {
775
775
  order: 2;
776
776
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
777
777
  color: var(--description-color);
778
778
  }
779
- .CheckboxField-module__hop-CheckboxField__checkbox___6R77t {
779
+ .CheckboxField-module__hop-CheckboxField__checkbox___ytOgd {
780
780
  order: 1;
781
781
  }
782
782
 
783
783
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
784
- .ErrorMessage-module__hop-ErrorMessage___QVgo9 {
784
+ .ErrorMessage-module__hop-ErrorMessage___JHTa8 {
785
785
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
786
786
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
787
787
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -798,13 +798,13 @@
798
798
  line-height: var(--hop-ErrorMessage-line-height);
799
799
  color: var(--hop-ErrorMessage-color);
800
800
  }
801
- .ErrorMessage-module__hop-ErrorMessage__icon___kJa-q {
801
+ .ErrorMessage-module__hop-ErrorMessage__icon___aKgJ9 {
802
802
  flex: 0 0 auto;
803
803
  align-self: flex-start;
804
804
  }
805
805
 
806
806
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
807
- .HelperMessage-module__hop-HelperMessage___C9XRG {
807
+ .HelperMessage-module__hop-HelperMessage___aVOod {
808
808
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
809
809
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
810
810
  display: flex;
@@ -813,32 +813,32 @@
813
813
  box-sizing: border-box;
814
814
  color: var(--hop-HelperMessage-color);
815
815
  }
816
- .HelperMessage-module__hop-HelperMessage__icon___cgykX {
816
+ .HelperMessage-module__hop-HelperMessage__icon___ijRfm {
817
817
  flex: 0 0 auto;
818
818
  align-self: flex-start;
819
819
  }
820
820
 
821
821
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
822
- .Label-module__hop-Label___FQWXv {
822
+ .Label-module__hop-Label___I1lcR {
823
823
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
824
824
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
825
825
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
826
826
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
827
827
  --hop-Label-color: var(--hop-neutral-text-weak);
828
828
  }
829
- :where(.Label-module__hop-Label___FQWXv) {
829
+ :where(.Label-module__hop-Label___I1lcR) {
830
830
  font-family: var(--hop-Label-font-family);
831
831
  font-size: var(--hop-Label-font-size);
832
832
  font-weight: var(--hop-Label-font-weight);
833
833
  line-height: var(--hop-Label-line-height);
834
834
  color: var(--hop-Label-color);
835
835
  }
836
- :where(.Label-module__hop-Label__indicator___z-FtY) {
836
+ :where(.Label-module__hop-Label__indicator___bMR5H) {
837
837
  padding-inline-start: var(--hop-space-20);
838
838
  }
839
839
 
840
840
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
841
- .CheckboxGroup-module__hop-CheckboxGroup___izA5I {
841
+ .CheckboxGroup-module__hop-CheckboxGroup___A7CLi {
842
842
  --hop-CheckboxGroup-align-items: flex-start;
843
843
  --hop-CheckboxGroup-justify-content: flex-start;
844
844
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -877,46 +877,46 @@
877
877
  inline-size: max-content;
878
878
  max-inline-size: 100%;
879
879
  }
880
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr {
880
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE {
881
881
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
882
882
  --list-border-radius: var(--hop-shape-rounded-md);
883
883
  }
884
- .CheckboxGroup-module__hop-CheckboxGroup--sm___Ja9UA {
884
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG {
885
885
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
886
886
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
887
887
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
888
888
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
889
889
  }
890
- .CheckboxGroup-module__hop-CheckboxGroup--md___1e57F {
890
+ .CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2 {
891
891
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
892
892
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
893
893
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
894
894
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
895
895
  }
896
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr.CheckboxGroup-module__hop-CheckboxGroup--sm___Ja9UA {
896
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE.CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG {
897
897
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
898
898
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
899
899
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
900
900
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
901
901
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
902
902
  }
903
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr.CheckboxGroup-module__hop-CheckboxGroup--md___1e57F {
903
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE.CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2 {
904
904
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
905
905
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
906
906
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
907
907
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
908
908
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
909
909
  }
910
- .CheckboxGroup-module__hop-CheckboxGroup___izA5I[data-orientation=horizontal] {
910
+ .CheckboxGroup-module__hop-CheckboxGroup___A7CLi[data-orientation=horizontal] {
911
911
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
912
912
  }
913
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr[data-orientation=horizontal] {
913
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE[data-orientation=horizontal] {
914
914
  --flex-wrap: nowrap;
915
915
  }
916
- .CheckboxGroup-module__hop-CheckboxGroup___izA5I > .CheckboxGroup-module__hop-CheckboxGroup__label___Ytl-9 {
916
+ .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__label___HydnG {
917
917
  order: 1;
918
918
  }
919
- .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI {
919
+ .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI {
920
920
  display: flex;
921
921
  flex-flow: var(--flex-direction) var(--flex-wrap);
922
922
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -927,7 +927,7 @@
927
927
  border: var(--list-border, none);
928
928
  border-radius: var(--list-border-radius, 0);
929
929
  }
930
- .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY {
930
+ .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE {
931
931
  position: relative;
932
932
  flex: 0 1 auto;
933
933
  align-content: start;
@@ -935,28 +935,28 @@
935
935
  min-inline-size: 0;
936
936
  padding: var(--checkbox-padding, 0);
937
937
  }
938
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY::before {
938
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::before {
939
939
  content: "";
940
940
  position: absolute;
941
941
  display: block;
942
942
  }
943
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY::before {
943
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::before {
944
944
  inset-block-start: 0;
945
945
  inset-inline: 0;
946
946
  border-block-start: var(--list-border, none);
947
947
  }
948
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY::before {
948
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::before {
949
949
  inset-block: 0;
950
950
  inset-inline-start: 0;
951
951
  border-inline-start: var(--list-border, none);
952
952
  }
953
- .CheckboxGroup-module__hop-CheckboxGroup___izA5I > .CheckboxGroup-module__hop-CheckboxGroup__error-message___gWeGt,
954
- .CheckboxGroup-module__hop-CheckboxGroup___izA5I > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___10PiB {
953
+ .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__error-message___CfroT,
954
+ .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___3r4Gx {
955
955
  order: 3;
956
956
  }
957
957
 
958
958
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
959
- .Checkbox-module__hop-Checkbox___wCCR3 {
959
+ .Checkbox-module__hop-Checkbox___N1R82 {
960
960
  --hop-Checkbox-box-border-size: 0.0625rem;
961
961
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
962
962
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1031,60 +1031,60 @@
1031
1031
  inline-size: max-content;
1032
1032
  max-inline-size: 100%;
1033
1033
  }
1034
- .Checkbox-module__hop-Checkbox___wCCR3[data-focus-visible] {
1034
+ .Checkbox-module__hop-Checkbox___N1R82[data-focus-visible] {
1035
1035
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1036
1036
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1037
1037
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1038
1038
  --text-color: var(--hop-Checkbox-text-color-focused);
1039
1039
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1040
1040
  }
1041
- .Checkbox-module__hop-Checkbox___wCCR3[data-hovered] {
1041
+ .Checkbox-module__hop-Checkbox___N1R82[data-hovered] {
1042
1042
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1043
1043
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1044
1044
  --text-color: var(--hop-Checkbox-text-color-hovered);
1045
1045
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1046
1046
  }
1047
- .Checkbox-module__hop-Checkbox___wCCR3[data-pressed] {
1047
+ .Checkbox-module__hop-Checkbox___N1R82[data-pressed] {
1048
1048
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1049
1049
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1050
1050
  --text-color: var(--hop-Checkbox-text-color-pressed);
1051
1051
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1052
1052
  }
1053
- .Checkbox-module__hop-Checkbox___wCCR3[data-selected] {
1053
+ .Checkbox-module__hop-Checkbox___N1R82[data-selected] {
1054
1054
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1055
1055
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1056
1056
  --check-display: var(--hop-Checkbox-check-display-selected);
1057
1057
  --text-color: var(--hop-Checkbox-text-color-selected);
1058
1058
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1059
1059
  }
1060
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid] {
1060
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid] {
1061
1061
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1062
1062
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1063
1063
  --check-color: var(--hop-Checkbox-check-color-invalid);
1064
1064
  --text-color: var(--hop-Checkbox-text-color-invalid);
1065
1065
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1066
1066
  }
1067
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-focus-visible]) {
1067
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-focus-visible]) {
1068
1068
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1069
1069
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1070
1070
  }
1071
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-hovered]) {
1071
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-hovered]) {
1072
1072
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1073
1073
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1074
1074
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1075
1075
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1076
1076
  }
1077
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-pressed]) {
1077
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-pressed]) {
1078
1078
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1079
1079
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1080
1080
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1081
1081
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1082
1082
  }
1083
- .Checkbox-module__hop-Checkbox___wCCR3:where([data-invalid])[data-selected] {
1083
+ .Checkbox-module__hop-Checkbox___N1R82:where([data-invalid])[data-selected] {
1084
1084
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1085
1085
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1086
1086
  }
1087
- .Checkbox-module__hop-Checkbox___wCCR3[data-disabled] {
1087
+ .Checkbox-module__hop-Checkbox___N1R82[data-disabled] {
1088
1088
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1089
1089
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1090
1090
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1092,25 +1092,25 @@
1092
1092
  --text-color: var(--hop-Checkbox-text-color-disabled);
1093
1093
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1094
1094
  }
1095
- .Checkbox-module__hop-Checkbox--sm___d1GQZ {
1095
+ .Checkbox-module__hop-Checkbox--sm___fyMAY {
1096
1096
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1097
1097
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1098
1098
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1099
1099
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1100
1100
  }
1101
- .Checkbox-module__hop-Checkbox--md___FjgKo {
1101
+ .Checkbox-module__hop-Checkbox--md___K8Wf4 {
1102
1102
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1103
1103
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1104
1104
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1105
1105
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1106
1106
  }
1107
- .Checkbox-module__hop-Checkbox__icon___Yv3pS,
1108
- .Checkbox-module__hop-Checkbox__icon-list___YsPWx {
1107
+ .Checkbox-module__hop-Checkbox__icon___-2zc-,
1108
+ .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
1109
1109
  flex: 0 0 auto;
1110
1110
  order: 3;
1111
1111
  color: var(--icon-color);
1112
1112
  }
1113
- .Checkbox-module__hop-Checkbox__box___PoPW7 {
1113
+ .Checkbox-module__hop-Checkbox__box___KQHTU {
1114
1114
  display: flex;
1115
1115
  flex: 0 0 auto;
1116
1116
  align-items: center;
@@ -1126,11 +1126,11 @@
1126
1126
  outline-offset: 0.125rem;
1127
1127
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1128
1128
  }
1129
- .Checkbox-module__hop-Checkbox__check___YUwMq {
1129
+ .Checkbox-module__hop-Checkbox__check___kpRRX {
1130
1130
  display: var(--check-display);
1131
1131
  color: var(--check-color);
1132
1132
  }
1133
- .Checkbox-module__hop-Checkbox__text___FLKuq {
1133
+ .Checkbox-module__hop-Checkbox__text___lT5Jd {
1134
1134
  flex: 0 1 auto;
1135
1135
  order: 2;
1136
1136
  min-inline-size: 0;
@@ -1138,24 +1138,24 @@
1138
1138
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1139
1139
  color: var(--text-color);
1140
1140
  }
1141
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___q0SHV {
1141
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___lRQTM {
1142
1142
  }
1143
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___e-SXm {
1143
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___dkdhx {
1144
1144
  }
1145
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___BazG1 {
1145
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___E8aCr {
1146
1146
  }
1147
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___j0mxa,
1148
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___p5qQy {
1147
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___r2Af7,
1148
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___aE0N0 {
1149
1149
  }
1150
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Lq5Di {
1150
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___H1ERN {
1151
1151
  }
1152
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___JwJtd {
1152
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uTYXx {
1153
1153
  }
1154
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___N0rdG {
1154
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___RAk7V {
1155
1155
  }
1156
1156
 
1157
1157
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1158
- .Radio-module__hop-Radio___3GVjM {
1158
+ .Radio-module__hop-Radio___W1Vdc {
1159
1159
  --hop-Radio-box-border-size: 0.0625rem;
1160
1160
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1161
1161
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1229,60 +1229,60 @@
1229
1229
  inline-size: max-content;
1230
1230
  max-inline-size: 100%;
1231
1231
  }
1232
- .Radio-module__hop-Radio___3GVjM[data-focus-visible] {
1232
+ .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
1233
1233
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1234
1234
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1235
1235
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1236
1236
  --text-color: var(--hop-Radio-text-color-focused);
1237
1237
  --icon-color: var(--hop-Radio-icon-color-focused);
1238
1238
  }
1239
- .Radio-module__hop-Radio___3GVjM[data-hovered] {
1239
+ .Radio-module__hop-Radio___W1Vdc[data-hovered] {
1240
1240
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1241
1241
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1242
1242
  --text-color: var(--hop-Radio-text-color-hovered);
1243
1243
  --icon-color: var(--hop-Radio-icon-color-hovered);
1244
1244
  }
1245
- .Radio-module__hop-Radio___3GVjM[data-pressed] {
1245
+ .Radio-module__hop-Radio___W1Vdc[data-pressed] {
1246
1246
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1247
1247
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1248
1248
  --text-color: var(--hop-Radio-text-color-pressed);
1249
1249
  --icon-color: var(--hop-Radio-icon-color-pressed);
1250
1250
  }
1251
- .Radio-module__hop-Radio___3GVjM[data-selected] {
1251
+ .Radio-module__hop-Radio___W1Vdc[data-selected] {
1252
1252
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1253
1253
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1254
1254
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1255
1255
  --text-color: var(--hop-Radio-text-color-selected);
1256
1256
  --icon-color: var(--hop-Radio-icon-color-selected);
1257
1257
  }
1258
- .Radio-module__hop-Radio___3GVjM[data-invalid] {
1258
+ .Radio-module__hop-Radio___W1Vdc[data-invalid] {
1259
1259
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1260
1260
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1261
1261
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1262
1262
  --text-color: var(--hop-Radio-text-color-invalid);
1263
1263
  --icon-color: var(--hop-Radio-icon-color-invalid);
1264
1264
  }
1265
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-focus-visible] {
1265
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
1266
1266
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1267
1267
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1268
1268
  }
1269
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-hovered] {
1269
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
1270
1270
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1271
1271
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1272
1272
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1273
1273
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1274
1274
  }
1275
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-pressed] {
1275
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
1276
1276
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1277
1277
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1278
1278
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1279
1279
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1280
1280
  }
1281
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-selected] {
1281
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
1282
1282
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1283
1283
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1284
1284
  }
1285
- .Radio-module__hop-Radio___3GVjM[data-disabled] {
1285
+ .Radio-module__hop-Radio___W1Vdc[data-disabled] {
1286
1286
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1287
1287
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1288
1288
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1290,25 +1290,25 @@
1290
1290
  --text-color: var(--hop-Radio-text-color-disabled);
1291
1291
  --icon-color: var(--hop-Radio-icon-color-disabled);
1292
1292
  }
1293
- .Radio-module__hop-Radio--sm___qIsKs {
1293
+ .Radio-module__hop-Radio--sm___NYymj {
1294
1294
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1295
1295
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1296
1296
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1297
1297
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1298
1298
  }
1299
- .Radio-module__hop-Radio--md___Eszb9 {
1299
+ .Radio-module__hop-Radio--md___CQv8r {
1300
1300
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1301
1301
  --box-block-size: var(--hop-Radio-box-md-block-size);
1302
1302
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1303
1303
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1304
1304
  }
1305
- .Radio-module__hop-Radio__icon___ChXsk,
1306
- .Radio-module__hop-Radio__icon-list___Xk7yf {
1305
+ .Radio-module__hop-Radio__icon___W3Yrf,
1306
+ .Radio-module__hop-Radio__icon-list___Ky-BO {
1307
1307
  flex: 0 0 auto;
1308
1308
  order: 3;
1309
1309
  color: var(--icon-color);
1310
1310
  }
1311
- .Radio-module__hop-Radio__box___wgOZS {
1311
+ .Radio-module__hop-Radio__box___T-9Zw {
1312
1312
  display: flex;
1313
1313
  flex: 0 0 auto;
1314
1314
  align-items: center;
@@ -1324,11 +1324,11 @@
1324
1324
  outline-offset: 0.125rem;
1325
1325
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1326
1326
  }
1327
- .Radio-module__hop-Radio__bullet___f0qvY {
1327
+ .Radio-module__hop-Radio__bullet___aikpb {
1328
1328
  display: var(--bullet-display);
1329
1329
  color: var(--bullet-color);
1330
1330
  }
1331
- .Radio-module__hop-Radio__text___2EXJv {
1331
+ .Radio-module__hop-Radio__text___gfkdz {
1332
1332
  flex: 0 1 auto;
1333
1333
  order: 2;
1334
1334
  min-inline-size: 0;
@@ -1338,7 +1338,7 @@
1338
1338
  }
1339
1339
 
1340
1340
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1341
- .RadioField-module__hop-RadioField___-vwTZ {
1341
+ .RadioField-module__hop-RadioField___1-HVZ {
1342
1342
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1343
1343
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1344
1344
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1357,28 +1357,28 @@
1357
1357
  inline-size: max-content;
1358
1358
  max-inline-size: 100%;
1359
1359
  }
1360
- .RadioField-module__hop-RadioField___-vwTZ[data-disabled] {
1360
+ .RadioField-module__hop-RadioField___1-HVZ[data-disabled] {
1361
1361
  --description-color: var(--hop-RadioField-description-color-disabled);
1362
1362
  }
1363
- .RadioField-module__hop-RadioField--sm___7Rhoi {
1363
+ .RadioField-module__hop-RadioField--sm___QmRzg {
1364
1364
  --row-gap: var(--hop-RadioField-sm-row-gap);
1365
1365
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1366
1366
  }
1367
- .RadioField-module__hop-RadioField--md___VY2am {
1367
+ .RadioField-module__hop-RadioField--md___In1AA {
1368
1368
  --row-gap: var(--hop-RadioField-md-row-gap);
1369
1369
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1370
1370
  }
1371
- .RadioField-module__hop-RadioField__description___E7zdg {
1371
+ .RadioField-module__hop-RadioField__description___o5cEe {
1372
1372
  order: 2;
1373
1373
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1374
1374
  color: var(--description-color);
1375
1375
  }
1376
- .RadioField-module__hop-RadioField__radio___B-ZON {
1376
+ .RadioField-module__hop-RadioField__radio___JOWVQ {
1377
1377
  order: 1;
1378
1378
  }
1379
1379
 
1380
1380
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1381
- .RadioGroup-module__hop-RadioGroup___MiSJ7 {
1381
+ .RadioGroup-module__hop-RadioGroup___GcXvJ {
1382
1382
  --hop-RadioGroup-align-items: flex-start;
1383
1383
  --hop-RadioGroup-justify-content: flex-start;
1384
1384
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1418,46 +1418,46 @@
1418
1418
  inline-size: var(--inline-size);
1419
1419
  max-inline-size: 100%;
1420
1420
  }
1421
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql {
1421
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 {
1422
1422
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1423
1423
  --list-border-radius: var(--hop-shape-rounded-md);
1424
1424
  }
1425
- .RadioGroup-module__hop-RadioGroup--sm___IrP-E {
1425
+ .RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
1426
1426
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1427
1427
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1428
1428
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1429
1429
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1430
1430
  }
1431
- .RadioGroup-module__hop-RadioGroup--md___FFXm3 {
1431
+ .RadioGroup-module__hop-RadioGroup--md___EEp-b {
1432
1432
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1433
1433
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1434
1434
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1435
1435
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1436
1436
  }
1437
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql.RadioGroup-module__hop-RadioGroup--sm___IrP-E {
1437
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
1438
1438
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1439
1439
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1440
1440
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1441
1441
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1442
1442
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1443
1443
  }
1444
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql.RadioGroup-module__hop-RadioGroup--md___FFXm3 {
1444
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--md___EEp-b {
1445
1445
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1446
1446
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1447
1447
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1448
1448
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1449
1449
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1450
1450
  }
1451
- .RadioGroup-module__hop-RadioGroup___MiSJ7[data-orientation=horizontal] {
1451
+ .RadioGroup-module__hop-RadioGroup___GcXvJ[data-orientation=horizontal] {
1452
1452
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1453
1453
  }
1454
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql[data-orientation=horizontal] {
1454
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] {
1455
1455
  --flex-wrap: nowrap;
1456
1456
  }
1457
- .RadioGroup-module__hop-RadioGroup___MiSJ7 > .RadioGroup-module__hop-RadioGroup__label___sryAv {
1457
+ .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__label___pSv85 {
1458
1458
  order: 1;
1459
1459
  }
1460
- .RadioGroup-module__hop-RadioGroup__list___U5NgA {
1460
+ .RadioGroup-module__hop-RadioGroup__list___I6ByC {
1461
1461
  display: flex;
1462
1462
  flex-flow: var(--flex-direction) var(--flex-wrap);
1463
1463
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1468,7 +1468,7 @@
1468
1468
  border: var(--list-border, none);
1469
1469
  border-radius: var(--list-border-radius, 0);
1470
1470
  }
1471
- .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn {
1471
+ .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 {
1472
1472
  position: relative;
1473
1473
  flex: 0 1 auto;
1474
1474
  align-content: start;
@@ -1476,28 +1476,28 @@
1476
1476
  min-inline-size: 0;
1477
1477
  padding: var(--radio-padding, 0);
1478
1478
  }
1479
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn ~ .RadioGroup-module__hop-RadioGroup__radio___T2EAn::before {
1479
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
1480
1480
  content: "";
1481
1481
  position: absolute;
1482
1482
  display: block;
1483
1483
  }
1484
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn ~ .RadioGroup-module__hop-RadioGroup__radio___T2EAn::before {
1484
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
1485
1485
  inset-block-start: 0;
1486
1486
  inset-inline: 0;
1487
1487
  border-block-start: var(--list-border, none);
1488
1488
  }
1489
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn ~ .RadioGroup-module__hop-RadioGroup__radio___T2EAn::before {
1489
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
1490
1490
  inset-block: 0;
1491
1491
  inset-inline-start: 0;
1492
1492
  border-inline-start: var(--list-border, none);
1493
1493
  }
1494
- .RadioGroup-module__hop-RadioGroup___MiSJ7 > .RadioGroup-module__hop-RadioGroup__error-message___-vNmu,
1495
- .RadioGroup-module__hop-RadioGroup___MiSJ7 > .RadioGroup-module__hop-RadioGroup__helper-message___ykY3T {
1494
+ .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__error-message___uVmCG,
1495
+ .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__helper-message___uTAJG {
1496
1496
  order: 3;
1497
1497
  }
1498
1498
 
1499
1499
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1500
- .Radio-module__hop-Radio___3GVjM {
1500
+ .Radio-module__hop-Radio___W1Vdc {
1501
1501
  --hop-Radio-box-border-size: 0.0625rem;
1502
1502
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1503
1503
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1571,60 +1571,60 @@
1571
1571
  inline-size: max-content;
1572
1572
  max-inline-size: 100%;
1573
1573
  }
1574
- .Radio-module__hop-Radio___3GVjM[data-focus-visible] {
1574
+ .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
1575
1575
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1576
1576
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1577
1577
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1578
1578
  --text-color: var(--hop-Radio-text-color-focused);
1579
1579
  --icon-color: var(--hop-Radio-icon-color-focused);
1580
1580
  }
1581
- .Radio-module__hop-Radio___3GVjM[data-hovered] {
1581
+ .Radio-module__hop-Radio___W1Vdc[data-hovered] {
1582
1582
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1583
1583
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1584
1584
  --text-color: var(--hop-Radio-text-color-hovered);
1585
1585
  --icon-color: var(--hop-Radio-icon-color-hovered);
1586
1586
  }
1587
- .Radio-module__hop-Radio___3GVjM[data-pressed] {
1587
+ .Radio-module__hop-Radio___W1Vdc[data-pressed] {
1588
1588
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1589
1589
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1590
1590
  --text-color: var(--hop-Radio-text-color-pressed);
1591
1591
  --icon-color: var(--hop-Radio-icon-color-pressed);
1592
1592
  }
1593
- .Radio-module__hop-Radio___3GVjM[data-selected] {
1593
+ .Radio-module__hop-Radio___W1Vdc[data-selected] {
1594
1594
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1595
1595
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1596
1596
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1597
1597
  --text-color: var(--hop-Radio-text-color-selected);
1598
1598
  --icon-color: var(--hop-Radio-icon-color-selected);
1599
1599
  }
1600
- .Radio-module__hop-Radio___3GVjM[data-invalid] {
1600
+ .Radio-module__hop-Radio___W1Vdc[data-invalid] {
1601
1601
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1602
1602
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1603
1603
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1604
1604
  --text-color: var(--hop-Radio-text-color-invalid);
1605
1605
  --icon-color: var(--hop-Radio-icon-color-invalid);
1606
1606
  }
1607
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-focus-visible] {
1607
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
1608
1608
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1609
1609
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1610
1610
  }
1611
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-hovered] {
1611
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
1612
1612
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1613
1613
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1614
1614
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1615
1615
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1616
1616
  }
1617
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-pressed] {
1617
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
1618
1618
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1619
1619
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1620
1620
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1621
1621
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1622
1622
  }
1623
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-selected] {
1623
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
1624
1624
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1625
1625
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1626
1626
  }
1627
- .Radio-module__hop-Radio___3GVjM[data-disabled] {
1627
+ .Radio-module__hop-Radio___W1Vdc[data-disabled] {
1628
1628
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1629
1629
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1630
1630
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1632,25 +1632,25 @@
1632
1632
  --text-color: var(--hop-Radio-text-color-disabled);
1633
1633
  --icon-color: var(--hop-Radio-icon-color-disabled);
1634
1634
  }
1635
- .Radio-module__hop-Radio--sm___qIsKs {
1635
+ .Radio-module__hop-Radio--sm___NYymj {
1636
1636
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1637
1637
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1638
1638
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1639
1639
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1640
1640
  }
1641
- .Radio-module__hop-Radio--md___Eszb9 {
1641
+ .Radio-module__hop-Radio--md___CQv8r {
1642
1642
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1643
1643
  --box-block-size: var(--hop-Radio-box-md-block-size);
1644
1644
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1645
1645
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1646
1646
  }
1647
- .Radio-module__hop-Radio__icon___ChXsk,
1648
- .Radio-module__hop-Radio__icon-list___Xk7yf {
1647
+ .Radio-module__hop-Radio__icon___W3Yrf,
1648
+ .Radio-module__hop-Radio__icon-list___Ky-BO {
1649
1649
  flex: 0 0 auto;
1650
1650
  order: 3;
1651
1651
  color: var(--icon-color);
1652
1652
  }
1653
- .Radio-module__hop-Radio__box___wgOZS {
1653
+ .Radio-module__hop-Radio__box___T-9Zw {
1654
1654
  display: flex;
1655
1655
  flex: 0 0 auto;
1656
1656
  align-items: center;
@@ -1666,11 +1666,11 @@
1666
1666
  outline-offset: 0.125rem;
1667
1667
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1668
1668
  }
1669
- .Radio-module__hop-Radio__bullet___f0qvY {
1669
+ .Radio-module__hop-Radio__bullet___aikpb {
1670
1670
  display: var(--bullet-display);
1671
1671
  color: var(--bullet-color);
1672
1672
  }
1673
- .Radio-module__hop-Radio__text___2EXJv {
1673
+ .Radio-module__hop-Radio__text___gfkdz {
1674
1674
  flex: 0 1 auto;
1675
1675
  order: 2;
1676
1676
  min-inline-size: 0;
@@ -1678,24 +1678,24 @@
1678
1678
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1679
1679
  color: var(--text-color);
1680
1680
  }
1681
- .DecorativeRadio-module__hop-DecorativeRadio___oRMfZ {
1681
+ .DecorativeRadio-module__hop-DecorativeRadio___rEyYa {
1682
1682
  }
1683
- .DecorativeRadio-module__hop-DecorativeRadio--sm___AQchJ {
1683
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___c4DTm {
1684
1684
  }
1685
- .DecorativeRadio-module__hop-DecorativeRadio--md___DMoEl {
1685
+ .DecorativeRadio-module__hop-DecorativeRadio--md___4FKuP {
1686
1686
  }
1687
- .DecorativeRadio-module__hop-DecorativeRadio__icon___VUXMo,
1688
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___uTmFK {
1687
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___A0Dsb,
1688
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___fJ9KP {
1689
1689
  }
1690
- .DecorativeRadio-module__hop-DecorativeRadio__box___F6dfP {
1690
+ .DecorativeRadio-module__hop-DecorativeRadio__box___e68gp {
1691
1691
  }
1692
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___-Mc90 {
1692
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___WU567 {
1693
1693
  }
1694
- .DecorativeRadio-module__hop-DecorativeRadio__text___-241H {
1694
+ .DecorativeRadio-module__hop-DecorativeRadio__text___5m-W5 {
1695
1695
  }
1696
1696
 
1697
1697
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1698
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___zgPHG {
1698
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___x-eOh {
1699
1699
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1700
1700
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1701
1701
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1721,7 +1721,7 @@
1721
1721
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1722
1722
  background-size: 400% 100%;
1723
1723
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1724
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___gcDLf;
1724
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4;
1725
1725
  animation-duration: var(--animation-duration);
1726
1726
  animation-timing-function: ease-in-out;
1727
1727
  animation-fill-mode: forwards;
@@ -1730,19 +1730,19 @@
1730
1730
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1731
1731
  }
1732
1732
  }
1733
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___nMqoM {
1733
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___0GrS5 {
1734
1734
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1735
1735
  }
1736
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___rSb-I {
1736
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___1E4s5 {
1737
1737
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1738
1738
  }
1739
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___tlBUR {
1739
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___JXT-p {
1740
1740
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1741
1741
  }
1742
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___c8Y4L {
1742
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___671cG {
1743
1743
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1744
1744
  }
1745
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___gcDLf {
1745
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4 {
1746
1746
  0% {
1747
1747
  background-position: 125% 50%;
1748
1748
  }
@@ -1752,7 +1752,7 @@
1752
1752
  }
1753
1753
 
1754
1754
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1755
- .ListBoxItem-module__hop-ListBoxItem___JwnhO {
1755
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ {
1756
1756
  --hop-ListBoxItem-background-color: transparent;
1757
1757
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1758
1758
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1849,129 +1849,129 @@
1849
1849
  outline: var(--outline);
1850
1850
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1851
1851
  }
1852
- .ListBoxItem-module__hop-ListBoxItem--xs___zl90j {
1852
+ .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS {
1853
1853
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1854
1854
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1855
1855
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1856
1856
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1857
1857
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1858
1858
  }
1859
- .ListBoxItem-module__hop-ListBoxItem--sm___liBj0 {
1859
+ .ListBoxItem-module__hop-ListBoxItem--sm___quqA7 {
1860
1860
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1861
1861
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1862
1862
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1863
1863
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1864
1864
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1865
1865
  }
1866
- .ListBoxItem-module__hop-ListBoxItem--md___JobkU {
1866
+ .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z {
1867
1867
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1868
1868
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1869
1869
  --min-height: var(--hop-ListBoxItem-md-min-height);
1870
1870
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1871
1871
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1872
1872
  }
1873
- .ListBoxItem-module__hop-ListBoxItem--lg___x6zNi {
1873
+ .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb {
1874
1874
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1875
1875
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1876
1876
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1877
1877
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1878
1878
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1879
1879
  }
1880
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-selection-mode] {
1880
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selection-mode] {
1881
1881
  --cursor: pointer;
1882
1882
  }
1883
- .ListBoxItem-module__hop-ListBoxItem___JwnhO:not([data-selection-mode]) {
1883
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ:not([data-selection-mode]) {
1884
1884
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1885
1885
  }
1886
- .ListBoxItem-module__hop-ListBoxItem__inner___Y-OfJ:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4r7bo) {
1886
+ .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
1887
1887
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1888
1888
  }
1889
- .ListBoxItem-module__hop-ListBoxItem__inner___Y-OfJ[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4r7bo) {
1889
+ .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
1890
1890
  --checkmark-transition: none;
1891
1891
  }
1892
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-selected] {
1892
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selected] {
1893
1893
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1894
1894
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1895
1895
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1896
1896
  --checkmark-opacity: 1;
1897
1897
  }
1898
- .ListBoxItem-module__hop-ListBoxItem--xs___zl90j[data-selected] {
1898
+ .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS[data-selected] {
1899
1899
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1900
1900
  }
1901
- .ListBoxItem-module__hop-ListBoxItem--sm___liBj0[data-selected] {
1901
+ .ListBoxItem-module__hop-ListBoxItem--sm___quqA7[data-selected] {
1902
1902
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1903
1903
  }
1904
- .ListBoxItem-module__hop-ListBoxItem--md___JobkU[data-selected] {
1904
+ .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z[data-selected] {
1905
1905
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1906
1906
  }
1907
- .ListBoxItem-module__hop-ListBoxItem--lg___x6zNi[data-selected] {
1907
+ .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb[data-selected] {
1908
1908
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1909
1909
  }
1910
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-focus-visible] {
1910
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-focus-visible] {
1911
1911
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1912
1912
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1913
1913
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1914
1914
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1915
1915
  }
1916
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-hovered] {
1916
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-hovered] {
1917
1917
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1918
1918
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1919
1919
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1920
1920
  }
1921
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-pressed] {
1921
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-pressed] {
1922
1922
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1923
1923
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1924
1924
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1925
1925
  }
1926
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-disabled] {
1926
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-disabled] {
1927
1927
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1928
1928
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1929
1929
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1930
1930
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1931
1931
  --cursor: not-allowed;
1932
1932
  }
1933
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid] {
1933
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid] {
1934
1934
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1935
1935
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1936
1936
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1937
1937
  }
1938
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-selected] {
1938
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-selected] {
1939
1939
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1940
1940
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1941
1941
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1942
1942
  }
1943
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-focus-visible] {
1943
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-focus-visible] {
1944
1944
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1945
1945
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1946
1946
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1947
1947
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1948
1948
  }
1949
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-hovered] {
1949
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-hovered] {
1950
1950
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1951
1951
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1952
1952
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1953
1953
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1954
1954
  }
1955
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-pressed] {
1955
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-pressed] {
1956
1956
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1957
1957
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1958
1958
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1959
1959
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1960
1960
  }
1961
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-disabled] {
1961
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-disabled] {
1962
1962
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1963
1963
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1964
1964
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1965
1965
  }
1966
- .ListBoxItem-module__hop-ListBoxItem___JwnhO:has(.ListBoxItem-module__hop-ListBoxItem__description___f6ZNM) {
1966
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ:has(.ListBoxItem-module__hop-ListBoxItem__description___oX2hJ) {
1967
1967
  --row-gap: var(--hop-ListBoxItem-row-gap);
1968
1968
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1969
1969
  }
1970
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-loading] {
1970
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-loading] {
1971
1971
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1972
1972
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1973
1973
  }
1974
- .ListBoxItem-module__hop-ListBoxItem__inner___Y-OfJ {
1974
+ .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw {
1975
1975
  display: grid;
1976
1976
  grid-template-areas: var(--grid-template-areas);
1977
1977
  grid-template-columns: var(--grid-template-columns);
@@ -1983,33 +1983,33 @@
1983
1983
  padding-inline: var(--padding-inline);
1984
1984
  transition: grid-template-columns .3s ease-in-out;
1985
1985
  }
1986
- .ListBoxItem-module__hop-ListBoxItem__checkmark___4r7bo {
1986
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms {
1987
1987
  grid-area: indicator;
1988
1988
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1989
1989
  color: var(--icon-color);
1990
1990
  opacity: var(--checkmark-opacity);
1991
1991
  transition: var(--checkmark-transition);
1992
1992
  }
1993
- .ListBoxItem-module__hop-ListBoxItem__radio___GvYtf,
1994
- .ListBoxItem-module__hop-ListBoxItem__checkbox___JoH8e {
1993
+ .ListBoxItem-module__hop-ListBoxItem__radio___-E4Qp,
1994
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___gDZAy {
1995
1995
  pointer-events: none;
1996
1996
  user-select: none;
1997
1997
  grid-area: indicator;
1998
1998
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1999
1999
  }
2000
- .ListBoxItem-module__hop-ListBoxItem__avatar___foPUm {
2000
+ .ListBoxItem-module__hop-ListBoxItem__avatar___ENL9t {
2001
2001
  grid-area: avatar;
2002
2002
  margin-block: var(--avatar-margin-block, 0);
2003
2003
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2004
2004
  }
2005
- .ListBoxItem-module__hop-ListBoxItem__icon-list___6z82m,
2006
- .ListBoxItem-module__hop-ListBoxItem__icon___s4qb0 {
2005
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___qp7p9,
2006
+ .ListBoxItem-module__hop-ListBoxItem__icon___uvHkz {
2007
2007
  grid-area: icon;
2008
2008
  flex: 0 0 auto;
2009
2009
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2010
2010
  color: var(--icon-color);
2011
2011
  }
2012
- .ListBoxItem-module__hop-ListBoxItem__label___M2Rln {
2012
+ .ListBoxItem-module__hop-ListBoxItem__label___RjMsK {
2013
2013
  overflow: hidden;
2014
2014
  grid-area: label;
2015
2015
  min-inline-size: 0;
@@ -2017,18 +2017,18 @@
2017
2017
  text-overflow: ellipsis;
2018
2018
  white-space: nowrap;
2019
2019
  }
2020
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___9bQl5,
2021
- .ListBoxItem-module__hop-ListBoxItem__end-icon___JsRz0 {
2020
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___guJ4T,
2021
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___wqMna {
2022
2022
  grid-area: end-icon;
2023
2023
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2024
2024
  color: var(--icon-color);
2025
2025
  }
2026
- .ListBoxItem-module__hop-ListBoxItem__badge___UFdM9 {
2026
+ .ListBoxItem-module__hop-ListBoxItem__badge___kKsUG {
2027
2027
  grid-area: badge;
2028
2028
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2029
2029
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2030
2030
  }
2031
- .ListBoxItem-module__hop-ListBoxItem__description___f6ZNM {
2031
+ .ListBoxItem-module__hop-ListBoxItem__description___oX2hJ {
2032
2032
  overflow: hidden;
2033
2033
  display: -webkit-box;
2034
2034
  grid-area: description;
@@ -2039,7 +2039,7 @@
2039
2039
  }
2040
2040
 
2041
2041
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2042
- .ListBox-module__hop-ListBox___e4j-o {
2042
+ .ListBox-module__hop-ListBox___eUpnT {
2043
2043
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2044
2044
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2045
2045
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2067,8 +2067,6 @@
2067
2067
  --hop-ListBox-section-header-padding: var(--hop-space-inset-stretch-sm);
2068
2068
  --hop-ListBox-section-header-top-offset: var(--hop-overline-top-offset);
2069
2069
  --hop-ListBox-section-header-bottom-offset: var(--hop-overline-bottom-offset);
2070
- --hop-ListBox-divider-margin-block: var(--hop-space-stack-sm);
2071
- --hop-ListBox-divider-margin-inline: calc(-1 * var(--hop-ListBox-padding-inline));
2072
2070
  --max-width: var(--hop-ListBox-max-width);
2073
2071
  --width: var(--hop-ListBox-width);
2074
2072
  --section-padding-block-start: var(--hop-ListBox-section-padding-block);
@@ -2088,11 +2086,11 @@
2088
2086
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2089
2087
  border-radius: var(--hop-ListBox-border-radius);
2090
2088
  }
2091
- .ListBox-module__hop-ListBox--fluid___GMtww {
2089
+ .ListBox-module__hop-ListBox--fluid___Ippzh {
2092
2090
  --max-width: var(--hop-ListBox-fluid-max-width);
2093
2091
  --width: var(--hop-ListBox-fluid-width);
2094
2092
  }
2095
- .ListBox-module__hop-ListBox__section___FTXLR {
2093
+ .ListBox-module__hop-ListBox__section___qvP27 {
2096
2094
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2097
2095
  margin-inline: var(--hop-ListBox-section-margin-inline);
2098
2096
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2100,21 +2098,21 @@
2100
2098
  border-block-start: var(--section-border-block-start);
2101
2099
  border-block-end: var(--section-border-block-end);
2102
2100
  }
2103
- .ListBox-module__hop-ListBox__item___M8ZWz + .ListBox-module__hop-ListBox__section___FTXLR {
2101
+ .ListBox-module__hop-ListBox__item___zZ38V + .ListBox-module__hop-ListBox__section___qvP27 {
2104
2102
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2105
2103
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2106
2104
  }
2107
- .ListBox-module__hop-ListBox__section___FTXLR:has(+ .ListBox-module__hop-ListBox__item___M8ZWz) {
2105
+ .ListBox-module__hop-ListBox__section___qvP27:has(+ .ListBox-module__hop-ListBox__item___zZ38V) {
2108
2106
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2109
2107
  }
2110
- .ListBox-module__hop-ListBox__section___FTXLR:first-child {
2108
+ .ListBox-module__hop-ListBox__section___qvP27:first-child {
2111
2109
  --section-padding-block-start: 0;
2112
2110
  }
2113
- .ListBox-module__hop-ListBox__section___FTXLR:last-child {
2111
+ .ListBox-module__hop-ListBox__section___qvP27:last-child {
2114
2112
  --section-padding-block-end: 0;
2115
2113
  --section-border-block-end: 0;
2116
2114
  }
2117
- .ListBox-module__hop-ListBox__section-header___qkK-O {
2115
+ .ListBox-module__hop-ListBox__section-header___6j-wC {
2118
2116
  margin: 0;
2119
2117
  padding: var(--hop-ListBox-section-header-padding);
2120
2118
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2125,21 +2123,17 @@
2125
2123
  text-transform: var(--hop-ListBox-section-header-text-transform);
2126
2124
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2127
2125
  }
2128
- .ListBox-module__hop-ListBox__section-header___qkK-O::before,
2129
- .ListBox-module__hop-ListBox__section-header___qkK-O::after {
2126
+ .ListBox-module__hop-ListBox__section-header___6j-wC::before,
2127
+ .ListBox-module__hop-ListBox__section-header___6j-wC::after {
2130
2128
  content: "";
2131
2129
  display: block;
2132
2130
  box-sizing: border-box;
2133
2131
  inline-size: 0;
2134
2132
  block-size: 0;
2135
2133
  }
2136
- .ListBox-module__hop-ListBox__section-header___qkK-O::before {
2134
+ .ListBox-module__hop-ListBox__section-header___6j-wC::before {
2137
2135
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2138
2136
  }
2139
- .ListBox-module__hop-ListBox__section-header___qkK-O::after {
2137
+ .ListBox-module__hop-ListBox__section-header___6j-wC::after {
2140
2138
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2141
2139
  }
2142
- .ListBox-module__hop-ListBox__divider___RwdwS {
2143
- margin-block: var(--hop-ListBox-divider-margin-block);
2144
- margin-inline: var(--hop-ListBox-divider-margin-inline);
2145
- }