@hopper-ui/components 1.0.13 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (179) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +10 -10
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/index.css +10 -10
  15. package/dist/Badge/src/index.js +2 -2
  16. package/dist/Chip/src/Chip.css +33 -33
  17. package/dist/Chip/src/Chip.js +2 -2
  18. package/dist/Chip/src/index.css +33 -33
  19. package/dist/Chip/src/index.js +2 -2
  20. package/dist/Divider/src/Divider.css +2 -2
  21. package/dist/Divider/src/Divider.js +1 -1
  22. package/dist/Divider/src/index.css +2 -2
  23. package/dist/Divider/src/index.js +1 -1
  24. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  25. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  26. package/dist/ErrorMessage/src/index.css +11 -11
  27. package/dist/ErrorMessage/src/index.js +2 -2
  28. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  29. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  30. package/dist/HelperMessage/src/index.css +11 -11
  31. package/dist/HelperMessage/src/index.js +2 -2
  32. package/dist/IconList/src/IconList.css +1 -1
  33. package/dist/IconList/src/IconList.js +1 -1
  34. package/dist/IconList/src/index.css +1 -1
  35. package/dist/IconList/src/index.js +1 -1
  36. package/dist/Link/src/Link.css +31 -31
  37. package/dist/Link/src/Link.js +2 -2
  38. package/dist/Link/src/index.css +31 -31
  39. package/dist/Link/src/index.js +2 -2
  40. package/dist/ListBox/src/ListBox.css +168 -168
  41. package/dist/ListBox/src/ListBox.js +11 -11
  42. package/dist/ListBox/src/ListBoxItem.css +153 -153
  43. package/dist/ListBox/src/ListBoxItem.js +10 -10
  44. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  45. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  46. package/dist/ListBox/src/index.css +168 -168
  47. package/dist/ListBox/src/index.js +11 -11
  48. package/dist/Spinner/src/Spinner.css +19 -19
  49. package/dist/Spinner/src/Spinner.js +2 -2
  50. package/dist/Spinner/src/index.css +19 -19
  51. package/dist/Spinner/src/index.js +2 -2
  52. package/dist/buttons/src/Button.css +94 -94
  53. package/dist/buttons/src/Button.js +3 -3
  54. package/dist/buttons/src/ButtonGroup.css +11 -11
  55. package/dist/buttons/src/ButtonGroup.js +1 -1
  56. package/dist/buttons/src/ClearButton.css +12 -12
  57. package/dist/buttons/src/ClearButton.js +2 -2
  58. package/dist/buttons/src/EmbeddedButton.css +12 -12
  59. package/dist/buttons/src/EmbeddedButton.js +1 -1
  60. package/dist/buttons/src/index.css +117 -117
  61. package/dist/buttons/src/index.js +6 -6
  62. package/dist/checkbox/src/Checkbox.css +31 -31
  63. package/dist/checkbox/src/Checkbox.js +2 -2
  64. package/dist/checkbox/src/CheckboxField.css +15 -15
  65. package/dist/checkbox/src/CheckboxField.js +1 -1
  66. package/dist/checkbox/src/CheckboxGroup.css +59 -59
  67. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  68. package/dist/checkbox/src/index.css +59 -59
  69. package/dist/checkbox/src/index.js +4 -4
  70. package/dist/{chunk-723W7LGB.js → chunk-6CDXS774.js} +3 -3
  71. package/dist/{chunk-TNVYVDLF.js → chunk-6K6W32Q7.js} +3 -3
  72. package/dist/{chunk-PAYZGXTT.js → chunk-6MSRPPI6.js} +1 -1
  73. package/dist/{chunk-AYPCLDGU.js → chunk-6PH4IIEW.js} +1 -1
  74. package/dist/{chunk-I2YZLGRE.js → chunk-7VS566A2.js} +1 -1
  75. package/dist/{chunk-44KY7MFF.js → chunk-A7HLXFSP.js} +14 -5
  76. package/dist/{chunk-THQZBL4T.js → chunk-AT7ZY6GA.js} +1 -1
  77. package/dist/{chunk-JN2FF2IX.js → chunk-BGRKDTCG.js} +1 -1
  78. package/dist/{chunk-CXIH6I5X.js → chunk-BLQ72S4U.js} +1 -1
  79. package/dist/{chunk-JLUFMLGV.js → chunk-BQZQTNI6.js} +1 -1
  80. package/dist/{chunk-B42AJF74.js → chunk-BXPZ6HPC.js} +6 -6
  81. package/dist/{chunk-MVWQVBTK.js → chunk-CXCOSGTO.js} +1 -1
  82. package/dist/{chunk-2MUGMKNO.js → chunk-FQO2QRSC.js} +1 -1
  83. package/dist/{chunk-M4IVTAHY.js → chunk-GCJT5PQ4.js} +3 -3
  84. package/dist/{chunk-ERE2XRQA.js → chunk-GXFFLWNF.js} +1 -1
  85. package/dist/{chunk-LDORNYHF.js → chunk-I6OII2RA.js} +2 -2
  86. package/dist/{chunk-SNWJJ3FF.js → chunk-ICDMJUNE.js} +1 -1
  87. package/dist/chunk-IU6XMS2X.js +21 -0
  88. package/dist/{chunk-QTV45NTY.js → chunk-KA6KVIVV.js} +2 -2
  89. package/dist/chunk-MHQZXLKW.js +7 -0
  90. package/dist/{chunk-RXZQB35O.js → chunk-OETAIO6N.js} +2 -2
  91. package/dist/{chunk-RGGVZKNN.js → chunk-P7UUQGGF.js} +2 -2
  92. package/dist/{chunk-UGHMX7QX.js → chunk-PQV24MM4.js} +3 -3
  93. package/dist/{chunk-UPR32DV5.js → chunk-Q52NUBN7.js} +2 -2
  94. package/dist/{chunk-ESRYOELK.js → chunk-QY6U3R3W.js} +2 -2
  95. package/dist/{chunk-SW7LHIQ2.js → chunk-RD6VCI72.js} +7 -7
  96. package/dist/{chunk-KARK64JC.js → chunk-SR3GAXY5.js} +1 -1
  97. package/dist/{chunk-ZXDN2IRM.js → chunk-TGXZJJJA.js} +1 -1
  98. package/dist/{chunk-IEE2HHGR.js → chunk-TKB5Q2WX.js} +1 -1
  99. package/dist/{chunk-SSMGKQ27.js → chunk-TMWNNF4J.js} +2 -2
  100. package/dist/{chunk-GH5LAOQU.js → chunk-TVV4RMFR.js} +1 -1
  101. package/dist/{chunk-WCLGYVXV.js → chunk-UMD6RDUS.js} +1 -1
  102. package/dist/{chunk-DZHRELLA.js → chunk-VFYGHX3N.js} +1 -1
  103. package/dist/{chunk-NHM3MQI3.js → chunk-VVY3ONWS.js} +3 -3
  104. package/dist/{chunk-AMXRADUV.js → chunk-WAUGFWZA.js} +2 -2
  105. package/dist/chunk-XGI4LDIF.js +276 -0
  106. package/dist/{chunk-CS2RAWQB.js → chunk-XHZ4R2MB.js} +3 -3
  107. package/dist/{chunk-5WWMVQI4.js → chunk-YE7RARJB.js} +1 -1
  108. package/dist/{chunk-CCIVRIKG.js → chunk-YRUBXLBX.js} +12 -2
  109. package/dist/chunk-Z57VHYOF.js +22 -0
  110. package/dist/{chunk-W34MMJ2L.js → chunk-ZNGSZW7M.js} +2 -2
  111. package/dist/index.css +568 -477
  112. package/dist/index.d.ts +4 -0
  113. package/dist/index.js +50 -46
  114. package/dist/inputs/src/InputGroup.css +78 -39
  115. package/dist/inputs/src/InputGroup.d.ts +8 -0
  116. package/dist/inputs/src/InputGroup.js +1 -1
  117. package/dist/inputs/src/NumberField.css +126 -90
  118. package/dist/inputs/src/NumberField.js +8 -7
  119. package/dist/inputs/src/PasswordField.css +222 -183
  120. package/dist/inputs/src/PasswordField.js +7 -7
  121. package/dist/inputs/src/SearchField.css +228 -189
  122. package/dist/inputs/src/SearchField.js +8 -8
  123. package/dist/inputs/src/TextArea.css +466 -0
  124. package/dist/inputs/src/TextArea.d.ts +62 -0
  125. package/dist/inputs/src/TextArea.js +23 -0
  126. package/dist/inputs/src/TextAreaContext.d.ts +8 -0
  127. package/dist/inputs/src/TextAreaContext.js +2 -0
  128. package/dist/inputs/src/TextField.css +223 -184
  129. package/dist/inputs/src/TextField.js +9 -9
  130. package/dist/inputs/src/index.css +462 -371
  131. package/dist/inputs/src/index.d.ts +2 -0
  132. package/dist/inputs/src/index.js +15 -11
  133. package/dist/overlays/Popover/src/Popover.css +568 -477
  134. package/dist/overlays/Popover/src/Popover.js +50 -46
  135. package/dist/overlays/Popover/src/index.css +568 -477
  136. package/dist/overlays/Popover/src/index.js +50 -46
  137. package/dist/radio/src/Radio.css +31 -31
  138. package/dist/radio/src/Radio.js +2 -2
  139. package/dist/radio/src/RadioField.css +15 -15
  140. package/dist/radio/src/RadioField.js +1 -1
  141. package/dist/radio/src/RadioGroup.css +59 -59
  142. package/dist/radio/src/RadioGroup.js +3 -3
  143. package/dist/radio/src/index.css +59 -59
  144. package/dist/radio/src/index.js +7 -7
  145. package/dist/switch/src/Switch.css +25 -25
  146. package/dist/switch/src/Switch.js +2 -2
  147. package/dist/switch/src/SwitchField.css +15 -15
  148. package/dist/switch/src/SwitchField.js +1 -1
  149. package/dist/switch/src/index.css +31 -31
  150. package/dist/switch/src/index.js +3 -3
  151. package/dist/tag/src/Tag.css +568 -477
  152. package/dist/tag/src/Tag.js +50 -46
  153. package/dist/tag/src/TagGroup.css +21 -21
  154. package/dist/tag/src/TagGroup.js +1 -1
  155. package/dist/tag/src/index.css +568 -477
  156. package/dist/tag/src/index.js +50 -46
  157. package/dist/typography/Heading/src/Heading.css +9 -9
  158. package/dist/typography/Heading/src/Heading.js +1 -1
  159. package/dist/typography/Heading/src/index.css +9 -9
  160. package/dist/typography/Heading/src/index.js +1 -1
  161. package/dist/typography/Label/src/Label.css +2 -2
  162. package/dist/typography/Label/src/Label.js +1 -1
  163. package/dist/typography/Label/src/index.css +2 -2
  164. package/dist/typography/Label/src/index.js +1 -1
  165. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  166. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  167. package/dist/typography/OverlineText/src/index.css +6 -6
  168. package/dist/typography/OverlineText/src/index.js +1 -1
  169. package/dist/typography/Text/src/Text.css +9 -9
  170. package/dist/typography/Text/src/Text.js +1 -1
  171. package/dist/typography/Text/src/index.css +9 -9
  172. package/dist/typography/Text/src/index.js +1 -1
  173. package/dist/utils/src/index.d.ts +2 -0
  174. package/dist/utils/src/index.js +3 -1
  175. package/dist/utils/src/useFontFaceReady.d.ts +3 -0
  176. package/dist/utils/src/useFontFaceReady.js +2 -0
  177. package/dist/utils/src/useTruncatedText.d.ts +3 -0
  178. package/dist/utils/src/useTruncatedText.js +2 -0
  179. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___XGciL {
2
+ .Text-module__hop-Text___HnTiu {
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___XGciL) {
32
+ :where(.Text-module__hop-Text___HnTiu) {
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___8DcIm) {
38
+ :where(.Text-module__hop-Text--xs___ndb-c) {
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___B0mGK) {
44
+ :where(.Text-module__hop-Text--sm___cv0bL) {
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___QwBMo) {
50
+ :where(.Text-module__hop-Text--md___daNZS) {
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___BAtSv) {
56
+ :where(.Text-module__hop-Text--lg___ByUWL) {
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___QUy6V) {
62
+ :where(.Text-module__hop-Text--xl___Udc-p) {
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___DFqJ4) {
68
+ :where(.Text-module__hop-Text--2xl___sxc7S) {
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___WkAxg) {
74
+ :where(.Text-module__hop-Text--inherit___WU81u) {
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___XXd8y {
82
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___9cs6o {
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___KPG-W {
113
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___XYcPi {
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___9CNdx {
117
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___CONVZ {
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___h5-5b {
121
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___c6v95 {
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___ikRI1 {
125
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___xPXKj {
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___6eMAN {
129
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___2zIed {
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___8uwXA {
133
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Zgfsg {
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___XXd8y[data-disabled] {
137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___9cs6o[data-disabled] {
138
138
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
139
139
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___AneXe {
140
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___wjKFz {
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___XXd8y[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___AneXe {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___9cs6o[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___wjKFz {
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___qM5OB {
152
+ .Avatar-module__hop-Avatar___fT8iZ {
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___b0lad {
197
+ .Avatar-module__hop-Avatar--xs___kKBMv {
198
198
  --size: var(--hop-Avatar-xs-size);
199
199
  }
200
- .Avatar-module__hop-Avatar--sm___nF2UB {
200
+ .Avatar-module__hop-Avatar--sm___PdVKz {
201
201
  --size: var(--hop-Avatar-sm-size);
202
202
  }
203
- .Avatar-module__hop-Avatar--md___dTNCm {
203
+ .Avatar-module__hop-Avatar--md___3CYGy {
204
204
  --size: var(--hop-Avatar-md-size);
205
205
  }
206
- .Avatar-module__hop-Avatar--lg___9mfvF {
206
+ .Avatar-module__hop-Avatar--lg___2xN4n {
207
207
  --size: var(--hop-Avatar-lg-size);
208
208
  }
209
- .Avatar-module__hop-Avatar--xl___2903F {
209
+ .Avatar-module__hop-Avatar--xl___g3C7I {
210
210
  --size: var(--hop-Avatar-xl-size);
211
211
  }
212
- .Avatar-module__hop-Avatar--2xl___-hip- {
212
+ .Avatar-module__hop-Avatar--2xl___9n9-v {
213
213
  --size: var(--hop-Avatar-2xl-size);
214
214
  }
215
- .Avatar-module__hop-Avatar--decorative-option1___CXBR9 {
215
+ .Avatar-module__hop-Avatar--decorative-option1___LxMkW {
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___O1mBp {
219
+ .Avatar-module__hop-Avatar--decorative-option2___hsrVs {
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___DrrpF {
223
+ .Avatar-module__hop-Avatar--decorative-option3___vVkVP {
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___fkgsQ {
227
+ .Avatar-module__hop-Avatar--decorative-option4___RTYeY {
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___6ca3R {
231
+ .Avatar-module__hop-Avatar--decorative-option5___nfoHP {
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___OkFbC {
235
+ .Avatar-module__hop-Avatar--decorative-option6___Lw1n- {
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___yuVT9 {
239
+ .Avatar-module__hop-Avatar--decorative-option7___pGWQV {
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___1fVlH {
243
+ .Avatar-module__hop-Avatar--decorative-option8___iKwn8 {
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___vJUyk {
247
+ .Avatar-module__hop-Avatar--decorative-option9___CRHN1 {
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___qM5OB[data-disabled] {
251
+ .Avatar-module__hop-Avatar___fT8iZ[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___iOZ6J {
257
+ .Avatar-module__hop-Avatar__image___IyBz1 {
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___1BZid) {
268
+ :where(.OverlineText-module__hop-OverlineText___OCaWy) {
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___RuqQo {
292
+ .OverlineText-module__hop-OverlineText__text___C3XIa {
293
293
  box-sizing: border-box;
294
294
  }
295
- .OverlineText-module__hop-OverlineText__text___RuqQo::before,
296
- .OverlineText-module__hop-OverlineText__text___RuqQo::after {
295
+ .OverlineText-module__hop-OverlineText__text___C3XIa::before,
296
+ .OverlineText-module__hop-OverlineText__text___C3XIa::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___RuqQo::before {
303
+ .OverlineText-module__hop-OverlineText__text___C3XIa::before {
304
304
  margin-block-end: var(--bottom-offset);
305
305
  }
306
- .OverlineText-module__hop-OverlineText__text___RuqQo::after {
306
+ .OverlineText-module__hop-OverlineText__text___C3XIa::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___xwY2X {
311
+ .Badge-module__hop-Badge___TeU9H {
312
312
  --hop-Badge-height: 1.5rem;
313
313
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
314
314
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -332,21 +332,21 @@
332
332
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
333
333
  border-radius: var(--border-radius);
334
334
  }
335
- .Badge-module__hop-Badge--primary___t93CO {
335
+ .Badge-module__hop-Badge--primary___NOZgt {
336
336
  --background-color: var(--hop-Badge-primary-background-color);
337
337
  --text-color: var(--hop-Badge-primary-text-color);
338
338
  }
339
- .Badge-module__hop-Badge--secondary___CO6Af {
339
+ .Badge-module__hop-Badge--secondary___vODxB {
340
340
  --background-color: var(--hop-Badge-secondary-background-color);
341
341
  --text-color: var(--hop-Badge-secondary-text-color);
342
342
  }
343
- .Badge-module__hop-Badge___xwY2X[data-disabled] {
343
+ .Badge-module__hop-Badge___TeU9H[data-disabled] {
344
344
  --background-color: var(--hop-Badge-background-color-disabled);
345
345
  --text-color: var(--hop-Badge-text-color-disabled);
346
346
  }
347
347
 
348
348
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
349
- .IconList-module__hop-IconList___RdFGP {
349
+ .IconList-module__hop-IconList___omUb3 {
350
350
  --hop-IconList-gap: var(--hop-space-inline-xs);
351
351
  display: flex;
352
352
  flex-wrap: wrap;
@@ -355,7 +355,7 @@
355
355
  }
356
356
 
357
357
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
358
- @keyframes Spinner-module__spin___FeXZb {
358
+ @keyframes Spinner-module__spin___lyTxx {
359
359
  0% {
360
360
  transform: rotate(0deg);
361
361
  }
@@ -363,7 +363,7 @@
363
363
  transform: rotate(360deg);
364
364
  }
365
365
  }
366
- .Spinner-module__hop-Spinner___pI0C5 {
366
+ .Spinner-module__hop-Spinner___HpocQ {
367
367
  --hop-Spinner-border-radius: var(--hop-shape-circle);
368
368
  --hop-Spinner-sm-wheel-size: 1rem;
369
369
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -371,7 +371,7 @@
371
371
  --hop-Spinner-track-width: 0.125rem;
372
372
  --hop-Spinner-track-opacity: 0.2;
373
373
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
374
- --hop-Spinner-fill-animation: Spinner-module__spin___FeXZb .8s infinite linear;
374
+ --hop-Spinner-fill-animation: Spinner-module__spin___lyTxx .8s infinite linear;
375
375
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
376
376
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
377
377
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -382,19 +382,19 @@
382
382
  align-items: center;
383
383
  box-sizing: border-box;
384
384
  }
385
- .Spinner-module__hop-Spinner--sm___3kRKf {
385
+ .Spinner-module__hop-Spinner--sm___4IKBk {
386
386
  --width: var(--hop-Spinner-sm-wheel-size);
387
387
  --height: var(--hop-Spinner-sm-wheel-size);
388
388
  }
389
- .Spinner-module__hop-Spinner--md___mM0sK {
389
+ .Spinner-module__hop-Spinner--md___ShZNF {
390
390
  --width: var(--hop-Spinner-md-wheel-size);
391
391
  --height: var(--hop-Spinner-md-wheel-size);
392
392
  }
393
- .Spinner-module__hop-Spinner--lg___CN3Ku {
393
+ .Spinner-module__hop-Spinner--lg___TjYWE {
394
394
  --width: var(--hop-Spinner-lg-wheel-size);
395
395
  --height: var(--hop-Spinner-lg-wheel-size);
396
396
  }
397
- .Spinner-module__hop-Spinner__track___E-l4N {
397
+ .Spinner-module__hop-Spinner__track___AfGNc {
398
398
  grid-area: spinner;
399
399
  box-sizing: border-box;
400
400
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -403,7 +403,7 @@
403
403
  border: var(--hop-Spinner-track-border);
404
404
  border-radius: var(--hop-Spinner-border-radius);
405
405
  }
406
- .Spinner-module__hop-Spinner__fill___xxznA {
406
+ .Spinner-module__hop-Spinner__fill___STOGj {
407
407
  grid-area: spinner;
408
408
  box-sizing: border-box;
409
409
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -414,17 +414,17 @@
414
414
  animation: var(--hop-Spinner-fill-animation);
415
415
  }
416
416
  @media (prefers-reduced-motion: reduce) {
417
- .Spinner-module__hop-Spinner__fill___xxznA {
417
+ .Spinner-module__hop-Spinner__fill___STOGj {
418
418
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
419
419
  }
420
420
  }
421
- .Spinner-module__hop-Spinner__label___1kKrV {
421
+ .Spinner-module__hop-Spinner__label___XLsyu {
422
422
  grid-area: label;
423
423
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
424
424
  }
425
425
 
426
426
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
427
- .Button-module__hop-Button___UtanL {
427
+ .Button-module__hop-Button___hVNkV {
428
428
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
429
429
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
430
430
  --hop-Button-icon-only-padding: 0;
@@ -583,317 +583,317 @@
583
583
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
584
584
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
585
585
  }
586
- .Button-module__hop-Button___UtanL[data-focus-visible] {
586
+ .Button-module__hop-Button___hVNkV[data-focus-visible] {
587
587
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
588
588
  }
589
- .Button-module__hop-Button--icon-only___s6kpk {
589
+ .Button-module__hop-Button--icon-only___UP8Ng {
590
590
  --padding-block: var(--hop-Button-icon-only-padding);
591
591
  --padding-inline: var(--hop-Button-icon-only-padding);
592
592
  column-gap: 0;
593
593
  aspect-ratio: 1;
594
594
  }
595
- .Button-module__hop-Button___UtanL[data-disabled],
596
- .Button-module__hop-Button___UtanL[data-loading] {
595
+ .Button-module__hop-Button___hVNkV[data-disabled],
596
+ .Button-module__hop-Button___hVNkV[data-loading] {
597
597
  cursor: not-allowed;
598
598
  }
599
- .Button-module__hop-Button--fluid___kCVkQ {
599
+ .Button-module__hop-Button--fluid___i-q6U {
600
600
  --inline-size: 100%;
601
601
  }
602
- .Button-module__hop-Button--sm___7J-M- {
602
+ .Button-module__hop-Button--sm___TSOaw {
603
603
  --block-size: var(--hop-Button-sm-height);
604
604
  }
605
- .Button-module__hop-Button--primary___qii5D.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
605
+ .Button-module__hop-Button--primary___bK7ig.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
606
606
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
607
607
  --padding-block: var(--hop-Button-primary-sm-padding-y);
608
608
  }
609
- .Button-module__hop-Button--primary___qii5D.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
609
+ .Button-module__hop-Button--primary___bK7ig.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
610
610
  --padding-inline: var(--hop-Button-primary-md-padding-x);
611
611
  --padding-block: var(--hop-Button-primary-md-padding-y);
612
612
  }
613
- .Button-module__hop-Button--secondary___I-J5f.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
613
+ .Button-module__hop-Button--secondary___iQ-Xg.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
614
614
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
615
615
  --padding-block: var(--hop-Button-secondary-md-padding-y);
616
616
  }
617
- .Button-module__hop-Button--secondary___I-J5f.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
617
+ .Button-module__hop-Button--secondary___iQ-Xg.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
618
618
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
619
619
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
620
620
  }
621
- .Button-module__hop-Button--upsell___hZ0mQ.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
621
+ .Button-module__hop-Button--upsell___MaRoN.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
622
622
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
623
623
  --padding-block: var(--hop-Button-upsell-md-padding-y);
624
624
  }
625
- .Button-module__hop-Button--upsell___hZ0mQ.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
625
+ .Button-module__hop-Button--upsell___MaRoN.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
626
626
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
627
627
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
628
628
  }
629
- .Button-module__hop-Button--danger___CfP6K.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
629
+ .Button-module__hop-Button--danger___vlH3V.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
630
630
  --padding-inline: var(--hop-Button-danger-md-padding-x);
631
631
  --padding-block: var(--hop-Button-danger-md-padding-y);
632
632
  }
633
- .Button-module__hop-Button--danger___CfP6K.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
633
+ .Button-module__hop-Button--danger___vlH3V.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
634
634
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
635
635
  --padding-block: var(--hop-Button-danger-sm-padding-y);
636
636
  }
637
- .Button-module__hop-Button--ghost-danger___o-67i.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
637
+ .Button-module__hop-Button--ghost-danger___JaoY-.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
638
638
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
639
639
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
640
640
  }
641
- .Button-module__hop-Button--ghost-danger___o-67i.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
641
+ .Button-module__hop-Button--ghost-danger___JaoY-.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
642
642
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
643
643
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
644
644
  }
645
- .Button-module__hop-Button--ghost-secondary___dePjg.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
645
+ .Button-module__hop-Button--ghost-secondary___JeWkk.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
646
646
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
647
647
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
648
648
  }
649
- .Button-module__hop-Button--ghost-secondary___dePjg.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
649
+ .Button-module__hop-Button--ghost-secondary___JeWkk.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
650
650
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
651
651
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
652
652
  }
653
- .Button-module__hop-Button--ghost-primary___X44aS.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
653
+ .Button-module__hop-Button--ghost-primary___HBhCX.Button-module__hop-Button--md___bw44A:not(.Button-module__hop-Button--icon-only___UP8Ng) {
654
654
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
655
655
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
656
656
  }
657
- .Button-module__hop-Button--ghost-primary___X44aS.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
657
+ .Button-module__hop-Button--ghost-primary___HBhCX.Button-module__hop-Button--sm___TSOaw:not(.Button-module__hop-Button--icon-only___UP8Ng) {
658
658
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
659
659
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
660
660
  }
661
- .Button-module__hop-Button--primary___qii5D {
661
+ .Button-module__hop-Button--primary___bK7ig {
662
662
  --background-color: var(--hop-Button-primary-background-color);
663
663
  --color: var(--hop-Button-primary-color);
664
664
  --border: var(--hop-Button-primary-border);
665
665
  --spinner-color: var(--hop-Button-primary-spinner-color);
666
666
  }
667
- .Button-module__hop-Button--primary___qii5D[data-disabled]:not([data-loading]) {
667
+ .Button-module__hop-Button--primary___bK7ig[data-disabled]:not([data-loading]) {
668
668
  --background-color: var(--hop-Button-primary-background-color-disabled);
669
669
  --color: var(--hop-Button-primary-color-disabled);
670
670
  --border: var(--hop-Button-primary-border-disabled);
671
671
  }
672
- .Button-module__hop-Button--primary___qii5D[data-hovered]:not([data-disabled], [data-loading]),
673
- .Button-module__hop-Button--primary___qii5D[data-focus-visible]:not([data-disabled], [data-loading]) {
672
+ .Button-module__hop-Button--primary___bK7ig[data-hovered]:not([data-disabled], [data-loading]),
673
+ .Button-module__hop-Button--primary___bK7ig[data-focus-visible]:not([data-disabled], [data-loading]) {
674
674
  --background-color: var(--hop-Button-primary-background-color-hover);
675
675
  --color: var(--hop-Button-primary-color-hover);
676
676
  --border: var(--hop-Button-primary-border-hover);
677
677
  }
678
- .Button-module__hop-Button--primary___qii5D[data-pressed]:not([data-loading]) {
678
+ .Button-module__hop-Button--primary___bK7ig[data-pressed]:not([data-loading]) {
679
679
  --background-color: var(--hop-Button-primary-background-color-pressed);
680
680
  --color: var(--hop-Button-primary-color-pressed);
681
681
  --border: var(--hop-Button-primary-border-pressed);
682
682
  }
683
- .Button-module__hop-Button--secondary___I-J5f {
683
+ .Button-module__hop-Button--secondary___iQ-Xg {
684
684
  --background-color: var(--hop-Button-secondary-background-color);
685
685
  --color: var(--hop-Button-secondary-color);
686
686
  --border: var(--hop-Button-secondary-border);
687
687
  --spinner-color: var(--hop-Button-secondary-spinner-color);
688
688
  }
689
- .Button-module__hop-Button--secondary___I-J5f[data-disabled]:not([data-loading]) {
689
+ .Button-module__hop-Button--secondary___iQ-Xg[data-disabled]:not([data-loading]) {
690
690
  --background-color: var(--hop-Button-secondary-background-color-disabled);
691
691
  --color: var(--hop-Button-secondary-color-disabled);
692
692
  --border: var(--hop-Button-secondary-border-disabled);
693
693
  }
694
- .Button-module__hop-Button--secondary___I-J5f[data-hovered]:not([data-disabled], [data-loading]),
695
- .Button-module__hop-Button--secondary___I-J5f[data-focus-visible]:not([data-disabled], [data-loading]) {
694
+ .Button-module__hop-Button--secondary___iQ-Xg[data-hovered]:not([data-disabled], [data-loading]),
695
+ .Button-module__hop-Button--secondary___iQ-Xg[data-focus-visible]:not([data-disabled], [data-loading]) {
696
696
  --background-color: var(--hop-Button-secondary-background-color-hover);
697
697
  --color: var(--hop-Button-secondary-color-hover);
698
698
  --border: var(--hop-Button-secondary-border-hover);
699
699
  }
700
- .Button-module__hop-Button--secondary___I-J5f[data-pressed]:not([data-loading]) {
700
+ .Button-module__hop-Button--secondary___iQ-Xg[data-pressed]:not([data-loading]) {
701
701
  --background-color: var(--hop-Button-secondary-background-color-pressed);
702
702
  --color: var(--hop-Button-secondary-color-pressed);
703
703
  --border: var(--hop-Button-secondary-border-pressed);
704
704
  }
705
- .Button-module__hop-Button--upsell___hZ0mQ {
705
+ .Button-module__hop-Button--upsell___MaRoN {
706
706
  --background-color: var(--hop-Button-upsell-background-color);
707
707
  --color: var(--hop-Button-upsell-color);
708
708
  --border: var(--hop-Button-upsell-border);
709
709
  --spinner-color: var(--hop-Button-upsell-spinner-color);
710
710
  }
711
- .Button-module__hop-Button--upsell___hZ0mQ[data-disabled]:not([data-loading]) {
711
+ .Button-module__hop-Button--upsell___MaRoN[data-disabled]:not([data-loading]) {
712
712
  --background-color: var(--hop-Button-upsell-background-color-disabled);
713
713
  --color: var(--hop-Button-upsell-color-disabled);
714
714
  --border: var(--hop-Button-upsell-border-disabled);
715
715
  }
716
- .Button-module__hop-Button--upsell___hZ0mQ[data-hovered]:not([data-disabled], [data-loading]),
717
- .Button-module__hop-Button--upsell___hZ0mQ[data-focus-visible]:not([data-disabled], [data-loading]) {
716
+ .Button-module__hop-Button--upsell___MaRoN[data-hovered]:not([data-disabled], [data-loading]),
717
+ .Button-module__hop-Button--upsell___MaRoN[data-focus-visible]:not([data-disabled], [data-loading]) {
718
718
  --background-color: var(--hop-Button-upsell-background-color-hover);
719
719
  --color: var(--hop-Button-upsell-color-hover);
720
720
  --border: var(--hop-Button-upsell-border-hover);
721
721
  }
722
- .Button-module__hop-Button--upsell___hZ0mQ[data-pressed]:not([data-loading]) {
722
+ .Button-module__hop-Button--upsell___MaRoN[data-pressed]:not([data-loading]) {
723
723
  --background-color: var(--hop-Button-upsell-background-color-pressed);
724
724
  --color: var(--hop-Button-upsell-color-pressed);
725
725
  --border: var(--hop-Button-upsell-border-pressed);
726
726
  }
727
- .Button-module__hop-Button--danger___CfP6K {
727
+ .Button-module__hop-Button--danger___vlH3V {
728
728
  --background-color: var(--hop-Button-danger-background-color);
729
729
  --color: var(--hop-Button-danger-color);
730
730
  --border: var(--hop-Button-danger-border);
731
731
  --spinner-color: var(--hop-Button-danger-spinner-color);
732
732
  }
733
- .Button-module__hop-Button--danger___CfP6K[data-disabled]:not([data-loading]) {
733
+ .Button-module__hop-Button--danger___vlH3V[data-disabled]:not([data-loading]) {
734
734
  --background-color: var(--hop-Button-danger-background-color-disabled);
735
735
  --color: var(--hop-Button-danger-color-disabled);
736
736
  --border: var(--hop-Button-danger-border-disabled);
737
737
  }
738
- .Button-module__hop-Button--danger___CfP6K[data-hovered]:not([data-disabled], [data-loading]),
739
- .Button-module__hop-Button--danger___CfP6K[data-focus-visible]:not([data-disabled], [data-loading]) {
738
+ .Button-module__hop-Button--danger___vlH3V[data-hovered]:not([data-disabled], [data-loading]),
739
+ .Button-module__hop-Button--danger___vlH3V[data-focus-visible]:not([data-disabled], [data-loading]) {
740
740
  --background-color: var(--hop-Button-danger-background-color-hover);
741
741
  --color: var(--hop-Button-danger-color-hover);
742
742
  --border: var(--hop-Button-danger-border-hover);
743
743
  }
744
- .Button-module__hop-Button--danger___CfP6K[data-pressed]:not([data-loading]) {
744
+ .Button-module__hop-Button--danger___vlH3V[data-pressed]:not([data-loading]) {
745
745
  --background-color: var(--hop-Button-danger-background-color-pressed);
746
746
  --color: var(--hop-Button-danger-color-pressed);
747
747
  --border: var(--hop-Button-danger-border-pressed);
748
748
  }
749
- .Button-module__hop-Button--ghost-primary___X44aS {
749
+ .Button-module__hop-Button--ghost-primary___HBhCX {
750
750
  --background-color: var(--hop-Button-ghost-primary-background-color);
751
751
  --color: var(--hop-Button-ghost-primary-color);
752
752
  --border: var(--hop-Button-ghost-primary-border);
753
753
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
754
754
  }
755
- .Button-module__hop-Button--ghost-primary___X44aS[data-disabled]:not([data-loading]) {
755
+ .Button-module__hop-Button--ghost-primary___HBhCX[data-disabled]:not([data-loading]) {
756
756
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
757
757
  --color: var(--hop-Button-ghost-primary-color-disabled);
758
758
  --border: var(--hop-Button-ghost-primary-border-disabled);
759
759
  }
760
- .Button-module__hop-Button--ghost-primary___X44aS[data-hovered]:not([data-disabled], [data-loading]),
761
- .Button-module__hop-Button--ghost-primary___X44aS[data-focus-visible]:not([data-disabled], [data-loading]) {
760
+ .Button-module__hop-Button--ghost-primary___HBhCX[data-hovered]:not([data-disabled], [data-loading]),
761
+ .Button-module__hop-Button--ghost-primary___HBhCX[data-focus-visible]:not([data-disabled], [data-loading]) {
762
762
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
763
763
  --color: var(--hop-Button-ghost-primary-color-hover);
764
764
  --border: var(--hop-Button-ghost-primary-border-hover);
765
765
  }
766
- .Button-module__hop-Button--ghost-primary___X44aS[data-pressed]:not([data-loading]) {
766
+ .Button-module__hop-Button--ghost-primary___HBhCX[data-pressed]:not([data-loading]) {
767
767
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
768
768
  --color: var(--hop-Button-ghost-primary-color-pressed);
769
769
  --border: var(--hop-Button-ghost-primary-border-pressed);
770
770
  }
771
- .Button-module__hop-Button--ghost-secondary___dePjg {
771
+ .Button-module__hop-Button--ghost-secondary___JeWkk {
772
772
  --background-color: var(--hop-Button-ghost-secondary-background-color);
773
773
  --color: var(--hop-Button-ghost-secondary-color);
774
774
  --border: var(--hop-Button-ghost-secondary-border);
775
775
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
776
776
  }
777
- .Button-module__hop-Button--ghost-secondary___dePjg[data-disabled]:not([data-loading]) {
777
+ .Button-module__hop-Button--ghost-secondary___JeWkk[data-disabled]:not([data-loading]) {
778
778
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
779
779
  --color: var(--hop-Button-ghost-secondary-color-disabled);
780
780
  --border: var(--hop-Button-ghost-secondary-border-disabled);
781
781
  }
782
- .Button-module__hop-Button--ghost-secondary___dePjg[data-hovered]:not([data-disabled], [data-loading]),
783
- .Button-module__hop-Button--ghost-secondary___dePjg[data-focus-visible]:not([data-disabled], [data-loading]) {
782
+ .Button-module__hop-Button--ghost-secondary___JeWkk[data-hovered]:not([data-disabled], [data-loading]),
783
+ .Button-module__hop-Button--ghost-secondary___JeWkk[data-focus-visible]:not([data-disabled], [data-loading]) {
784
784
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
785
785
  --color: var(--hop-Button-ghost-secondary-color-hover);
786
786
  --border: var(--hop-Button-ghost-secondary-border-hover);
787
787
  }
788
- .Button-module__hop-Button--ghost-secondary___dePjg[data-pressed]:not([data-loading]) {
788
+ .Button-module__hop-Button--ghost-secondary___JeWkk[data-pressed]:not([data-loading]) {
789
789
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
790
790
  --color: var(--hop-Button-ghost-secondary-color-pressed);
791
791
  --border: var(--hop-Button-ghost-secondary-border-pressed);
792
792
  }
793
- .Button-module__hop-Button--ghost-danger___o-67i {
793
+ .Button-module__hop-Button--ghost-danger___JaoY- {
794
794
  --background-color: var(--hop-Button-ghost-danger-background-color);
795
795
  --color: var(--hop-Button-ghost-danger-color);
796
796
  --border: var(--hop-Button-ghost-danger-border);
797
797
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
798
798
  }
799
- .Button-module__hop-Button--ghost-danger___o-67i[data-disabled]:not([data-loading]) {
799
+ .Button-module__hop-Button--ghost-danger___JaoY-[data-disabled]:not([data-loading]) {
800
800
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
801
801
  --color: var(--hop-Button-ghost-danger-color-disabled);
802
802
  --border: var(--hop-Button-ghost-danger-border-disabled);
803
803
  }
804
- .Button-module__hop-Button--ghost-danger___o-67i[data-hovered]:not([data-disabled], [data-loading]),
805
- .Button-module__hop-Button--ghost-danger___o-67i[data-focus-visible]:not([data-disabled], [data-loading]) {
804
+ .Button-module__hop-Button--ghost-danger___JaoY-[data-hovered]:not([data-disabled], [data-loading]),
805
+ .Button-module__hop-Button--ghost-danger___JaoY-[data-focus-visible]:not([data-disabled], [data-loading]) {
806
806
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
807
807
  --color: var(--hop-Button-ghost-danger-color-hover);
808
808
  --border: var(--hop-Button-ghost-danger-border-hover);
809
809
  }
810
- .Button-module__hop-Button--ghost-danger___o-67i[data-pressed]:not([data-loading]) {
810
+ .Button-module__hop-Button--ghost-danger___JaoY-[data-pressed]:not([data-loading]) {
811
811
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
812
812
  --color: var(--hop-Button-ghost-danger-color-pressed);
813
813
  --border: var(--hop-Button-ghost-danger-border-pressed);
814
814
  }
815
- .Button-module__hop-Button__Spinner___jkKCi {
815
+ .Button-module__hop-Button__Spinner___qhpjO {
816
816
  position: absolute;
817
817
  justify-self: center;
818
818
  color: var(--spinner-color);
819
819
  }
820
- .Button-module__hop-Button__icon___Yc-Tb,
821
- .Button-module__hop-Button__icon-list___cvJTK {
820
+ .Button-module__hop-Button__icon___lufK8,
821
+ .Button-module__hop-Button__icon-list___QNRCt {
822
822
  grid-area: start-icon;
823
823
  justify-self: end;
824
824
  }
825
- .Button-module__hop-Button__text___Z3j32 {
825
+ .Button-module__hop-Button__text___MfT24 {
826
826
  user-select: none;
827
827
  overflow: visible;
828
828
  grid-area: content;
829
829
  font-weight: var(--hop-font-weight-505);
830
830
  text-wrap: nowrap;
831
831
  }
832
- .Button-module__hop-Button--ghost-primary___X44aS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
833
- .Button-module__hop-Button--ghost-secondary___dePjg[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
834
- .Button-module__hop-Button--ghost-danger___o-67i[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
835
- .Button-module__hop-Button--ghost-primary___X44aS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
836
- .Button-module__hop-Button--ghost-secondary___dePjg[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
837
- .Button-module__hop-Button--ghost-danger___o-67i[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
838
- .Button-module__hop-Button--ghost-primary___X44aS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
839
- .Button-module__hop-Button--ghost-secondary___dePjg[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
840
- .Button-module__hop-Button--ghost-danger___o-67i[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Z3j32 {
832
+ .Button-module__hop-Button--ghost-primary___HBhCX[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
833
+ .Button-module__hop-Button--ghost-secondary___JeWkk[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
834
+ .Button-module__hop-Button--ghost-danger___JaoY-[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
835
+ .Button-module__hop-Button--ghost-primary___HBhCX[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
836
+ .Button-module__hop-Button--ghost-secondary___JeWkk[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
837
+ .Button-module__hop-Button--ghost-danger___JaoY-[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
838
+ .Button-module__hop-Button--ghost-primary___HBhCX[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
839
+ .Button-module__hop-Button--ghost-secondary___JeWkk[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___MfT24,
840
+ .Button-module__hop-Button--ghost-danger___JaoY-[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___MfT24 {
841
841
  text-decoration: underline;
842
842
  text-underline-offset: 0.125rem;
843
843
  }
844
- .Button-module__hop-Button__end-icon___fUClA,
845
- .Button-module__hop-Button__end-icon-list___F7DGT {
844
+ .Button-module__hop-Button__end-icon___Wx11c,
845
+ .Button-module__hop-Button__end-icon-list___7VMeu {
846
846
  grid-area: end-icon;
847
847
  }
848
- .Button-module__hop-Button___UtanL .Button-module__hop-Button__icon-list___cvJTK,
849
- .Button-module__hop-Button___UtanL .Button-module__hop-Button__end-icon-list___F7DGT {
848
+ .Button-module__hop-Button___hVNkV .Button-module__hop-Button__icon-list___QNRCt,
849
+ .Button-module__hop-Button___hVNkV .Button-module__hop-Button__end-icon-list___7VMeu {
850
850
  flex-wrap: nowrap;
851
851
  }
852
- .Button-module__hop-Button___UtanL[data-loading] > *:not(.Button-module__hop-Button__Spinner___jkKCi) {
852
+ .Button-module__hop-Button___hVNkV[data-loading] > *:not(.Button-module__hop-Button__Spinner___qhpjO) {
853
853
  opacity: 0;
854
854
  }
855
855
 
856
856
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
857
- .ButtonGroup-module__hop-ButtonGroup___0hm3B {
857
+ .ButtonGroup-module__hop-ButtonGroup___04OMd {
858
858
  display: inline-flex;
859
859
  flex-wrap: nowrap;
860
860
  gap: var(--hop-space-inline-md);
861
861
  }
862
- .ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
862
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___gfk88 {
863
863
  justify-content: center;
864
864
  }
865
- .ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
865
+ .ButtonGroup-module__hop-ButtonGroup--vertical___AWwpV {
866
866
  flex-direction: column;
867
867
  gap: var(--hop-space-stack-md);
868
868
  align-items: center;
869
869
  }
870
- .ButtonGroup-module__hop-ButtonGroup--start___Jf3Eh.ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
870
+ .ButtonGroup-module__hop-ButtonGroup--start___2HDvA.ButtonGroup-module__hop-ButtonGroup--vertical___AWwpV {
871
871
  align-items: flex-start;
872
872
  }
873
- .ButtonGroup-module__hop-ButtonGroup--center___b2RH-.ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
873
+ .ButtonGroup-module__hop-ButtonGroup--center___cWrk2.ButtonGroup-module__hop-ButtonGroup--vertical___AWwpV {
874
874
  align-items: center;
875
875
  }
876
- .ButtonGroup-module__hop-ButtonGroup--end___Cah50.ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
876
+ .ButtonGroup-module__hop-ButtonGroup--end___h-8op.ButtonGroup-module__hop-ButtonGroup--vertical___AWwpV {
877
877
  align-items: flex-end;
878
878
  }
879
- .ButtonGroup-module__hop-ButtonGroup--start___Jf3Eh.ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
879
+ .ButtonGroup-module__hop-ButtonGroup--start___2HDvA.ButtonGroup-module__hop-ButtonGroup--horizontal___gfk88 {
880
880
  justify-content: flex-start;
881
881
  }
882
- .ButtonGroup-module__hop-ButtonGroup--center___b2RH-.ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
882
+ .ButtonGroup-module__hop-ButtonGroup--center___cWrk2.ButtonGroup-module__hop-ButtonGroup--horizontal___gfk88 {
883
883
  justify-content: center;
884
884
  }
885
- .ButtonGroup-module__hop-ButtonGroup--end___Cah50.ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
885
+ .ButtonGroup-module__hop-ButtonGroup--end___h-8op.ButtonGroup-module__hop-ButtonGroup--horizontal___gfk88 {
886
886
  justify-content: flex-end;
887
887
  }
888
- .ButtonGroup-module__hop-ButtonGroup--wrap___l0jS3 {
888
+ .ButtonGroup-module__hop-ButtonGroup--wrap___-uxgb {
889
889
  flex-wrap: wrap;
890
890
  }
891
- .ButtonGroup-module__hop-ButtonGroup--fluid___8sZ-4 {
891
+ .ButtonGroup-module__hop-ButtonGroup--fluid___TAcci {
892
892
  inline-size: 100%;
893
893
  }
894
894
 
895
895
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
896
- .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ {
896
+ .EmbeddedButton-module__hop-EmbeddedButton___YX-wK {
897
897
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
898
898
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
899
899
  --hop-EmbeddedButton-color: var(--hop-neutral-icon-weak);
@@ -942,7 +942,7 @@
942
942
  outline: none;
943
943
  transition: color var(--transition);
944
944
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton___YX-wK::before {
946
946
  content: "";
947
947
  position: absolute;
948
948
  inset-block-start: 50%;
@@ -955,48 +955,48 @@
955
955
  border-radius: var(--effect-border-radius);
956
956
  transition: background-color var(--transition);
957
957
  }
958
- .EmbeddedButton-module__hop-EmbeddedButton--md___lozfI {
958
+ .EmbeddedButton-module__hop-EmbeddedButton--md___4MiXk {
959
959
  --inline-size: var(--hop-EmbeddedButton-md-width);
960
960
  --block-size: var(--hop-EmbeddedButton-md-height);
961
961
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
962
962
  }
963
- .EmbeddedButton-module__hop-EmbeddedButton--lg___cioiP {
963
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___xPKbb {
964
964
  --inline-size: var(--hop-EmbeddedButton-lg-width);
965
965
  --block-size: var(--hop-EmbeddedButton-lg-height);
966
966
  --focus-ring-offset: 0;
967
967
  }
968
- .EmbeddedButton-module__hop-EmbeddedButton--md___lozfI::before {
968
+ .EmbeddedButton-module__hop-EmbeddedButton--md___4MiXk::before {
969
969
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
970
970
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
971
971
  }
972
- .EmbeddedButton-module__hop-EmbeddedButton--lg___cioiP::before {
972
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___xPKbb::before {
973
973
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
974
974
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
975
975
  }
976
- .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-focus-visible] {
976
+ .EmbeddedButton-module__hop-EmbeddedButton___YX-wK[data-focus-visible] {
977
977
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
978
978
  outline-offset: var(--focus-ring-offset);
979
979
  }
980
- .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-disabled] {
980
+ .EmbeddedButton-module__hop-EmbeddedButton___YX-wK[data-disabled] {
981
981
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-disabled);
982
982
  --color: var(--hop-EmbeddedButton-color-disabled);
983
983
  cursor: not-allowed;
984
984
  }
985
- .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-hovered]:not([data-disabled], [data-pressed]),
986
- .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-focus-visible]:not([data-disabled], [data-pressed]) {
985
+ .EmbeddedButton-module__hop-EmbeddedButton___YX-wK[data-hovered]:not([data-disabled], [data-pressed]),
986
+ .EmbeddedButton-module__hop-EmbeddedButton___YX-wK[data-focus-visible]:not([data-disabled], [data-pressed]) {
987
987
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-hover);
988
988
  --color: var(--hop-EmbeddedButton-color-hover);
989
989
  }
990
- .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-pressed]:not([data-disabled]) {
990
+ .EmbeddedButton-module__hop-EmbeddedButton___YX-wK[data-pressed]:not([data-disabled]) {
991
991
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-pressed);
992
992
  --color: var(--hop-EmbeddedButton-color-pressed);
993
993
  }
994
- .EmbeddedButton-module__hop-EmbeddedButton__icon___-WCki {
994
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___wEbGV {
995
995
  position: relative;
996
996
  }
997
997
 
998
998
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
999
- .Checkbox-module__hop-Checkbox___2SBYs {
999
+ .Checkbox-module__hop-Checkbox___uSRQR {
1000
1000
  --hop-Checkbox-box-border-size: 0.0625rem;
1001
1001
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1002
1002
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1071,63 +1071,63 @@
1071
1071
  inline-size: max-content;
1072
1072
  max-inline-size: 100%;
1073
1073
  }
1074
- .Checkbox-module__hop-Checkbox___2SBYs[data-focus-visible],
1075
- .Checkbox-module__hop-Checkbox--focused___GUWfq {
1074
+ .Checkbox-module__hop-Checkbox___uSRQR[data-focus-visible],
1075
+ .Checkbox-module__hop-Checkbox--focused___l2Kcq {
1076
1076
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1077
1077
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1078
1078
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1079
1079
  --text-color: var(--hop-Checkbox-text-color-focused);
1080
1080
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1081
1081
  }
1082
- .Checkbox-module__hop-Checkbox___2SBYs[data-hovered],
1083
- .Checkbox-module__hop-Checkbox--hovered___-rDr8 {
1082
+ .Checkbox-module__hop-Checkbox___uSRQR[data-hovered],
1083
+ .Checkbox-module__hop-Checkbox--hovered___KKr7X {
1084
1084
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1085
1085
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1086
1086
  --text-color: var(--hop-Checkbox-text-color-hovered);
1087
1087
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1088
1088
  }
1089
- .Checkbox-module__hop-Checkbox___2SBYs[data-pressed],
1090
- .Checkbox-module__hop-Checkbox--pressed___kLFm- {
1089
+ .Checkbox-module__hop-Checkbox___uSRQR[data-pressed],
1090
+ .Checkbox-module__hop-Checkbox--pressed___vlnLv {
1091
1091
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1092
1092
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1093
1093
  --text-color: var(--hop-Checkbox-text-color-pressed);
1094
1094
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1095
1095
  }
1096
- .Checkbox-module__hop-Checkbox___2SBYs[data-selected] {
1096
+ .Checkbox-module__hop-Checkbox___uSRQR[data-selected] {
1097
1097
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1098
1098
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1099
1099
  --check-display: var(--hop-Checkbox-check-display-selected);
1100
1100
  --text-color: var(--hop-Checkbox-text-color-selected);
1101
1101
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1102
1102
  }
1103
- .Checkbox-module__hop-Checkbox___2SBYs[data-invalid] {
1103
+ .Checkbox-module__hop-Checkbox___uSRQR[data-invalid] {
1104
1104
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1105
1105
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1106
1106
  --check-color: var(--hop-Checkbox-check-color-invalid);
1107
1107
  --text-color: var(--hop-Checkbox-text-color-invalid);
1108
1108
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1109
1109
  }
1110
- .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___GUWfq) {
1110
+ .Checkbox-module__hop-Checkbox___uSRQR[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___l2Kcq) {
1111
1111
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1112
1112
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1113
1113
  }
1114
- .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___-rDr8) {
1114
+ .Checkbox-module__hop-Checkbox___uSRQR[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___KKr7X) {
1115
1115
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1116
1116
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1117
1117
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1118
1118
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1119
1119
  }
1120
- .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___kLFm-) {
1120
+ .Checkbox-module__hop-Checkbox___uSRQR[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___vlnLv) {
1121
1121
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1122
1122
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1123
1123
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1124
1124
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1125
1125
  }
1126
- .Checkbox-module__hop-Checkbox___2SBYs:where([data-invalid])[data-selected] {
1126
+ .Checkbox-module__hop-Checkbox___uSRQR:where([data-invalid])[data-selected] {
1127
1127
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1128
1128
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1129
1129
  }
1130
- .Checkbox-module__hop-Checkbox___2SBYs[data-disabled] {
1130
+ .Checkbox-module__hop-Checkbox___uSRQR[data-disabled] {
1131
1131
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1132
1132
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1133
1133
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1135,25 +1135,25 @@
1135
1135
  --text-color: var(--hop-Checkbox-text-color-disabled);
1136
1136
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1137
1137
  }
1138
- .Checkbox-module__hop-Checkbox--sm___ku6Fh {
1138
+ .Checkbox-module__hop-Checkbox--sm___FNsCG {
1139
1139
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1140
1140
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1141
1141
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1142
1142
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1143
1143
  }
1144
- .Checkbox-module__hop-Checkbox--md___m1kW9 {
1144
+ .Checkbox-module__hop-Checkbox--md___NSNfJ {
1145
1145
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1146
1146
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1147
1147
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1148
1148
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1149
1149
  }
1150
- .Checkbox-module__hop-Checkbox__icon___9T-B2,
1151
- .Checkbox-module__hop-Checkbox__icon-list___Xzo43 {
1150
+ .Checkbox-module__hop-Checkbox__icon___RWn1y,
1151
+ .Checkbox-module__hop-Checkbox__icon-list___FaUCo {
1152
1152
  flex: 0 0 auto;
1153
1153
  order: 3;
1154
1154
  color: var(--icon-color);
1155
1155
  }
1156
- .Checkbox-module__hop-Checkbox__box___tSdwv {
1156
+ .Checkbox-module__hop-Checkbox__box___zmD2H {
1157
1157
  display: flex;
1158
1158
  flex: 0 0 auto;
1159
1159
  align-items: center;
@@ -1169,11 +1169,11 @@
1169
1169
  outline-offset: 0.125rem;
1170
1170
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1171
1171
  }
1172
- .Checkbox-module__hop-Checkbox__check___nWURg {
1172
+ .Checkbox-module__hop-Checkbox__check___NpzB3 {
1173
1173
  display: var(--check-display);
1174
1174
  color: var(--check-color);
1175
1175
  }
1176
- .Checkbox-module__hop-Checkbox__text___G2FeR {
1176
+ .Checkbox-module__hop-Checkbox__text___mh-4B {
1177
1177
  flex: 0 1 auto;
1178
1178
  order: 2;
1179
1179
  min-inline-size: 0;
@@ -1183,7 +1183,7 @@
1183
1183
  }
1184
1184
 
1185
1185
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1186
- .CheckboxField-module__hop-CheckboxField___SpcCY {
1186
+ .CheckboxField-module__hop-CheckboxField___p-fIU {
1187
1187
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1188
1188
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1189
1189
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1202,28 +1202,28 @@
1202
1202
  inline-size: max-content;
1203
1203
  max-inline-size: 100%;
1204
1204
  }
1205
- .CheckboxField-module__hop-CheckboxField___SpcCY[data-disabled] {
1205
+ .CheckboxField-module__hop-CheckboxField___p-fIU[data-disabled] {
1206
1206
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1207
1207
  }
1208
- .CheckboxField-module__hop-CheckboxField--sm___Piu0y {
1208
+ .CheckboxField-module__hop-CheckboxField--sm___QAiMa {
1209
1209
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1210
1210
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1211
1211
  }
1212
- .CheckboxField-module__hop-CheckboxField--md___e69ih {
1212
+ .CheckboxField-module__hop-CheckboxField--md___4hscu {
1213
1213
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1214
1214
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1215
1215
  }
1216
- .CheckboxField-module__hop-CheckboxField__description___Yttc1 {
1216
+ .CheckboxField-module__hop-CheckboxField__description___IYs3I {
1217
1217
  order: 2;
1218
1218
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1219
1219
  color: var(--description-color);
1220
1220
  }
1221
- .CheckboxField-module__hop-CheckboxField__checkbox___5kWSy {
1221
+ .CheckboxField-module__hop-CheckboxField__checkbox___YXNop {
1222
1222
  order: 1;
1223
1223
  }
1224
1224
 
1225
1225
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1226
- .ErrorMessage-module__hop-ErrorMessage___hGjrh {
1226
+ .ErrorMessage-module__hop-ErrorMessage___dDEnR {
1227
1227
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1228
1228
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1229
1229
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1240,13 +1240,13 @@
1240
1240
  line-height: var(--hop-ErrorMessage-line-height);
1241
1241
  color: var(--hop-ErrorMessage-color);
1242
1242
  }
1243
- .ErrorMessage-module__hop-ErrorMessage__icon___wE1hg {
1243
+ .ErrorMessage-module__hop-ErrorMessage__icon___pGy0- {
1244
1244
  flex: 0 0 auto;
1245
1245
  align-self: flex-start;
1246
1246
  }
1247
1247
 
1248
1248
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1249
- .HelperMessage-module__hop-HelperMessage___0xUz2 {
1249
+ .HelperMessage-module__hop-HelperMessage___U0gBi {
1250
1250
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1251
1251
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1252
1252
  display: flex;
@@ -1255,20 +1255,20 @@
1255
1255
  box-sizing: border-box;
1256
1256
  color: var(--hop-HelperMessage-color);
1257
1257
  }
1258
- .HelperMessage-module__hop-HelperMessage__icon___N2F4v {
1258
+ .HelperMessage-module__hop-HelperMessage__icon___z35Yf {
1259
1259
  flex: 0 0 auto;
1260
1260
  align-self: flex-start;
1261
1261
  }
1262
1262
 
1263
1263
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
1264
- .Label-module__hop-Label___PodEd {
1264
+ .Label-module__hop-Label___5okv4 {
1265
1265
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
1266
1266
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
1267
1267
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
1268
1268
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
1269
1269
  --hop-Label-color: var(--hop-neutral-text-weak);
1270
1270
  }
1271
- :where(.Label-module__hop-Label___PodEd) {
1271
+ :where(.Label-module__hop-Label___5okv4) {
1272
1272
  font-family: var(--hop-Label-font-family);
1273
1273
  font-size: var(--hop-Label-font-size);
1274
1274
  font-weight: var(--hop-Label-font-weight);
@@ -1277,7 +1277,7 @@
1277
1277
  }
1278
1278
 
1279
1279
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1280
- .CheckboxGroup-module__hop-CheckboxGroup___FjF8x {
1280
+ .CheckboxGroup-module__hop-CheckboxGroup___-Gmwt {
1281
1281
  --hop-CheckboxGroup-align-items: flex-start;
1282
1282
  --hop-CheckboxGroup-justify-content: flex-start;
1283
1283
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1316,46 +1316,46 @@
1316
1316
  inline-size: max-content;
1317
1317
  max-inline-size: 100%;
1318
1318
  }
1319
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU {
1319
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA {
1320
1320
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1321
1321
  --list-border-radius: var(--hop-shape-rounded-md);
1322
1322
  }
1323
- .CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
1323
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___a-rGV {
1324
1324
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1325
1325
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1326
1326
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1327
1327
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1328
1328
  }
1329
- .CheckboxGroup-module__hop-CheckboxGroup--md___w1E3n {
1329
+ .CheckboxGroup-module__hop-CheckboxGroup--md___gesFW {
1330
1330
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1331
1331
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1332
1332
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1333
1333
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1334
1334
  }
1335
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
1335
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA.CheckboxGroup-module__hop-CheckboxGroup--sm___a-rGV {
1336
1336
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1337
1337
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1338
1338
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1339
1339
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1340
1340
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1341
1341
  }
1342
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--md___w1E3n {
1342
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA.CheckboxGroup-module__hop-CheckboxGroup--md___gesFW {
1343
1343
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1344
1344
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1345
1345
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1346
1346
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1347
1347
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1348
1348
  }
1349
- .CheckboxGroup-module__hop-CheckboxGroup___FjF8x[data-orientation=horizontal] {
1349
+ .CheckboxGroup-module__hop-CheckboxGroup___-Gmwt[data-orientation=horizontal] {
1350
1350
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1351
1351
  }
1352
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=horizontal] {
1352
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA[data-orientation=horizontal] {
1353
1353
  --flex-wrap: nowrap;
1354
1354
  }
1355
- .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__label___J4Zt0 {
1355
+ .CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__label___CekdI {
1356
1356
  order: 1;
1357
1357
  }
1358
- .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk {
1358
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m {
1359
1359
  display: flex;
1360
1360
  flex-flow: var(--flex-direction) var(--flex-wrap);
1361
1361
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1366,7 +1366,7 @@
1366
1366
  border: var(--list-border, none);
1367
1367
  border-radius: var(--list-border-radius, 0);
1368
1368
  }
1369
- .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo {
1369
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF {
1370
1370
  position: relative;
1371
1371
  flex: 0 1 auto;
1372
1372
  align-content: start;
@@ -1374,28 +1374,28 @@
1374
1374
  min-inline-size: 0;
1375
1375
  padding: var(--checkbox-padding, 0);
1376
1376
  }
1377
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
1377
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF::before {
1378
1378
  content: "";
1379
1379
  position: absolute;
1380
1380
  display: block;
1381
1381
  }
1382
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
1382
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF::before {
1383
1383
  inset-block-start: 0;
1384
1384
  inset-inline: 0;
1385
1385
  border-block-start: var(--list-border, none);
1386
1386
  }
1387
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
1387
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Av4tA[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Zjl4m > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___7GpOF::before {
1388
1388
  inset-block: 0;
1389
1389
  inset-inline-start: 0;
1390
1390
  border-inline-start: var(--list-border, none);
1391
1391
  }
1392
- .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__error-message___sdk-v,
1393
- .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___t8MLr {
1392
+ .CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__error-message___NU59S,
1393
+ .CheckboxGroup-module__hop-CheckboxGroup___-Gmwt > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___FNKdd {
1394
1394
  order: 3;
1395
1395
  }
1396
1396
 
1397
1397
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Chip/src/Chip.module.css/#css-module-data */
1398
- .Chip-module__hop-Chip___Sfput {
1398
+ .Chip-module__hop-Chip___HJaWb {
1399
1399
  --hop-Chip-border-size: 0.0625rem;
1400
1400
  --hop-Chip-border-radius: var(--hop-shape-pill);
1401
1401
  --hop-Chip-column-gap: var(--hop-space-inline-xs);
@@ -1465,94 +1465,94 @@
1465
1465
  border: var(--border-size) solid var(--border-color);
1466
1466
  border-radius: var(--border-radius);
1467
1467
  }
1468
- .Chip-module__hop-Chip--xs___1FBWu {
1468
+ .Chip-module__hop-Chip--xs___vDJkg {
1469
1469
  --block-size: var(--hop-Chip-xs-block-size);
1470
1470
  --padding-inline: var(--hop-Chip-xs-padding-inline);
1471
1471
  }
1472
- .Chip-module__hop-Chip--sm___GsR-j {
1472
+ .Chip-module__hop-Chip--sm___Y0X6y {
1473
1473
  --block-size: var(--hop-Chip-sm-block-size);
1474
1474
  --padding-inline: var(--hop-Chip-sm-padding-inline);
1475
1475
  }
1476
- .Chip-module__hop-Chip--md___p7p8Z {
1476
+ .Chip-module__hop-Chip--md___9c4ot {
1477
1477
  --block-size: var(--hop-Chip-md-block-size);
1478
1478
  --padding-inline: var(--hop-Chip-md-padding-inline);
1479
1479
  }
1480
- .Chip-module__hop-Chip--lg___LwB3r {
1480
+ .Chip-module__hop-Chip--lg___jcVXN {
1481
1481
  --block-size: var(--hop-Chip-lg-block-size);
1482
1482
  --padding-inline: var(--hop-Chip-lg-padding-inline);
1483
1483
  }
1484
- .Chip-module__hop-Chip--neutral___zDurk {
1484
+ .Chip-module__hop-Chip--neutral___lts0u {
1485
1485
  --border-color: var(--hop-Chip-neutral-border-color);
1486
1486
  --background-color: var(--hop-Chip-neutral-background-color);
1487
1487
  --text-color: var(--hop-Chip-neutral-text-color);
1488
1488
  }
1489
- .Chip-module__hop-Chip--progress___60Zzw {
1489
+ .Chip-module__hop-Chip--progress___yTDza {
1490
1490
  --border-color: var(--hop-Chip-progress-border-color);
1491
1491
  --background-color: var(--hop-Chip-progress-background-color);
1492
1492
  --text-color: var(--hop-Chip-progress-text-color);
1493
1493
  }
1494
- .Chip-module__hop-Chip--positive___VYm5D {
1494
+ .Chip-module__hop-Chip--positive___djDT1 {
1495
1495
  --border-color: var(--hop-Chip-positive-border-color);
1496
1496
  --background-color: var(--hop-Chip-positive-background-color);
1497
1497
  --text-color: var(--hop-Chip-positive-text-color);
1498
1498
  }
1499
- .Chip-module__hop-Chip--caution___DOCwd {
1499
+ .Chip-module__hop-Chip--caution___eDhbs {
1500
1500
  --border-color: var(--hop-Chip-caution-border-color);
1501
1501
  --background-color: var(--hop-Chip-caution-background-color);
1502
1502
  --text-color: var(--hop-Chip-caution-text-color);
1503
1503
  }
1504
- .Chip-module__hop-Chip--negative___gE3rS {
1504
+ .Chip-module__hop-Chip--negative___HIDOw {
1505
1505
  --border-color: var(--hop-Chip-negative-border-color);
1506
1506
  --background-color: var(--hop-Chip-negative-background-color);
1507
1507
  --text-color: var(--hop-Chip-negative-text-color);
1508
1508
  }
1509
- .Chip-module__hop-Chip--option1___lfsAR {
1509
+ .Chip-module__hop-Chip--option1___Ma4Tf {
1510
1510
  --border-color: var(--hop-Chip-option1-border-color);
1511
1511
  --background-color: var(--hop-Chip-option1-background-color);
1512
1512
  --text-color: var(--hop-Chip-option1-text-color);
1513
1513
  }
1514
- .Chip-module__hop-Chip--option2___5XFUk {
1514
+ .Chip-module__hop-Chip--option2___Fo9R4 {
1515
1515
  --border-color: var(--hop-Chip-option2-border-color);
1516
1516
  --background-color: var(--hop-Chip-option2-background-color);
1517
1517
  --text-color: var(--hop-Chip-option2-text-color);
1518
1518
  }
1519
- .Chip-module__hop-Chip--option3___M686T {
1519
+ .Chip-module__hop-Chip--option3___-c7Pd {
1520
1520
  --border-color: var(--hop-Chip-option3-border-color);
1521
1521
  --background-color: var(--hop-Chip-option3-background-color);
1522
1522
  --text-color: var(--hop-Chip-option3-text-color);
1523
1523
  }
1524
- .Chip-module__hop-Chip--option4___cQSS7 {
1524
+ .Chip-module__hop-Chip--option4___oIso5 {
1525
1525
  --border-color: var(--hop-Chip-option4-border-color);
1526
1526
  --background-color: var(--hop-Chip-option4-background-color);
1527
1527
  --text-color: var(--hop-Chip-option4-text-color);
1528
1528
  }
1529
- .Chip-module__hop-Chip--option5___Ge8nG {
1529
+ .Chip-module__hop-Chip--option5___hnJ7c {
1530
1530
  --border-color: var(--hop-Chip-option5-border-color);
1531
1531
  --background-color: var(--hop-Chip-option5-background-color);
1532
1532
  --text-color: var(--hop-Chip-option5-text-color);
1533
1533
  }
1534
- .Chip-module__hop-Chip--option6___mtUEM {
1534
+ .Chip-module__hop-Chip--option6___6CcZr {
1535
1535
  --border-color: var(--hop-Chip-option6-border-color);
1536
1536
  --background-color: var(--hop-Chip-option6-background-color);
1537
1537
  --text-color: var(--hop-Chip-option6-text-color);
1538
1538
  }
1539
- .Chip-module__hop-Chip--inactive___XPGCu {
1539
+ .Chip-module__hop-Chip--inactive___Rt57r {
1540
1540
  --border-color: var(--hop-Chip-inactive-border-color);
1541
1541
  --background-color: var(--hop-Chip-inactive-background-color);
1542
1542
  --text-color: var(--hop-Chip-inactive-text-color);
1543
1543
  }
1544
- .Chip-module__hop-Chip--disabled___acT3L {
1544
+ .Chip-module__hop-Chip--disabled___T2I5e {
1545
1545
  --border-color: var(--hop-Chip-disabled-border-color);
1546
1546
  --background-color: var(--hop-Chip-disabled-background-color);
1547
1547
  --text-color: var(--hop-Chip-disabled-text-color);
1548
1548
  }
1549
- .Chip-module__hop-Chip__icon___SGwtj,
1550
- .Chip-module__hop-Chip__icon-list___3-ZPq {
1549
+ .Chip-module__hop-Chip__icon___qZOEC,
1550
+ .Chip-module__hop-Chip__icon-list___L2RkJ {
1551
1551
  flex: 0 0 auto;
1552
1552
  flex-wrap: nowrap;
1553
1553
  order: 1;
1554
1554
  }
1555
- .Chip-module__hop-Chip__text___YOY-X {
1555
+ .Chip-module__hop-Chip__text___vvk79 {
1556
1556
  overflow: hidden;
1557
1557
  flex: 1 1 auto;
1558
1558
  order: 2;
@@ -1560,15 +1560,15 @@
1560
1560
  text-align: center;
1561
1561
  text-overflow: ellipsis;
1562
1562
  }
1563
- .Chip-module__hop-Chip__end-icon___Y--iM,
1564
- .Chip-module__hop-Chip__end-icon-list___Xo8tF {
1563
+ .Chip-module__hop-Chip__end-icon___LObTV,
1564
+ .Chip-module__hop-Chip__end-icon-list___52z52 {
1565
1565
  flex: 0 0 auto;
1566
1566
  flex-wrap: nowrap;
1567
1567
  order: 3;
1568
1568
  }
1569
1569
 
1570
1570
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
1571
- :where(.Divider-module__hop-Divider___NNdxY) {
1571
+ :where(.Divider-module__hop-Divider___Sa2-p) {
1572
1572
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
1573
1573
  --hop-Divider-border-size: 0.0625rem;
1574
1574
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -1593,7 +1593,7 @@
1593
1593
  border-block-end: var(--border-block-end);
1594
1594
  border-inline-start: var(--border-inline-start);
1595
1595
  }
1596
- .Divider-module__hop-Divider--vertical___RKxFo {
1596
+ .Divider-module__hop-Divider--vertical___xNCN7 {
1597
1597
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
1598
1598
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
1599
1599
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -1601,20 +1601,35 @@
1601
1601
  }
1602
1602
 
1603
1603
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
1604
- .InputGroup-module__hop-InputGroup___yPMIO {
1604
+ .InputGroup-module__hop-InputGroup___MpyEZ {
1605
1605
  --hop-InputGroup-background: var(--hop-neutral-surface);
1606
1606
  --hop-InputGroup-border-color: var(--hop-neutral-border);
1607
1607
  --hop-InputGroup-border-width: 0.0625rem;
1608
+ --hop-InputGroup-display: inline-flex;
1609
+ --hop-InputGroup-display-number: grid;
1608
1610
  --hop-InputGroup-gap: var(--hop-space-inline-sm);
1611
+ --hop-InputGroup-gap-textarea: 0;
1612
+ --hop-InputGroup-gap-number: 0;
1613
+ --hop-InputGroup-flex-direction: row;
1614
+ --hop-InputGroup-flex-direction-textarea: column;
1615
+ --hop-InputGroup-align-items: center;
1616
+ --hop-InputGroup-align-items-textarea: flex-end;
1617
+ --hop-InputGroup-inline-size: fit-content;
1618
+ --hop-InputGroup-inline-size-number: 100%;
1609
1619
  --hop-InputGroup-sm-block-size: 2rem;
1610
1620
  --hop-InputGroup-md-block-size: 2.5rem;
1621
+ --hop-InputGroup-block-size-textarea: auto;
1611
1622
  --hop-InputGroup-border-radius: var(--hop-shape-rounded-md);
1612
1623
  --hop-InputGroup-padding-inline: var(--hop-space-inset-md);
1624
+ --hop-InputGroup-padding-block: 0;
1625
+ --hop-InputGroup-padding-inline-textarea: var(--hop-space-inset-xs);
1626
+ --hop-InputGroup-padding-block-textarea: var(--hop-space-inset-xs);
1613
1627
  --hop-InputGroup-border-color-hover: var(--hop-neutral-border-hover);
1614
1628
  --hop-InputGroup-border-color-focus: var(--hop-primary-border-focus);
1615
1629
  --hop-InputGroup-background-hover: var(--hop-neutral-surface-hover);
1616
1630
  --hop-InputGroup-border-color-invalid: var(--hop-danger-border-strong);
1617
1631
  --hop-InputGroup-input-color: var(--hop-neutral-text);
1632
+ --hop-InputGroup-input-color-disabled: var(--hop-neutral-text-disabled);
1618
1633
  --hop-InputGroup-input-sm-font-family: var(--hop-body-sm-font-family);
1619
1634
  --hop-InputGroup-input-sm-font-size: var(--hop-body-sm-font-size);
1620
1635
  --hop-InputGroup-input-sm-font-weight: var(--hop-body-sm-font-weight);
@@ -1625,6 +1640,8 @@
1625
1640
  --hop-InputGroup-input-md-font-weight: var(--hop-body-md-font-weight);
1626
1641
  --hop-InputGroup-input-md-line-height: var(--hop-body-md-line-height);
1627
1642
  --hop-InputGroup-input-md-block-size: 2rem;
1643
+ --hop-InputGroup-input-padding: 0;
1644
+ --hop-InputGroup-textarea-padding: var(--hop-space-inset-xs) calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs));
1628
1645
  --hop-InputGroup-background-disabled: var(--hop-neutral-surface-disabled);
1629
1646
  --hop-InputGroup-border-color-disabled: var(--hop-neutral-border-disabled);
1630
1647
  --hop-InputGroup-placeholder-font-family: inherit;
@@ -1633,89 +1650,111 @@
1633
1650
  --hop-InputGroup-placeholder-line-height: inherit;
1634
1651
  --hop-InputGroup-placeholder-color: var(--hop-neutral-text-weakest);
1635
1652
  --hop-InputGroup-placeholder-color-disabled: var(--hop-neutral-text-disabled);
1636
- --inline-size: fit-content;
1653
+ --inline-size: var(--hop-InputGroup-inline-size);
1637
1654
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
1638
1655
  --background: var(--hop-InputGroup-background);
1639
1656
  --block-size: var(--hop-InputGroup-md-block-size);
1640
- }
1641
- :where(.InputGroup-module__hop-InputGroup___yPMIO) {
1657
+ --display: var(--hop-InputGroup-display);
1658
+ --gap: var(--hop-InputGroup-gap);
1659
+ --flex-direction: var(--hop-InputGroup-flex-direction);
1660
+ --align-items: var(--hop-InputGroup-align-items);
1661
+ --padding-inline: var(--hop-InputGroup-padding-inline);
1662
+ --padding-block: var(--hop-InputGroup-padding-block);
1663
+ --input-font-family: var(--hop-InputGroup-input-md-font-family);
1664
+ --input-font-size: var(--hop-InputGroup-input-md-font-size);
1665
+ --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
1666
+ --input-line-height: var(--hop-InputGroup-input-md-line-height);
1667
+ --input-block-size: var(--hop-InputGroup-input-md-block-size);
1668
+ --input-inline-size: initial;
1669
+ --input-color: var(--hop-InputGroup-input-color);
1670
+ --input-placeholder-color: var(--hop-InputGroup-placeholder-color);
1642
1671
  position: relative;
1643
- display: inline-flex;
1644
- gap: var(--hop-InputGroup-gap);
1645
- align-items: center;
1672
+ display: var(--display);
1673
+ flex-direction: var(--flex-direction);
1674
+ gap: var(--gap);
1675
+ align-items: var(--align-items);
1646
1676
  box-sizing: border-box;
1647
1677
  inline-size: var(--inline-size);
1648
1678
  block-size: var(--block-size);
1649
- padding-inline: var(--hop-InputGroup-padding-inline);
1679
+ padding-block: var(--padding-block);
1680
+ padding-inline: var(--padding-inline);
1650
1681
  background: var(--background);
1651
1682
  border: var(--border);
1652
1683
  border-radius: var(--hop-InputGroup-border-radius);
1653
1684
  }
1654
- .InputGroup-module__hop-InputGroup--fluid___SDrjN {
1655
- --inline-size: 100% ;
1685
+ .InputGroup-module__hop-InputGroup--fluid___nXqi6 {
1686
+ --inline-size: 100%;
1687
+ --input-inline-size: 100%;
1656
1688
  }
1657
- .InputGroup-module__hop-InputGroup--sm___uk-A0 {
1689
+ .InputGroup-module__hop-InputGroup--sm___tvLAO {
1658
1690
  --block-size: var(--hop-InputGroup-sm-block-size);
1691
+ --input-font-family: var(--hop-InputGroup-input-sm-font-family);
1692
+ --input-font-size: var(--hop-InputGroup-input-sm-font-size);
1693
+ --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
1694
+ --input-line-height: var(--hop-InputGroup-input-sm-line-height);
1695
+ --input-block-size: var(--hop-InputGroup-input-sm-block-size);
1659
1696
  }
1660
- .InputGroup-module__hop-InputGroup___yPMIO[data-hovered] {
1697
+ .InputGroup-module__hop-InputGroup___MpyEZ[data-input-type=textarea] {
1698
+ --gap: var(--hop-InputGroup-gap-textarea);
1699
+ --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
1700
+ --align-items: var(--hop-InputGroup-align-items-textarea);
1701
+ --block-size: var(--hop-InputGroup-block-size-textarea);
1702
+ --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
1703
+ --padding-block: var(--hop-InputGroup-padding-block-textarea);
1704
+ }
1705
+ .InputGroup-module__hop-InputGroup___MpyEZ[data-input-type=number] {
1706
+ --display: var(--hop-InputGroup-display-number);
1707
+ --gap: var(--hop-InputGroup-gap-number);
1708
+ --inline-size: var(--hop-InputGroup-inline-size-number);
1709
+ }
1710
+ .InputGroup-module__hop-InputGroup___MpyEZ[data-hovered] {
1661
1711
  --background: var(--hop-InputGroup-background-hover);
1662
1712
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
1663
1713
  }
1664
- .InputGroup-module__hop-InputGroup___yPMIO[data-focus-within] {
1714
+ .InputGroup-module__hop-InputGroup___MpyEZ[data-focus-within] {
1665
1715
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
1666
1716
  }
1667
- .InputGroup-module__hop-InputGroup___yPMIO[data-invalid] {
1717
+ .InputGroup-module__hop-InputGroup___MpyEZ[data-invalid] {
1668
1718
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
1669
1719
  }
1670
- .InputGroup-module__hop-InputGroup___yPMIO[data-disabled] {
1720
+ .InputGroup-module__hop-InputGroup___MpyEZ[data-disabled] {
1671
1721
  --background: var(--hop-InputGroup-background-disabled);
1672
- --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled) ;
1722
+ --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
1723
+ --input-color: var(--hop-InputGroup-input-color-disabled);
1724
+ --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
1673
1725
  }
1674
- .InputGroup-module__hop-InputGroup__input___aerYh {
1675
- --input-font-family: var(--hop-InputGroup-input-md-font-family);
1676
- --input-font-size: var(--hop-InputGroup-input-md-font-size);
1677
- --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
1678
- --input-line-height: var(--hop-InputGroup-input-md-line-height);
1679
- --input-block-size: var(--hop-InputGroup-input-md-block-size);
1680
- --input-inline-size: initial;
1681
- --input-placeholder-color: var(--hop-InputGroup-placeholder-color);
1726
+ .InputGroup-module__hop-InputGroup__input___lecEl,
1727
+ .InputGroup-module__hop-InputGroup__textarea___e89Dj {
1682
1728
  flex: 1 1 auto;
1729
+ box-sizing: border-box;
1683
1730
  inline-size: var(--input-inline-size);
1684
1731
  min-inline-size: 0;
1685
- block-size: var(--input-block-size);
1686
- padding: 0;
1687
1732
  font-family: var(--input-font-family);
1688
1733
  font-size: var(--input-font-size);
1689
1734
  font-weight: var(--input-font-weight);
1690
1735
  line-height: var(--input-line-height);
1691
- color: var(--hop-InputGroup-input-color);
1736
+ color: var(--input-color);
1692
1737
  background: transparent;
1693
1738
  border: none;
1694
1739
  outline: none;
1695
1740
  }
1696
- .InputGroup-module__hop-InputGroup--fluid___SDrjN .InputGroup-module__hop-InputGroup__input___aerYh {
1697
- --input-inline-size: 100%;
1741
+ .InputGroup-module__hop-InputGroup__input___lecEl {
1742
+ block-size: var(--input-block-size);
1743
+ padding: var(--hop-InputGroup-input-padding);
1698
1744
  }
1699
- .InputGroup-module__hop-InputGroup--sm___uk-A0 .InputGroup-module__hop-InputGroup__input___aerYh {
1700
- --input-font-family: var(--hop-InputGroup-input-sm-font-family);
1701
- --input-font-size: var(--hop-InputGroup-input-sm-font-size);
1702
- --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
1703
- --input-line-height: var(--hop-InputGroup-input-sm-line-height);
1704
- --input-block-size: var(--hop-InputGroup-input-sm-block-size);
1745
+ .InputGroup-module__hop-InputGroup__textarea___e89Dj {
1746
+ padding: var(--hop-InputGroup-textarea-padding);
1705
1747
  }
1706
- .InputGroup-module__hop-InputGroup__input___aerYh::placeholder {
1748
+ .InputGroup-module__hop-InputGroup__input___lecEl::placeholder {
1707
1749
  font-family: var(--hop-InputGroup-placeholder-font-family);
1708
1750
  font-size: var(--hop-InputGroup-placeholder-font-size);
1709
1751
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
1710
1752
  line-height: var(--hop-InputGroup-placeholder-line-height);
1711
1753
  color: var(--input-placeholder-color);
1712
1754
  }
1713
- .InputGroup-module__hop-InputGroup__input___aerYh[data-disabled]::placeholder {
1714
- --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
1715
- }
1716
1755
 
1717
1756
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
1718
- .Heading-module__hop-Heading___FB1PP {
1757
+ .Heading-module__hop-Heading___hJVqv {
1719
1758
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
1720
1759
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
1721
1760
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -1749,58 +1788,110 @@
1749
1788
  --hop-Heading-inherit-size-font-weight: inherit;
1750
1789
  --hop-Heading-inherit-size-line-height: inherit;
1751
1790
  }
1752
- :where(.Heading-module__hop-Heading___FB1PP) {
1791
+ :where(.Heading-module__hop-Heading___hJVqv) {
1753
1792
  margin: 0;
1754
1793
  font-family: var(--font-family);
1755
1794
  font-size: var(--font-size);
1756
1795
  font-weight: var(--font-weight);
1757
1796
  line-height: var(--line-height);
1758
1797
  }
1759
- :where(.Heading-module__hop-Heading--xs___ZJL3P) {
1798
+ :where(.Heading-module__hop-Heading--xs___Gkvx5) {
1760
1799
  --font-size: var(--hop-Heading-xs-font-size);
1761
1800
  --font-family: var(--hop-Heading-xs-font-family);
1762
1801
  --font-weight: var(--hop-Heading-xs-font-weight);
1763
1802
  --line-height: var(--hop-Heading-xs-line-height);
1764
1803
  }
1765
- :where(.Heading-module__hop-Heading--sm___fp3A6) {
1804
+ :where(.Heading-module__hop-Heading--sm___GUTqC) {
1766
1805
  --font-size: var(--hop-Heading-sm-font-size);
1767
1806
  --font-family: var(--hop-Heading-sm-font-family);
1768
1807
  --font-weight: var(--hop-Heading-sm-font-weight);
1769
1808
  --line-height: var(--hop-Heading-sm-line-height);
1770
1809
  }
1771
- :where(.Heading-module__hop-Heading--md___rEF7K) {
1810
+ :where(.Heading-module__hop-Heading--md___AqJfy) {
1772
1811
  --font-size: var(--hop-Heading-md-font-size);
1773
1812
  --font-family: var(--hop-Heading-md-font-family);
1774
1813
  --font-weight: var(--hop-Heading-md-font-weight);
1775
1814
  --line-height: var(--hop-Heading-md-line-height);
1776
1815
  }
1777
- :where(.Heading-module__hop-Heading--lg___kCSub) {
1816
+ :where(.Heading-module__hop-Heading--lg___pDVN1) {
1778
1817
  --font-size: var(--hop-Heading-lg-font-size);
1779
1818
  --font-family: var(--hop-Heading-lg-font-family);
1780
1819
  --font-weight: var(--hop-Heading-lg-font-weight);
1781
1820
  --line-height: var(--hop-Heading-lg-line-height);
1782
1821
  }
1783
- :where(.Heading-module__hop-Heading--xl___5VyFh) {
1822
+ :where(.Heading-module__hop-Heading--xl___T0hGA) {
1784
1823
  --font-size: var(--hop-Heading-xl-font-size);
1785
1824
  --font-family: var(--hop-Heading-xl-font-family);
1786
1825
  --font-weight: var(--hop-Heading-xl-font-weight);
1787
1826
  --line-height: var(--hop-Heading-xl-line-height);
1788
1827
  }
1789
- :where(.Heading-module__hop-Heading--2xl___-qmiM) {
1828
+ :where(.Heading-module__hop-Heading--2xl___qJRjZ) {
1790
1829
  --font-size: var(--hop-Heading-2xl-font-size);
1791
1830
  --font-family: var(--hop-Heading-2xl-font-family);
1792
1831
  --font-weight: var(--hop-Heading-2xl-font-weight);
1793
1832
  --line-height: var(--hop-Heading-2xl-line-height);
1794
1833
  }
1795
- :where(.Heading-module__hop-Heading--3xl___xDM3d) {
1834
+ :where(.Heading-module__hop-Heading--3xl___uQNVA) {
1796
1835
  --font-size: var(--hop-Heading-3xl-font-size);
1797
1836
  --font-family: var(--hop-Heading-3xl-font-family);
1798
1837
  --font-weight: var(--hop-Heading-3xl-font-weight);
1799
1838
  --line-height: var(--hop-Heading-3xl-line-height);
1800
1839
  }
1801
1840
 
1841
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
1842
+ .TextArea-module__hop-TextArea___uQGKH {
1843
+ --hop-TextArea-gap: var(--hop-space-stack-xs);
1844
+ --hop-TextArea-inline-size: 20rem;
1845
+ --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
1846
+ --hop-TextArea-char-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
1847
+ --hop-TextArea-char-count-color: var(--hop-neutral-text-weakest);
1848
+ --hop-TextArea-char-count-color-disabled: var(--hop-neutral-text-disabled);
1849
+ --hop-TextArea-char-count-color-invalid: var(--hop-danger-text-weak);
1850
+ --hop-TextArea-input-min-height: 2rem;
1851
+ --inline-size: var(--hop-TextArea-inline-size);
1852
+ --resize: none;
1853
+ --char-count-color: var(--hop-TextArea-char-count-color);
1854
+ display: flex;
1855
+ flex-direction: column;
1856
+ gap: var(--hop-TextArea-gap);
1857
+ inline-size: var(--inline-size);
1858
+ }
1859
+ .TextArea-module__hop-TextArea--fluid___sNZwX {
1860
+ --inline-size: 100%;
1861
+ }
1862
+ .TextArea-module__hop-TextArea___uQGKH[data-resize-mode=vertical] {
1863
+ --resize: vertical;
1864
+ }
1865
+ .TextArea-module__hop-TextArea___uQGKH[data-over-max-length] {
1866
+ --char-count-color: var(--hop-TextArea-char-count-color-invalid);
1867
+ }
1868
+ .TextArea-module__hop-TextArea___uQGKH[data-disabled] {
1869
+ --char-count-color: var(--hop-TextArea-char-count-color-disabled);
1870
+ }
1871
+ .TextArea-module__hop-TextArea__Label___x0-91 {
1872
+ order: 0;
1873
+ }
1874
+ .TextArea-module__hop-TextArea__prefix___ozMT- {
1875
+ color: var(--hop-TextArea-prefix-color);
1876
+ }
1877
+ .TextArea-module__hop-TextArea__InputGroup___1hWlx {
1878
+ order: 1;
1879
+ }
1880
+ .TextArea-module__hop-TextArea__textarea___r0SC4 {
1881
+ resize: var(--resize);
1882
+ min-block-size: var(--hop-TextArea-input-min-height);
1883
+ }
1884
+ .TextArea-module__hop-TextArea__char-count___TBxZb {
1885
+ padding: var(--hop-TextArea-char-count-padding);
1886
+ color: var(--char-count-color);
1887
+ }
1888
+ .TextArea-module__hop-TextArea__ErrorMessage___F5Ho0,
1889
+ .TextArea-module__hop-TextArea__HelperMessage___EXkDT {
1890
+ order: 3;
1891
+ }
1892
+
1802
1893
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
1803
- .TextField-module__hop-TextField___MhexN {
1894
+ .TextField-module__hop-TextField___Pmegw {
1804
1895
  --hop-TextField-gap: var(--hop-space-stack-xs);
1805
1896
  --hop-TextField-inline-size: 20rem;
1806
1897
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -1810,25 +1901,25 @@
1810
1901
  gap: var(--hop-TextField-gap);
1811
1902
  inline-size: var(--inline-size);
1812
1903
  }
1813
- .TextField-module__hop-TextField--fluid___L7sJC {
1904
+ .TextField-module__hop-TextField--fluid___gB9AM {
1814
1905
  --inline-size: 100%;
1815
1906
  }
1816
- .TextField-module__hop-TextField__Label___Dhi3n {
1907
+ .TextField-module__hop-TextField__Label___5O2K- {
1817
1908
  order: 0;
1818
1909
  }
1819
- .TextField-module__hop-TextField__prefix___SmAfg {
1910
+ .TextField-module__hop-TextField__prefix___YFY4G {
1820
1911
  color: var(--hop-TextField-prefix-color);
1821
1912
  }
1822
- .TextField-module__hop-TextField__InputGroup___3UroJ {
1913
+ .TextField-module__hop-TextField__InputGroup___qnReJ {
1823
1914
  order: 1;
1824
1915
  }
1825
- .TextField-module__hop-TextField__ErrorMessage___xXkxs,
1826
- .TextField-module__hop-TextField__HelperMessage___JAlbC {
1916
+ .TextField-module__hop-TextField__ErrorMessage___IU7x-,
1917
+ .TextField-module__hop-TextField__HelperMessage___QChBo {
1827
1918
  order: 3;
1828
1919
  }
1829
1920
 
1830
1921
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
1831
- .PasswordField-module__hop-PasswordField___ban52 {
1922
+ .PasswordField-module__hop-PasswordField___K1Viz {
1832
1923
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
1833
1924
  --hop-PasswordField-inline-size: 20rem;
1834
1925
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -1837,22 +1928,22 @@
1837
1928
  gap: var(--hop-PasswordField-gap);
1838
1929
  inline-size: var(--inline-size);
1839
1930
  }
1840
- .PasswordField-module__hop-PasswordField--fluid___nt8Nm {
1931
+ .PasswordField-module__hop-PasswordField--fluid___A9xrf {
1841
1932
  --inline-size: 100%;
1842
1933
  }
1843
- .PasswordField-module__hop-PasswordField__Label___lGjUQ {
1934
+ .PasswordField-module__hop-PasswordField__Label___PEh-V {
1844
1935
  order: 0;
1845
1936
  }
1846
- .PasswordField-module__hop-PasswordField__InputGroup___tZgCe {
1937
+ .PasswordField-module__hop-PasswordField__InputGroup___-KMzA {
1847
1938
  order: 1;
1848
1939
  }
1849
- .PasswordField-module__hop-PasswordField__ErrorMessage___f-Szj,
1850
- .PasswordField-module__hop-PasswordField__HelperMessage___RJzJX {
1940
+ .PasswordField-module__hop-PasswordField__ErrorMessage___hiN1T,
1941
+ .PasswordField-module__hop-PasswordField__HelperMessage___Dc3vM {
1851
1942
  order: 3;
1852
1943
  }
1853
1944
 
1854
1945
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
1855
- .SearchField-module__hop-SearchField___0Volv {
1946
+ .SearchField-module__hop-SearchField___Bzhek {
1856
1947
  --hop-SearchField-gap: var(--hop-space-stack-xs);
1857
1948
  --hop-SearchField-inline-size: 20rem;
1858
1949
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -1866,39 +1957,39 @@
1866
1957
  gap: var(--hop-SearchField-gap);
1867
1958
  inline-size: var(--inline-size);
1868
1959
  }
1869
- .SearchField-module__hop-SearchField--fluid___LVKwh {
1960
+ .SearchField-module__hop-SearchField--fluid___-XKVD {
1870
1961
  --inline-size: 100%;
1871
1962
  }
1872
- .SearchField-module__hop-SearchField__Label___mDMF5 {
1963
+ .SearchField-module__hop-SearchField__Label___laPoU {
1873
1964
  order: 0;
1874
1965
  }
1875
- .SearchField-module__hop-SearchField__prefix___Rw0TX {
1966
+ .SearchField-module__hop-SearchField__prefix___-OhTw {
1876
1967
  color: var(--hop-SearchField-color);
1877
1968
  }
1878
- .SearchField-module__hop-SearchField__InputGroup___L69-q {
1969
+ .SearchField-module__hop-SearchField__InputGroup___-gzSx {
1879
1970
  order: 1;
1880
1971
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
1881
1972
  }
1882
- .SearchField-module__hop-SearchField--clearable___22XQJ {
1973
+ .SearchField-module__hop-SearchField--clearable___1bAv6 {
1883
1974
  --input-group-padding-inline-end: 0;
1884
1975
  }
1885
- .SearchField-module__hop-SearchField__ErrorMessage___JMZPT,
1886
- .SearchField-module__hop-SearchField__HelperMessage___DoWSS {
1976
+ .SearchField-module__hop-SearchField__ErrorMessage___j3nmG,
1977
+ .SearchField-module__hop-SearchField__HelperMessage___WEhqH {
1887
1978
  order: 3;
1888
1979
  }
1889
- .SearchField-module__hop-SearchField___0Volv input::-webkit-search-cancel-button,
1890
- .SearchField-module__hop-SearchField___0Volv input::-webkit-search-decoration {
1980
+ .SearchField-module__hop-SearchField___Bzhek input::-webkit-search-cancel-button,
1981
+ .SearchField-module__hop-SearchField___Bzhek input::-webkit-search-decoration {
1891
1982
  appearance: none;
1892
1983
  }
1893
- .SearchField-module__hop-SearchField___0Volv[data-empty] {
1984
+ .SearchField-module__hop-SearchField___Bzhek[data-empty] {
1894
1985
  --clear-button-display: none;
1895
1986
  }
1896
- .SearchField-module__hop-SearchField__ClearButton___sXW23 {
1987
+ .SearchField-module__hop-SearchField__ClearButton___SN3ZA {
1897
1988
  display: var(--clear-button-display);
1898
1989
  }
1899
1990
 
1900
1991
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
1901
- .Link-module__hop-Link___Hq4l1 {
1992
+ .Link-module__hop-Link___aC99m {
1902
1993
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1903
1994
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1904
1995
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1923,59 +2014,59 @@
1923
2014
  outline: none;
1924
2015
  outline-offset: 0.125rem;
1925
2016
  }
1926
- .Link-module__hop-Link___Hq4l1[data-focus-visible] {
2017
+ .Link-module__hop-Link___aC99m[data-focus-visible] {
1927
2018
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1928
2019
  }
1929
- .Link-module__hop-Link___Hq4l1[data-disabled] {
2020
+ .Link-module__hop-Link___aC99m[data-disabled] {
1930
2021
  cursor: default;
1931
2022
  }
1932
- .Link-module__hop-Link--quiet___ozYD8[data-focus-visible],
1933
- .Link-module__hop-Link--quiet___ozYD8[data-hovered] {
2023
+ .Link-module__hop-Link--quiet___f5kFR[data-focus-visible],
2024
+ .Link-module__hop-Link--quiet___f5kFR[data-hovered] {
1934
2025
  text-decoration: underline;
1935
2026
  }
1936
- .Link-module__hop-Link___Hq4l1:not(.Link-module__hop-Link--quiet___ozYD8) {
2027
+ .Link-module__hop-Link___aC99m:not(.Link-module__hop-Link--quiet___f5kFR) {
1937
2028
  text-decoration: underline;
1938
2029
  }
1939
- .Link-module__hop-Link--primary___AKRce {
2030
+ .Link-module__hop-Link--primary___hGo6S {
1940
2031
  color: var(--hop-Link-primary-text-color);
1941
2032
  }
1942
- .Link-module__hop-Link--primary___AKRce[data-disabled] {
2033
+ .Link-module__hop-Link--primary___hGo6S[data-disabled] {
1943
2034
  color: var(--hop-Link-primary-text-disabled-color);
1944
2035
  }
1945
- .Link-module__hop-Link--primary___AKRce:not([data-disabled])[data-focus-visible],
1946
- .Link-module__hop-Link--primary___AKRce:not([data-disabled])[data-hovered] {
2036
+ .Link-module__hop-Link--primary___hGo6S:not([data-disabled])[data-focus-visible],
2037
+ .Link-module__hop-Link--primary___hGo6S:not([data-disabled])[data-hovered] {
1947
2038
  color: var(--hop-Link-primary-text-hover-color);
1948
2039
  }
1949
- .Link-module__hop-Link--primary___AKRce:not([data-disabled])[data-pressed] {
2040
+ .Link-module__hop-Link--primary___hGo6S:not([data-disabled])[data-pressed] {
1950
2041
  color: var(--hop-Link-primary-text-pressed-color);
1951
2042
  }
1952
- .Link-module__hop-Link--secondary___kYwz9 {
2043
+ .Link-module__hop-Link--secondary___PARtM {
1953
2044
  color: var(--hop-Link-neutral-text-color);
1954
2045
  }
1955
- .Link-module__hop-Link--secondary___kYwz9[data-disabled] {
2046
+ .Link-module__hop-Link--secondary___PARtM[data-disabled] {
1956
2047
  color: var(--hop-Link-neutral-text-disabled-color);
1957
2048
  }
1958
- .Link-module__hop-Link--secondary___kYwz9:not([data-disabled])[data-focus-visible],
1959
- .Link-module__hop-Link--secondary___kYwz9:not([data-disabled])[data-hovered] {
2049
+ .Link-module__hop-Link--secondary___PARtM:not([data-disabled])[data-focus-visible],
2050
+ .Link-module__hop-Link--secondary___PARtM:not([data-disabled])[data-hovered] {
1960
2051
  color: var(--hop-Link-neutral-text-hover-color);
1961
2052
  }
1962
- .Link-module__hop-Link--secondary___kYwz9:not([data-disabled])[data-pressed] {
2053
+ .Link-module__hop-Link--secondary___PARtM:not([data-disabled])[data-pressed] {
1963
2054
  color: var(--hop-Link-neutral-text-pressed-color);
1964
2055
  }
1965
- .Link-module__hop-Link__icon___mxuev,
1966
- .Link-module__hop-Link__icon-list___tQIDd {
2056
+ .Link-module__hop-Link__icon___s7bL3,
2057
+ .Link-module__hop-Link__icon-list___nHoUZ {
1967
2058
  order: 2;
1968
2059
  }
1969
- .Link-module__hop-Link__text___-UVs- {
2060
+ .Link-module__hop-Link__text___WH945 {
1970
2061
  order: 1;
1971
2062
  }
1972
- .Link-module__hop-Link__start-icon___OeHzX,
1973
- .Link-module__hop-Link__start-icon-list___zZt0A {
2063
+ .Link-module__hop-Link__start-icon___4Suu1,
2064
+ .Link-module__hop-Link__start-icon-list___fCZzm {
1974
2065
  order: 0;
1975
2066
  }
1976
2067
 
1977
2068
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1978
- .Radio-module__hop-Radio___uyamy {
2069
+ .Radio-module__hop-Radio___kje-D {
1979
2070
  --hop-Radio-box-border-size: 0.0625rem;
1980
2071
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1981
2072
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2049,63 +2140,63 @@
2049
2140
  inline-size: max-content;
2050
2141
  max-inline-size: 100%;
2051
2142
  }
2052
- .Radio-module__hop-Radio___uyamy[data-focus-visible],
2053
- .Radio-module__hop-Radio--focused___TGZbx {
2143
+ .Radio-module__hop-Radio___kje-D[data-focus-visible],
2144
+ .Radio-module__hop-Radio--focused___WiNxl {
2054
2145
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2055
2146
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2056
2147
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2057
2148
  --text-color: var(--hop-Radio-text-color-focused);
2058
2149
  --icon-color: var(--hop-Radio-icon-color-focused);
2059
2150
  }
2060
- .Radio-module__hop-Radio___uyamy[data-hovered],
2061
- .Radio-module__hop-Radio--hovered___YkYk3 {
2151
+ .Radio-module__hop-Radio___kje-D[data-hovered],
2152
+ .Radio-module__hop-Radio--hovered___JZ4wW {
2062
2153
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2063
2154
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2064
2155
  --text-color: var(--hop-Radio-text-color-hovered);
2065
2156
  --icon-color: var(--hop-Radio-icon-color-hovered);
2066
2157
  }
2067
- .Radio-module__hop-Radio___uyamy[data-pressed],
2068
- .Radio-module__hop-Radio--pressed___SYCe0 {
2158
+ .Radio-module__hop-Radio___kje-D[data-pressed],
2159
+ .Radio-module__hop-Radio--pressed___FbKXV {
2069
2160
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2070
2161
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2071
2162
  --text-color: var(--hop-Radio-text-color-pressed);
2072
2163
  --icon-color: var(--hop-Radio-icon-color-pressed);
2073
2164
  }
2074
- .Radio-module__hop-Radio___uyamy[data-selected] {
2165
+ .Radio-module__hop-Radio___kje-D[data-selected] {
2075
2166
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2076
2167
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2077
2168
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2078
2169
  --text-color: var(--hop-Radio-text-color-selected);
2079
2170
  --icon-color: var(--hop-Radio-icon-color-selected);
2080
2171
  }
2081
- .Radio-module__hop-Radio___uyamy[data-invalid] {
2172
+ .Radio-module__hop-Radio___kje-D[data-invalid] {
2082
2173
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2083
2174
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2084
2175
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2085
2176
  --text-color: var(--hop-Radio-text-color-invalid);
2086
2177
  --icon-color: var(--hop-Radio-icon-color-invalid);
2087
2178
  }
2088
- .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-focus-visible] {
2179
+ .Radio-module__hop-Radio___kje-D:where([data-invalid])[data-focus-visible] {
2089
2180
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2090
2181
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2091
2182
  }
2092
- .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-hovered] {
2183
+ .Radio-module__hop-Radio___kje-D:where([data-invalid])[data-hovered] {
2093
2184
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2094
2185
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2095
2186
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2096
2187
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2097
2188
  }
2098
- .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-pressed] {
2189
+ .Radio-module__hop-Radio___kje-D:where([data-invalid])[data-pressed] {
2099
2190
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2100
2191
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2101
2192
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2102
2193
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2103
2194
  }
2104
- .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-selected] {
2195
+ .Radio-module__hop-Radio___kje-D:where([data-invalid])[data-selected] {
2105
2196
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2106
2197
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2107
2198
  }
2108
- .Radio-module__hop-Radio___uyamy[data-disabled] {
2199
+ .Radio-module__hop-Radio___kje-D[data-disabled] {
2109
2200
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2110
2201
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2111
2202
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2113,25 +2204,25 @@
2113
2204
  --text-color: var(--hop-Radio-text-color-disabled);
2114
2205
  --icon-color: var(--hop-Radio-icon-color-disabled);
2115
2206
  }
2116
- .Radio-module__hop-Radio--sm___0rL4j {
2207
+ .Radio-module__hop-Radio--sm___2I3ad {
2117
2208
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2118
2209
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2119
2210
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2120
2211
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2121
2212
  }
2122
- .Radio-module__hop-Radio--md___2Sf0G {
2213
+ .Radio-module__hop-Radio--md___LkLVW {
2123
2214
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2124
2215
  --box-block-size: var(--hop-Radio-box-md-block-size);
2125
2216
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2126
2217
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2127
2218
  }
2128
- .Radio-module__hop-Radio__icon___xaWvn,
2129
- .Radio-module__hop-Radio__icon-list___ipHyc {
2219
+ .Radio-module__hop-Radio__icon___ZWDWh,
2220
+ .Radio-module__hop-Radio__icon-list___pNFMD {
2130
2221
  flex: 0 0 auto;
2131
2222
  order: 3;
2132
2223
  color: var(--icon-color);
2133
2224
  }
2134
- .Radio-module__hop-Radio__box___HK3bx {
2225
+ .Radio-module__hop-Radio__box___-Sj0e {
2135
2226
  display: flex;
2136
2227
  flex: 0 0 auto;
2137
2228
  align-items: center;
@@ -2147,11 +2238,11 @@
2147
2238
  outline-offset: 0.125rem;
2148
2239
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2149
2240
  }
2150
- .Radio-module__hop-Radio__bullet___9QxuR {
2241
+ .Radio-module__hop-Radio__bullet___-iiHZ {
2151
2242
  display: var(--bullet-display);
2152
2243
  color: var(--bullet-color);
2153
2244
  }
2154
- .Radio-module__hop-Radio__text___DVOte {
2245
+ .Radio-module__hop-Radio__text___LvdVH {
2155
2246
  flex: 0 1 auto;
2156
2247
  order: 2;
2157
2248
  min-inline-size: 0;
@@ -2161,7 +2252,7 @@
2161
2252
  }
2162
2253
 
2163
2254
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2164
- .RadioField-module__hop-RadioField___WTErz {
2255
+ .RadioField-module__hop-RadioField___Jgsbe {
2165
2256
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2166
2257
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2167
2258
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2180,28 +2271,28 @@
2180
2271
  inline-size: max-content;
2181
2272
  max-inline-size: 100%;
2182
2273
  }
2183
- .RadioField-module__hop-RadioField___WTErz[data-disabled] {
2274
+ .RadioField-module__hop-RadioField___Jgsbe[data-disabled] {
2184
2275
  --description-color: var(--hop-RadioField-description-color-disabled);
2185
2276
  }
2186
- .RadioField-module__hop-RadioField--sm___CHfcV {
2277
+ .RadioField-module__hop-RadioField--sm___OOojW {
2187
2278
  --row-gap: var(--hop-RadioField-sm-row-gap);
2188
2279
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2189
2280
  }
2190
- .RadioField-module__hop-RadioField--md___g1iHe {
2281
+ .RadioField-module__hop-RadioField--md___XP22b {
2191
2282
  --row-gap: var(--hop-RadioField-md-row-gap);
2192
2283
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2193
2284
  }
2194
- .RadioField-module__hop-RadioField__description___LgMd1 {
2285
+ .RadioField-module__hop-RadioField__description___01pmv {
2195
2286
  order: 2;
2196
2287
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2197
2288
  color: var(--description-color);
2198
2289
  }
2199
- .RadioField-module__hop-RadioField__radio___SByLu {
2290
+ .RadioField-module__hop-RadioField__radio___68qIi {
2200
2291
  order: 1;
2201
2292
  }
2202
2293
 
2203
2294
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2204
- .RadioGroup-module__hop-RadioGroup___GTWVm {
2295
+ .RadioGroup-module__hop-RadioGroup___PfE2S {
2205
2296
  --hop-RadioGroup-align-items: flex-start;
2206
2297
  --hop-RadioGroup-justify-content: flex-start;
2207
2298
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2241,46 +2332,46 @@
2241
2332
  inline-size: var(--inline-size);
2242
2333
  max-inline-size: 100%;
2243
2334
  }
2244
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A {
2335
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq {
2245
2336
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
2246
2337
  --list-border-radius: var(--hop-shape-rounded-md);
2247
2338
  }
2248
- .RadioGroup-module__hop-RadioGroup--sm___a9Tbq {
2339
+ .RadioGroup-module__hop-RadioGroup--sm___Fdbjb {
2249
2340
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
2250
2341
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
2251
2342
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
2252
2343
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
2253
2344
  }
2254
- .RadioGroup-module__hop-RadioGroup--md___RYdU8 {
2345
+ .RadioGroup-module__hop-RadioGroup--md___OyWcZ {
2255
2346
  --column-gap: var(--hop-RadioGroup-md-column-gap);
2256
2347
  --row-gap: var(--hop-RadioGroup-md-row-gap);
2257
2348
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
2258
2349
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
2259
2350
  }
2260
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A.RadioGroup-module__hop-RadioGroup--sm___a9Tbq {
2351
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq.RadioGroup-module__hop-RadioGroup--sm___Fdbjb {
2261
2352
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
2262
2353
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
2263
2354
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
2264
2355
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
2265
2356
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
2266
2357
  }
2267
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A.RadioGroup-module__hop-RadioGroup--md___RYdU8 {
2358
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq.RadioGroup-module__hop-RadioGroup--md___OyWcZ {
2268
2359
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
2269
2360
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
2270
2361
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
2271
2362
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
2272
2363
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
2273
2364
  }
2274
- .RadioGroup-module__hop-RadioGroup___GTWVm[data-orientation=horizontal] {
2365
+ .RadioGroup-module__hop-RadioGroup___PfE2S[data-orientation=horizontal] {
2275
2366
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
2276
2367
  }
2277
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=horizontal] {
2368
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq[data-orientation=horizontal] {
2278
2369
  --flex-wrap: nowrap;
2279
2370
  }
2280
- .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__label___XRgtP {
2371
+ .RadioGroup-module__hop-RadioGroup___PfE2S > .RadioGroup-module__hop-RadioGroup__label___hDwDK {
2281
2372
  order: 1;
2282
2373
  }
2283
- .RadioGroup-module__hop-RadioGroup__list___cPH4h {
2374
+ .RadioGroup-module__hop-RadioGroup__list___YVU4N {
2284
2375
  display: flex;
2285
2376
  flex-flow: var(--flex-direction) var(--flex-wrap);
2286
2377
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2291,7 +2382,7 @@
2291
2382
  border: var(--list-border, none);
2292
2383
  border-radius: var(--list-border-radius, 0);
2293
2384
  }
2294
- .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych {
2385
+ .RadioGroup-module__hop-RadioGroup__list___YVU4N > .RadioGroup-module__hop-RadioGroup__radio___-aKOE {
2295
2386
  position: relative;
2296
2387
  flex: 0 1 auto;
2297
2388
  align-content: start;
@@ -2299,28 +2390,28 @@
2299
2390
  min-inline-size: 0;
2300
2391
  padding: var(--radio-padding, 0);
2301
2392
  }
2302
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::before {
2393
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq .RadioGroup-module__hop-RadioGroup__list___YVU4N > .RadioGroup-module__hop-RadioGroup__radio___-aKOE ~ .RadioGroup-module__hop-RadioGroup__radio___-aKOE::before {
2303
2394
  content: "";
2304
2395
  position: absolute;
2305
2396
  display: block;
2306
2397
  }
2307
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::before {
2398
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___YVU4N > .RadioGroup-module__hop-RadioGroup__radio___-aKOE ~ .RadioGroup-module__hop-RadioGroup__radio___-aKOE::before {
2308
2399
  inset-block-start: 0;
2309
2400
  inset-inline: 0;
2310
2401
  border-block-start: var(--list-border, none);
2311
2402
  }
2312
- .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::before {
2403
+ .RadioGroup-module__hop-RadioGroup--bordered___otQxq[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___YVU4N > .RadioGroup-module__hop-RadioGroup__radio___-aKOE ~ .RadioGroup-module__hop-RadioGroup__radio___-aKOE::before {
2313
2404
  inset-block: 0;
2314
2405
  inset-inline-start: 0;
2315
2406
  border-inline-start: var(--list-border, none);
2316
2407
  }
2317
- .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__error-message___cJ0g4,
2318
- .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__helper-message___35eYj {
2408
+ .RadioGroup-module__hop-RadioGroup___PfE2S > .RadioGroup-module__hop-RadioGroup__error-message___6-YxH,
2409
+ .RadioGroup-module__hop-RadioGroup___PfE2S > .RadioGroup-module__hop-RadioGroup__helper-message___ot4ud {
2319
2410
  order: 3;
2320
2411
  }
2321
2412
 
2322
2413
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
2323
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___9KoCq {
2414
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___F7Sqr {
2324
2415
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
2325
2416
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
2326
2417
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -2346,7 +2437,7 @@
2346
2437
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
2347
2438
  background-size: 400% 100%;
2348
2439
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
2349
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J;
2440
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___OFdvy;
2350
2441
  animation-duration: var(--animation-duration);
2351
2442
  animation-timing-function: ease-in-out;
2352
2443
  animation-fill-mode: forwards;
@@ -2355,19 +2446,19 @@
2355
2446
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
2356
2447
  }
2357
2448
  }
2358
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ztoOV {
2449
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___EV-BP {
2359
2450
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
2360
2451
  }
2361
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SipZz {
2452
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___0syeJ {
2362
2453
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
2363
2454
  }
2364
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___eAJ9R {
2455
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___IEB0s {
2365
2456
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2366
2457
  }
2367
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___w5aPz {
2458
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___8RrK4 {
2368
2459
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2369
2460
  }
2370
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J {
2461
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___OFdvy {
2371
2462
  0% {
2372
2463
  background-position: 125% 50%;
2373
2464
  }
@@ -2377,7 +2468,7 @@
2377
2468
  }
2378
2469
 
2379
2470
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
2380
- .ListBoxItem-module__hop-ListBoxItem___NSPLY {
2471
+ .ListBoxItem-module__hop-ListBoxItem___iKH4- {
2381
2472
  --hop-ListBoxItem-background-color: transparent;
2382
2473
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2383
2474
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2460,109 +2551,109 @@
2460
2551
  border-radius: var(--hop-ListBoxItem-border-radius);
2461
2552
  outline: var(--outline);
2462
2553
  }
2463
- .ListBoxItem-module__hop-ListBoxItem--xs___7hc2A {
2554
+ .ListBoxItem-module__hop-ListBoxItem--xs___WKAJM {
2464
2555
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2465
2556
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2466
2557
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2467
2558
  }
2468
- .ListBoxItem-module__hop-ListBoxItem--sm___85bzp {
2559
+ .ListBoxItem-module__hop-ListBoxItem--sm___qMqJu {
2469
2560
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2470
2561
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2471
2562
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2472
2563
  }
2473
- .ListBoxItem-module__hop-ListBoxItem--md___MoEKQ {
2564
+ .ListBoxItem-module__hop-ListBoxItem--md___7gqf9 {
2474
2565
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2475
2566
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2476
2567
  --min-height: var(--hop-ListBoxItem-md-min-height);
2477
2568
  }
2478
- .ListBoxItem-module__hop-ListBoxItem--lg___RDITm {
2569
+ .ListBoxItem-module__hop-ListBoxItem--lg___am7Ho {
2479
2570
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2480
2571
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2481
2572
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2482
2573
  }
2483
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-selection-mode] {
2574
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-selection-mode] {
2484
2575
  --cursor: pointer;
2485
2576
  }
2486
- .ListBoxItem-module__hop-ListBoxItem___NSPLY:not([data-selection-mode]) {
2577
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-:not([data-selection-mode]) {
2487
2578
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2488
2579
  }
2489
- .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV) {
2580
+ .ListBoxItem-module__hop-ListBoxItem__inner___jTC0B:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___6GyY1) {
2490
2581
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2491
2582
  }
2492
- .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV) {
2583
+ .ListBoxItem-module__hop-ListBoxItem__inner___jTC0B[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___6GyY1) {
2493
2584
  --checkmark-transition: none;
2494
2585
  }
2495
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-selected] {
2586
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-selected] {
2496
2587
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2497
2588
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2498
2589
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2499
2590
  --checkmark-opacity: 1;
2500
2591
  }
2501
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-focus-visible] {
2592
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-focus-visible] {
2502
2593
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2503
2594
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2504
2595
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2505
2596
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2506
2597
  }
2507
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-hovered] {
2598
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-hovered] {
2508
2599
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2509
2600
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2510
2601
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2511
2602
  }
2512
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-pressed] {
2603
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-pressed] {
2513
2604
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2514
2605
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2515
2606
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2516
2607
  }
2517
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-disabled] {
2608
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-disabled] {
2518
2609
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2519
2610
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2520
2611
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2521
2612
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2522
2613
  --cursor: not-allowed;
2523
2614
  }
2524
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid] {
2615
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid] {
2525
2616
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2526
2617
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2527
2618
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2528
2619
  }
2529
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-selected] {
2620
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid][data-selected] {
2530
2621
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2531
2622
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2532
2623
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2533
2624
  }
2534
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-focus-visible] {
2625
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid][data-focus-visible] {
2535
2626
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2536
2627
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2537
2628
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2538
2629
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2539
2630
  }
2540
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-hovered] {
2631
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid][data-hovered] {
2541
2632
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2542
2633
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2543
2634
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2544
2635
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2545
2636
  }
2546
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-pressed] {
2637
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid][data-pressed] {
2547
2638
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2548
2639
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2549
2640
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2550
2641
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2551
2642
  }
2552
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-disabled] {
2643
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-invalid][data-disabled] {
2553
2644
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2554
2645
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2555
2646
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2556
2647
  }
2557
- .ListBoxItem-module__hop-ListBoxItem___NSPLY:has(.ListBoxItem-module__hop-ListBoxItem__description___FeYgQ) {
2648
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-:has(.ListBoxItem-module__hop-ListBoxItem__description___jWtkG) {
2558
2649
  --row-gap: var(--hop-ListBoxItem-row-gap);
2559
2650
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2560
2651
  }
2561
- .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-loading] {
2652
+ .ListBoxItem-module__hop-ListBoxItem___iKH4-[data-loading] {
2562
2653
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2563
2654
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2564
2655
  }
2565
- .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO {
2656
+ .ListBoxItem-module__hop-ListBoxItem__inner___jTC0B {
2566
2657
  display: grid;
2567
2658
  grid-template-areas: var(--grid-template-areas);
2568
2659
  grid-template-columns: var(--grid-template-columns);
@@ -2574,49 +2665,49 @@
2574
2665
  padding-inline: var(--padding-inline);
2575
2666
  transition: grid-template-columns .3s ease-in-out;
2576
2667
  }
2577
- .ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV {
2668
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___6GyY1 {
2578
2669
  grid-area: indicator;
2579
2670
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2580
2671
  color: var(--icon-color);
2581
2672
  opacity: var(--checkmark-opacity);
2582
2673
  transition: var(--checkmark-transition);
2583
2674
  }
2584
- .ListBoxItem-module__hop-ListBoxItem__radio-group___QRD7t,
2585
- .ListBoxItem-module__hop-ListBoxItem__checkbox___ERb2a {
2675
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___PPRRO,
2676
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___VYOzU {
2586
2677
  pointer-events: none;
2587
2678
  user-select: none;
2588
2679
  grid-area: indicator;
2589
2680
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2590
2681
  }
2591
- .ListBoxItem-module__hop-ListBoxItem__avatar___gaSut {
2682
+ .ListBoxItem-module__hop-ListBoxItem__avatar___VH5yz {
2592
2683
  grid-area: avatar;
2593
2684
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2594
2685
  }
2595
- .ListBoxItem-module__hop-ListBoxItem__icon-list___3-13V,
2596
- .ListBoxItem-module__hop-ListBoxItem__icon___wPgqZ {
2686
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___iphhb,
2687
+ .ListBoxItem-module__hop-ListBoxItem__icon___ZiAaD {
2597
2688
  grid-area: icon;
2598
2689
  flex: 0 0 auto;
2599
2690
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2600
2691
  color: var(--icon-color);
2601
2692
  }
2602
- .ListBoxItem-module__hop-ListBoxItem__label___dSaVa {
2693
+ .ListBoxItem-module__hop-ListBoxItem__label___SskOq {
2603
2694
  overflow: hidden;
2604
2695
  grid-area: label;
2605
2696
  min-inline-size: 0;
2606
2697
  text-overflow: ellipsis;
2607
2698
  white-space: nowrap;
2608
2699
  }
2609
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___MadkE,
2610
- .ListBoxItem-module__hop-ListBoxItem__end-icon___mXgdz {
2700
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___dgScQ,
2701
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___r--xS {
2611
2702
  grid-area: end-icon;
2612
2703
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2613
2704
  color: var(--icon-color);
2614
2705
  }
2615
- .ListBoxItem-module__hop-ListBoxItem__badge___C8-JS {
2706
+ .ListBoxItem-module__hop-ListBoxItem__badge___nOu91 {
2616
2707
  grid-area: badge;
2617
2708
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2618
2709
  }
2619
- .ListBoxItem-module__hop-ListBoxItem__description___FeYgQ {
2710
+ .ListBoxItem-module__hop-ListBoxItem__description___jWtkG {
2620
2711
  overflow: hidden;
2621
2712
  display: -webkit-box;
2622
2713
  grid-area: description;
@@ -2627,7 +2718,7 @@
2627
2718
  }
2628
2719
 
2629
2720
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2630
- .ListBox-module__hop-ListBox___XQDch {
2721
+ .ListBox-module__hop-ListBox___cyQ8m {
2631
2722
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2632
2723
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2633
2724
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2675,11 +2766,11 @@
2675
2766
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2676
2767
  border-radius: var(--hop-ListBox-border-radius);
2677
2768
  }
2678
- .ListBox-module__hop-ListBox--fluid___3Im73 {
2769
+ .ListBox-module__hop-ListBox--fluid___TImf9 {
2679
2770
  --max-width: var(--hop-ListBox-fluid-max-width);
2680
2771
  --width: var(--hop-ListBox-fluid-width);
2681
2772
  }
2682
- .ListBox-module__hop-ListBox__section___65r5k {
2773
+ .ListBox-module__hop-ListBox__section___nULeu {
2683
2774
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2684
2775
  margin-inline: var(--hop-ListBox-section-margin-inline);
2685
2776
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2687,21 +2778,21 @@
2687
2778
  border-block-start: var(--section-border-block-start);
2688
2779
  border-block-end: var(--section-border-block-end);
2689
2780
  }
2690
- .ListBox-module__hop-ListBox__item___XEwSd + .ListBox-module__hop-ListBox__section___65r5k {
2781
+ .ListBox-module__hop-ListBox__item___r3RgS + .ListBox-module__hop-ListBox__section___nULeu {
2691
2782
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2692
2783
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2693
2784
  }
2694
- .ListBox-module__hop-ListBox__section___65r5k:has(+ .ListBox-module__hop-ListBox__item___XEwSd) {
2785
+ .ListBox-module__hop-ListBox__section___nULeu:has(+ .ListBox-module__hop-ListBox__item___r3RgS) {
2695
2786
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2696
2787
  }
2697
- .ListBox-module__hop-ListBox__section___65r5k:first-child {
2788
+ .ListBox-module__hop-ListBox__section___nULeu:first-child {
2698
2789
  --section-padding-block-start: 0;
2699
2790
  }
2700
- .ListBox-module__hop-ListBox__section___65r5k:last-child {
2791
+ .ListBox-module__hop-ListBox__section___nULeu:last-child {
2701
2792
  --section-padding-block-end: 0;
2702
2793
  --section-border-block-end: 0;
2703
2794
  }
2704
- .ListBox-module__hop-ListBox__section-header___GjNW9 {
2795
+ .ListBox-module__hop-ListBox__section-header___DWGXa {
2705
2796
  margin: 0;
2706
2797
  padding: var(--hop-ListBox-section-header-padding);
2707
2798
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2711,27 +2802,27 @@
2711
2802
  text-transform: var(--hop-ListBox-section-header-text-transform);
2712
2803
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2713
2804
  }
2714
- .ListBox-module__hop-ListBox__section-header___GjNW9::before,
2715
- .ListBox-module__hop-ListBox__section-header___GjNW9::after {
2805
+ .ListBox-module__hop-ListBox__section-header___DWGXa::before,
2806
+ .ListBox-module__hop-ListBox__section-header___DWGXa::after {
2716
2807
  content: "";
2717
2808
  display: block;
2718
2809
  box-sizing: border-box;
2719
2810
  inline-size: 0;
2720
2811
  block-size: 0;
2721
2812
  }
2722
- .ListBox-module__hop-ListBox__section-header___GjNW9::before {
2813
+ .ListBox-module__hop-ListBox__section-header___DWGXa::before {
2723
2814
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2724
2815
  }
2725
- .ListBox-module__hop-ListBox__section-header___GjNW9::after {
2816
+ .ListBox-module__hop-ListBox__section-header___DWGXa::after {
2726
2817
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2727
2818
  }
2728
- .ListBox-module__hop-ListBox__divider___KcKrr {
2819
+ .ListBox-module__hop-ListBox__divider___ncxbm {
2729
2820
  margin-block: var(--hop-ListBox-divider-margin-block);
2730
2821
  margin-inline: var(--hop-ListBox-divider-margin-inline);
2731
2822
  }
2732
2823
 
2733
2824
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
2734
- .Switch-module__hop-Switch___r5edU {
2825
+ .Switch-module__hop-Switch___O8KNx {
2735
2826
  --hop-Switch-border-size: 0.0625rem;
2736
2827
  --hop-Switch-border-color: var(--hop-neutral-border);
2737
2828
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -2788,56 +2879,56 @@
2788
2879
  inline-size: max-content;
2789
2880
  max-inline-size: 100%;
2790
2881
  }
2791
- .Switch-module__hop-Switch--sm___g5O2w {
2882
+ .Switch-module__hop-Switch--sm___S19Re {
2792
2883
  --inline-size: var(--hop-Switch-inline-size-sm);
2793
2884
  --block-size: var(--hop-Switch-block-size-sm);
2794
2885
  --thumb-size: var(--hop-Switch-thumb-size-sm);
2795
2886
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
2796
2887
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
2797
2888
  }
2798
- .Switch-module__hop-Switch--md___F6pgw {
2889
+ .Switch-module__hop-Switch--md___zJnb3 {
2799
2890
  --inline-size: var(--hop-Switch-inline-size-md);
2800
2891
  --block-size: var(--hop-Switch-block-size-md);
2801
2892
  --thumb-size: var(--hop-Switch-thumb-size-md);
2802
2893
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
2803
2894
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
2804
2895
  }
2805
- .Switch-module__hop-Switch___r5edU[data-hovered] {
2896
+ .Switch-module__hop-Switch___O8KNx[data-hovered] {
2806
2897
  --border-color: var(--hop-Switch-border-color-hover);
2807
2898
  --background-color: var(--hop-Switch-background-color-hover);
2808
2899
  --thumb-color: var(--hop-Switch-thumb-color-hover);
2809
2900
  --text-color: var(--hop-Switch-text-color-hover);
2810
2901
  }
2811
- .Switch-module__hop-Switch___r5edU[data-pressed],
2812
- .Switch-module__hop-Switch___r5edU[data-pressed][data-focus-visible] {
2902
+ .Switch-module__hop-Switch___O8KNx[data-pressed],
2903
+ .Switch-module__hop-Switch___O8KNx[data-pressed][data-focus-visible] {
2813
2904
  --border-color: var(--hop-Switch-border-color-pressed);
2814
2905
  --background-color: var(--hop-Switch-background-color-pressed);
2815
2906
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
2816
2907
  --text-color: var(--hop-Switch-text-color-pressed);
2817
2908
  }
2818
- .Switch-module__hop-Switch___r5edU[data-focus-visible] {
2909
+ .Switch-module__hop-Switch___O8KNx[data-focus-visible] {
2819
2910
  --border-color: var(--hop-Switch-border-color-focus);
2820
2911
  --background-color: var(--hop-Switch-background-color-focus);
2821
2912
  --thumb-color: var(--hop-Switch-thumb-color-focus);
2822
2913
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
2823
2914
  --text-color: var(--hop-Switch-text-color-focus);
2824
2915
  }
2825
- .Switch-module__hop-Switch___r5edU[data-selected],
2826
- .Switch-module__hop-Switch___r5edU[data-selected][data-pressed] {
2916
+ .Switch-module__hop-Switch___O8KNx[data-selected],
2917
+ .Switch-module__hop-Switch___O8KNx[data-selected][data-pressed] {
2827
2918
  --border-color: var(--hop-Switch-border-color-selected);
2828
2919
  --background-color: var(--hop-Switch-background-color-selected);
2829
2920
  --thumb-color: var(--hop-Switch-thumb-color-selected);
2830
2921
  --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%);
2831
2922
  --text-color: var(--hop-Switch-text-color-selected);
2832
2923
  }
2833
- .Switch-module__hop-Switch___r5edU[data-disabled] {
2924
+ .Switch-module__hop-Switch___O8KNx[data-disabled] {
2834
2925
  --border-color: var(--hop-Switch-border-color-disabled);
2835
2926
  --background-color: var(--hop-Switch-background-color-disabled);
2836
2927
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
2837
2928
  --text-color: var(--hop-Switch-text-color-disabled);
2838
2929
  --cursor: not-allowed;
2839
2930
  }
2840
- .Switch-module__hop-Switch__indicator___GZeio {
2931
+ .Switch-module__hop-Switch__indicator___1aOFY {
2841
2932
  position: relative;
2842
2933
  flex: 0 0 auto;
2843
2934
  box-sizing: border-box;
@@ -2850,7 +2941,7 @@
2850
2941
  outline-offset: 0.125rem;
2851
2942
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
2852
2943
  }
2853
- .Switch-module__hop-Switch__indicator___GZeio::before {
2944
+ .Switch-module__hop-Switch__indicator___1aOFY::before {
2854
2945
  content: "";
2855
2946
  position: absolute;
2856
2947
  inset-block-start: 50%;
@@ -2865,20 +2956,20 @@
2865
2956
  border-radius: var(--hop-shape-circle);
2866
2957
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
2867
2958
  }
2868
- .Switch-module__hop-Switch__text___8JPWQ {
2959
+ .Switch-module__hop-Switch__text___pxT8d {
2869
2960
  flex: 0 1 auto;
2870
2961
  order: 2;
2871
2962
  min-inline-size: 0;
2872
2963
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
2873
2964
  color: var(--text-color);
2874
2965
  }
2875
- .Switch-module__hop-Switch__icon-list___sXzkG,
2876
- .Switch-module__hop-Switch__icon___yeaOO {
2966
+ .Switch-module__hop-Switch__icon-list___fvPJj,
2967
+ .Switch-module__hop-Switch__icon___xoa-8 {
2877
2968
  order: 3;
2878
2969
  }
2879
2970
 
2880
2971
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
2881
- .SwitchField-module__hop-SwitchField___MbE-q {
2972
+ .SwitchField-module__hop-SwitchField___jJcKw {
2882
2973
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
2883
2974
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
2884
2975
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2897,28 +2988,28 @@
2897
2988
  inline-size: max-content;
2898
2989
  max-inline-size: 100%;
2899
2990
  }
2900
- .SwitchField-module__hop-SwitchField___MbE-q[data-disabled] {
2991
+ .SwitchField-module__hop-SwitchField___jJcKw[data-disabled] {
2901
2992
  --description-color: var(--hop-SwitchField-description-color-disabled);
2902
2993
  }
2903
- .SwitchField-module__hop-SwitchField--sm___dRzOt {
2994
+ .SwitchField-module__hop-SwitchField--sm___GA-Gy {
2904
2995
  --row-gap: var(--hop-SwitchField-sm-row-gap);
2905
2996
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
2906
2997
  }
2907
- .SwitchField-module__hop-SwitchField--md___xG-1g {
2998
+ .SwitchField-module__hop-SwitchField--md___vj2y9 {
2908
2999
  --row-gap: var(--hop-SwitchField-md-row-gap);
2909
3000
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
2910
3001
  }
2911
- .SwitchField-module__hop-SwitchField__description___SpFMs {
3002
+ .SwitchField-module__hop-SwitchField__description___22sTZ {
2912
3003
  order: 2;
2913
3004
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
2914
3005
  color: var(--description-color);
2915
3006
  }
2916
- .SwitchField-module__hop-SwitchField__switch___132nd {
3007
+ .SwitchField-module__hop-SwitchField__switch___qIcZO {
2917
3008
  order: 1;
2918
3009
  }
2919
3010
 
2920
3011
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
2921
- .Tag-module__hop-Tag___uLop7 {
3012
+ .Tag-module__hop-Tag___k---H {
2922
3013
  --hop-Tag-border-size: 0.0625rem;
2923
3014
  --hop-Tag-border-radius: var(--hop-shape-pill);
2924
3015
  --hop-Tag-border-color: var(--hop-neutral-border);
@@ -2978,23 +3069,23 @@
2978
3069
  outline: none;
2979
3070
  outline-offset: 0.125rem;
2980
3071
  }
2981
- .Tag-module__hop-Tag--md___zQef7 {
3072
+ .Tag-module__hop-Tag--md___wMJTU {
2982
3073
  --block-size: var(--hop-Tag-md-block-size);
2983
3074
  --padding-inline-start: var(--hop-Tag-md-padding-inline-start);
2984
3075
  --padding-inline-end: var(--hop-Tag-md-padding-inline-end);
2985
3076
  --column-gap: var(--hop-Tag-md-column-gap);
2986
3077
  --clear-btn-margin-inline: calc(-1 * var(--hop-space-inline-xs));
2987
3078
  }
2988
- .Tag-module__hop-Tag--md___zQef7:not(:has(.Tag-module__hop-Tag__icon___1WuBJ, .Tag-module__hop-Tag__icon-list___VWSnJ)) {
3079
+ .Tag-module__hop-Tag--md___wMJTU:not(:has(.Tag-module__hop-Tag__icon___DvajY, .Tag-module__hop-Tag__icon-list___x4CpF)) {
2989
3080
  --padding-inline-start: var(--hop-Tag-md-padding-inline-start-text-first);
2990
3081
  }
2991
- .Tag-module__hop-Tag--md___zQef7:not(:has(.Tag-module__hop-Tag__badge___6wq28, .Tag-module__hop-Tag__remove-btn___ltB14, .Tag-module__hop-Tag__Spinner___ASKZ9)) {
3082
+ .Tag-module__hop-Tag--md___wMJTU:not(:has(.Tag-module__hop-Tag__badge___3b9Gq, .Tag-module__hop-Tag__remove-btn___KIdVL, .Tag-module__hop-Tag__Spinner___BOJ61)) {
2992
3083
  --padding-inline-end: var(--hop-Tag-md-padding-inline-end-text-last);
2993
3084
  }
2994
- .Tag-module__hop-Tag--md___zQef7:not(:has(.Tag-module__hop-Tag__remove-btn___ltB14, .Tag-module__hop-Tag__Spinner___ASKZ9)) {
3085
+ .Tag-module__hop-Tag--md___wMJTU:not(:has(.Tag-module__hop-Tag__remove-btn___KIdVL, .Tag-module__hop-Tag__Spinner___BOJ61)) {
2995
3086
  --badge-margin-inline-end: calc(-1 * var(--padding-inline-end));
2996
3087
  }
2997
- .Tag-module__hop-Tag--lg___bwIxr {
3088
+ .Tag-module__hop-Tag--lg___VTvaj {
2998
3089
  --block-size: var(--hop-Tag-lg-block-size);
2999
3090
  --padding-inline-start: var(--hop-Tag-lg-padding-inline-start);
3000
3091
  --padding-inline-end: var(--hop-Tag-lg-padding-inline-end);
@@ -3002,54 +3093,54 @@
3002
3093
  --clear-btn-margin-inline: 0;
3003
3094
  --badge-margin-inline-end: 0;
3004
3095
  }
3005
- .Tag-module__hop-Tag--lg___bwIxr:not(:has(.Tag-module__hop-Tag__icon___1WuBJ, .Tag-module__hop-Tag__icon-list___VWSnJ)) {
3096
+ .Tag-module__hop-Tag--lg___VTvaj:not(:has(.Tag-module__hop-Tag__icon___DvajY, .Tag-module__hop-Tag__icon-list___x4CpF)) {
3006
3097
  --padding-inline-start: var(--hop-Tag-lg-padding-inline-start-text-first);
3007
3098
  }
3008
- .Tag-module__hop-Tag--lg___bwIxr:not(:has(.Tag-module__hop-Tag__badge___6wq28, .Tag-module__hop-Tag__remove-btn___ltB14, .Tag-module__hop-Tag__Spinner___ASKZ9)) {
3099
+ .Tag-module__hop-Tag--lg___VTvaj:not(:has(.Tag-module__hop-Tag__badge___3b9Gq, .Tag-module__hop-Tag__remove-btn___KIdVL, .Tag-module__hop-Tag__Spinner___BOJ61)) {
3009
3100
  --padding-inline-end: var(--hop-Tag-lg-padding-inline-end-text-last);
3010
3101
  }
3011
- .Tag-module__hop-Tag___uLop7[data-href] {
3102
+ .Tag-module__hop-Tag___k---H[data-href] {
3012
3103
  cursor: pointer;
3013
3104
  }
3014
- .Tag-module__hop-Tag___uLop7[data-focus-visible] {
3105
+ .Tag-module__hop-Tag___k---H[data-focus-visible] {
3015
3106
  --background-color: var(--hop-Tag-background-color-focus);
3016
3107
  --border-color: var(--hop-Tag-border-color-focus);
3017
3108
  --text-color: var(--hop-Tag-text-color-focus);
3018
3109
  outline: 0.125rem solid var(--focus-ring-color);
3019
3110
  }
3020
- .Tag-module__hop-Tag___uLop7[data-hovered] {
3111
+ .Tag-module__hop-Tag___k---H[data-hovered] {
3021
3112
  --background-color: var(--hop-Tag-background-color-hover);
3022
3113
  --border-color: var(--hop-Tag-border-color-hover);
3023
3114
  --text-color: var(--hop-Tag-text-color-hover);
3024
3115
  cursor: pointer;
3025
3116
  }
3026
- .Tag-module__hop-Tag___uLop7[data-selected] {
3117
+ .Tag-module__hop-Tag___k---H[data-selected] {
3027
3118
  --background-color: var(--hop-Tag-background-color-selected);
3028
3119
  --border-color: var(--hop-Tag-border-color-selected);
3029
3120
  --text-color: var(--hop-Tag-text-color-selected);
3030
3121
  }
3031
- .Tag-module__hop-Tag___uLop7[data-pressed] {
3122
+ .Tag-module__hop-Tag___k---H[data-pressed] {
3032
3123
  --background-color: var(--hop-Tag-background-color-press);
3033
3124
  --border-color: var(--hop-Tag-border-color-press);
3034
3125
  --text-color: var(--hop-Tag-text-color-press);
3035
3126
  cursor: pointer;
3036
3127
  }
3037
- .Tag-module__hop-Tag___uLop7[data-invalid] {
3128
+ .Tag-module__hop-Tag___k---H[data-invalid] {
3038
3129
  --border-color: var(--hop-Tag-border-color-invalid);
3039
3130
  }
3040
- .Tag-module__hop-Tag___uLop7[data-disabled] {
3131
+ .Tag-module__hop-Tag___k---H[data-disabled] {
3041
3132
  --background-color: var(--hop-Tag-background-color-disabled);
3042
3133
  --border-color: var(--hop-Tag-border-color-disabled);
3043
3134
  --text-color: var(--hop-Tag-text-color-disabled);
3044
3135
  cursor: not-allowed;
3045
3136
  }
3046
- .Tag-module__hop-Tag__icon___1WuBJ,
3047
- .Tag-module__hop-Tag__icon-list___VWSnJ {
3137
+ .Tag-module__hop-Tag__icon___DvajY,
3138
+ .Tag-module__hop-Tag__icon-list___x4CpF {
3048
3139
  flex: 0 0 auto;
3049
3140
  flex-wrap: nowrap;
3050
3141
  order: 1;
3051
3142
  }
3052
- .Tag-module__hop-Tag__text___vJciq {
3143
+ .Tag-module__hop-Tag__text___nkMOg {
3053
3144
  overflow: hidden;
3054
3145
  flex: 1 1 auto;
3055
3146
  order: 2;
@@ -3057,25 +3148,25 @@
3057
3148
  text-align: center;
3058
3149
  text-overflow: ellipsis;
3059
3150
  }
3060
- .Tag-module__hop-Tag__badge___6wq28 {
3151
+ .Tag-module__hop-Tag__badge___3b9Gq {
3061
3152
  flex: 0 0 auto;
3062
3153
  order: 3;
3063
3154
  margin-inline-end: var(--badge-margin-inline-end);
3064
3155
  }
3065
- .Tag-module__hop-Tag__badge___6wq28.Tag-module__hop-Badge--secondary___tSUkl {
3156
+ .Tag-module__hop-Tag__badge___3b9Gq.Tag-module__hop-Badge--secondary___sb6Pa {
3066
3157
  margin-inline-start: var(--badge-secondary-inline-margin-start);
3067
3158
  }
3068
- .Tag-module__hop-Tag__remove-btn___ltB14,
3069
- .Tag-module__hop-Tag__Spinner___ASKZ9 {
3159
+ .Tag-module__hop-Tag__remove-btn___KIdVL,
3160
+ .Tag-module__hop-Tag__Spinner___BOJ61 {
3070
3161
  flex: 0 0 auto;
3071
3162
  order: 4;
3072
3163
  }
3073
- .Tag-module__hop-Tag__remove-btn___ltB14 {
3164
+ .Tag-module__hop-Tag__remove-btn___KIdVL {
3074
3165
  margin-inline: var(--clear-btn-margin-inline);
3075
3166
  }
3076
3167
 
3077
3168
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
3078
- .TagGroup-module__hop-TagGroup___tIhOW {
3169
+ .TagGroup-module__hop-TagGroup___8bpFk {
3079
3170
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
3080
3171
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
3081
3172
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -3095,10 +3186,10 @@
3095
3186
  inline-size: max-content;
3096
3187
  max-inline-size: 100%;
3097
3188
  }
3098
- .TagGroup-module__hop-TagGroup___tIhOW > .TagGroup-module__hop-TagGroup__label___TsXgv {
3189
+ .TagGroup-module__hop-TagGroup___8bpFk > .TagGroup-module__hop-TagGroup__label___OoqBw {
3099
3190
  order: 1;
3100
3191
  }
3101
- .TagGroup-module__hop-TagGroup__list___L9Azr {
3192
+ .TagGroup-module__hop-TagGroup__list___o5U5A {
3102
3193
  display: flex;
3103
3194
  flex-wrap: wrap;
3104
3195
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -3107,24 +3198,24 @@
3107
3198
  border-radius: var(--list-border-radius);
3108
3199
  outline: none;
3109
3200
  }
3110
- .TagGroup-module__hop-TagGroup__list___L9Azr[data-focus-visible] {
3201
+ .TagGroup-module__hop-TagGroup__list___o5U5A[data-focus-visible] {
3111
3202
  outline: 0.125rem solid var(--list-focus-ring-color);
3112
3203
  outline-offset: 0.125rem;
3113
3204
  }
3114
- .TagGroup-module__hop-TagGroup___tIhOW > .TagGroup-module__hop-TagGroup__error-message___qJgpi,
3115
- .TagGroup-module__hop-TagGroup___tIhOW > .TagGroup-module__hop-TagGroup__helper-message___-lcHp {
3205
+ .TagGroup-module__hop-TagGroup___8bpFk > .TagGroup-module__hop-TagGroup__error-message___-Vy2o,
3206
+ .TagGroup-module__hop-TagGroup___8bpFk > .TagGroup-module__hop-TagGroup__helper-message___Ys-Hl {
3116
3207
  order: 3;
3117
3208
  }
3118
3209
 
3119
3210
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3120
- :where(.Popover-module__hop-Popover___NgSy- *) {
3211
+ :where(.Popover-module__hop-Popover___1SG-H *) {
3121
3212
  font-family: var(--font-family);
3122
3213
  font-size: var(--font-size);
3123
3214
  font-weight: var(--font-weight);
3124
3215
  line-height: var(--line-height);
3125
3216
  outline: none;
3126
3217
  }
3127
- .Popover-module__hop-Popover__dialog___7Vmsr {
3218
+ .Popover-module__hop-Popover__dialog___Smzz- {
3128
3219
  --hop-Popover-background: var(--hop-neutral-surface);
3129
3220
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3130
3221
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3164,17 +3255,17 @@
3164
3255
  --width: 25rem;
3165
3256
  }
3166
3257
  }
3167
- .Popover-module__hop-Popover__title___Ej7kd {
3258
+ .Popover-module__hop-Popover__title___ZwhJ9 {
3168
3259
  grid-area: header;
3169
3260
  color: var(--hop-Popover-color);
3170
3261
  }
3171
- .Popover-module__hop-Popover__actions___KA---,
3172
- .Popover-module__hop-Popover__action___fjhx- {
3262
+ .Popover-module__hop-Popover__actions___YGimS,
3263
+ .Popover-module__hop-Popover__action___G3Beb {
3173
3264
  grid-area: action;
3174
3265
  justify-self: end;
3175
3266
  margin-block-start: var(--hop-space-stack-sm);
3176
3267
  }
3177
- .Popover-module__hop-Popover__content___-cu9Q {
3268
+ .Popover-module__hop-Popover__content___Agt74 {
3178
3269
  --font-size: var(--hop-Popover-content-font-size);
3179
3270
  --line-height: var(--hop-Popover-content-line-height);
3180
3271
  grid-area: content;
@@ -3183,7 +3274,7 @@
3183
3274
  padding: 0;
3184
3275
  color: var(--hop-Popover-content-color);
3185
3276
  }
3186
- .Popover-module__hop-Popover__footer___ri-Tk {
3277
+ .Popover-module__hop-Popover__footer___S49O3 {
3187
3278
  --font-size: var(--hop-Popover-footer-font-size);
3188
3279
  --line-height: var(--hop-Popover-footer-line-height);
3189
3280
  grid-area: footer;