@hopper-ui/components 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +21 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +10 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +31 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Divider/src/Divider.css +2 -2
  19. package/dist/Divider/src/Divider.js +1 -1
  20. package/dist/Divider/src/index.css +2 -2
  21. package/dist/Divider/src/index.js +1 -1
  22. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  23. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  24. package/dist/ErrorMessage/src/index.css +11 -11
  25. package/dist/ErrorMessage/src/index.js +2 -2
  26. package/dist/Form/src/Form.css +666 -645
  27. package/dist/Form/src/Form.js +43 -43
  28. package/dist/Form/src/index.css +666 -645
  29. package/dist/Form/src/index.js +43 -43
  30. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  31. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  32. package/dist/HelperMessage/src/index.css +11 -11
  33. package/dist/HelperMessage/src/index.js +2 -2
  34. package/dist/IconList/src/IconList.css +1 -1
  35. package/dist/IconList/src/IconList.js +1 -1
  36. package/dist/IconList/src/index.css +1 -1
  37. package/dist/IconList/src/index.js +1 -1
  38. package/dist/Link/src/Link.css +31 -31
  39. package/dist/Link/src/Link.js +2 -2
  40. package/dist/Link/src/index.css +31 -31
  41. package/dist/Link/src/index.js +2 -2
  42. package/dist/ListBox/src/ListBox.css +222 -222
  43. package/dist/ListBox/src/ListBox.js +8 -8
  44. package/dist/ListBox/src/ListBoxItem.css +207 -207
  45. package/dist/ListBox/src/ListBoxItem.js +6 -6
  46. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  47. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  48. package/dist/ListBox/src/index.css +222 -222
  49. package/dist/ListBox/src/index.js +8 -8
  50. package/dist/Select/src/Select.css +666 -645
  51. package/dist/Select/src/Select.js +43 -43
  52. package/dist/Select/src/SelectValue.css +60 -60
  53. package/dist/Select/src/SelectValue.js +5 -5
  54. package/dist/Select/src/index.css +666 -645
  55. package/dist/Select/src/index.js +43 -43
  56. package/dist/Spinner/src/Spinner.css +19 -19
  57. package/dist/Spinner/src/Spinner.js +2 -2
  58. package/dist/Spinner/src/index.css +19 -19
  59. package/dist/Spinner/src/index.js +2 -2
  60. package/dist/buttons/src/Button.css +94 -94
  61. package/dist/buttons/src/Button.js +3 -3
  62. package/dist/buttons/src/ButtonGroup.css +11 -11
  63. package/dist/buttons/src/ButtonGroup.js +1 -1
  64. package/dist/buttons/src/ClearButton.css +74 -70
  65. package/dist/buttons/src/ClearButton.js +2 -2
  66. package/dist/buttons/src/EmbeddedButton.css +74 -70
  67. package/dist/buttons/src/EmbeddedButton.d.ts +4 -0
  68. package/dist/buttons/src/EmbeddedButton.js +1 -1
  69. package/dist/buttons/src/index.css +179 -175
  70. package/dist/buttons/src/index.js +6 -6
  71. package/dist/checkbox/src/Checkbox.css +31 -31
  72. package/dist/checkbox/src/Checkbox.js +2 -2
  73. package/dist/checkbox/src/CheckboxField.css +15 -15
  74. package/dist/checkbox/src/CheckboxField.js +1 -1
  75. package/dist/checkbox/src/CheckboxGroup.css +60 -60
  76. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  77. package/dist/checkbox/src/index.css +60 -60
  78. package/dist/checkbox/src/index.js +4 -4
  79. package/dist/{chunk-ANBOSYAL.js → chunk-2IM7L64G.js} +1 -1
  80. package/dist/{chunk-OLXX46IZ.js → chunk-2OHECU6B.js} +1 -1
  81. package/dist/{chunk-ESWRMGHR.js → chunk-6PQWQGCX.js} +3 -3
  82. package/dist/{chunk-NJHNYL6X.js → chunk-6QFZJMC3.js} +2 -2
  83. package/dist/{chunk-D2GZKHYD.js → chunk-75FA3TWT.js} +1 -1
  84. package/dist/{chunk-2ZOLM7VR.js → chunk-7ZNANBX5.js} +2 -2
  85. package/dist/{chunk-2WWHL3EF.js → chunk-APRULC6A.js} +3 -3
  86. package/dist/{chunk-5NMCOZOW.js → chunk-BOL3HK7H.js} +1 -1
  87. package/dist/{chunk-PUMWU6M4.js → chunk-DMVOYW6N.js} +6 -1
  88. package/dist/{chunk-7QUXYE3E.js → chunk-DOSVC2KD.js} +4 -4
  89. package/dist/{chunk-YD2TGFCB.js → chunk-E2A556FA.js} +3 -3
  90. package/dist/{chunk-HXPTWMD5.js → chunk-EBNKK7UG.js} +3 -3
  91. package/dist/{chunk-EUELVL2L.js → chunk-EC7OSNAK.js} +1 -1
  92. package/dist/{chunk-UNSJTDXN.js → chunk-ENP5QA57.js} +1 -1
  93. package/dist/{chunk-USVXH6MO.js → chunk-F35TAM7I.js} +2 -2
  94. package/dist/{chunk-X2T2UX2O.js → chunk-FNFLGAVD.js} +1 -1
  95. package/dist/{chunk-BO53NITW.js → chunk-FUZDBWJ3.js} +1 -1
  96. package/dist/{chunk-XF4SQ222.js → chunk-IAK7ZIAY.js} +1 -1
  97. package/dist/{chunk-JVZRUDLP.js → chunk-IEIBO5IZ.js} +4 -4
  98. package/dist/{chunk-47SFZCKK.js → chunk-JAN7XPAP.js} +1 -1
  99. package/dist/{chunk-BV7O26TY.js → chunk-K73GF67H.js} +3 -3
  100. package/dist/{chunk-GG6RHMJ7.js → chunk-KB5TOYUY.js} +7 -7
  101. package/dist/{chunk-TJMAMWRQ.js → chunk-LG55WC5T.js} +3 -1
  102. package/dist/{chunk-QSWSZUZM.js → chunk-N3Z3CYO7.js} +1 -1
  103. package/dist/{chunk-HLXQ6C2E.js → chunk-OVLJGCG7.js} +1 -1
  104. package/dist/{chunk-SFZBLVJN.js → chunk-OX2HJIUS.js} +2 -2
  105. package/dist/{chunk-EMD2K6B3.js → chunk-PWHVRELJ.js} +2 -2
  106. package/dist/{chunk-ZG5E36S3.js → chunk-Q7XNJJHM.js} +3 -3
  107. package/dist/{chunk-QCTIAKM6.js → chunk-QS5JV4ME.js} +1 -1
  108. package/dist/{chunk-L3Y67TUF.js → chunk-RYBVVQUA.js} +1 -1
  109. package/dist/{chunk-52LHX4PE.js → chunk-SLHMNCFU.js} +2 -2
  110. package/dist/{chunk-A2S2Q73W.js → chunk-TN3VIRQZ.js} +2 -2
  111. package/dist/{chunk-NEPRDVF7.js → chunk-TNKYUIG3.js} +1 -1
  112. package/dist/{chunk-JVDCU4PT.js → chunk-TRGOUUKL.js} +1 -1
  113. package/dist/{chunk-SD6DBWYC.js → chunk-U6IYZMNN.js} +1 -1
  114. package/dist/{chunk-QAIK237T.js → chunk-UM7DFJXF.js} +18 -7
  115. package/dist/{chunk-BF6YUKC2.js → chunk-V4SY4DCA.js} +1 -1
  116. package/dist/{chunk-XHQWDF7B.js → chunk-W52DLG34.js} +1 -1
  117. package/dist/{chunk-D7VVQIPM.js → chunk-YGOVG4X3.js} +2 -2
  118. package/dist/{chunk-ARD3LWL2.js → chunk-ZFMCRQ5C.js} +2 -2
  119. package/dist/{chunk-WDA6LWC4.js → chunk-ZWTMTEFG.js} +6 -6
  120. package/dist/index.css +666 -645
  121. package/dist/index.js +43 -43
  122. package/dist/inputs/src/InputGroup.css +1099 -14
  123. package/dist/inputs/src/InputGroup.js +2 -1
  124. package/dist/inputs/src/NumberField.css +1068 -63
  125. package/dist/inputs/src/NumberField.js +7 -6
  126. package/dist/inputs/src/PasswordField.css +225 -217
  127. package/dist/inputs/src/PasswordField.js +7 -7
  128. package/dist/inputs/src/SearchField.css +231 -223
  129. package/dist/inputs/src/SearchField.js +8 -8
  130. package/dist/inputs/src/TextArea.css +1062 -57
  131. package/dist/inputs/src/TextArea.js +8 -7
  132. package/dist/inputs/src/TextField.css +239 -218
  133. package/dist/inputs/src/TextField.d.ts +7 -0
  134. package/dist/inputs/src/TextField.js +9 -8
  135. package/dist/inputs/src/index.css +1280 -1259
  136. package/dist/inputs/src/index.js +13 -13
  137. package/dist/overlays/Popover/src/Popover.css +666 -645
  138. package/dist/overlays/Popover/src/Popover.js +43 -43
  139. package/dist/overlays/Popover/src/index.css +666 -645
  140. package/dist/overlays/Popover/src/index.js +43 -43
  141. package/dist/radio/src/Radio.css +31 -31
  142. package/dist/radio/src/Radio.js +2 -2
  143. package/dist/radio/src/RadioField.css +15 -15
  144. package/dist/radio/src/RadioField.js +1 -1
  145. package/dist/radio/src/RadioGroup.css +60 -60
  146. package/dist/radio/src/RadioGroup.js +1 -1
  147. package/dist/radio/src/index.css +60 -60
  148. package/dist/radio/src/index.js +4 -4
  149. package/dist/switch/src/Switch.css +25 -25
  150. package/dist/switch/src/Switch.js +2 -2
  151. package/dist/switch/src/SwitchField.css +15 -15
  152. package/dist/switch/src/SwitchField.js +1 -1
  153. package/dist/switch/src/index.css +31 -31
  154. package/dist/switch/src/index.js +3 -3
  155. package/dist/tag/src/Tag.css +326 -322
  156. package/dist/tag/src/Tag.js +5 -5
  157. package/dist/tag/src/TagGroup.css +22 -22
  158. package/dist/tag/src/TagGroup.js +1 -1
  159. package/dist/tag/src/index.css +339 -335
  160. package/dist/tag/src/index.js +6 -6
  161. package/dist/typography/Heading/src/Heading.css +9 -9
  162. package/dist/typography/Heading/src/Heading.js +1 -1
  163. package/dist/typography/Heading/src/index.css +9 -9
  164. package/dist/typography/Heading/src/index.js +1 -1
  165. package/dist/typography/Label/src/Label.css +3 -3
  166. package/dist/typography/Label/src/Label.js +1 -1
  167. package/dist/typography/Label/src/index.css +3 -3
  168. package/dist/typography/Label/src/index.js +1 -1
  169. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  170. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  171. package/dist/typography/OverlineText/src/index.css +6 -6
  172. package/dist/typography/OverlineText/src/index.js +1 -1
  173. package/dist/typography/Text/src/Text.css +9 -9
  174. package/dist/typography/Text/src/Text.js +1 -1
  175. package/dist/typography/Text/src/index.css +9 -9
  176. package/dist/typography/Text/src/index.js +1 -1
  177. package/dist/utils/src/index.js +1 -1
  178. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___D1rn4 {
2
+ .Text-module__hop-Text___i-wip {
3
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.Text-module__hop-Text___D1rn4) {
32
+ :where(.Text-module__hop-Text___i-wip) {
33
33
  font-family: var(--font-family);
34
34
  font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.Text-module__hop-Text--xs___83nUB) {
38
+ :where(.Text-module__hop-Text--xs___OgrlM) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.Text-module__hop-Text--sm___J7Ynn) {
44
+ :where(.Text-module__hop-Text--sm___VG8kM) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.Text-module__hop-Text--md___vDq4E) {
50
+ :where(.Text-module__hop-Text--md___Y1jRC) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.Text-module__hop-Text--lg___d93YP) {
56
+ :where(.Text-module__hop-Text--lg___P2gHm) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.Text-module__hop-Text--xl___7Poiv) {
62
+ :where(.Text-module__hop-Text--xl___uu4Y6) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.Text-module__hop-Text--2xl___owE8f) {
68
+ :where(.Text-module__hop-Text--2xl___kr5Vw) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.Text-module__hop-Text--inherit___LGo4-) {
74
+ :where(.Text-module__hop-Text--inherit___enYNN) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
79
79
  }
80
80
 
81
81
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
82
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___0SfZJ {
82
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt {
83
83
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
84
84
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
85
85
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -110,46 +110,46 @@
110
110
  background-color: var(--background-color);
111
111
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
112
112
  }
113
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___7c8Uq {
113
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___kM-j4 {
114
114
  --size: var(--hop-RichIconAvatarImage-xs-size);
115
115
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
116
116
  }
117
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___CMqPA {
117
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___SKx-C {
118
118
  --size: var(--hop-RichIconAvatarImage-sm-size);
119
119
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
120
120
  }
121
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___qR-0W {
121
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-ELGu {
122
122
  --size: var(--hop-RichIconAvatarImage-md-size);
123
123
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
124
124
  }
125
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___yBdoM {
125
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___V0j8U {
126
126
  --size: var(--hop-RichIconAvatarImage-lg-size);
127
127
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
128
128
  }
129
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___tBzp5 {
129
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___uv-1s {
130
130
  --size: var(--hop-RichIconAvatarImage-xl-size);
131
131
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
132
132
  }
133
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___--GFe {
133
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___43YNN {
134
134
  --size: var(--hop-RichIconAvatarImage-2xl-size);
135
135
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
136
136
  }
137
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___0SfZJ[data-disabled] {
137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt[data-disabled] {
138
138
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
139
139
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___tDykK {
140
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
141
141
  position: relative;
142
142
  display: block;
143
143
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
144
144
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___0SfZJ[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___tDykK {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
147
147
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
148
148
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
149
149
  }
150
150
 
151
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
152
- .Avatar-module__hop-Avatar___voDSB {
152
+ .Avatar-module__hop-Avatar___2iRIy {
153
153
  --hop-Avatar-border-radius: var(--hop-shape-circle);
154
154
  --hop-Avatar-mix-blend-mode: normal;
155
155
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -194,67 +194,67 @@
194
194
  background-color: var(--background-color, transparent);
195
195
  border-radius: var(--hop-Avatar-border-radius);
196
196
  }
197
- .Avatar-module__hop-Avatar--xs___vyK5f {
197
+ .Avatar-module__hop-Avatar--xs___U6TaP {
198
198
  --size: var(--hop-Avatar-xs-size);
199
199
  }
200
- .Avatar-module__hop-Avatar--sm___tZ1n5 {
200
+ .Avatar-module__hop-Avatar--sm___mVPqW {
201
201
  --size: var(--hop-Avatar-sm-size);
202
202
  }
203
- .Avatar-module__hop-Avatar--md___ZETXa {
203
+ .Avatar-module__hop-Avatar--md___-HteB {
204
204
  --size: var(--hop-Avatar-md-size);
205
205
  }
206
- .Avatar-module__hop-Avatar--lg___2JJif {
206
+ .Avatar-module__hop-Avatar--lg___6eRRX {
207
207
  --size: var(--hop-Avatar-lg-size);
208
208
  }
209
- .Avatar-module__hop-Avatar--xl___GbLkx {
209
+ .Avatar-module__hop-Avatar--xl___XeULp {
210
210
  --size: var(--hop-Avatar-xl-size);
211
211
  }
212
- .Avatar-module__hop-Avatar--2xl___i2HmH {
212
+ .Avatar-module__hop-Avatar--2xl___0w2Ni {
213
213
  --size: var(--hop-Avatar-2xl-size);
214
214
  }
215
- .Avatar-module__hop-Avatar--decorative-option1___swzwE {
215
+ .Avatar-module__hop-Avatar--decorative-option1___x4wwr {
216
216
  --background-color: var(--hop-Avatar-decorative-1-background-color);
217
217
  --text-color: var(--hop-Avatar-decorative-1-text-color);
218
218
  }
219
- .Avatar-module__hop-Avatar--decorative-option2___61Ewl {
219
+ .Avatar-module__hop-Avatar--decorative-option2___VdIQd {
220
220
  --background-color: var(--hop-Avatar-decorative-2-background-color);
221
221
  --text-color: var(--hop-Avatar-decorative-2-text-color);
222
222
  }
223
- .Avatar-module__hop-Avatar--decorative-option3___btSY5 {
223
+ .Avatar-module__hop-Avatar--decorative-option3___T5HRP {
224
224
  --background-color: var(--hop-Avatar-decorative-3-background-color);
225
225
  --text-color: var(--hop-Avatar-decorative-3-text-color);
226
226
  }
227
- .Avatar-module__hop-Avatar--decorative-option4___muuvm {
227
+ .Avatar-module__hop-Avatar--decorative-option4___quPmn {
228
228
  --background-color: var(--hop-Avatar-decorative-4-background-color);
229
229
  --text-color: var(--hop-Avatar-decorative-4-text-color);
230
230
  }
231
- .Avatar-module__hop-Avatar--decorative-option5___FAvFc {
231
+ .Avatar-module__hop-Avatar--decorative-option5___ifBXG {
232
232
  --background-color: var(--hop-Avatar-decorative-5-background-color);
233
233
  --text-color: var(--hop-Avatar-decorative-5-text-color);
234
234
  }
235
- .Avatar-module__hop-Avatar--decorative-option6___tZ9LE {
235
+ .Avatar-module__hop-Avatar--decorative-option6___wDYJd {
236
236
  --background-color: var(--hop-Avatar-decorative-6-background-color);
237
237
  --text-color: var(--hop-Avatar-decorative-6-text-color);
238
238
  }
239
- .Avatar-module__hop-Avatar--decorative-option7___fXKic {
239
+ .Avatar-module__hop-Avatar--decorative-option7___xgn2p {
240
240
  --background-color: var(--hop-Avatar-decorative-7-background-color);
241
241
  --text-color: var(--hop-Avatar-decorative-7-text-color);
242
242
  }
243
- .Avatar-module__hop-Avatar--decorative-option8___43DZK {
243
+ .Avatar-module__hop-Avatar--decorative-option8___6RKzf {
244
244
  --background-color: var(--hop-Avatar-decorative-8-background-color);
245
245
  --text-color: var(--hop-Avatar-decorative-8-text-color);
246
246
  }
247
- .Avatar-module__hop-Avatar--decorative-option9___Hc--N {
247
+ .Avatar-module__hop-Avatar--decorative-option9___LMOth {
248
248
  --background-color: var(--hop-Avatar-decorative-9-background-color);
249
249
  --text-color: var(--hop-Avatar-decorative-9-text-color);
250
250
  }
251
- .Avatar-module__hop-Avatar___voDSB[data-disabled] {
251
+ .Avatar-module__hop-Avatar___2iRIy[data-disabled] {
252
252
  --background-color: var(--hop-Avatar-background-color-disabled);
253
253
  --text-color: var(--hop-Avatar-text-color-disabled);
254
254
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
255
255
  isolation: isolate;
256
256
  }
257
- .Avatar-module__hop-Avatar__image___BNmTQ {
257
+ .Avatar-module__hop-Avatar__image___L1lkB {
258
258
  position: relative;
259
259
  display: block;
260
260
  box-sizing: border-box;
@@ -265,7 +265,7 @@
265
265
  }
266
266
 
267
267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
268
- :where(.OverlineText-module__hop-OverlineText___-AumH) {
268
+ :where(.OverlineText-module__hop-OverlineText___AJQ9B) {
269
269
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
270
270
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
271
271
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -289,26 +289,26 @@
289
289
  text-transform: uppercase;
290
290
  letter-spacing: var(--letter-spacing);
291
291
  }
292
- .OverlineText-module__hop-OverlineText__text___epYug {
292
+ .OverlineText-module__hop-OverlineText__text___2R69Q {
293
293
  box-sizing: border-box;
294
294
  }
295
- .OverlineText-module__hop-OverlineText__text___epYug::before,
296
- .OverlineText-module__hop-OverlineText__text___epYug::after {
295
+ .OverlineText-module__hop-OverlineText__text___2R69Q::before,
296
+ .OverlineText-module__hop-OverlineText__text___2R69Q::after {
297
297
  content: "";
298
298
  display: block;
299
299
  box-sizing: border-box;
300
300
  inline-size: 0;
301
301
  block-size: 0;
302
302
  }
303
- .OverlineText-module__hop-OverlineText__text___epYug::before {
303
+ .OverlineText-module__hop-OverlineText__text___2R69Q::before {
304
304
  margin-block-end: var(--bottom-offset);
305
305
  }
306
- .OverlineText-module__hop-OverlineText__text___epYug::after {
306
+ .OverlineText-module__hop-OverlineText__text___2R69Q::after {
307
307
  margin-block-start: var(--top-offset);
308
308
  }
309
309
 
310
310
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
311
- .Badge-module__hop-Badge___09iuj {
311
+ .Badge-module__hop-Badge___-xOKd {
312
312
  --hop-Badge-height: 1.5rem;
313
313
  --hop-Badge-width: max-content;
314
314
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -358,67 +358,67 @@
358
358
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
359
359
  border-radius: var(--border-radius);
360
360
  }
361
- .Badge-module__hop-Badge___09iuj[data-variant=primary] {
361
+ .Badge-module__hop-Badge___-xOKd[data-variant=primary] {
362
362
  --background-color: var(--hop-Badge-primary-background-color);
363
363
  --text-color: var(--hop-Badge-primary-text-color);
364
364
  }
365
- .Badge-module__hop-Badge___09iuj[data-hovered][data-variant=primary] {
365
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=primary] {
366
366
  --background-color: var(--hop-Badge-primary-background-color-hovered);
367
367
  --text-color: var(--hop-Badge-primary-text-color-hovered);
368
368
  }
369
- .Badge-module__hop-Badge___09iuj[data-pressed][data-variant=primary] {
369
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=primary] {
370
370
  --background-color: var(--hop-Badge-primary-background-color-pressed);
371
371
  --text-color: var(--hop-Badge-primary-text-color-pressed);
372
372
  }
373
- .Badge-module__hop-Badge___09iuj[data-selected][data-variant=primary] {
373
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=primary] {
374
374
  --background-color: var(--hop-Badge-primary-background-color-selected);
375
375
  --text-color: var(--hop-Badge-primary-text-color-selected);
376
376
  }
377
- .Badge-module__hop-Badge___09iuj[data-variant=secondary] {
377
+ .Badge-module__hop-Badge___-xOKd[data-variant=secondary] {
378
378
  --background-color: var(--hop-Badge-secondary-background-color);
379
379
  --text-color: var(--hop-Badge-secondary-text-color);
380
380
  }
381
- .Badge-module__hop-Badge___09iuj[data-hovered][data-variant=secondary] {
381
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=secondary] {
382
382
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
383
383
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
384
384
  }
385
- .Badge-module__hop-Badge___09iuj[data-pressed][data-variant=secondary] {
385
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=secondary] {
386
386
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
387
387
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
388
388
  }
389
- .Badge-module__hop-Badge___09iuj[data-selected][data-variant=secondary] {
389
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=secondary] {
390
390
  --background-color: var(--hop-Badge-secondary-background-color-selected);
391
391
  --text-color: var(--hop-Badge-secondary-text-color-selected);
392
392
  }
393
- .Badge-module__hop-Badge___09iuj[data-variant=subdued] {
393
+ .Badge-module__hop-Badge___-xOKd[data-variant=subdued] {
394
394
  --background-color: var(--hop-Badge-subdued-background-color);
395
395
  --text-color: var(--hop-Badge-subdued-text-color);
396
396
  }
397
- .Badge-module__hop-Badge___09iuj[data-hovered][data-variant=subdued] {
397
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=subdued] {
398
398
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
399
399
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
400
400
  }
401
- .Badge-module__hop-Badge___09iuj[data-pressed][data-variant=subdued] {
401
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=subdued] {
402
402
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
403
403
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
404
404
  }
405
- .Badge-module__hop-Badge___09iuj[data-selected][data-variant=subdued] {
405
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=subdued] {
406
406
  --background-color: var(--hop-Badge-subdued-background-color-selected);
407
407
  --text-color: var(--hop-Badge-subdued-text-color-selected);
408
408
  }
409
- .Badge-module__hop-Badge___09iuj[data-indeterminate] {
409
+ .Badge-module__hop-Badge___-xOKd[data-indeterminate] {
410
410
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
411
411
  --height: var(--hop-Badge-indeterminate-height);
412
412
  --width: var(--hop-Badge-indeterminate-width);
413
413
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
414
414
  }
415
- .Badge-module__hop-Badge___09iuj[data-disabled] {
415
+ .Badge-module__hop-Badge___-xOKd[data-disabled] {
416
416
  --background-color: var(--hop-Badge-background-color-disabled);
417
417
  --text-color: var(--hop-Badge-text-color-disabled);
418
418
  }
419
419
 
420
420
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
421
- .FloatingBadge-module__hop-FloatingBadge___cvHzG {
421
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn {
422
422
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
423
423
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
424
424
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -459,7 +459,7 @@
459
459
  box-sizing: border-box;
460
460
  inline-size: max-content;
461
461
  }
462
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top right"] {
462
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top right"] {
463
463
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
464
464
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
465
465
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -467,11 +467,11 @@
467
467
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
468
468
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
469
469
  }
470
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top right"][data-overlap=circular] {
470
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top right"][data-overlap=circular] {
471
471
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
472
472
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
473
473
  }
474
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top left"] {
474
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top left"] {
475
475
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
476
476
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
477
477
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -479,11 +479,11 @@
479
479
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
480
480
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
481
481
  }
482
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top left"][data-overlap=circular] {
482
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top left"][data-overlap=circular] {
483
483
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
484
484
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
485
485
  }
486
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom right"] {
486
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom right"] {
487
487
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
488
488
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
489
489
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -491,11 +491,11 @@
491
491
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
492
492
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
493
493
  }
494
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom right"][data-overlap=circular] {
494
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom right"][data-overlap=circular] {
495
495
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
496
496
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
497
497
  }
498
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom left"] {
498
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom left"] {
499
499
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
500
500
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
501
501
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -503,11 +503,11 @@
503
503
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
504
504
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
505
505
  }
506
- .FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom left"][data-overlap=circular] {
506
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom left"][data-overlap=circular] {
507
507
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
508
508
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
509
509
  }
510
- .FloatingBadge-module__hop-FloatingBadge__badge___DizOb {
510
+ .FloatingBadge-module__hop-FloatingBadge__badge___XidQN {
511
511
  position: absolute;
512
512
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
513
513
  transform-origin: var(--badge-transform-origin);
@@ -515,7 +515,7 @@
515
515
  }
516
516
 
517
517
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
518
- .IconList-module__hop-IconList___ocsPJ {
518
+ .IconList-module__hop-IconList___LeCr- {
519
519
  --hop-IconList-gap: var(--hop-space-inline-xs);
520
520
  display: flex;
521
521
  flex-wrap: wrap;
@@ -524,7 +524,7 @@
524
524
  }
525
525
 
526
526
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
527
- @keyframes Spinner-module__spin___v977U {
527
+ @keyframes Spinner-module__spin___-Rkj1 {
528
528
  0% {
529
529
  transform: rotate(0deg);
530
530
  }
@@ -532,7 +532,7 @@
532
532
  transform: rotate(360deg);
533
533
  }
534
534
  }
535
- .Spinner-module__hop-Spinner___O1-Km {
535
+ .Spinner-module__hop-Spinner___xDrpF {
536
536
  --hop-Spinner-border-radius: var(--hop-shape-circle);
537
537
  --hop-Spinner-sm-wheel-size: 1rem;
538
538
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -540,7 +540,7 @@
540
540
  --hop-Spinner-track-width: 0.125rem;
541
541
  --hop-Spinner-track-opacity: 0.2;
542
542
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
543
- --hop-Spinner-fill-animation: Spinner-module__spin___v977U .8s infinite linear;
543
+ --hop-Spinner-fill-animation: Spinner-module__spin___-Rkj1 .8s infinite linear;
544
544
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
545
545
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
546
546
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -551,19 +551,19 @@
551
551
  align-items: center;
552
552
  box-sizing: border-box;
553
553
  }
554
- .Spinner-module__hop-Spinner--sm___qV5iG {
554
+ .Spinner-module__hop-Spinner--sm___rvdH6 {
555
555
  --width: var(--hop-Spinner-sm-wheel-size);
556
556
  --height: var(--hop-Spinner-sm-wheel-size);
557
557
  }
558
- .Spinner-module__hop-Spinner--md___G30MC {
558
+ .Spinner-module__hop-Spinner--md___z6QNv {
559
559
  --width: var(--hop-Spinner-md-wheel-size);
560
560
  --height: var(--hop-Spinner-md-wheel-size);
561
561
  }
562
- .Spinner-module__hop-Spinner--lg___sYhCI {
562
+ .Spinner-module__hop-Spinner--lg___NI1Kx {
563
563
  --width: var(--hop-Spinner-lg-wheel-size);
564
564
  --height: var(--hop-Spinner-lg-wheel-size);
565
565
  }
566
- .Spinner-module__hop-Spinner__track___W5tRL {
566
+ .Spinner-module__hop-Spinner__track___4C02S {
567
567
  grid-area: spinner;
568
568
  box-sizing: border-box;
569
569
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -572,7 +572,7 @@
572
572
  border: var(--hop-Spinner-track-border);
573
573
  border-radius: var(--hop-Spinner-border-radius);
574
574
  }
575
- .Spinner-module__hop-Spinner__fill___kByJ9 {
575
+ .Spinner-module__hop-Spinner__fill___oPPSm {
576
576
  grid-area: spinner;
577
577
  box-sizing: border-box;
578
578
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -583,17 +583,17 @@
583
583
  animation: var(--hop-Spinner-fill-animation);
584
584
  }
585
585
  @media (prefers-reduced-motion: reduce) {
586
- .Spinner-module__hop-Spinner__fill___kByJ9 {
586
+ .Spinner-module__hop-Spinner__fill___oPPSm {
587
587
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
588
588
  }
589
589
  }
590
- .Spinner-module__hop-Spinner__label___8qfSZ {
590
+ .Spinner-module__hop-Spinner__label___AivV7 {
591
591
  grid-area: label;
592
592
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
593
593
  }
594
594
 
595
595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
596
- .Button-module__hop-Button___ufqF7 {
596
+ .Button-module__hop-Button___7f0XC {
597
597
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
598
598
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
599
599
  --hop-Button-icon-only-padding: 0;
@@ -752,320 +752,321 @@
752
752
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
753
753
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
754
754
  }
755
- .Button-module__hop-Button___ufqF7[data-focus-visible] {
755
+ .Button-module__hop-Button___7f0XC[data-focus-visible] {
756
756
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
757
757
  }
758
- .Button-module__hop-Button--icon-only___6nkzA {
758
+ .Button-module__hop-Button--icon-only___vYJyC {
759
759
  --padding-block: var(--hop-Button-icon-only-padding);
760
760
  --padding-inline: var(--hop-Button-icon-only-padding);
761
761
  column-gap: 0;
762
762
  aspect-ratio: 1;
763
763
  }
764
- .Button-module__hop-Button___ufqF7[data-disabled],
765
- .Button-module__hop-Button___ufqF7[data-loading] {
764
+ .Button-module__hop-Button___7f0XC[data-disabled],
765
+ .Button-module__hop-Button___7f0XC[data-loading] {
766
766
  cursor: not-allowed;
767
767
  }
768
- .Button-module__hop-Button--fluid___LYhcV {
768
+ .Button-module__hop-Button--fluid___C0JPO {
769
769
  --inline-size: 100%;
770
770
  }
771
- .Button-module__hop-Button--sm___rqKIE {
771
+ .Button-module__hop-Button--sm___yM9Fq {
772
772
  --block-size: var(--hop-Button-sm-height);
773
773
  }
774
- .Button-module__hop-Button--primary___pOCG7.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
774
+ .Button-module__hop-Button--primary___V1ds9.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
775
775
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
776
776
  --padding-block: var(--hop-Button-primary-sm-padding-y);
777
777
  }
778
- .Button-module__hop-Button--primary___pOCG7.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
778
+ .Button-module__hop-Button--primary___V1ds9.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
779
779
  --padding-inline: var(--hop-Button-primary-md-padding-x);
780
780
  --padding-block: var(--hop-Button-primary-md-padding-y);
781
781
  }
782
- .Button-module__hop-Button--secondary___ixxaS.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
782
+ .Button-module__hop-Button--secondary___qS99y.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
783
783
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
784
784
  --padding-block: var(--hop-Button-secondary-md-padding-y);
785
785
  }
786
- .Button-module__hop-Button--secondary___ixxaS.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
786
+ .Button-module__hop-Button--secondary___qS99y.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
787
787
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
788
788
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
789
789
  }
790
- .Button-module__hop-Button--upsell___fKGBb.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
790
+ .Button-module__hop-Button--upsell___DBn1I.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
791
791
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
792
792
  --padding-block: var(--hop-Button-upsell-md-padding-y);
793
793
  }
794
- .Button-module__hop-Button--upsell___fKGBb.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
794
+ .Button-module__hop-Button--upsell___DBn1I.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
795
795
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
796
796
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
797
797
  }
798
- .Button-module__hop-Button--danger___IDbG4.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
798
+ .Button-module__hop-Button--danger___tvj3G.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
799
799
  --padding-inline: var(--hop-Button-danger-md-padding-x);
800
800
  --padding-block: var(--hop-Button-danger-md-padding-y);
801
801
  }
802
- .Button-module__hop-Button--danger___IDbG4.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
802
+ .Button-module__hop-Button--danger___tvj3G.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
803
803
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
804
804
  --padding-block: var(--hop-Button-danger-sm-padding-y);
805
805
  }
806
- .Button-module__hop-Button--ghost-danger___1zhrR.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
806
+ .Button-module__hop-Button--ghost-danger___D-J5Y.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
807
807
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
808
808
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
809
809
  }
810
- .Button-module__hop-Button--ghost-danger___1zhrR.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
810
+ .Button-module__hop-Button--ghost-danger___D-J5Y.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
811
811
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
812
812
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
813
813
  }
814
- .Button-module__hop-Button--ghost-secondary___cwxat.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
814
+ .Button-module__hop-Button--ghost-secondary___hXVww.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
815
815
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
816
816
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
817
817
  }
818
- .Button-module__hop-Button--ghost-secondary___cwxat.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
818
+ .Button-module__hop-Button--ghost-secondary___hXVww.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
819
819
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
820
820
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
821
821
  }
822
- .Button-module__hop-Button--ghost-primary___Yqrhr.Button-module__hop-Button--md___bGFaw:not(.Button-module__hop-Button--icon-only___6nkzA) {
822
+ .Button-module__hop-Button--ghost-primary___zblpI.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
823
823
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
824
824
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
825
825
  }
826
- .Button-module__hop-Button--ghost-primary___Yqrhr.Button-module__hop-Button--sm___rqKIE:not(.Button-module__hop-Button--icon-only___6nkzA) {
826
+ .Button-module__hop-Button--ghost-primary___zblpI.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
827
827
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
828
828
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
829
829
  }
830
- .Button-module__hop-Button--primary___pOCG7 {
830
+ .Button-module__hop-Button--primary___V1ds9 {
831
831
  --background-color: var(--hop-Button-primary-background-color);
832
832
  --color: var(--hop-Button-primary-color);
833
833
  --border: var(--hop-Button-primary-border);
834
834
  --spinner-color: var(--hop-Button-primary-spinner-color);
835
835
  }
836
- .Button-module__hop-Button--primary___pOCG7[data-disabled]:not([data-loading]) {
836
+ .Button-module__hop-Button--primary___V1ds9[data-disabled]:not([data-loading]) {
837
837
  --background-color: var(--hop-Button-primary-background-color-disabled);
838
838
  --color: var(--hop-Button-primary-color-disabled);
839
839
  --border: var(--hop-Button-primary-border-disabled);
840
840
  }
841
- .Button-module__hop-Button--primary___pOCG7[data-hovered]:not([data-disabled], [data-loading]),
842
- .Button-module__hop-Button--primary___pOCG7[data-focus-visible]:not([data-disabled], [data-loading]) {
841
+ .Button-module__hop-Button--primary___V1ds9[data-hovered]:not([data-disabled], [data-loading]),
842
+ .Button-module__hop-Button--primary___V1ds9[data-focus-visible]:not([data-disabled], [data-loading]) {
843
843
  --background-color: var(--hop-Button-primary-background-color-hover);
844
844
  --color: var(--hop-Button-primary-color-hover);
845
845
  --border: var(--hop-Button-primary-border-hover);
846
846
  }
847
- .Button-module__hop-Button--primary___pOCG7[data-pressed]:not([data-loading]) {
847
+ .Button-module__hop-Button--primary___V1ds9[data-pressed]:not([data-loading]) {
848
848
  --background-color: var(--hop-Button-primary-background-color-pressed);
849
849
  --color: var(--hop-Button-primary-color-pressed);
850
850
  --border: var(--hop-Button-primary-border-pressed);
851
851
  }
852
- .Button-module__hop-Button--secondary___ixxaS {
852
+ .Button-module__hop-Button--secondary___qS99y {
853
853
  --background-color: var(--hop-Button-secondary-background-color);
854
854
  --color: var(--hop-Button-secondary-color);
855
855
  --border: var(--hop-Button-secondary-border);
856
856
  --spinner-color: var(--hop-Button-secondary-spinner-color);
857
857
  }
858
- .Button-module__hop-Button--secondary___ixxaS[data-disabled]:not([data-loading]) {
858
+ .Button-module__hop-Button--secondary___qS99y[data-disabled]:not([data-loading]) {
859
859
  --background-color: var(--hop-Button-secondary-background-color-disabled);
860
860
  --color: var(--hop-Button-secondary-color-disabled);
861
861
  --border: var(--hop-Button-secondary-border-disabled);
862
862
  }
863
- .Button-module__hop-Button--secondary___ixxaS[data-hovered]:not([data-disabled], [data-loading]),
864
- .Button-module__hop-Button--secondary___ixxaS[data-focus-visible]:not([data-disabled], [data-loading]) {
863
+ .Button-module__hop-Button--secondary___qS99y[data-hovered]:not([data-disabled], [data-loading]),
864
+ .Button-module__hop-Button--secondary___qS99y[data-focus-visible]:not([data-disabled], [data-loading]) {
865
865
  --background-color: var(--hop-Button-secondary-background-color-hover);
866
866
  --color: var(--hop-Button-secondary-color-hover);
867
867
  --border: var(--hop-Button-secondary-border-hover);
868
868
  }
869
- .Button-module__hop-Button--secondary___ixxaS[data-pressed]:not([data-loading]) {
869
+ .Button-module__hop-Button--secondary___qS99y[data-pressed]:not([data-loading]) {
870
870
  --background-color: var(--hop-Button-secondary-background-color-pressed);
871
871
  --color: var(--hop-Button-secondary-color-pressed);
872
872
  --border: var(--hop-Button-secondary-border-pressed);
873
873
  }
874
- .Button-module__hop-Button--upsell___fKGBb {
874
+ .Button-module__hop-Button--upsell___DBn1I {
875
875
  --background-color: var(--hop-Button-upsell-background-color);
876
876
  --color: var(--hop-Button-upsell-color);
877
877
  --border: var(--hop-Button-upsell-border);
878
878
  --spinner-color: var(--hop-Button-upsell-spinner-color);
879
879
  }
880
- .Button-module__hop-Button--upsell___fKGBb[data-disabled]:not([data-loading]) {
880
+ .Button-module__hop-Button--upsell___DBn1I[data-disabled]:not([data-loading]) {
881
881
  --background-color: var(--hop-Button-upsell-background-color-disabled);
882
882
  --color: var(--hop-Button-upsell-color-disabled);
883
883
  --border: var(--hop-Button-upsell-border-disabled);
884
884
  }
885
- .Button-module__hop-Button--upsell___fKGBb[data-hovered]:not([data-disabled], [data-loading]),
886
- .Button-module__hop-Button--upsell___fKGBb[data-focus-visible]:not([data-disabled], [data-loading]) {
885
+ .Button-module__hop-Button--upsell___DBn1I[data-hovered]:not([data-disabled], [data-loading]),
886
+ .Button-module__hop-Button--upsell___DBn1I[data-focus-visible]:not([data-disabled], [data-loading]) {
887
887
  --background-color: var(--hop-Button-upsell-background-color-hover);
888
888
  --color: var(--hop-Button-upsell-color-hover);
889
889
  --border: var(--hop-Button-upsell-border-hover);
890
890
  }
891
- .Button-module__hop-Button--upsell___fKGBb[data-pressed]:not([data-loading]) {
891
+ .Button-module__hop-Button--upsell___DBn1I[data-pressed]:not([data-loading]) {
892
892
  --background-color: var(--hop-Button-upsell-background-color-pressed);
893
893
  --color: var(--hop-Button-upsell-color-pressed);
894
894
  --border: var(--hop-Button-upsell-border-pressed);
895
895
  }
896
- .Button-module__hop-Button--danger___IDbG4 {
896
+ .Button-module__hop-Button--danger___tvj3G {
897
897
  --background-color: var(--hop-Button-danger-background-color);
898
898
  --color: var(--hop-Button-danger-color);
899
899
  --border: var(--hop-Button-danger-border);
900
900
  --spinner-color: var(--hop-Button-danger-spinner-color);
901
901
  }
902
- .Button-module__hop-Button--danger___IDbG4[data-disabled]:not([data-loading]) {
902
+ .Button-module__hop-Button--danger___tvj3G[data-disabled]:not([data-loading]) {
903
903
  --background-color: var(--hop-Button-danger-background-color-disabled);
904
904
  --color: var(--hop-Button-danger-color-disabled);
905
905
  --border: var(--hop-Button-danger-border-disabled);
906
906
  }
907
- .Button-module__hop-Button--danger___IDbG4[data-hovered]:not([data-disabled], [data-loading]),
908
- .Button-module__hop-Button--danger___IDbG4[data-focus-visible]:not([data-disabled], [data-loading]) {
907
+ .Button-module__hop-Button--danger___tvj3G[data-hovered]:not([data-disabled], [data-loading]),
908
+ .Button-module__hop-Button--danger___tvj3G[data-focus-visible]:not([data-disabled], [data-loading]) {
909
909
  --background-color: var(--hop-Button-danger-background-color-hover);
910
910
  --color: var(--hop-Button-danger-color-hover);
911
911
  --border: var(--hop-Button-danger-border-hover);
912
912
  }
913
- .Button-module__hop-Button--danger___IDbG4[data-pressed]:not([data-loading]) {
913
+ .Button-module__hop-Button--danger___tvj3G[data-pressed]:not([data-loading]) {
914
914
  --background-color: var(--hop-Button-danger-background-color-pressed);
915
915
  --color: var(--hop-Button-danger-color-pressed);
916
916
  --border: var(--hop-Button-danger-border-pressed);
917
917
  }
918
- .Button-module__hop-Button--ghost-primary___Yqrhr {
918
+ .Button-module__hop-Button--ghost-primary___zblpI {
919
919
  --background-color: var(--hop-Button-ghost-primary-background-color);
920
920
  --color: var(--hop-Button-ghost-primary-color);
921
921
  --border: var(--hop-Button-ghost-primary-border);
922
922
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
923
923
  }
924
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-disabled]:not([data-loading]) {
924
+ .Button-module__hop-Button--ghost-primary___zblpI[data-disabled]:not([data-loading]) {
925
925
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
926
926
  --color: var(--hop-Button-ghost-primary-color-disabled);
927
927
  --border: var(--hop-Button-ghost-primary-border-disabled);
928
928
  }
929
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-hovered]:not([data-disabled], [data-loading]),
930
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-focus-visible]:not([data-disabled], [data-loading]) {
929
+ .Button-module__hop-Button--ghost-primary___zblpI[data-hovered]:not([data-disabled], [data-loading]),
930
+ .Button-module__hop-Button--ghost-primary___zblpI[data-focus-visible]:not([data-disabled], [data-loading]) {
931
931
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
932
932
  --color: var(--hop-Button-ghost-primary-color-hover);
933
933
  --border: var(--hop-Button-ghost-primary-border-hover);
934
934
  }
935
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-pressed]:not([data-loading]) {
935
+ .Button-module__hop-Button--ghost-primary___zblpI[data-pressed]:not([data-loading]) {
936
936
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
937
937
  --color: var(--hop-Button-ghost-primary-color-pressed);
938
938
  --border: var(--hop-Button-ghost-primary-border-pressed);
939
939
  }
940
- .Button-module__hop-Button--ghost-secondary___cwxat {
940
+ .Button-module__hop-Button--ghost-secondary___hXVww {
941
941
  --background-color: var(--hop-Button-ghost-secondary-background-color);
942
942
  --color: var(--hop-Button-ghost-secondary-color);
943
943
  --border: var(--hop-Button-ghost-secondary-border);
944
944
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
945
945
  }
946
- .Button-module__hop-Button--ghost-secondary___cwxat[data-disabled]:not([data-loading]) {
946
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-disabled]:not([data-loading]) {
947
947
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
948
948
  --color: var(--hop-Button-ghost-secondary-color-disabled);
949
949
  --border: var(--hop-Button-ghost-secondary-border-disabled);
950
950
  }
951
- .Button-module__hop-Button--ghost-secondary___cwxat[data-hovered]:not([data-disabled], [data-loading]),
952
- .Button-module__hop-Button--ghost-secondary___cwxat[data-focus-visible]:not([data-disabled], [data-loading]) {
951
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-hovered]:not([data-disabled], [data-loading]),
952
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-focus-visible]:not([data-disabled], [data-loading]) {
953
953
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
954
954
  --color: var(--hop-Button-ghost-secondary-color-hover);
955
955
  --border: var(--hop-Button-ghost-secondary-border-hover);
956
956
  }
957
- .Button-module__hop-Button--ghost-secondary___cwxat[data-pressed]:not([data-loading]) {
957
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-pressed]:not([data-loading]) {
958
958
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
959
959
  --color: var(--hop-Button-ghost-secondary-color-pressed);
960
960
  --border: var(--hop-Button-ghost-secondary-border-pressed);
961
961
  }
962
- .Button-module__hop-Button--ghost-danger___1zhrR {
962
+ .Button-module__hop-Button--ghost-danger___D-J5Y {
963
963
  --background-color: var(--hop-Button-ghost-danger-background-color);
964
964
  --color: var(--hop-Button-ghost-danger-color);
965
965
  --border: var(--hop-Button-ghost-danger-border);
966
966
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
967
967
  }
968
- .Button-module__hop-Button--ghost-danger___1zhrR[data-disabled]:not([data-loading]) {
968
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-disabled]:not([data-loading]) {
969
969
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
970
970
  --color: var(--hop-Button-ghost-danger-color-disabled);
971
971
  --border: var(--hop-Button-ghost-danger-border-disabled);
972
972
  }
973
- .Button-module__hop-Button--ghost-danger___1zhrR[data-hovered]:not([data-disabled], [data-loading]),
974
- .Button-module__hop-Button--ghost-danger___1zhrR[data-focus-visible]:not([data-disabled], [data-loading]) {
973
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-hovered]:not([data-disabled], [data-loading]),
974
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-focus-visible]:not([data-disabled], [data-loading]) {
975
975
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
976
976
  --color: var(--hop-Button-ghost-danger-color-hover);
977
977
  --border: var(--hop-Button-ghost-danger-border-hover);
978
978
  }
979
- .Button-module__hop-Button--ghost-danger___1zhrR[data-pressed]:not([data-loading]) {
979
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-pressed]:not([data-loading]) {
980
980
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
981
981
  --color: var(--hop-Button-ghost-danger-color-pressed);
982
982
  --border: var(--hop-Button-ghost-danger-border-pressed);
983
983
  }
984
- .Button-module__hop-Button__Spinner___hQZHn {
984
+ .Button-module__hop-Button__Spinner___F4-Og {
985
985
  position: absolute;
986
986
  justify-self: center;
987
987
  color: var(--spinner-color);
988
988
  }
989
- .Button-module__hop-Button__icon___-HWSV,
990
- .Button-module__hop-Button__icon-list___E7GUi {
989
+ .Button-module__hop-Button__icon___kTXqa,
990
+ .Button-module__hop-Button__icon-list___GeO8R {
991
991
  grid-area: start-icon;
992
992
  justify-self: end;
993
993
  }
994
- .Button-module__hop-Button__text___2dU0i {
994
+ .Button-module__hop-Button__text___7wLcn {
995
995
  user-select: none;
996
996
  overflow: visible;
997
997
  grid-area: content;
998
998
  font-weight: var(--hop-font-weight-505);
999
999
  text-wrap: nowrap;
1000
1000
  }
1001
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
1002
- .Button-module__hop-Button--ghost-secondary___cwxat[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
1003
- .Button-module__hop-Button--ghost-danger___1zhrR[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
1004
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
1005
- .Button-module__hop-Button--ghost-secondary___cwxat[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
1006
- .Button-module__hop-Button--ghost-danger___1zhrR[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
1007
- .Button-module__hop-Button--ghost-primary___Yqrhr[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
1008
- .Button-module__hop-Button--ghost-secondary___cwxat[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___2dU0i,
1009
- .Button-module__hop-Button--ghost-danger___1zhrR[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___2dU0i {
1001
+ .Button-module__hop-Button--ghost-primary___zblpI[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1002
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1003
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1004
+ .Button-module__hop-Button--ghost-primary___zblpI[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1005
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1006
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1007
+ .Button-module__hop-Button--ghost-primary___zblpI[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1008
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1009
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn {
1010
1010
  text-decoration: underline;
1011
1011
  text-underline-offset: 0.125rem;
1012
1012
  }
1013
- .Button-module__hop-Button__end-icon___5Jtro,
1014
- .Button-module__hop-Button__end-icon-list___CC5Vx {
1013
+ .Button-module__hop-Button__end-icon___nqUHY,
1014
+ .Button-module__hop-Button__end-icon-list___qnuyp {
1015
1015
  grid-area: end-icon;
1016
1016
  }
1017
- .Button-module__hop-Button___ufqF7 .Button-module__hop-Button__icon-list___E7GUi,
1018
- .Button-module__hop-Button___ufqF7 .Button-module__hop-Button__end-icon-list___CC5Vx {
1017
+ .Button-module__hop-Button___7f0XC .Button-module__hop-Button__icon-list___GeO8R,
1018
+ .Button-module__hop-Button___7f0XC .Button-module__hop-Button__end-icon-list___qnuyp {
1019
1019
  flex-wrap: nowrap;
1020
1020
  }
1021
- .Button-module__hop-Button___ufqF7[data-loading] > *:not(.Button-module__hop-Button__Spinner___hQZHn) {
1021
+ .Button-module__hop-Button___7f0XC[data-loading] > *:not(.Button-module__hop-Button__Spinner___F4-Og) {
1022
1022
  opacity: 0;
1023
1023
  }
1024
1024
 
1025
1025
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1026
- .ButtonGroup-module__hop-ButtonGroup___-0tKw {
1026
+ .ButtonGroup-module__hop-ButtonGroup___YT-Pf {
1027
1027
  display: inline-flex;
1028
1028
  flex-wrap: nowrap;
1029
1029
  gap: var(--hop-space-inline-md);
1030
1030
  }
1031
- .ButtonGroup-module__hop-ButtonGroup--horizontal___Ep68N {
1031
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
1032
1032
  justify-content: center;
1033
1033
  }
1034
- .ButtonGroup-module__hop-ButtonGroup--vertical___jJszJ {
1034
+ .ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
1035
1035
  flex-direction: column;
1036
1036
  gap: var(--hop-space-stack-md);
1037
1037
  align-items: center;
1038
1038
  }
1039
- .ButtonGroup-module__hop-ButtonGroup--start___2KX1h.ButtonGroup-module__hop-ButtonGroup--vertical___jJszJ {
1039
+ .ButtonGroup-module__hop-ButtonGroup--start___uoWWd.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
1040
1040
  align-items: flex-start;
1041
1041
  }
1042
- .ButtonGroup-module__hop-ButtonGroup--center___Pky9c.ButtonGroup-module__hop-ButtonGroup--vertical___jJszJ {
1042
+ .ButtonGroup-module__hop-ButtonGroup--center___O2vmx.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
1043
1043
  align-items: center;
1044
1044
  }
1045
- .ButtonGroup-module__hop-ButtonGroup--end___ZX-GX.ButtonGroup-module__hop-ButtonGroup--vertical___jJszJ {
1045
+ .ButtonGroup-module__hop-ButtonGroup--end___EWwbH.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
1046
1046
  align-items: flex-end;
1047
1047
  }
1048
- .ButtonGroup-module__hop-ButtonGroup--start___2KX1h.ButtonGroup-module__hop-ButtonGroup--horizontal___Ep68N {
1048
+ .ButtonGroup-module__hop-ButtonGroup--start___uoWWd.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
1049
1049
  justify-content: flex-start;
1050
1050
  }
1051
- .ButtonGroup-module__hop-ButtonGroup--center___Pky9c.ButtonGroup-module__hop-ButtonGroup--horizontal___Ep68N {
1051
+ .ButtonGroup-module__hop-ButtonGroup--center___O2vmx.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
1052
1052
  justify-content: center;
1053
1053
  }
1054
- .ButtonGroup-module__hop-ButtonGroup--end___ZX-GX.ButtonGroup-module__hop-ButtonGroup--horizontal___Ep68N {
1054
+ .ButtonGroup-module__hop-ButtonGroup--end___EWwbH.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
1055
1055
  justify-content: flex-end;
1056
1056
  }
1057
- .ButtonGroup-module__hop-ButtonGroup--wrap___mxDuP {
1057
+ .ButtonGroup-module__hop-ButtonGroup--wrap___GQ5sK {
1058
1058
  flex-wrap: wrap;
1059
1059
  }
1060
- .ButtonGroup-module__hop-ButtonGroup--fluid___FadqF {
1060
+ .ButtonGroup-module__hop-ButtonGroup--fluid___idplN {
1061
1061
  inline-size: 100%;
1062
1062
  }
1063
1063
 
1064
1064
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1065
- .EmbeddedButton-module__hop-EmbeddedButton___0z1Vu {
1065
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb {
1066
1066
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1067
1067
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1068
1068
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
1069
+ --hop-EmbeddedButton-effect-square-border-radius: var(--hop-shape-rounded-sm);
1069
1070
  --hop-EmbeddedButton-md-height: 1.5rem;
1070
1071
  --hop-EmbeddedButton-md-width: 1.5rem;
1071
1072
  --hop-EmbeddedButton-md-effect-height: 1rem;
@@ -1225,7 +1226,7 @@
1225
1226
  outline: none;
1226
1227
  transition: color var(--transition);
1227
1228
  }
1228
- .EmbeddedButton-module__hop-EmbeddedButton___0z1Vu::before {
1229
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb::before {
1229
1230
  content: "";
1230
1231
  position: absolute;
1231
1232
  inset-block-start: 50%;
@@ -1238,281 +1239,284 @@
1238
1239
  border-radius: var(--effect-border-radius);
1239
1240
  transition: background-color var(--transition);
1240
1241
  }
1241
- .EmbeddedButton-module__hop-EmbeddedButton--md___G-uWy {
1242
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-square] {
1243
+ --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1244
+ }
1245
+ .EmbeddedButton-module__hop-EmbeddedButton--md___c-uxl {
1242
1246
  --inline-size: var(--hop-EmbeddedButton-md-width);
1243
1247
  --block-size: var(--hop-EmbeddedButton-md-height);
1244
1248
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1245
1249
  }
1246
- .EmbeddedButton-module__hop-EmbeddedButton--lg___z8VIY {
1250
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___3w8cX {
1247
1251
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1248
1252
  --block-size: var(--hop-EmbeddedButton-lg-height);
1249
1253
  --focus-ring-offset: 0;
1250
1254
  }
1251
- .EmbeddedButton-module__hop-EmbeddedButton--md___G-uWy::before {
1255
+ .EmbeddedButton-module__hop-EmbeddedButton--md___c-uxl::before {
1252
1256
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1253
1257
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1254
1258
  }
1255
- .EmbeddedButton-module__hop-EmbeddedButton--lg___z8VIY::before {
1259
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___3w8cX::before {
1256
1260
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1257
1261
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1258
1262
  }
1259
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK {
1263
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0 {
1260
1264
  --color: var(--hop-EmbeddedButton-neutral-color);
1261
1265
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1262
1266
  }
1263
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg {
1267
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl {
1264
1268
  --color: var(--hop-EmbeddedButton-subdued-color);
1265
1269
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1266
1270
  }
1267
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A {
1271
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs {
1268
1272
  --color: var(--hop-EmbeddedButton-progress-color);
1269
1273
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1270
1274
  }
1271
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU {
1275
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS {
1272
1276
  --color: var(--hop-EmbeddedButton-positive-color);
1273
1277
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1274
1278
  }
1275
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG {
1279
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl {
1276
1280
  --color: var(--hop-EmbeddedButton-caution-color);
1277
1281
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1278
1282
  }
1279
- .EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc- {
1283
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB {
1280
1284
  --color: var(--hop-EmbeddedButton-negative-color);
1281
1285
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1282
1286
  }
1283
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ {
1287
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h- {
1284
1288
  --color: var(--hop-EmbeddedButton-option1-color);
1285
1289
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1286
1290
  }
1287
- .EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp {
1291
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9 {
1288
1292
  --color: var(--hop-EmbeddedButton-option2-color);
1289
1293
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1290
1294
  }
1291
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K {
1295
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy {
1292
1296
  --color: var(--hop-EmbeddedButton-option3-color);
1293
1297
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1294
1298
  }
1295
- .EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU {
1299
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN {
1296
1300
  --color: var(--hop-EmbeddedButton-option4-color);
1297
1301
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1298
1302
  }
1299
- .EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG {
1303
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn {
1300
1304
  --color: var(--hop-EmbeddedButton-option5-color);
1301
1305
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1302
1306
  }
1303
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI {
1307
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN {
1304
1308
  --color: var(--hop-EmbeddedButton-option6-color);
1305
1309
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1306
1310
  }
1307
- .EmbeddedButton-module__hop-EmbeddedButton___0z1Vu[data-selected] {
1311
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-selected] {
1308
1312
  --color: var(--hop-EmbeddedButton-selected-color);
1309
1313
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1310
1314
  }
1311
- .EmbeddedButton-module__hop-EmbeddedButton___0z1Vu[data-focus-visible] {
1315
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-focus-visible] {
1312
1316
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1313
1317
  outline-offset: var(--focus-ring-offset);
1314
1318
  }
1315
- .EmbeddedButton-module__hop-EmbeddedButton___0z1Vu[data-disabled] {
1319
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-disabled] {
1316
1320
  cursor: not-allowed;
1317
1321
  }
1318
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK[data-hovered] {
1322
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-hovered] {
1319
1323
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1320
1324
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1321
1325
  }
1322
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK[data-focus-visible] {
1326
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-focus-visible] {
1323
1327
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1324
1328
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1325
1329
  }
1326
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK[data-pressed] {
1330
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-pressed] {
1327
1331
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1328
1332
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1329
1333
  }
1330
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK[data-disabled] {
1334
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-disabled] {
1331
1335
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1332
1336
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1333
1337
  }
1334
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg[data-hovered] {
1338
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-hovered] {
1335
1339
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1336
1340
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1337
1341
  }
1338
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg[data-focus-visible] {
1342
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-focus-visible] {
1339
1343
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1340
1344
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1341
1345
  }
1342
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg[data-pressed] {
1346
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-pressed] {
1343
1347
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1344
1348
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1345
1349
  }
1346
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg[data-disabled] {
1350
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-disabled] {
1347
1351
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1348
1352
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1349
1353
  }
1350
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A[data-hovered] {
1354
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-hovered] {
1351
1355
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1352
1356
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1353
1357
  }
1354
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A[data-focus-visible] {
1358
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-focus-visible] {
1355
1359
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1356
1360
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1357
1361
  }
1358
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A[data-pressed] {
1362
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-pressed] {
1359
1363
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1360
1364
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1361
1365
  }
1362
- .EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A[data-disabled] {
1366
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-disabled] {
1363
1367
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1364
1368
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1365
1369
  }
1366
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU[data-hovered] {
1370
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-hovered] {
1367
1371
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1368
1372
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1369
1373
  }
1370
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU[data-focus-visible] {
1374
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-focus-visible] {
1371
1375
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1372
1376
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1373
1377
  }
1374
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU[data-pressed] {
1378
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-pressed] {
1375
1379
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1376
1380
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1377
1381
  }
1378
- .EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU[data-disabled] {
1382
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-disabled] {
1379
1383
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1380
1384
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1381
1385
  }
1382
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG[data-hovered] {
1386
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-hovered] {
1383
1387
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1384
1388
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1385
1389
  }
1386
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG[data-focus-visible] {
1390
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-focus-visible] {
1387
1391
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1388
1392
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1389
1393
  }
1390
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG[data-pressed] {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-pressed] {
1391
1395
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1392
1396
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1393
1397
  }
1394
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG[data-disabled] {
1398
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-disabled] {
1395
1399
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1396
1400
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1397
1401
  }
1398
- .EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-[data-hovered] {
1402
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-hovered] {
1399
1403
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1400
1404
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1401
1405
  }
1402
- .EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-[data-focus-visible] {
1406
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-focus-visible] {
1403
1407
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1404
1408
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1405
1409
  }
1406
- .EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-[data-pressed] {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-pressed] {
1407
1411
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1408
1412
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1409
1413
  }
1410
- .EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-[data-disabled] {
1414
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-disabled] {
1411
1415
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1412
1416
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1413
1417
  }
1414
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ[data-hovered] {
1418
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-hovered] {
1415
1419
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1416
1420
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1417
1421
  }
1418
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ[data-focus-visible] {
1422
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-focus-visible] {
1419
1423
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1420
1424
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1421
1425
  }
1422
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ[data-pressed] {
1426
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-pressed] {
1423
1427
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1424
1428
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1425
1429
  }
1426
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ[data-disabled] {
1430
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-disabled] {
1427
1431
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1428
1432
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1429
1433
  }
1430
- .EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp[data-hovered] {
1434
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-hovered] {
1431
1435
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1432
1436
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1433
1437
  }
1434
- .EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp[data-focus-visible] {
1438
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-focus-visible] {
1435
1439
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1436
1440
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1437
1441
  }
1438
- .EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp[data-pressed] {
1442
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-pressed] {
1439
1443
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1440
1444
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1441
1445
  }
1442
- .EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp[data-disabled] {
1446
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-disabled] {
1443
1447
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1444
1448
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1445
1449
  }
1446
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K[data-hovered] {
1450
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-hovered] {
1447
1451
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1448
1452
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1449
1453
  }
1450
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K[data-focus-visible] {
1454
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-focus-visible] {
1451
1455
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1452
1456
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1453
1457
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K[data-pressed] {
1458
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-pressed] {
1455
1459
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1456
1460
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1457
1461
  }
1458
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K[data-disabled] {
1462
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-disabled] {
1459
1463
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1460
1464
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1461
1465
  }
1462
- .EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU[data-hovered] {
1466
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-hovered] {
1463
1467
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1464
1468
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1465
1469
  }
1466
- .EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU[data-focus-visible] {
1470
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-focus-visible] {
1467
1471
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1468
1472
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1469
1473
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU[data-pressed] {
1474
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-pressed] {
1471
1475
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1472
1476
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1473
1477
  }
1474
- .EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU[data-disabled] {
1478
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-disabled] {
1475
1479
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1476
1480
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1477
1481
  }
1478
- .EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG[data-hovered] {
1482
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-hovered] {
1479
1483
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1480
1484
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1481
1485
  }
1482
- .EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG[data-focus-visible] {
1486
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-focus-visible] {
1483
1487
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1484
1488
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1485
1489
  }
1486
- .EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG[data-pressed] {
1490
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-pressed] {
1487
1491
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1488
1492
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1489
1493
  }
1490
- .EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG[data-disabled] {
1494
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-disabled] {
1491
1495
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1492
1496
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1493
1497
  }
1494
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI[data-hovered] {
1498
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-hovered] {
1495
1499
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1496
1500
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1497
1501
  }
1498
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI[data-focus-visible] {
1502
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-focus-visible] {
1499
1503
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1500
1504
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1501
1505
  }
1502
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI[data-pressed] {
1506
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-pressed] {
1503
1507
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1504
1508
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1505
1509
  }
1506
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI[data-disabled] {
1510
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-disabled] {
1507
1511
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1508
1512
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1509
1513
  }
1510
- .EmbeddedButton-module__hop-EmbeddedButton__icon___ZNJEB {
1514
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___IfhUX {
1511
1515
  position: relative;
1512
1516
  }
1513
1517
 
1514
1518
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1515
- .Checkbox-module__hop-Checkbox___oOX03 {
1519
+ .Checkbox-module__hop-Checkbox___LGvQv {
1516
1520
  --hop-Checkbox-box-border-size: 0.0625rem;
1517
1521
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1518
1522
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1587,63 +1591,63 @@
1587
1591
  inline-size: max-content;
1588
1592
  max-inline-size: 100%;
1589
1593
  }
1590
- .Checkbox-module__hop-Checkbox___oOX03[data-focus-visible],
1591
- .Checkbox-module__hop-Checkbox--focused___4PAm6 {
1594
+ .Checkbox-module__hop-Checkbox___LGvQv[data-focus-visible],
1595
+ .Checkbox-module__hop-Checkbox--focused___vjDn- {
1592
1596
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1593
1597
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1594
1598
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1595
1599
  --text-color: var(--hop-Checkbox-text-color-focused);
1596
1600
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1597
1601
  }
1598
- .Checkbox-module__hop-Checkbox___oOX03[data-hovered],
1599
- .Checkbox-module__hop-Checkbox--hovered___0yG6J {
1602
+ .Checkbox-module__hop-Checkbox___LGvQv[data-hovered],
1603
+ .Checkbox-module__hop-Checkbox--hovered___rBo1O {
1600
1604
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1601
1605
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1602
1606
  --text-color: var(--hop-Checkbox-text-color-hovered);
1603
1607
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1604
1608
  }
1605
- .Checkbox-module__hop-Checkbox___oOX03[data-pressed],
1606
- .Checkbox-module__hop-Checkbox--pressed___04mxl {
1609
+ .Checkbox-module__hop-Checkbox___LGvQv[data-pressed],
1610
+ .Checkbox-module__hop-Checkbox--pressed___A-Tzt {
1607
1611
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1608
1612
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1609
1613
  --text-color: var(--hop-Checkbox-text-color-pressed);
1610
1614
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1611
1615
  }
1612
- .Checkbox-module__hop-Checkbox___oOX03[data-selected] {
1616
+ .Checkbox-module__hop-Checkbox___LGvQv[data-selected] {
1613
1617
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1614
1618
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1615
1619
  --check-display: var(--hop-Checkbox-check-display-selected);
1616
1620
  --text-color: var(--hop-Checkbox-text-color-selected);
1617
1621
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1618
1622
  }
1619
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid] {
1623
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid] {
1620
1624
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1621
1625
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1622
1626
  --check-color: var(--hop-Checkbox-check-color-invalid);
1623
1627
  --text-color: var(--hop-Checkbox-text-color-invalid);
1624
1628
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1625
1629
  }
1626
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___4PAm6) {
1630
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___vjDn-) {
1627
1631
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1628
1632
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1629
1633
  }
1630
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___0yG6J) {
1634
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___rBo1O) {
1631
1635
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1632
1636
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1633
1637
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1634
1638
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1635
1639
  }
1636
- .Checkbox-module__hop-Checkbox___oOX03[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___04mxl) {
1640
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___A-Tzt) {
1637
1641
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1638
1642
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1639
1643
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1640
1644
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1641
1645
  }
1642
- .Checkbox-module__hop-Checkbox___oOX03:where([data-invalid])[data-selected] {
1646
+ .Checkbox-module__hop-Checkbox___LGvQv:where([data-invalid])[data-selected] {
1643
1647
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1644
1648
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1645
1649
  }
1646
- .Checkbox-module__hop-Checkbox___oOX03[data-disabled] {
1650
+ .Checkbox-module__hop-Checkbox___LGvQv[data-disabled] {
1647
1651
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1648
1652
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1649
1653
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1651,25 +1655,25 @@
1651
1655
  --text-color: var(--hop-Checkbox-text-color-disabled);
1652
1656
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1653
1657
  }
1654
- .Checkbox-module__hop-Checkbox--sm___KSwrs {
1658
+ .Checkbox-module__hop-Checkbox--sm___4oMPK {
1655
1659
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1656
1660
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1657
1661
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1658
1662
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1659
1663
  }
1660
- .Checkbox-module__hop-Checkbox--md___x2EJP {
1664
+ .Checkbox-module__hop-Checkbox--md___TcJBe {
1661
1665
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1662
1666
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1663
1667
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1664
1668
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1665
1669
  }
1666
- .Checkbox-module__hop-Checkbox__icon___ABzh9,
1667
- .Checkbox-module__hop-Checkbox__icon-list___eUQ93 {
1670
+ .Checkbox-module__hop-Checkbox__icon___czSm3,
1671
+ .Checkbox-module__hop-Checkbox__icon-list___657WD {
1668
1672
  flex: 0 0 auto;
1669
1673
  order: 3;
1670
1674
  color: var(--icon-color);
1671
1675
  }
1672
- .Checkbox-module__hop-Checkbox__box___e4-5W {
1676
+ .Checkbox-module__hop-Checkbox__box___hg4Mw {
1673
1677
  display: flex;
1674
1678
  flex: 0 0 auto;
1675
1679
  align-items: center;
@@ -1685,11 +1689,11 @@
1685
1689
  outline-offset: 0.125rem;
1686
1690
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1687
1691
  }
1688
- .Checkbox-module__hop-Checkbox__check___QjfqB {
1692
+ .Checkbox-module__hop-Checkbox__check___X5sEH {
1689
1693
  display: var(--check-display);
1690
1694
  color: var(--check-color);
1691
1695
  }
1692
- .Checkbox-module__hop-Checkbox__text___Us3om {
1696
+ .Checkbox-module__hop-Checkbox__text___IAcx- {
1693
1697
  flex: 0 1 auto;
1694
1698
  order: 2;
1695
1699
  min-inline-size: 0;
@@ -1699,7 +1703,7 @@
1699
1703
  }
1700
1704
 
1701
1705
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1702
- .CheckboxField-module__hop-CheckboxField___6GAZe {
1706
+ .CheckboxField-module__hop-CheckboxField___ycgKg {
1703
1707
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1704
1708
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1705
1709
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1718,28 +1722,28 @@
1718
1722
  inline-size: max-content;
1719
1723
  max-inline-size: 100%;
1720
1724
  }
1721
- .CheckboxField-module__hop-CheckboxField___6GAZe[data-disabled] {
1725
+ .CheckboxField-module__hop-CheckboxField___ycgKg[data-disabled] {
1722
1726
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1723
1727
  }
1724
- .CheckboxField-module__hop-CheckboxField--sm___k1Kp1 {
1728
+ .CheckboxField-module__hop-CheckboxField--sm___p26LG {
1725
1729
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1726
1730
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1727
1731
  }
1728
- .CheckboxField-module__hop-CheckboxField--md___M0M51 {
1732
+ .CheckboxField-module__hop-CheckboxField--md___GtuQL {
1729
1733
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1730
1734
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1731
1735
  }
1732
- .CheckboxField-module__hop-CheckboxField__description___q1ry4 {
1736
+ .CheckboxField-module__hop-CheckboxField__description___td-PO {
1733
1737
  order: 2;
1734
1738
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1735
1739
  color: var(--description-color);
1736
1740
  }
1737
- .CheckboxField-module__hop-CheckboxField__checkbox___ey6D- {
1741
+ .CheckboxField-module__hop-CheckboxField__checkbox___tdxHy {
1738
1742
  order: 1;
1739
1743
  }
1740
1744
 
1741
1745
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1742
- .ErrorMessage-module__hop-ErrorMessage___rQyDx {
1746
+ .ErrorMessage-module__hop-ErrorMessage___lZhsu {
1743
1747
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1744
1748
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1745
1749
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1756,13 +1760,13 @@
1756
1760
  line-height: var(--hop-ErrorMessage-line-height);
1757
1761
  color: var(--hop-ErrorMessage-color);
1758
1762
  }
1759
- .ErrorMessage-module__hop-ErrorMessage__icon___r8QUQ {
1763
+ .ErrorMessage-module__hop-ErrorMessage__icon___Dnsoj {
1760
1764
  flex: 0 0 auto;
1761
1765
  align-self: flex-start;
1762
1766
  }
1763
1767
 
1764
1768
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1765
- .HelperMessage-module__hop-HelperMessage___B-h4I {
1769
+ .HelperMessage-module__hop-HelperMessage___g-VQU {
1766
1770
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1767
1771
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1768
1772
  display: flex;
@@ -1771,32 +1775,32 @@
1771
1775
  box-sizing: border-box;
1772
1776
  color: var(--hop-HelperMessage-color);
1773
1777
  }
1774
- .HelperMessage-module__hop-HelperMessage__icon___Bv8wG {
1778
+ .HelperMessage-module__hop-HelperMessage__icon___cXfSo {
1775
1779
  flex: 0 0 auto;
1776
1780
  align-self: flex-start;
1777
1781
  }
1778
1782
 
1779
1783
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
1780
- .Label-module__hop-Label___xyX8G {
1784
+ .Label-module__hop-Label___nfV-B {
1781
1785
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
1782
1786
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
1783
1787
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
1784
1788
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
1785
1789
  --hop-Label-color: var(--hop-neutral-text-weak);
1786
1790
  }
1787
- :where(.Label-module__hop-Label___xyX8G) {
1791
+ :where(.Label-module__hop-Label___nfV-B) {
1788
1792
  font-family: var(--hop-Label-font-family);
1789
1793
  font-size: var(--hop-Label-font-size);
1790
1794
  font-weight: var(--hop-Label-font-weight);
1791
1795
  line-height: var(--hop-Label-line-height);
1792
1796
  color: var(--hop-Label-color);
1793
1797
  }
1794
- :where(.Label-module__hop-Label__indicator___QJQXo) {
1798
+ :where(.Label-module__hop-Label__indicator___mNdrU) {
1795
1799
  padding-inline-start: var(--hop-space-20);
1796
1800
  }
1797
1801
 
1798
1802
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1799
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 {
1803
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa {
1800
1804
  --hop-CheckboxGroup-align-items: flex-start;
1801
1805
  --hop-CheckboxGroup-justify-content: flex-start;
1802
1806
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1835,46 +1839,46 @@
1835
1839
  inline-size: max-content;
1836
1840
  max-inline-size: 100%;
1837
1841
  }
1838
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk {
1842
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92 {
1839
1843
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1840
1844
  --list-border-radius: var(--hop-shape-rounded-md);
1841
1845
  }
1842
- .CheckboxGroup-module__hop-CheckboxGroup--sm___4dHH0 {
1846
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
1843
1847
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1844
1848
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1845
1849
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1846
1850
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1847
1851
  }
1848
- .CheckboxGroup-module__hop-CheckboxGroup--md___fic5z {
1852
+ .CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
1849
1853
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1850
1854
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1851
1855
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1852
1856
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1853
1857
  }
1854
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk.CheckboxGroup-module__hop-CheckboxGroup--sm___4dHH0 {
1858
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
1855
1859
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1856
1860
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1857
1861
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1858
1862
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1859
1863
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1860
1864
  }
1861
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk.CheckboxGroup-module__hop-CheckboxGroup--md___fic5z {
1865
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
1862
1866
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1863
1867
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1864
1868
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1865
1869
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1866
1870
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1867
1871
  }
1868
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29[data-orientation=horizontal] {
1872
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa[data-orientation=horizontal] {
1869
1873
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1870
1874
  }
1871
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk[data-orientation=horizontal] {
1875
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=horizontal] {
1872
1876
  --flex-wrap: nowrap;
1873
1877
  }
1874
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 > .CheckboxGroup-module__hop-CheckboxGroup__label___iEGgv {
1878
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__label___YaFOG {
1875
1879
  order: 1;
1876
1880
  }
1877
- .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x {
1881
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB {
1878
1882
  display: flex;
1879
1883
  flex-flow: var(--flex-direction) var(--flex-wrap);
1880
1884
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1885,7 +1889,7 @@
1885
1889
  border: var(--list-border, none);
1886
1890
  border-radius: var(--list-border-radius, 0);
1887
1891
  }
1888
- .CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe {
1892
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq {
1889
1893
  position: relative;
1890
1894
  flex: 0 1 auto;
1891
1895
  align-content: start;
@@ -1893,28 +1897,28 @@
1893
1897
  min-inline-size: 0;
1894
1898
  padding: var(--checkbox-padding, 0);
1895
1899
  }
1896
- .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 {
1900
+ .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 {
1897
1901
  content: "";
1898
1902
  position: absolute;
1899
1903
  display: block;
1900
1904
  }
1901
- .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 {
1905
+ .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 {
1902
1906
  inset-block-start: 0;
1903
1907
  inset-inline: 0;
1904
1908
  border-block-start: var(--list-border, none);
1905
1909
  }
1906
- .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 {
1910
+ .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 {
1907
1911
  inset-block: 0;
1908
1912
  inset-inline-start: 0;
1909
1913
  border-inline-start: var(--list-border, none);
1910
1914
  }
1911
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___KOis2,
1912
- .CheckboxGroup-module__hop-CheckboxGroup___pLr29 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___Gj7lq {
1915
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___uPyiu,
1916
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___SPO-k {
1913
1917
  order: 3;
1914
1918
  }
1915
1919
 
1916
1920
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
1917
- :where(.Divider-module__hop-Divider___D1EZ2) {
1921
+ :where(.Divider-module__hop-Divider___0dYuL) {
1918
1922
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
1919
1923
  --hop-Divider-border-size: 0.0625rem;
1920
1924
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -1939,7 +1943,7 @@
1939
1943
  border-block-end: var(--border-block-end);
1940
1944
  border-inline-start: var(--border-inline-start);
1941
1945
  }
1942
- .Divider-module__hop-Divider--vertical___N-Khe {
1946
+ .Divider-module__hop-Divider--vertical___-u8sG {
1943
1947
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
1944
1948
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
1945
1949
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -1947,7 +1951,7 @@
1947
1951
  }
1948
1952
 
1949
1953
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
1950
- .InputGroup-module__hop-InputGroup___Bza37 {
1954
+ .InputGroup-module__hop-InputGroup___9-1q- {
1951
1955
  --hop-InputGroup-background: var(--hop-neutral-surface);
1952
1956
  --hop-InputGroup-border-color: var(--hop-neutral-border);
1953
1957
  --hop-InputGroup-border-width: 0.0625rem;
@@ -1995,6 +1999,7 @@
1995
1999
  --hop-InputGroup-placeholder-line-height: inherit;
1996
2000
  --hop-InputGroup-placeholder-color: var(--hop-neutral-text-weakest);
1997
2001
  --hop-InputGroup-placeholder-color-disabled: var(--hop-neutral-text-disabled);
2002
+ --hop-InputGroup-embedded-button-margin-inline-end: calc(-1 * var(--hop-space-inline-sm));
1998
2003
  --inline-size: var(--hop-InputGroup-inline-size);
1999
2004
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
2000
2005
  --background: var(--hop-InputGroup-background);
@@ -2027,11 +2032,11 @@
2027
2032
  border: var(--border);
2028
2033
  border-radius: var(--hop-InputGroup-border-radius);
2029
2034
  }
2030
- .InputGroup-module__hop-InputGroup--fluid___cf38K {
2035
+ .InputGroup-module__hop-InputGroup--fluid___k2wft {
2031
2036
  --inline-size: 100%;
2032
2037
  --input-inline-size: 100%;
2033
2038
  }
2034
- .InputGroup-module__hop-InputGroup--sm___DJIbp {
2039
+ .InputGroup-module__hop-InputGroup--sm___mFJd4 {
2035
2040
  --block-size: var(--hop-InputGroup-sm-block-size);
2036
2041
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2037
2042
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2039,7 +2044,7 @@
2039
2044
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2040
2045
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2041
2046
  }
2042
- .InputGroup-module__hop-InputGroup___Bza37[data-input-type=textarea] {
2047
+ .InputGroup-module__hop-InputGroup___9-1q-[data-input-type=textarea] {
2043
2048
  --gap: var(--hop-InputGroup-gap-textarea);
2044
2049
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2045
2050
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2047,28 +2052,28 @@
2047
2052
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2048
2053
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2049
2054
  }
2050
- .InputGroup-module__hop-InputGroup___Bza37[data-input-type=number] {
2055
+ .InputGroup-module__hop-InputGroup___9-1q-[data-input-type=number] {
2051
2056
  --display: var(--hop-InputGroup-display-number);
2052
2057
  --gap: var(--hop-InputGroup-gap-number);
2053
2058
  }
2054
- .InputGroup-module__hop-InputGroup___Bza37[data-hovered] {
2059
+ .InputGroup-module__hop-InputGroup___9-1q-[data-hovered] {
2055
2060
  --background: var(--hop-InputGroup-background-hover);
2056
2061
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2057
2062
  }
2058
- .InputGroup-module__hop-InputGroup___Bza37[data-focus-within] {
2063
+ .InputGroup-module__hop-InputGroup___9-1q-[data-focus-within] {
2059
2064
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2060
2065
  }
2061
- .InputGroup-module__hop-InputGroup___Bza37[data-invalid] {
2066
+ .InputGroup-module__hop-InputGroup___9-1q-[data-invalid] {
2062
2067
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2063
2068
  }
2064
- .InputGroup-module__hop-InputGroup___Bza37[data-disabled] {
2069
+ .InputGroup-module__hop-InputGroup___9-1q-[data-disabled] {
2065
2070
  --background: var(--hop-InputGroup-background-disabled);
2066
2071
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2067
2072
  --input-color: var(--hop-InputGroup-input-color-disabled);
2068
2073
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2069
2074
  }
2070
- .InputGroup-module__hop-InputGroup__input___gfqs7,
2071
- .InputGroup-module__hop-InputGroup__textarea___wZzaX {
2075
+ .InputGroup-module__hop-InputGroup__input___4cTjR,
2076
+ .InputGroup-module__hop-InputGroup__textarea___ini37 {
2072
2077
  flex: 1 1 auto;
2073
2078
  box-sizing: border-box;
2074
2079
  inline-size: var(--input-inline-size);
@@ -2082,23 +2087,26 @@
2082
2087
  border: none;
2083
2088
  outline: none;
2084
2089
  }
2085
- .InputGroup-module__hop-InputGroup__input___gfqs7 {
2090
+ .InputGroup-module__hop-InputGroup__input___4cTjR {
2086
2091
  block-size: var(--input-block-size);
2087
2092
  padding: var(--hop-InputGroup-input-padding);
2088
2093
  }
2089
- .InputGroup-module__hop-InputGroup__textarea___wZzaX {
2094
+ .InputGroup-module__hop-InputGroup__textarea___ini37 {
2090
2095
  padding: var(--hop-InputGroup-textarea-padding);
2091
2096
  }
2092
- .InputGroup-module__hop-InputGroup__input___gfqs7::placeholder {
2097
+ .InputGroup-module__hop-InputGroup__input___4cTjR::placeholder {
2093
2098
  font-family: var(--hop-InputGroup-placeholder-font-family);
2094
2099
  font-size: var(--hop-InputGroup-placeholder-font-size);
2095
2100
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2096
2101
  line-height: var(--hop-InputGroup-placeholder-line-height);
2097
2102
  color: var(--input-placeholder-color);
2098
2103
  }
2104
+ .InputGroup-module__hop-InputGroup__embedded-button___Hmstz {
2105
+ margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
2106
+ }
2099
2107
 
2100
2108
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2101
- .Heading-module__hop-Heading___bg7Vw {
2109
+ .Heading-module__hop-Heading___bHXtt {
2102
2110
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2103
2111
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2104
2112
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -2132,50 +2140,50 @@
2132
2140
  --hop-Heading-inherit-size-font-weight: inherit;
2133
2141
  --hop-Heading-inherit-size-line-height: inherit;
2134
2142
  }
2135
- :where(.Heading-module__hop-Heading___bg7Vw) {
2143
+ :where(.Heading-module__hop-Heading___bHXtt) {
2136
2144
  margin: 0;
2137
2145
  font-family: var(--font-family);
2138
2146
  font-size: var(--font-size);
2139
2147
  font-weight: var(--font-weight);
2140
2148
  line-height: var(--line-height);
2141
2149
  }
2142
- :where(.Heading-module__hop-Heading--xs___cJICk) {
2150
+ :where(.Heading-module__hop-Heading--xs___rkqGG) {
2143
2151
  --font-size: var(--hop-Heading-xs-font-size);
2144
2152
  --font-family: var(--hop-Heading-xs-font-family);
2145
2153
  --font-weight: var(--hop-Heading-xs-font-weight);
2146
2154
  --line-height: var(--hop-Heading-xs-line-height);
2147
2155
  }
2148
- :where(.Heading-module__hop-Heading--sm___vU8hq) {
2156
+ :where(.Heading-module__hop-Heading--sm___auPVY) {
2149
2157
  --font-size: var(--hop-Heading-sm-font-size);
2150
2158
  --font-family: var(--hop-Heading-sm-font-family);
2151
2159
  --font-weight: var(--hop-Heading-sm-font-weight);
2152
2160
  --line-height: var(--hop-Heading-sm-line-height);
2153
2161
  }
2154
- :where(.Heading-module__hop-Heading--md___z6GMX) {
2162
+ :where(.Heading-module__hop-Heading--md___u5KdF) {
2155
2163
  --font-size: var(--hop-Heading-md-font-size);
2156
2164
  --font-family: var(--hop-Heading-md-font-family);
2157
2165
  --font-weight: var(--hop-Heading-md-font-weight);
2158
2166
  --line-height: var(--hop-Heading-md-line-height);
2159
2167
  }
2160
- :where(.Heading-module__hop-Heading--lg___jgsIb) {
2168
+ :where(.Heading-module__hop-Heading--lg___zzc1d) {
2161
2169
  --font-size: var(--hop-Heading-lg-font-size);
2162
2170
  --font-family: var(--hop-Heading-lg-font-family);
2163
2171
  --font-weight: var(--hop-Heading-lg-font-weight);
2164
2172
  --line-height: var(--hop-Heading-lg-line-height);
2165
2173
  }
2166
- :where(.Heading-module__hop-Heading--xl___9EVlv) {
2174
+ :where(.Heading-module__hop-Heading--xl___5SCUd) {
2167
2175
  --font-size: var(--hop-Heading-xl-font-size);
2168
2176
  --font-family: var(--hop-Heading-xl-font-family);
2169
2177
  --font-weight: var(--hop-Heading-xl-font-weight);
2170
2178
  --line-height: var(--hop-Heading-xl-line-height);
2171
2179
  }
2172
- :where(.Heading-module__hop-Heading--2xl___kHIrr) {
2180
+ :where(.Heading-module__hop-Heading--2xl___hnCq3) {
2173
2181
  --font-size: var(--hop-Heading-2xl-font-size);
2174
2182
  --font-family: var(--hop-Heading-2xl-font-family);
2175
2183
  --font-weight: var(--hop-Heading-2xl-font-weight);
2176
2184
  --line-height: var(--hop-Heading-2xl-line-height);
2177
2185
  }
2178
- :where(.Heading-module__hop-Heading--3xl___slkv6) {
2186
+ :where(.Heading-module__hop-Heading--3xl___aCZIQ) {
2179
2187
  --font-size: var(--hop-Heading-3xl-font-size);
2180
2188
  --font-family: var(--hop-Heading-3xl-font-family);
2181
2189
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -2183,7 +2191,7 @@
2183
2191
  }
2184
2192
 
2185
2193
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2186
- .NumberField-module__hop-NumberField___-74tv {
2194
+ .NumberField-module__hop-NumberField___mLU-Q {
2187
2195
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2188
2196
  --hop-NumberField-inline-size: 20rem;
2189
2197
  --hop-NumberField-inline-size-fluid: 100%;
@@ -2231,30 +2239,30 @@
2231
2239
  gap: var(--hop-NumberField-gap);
2232
2240
  inline-size: var(--inline-size);
2233
2241
  }
2234
- .NumberField-module__hop-NumberField--fluid___gizyb {
2242
+ .NumberField-module__hop-NumberField--fluid___nmaXx {
2235
2243
  --inline-size: var(--hop-NumberField-inline-size-fluid);
2236
2244
  }
2237
- .NumberField-module__hop-NumberField--mobile___YmA4B {
2245
+ .NumberField-module__hop-NumberField--mobile___k6Qee {
2238
2246
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
2239
2247
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
2240
2248
  }
2241
- .NumberField-module__hop-NumberField__Label___kCNqt {
2249
+ .NumberField-module__hop-NumberField__Label___zDcLB {
2242
2250
  order: 0;
2243
2251
  }
2244
- .NumberField-module__hop-NumberField__prefix___L3p10 {
2252
+ .NumberField-module__hop-NumberField__prefix___30fOU {
2245
2253
  grid-area: prefix;
2246
2254
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
2247
2255
  color: var(--hop-NumberField-prefix-color);
2248
2256
  }
2249
- .NumberField-module__hop-NumberField__InputGroup___04ERr {
2257
+ .NumberField-module__hop-NumberField__InputGroup___w8Y0u {
2250
2258
  grid-template: var(--input-group-template);
2251
2259
  order: 1;
2252
2260
  }
2253
- .NumberField-module__hop-NumberField__ErrorMessage___sJTOw,
2254
- .NumberField-module__hop-NumberField__HelperMessage___atosV {
2261
+ .NumberField-module__hop-NumberField__ErrorMessage___loO-J,
2262
+ .NumberField-module__hop-NumberField__HelperMessage___B5zX1 {
2255
2263
  order: 3;
2256
2264
  }
2257
- .NumberField-module__hop-NumberField__stepper-button___rOivh {
2265
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo- {
2258
2266
  cursor: pointer;
2259
2267
  display: flex;
2260
2268
  grid-area: var(--grid-area, unset);
@@ -2275,55 +2283,55 @@
2275
2283
  border-radius: var(--stepper-border-radius, 0);
2276
2284
  outline: none;
2277
2285
  }
2278
- .NumberField-module__hop-NumberField__stepper-button--increment___o9GMB {
2286
+ .NumberField-module__hop-NumberField__stepper-button--increment___virGM {
2279
2287
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
2280
2288
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
2281
2289
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
2282
2290
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
2283
2291
  --grid-area: stepup;
2284
2292
  }
2285
- .NumberField-module__hop-NumberField__stepper-button--decrement___UpezE {
2293
+ .NumberField-module__hop-NumberField__stepper-button--decrement___N3crr {
2286
2294
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
2287
2295
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
2288
2296
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
2289
2297
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
2290
2298
  --grid-area: stepdown;
2291
2299
  }
2292
- .NumberField-module__hop-NumberField__stepper-button--mobile___4IlrE.NumberField-module__hop-NumberField__stepper-button--increment___o9GMB {
2300
+ .NumberField-module__hop-NumberField__stepper-button--mobile___H4lvU.NumberField-module__hop-NumberField__stepper-button--increment___virGM {
2293
2301
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
2294
2302
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
2295
2303
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
2296
2304
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
2297
2305
  }
2298
- .NumberField-module__hop-NumberField__stepper-button--mobile___4IlrE.NumberField-module__hop-NumberField__stepper-button--decrement___UpezE {
2306
+ .NumberField-module__hop-NumberField__stepper-button--mobile___H4lvU.NumberField-module__hop-NumberField__stepper-button--decrement___N3crr {
2299
2307
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
2300
2308
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
2301
2309
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
2302
2310
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
2303
2311
  }
2304
- .NumberField-module__hop-NumberField__stepper-button___rOivh[data-hovered] {
2312
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-hovered] {
2305
2313
  color: var(--hop-NumberField-stepper-color-hovered);
2306
2314
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
2307
2315
  }
2308
- .NumberField-module__hop-NumberField__stepper-button___rOivh[data-pressed] {
2316
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-pressed] {
2309
2317
  color: var(--hop-NumberField-stepper-color-pressed);
2310
2318
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
2311
2319
  }
2312
- .NumberField-module__hop-NumberField__stepper-button___rOivh[data-disabled] {
2320
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-disabled] {
2313
2321
  cursor: not-allowed;
2314
2322
  color: var(--hop-NumberField-stepper-color-disabled);
2315
2323
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
2316
2324
  }
2317
- .NumberField-module__hop-NumberField__stepper-button__icon___u79pD {
2325
+ .NumberField-module__hop-NumberField__stepper-button__icon___GhXUL {
2318
2326
  display: block;
2319
2327
  max-block-size: 100%;
2320
2328
  }
2321
- .NumberField-module__hop-NumberField__input___OJeeq {
2329
+ .NumberField-module__hop-NumberField__input___chIIV {
2322
2330
  grid-area: input;
2323
2331
  }
2324
2332
 
2325
2333
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2326
- .TextArea-module__hop-TextArea___-viZw {
2334
+ .TextArea-module__hop-TextArea___AZnsL {
2327
2335
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2328
2336
  --hop-TextArea-inline-size: 20rem;
2329
2337
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2341,71 +2349,84 @@
2341
2349
  inline-size: var(--inline-size);
2342
2350
  max-inline-size: 100%;
2343
2351
  }
2344
- .TextArea-module__hop-TextArea--fluid___z9E7Y {
2352
+ .TextArea-module__hop-TextArea--fluid___SeEFe {
2345
2353
  --inline-size: 100%;
2346
2354
  }
2347
- .TextArea-module__hop-TextArea___-viZw[data-resize-mode=vertical] {
2355
+ .TextArea-module__hop-TextArea___AZnsL[data-resize-mode=vertical] {
2348
2356
  --resize: vertical;
2349
2357
  }
2350
- .TextArea-module__hop-TextArea___-viZw[data-over-max-length] {
2358
+ .TextArea-module__hop-TextArea___AZnsL[data-over-max-length] {
2351
2359
  --char-count-color: var(--hop-TextArea-char-count-color-invalid);
2352
2360
  }
2353
- .TextArea-module__hop-TextArea___-viZw[data-disabled] {
2361
+ .TextArea-module__hop-TextArea___AZnsL[data-disabled] {
2354
2362
  --char-count-color: var(--hop-TextArea-char-count-color-disabled);
2355
2363
  }
2356
- .TextArea-module__hop-TextArea__Label___NLupB {
2364
+ .TextArea-module__hop-TextArea__Label___usIcu {
2357
2365
  order: 0;
2358
2366
  }
2359
- .TextArea-module__hop-TextArea__prefix___ToOXW {
2367
+ .TextArea-module__hop-TextArea__prefix___SdyC9 {
2360
2368
  color: var(--hop-TextArea-prefix-color);
2361
2369
  }
2362
- .TextArea-module__hop-TextArea__InputGroup___NJe7D {
2370
+ .TextArea-module__hop-TextArea__InputGroup___AMYx9 {
2363
2371
  order: 1;
2364
2372
  }
2365
- .TextArea-module__hop-TextArea__textarea___qdiem {
2373
+ .TextArea-module__hop-TextArea__textarea___qBFJK {
2366
2374
  resize: var(--resize);
2367
2375
  min-block-size: var(--hop-TextArea-input-min-height);
2368
2376
  }
2369
- .TextArea-module__hop-TextArea__char-count___hejQO {
2377
+ .TextArea-module__hop-TextArea__char-count___G2i49 {
2370
2378
  padding: var(--hop-TextArea-char-count-padding);
2371
2379
  color: var(--char-count-color);
2372
2380
  }
2373
- .TextArea-module__hop-TextArea__ErrorMessage___aOBw-,
2374
- .TextArea-module__hop-TextArea__HelperMessage___RDO3F {
2381
+ .TextArea-module__hop-TextArea__ErrorMessage___kWsAn,
2382
+ .TextArea-module__hop-TextArea__HelperMessage___yOGFC {
2375
2383
  order: 3;
2376
2384
  }
2377
2385
 
2378
2386
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2379
- .TextField-module__hop-TextField___kOhsi {
2387
+ .TextField-module__hop-TextField___PTKjj {
2380
2388
  --hop-TextField-gap: var(--hop-space-stack-xs);
2381
2389
  --hop-TextField-inline-size: 20rem;
2382
2390
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
2391
+ --hop-TextField-char-count-color: var(--hop-neutral-text-weakest);
2392
+ --hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
2393
+ --hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
2383
2394
  --inline-size: var(--hop-TextField-inline-size);
2395
+ --char-count-color: var(--hop-TextField-char-count-color);
2384
2396
  display: flex;
2385
2397
  flex-direction: column;
2386
2398
  gap: var(--hop-TextField-gap);
2387
2399
  inline-size: var(--inline-size);
2388
2400
  max-inline-size: 100%;
2389
2401
  }
2390
- .TextField-module__hop-TextField--fluid___7iHqg {
2402
+ .TextField-module__hop-TextField--fluid___EfbQz {
2391
2403
  --inline-size: 100%;
2392
2404
  }
2393
- .TextField-module__hop-TextField__Label___Gt48- {
2405
+ .TextField-module__hop-TextField___PTKjj[data-over-max-length] {
2406
+ --char-count-color: var(--hop-TextField-char-count-color-invalid);
2407
+ }
2408
+ .TextField-module__hop-TextField___PTKjj[data-disabled] {
2409
+ --char-count-color: var(--hop-TextField-char-count-color-disabled);
2410
+ }
2411
+ .TextField-module__hop-TextField__Label___Z8oeT {
2394
2412
  order: 0;
2395
2413
  }
2396
- .TextField-module__hop-TextField__prefix___aeL29 {
2414
+ .TextField-module__hop-TextField__prefix___1YEp3 {
2397
2415
  color: var(--hop-TextField-prefix-color);
2398
2416
  }
2399
- .TextField-module__hop-TextField__InputGroup___g0Gme {
2417
+ .TextField-module__hop-TextField__char-count___M-icC {
2418
+ color: var(--char-count-color);
2419
+ }
2420
+ .TextField-module__hop-TextField__InputGroup___v7uGH {
2400
2421
  order: 1;
2401
2422
  }
2402
- .TextField-module__hop-TextField__ErrorMessage___Wp1Oo,
2403
- .TextField-module__hop-TextField__HelperMessage___TY3Us {
2423
+ .TextField-module__hop-TextField__ErrorMessage___bZdJX,
2424
+ .TextField-module__hop-TextField__HelperMessage___XbbVr {
2404
2425
  order: 3;
2405
2426
  }
2406
2427
 
2407
2428
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2408
- .PasswordField-module__hop-PasswordField___iUTLE {
2429
+ .PasswordField-module__hop-PasswordField___hLLh- {
2409
2430
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2410
2431
  --hop-PasswordField-inline-size: 20rem;
2411
2432
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -2415,22 +2436,22 @@
2415
2436
  inline-size: var(--inline-size);
2416
2437
  max-inline-size: 100%;
2417
2438
  }
2418
- .PasswordField-module__hop-PasswordField--fluid___4AIxY {
2439
+ .PasswordField-module__hop-PasswordField--fluid___1S9mw {
2419
2440
  --inline-size: 100%;
2420
2441
  }
2421
- .PasswordField-module__hop-PasswordField__Label___THz7n {
2442
+ .PasswordField-module__hop-PasswordField__Label___l5jiL {
2422
2443
  order: 0;
2423
2444
  }
2424
- .PasswordField-module__hop-PasswordField__InputGroup___1tlfh {
2445
+ .PasswordField-module__hop-PasswordField__InputGroup___eNFZT {
2425
2446
  order: 1;
2426
2447
  }
2427
- .PasswordField-module__hop-PasswordField__ErrorMessage___L0DbW,
2428
- .PasswordField-module__hop-PasswordField__HelperMessage___Hi6Xf {
2448
+ .PasswordField-module__hop-PasswordField__ErrorMessage___bV6Aq,
2449
+ .PasswordField-module__hop-PasswordField__HelperMessage___vKbSD {
2429
2450
  order: 3;
2430
2451
  }
2431
2452
 
2432
2453
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2433
- .SearchField-module__hop-SearchField___XWIhj {
2454
+ .SearchField-module__hop-SearchField___d0thT {
2434
2455
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2435
2456
  --hop-SearchField-inline-size: 20rem;
2436
2457
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2445,39 +2466,39 @@
2445
2466
  inline-size: var(--inline-size);
2446
2467
  max-inline-size: 100%;
2447
2468
  }
2448
- .SearchField-module__hop-SearchField--fluid___i4y3u {
2469
+ .SearchField-module__hop-SearchField--fluid___wa1FR {
2449
2470
  --inline-size: 100%;
2450
2471
  }
2451
- .SearchField-module__hop-SearchField__Label___nIAGG {
2472
+ .SearchField-module__hop-SearchField__Label___kYBDG {
2452
2473
  order: 0;
2453
2474
  }
2454
- .SearchField-module__hop-SearchField__prefix___QAlG0 {
2475
+ .SearchField-module__hop-SearchField__prefix___IFwmA {
2455
2476
  color: var(--hop-SearchField-color);
2456
2477
  }
2457
- .SearchField-module__hop-SearchField__InputGroup___emItm {
2478
+ .SearchField-module__hop-SearchField__InputGroup___8XpuW {
2458
2479
  order: 1;
2459
2480
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2460
2481
  }
2461
- .SearchField-module__hop-SearchField--clearable___QsdZe {
2482
+ .SearchField-module__hop-SearchField--clearable___Szaco {
2462
2483
  --input-group-padding-inline-end: 0;
2463
2484
  }
2464
- .SearchField-module__hop-SearchField__ErrorMessage___yGGlb,
2465
- .SearchField-module__hop-SearchField__HelperMessage___TTVbm {
2485
+ .SearchField-module__hop-SearchField__ErrorMessage___WEpMs,
2486
+ .SearchField-module__hop-SearchField__HelperMessage___5IdhS {
2466
2487
  order: 3;
2467
2488
  }
2468
- .SearchField-module__hop-SearchField___XWIhj input::-webkit-search-cancel-button,
2469
- .SearchField-module__hop-SearchField___XWIhj input::-webkit-search-decoration {
2489
+ .SearchField-module__hop-SearchField___d0thT input::-webkit-search-cancel-button,
2490
+ .SearchField-module__hop-SearchField___d0thT input::-webkit-search-decoration {
2470
2491
  appearance: none;
2471
2492
  }
2472
- .SearchField-module__hop-SearchField___XWIhj[data-empty] {
2493
+ .SearchField-module__hop-SearchField___d0thT[data-empty] {
2473
2494
  --clear-button-display: none;
2474
2495
  }
2475
- .SearchField-module__hop-SearchField__ClearButton___k3a8p {
2496
+ .SearchField-module__hop-SearchField__ClearButton___lckjT {
2476
2497
  display: var(--clear-button-display);
2477
2498
  }
2478
2499
 
2479
2500
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
2480
- .Link-module__hop-Link___n--L5 {
2501
+ .Link-module__hop-Link___qHQQp {
2481
2502
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2482
2503
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2483
2504
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2502,59 +2523,59 @@
2502
2523
  outline: none;
2503
2524
  outline-offset: 0.125rem;
2504
2525
  }
2505
- .Link-module__hop-Link___n--L5[data-focus-visible] {
2526
+ .Link-module__hop-Link___qHQQp[data-focus-visible] {
2506
2527
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2507
2528
  }
2508
- .Link-module__hop-Link___n--L5[data-disabled] {
2529
+ .Link-module__hop-Link___qHQQp[data-disabled] {
2509
2530
  cursor: default;
2510
2531
  }
2511
- .Link-module__hop-Link--quiet___HJuey[data-focus-visible],
2512
- .Link-module__hop-Link--quiet___HJuey[data-hovered] {
2532
+ .Link-module__hop-Link--quiet___R-N9E[data-focus-visible],
2533
+ .Link-module__hop-Link--quiet___R-N9E[data-hovered] {
2513
2534
  text-decoration: underline;
2514
2535
  }
2515
- .Link-module__hop-Link___n--L5:not(.Link-module__hop-Link--quiet___HJuey) {
2536
+ .Link-module__hop-Link___qHQQp:not(.Link-module__hop-Link--quiet___R-N9E) {
2516
2537
  text-decoration: underline;
2517
2538
  }
2518
- .Link-module__hop-Link--primary___d57uX {
2539
+ .Link-module__hop-Link--primary___-Kizu {
2519
2540
  color: var(--hop-Link-primary-text-color);
2520
2541
  }
2521
- .Link-module__hop-Link--primary___d57uX[data-disabled] {
2542
+ .Link-module__hop-Link--primary___-Kizu[data-disabled] {
2522
2543
  color: var(--hop-Link-primary-text-disabled-color);
2523
2544
  }
2524
- .Link-module__hop-Link--primary___d57uX:not([data-disabled])[data-focus-visible],
2525
- .Link-module__hop-Link--primary___d57uX:not([data-disabled])[data-hovered] {
2545
+ .Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-focus-visible],
2546
+ .Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-hovered] {
2526
2547
  color: var(--hop-Link-primary-text-hover-color);
2527
2548
  }
2528
- .Link-module__hop-Link--primary___d57uX:not([data-disabled])[data-pressed] {
2549
+ .Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-pressed] {
2529
2550
  color: var(--hop-Link-primary-text-pressed-color);
2530
2551
  }
2531
- .Link-module__hop-Link--secondary___HIvLL {
2552
+ .Link-module__hop-Link--secondary___V2FVF {
2532
2553
  color: var(--hop-Link-neutral-text-color);
2533
2554
  }
2534
- .Link-module__hop-Link--secondary___HIvLL[data-disabled] {
2555
+ .Link-module__hop-Link--secondary___V2FVF[data-disabled] {
2535
2556
  color: var(--hop-Link-neutral-text-disabled-color);
2536
2557
  }
2537
- .Link-module__hop-Link--secondary___HIvLL:not([data-disabled])[data-focus-visible],
2538
- .Link-module__hop-Link--secondary___HIvLL:not([data-disabled])[data-hovered] {
2558
+ .Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-focus-visible],
2559
+ .Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-hovered] {
2539
2560
  color: var(--hop-Link-neutral-text-hover-color);
2540
2561
  }
2541
- .Link-module__hop-Link--secondary___HIvLL:not([data-disabled])[data-pressed] {
2562
+ .Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-pressed] {
2542
2563
  color: var(--hop-Link-neutral-text-pressed-color);
2543
2564
  }
2544
- .Link-module__hop-Link__icon___GcMoG,
2545
- .Link-module__hop-Link__icon-list___ruNqY {
2565
+ .Link-module__hop-Link__icon___-5Hms,
2566
+ .Link-module__hop-Link__icon-list___9c76z {
2546
2567
  order: 2;
2547
2568
  }
2548
- .Link-module__hop-Link__text___i3Fjr {
2569
+ .Link-module__hop-Link__text___mskEH {
2549
2570
  order: 1;
2550
2571
  }
2551
- .Link-module__hop-Link__start-icon___uarLn,
2552
- .Link-module__hop-Link__start-icon-list___3Vdk- {
2572
+ .Link-module__hop-Link__start-icon___P3X3d,
2573
+ .Link-module__hop-Link__start-icon-list___M66uE {
2553
2574
  order: 0;
2554
2575
  }
2555
2576
 
2556
2577
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2557
- .Radio-module__hop-Radio___kjqe3 {
2578
+ .Radio-module__hop-Radio___f6Vgr {
2558
2579
  --hop-Radio-box-border-size: 0.0625rem;
2559
2580
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2560
2581
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2628,63 +2649,63 @@
2628
2649
  inline-size: max-content;
2629
2650
  max-inline-size: 100%;
2630
2651
  }
2631
- .Radio-module__hop-Radio___kjqe3[data-focus-visible],
2632
- .Radio-module__hop-Radio--focused___lQ30- {
2652
+ .Radio-module__hop-Radio___f6Vgr[data-focus-visible],
2653
+ .Radio-module__hop-Radio--focused___1rGHf {
2633
2654
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2634
2655
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2635
2656
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2636
2657
  --text-color: var(--hop-Radio-text-color-focused);
2637
2658
  --icon-color: var(--hop-Radio-icon-color-focused);
2638
2659
  }
2639
- .Radio-module__hop-Radio___kjqe3[data-hovered],
2640
- .Radio-module__hop-Radio--hovered___-S-oj {
2660
+ .Radio-module__hop-Radio___f6Vgr[data-hovered],
2661
+ .Radio-module__hop-Radio--hovered___PK7aT {
2641
2662
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2642
2663
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2643
2664
  --text-color: var(--hop-Radio-text-color-hovered);
2644
2665
  --icon-color: var(--hop-Radio-icon-color-hovered);
2645
2666
  }
2646
- .Radio-module__hop-Radio___kjqe3[data-pressed],
2647
- .Radio-module__hop-Radio--pressed___7J0QF {
2667
+ .Radio-module__hop-Radio___f6Vgr[data-pressed],
2668
+ .Radio-module__hop-Radio--pressed___MLA7j {
2648
2669
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2649
2670
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2650
2671
  --text-color: var(--hop-Radio-text-color-pressed);
2651
2672
  --icon-color: var(--hop-Radio-icon-color-pressed);
2652
2673
  }
2653
- .Radio-module__hop-Radio___kjqe3[data-selected] {
2674
+ .Radio-module__hop-Radio___f6Vgr[data-selected] {
2654
2675
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2655
2676
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2656
2677
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2657
2678
  --text-color: var(--hop-Radio-text-color-selected);
2658
2679
  --icon-color: var(--hop-Radio-icon-color-selected);
2659
2680
  }
2660
- .Radio-module__hop-Radio___kjqe3[data-invalid] {
2681
+ .Radio-module__hop-Radio___f6Vgr[data-invalid] {
2661
2682
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2662
2683
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2663
2684
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2664
2685
  --text-color: var(--hop-Radio-text-color-invalid);
2665
2686
  --icon-color: var(--hop-Radio-icon-color-invalid);
2666
2687
  }
2667
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-focus-visible] {
2688
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-focus-visible] {
2668
2689
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2669
2690
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2670
2691
  }
2671
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-hovered] {
2692
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-hovered] {
2672
2693
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2673
2694
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2674
2695
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2675
2696
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2676
2697
  }
2677
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-pressed] {
2698
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-pressed] {
2678
2699
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2679
2700
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2680
2701
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2681
2702
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2682
2703
  }
2683
- .Radio-module__hop-Radio___kjqe3:where([data-invalid])[data-selected] {
2704
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-selected] {
2684
2705
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2685
2706
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2686
2707
  }
2687
- .Radio-module__hop-Radio___kjqe3[data-disabled] {
2708
+ .Radio-module__hop-Radio___f6Vgr[data-disabled] {
2688
2709
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2689
2710
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2690
2711
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2692,25 +2713,25 @@
2692
2713
  --text-color: var(--hop-Radio-text-color-disabled);
2693
2714
  --icon-color: var(--hop-Radio-icon-color-disabled);
2694
2715
  }
2695
- .Radio-module__hop-Radio--sm___xnPjA {
2716
+ .Radio-module__hop-Radio--sm___hJ83r {
2696
2717
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2697
2718
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2698
2719
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2699
2720
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2700
2721
  }
2701
- .Radio-module__hop-Radio--md___9JVd4 {
2722
+ .Radio-module__hop-Radio--md___rigqc {
2702
2723
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2703
2724
  --box-block-size: var(--hop-Radio-box-md-block-size);
2704
2725
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2705
2726
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2706
2727
  }
2707
- .Radio-module__hop-Radio__icon___MXNrF,
2708
- .Radio-module__hop-Radio__icon-list___6PWZA {
2728
+ .Radio-module__hop-Radio__icon___qEuEv,
2729
+ .Radio-module__hop-Radio__icon-list___aUQY- {
2709
2730
  flex: 0 0 auto;
2710
2731
  order: 3;
2711
2732
  color: var(--icon-color);
2712
2733
  }
2713
- .Radio-module__hop-Radio__box___kGWwH {
2734
+ .Radio-module__hop-Radio__box___Ma5Cl {
2714
2735
  display: flex;
2715
2736
  flex: 0 0 auto;
2716
2737
  align-items: center;
@@ -2726,11 +2747,11 @@
2726
2747
  outline-offset: 0.125rem;
2727
2748
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2728
2749
  }
2729
- .Radio-module__hop-Radio__bullet___A5FBg {
2750
+ .Radio-module__hop-Radio__bullet___UNMt2 {
2730
2751
  display: var(--bullet-display);
2731
2752
  color: var(--bullet-color);
2732
2753
  }
2733
- .Radio-module__hop-Radio__text___yqy6k {
2754
+ .Radio-module__hop-Radio__text___bpSHA {
2734
2755
  flex: 0 1 auto;
2735
2756
  order: 2;
2736
2757
  min-inline-size: 0;
@@ -2740,7 +2761,7 @@
2740
2761
  }
2741
2762
 
2742
2763
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2743
- .RadioField-module__hop-RadioField___C1gXe {
2764
+ .RadioField-module__hop-RadioField___ygk-A {
2744
2765
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2745
2766
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2746
2767
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2759,28 +2780,28 @@
2759
2780
  inline-size: max-content;
2760
2781
  max-inline-size: 100%;
2761
2782
  }
2762
- .RadioField-module__hop-RadioField___C1gXe[data-disabled] {
2783
+ .RadioField-module__hop-RadioField___ygk-A[data-disabled] {
2763
2784
  --description-color: var(--hop-RadioField-description-color-disabled);
2764
2785
  }
2765
- .RadioField-module__hop-RadioField--sm___LY1rM {
2786
+ .RadioField-module__hop-RadioField--sm___VOflW {
2766
2787
  --row-gap: var(--hop-RadioField-sm-row-gap);
2767
2788
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2768
2789
  }
2769
- .RadioField-module__hop-RadioField--md___QsiW7 {
2790
+ .RadioField-module__hop-RadioField--md___vefQn {
2770
2791
  --row-gap: var(--hop-RadioField-md-row-gap);
2771
2792
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2772
2793
  }
2773
- .RadioField-module__hop-RadioField__description___PAedH {
2794
+ .RadioField-module__hop-RadioField__description___XFh3h {
2774
2795
  order: 2;
2775
2796
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2776
2797
  color: var(--description-color);
2777
2798
  }
2778
- .RadioField-module__hop-RadioField__radio___VMtji {
2799
+ .RadioField-module__hop-RadioField__radio___odwQg {
2779
2800
  order: 1;
2780
2801
  }
2781
2802
 
2782
2803
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2783
- .RadioGroup-module__hop-RadioGroup___Xb3dE {
2804
+ .RadioGroup-module__hop-RadioGroup___fZzjX {
2784
2805
  --hop-RadioGroup-align-items: flex-start;
2785
2806
  --hop-RadioGroup-justify-content: flex-start;
2786
2807
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2820,46 +2841,46 @@
2820
2841
  inline-size: var(--inline-size);
2821
2842
  max-inline-size: 100%;
2822
2843
  }
2823
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V {
2844
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS {
2824
2845
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
2825
2846
  --list-border-radius: var(--hop-shape-rounded-md);
2826
2847
  }
2827
- .RadioGroup-module__hop-RadioGroup--sm___LFCc4 {
2848
+ .RadioGroup-module__hop-RadioGroup--sm___SFGiN {
2828
2849
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
2829
2850
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
2830
2851
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
2831
2852
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
2832
2853
  }
2833
- .RadioGroup-module__hop-RadioGroup--md___tynlW {
2854
+ .RadioGroup-module__hop-RadioGroup--md___DZiZf {
2834
2855
  --column-gap: var(--hop-RadioGroup-md-column-gap);
2835
2856
  --row-gap: var(--hop-RadioGroup-md-row-gap);
2836
2857
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
2837
2858
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
2838
2859
  }
2839
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V.RadioGroup-module__hop-RadioGroup--sm___LFCc4 {
2860
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--sm___SFGiN {
2840
2861
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
2841
2862
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
2842
2863
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
2843
2864
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
2844
2865
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
2845
2866
  }
2846
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V.RadioGroup-module__hop-RadioGroup--md___tynlW {
2867
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--md___DZiZf {
2847
2868
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
2848
2869
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
2849
2870
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
2850
2871
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
2851
2872
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
2852
2873
  }
2853
- .RadioGroup-module__hop-RadioGroup___Xb3dE[data-orientation=horizontal] {
2874
+ .RadioGroup-module__hop-RadioGroup___fZzjX[data-orientation=horizontal] {
2854
2875
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
2855
2876
  }
2856
- .RadioGroup-module__hop-RadioGroup--bordered___6ME7V[data-orientation=horizontal] {
2877
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] {
2857
2878
  --flex-wrap: nowrap;
2858
2879
  }
2859
- .RadioGroup-module__hop-RadioGroup___Xb3dE > .RadioGroup-module__hop-RadioGroup__label___KdIUX {
2880
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__label___XSmfS {
2860
2881
  order: 1;
2861
2882
  }
2862
- .RadioGroup-module__hop-RadioGroup__list___XQf5n {
2883
+ .RadioGroup-module__hop-RadioGroup__list___70l9M {
2863
2884
  display: flex;
2864
2885
  flex-flow: var(--flex-direction) var(--flex-wrap);
2865
2886
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2870,7 +2891,7 @@
2870
2891
  border: var(--list-border, none);
2871
2892
  border-radius: var(--list-border-radius, 0);
2872
2893
  }
2873
- .RadioGroup-module__hop-RadioGroup__list___XQf5n > .RadioGroup-module__hop-RadioGroup__radio___KBI6w {
2894
+ .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm {
2874
2895
  position: relative;
2875
2896
  flex: 0 1 auto;
2876
2897
  align-content: start;
@@ -2878,28 +2899,28 @@
2878
2899
  min-inline-size: 0;
2879
2900
  padding: var(--radio-padding, 0);
2880
2901
  }
2881
- .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 {
2902
+ .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 {
2882
2903
  content: "";
2883
2904
  position: absolute;
2884
2905
  display: block;
2885
2906
  }
2886
- .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 {
2907
+ .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 {
2887
2908
  inset-block-start: 0;
2888
2909
  inset-inline: 0;
2889
2910
  border-block-start: var(--list-border, none);
2890
2911
  }
2891
- .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 {
2912
+ .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 {
2892
2913
  inset-block: 0;
2893
2914
  inset-inline-start: 0;
2894
2915
  border-inline-start: var(--list-border, none);
2895
2916
  }
2896
- .RadioGroup-module__hop-RadioGroup___Xb3dE > .RadioGroup-module__hop-RadioGroup__error-message___An-sx,
2897
- .RadioGroup-module__hop-RadioGroup___Xb3dE > .RadioGroup-module__hop-RadioGroup__helper-message___bKTCy {
2917
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__error-message___-gzSi,
2918
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__helper-message___0rYBR {
2898
2919
  order: 3;
2899
2920
  }
2900
2921
 
2901
2922
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
2902
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___p4rFp {
2923
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___5-U5u {
2903
2924
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
2904
2925
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
2905
2926
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -2925,7 +2946,7 @@
2925
2946
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
2926
2947
  background-size: 400% 100%;
2927
2948
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
2928
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___gwojN;
2949
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___tROve;
2929
2950
  animation-duration: var(--animation-duration);
2930
2951
  animation-timing-function: ease-in-out;
2931
2952
  animation-fill-mode: forwards;
@@ -2934,19 +2955,19 @@
2934
2955
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
2935
2956
  }
2936
2957
  }
2937
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___L17XJ {
2958
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WF17x {
2938
2959
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
2939
2960
  }
2940
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___4icwE {
2961
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yPJ4x {
2941
2962
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
2942
2963
  }
2943
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___YFaPZ {
2964
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___GDWcA {
2944
2965
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2945
2966
  }
2946
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___BEXWT {
2967
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___9hgUf {
2947
2968
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2948
2969
  }
2949
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___gwojN {
2970
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___tROve {
2950
2971
  0% {
2951
2972
  background-position: 125% 50%;
2952
2973
  }
@@ -2956,7 +2977,7 @@
2956
2977
  }
2957
2978
 
2958
2979
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
2959
- .ListBoxItem-module__hop-ListBoxItem___an9O1 {
2980
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs {
2960
2981
  --hop-ListBoxItem-background-color: transparent;
2961
2982
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2962
2983
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3053,129 +3074,129 @@
3053
3074
  outline: var(--outline);
3054
3075
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3055
3076
  }
3056
- .ListBoxItem-module__hop-ListBoxItem--xs___HmQkG {
3077
+ .ListBoxItem-module__hop-ListBoxItem--xs___8YfDE {
3057
3078
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3058
3079
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3059
3080
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3060
3081
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3061
3082
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3062
3083
  }
3063
- .ListBoxItem-module__hop-ListBoxItem--sm___4vcFB {
3084
+ .ListBoxItem-module__hop-ListBoxItem--sm___TrltV {
3064
3085
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3065
3086
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3066
3087
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3067
3088
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3068
3089
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3069
3090
  }
3070
- .ListBoxItem-module__hop-ListBoxItem--md___DdzeQ {
3091
+ .ListBoxItem-module__hop-ListBoxItem--md___uCJrQ {
3071
3092
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3072
3093
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3073
3094
  --min-height: var(--hop-ListBoxItem-md-min-height);
3074
3095
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3075
3096
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3076
3097
  }
3077
- .ListBoxItem-module__hop-ListBoxItem--lg___u2UzS {
3098
+ .ListBoxItem-module__hop-ListBoxItem--lg___KsLt1 {
3078
3099
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3079
3100
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3080
3101
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3081
3102
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3082
3103
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3083
3104
  }
3084
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-selection-mode] {
3105
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selection-mode] {
3085
3106
  --cursor: pointer;
3086
3107
  }
3087
- .ListBoxItem-module__hop-ListBoxItem___an9O1:not([data-selection-mode]) {
3108
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs:not([data-selection-mode]) {
3088
3109
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3089
3110
  }
3090
- .ListBoxItem-module__hop-ListBoxItem__inner___Glzxw:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8Mad5) {
3111
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
3091
3112
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3092
3113
  }
3093
- .ListBoxItem-module__hop-ListBoxItem__inner___Glzxw[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8Mad5) {
3114
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
3094
3115
  --checkmark-transition: none;
3095
3116
  }
3096
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-selected] {
3117
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selected] {
3097
3118
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3098
3119
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3099
3120
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3100
3121
  --checkmark-opacity: 1;
3101
3122
  }
3102
- .ListBoxItem-module__hop-ListBoxItem--xs___HmQkG[data-selected] {
3123
+ .ListBoxItem-module__hop-ListBoxItem--xs___8YfDE[data-selected] {
3103
3124
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3104
3125
  }
3105
- .ListBoxItem-module__hop-ListBoxItem--sm___4vcFB[data-selected] {
3126
+ .ListBoxItem-module__hop-ListBoxItem--sm___TrltV[data-selected] {
3106
3127
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3107
3128
  }
3108
- .ListBoxItem-module__hop-ListBoxItem--md___DdzeQ[data-selected] {
3129
+ .ListBoxItem-module__hop-ListBoxItem--md___uCJrQ[data-selected] {
3109
3130
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3110
3131
  }
3111
- .ListBoxItem-module__hop-ListBoxItem--lg___u2UzS[data-selected] {
3132
+ .ListBoxItem-module__hop-ListBoxItem--lg___KsLt1[data-selected] {
3112
3133
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3113
3134
  }
3114
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-focus-visible] {
3135
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-focus-visible] {
3115
3136
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3116
3137
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3117
3138
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3118
3139
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3119
3140
  }
3120
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-hovered] {
3141
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-hovered] {
3121
3142
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3122
3143
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3123
3144
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3124
3145
  }
3125
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-pressed] {
3146
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-pressed] {
3126
3147
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3127
3148
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3128
3149
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3129
3150
  }
3130
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-disabled] {
3151
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-disabled] {
3131
3152
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3132
3153
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3133
3154
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3134
3155
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3135
3156
  --cursor: not-allowed;
3136
3157
  }
3137
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid] {
3158
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid] {
3138
3159
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3139
3160
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3140
3161
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3141
3162
  }
3142
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-selected] {
3163
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-selected] {
3143
3164
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3144
3165
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3145
3166
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3146
3167
  }
3147
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-focus-visible] {
3168
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-focus-visible] {
3148
3169
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3149
3170
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3150
3171
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3151
3172
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3152
3173
  }
3153
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-hovered] {
3174
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-hovered] {
3154
3175
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3155
3176
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3156
3177
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3157
3178
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3158
3179
  }
3159
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-pressed] {
3180
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-pressed] {
3160
3181
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3161
3182
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3162
3183
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3163
3184
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3164
3185
  }
3165
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-invalid][data-disabled] {
3186
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-disabled] {
3166
3187
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3167
3188
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3168
3189
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3169
3190
  }
3170
- .ListBoxItem-module__hop-ListBoxItem___an9O1:has(.ListBoxItem-module__hop-ListBoxItem__description___NDxkN) {
3191
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs:has(.ListBoxItem-module__hop-ListBoxItem__description___EcXhw) {
3171
3192
  --row-gap: var(--hop-ListBoxItem-row-gap);
3172
3193
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3173
3194
  }
3174
- .ListBoxItem-module__hop-ListBoxItem___an9O1[data-loading] {
3195
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-loading] {
3175
3196
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3176
3197
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3177
3198
  }
3178
- .ListBoxItem-module__hop-ListBoxItem__inner___Glzxw {
3199
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda {
3179
3200
  display: grid;
3180
3201
  grid-template-areas: var(--grid-template-areas);
3181
3202
  grid-template-columns: var(--grid-template-columns);
@@ -3187,33 +3208,33 @@
3187
3208
  padding-inline: var(--padding-inline);
3188
3209
  transition: grid-template-columns .3s ease-in-out;
3189
3210
  }
3190
- .ListBoxItem-module__hop-ListBoxItem__checkmark___8Mad5 {
3211
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6 {
3191
3212
  grid-area: indicator;
3192
3213
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3193
3214
  color: var(--icon-color);
3194
3215
  opacity: var(--checkmark-opacity);
3195
3216
  transition: var(--checkmark-transition);
3196
3217
  }
3197
- .ListBoxItem-module__hop-ListBoxItem__radio-group___TyMze,
3198
- .ListBoxItem-module__hop-ListBoxItem__checkbox___vnfB- {
3218
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___1SQOQ,
3219
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___mxcQY {
3199
3220
  pointer-events: none;
3200
3221
  user-select: none;
3201
3222
  grid-area: indicator;
3202
3223
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3203
3224
  }
3204
- .ListBoxItem-module__hop-ListBoxItem__avatar___H-Ss7 {
3225
+ .ListBoxItem-module__hop-ListBoxItem__avatar___BMBil {
3205
3226
  grid-area: avatar;
3206
3227
  margin-block: var(--avatar-margin-block, 0);
3207
3228
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3208
3229
  }
3209
- .ListBoxItem-module__hop-ListBoxItem__icon-list___VaNew,
3210
- .ListBoxItem-module__hop-ListBoxItem__icon___aDTWC {
3230
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___xG0WS,
3231
+ .ListBoxItem-module__hop-ListBoxItem__icon___hEAK7 {
3211
3232
  grid-area: icon;
3212
3233
  flex: 0 0 auto;
3213
3234
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3214
3235
  color: var(--icon-color);
3215
3236
  }
3216
- .ListBoxItem-module__hop-ListBoxItem__label___-uc-C {
3237
+ .ListBoxItem-module__hop-ListBoxItem__label___0UvBk {
3217
3238
  overflow: hidden;
3218
3239
  grid-area: label;
3219
3240
  min-inline-size: 0;
@@ -3221,18 +3242,18 @@
3221
3242
  text-overflow: ellipsis;
3222
3243
  white-space: nowrap;
3223
3244
  }
3224
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___FJ39g,
3225
- .ListBoxItem-module__hop-ListBoxItem__end-icon___2wdh- {
3245
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___O-D4P,
3246
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___APptS {
3226
3247
  grid-area: end-icon;
3227
3248
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3228
3249
  color: var(--icon-color);
3229
3250
  }
3230
- .ListBoxItem-module__hop-ListBoxItem__badge___1226g {
3251
+ .ListBoxItem-module__hop-ListBoxItem__badge___wKWO3 {
3231
3252
  grid-area: badge;
3232
3253
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3233
3254
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3234
3255
  }
3235
- .ListBoxItem-module__hop-ListBoxItem__description___NDxkN {
3256
+ .ListBoxItem-module__hop-ListBoxItem__description___EcXhw {
3236
3257
  overflow: hidden;
3237
3258
  display: -webkit-box;
3238
3259
  grid-area: description;
@@ -3243,7 +3264,7 @@
3243
3264
  }
3244
3265
 
3245
3266
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3246
- .ListBox-module__hop-ListBox___rt3cs {
3267
+ .ListBox-module__hop-ListBox___178zE {
3247
3268
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3248
3269
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3249
3270
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3292,11 +3313,11 @@
3292
3313
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3293
3314
  border-radius: var(--hop-ListBox-border-radius);
3294
3315
  }
3295
- .ListBox-module__hop-ListBox--fluid___vsxhM {
3316
+ .ListBox-module__hop-ListBox--fluid___g5S3Y {
3296
3317
  --max-width: var(--hop-ListBox-fluid-max-width);
3297
3318
  --width: var(--hop-ListBox-fluid-width);
3298
3319
  }
3299
- .ListBox-module__hop-ListBox__section___8rii0 {
3320
+ .ListBox-module__hop-ListBox__section___-52aj {
3300
3321
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3301
3322
  margin-inline: var(--hop-ListBox-section-margin-inline);
3302
3323
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3304,21 +3325,21 @@
3304
3325
  border-block-start: var(--section-border-block-start);
3305
3326
  border-block-end: var(--section-border-block-end);
3306
3327
  }
3307
- .ListBox-module__hop-ListBox__item___jg7EN + .ListBox-module__hop-ListBox__section___8rii0 {
3328
+ .ListBox-module__hop-ListBox__item___FbmGI + .ListBox-module__hop-ListBox__section___-52aj {
3308
3329
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3309
3330
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3310
3331
  }
3311
- .ListBox-module__hop-ListBox__section___8rii0:has(+ .ListBox-module__hop-ListBox__item___jg7EN) {
3332
+ .ListBox-module__hop-ListBox__section___-52aj:has(+ .ListBox-module__hop-ListBox__item___FbmGI) {
3312
3333
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3313
3334
  }
3314
- .ListBox-module__hop-ListBox__section___8rii0:first-child {
3335
+ .ListBox-module__hop-ListBox__section___-52aj:first-child {
3315
3336
  --section-padding-block-start: 0;
3316
3337
  }
3317
- .ListBox-module__hop-ListBox__section___8rii0:last-child {
3338
+ .ListBox-module__hop-ListBox__section___-52aj:last-child {
3318
3339
  --section-padding-block-end: 0;
3319
3340
  --section-border-block-end: 0;
3320
3341
  }
3321
- .ListBox-module__hop-ListBox__section-header___QdDhF {
3342
+ .ListBox-module__hop-ListBox__section-header___7gxdn {
3322
3343
  margin: 0;
3323
3344
  padding: var(--hop-ListBox-section-header-padding);
3324
3345
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3329,34 +3350,34 @@
3329
3350
  text-transform: var(--hop-ListBox-section-header-text-transform);
3330
3351
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3331
3352
  }
3332
- .ListBox-module__hop-ListBox__section-header___QdDhF::before,
3333
- .ListBox-module__hop-ListBox__section-header___QdDhF::after {
3353
+ .ListBox-module__hop-ListBox__section-header___7gxdn::before,
3354
+ .ListBox-module__hop-ListBox__section-header___7gxdn::after {
3334
3355
  content: "";
3335
3356
  display: block;
3336
3357
  box-sizing: border-box;
3337
3358
  inline-size: 0;
3338
3359
  block-size: 0;
3339
3360
  }
3340
- .ListBox-module__hop-ListBox__section-header___QdDhF::before {
3361
+ .ListBox-module__hop-ListBox__section-header___7gxdn::before {
3341
3362
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3342
3363
  }
3343
- .ListBox-module__hop-ListBox__section-header___QdDhF::after {
3364
+ .ListBox-module__hop-ListBox__section-header___7gxdn::after {
3344
3365
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3345
3366
  }
3346
- .ListBox-module__hop-ListBox__divider___aRxop {
3367
+ .ListBox-module__hop-ListBox__divider___yBQm- {
3347
3368
  margin-block: var(--hop-ListBox-divider-margin-block);
3348
3369
  margin-inline: var(--hop-ListBox-divider-margin-inline);
3349
3370
  }
3350
3371
 
3351
3372
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3352
- :where(.Popover-module__hop-Popover___GhhaI *) {
3373
+ :where(.Popover-module__hop-Popover___i8se0 *) {
3353
3374
  font-family: var(--font-family);
3354
3375
  font-size: var(--font-size);
3355
3376
  font-weight: var(--font-weight);
3356
3377
  line-height: var(--line-height);
3357
3378
  outline: none;
3358
3379
  }
3359
- .Popover-module__hop-Popover___GhhaI {
3380
+ .Popover-module__hop-Popover___i8se0 {
3360
3381
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3361
3382
  --hop-Popover-inline-width: 25rem;
3362
3383
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3368,19 +3389,19 @@
3368
3389
  inline-size: var(--width);
3369
3390
  max-inline-size: var(--max-width);
3370
3391
  }
3371
- .Popover-module__hop-Popover___GhhaI[data-trigger=Select] {
3392
+ .Popover-module__hop-Popover___i8se0[data-trigger=Select] {
3372
3393
  --width: var(--hop-Popover-dropdown-inline-width);
3373
3394
  }
3374
- .Popover-module__hop-Popover___GhhaI[data-auto-width] {
3395
+ .Popover-module__hop-Popover___i8se0[data-auto-width] {
3375
3396
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3376
3397
  }
3377
- .Popover-module__hop-Popover___GhhaI[data-entering] {
3378
- animation: Popover-module__fade___uLf7r 0.25s;
3398
+ .Popover-module__hop-Popover___i8se0[data-entering] {
3399
+ animation: Popover-module__fade___Y80OG 0.25s;
3379
3400
  }
3380
- .Popover-module__hop-Popover___GhhaI[data-exiting] {
3381
- animation: Popover-module__fade___uLf7r 0.25s reverse;
3401
+ .Popover-module__hop-Popover___i8se0[data-exiting] {
3402
+ animation: Popover-module__fade___Y80OG 0.25s reverse;
3382
3403
  }
3383
- @keyframes Popover-module__fade___uLf7r {
3404
+ @keyframes Popover-module__fade___Y80OG {
3384
3405
  from {
3385
3406
  opacity: 0;
3386
3407
  }
@@ -3388,14 +3409,14 @@
3388
3409
  opacity: 1;
3389
3410
  }
3390
3411
  }
3391
- .Popover-module__hop-Popover__wrapper___AoYE2 {
3412
+ .Popover-module__hop-Popover__wrapper___6wmmX {
3392
3413
  display: flex;
3393
3414
  flex: 1 1 auto;
3394
3415
  flex-direction: column;
3395
3416
  min-block-size: 0;
3396
3417
  }
3397
- .Popover-module__hop-Popover__dialog___-3-1Y,
3398
- .Popover-module__hop-Popover__dropdown___ub0rC {
3418
+ .Popover-module__hop-Popover__dialog___qWlym,
3419
+ .Popover-module__hop-Popover__dropdown___Zh5mt {
3399
3420
  --hop-Popover-background: var(--hop-neutral-surface);
3400
3421
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3401
3422
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3441,20 +3462,20 @@
3441
3462
  border-radius: var(--hop-Popover-border-radius);
3442
3463
  box-shadow: var(--hop-Popover-box-shadow);
3443
3464
  }
3444
- .Popover-module__hop-Popover__dropdown___ub0rC {
3465
+ .Popover-module__hop-Popover__dropdown___Zh5mt {
3445
3466
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3446
3467
  --footer-place-self: stretch;
3447
3468
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3448
3469
  --padding: var(--hop-Popover-dropdown-padding);
3449
3470
  }
3450
- .Popover-module__hop-Popover__dialog___-3-1Y {
3471
+ .Popover-module__hop-Popover__dialog___qWlym {
3451
3472
  --padding: var(--hop-Popover-dialog-padding);
3452
3473
  }
3453
- .Popover-module__hop-Popover__title___uge2S {
3474
+ .Popover-module__hop-Popover__title___yIARl {
3454
3475
  grid-area: header;
3455
3476
  color: var(--hop-Popover-color);
3456
3477
  }
3457
- .Popover-module__hop-Popover__content___sDJTD {
3478
+ .Popover-module__hop-Popover__content___ZaJ8T {
3458
3479
  --font-size: var(--hop-Popover-content-font-size);
3459
3480
  --line-height: var(--hop-Popover-content-line-height);
3460
3481
  grid-area: content;
@@ -3463,7 +3484,7 @@
3463
3484
  padding: 0;
3464
3485
  color: var(--hop-Popover-content-color);
3465
3486
  }
3466
- .Popover-module__hop-Popover__dropdown___ub0rC .Popover-module__hop-Popover__list-box___mk7Zk {
3487
+ .Popover-module__hop-Popover__dropdown___Zh5mt .Popover-module__hop-Popover__list-box___mCGCz {
3467
3488
  grid-area: content;
3468
3489
  inline-size: auto;
3469
3490
  min-inline-size: auto;
@@ -3472,7 +3493,7 @@
3472
3493
  padding: 0;
3473
3494
  border: none;
3474
3495
  }
3475
- .Popover-module__hop-Popover__footer___TkhzY {
3496
+ .Popover-module__hop-Popover__footer___Zan9L {
3476
3497
  --font-size: var(--hop-Popover-footer-font-size);
3477
3498
  --line-height: var(--hop-Popover-footer-line-height);
3478
3499
  grid-area: footer;
@@ -3480,22 +3501,22 @@
3480
3501
  margin: var(--footer-margin);
3481
3502
  color: var(--hop-Popover-color);
3482
3503
  }
3483
- .Popover-module__hop-Popover__dropdown___ub0rC .Popover-module__hop-Popover__footer___TkhzY {
3504
+ .Popover-module__hop-Popover__dropdown___Zh5mt .Popover-module__hop-Popover__footer___Zan9L {
3484
3505
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
3485
3506
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
3486
3507
  }
3487
- .Popover-module__hop-Popover__actions___oM8iu,
3488
- .Popover-module__hop-Popover__action___xyIXY {
3508
+ .Popover-module__hop-Popover__actions___ltRsy,
3509
+ .Popover-module__hop-Popover__action___srYuC {
3489
3510
  grid-area: action;
3490
3511
  justify-self: end;
3491
3512
  margin-block-start: var(--hop-Popover-row-gap);
3492
3513
  }
3493
- .Popover-module__hop-Popover___GhhaI:has(.Popover-module__hop-Popover__actions___oM8iu, .Popover-module__hop-Popover__action___xyIXY) .Popover-module__hop-Popover__footer___TkhzY {
3514
+ .Popover-module__hop-Popover___i8se0:has(.Popover-module__hop-Popover__actions___ltRsy, .Popover-module__hop-Popover__action___srYuC) .Popover-module__hop-Popover__footer___Zan9L {
3494
3515
  margin-inline-end: var(--hop-Popover-column-gap);
3495
3516
  }
3496
3517
 
3497
3518
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3498
- .SelectValue-module__hop-SelectValue___fyhi8 {
3519
+ .SelectValue-module__hop-SelectValue___ZSAXe {
3499
3520
  --hop-SelectValue-display: flex;
3500
3521
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3501
3522
  overflow: hidden;
@@ -3507,13 +3528,13 @@
3507
3528
  text-overflow: ellipsis;
3508
3529
  white-space: nowrap;
3509
3530
  }
3510
- .SelectValue-module__hop-SelectValue__avatar___MMiVH {
3531
+ .SelectValue-module__hop-SelectValue__avatar___xF1Dt {
3511
3532
  order: 1;
3512
3533
  }
3513
- .SelectValue-module__hop-SelectValue__icon___r-eu7 {
3534
+ .SelectValue-module__hop-SelectValue__icon___4DxxR {
3514
3535
  order: 2;
3515
3536
  }
3516
- .SelectValue-module__hop-SelectValue__text___f3iUY {
3537
+ .SelectValue-module__hop-SelectValue__text___rbg05 {
3517
3538
  overflow: hidden;
3518
3539
  flex: 1 1 auto;
3519
3540
  order: 3;
@@ -3521,12 +3542,12 @@
3521
3542
  text-overflow: ellipsis;
3522
3543
  white-space: nowrap;
3523
3544
  }
3524
- .SelectValue-module__hop-SelectValue__end-icon___ECGgT {
3545
+ .SelectValue-module__hop-SelectValue__end-icon___-6fCw {
3525
3546
  order: 4;
3526
3547
  }
3527
3548
 
3528
3549
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3529
- .Select-module__hop-Select___YSMVc {
3550
+ .Select-module__hop-Select___EO27h {
3530
3551
  --hop-Select-row-gap: var(--hop-space-stack-xs);
3531
3552
  --hop-Select-inline-size: 20rem;
3532
3553
  --hop-Select-inline-size-fluid: 100%;
@@ -3577,13 +3598,13 @@
3577
3598
  inline-size: var(--inline-size);
3578
3599
  max-inline-size: var(--hop-Select-max-inline-size);
3579
3600
  }
3580
- .Select-module__hop-Select--fluid___w94yO {
3601
+ .Select-module__hop-Select--fluid___FzpaW {
3581
3602
  --inline-size: var(--hop-Select-inline-size-fluid);
3582
3603
  }
3583
- .Select-module__hop-Select__label___NnWsa {
3604
+ .Select-module__hop-Select__label___c4deC {
3584
3605
  order: 1;
3585
3606
  }
3586
- .Select-module__hop-Select__button___7z-Kj {
3607
+ .Select-module__hop-Select__button___fa76- {
3587
3608
  cursor: var(--button-cursor);
3588
3609
  display: flex;
3589
3610
  column-gap: var(--hop-Select-button-column-gap);
@@ -3599,28 +3620,28 @@
3599
3620
  border-radius: var(--hop-Select-button-border-radius);
3600
3621
  outline: none;
3601
3622
  }
3602
- .Select-module__hop-Select__button--sm___XNopb {
3623
+ .Select-module__hop-Select__button--sm___8MviV {
3603
3624
  --button-block-size: var(--hop-Select-button-sm-block-size);
3604
3625
  }
3605
- .Select-module__hop-Select__button--md___bNWOy {
3626
+ .Select-module__hop-Select__button--md___ITp9Y {
3606
3627
  --button-block-size: var(--hop-Select-button-md-block-size);
3607
3628
  }
3608
- .Select-module__hop-Select__button___7z-Kj[data-hovered] {
3629
+ .Select-module__hop-Select__button___fa76-[data-hovered] {
3609
3630
  --button-background-color: var(--hop-Select-button-background-color-hovered);
3610
3631
  --button-border-color: var(--hop-Select-button-border-color-hovered);
3611
3632
  --button-color: var(--hop-Select-button-color-hovered);
3612
3633
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
3613
3634
  }
3614
- .Select-module__hop-Select__button___7z-Kj[data-pressed] {
3635
+ .Select-module__hop-Select__button___fa76-[data-pressed] {
3615
3636
  --button-background-color: var(--hop-Select-button-background-color-selected);
3616
3637
  --button-border-color: var(--hop-Select-button-border-color-selected);
3617
3638
  --button-color: var(--hop-Select-button-color-selected);
3618
3639
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
3619
3640
  }
3620
- .Select-module__hop-Select__button___7z-Kj[data-invalid] {
3641
+ .Select-module__hop-Select__button___fa76-[data-invalid] {
3621
3642
  --button-border-color: var(--hop-Select-button-border-color-invalid);
3622
3643
  }
3623
- .Select-module__hop-Select__button___7z-Kj[data-focus-visible] {
3644
+ .Select-module__hop-Select__button___fa76-[data-focus-visible] {
3624
3645
  --button-background-color: var(--hop-Select-button-background-color-focused);
3625
3646
  --button-border-color: var(--hop-Select-button-border-color-focused);
3626
3647
  --button-color: var(--hop-Select-button-color-focused);
@@ -3628,30 +3649,30 @@
3628
3649
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
3629
3650
  outline-offset: -0.125rem;
3630
3651
  }
3631
- .Select-module__hop-Select__button___7z-Kj:has([data-placeholder]) {
3652
+ .Select-module__hop-Select__button___fa76-:has([data-placeholder]) {
3632
3653
  --button-color: var(--hop-Select-button-placeholder-color);
3633
3654
  }
3634
- .Select-module__hop-Select__button___7z-Kj[data-disabled] {
3655
+ .Select-module__hop-Select__button___fa76-[data-disabled] {
3635
3656
  --button-background-color: var(--hop-Select-button-background-color-disabled);
3636
3657
  --button-border-color: var(--hop-Select-button-border-color-disabled);
3637
3658
  --button-color: var(--hop-Select-button-color-disabled);
3638
3659
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
3639
3660
  --button-cursor: var(--hop-Select-button-cursor-disabled);
3640
3661
  }
3641
- .Select-module__hop-Select__prefix___c-Ovr {
3662
+ .Select-module__hop-Select__prefix___Co2es {
3642
3663
  color: var(--hop-Select-prefix-color);
3643
3664
  }
3644
- .Select-module__hop-Select__button-icon___JQAcH {
3665
+ .Select-module__hop-Select__button-icon___-PN1H {
3645
3666
  margin-inline-start: auto;
3646
3667
  color: var(--button-icon-color);
3647
3668
  }
3648
- .Select-module__hop-Select__helper-message___VAqai,
3649
- .Select-module__hop-Select__error-message___OggC8 {
3669
+ .Select-module__hop-Select__helper-message___96x9I,
3670
+ .Select-module__hop-Select__error-message___U1kYE {
3650
3671
  order: 3;
3651
3672
  }
3652
3673
 
3653
3674
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3654
- .Switch-module__hop-Switch___spK1e {
3675
+ .Switch-module__hop-Switch___016Gi {
3655
3676
  --hop-Switch-border-size: 0.0625rem;
3656
3677
  --hop-Switch-border-color: var(--hop-neutral-border);
3657
3678
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3708,56 +3729,56 @@
3708
3729
  inline-size: max-content;
3709
3730
  max-inline-size: 100%;
3710
3731
  }
3711
- .Switch-module__hop-Switch--sm___pXmUA {
3732
+ .Switch-module__hop-Switch--sm___x3CAD {
3712
3733
  --inline-size: var(--hop-Switch-inline-size-sm);
3713
3734
  --block-size: var(--hop-Switch-block-size-sm);
3714
3735
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3715
3736
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3716
3737
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3717
3738
  }
3718
- .Switch-module__hop-Switch--md___1EMLj {
3739
+ .Switch-module__hop-Switch--md___-qgPW {
3719
3740
  --inline-size: var(--hop-Switch-inline-size-md);
3720
3741
  --block-size: var(--hop-Switch-block-size-md);
3721
3742
  --thumb-size: var(--hop-Switch-thumb-size-md);
3722
3743
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3723
3744
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3724
3745
  }
3725
- .Switch-module__hop-Switch___spK1e[data-hovered] {
3746
+ .Switch-module__hop-Switch___016Gi[data-hovered] {
3726
3747
  --border-color: var(--hop-Switch-border-color-hover);
3727
3748
  --background-color: var(--hop-Switch-background-color-hover);
3728
3749
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3729
3750
  --text-color: var(--hop-Switch-text-color-hover);
3730
3751
  }
3731
- .Switch-module__hop-Switch___spK1e[data-pressed],
3732
- .Switch-module__hop-Switch___spK1e[data-pressed][data-focus-visible] {
3752
+ .Switch-module__hop-Switch___016Gi[data-pressed],
3753
+ .Switch-module__hop-Switch___016Gi[data-pressed][data-focus-visible] {
3733
3754
  --border-color: var(--hop-Switch-border-color-pressed);
3734
3755
  --background-color: var(--hop-Switch-background-color-pressed);
3735
3756
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3736
3757
  --text-color: var(--hop-Switch-text-color-pressed);
3737
3758
  }
3738
- .Switch-module__hop-Switch___spK1e[data-focus-visible] {
3759
+ .Switch-module__hop-Switch___016Gi[data-focus-visible] {
3739
3760
  --border-color: var(--hop-Switch-border-color-focus);
3740
3761
  --background-color: var(--hop-Switch-background-color-focus);
3741
3762
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3742
3763
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3743
3764
  --text-color: var(--hop-Switch-text-color-focus);
3744
3765
  }
3745
- .Switch-module__hop-Switch___spK1e[data-selected],
3746
- .Switch-module__hop-Switch___spK1e[data-selected][data-pressed] {
3766
+ .Switch-module__hop-Switch___016Gi[data-selected],
3767
+ .Switch-module__hop-Switch___016Gi[data-selected][data-pressed] {
3747
3768
  --border-color: var(--hop-Switch-border-color-selected);
3748
3769
  --background-color: var(--hop-Switch-background-color-selected);
3749
3770
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3750
3771
  --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%);
3751
3772
  --text-color: var(--hop-Switch-text-color-selected);
3752
3773
  }
3753
- .Switch-module__hop-Switch___spK1e[data-disabled] {
3774
+ .Switch-module__hop-Switch___016Gi[data-disabled] {
3754
3775
  --border-color: var(--hop-Switch-border-color-disabled);
3755
3776
  --background-color: var(--hop-Switch-background-color-disabled);
3756
3777
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3757
3778
  --text-color: var(--hop-Switch-text-color-disabled);
3758
3779
  --cursor: not-allowed;
3759
3780
  }
3760
- .Switch-module__hop-Switch__indicator___8cdnp {
3781
+ .Switch-module__hop-Switch__indicator___ZY1NN {
3761
3782
  position: relative;
3762
3783
  flex: 0 0 auto;
3763
3784
  box-sizing: border-box;
@@ -3770,7 +3791,7 @@
3770
3791
  outline-offset: 0.125rem;
3771
3792
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3772
3793
  }
3773
- .Switch-module__hop-Switch__indicator___8cdnp::before {
3794
+ .Switch-module__hop-Switch__indicator___ZY1NN::before {
3774
3795
  content: "";
3775
3796
  position: absolute;
3776
3797
  inset-block-start: 50%;
@@ -3785,20 +3806,20 @@
3785
3806
  border-radius: var(--hop-shape-circle);
3786
3807
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3787
3808
  }
3788
- .Switch-module__hop-Switch__text___jqfx- {
3809
+ .Switch-module__hop-Switch__text___wcjhs {
3789
3810
  flex: 0 1 auto;
3790
3811
  order: 2;
3791
3812
  min-inline-size: 0;
3792
3813
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3793
3814
  color: var(--text-color);
3794
3815
  }
3795
- .Switch-module__hop-Switch__icon-list___cwZEQ,
3796
- .Switch-module__hop-Switch__icon___Cp-D0 {
3816
+ .Switch-module__hop-Switch__icon-list___h1SI9,
3817
+ .Switch-module__hop-Switch__icon___6MRsQ {
3797
3818
  order: 3;
3798
3819
  }
3799
3820
 
3800
3821
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3801
- .SwitchField-module__hop-SwitchField___J7KA6 {
3822
+ .SwitchField-module__hop-SwitchField___pVi8B {
3802
3823
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3803
3824
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3804
3825
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3817,28 +3838,28 @@
3817
3838
  inline-size: max-content;
3818
3839
  max-inline-size: 100%;
3819
3840
  }
3820
- .SwitchField-module__hop-SwitchField___J7KA6[data-disabled] {
3841
+ .SwitchField-module__hop-SwitchField___pVi8B[data-disabled] {
3821
3842
  --description-color: var(--hop-SwitchField-description-color-disabled);
3822
3843
  }
3823
- .SwitchField-module__hop-SwitchField--sm___JlpAt {
3844
+ .SwitchField-module__hop-SwitchField--sm___W7D8R {
3824
3845
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3825
3846
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3826
3847
  }
3827
- .SwitchField-module__hop-SwitchField--md___i2eDM {
3848
+ .SwitchField-module__hop-SwitchField--md___Dq1Rf {
3828
3849
  --row-gap: var(--hop-SwitchField-md-row-gap);
3829
3850
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3830
3851
  }
3831
- .SwitchField-module__hop-SwitchField__description___xETIr {
3852
+ .SwitchField-module__hop-SwitchField__description___konhn {
3832
3853
  order: 2;
3833
3854
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3834
3855
  color: var(--description-color);
3835
3856
  }
3836
- .SwitchField-module__hop-SwitchField__switch___ciEgu {
3857
+ .SwitchField-module__hop-SwitchField__switch___Gu96C {
3837
3858
  order: 1;
3838
3859
  }
3839
3860
 
3840
3861
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3841
- .Tag-module__hop-Tag___sE18E {
3862
+ .Tag-module__hop-Tag___Q5Cmm {
3842
3863
  --hop-Tag-border-size: 0.0625rem;
3843
3864
  --hop-Tag-border-radius: var(--hop-shape-pill);
3844
3865
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4077,7 +4098,7 @@
4077
4098
  outline: none;
4078
4099
  outline-offset: 0.125rem;
4079
4100
  }
4080
- .Tag-module__hop-Tag--sm___6T0rv {
4101
+ .Tag-module__hop-Tag--sm___VFfCI {
4081
4102
  --block-size: var(--hop-Tag-sm-block-size);
4082
4103
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4083
4104
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4085,13 +4106,13 @@
4085
4106
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4086
4107
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4087
4108
  }
4088
- .Tag-module__hop-Tag--sm___6T0rv:not(:has(.Tag-module__hop-Tag__remove-btn___keMbT, .Tag-module__hop-Tag__Spinner___-mCAF)) {
4109
+ .Tag-module__hop-Tag--sm___VFfCI:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
4089
4110
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4090
4111
  }
4091
- .Tag-module__hop-Tag--sm___6T0rv:not(:has(.Tag-module__hop-Tag__avatar___uvnAY)) {
4112
+ .Tag-module__hop-Tag--sm___VFfCI:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
4092
4113
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4093
4114
  }
4094
- .Tag-module__hop-Tag--md___S6TYt {
4115
+ .Tag-module__hop-Tag--md___8YMof {
4095
4116
  --block-size: var(--hop-Tag-md-block-size);
4096
4117
  --padding-inline: var(--hop-Tag-md-padding-inline);
4097
4118
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4099,13 +4120,13 @@
4099
4120
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4100
4121
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4101
4122
  }
4102
- .Tag-module__hop-Tag--md___S6TYt:not(:has(.Tag-module__hop-Tag__remove-btn___keMbT, .Tag-module__hop-Tag__Spinner___-mCAF)) {
4123
+ .Tag-module__hop-Tag--md___8YMof:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
4103
4124
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4104
4125
  }
4105
- .Tag-module__hop-Tag--md___S6TYt:not(:has(.Tag-module__hop-Tag__avatar___uvnAY)) {
4126
+ .Tag-module__hop-Tag--md___8YMof:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
4106
4127
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4107
4128
  }
4108
- .Tag-module__hop-Tag--lg___2xSvX {
4129
+ .Tag-module__hop-Tag--lg___oEi4o {
4109
4130
  --block-size: var(--hop-Tag-lg-block-size);
4110
4131
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4111
4132
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4113,348 +4134,348 @@
4113
4134
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4114
4135
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4115
4136
  }
4116
- .Tag-module__hop-Tag--lg___2xSvX:not(:has(.Tag-module__hop-Tag__remove-btn___keMbT, .Tag-module__hop-Tag__Spinner___-mCAF)) {
4137
+ .Tag-module__hop-Tag--lg___oEi4o:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
4117
4138
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4118
4139
  }
4119
- .Tag-module__hop-Tag--lg___2xSvX:not(:has(.Tag-module__hop-Tag__avatar___uvnAY)) {
4140
+ .Tag-module__hop-Tag--lg___oEi4o:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
4120
4141
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4121
4142
  }
4122
- .Tag-module__hop-Tag--neutral___eIaqK {
4143
+ .Tag-module__hop-Tag--neutral___TUZDd {
4123
4144
  --border-color: var(--hop-Tag-neutral-border-color);
4124
4145
  --background-color: var(--hop-Tag-neutral-background-color);
4125
4146
  --text-color: var(--hop-Tag-neutral-text-color);
4126
4147
  }
4127
- .Tag-module__hop-Tag--subdued___1-9wb {
4148
+ .Tag-module__hop-Tag--subdued___yAJHY {
4128
4149
  --border-color: var(--hop-Tag-subdued-border-color);
4129
4150
  --background-color: var(--hop-Tag-subdued-background-color);
4130
4151
  --text-color: var(--hop-Tag-subdued-text-color);
4131
4152
  }
4132
- .Tag-module__hop-Tag--progress___jFd-h {
4153
+ .Tag-module__hop-Tag--progress___8Z5fa {
4133
4154
  --border-color: var(--hop-Tag-progress-border-color);
4134
4155
  --background-color: var(--hop-Tag-progress-background-color);
4135
4156
  --text-color: var(--hop-Tag-progress-text-color);
4136
4157
  }
4137
- .Tag-module__hop-Tag--positive___A2rVp {
4158
+ .Tag-module__hop-Tag--positive___MtvyX {
4138
4159
  --border-color: var(--hop-Tag-positive-border-color);
4139
4160
  --background-color: var(--hop-Tag-positive-background-color);
4140
4161
  --text-color: var(--hop-Tag-positive-text-color);
4141
4162
  }
4142
- .Tag-module__hop-Tag--caution___hYFdM {
4163
+ .Tag-module__hop-Tag--caution___iCH6y {
4143
4164
  --border-color: var(--hop-Tag-caution-border-color);
4144
4165
  --background-color: var(--hop-Tag-caution-background-color);
4145
4166
  --text-color: var(--hop-Tag-caution-text-color);
4146
4167
  }
4147
- .Tag-module__hop-Tag--negative___Lk0VK {
4168
+ .Tag-module__hop-Tag--negative___mbi4M {
4148
4169
  --border-color: var(--hop-Tag-negative-border-color);
4149
4170
  --background-color: var(--hop-Tag-negative-background-color);
4150
4171
  --text-color: var(--hop-Tag-negative-text-color);
4151
4172
  }
4152
- .Tag-module__hop-Tag--option1___qeK63 {
4173
+ .Tag-module__hop-Tag--option1___-HOu1 {
4153
4174
  --border-color: var(--hop-Tag-option1-border-color);
4154
4175
  --background-color: var(--hop-Tag-option1-background-color);
4155
4176
  --text-color: var(--hop-Tag-option1-text-color);
4156
4177
  }
4157
- .Tag-module__hop-Tag--option2___uKdK7 {
4178
+ .Tag-module__hop-Tag--option2___T2u0U {
4158
4179
  --border-color: var(--hop-Tag-option2-border-color);
4159
4180
  --background-color: var(--hop-Tag-option2-background-color);
4160
4181
  --text-color: var(--hop-Tag-option2-text-color);
4161
4182
  }
4162
- .Tag-module__hop-Tag--option3___hzD9j {
4183
+ .Tag-module__hop-Tag--option3___puucJ {
4163
4184
  --border-color: var(--hop-Tag-option3-border-color);
4164
4185
  --background-color: var(--hop-Tag-option3-background-color);
4165
4186
  --text-color: var(--hop-Tag-option3-text-color);
4166
4187
  }
4167
- .Tag-module__hop-Tag--option4___mRM9B {
4188
+ .Tag-module__hop-Tag--option4___2TNci {
4168
4189
  --border-color: var(--hop-Tag-option4-border-color);
4169
4190
  --background-color: var(--hop-Tag-option4-background-color);
4170
4191
  --text-color: var(--hop-Tag-option4-text-color);
4171
4192
  }
4172
- .Tag-module__hop-Tag--option5___1Iav1 {
4193
+ .Tag-module__hop-Tag--option5___HnSjN {
4173
4194
  --border-color: var(--hop-Tag-option5-border-color);
4174
4195
  --background-color: var(--hop-Tag-option5-background-color);
4175
4196
  --text-color: var(--hop-Tag-option5-text-color);
4176
4197
  }
4177
- .Tag-module__hop-Tag--option6___WtxMr {
4198
+ .Tag-module__hop-Tag--option6___g5EV9 {
4178
4199
  --border-color: var(--hop-Tag-option6-border-color);
4179
4200
  --background-color: var(--hop-Tag-option6-background-color);
4180
4201
  --text-color: var(--hop-Tag-option6-text-color);
4181
4202
  }
4182
- .Tag-module__hop-Tag___sE18E[data-href] {
4203
+ .Tag-module__hop-Tag___Q5Cmm[data-href] {
4183
4204
  cursor: pointer;
4184
4205
  }
4185
- .Tag-module__hop-Tag--neutral___eIaqK[data-focus-visible] {
4206
+ .Tag-module__hop-Tag--neutral___TUZDd[data-focus-visible] {
4186
4207
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4187
4208
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4188
4209
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4189
4210
  }
4190
- .Tag-module__hop-Tag--neutral___eIaqK[data-hovered] {
4211
+ .Tag-module__hop-Tag--neutral___TUZDd[data-hovered] {
4191
4212
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4192
4213
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4193
4214
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4194
4215
  }
4195
- .Tag-module__hop-Tag--neutral___eIaqK[data-pressed] {
4216
+ .Tag-module__hop-Tag--neutral___TUZDd[data-pressed] {
4196
4217
  --border-color: var(--hop-Tag-neutral-border-color-press);
4197
4218
  --background-color: var(--hop-Tag-neutral-background-color-press);
4198
4219
  --text-color: var(--hop-Tag-neutral-text-color-press);
4199
4220
  }
4200
- .Tag-module__hop-Tag--neutral___eIaqK[data-disabled] {
4221
+ .Tag-module__hop-Tag--neutral___TUZDd[data-disabled] {
4201
4222
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4202
4223
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4203
4224
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4204
4225
  }
4205
- .Tag-module__hop-Tag--subdued___1-9wb[data-focus-visible] {
4226
+ .Tag-module__hop-Tag--subdued___yAJHY[data-focus-visible] {
4206
4227
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4207
4228
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4208
4229
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4209
4230
  }
4210
- .Tag-module__hop-Tag--subdued___1-9wb[data-hovered] {
4231
+ .Tag-module__hop-Tag--subdued___yAJHY[data-hovered] {
4211
4232
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4212
4233
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4213
4234
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4214
4235
  }
4215
- .Tag-module__hop-Tag--subdued___1-9wb[data-pressed] {
4236
+ .Tag-module__hop-Tag--subdued___yAJHY[data-pressed] {
4216
4237
  --border-color: var(--hop-Tag-subdued-border-color-press);
4217
4238
  --background-color: var(--hop-Tag-subdued-background-color-press);
4218
4239
  --text-color: var(--hop-Tag-subdued-text-color-press);
4219
4240
  }
4220
- .Tag-module__hop-Tag--subdued___1-9wb[data-disabled] {
4241
+ .Tag-module__hop-Tag--subdued___yAJHY[data-disabled] {
4221
4242
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4222
4243
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4223
4244
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4224
4245
  }
4225
- .Tag-module__hop-Tag--progress___jFd-h[data-focus-visible] {
4246
+ .Tag-module__hop-Tag--progress___8Z5fa[data-focus-visible] {
4226
4247
  --border-color: var(--hop-Tag-progress-border-color-focus);
4227
4248
  --background-color: var(--hop-Tag-progress-background-color-focus);
4228
4249
  --text-color: var(--hop-Tag-progress-text-color-focus);
4229
4250
  }
4230
- .Tag-module__hop-Tag--progress___jFd-h[data-hovered] {
4251
+ .Tag-module__hop-Tag--progress___8Z5fa[data-hovered] {
4231
4252
  --border-color: var(--hop-Tag-progress-border-color-hover);
4232
4253
  --background-color: var(--hop-Tag-progress-background-color-hover);
4233
4254
  --text-color: var(--hop-Tag-progress-text-color-hover);
4234
4255
  }
4235
- .Tag-module__hop-Tag--progress___jFd-h[data-pressed] {
4256
+ .Tag-module__hop-Tag--progress___8Z5fa[data-pressed] {
4236
4257
  --border-color: var(--hop-Tag-progress-border-color-press);
4237
4258
  --background-color: var(--hop-Tag-progress-background-color-press);
4238
4259
  --text-color: var(--hop-Tag-progress-text-color-press);
4239
4260
  }
4240
- .Tag-module__hop-Tag--progress___jFd-h[data-disabled] {
4261
+ .Tag-module__hop-Tag--progress___8Z5fa[data-disabled] {
4241
4262
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4242
4263
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4243
4264
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4244
4265
  }
4245
- .Tag-module__hop-Tag--positive___A2rVp[data-focus-visible] {
4266
+ .Tag-module__hop-Tag--positive___MtvyX[data-focus-visible] {
4246
4267
  --border-color: var(--hop-Tag-positive-border-color-focus);
4247
4268
  --background-color: var(--hop-Tag-positive-background-color-focus);
4248
4269
  --text-color: var(--hop-Tag-positive-text-color-focus);
4249
4270
  }
4250
- .Tag-module__hop-Tag--positive___A2rVp[data-hovered] {
4271
+ .Tag-module__hop-Tag--positive___MtvyX[data-hovered] {
4251
4272
  --border-color: var(--hop-Tag-positive-border-color-hover);
4252
4273
  --background-color: var(--hop-Tag-positive-background-color-hover);
4253
4274
  --text-color: var(--hop-Tag-positive-text-color-hover);
4254
4275
  }
4255
- .Tag-module__hop-Tag--positive___A2rVp[data-pressed] {
4276
+ .Tag-module__hop-Tag--positive___MtvyX[data-pressed] {
4256
4277
  --border-color: var(--hop-Tag-positive-border-color-press);
4257
4278
  --background-color: var(--hop-Tag-positive-background-color-press);
4258
4279
  --text-color: var(--hop-Tag-positive-text-color-press);
4259
4280
  }
4260
- .Tag-module__hop-Tag--positive___A2rVp[data-disabled] {
4281
+ .Tag-module__hop-Tag--positive___MtvyX[data-disabled] {
4261
4282
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4262
4283
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4263
4284
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4264
4285
  }
4265
- .Tag-module__hop-Tag--caution___hYFdM[data-focus-visible] {
4286
+ .Tag-module__hop-Tag--caution___iCH6y[data-focus-visible] {
4266
4287
  --border-color: var(--hop-Tag-caution-border-color-focus);
4267
4288
  --background-color: var(--hop-Tag-caution-background-color-focus);
4268
4289
  --text-color: var(--hop-Tag-caution-text-color-focus);
4269
4290
  }
4270
- .Tag-module__hop-Tag--caution___hYFdM[data-hovered] {
4291
+ .Tag-module__hop-Tag--caution___iCH6y[data-hovered] {
4271
4292
  --border-color: var(--hop-Tag-caution-border-color-hover);
4272
4293
  --background-color: var(--hop-Tag-caution-background-color-hover);
4273
4294
  --text-color: var(--hop-Tag-caution-text-color-hover);
4274
4295
  }
4275
- .Tag-module__hop-Tag--caution___hYFdM[data-pressed] {
4296
+ .Tag-module__hop-Tag--caution___iCH6y[data-pressed] {
4276
4297
  --border-color: var(--hop-Tag-caution-border-color-press);
4277
4298
  --background-color: var(--hop-Tag-caution-background-color-press);
4278
4299
  --text-color: var(--hop-Tag-caution-text-color-press);
4279
4300
  }
4280
- .Tag-module__hop-Tag--caution___hYFdM[data-disabled] {
4301
+ .Tag-module__hop-Tag--caution___iCH6y[data-disabled] {
4281
4302
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4282
4303
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4283
4304
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4284
4305
  }
4285
- .Tag-module__hop-Tag--negative___Lk0VK[data-focus-visible] {
4306
+ .Tag-module__hop-Tag--negative___mbi4M[data-focus-visible] {
4286
4307
  --border-color: var(--hop-Tag-negative-border-color-focus);
4287
4308
  --background-color: var(--hop-Tag-negative-background-color-focus);
4288
4309
  --text-color: var(--hop-Tag-negative-text-color-focus);
4289
4310
  }
4290
- .Tag-module__hop-Tag--negative___Lk0VK[data-hovered] {
4311
+ .Tag-module__hop-Tag--negative___mbi4M[data-hovered] {
4291
4312
  --border-color: var(--hop-Tag-negative-border-color-hover);
4292
4313
  --background-color: var(--hop-Tag-negative-background-color-hover);
4293
4314
  --text-color: var(--hop-Tag-negative-text-color-hover);
4294
4315
  }
4295
- .Tag-module__hop-Tag--negative___Lk0VK[data-pressed] {
4316
+ .Tag-module__hop-Tag--negative___mbi4M[data-pressed] {
4296
4317
  --border-color: var(--hop-Tag-negative-border-color-press);
4297
4318
  --background-color: var(--hop-Tag-negative-background-color-press);
4298
4319
  --text-color: var(--hop-Tag-negative-text-color-press);
4299
4320
  }
4300
- .Tag-module__hop-Tag--negative___Lk0VK[data-disabled] {
4321
+ .Tag-module__hop-Tag--negative___mbi4M[data-disabled] {
4301
4322
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4302
4323
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4303
4324
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4304
4325
  }
4305
- .Tag-module__hop-Tag--option1___qeK63[data-focus-visible] {
4326
+ .Tag-module__hop-Tag--option1___-HOu1[data-focus-visible] {
4306
4327
  --border-color: var(--hop-Tag-option1-border-color-focus);
4307
4328
  --background-color: var(--hop-Tag-option1-background-color-focus);
4308
4329
  --text-color: var(--hop-Tag-option1-text-color-focus);
4309
4330
  }
4310
- .Tag-module__hop-Tag--option1___qeK63[data-hovered] {
4331
+ .Tag-module__hop-Tag--option1___-HOu1[data-hovered] {
4311
4332
  --border-color: var(--hop-Tag-option1-border-color-hover);
4312
4333
  --background-color: var(--hop-Tag-option1-background-color-hover);
4313
4334
  --text-color: var(--hop-Tag-option1-text-color-hover);
4314
4335
  }
4315
- .Tag-module__hop-Tag--option1___qeK63[data-pressed] {
4336
+ .Tag-module__hop-Tag--option1___-HOu1[data-pressed] {
4316
4337
  --border-color: var(--hop-Tag-option1-border-color-press);
4317
4338
  --background-color: var(--hop-Tag-option1-background-color-press);
4318
4339
  --text-color: var(--hop-Tag-option1-text-color-press);
4319
4340
  }
4320
- .Tag-module__hop-Tag--option1___qeK63[data-disabled] {
4341
+ .Tag-module__hop-Tag--option1___-HOu1[data-disabled] {
4321
4342
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4322
4343
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4323
4344
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4324
4345
  }
4325
- .Tag-module__hop-Tag--option2___uKdK7[data-focus-visible] {
4346
+ .Tag-module__hop-Tag--option2___T2u0U[data-focus-visible] {
4326
4347
  --border-color: var(--hop-Tag-option2-border-color-focus);
4327
4348
  --background-color: var(--hop-Tag-option2-background-color-focus);
4328
4349
  --text-color: var(--hop-Tag-option2-text-color-focus);
4329
4350
  }
4330
- .Tag-module__hop-Tag--option2___uKdK7[data-hovered] {
4351
+ .Tag-module__hop-Tag--option2___T2u0U[data-hovered] {
4331
4352
  --border-color: var(--hop-Tag-option2-border-color-hover);
4332
4353
  --background-color: var(--hop-Tag-option2-background-color-hover);
4333
4354
  --text-color: var(--hop-Tag-option2-text-color-hover);
4334
4355
  }
4335
- .Tag-module__hop-Tag--option2___uKdK7[data-pressed] {
4356
+ .Tag-module__hop-Tag--option2___T2u0U[data-pressed] {
4336
4357
  --border-color: var(--hop-Tag-option2-border-color-press);
4337
4358
  --background-color: var(--hop-Tag-option2-background-color-press);
4338
4359
  --text-color: var(--hop-Tag-option2-text-color-press);
4339
4360
  }
4340
- .Tag-module__hop-Tag--option2___uKdK7[data-disabled] {
4361
+ .Tag-module__hop-Tag--option2___T2u0U[data-disabled] {
4341
4362
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4342
4363
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4343
4364
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4344
4365
  }
4345
- .Tag-module__hop-Tag--option3___hzD9j[data-focus-visible] {
4366
+ .Tag-module__hop-Tag--option3___puucJ[data-focus-visible] {
4346
4367
  --border-color: var(--hop-Tag-option3-border-color-focus);
4347
4368
  --background-color: var(--hop-Tag-option3-background-color-focus);
4348
4369
  --text-color: var(--hop-Tag-option3-text-color-focus);
4349
4370
  }
4350
- .Tag-module__hop-Tag--option3___hzD9j[data-hovered] {
4371
+ .Tag-module__hop-Tag--option3___puucJ[data-hovered] {
4351
4372
  --border-color: var(--hop-Tag-option3-border-color-hover);
4352
4373
  --background-color: var(--hop-Tag-option3-background-color-hover);
4353
4374
  --text-color: var(--hop-Tag-option3-text-color-hover);
4354
4375
  }
4355
- .Tag-module__hop-Tag--option3___hzD9j[data-pressed] {
4376
+ .Tag-module__hop-Tag--option3___puucJ[data-pressed] {
4356
4377
  --border-color: var(--hop-Tag-option3-border-color-press);
4357
4378
  --background-color: var(--hop-Tag-option3-background-color-press);
4358
4379
  --text-color: var(--hop-Tag-option3-text-color-press);
4359
4380
  }
4360
- .Tag-module__hop-Tag--option3___hzD9j[data-disabled] {
4381
+ .Tag-module__hop-Tag--option3___puucJ[data-disabled] {
4361
4382
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4362
4383
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4363
4384
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4364
4385
  }
4365
- .Tag-module__hop-Tag--option4___mRM9B[data-focus-visible] {
4386
+ .Tag-module__hop-Tag--option4___2TNci[data-focus-visible] {
4366
4387
  --border-color: var(--hop-Tag-option4-border-color-focus);
4367
4388
  --background-color: var(--hop-Tag-option4-background-color-focus);
4368
4389
  --text-color: var(--hop-Tag-option4-text-color-focus);
4369
4390
  }
4370
- .Tag-module__hop-Tag--option4___mRM9B[data-hovered] {
4391
+ .Tag-module__hop-Tag--option4___2TNci[data-hovered] {
4371
4392
  --border-color: var(--hop-Tag-option4-border-color-hover);
4372
4393
  --background-color: var(--hop-Tag-option4-background-color-hover);
4373
4394
  --text-color: var(--hop-Tag-option4-text-color-hover);
4374
4395
  }
4375
- .Tag-module__hop-Tag--option4___mRM9B[data-pressed] {
4396
+ .Tag-module__hop-Tag--option4___2TNci[data-pressed] {
4376
4397
  --border-color: var(--hop-Tag-option4-border-color-press);
4377
4398
  --background-color: var(--hop-Tag-option4-background-color-press);
4378
4399
  --text-color: var(--hop-Tag-option4-text-color-press);
4379
4400
  }
4380
- .Tag-module__hop-Tag--option4___mRM9B[data-disabled] {
4401
+ .Tag-module__hop-Tag--option4___2TNci[data-disabled] {
4381
4402
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4382
4403
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4383
4404
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4384
4405
  }
4385
- .Tag-module__hop-Tag--option5___1Iav1[data-focus-visible] {
4406
+ .Tag-module__hop-Tag--option5___HnSjN[data-focus-visible] {
4386
4407
  --border-color: var(--hop-Tag-option5-border-color-focus);
4387
4408
  --background-color: var(--hop-Tag-option5-background-color-focus);
4388
4409
  --text-color: var(--hop-Tag-option5-text-color-focus);
4389
4410
  }
4390
- .Tag-module__hop-Tag--option5___1Iav1[data-hovered] {
4411
+ .Tag-module__hop-Tag--option5___HnSjN[data-hovered] {
4391
4412
  --border-color: var(--hop-Tag-option5-border-color-hover);
4392
4413
  --background-color: var(--hop-Tag-option5-background-color-hover);
4393
4414
  --text-color: var(--hop-Tag-option5-text-color-hover);
4394
4415
  }
4395
- .Tag-module__hop-Tag--option5___1Iav1[data-pressed] {
4416
+ .Tag-module__hop-Tag--option5___HnSjN[data-pressed] {
4396
4417
  --border-color: var(--hop-Tag-option5-border-color-press);
4397
4418
  --background-color: var(--hop-Tag-option5-background-color-press);
4398
4419
  --text-color: var(--hop-Tag-option5-text-color-press);
4399
4420
  }
4400
- .Tag-module__hop-Tag--option5___1Iav1[data-disabled] {
4421
+ .Tag-module__hop-Tag--option5___HnSjN[data-disabled] {
4401
4422
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4402
4423
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4403
4424
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4404
4425
  }
4405
- .Tag-module__hop-Tag--option6___WtxMr[data-focus-visible] {
4426
+ .Tag-module__hop-Tag--option6___g5EV9[data-focus-visible] {
4406
4427
  --border-color: var(--hop-Tag-option6-border-color-focus);
4407
4428
  --background-color: var(--hop-Tag-option6-background-color-focus);
4408
4429
  --text-color: var(--hop-Tag-option6-text-color-focus);
4409
4430
  }
4410
- .Tag-module__hop-Tag--option6___WtxMr[data-hovered] {
4431
+ .Tag-module__hop-Tag--option6___g5EV9[data-hovered] {
4411
4432
  --border-color: var(--hop-Tag-option6-border-color-hover);
4412
4433
  --background-color: var(--hop-Tag-option6-background-color-hover);
4413
4434
  --text-color: var(--hop-Tag-option6-text-color-hover);
4414
4435
  }
4415
- .Tag-module__hop-Tag--option6___WtxMr[data-pressed] {
4436
+ .Tag-module__hop-Tag--option6___g5EV9[data-pressed] {
4416
4437
  --border-color: var(--hop-Tag-option6-border-color-press);
4417
4438
  --background-color: var(--hop-Tag-option6-background-color-press);
4418
4439
  --text-color: var(--hop-Tag-option6-text-color-press);
4419
4440
  }
4420
- .Tag-module__hop-Tag--option6___WtxMr[data-disabled] {
4441
+ .Tag-module__hop-Tag--option6___g5EV9[data-disabled] {
4421
4442
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4422
4443
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4423
4444
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4424
4445
  }
4425
- .Tag-module__hop-Tag___sE18E[data-focus-visible] {
4446
+ .Tag-module__hop-Tag___Q5Cmm[data-focus-visible] {
4426
4447
  outline: 0.125rem solid var(--focus-ring-color);
4427
4448
  }
4428
- .Tag-module__hop-Tag___sE18E[data-hovered] {
4449
+ .Tag-module__hop-Tag___Q5Cmm[data-hovered] {
4429
4450
  cursor: pointer;
4430
4451
  }
4431
- .Tag-module__hop-Tag___sE18E[data-selected] {
4452
+ .Tag-module__hop-Tag___Q5Cmm[data-selected] {
4432
4453
  --background-color: var(--hop-Tag-background-color-selected);
4433
4454
  --border-color: var(--hop-Tag-border-color-selected);
4434
4455
  --text-color: var(--hop-Tag-text-color-selected);
4435
4456
  }
4436
- .Tag-module__hop-Tag___sE18E[data-pressed] {
4457
+ .Tag-module__hop-Tag___Q5Cmm[data-pressed] {
4437
4458
  cursor: pointer;
4438
4459
  }
4439
- .Tag-module__hop-Tag___sE18E[data-invalid] {
4460
+ .Tag-module__hop-Tag___Q5Cmm[data-invalid] {
4440
4461
  --border-color: var(--hop-Tag-border-color-invalid);
4441
4462
  }
4442
- .Tag-module__hop-Tag___sE18E[data-disabled] {
4463
+ .Tag-module__hop-Tag___Q5Cmm[data-disabled] {
4443
4464
  cursor: not-allowed;
4444
4465
  }
4445
- .Tag-module__hop-Tag__avatar___uvnAY {
4466
+ .Tag-module__hop-Tag__avatar___Pj2L9 {
4446
4467
  flex: 0 0 auto;
4447
4468
  order: 1;
4448
4469
  margin-inline-start: var(--avatar-margin-inline-start);
4449
4470
  }
4450
- .Tag-module__hop-Tag__icon___kazUJ,
4451
- .Tag-module__hop-Tag__icon-list___5Tiqa {
4471
+ .Tag-module__hop-Tag__icon___QneBP,
4472
+ .Tag-module__hop-Tag__icon-list___0vhBr {
4452
4473
  flex: 0 0 auto;
4453
4474
  flex-wrap: nowrap;
4454
4475
  order: 2;
4455
4476
  margin-inline-start: var(--icon-margin-inline-start, 0);
4456
4477
  }
4457
- .Tag-module__hop-Tag__text___qDmXu {
4478
+ .Tag-module__hop-Tag__text___UwHZt {
4458
4479
  overflow: hidden;
4459
4480
  flex: 1 1 auto;
4460
4481
  order: 3;
@@ -4462,33 +4483,33 @@
4462
4483
  text-align: center;
4463
4484
  text-overflow: ellipsis;
4464
4485
  }
4465
- .Tag-module__hop-Tag__badge___h6QjR {
4486
+ .Tag-module__hop-Tag__badge___tEipF {
4466
4487
  flex: 0 0 auto;
4467
4488
  order: 4;
4468
4489
  margin-inline-end: var(--badge-margin-inline-end);
4469
4490
  }
4470
- .Tag-module__hop-Tag___sE18E .Tag-module__hop-Tag__badge___h6QjR[data-variant=subdued] {
4491
+ .Tag-module__hop-Tag___Q5Cmm .Tag-module__hop-Tag__badge___tEipF[data-variant=subdued] {
4471
4492
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4472
4493
  color: inherit;
4473
4494
  background: none;
4474
4495
  }
4475
- .Tag-module__hop-Tag--sm___6T0rv .Tag-module__hop-Tag__badge___h6QjR {
4496
+ .Tag-module__hop-Tag--sm___VFfCI .Tag-module__hop-Tag__badge___tEipF {
4476
4497
  block-size: 100%;
4477
4498
  }
4478
- .Tag-module__hop-Tag__remove-btn___keMbT,
4479
- .Tag-module__hop-Tag__Spinner___-mCAF {
4499
+ .Tag-module__hop-Tag__remove-btn___zoQkZ,
4500
+ .Tag-module__hop-Tag__Spinner___mKw7w {
4480
4501
  flex: 0 0 auto;
4481
4502
  order: 5;
4482
4503
  }
4483
- .Tag-module__hop-Tag__Spinner___-mCAF {
4504
+ .Tag-module__hop-Tag__Spinner___mKw7w {
4484
4505
  margin-inline-end: var(--spinner-margin-inline-end);
4485
4506
  }
4486
- .Tag-module__hop-Tag__remove-btn___keMbT {
4507
+ .Tag-module__hop-Tag__remove-btn___zoQkZ {
4487
4508
  margin-inline: var(--clear-btn-margin-inline);
4488
4509
  }
4489
4510
 
4490
4511
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4491
- .TagGroup-module__hop-TagGroup___JYbnj {
4512
+ .TagGroup-module__hop-TagGroup___s6wSY {
4492
4513
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4493
4514
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4494
4515
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4508,10 +4529,10 @@
4508
4529
  inline-size: max-content;
4509
4530
  max-inline-size: 100%;
4510
4531
  }
4511
- .TagGroup-module__hop-TagGroup___JYbnj > .TagGroup-module__hop-TagGroup__label___dyPmo {
4532
+ .TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__label___XG2gM {
4512
4533
  order: 1;
4513
4534
  }
4514
- .TagGroup-module__hop-TagGroup__list___ZQiq8 {
4535
+ .TagGroup-module__hop-TagGroup__list___4Ffgb {
4515
4536
  display: flex;
4516
4537
  flex-wrap: wrap;
4517
4538
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4520,17 +4541,17 @@
4520
4541
  border-radius: var(--list-border-radius);
4521
4542
  outline: none;
4522
4543
  }
4523
- .TagGroup-module__hop-TagGroup__list___ZQiq8[data-focus-visible] {
4544
+ .TagGroup-module__hop-TagGroup__list___4Ffgb[data-focus-visible] {
4524
4545
  outline: 0.125rem solid var(--list-focus-ring-color);
4525
4546
  outline-offset: 0.125rem;
4526
4547
  }
4527
- .TagGroup-module__hop-TagGroup___JYbnj > .TagGroup-module__hop-TagGroup__error-message___XFaIJ,
4528
- .TagGroup-module__hop-TagGroup___JYbnj > .TagGroup-module__hop-TagGroup__helper-message___hQqvS {
4548
+ .TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__error-message___Ts5SG,
4549
+ .TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__helper-message___BWiwC {
4529
4550
  order: 3;
4530
4551
  }
4531
4552
 
4532
4553
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
4533
- .Form-module__hop-Form___Nzjsc {
4554
+ .Form-module__hop-Form___PGIZl {
4534
4555
  display: flex;
4535
4556
  flex-direction: column;
4536
4557
  gap: var(--hop-space-stack-lg);