@hopper-ui/components 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +21 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +10 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +31 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Divider/src/Divider.css +2 -2
  19. package/dist/Divider/src/Divider.js +1 -1
  20. package/dist/Divider/src/index.css +2 -2
  21. package/dist/Divider/src/index.js +1 -1
  22. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  23. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  24. package/dist/ErrorMessage/src/index.css +11 -11
  25. package/dist/ErrorMessage/src/index.js +2 -2
  26. package/dist/Form/src/Form.css +666 -645
  27. package/dist/Form/src/Form.js +43 -43
  28. package/dist/Form/src/index.css +666 -645
  29. package/dist/Form/src/index.js +43 -43
  30. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  31. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  32. package/dist/HelperMessage/src/index.css +11 -11
  33. package/dist/HelperMessage/src/index.js +2 -2
  34. package/dist/IconList/src/IconList.css +1 -1
  35. package/dist/IconList/src/IconList.js +1 -1
  36. package/dist/IconList/src/index.css +1 -1
  37. package/dist/IconList/src/index.js +1 -1
  38. package/dist/Link/src/Link.css +31 -31
  39. package/dist/Link/src/Link.js +2 -2
  40. package/dist/Link/src/index.css +31 -31
  41. package/dist/Link/src/index.js +2 -2
  42. package/dist/ListBox/src/ListBox.css +222 -222
  43. package/dist/ListBox/src/ListBox.js +8 -8
  44. package/dist/ListBox/src/ListBoxItem.css +207 -207
  45. package/dist/ListBox/src/ListBoxItem.js +6 -6
  46. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  47. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  48. package/dist/ListBox/src/index.css +222 -222
  49. package/dist/ListBox/src/index.js +8 -8
  50. package/dist/Select/src/Select.css +666 -645
  51. package/dist/Select/src/Select.js +43 -43
  52. package/dist/Select/src/SelectValue.css +60 -60
  53. package/dist/Select/src/SelectValue.js +5 -5
  54. package/dist/Select/src/index.css +666 -645
  55. package/dist/Select/src/index.js +43 -43
  56. package/dist/Spinner/src/Spinner.css +19 -19
  57. package/dist/Spinner/src/Spinner.js +2 -2
  58. package/dist/Spinner/src/index.css +19 -19
  59. package/dist/Spinner/src/index.js +2 -2
  60. package/dist/buttons/src/Button.css +94 -94
  61. package/dist/buttons/src/Button.js +3 -3
  62. package/dist/buttons/src/ButtonGroup.css +11 -11
  63. package/dist/buttons/src/ButtonGroup.js +1 -1
  64. package/dist/buttons/src/ClearButton.css +74 -70
  65. package/dist/buttons/src/ClearButton.js +2 -2
  66. package/dist/buttons/src/EmbeddedButton.css +74 -70
  67. package/dist/buttons/src/EmbeddedButton.d.ts +4 -0
  68. package/dist/buttons/src/EmbeddedButton.js +1 -1
  69. package/dist/buttons/src/index.css +179 -175
  70. package/dist/buttons/src/index.js +6 -6
  71. package/dist/checkbox/src/Checkbox.css +31 -31
  72. package/dist/checkbox/src/Checkbox.js +2 -2
  73. package/dist/checkbox/src/CheckboxField.css +15 -15
  74. package/dist/checkbox/src/CheckboxField.js +1 -1
  75. package/dist/checkbox/src/CheckboxGroup.css +60 -60
  76. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  77. package/dist/checkbox/src/index.css +60 -60
  78. package/dist/checkbox/src/index.js +4 -4
  79. package/dist/{chunk-ANBOSYAL.js → chunk-2IM7L64G.js} +1 -1
  80. package/dist/{chunk-OLXX46IZ.js → chunk-2OHECU6B.js} +1 -1
  81. package/dist/{chunk-ESWRMGHR.js → chunk-6PQWQGCX.js} +3 -3
  82. package/dist/{chunk-NJHNYL6X.js → chunk-6QFZJMC3.js} +2 -2
  83. package/dist/{chunk-D2GZKHYD.js → chunk-75FA3TWT.js} +1 -1
  84. package/dist/{chunk-2ZOLM7VR.js → chunk-7ZNANBX5.js} +2 -2
  85. package/dist/{chunk-2WWHL3EF.js → chunk-APRULC6A.js} +3 -3
  86. package/dist/{chunk-5NMCOZOW.js → chunk-BOL3HK7H.js} +1 -1
  87. package/dist/{chunk-PUMWU6M4.js → chunk-DMVOYW6N.js} +6 -1
  88. package/dist/{chunk-7QUXYE3E.js → chunk-DOSVC2KD.js} +4 -4
  89. package/dist/{chunk-YD2TGFCB.js → chunk-E2A556FA.js} +3 -3
  90. package/dist/{chunk-HXPTWMD5.js → chunk-EBNKK7UG.js} +3 -3
  91. package/dist/{chunk-EUELVL2L.js → chunk-EC7OSNAK.js} +1 -1
  92. package/dist/{chunk-UNSJTDXN.js → chunk-ENP5QA57.js} +1 -1
  93. package/dist/{chunk-USVXH6MO.js → chunk-F35TAM7I.js} +2 -2
  94. package/dist/{chunk-X2T2UX2O.js → chunk-FNFLGAVD.js} +1 -1
  95. package/dist/{chunk-BO53NITW.js → chunk-FUZDBWJ3.js} +1 -1
  96. package/dist/{chunk-XF4SQ222.js → chunk-IAK7ZIAY.js} +1 -1
  97. package/dist/{chunk-JVZRUDLP.js → chunk-IEIBO5IZ.js} +4 -4
  98. package/dist/{chunk-47SFZCKK.js → chunk-JAN7XPAP.js} +1 -1
  99. package/dist/{chunk-BV7O26TY.js → chunk-K73GF67H.js} +3 -3
  100. package/dist/{chunk-GG6RHMJ7.js → chunk-KB5TOYUY.js} +7 -7
  101. package/dist/{chunk-TJMAMWRQ.js → chunk-LG55WC5T.js} +3 -1
  102. package/dist/{chunk-QSWSZUZM.js → chunk-N3Z3CYO7.js} +1 -1
  103. package/dist/{chunk-HLXQ6C2E.js → chunk-OVLJGCG7.js} +1 -1
  104. package/dist/{chunk-SFZBLVJN.js → chunk-OX2HJIUS.js} +2 -2
  105. package/dist/{chunk-EMD2K6B3.js → chunk-PWHVRELJ.js} +2 -2
  106. package/dist/{chunk-ZG5E36S3.js → chunk-Q7XNJJHM.js} +3 -3
  107. package/dist/{chunk-QCTIAKM6.js → chunk-QS5JV4ME.js} +1 -1
  108. package/dist/{chunk-L3Y67TUF.js → chunk-RYBVVQUA.js} +1 -1
  109. package/dist/{chunk-52LHX4PE.js → chunk-SLHMNCFU.js} +2 -2
  110. package/dist/{chunk-A2S2Q73W.js → chunk-TN3VIRQZ.js} +2 -2
  111. package/dist/{chunk-NEPRDVF7.js → chunk-TNKYUIG3.js} +1 -1
  112. package/dist/{chunk-JVDCU4PT.js → chunk-TRGOUUKL.js} +1 -1
  113. package/dist/{chunk-SD6DBWYC.js → chunk-U6IYZMNN.js} +1 -1
  114. package/dist/{chunk-QAIK237T.js → chunk-UM7DFJXF.js} +18 -7
  115. package/dist/{chunk-BF6YUKC2.js → chunk-V4SY4DCA.js} +1 -1
  116. package/dist/{chunk-XHQWDF7B.js → chunk-W52DLG34.js} +1 -1
  117. package/dist/{chunk-D7VVQIPM.js → chunk-YGOVG4X3.js} +2 -2
  118. package/dist/{chunk-ARD3LWL2.js → chunk-ZFMCRQ5C.js} +2 -2
  119. package/dist/{chunk-WDA6LWC4.js → chunk-ZWTMTEFG.js} +6 -6
  120. package/dist/index.css +666 -645
  121. package/dist/index.js +43 -43
  122. package/dist/inputs/src/InputGroup.css +1099 -14
  123. package/dist/inputs/src/InputGroup.js +2 -1
  124. package/dist/inputs/src/NumberField.css +1068 -63
  125. package/dist/inputs/src/NumberField.js +7 -6
  126. package/dist/inputs/src/PasswordField.css +225 -217
  127. package/dist/inputs/src/PasswordField.js +7 -7
  128. package/dist/inputs/src/SearchField.css +231 -223
  129. package/dist/inputs/src/SearchField.js +8 -8
  130. package/dist/inputs/src/TextArea.css +1062 -57
  131. package/dist/inputs/src/TextArea.js +8 -7
  132. package/dist/inputs/src/TextField.css +239 -218
  133. package/dist/inputs/src/TextField.d.ts +7 -0
  134. package/dist/inputs/src/TextField.js +9 -8
  135. package/dist/inputs/src/index.css +1280 -1259
  136. package/dist/inputs/src/index.js +13 -13
  137. package/dist/overlays/Popover/src/Popover.css +666 -645
  138. package/dist/overlays/Popover/src/Popover.js +43 -43
  139. package/dist/overlays/Popover/src/index.css +666 -645
  140. package/dist/overlays/Popover/src/index.js +43 -43
  141. package/dist/radio/src/Radio.css +31 -31
  142. package/dist/radio/src/Radio.js +2 -2
  143. package/dist/radio/src/RadioField.css +15 -15
  144. package/dist/radio/src/RadioField.js +1 -1
  145. package/dist/radio/src/RadioGroup.css +60 -60
  146. package/dist/radio/src/RadioGroup.js +1 -1
  147. package/dist/radio/src/index.css +60 -60
  148. package/dist/radio/src/index.js +4 -4
  149. package/dist/switch/src/Switch.css +25 -25
  150. package/dist/switch/src/Switch.js +2 -2
  151. package/dist/switch/src/SwitchField.css +15 -15
  152. package/dist/switch/src/SwitchField.js +1 -1
  153. package/dist/switch/src/index.css +31 -31
  154. package/dist/switch/src/index.js +3 -3
  155. package/dist/tag/src/Tag.css +326 -322
  156. package/dist/tag/src/Tag.js +5 -5
  157. package/dist/tag/src/TagGroup.css +22 -22
  158. package/dist/tag/src/TagGroup.js +1 -1
  159. package/dist/tag/src/index.css +339 -335
  160. package/dist/tag/src/index.js +6 -6
  161. package/dist/typography/Heading/src/Heading.css +9 -9
  162. package/dist/typography/Heading/src/Heading.js +1 -1
  163. package/dist/typography/Heading/src/index.css +9 -9
  164. package/dist/typography/Heading/src/index.js +1 -1
  165. package/dist/typography/Label/src/Label.css +3 -3
  166. package/dist/typography/Label/src/Label.js +1 -1
  167. package/dist/typography/Label/src/index.css +3 -3
  168. package/dist/typography/Label/src/index.js +1 -1
  169. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  170. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  171. package/dist/typography/OverlineText/src/index.css +6 -6
  172. package/dist/typography/OverlineText/src/index.js +1 -1
  173. package/dist/typography/Text/src/Text.css +9 -9
  174. package/dist/typography/Text/src/Text.js +1 -1
  175. package/dist/typography/Text/src/index.css +9 -9
  176. package/dist/typography/Text/src/index.js +1 -1
  177. package/dist/utils/src/index.js +1 -1
  178. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
2
- :where(.OverlineText-module__hop-OverlineText___-AumH) {
2
+ :where(.OverlineText-module__hop-OverlineText___AJQ9B) {
3
3
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
4
4
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
5
5
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -23,26 +23,26 @@
23
23
  text-transform: uppercase;
24
24
  letter-spacing: var(--letter-spacing);
25
25
  }
26
- .OverlineText-module__hop-OverlineText__text___epYug {
26
+ .OverlineText-module__hop-OverlineText__text___2R69Q {
27
27
  box-sizing: border-box;
28
28
  }
29
- .OverlineText-module__hop-OverlineText__text___epYug::before,
30
- .OverlineText-module__hop-OverlineText__text___epYug::after {
29
+ .OverlineText-module__hop-OverlineText__text___2R69Q::before,
30
+ .OverlineText-module__hop-OverlineText__text___2R69Q::after {
31
31
  content: "";
32
32
  display: block;
33
33
  box-sizing: border-box;
34
34
  inline-size: 0;
35
35
  block-size: 0;
36
36
  }
37
- .OverlineText-module__hop-OverlineText__text___epYug::before {
37
+ .OverlineText-module__hop-OverlineText__text___2R69Q::before {
38
38
  margin-block-end: var(--bottom-offset);
39
39
  }
40
- .OverlineText-module__hop-OverlineText__text___epYug::after {
40
+ .OverlineText-module__hop-OverlineText__text___2R69Q::after {
41
41
  margin-block-start: var(--top-offset);
42
42
  }
43
43
 
44
44
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
45
- .Badge-module__hop-Badge___09iuj {
45
+ .Badge-module__hop-Badge___-xOKd {
46
46
  --hop-Badge-height: 1.5rem;
47
47
  --hop-Badge-width: max-content;
48
48
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -92,67 +92,67 @@
92
92
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
93
93
  border-radius: var(--border-radius);
94
94
  }
95
- .Badge-module__hop-Badge___09iuj[data-variant=primary] {
95
+ .Badge-module__hop-Badge___-xOKd[data-variant=primary] {
96
96
  --background-color: var(--hop-Badge-primary-background-color);
97
97
  --text-color: var(--hop-Badge-primary-text-color);
98
98
  }
99
- .Badge-module__hop-Badge___09iuj[data-hovered][data-variant=primary] {
99
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=primary] {
100
100
  --background-color: var(--hop-Badge-primary-background-color-hovered);
101
101
  --text-color: var(--hop-Badge-primary-text-color-hovered);
102
102
  }
103
- .Badge-module__hop-Badge___09iuj[data-pressed][data-variant=primary] {
103
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=primary] {
104
104
  --background-color: var(--hop-Badge-primary-background-color-pressed);
105
105
  --text-color: var(--hop-Badge-primary-text-color-pressed);
106
106
  }
107
- .Badge-module__hop-Badge___09iuj[data-selected][data-variant=primary] {
107
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=primary] {
108
108
  --background-color: var(--hop-Badge-primary-background-color-selected);
109
109
  --text-color: var(--hop-Badge-primary-text-color-selected);
110
110
  }
111
- .Badge-module__hop-Badge___09iuj[data-variant=secondary] {
111
+ .Badge-module__hop-Badge___-xOKd[data-variant=secondary] {
112
112
  --background-color: var(--hop-Badge-secondary-background-color);
113
113
  --text-color: var(--hop-Badge-secondary-text-color);
114
114
  }
115
- .Badge-module__hop-Badge___09iuj[data-hovered][data-variant=secondary] {
115
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=secondary] {
116
116
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
117
117
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
118
118
  }
119
- .Badge-module__hop-Badge___09iuj[data-pressed][data-variant=secondary] {
119
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=secondary] {
120
120
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
121
121
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
122
122
  }
123
- .Badge-module__hop-Badge___09iuj[data-selected][data-variant=secondary] {
123
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=secondary] {
124
124
  --background-color: var(--hop-Badge-secondary-background-color-selected);
125
125
  --text-color: var(--hop-Badge-secondary-text-color-selected);
126
126
  }
127
- .Badge-module__hop-Badge___09iuj[data-variant=subdued] {
127
+ .Badge-module__hop-Badge___-xOKd[data-variant=subdued] {
128
128
  --background-color: var(--hop-Badge-subdued-background-color);
129
129
  --text-color: var(--hop-Badge-subdued-text-color);
130
130
  }
131
- .Badge-module__hop-Badge___09iuj[data-hovered][data-variant=subdued] {
131
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=subdued] {
132
132
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
133
133
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
134
134
  }
135
- .Badge-module__hop-Badge___09iuj[data-pressed][data-variant=subdued] {
135
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=subdued] {
136
136
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
137
137
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
138
138
  }
139
- .Badge-module__hop-Badge___09iuj[data-selected][data-variant=subdued] {
139
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=subdued] {
140
140
  --background-color: var(--hop-Badge-subdued-background-color-selected);
141
141
  --text-color: var(--hop-Badge-subdued-text-color-selected);
142
142
  }
143
- .Badge-module__hop-Badge___09iuj[data-indeterminate] {
143
+ .Badge-module__hop-Badge___-xOKd[data-indeterminate] {
144
144
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
145
145
  --height: var(--hop-Badge-indeterminate-height);
146
146
  --width: var(--hop-Badge-indeterminate-width);
147
147
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
148
148
  }
149
- .Badge-module__hop-Badge___09iuj[data-disabled] {
149
+ .Badge-module__hop-Badge___-xOKd[data-disabled] {
150
150
  --background-color: var(--hop-Badge-background-color-disabled);
151
151
  --text-color: var(--hop-Badge-text-color-disabled);
152
152
  }
153
153
 
154
154
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
155
- .FloatingBadge-module__hop-FloatingBadge___cvHzG {
155
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn {
156
156
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
157
157
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
158
158
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -193,7 +193,7 @@
193
193
  box-sizing: border-box;
194
194
  inline-size: max-content;
195
195
  }
196
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top right"] {
196
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top right"] {
197
197
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
198
198
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
199
199
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -201,11 +201,11 @@
201
201
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
202
202
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
203
203
  }
204
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top right"][data-overlap=circular] {
204
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top right"][data-overlap=circular] {
205
205
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
206
206
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
207
207
  }
208
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top left"] {
208
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top left"] {
209
209
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
210
210
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
211
211
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -213,11 +213,11 @@
213
213
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
214
214
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
215
215
  }
216
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top left"][data-overlap=circular] {
216
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top left"][data-overlap=circular] {
217
217
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
218
218
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
219
219
  }
220
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom right"] {
220
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom right"] {
221
221
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
222
222
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
223
223
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -225,11 +225,11 @@
225
225
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
226
226
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
227
227
  }
228
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom right"][data-overlap=circular] {
228
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom right"][data-overlap=circular] {
229
229
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
230
230
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
231
231
  }
232
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom left"] {
232
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom left"] {
233
233
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
234
234
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
235
235
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -237,11 +237,11 @@
237
237
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
238
238
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
239
239
  }
240
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom left"][data-overlap=circular] {
240
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom left"][data-overlap=circular] {
241
241
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
242
242
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
243
243
  }
244
- .FloatingBadge-module__hop-FloatingBadge__badge___DizOb {
244
+ .FloatingBadge-module__hop-FloatingBadge__badge___XidQN {
245
245
  position: absolute;
246
246
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
247
247
  transform-origin: var(--badge-transform-origin);
@@ -249,7 +249,7 @@
249
249
  }
250
250
 
251
251
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
252
- .Text-module__hop-Text___D1rn4 {
252
+ .Text-module__hop-Text___i-wip {
253
253
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
254
254
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
255
255
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -279,49 +279,49 @@
279
279
  --hop-Text-inherit-size-font-weight: inherit;
280
280
  --hop-Text-inherit-size-line-height: inherit;
281
281
  }
282
- :where(.Text-module__hop-Text___D1rn4) {
282
+ :where(.Text-module__hop-Text___i-wip) {
283
283
  font-family: var(--font-family);
284
284
  font-size: var(--font-size);
285
285
  font-weight: var(--font-weight);
286
286
  line-height: var(--line-height);
287
287
  }
288
- :where(.Text-module__hop-Text--xs___83nUB) {
288
+ :where(.Text-module__hop-Text--xs___OgrlM) {
289
289
  --font-size: var(--hop-Text-xs-font-size);
290
290
  --font-family: var(--hop-Text-xs-font-family);
291
291
  --font-weight: var(--hop-Text-xs-font-weight);
292
292
  --line-height: var(--hop-Text-xs-line-height);
293
293
  }
294
- :where(.Text-module__hop-Text--sm___J7Ynn) {
294
+ :where(.Text-module__hop-Text--sm___VG8kM) {
295
295
  --font-size: var(--hop-Text-sm-font-size);
296
296
  --font-family: var(--hop-Text-sm-font-family);
297
297
  --font-weight: var(--hop-Text-sm-font-weight);
298
298
  --line-height: var(--hop-Text-sm-line-height);
299
299
  }
300
- :where(.Text-module__hop-Text--md___vDq4E) {
300
+ :where(.Text-module__hop-Text--md___Y1jRC) {
301
301
  --font-size: var(--hop-Text-md-font-size);
302
302
  --font-family: var(--hop-Text-md-font-family);
303
303
  --font-weight: var(--hop-Text-md-font-weight);
304
304
  --line-height: var(--hop-Text-md-line-height);
305
305
  }
306
- :where(.Text-module__hop-Text--lg___d93YP) {
306
+ :where(.Text-module__hop-Text--lg___P2gHm) {
307
307
  --font-size: var(--hop-Text-lg-font-size);
308
308
  --font-family: var(--hop-Text-lg-font-family);
309
309
  --font-weight: var(--hop-Text-lg-font-weight);
310
310
  --line-height: var(--hop-Text-lg-line-height);
311
311
  }
312
- :where(.Text-module__hop-Text--xl___7Poiv) {
312
+ :where(.Text-module__hop-Text--xl___uu4Y6) {
313
313
  --font-size: var(--hop-Text-xl-font-size);
314
314
  --font-family: var(--hop-Text-xl-font-family);
315
315
  --font-weight: var(--hop-Text-xl-font-weight);
316
316
  --line-height: var(--hop-Text-xl-line-height);
317
317
  }
318
- :where(.Text-module__hop-Text--2xl___owE8f) {
318
+ :where(.Text-module__hop-Text--2xl___kr5Vw) {
319
319
  --font-size: var(--hop-Text-2xl-font-size);
320
320
  --font-family: var(--hop-Text-2xl-font-family);
321
321
  --font-weight: var(--hop-Text-2xl-font-weight);
322
322
  --line-height: var(--hop-Text-2xl-line-height);
323
323
  }
324
- :where(.Text-module__hop-Text--inherit___LGo4-) {
324
+ :where(.Text-module__hop-Text--inherit___enYNN) {
325
325
  --font-size: var(--hop-Text-inherit-size-font-size);
326
326
  --font-family: var(--hop-Text-inherit-size-font-family);
327
327
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -329,7 +329,7 @@
329
329
  }
330
330
 
331
331
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
332
- .ErrorMessage-module__hop-ErrorMessage___rQyDx {
332
+ .ErrorMessage-module__hop-ErrorMessage___lZhsu {
333
333
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
334
334
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
335
335
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -346,13 +346,13 @@
346
346
  line-height: var(--hop-ErrorMessage-line-height);
347
347
  color: var(--hop-ErrorMessage-color);
348
348
  }
349
- .ErrorMessage-module__hop-ErrorMessage__icon___r8QUQ {
349
+ .ErrorMessage-module__hop-ErrorMessage__icon___Dnsoj {
350
350
  flex: 0 0 auto;
351
351
  align-self: flex-start;
352
352
  }
353
353
 
354
354
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
355
- .HelperMessage-module__hop-HelperMessage___B-h4I {
355
+ .HelperMessage-module__hop-HelperMessage___g-VQU {
356
356
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
357
357
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
358
358
  display: flex;
@@ -361,13 +361,13 @@
361
361
  box-sizing: border-box;
362
362
  color: var(--hop-HelperMessage-color);
363
363
  }
364
- .HelperMessage-module__hop-HelperMessage__icon___Bv8wG {
364
+ .HelperMessage-module__hop-HelperMessage__icon___cXfSo {
365
365
  flex: 0 0 auto;
366
366
  align-self: flex-start;
367
367
  }
368
368
 
369
369
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
370
- :where(.Divider-module__hop-Divider___D1EZ2) {
370
+ :where(.Divider-module__hop-Divider___0dYuL) {
371
371
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
372
372
  --hop-Divider-border-size: 0.0625rem;
373
373
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -392,7 +392,7 @@
392
392
  border-block-end: var(--border-block-end);
393
393
  border-inline-start: var(--border-inline-start);
394
394
  }
395
- .Divider-module__hop-Divider--vertical___N-Khe {
395
+ .Divider-module__hop-Divider--vertical___-u8sG {
396
396
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
397
397
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
398
398
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -400,7 +400,7 @@
400
400
  }
401
401
 
402
402
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
403
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___0SfZJ {
403
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt {
404
404
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
405
405
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
406
406
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -431,46 +431,46 @@
431
431
  background-color: var(--background-color);
432
432
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
433
433
  }
434
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___7c8Uq {
434
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___kM-j4 {
435
435
  --size: var(--hop-RichIconAvatarImage-xs-size);
436
436
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
437
437
  }
438
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___CMqPA {
438
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___SKx-C {
439
439
  --size: var(--hop-RichIconAvatarImage-sm-size);
440
440
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
441
441
  }
442
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___qR-0W {
442
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-ELGu {
443
443
  --size: var(--hop-RichIconAvatarImage-md-size);
444
444
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
445
445
  }
446
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___yBdoM {
446
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___V0j8U {
447
447
  --size: var(--hop-RichIconAvatarImage-lg-size);
448
448
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
449
449
  }
450
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___tBzp5 {
450
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___uv-1s {
451
451
  --size: var(--hop-RichIconAvatarImage-xl-size);
452
452
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
453
453
  }
454
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___--GFe {
454
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___43YNN {
455
455
  --size: var(--hop-RichIconAvatarImage-2xl-size);
456
456
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
457
457
  }
458
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___0SfZJ[data-disabled] {
458
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt[data-disabled] {
459
459
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
460
460
  }
461
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___tDykK {
461
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
462
462
  position: relative;
463
463
  display: block;
464
464
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
465
465
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
466
466
  }
467
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___0SfZJ[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___tDykK {
467
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
468
468
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
469
469
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
470
470
  }
471
471
 
472
472
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
473
- .Avatar-module__hop-Avatar___voDSB {
473
+ .Avatar-module__hop-Avatar___2iRIy {
474
474
  --hop-Avatar-border-radius: var(--hop-shape-circle);
475
475
  --hop-Avatar-mix-blend-mode: normal;
476
476
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -515,67 +515,67 @@
515
515
  background-color: var(--background-color, transparent);
516
516
  border-radius: var(--hop-Avatar-border-radius);
517
517
  }
518
- .Avatar-module__hop-Avatar--xs___vyK5f {
518
+ .Avatar-module__hop-Avatar--xs___U6TaP {
519
519
  --size: var(--hop-Avatar-xs-size);
520
520
  }
521
- .Avatar-module__hop-Avatar--sm___tZ1n5 {
521
+ .Avatar-module__hop-Avatar--sm___mVPqW {
522
522
  --size: var(--hop-Avatar-sm-size);
523
523
  }
524
- .Avatar-module__hop-Avatar--md___ZETXa {
524
+ .Avatar-module__hop-Avatar--md___-HteB {
525
525
  --size: var(--hop-Avatar-md-size);
526
526
  }
527
- .Avatar-module__hop-Avatar--lg___2JJif {
527
+ .Avatar-module__hop-Avatar--lg___6eRRX {
528
528
  --size: var(--hop-Avatar-lg-size);
529
529
  }
530
- .Avatar-module__hop-Avatar--xl___GbLkx {
530
+ .Avatar-module__hop-Avatar--xl___XeULp {
531
531
  --size: var(--hop-Avatar-xl-size);
532
532
  }
533
- .Avatar-module__hop-Avatar--2xl___i2HmH {
533
+ .Avatar-module__hop-Avatar--2xl___0w2Ni {
534
534
  --size: var(--hop-Avatar-2xl-size);
535
535
  }
536
- .Avatar-module__hop-Avatar--decorative-option1___swzwE {
536
+ .Avatar-module__hop-Avatar--decorative-option1___x4wwr {
537
537
  --background-color: var(--hop-Avatar-decorative-1-background-color);
538
538
  --text-color: var(--hop-Avatar-decorative-1-text-color);
539
539
  }
540
- .Avatar-module__hop-Avatar--decorative-option2___61Ewl {
540
+ .Avatar-module__hop-Avatar--decorative-option2___VdIQd {
541
541
  --background-color: var(--hop-Avatar-decorative-2-background-color);
542
542
  --text-color: var(--hop-Avatar-decorative-2-text-color);
543
543
  }
544
- .Avatar-module__hop-Avatar--decorative-option3___btSY5 {
544
+ .Avatar-module__hop-Avatar--decorative-option3___T5HRP {
545
545
  --background-color: var(--hop-Avatar-decorative-3-background-color);
546
546
  --text-color: var(--hop-Avatar-decorative-3-text-color);
547
547
  }
548
- .Avatar-module__hop-Avatar--decorative-option4___muuvm {
548
+ .Avatar-module__hop-Avatar--decorative-option4___quPmn {
549
549
  --background-color: var(--hop-Avatar-decorative-4-background-color);
550
550
  --text-color: var(--hop-Avatar-decorative-4-text-color);
551
551
  }
552
- .Avatar-module__hop-Avatar--decorative-option5___FAvFc {
552
+ .Avatar-module__hop-Avatar--decorative-option5___ifBXG {
553
553
  --background-color: var(--hop-Avatar-decorative-5-background-color);
554
554
  --text-color: var(--hop-Avatar-decorative-5-text-color);
555
555
  }
556
- .Avatar-module__hop-Avatar--decorative-option6___tZ9LE {
556
+ .Avatar-module__hop-Avatar--decorative-option6___wDYJd {
557
557
  --background-color: var(--hop-Avatar-decorative-6-background-color);
558
558
  --text-color: var(--hop-Avatar-decorative-6-text-color);
559
559
  }
560
- .Avatar-module__hop-Avatar--decorative-option7___fXKic {
560
+ .Avatar-module__hop-Avatar--decorative-option7___xgn2p {
561
561
  --background-color: var(--hop-Avatar-decorative-7-background-color);
562
562
  --text-color: var(--hop-Avatar-decorative-7-text-color);
563
563
  }
564
- .Avatar-module__hop-Avatar--decorative-option8___43DZK {
564
+ .Avatar-module__hop-Avatar--decorative-option8___6RKzf {
565
565
  --background-color: var(--hop-Avatar-decorative-8-background-color);
566
566
  --text-color: var(--hop-Avatar-decorative-8-text-color);
567
567
  }
568
- .Avatar-module__hop-Avatar--decorative-option9___Hc--N {
568
+ .Avatar-module__hop-Avatar--decorative-option9___LMOth {
569
569
  --background-color: var(--hop-Avatar-decorative-9-background-color);
570
570
  --text-color: var(--hop-Avatar-decorative-9-text-color);
571
571
  }
572
- .Avatar-module__hop-Avatar___voDSB[data-disabled] {
572
+ .Avatar-module__hop-Avatar___2iRIy[data-disabled] {
573
573
  --background-color: var(--hop-Avatar-background-color-disabled);
574
574
  --text-color: var(--hop-Avatar-text-color-disabled);
575
575
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
576
576
  isolation: isolate;
577
577
  }
578
- .Avatar-module__hop-Avatar__image___BNmTQ {
578
+ .Avatar-module__hop-Avatar__image___L1lkB {
579
579
  position: relative;
580
580
  display: block;
581
581
  box-sizing: border-box;
@@ -586,7 +586,7 @@
586
586
  }
587
587
 
588
588
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
589
- .IconList-module__hop-IconList___ocsPJ {
589
+ .IconList-module__hop-IconList___LeCr- {
590
590
  --hop-IconList-gap: var(--hop-space-inline-xs);
591
591
  display: flex;
592
592
  flex-wrap: wrap;
@@ -595,7 +595,7 @@
595
595
  }
596
596
 
597
597
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
598
- .Checkbox-module__hop-Checkbox___oOX03 {
598
+ .Checkbox-module__hop-Checkbox___LGvQv {
599
599
  --hop-Checkbox-box-border-size: 0.0625rem;
600
600
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
601
601
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -670,63 +670,63 @@
670
670
  inline-size: max-content;
671
671
  max-inline-size: 100%;
672
672
  }
673
- .Checkbox-module__hop-Checkbox___oOX03[data-focus-visible],
674
- .Checkbox-module__hop-Checkbox--focused___4PAm6 {
673
+ .Checkbox-module__hop-Checkbox___LGvQv[data-focus-visible],
674
+ .Checkbox-module__hop-Checkbox--focused___vjDn- {
675
675
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
676
676
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
677
677
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
678
678
  --text-color: var(--hop-Checkbox-text-color-focused);
679
679
  --icon-color: var(--hop-Checkbox-icon-color-focused);
680
680
  }
681
- .Checkbox-module__hop-Checkbox___oOX03[data-hovered],
682
- .Checkbox-module__hop-Checkbox--hovered___0yG6J {
681
+ .Checkbox-module__hop-Checkbox___LGvQv[data-hovered],
682
+ .Checkbox-module__hop-Checkbox--hovered___rBo1O {
683
683
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
684
684
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
685
685
  --text-color: var(--hop-Checkbox-text-color-hovered);
686
686
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
687
687
  }
688
- .Checkbox-module__hop-Checkbox___oOX03[data-pressed],
689
- .Checkbox-module__hop-Checkbox--pressed___04mxl {
688
+ .Checkbox-module__hop-Checkbox___LGvQv[data-pressed],
689
+ .Checkbox-module__hop-Checkbox--pressed___A-Tzt {
690
690
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
691
691
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
692
692
  --text-color: var(--hop-Checkbox-text-color-pressed);
693
693
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
694
694
  }
695
- .Checkbox-module__hop-Checkbox___oOX03[data-selected] {
695
+ .Checkbox-module__hop-Checkbox___LGvQv[data-selected] {
696
696
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
697
697
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
698
698
  --check-display: var(--hop-Checkbox-check-display-selected);
699
699
  --text-color: var(--hop-Checkbox-text-color-selected);
700
700
  --icon-color: var(--hop-Checkbox-icon-color-selected);
701
701
  }
702
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid] {
702
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid] {
703
703
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
704
704
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
705
705
  --check-color: var(--hop-Checkbox-check-color-invalid);
706
706
  --text-color: var(--hop-Checkbox-text-color-invalid);
707
707
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
708
708
  }
709
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___4PAm6) {
709
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___vjDn-) {
710
710
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
711
711
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
712
712
  }
713
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___0yG6J) {
713
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___rBo1O) {
714
714
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
715
715
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
716
716
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
717
717
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
718
718
  }
719
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___04mxl) {
719
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___A-Tzt) {
720
720
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
721
721
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
722
722
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
723
723
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
724
724
  }
725
- .Checkbox-module__hop-Checkbox___oOX03:where([data-invalid])[data-selected] {
725
+ .Checkbox-module__hop-Checkbox___LGvQv:where([data-invalid])[data-selected] {
726
726
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
727
727
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
728
728
  }
729
- .Checkbox-module__hop-Checkbox___oOX03[data-disabled] {
729
+ .Checkbox-module__hop-Checkbox___LGvQv[data-disabled] {
730
730
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
731
731
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
732
732
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -734,25 +734,25 @@
734
734
  --text-color: var(--hop-Checkbox-text-color-disabled);
735
735
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
736
736
  }
737
- .Checkbox-module__hop-Checkbox--sm___KSwrs {
737
+ .Checkbox-module__hop-Checkbox--sm___4oMPK {
738
738
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
739
739
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
740
740
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
741
741
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
742
742
  }
743
- .Checkbox-module__hop-Checkbox--md___x2EJP {
743
+ .Checkbox-module__hop-Checkbox--md___TcJBe {
744
744
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
745
745
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
746
746
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
747
747
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
748
748
  }
749
- .Checkbox-module__hop-Checkbox__icon___ABzh9,
750
- .Checkbox-module__hop-Checkbox__icon-list___eUQ93 {
749
+ .Checkbox-module__hop-Checkbox__icon___czSm3,
750
+ .Checkbox-module__hop-Checkbox__icon-list___657WD {
751
751
  flex: 0 0 auto;
752
752
  order: 3;
753
753
  color: var(--icon-color);
754
754
  }
755
- .Checkbox-module__hop-Checkbox__box___e4-5W {
755
+ .Checkbox-module__hop-Checkbox__box___hg4Mw {
756
756
  display: flex;
757
757
  flex: 0 0 auto;
758
758
  align-items: center;
@@ -768,11 +768,11 @@
768
768
  outline-offset: 0.125rem;
769
769
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
770
770
  }
771
- .Checkbox-module__hop-Checkbox__check___QjfqB {
771
+ .Checkbox-module__hop-Checkbox__check___X5sEH {
772
772
  display: var(--check-display);
773
773
  color: var(--check-color);
774
774
  }
775
- .Checkbox-module__hop-Checkbox__text___Us3om {
775
+ .Checkbox-module__hop-Checkbox__text___IAcx- {
776
776
  flex: 0 1 auto;
777
777
  order: 2;
778
778
  min-inline-size: 0;
@@ -782,7 +782,7 @@
782
782
  }
783
783
 
784
784
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
785
- .CheckboxField-module__hop-CheckboxField___6GAZe {
785
+ .CheckboxField-module__hop-CheckboxField___ycgKg {
786
786
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
787
787
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
788
788
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -801,47 +801,47 @@
801
801
  inline-size: max-content;
802
802
  max-inline-size: 100%;
803
803
  }
804
- .CheckboxField-module__hop-CheckboxField___6GAZe[data-disabled] {
804
+ .CheckboxField-module__hop-CheckboxField___ycgKg[data-disabled] {
805
805
  --description-color: var(--hop-CheckboxField-description-color-disabled);
806
806
  }
807
- .CheckboxField-module__hop-CheckboxField--sm___k1Kp1 {
807
+ .CheckboxField-module__hop-CheckboxField--sm___p26LG {
808
808
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
809
809
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
810
810
  }
811
- .CheckboxField-module__hop-CheckboxField--md___M0M51 {
811
+ .CheckboxField-module__hop-CheckboxField--md___GtuQL {
812
812
  --row-gap: var(--hop-CheckboxField-md-row-gap);
813
813
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
814
814
  }
815
- .CheckboxField-module__hop-CheckboxField__description___q1ry4 {
815
+ .CheckboxField-module__hop-CheckboxField__description___td-PO {
816
816
  order: 2;
817
817
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
818
818
  color: var(--description-color);
819
819
  }
820
- .CheckboxField-module__hop-CheckboxField__checkbox___ey6D- {
820
+ .CheckboxField-module__hop-CheckboxField__checkbox___tdxHy {
821
821
  order: 1;
822
822
  }
823
823
 
824
824
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
825
- .Label-module__hop-Label___xyX8G {
825
+ .Label-module__hop-Label___nfV-B {
826
826
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
827
827
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
828
828
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
829
829
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
830
830
  --hop-Label-color: var(--hop-neutral-text-weak);
831
831
  }
832
- :where(.Label-module__hop-Label___xyX8G) {
832
+ :where(.Label-module__hop-Label___nfV-B) {
833
833
  font-family: var(--hop-Label-font-family);
834
834
  font-size: var(--hop-Label-font-size);
835
835
  font-weight: var(--hop-Label-font-weight);
836
836
  line-height: var(--hop-Label-line-height);
837
837
  color: var(--hop-Label-color);
838
838
  }
839
- :where(.Label-module__hop-Label__indicator___QJQXo) {
839
+ :where(.Label-module__hop-Label__indicator___mNdrU) {
840
840
  padding-inline-start: var(--hop-space-20);
841
841
  }
842
842
 
843
843
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
844
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 {
844
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa {
845
845
  --hop-CheckboxGroup-align-items: flex-start;
846
846
  --hop-CheckboxGroup-justify-content: flex-start;
847
847
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -880,46 +880,46 @@
880
880
  inline-size: max-content;
881
881
  max-inline-size: 100%;
882
882
  }
883
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk {
883
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92 {
884
884
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
885
885
  --list-border-radius: var(--hop-shape-rounded-md);
886
886
  }
887
- .CheckboxGroup-module__hop-CheckboxGroup--sm___4dHH0 {
887
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
888
888
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
889
889
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
890
890
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
891
891
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
892
892
  }
893
- .CheckboxGroup-module__hop-CheckboxGroup--md___fic5z {
893
+ .CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
894
894
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
895
895
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
896
896
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
897
897
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
898
898
  }
899
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk.CheckboxGroup-module__hop-CheckboxGroup--sm___4dHH0 {
899
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
900
900
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
901
901
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
902
902
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
903
903
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
904
904
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
905
905
  }
906
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk.CheckboxGroup-module__hop-CheckboxGroup--md___fic5z {
906
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
907
907
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
908
908
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
909
909
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
910
910
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
911
911
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
912
912
  }
913
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29[data-orientation=horizontal] {
913
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa[data-orientation=horizontal] {
914
914
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
915
915
  }
916
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk[data-orientation=horizontal] {
916
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=horizontal] {
917
917
  --flex-wrap: nowrap;
918
918
  }
919
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 > .CheckboxGroup-module__hop-CheckboxGroup__label___iEGgv {
919
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__label___YaFOG {
920
920
  order: 1;
921
921
  }
922
- .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x {
922
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB {
923
923
  display: flex;
924
924
  flex-flow: var(--flex-direction) var(--flex-wrap);
925
925
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -930,7 +930,7 @@
930
930
  border: var(--list-border, none);
931
931
  border-radius: var(--list-border-radius, 0);
932
932
  }
933
- .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe {
933
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq {
934
934
  position: relative;
935
935
  flex: 0 1 auto;
936
936
  align-content: start;
@@ -938,28 +938,28 @@
938
938
  min-inline-size: 0;
939
939
  padding: var(--checkbox-padding, 0);
940
940
  }
941
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe::before {
941
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92 .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
942
942
  content: "";
943
943
  position: absolute;
944
944
  display: block;
945
945
  }
946
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe::before {
946
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
947
947
  inset-block-start: 0;
948
948
  inset-inline: 0;
949
949
  border-block-start: var(--list-border, none);
950
950
  }
951
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe::before {
951
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
952
952
  inset-block: 0;
953
953
  inset-inline-start: 0;
954
954
  border-inline-start: var(--list-border, none);
955
955
  }
956
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___KOis2,
957
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___Gj7lq {
956
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___uPyiu,
957
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___SPO-k {
958
958
  order: 3;
959
959
  }
960
960
 
961
961
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
962
- .Radio-module__hop-Radio___kjqe3 {
962
+ .Radio-module__hop-Radio___f6Vgr {
963
963
  --hop-Radio-box-border-size: 0.0625rem;
964
964
  --hop-Radio-box-border-color: var(--hop-neutral-border);
965
965
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1033,63 +1033,63 @@
1033
1033
  inline-size: max-content;
1034
1034
  max-inline-size: 100%;
1035
1035
  }
1036
- .Radio-module__hop-Radio___kjqe3[data-focus-visible],
1037
- .Radio-module__hop-Radio--focused___lQ30- {
1036
+ .Radio-module__hop-Radio___f6Vgr[data-focus-visible],
1037
+ .Radio-module__hop-Radio--focused___1rGHf {
1038
1038
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1039
1039
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1040
1040
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1041
1041
  --text-color: var(--hop-Radio-text-color-focused);
1042
1042
  --icon-color: var(--hop-Radio-icon-color-focused);
1043
1043
  }
1044
- .Radio-module__hop-Radio___kjqe3[data-hovered],
1045
- .Radio-module__hop-Radio--hovered___-S-oj {
1044
+ .Radio-module__hop-Radio___f6Vgr[data-hovered],
1045
+ .Radio-module__hop-Radio--hovered___PK7aT {
1046
1046
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1047
1047
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1048
1048
  --text-color: var(--hop-Radio-text-color-hovered);
1049
1049
  --icon-color: var(--hop-Radio-icon-color-hovered);
1050
1050
  }
1051
- .Radio-module__hop-Radio___kjqe3[data-pressed],
1052
- .Radio-module__hop-Radio--pressed___7J0QF {
1051
+ .Radio-module__hop-Radio___f6Vgr[data-pressed],
1052
+ .Radio-module__hop-Radio--pressed___MLA7j {
1053
1053
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1054
1054
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1055
1055
  --text-color: var(--hop-Radio-text-color-pressed);
1056
1056
  --icon-color: var(--hop-Radio-icon-color-pressed);
1057
1057
  }
1058
- .Radio-module__hop-Radio___kjqe3[data-selected] {
1058
+ .Radio-module__hop-Radio___f6Vgr[data-selected] {
1059
1059
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1060
1060
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1061
1061
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1062
1062
  --text-color: var(--hop-Radio-text-color-selected);
1063
1063
  --icon-color: var(--hop-Radio-icon-color-selected);
1064
1064
  }
1065
- .Radio-module__hop-Radio___kjqe3[data-invalid] {
1065
+ .Radio-module__hop-Radio___f6Vgr[data-invalid] {
1066
1066
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1067
1067
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1068
1068
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1069
1069
  --text-color: var(--hop-Radio-text-color-invalid);
1070
1070
  --icon-color: var(--hop-Radio-icon-color-invalid);
1071
1071
  }
1072
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-focus-visible] {
1072
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-focus-visible] {
1073
1073
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1074
1074
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1075
1075
  }
1076
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-hovered] {
1076
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-hovered] {
1077
1077
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1078
1078
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1079
1079
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1080
1080
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1081
1081
  }
1082
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-pressed] {
1082
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-pressed] {
1083
1083
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1084
1084
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1085
1085
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1086
1086
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1087
1087
  }
1088
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-selected] {
1088
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-selected] {
1089
1089
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1090
1090
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1091
1091
  }
1092
- .Radio-module__hop-Radio___kjqe3[data-disabled] {
1092
+ .Radio-module__hop-Radio___f6Vgr[data-disabled] {
1093
1093
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1094
1094
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1095
1095
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1097,25 +1097,25 @@
1097
1097
  --text-color: var(--hop-Radio-text-color-disabled);
1098
1098
  --icon-color: var(--hop-Radio-icon-color-disabled);
1099
1099
  }
1100
- .Radio-module__hop-Radio--sm___xnPjA {
1100
+ .Radio-module__hop-Radio--sm___hJ83r {
1101
1101
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1102
1102
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1103
1103
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1104
1104
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1105
1105
  }
1106
- .Radio-module__hop-Radio--md___9JVd4 {
1106
+ .Radio-module__hop-Radio--md___rigqc {
1107
1107
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1108
1108
  --box-block-size: var(--hop-Radio-box-md-block-size);
1109
1109
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1110
1110
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1111
1111
  }
1112
- .Radio-module__hop-Radio__icon___MXNrF,
1113
- .Radio-module__hop-Radio__icon-list___6PWZA {
1112
+ .Radio-module__hop-Radio__icon___qEuEv,
1113
+ .Radio-module__hop-Radio__icon-list___aUQY- {
1114
1114
  flex: 0 0 auto;
1115
1115
  order: 3;
1116
1116
  color: var(--icon-color);
1117
1117
  }
1118
- .Radio-module__hop-Radio__box___kGWwH {
1118
+ .Radio-module__hop-Radio__box___Ma5Cl {
1119
1119
  display: flex;
1120
1120
  flex: 0 0 auto;
1121
1121
  align-items: center;
@@ -1131,11 +1131,11 @@
1131
1131
  outline-offset: 0.125rem;
1132
1132
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1133
1133
  }
1134
- .Radio-module__hop-Radio__bullet___A5FBg {
1134
+ .Radio-module__hop-Radio__bullet___UNMt2 {
1135
1135
  display: var(--bullet-display);
1136
1136
  color: var(--bullet-color);
1137
1137
  }
1138
- .Radio-module__hop-Radio__text___yqy6k {
1138
+ .Radio-module__hop-Radio__text___bpSHA {
1139
1139
  flex: 0 1 auto;
1140
1140
  order: 2;
1141
1141
  min-inline-size: 0;
@@ -1145,7 +1145,7 @@
1145
1145
  }
1146
1146
 
1147
1147
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1148
- .RadioField-module__hop-RadioField___C1gXe {
1148
+ .RadioField-module__hop-RadioField___ygk-A {
1149
1149
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1150
1150
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1151
1151
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1164,28 +1164,28 @@
1164
1164
  inline-size: max-content;
1165
1165
  max-inline-size: 100%;
1166
1166
  }
1167
- .RadioField-module__hop-RadioField___C1gXe[data-disabled] {
1167
+ .RadioField-module__hop-RadioField___ygk-A[data-disabled] {
1168
1168
  --description-color: var(--hop-RadioField-description-color-disabled);
1169
1169
  }
1170
- .RadioField-module__hop-RadioField--sm___LY1rM {
1170
+ .RadioField-module__hop-RadioField--sm___VOflW {
1171
1171
  --row-gap: var(--hop-RadioField-sm-row-gap);
1172
1172
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1173
1173
  }
1174
- .RadioField-module__hop-RadioField--md___QsiW7 {
1174
+ .RadioField-module__hop-RadioField--md___vefQn {
1175
1175
  --row-gap: var(--hop-RadioField-md-row-gap);
1176
1176
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1177
1177
  }
1178
- .RadioField-module__hop-RadioField__description___PAedH {
1178
+ .RadioField-module__hop-RadioField__description___XFh3h {
1179
1179
  order: 2;
1180
1180
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1181
1181
  color: var(--description-color);
1182
1182
  }
1183
- .RadioField-module__hop-RadioField__radio___VMtji {
1183
+ .RadioField-module__hop-RadioField__radio___odwQg {
1184
1184
  order: 1;
1185
1185
  }
1186
1186
 
1187
1187
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1188
- .RadioGroup-module__hop-RadioGroup___Xb3dE {
1188
+ .RadioGroup-module__hop-RadioGroup___fZzjX {
1189
1189
  --hop-RadioGroup-align-items: flex-start;
1190
1190
  --hop-RadioGroup-justify-content: flex-start;
1191
1191
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1225,46 +1225,46 @@
1225
1225
  inline-size: var(--inline-size);
1226
1226
  max-inline-size: 100%;
1227
1227
  }
1228
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V {
1228
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS {
1229
1229
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1230
1230
  --list-border-radius: var(--hop-shape-rounded-md);
1231
1231
  }
1232
- .RadioGroup-module__hop-RadioGroup--sm___LFCc4 {
1232
+ .RadioGroup-module__hop-RadioGroup--sm___SFGiN {
1233
1233
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1234
1234
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1235
1235
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1236
1236
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1237
1237
  }
1238
- .RadioGroup-module__hop-RadioGroup--md___tynlW {
1238
+ .RadioGroup-module__hop-RadioGroup--md___DZiZf {
1239
1239
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1240
1240
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1241
1241
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1242
1242
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1243
1243
  }
1244
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V.RadioGroup-module__hop-RadioGroup--sm___LFCc4 {
1244
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--sm___SFGiN {
1245
1245
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1246
1246
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1247
1247
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1248
1248
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1249
1249
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1250
1250
  }
1251
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V.RadioGroup-module__hop-RadioGroup--md___tynlW {
1251
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--md___DZiZf {
1252
1252
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1253
1253
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1254
1254
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1255
1255
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1256
1256
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1257
1257
  }
1258
- .RadioGroup-module__hop-RadioGroup___Xb3dE[data-orientation=horizontal] {
1258
+ .RadioGroup-module__hop-RadioGroup___fZzjX[data-orientation=horizontal] {
1259
1259
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1260
1260
  }
1261
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V[data-orientation=horizontal] {
1261
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] {
1262
1262
  --flex-wrap: nowrap;
1263
1263
  }
1264
- .RadioGroup-module__hop-RadioGroup___Xb3dE > .RadioGroup-module__hop-RadioGroup__label___KdIUX {
1264
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__label___XSmfS {
1265
1265
  order: 1;
1266
1266
  }
1267
- .RadioGroup-module__hop-RadioGroup__list___XQf5n {
1267
+ .RadioGroup-module__hop-RadioGroup__list___70l9M {
1268
1268
  display: flex;
1269
1269
  flex-flow: var(--flex-direction) var(--flex-wrap);
1270
1270
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1275,7 +1275,7 @@
1275
1275
  border: var(--list-border, none);
1276
1276
  border-radius: var(--list-border-radius, 0);
1277
1277
  }
1278
- .RadioGroup-module__hop-RadioGroup__list___XQf5n > .RadioGroup-module__hop-RadioGroup__radio___KBI6w {
1278
+ .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm {
1279
1279
  position: relative;
1280
1280
  flex: 0 1 auto;
1281
1281
  align-content: start;
@@ -1283,28 +1283,28 @@
1283
1283
  min-inline-size: 0;
1284
1284
  padding: var(--radio-padding, 0);
1285
1285
  }
1286
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V .RadioGroup-module__hop-RadioGroup__list___XQf5n > .RadioGroup-module__hop-RadioGroup__radio___KBI6w ~ .RadioGroup-module__hop-RadioGroup__radio___KBI6w::before {
1286
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
1287
1287
  content: "";
1288
1288
  position: absolute;
1289
1289
  display: block;
1290
1290
  }
1291
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___XQf5n > .RadioGroup-module__hop-RadioGroup__radio___KBI6w ~ .RadioGroup-module__hop-RadioGroup__radio___KBI6w::before {
1291
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
1292
1292
  inset-block-start: 0;
1293
1293
  inset-inline: 0;
1294
1294
  border-block-start: var(--list-border, none);
1295
1295
  }
1296
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___XQf5n > .RadioGroup-module__hop-RadioGroup__radio___KBI6w ~ .RadioGroup-module__hop-RadioGroup__radio___KBI6w::before {
1296
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
1297
1297
  inset-block: 0;
1298
1298
  inset-inline-start: 0;
1299
1299
  border-inline-start: var(--list-border, none);
1300
1300
  }
1301
- .RadioGroup-module__hop-RadioGroup___Xb3dE > .RadioGroup-module__hop-RadioGroup__error-message___An-sx,
1302
- .RadioGroup-module__hop-RadioGroup___Xb3dE > .RadioGroup-module__hop-RadioGroup__helper-message___bKTCy {
1301
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__error-message___-gzSi,
1302
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__helper-message___0rYBR {
1303
1303
  order: 3;
1304
1304
  }
1305
1305
 
1306
1306
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1307
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___p4rFp {
1307
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___5-U5u {
1308
1308
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1309
1309
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1310
1310
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1330,7 +1330,7 @@
1330
1330
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1331
1331
  background-size: 400% 100%;
1332
1332
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1333
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___gwojN;
1333
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___tROve;
1334
1334
  animation-duration: var(--animation-duration);
1335
1335
  animation-timing-function: ease-in-out;
1336
1336
  animation-fill-mode: forwards;
@@ -1339,19 +1339,19 @@
1339
1339
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1340
1340
  }
1341
1341
  }
1342
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___L17XJ {
1342
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WF17x {
1343
1343
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1344
1344
  }
1345
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___4icwE {
1345
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yPJ4x {
1346
1346
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1347
1347
  }
1348
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___YFaPZ {
1348
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___GDWcA {
1349
1349
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1350
1350
  }
1351
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___BEXWT {
1351
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___9hgUf {
1352
1352
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1353
1353
  }
1354
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___gwojN {
1354
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___tROve {
1355
1355
  0% {
1356
1356
  background-position: 125% 50%;
1357
1357
  }
@@ -1361,7 +1361,7 @@
1361
1361
  }
1362
1362
 
1363
1363
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1364
- .ListBoxItem-module__hop-ListBoxItem___an9O1 {
1364
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs {
1365
1365
  --hop-ListBoxItem-background-color: transparent;
1366
1366
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1367
1367
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1458,129 +1458,129 @@
1458
1458
  outline: var(--outline);
1459
1459
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1460
1460
  }
1461
- .ListBoxItem-module__hop-ListBoxItem--xs___HmQkG {
1461
+ .ListBoxItem-module__hop-ListBoxItem--xs___8YfDE {
1462
1462
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1463
1463
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1464
1464
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1465
1465
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1466
1466
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1467
1467
  }
1468
- .ListBoxItem-module__hop-ListBoxItem--sm___4vcFB {
1468
+ .ListBoxItem-module__hop-ListBoxItem--sm___TrltV {
1469
1469
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1470
1470
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1471
1471
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1472
1472
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1473
1473
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1474
1474
  }
1475
- .ListBoxItem-module__hop-ListBoxItem--md___DdzeQ {
1475
+ .ListBoxItem-module__hop-ListBoxItem--md___uCJrQ {
1476
1476
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1477
1477
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1478
1478
  --min-height: var(--hop-ListBoxItem-md-min-height);
1479
1479
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1480
1480
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1481
1481
  }
1482
- .ListBoxItem-module__hop-ListBoxItem--lg___u2UzS {
1482
+ .ListBoxItem-module__hop-ListBoxItem--lg___KsLt1 {
1483
1483
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1484
1484
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1485
1485
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1486
1486
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1487
1487
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1488
1488
  }
1489
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-selection-mode] {
1489
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selection-mode] {
1490
1490
  --cursor: pointer;
1491
1491
  }
1492
- .ListBoxItem-module__hop-ListBoxItem___an9O1:not([data-selection-mode]) {
1492
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs:not([data-selection-mode]) {
1493
1493
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1494
1494
  }
1495
- .ListBoxItem-module__hop-ListBoxItem__inner___Glzxw:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8Mad5) {
1495
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
1496
1496
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1497
1497
  }
1498
- .ListBoxItem-module__hop-ListBoxItem__inner___Glzxw[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8Mad5) {
1498
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
1499
1499
  --checkmark-transition: none;
1500
1500
  }
1501
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-selected] {
1501
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selected] {
1502
1502
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1503
1503
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1504
1504
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1505
1505
  --checkmark-opacity: 1;
1506
1506
  }
1507
- .ListBoxItem-module__hop-ListBoxItem--xs___HmQkG[data-selected] {
1507
+ .ListBoxItem-module__hop-ListBoxItem--xs___8YfDE[data-selected] {
1508
1508
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1509
1509
  }
1510
- .ListBoxItem-module__hop-ListBoxItem--sm___4vcFB[data-selected] {
1510
+ .ListBoxItem-module__hop-ListBoxItem--sm___TrltV[data-selected] {
1511
1511
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1512
1512
  }
1513
- .ListBoxItem-module__hop-ListBoxItem--md___DdzeQ[data-selected] {
1513
+ .ListBoxItem-module__hop-ListBoxItem--md___uCJrQ[data-selected] {
1514
1514
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1515
1515
  }
1516
- .ListBoxItem-module__hop-ListBoxItem--lg___u2UzS[data-selected] {
1516
+ .ListBoxItem-module__hop-ListBoxItem--lg___KsLt1[data-selected] {
1517
1517
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1518
1518
  }
1519
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-focus-visible] {
1519
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-focus-visible] {
1520
1520
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1521
1521
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1522
1522
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1523
1523
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1524
1524
  }
1525
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-hovered] {
1525
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-hovered] {
1526
1526
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1527
1527
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1528
1528
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1529
1529
  }
1530
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-pressed] {
1530
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-pressed] {
1531
1531
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1532
1532
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1533
1533
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1534
1534
  }
1535
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-disabled] {
1535
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-disabled] {
1536
1536
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1537
1537
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1538
1538
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1539
1539
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1540
1540
  --cursor: not-allowed;
1541
1541
  }
1542
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid] {
1542
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid] {
1543
1543
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1544
1544
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1545
1545
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1546
1546
  }
1547
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-selected] {
1547
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-selected] {
1548
1548
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1549
1549
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1550
1550
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1551
1551
  }
1552
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-focus-visible] {
1552
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-focus-visible] {
1553
1553
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1554
1554
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1555
1555
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1556
1556
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1557
1557
  }
1558
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-hovered] {
1558
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-hovered] {
1559
1559
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1560
1560
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1561
1561
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1562
1562
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1563
1563
  }
1564
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-pressed] {
1564
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-pressed] {
1565
1565
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1566
1566
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1567
1567
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1568
1568
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1569
1569
  }
1570
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-disabled] {
1570
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-disabled] {
1571
1571
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1572
1572
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1573
1573
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1574
1574
  }
1575
- .ListBoxItem-module__hop-ListBoxItem___an9O1:has(.ListBoxItem-module__hop-ListBoxItem__description___NDxkN) {
1575
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs:has(.ListBoxItem-module__hop-ListBoxItem__description___EcXhw) {
1576
1576
  --row-gap: var(--hop-ListBoxItem-row-gap);
1577
1577
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1578
1578
  }
1579
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-loading] {
1579
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-loading] {
1580
1580
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1581
1581
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1582
1582
  }
1583
- .ListBoxItem-module__hop-ListBoxItem__inner___Glzxw {
1583
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda {
1584
1584
  display: grid;
1585
1585
  grid-template-areas: var(--grid-template-areas);
1586
1586
  grid-template-columns: var(--grid-template-columns);
@@ -1592,33 +1592,33 @@
1592
1592
  padding-inline: var(--padding-inline);
1593
1593
  transition: grid-template-columns .3s ease-in-out;
1594
1594
  }
1595
- .ListBoxItem-module__hop-ListBoxItem__checkmark___8Mad5 {
1595
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6 {
1596
1596
  grid-area: indicator;
1597
1597
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1598
1598
  color: var(--icon-color);
1599
1599
  opacity: var(--checkmark-opacity);
1600
1600
  transition: var(--checkmark-transition);
1601
1601
  }
1602
- .ListBoxItem-module__hop-ListBoxItem__radio-group___TyMze,
1603
- .ListBoxItem-module__hop-ListBoxItem__checkbox___vnfB- {
1602
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___1SQOQ,
1603
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___mxcQY {
1604
1604
  pointer-events: none;
1605
1605
  user-select: none;
1606
1606
  grid-area: indicator;
1607
1607
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1608
1608
  }
1609
- .ListBoxItem-module__hop-ListBoxItem__avatar___H-Ss7 {
1609
+ .ListBoxItem-module__hop-ListBoxItem__avatar___BMBil {
1610
1610
  grid-area: avatar;
1611
1611
  margin-block: var(--avatar-margin-block, 0);
1612
1612
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1613
1613
  }
1614
- .ListBoxItem-module__hop-ListBoxItem__icon-list___VaNew,
1615
- .ListBoxItem-module__hop-ListBoxItem__icon___aDTWC {
1614
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___xG0WS,
1615
+ .ListBoxItem-module__hop-ListBoxItem__icon___hEAK7 {
1616
1616
  grid-area: icon;
1617
1617
  flex: 0 0 auto;
1618
1618
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1619
1619
  color: var(--icon-color);
1620
1620
  }
1621
- .ListBoxItem-module__hop-ListBoxItem__label___-uc-C {
1621
+ .ListBoxItem-module__hop-ListBoxItem__label___0UvBk {
1622
1622
  overflow: hidden;
1623
1623
  grid-area: label;
1624
1624
  min-inline-size: 0;
@@ -1626,18 +1626,18 @@
1626
1626
  text-overflow: ellipsis;
1627
1627
  white-space: nowrap;
1628
1628
  }
1629
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___FJ39g,
1630
- .ListBoxItem-module__hop-ListBoxItem__end-icon___2wdh- {
1629
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___O-D4P,
1630
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___APptS {
1631
1631
  grid-area: end-icon;
1632
1632
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1633
1633
  color: var(--icon-color);
1634
1634
  }
1635
- .ListBoxItem-module__hop-ListBoxItem__badge___1226g {
1635
+ .ListBoxItem-module__hop-ListBoxItem__badge___wKWO3 {
1636
1636
  grid-area: badge;
1637
1637
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
1638
1638
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1639
1639
  }
1640
- .ListBoxItem-module__hop-ListBoxItem__description___NDxkN {
1640
+ .ListBoxItem-module__hop-ListBoxItem__description___EcXhw {
1641
1641
  overflow: hidden;
1642
1642
  display: -webkit-box;
1643
1643
  grid-area: description;
@@ -1648,7 +1648,7 @@
1648
1648
  }
1649
1649
 
1650
1650
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
1651
- .ListBox-module__hop-ListBox___rt3cs {
1651
+ .ListBox-module__hop-ListBox___178zE {
1652
1652
  --hop-ListBox-background-color: var(--hop-neutral-surface);
1653
1653
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
1654
1654
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -1697,11 +1697,11 @@
1697
1697
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
1698
1698
  border-radius: var(--hop-ListBox-border-radius);
1699
1699
  }
1700
- .ListBox-module__hop-ListBox--fluid___vsxhM {
1700
+ .ListBox-module__hop-ListBox--fluid___g5S3Y {
1701
1701
  --max-width: var(--hop-ListBox-fluid-max-width);
1702
1702
  --width: var(--hop-ListBox-fluid-width);
1703
1703
  }
1704
- .ListBox-module__hop-ListBox__section___8rii0 {
1704
+ .ListBox-module__hop-ListBox__section___-52aj {
1705
1705
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
1706
1706
  margin-inline: var(--hop-ListBox-section-margin-inline);
1707
1707
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -1709,21 +1709,21 @@
1709
1709
  border-block-start: var(--section-border-block-start);
1710
1710
  border-block-end: var(--section-border-block-end);
1711
1711
  }
1712
- .ListBox-module__hop-ListBox__item___jg7EN + .ListBox-module__hop-ListBox__section___8rii0 {
1712
+ .ListBox-module__hop-ListBox__item___FbmGI + .ListBox-module__hop-ListBox__section___-52aj {
1713
1713
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
1714
1714
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
1715
1715
  }
1716
- .ListBox-module__hop-ListBox__section___8rii0:has(+ .ListBox-module__hop-ListBox__item___jg7EN) {
1716
+ .ListBox-module__hop-ListBox__section___-52aj:has(+ .ListBox-module__hop-ListBox__item___FbmGI) {
1717
1717
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
1718
1718
  }
1719
- .ListBox-module__hop-ListBox__section___8rii0:first-child {
1719
+ .ListBox-module__hop-ListBox__section___-52aj:first-child {
1720
1720
  --section-padding-block-start: 0;
1721
1721
  }
1722
- .ListBox-module__hop-ListBox__section___8rii0:last-child {
1722
+ .ListBox-module__hop-ListBox__section___-52aj:last-child {
1723
1723
  --section-padding-block-end: 0;
1724
1724
  --section-border-block-end: 0;
1725
1725
  }
1726
- .ListBox-module__hop-ListBox__section-header___QdDhF {
1726
+ .ListBox-module__hop-ListBox__section-header___7gxdn {
1727
1727
  margin: 0;
1728
1728
  padding: var(--hop-ListBox-section-header-padding);
1729
1729
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -1734,27 +1734,27 @@
1734
1734
  text-transform: var(--hop-ListBox-section-header-text-transform);
1735
1735
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
1736
1736
  }
1737
- .ListBox-module__hop-ListBox__section-header___QdDhF::before,
1738
- .ListBox-module__hop-ListBox__section-header___QdDhF::after {
1737
+ .ListBox-module__hop-ListBox__section-header___7gxdn::before,
1738
+ .ListBox-module__hop-ListBox__section-header___7gxdn::after {
1739
1739
  content: "";
1740
1740
  display: block;
1741
1741
  box-sizing: border-box;
1742
1742
  inline-size: 0;
1743
1743
  block-size: 0;
1744
1744
  }
1745
- .ListBox-module__hop-ListBox__section-header___QdDhF::before {
1745
+ .ListBox-module__hop-ListBox__section-header___7gxdn::before {
1746
1746
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
1747
1747
  }
1748
- .ListBox-module__hop-ListBox__section-header___QdDhF::after {
1748
+ .ListBox-module__hop-ListBox__section-header___7gxdn::after {
1749
1749
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
1750
1750
  }
1751
- .ListBox-module__hop-ListBox__divider___aRxop {
1751
+ .ListBox-module__hop-ListBox__divider___yBQm- {
1752
1752
  margin-block: var(--hop-ListBox-divider-margin-block);
1753
1753
  margin-inline: var(--hop-ListBox-divider-margin-inline);
1754
1754
  }
1755
1755
 
1756
1756
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
1757
- @keyframes Spinner-module__spin___v977U {
1757
+ @keyframes Spinner-module__spin___-Rkj1 {
1758
1758
  0% {
1759
1759
  transform: rotate(0deg);
1760
1760
  }
@@ -1762,7 +1762,7 @@
1762
1762
  transform: rotate(360deg);
1763
1763
  }
1764
1764
  }
1765
- .Spinner-module__hop-Spinner___O1-Km {
1765
+ .Spinner-module__hop-Spinner___xDrpF {
1766
1766
  --hop-Spinner-border-radius: var(--hop-shape-circle);
1767
1767
  --hop-Spinner-sm-wheel-size: 1rem;
1768
1768
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -1770,7 +1770,7 @@
1770
1770
  --hop-Spinner-track-width: 0.125rem;
1771
1771
  --hop-Spinner-track-opacity: 0.2;
1772
1772
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
1773
- --hop-Spinner-fill-animation: Spinner-module__spin___v977U .8s infinite linear;
1773
+ --hop-Spinner-fill-animation: Spinner-module__spin___-Rkj1 .8s infinite linear;
1774
1774
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
1775
1775
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
1776
1776
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -1781,19 +1781,19 @@
1781
1781
  align-items: center;
1782
1782
  box-sizing: border-box;
1783
1783
  }
1784
- .Spinner-module__hop-Spinner--sm___qV5iG {
1784
+ .Spinner-module__hop-Spinner--sm___rvdH6 {
1785
1785
  --width: var(--hop-Spinner-sm-wheel-size);
1786
1786
  --height: var(--hop-Spinner-sm-wheel-size);
1787
1787
  }
1788
- .Spinner-module__hop-Spinner--md___G30MC {
1788
+ .Spinner-module__hop-Spinner--md___z6QNv {
1789
1789
  --width: var(--hop-Spinner-md-wheel-size);
1790
1790
  --height: var(--hop-Spinner-md-wheel-size);
1791
1791
  }
1792
- .Spinner-module__hop-Spinner--lg___sYhCI {
1792
+ .Spinner-module__hop-Spinner--lg___NI1Kx {
1793
1793
  --width: var(--hop-Spinner-lg-wheel-size);
1794
1794
  --height: var(--hop-Spinner-lg-wheel-size);
1795
1795
  }
1796
- .Spinner-module__hop-Spinner__track___W5tRL {
1796
+ .Spinner-module__hop-Spinner__track___4C02S {
1797
1797
  grid-area: spinner;
1798
1798
  box-sizing: border-box;
1799
1799
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -1802,7 +1802,7 @@
1802
1802
  border: var(--hop-Spinner-track-border);
1803
1803
  border-radius: var(--hop-Spinner-border-radius);
1804
1804
  }
1805
- .Spinner-module__hop-Spinner__fill___kByJ9 {
1805
+ .Spinner-module__hop-Spinner__fill___oPPSm {
1806
1806
  grid-area: spinner;
1807
1807
  box-sizing: border-box;
1808
1808
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -1813,17 +1813,17 @@
1813
1813
  animation: var(--hop-Spinner-fill-animation);
1814
1814
  }
1815
1815
  @media (prefers-reduced-motion: reduce) {
1816
- .Spinner-module__hop-Spinner__fill___kByJ9 {
1816
+ .Spinner-module__hop-Spinner__fill___oPPSm {
1817
1817
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
1818
1818
  }
1819
1819
  }
1820
- .Spinner-module__hop-Spinner__label___8qfSZ {
1820
+ .Spinner-module__hop-Spinner__label___AivV7 {
1821
1821
  grid-area: label;
1822
1822
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
1823
1823
  }
1824
1824
 
1825
1825
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
1826
- .Button-module__hop-Button___ufqF7 {
1826
+ .Button-module__hop-Button___7f0XC {
1827
1827
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1828
1828
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1829
1829
  --hop-Button-icon-only-padding: 0;
@@ -1982,320 +1982,321 @@
1982
1982
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1983
1983
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1984
1984
  }
1985
- .Button-module__hop-Button___ufqF7[data-focus-visible] {
1985
+ .Button-module__hop-Button___7f0XC[data-focus-visible] {
1986
1986
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
1987
1987
  }
1988
- .Button-module__hop-Button--icon-only___6nkzA {
1988
+ .Button-module__hop-Button--icon-only___vYJyC {
1989
1989
  --padding-block: var(--hop-Button-icon-only-padding);
1990
1990
  --padding-inline: var(--hop-Button-icon-only-padding);
1991
1991
  column-gap: 0;
1992
1992
  aspect-ratio: 1;
1993
1993
  }
1994
- .Button-module__hop-Button___ufqF7[data-disabled],
1995
- .Button-module__hop-Button___ufqF7[data-loading] {
1994
+ .Button-module__hop-Button___7f0XC[data-disabled],
1995
+ .Button-module__hop-Button___7f0XC[data-loading] {
1996
1996
  cursor: not-allowed;
1997
1997
  }
1998
- .Button-module__hop-Button--fluid___LYhcV {
1998
+ .Button-module__hop-Button--fluid___C0JPO {
1999
1999
  --inline-size: 100%;
2000
2000
  }
2001
- .Button-module__hop-Button--sm___rqKIE {
2001
+ .Button-module__hop-Button--sm___yM9Fq {
2002
2002
  --block-size: var(--hop-Button-sm-height);
2003
2003
  }
2004
- .Button-module__hop-Button--primary___pOCG7.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
2004
+ .Button-module__hop-Button--primary___V1ds9.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
2005
2005
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
2006
2006
  --padding-block: var(--hop-Button-primary-sm-padding-y);
2007
2007
  }
2008
- .Button-module__hop-Button--primary___pOCG7.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
2008
+ .Button-module__hop-Button--primary___V1ds9.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
2009
2009
  --padding-inline: var(--hop-Button-primary-md-padding-x);
2010
2010
  --padding-block: var(--hop-Button-primary-md-padding-y);
2011
2011
  }
2012
- .Button-module__hop-Button--secondary___ixxaS.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
2012
+ .Button-module__hop-Button--secondary___qS99y.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
2013
2013
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
2014
2014
  --padding-block: var(--hop-Button-secondary-md-padding-y);
2015
2015
  }
2016
- .Button-module__hop-Button--secondary___ixxaS.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
2016
+ .Button-module__hop-Button--secondary___qS99y.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
2017
2017
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
2018
2018
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
2019
2019
  }
2020
- .Button-module__hop-Button--upsell___fKGBb.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
2020
+ .Button-module__hop-Button--upsell___DBn1I.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
2021
2021
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
2022
2022
  --padding-block: var(--hop-Button-upsell-md-padding-y);
2023
2023
  }
2024
- .Button-module__hop-Button--upsell___fKGBb.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
2024
+ .Button-module__hop-Button--upsell___DBn1I.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
2025
2025
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
2026
2026
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
2027
2027
  }
2028
- .Button-module__hop-Button--danger___IDbG4.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
2028
+ .Button-module__hop-Button--danger___tvj3G.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
2029
2029
  --padding-inline: var(--hop-Button-danger-md-padding-x);
2030
2030
  --padding-block: var(--hop-Button-danger-md-padding-y);
2031
2031
  }
2032
- .Button-module__hop-Button--danger___IDbG4.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
2032
+ .Button-module__hop-Button--danger___tvj3G.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
2033
2033
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
2034
2034
  --padding-block: var(--hop-Button-danger-sm-padding-y);
2035
2035
  }
2036
- .Button-module__hop-Button--ghost-danger___1zhrR.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
2036
+ .Button-module__hop-Button--ghost-danger___D-J5Y.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
2037
2037
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
2038
2038
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
2039
2039
  }
2040
- .Button-module__hop-Button--ghost-danger___1zhrR.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
2040
+ .Button-module__hop-Button--ghost-danger___D-J5Y.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
2041
2041
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
2042
2042
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
2043
2043
  }
2044
- .Button-module__hop-Button--ghost-secondary___cwxat.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
2044
+ .Button-module__hop-Button--ghost-secondary___hXVww.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
2045
2045
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
2046
2046
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
2047
2047
  }
2048
- .Button-module__hop-Button--ghost-secondary___cwxat.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
2048
+ .Button-module__hop-Button--ghost-secondary___hXVww.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
2049
2049
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
2050
2050
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
2051
2051
  }
2052
- .Button-module__hop-Button--ghost-primary___Yqrhr.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
2052
+ .Button-module__hop-Button--ghost-primary___zblpI.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
2053
2053
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
2054
2054
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
2055
2055
  }
2056
- .Button-module__hop-Button--ghost-primary___Yqrhr.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
2056
+ .Button-module__hop-Button--ghost-primary___zblpI.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
2057
2057
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
2058
2058
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
2059
2059
  }
2060
- .Button-module__hop-Button--primary___pOCG7 {
2060
+ .Button-module__hop-Button--primary___V1ds9 {
2061
2061
  --background-color: var(--hop-Button-primary-background-color);
2062
2062
  --color: var(--hop-Button-primary-color);
2063
2063
  --border: var(--hop-Button-primary-border);
2064
2064
  --spinner-color: var(--hop-Button-primary-spinner-color);
2065
2065
  }
2066
- .Button-module__hop-Button--primary___pOCG7[data-disabled]:not([data-loading]) {
2066
+ .Button-module__hop-Button--primary___V1ds9[data-disabled]:not([data-loading]) {
2067
2067
  --background-color: var(--hop-Button-primary-background-color-disabled);
2068
2068
  --color: var(--hop-Button-primary-color-disabled);
2069
2069
  --border: var(--hop-Button-primary-border-disabled);
2070
2070
  }
2071
- .Button-module__hop-Button--primary___pOCG7[data-hovered]:not([data-disabled], [data-loading]),
2072
- .Button-module__hop-Button--primary___pOCG7[data-focus-visible]:not([data-disabled], [data-loading]) {
2071
+ .Button-module__hop-Button--primary___V1ds9[data-hovered]:not([data-disabled], [data-loading]),
2072
+ .Button-module__hop-Button--primary___V1ds9[data-focus-visible]:not([data-disabled], [data-loading]) {
2073
2073
  --background-color: var(--hop-Button-primary-background-color-hover);
2074
2074
  --color: var(--hop-Button-primary-color-hover);
2075
2075
  --border: var(--hop-Button-primary-border-hover);
2076
2076
  }
2077
- .Button-module__hop-Button--primary___pOCG7[data-pressed]:not([data-loading]) {
2077
+ .Button-module__hop-Button--primary___V1ds9[data-pressed]:not([data-loading]) {
2078
2078
  --background-color: var(--hop-Button-primary-background-color-pressed);
2079
2079
  --color: var(--hop-Button-primary-color-pressed);
2080
2080
  --border: var(--hop-Button-primary-border-pressed);
2081
2081
  }
2082
- .Button-module__hop-Button--secondary___ixxaS {
2082
+ .Button-module__hop-Button--secondary___qS99y {
2083
2083
  --background-color: var(--hop-Button-secondary-background-color);
2084
2084
  --color: var(--hop-Button-secondary-color);
2085
2085
  --border: var(--hop-Button-secondary-border);
2086
2086
  --spinner-color: var(--hop-Button-secondary-spinner-color);
2087
2087
  }
2088
- .Button-module__hop-Button--secondary___ixxaS[data-disabled]:not([data-loading]) {
2088
+ .Button-module__hop-Button--secondary___qS99y[data-disabled]:not([data-loading]) {
2089
2089
  --background-color: var(--hop-Button-secondary-background-color-disabled);
2090
2090
  --color: var(--hop-Button-secondary-color-disabled);
2091
2091
  --border: var(--hop-Button-secondary-border-disabled);
2092
2092
  }
2093
- .Button-module__hop-Button--secondary___ixxaS[data-hovered]:not([data-disabled], [data-loading]),
2094
- .Button-module__hop-Button--secondary___ixxaS[data-focus-visible]:not([data-disabled], [data-loading]) {
2093
+ .Button-module__hop-Button--secondary___qS99y[data-hovered]:not([data-disabled], [data-loading]),
2094
+ .Button-module__hop-Button--secondary___qS99y[data-focus-visible]:not([data-disabled], [data-loading]) {
2095
2095
  --background-color: var(--hop-Button-secondary-background-color-hover);
2096
2096
  --color: var(--hop-Button-secondary-color-hover);
2097
2097
  --border: var(--hop-Button-secondary-border-hover);
2098
2098
  }
2099
- .Button-module__hop-Button--secondary___ixxaS[data-pressed]:not([data-loading]) {
2099
+ .Button-module__hop-Button--secondary___qS99y[data-pressed]:not([data-loading]) {
2100
2100
  --background-color: var(--hop-Button-secondary-background-color-pressed);
2101
2101
  --color: var(--hop-Button-secondary-color-pressed);
2102
2102
  --border: var(--hop-Button-secondary-border-pressed);
2103
2103
  }
2104
- .Button-module__hop-Button--upsell___fKGBb {
2104
+ .Button-module__hop-Button--upsell___DBn1I {
2105
2105
  --background-color: var(--hop-Button-upsell-background-color);
2106
2106
  --color: var(--hop-Button-upsell-color);
2107
2107
  --border: var(--hop-Button-upsell-border);
2108
2108
  --spinner-color: var(--hop-Button-upsell-spinner-color);
2109
2109
  }
2110
- .Button-module__hop-Button--upsell___fKGBb[data-disabled]:not([data-loading]) {
2110
+ .Button-module__hop-Button--upsell___DBn1I[data-disabled]:not([data-loading]) {
2111
2111
  --background-color: var(--hop-Button-upsell-background-color-disabled);
2112
2112
  --color: var(--hop-Button-upsell-color-disabled);
2113
2113
  --border: var(--hop-Button-upsell-border-disabled);
2114
2114
  }
2115
- .Button-module__hop-Button--upsell___fKGBb[data-hovered]:not([data-disabled], [data-loading]),
2116
- .Button-module__hop-Button--upsell___fKGBb[data-focus-visible]:not([data-disabled], [data-loading]) {
2115
+ .Button-module__hop-Button--upsell___DBn1I[data-hovered]:not([data-disabled], [data-loading]),
2116
+ .Button-module__hop-Button--upsell___DBn1I[data-focus-visible]:not([data-disabled], [data-loading]) {
2117
2117
  --background-color: var(--hop-Button-upsell-background-color-hover);
2118
2118
  --color: var(--hop-Button-upsell-color-hover);
2119
2119
  --border: var(--hop-Button-upsell-border-hover);
2120
2120
  }
2121
- .Button-module__hop-Button--upsell___fKGBb[data-pressed]:not([data-loading]) {
2121
+ .Button-module__hop-Button--upsell___DBn1I[data-pressed]:not([data-loading]) {
2122
2122
  --background-color: var(--hop-Button-upsell-background-color-pressed);
2123
2123
  --color: var(--hop-Button-upsell-color-pressed);
2124
2124
  --border: var(--hop-Button-upsell-border-pressed);
2125
2125
  }
2126
- .Button-module__hop-Button--danger___IDbG4 {
2126
+ .Button-module__hop-Button--danger___tvj3G {
2127
2127
  --background-color: var(--hop-Button-danger-background-color);
2128
2128
  --color: var(--hop-Button-danger-color);
2129
2129
  --border: var(--hop-Button-danger-border);
2130
2130
  --spinner-color: var(--hop-Button-danger-spinner-color);
2131
2131
  }
2132
- .Button-module__hop-Button--danger___IDbG4[data-disabled]:not([data-loading]) {
2132
+ .Button-module__hop-Button--danger___tvj3G[data-disabled]:not([data-loading]) {
2133
2133
  --background-color: var(--hop-Button-danger-background-color-disabled);
2134
2134
  --color: var(--hop-Button-danger-color-disabled);
2135
2135
  --border: var(--hop-Button-danger-border-disabled);
2136
2136
  }
2137
- .Button-module__hop-Button--danger___IDbG4[data-hovered]:not([data-disabled], [data-loading]),
2138
- .Button-module__hop-Button--danger___IDbG4[data-focus-visible]:not([data-disabled], [data-loading]) {
2137
+ .Button-module__hop-Button--danger___tvj3G[data-hovered]:not([data-disabled], [data-loading]),
2138
+ .Button-module__hop-Button--danger___tvj3G[data-focus-visible]:not([data-disabled], [data-loading]) {
2139
2139
  --background-color: var(--hop-Button-danger-background-color-hover);
2140
2140
  --color: var(--hop-Button-danger-color-hover);
2141
2141
  --border: var(--hop-Button-danger-border-hover);
2142
2142
  }
2143
- .Button-module__hop-Button--danger___IDbG4[data-pressed]:not([data-loading]) {
2143
+ .Button-module__hop-Button--danger___tvj3G[data-pressed]:not([data-loading]) {
2144
2144
  --background-color: var(--hop-Button-danger-background-color-pressed);
2145
2145
  --color: var(--hop-Button-danger-color-pressed);
2146
2146
  --border: var(--hop-Button-danger-border-pressed);
2147
2147
  }
2148
- .Button-module__hop-Button--ghost-primary___Yqrhr {
2148
+ .Button-module__hop-Button--ghost-primary___zblpI {
2149
2149
  --background-color: var(--hop-Button-ghost-primary-background-color);
2150
2150
  --color: var(--hop-Button-ghost-primary-color);
2151
2151
  --border: var(--hop-Button-ghost-primary-border);
2152
2152
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2153
2153
  }
2154
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-disabled]:not([data-loading]) {
2154
+ .Button-module__hop-Button--ghost-primary___zblpI[data-disabled]:not([data-loading]) {
2155
2155
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
2156
2156
  --color: var(--hop-Button-ghost-primary-color-disabled);
2157
2157
  --border: var(--hop-Button-ghost-primary-border-disabled);
2158
2158
  }
2159
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-hovered]:not([data-disabled], [data-loading]),
2160
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-focus-visible]:not([data-disabled], [data-loading]) {
2159
+ .Button-module__hop-Button--ghost-primary___zblpI[data-hovered]:not([data-disabled], [data-loading]),
2160
+ .Button-module__hop-Button--ghost-primary___zblpI[data-focus-visible]:not([data-disabled], [data-loading]) {
2161
2161
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
2162
2162
  --color: var(--hop-Button-ghost-primary-color-hover);
2163
2163
  --border: var(--hop-Button-ghost-primary-border-hover);
2164
2164
  }
2165
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-pressed]:not([data-loading]) {
2165
+ .Button-module__hop-Button--ghost-primary___zblpI[data-pressed]:not([data-loading]) {
2166
2166
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
2167
2167
  --color: var(--hop-Button-ghost-primary-color-pressed);
2168
2168
  --border: var(--hop-Button-ghost-primary-border-pressed);
2169
2169
  }
2170
- .Button-module__hop-Button--ghost-secondary___cwxat {
2170
+ .Button-module__hop-Button--ghost-secondary___hXVww {
2171
2171
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2172
2172
  --color: var(--hop-Button-ghost-secondary-color);
2173
2173
  --border: var(--hop-Button-ghost-secondary-border);
2174
2174
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2175
2175
  }
2176
- .Button-module__hop-Button--ghost-secondary___cwxat[data-disabled]:not([data-loading]) {
2176
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-disabled]:not([data-loading]) {
2177
2177
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
2178
2178
  --color: var(--hop-Button-ghost-secondary-color-disabled);
2179
2179
  --border: var(--hop-Button-ghost-secondary-border-disabled);
2180
2180
  }
2181
- .Button-module__hop-Button--ghost-secondary___cwxat[data-hovered]:not([data-disabled], [data-loading]),
2182
- .Button-module__hop-Button--ghost-secondary___cwxat[data-focus-visible]:not([data-disabled], [data-loading]) {
2181
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-hovered]:not([data-disabled], [data-loading]),
2182
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-focus-visible]:not([data-disabled], [data-loading]) {
2183
2183
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
2184
2184
  --color: var(--hop-Button-ghost-secondary-color-hover);
2185
2185
  --border: var(--hop-Button-ghost-secondary-border-hover);
2186
2186
  }
2187
- .Button-module__hop-Button--ghost-secondary___cwxat[data-pressed]:not([data-loading]) {
2187
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-pressed]:not([data-loading]) {
2188
2188
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2189
2189
  --color: var(--hop-Button-ghost-secondary-color-pressed);
2190
2190
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2191
2191
  }
2192
- .Button-module__hop-Button--ghost-danger___1zhrR {
2192
+ .Button-module__hop-Button--ghost-danger___D-J5Y {
2193
2193
  --background-color: var(--hop-Button-ghost-danger-background-color);
2194
2194
  --color: var(--hop-Button-ghost-danger-color);
2195
2195
  --border: var(--hop-Button-ghost-danger-border);
2196
2196
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2197
2197
  }
2198
- .Button-module__hop-Button--ghost-danger___1zhrR[data-disabled]:not([data-loading]) {
2198
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-disabled]:not([data-loading]) {
2199
2199
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
2200
2200
  --color: var(--hop-Button-ghost-danger-color-disabled);
2201
2201
  --border: var(--hop-Button-ghost-danger-border-disabled);
2202
2202
  }
2203
- .Button-module__hop-Button--ghost-danger___1zhrR[data-hovered]:not([data-disabled], [data-loading]),
2204
- .Button-module__hop-Button--ghost-danger___1zhrR[data-focus-visible]:not([data-disabled], [data-loading]) {
2203
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-hovered]:not([data-disabled], [data-loading]),
2204
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-focus-visible]:not([data-disabled], [data-loading]) {
2205
2205
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2206
2206
  --color: var(--hop-Button-ghost-danger-color-hover);
2207
2207
  --border: var(--hop-Button-ghost-danger-border-hover);
2208
2208
  }
2209
- .Button-module__hop-Button--ghost-danger___1zhrR[data-pressed]:not([data-loading]) {
2209
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-pressed]:not([data-loading]) {
2210
2210
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2211
2211
  --color: var(--hop-Button-ghost-danger-color-pressed);
2212
2212
  --border: var(--hop-Button-ghost-danger-border-pressed);
2213
2213
  }
2214
- .Button-module__hop-Button__Spinner___hQZHn {
2214
+ .Button-module__hop-Button__Spinner___F4-Og {
2215
2215
  position: absolute;
2216
2216
  justify-self: center;
2217
2217
  color: var(--spinner-color);
2218
2218
  }
2219
- .Button-module__hop-Button__icon___-HWSV,
2220
- .Button-module__hop-Button__icon-list___E7GUi {
2219
+ .Button-module__hop-Button__icon___kTXqa,
2220
+ .Button-module__hop-Button__icon-list___GeO8R {
2221
2221
  grid-area: start-icon;
2222
2222
  justify-self: end;
2223
2223
  }
2224
- .Button-module__hop-Button__text___2dU0i {
2224
+ .Button-module__hop-Button__text___7wLcn {
2225
2225
  user-select: none;
2226
2226
  overflow: visible;
2227
2227
  grid-area: content;
2228
2228
  font-weight: var(--hop-font-weight-505);
2229
2229
  text-wrap: nowrap;
2230
2230
  }
2231
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
2232
- .Button-module__hop-Button--ghost-secondary___cwxat[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
2233
- .Button-module__hop-Button--ghost-danger___1zhrR[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
2234
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
2235
- .Button-module__hop-Button--ghost-secondary___cwxat[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
2236
- .Button-module__hop-Button--ghost-danger___1zhrR[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
2237
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
2238
- .Button-module__hop-Button--ghost-secondary___cwxat[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
2239
- .Button-module__hop-Button--ghost-danger___1zhrR[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___2dU0i {
2231
+ .Button-module__hop-Button--ghost-primary___zblpI[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
2232
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
2233
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
2234
+ .Button-module__hop-Button--ghost-primary___zblpI[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
2235
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
2236
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
2237
+ .Button-module__hop-Button--ghost-primary___zblpI[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
2238
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
2239
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn {
2240
2240
  text-decoration: underline;
2241
2241
  text-underline-offset: 0.125rem;
2242
2242
  }
2243
- .Button-module__hop-Button__end-icon___5Jtro,
2244
- .Button-module__hop-Button__end-icon-list___CC5Vx {
2243
+ .Button-module__hop-Button__end-icon___nqUHY,
2244
+ .Button-module__hop-Button__end-icon-list___qnuyp {
2245
2245
  grid-area: end-icon;
2246
2246
  }
2247
- .Button-module__hop-Button___ufqF7 .Button-module__hop-Button__icon-list___E7GUi,
2248
- .Button-module__hop-Button___ufqF7 .Button-module__hop-Button__end-icon-list___CC5Vx {
2247
+ .Button-module__hop-Button___7f0XC .Button-module__hop-Button__icon-list___GeO8R,
2248
+ .Button-module__hop-Button___7f0XC .Button-module__hop-Button__end-icon-list___qnuyp {
2249
2249
  flex-wrap: nowrap;
2250
2250
  }
2251
- .Button-module__hop-Button___ufqF7[data-loading] > *:not(.Button-module__hop-Button__Spinner___hQZHn) {
2251
+ .Button-module__hop-Button___7f0XC[data-loading] > *:not(.Button-module__hop-Button__Spinner___F4-Og) {
2252
2252
  opacity: 0;
2253
2253
  }
2254
2254
 
2255
2255
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
2256
- .ButtonGroup-module__hop-ButtonGroup___-0tKw {
2256
+ .ButtonGroup-module__hop-ButtonGroup___YT-Pf {
2257
2257
  display: inline-flex;
2258
2258
  flex-wrap: nowrap;
2259
2259
  gap: var(--hop-space-inline-md);
2260
2260
  }
2261
- .ButtonGroup-module__hop-ButtonGroup--horizontal___Ep68N {
2261
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
2262
2262
  justify-content: center;
2263
2263
  }
2264
- .ButtonGroup-module__hop-ButtonGroup--vertical___jJszJ {
2264
+ .ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
2265
2265
  flex-direction: column;
2266
2266
  gap: var(--hop-space-stack-md);
2267
2267
  align-items: center;
2268
2268
  }
2269
- .ButtonGroup-module__hop-ButtonGroup--start___2KX1h.ButtonGroup-module__hop-ButtonGroup--vertical___jJszJ {
2269
+ .ButtonGroup-module__hop-ButtonGroup--start___uoWWd.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
2270
2270
  align-items: flex-start;
2271
2271
  }
2272
- .ButtonGroup-module__hop-ButtonGroup--center___Pky9c.ButtonGroup-module__hop-ButtonGroup--vertical___jJszJ {
2272
+ .ButtonGroup-module__hop-ButtonGroup--center___O2vmx.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
2273
2273
  align-items: center;
2274
2274
  }
2275
- .ButtonGroup-module__hop-ButtonGroup--end___ZX-GX.ButtonGroup-module__hop-ButtonGroup--vertical___jJszJ {
2275
+ .ButtonGroup-module__hop-ButtonGroup--end___EWwbH.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
2276
2276
  align-items: flex-end;
2277
2277
  }
2278
- .ButtonGroup-module__hop-ButtonGroup--start___2KX1h.ButtonGroup-module__hop-ButtonGroup--horizontal___Ep68N {
2278
+ .ButtonGroup-module__hop-ButtonGroup--start___uoWWd.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
2279
2279
  justify-content: flex-start;
2280
2280
  }
2281
- .ButtonGroup-module__hop-ButtonGroup--center___Pky9c.ButtonGroup-module__hop-ButtonGroup--horizontal___Ep68N {
2281
+ .ButtonGroup-module__hop-ButtonGroup--center___O2vmx.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
2282
2282
  justify-content: center;
2283
2283
  }
2284
- .ButtonGroup-module__hop-ButtonGroup--end___ZX-GX.ButtonGroup-module__hop-ButtonGroup--horizontal___Ep68N {
2284
+ .ButtonGroup-module__hop-ButtonGroup--end___EWwbH.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
2285
2285
  justify-content: flex-end;
2286
2286
  }
2287
- .ButtonGroup-module__hop-ButtonGroup--wrap___mxDuP {
2287
+ .ButtonGroup-module__hop-ButtonGroup--wrap___GQ5sK {
2288
2288
  flex-wrap: wrap;
2289
2289
  }
2290
- .ButtonGroup-module__hop-ButtonGroup--fluid___FadqF {
2290
+ .ButtonGroup-module__hop-ButtonGroup--fluid___idplN {
2291
2291
  inline-size: 100%;
2292
2292
  }
2293
2293
 
2294
2294
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
2295
- .EmbeddedButton-module__hop-EmbeddedButton___0z1Vu {
2295
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb {
2296
2296
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
2297
2297
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
2298
2298
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
2299
+ --hop-EmbeddedButton-effect-square-border-radius: var(--hop-shape-rounded-sm);
2299
2300
  --hop-EmbeddedButton-md-height: 1.5rem;
2300
2301
  --hop-EmbeddedButton-md-width: 1.5rem;
2301
2302
  --hop-EmbeddedButton-md-effect-height: 1rem;
@@ -2455,7 +2456,7 @@
2455
2456
  outline: none;
2456
2457
  transition: color var(--transition);
2457
2458
  }
2458
- .EmbeddedButton-module__hop-EmbeddedButton___0z1Vu::before {
2459
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb::before {
2459
2460
  content: "";
2460
2461
  position: absolute;
2461
2462
  inset-block-start: 50%;
@@ -2468,288 +2469,291 @@
2468
2469
  border-radius: var(--effect-border-radius);
2469
2470
  transition: background-color var(--transition);
2470
2471
  }
2471
- .EmbeddedButton-module__hop-EmbeddedButton--md___G-uWy {
2472
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-square] {
2473
+ --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
2474
+ }
2475
+ .EmbeddedButton-module__hop-EmbeddedButton--md___c-uxl {
2472
2476
  --inline-size: var(--hop-EmbeddedButton-md-width);
2473
2477
  --block-size: var(--hop-EmbeddedButton-md-height);
2474
2478
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
2475
2479
  }
2476
- .EmbeddedButton-module__hop-EmbeddedButton--lg___z8VIY {
2480
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___3w8cX {
2477
2481
  --inline-size: var(--hop-EmbeddedButton-lg-width);
2478
2482
  --block-size: var(--hop-EmbeddedButton-lg-height);
2479
2483
  --focus-ring-offset: 0;
2480
2484
  }
2481
- .EmbeddedButton-module__hop-EmbeddedButton--md___G-uWy::before {
2485
+ .EmbeddedButton-module__hop-EmbeddedButton--md___c-uxl::before {
2482
2486
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
2483
2487
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
2484
2488
  }
2485
- .EmbeddedButton-module__hop-EmbeddedButton--lg___z8VIY::before {
2489
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___3w8cX::before {
2486
2490
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
2487
2491
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
2488
2492
  }
2489
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK {
2493
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0 {
2490
2494
  --color: var(--hop-EmbeddedButton-neutral-color);
2491
2495
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
2492
2496
  }
2493
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg {
2497
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl {
2494
2498
  --color: var(--hop-EmbeddedButton-subdued-color);
2495
2499
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
2496
2500
  }
2497
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A {
2501
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs {
2498
2502
  --color: var(--hop-EmbeddedButton-progress-color);
2499
2503
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
2500
2504
  }
2501
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU {
2505
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS {
2502
2506
  --color: var(--hop-EmbeddedButton-positive-color);
2503
2507
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
2504
2508
  }
2505
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG {
2509
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl {
2506
2510
  --color: var(--hop-EmbeddedButton-caution-color);
2507
2511
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
2508
2512
  }
2509
- .EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc- {
2513
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB {
2510
2514
  --color: var(--hop-EmbeddedButton-negative-color);
2511
2515
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
2512
2516
  }
2513
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ {
2517
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h- {
2514
2518
  --color: var(--hop-EmbeddedButton-option1-color);
2515
2519
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
2516
2520
  }
2517
- .EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp {
2521
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9 {
2518
2522
  --color: var(--hop-EmbeddedButton-option2-color);
2519
2523
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
2520
2524
  }
2521
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K {
2525
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy {
2522
2526
  --color: var(--hop-EmbeddedButton-option3-color);
2523
2527
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
2524
2528
  }
2525
- .EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU {
2529
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN {
2526
2530
  --color: var(--hop-EmbeddedButton-option4-color);
2527
2531
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
2528
2532
  }
2529
- .EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG {
2533
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn {
2530
2534
  --color: var(--hop-EmbeddedButton-option5-color);
2531
2535
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
2532
2536
  }
2533
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI {
2537
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN {
2534
2538
  --color: var(--hop-EmbeddedButton-option6-color);
2535
2539
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
2536
2540
  }
2537
- .EmbeddedButton-module__hop-EmbeddedButton___0z1Vu[data-selected] {
2541
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-selected] {
2538
2542
  --color: var(--hop-EmbeddedButton-selected-color);
2539
2543
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
2540
2544
  }
2541
- .EmbeddedButton-module__hop-EmbeddedButton___0z1Vu[data-focus-visible] {
2545
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-focus-visible] {
2542
2546
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
2543
2547
  outline-offset: var(--focus-ring-offset);
2544
2548
  }
2545
- .EmbeddedButton-module__hop-EmbeddedButton___0z1Vu[data-disabled] {
2549
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-disabled] {
2546
2550
  cursor: not-allowed;
2547
2551
  }
2548
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK[data-hovered] {
2552
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-hovered] {
2549
2553
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
2550
2554
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
2551
2555
  }
2552
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK[data-focus-visible] {
2556
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-focus-visible] {
2553
2557
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
2554
2558
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
2555
2559
  }
2556
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK[data-pressed] {
2560
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-pressed] {
2557
2561
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
2558
2562
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
2559
2563
  }
2560
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK[data-disabled] {
2564
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-disabled] {
2561
2565
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
2562
2566
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
2563
2567
  }
2564
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg[data-hovered] {
2568
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-hovered] {
2565
2569
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
2566
2570
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
2567
2571
  }
2568
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg[data-focus-visible] {
2572
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-focus-visible] {
2569
2573
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
2570
2574
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
2571
2575
  }
2572
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg[data-pressed] {
2576
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-pressed] {
2573
2577
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
2574
2578
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
2575
2579
  }
2576
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg[data-disabled] {
2580
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-disabled] {
2577
2581
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
2578
2582
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
2579
2583
  }
2580
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A[data-hovered] {
2584
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-hovered] {
2581
2585
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
2582
2586
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
2583
2587
  }
2584
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A[data-focus-visible] {
2588
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-focus-visible] {
2585
2589
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
2586
2590
  --color: var(--hop-EmbeddedButton-progress-color-focused);
2587
2591
  }
2588
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A[data-pressed] {
2592
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-pressed] {
2589
2593
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
2590
2594
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
2591
2595
  }
2592
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A[data-disabled] {
2596
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-disabled] {
2593
2597
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
2594
2598
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
2595
2599
  }
2596
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU[data-hovered] {
2600
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-hovered] {
2597
2601
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
2598
2602
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
2599
2603
  }
2600
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU[data-focus-visible] {
2604
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-focus-visible] {
2601
2605
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
2602
2606
  --color: var(--hop-EmbeddedButton-positive-color-focused);
2603
2607
  }
2604
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU[data-pressed] {
2608
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-pressed] {
2605
2609
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
2606
2610
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
2607
2611
  }
2608
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU[data-disabled] {
2612
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-disabled] {
2609
2613
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
2610
2614
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
2611
2615
  }
2612
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG[data-hovered] {
2616
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-hovered] {
2613
2617
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
2614
2618
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
2615
2619
  }
2616
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG[data-focus-visible] {
2620
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-focus-visible] {
2617
2621
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
2618
2622
  --color: var(--hop-EmbeddedButton-caution-color-focused);
2619
2623
  }
2620
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG[data-pressed] {
2624
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-pressed] {
2621
2625
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
2622
2626
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
2623
2627
  }
2624
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG[data-disabled] {
2628
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-disabled] {
2625
2629
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
2626
2630
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
2627
2631
  }
2628
- .EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-[data-hovered] {
2632
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-hovered] {
2629
2633
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
2630
2634
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
2631
2635
  }
2632
- .EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-[data-focus-visible] {
2636
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-focus-visible] {
2633
2637
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
2634
2638
  --color: var(--hop-EmbeddedButton-negative-color-focused);
2635
2639
  }
2636
- .EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-[data-pressed] {
2640
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-pressed] {
2637
2641
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
2638
2642
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
2639
2643
  }
2640
- .EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-[data-disabled] {
2644
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-disabled] {
2641
2645
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
2642
2646
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
2643
2647
  }
2644
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ[data-hovered] {
2648
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-hovered] {
2645
2649
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
2646
2650
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
2647
2651
  }
2648
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ[data-focus-visible] {
2652
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-focus-visible] {
2649
2653
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
2650
2654
  --color: var(--hop-EmbeddedButton-option1-color-focused);
2651
2655
  }
2652
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ[data-pressed] {
2656
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-pressed] {
2653
2657
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
2654
2658
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
2655
2659
  }
2656
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ[data-disabled] {
2660
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-disabled] {
2657
2661
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
2658
2662
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
2659
2663
  }
2660
- .EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp[data-hovered] {
2664
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-hovered] {
2661
2665
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
2662
2666
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
2663
2667
  }
2664
- .EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp[data-focus-visible] {
2668
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-focus-visible] {
2665
2669
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
2666
2670
  --color: var(--hop-EmbeddedButton-option2-color-focused);
2667
2671
  }
2668
- .EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp[data-pressed] {
2672
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-pressed] {
2669
2673
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
2670
2674
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
2671
2675
  }
2672
- .EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp[data-disabled] {
2676
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-disabled] {
2673
2677
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
2674
2678
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
2675
2679
  }
2676
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K[data-hovered] {
2680
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-hovered] {
2677
2681
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
2678
2682
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
2679
2683
  }
2680
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K[data-focus-visible] {
2684
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-focus-visible] {
2681
2685
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
2682
2686
  --color: var(--hop-EmbeddedButton-option3-color-focused);
2683
2687
  }
2684
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K[data-pressed] {
2688
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-pressed] {
2685
2689
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
2686
2690
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
2687
2691
  }
2688
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K[data-disabled] {
2692
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-disabled] {
2689
2693
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
2690
2694
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
2691
2695
  }
2692
- .EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU[data-hovered] {
2696
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-hovered] {
2693
2697
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
2694
2698
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
2695
2699
  }
2696
- .EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU[data-focus-visible] {
2700
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-focus-visible] {
2697
2701
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
2698
2702
  --color: var(--hop-EmbeddedButton-option4-color-focused);
2699
2703
  }
2700
- .EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU[data-pressed] {
2704
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-pressed] {
2701
2705
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
2702
2706
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
2703
2707
  }
2704
- .EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU[data-disabled] {
2708
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-disabled] {
2705
2709
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
2706
2710
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
2707
2711
  }
2708
- .EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG[data-hovered] {
2712
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-hovered] {
2709
2713
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
2710
2714
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
2711
2715
  }
2712
- .EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG[data-focus-visible] {
2716
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-focus-visible] {
2713
2717
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
2714
2718
  --color: var(--hop-EmbeddedButton-option5-color-focused);
2715
2719
  }
2716
- .EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG[data-pressed] {
2720
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-pressed] {
2717
2721
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
2718
2722
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
2719
2723
  }
2720
- .EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG[data-disabled] {
2724
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-disabled] {
2721
2725
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
2722
2726
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
2723
2727
  }
2724
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI[data-hovered] {
2728
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-hovered] {
2725
2729
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
2726
2730
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
2727
2731
  }
2728
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI[data-focus-visible] {
2732
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-focus-visible] {
2729
2733
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
2730
2734
  --color: var(--hop-EmbeddedButton-option6-color-focused);
2731
2735
  }
2732
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI[data-pressed] {
2736
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-pressed] {
2733
2737
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
2734
2738
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
2735
2739
  }
2736
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI[data-disabled] {
2740
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-disabled] {
2737
2741
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
2738
2742
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
2739
2743
  }
2740
- .EmbeddedButton-module__hop-EmbeddedButton__icon___ZNJEB {
2744
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___IfhUX {
2741
2745
  position: relative;
2742
2746
  }
2743
2747
 
2744
2748
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
2745
- .Form-module__hop-Form___Nzjsc {
2749
+ .Form-module__hop-Form___PGIZl {
2746
2750
  display: flex;
2747
2751
  flex-direction: column;
2748
2752
  gap: var(--hop-space-stack-lg);
2749
2753
  }
2750
2754
 
2751
2755
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2752
- .InputGroup-module__hop-InputGroup___Bza37 {
2756
+ .InputGroup-module__hop-InputGroup___9-1q- {
2753
2757
  --hop-InputGroup-background: var(--hop-neutral-surface);
2754
2758
  --hop-InputGroup-border-color: var(--hop-neutral-border);
2755
2759
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2797,6 +2801,7 @@
2797
2801
  --hop-InputGroup-placeholder-line-height: inherit;
2798
2802
  --hop-InputGroup-placeholder-color: var(--hop-neutral-text-weakest);
2799
2803
  --hop-InputGroup-placeholder-color-disabled: var(--hop-neutral-text-disabled);
2804
+ --hop-InputGroup-embedded-button-margin-inline-end: calc(-1 * var(--hop-space-inline-sm));
2800
2805
  --inline-size: var(--hop-InputGroup-inline-size);
2801
2806
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
2802
2807
  --background: var(--hop-InputGroup-background);
@@ -2829,11 +2834,11 @@
2829
2834
  border: var(--border);
2830
2835
  border-radius: var(--hop-InputGroup-border-radius);
2831
2836
  }
2832
- .InputGroup-module__hop-InputGroup--fluid___cf38K {
2837
+ .InputGroup-module__hop-InputGroup--fluid___k2wft {
2833
2838
  --inline-size: 100%;
2834
2839
  --input-inline-size: 100%;
2835
2840
  }
2836
- .InputGroup-module__hop-InputGroup--sm___DJIbp {
2841
+ .InputGroup-module__hop-InputGroup--sm___mFJd4 {
2837
2842
  --block-size: var(--hop-InputGroup-sm-block-size);
2838
2843
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2839
2844
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2841,7 +2846,7 @@
2841
2846
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2842
2847
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2843
2848
  }
2844
- .InputGroup-module__hop-InputGroup___Bza37[data-input-type=textarea] {
2849
+ .InputGroup-module__hop-InputGroup___9-1q-[data-input-type=textarea] {
2845
2850
  --gap: var(--hop-InputGroup-gap-textarea);
2846
2851
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2847
2852
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2849,28 +2854,28 @@
2849
2854
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2850
2855
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2851
2856
  }
2852
- .InputGroup-module__hop-InputGroup___Bza37[data-input-type=number] {
2857
+ .InputGroup-module__hop-InputGroup___9-1q-[data-input-type=number] {
2853
2858
  --display: var(--hop-InputGroup-display-number);
2854
2859
  --gap: var(--hop-InputGroup-gap-number);
2855
2860
  }
2856
- .InputGroup-module__hop-InputGroup___Bza37[data-hovered] {
2861
+ .InputGroup-module__hop-InputGroup___9-1q-[data-hovered] {
2857
2862
  --background: var(--hop-InputGroup-background-hover);
2858
2863
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2859
2864
  }
2860
- .InputGroup-module__hop-InputGroup___Bza37[data-focus-within] {
2865
+ .InputGroup-module__hop-InputGroup___9-1q-[data-focus-within] {
2861
2866
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2862
2867
  }
2863
- .InputGroup-module__hop-InputGroup___Bza37[data-invalid] {
2868
+ .InputGroup-module__hop-InputGroup___9-1q-[data-invalid] {
2864
2869
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2865
2870
  }
2866
- .InputGroup-module__hop-InputGroup___Bza37[data-disabled] {
2871
+ .InputGroup-module__hop-InputGroup___9-1q-[data-disabled] {
2867
2872
  --background: var(--hop-InputGroup-background-disabled);
2868
2873
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2869
2874
  --input-color: var(--hop-InputGroup-input-color-disabled);
2870
2875
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2871
2876
  }
2872
- .InputGroup-module__hop-InputGroup__input___gfqs7,
2873
- .InputGroup-module__hop-InputGroup__textarea___wZzaX {
2877
+ .InputGroup-module__hop-InputGroup__input___4cTjR,
2878
+ .InputGroup-module__hop-InputGroup__textarea___ini37 {
2874
2879
  flex: 1 1 auto;
2875
2880
  box-sizing: border-box;
2876
2881
  inline-size: var(--input-inline-size);
@@ -2884,23 +2889,26 @@
2884
2889
  border: none;
2885
2890
  outline: none;
2886
2891
  }
2887
- .InputGroup-module__hop-InputGroup__input___gfqs7 {
2892
+ .InputGroup-module__hop-InputGroup__input___4cTjR {
2888
2893
  block-size: var(--input-block-size);
2889
2894
  padding: var(--hop-InputGroup-input-padding);
2890
2895
  }
2891
- .InputGroup-module__hop-InputGroup__textarea___wZzaX {
2896
+ .InputGroup-module__hop-InputGroup__textarea___ini37 {
2892
2897
  padding: var(--hop-InputGroup-textarea-padding);
2893
2898
  }
2894
- .InputGroup-module__hop-InputGroup__input___gfqs7::placeholder {
2899
+ .InputGroup-module__hop-InputGroup__input___4cTjR::placeholder {
2895
2900
  font-family: var(--hop-InputGroup-placeholder-font-family);
2896
2901
  font-size: var(--hop-InputGroup-placeholder-font-size);
2897
2902
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2898
2903
  line-height: var(--hop-InputGroup-placeholder-line-height);
2899
2904
  color: var(--input-placeholder-color);
2900
2905
  }
2906
+ .InputGroup-module__hop-InputGroup__embedded-button___Hmstz {
2907
+ margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
2908
+ }
2901
2909
 
2902
2910
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2903
- .Heading-module__hop-Heading___bg7Vw {
2911
+ .Heading-module__hop-Heading___bHXtt {
2904
2912
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2905
2913
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2906
2914
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -2934,50 +2942,50 @@
2934
2942
  --hop-Heading-inherit-size-font-weight: inherit;
2935
2943
  --hop-Heading-inherit-size-line-height: inherit;
2936
2944
  }
2937
- :where(.Heading-module__hop-Heading___bg7Vw) {
2945
+ :where(.Heading-module__hop-Heading___bHXtt) {
2938
2946
  margin: 0;
2939
2947
  font-family: var(--font-family);
2940
2948
  font-size: var(--font-size);
2941
2949
  font-weight: var(--font-weight);
2942
2950
  line-height: var(--line-height);
2943
2951
  }
2944
- :where(.Heading-module__hop-Heading--xs___cJICk) {
2952
+ :where(.Heading-module__hop-Heading--xs___rkqGG) {
2945
2953
  --font-size: var(--hop-Heading-xs-font-size);
2946
2954
  --font-family: var(--hop-Heading-xs-font-family);
2947
2955
  --font-weight: var(--hop-Heading-xs-font-weight);
2948
2956
  --line-height: var(--hop-Heading-xs-line-height);
2949
2957
  }
2950
- :where(.Heading-module__hop-Heading--sm___vU8hq) {
2958
+ :where(.Heading-module__hop-Heading--sm___auPVY) {
2951
2959
  --font-size: var(--hop-Heading-sm-font-size);
2952
2960
  --font-family: var(--hop-Heading-sm-font-family);
2953
2961
  --font-weight: var(--hop-Heading-sm-font-weight);
2954
2962
  --line-height: var(--hop-Heading-sm-line-height);
2955
2963
  }
2956
- :where(.Heading-module__hop-Heading--md___z6GMX) {
2964
+ :where(.Heading-module__hop-Heading--md___u5KdF) {
2957
2965
  --font-size: var(--hop-Heading-md-font-size);
2958
2966
  --font-family: var(--hop-Heading-md-font-family);
2959
2967
  --font-weight: var(--hop-Heading-md-font-weight);
2960
2968
  --line-height: var(--hop-Heading-md-line-height);
2961
2969
  }
2962
- :where(.Heading-module__hop-Heading--lg___jgsIb) {
2970
+ :where(.Heading-module__hop-Heading--lg___zzc1d) {
2963
2971
  --font-size: var(--hop-Heading-lg-font-size);
2964
2972
  --font-family: var(--hop-Heading-lg-font-family);
2965
2973
  --font-weight: var(--hop-Heading-lg-font-weight);
2966
2974
  --line-height: var(--hop-Heading-lg-line-height);
2967
2975
  }
2968
- :where(.Heading-module__hop-Heading--xl___9EVlv) {
2976
+ :where(.Heading-module__hop-Heading--xl___5SCUd) {
2969
2977
  --font-size: var(--hop-Heading-xl-font-size);
2970
2978
  --font-family: var(--hop-Heading-xl-font-family);
2971
2979
  --font-weight: var(--hop-Heading-xl-font-weight);
2972
2980
  --line-height: var(--hop-Heading-xl-line-height);
2973
2981
  }
2974
- :where(.Heading-module__hop-Heading--2xl___kHIrr) {
2982
+ :where(.Heading-module__hop-Heading--2xl___hnCq3) {
2975
2983
  --font-size: var(--hop-Heading-2xl-font-size);
2976
2984
  --font-family: var(--hop-Heading-2xl-font-family);
2977
2985
  --font-weight: var(--hop-Heading-2xl-font-weight);
2978
2986
  --line-height: var(--hop-Heading-2xl-line-height);
2979
2987
  }
2980
- :where(.Heading-module__hop-Heading--3xl___slkv6) {
2988
+ :where(.Heading-module__hop-Heading--3xl___aCZIQ) {
2981
2989
  --font-size: var(--hop-Heading-3xl-font-size);
2982
2990
  --font-family: var(--hop-Heading-3xl-font-family);
2983
2991
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -2985,7 +2993,7 @@
2985
2993
  }
2986
2994
 
2987
2995
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2988
- .NumberField-module__hop-NumberField___-74tv {
2996
+ .NumberField-module__hop-NumberField___mLU-Q {
2989
2997
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2990
2998
  --hop-NumberField-inline-size: 20rem;
2991
2999
  --hop-NumberField-inline-size-fluid: 100%;
@@ -3033,30 +3041,30 @@
3033
3041
  gap: var(--hop-NumberField-gap);
3034
3042
  inline-size: var(--inline-size);
3035
3043
  }
3036
- .NumberField-module__hop-NumberField--fluid___gizyb {
3044
+ .NumberField-module__hop-NumberField--fluid___nmaXx {
3037
3045
  --inline-size: var(--hop-NumberField-inline-size-fluid);
3038
3046
  }
3039
- .NumberField-module__hop-NumberField--mobile___YmA4B {
3047
+ .NumberField-module__hop-NumberField--mobile___k6Qee {
3040
3048
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
3041
3049
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
3042
3050
  }
3043
- .NumberField-module__hop-NumberField__Label___kCNqt {
3051
+ .NumberField-module__hop-NumberField__Label___zDcLB {
3044
3052
  order: 0;
3045
3053
  }
3046
- .NumberField-module__hop-NumberField__prefix___L3p10 {
3054
+ .NumberField-module__hop-NumberField__prefix___30fOU {
3047
3055
  grid-area: prefix;
3048
3056
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
3049
3057
  color: var(--hop-NumberField-prefix-color);
3050
3058
  }
3051
- .NumberField-module__hop-NumberField__InputGroup___04ERr {
3059
+ .NumberField-module__hop-NumberField__InputGroup___w8Y0u {
3052
3060
  grid-template: var(--input-group-template);
3053
3061
  order: 1;
3054
3062
  }
3055
- .NumberField-module__hop-NumberField__ErrorMessage___sJTOw,
3056
- .NumberField-module__hop-NumberField__HelperMessage___atosV {
3063
+ .NumberField-module__hop-NumberField__ErrorMessage___loO-J,
3064
+ .NumberField-module__hop-NumberField__HelperMessage___B5zX1 {
3057
3065
  order: 3;
3058
3066
  }
3059
- .NumberField-module__hop-NumberField__stepper-button___rOivh {
3067
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo- {
3060
3068
  cursor: pointer;
3061
3069
  display: flex;
3062
3070
  grid-area: var(--grid-area, unset);
@@ -3077,55 +3085,55 @@
3077
3085
  border-radius: var(--stepper-border-radius, 0);
3078
3086
  outline: none;
3079
3087
  }
3080
- .NumberField-module__hop-NumberField__stepper-button--increment___o9GMB {
3088
+ .NumberField-module__hop-NumberField__stepper-button--increment___virGM {
3081
3089
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
3082
3090
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
3083
3091
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
3084
3092
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
3085
3093
  --grid-area: stepup;
3086
3094
  }
3087
- .NumberField-module__hop-NumberField__stepper-button--decrement___UpezE {
3095
+ .NumberField-module__hop-NumberField__stepper-button--decrement___N3crr {
3088
3096
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
3089
3097
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
3090
3098
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
3091
3099
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
3092
3100
  --grid-area: stepdown;
3093
3101
  }
3094
- .NumberField-module__hop-NumberField__stepper-button--mobile___4IlrE.NumberField-module__hop-NumberField__stepper-button--increment___o9GMB {
3102
+ .NumberField-module__hop-NumberField__stepper-button--mobile___H4lvU.NumberField-module__hop-NumberField__stepper-button--increment___virGM {
3095
3103
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
3096
3104
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
3097
3105
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
3098
3106
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
3099
3107
  }
3100
- .NumberField-module__hop-NumberField__stepper-button--mobile___4IlrE.NumberField-module__hop-NumberField__stepper-button--decrement___UpezE {
3108
+ .NumberField-module__hop-NumberField__stepper-button--mobile___H4lvU.NumberField-module__hop-NumberField__stepper-button--decrement___N3crr {
3101
3109
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
3102
3110
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
3103
3111
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
3104
3112
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
3105
3113
  }
3106
- .NumberField-module__hop-NumberField__stepper-button___rOivh[data-hovered] {
3114
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-hovered] {
3107
3115
  color: var(--hop-NumberField-stepper-color-hovered);
3108
3116
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
3109
3117
  }
3110
- .NumberField-module__hop-NumberField__stepper-button___rOivh[data-pressed] {
3118
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-pressed] {
3111
3119
  color: var(--hop-NumberField-stepper-color-pressed);
3112
3120
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
3113
3121
  }
3114
- .NumberField-module__hop-NumberField__stepper-button___rOivh[data-disabled] {
3122
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-disabled] {
3115
3123
  cursor: not-allowed;
3116
3124
  color: var(--hop-NumberField-stepper-color-disabled);
3117
3125
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
3118
3126
  }
3119
- .NumberField-module__hop-NumberField__stepper-button__icon___u79pD {
3127
+ .NumberField-module__hop-NumberField__stepper-button__icon___GhXUL {
3120
3128
  display: block;
3121
3129
  max-block-size: 100%;
3122
3130
  }
3123
- .NumberField-module__hop-NumberField__input___OJeeq {
3131
+ .NumberField-module__hop-NumberField__input___chIIV {
3124
3132
  grid-area: input;
3125
3133
  }
3126
3134
 
3127
3135
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
3128
- .TextArea-module__hop-TextArea___-viZw {
3136
+ .TextArea-module__hop-TextArea___AZnsL {
3129
3137
  --hop-TextArea-gap: var(--hop-space-stack-xs);
3130
3138
  --hop-TextArea-inline-size: 20rem;
3131
3139
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -3143,71 +3151,84 @@
3143
3151
  inline-size: var(--inline-size);
3144
3152
  max-inline-size: 100%;
3145
3153
  }
3146
- .TextArea-module__hop-TextArea--fluid___z9E7Y {
3154
+ .TextArea-module__hop-TextArea--fluid___SeEFe {
3147
3155
  --inline-size: 100%;
3148
3156
  }
3149
- .TextArea-module__hop-TextArea___-viZw[data-resize-mode=vertical] {
3157
+ .TextArea-module__hop-TextArea___AZnsL[data-resize-mode=vertical] {
3150
3158
  --resize: vertical;
3151
3159
  }
3152
- .TextArea-module__hop-TextArea___-viZw[data-over-max-length] {
3160
+ .TextArea-module__hop-TextArea___AZnsL[data-over-max-length] {
3153
3161
  --char-count-color: var(--hop-TextArea-char-count-color-invalid);
3154
3162
  }
3155
- .TextArea-module__hop-TextArea___-viZw[data-disabled] {
3163
+ .TextArea-module__hop-TextArea___AZnsL[data-disabled] {
3156
3164
  --char-count-color: var(--hop-TextArea-char-count-color-disabled);
3157
3165
  }
3158
- .TextArea-module__hop-TextArea__Label___NLupB {
3166
+ .TextArea-module__hop-TextArea__Label___usIcu {
3159
3167
  order: 0;
3160
3168
  }
3161
- .TextArea-module__hop-TextArea__prefix___ToOXW {
3169
+ .TextArea-module__hop-TextArea__prefix___SdyC9 {
3162
3170
  color: var(--hop-TextArea-prefix-color);
3163
3171
  }
3164
- .TextArea-module__hop-TextArea__InputGroup___NJe7D {
3172
+ .TextArea-module__hop-TextArea__InputGroup___AMYx9 {
3165
3173
  order: 1;
3166
3174
  }
3167
- .TextArea-module__hop-TextArea__textarea___qdiem {
3175
+ .TextArea-module__hop-TextArea__textarea___qBFJK {
3168
3176
  resize: var(--resize);
3169
3177
  min-block-size: var(--hop-TextArea-input-min-height);
3170
3178
  }
3171
- .TextArea-module__hop-TextArea__char-count___hejQO {
3179
+ .TextArea-module__hop-TextArea__char-count___G2i49 {
3172
3180
  padding: var(--hop-TextArea-char-count-padding);
3173
3181
  color: var(--char-count-color);
3174
3182
  }
3175
- .TextArea-module__hop-TextArea__ErrorMessage___aOBw-,
3176
- .TextArea-module__hop-TextArea__HelperMessage___RDO3F {
3183
+ .TextArea-module__hop-TextArea__ErrorMessage___kWsAn,
3184
+ .TextArea-module__hop-TextArea__HelperMessage___yOGFC {
3177
3185
  order: 3;
3178
3186
  }
3179
3187
 
3180
3188
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3181
- .TextField-module__hop-TextField___kOhsi {
3189
+ .TextField-module__hop-TextField___PTKjj {
3182
3190
  --hop-TextField-gap: var(--hop-space-stack-xs);
3183
3191
  --hop-TextField-inline-size: 20rem;
3184
3192
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
3193
+ --hop-TextField-char-count-color: var(--hop-neutral-text-weakest);
3194
+ --hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
3195
+ --hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
3185
3196
  --inline-size: var(--hop-TextField-inline-size);
3197
+ --char-count-color: var(--hop-TextField-char-count-color);
3186
3198
  display: flex;
3187
3199
  flex-direction: column;
3188
3200
  gap: var(--hop-TextField-gap);
3189
3201
  inline-size: var(--inline-size);
3190
3202
  max-inline-size: 100%;
3191
3203
  }
3192
- .TextField-module__hop-TextField--fluid___7iHqg {
3204
+ .TextField-module__hop-TextField--fluid___EfbQz {
3193
3205
  --inline-size: 100%;
3194
3206
  }
3195
- .TextField-module__hop-TextField__Label___Gt48- {
3207
+ .TextField-module__hop-TextField___PTKjj[data-over-max-length] {
3208
+ --char-count-color: var(--hop-TextField-char-count-color-invalid);
3209
+ }
3210
+ .TextField-module__hop-TextField___PTKjj[data-disabled] {
3211
+ --char-count-color: var(--hop-TextField-char-count-color-disabled);
3212
+ }
3213
+ .TextField-module__hop-TextField__Label___Z8oeT {
3196
3214
  order: 0;
3197
3215
  }
3198
- .TextField-module__hop-TextField__prefix___aeL29 {
3216
+ .TextField-module__hop-TextField__prefix___1YEp3 {
3199
3217
  color: var(--hop-TextField-prefix-color);
3200
3218
  }
3201
- .TextField-module__hop-TextField__InputGroup___g0Gme {
3219
+ .TextField-module__hop-TextField__char-count___M-icC {
3220
+ color: var(--char-count-color);
3221
+ }
3222
+ .TextField-module__hop-TextField__InputGroup___v7uGH {
3202
3223
  order: 1;
3203
3224
  }
3204
- .TextField-module__hop-TextField__ErrorMessage___Wp1Oo,
3205
- .TextField-module__hop-TextField__HelperMessage___TY3Us {
3225
+ .TextField-module__hop-TextField__ErrorMessage___bZdJX,
3226
+ .TextField-module__hop-TextField__HelperMessage___XbbVr {
3206
3227
  order: 3;
3207
3228
  }
3208
3229
 
3209
3230
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3210
- .PasswordField-module__hop-PasswordField___iUTLE {
3231
+ .PasswordField-module__hop-PasswordField___hLLh- {
3211
3232
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
3212
3233
  --hop-PasswordField-inline-size: 20rem;
3213
3234
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -3217,22 +3238,22 @@
3217
3238
  inline-size: var(--inline-size);
3218
3239
  max-inline-size: 100%;
3219
3240
  }
3220
- .PasswordField-module__hop-PasswordField--fluid___4AIxY {
3241
+ .PasswordField-module__hop-PasswordField--fluid___1S9mw {
3221
3242
  --inline-size: 100%;
3222
3243
  }
3223
- .PasswordField-module__hop-PasswordField__Label___THz7n {
3244
+ .PasswordField-module__hop-PasswordField__Label___l5jiL {
3224
3245
  order: 0;
3225
3246
  }
3226
- .PasswordField-module__hop-PasswordField__InputGroup___1tlfh {
3247
+ .PasswordField-module__hop-PasswordField__InputGroup___eNFZT {
3227
3248
  order: 1;
3228
3249
  }
3229
- .PasswordField-module__hop-PasswordField__ErrorMessage___L0DbW,
3230
- .PasswordField-module__hop-PasswordField__HelperMessage___Hi6Xf {
3250
+ .PasswordField-module__hop-PasswordField__ErrorMessage___bV6Aq,
3251
+ .PasswordField-module__hop-PasswordField__HelperMessage___vKbSD {
3231
3252
  order: 3;
3232
3253
  }
3233
3254
 
3234
3255
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3235
- .SearchField-module__hop-SearchField___XWIhj {
3256
+ .SearchField-module__hop-SearchField___d0thT {
3236
3257
  --hop-SearchField-gap: var(--hop-space-stack-xs);
3237
3258
  --hop-SearchField-inline-size: 20rem;
3238
3259
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -3247,39 +3268,39 @@
3247
3268
  inline-size: var(--inline-size);
3248
3269
  max-inline-size: 100%;
3249
3270
  }
3250
- .SearchField-module__hop-SearchField--fluid___i4y3u {
3271
+ .SearchField-module__hop-SearchField--fluid___wa1FR {
3251
3272
  --inline-size: 100%;
3252
3273
  }
3253
- .SearchField-module__hop-SearchField__Label___nIAGG {
3274
+ .SearchField-module__hop-SearchField__Label___kYBDG {
3254
3275
  order: 0;
3255
3276
  }
3256
- .SearchField-module__hop-SearchField__prefix___QAlG0 {
3277
+ .SearchField-module__hop-SearchField__prefix___IFwmA {
3257
3278
  color: var(--hop-SearchField-color);
3258
3279
  }
3259
- .SearchField-module__hop-SearchField__InputGroup___emItm {
3280
+ .SearchField-module__hop-SearchField__InputGroup___8XpuW {
3260
3281
  order: 1;
3261
3282
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3262
3283
  }
3263
- .SearchField-module__hop-SearchField--clearable___QsdZe {
3284
+ .SearchField-module__hop-SearchField--clearable___Szaco {
3264
3285
  --input-group-padding-inline-end: 0;
3265
3286
  }
3266
- .SearchField-module__hop-SearchField__ErrorMessage___yGGlb,
3267
- .SearchField-module__hop-SearchField__HelperMessage___TTVbm {
3287
+ .SearchField-module__hop-SearchField__ErrorMessage___WEpMs,
3288
+ .SearchField-module__hop-SearchField__HelperMessage___5IdhS {
3268
3289
  order: 3;
3269
3290
  }
3270
- .SearchField-module__hop-SearchField___XWIhj input::-webkit-search-cancel-button,
3271
- .SearchField-module__hop-SearchField___XWIhj input::-webkit-search-decoration {
3291
+ .SearchField-module__hop-SearchField___d0thT input::-webkit-search-cancel-button,
3292
+ .SearchField-module__hop-SearchField___d0thT input::-webkit-search-decoration {
3272
3293
  appearance: none;
3273
3294
  }
3274
- .SearchField-module__hop-SearchField___XWIhj[data-empty] {
3295
+ .SearchField-module__hop-SearchField___d0thT[data-empty] {
3275
3296
  --clear-button-display: none;
3276
3297
  }
3277
- .SearchField-module__hop-SearchField__ClearButton___k3a8p {
3298
+ .SearchField-module__hop-SearchField__ClearButton___lckjT {
3278
3299
  display: var(--clear-button-display);
3279
3300
  }
3280
3301
 
3281
3302
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3282
- .Link-module__hop-Link___n--L5 {
3303
+ .Link-module__hop-Link___qHQQp {
3283
3304
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3284
3305
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3285
3306
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -3304,59 +3325,59 @@
3304
3325
  outline: none;
3305
3326
  outline-offset: 0.125rem;
3306
3327
  }
3307
- .Link-module__hop-Link___n--L5[data-focus-visible] {
3328
+ .Link-module__hop-Link___qHQQp[data-focus-visible] {
3308
3329
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
3309
3330
  }
3310
- .Link-module__hop-Link___n--L5[data-disabled] {
3331
+ .Link-module__hop-Link___qHQQp[data-disabled] {
3311
3332
  cursor: default;
3312
3333
  }
3313
- .Link-module__hop-Link--quiet___HJuey[data-focus-visible],
3314
- .Link-module__hop-Link--quiet___HJuey[data-hovered] {
3334
+ .Link-module__hop-Link--quiet___R-N9E[data-focus-visible],
3335
+ .Link-module__hop-Link--quiet___R-N9E[data-hovered] {
3315
3336
  text-decoration: underline;
3316
3337
  }
3317
- .Link-module__hop-Link___n--L5:not(.Link-module__hop-Link--quiet___HJuey) {
3338
+ .Link-module__hop-Link___qHQQp:not(.Link-module__hop-Link--quiet___R-N9E) {
3318
3339
  text-decoration: underline;
3319
3340
  }
3320
- .Link-module__hop-Link--primary___d57uX {
3341
+ .Link-module__hop-Link--primary___-Kizu {
3321
3342
  color: var(--hop-Link-primary-text-color);
3322
3343
  }
3323
- .Link-module__hop-Link--primary___d57uX[data-disabled] {
3344
+ .Link-module__hop-Link--primary___-Kizu[data-disabled] {
3324
3345
  color: var(--hop-Link-primary-text-disabled-color);
3325
3346
  }
3326
- .Link-module__hop-Link--primary___d57uX:not([data-disabled])[data-focus-visible],
3327
- .Link-module__hop-Link--primary___d57uX:not([data-disabled])[data-hovered] {
3347
+ .Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-focus-visible],
3348
+ .Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-hovered] {
3328
3349
  color: var(--hop-Link-primary-text-hover-color);
3329
3350
  }
3330
- .Link-module__hop-Link--primary___d57uX:not([data-disabled])[data-pressed] {
3351
+ .Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-pressed] {
3331
3352
  color: var(--hop-Link-primary-text-pressed-color);
3332
3353
  }
3333
- .Link-module__hop-Link--secondary___HIvLL {
3354
+ .Link-module__hop-Link--secondary___V2FVF {
3334
3355
  color: var(--hop-Link-neutral-text-color);
3335
3356
  }
3336
- .Link-module__hop-Link--secondary___HIvLL[data-disabled] {
3357
+ .Link-module__hop-Link--secondary___V2FVF[data-disabled] {
3337
3358
  color: var(--hop-Link-neutral-text-disabled-color);
3338
3359
  }
3339
- .Link-module__hop-Link--secondary___HIvLL:not([data-disabled])[data-focus-visible],
3340
- .Link-module__hop-Link--secondary___HIvLL:not([data-disabled])[data-hovered] {
3360
+ .Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-focus-visible],
3361
+ .Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-hovered] {
3341
3362
  color: var(--hop-Link-neutral-text-hover-color);
3342
3363
  }
3343
- .Link-module__hop-Link--secondary___HIvLL:not([data-disabled])[data-pressed] {
3364
+ .Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-pressed] {
3344
3365
  color: var(--hop-Link-neutral-text-pressed-color);
3345
3366
  }
3346
- .Link-module__hop-Link__icon___GcMoG,
3347
- .Link-module__hop-Link__icon-list___ruNqY {
3367
+ .Link-module__hop-Link__icon___-5Hms,
3368
+ .Link-module__hop-Link__icon-list___9c76z {
3348
3369
  order: 2;
3349
3370
  }
3350
- .Link-module__hop-Link__text___i3Fjr {
3371
+ .Link-module__hop-Link__text___mskEH {
3351
3372
  order: 1;
3352
3373
  }
3353
- .Link-module__hop-Link__start-icon___uarLn,
3354
- .Link-module__hop-Link__start-icon-list___3Vdk- {
3374
+ .Link-module__hop-Link__start-icon___P3X3d,
3375
+ .Link-module__hop-Link__start-icon-list___M66uE {
3355
3376
  order: 0;
3356
3377
  }
3357
3378
 
3358
3379
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3359
- .SelectValue-module__hop-SelectValue___fyhi8 {
3380
+ .SelectValue-module__hop-SelectValue___ZSAXe {
3360
3381
  --hop-SelectValue-display: flex;
3361
3382
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3362
3383
  overflow: hidden;
@@ -3368,13 +3389,13 @@
3368
3389
  text-overflow: ellipsis;
3369
3390
  white-space: nowrap;
3370
3391
  }
3371
- .SelectValue-module__hop-SelectValue__avatar___MMiVH {
3392
+ .SelectValue-module__hop-SelectValue__avatar___xF1Dt {
3372
3393
  order: 1;
3373
3394
  }
3374
- .SelectValue-module__hop-SelectValue__icon___r-eu7 {
3395
+ .SelectValue-module__hop-SelectValue__icon___4DxxR {
3375
3396
  order: 2;
3376
3397
  }
3377
- .SelectValue-module__hop-SelectValue__text___f3iUY {
3398
+ .SelectValue-module__hop-SelectValue__text___rbg05 {
3378
3399
  overflow: hidden;
3379
3400
  flex: 1 1 auto;
3380
3401
  order: 3;
@@ -3382,12 +3403,12 @@
3382
3403
  text-overflow: ellipsis;
3383
3404
  white-space: nowrap;
3384
3405
  }
3385
- .SelectValue-module__hop-SelectValue__end-icon___ECGgT {
3406
+ .SelectValue-module__hop-SelectValue__end-icon___-6fCw {
3386
3407
  order: 4;
3387
3408
  }
3388
3409
 
3389
3410
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3390
- .Switch-module__hop-Switch___spK1e {
3411
+ .Switch-module__hop-Switch___016Gi {
3391
3412
  --hop-Switch-border-size: 0.0625rem;
3392
3413
  --hop-Switch-border-color: var(--hop-neutral-border);
3393
3414
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3444,56 +3465,56 @@
3444
3465
  inline-size: max-content;
3445
3466
  max-inline-size: 100%;
3446
3467
  }
3447
- .Switch-module__hop-Switch--sm___pXmUA {
3468
+ .Switch-module__hop-Switch--sm___x3CAD {
3448
3469
  --inline-size: var(--hop-Switch-inline-size-sm);
3449
3470
  --block-size: var(--hop-Switch-block-size-sm);
3450
3471
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3451
3472
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3452
3473
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3453
3474
  }
3454
- .Switch-module__hop-Switch--md___1EMLj {
3475
+ .Switch-module__hop-Switch--md___-qgPW {
3455
3476
  --inline-size: var(--hop-Switch-inline-size-md);
3456
3477
  --block-size: var(--hop-Switch-block-size-md);
3457
3478
  --thumb-size: var(--hop-Switch-thumb-size-md);
3458
3479
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3459
3480
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3460
3481
  }
3461
- .Switch-module__hop-Switch___spK1e[data-hovered] {
3482
+ .Switch-module__hop-Switch___016Gi[data-hovered] {
3462
3483
  --border-color: var(--hop-Switch-border-color-hover);
3463
3484
  --background-color: var(--hop-Switch-background-color-hover);
3464
3485
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3465
3486
  --text-color: var(--hop-Switch-text-color-hover);
3466
3487
  }
3467
- .Switch-module__hop-Switch___spK1e[data-pressed],
3468
- .Switch-module__hop-Switch___spK1e[data-pressed][data-focus-visible] {
3488
+ .Switch-module__hop-Switch___016Gi[data-pressed],
3489
+ .Switch-module__hop-Switch___016Gi[data-pressed][data-focus-visible] {
3469
3490
  --border-color: var(--hop-Switch-border-color-pressed);
3470
3491
  --background-color: var(--hop-Switch-background-color-pressed);
3471
3492
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3472
3493
  --text-color: var(--hop-Switch-text-color-pressed);
3473
3494
  }
3474
- .Switch-module__hop-Switch___spK1e[data-focus-visible] {
3495
+ .Switch-module__hop-Switch___016Gi[data-focus-visible] {
3475
3496
  --border-color: var(--hop-Switch-border-color-focus);
3476
3497
  --background-color: var(--hop-Switch-background-color-focus);
3477
3498
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3478
3499
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3479
3500
  --text-color: var(--hop-Switch-text-color-focus);
3480
3501
  }
3481
- .Switch-module__hop-Switch___spK1e[data-selected],
3482
- .Switch-module__hop-Switch___spK1e[data-selected][data-pressed] {
3502
+ .Switch-module__hop-Switch___016Gi[data-selected],
3503
+ .Switch-module__hop-Switch___016Gi[data-selected][data-pressed] {
3483
3504
  --border-color: var(--hop-Switch-border-color-selected);
3484
3505
  --background-color: var(--hop-Switch-background-color-selected);
3485
3506
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3486
3507
  --thumb-transform: translate(calc(var(--inline-size) - var(--thumb-size, var(--hop-Switch-thumb-size-md)) - (2 * var(--inset-inline-start, var(--hop-Switch-inset-inline-start-md))) - (2 * var(--border-size))), -50%);
3487
3508
  --text-color: var(--hop-Switch-text-color-selected);
3488
3509
  }
3489
- .Switch-module__hop-Switch___spK1e[data-disabled] {
3510
+ .Switch-module__hop-Switch___016Gi[data-disabled] {
3490
3511
  --border-color: var(--hop-Switch-border-color-disabled);
3491
3512
  --background-color: var(--hop-Switch-background-color-disabled);
3492
3513
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3493
3514
  --text-color: var(--hop-Switch-text-color-disabled);
3494
3515
  --cursor: not-allowed;
3495
3516
  }
3496
- .Switch-module__hop-Switch__indicator___8cdnp {
3517
+ .Switch-module__hop-Switch__indicator___ZY1NN {
3497
3518
  position: relative;
3498
3519
  flex: 0 0 auto;
3499
3520
  box-sizing: border-box;
@@ -3506,7 +3527,7 @@
3506
3527
  outline-offset: 0.125rem;
3507
3528
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3508
3529
  }
3509
- .Switch-module__hop-Switch__indicator___8cdnp::before {
3530
+ .Switch-module__hop-Switch__indicator___ZY1NN::before {
3510
3531
  content: "";
3511
3532
  position: absolute;
3512
3533
  inset-block-start: 50%;
@@ -3521,20 +3542,20 @@
3521
3542
  border-radius: var(--hop-shape-circle);
3522
3543
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3523
3544
  }
3524
- .Switch-module__hop-Switch__text___jqfx- {
3545
+ .Switch-module__hop-Switch__text___wcjhs {
3525
3546
  flex: 0 1 auto;
3526
3547
  order: 2;
3527
3548
  min-inline-size: 0;
3528
3549
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3529
3550
  color: var(--text-color);
3530
3551
  }
3531
- .Switch-module__hop-Switch__icon-list___cwZEQ,
3532
- .Switch-module__hop-Switch__icon___Cp-D0 {
3552
+ .Switch-module__hop-Switch__icon-list___h1SI9,
3553
+ .Switch-module__hop-Switch__icon___6MRsQ {
3533
3554
  order: 3;
3534
3555
  }
3535
3556
 
3536
3557
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3537
- .SwitchField-module__hop-SwitchField___J7KA6 {
3558
+ .SwitchField-module__hop-SwitchField___pVi8B {
3538
3559
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3539
3560
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3540
3561
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3553,28 +3574,28 @@
3553
3574
  inline-size: max-content;
3554
3575
  max-inline-size: 100%;
3555
3576
  }
3556
- .SwitchField-module__hop-SwitchField___J7KA6[data-disabled] {
3577
+ .SwitchField-module__hop-SwitchField___pVi8B[data-disabled] {
3557
3578
  --description-color: var(--hop-SwitchField-description-color-disabled);
3558
3579
  }
3559
- .SwitchField-module__hop-SwitchField--sm___JlpAt {
3580
+ .SwitchField-module__hop-SwitchField--sm___W7D8R {
3560
3581
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3561
3582
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3562
3583
  }
3563
- .SwitchField-module__hop-SwitchField--md___i2eDM {
3584
+ .SwitchField-module__hop-SwitchField--md___Dq1Rf {
3564
3585
  --row-gap: var(--hop-SwitchField-md-row-gap);
3565
3586
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3566
3587
  }
3567
- .SwitchField-module__hop-SwitchField__description___xETIr {
3588
+ .SwitchField-module__hop-SwitchField__description___konhn {
3568
3589
  order: 2;
3569
3590
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3570
3591
  color: var(--description-color);
3571
3592
  }
3572
- .SwitchField-module__hop-SwitchField__switch___ciEgu {
3593
+ .SwitchField-module__hop-SwitchField__switch___Gu96C {
3573
3594
  order: 1;
3574
3595
  }
3575
3596
 
3576
3597
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3577
- .Tag-module__hop-Tag___sE18E {
3598
+ .Tag-module__hop-Tag___Q5Cmm {
3578
3599
  --hop-Tag-border-size: 0.0625rem;
3579
3600
  --hop-Tag-border-radius: var(--hop-shape-pill);
3580
3601
  --hop-Tag-sm-block-size: 1.25rem;
@@ -3813,7 +3834,7 @@
3813
3834
  outline: none;
3814
3835
  outline-offset: 0.125rem;
3815
3836
  }
3816
- .Tag-module__hop-Tag--sm___6T0rv {
3837
+ .Tag-module__hop-Tag--sm___VFfCI {
3817
3838
  --block-size: var(--hop-Tag-sm-block-size);
3818
3839
  --padding-inline: var(--hop-Tag-sm-padding-inline);
3819
3840
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -3821,13 +3842,13 @@
3821
3842
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
3822
3843
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
3823
3844
  }
3824
- .Tag-module__hop-Tag--sm___6T0rv:not(:has(.Tag-module__hop-Tag__remove-btn___keMbT, .Tag-module__hop-Tag__Spinner___-mCAF)) {
3845
+ .Tag-module__hop-Tag--sm___VFfCI:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
3825
3846
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
3826
3847
  }
3827
- .Tag-module__hop-Tag--sm___6T0rv:not(:has(.Tag-module__hop-Tag__avatar___uvnAY)) {
3848
+ .Tag-module__hop-Tag--sm___VFfCI:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
3828
3849
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
3829
3850
  }
3830
- .Tag-module__hop-Tag--md___S6TYt {
3851
+ .Tag-module__hop-Tag--md___8YMof {
3831
3852
  --block-size: var(--hop-Tag-md-block-size);
3832
3853
  --padding-inline: var(--hop-Tag-md-padding-inline);
3833
3854
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -3835,13 +3856,13 @@
3835
3856
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
3836
3857
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
3837
3858
  }
3838
- .Tag-module__hop-Tag--md___S6TYt:not(:has(.Tag-module__hop-Tag__remove-btn___keMbT, .Tag-module__hop-Tag__Spinner___-mCAF)) {
3859
+ .Tag-module__hop-Tag--md___8YMof:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
3839
3860
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
3840
3861
  }
3841
- .Tag-module__hop-Tag--md___S6TYt:not(:has(.Tag-module__hop-Tag__avatar___uvnAY)) {
3862
+ .Tag-module__hop-Tag--md___8YMof:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
3842
3863
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
3843
3864
  }
3844
- .Tag-module__hop-Tag--lg___2xSvX {
3865
+ .Tag-module__hop-Tag--lg___oEi4o {
3845
3866
  --block-size: var(--hop-Tag-lg-block-size);
3846
3867
  --padding-inline: var(--hop-Tag-lg-padding-inline);
3847
3868
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -3849,348 +3870,348 @@
3849
3870
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
3850
3871
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
3851
3872
  }
3852
- .Tag-module__hop-Tag--lg___2xSvX:not(:has(.Tag-module__hop-Tag__remove-btn___keMbT, .Tag-module__hop-Tag__Spinner___-mCAF)) {
3873
+ .Tag-module__hop-Tag--lg___oEi4o:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
3853
3874
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
3854
3875
  }
3855
- .Tag-module__hop-Tag--lg___2xSvX:not(:has(.Tag-module__hop-Tag__avatar___uvnAY)) {
3876
+ .Tag-module__hop-Tag--lg___oEi4o:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
3856
3877
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
3857
3878
  }
3858
- .Tag-module__hop-Tag--neutral___eIaqK {
3879
+ .Tag-module__hop-Tag--neutral___TUZDd {
3859
3880
  --border-color: var(--hop-Tag-neutral-border-color);
3860
3881
  --background-color: var(--hop-Tag-neutral-background-color);
3861
3882
  --text-color: var(--hop-Tag-neutral-text-color);
3862
3883
  }
3863
- .Tag-module__hop-Tag--subdued___1-9wb {
3884
+ .Tag-module__hop-Tag--subdued___yAJHY {
3864
3885
  --border-color: var(--hop-Tag-subdued-border-color);
3865
3886
  --background-color: var(--hop-Tag-subdued-background-color);
3866
3887
  --text-color: var(--hop-Tag-subdued-text-color);
3867
3888
  }
3868
- .Tag-module__hop-Tag--progress___jFd-h {
3889
+ .Tag-module__hop-Tag--progress___8Z5fa {
3869
3890
  --border-color: var(--hop-Tag-progress-border-color);
3870
3891
  --background-color: var(--hop-Tag-progress-background-color);
3871
3892
  --text-color: var(--hop-Tag-progress-text-color);
3872
3893
  }
3873
- .Tag-module__hop-Tag--positive___A2rVp {
3894
+ .Tag-module__hop-Tag--positive___MtvyX {
3874
3895
  --border-color: var(--hop-Tag-positive-border-color);
3875
3896
  --background-color: var(--hop-Tag-positive-background-color);
3876
3897
  --text-color: var(--hop-Tag-positive-text-color);
3877
3898
  }
3878
- .Tag-module__hop-Tag--caution___hYFdM {
3899
+ .Tag-module__hop-Tag--caution___iCH6y {
3879
3900
  --border-color: var(--hop-Tag-caution-border-color);
3880
3901
  --background-color: var(--hop-Tag-caution-background-color);
3881
3902
  --text-color: var(--hop-Tag-caution-text-color);
3882
3903
  }
3883
- .Tag-module__hop-Tag--negative___Lk0VK {
3904
+ .Tag-module__hop-Tag--negative___mbi4M {
3884
3905
  --border-color: var(--hop-Tag-negative-border-color);
3885
3906
  --background-color: var(--hop-Tag-negative-background-color);
3886
3907
  --text-color: var(--hop-Tag-negative-text-color);
3887
3908
  }
3888
- .Tag-module__hop-Tag--option1___qeK63 {
3909
+ .Tag-module__hop-Tag--option1___-HOu1 {
3889
3910
  --border-color: var(--hop-Tag-option1-border-color);
3890
3911
  --background-color: var(--hop-Tag-option1-background-color);
3891
3912
  --text-color: var(--hop-Tag-option1-text-color);
3892
3913
  }
3893
- .Tag-module__hop-Tag--option2___uKdK7 {
3914
+ .Tag-module__hop-Tag--option2___T2u0U {
3894
3915
  --border-color: var(--hop-Tag-option2-border-color);
3895
3916
  --background-color: var(--hop-Tag-option2-background-color);
3896
3917
  --text-color: var(--hop-Tag-option2-text-color);
3897
3918
  }
3898
- .Tag-module__hop-Tag--option3___hzD9j {
3919
+ .Tag-module__hop-Tag--option3___puucJ {
3899
3920
  --border-color: var(--hop-Tag-option3-border-color);
3900
3921
  --background-color: var(--hop-Tag-option3-background-color);
3901
3922
  --text-color: var(--hop-Tag-option3-text-color);
3902
3923
  }
3903
- .Tag-module__hop-Tag--option4___mRM9B {
3924
+ .Tag-module__hop-Tag--option4___2TNci {
3904
3925
  --border-color: var(--hop-Tag-option4-border-color);
3905
3926
  --background-color: var(--hop-Tag-option4-background-color);
3906
3927
  --text-color: var(--hop-Tag-option4-text-color);
3907
3928
  }
3908
- .Tag-module__hop-Tag--option5___1Iav1 {
3929
+ .Tag-module__hop-Tag--option5___HnSjN {
3909
3930
  --border-color: var(--hop-Tag-option5-border-color);
3910
3931
  --background-color: var(--hop-Tag-option5-background-color);
3911
3932
  --text-color: var(--hop-Tag-option5-text-color);
3912
3933
  }
3913
- .Tag-module__hop-Tag--option6___WtxMr {
3934
+ .Tag-module__hop-Tag--option6___g5EV9 {
3914
3935
  --border-color: var(--hop-Tag-option6-border-color);
3915
3936
  --background-color: var(--hop-Tag-option6-background-color);
3916
3937
  --text-color: var(--hop-Tag-option6-text-color);
3917
3938
  }
3918
- .Tag-module__hop-Tag___sE18E[data-href] {
3939
+ .Tag-module__hop-Tag___Q5Cmm[data-href] {
3919
3940
  cursor: pointer;
3920
3941
  }
3921
- .Tag-module__hop-Tag--neutral___eIaqK[data-focus-visible] {
3942
+ .Tag-module__hop-Tag--neutral___TUZDd[data-focus-visible] {
3922
3943
  --border-color: var(--hop-Tag-neutral-border-color-focus);
3923
3944
  --background-color: var(--hop-Tag-neutral-background-color-focus);
3924
3945
  --text-color: var(--hop-Tag-neutral-text-color-focus);
3925
3946
  }
3926
- .Tag-module__hop-Tag--neutral___eIaqK[data-hovered] {
3947
+ .Tag-module__hop-Tag--neutral___TUZDd[data-hovered] {
3927
3948
  --border-color: var(--hop-Tag-neutral-border-color-hover);
3928
3949
  --background-color: var(--hop-Tag-neutral-background-color-hover);
3929
3950
  --text-color: var(--hop-Tag-neutral-text-color-hover);
3930
3951
  }
3931
- .Tag-module__hop-Tag--neutral___eIaqK[data-pressed] {
3952
+ .Tag-module__hop-Tag--neutral___TUZDd[data-pressed] {
3932
3953
  --border-color: var(--hop-Tag-neutral-border-color-press);
3933
3954
  --background-color: var(--hop-Tag-neutral-background-color-press);
3934
3955
  --text-color: var(--hop-Tag-neutral-text-color-press);
3935
3956
  }
3936
- .Tag-module__hop-Tag--neutral___eIaqK[data-disabled] {
3957
+ .Tag-module__hop-Tag--neutral___TUZDd[data-disabled] {
3937
3958
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
3938
3959
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
3939
3960
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
3940
3961
  }
3941
- .Tag-module__hop-Tag--subdued___1-9wb[data-focus-visible] {
3962
+ .Tag-module__hop-Tag--subdued___yAJHY[data-focus-visible] {
3942
3963
  --border-color: var(--hop-Tag-subdued-border-color-focus);
3943
3964
  --background-color: var(--hop-Tag-subdued-background-color-focus);
3944
3965
  --text-color: var(--hop-Tag-subdued-text-color-focus);
3945
3966
  }
3946
- .Tag-module__hop-Tag--subdued___1-9wb[data-hovered] {
3967
+ .Tag-module__hop-Tag--subdued___yAJHY[data-hovered] {
3947
3968
  --border-color: var(--hop-Tag-subdued-border-color-hover);
3948
3969
  --background-color: var(--hop-Tag-subdued-background-color-hover);
3949
3970
  --text-color: var(--hop-Tag-subdued-text-color-hover);
3950
3971
  }
3951
- .Tag-module__hop-Tag--subdued___1-9wb[data-pressed] {
3972
+ .Tag-module__hop-Tag--subdued___yAJHY[data-pressed] {
3952
3973
  --border-color: var(--hop-Tag-subdued-border-color-press);
3953
3974
  --background-color: var(--hop-Tag-subdued-background-color-press);
3954
3975
  --text-color: var(--hop-Tag-subdued-text-color-press);
3955
3976
  }
3956
- .Tag-module__hop-Tag--subdued___1-9wb[data-disabled] {
3977
+ .Tag-module__hop-Tag--subdued___yAJHY[data-disabled] {
3957
3978
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
3958
3979
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
3959
3980
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
3960
3981
  }
3961
- .Tag-module__hop-Tag--progress___jFd-h[data-focus-visible] {
3982
+ .Tag-module__hop-Tag--progress___8Z5fa[data-focus-visible] {
3962
3983
  --border-color: var(--hop-Tag-progress-border-color-focus);
3963
3984
  --background-color: var(--hop-Tag-progress-background-color-focus);
3964
3985
  --text-color: var(--hop-Tag-progress-text-color-focus);
3965
3986
  }
3966
- .Tag-module__hop-Tag--progress___jFd-h[data-hovered] {
3987
+ .Tag-module__hop-Tag--progress___8Z5fa[data-hovered] {
3967
3988
  --border-color: var(--hop-Tag-progress-border-color-hover);
3968
3989
  --background-color: var(--hop-Tag-progress-background-color-hover);
3969
3990
  --text-color: var(--hop-Tag-progress-text-color-hover);
3970
3991
  }
3971
- .Tag-module__hop-Tag--progress___jFd-h[data-pressed] {
3992
+ .Tag-module__hop-Tag--progress___8Z5fa[data-pressed] {
3972
3993
  --border-color: var(--hop-Tag-progress-border-color-press);
3973
3994
  --background-color: var(--hop-Tag-progress-background-color-press);
3974
3995
  --text-color: var(--hop-Tag-progress-text-color-press);
3975
3996
  }
3976
- .Tag-module__hop-Tag--progress___jFd-h[data-disabled] {
3997
+ .Tag-module__hop-Tag--progress___8Z5fa[data-disabled] {
3977
3998
  --border-color: var(--hop-Tag-progress-border-color-disabled);
3978
3999
  --background-color: var(--hop-Tag-progress-background-color-disabled);
3979
4000
  --text-color: var(--hop-Tag-progress-text-color-disabled);
3980
4001
  }
3981
- .Tag-module__hop-Tag--positive___A2rVp[data-focus-visible] {
4002
+ .Tag-module__hop-Tag--positive___MtvyX[data-focus-visible] {
3982
4003
  --border-color: var(--hop-Tag-positive-border-color-focus);
3983
4004
  --background-color: var(--hop-Tag-positive-background-color-focus);
3984
4005
  --text-color: var(--hop-Tag-positive-text-color-focus);
3985
4006
  }
3986
- .Tag-module__hop-Tag--positive___A2rVp[data-hovered] {
4007
+ .Tag-module__hop-Tag--positive___MtvyX[data-hovered] {
3987
4008
  --border-color: var(--hop-Tag-positive-border-color-hover);
3988
4009
  --background-color: var(--hop-Tag-positive-background-color-hover);
3989
4010
  --text-color: var(--hop-Tag-positive-text-color-hover);
3990
4011
  }
3991
- .Tag-module__hop-Tag--positive___A2rVp[data-pressed] {
4012
+ .Tag-module__hop-Tag--positive___MtvyX[data-pressed] {
3992
4013
  --border-color: var(--hop-Tag-positive-border-color-press);
3993
4014
  --background-color: var(--hop-Tag-positive-background-color-press);
3994
4015
  --text-color: var(--hop-Tag-positive-text-color-press);
3995
4016
  }
3996
- .Tag-module__hop-Tag--positive___A2rVp[data-disabled] {
4017
+ .Tag-module__hop-Tag--positive___MtvyX[data-disabled] {
3997
4018
  --border-color: var(--hop-Tag-positive-border-color-disabled);
3998
4019
  --background-color: var(--hop-Tag-positive-background-color-disabled);
3999
4020
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4000
4021
  }
4001
- .Tag-module__hop-Tag--caution___hYFdM[data-focus-visible] {
4022
+ .Tag-module__hop-Tag--caution___iCH6y[data-focus-visible] {
4002
4023
  --border-color: var(--hop-Tag-caution-border-color-focus);
4003
4024
  --background-color: var(--hop-Tag-caution-background-color-focus);
4004
4025
  --text-color: var(--hop-Tag-caution-text-color-focus);
4005
4026
  }
4006
- .Tag-module__hop-Tag--caution___hYFdM[data-hovered] {
4027
+ .Tag-module__hop-Tag--caution___iCH6y[data-hovered] {
4007
4028
  --border-color: var(--hop-Tag-caution-border-color-hover);
4008
4029
  --background-color: var(--hop-Tag-caution-background-color-hover);
4009
4030
  --text-color: var(--hop-Tag-caution-text-color-hover);
4010
4031
  }
4011
- .Tag-module__hop-Tag--caution___hYFdM[data-pressed] {
4032
+ .Tag-module__hop-Tag--caution___iCH6y[data-pressed] {
4012
4033
  --border-color: var(--hop-Tag-caution-border-color-press);
4013
4034
  --background-color: var(--hop-Tag-caution-background-color-press);
4014
4035
  --text-color: var(--hop-Tag-caution-text-color-press);
4015
4036
  }
4016
- .Tag-module__hop-Tag--caution___hYFdM[data-disabled] {
4037
+ .Tag-module__hop-Tag--caution___iCH6y[data-disabled] {
4017
4038
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4018
4039
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4019
4040
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4020
4041
  }
4021
- .Tag-module__hop-Tag--negative___Lk0VK[data-focus-visible] {
4042
+ .Tag-module__hop-Tag--negative___mbi4M[data-focus-visible] {
4022
4043
  --border-color: var(--hop-Tag-negative-border-color-focus);
4023
4044
  --background-color: var(--hop-Tag-negative-background-color-focus);
4024
4045
  --text-color: var(--hop-Tag-negative-text-color-focus);
4025
4046
  }
4026
- .Tag-module__hop-Tag--negative___Lk0VK[data-hovered] {
4047
+ .Tag-module__hop-Tag--negative___mbi4M[data-hovered] {
4027
4048
  --border-color: var(--hop-Tag-negative-border-color-hover);
4028
4049
  --background-color: var(--hop-Tag-negative-background-color-hover);
4029
4050
  --text-color: var(--hop-Tag-negative-text-color-hover);
4030
4051
  }
4031
- .Tag-module__hop-Tag--negative___Lk0VK[data-pressed] {
4052
+ .Tag-module__hop-Tag--negative___mbi4M[data-pressed] {
4032
4053
  --border-color: var(--hop-Tag-negative-border-color-press);
4033
4054
  --background-color: var(--hop-Tag-negative-background-color-press);
4034
4055
  --text-color: var(--hop-Tag-negative-text-color-press);
4035
4056
  }
4036
- .Tag-module__hop-Tag--negative___Lk0VK[data-disabled] {
4057
+ .Tag-module__hop-Tag--negative___mbi4M[data-disabled] {
4037
4058
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4038
4059
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4039
4060
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4040
4061
  }
4041
- .Tag-module__hop-Tag--option1___qeK63[data-focus-visible] {
4062
+ .Tag-module__hop-Tag--option1___-HOu1[data-focus-visible] {
4042
4063
  --border-color: var(--hop-Tag-option1-border-color-focus);
4043
4064
  --background-color: var(--hop-Tag-option1-background-color-focus);
4044
4065
  --text-color: var(--hop-Tag-option1-text-color-focus);
4045
4066
  }
4046
- .Tag-module__hop-Tag--option1___qeK63[data-hovered] {
4067
+ .Tag-module__hop-Tag--option1___-HOu1[data-hovered] {
4047
4068
  --border-color: var(--hop-Tag-option1-border-color-hover);
4048
4069
  --background-color: var(--hop-Tag-option1-background-color-hover);
4049
4070
  --text-color: var(--hop-Tag-option1-text-color-hover);
4050
4071
  }
4051
- .Tag-module__hop-Tag--option1___qeK63[data-pressed] {
4072
+ .Tag-module__hop-Tag--option1___-HOu1[data-pressed] {
4052
4073
  --border-color: var(--hop-Tag-option1-border-color-press);
4053
4074
  --background-color: var(--hop-Tag-option1-background-color-press);
4054
4075
  --text-color: var(--hop-Tag-option1-text-color-press);
4055
4076
  }
4056
- .Tag-module__hop-Tag--option1___qeK63[data-disabled] {
4077
+ .Tag-module__hop-Tag--option1___-HOu1[data-disabled] {
4057
4078
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4058
4079
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4059
4080
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4060
4081
  }
4061
- .Tag-module__hop-Tag--option2___uKdK7[data-focus-visible] {
4082
+ .Tag-module__hop-Tag--option2___T2u0U[data-focus-visible] {
4062
4083
  --border-color: var(--hop-Tag-option2-border-color-focus);
4063
4084
  --background-color: var(--hop-Tag-option2-background-color-focus);
4064
4085
  --text-color: var(--hop-Tag-option2-text-color-focus);
4065
4086
  }
4066
- .Tag-module__hop-Tag--option2___uKdK7[data-hovered] {
4087
+ .Tag-module__hop-Tag--option2___T2u0U[data-hovered] {
4067
4088
  --border-color: var(--hop-Tag-option2-border-color-hover);
4068
4089
  --background-color: var(--hop-Tag-option2-background-color-hover);
4069
4090
  --text-color: var(--hop-Tag-option2-text-color-hover);
4070
4091
  }
4071
- .Tag-module__hop-Tag--option2___uKdK7[data-pressed] {
4092
+ .Tag-module__hop-Tag--option2___T2u0U[data-pressed] {
4072
4093
  --border-color: var(--hop-Tag-option2-border-color-press);
4073
4094
  --background-color: var(--hop-Tag-option2-background-color-press);
4074
4095
  --text-color: var(--hop-Tag-option2-text-color-press);
4075
4096
  }
4076
- .Tag-module__hop-Tag--option2___uKdK7[data-disabled] {
4097
+ .Tag-module__hop-Tag--option2___T2u0U[data-disabled] {
4077
4098
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4078
4099
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4079
4100
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4080
4101
  }
4081
- .Tag-module__hop-Tag--option3___hzD9j[data-focus-visible] {
4102
+ .Tag-module__hop-Tag--option3___puucJ[data-focus-visible] {
4082
4103
  --border-color: var(--hop-Tag-option3-border-color-focus);
4083
4104
  --background-color: var(--hop-Tag-option3-background-color-focus);
4084
4105
  --text-color: var(--hop-Tag-option3-text-color-focus);
4085
4106
  }
4086
- .Tag-module__hop-Tag--option3___hzD9j[data-hovered] {
4107
+ .Tag-module__hop-Tag--option3___puucJ[data-hovered] {
4087
4108
  --border-color: var(--hop-Tag-option3-border-color-hover);
4088
4109
  --background-color: var(--hop-Tag-option3-background-color-hover);
4089
4110
  --text-color: var(--hop-Tag-option3-text-color-hover);
4090
4111
  }
4091
- .Tag-module__hop-Tag--option3___hzD9j[data-pressed] {
4112
+ .Tag-module__hop-Tag--option3___puucJ[data-pressed] {
4092
4113
  --border-color: var(--hop-Tag-option3-border-color-press);
4093
4114
  --background-color: var(--hop-Tag-option3-background-color-press);
4094
4115
  --text-color: var(--hop-Tag-option3-text-color-press);
4095
4116
  }
4096
- .Tag-module__hop-Tag--option3___hzD9j[data-disabled] {
4117
+ .Tag-module__hop-Tag--option3___puucJ[data-disabled] {
4097
4118
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4098
4119
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4099
4120
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4100
4121
  }
4101
- .Tag-module__hop-Tag--option4___mRM9B[data-focus-visible] {
4122
+ .Tag-module__hop-Tag--option4___2TNci[data-focus-visible] {
4102
4123
  --border-color: var(--hop-Tag-option4-border-color-focus);
4103
4124
  --background-color: var(--hop-Tag-option4-background-color-focus);
4104
4125
  --text-color: var(--hop-Tag-option4-text-color-focus);
4105
4126
  }
4106
- .Tag-module__hop-Tag--option4___mRM9B[data-hovered] {
4127
+ .Tag-module__hop-Tag--option4___2TNci[data-hovered] {
4107
4128
  --border-color: var(--hop-Tag-option4-border-color-hover);
4108
4129
  --background-color: var(--hop-Tag-option4-background-color-hover);
4109
4130
  --text-color: var(--hop-Tag-option4-text-color-hover);
4110
4131
  }
4111
- .Tag-module__hop-Tag--option4___mRM9B[data-pressed] {
4132
+ .Tag-module__hop-Tag--option4___2TNci[data-pressed] {
4112
4133
  --border-color: var(--hop-Tag-option4-border-color-press);
4113
4134
  --background-color: var(--hop-Tag-option4-background-color-press);
4114
4135
  --text-color: var(--hop-Tag-option4-text-color-press);
4115
4136
  }
4116
- .Tag-module__hop-Tag--option4___mRM9B[data-disabled] {
4137
+ .Tag-module__hop-Tag--option4___2TNci[data-disabled] {
4117
4138
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4118
4139
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4119
4140
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4120
4141
  }
4121
- .Tag-module__hop-Tag--option5___1Iav1[data-focus-visible] {
4142
+ .Tag-module__hop-Tag--option5___HnSjN[data-focus-visible] {
4122
4143
  --border-color: var(--hop-Tag-option5-border-color-focus);
4123
4144
  --background-color: var(--hop-Tag-option5-background-color-focus);
4124
4145
  --text-color: var(--hop-Tag-option5-text-color-focus);
4125
4146
  }
4126
- .Tag-module__hop-Tag--option5___1Iav1[data-hovered] {
4147
+ .Tag-module__hop-Tag--option5___HnSjN[data-hovered] {
4127
4148
  --border-color: var(--hop-Tag-option5-border-color-hover);
4128
4149
  --background-color: var(--hop-Tag-option5-background-color-hover);
4129
4150
  --text-color: var(--hop-Tag-option5-text-color-hover);
4130
4151
  }
4131
- .Tag-module__hop-Tag--option5___1Iav1[data-pressed] {
4152
+ .Tag-module__hop-Tag--option5___HnSjN[data-pressed] {
4132
4153
  --border-color: var(--hop-Tag-option5-border-color-press);
4133
4154
  --background-color: var(--hop-Tag-option5-background-color-press);
4134
4155
  --text-color: var(--hop-Tag-option5-text-color-press);
4135
4156
  }
4136
- .Tag-module__hop-Tag--option5___1Iav1[data-disabled] {
4157
+ .Tag-module__hop-Tag--option5___HnSjN[data-disabled] {
4137
4158
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4138
4159
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4139
4160
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4140
4161
  }
4141
- .Tag-module__hop-Tag--option6___WtxMr[data-focus-visible] {
4162
+ .Tag-module__hop-Tag--option6___g5EV9[data-focus-visible] {
4142
4163
  --border-color: var(--hop-Tag-option6-border-color-focus);
4143
4164
  --background-color: var(--hop-Tag-option6-background-color-focus);
4144
4165
  --text-color: var(--hop-Tag-option6-text-color-focus);
4145
4166
  }
4146
- .Tag-module__hop-Tag--option6___WtxMr[data-hovered] {
4167
+ .Tag-module__hop-Tag--option6___g5EV9[data-hovered] {
4147
4168
  --border-color: var(--hop-Tag-option6-border-color-hover);
4148
4169
  --background-color: var(--hop-Tag-option6-background-color-hover);
4149
4170
  --text-color: var(--hop-Tag-option6-text-color-hover);
4150
4171
  }
4151
- .Tag-module__hop-Tag--option6___WtxMr[data-pressed] {
4172
+ .Tag-module__hop-Tag--option6___g5EV9[data-pressed] {
4152
4173
  --border-color: var(--hop-Tag-option6-border-color-press);
4153
4174
  --background-color: var(--hop-Tag-option6-background-color-press);
4154
4175
  --text-color: var(--hop-Tag-option6-text-color-press);
4155
4176
  }
4156
- .Tag-module__hop-Tag--option6___WtxMr[data-disabled] {
4177
+ .Tag-module__hop-Tag--option6___g5EV9[data-disabled] {
4157
4178
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4158
4179
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4159
4180
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4160
4181
  }
4161
- .Tag-module__hop-Tag___sE18E[data-focus-visible] {
4182
+ .Tag-module__hop-Tag___Q5Cmm[data-focus-visible] {
4162
4183
  outline: 0.125rem solid var(--focus-ring-color);
4163
4184
  }
4164
- .Tag-module__hop-Tag___sE18E[data-hovered] {
4185
+ .Tag-module__hop-Tag___Q5Cmm[data-hovered] {
4165
4186
  cursor: pointer;
4166
4187
  }
4167
- .Tag-module__hop-Tag___sE18E[data-selected] {
4188
+ .Tag-module__hop-Tag___Q5Cmm[data-selected] {
4168
4189
  --background-color: var(--hop-Tag-background-color-selected);
4169
4190
  --border-color: var(--hop-Tag-border-color-selected);
4170
4191
  --text-color: var(--hop-Tag-text-color-selected);
4171
4192
  }
4172
- .Tag-module__hop-Tag___sE18E[data-pressed] {
4193
+ .Tag-module__hop-Tag___Q5Cmm[data-pressed] {
4173
4194
  cursor: pointer;
4174
4195
  }
4175
- .Tag-module__hop-Tag___sE18E[data-invalid] {
4196
+ .Tag-module__hop-Tag___Q5Cmm[data-invalid] {
4176
4197
  --border-color: var(--hop-Tag-border-color-invalid);
4177
4198
  }
4178
- .Tag-module__hop-Tag___sE18E[data-disabled] {
4199
+ .Tag-module__hop-Tag___Q5Cmm[data-disabled] {
4179
4200
  cursor: not-allowed;
4180
4201
  }
4181
- .Tag-module__hop-Tag__avatar___uvnAY {
4202
+ .Tag-module__hop-Tag__avatar___Pj2L9 {
4182
4203
  flex: 0 0 auto;
4183
4204
  order: 1;
4184
4205
  margin-inline-start: var(--avatar-margin-inline-start);
4185
4206
  }
4186
- .Tag-module__hop-Tag__icon___kazUJ,
4187
- .Tag-module__hop-Tag__icon-list___5Tiqa {
4207
+ .Tag-module__hop-Tag__icon___QneBP,
4208
+ .Tag-module__hop-Tag__icon-list___0vhBr {
4188
4209
  flex: 0 0 auto;
4189
4210
  flex-wrap: nowrap;
4190
4211
  order: 2;
4191
4212
  margin-inline-start: var(--icon-margin-inline-start, 0);
4192
4213
  }
4193
- .Tag-module__hop-Tag__text___qDmXu {
4214
+ .Tag-module__hop-Tag__text___UwHZt {
4194
4215
  overflow: hidden;
4195
4216
  flex: 1 1 auto;
4196
4217
  order: 3;
@@ -4198,33 +4219,33 @@
4198
4219
  text-align: center;
4199
4220
  text-overflow: ellipsis;
4200
4221
  }
4201
- .Tag-module__hop-Tag__badge___h6QjR {
4222
+ .Tag-module__hop-Tag__badge___tEipF {
4202
4223
  flex: 0 0 auto;
4203
4224
  order: 4;
4204
4225
  margin-inline-end: var(--badge-margin-inline-end);
4205
4226
  }
4206
- .Tag-module__hop-Tag___sE18E .Tag-module__hop-Tag__badge___h6QjR[data-variant=subdued] {
4227
+ .Tag-module__hop-Tag___Q5Cmm .Tag-module__hop-Tag__badge___tEipF[data-variant=subdued] {
4207
4228
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4208
4229
  color: inherit;
4209
4230
  background: none;
4210
4231
  }
4211
- .Tag-module__hop-Tag--sm___6T0rv .Tag-module__hop-Tag__badge___h6QjR {
4232
+ .Tag-module__hop-Tag--sm___VFfCI .Tag-module__hop-Tag__badge___tEipF {
4212
4233
  block-size: 100%;
4213
4234
  }
4214
- .Tag-module__hop-Tag__remove-btn___keMbT,
4215
- .Tag-module__hop-Tag__Spinner___-mCAF {
4235
+ .Tag-module__hop-Tag__remove-btn___zoQkZ,
4236
+ .Tag-module__hop-Tag__Spinner___mKw7w {
4216
4237
  flex: 0 0 auto;
4217
4238
  order: 5;
4218
4239
  }
4219
- .Tag-module__hop-Tag__Spinner___-mCAF {
4240
+ .Tag-module__hop-Tag__Spinner___mKw7w {
4220
4241
  margin-inline-end: var(--spinner-margin-inline-end);
4221
4242
  }
4222
- .Tag-module__hop-Tag__remove-btn___keMbT {
4243
+ .Tag-module__hop-Tag__remove-btn___zoQkZ {
4223
4244
  margin-inline: var(--clear-btn-margin-inline);
4224
4245
  }
4225
4246
 
4226
4247
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4227
- .TagGroup-module__hop-TagGroup___JYbnj {
4248
+ .TagGroup-module__hop-TagGroup___s6wSY {
4228
4249
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4229
4250
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4230
4251
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4244,10 +4265,10 @@
4244
4265
  inline-size: max-content;
4245
4266
  max-inline-size: 100%;
4246
4267
  }
4247
- .TagGroup-module__hop-TagGroup___JYbnj > .TagGroup-module__hop-TagGroup__label___dyPmo {
4268
+ .TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__label___XG2gM {
4248
4269
  order: 1;
4249
4270
  }
4250
- .TagGroup-module__hop-TagGroup__list___ZQiq8 {
4271
+ .TagGroup-module__hop-TagGroup__list___4Ffgb {
4251
4272
  display: flex;
4252
4273
  flex-wrap: wrap;
4253
4274
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4256,24 +4277,24 @@
4256
4277
  border-radius: var(--list-border-radius);
4257
4278
  outline: none;
4258
4279
  }
4259
- .TagGroup-module__hop-TagGroup__list___ZQiq8[data-focus-visible] {
4280
+ .TagGroup-module__hop-TagGroup__list___4Ffgb[data-focus-visible] {
4260
4281
  outline: 0.125rem solid var(--list-focus-ring-color);
4261
4282
  outline-offset: 0.125rem;
4262
4283
  }
4263
- .TagGroup-module__hop-TagGroup___JYbnj > .TagGroup-module__hop-TagGroup__error-message___XFaIJ,
4264
- .TagGroup-module__hop-TagGroup___JYbnj > .TagGroup-module__hop-TagGroup__helper-message___hQqvS {
4284
+ .TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__error-message___Ts5SG,
4285
+ .TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__helper-message___BWiwC {
4265
4286
  order: 3;
4266
4287
  }
4267
4288
 
4268
4289
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4269
- :where(.Popover-module__hop-Popover___GhhaI *) {
4290
+ :where(.Popover-module__hop-Popover___i8se0 *) {
4270
4291
  font-family: var(--font-family);
4271
4292
  font-size: var(--font-size);
4272
4293
  font-weight: var(--font-weight);
4273
4294
  line-height: var(--line-height);
4274
4295
  outline: none;
4275
4296
  }
4276
- .Popover-module__hop-Popover___GhhaI {
4297
+ .Popover-module__hop-Popover___i8se0 {
4277
4298
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4278
4299
  --hop-Popover-inline-width: 25rem;
4279
4300
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4285,19 +4306,19 @@
4285
4306
  inline-size: var(--width);
4286
4307
  max-inline-size: var(--max-width);
4287
4308
  }
4288
- .Popover-module__hop-Popover___GhhaI[data-trigger=Select] {
4309
+ .Popover-module__hop-Popover___i8se0[data-trigger=Select] {
4289
4310
  --width: var(--hop-Popover-dropdown-inline-width);
4290
4311
  }
4291
- .Popover-module__hop-Popover___GhhaI[data-auto-width] {
4312
+ .Popover-module__hop-Popover___i8se0[data-auto-width] {
4292
4313
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4293
4314
  }
4294
- .Popover-module__hop-Popover___GhhaI[data-entering] {
4295
- animation: Popover-module__fade___uLf7r 0.25s;
4315
+ .Popover-module__hop-Popover___i8se0[data-entering] {
4316
+ animation: Popover-module__fade___Y80OG 0.25s;
4296
4317
  }
4297
- .Popover-module__hop-Popover___GhhaI[data-exiting] {
4298
- animation: Popover-module__fade___uLf7r 0.25s reverse;
4318
+ .Popover-module__hop-Popover___i8se0[data-exiting] {
4319
+ animation: Popover-module__fade___Y80OG 0.25s reverse;
4299
4320
  }
4300
- @keyframes Popover-module__fade___uLf7r {
4321
+ @keyframes Popover-module__fade___Y80OG {
4301
4322
  from {
4302
4323
  opacity: 0;
4303
4324
  }
@@ -4305,14 +4326,14 @@
4305
4326
  opacity: 1;
4306
4327
  }
4307
4328
  }
4308
- .Popover-module__hop-Popover__wrapper___AoYE2 {
4329
+ .Popover-module__hop-Popover__wrapper___6wmmX {
4309
4330
  display: flex;
4310
4331
  flex: 1 1 auto;
4311
4332
  flex-direction: column;
4312
4333
  min-block-size: 0;
4313
4334
  }
4314
- .Popover-module__hop-Popover__dialog___-3-1Y,
4315
- .Popover-module__hop-Popover__dropdown___ub0rC {
4335
+ .Popover-module__hop-Popover__dialog___qWlym,
4336
+ .Popover-module__hop-Popover__dropdown___Zh5mt {
4316
4337
  --hop-Popover-background: var(--hop-neutral-surface);
4317
4338
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4318
4339
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4358,20 +4379,20 @@
4358
4379
  border-radius: var(--hop-Popover-border-radius);
4359
4380
  box-shadow: var(--hop-Popover-box-shadow);
4360
4381
  }
4361
- .Popover-module__hop-Popover__dropdown___ub0rC {
4382
+ .Popover-module__hop-Popover__dropdown___Zh5mt {
4362
4383
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4363
4384
  --footer-place-self: stretch;
4364
4385
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4365
4386
  --padding: var(--hop-Popover-dropdown-padding);
4366
4387
  }
4367
- .Popover-module__hop-Popover__dialog___-3-1Y {
4388
+ .Popover-module__hop-Popover__dialog___qWlym {
4368
4389
  --padding: var(--hop-Popover-dialog-padding);
4369
4390
  }
4370
- .Popover-module__hop-Popover__title___uge2S {
4391
+ .Popover-module__hop-Popover__title___yIARl {
4371
4392
  grid-area: header;
4372
4393
  color: var(--hop-Popover-color);
4373
4394
  }
4374
- .Popover-module__hop-Popover__content___sDJTD {
4395
+ .Popover-module__hop-Popover__content___ZaJ8T {
4375
4396
  --font-size: var(--hop-Popover-content-font-size);
4376
4397
  --line-height: var(--hop-Popover-content-line-height);
4377
4398
  grid-area: content;
@@ -4380,7 +4401,7 @@
4380
4401
  padding: 0;
4381
4402
  color: var(--hop-Popover-content-color);
4382
4403
  }
4383
- .Popover-module__hop-Popover__dropdown___ub0rC .Popover-module__hop-Popover__list-box___mk7Zk {
4404
+ .Popover-module__hop-Popover__dropdown___Zh5mt .Popover-module__hop-Popover__list-box___mCGCz {
4384
4405
  grid-area: content;
4385
4406
  inline-size: auto;
4386
4407
  min-inline-size: auto;
@@ -4389,7 +4410,7 @@
4389
4410
  padding: 0;
4390
4411
  border: none;
4391
4412
  }
4392
- .Popover-module__hop-Popover__footer___TkhzY {
4413
+ .Popover-module__hop-Popover__footer___Zan9L {
4393
4414
  --font-size: var(--hop-Popover-footer-font-size);
4394
4415
  --line-height: var(--hop-Popover-footer-line-height);
4395
4416
  grid-area: footer;
@@ -4397,22 +4418,22 @@
4397
4418
  margin: var(--footer-margin);
4398
4419
  color: var(--hop-Popover-color);
4399
4420
  }
4400
- .Popover-module__hop-Popover__dropdown___ub0rC .Popover-module__hop-Popover__footer___TkhzY {
4421
+ .Popover-module__hop-Popover__dropdown___Zh5mt .Popover-module__hop-Popover__footer___Zan9L {
4401
4422
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4402
4423
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4403
4424
  }
4404
- .Popover-module__hop-Popover__actions___oM8iu,
4405
- .Popover-module__hop-Popover__action___xyIXY {
4425
+ .Popover-module__hop-Popover__actions___ltRsy,
4426
+ .Popover-module__hop-Popover__action___srYuC {
4406
4427
  grid-area: action;
4407
4428
  justify-self: end;
4408
4429
  margin-block-start: var(--hop-Popover-row-gap);
4409
4430
  }
4410
- .Popover-module__hop-Popover___GhhaI:has(.Popover-module__hop-Popover__actions___oM8iu, .Popover-module__hop-Popover__action___xyIXY) .Popover-module__hop-Popover__footer___TkhzY {
4431
+ .Popover-module__hop-Popover___i8se0:has(.Popover-module__hop-Popover__actions___ltRsy, .Popover-module__hop-Popover__action___srYuC) .Popover-module__hop-Popover__footer___Zan9L {
4411
4432
  margin-inline-end: var(--hop-Popover-column-gap);
4412
4433
  }
4413
4434
 
4414
4435
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
4415
- .Select-module__hop-Select___YSMVc {
4436
+ .Select-module__hop-Select___EO27h {
4416
4437
  --hop-Select-row-gap: var(--hop-space-stack-xs);
4417
4438
  --hop-Select-inline-size: 20rem;
4418
4439
  --hop-Select-inline-size-fluid: 100%;
@@ -4463,13 +4484,13 @@
4463
4484
  inline-size: var(--inline-size);
4464
4485
  max-inline-size: var(--hop-Select-max-inline-size);
4465
4486
  }
4466
- .Select-module__hop-Select--fluid___w94yO {
4487
+ .Select-module__hop-Select--fluid___FzpaW {
4467
4488
  --inline-size: var(--hop-Select-inline-size-fluid);
4468
4489
  }
4469
- .Select-module__hop-Select__label___NnWsa {
4490
+ .Select-module__hop-Select__label___c4deC {
4470
4491
  order: 1;
4471
4492
  }
4472
- .Select-module__hop-Select__button___7z-Kj {
4493
+ .Select-module__hop-Select__button___fa76- {
4473
4494
  cursor: var(--button-cursor);
4474
4495
  display: flex;
4475
4496
  column-gap: var(--hop-Select-button-column-gap);
@@ -4485,28 +4506,28 @@
4485
4506
  border-radius: var(--hop-Select-button-border-radius);
4486
4507
  outline: none;
4487
4508
  }
4488
- .Select-module__hop-Select__button--sm___XNopb {
4509
+ .Select-module__hop-Select__button--sm___8MviV {
4489
4510
  --button-block-size: var(--hop-Select-button-sm-block-size);
4490
4511
  }
4491
- .Select-module__hop-Select__button--md___bNWOy {
4512
+ .Select-module__hop-Select__button--md___ITp9Y {
4492
4513
  --button-block-size: var(--hop-Select-button-md-block-size);
4493
4514
  }
4494
- .Select-module__hop-Select__button___7z-Kj[data-hovered] {
4515
+ .Select-module__hop-Select__button___fa76-[data-hovered] {
4495
4516
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4496
4517
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4497
4518
  --button-color: var(--hop-Select-button-color-hovered);
4498
4519
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4499
4520
  }
4500
- .Select-module__hop-Select__button___7z-Kj[data-pressed] {
4521
+ .Select-module__hop-Select__button___fa76-[data-pressed] {
4501
4522
  --button-background-color: var(--hop-Select-button-background-color-selected);
4502
4523
  --button-border-color: var(--hop-Select-button-border-color-selected);
4503
4524
  --button-color: var(--hop-Select-button-color-selected);
4504
4525
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4505
4526
  }
4506
- .Select-module__hop-Select__button___7z-Kj[data-invalid] {
4527
+ .Select-module__hop-Select__button___fa76-[data-invalid] {
4507
4528
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4508
4529
  }
4509
- .Select-module__hop-Select__button___7z-Kj[data-focus-visible] {
4530
+ .Select-module__hop-Select__button___fa76-[data-focus-visible] {
4510
4531
  --button-background-color: var(--hop-Select-button-background-color-focused);
4511
4532
  --button-border-color: var(--hop-Select-button-border-color-focused);
4512
4533
  --button-color: var(--hop-Select-button-color-focused);
@@ -4514,24 +4535,24 @@
4514
4535
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4515
4536
  outline-offset: -0.125rem;
4516
4537
  }
4517
- .Select-module__hop-Select__button___7z-Kj:has([data-placeholder]) {
4538
+ .Select-module__hop-Select__button___fa76-:has([data-placeholder]) {
4518
4539
  --button-color: var(--hop-Select-button-placeholder-color);
4519
4540
  }
4520
- .Select-module__hop-Select__button___7z-Kj[data-disabled] {
4541
+ .Select-module__hop-Select__button___fa76-[data-disabled] {
4521
4542
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4522
4543
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4523
4544
  --button-color: var(--hop-Select-button-color-disabled);
4524
4545
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4525
4546
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4526
4547
  }
4527
- .Select-module__hop-Select__prefix___c-Ovr {
4548
+ .Select-module__hop-Select__prefix___Co2es {
4528
4549
  color: var(--hop-Select-prefix-color);
4529
4550
  }
4530
- .Select-module__hop-Select__button-icon___JQAcH {
4551
+ .Select-module__hop-Select__button-icon___-PN1H {
4531
4552
  margin-inline-start: auto;
4532
4553
  color: var(--button-icon-color);
4533
4554
  }
4534
- .Select-module__hop-Select__helper-message___VAqai,
4535
- .Select-module__hop-Select__error-message___OggC8 {
4555
+ .Select-module__hop-Select__helper-message___96x9I,
4556
+ .Select-module__hop-Select__error-message___U1kYE {
4536
4557
  order: 3;
4537
4558
  }