@hopper-ui/components 1.3.2 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) 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 +21 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +10 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +31 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Divider/src/Divider.css +2 -2
  19. package/dist/Divider/src/Divider.js +1 -1
  20. package/dist/Divider/src/index.css +2 -2
  21. package/dist/Divider/src/index.js +1 -1
  22. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  23. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  24. package/dist/ErrorMessage/src/index.css +11 -11
  25. package/dist/ErrorMessage/src/index.js +2 -2
  26. package/dist/Form/src/Form.css +656 -648
  27. package/dist/Form/src/Form.js +42 -42
  28. package/dist/Form/src/index.css +656 -648
  29. package/dist/Form/src/index.js +42 -42
  30. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  31. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  32. package/dist/HelperMessage/src/index.css +11 -11
  33. package/dist/HelperMessage/src/index.js +2 -2
  34. package/dist/IconList/src/IconList.css +1 -1
  35. package/dist/IconList/src/IconList.js +1 -1
  36. package/dist/IconList/src/index.css +1 -1
  37. package/dist/IconList/src/index.js +1 -1
  38. package/dist/Link/src/Link.css +31 -31
  39. package/dist/Link/src/Link.js +2 -2
  40. package/dist/Link/src/index.css +31 -31
  41. package/dist/Link/src/index.js +2 -2
  42. package/dist/ListBox/src/ListBox.css +222 -222
  43. package/dist/ListBox/src/ListBox.js +8 -8
  44. package/dist/ListBox/src/ListBoxItem.css +207 -207
  45. package/dist/ListBox/src/ListBoxItem.js +6 -6
  46. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  47. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  48. package/dist/ListBox/src/index.css +222 -222
  49. package/dist/ListBox/src/index.js +8 -8
  50. package/dist/Select/src/Select.css +656 -648
  51. package/dist/Select/src/Select.js +42 -42
  52. package/dist/Select/src/SelectValue.css +60 -60
  53. package/dist/Select/src/SelectValue.js +5 -5
  54. package/dist/Select/src/index.css +656 -648
  55. package/dist/Select/src/index.js +42 -42
  56. package/dist/Spinner/src/Spinner.css +19 -19
  57. package/dist/Spinner/src/Spinner.js +2 -2
  58. package/dist/Spinner/src/index.css +19 -19
  59. package/dist/Spinner/src/index.js +2 -2
  60. package/dist/buttons/src/Button.css +94 -94
  61. package/dist/buttons/src/Button.js +3 -3
  62. package/dist/buttons/src/ButtonGroup.css +11 -11
  63. package/dist/buttons/src/ButtonGroup.js +1 -1
  64. package/dist/buttons/src/ClearButton.css +74 -70
  65. package/dist/buttons/src/ClearButton.js +2 -2
  66. package/dist/buttons/src/EmbeddedButton.css +74 -70
  67. package/dist/buttons/src/EmbeddedButton.d.ts +4 -0
  68. package/dist/buttons/src/EmbeddedButton.js +1 -1
  69. package/dist/buttons/src/index.css +179 -175
  70. package/dist/buttons/src/index.js +6 -6
  71. package/dist/checkbox/src/Checkbox.css +31 -31
  72. package/dist/checkbox/src/Checkbox.js +2 -2
  73. package/dist/checkbox/src/CheckboxField.css +15 -15
  74. package/dist/checkbox/src/CheckboxField.js +1 -1
  75. package/dist/checkbox/src/CheckboxGroup.css +60 -60
  76. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  77. package/dist/checkbox/src/index.css +60 -60
  78. package/dist/checkbox/src/index.js +4 -4
  79. package/dist/{chunk-YAWQ7HJ5.js → chunk-2IM7L64G.js} +1 -1
  80. package/dist/{chunk-EM46HWRZ.js → chunk-2OHECU6B.js} +1 -1
  81. package/dist/{chunk-GVSKXB2L.js → chunk-6PQWQGCX.js} +3 -3
  82. package/dist/{chunk-M23LQGWD.js → chunk-6QFZJMC3.js} +2 -2
  83. package/dist/{chunk-XZZGXNY3.js → chunk-75FA3TWT.js} +1 -1
  84. package/dist/{chunk-KYREXCID.js → chunk-7ZNANBX5.js} +2 -2
  85. package/dist/{chunk-6ARIISLQ.js → chunk-APRULC6A.js} +3 -3
  86. package/dist/{chunk-JCH77LJD.js → chunk-BOL3HK7H.js} +1 -1
  87. package/dist/{chunk-SZE6BURJ.js → chunk-DMVOYW6N.js} +6 -1
  88. package/dist/{chunk-T46AXTFR.js → chunk-DOSVC2KD.js} +4 -4
  89. package/dist/{chunk-OHK3RWIU.js → chunk-E2A556FA.js} +3 -3
  90. package/dist/{chunk-4HDV2BLR.js → chunk-EBNKK7UG.js} +3 -3
  91. package/dist/{chunk-BZEAJIFE.js → chunk-EC7OSNAK.js} +1 -1
  92. package/dist/{chunk-M72B6IEL.js → chunk-ENP5QA57.js} +1 -1
  93. package/dist/{chunk-FJ22ZFSR.js → chunk-F35TAM7I.js} +2 -2
  94. package/dist/{chunk-2JKIODNX.js → chunk-FNFLGAVD.js} +1 -1
  95. package/dist/{chunk-PMPZHA56.js → chunk-FUZDBWJ3.js} +1 -1
  96. package/dist/{chunk-TKCXSKGR.js → chunk-IAK7ZIAY.js} +1 -1
  97. package/dist/{chunk-GX73DZCI.js → chunk-IEIBO5IZ.js} +3 -3
  98. package/dist/{chunk-IU74RATZ.js → chunk-JAN7XPAP.js} +1 -1
  99. package/dist/{chunk-XBDHVTY7.js → chunk-K73GF67H.js} +3 -3
  100. package/dist/{chunk-QIGWJIKW.js → chunk-KB5TOYUY.js} +7 -7
  101. package/dist/{chunk-VAX4ILUC.js → chunk-LG55WC5T.js} +3 -1
  102. package/dist/{chunk-DBRCQKUP.js → chunk-N3Z3CYO7.js} +1 -1
  103. package/dist/{chunk-UURAYM5Q.js → chunk-OVLJGCG7.js} +1 -1
  104. package/dist/{chunk-LBJ4PRPZ.js → chunk-OX2HJIUS.js} +2 -2
  105. package/dist/{chunk-HIBGDGNG.js → chunk-PWHVRELJ.js} +2 -2
  106. package/dist/{chunk-2QRF6QS4.js → chunk-Q7XNJJHM.js} +3 -3
  107. package/dist/{chunk-7PGPLWWM.js → chunk-QS5JV4ME.js} +1 -1
  108. package/dist/{chunk-KCISVH6E.js → chunk-RYBVVQUA.js} +1 -1
  109. package/dist/{chunk-VSUK2R4A.js → chunk-SLHMNCFU.js} +2 -2
  110. package/dist/{chunk-SYP4FGDH.js → chunk-TN3VIRQZ.js} +2 -2
  111. package/dist/{chunk-4DUNOSY3.js → chunk-TNKYUIG3.js} +1 -1
  112. package/dist/{chunk-7UCX7BHD.js → chunk-TRGOUUKL.js} +1 -1
  113. package/dist/{chunk-ZUIUPK7K.js → chunk-U6IYZMNN.js} +1 -1
  114. package/dist/{chunk-E3OC54N2.js → chunk-UM7DFJXF.js} +4 -4
  115. package/dist/{chunk-UUNBQSPD.js → chunk-V4SY4DCA.js} +1 -1
  116. package/dist/{chunk-MVQ4SZCY.js → chunk-W52DLG34.js} +1 -1
  117. package/dist/{chunk-XZRK3MCS.js → chunk-YGOVG4X3.js} +2 -2
  118. package/dist/{chunk-E4XUYBHM.js → chunk-ZFMCRQ5C.js} +2 -2
  119. package/dist/{chunk-DVUZTKLP.js → chunk-ZWTMTEFG.js} +6 -6
  120. package/dist/index.css +656 -648
  121. package/dist/index.js +42 -42
  122. package/dist/inputs/src/InputGroup.css +1099 -14
  123. package/dist/inputs/src/InputGroup.js +2 -1
  124. package/dist/inputs/src/NumberField.css +1068 -63
  125. package/dist/inputs/src/NumberField.js +7 -6
  126. package/dist/inputs/src/PasswordField.css +225 -217
  127. package/dist/inputs/src/PasswordField.js +7 -7
  128. package/dist/inputs/src/SearchField.css +231 -223
  129. package/dist/inputs/src/SearchField.js +8 -8
  130. package/dist/inputs/src/TextArea.css +1062 -57
  131. package/dist/inputs/src/TextArea.js +7 -6
  132. package/dist/inputs/src/TextField.css +229 -221
  133. package/dist/inputs/src/TextField.js +8 -8
  134. package/dist/inputs/src/index.css +1270 -1262
  135. package/dist/inputs/src/index.js +12 -12
  136. package/dist/overlays/Popover/src/Popover.css +656 -648
  137. package/dist/overlays/Popover/src/Popover.js +42 -42
  138. package/dist/overlays/Popover/src/index.css +656 -648
  139. package/dist/overlays/Popover/src/index.js +42 -42
  140. package/dist/radio/src/Radio.css +31 -31
  141. package/dist/radio/src/Radio.js +2 -2
  142. package/dist/radio/src/RadioField.css +15 -15
  143. package/dist/radio/src/RadioField.js +1 -1
  144. package/dist/radio/src/RadioGroup.css +60 -60
  145. package/dist/radio/src/RadioGroup.js +1 -1
  146. package/dist/radio/src/index.css +60 -60
  147. package/dist/radio/src/index.js +4 -4
  148. package/dist/switch/src/Switch.css +25 -25
  149. package/dist/switch/src/Switch.js +2 -2
  150. package/dist/switch/src/SwitchField.css +15 -15
  151. package/dist/switch/src/SwitchField.js +1 -1
  152. package/dist/switch/src/index.css +31 -31
  153. package/dist/switch/src/index.js +3 -3
  154. package/dist/tag/src/Tag.css +326 -322
  155. package/dist/tag/src/Tag.js +5 -5
  156. package/dist/tag/src/TagGroup.css +22 -22
  157. package/dist/tag/src/TagGroup.js +1 -1
  158. package/dist/tag/src/index.css +339 -335
  159. package/dist/tag/src/index.js +6 -6
  160. package/dist/typography/Heading/src/Heading.css +9 -9
  161. package/dist/typography/Heading/src/Heading.js +1 -1
  162. package/dist/typography/Heading/src/index.css +9 -9
  163. package/dist/typography/Heading/src/index.js +1 -1
  164. package/dist/typography/Label/src/Label.css +3 -3
  165. package/dist/typography/Label/src/Label.js +1 -1
  166. package/dist/typography/Label/src/index.css +3 -3
  167. package/dist/typography/Label/src/index.js +1 -1
  168. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  169. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  170. package/dist/typography/OverlineText/src/index.css +6 -6
  171. package/dist/typography/OverlineText/src/index.js +1 -1
  172. package/dist/typography/Text/src/Text.css +9 -9
  173. package/dist/typography/Text/src/Text.js +1 -1
  174. package/dist/typography/Text/src/index.css +9 -9
  175. package/dist/typography/Text/src/index.js +1 -1
  176. 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___GsTEX {
2
+ .Text-module__hop-Text___i-wip {
3
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.Text-module__hop-Text___GsTEX) {
32
+ :where(.Text-module__hop-Text___i-wip) {
33
33
  font-family: var(--font-family);
34
34
  font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.Text-module__hop-Text--xs___xPq-q) {
38
+ :where(.Text-module__hop-Text--xs___OgrlM) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.Text-module__hop-Text--sm___m1xkd) {
44
+ :where(.Text-module__hop-Text--sm___VG8kM) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.Text-module__hop-Text--md___gVBxd) {
50
+ :where(.Text-module__hop-Text--md___Y1jRC) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.Text-module__hop-Text--lg___nmRag) {
56
+ :where(.Text-module__hop-Text--lg___P2gHm) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.Text-module__hop-Text--xl___MHAaX) {
62
+ :where(.Text-module__hop-Text--xl___uu4Y6) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.Text-module__hop-Text--2xl___OHdc1) {
68
+ :where(.Text-module__hop-Text--2xl___kr5Vw) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.Text-module__hop-Text--inherit___ymYRX) {
74
+ :where(.Text-module__hop-Text--inherit___enYNN) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
79
79
  }
80
80
 
81
81
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
82
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4 {
82
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt {
83
83
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
84
84
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
85
85
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -110,46 +110,46 @@
110
110
  background-color: var(--background-color);
111
111
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
112
112
  }
113
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___CJQjx {
113
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___kM-j4 {
114
114
  --size: var(--hop-RichIconAvatarImage-xs-size);
115
115
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
116
116
  }
117
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___atibm {
117
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___SKx-C {
118
118
  --size: var(--hop-RichIconAvatarImage-sm-size);
119
119
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
120
120
  }
121
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___bnHkl {
121
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-ELGu {
122
122
  --size: var(--hop-RichIconAvatarImage-md-size);
123
123
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
124
124
  }
125
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___MIOqU {
125
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___V0j8U {
126
126
  --size: var(--hop-RichIconAvatarImage-lg-size);
127
127
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
128
128
  }
129
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___hOZPm {
129
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___uv-1s {
130
130
  --size: var(--hop-RichIconAvatarImage-xl-size);
131
131
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
132
132
  }
133
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___8l-pB {
133
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___43YNN {
134
134
  --size: var(--hop-RichIconAvatarImage-2xl-size);
135
135
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
136
136
  }
137
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4[data-disabled] {
137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt[data-disabled] {
138
138
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
139
139
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu {
140
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
141
141
  position: relative;
142
142
  display: block;
143
143
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
144
144
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
147
147
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
148
148
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
149
149
  }
150
150
 
151
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
152
- .Avatar-module__hop-Avatar___vgJ-p {
152
+ .Avatar-module__hop-Avatar___2iRIy {
153
153
  --hop-Avatar-border-radius: var(--hop-shape-circle);
154
154
  --hop-Avatar-mix-blend-mode: normal;
155
155
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -194,67 +194,67 @@
194
194
  background-color: var(--background-color, transparent);
195
195
  border-radius: var(--hop-Avatar-border-radius);
196
196
  }
197
- .Avatar-module__hop-Avatar--xs___wpPeA {
197
+ .Avatar-module__hop-Avatar--xs___U6TaP {
198
198
  --size: var(--hop-Avatar-xs-size);
199
199
  }
200
- .Avatar-module__hop-Avatar--sm___Fk1qb {
200
+ .Avatar-module__hop-Avatar--sm___mVPqW {
201
201
  --size: var(--hop-Avatar-sm-size);
202
202
  }
203
- .Avatar-module__hop-Avatar--md___Cifqw {
203
+ .Avatar-module__hop-Avatar--md___-HteB {
204
204
  --size: var(--hop-Avatar-md-size);
205
205
  }
206
- .Avatar-module__hop-Avatar--lg___sbrlf {
206
+ .Avatar-module__hop-Avatar--lg___6eRRX {
207
207
  --size: var(--hop-Avatar-lg-size);
208
208
  }
209
- .Avatar-module__hop-Avatar--xl___PHliE {
209
+ .Avatar-module__hop-Avatar--xl___XeULp {
210
210
  --size: var(--hop-Avatar-xl-size);
211
211
  }
212
- .Avatar-module__hop-Avatar--2xl___nKPBy {
212
+ .Avatar-module__hop-Avatar--2xl___0w2Ni {
213
213
  --size: var(--hop-Avatar-2xl-size);
214
214
  }
215
- .Avatar-module__hop-Avatar--decorative-option1___H5fh3 {
215
+ .Avatar-module__hop-Avatar--decorative-option1___x4wwr {
216
216
  --background-color: var(--hop-Avatar-decorative-1-background-color);
217
217
  --text-color: var(--hop-Avatar-decorative-1-text-color);
218
218
  }
219
- .Avatar-module__hop-Avatar--decorative-option2___uSm69 {
219
+ .Avatar-module__hop-Avatar--decorative-option2___VdIQd {
220
220
  --background-color: var(--hop-Avatar-decorative-2-background-color);
221
221
  --text-color: var(--hop-Avatar-decorative-2-text-color);
222
222
  }
223
- .Avatar-module__hop-Avatar--decorative-option3___c4YaX {
223
+ .Avatar-module__hop-Avatar--decorative-option3___T5HRP {
224
224
  --background-color: var(--hop-Avatar-decorative-3-background-color);
225
225
  --text-color: var(--hop-Avatar-decorative-3-text-color);
226
226
  }
227
- .Avatar-module__hop-Avatar--decorative-option4___ZeS1w {
227
+ .Avatar-module__hop-Avatar--decorative-option4___quPmn {
228
228
  --background-color: var(--hop-Avatar-decorative-4-background-color);
229
229
  --text-color: var(--hop-Avatar-decorative-4-text-color);
230
230
  }
231
- .Avatar-module__hop-Avatar--decorative-option5___7HPYj {
231
+ .Avatar-module__hop-Avatar--decorative-option5___ifBXG {
232
232
  --background-color: var(--hop-Avatar-decorative-5-background-color);
233
233
  --text-color: var(--hop-Avatar-decorative-5-text-color);
234
234
  }
235
- .Avatar-module__hop-Avatar--decorative-option6___Zu8po {
235
+ .Avatar-module__hop-Avatar--decorative-option6___wDYJd {
236
236
  --background-color: var(--hop-Avatar-decorative-6-background-color);
237
237
  --text-color: var(--hop-Avatar-decorative-6-text-color);
238
238
  }
239
- .Avatar-module__hop-Avatar--decorative-option7___p2dza {
239
+ .Avatar-module__hop-Avatar--decorative-option7___xgn2p {
240
240
  --background-color: var(--hop-Avatar-decorative-7-background-color);
241
241
  --text-color: var(--hop-Avatar-decorative-7-text-color);
242
242
  }
243
- .Avatar-module__hop-Avatar--decorative-option8___mxCgz {
243
+ .Avatar-module__hop-Avatar--decorative-option8___6RKzf {
244
244
  --background-color: var(--hop-Avatar-decorative-8-background-color);
245
245
  --text-color: var(--hop-Avatar-decorative-8-text-color);
246
246
  }
247
- .Avatar-module__hop-Avatar--decorative-option9___Ea8U7 {
247
+ .Avatar-module__hop-Avatar--decorative-option9___LMOth {
248
248
  --background-color: var(--hop-Avatar-decorative-9-background-color);
249
249
  --text-color: var(--hop-Avatar-decorative-9-text-color);
250
250
  }
251
- .Avatar-module__hop-Avatar___vgJ-p[data-disabled] {
251
+ .Avatar-module__hop-Avatar___2iRIy[data-disabled] {
252
252
  --background-color: var(--hop-Avatar-background-color-disabled);
253
253
  --text-color: var(--hop-Avatar-text-color-disabled);
254
254
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
255
255
  isolation: isolate;
256
256
  }
257
- .Avatar-module__hop-Avatar__image___zOLgF {
257
+ .Avatar-module__hop-Avatar__image___L1lkB {
258
258
  position: relative;
259
259
  display: block;
260
260
  box-sizing: border-box;
@@ -265,7 +265,7 @@
265
265
  }
266
266
 
267
267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
268
- :where(.OverlineText-module__hop-OverlineText___H96xT) {
268
+ :where(.OverlineText-module__hop-OverlineText___AJQ9B) {
269
269
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
270
270
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
271
271
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -289,26 +289,26 @@
289
289
  text-transform: uppercase;
290
290
  letter-spacing: var(--letter-spacing);
291
291
  }
292
- .OverlineText-module__hop-OverlineText__text___Oen8K {
292
+ .OverlineText-module__hop-OverlineText__text___2R69Q {
293
293
  box-sizing: border-box;
294
294
  }
295
- .OverlineText-module__hop-OverlineText__text___Oen8K::before,
296
- .OverlineText-module__hop-OverlineText__text___Oen8K::after {
295
+ .OverlineText-module__hop-OverlineText__text___2R69Q::before,
296
+ .OverlineText-module__hop-OverlineText__text___2R69Q::after {
297
297
  content: "";
298
298
  display: block;
299
299
  box-sizing: border-box;
300
300
  inline-size: 0;
301
301
  block-size: 0;
302
302
  }
303
- .OverlineText-module__hop-OverlineText__text___Oen8K::before {
303
+ .OverlineText-module__hop-OverlineText__text___2R69Q::before {
304
304
  margin-block-end: var(--bottom-offset);
305
305
  }
306
- .OverlineText-module__hop-OverlineText__text___Oen8K::after {
306
+ .OverlineText-module__hop-OverlineText__text___2R69Q::after {
307
307
  margin-block-start: var(--top-offset);
308
308
  }
309
309
 
310
310
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
311
- .Badge-module__hop-Badge___j2yOS {
311
+ .Badge-module__hop-Badge___-xOKd {
312
312
  --hop-Badge-height: 1.5rem;
313
313
  --hop-Badge-width: max-content;
314
314
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -358,67 +358,67 @@
358
358
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
359
359
  border-radius: var(--border-radius);
360
360
  }
361
- .Badge-module__hop-Badge___j2yOS[data-variant=primary] {
361
+ .Badge-module__hop-Badge___-xOKd[data-variant=primary] {
362
362
  --background-color: var(--hop-Badge-primary-background-color);
363
363
  --text-color: var(--hop-Badge-primary-text-color);
364
364
  }
365
- .Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=primary] {
365
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=primary] {
366
366
  --background-color: var(--hop-Badge-primary-background-color-hovered);
367
367
  --text-color: var(--hop-Badge-primary-text-color-hovered);
368
368
  }
369
- .Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=primary] {
369
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=primary] {
370
370
  --background-color: var(--hop-Badge-primary-background-color-pressed);
371
371
  --text-color: var(--hop-Badge-primary-text-color-pressed);
372
372
  }
373
- .Badge-module__hop-Badge___j2yOS[data-selected][data-variant=primary] {
373
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=primary] {
374
374
  --background-color: var(--hop-Badge-primary-background-color-selected);
375
375
  --text-color: var(--hop-Badge-primary-text-color-selected);
376
376
  }
377
- .Badge-module__hop-Badge___j2yOS[data-variant=secondary] {
377
+ .Badge-module__hop-Badge___-xOKd[data-variant=secondary] {
378
378
  --background-color: var(--hop-Badge-secondary-background-color);
379
379
  --text-color: var(--hop-Badge-secondary-text-color);
380
380
  }
381
- .Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=secondary] {
381
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=secondary] {
382
382
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
383
383
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
384
384
  }
385
- .Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=secondary] {
385
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=secondary] {
386
386
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
387
387
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
388
388
  }
389
- .Badge-module__hop-Badge___j2yOS[data-selected][data-variant=secondary] {
389
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=secondary] {
390
390
  --background-color: var(--hop-Badge-secondary-background-color-selected);
391
391
  --text-color: var(--hop-Badge-secondary-text-color-selected);
392
392
  }
393
- .Badge-module__hop-Badge___j2yOS[data-variant=subdued] {
393
+ .Badge-module__hop-Badge___-xOKd[data-variant=subdued] {
394
394
  --background-color: var(--hop-Badge-subdued-background-color);
395
395
  --text-color: var(--hop-Badge-subdued-text-color);
396
396
  }
397
- .Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=subdued] {
397
+ .Badge-module__hop-Badge___-xOKd[data-hovered][data-variant=subdued] {
398
398
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
399
399
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
400
400
  }
401
- .Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=subdued] {
401
+ .Badge-module__hop-Badge___-xOKd[data-pressed][data-variant=subdued] {
402
402
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
403
403
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
404
404
  }
405
- .Badge-module__hop-Badge___j2yOS[data-selected][data-variant=subdued] {
405
+ .Badge-module__hop-Badge___-xOKd[data-selected][data-variant=subdued] {
406
406
  --background-color: var(--hop-Badge-subdued-background-color-selected);
407
407
  --text-color: var(--hop-Badge-subdued-text-color-selected);
408
408
  }
409
- .Badge-module__hop-Badge___j2yOS[data-indeterminate] {
409
+ .Badge-module__hop-Badge___-xOKd[data-indeterminate] {
410
410
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
411
411
  --height: var(--hop-Badge-indeterminate-height);
412
412
  --width: var(--hop-Badge-indeterminate-width);
413
413
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
414
414
  }
415
- .Badge-module__hop-Badge___j2yOS[data-disabled] {
415
+ .Badge-module__hop-Badge___-xOKd[data-disabled] {
416
416
  --background-color: var(--hop-Badge-background-color-disabled);
417
417
  --text-color: var(--hop-Badge-text-color-disabled);
418
418
  }
419
419
 
420
420
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
421
- .FloatingBadge-module__hop-FloatingBadge___75EoU {
421
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn {
422
422
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
423
423
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
424
424
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -459,7 +459,7 @@
459
459
  box-sizing: border-box;
460
460
  inline-size: max-content;
461
461
  }
462
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top right"] {
462
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top right"] {
463
463
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
464
464
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
465
465
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -467,11 +467,11 @@
467
467
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
468
468
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
469
469
  }
470
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top right"][data-overlap=circular] {
470
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top right"][data-overlap=circular] {
471
471
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
472
472
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
473
473
  }
474
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top left"] {
474
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top left"] {
475
475
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
476
476
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
477
477
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -479,11 +479,11 @@
479
479
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
480
480
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
481
481
  }
482
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top left"][data-overlap=circular] {
482
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="top left"][data-overlap=circular] {
483
483
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
484
484
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
485
485
  }
486
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom right"] {
486
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom right"] {
487
487
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
488
488
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
489
489
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -491,11 +491,11 @@
491
491
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
492
492
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
493
493
  }
494
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom right"][data-overlap=circular] {
494
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom right"][data-overlap=circular] {
495
495
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
496
496
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
497
497
  }
498
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom left"] {
498
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom left"] {
499
499
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
500
500
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
501
501
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -503,11 +503,11 @@
503
503
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
504
504
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
505
505
  }
506
- .FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom left"][data-overlap=circular] {
506
+ .FloatingBadge-module__hop-FloatingBadge___OCAvn[data-placement="bottom left"][data-overlap=circular] {
507
507
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
508
508
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
509
509
  }
510
- .FloatingBadge-module__hop-FloatingBadge__badge___0TxFi {
510
+ .FloatingBadge-module__hop-FloatingBadge__badge___XidQN {
511
511
  position: absolute;
512
512
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
513
513
  transform-origin: var(--badge-transform-origin);
@@ -515,7 +515,7 @@
515
515
  }
516
516
 
517
517
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
518
- .IconList-module__hop-IconList___Z6Put {
518
+ .IconList-module__hop-IconList___LeCr- {
519
519
  --hop-IconList-gap: var(--hop-space-inline-xs);
520
520
  display: flex;
521
521
  flex-wrap: wrap;
@@ -524,7 +524,7 @@
524
524
  }
525
525
 
526
526
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
527
- @keyframes Spinner-module__spin___HWAqt {
527
+ @keyframes Spinner-module__spin___-Rkj1 {
528
528
  0% {
529
529
  transform: rotate(0deg);
530
530
  }
@@ -532,7 +532,7 @@
532
532
  transform: rotate(360deg);
533
533
  }
534
534
  }
535
- .Spinner-module__hop-Spinner___Zh1Ig {
535
+ .Spinner-module__hop-Spinner___xDrpF {
536
536
  --hop-Spinner-border-radius: var(--hop-shape-circle);
537
537
  --hop-Spinner-sm-wheel-size: 1rem;
538
538
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -540,7 +540,7 @@
540
540
  --hop-Spinner-track-width: 0.125rem;
541
541
  --hop-Spinner-track-opacity: 0.2;
542
542
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
543
- --hop-Spinner-fill-animation: Spinner-module__spin___HWAqt .8s infinite linear;
543
+ --hop-Spinner-fill-animation: Spinner-module__spin___-Rkj1 .8s infinite linear;
544
544
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
545
545
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
546
546
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -551,19 +551,19 @@
551
551
  align-items: center;
552
552
  box-sizing: border-box;
553
553
  }
554
- .Spinner-module__hop-Spinner--sm___xO7jF {
554
+ .Spinner-module__hop-Spinner--sm___rvdH6 {
555
555
  --width: var(--hop-Spinner-sm-wheel-size);
556
556
  --height: var(--hop-Spinner-sm-wheel-size);
557
557
  }
558
- .Spinner-module__hop-Spinner--md___86MBc {
558
+ .Spinner-module__hop-Spinner--md___z6QNv {
559
559
  --width: var(--hop-Spinner-md-wheel-size);
560
560
  --height: var(--hop-Spinner-md-wheel-size);
561
561
  }
562
- .Spinner-module__hop-Spinner--lg___6WVVx {
562
+ .Spinner-module__hop-Spinner--lg___NI1Kx {
563
563
  --width: var(--hop-Spinner-lg-wheel-size);
564
564
  --height: var(--hop-Spinner-lg-wheel-size);
565
565
  }
566
- .Spinner-module__hop-Spinner__track___bSJvF {
566
+ .Spinner-module__hop-Spinner__track___4C02S {
567
567
  grid-area: spinner;
568
568
  box-sizing: border-box;
569
569
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -572,7 +572,7 @@
572
572
  border: var(--hop-Spinner-track-border);
573
573
  border-radius: var(--hop-Spinner-border-radius);
574
574
  }
575
- .Spinner-module__hop-Spinner__fill___HqVd1 {
575
+ .Spinner-module__hop-Spinner__fill___oPPSm {
576
576
  grid-area: spinner;
577
577
  box-sizing: border-box;
578
578
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -583,17 +583,17 @@
583
583
  animation: var(--hop-Spinner-fill-animation);
584
584
  }
585
585
  @media (prefers-reduced-motion: reduce) {
586
- .Spinner-module__hop-Spinner__fill___HqVd1 {
586
+ .Spinner-module__hop-Spinner__fill___oPPSm {
587
587
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
588
588
  }
589
589
  }
590
- .Spinner-module__hop-Spinner__label___u732A {
590
+ .Spinner-module__hop-Spinner__label___AivV7 {
591
591
  grid-area: label;
592
592
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
593
593
  }
594
594
 
595
595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
596
- .Button-module__hop-Button___lmqpa {
596
+ .Button-module__hop-Button___7f0XC {
597
597
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
598
598
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
599
599
  --hop-Button-icon-only-padding: 0;
@@ -752,320 +752,321 @@
752
752
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
753
753
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
754
754
  }
755
- .Button-module__hop-Button___lmqpa[data-focus-visible] {
755
+ .Button-module__hop-Button___7f0XC[data-focus-visible] {
756
756
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
757
757
  }
758
- .Button-module__hop-Button--icon-only___2xBXm {
758
+ .Button-module__hop-Button--icon-only___vYJyC {
759
759
  --padding-block: var(--hop-Button-icon-only-padding);
760
760
  --padding-inline: var(--hop-Button-icon-only-padding);
761
761
  column-gap: 0;
762
762
  aspect-ratio: 1;
763
763
  }
764
- .Button-module__hop-Button___lmqpa[data-disabled],
765
- .Button-module__hop-Button___lmqpa[data-loading] {
764
+ .Button-module__hop-Button___7f0XC[data-disabled],
765
+ .Button-module__hop-Button___7f0XC[data-loading] {
766
766
  cursor: not-allowed;
767
767
  }
768
- .Button-module__hop-Button--fluid___l-oPy {
768
+ .Button-module__hop-Button--fluid___C0JPO {
769
769
  --inline-size: 100%;
770
770
  }
771
- .Button-module__hop-Button--sm___BH-SD {
771
+ .Button-module__hop-Button--sm___yM9Fq {
772
772
  --block-size: var(--hop-Button-sm-height);
773
773
  }
774
- .Button-module__hop-Button--primary___kVWtX.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
774
+ .Button-module__hop-Button--primary___V1ds9.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
775
775
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
776
776
  --padding-block: var(--hop-Button-primary-sm-padding-y);
777
777
  }
778
- .Button-module__hop-Button--primary___kVWtX.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
778
+ .Button-module__hop-Button--primary___V1ds9.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
779
779
  --padding-inline: var(--hop-Button-primary-md-padding-x);
780
780
  --padding-block: var(--hop-Button-primary-md-padding-y);
781
781
  }
782
- .Button-module__hop-Button--secondary___PBpba.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
782
+ .Button-module__hop-Button--secondary___qS99y.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
783
783
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
784
784
  --padding-block: var(--hop-Button-secondary-md-padding-y);
785
785
  }
786
- .Button-module__hop-Button--secondary___PBpba.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
786
+ .Button-module__hop-Button--secondary___qS99y.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
787
787
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
788
788
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
789
789
  }
790
- .Button-module__hop-Button--upsell___f4MnG.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
790
+ .Button-module__hop-Button--upsell___DBn1I.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
791
791
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
792
792
  --padding-block: var(--hop-Button-upsell-md-padding-y);
793
793
  }
794
- .Button-module__hop-Button--upsell___f4MnG.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
794
+ .Button-module__hop-Button--upsell___DBn1I.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
795
795
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
796
796
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
797
797
  }
798
- .Button-module__hop-Button--danger___TV-l6.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
798
+ .Button-module__hop-Button--danger___tvj3G.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
799
799
  --padding-inline: var(--hop-Button-danger-md-padding-x);
800
800
  --padding-block: var(--hop-Button-danger-md-padding-y);
801
801
  }
802
- .Button-module__hop-Button--danger___TV-l6.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
802
+ .Button-module__hop-Button--danger___tvj3G.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
803
803
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
804
804
  --padding-block: var(--hop-Button-danger-sm-padding-y);
805
805
  }
806
- .Button-module__hop-Button--ghost-danger___qqiOP.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
806
+ .Button-module__hop-Button--ghost-danger___D-J5Y.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
807
807
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
808
808
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
809
809
  }
810
- .Button-module__hop-Button--ghost-danger___qqiOP.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
810
+ .Button-module__hop-Button--ghost-danger___D-J5Y.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
811
811
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
812
812
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
813
813
  }
814
- .Button-module__hop-Button--ghost-secondary___PyKnm.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
814
+ .Button-module__hop-Button--ghost-secondary___hXVww.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
815
815
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
816
816
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
817
817
  }
818
- .Button-module__hop-Button--ghost-secondary___PyKnm.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
818
+ .Button-module__hop-Button--ghost-secondary___hXVww.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
819
819
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
820
820
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
821
821
  }
822
- .Button-module__hop-Button--ghost-primary___VOEr-.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
822
+ .Button-module__hop-Button--ghost-primary___zblpI.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
823
823
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
824
824
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
825
825
  }
826
- .Button-module__hop-Button--ghost-primary___VOEr-.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
826
+ .Button-module__hop-Button--ghost-primary___zblpI.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
827
827
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
828
828
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
829
829
  }
830
- .Button-module__hop-Button--primary___kVWtX {
830
+ .Button-module__hop-Button--primary___V1ds9 {
831
831
  --background-color: var(--hop-Button-primary-background-color);
832
832
  --color: var(--hop-Button-primary-color);
833
833
  --border: var(--hop-Button-primary-border);
834
834
  --spinner-color: var(--hop-Button-primary-spinner-color);
835
835
  }
836
- .Button-module__hop-Button--primary___kVWtX[data-disabled]:not([data-loading]) {
836
+ .Button-module__hop-Button--primary___V1ds9[data-disabled]:not([data-loading]) {
837
837
  --background-color: var(--hop-Button-primary-background-color-disabled);
838
838
  --color: var(--hop-Button-primary-color-disabled);
839
839
  --border: var(--hop-Button-primary-border-disabled);
840
840
  }
841
- .Button-module__hop-Button--primary___kVWtX[data-hovered]:not([data-disabled], [data-loading]),
842
- .Button-module__hop-Button--primary___kVWtX[data-focus-visible]:not([data-disabled], [data-loading]) {
841
+ .Button-module__hop-Button--primary___V1ds9[data-hovered]:not([data-disabled], [data-loading]),
842
+ .Button-module__hop-Button--primary___V1ds9[data-focus-visible]:not([data-disabled], [data-loading]) {
843
843
  --background-color: var(--hop-Button-primary-background-color-hover);
844
844
  --color: var(--hop-Button-primary-color-hover);
845
845
  --border: var(--hop-Button-primary-border-hover);
846
846
  }
847
- .Button-module__hop-Button--primary___kVWtX[data-pressed]:not([data-loading]) {
847
+ .Button-module__hop-Button--primary___V1ds9[data-pressed]:not([data-loading]) {
848
848
  --background-color: var(--hop-Button-primary-background-color-pressed);
849
849
  --color: var(--hop-Button-primary-color-pressed);
850
850
  --border: var(--hop-Button-primary-border-pressed);
851
851
  }
852
- .Button-module__hop-Button--secondary___PBpba {
852
+ .Button-module__hop-Button--secondary___qS99y {
853
853
  --background-color: var(--hop-Button-secondary-background-color);
854
854
  --color: var(--hop-Button-secondary-color);
855
855
  --border: var(--hop-Button-secondary-border);
856
856
  --spinner-color: var(--hop-Button-secondary-spinner-color);
857
857
  }
858
- .Button-module__hop-Button--secondary___PBpba[data-disabled]:not([data-loading]) {
858
+ .Button-module__hop-Button--secondary___qS99y[data-disabled]:not([data-loading]) {
859
859
  --background-color: var(--hop-Button-secondary-background-color-disabled);
860
860
  --color: var(--hop-Button-secondary-color-disabled);
861
861
  --border: var(--hop-Button-secondary-border-disabled);
862
862
  }
863
- .Button-module__hop-Button--secondary___PBpba[data-hovered]:not([data-disabled], [data-loading]),
864
- .Button-module__hop-Button--secondary___PBpba[data-focus-visible]:not([data-disabled], [data-loading]) {
863
+ .Button-module__hop-Button--secondary___qS99y[data-hovered]:not([data-disabled], [data-loading]),
864
+ .Button-module__hop-Button--secondary___qS99y[data-focus-visible]:not([data-disabled], [data-loading]) {
865
865
  --background-color: var(--hop-Button-secondary-background-color-hover);
866
866
  --color: var(--hop-Button-secondary-color-hover);
867
867
  --border: var(--hop-Button-secondary-border-hover);
868
868
  }
869
- .Button-module__hop-Button--secondary___PBpba[data-pressed]:not([data-loading]) {
869
+ .Button-module__hop-Button--secondary___qS99y[data-pressed]:not([data-loading]) {
870
870
  --background-color: var(--hop-Button-secondary-background-color-pressed);
871
871
  --color: var(--hop-Button-secondary-color-pressed);
872
872
  --border: var(--hop-Button-secondary-border-pressed);
873
873
  }
874
- .Button-module__hop-Button--upsell___f4MnG {
874
+ .Button-module__hop-Button--upsell___DBn1I {
875
875
  --background-color: var(--hop-Button-upsell-background-color);
876
876
  --color: var(--hop-Button-upsell-color);
877
877
  --border: var(--hop-Button-upsell-border);
878
878
  --spinner-color: var(--hop-Button-upsell-spinner-color);
879
879
  }
880
- .Button-module__hop-Button--upsell___f4MnG[data-disabled]:not([data-loading]) {
880
+ .Button-module__hop-Button--upsell___DBn1I[data-disabled]:not([data-loading]) {
881
881
  --background-color: var(--hop-Button-upsell-background-color-disabled);
882
882
  --color: var(--hop-Button-upsell-color-disabled);
883
883
  --border: var(--hop-Button-upsell-border-disabled);
884
884
  }
885
- .Button-module__hop-Button--upsell___f4MnG[data-hovered]:not([data-disabled], [data-loading]),
886
- .Button-module__hop-Button--upsell___f4MnG[data-focus-visible]:not([data-disabled], [data-loading]) {
885
+ .Button-module__hop-Button--upsell___DBn1I[data-hovered]:not([data-disabled], [data-loading]),
886
+ .Button-module__hop-Button--upsell___DBn1I[data-focus-visible]:not([data-disabled], [data-loading]) {
887
887
  --background-color: var(--hop-Button-upsell-background-color-hover);
888
888
  --color: var(--hop-Button-upsell-color-hover);
889
889
  --border: var(--hop-Button-upsell-border-hover);
890
890
  }
891
- .Button-module__hop-Button--upsell___f4MnG[data-pressed]:not([data-loading]) {
891
+ .Button-module__hop-Button--upsell___DBn1I[data-pressed]:not([data-loading]) {
892
892
  --background-color: var(--hop-Button-upsell-background-color-pressed);
893
893
  --color: var(--hop-Button-upsell-color-pressed);
894
894
  --border: var(--hop-Button-upsell-border-pressed);
895
895
  }
896
- .Button-module__hop-Button--danger___TV-l6 {
896
+ .Button-module__hop-Button--danger___tvj3G {
897
897
  --background-color: var(--hop-Button-danger-background-color);
898
898
  --color: var(--hop-Button-danger-color);
899
899
  --border: var(--hop-Button-danger-border);
900
900
  --spinner-color: var(--hop-Button-danger-spinner-color);
901
901
  }
902
- .Button-module__hop-Button--danger___TV-l6[data-disabled]:not([data-loading]) {
902
+ .Button-module__hop-Button--danger___tvj3G[data-disabled]:not([data-loading]) {
903
903
  --background-color: var(--hop-Button-danger-background-color-disabled);
904
904
  --color: var(--hop-Button-danger-color-disabled);
905
905
  --border: var(--hop-Button-danger-border-disabled);
906
906
  }
907
- .Button-module__hop-Button--danger___TV-l6[data-hovered]:not([data-disabled], [data-loading]),
908
- .Button-module__hop-Button--danger___TV-l6[data-focus-visible]:not([data-disabled], [data-loading]) {
907
+ .Button-module__hop-Button--danger___tvj3G[data-hovered]:not([data-disabled], [data-loading]),
908
+ .Button-module__hop-Button--danger___tvj3G[data-focus-visible]:not([data-disabled], [data-loading]) {
909
909
  --background-color: var(--hop-Button-danger-background-color-hover);
910
910
  --color: var(--hop-Button-danger-color-hover);
911
911
  --border: var(--hop-Button-danger-border-hover);
912
912
  }
913
- .Button-module__hop-Button--danger___TV-l6[data-pressed]:not([data-loading]) {
913
+ .Button-module__hop-Button--danger___tvj3G[data-pressed]:not([data-loading]) {
914
914
  --background-color: var(--hop-Button-danger-background-color-pressed);
915
915
  --color: var(--hop-Button-danger-color-pressed);
916
916
  --border: var(--hop-Button-danger-border-pressed);
917
917
  }
918
- .Button-module__hop-Button--ghost-primary___VOEr- {
918
+ .Button-module__hop-Button--ghost-primary___zblpI {
919
919
  --background-color: var(--hop-Button-ghost-primary-background-color);
920
920
  --color: var(--hop-Button-ghost-primary-color);
921
921
  --border: var(--hop-Button-ghost-primary-border);
922
922
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
923
923
  }
924
- .Button-module__hop-Button--ghost-primary___VOEr-[data-disabled]:not([data-loading]) {
924
+ .Button-module__hop-Button--ghost-primary___zblpI[data-disabled]:not([data-loading]) {
925
925
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
926
926
  --color: var(--hop-Button-ghost-primary-color-disabled);
927
927
  --border: var(--hop-Button-ghost-primary-border-disabled);
928
928
  }
929
- .Button-module__hop-Button--ghost-primary___VOEr-[data-hovered]:not([data-disabled], [data-loading]),
930
- .Button-module__hop-Button--ghost-primary___VOEr-[data-focus-visible]:not([data-disabled], [data-loading]) {
929
+ .Button-module__hop-Button--ghost-primary___zblpI[data-hovered]:not([data-disabled], [data-loading]),
930
+ .Button-module__hop-Button--ghost-primary___zblpI[data-focus-visible]:not([data-disabled], [data-loading]) {
931
931
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
932
932
  --color: var(--hop-Button-ghost-primary-color-hover);
933
933
  --border: var(--hop-Button-ghost-primary-border-hover);
934
934
  }
935
- .Button-module__hop-Button--ghost-primary___VOEr-[data-pressed]:not([data-loading]) {
935
+ .Button-module__hop-Button--ghost-primary___zblpI[data-pressed]:not([data-loading]) {
936
936
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
937
937
  --color: var(--hop-Button-ghost-primary-color-pressed);
938
938
  --border: var(--hop-Button-ghost-primary-border-pressed);
939
939
  }
940
- .Button-module__hop-Button--ghost-secondary___PyKnm {
940
+ .Button-module__hop-Button--ghost-secondary___hXVww {
941
941
  --background-color: var(--hop-Button-ghost-secondary-background-color);
942
942
  --color: var(--hop-Button-ghost-secondary-color);
943
943
  --border: var(--hop-Button-ghost-secondary-border);
944
944
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
945
945
  }
946
- .Button-module__hop-Button--ghost-secondary___PyKnm[data-disabled]:not([data-loading]) {
946
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-disabled]:not([data-loading]) {
947
947
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
948
948
  --color: var(--hop-Button-ghost-secondary-color-disabled);
949
949
  --border: var(--hop-Button-ghost-secondary-border-disabled);
950
950
  }
951
- .Button-module__hop-Button--ghost-secondary___PyKnm[data-hovered]:not([data-disabled], [data-loading]),
952
- .Button-module__hop-Button--ghost-secondary___PyKnm[data-focus-visible]:not([data-disabled], [data-loading]) {
951
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-hovered]:not([data-disabled], [data-loading]),
952
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-focus-visible]:not([data-disabled], [data-loading]) {
953
953
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
954
954
  --color: var(--hop-Button-ghost-secondary-color-hover);
955
955
  --border: var(--hop-Button-ghost-secondary-border-hover);
956
956
  }
957
- .Button-module__hop-Button--ghost-secondary___PyKnm[data-pressed]:not([data-loading]) {
957
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-pressed]:not([data-loading]) {
958
958
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
959
959
  --color: var(--hop-Button-ghost-secondary-color-pressed);
960
960
  --border: var(--hop-Button-ghost-secondary-border-pressed);
961
961
  }
962
- .Button-module__hop-Button--ghost-danger___qqiOP {
962
+ .Button-module__hop-Button--ghost-danger___D-J5Y {
963
963
  --background-color: var(--hop-Button-ghost-danger-background-color);
964
964
  --color: var(--hop-Button-ghost-danger-color);
965
965
  --border: var(--hop-Button-ghost-danger-border);
966
966
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
967
967
  }
968
- .Button-module__hop-Button--ghost-danger___qqiOP[data-disabled]:not([data-loading]) {
968
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-disabled]:not([data-loading]) {
969
969
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
970
970
  --color: var(--hop-Button-ghost-danger-color-disabled);
971
971
  --border: var(--hop-Button-ghost-danger-border-disabled);
972
972
  }
973
- .Button-module__hop-Button--ghost-danger___qqiOP[data-hovered]:not([data-disabled], [data-loading]),
974
- .Button-module__hop-Button--ghost-danger___qqiOP[data-focus-visible]:not([data-disabled], [data-loading]) {
973
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-hovered]:not([data-disabled], [data-loading]),
974
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-focus-visible]:not([data-disabled], [data-loading]) {
975
975
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
976
976
  --color: var(--hop-Button-ghost-danger-color-hover);
977
977
  --border: var(--hop-Button-ghost-danger-border-hover);
978
978
  }
979
- .Button-module__hop-Button--ghost-danger___qqiOP[data-pressed]:not([data-loading]) {
979
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-pressed]:not([data-loading]) {
980
980
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
981
981
  --color: var(--hop-Button-ghost-danger-color-pressed);
982
982
  --border: var(--hop-Button-ghost-danger-border-pressed);
983
983
  }
984
- .Button-module__hop-Button__Spinner___R38Q- {
984
+ .Button-module__hop-Button__Spinner___F4-Og {
985
985
  position: absolute;
986
986
  justify-self: center;
987
987
  color: var(--spinner-color);
988
988
  }
989
- .Button-module__hop-Button__icon___ytKYx,
990
- .Button-module__hop-Button__icon-list___MguPH {
989
+ .Button-module__hop-Button__icon___kTXqa,
990
+ .Button-module__hop-Button__icon-list___GeO8R {
991
991
  grid-area: start-icon;
992
992
  justify-self: end;
993
993
  }
994
- .Button-module__hop-Button__text___hzQn3 {
994
+ .Button-module__hop-Button__text___7wLcn {
995
995
  user-select: none;
996
996
  overflow: visible;
997
997
  grid-area: content;
998
998
  font-weight: var(--hop-font-weight-505);
999
999
  text-wrap: nowrap;
1000
1000
  }
1001
- .Button-module__hop-Button--ghost-primary___VOEr-[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
1002
- .Button-module__hop-Button--ghost-secondary___PyKnm[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
1003
- .Button-module__hop-Button--ghost-danger___qqiOP[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
1004
- .Button-module__hop-Button--ghost-primary___VOEr-[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
1005
- .Button-module__hop-Button--ghost-secondary___PyKnm[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
1006
- .Button-module__hop-Button--ghost-danger___qqiOP[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
1007
- .Button-module__hop-Button--ghost-primary___VOEr-[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
1008
- .Button-module__hop-Button--ghost-secondary___PyKnm[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
1009
- .Button-module__hop-Button--ghost-danger___qqiOP[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3 {
1001
+ .Button-module__hop-Button--ghost-primary___zblpI[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1002
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1003
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1004
+ .Button-module__hop-Button--ghost-primary___zblpI[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1005
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1006
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1007
+ .Button-module__hop-Button--ghost-primary___zblpI[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1008
+ .Button-module__hop-Button--ghost-secondary___hXVww[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
1009
+ .Button-module__hop-Button--ghost-danger___D-J5Y[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn {
1010
1010
  text-decoration: underline;
1011
1011
  text-underline-offset: 0.125rem;
1012
1012
  }
1013
- .Button-module__hop-Button__end-icon___iWHO9,
1014
- .Button-module__hop-Button__end-icon-list___WUaQk {
1013
+ .Button-module__hop-Button__end-icon___nqUHY,
1014
+ .Button-module__hop-Button__end-icon-list___qnuyp {
1015
1015
  grid-area: end-icon;
1016
1016
  }
1017
- .Button-module__hop-Button___lmqpa .Button-module__hop-Button__icon-list___MguPH,
1018
- .Button-module__hop-Button___lmqpa .Button-module__hop-Button__end-icon-list___WUaQk {
1017
+ .Button-module__hop-Button___7f0XC .Button-module__hop-Button__icon-list___GeO8R,
1018
+ .Button-module__hop-Button___7f0XC .Button-module__hop-Button__end-icon-list___qnuyp {
1019
1019
  flex-wrap: nowrap;
1020
1020
  }
1021
- .Button-module__hop-Button___lmqpa[data-loading] > *:not(.Button-module__hop-Button__Spinner___R38Q-) {
1021
+ .Button-module__hop-Button___7f0XC[data-loading] > *:not(.Button-module__hop-Button__Spinner___F4-Og) {
1022
1022
  opacity: 0;
1023
1023
  }
1024
1024
 
1025
1025
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1026
- .ButtonGroup-module__hop-ButtonGroup___iKTaw {
1026
+ .ButtonGroup-module__hop-ButtonGroup___YT-Pf {
1027
1027
  display: inline-flex;
1028
1028
  flex-wrap: nowrap;
1029
1029
  gap: var(--hop-space-inline-md);
1030
1030
  }
1031
- .ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
1031
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
1032
1032
  justify-content: center;
1033
1033
  }
1034
- .ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
1034
+ .ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
1035
1035
  flex-direction: column;
1036
1036
  gap: var(--hop-space-stack-md);
1037
1037
  align-items: center;
1038
1038
  }
1039
- .ButtonGroup-module__hop-ButtonGroup--start___gzKmS.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
1039
+ .ButtonGroup-module__hop-ButtonGroup--start___uoWWd.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
1040
1040
  align-items: flex-start;
1041
1041
  }
1042
- .ButtonGroup-module__hop-ButtonGroup--center___on-lE.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
1042
+ .ButtonGroup-module__hop-ButtonGroup--center___O2vmx.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
1043
1043
  align-items: center;
1044
1044
  }
1045
- .ButtonGroup-module__hop-ButtonGroup--end___5rjyN.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
1045
+ .ButtonGroup-module__hop-ButtonGroup--end___EWwbH.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
1046
1046
  align-items: flex-end;
1047
1047
  }
1048
- .ButtonGroup-module__hop-ButtonGroup--start___gzKmS.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
1048
+ .ButtonGroup-module__hop-ButtonGroup--start___uoWWd.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
1049
1049
  justify-content: flex-start;
1050
1050
  }
1051
- .ButtonGroup-module__hop-ButtonGroup--center___on-lE.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
1051
+ .ButtonGroup-module__hop-ButtonGroup--center___O2vmx.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
1052
1052
  justify-content: center;
1053
1053
  }
1054
- .ButtonGroup-module__hop-ButtonGroup--end___5rjyN.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
1054
+ .ButtonGroup-module__hop-ButtonGroup--end___EWwbH.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
1055
1055
  justify-content: flex-end;
1056
1056
  }
1057
- .ButtonGroup-module__hop-ButtonGroup--wrap___sCH-F {
1057
+ .ButtonGroup-module__hop-ButtonGroup--wrap___GQ5sK {
1058
1058
  flex-wrap: wrap;
1059
1059
  }
1060
- .ButtonGroup-module__hop-ButtonGroup--fluid___2duGA {
1060
+ .ButtonGroup-module__hop-ButtonGroup--fluid___idplN {
1061
1061
  inline-size: 100%;
1062
1062
  }
1063
1063
 
1064
1064
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1065
- .EmbeddedButton-module__hop-EmbeddedButton___etrFw {
1065
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb {
1066
1066
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1067
1067
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1068
1068
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
1069
+ --hop-EmbeddedButton-effect-square-border-radius: var(--hop-shape-rounded-sm);
1069
1070
  --hop-EmbeddedButton-md-height: 1.5rem;
1070
1071
  --hop-EmbeddedButton-md-width: 1.5rem;
1071
1072
  --hop-EmbeddedButton-md-effect-height: 1rem;
@@ -1225,7 +1226,7 @@
1225
1226
  outline: none;
1226
1227
  transition: color var(--transition);
1227
1228
  }
1228
- .EmbeddedButton-module__hop-EmbeddedButton___etrFw::before {
1229
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb::before {
1229
1230
  content: "";
1230
1231
  position: absolute;
1231
1232
  inset-block-start: 50%;
@@ -1238,281 +1239,284 @@
1238
1239
  border-radius: var(--effect-border-radius);
1239
1240
  transition: background-color var(--transition);
1240
1241
  }
1241
- .EmbeddedButton-module__hop-EmbeddedButton--md___7bL0V {
1242
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-square] {
1243
+ --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1244
+ }
1245
+ .EmbeddedButton-module__hop-EmbeddedButton--md___c-uxl {
1242
1246
  --inline-size: var(--hop-EmbeddedButton-md-width);
1243
1247
  --block-size: var(--hop-EmbeddedButton-md-height);
1244
1248
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1245
1249
  }
1246
- .EmbeddedButton-module__hop-EmbeddedButton--lg___5Zw59 {
1250
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___3w8cX {
1247
1251
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1248
1252
  --block-size: var(--hop-EmbeddedButton-lg-height);
1249
1253
  --focus-ring-offset: 0;
1250
1254
  }
1251
- .EmbeddedButton-module__hop-EmbeddedButton--md___7bL0V::before {
1255
+ .EmbeddedButton-module__hop-EmbeddedButton--md___c-uxl::before {
1252
1256
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1253
1257
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1254
1258
  }
1255
- .EmbeddedButton-module__hop-EmbeddedButton--lg___5Zw59::before {
1259
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___3w8cX::before {
1256
1260
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1257
1261
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1258
1262
  }
1259
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8 {
1263
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0 {
1260
1264
  --color: var(--hop-EmbeddedButton-neutral-color);
1261
1265
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1262
1266
  }
1263
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka {
1267
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl {
1264
1268
  --color: var(--hop-EmbeddedButton-subdued-color);
1265
1269
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1266
1270
  }
1267
- .EmbeddedButton-module__hop-EmbeddedButton--progress___axihG {
1271
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs {
1268
1272
  --color: var(--hop-EmbeddedButton-progress-color);
1269
1273
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1270
1274
  }
1271
- .EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A {
1275
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS {
1272
1276
  --color: var(--hop-EmbeddedButton-positive-color);
1273
1277
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1274
1278
  }
1275
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9 {
1279
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl {
1276
1280
  --color: var(--hop-EmbeddedButton-caution-color);
1277
1281
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1278
1282
  }
1279
- .EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E {
1283
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB {
1280
1284
  --color: var(--hop-EmbeddedButton-negative-color);
1281
1285
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1282
1286
  }
1283
- .EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp {
1287
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h- {
1284
1288
  --color: var(--hop-EmbeddedButton-option1-color);
1285
1289
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1286
1290
  }
1287
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C- {
1291
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9 {
1288
1292
  --color: var(--hop-EmbeddedButton-option2-color);
1289
1293
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1290
1294
  }
1291
- .EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y {
1295
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy {
1292
1296
  --color: var(--hop-EmbeddedButton-option3-color);
1293
1297
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1294
1298
  }
1295
- .EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP {
1299
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN {
1296
1300
  --color: var(--hop-EmbeddedButton-option4-color);
1297
1301
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1298
1302
  }
1299
- .EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC {
1303
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn {
1300
1304
  --color: var(--hop-EmbeddedButton-option5-color);
1301
1305
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1302
1306
  }
1303
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk {
1307
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN {
1304
1308
  --color: var(--hop-EmbeddedButton-option6-color);
1305
1309
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1306
1310
  }
1307
- .EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-selected] {
1311
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-selected] {
1308
1312
  --color: var(--hop-EmbeddedButton-selected-color);
1309
1313
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1310
1314
  }
1311
- .EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-focus-visible] {
1315
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-focus-visible] {
1312
1316
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1313
1317
  outline-offset: var(--focus-ring-offset);
1314
1318
  }
1315
- .EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-disabled] {
1319
+ .EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-disabled] {
1316
1320
  cursor: not-allowed;
1317
1321
  }
1318
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-hovered] {
1322
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-hovered] {
1319
1323
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1320
1324
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1321
1325
  }
1322
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-focus-visible] {
1326
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-focus-visible] {
1323
1327
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1324
1328
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1325
1329
  }
1326
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-pressed] {
1330
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-pressed] {
1327
1331
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1328
1332
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1329
1333
  }
1330
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-disabled] {
1334
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-disabled] {
1331
1335
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1332
1336
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1333
1337
  }
1334
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-hovered] {
1338
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-hovered] {
1335
1339
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1336
1340
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1337
1341
  }
1338
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-focus-visible] {
1342
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-focus-visible] {
1339
1343
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1340
1344
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1341
1345
  }
1342
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-pressed] {
1346
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-pressed] {
1343
1347
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1344
1348
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1345
1349
  }
1346
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-disabled] {
1350
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-disabled] {
1347
1351
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1348
1352
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1349
1353
  }
1350
- .EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-hovered] {
1354
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-hovered] {
1351
1355
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1352
1356
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1353
1357
  }
1354
- .EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-focus-visible] {
1358
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-focus-visible] {
1355
1359
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1356
1360
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1357
1361
  }
1358
- .EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-pressed] {
1362
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-pressed] {
1359
1363
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1360
1364
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1361
1365
  }
1362
- .EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-disabled] {
1366
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-disabled] {
1363
1367
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1364
1368
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1365
1369
  }
1366
- .EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-hovered] {
1370
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-hovered] {
1367
1371
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1368
1372
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1369
1373
  }
1370
- .EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-focus-visible] {
1374
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-focus-visible] {
1371
1375
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1372
1376
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1373
1377
  }
1374
- .EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-pressed] {
1378
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-pressed] {
1375
1379
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1376
1380
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1377
1381
  }
1378
- .EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-disabled] {
1382
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-disabled] {
1379
1383
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1380
1384
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1381
1385
  }
1382
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-hovered] {
1386
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-hovered] {
1383
1387
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1384
1388
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1385
1389
  }
1386
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-focus-visible] {
1390
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-focus-visible] {
1387
1391
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1388
1392
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1389
1393
  }
1390
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-pressed] {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-pressed] {
1391
1395
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1392
1396
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1393
1397
  }
1394
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-disabled] {
1398
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-disabled] {
1395
1399
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1396
1400
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1397
1401
  }
1398
- .EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-hovered] {
1402
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-hovered] {
1399
1403
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1400
1404
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1401
1405
  }
1402
- .EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-focus-visible] {
1406
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-focus-visible] {
1403
1407
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1404
1408
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1405
1409
  }
1406
- .EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-pressed] {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-pressed] {
1407
1411
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1408
1412
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1409
1413
  }
1410
- .EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-disabled] {
1414
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-disabled] {
1411
1415
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1412
1416
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1413
1417
  }
1414
- .EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-hovered] {
1418
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-hovered] {
1415
1419
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1416
1420
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1417
1421
  }
1418
- .EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-focus-visible] {
1422
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-focus-visible] {
1419
1423
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1420
1424
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1421
1425
  }
1422
- .EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-pressed] {
1426
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-pressed] {
1423
1427
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1424
1428
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1425
1429
  }
1426
- .EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-disabled] {
1430
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-disabled] {
1427
1431
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1428
1432
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1429
1433
  }
1430
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-hovered] {
1434
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-hovered] {
1431
1435
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1432
1436
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1433
1437
  }
1434
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-focus-visible] {
1438
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-focus-visible] {
1435
1439
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1436
1440
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1437
1441
  }
1438
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-pressed] {
1442
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-pressed] {
1439
1443
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1440
1444
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1441
1445
  }
1442
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-disabled] {
1446
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-disabled] {
1443
1447
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1444
1448
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1445
1449
  }
1446
- .EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-hovered] {
1450
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-hovered] {
1447
1451
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1448
1452
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1449
1453
  }
1450
- .EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-focus-visible] {
1454
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-focus-visible] {
1451
1455
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1452
1456
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1453
1457
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-pressed] {
1458
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-pressed] {
1455
1459
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1456
1460
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1457
1461
  }
1458
- .EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-disabled] {
1462
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-disabled] {
1459
1463
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1460
1464
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1461
1465
  }
1462
- .EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-hovered] {
1466
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-hovered] {
1463
1467
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1464
1468
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1465
1469
  }
1466
- .EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-focus-visible] {
1470
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-focus-visible] {
1467
1471
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1468
1472
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1469
1473
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-pressed] {
1474
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-pressed] {
1471
1475
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1472
1476
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1473
1477
  }
1474
- .EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-disabled] {
1478
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-disabled] {
1475
1479
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1476
1480
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1477
1481
  }
1478
- .EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-hovered] {
1482
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-hovered] {
1479
1483
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1480
1484
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1481
1485
  }
1482
- .EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-focus-visible] {
1486
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-focus-visible] {
1483
1487
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1484
1488
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1485
1489
  }
1486
- .EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-pressed] {
1490
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-pressed] {
1487
1491
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1488
1492
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1489
1493
  }
1490
- .EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-disabled] {
1494
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-disabled] {
1491
1495
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1492
1496
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1493
1497
  }
1494
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-hovered] {
1498
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-hovered] {
1495
1499
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1496
1500
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1497
1501
  }
1498
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-focus-visible] {
1502
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-focus-visible] {
1499
1503
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1500
1504
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1501
1505
  }
1502
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-pressed] {
1506
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-pressed] {
1503
1507
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1504
1508
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1505
1509
  }
1506
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-disabled] {
1510
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-disabled] {
1507
1511
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1508
1512
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1509
1513
  }
1510
- .EmbeddedButton-module__hop-EmbeddedButton__icon___frCoq {
1514
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___IfhUX {
1511
1515
  position: relative;
1512
1516
  }
1513
1517
 
1514
1518
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1515
- .Checkbox-module__hop-Checkbox___NRxO5 {
1519
+ .Checkbox-module__hop-Checkbox___LGvQv {
1516
1520
  --hop-Checkbox-box-border-size: 0.0625rem;
1517
1521
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1518
1522
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1587,63 +1591,63 @@
1587
1591
  inline-size: max-content;
1588
1592
  max-inline-size: 100%;
1589
1593
  }
1590
- .Checkbox-module__hop-Checkbox___NRxO5[data-focus-visible],
1591
- .Checkbox-module__hop-Checkbox--focused___WHmDG {
1594
+ .Checkbox-module__hop-Checkbox___LGvQv[data-focus-visible],
1595
+ .Checkbox-module__hop-Checkbox--focused___vjDn- {
1592
1596
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1593
1597
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1594
1598
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1595
1599
  --text-color: var(--hop-Checkbox-text-color-focused);
1596
1600
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1597
1601
  }
1598
- .Checkbox-module__hop-Checkbox___NRxO5[data-hovered],
1599
- .Checkbox-module__hop-Checkbox--hovered___UTkIX {
1602
+ .Checkbox-module__hop-Checkbox___LGvQv[data-hovered],
1603
+ .Checkbox-module__hop-Checkbox--hovered___rBo1O {
1600
1604
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1601
1605
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1602
1606
  --text-color: var(--hop-Checkbox-text-color-hovered);
1603
1607
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1604
1608
  }
1605
- .Checkbox-module__hop-Checkbox___NRxO5[data-pressed],
1606
- .Checkbox-module__hop-Checkbox--pressed___tU-Mo {
1609
+ .Checkbox-module__hop-Checkbox___LGvQv[data-pressed],
1610
+ .Checkbox-module__hop-Checkbox--pressed___A-Tzt {
1607
1611
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1608
1612
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1609
1613
  --text-color: var(--hop-Checkbox-text-color-pressed);
1610
1614
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1611
1615
  }
1612
- .Checkbox-module__hop-Checkbox___NRxO5[data-selected] {
1616
+ .Checkbox-module__hop-Checkbox___LGvQv[data-selected] {
1613
1617
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1614
1618
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1615
1619
  --check-display: var(--hop-Checkbox-check-display-selected);
1616
1620
  --text-color: var(--hop-Checkbox-text-color-selected);
1617
1621
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1618
1622
  }
1619
- .Checkbox-module__hop-Checkbox___NRxO5[data-invalid] {
1623
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid] {
1620
1624
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1621
1625
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1622
1626
  --check-color: var(--hop-Checkbox-check-color-invalid);
1623
1627
  --text-color: var(--hop-Checkbox-text-color-invalid);
1624
1628
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1625
1629
  }
1626
- .Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___WHmDG) {
1630
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___vjDn-) {
1627
1631
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1628
1632
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1629
1633
  }
1630
- .Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___UTkIX) {
1634
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___rBo1O) {
1631
1635
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1632
1636
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1633
1637
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1634
1638
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1635
1639
  }
1636
- .Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___tU-Mo) {
1640
+ .Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___A-Tzt) {
1637
1641
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1638
1642
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1639
1643
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1640
1644
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1641
1645
  }
1642
- .Checkbox-module__hop-Checkbox___NRxO5:where([data-invalid])[data-selected] {
1646
+ .Checkbox-module__hop-Checkbox___LGvQv:where([data-invalid])[data-selected] {
1643
1647
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1644
1648
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1645
1649
  }
1646
- .Checkbox-module__hop-Checkbox___NRxO5[data-disabled] {
1650
+ .Checkbox-module__hop-Checkbox___LGvQv[data-disabled] {
1647
1651
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1648
1652
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1649
1653
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1651,25 +1655,25 @@
1651
1655
  --text-color: var(--hop-Checkbox-text-color-disabled);
1652
1656
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1653
1657
  }
1654
- .Checkbox-module__hop-Checkbox--sm___b22VB {
1658
+ .Checkbox-module__hop-Checkbox--sm___4oMPK {
1655
1659
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1656
1660
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1657
1661
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1658
1662
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1659
1663
  }
1660
- .Checkbox-module__hop-Checkbox--md___URFff {
1664
+ .Checkbox-module__hop-Checkbox--md___TcJBe {
1661
1665
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1662
1666
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1663
1667
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1664
1668
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1665
1669
  }
1666
- .Checkbox-module__hop-Checkbox__icon___NXQFg,
1667
- .Checkbox-module__hop-Checkbox__icon-list___KzJkL {
1670
+ .Checkbox-module__hop-Checkbox__icon___czSm3,
1671
+ .Checkbox-module__hop-Checkbox__icon-list___657WD {
1668
1672
  flex: 0 0 auto;
1669
1673
  order: 3;
1670
1674
  color: var(--icon-color);
1671
1675
  }
1672
- .Checkbox-module__hop-Checkbox__box___EwDEY {
1676
+ .Checkbox-module__hop-Checkbox__box___hg4Mw {
1673
1677
  display: flex;
1674
1678
  flex: 0 0 auto;
1675
1679
  align-items: center;
@@ -1685,11 +1689,11 @@
1685
1689
  outline-offset: 0.125rem;
1686
1690
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1687
1691
  }
1688
- .Checkbox-module__hop-Checkbox__check___weqm- {
1692
+ .Checkbox-module__hop-Checkbox__check___X5sEH {
1689
1693
  display: var(--check-display);
1690
1694
  color: var(--check-color);
1691
1695
  }
1692
- .Checkbox-module__hop-Checkbox__text___W0V3o {
1696
+ .Checkbox-module__hop-Checkbox__text___IAcx- {
1693
1697
  flex: 0 1 auto;
1694
1698
  order: 2;
1695
1699
  min-inline-size: 0;
@@ -1699,7 +1703,7 @@
1699
1703
  }
1700
1704
 
1701
1705
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1702
- .CheckboxField-module__hop-CheckboxField___gnzi1 {
1706
+ .CheckboxField-module__hop-CheckboxField___ycgKg {
1703
1707
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1704
1708
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1705
1709
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1718,28 +1722,28 @@
1718
1722
  inline-size: max-content;
1719
1723
  max-inline-size: 100%;
1720
1724
  }
1721
- .CheckboxField-module__hop-CheckboxField___gnzi1[data-disabled] {
1725
+ .CheckboxField-module__hop-CheckboxField___ycgKg[data-disabled] {
1722
1726
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1723
1727
  }
1724
- .CheckboxField-module__hop-CheckboxField--sm___jNJLv {
1728
+ .CheckboxField-module__hop-CheckboxField--sm___p26LG {
1725
1729
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1726
1730
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1727
1731
  }
1728
- .CheckboxField-module__hop-CheckboxField--md___w-dv- {
1732
+ .CheckboxField-module__hop-CheckboxField--md___GtuQL {
1729
1733
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1730
1734
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1731
1735
  }
1732
- .CheckboxField-module__hop-CheckboxField__description___aqeyv {
1736
+ .CheckboxField-module__hop-CheckboxField__description___td-PO {
1733
1737
  order: 2;
1734
1738
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1735
1739
  color: var(--description-color);
1736
1740
  }
1737
- .CheckboxField-module__hop-CheckboxField__checkbox___C6LkM {
1741
+ .CheckboxField-module__hop-CheckboxField__checkbox___tdxHy {
1738
1742
  order: 1;
1739
1743
  }
1740
1744
 
1741
1745
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1742
- .ErrorMessage-module__hop-ErrorMessage___RgnZ8 {
1746
+ .ErrorMessage-module__hop-ErrorMessage___lZhsu {
1743
1747
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1744
1748
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1745
1749
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1756,13 +1760,13 @@
1756
1760
  line-height: var(--hop-ErrorMessage-line-height);
1757
1761
  color: var(--hop-ErrorMessage-color);
1758
1762
  }
1759
- .ErrorMessage-module__hop-ErrorMessage__icon___55BuQ {
1763
+ .ErrorMessage-module__hop-ErrorMessage__icon___Dnsoj {
1760
1764
  flex: 0 0 auto;
1761
1765
  align-self: flex-start;
1762
1766
  }
1763
1767
 
1764
1768
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1765
- .HelperMessage-module__hop-HelperMessage___wUoas {
1769
+ .HelperMessage-module__hop-HelperMessage___g-VQU {
1766
1770
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1767
1771
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1768
1772
  display: flex;
@@ -1771,32 +1775,32 @@
1771
1775
  box-sizing: border-box;
1772
1776
  color: var(--hop-HelperMessage-color);
1773
1777
  }
1774
- .HelperMessage-module__hop-HelperMessage__icon___An68p {
1778
+ .HelperMessage-module__hop-HelperMessage__icon___cXfSo {
1775
1779
  flex: 0 0 auto;
1776
1780
  align-self: flex-start;
1777
1781
  }
1778
1782
 
1779
1783
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
1780
- .Label-module__hop-Label___fMtr- {
1784
+ .Label-module__hop-Label___nfV-B {
1781
1785
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
1782
1786
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
1783
1787
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
1784
1788
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
1785
1789
  --hop-Label-color: var(--hop-neutral-text-weak);
1786
1790
  }
1787
- :where(.Label-module__hop-Label___fMtr-) {
1791
+ :where(.Label-module__hop-Label___nfV-B) {
1788
1792
  font-family: var(--hop-Label-font-family);
1789
1793
  font-size: var(--hop-Label-font-size);
1790
1794
  font-weight: var(--hop-Label-font-weight);
1791
1795
  line-height: var(--hop-Label-line-height);
1792
1796
  color: var(--hop-Label-color);
1793
1797
  }
1794
- :where(.Label-module__hop-Label__indicator___L7EES) {
1798
+ :where(.Label-module__hop-Label__indicator___mNdrU) {
1795
1799
  padding-inline-start: var(--hop-space-20);
1796
1800
  }
1797
1801
 
1798
1802
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1799
- .CheckboxGroup-module__hop-CheckboxGroup___agIIk {
1803
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa {
1800
1804
  --hop-CheckboxGroup-align-items: flex-start;
1801
1805
  --hop-CheckboxGroup-justify-content: flex-start;
1802
1806
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1835,46 +1839,46 @@
1835
1839
  inline-size: max-content;
1836
1840
  max-inline-size: 100%;
1837
1841
  }
1838
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx {
1842
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92 {
1839
1843
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1840
1844
  --list-border-radius: var(--hop-shape-rounded-md);
1841
1845
  }
1842
- .CheckboxGroup-module__hop-CheckboxGroup--sm___Fo6My {
1846
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
1843
1847
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1844
1848
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1845
1849
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1846
1850
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1847
1851
  }
1848
- .CheckboxGroup-module__hop-CheckboxGroup--md___XhHQI {
1852
+ .CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
1849
1853
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1850
1854
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1851
1855
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1852
1856
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1853
1857
  }
1854
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx.CheckboxGroup-module__hop-CheckboxGroup--sm___Fo6My {
1858
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
1855
1859
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1856
1860
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1857
1861
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1858
1862
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1859
1863
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1860
1864
  }
1861
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx.CheckboxGroup-module__hop-CheckboxGroup--md___XhHQI {
1865
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
1862
1866
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1863
1867
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1864
1868
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1865
1869
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1866
1870
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1867
1871
  }
1868
- .CheckboxGroup-module__hop-CheckboxGroup___agIIk[data-orientation=horizontal] {
1872
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa[data-orientation=horizontal] {
1869
1873
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1870
1874
  }
1871
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=horizontal] {
1875
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=horizontal] {
1872
1876
  --flex-wrap: nowrap;
1873
1877
  }
1874
- .CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__label___3FKhI {
1878
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__label___YaFOG {
1875
1879
  order: 1;
1876
1880
  }
1877
- .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR {
1881
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB {
1878
1882
  display: flex;
1879
1883
  flex-flow: var(--flex-direction) var(--flex-wrap);
1880
1884
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1885,7 +1889,7 @@
1885
1889
  border: var(--list-border, none);
1886
1890
  border-radius: var(--list-border-radius, 0);
1887
1891
  }
1888
- .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW {
1892
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq {
1889
1893
  position: relative;
1890
1894
  flex: 0 1 auto;
1891
1895
  align-content: start;
@@ -1893,28 +1897,28 @@
1893
1897
  min-inline-size: 0;
1894
1898
  padding: var(--checkbox-padding, 0);
1895
1899
  }
1896
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
1900
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92 .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
1897
1901
  content: "";
1898
1902
  position: absolute;
1899
1903
  display: block;
1900
1904
  }
1901
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
1905
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
1902
1906
  inset-block-start: 0;
1903
1907
  inset-inline: 0;
1904
1908
  border-block-start: var(--list-border, none);
1905
1909
  }
1906
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
1910
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
1907
1911
  inset-block: 0;
1908
1912
  inset-inline-start: 0;
1909
1913
  border-inline-start: var(--list-border, none);
1910
1914
  }
1911
- .CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__error-message___p5b4m,
1912
- .CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___52ceK {
1915
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___uPyiu,
1916
+ .CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___SPO-k {
1913
1917
  order: 3;
1914
1918
  }
1915
1919
 
1916
1920
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
1917
- :where(.Divider-module__hop-Divider___fqfQB) {
1921
+ :where(.Divider-module__hop-Divider___0dYuL) {
1918
1922
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
1919
1923
  --hop-Divider-border-size: 0.0625rem;
1920
1924
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -1939,7 +1943,7 @@
1939
1943
  border-block-end: var(--border-block-end);
1940
1944
  border-inline-start: var(--border-inline-start);
1941
1945
  }
1942
- .Divider-module__hop-Divider--vertical___GATaO {
1946
+ .Divider-module__hop-Divider--vertical___-u8sG {
1943
1947
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
1944
1948
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
1945
1949
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -1947,14 +1951,14 @@
1947
1951
  }
1948
1952
 
1949
1953
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
1950
- .Form-module__hop-Form___C2j6d {
1954
+ .Form-module__hop-Form___PGIZl {
1951
1955
  display: flex;
1952
1956
  flex-direction: column;
1953
1957
  gap: var(--hop-space-stack-lg);
1954
1958
  }
1955
1959
 
1956
1960
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
1957
- .InputGroup-module__hop-InputGroup___WTjn6 {
1961
+ .InputGroup-module__hop-InputGroup___9-1q- {
1958
1962
  --hop-InputGroup-background: var(--hop-neutral-surface);
1959
1963
  --hop-InputGroup-border-color: var(--hop-neutral-border);
1960
1964
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2002,6 +2006,7 @@
2002
2006
  --hop-InputGroup-placeholder-line-height: inherit;
2003
2007
  --hop-InputGroup-placeholder-color: var(--hop-neutral-text-weakest);
2004
2008
  --hop-InputGroup-placeholder-color-disabled: var(--hop-neutral-text-disabled);
2009
+ --hop-InputGroup-embedded-button-margin-inline-end: calc(-1 * var(--hop-space-inline-sm));
2005
2010
  --inline-size: var(--hop-InputGroup-inline-size);
2006
2011
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
2007
2012
  --background: var(--hop-InputGroup-background);
@@ -2034,11 +2039,11 @@
2034
2039
  border: var(--border);
2035
2040
  border-radius: var(--hop-InputGroup-border-radius);
2036
2041
  }
2037
- .InputGroup-module__hop-InputGroup--fluid___qLBy2 {
2042
+ .InputGroup-module__hop-InputGroup--fluid___k2wft {
2038
2043
  --inline-size: 100%;
2039
2044
  --input-inline-size: 100%;
2040
2045
  }
2041
- .InputGroup-module__hop-InputGroup--sm___PglDr {
2046
+ .InputGroup-module__hop-InputGroup--sm___mFJd4 {
2042
2047
  --block-size: var(--hop-InputGroup-sm-block-size);
2043
2048
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2044
2049
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2046,7 +2051,7 @@
2046
2051
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2047
2052
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2048
2053
  }
2049
- .InputGroup-module__hop-InputGroup___WTjn6[data-input-type=textarea] {
2054
+ .InputGroup-module__hop-InputGroup___9-1q-[data-input-type=textarea] {
2050
2055
  --gap: var(--hop-InputGroup-gap-textarea);
2051
2056
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2052
2057
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2054,28 +2059,28 @@
2054
2059
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2055
2060
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2056
2061
  }
2057
- .InputGroup-module__hop-InputGroup___WTjn6[data-input-type=number] {
2062
+ .InputGroup-module__hop-InputGroup___9-1q-[data-input-type=number] {
2058
2063
  --display: var(--hop-InputGroup-display-number);
2059
2064
  --gap: var(--hop-InputGroup-gap-number);
2060
2065
  }
2061
- .InputGroup-module__hop-InputGroup___WTjn6[data-hovered] {
2066
+ .InputGroup-module__hop-InputGroup___9-1q-[data-hovered] {
2062
2067
  --background: var(--hop-InputGroup-background-hover);
2063
2068
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2064
2069
  }
2065
- .InputGroup-module__hop-InputGroup___WTjn6[data-focus-within] {
2070
+ .InputGroup-module__hop-InputGroup___9-1q-[data-focus-within] {
2066
2071
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2067
2072
  }
2068
- .InputGroup-module__hop-InputGroup___WTjn6[data-invalid] {
2073
+ .InputGroup-module__hop-InputGroup___9-1q-[data-invalid] {
2069
2074
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2070
2075
  }
2071
- .InputGroup-module__hop-InputGroup___WTjn6[data-disabled] {
2076
+ .InputGroup-module__hop-InputGroup___9-1q-[data-disabled] {
2072
2077
  --background: var(--hop-InputGroup-background-disabled);
2073
2078
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2074
2079
  --input-color: var(--hop-InputGroup-input-color-disabled);
2075
2080
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2076
2081
  }
2077
- .InputGroup-module__hop-InputGroup__input___pDQNr,
2078
- .InputGroup-module__hop-InputGroup__textarea___738GU {
2082
+ .InputGroup-module__hop-InputGroup__input___4cTjR,
2083
+ .InputGroup-module__hop-InputGroup__textarea___ini37 {
2079
2084
  flex: 1 1 auto;
2080
2085
  box-sizing: border-box;
2081
2086
  inline-size: var(--input-inline-size);
@@ -2089,23 +2094,26 @@
2089
2094
  border: none;
2090
2095
  outline: none;
2091
2096
  }
2092
- .InputGroup-module__hop-InputGroup__input___pDQNr {
2097
+ .InputGroup-module__hop-InputGroup__input___4cTjR {
2093
2098
  block-size: var(--input-block-size);
2094
2099
  padding: var(--hop-InputGroup-input-padding);
2095
2100
  }
2096
- .InputGroup-module__hop-InputGroup__textarea___738GU {
2101
+ .InputGroup-module__hop-InputGroup__textarea___ini37 {
2097
2102
  padding: var(--hop-InputGroup-textarea-padding);
2098
2103
  }
2099
- .InputGroup-module__hop-InputGroup__input___pDQNr::placeholder {
2104
+ .InputGroup-module__hop-InputGroup__input___4cTjR::placeholder {
2100
2105
  font-family: var(--hop-InputGroup-placeholder-font-family);
2101
2106
  font-size: var(--hop-InputGroup-placeholder-font-size);
2102
2107
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2103
2108
  line-height: var(--hop-InputGroup-placeholder-line-height);
2104
2109
  color: var(--input-placeholder-color);
2105
2110
  }
2111
+ .InputGroup-module__hop-InputGroup__embedded-button___Hmstz {
2112
+ margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
2113
+ }
2106
2114
 
2107
2115
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2108
- .Heading-module__hop-Heading___gSY2V {
2116
+ .Heading-module__hop-Heading___bHXtt {
2109
2117
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2110
2118
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2111
2119
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -2139,50 +2147,50 @@
2139
2147
  --hop-Heading-inherit-size-font-weight: inherit;
2140
2148
  --hop-Heading-inherit-size-line-height: inherit;
2141
2149
  }
2142
- :where(.Heading-module__hop-Heading___gSY2V) {
2150
+ :where(.Heading-module__hop-Heading___bHXtt) {
2143
2151
  margin: 0;
2144
2152
  font-family: var(--font-family);
2145
2153
  font-size: var(--font-size);
2146
2154
  font-weight: var(--font-weight);
2147
2155
  line-height: var(--line-height);
2148
2156
  }
2149
- :where(.Heading-module__hop-Heading--xs___eEbWp) {
2157
+ :where(.Heading-module__hop-Heading--xs___rkqGG) {
2150
2158
  --font-size: var(--hop-Heading-xs-font-size);
2151
2159
  --font-family: var(--hop-Heading-xs-font-family);
2152
2160
  --font-weight: var(--hop-Heading-xs-font-weight);
2153
2161
  --line-height: var(--hop-Heading-xs-line-height);
2154
2162
  }
2155
- :where(.Heading-module__hop-Heading--sm___XW-eh) {
2163
+ :where(.Heading-module__hop-Heading--sm___auPVY) {
2156
2164
  --font-size: var(--hop-Heading-sm-font-size);
2157
2165
  --font-family: var(--hop-Heading-sm-font-family);
2158
2166
  --font-weight: var(--hop-Heading-sm-font-weight);
2159
2167
  --line-height: var(--hop-Heading-sm-line-height);
2160
2168
  }
2161
- :where(.Heading-module__hop-Heading--md___4aHJY) {
2169
+ :where(.Heading-module__hop-Heading--md___u5KdF) {
2162
2170
  --font-size: var(--hop-Heading-md-font-size);
2163
2171
  --font-family: var(--hop-Heading-md-font-family);
2164
2172
  --font-weight: var(--hop-Heading-md-font-weight);
2165
2173
  --line-height: var(--hop-Heading-md-line-height);
2166
2174
  }
2167
- :where(.Heading-module__hop-Heading--lg___2NCdP) {
2175
+ :where(.Heading-module__hop-Heading--lg___zzc1d) {
2168
2176
  --font-size: var(--hop-Heading-lg-font-size);
2169
2177
  --font-family: var(--hop-Heading-lg-font-family);
2170
2178
  --font-weight: var(--hop-Heading-lg-font-weight);
2171
2179
  --line-height: var(--hop-Heading-lg-line-height);
2172
2180
  }
2173
- :where(.Heading-module__hop-Heading--xl___njv3P) {
2181
+ :where(.Heading-module__hop-Heading--xl___5SCUd) {
2174
2182
  --font-size: var(--hop-Heading-xl-font-size);
2175
2183
  --font-family: var(--hop-Heading-xl-font-family);
2176
2184
  --font-weight: var(--hop-Heading-xl-font-weight);
2177
2185
  --line-height: var(--hop-Heading-xl-line-height);
2178
2186
  }
2179
- :where(.Heading-module__hop-Heading--2xl___GYFl2) {
2187
+ :where(.Heading-module__hop-Heading--2xl___hnCq3) {
2180
2188
  --font-size: var(--hop-Heading-2xl-font-size);
2181
2189
  --font-family: var(--hop-Heading-2xl-font-family);
2182
2190
  --font-weight: var(--hop-Heading-2xl-font-weight);
2183
2191
  --line-height: var(--hop-Heading-2xl-line-height);
2184
2192
  }
2185
- :where(.Heading-module__hop-Heading--3xl___-2AIg) {
2193
+ :where(.Heading-module__hop-Heading--3xl___aCZIQ) {
2186
2194
  --font-size: var(--hop-Heading-3xl-font-size);
2187
2195
  --font-family: var(--hop-Heading-3xl-font-family);
2188
2196
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -2190,7 +2198,7 @@
2190
2198
  }
2191
2199
 
2192
2200
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2193
- .NumberField-module__hop-NumberField___-KhBQ {
2201
+ .NumberField-module__hop-NumberField___mLU-Q {
2194
2202
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2195
2203
  --hop-NumberField-inline-size: 20rem;
2196
2204
  --hop-NumberField-inline-size-fluid: 100%;
@@ -2238,30 +2246,30 @@
2238
2246
  gap: var(--hop-NumberField-gap);
2239
2247
  inline-size: var(--inline-size);
2240
2248
  }
2241
- .NumberField-module__hop-NumberField--fluid___r6jiH {
2249
+ .NumberField-module__hop-NumberField--fluid___nmaXx {
2242
2250
  --inline-size: var(--hop-NumberField-inline-size-fluid);
2243
2251
  }
2244
- .NumberField-module__hop-NumberField--mobile___se7ji {
2252
+ .NumberField-module__hop-NumberField--mobile___k6Qee {
2245
2253
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
2246
2254
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
2247
2255
  }
2248
- .NumberField-module__hop-NumberField__Label___-T2mX {
2256
+ .NumberField-module__hop-NumberField__Label___zDcLB {
2249
2257
  order: 0;
2250
2258
  }
2251
- .NumberField-module__hop-NumberField__prefix___PQqSu {
2259
+ .NumberField-module__hop-NumberField__prefix___30fOU {
2252
2260
  grid-area: prefix;
2253
2261
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
2254
2262
  color: var(--hop-NumberField-prefix-color);
2255
2263
  }
2256
- .NumberField-module__hop-NumberField__InputGroup___8vjtV {
2264
+ .NumberField-module__hop-NumberField__InputGroup___w8Y0u {
2257
2265
  grid-template: var(--input-group-template);
2258
2266
  order: 1;
2259
2267
  }
2260
- .NumberField-module__hop-NumberField__ErrorMessage___OWip1,
2261
- .NumberField-module__hop-NumberField__HelperMessage___uj86g {
2268
+ .NumberField-module__hop-NumberField__ErrorMessage___loO-J,
2269
+ .NumberField-module__hop-NumberField__HelperMessage___B5zX1 {
2262
2270
  order: 3;
2263
2271
  }
2264
- .NumberField-module__hop-NumberField__stepper-button___BlTdu {
2272
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo- {
2265
2273
  cursor: pointer;
2266
2274
  display: flex;
2267
2275
  grid-area: var(--grid-area, unset);
@@ -2282,55 +2290,55 @@
2282
2290
  border-radius: var(--stepper-border-radius, 0);
2283
2291
  outline: none;
2284
2292
  }
2285
- .NumberField-module__hop-NumberField__stepper-button--increment___-8gVu {
2293
+ .NumberField-module__hop-NumberField__stepper-button--increment___virGM {
2286
2294
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
2287
2295
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
2288
2296
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
2289
2297
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
2290
2298
  --grid-area: stepup;
2291
2299
  }
2292
- .NumberField-module__hop-NumberField__stepper-button--decrement___tNTwc {
2300
+ .NumberField-module__hop-NumberField__stepper-button--decrement___N3crr {
2293
2301
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
2294
2302
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
2295
2303
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
2296
2304
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
2297
2305
  --grid-area: stepdown;
2298
2306
  }
2299
- .NumberField-module__hop-NumberField__stepper-button--mobile___MdIyc.NumberField-module__hop-NumberField__stepper-button--increment___-8gVu {
2307
+ .NumberField-module__hop-NumberField__stepper-button--mobile___H4lvU.NumberField-module__hop-NumberField__stepper-button--increment___virGM {
2300
2308
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
2301
2309
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
2302
2310
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
2303
2311
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
2304
2312
  }
2305
- .NumberField-module__hop-NumberField__stepper-button--mobile___MdIyc.NumberField-module__hop-NumberField__stepper-button--decrement___tNTwc {
2313
+ .NumberField-module__hop-NumberField__stepper-button--mobile___H4lvU.NumberField-module__hop-NumberField__stepper-button--decrement___N3crr {
2306
2314
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
2307
2315
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
2308
2316
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
2309
2317
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
2310
2318
  }
2311
- .NumberField-module__hop-NumberField__stepper-button___BlTdu[data-hovered] {
2319
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-hovered] {
2312
2320
  color: var(--hop-NumberField-stepper-color-hovered);
2313
2321
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
2314
2322
  }
2315
- .NumberField-module__hop-NumberField__stepper-button___BlTdu[data-pressed] {
2323
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-pressed] {
2316
2324
  color: var(--hop-NumberField-stepper-color-pressed);
2317
2325
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
2318
2326
  }
2319
- .NumberField-module__hop-NumberField__stepper-button___BlTdu[data-disabled] {
2327
+ .NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-disabled] {
2320
2328
  cursor: not-allowed;
2321
2329
  color: var(--hop-NumberField-stepper-color-disabled);
2322
2330
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
2323
2331
  }
2324
- .NumberField-module__hop-NumberField__stepper-button__icon___rmAQp {
2332
+ .NumberField-module__hop-NumberField__stepper-button__icon___GhXUL {
2325
2333
  display: block;
2326
2334
  max-block-size: 100%;
2327
2335
  }
2328
- .NumberField-module__hop-NumberField__input___IA6F1 {
2336
+ .NumberField-module__hop-NumberField__input___chIIV {
2329
2337
  grid-area: input;
2330
2338
  }
2331
2339
 
2332
2340
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2333
- .TextArea-module__hop-TextArea___nGCAY {
2341
+ .TextArea-module__hop-TextArea___AZnsL {
2334
2342
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2335
2343
  --hop-TextArea-inline-size: 20rem;
2336
2344
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2348,42 +2356,42 @@
2348
2356
  inline-size: var(--inline-size);
2349
2357
  max-inline-size: 100%;
2350
2358
  }
2351
- .TextArea-module__hop-TextArea--fluid___tOStF {
2359
+ .TextArea-module__hop-TextArea--fluid___SeEFe {
2352
2360
  --inline-size: 100%;
2353
2361
  }
2354
- .TextArea-module__hop-TextArea___nGCAY[data-resize-mode=vertical] {
2362
+ .TextArea-module__hop-TextArea___AZnsL[data-resize-mode=vertical] {
2355
2363
  --resize: vertical;
2356
2364
  }
2357
- .TextArea-module__hop-TextArea___nGCAY[data-over-max-length] {
2365
+ .TextArea-module__hop-TextArea___AZnsL[data-over-max-length] {
2358
2366
  --char-count-color: var(--hop-TextArea-char-count-color-invalid);
2359
2367
  }
2360
- .TextArea-module__hop-TextArea___nGCAY[data-disabled] {
2368
+ .TextArea-module__hop-TextArea___AZnsL[data-disabled] {
2361
2369
  --char-count-color: var(--hop-TextArea-char-count-color-disabled);
2362
2370
  }
2363
- .TextArea-module__hop-TextArea__Label___7XDtF {
2371
+ .TextArea-module__hop-TextArea__Label___usIcu {
2364
2372
  order: 0;
2365
2373
  }
2366
- .TextArea-module__hop-TextArea__prefix___5sJCg {
2374
+ .TextArea-module__hop-TextArea__prefix___SdyC9 {
2367
2375
  color: var(--hop-TextArea-prefix-color);
2368
2376
  }
2369
- .TextArea-module__hop-TextArea__InputGroup___bA0hN {
2377
+ .TextArea-module__hop-TextArea__InputGroup___AMYx9 {
2370
2378
  order: 1;
2371
2379
  }
2372
- .TextArea-module__hop-TextArea__textarea___lSguM {
2380
+ .TextArea-module__hop-TextArea__textarea___qBFJK {
2373
2381
  resize: var(--resize);
2374
2382
  min-block-size: var(--hop-TextArea-input-min-height);
2375
2383
  }
2376
- .TextArea-module__hop-TextArea__char-count___yJIH- {
2384
+ .TextArea-module__hop-TextArea__char-count___G2i49 {
2377
2385
  padding: var(--hop-TextArea-char-count-padding);
2378
2386
  color: var(--char-count-color);
2379
2387
  }
2380
- .TextArea-module__hop-TextArea__ErrorMessage___h64Vh,
2381
- .TextArea-module__hop-TextArea__HelperMessage___DhORP {
2388
+ .TextArea-module__hop-TextArea__ErrorMessage___kWsAn,
2389
+ .TextArea-module__hop-TextArea__HelperMessage___yOGFC {
2382
2390
  order: 3;
2383
2391
  }
2384
2392
 
2385
2393
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2386
- .TextField-module__hop-TextField___hk6Yk {
2394
+ .TextField-module__hop-TextField___PTKjj {
2387
2395
  --hop-TextField-gap: var(--hop-space-stack-xs);
2388
2396
  --hop-TextField-inline-size: 20rem;
2389
2397
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2398,34 +2406,34 @@
2398
2406
  inline-size: var(--inline-size);
2399
2407
  max-inline-size: 100%;
2400
2408
  }
2401
- .TextField-module__hop-TextField--fluid___ZsmOR {
2409
+ .TextField-module__hop-TextField--fluid___EfbQz {
2402
2410
  --inline-size: 100%;
2403
2411
  }
2404
- .TextField-module__hop-TextField___hk6Yk[data-over-max-length] {
2412
+ .TextField-module__hop-TextField___PTKjj[data-over-max-length] {
2405
2413
  --char-count-color: var(--hop-TextField-char-count-color-invalid);
2406
2414
  }
2407
- .TextField-module__hop-TextField___hk6Yk[data-disabled] {
2415
+ .TextField-module__hop-TextField___PTKjj[data-disabled] {
2408
2416
  --char-count-color: var(--hop-TextField-char-count-color-disabled);
2409
2417
  }
2410
- .TextField-module__hop-TextField__Label___imz7C {
2418
+ .TextField-module__hop-TextField__Label___Z8oeT {
2411
2419
  order: 0;
2412
2420
  }
2413
- .TextField-module__hop-TextField__prefix___2ukPK {
2421
+ .TextField-module__hop-TextField__prefix___1YEp3 {
2414
2422
  color: var(--hop-TextField-prefix-color);
2415
2423
  }
2416
- .TextField-module__hop-TextField__char-count___aADbQ {
2424
+ .TextField-module__hop-TextField__char-count___M-icC {
2417
2425
  color: var(--char-count-color);
2418
2426
  }
2419
- .TextField-module__hop-TextField__InputGroup___c6vKu {
2427
+ .TextField-module__hop-TextField__InputGroup___v7uGH {
2420
2428
  order: 1;
2421
2429
  }
2422
- .TextField-module__hop-TextField__ErrorMessage___EPMW6,
2423
- .TextField-module__hop-TextField__HelperMessage___T2wjf {
2430
+ .TextField-module__hop-TextField__ErrorMessage___bZdJX,
2431
+ .TextField-module__hop-TextField__HelperMessage___XbbVr {
2424
2432
  order: 3;
2425
2433
  }
2426
2434
 
2427
2435
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2428
- .PasswordField-module__hop-PasswordField___hmPci {
2436
+ .PasswordField-module__hop-PasswordField___hLLh- {
2429
2437
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2430
2438
  --hop-PasswordField-inline-size: 20rem;
2431
2439
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -2435,22 +2443,22 @@
2435
2443
  inline-size: var(--inline-size);
2436
2444
  max-inline-size: 100%;
2437
2445
  }
2438
- .PasswordField-module__hop-PasswordField--fluid___QgPUw {
2446
+ .PasswordField-module__hop-PasswordField--fluid___1S9mw {
2439
2447
  --inline-size: 100%;
2440
2448
  }
2441
- .PasswordField-module__hop-PasswordField__Label___pdO7q {
2449
+ .PasswordField-module__hop-PasswordField__Label___l5jiL {
2442
2450
  order: 0;
2443
2451
  }
2444
- .PasswordField-module__hop-PasswordField__InputGroup___5BEGR {
2452
+ .PasswordField-module__hop-PasswordField__InputGroup___eNFZT {
2445
2453
  order: 1;
2446
2454
  }
2447
- .PasswordField-module__hop-PasswordField__ErrorMessage___cTj33,
2448
- .PasswordField-module__hop-PasswordField__HelperMessage___a7QjZ {
2455
+ .PasswordField-module__hop-PasswordField__ErrorMessage___bV6Aq,
2456
+ .PasswordField-module__hop-PasswordField__HelperMessage___vKbSD {
2449
2457
  order: 3;
2450
2458
  }
2451
2459
 
2452
2460
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2453
- .SearchField-module__hop-SearchField___porIP {
2461
+ .SearchField-module__hop-SearchField___d0thT {
2454
2462
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2455
2463
  --hop-SearchField-inline-size: 20rem;
2456
2464
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2465,39 +2473,39 @@
2465
2473
  inline-size: var(--inline-size);
2466
2474
  max-inline-size: 100%;
2467
2475
  }
2468
- .SearchField-module__hop-SearchField--fluid___Zmi0a {
2476
+ .SearchField-module__hop-SearchField--fluid___wa1FR {
2469
2477
  --inline-size: 100%;
2470
2478
  }
2471
- .SearchField-module__hop-SearchField__Label___FRVg6 {
2479
+ .SearchField-module__hop-SearchField__Label___kYBDG {
2472
2480
  order: 0;
2473
2481
  }
2474
- .SearchField-module__hop-SearchField__prefix___Ft5xn {
2482
+ .SearchField-module__hop-SearchField__prefix___IFwmA {
2475
2483
  color: var(--hop-SearchField-color);
2476
2484
  }
2477
- .SearchField-module__hop-SearchField__InputGroup___up43t {
2485
+ .SearchField-module__hop-SearchField__InputGroup___8XpuW {
2478
2486
  order: 1;
2479
2487
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2480
2488
  }
2481
- .SearchField-module__hop-SearchField--clearable___kZ2Cn {
2489
+ .SearchField-module__hop-SearchField--clearable___Szaco {
2482
2490
  --input-group-padding-inline-end: 0;
2483
2491
  }
2484
- .SearchField-module__hop-SearchField__ErrorMessage___W28CU,
2485
- .SearchField-module__hop-SearchField__HelperMessage___84FAI {
2492
+ .SearchField-module__hop-SearchField__ErrorMessage___WEpMs,
2493
+ .SearchField-module__hop-SearchField__HelperMessage___5IdhS {
2486
2494
  order: 3;
2487
2495
  }
2488
- .SearchField-module__hop-SearchField___porIP input::-webkit-search-cancel-button,
2489
- .SearchField-module__hop-SearchField___porIP input::-webkit-search-decoration {
2496
+ .SearchField-module__hop-SearchField___d0thT input::-webkit-search-cancel-button,
2497
+ .SearchField-module__hop-SearchField___d0thT input::-webkit-search-decoration {
2490
2498
  appearance: none;
2491
2499
  }
2492
- .SearchField-module__hop-SearchField___porIP[data-empty] {
2500
+ .SearchField-module__hop-SearchField___d0thT[data-empty] {
2493
2501
  --clear-button-display: none;
2494
2502
  }
2495
- .SearchField-module__hop-SearchField__ClearButton___hA3ul {
2503
+ .SearchField-module__hop-SearchField__ClearButton___lckjT {
2496
2504
  display: var(--clear-button-display);
2497
2505
  }
2498
2506
 
2499
2507
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
2500
- .Link-module__hop-Link___PIma8 {
2508
+ .Link-module__hop-Link___qHQQp {
2501
2509
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2502
2510
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2503
2511
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2522,59 +2530,59 @@
2522
2530
  outline: none;
2523
2531
  outline-offset: 0.125rem;
2524
2532
  }
2525
- .Link-module__hop-Link___PIma8[data-focus-visible] {
2533
+ .Link-module__hop-Link___qHQQp[data-focus-visible] {
2526
2534
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2527
2535
  }
2528
- .Link-module__hop-Link___PIma8[data-disabled] {
2536
+ .Link-module__hop-Link___qHQQp[data-disabled] {
2529
2537
  cursor: default;
2530
2538
  }
2531
- .Link-module__hop-Link--quiet___iZPH-[data-focus-visible],
2532
- .Link-module__hop-Link--quiet___iZPH-[data-hovered] {
2539
+ .Link-module__hop-Link--quiet___R-N9E[data-focus-visible],
2540
+ .Link-module__hop-Link--quiet___R-N9E[data-hovered] {
2533
2541
  text-decoration: underline;
2534
2542
  }
2535
- .Link-module__hop-Link___PIma8:not(.Link-module__hop-Link--quiet___iZPH-) {
2543
+ .Link-module__hop-Link___qHQQp:not(.Link-module__hop-Link--quiet___R-N9E) {
2536
2544
  text-decoration: underline;
2537
2545
  }
2538
- .Link-module__hop-Link--primary___-c45k {
2546
+ .Link-module__hop-Link--primary___-Kizu {
2539
2547
  color: var(--hop-Link-primary-text-color);
2540
2548
  }
2541
- .Link-module__hop-Link--primary___-c45k[data-disabled] {
2549
+ .Link-module__hop-Link--primary___-Kizu[data-disabled] {
2542
2550
  color: var(--hop-Link-primary-text-disabled-color);
2543
2551
  }
2544
- .Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-focus-visible],
2545
- .Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-hovered] {
2552
+ .Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-focus-visible],
2553
+ .Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-hovered] {
2546
2554
  color: var(--hop-Link-primary-text-hover-color);
2547
2555
  }
2548
- .Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-pressed] {
2556
+ .Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-pressed] {
2549
2557
  color: var(--hop-Link-primary-text-pressed-color);
2550
2558
  }
2551
- .Link-module__hop-Link--secondary___G8IxK {
2559
+ .Link-module__hop-Link--secondary___V2FVF {
2552
2560
  color: var(--hop-Link-neutral-text-color);
2553
2561
  }
2554
- .Link-module__hop-Link--secondary___G8IxK[data-disabled] {
2562
+ .Link-module__hop-Link--secondary___V2FVF[data-disabled] {
2555
2563
  color: var(--hop-Link-neutral-text-disabled-color);
2556
2564
  }
2557
- .Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-focus-visible],
2558
- .Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-hovered] {
2565
+ .Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-focus-visible],
2566
+ .Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-hovered] {
2559
2567
  color: var(--hop-Link-neutral-text-hover-color);
2560
2568
  }
2561
- .Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-pressed] {
2569
+ .Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-pressed] {
2562
2570
  color: var(--hop-Link-neutral-text-pressed-color);
2563
2571
  }
2564
- .Link-module__hop-Link__icon___ufhw2,
2565
- .Link-module__hop-Link__icon-list___V22Fg {
2572
+ .Link-module__hop-Link__icon___-5Hms,
2573
+ .Link-module__hop-Link__icon-list___9c76z {
2566
2574
  order: 2;
2567
2575
  }
2568
- .Link-module__hop-Link__text___Nks7k {
2576
+ .Link-module__hop-Link__text___mskEH {
2569
2577
  order: 1;
2570
2578
  }
2571
- .Link-module__hop-Link__start-icon___JC61y,
2572
- .Link-module__hop-Link__start-icon-list___zs30P {
2579
+ .Link-module__hop-Link__start-icon___P3X3d,
2580
+ .Link-module__hop-Link__start-icon-list___M66uE {
2573
2581
  order: 0;
2574
2582
  }
2575
2583
 
2576
2584
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2577
- .Radio-module__hop-Radio___fiLqZ {
2585
+ .Radio-module__hop-Radio___f6Vgr {
2578
2586
  --hop-Radio-box-border-size: 0.0625rem;
2579
2587
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2580
2588
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2648,63 +2656,63 @@
2648
2656
  inline-size: max-content;
2649
2657
  max-inline-size: 100%;
2650
2658
  }
2651
- .Radio-module__hop-Radio___fiLqZ[data-focus-visible],
2652
- .Radio-module__hop-Radio--focused___ljAlt {
2659
+ .Radio-module__hop-Radio___f6Vgr[data-focus-visible],
2660
+ .Radio-module__hop-Radio--focused___1rGHf {
2653
2661
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2654
2662
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2655
2663
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2656
2664
  --text-color: var(--hop-Radio-text-color-focused);
2657
2665
  --icon-color: var(--hop-Radio-icon-color-focused);
2658
2666
  }
2659
- .Radio-module__hop-Radio___fiLqZ[data-hovered],
2660
- .Radio-module__hop-Radio--hovered___1jVbG {
2667
+ .Radio-module__hop-Radio___f6Vgr[data-hovered],
2668
+ .Radio-module__hop-Radio--hovered___PK7aT {
2661
2669
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2662
2670
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2663
2671
  --text-color: var(--hop-Radio-text-color-hovered);
2664
2672
  --icon-color: var(--hop-Radio-icon-color-hovered);
2665
2673
  }
2666
- .Radio-module__hop-Radio___fiLqZ[data-pressed],
2667
- .Radio-module__hop-Radio--pressed___fFpLV {
2674
+ .Radio-module__hop-Radio___f6Vgr[data-pressed],
2675
+ .Radio-module__hop-Radio--pressed___MLA7j {
2668
2676
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2669
2677
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2670
2678
  --text-color: var(--hop-Radio-text-color-pressed);
2671
2679
  --icon-color: var(--hop-Radio-icon-color-pressed);
2672
2680
  }
2673
- .Radio-module__hop-Radio___fiLqZ[data-selected] {
2681
+ .Radio-module__hop-Radio___f6Vgr[data-selected] {
2674
2682
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2675
2683
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2676
2684
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2677
2685
  --text-color: var(--hop-Radio-text-color-selected);
2678
2686
  --icon-color: var(--hop-Radio-icon-color-selected);
2679
2687
  }
2680
- .Radio-module__hop-Radio___fiLqZ[data-invalid] {
2688
+ .Radio-module__hop-Radio___f6Vgr[data-invalid] {
2681
2689
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2682
2690
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2683
2691
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2684
2692
  --text-color: var(--hop-Radio-text-color-invalid);
2685
2693
  --icon-color: var(--hop-Radio-icon-color-invalid);
2686
2694
  }
2687
- .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-focus-visible] {
2695
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-focus-visible] {
2688
2696
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2689
2697
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2690
2698
  }
2691
- .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-hovered] {
2699
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-hovered] {
2692
2700
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2693
2701
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2694
2702
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2695
2703
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2696
2704
  }
2697
- .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-pressed] {
2705
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-pressed] {
2698
2706
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2699
2707
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2700
2708
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2701
2709
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2702
2710
  }
2703
- .Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-selected] {
2711
+ .Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-selected] {
2704
2712
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2705
2713
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2706
2714
  }
2707
- .Radio-module__hop-Radio___fiLqZ[data-disabled] {
2715
+ .Radio-module__hop-Radio___f6Vgr[data-disabled] {
2708
2716
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2709
2717
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2710
2718
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2712,25 +2720,25 @@
2712
2720
  --text-color: var(--hop-Radio-text-color-disabled);
2713
2721
  --icon-color: var(--hop-Radio-icon-color-disabled);
2714
2722
  }
2715
- .Radio-module__hop-Radio--sm___lMp9M {
2723
+ .Radio-module__hop-Radio--sm___hJ83r {
2716
2724
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2717
2725
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2718
2726
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2719
2727
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2720
2728
  }
2721
- .Radio-module__hop-Radio--md___2SjXP {
2729
+ .Radio-module__hop-Radio--md___rigqc {
2722
2730
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2723
2731
  --box-block-size: var(--hop-Radio-box-md-block-size);
2724
2732
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2725
2733
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2726
2734
  }
2727
- .Radio-module__hop-Radio__icon___RhEJ7,
2728
- .Radio-module__hop-Radio__icon-list___3-dCQ {
2735
+ .Radio-module__hop-Radio__icon___qEuEv,
2736
+ .Radio-module__hop-Radio__icon-list___aUQY- {
2729
2737
  flex: 0 0 auto;
2730
2738
  order: 3;
2731
2739
  color: var(--icon-color);
2732
2740
  }
2733
- .Radio-module__hop-Radio__box___XsjuT {
2741
+ .Radio-module__hop-Radio__box___Ma5Cl {
2734
2742
  display: flex;
2735
2743
  flex: 0 0 auto;
2736
2744
  align-items: center;
@@ -2746,11 +2754,11 @@
2746
2754
  outline-offset: 0.125rem;
2747
2755
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2748
2756
  }
2749
- .Radio-module__hop-Radio__bullet___rhaGm {
2757
+ .Radio-module__hop-Radio__bullet___UNMt2 {
2750
2758
  display: var(--bullet-display);
2751
2759
  color: var(--bullet-color);
2752
2760
  }
2753
- .Radio-module__hop-Radio__text___gKthl {
2761
+ .Radio-module__hop-Radio__text___bpSHA {
2754
2762
  flex: 0 1 auto;
2755
2763
  order: 2;
2756
2764
  min-inline-size: 0;
@@ -2760,7 +2768,7 @@
2760
2768
  }
2761
2769
 
2762
2770
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2763
- .RadioField-module__hop-RadioField___T1vq5 {
2771
+ .RadioField-module__hop-RadioField___ygk-A {
2764
2772
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2765
2773
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2766
2774
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2779,28 +2787,28 @@
2779
2787
  inline-size: max-content;
2780
2788
  max-inline-size: 100%;
2781
2789
  }
2782
- .RadioField-module__hop-RadioField___T1vq5[data-disabled] {
2790
+ .RadioField-module__hop-RadioField___ygk-A[data-disabled] {
2783
2791
  --description-color: var(--hop-RadioField-description-color-disabled);
2784
2792
  }
2785
- .RadioField-module__hop-RadioField--sm___P-jTL {
2793
+ .RadioField-module__hop-RadioField--sm___VOflW {
2786
2794
  --row-gap: var(--hop-RadioField-sm-row-gap);
2787
2795
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2788
2796
  }
2789
- .RadioField-module__hop-RadioField--md___DI19F {
2797
+ .RadioField-module__hop-RadioField--md___vefQn {
2790
2798
  --row-gap: var(--hop-RadioField-md-row-gap);
2791
2799
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2792
2800
  }
2793
- .RadioField-module__hop-RadioField__description___sFFCG {
2801
+ .RadioField-module__hop-RadioField__description___XFh3h {
2794
2802
  order: 2;
2795
2803
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2796
2804
  color: var(--description-color);
2797
2805
  }
2798
- .RadioField-module__hop-RadioField__radio___-jqTU {
2806
+ .RadioField-module__hop-RadioField__radio___odwQg {
2799
2807
  order: 1;
2800
2808
  }
2801
2809
 
2802
2810
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2803
- .RadioGroup-module__hop-RadioGroup___5uPZC {
2811
+ .RadioGroup-module__hop-RadioGroup___fZzjX {
2804
2812
  --hop-RadioGroup-align-items: flex-start;
2805
2813
  --hop-RadioGroup-justify-content: flex-start;
2806
2814
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2840,46 +2848,46 @@
2840
2848
  inline-size: var(--inline-size);
2841
2849
  max-inline-size: 100%;
2842
2850
  }
2843
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g {
2851
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS {
2844
2852
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
2845
2853
  --list-border-radius: var(--hop-shape-rounded-md);
2846
2854
  }
2847
- .RadioGroup-module__hop-RadioGroup--sm___sySXY {
2855
+ .RadioGroup-module__hop-RadioGroup--sm___SFGiN {
2848
2856
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
2849
2857
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
2850
2858
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
2851
2859
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
2852
2860
  }
2853
- .RadioGroup-module__hop-RadioGroup--md___bhsBV {
2861
+ .RadioGroup-module__hop-RadioGroup--md___DZiZf {
2854
2862
  --column-gap: var(--hop-RadioGroup-md-column-gap);
2855
2863
  --row-gap: var(--hop-RadioGroup-md-row-gap);
2856
2864
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
2857
2865
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
2858
2866
  }
2859
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--sm___sySXY {
2867
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--sm___SFGiN {
2860
2868
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
2861
2869
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
2862
2870
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
2863
2871
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
2864
2872
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
2865
2873
  }
2866
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--md___bhsBV {
2874
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--md___DZiZf {
2867
2875
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
2868
2876
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
2869
2877
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
2870
2878
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
2871
2879
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
2872
2880
  }
2873
- .RadioGroup-module__hop-RadioGroup___5uPZC[data-orientation=horizontal] {
2881
+ .RadioGroup-module__hop-RadioGroup___fZzjX[data-orientation=horizontal] {
2874
2882
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
2875
2883
  }
2876
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=horizontal] {
2884
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] {
2877
2885
  --flex-wrap: nowrap;
2878
2886
  }
2879
- .RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__label___4M6KT {
2887
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__label___XSmfS {
2880
2888
  order: 1;
2881
2889
  }
2882
- .RadioGroup-module__hop-RadioGroup__list___K-Y-B {
2890
+ .RadioGroup-module__hop-RadioGroup__list___70l9M {
2883
2891
  display: flex;
2884
2892
  flex-flow: var(--flex-direction) var(--flex-wrap);
2885
2893
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2890,7 +2898,7 @@
2890
2898
  border: var(--list-border, none);
2891
2899
  border-radius: var(--list-border-radius, 0);
2892
2900
  }
2893
- .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc {
2901
+ .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm {
2894
2902
  position: relative;
2895
2903
  flex: 0 1 auto;
2896
2904
  align-content: start;
@@ -2898,28 +2906,28 @@
2898
2906
  min-inline-size: 0;
2899
2907
  padding: var(--radio-padding, 0);
2900
2908
  }
2901
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
2909
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
2902
2910
  content: "";
2903
2911
  position: absolute;
2904
2912
  display: block;
2905
2913
  }
2906
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
2914
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
2907
2915
  inset-block-start: 0;
2908
2916
  inset-inline: 0;
2909
2917
  border-block-start: var(--list-border, none);
2910
2918
  }
2911
- .RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
2919
+ .RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
2912
2920
  inset-block: 0;
2913
2921
  inset-inline-start: 0;
2914
2922
  border-inline-start: var(--list-border, none);
2915
2923
  }
2916
- .RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__error-message___QXzMh,
2917
- .RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__helper-message___BkFNa {
2924
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__error-message___-gzSi,
2925
+ .RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__helper-message___0rYBR {
2918
2926
  order: 3;
2919
2927
  }
2920
2928
 
2921
2929
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
2922
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___sSxVu {
2930
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___5-U5u {
2923
2931
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
2924
2932
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
2925
2933
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -2945,7 +2953,7 @@
2945
2953
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
2946
2954
  background-size: 400% 100%;
2947
2955
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
2948
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___kI5E-;
2956
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___tROve;
2949
2957
  animation-duration: var(--animation-duration);
2950
2958
  animation-timing-function: ease-in-out;
2951
2959
  animation-fill-mode: forwards;
@@ -2954,19 +2962,19 @@
2954
2962
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
2955
2963
  }
2956
2964
  }
2957
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___3ZPnH {
2965
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WF17x {
2958
2966
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
2959
2967
  }
2960
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___wPxkP {
2968
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yPJ4x {
2961
2969
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
2962
2970
  }
2963
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___ucQPS {
2971
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___GDWcA {
2964
2972
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2965
2973
  }
2966
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___xjXd3 {
2974
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___9hgUf {
2967
2975
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2968
2976
  }
2969
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___kI5E- {
2977
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___tROve {
2970
2978
  0% {
2971
2979
  background-position: 125% 50%;
2972
2980
  }
@@ -2976,7 +2984,7 @@
2976
2984
  }
2977
2985
 
2978
2986
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
2979
- .ListBoxItem-module__hop-ListBoxItem___WPcI6 {
2987
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs {
2980
2988
  --hop-ListBoxItem-background-color: transparent;
2981
2989
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2982
2990
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3073,129 +3081,129 @@
3073
3081
  outline: var(--outline);
3074
3082
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3075
3083
  }
3076
- .ListBoxItem-module__hop-ListBoxItem--xs___9yqv- {
3084
+ .ListBoxItem-module__hop-ListBoxItem--xs___8YfDE {
3077
3085
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3078
3086
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3079
3087
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3080
3088
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3081
3089
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3082
3090
  }
3083
- .ListBoxItem-module__hop-ListBoxItem--sm___-dIPa {
3091
+ .ListBoxItem-module__hop-ListBoxItem--sm___TrltV {
3084
3092
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3085
3093
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3086
3094
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3087
3095
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3088
3096
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3089
3097
  }
3090
- .ListBoxItem-module__hop-ListBoxItem--md___zsuXH {
3098
+ .ListBoxItem-module__hop-ListBoxItem--md___uCJrQ {
3091
3099
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3092
3100
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3093
3101
  --min-height: var(--hop-ListBoxItem-md-min-height);
3094
3102
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3095
3103
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3096
3104
  }
3097
- .ListBoxItem-module__hop-ListBoxItem--lg___2POEB {
3105
+ .ListBoxItem-module__hop-ListBoxItem--lg___KsLt1 {
3098
3106
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3099
3107
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3100
3108
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3101
3109
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3102
3110
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3103
3111
  }
3104
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selection-mode] {
3112
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selection-mode] {
3105
3113
  --cursor: pointer;
3106
3114
  }
3107
- .ListBoxItem-module__hop-ListBoxItem___WPcI6:not([data-selection-mode]) {
3115
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs:not([data-selection-mode]) {
3108
3116
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3109
3117
  }
3110
- .ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
3118
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
3111
3119
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3112
3120
  }
3113
- .ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
3121
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
3114
3122
  --checkmark-transition: none;
3115
3123
  }
3116
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selected] {
3124
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selected] {
3117
3125
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3118
3126
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3119
3127
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3120
3128
  --checkmark-opacity: 1;
3121
3129
  }
3122
- .ListBoxItem-module__hop-ListBoxItem--xs___9yqv-[data-selected] {
3130
+ .ListBoxItem-module__hop-ListBoxItem--xs___8YfDE[data-selected] {
3123
3131
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3124
3132
  }
3125
- .ListBoxItem-module__hop-ListBoxItem--sm___-dIPa[data-selected] {
3133
+ .ListBoxItem-module__hop-ListBoxItem--sm___TrltV[data-selected] {
3126
3134
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3127
3135
  }
3128
- .ListBoxItem-module__hop-ListBoxItem--md___zsuXH[data-selected] {
3136
+ .ListBoxItem-module__hop-ListBoxItem--md___uCJrQ[data-selected] {
3129
3137
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3130
3138
  }
3131
- .ListBoxItem-module__hop-ListBoxItem--lg___2POEB[data-selected] {
3139
+ .ListBoxItem-module__hop-ListBoxItem--lg___KsLt1[data-selected] {
3132
3140
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3133
3141
  }
3134
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-focus-visible] {
3142
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-focus-visible] {
3135
3143
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3136
3144
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3137
3145
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3138
3146
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3139
3147
  }
3140
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-hovered] {
3148
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-hovered] {
3141
3149
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3142
3150
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3143
3151
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3144
3152
  }
3145
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-pressed] {
3153
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-pressed] {
3146
3154
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3147
3155
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3148
3156
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3149
3157
  }
3150
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-disabled] {
3158
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-disabled] {
3151
3159
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3152
3160
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3153
3161
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3154
3162
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3155
3163
  --cursor: not-allowed;
3156
3164
  }
3157
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid] {
3165
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid] {
3158
3166
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3159
3167
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3160
3168
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3161
3169
  }
3162
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-selected] {
3170
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-selected] {
3163
3171
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3164
3172
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3165
3173
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3166
3174
  }
3167
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-focus-visible] {
3175
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-focus-visible] {
3168
3176
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3169
3177
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3170
3178
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3171
3179
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3172
3180
  }
3173
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-hovered] {
3181
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-hovered] {
3174
3182
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3175
3183
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3176
3184
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3177
3185
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3178
3186
  }
3179
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-pressed] {
3187
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-pressed] {
3180
3188
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3181
3189
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3182
3190
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3183
3191
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3184
3192
  }
3185
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-disabled] {
3193
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-disabled] {
3186
3194
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3187
3195
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3188
3196
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3189
3197
  }
3190
- .ListBoxItem-module__hop-ListBoxItem___WPcI6:has(.ListBoxItem-module__hop-ListBoxItem__description___zO-1q) {
3198
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs:has(.ListBoxItem-module__hop-ListBoxItem__description___EcXhw) {
3191
3199
  --row-gap: var(--hop-ListBoxItem-row-gap);
3192
3200
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3193
3201
  }
3194
- .ListBoxItem-module__hop-ListBoxItem___WPcI6[data-loading] {
3202
+ .ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-loading] {
3195
3203
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3196
3204
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3197
3205
  }
3198
- .ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC {
3206
+ .ListBoxItem-module__hop-ListBoxItem__inner___HgTda {
3199
3207
  display: grid;
3200
3208
  grid-template-areas: var(--grid-template-areas);
3201
3209
  grid-template-columns: var(--grid-template-columns);
@@ -3207,33 +3215,33 @@
3207
3215
  padding-inline: var(--padding-inline);
3208
3216
  transition: grid-template-columns .3s ease-in-out;
3209
3217
  }
3210
- .ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi {
3218
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6 {
3211
3219
  grid-area: indicator;
3212
3220
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3213
3221
  color: var(--icon-color);
3214
3222
  opacity: var(--checkmark-opacity);
3215
3223
  transition: var(--checkmark-transition);
3216
3224
  }
3217
- .ListBoxItem-module__hop-ListBoxItem__radio-group___BWVk3,
3218
- .ListBoxItem-module__hop-ListBoxItem__checkbox___TrEmP {
3225
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___1SQOQ,
3226
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___mxcQY {
3219
3227
  pointer-events: none;
3220
3228
  user-select: none;
3221
3229
  grid-area: indicator;
3222
3230
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3223
3231
  }
3224
- .ListBoxItem-module__hop-ListBoxItem__avatar___2ts9n {
3232
+ .ListBoxItem-module__hop-ListBoxItem__avatar___BMBil {
3225
3233
  grid-area: avatar;
3226
3234
  margin-block: var(--avatar-margin-block, 0);
3227
3235
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3228
3236
  }
3229
- .ListBoxItem-module__hop-ListBoxItem__icon-list___cDnpz,
3230
- .ListBoxItem-module__hop-ListBoxItem__icon___lyDh4 {
3237
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___xG0WS,
3238
+ .ListBoxItem-module__hop-ListBoxItem__icon___hEAK7 {
3231
3239
  grid-area: icon;
3232
3240
  flex: 0 0 auto;
3233
3241
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3234
3242
  color: var(--icon-color);
3235
3243
  }
3236
- .ListBoxItem-module__hop-ListBoxItem__label___bb5Mc {
3244
+ .ListBoxItem-module__hop-ListBoxItem__label___0UvBk {
3237
3245
  overflow: hidden;
3238
3246
  grid-area: label;
3239
3247
  min-inline-size: 0;
@@ -3241,18 +3249,18 @@
3241
3249
  text-overflow: ellipsis;
3242
3250
  white-space: nowrap;
3243
3251
  }
3244
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___Auh9U,
3245
- .ListBoxItem-module__hop-ListBoxItem__end-icon___6JGnU {
3252
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___O-D4P,
3253
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___APptS {
3246
3254
  grid-area: end-icon;
3247
3255
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3248
3256
  color: var(--icon-color);
3249
3257
  }
3250
- .ListBoxItem-module__hop-ListBoxItem__badge___-OS1t {
3258
+ .ListBoxItem-module__hop-ListBoxItem__badge___wKWO3 {
3251
3259
  grid-area: badge;
3252
3260
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3253
3261
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3254
3262
  }
3255
- .ListBoxItem-module__hop-ListBoxItem__description___zO-1q {
3263
+ .ListBoxItem-module__hop-ListBoxItem__description___EcXhw {
3256
3264
  overflow: hidden;
3257
3265
  display: -webkit-box;
3258
3266
  grid-area: description;
@@ -3263,7 +3271,7 @@
3263
3271
  }
3264
3272
 
3265
3273
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3266
- .ListBox-module__hop-ListBox___JMroe {
3274
+ .ListBox-module__hop-ListBox___178zE {
3267
3275
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3268
3276
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3269
3277
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3312,11 +3320,11 @@
3312
3320
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3313
3321
  border-radius: var(--hop-ListBox-border-radius);
3314
3322
  }
3315
- .ListBox-module__hop-ListBox--fluid___gDcU0 {
3323
+ .ListBox-module__hop-ListBox--fluid___g5S3Y {
3316
3324
  --max-width: var(--hop-ListBox-fluid-max-width);
3317
3325
  --width: var(--hop-ListBox-fluid-width);
3318
3326
  }
3319
- .ListBox-module__hop-ListBox__section___PWydC {
3327
+ .ListBox-module__hop-ListBox__section___-52aj {
3320
3328
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3321
3329
  margin-inline: var(--hop-ListBox-section-margin-inline);
3322
3330
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3324,21 +3332,21 @@
3324
3332
  border-block-start: var(--section-border-block-start);
3325
3333
  border-block-end: var(--section-border-block-end);
3326
3334
  }
3327
- .ListBox-module__hop-ListBox__item___I81eY + .ListBox-module__hop-ListBox__section___PWydC {
3335
+ .ListBox-module__hop-ListBox__item___FbmGI + .ListBox-module__hop-ListBox__section___-52aj {
3328
3336
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3329
3337
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3330
3338
  }
3331
- .ListBox-module__hop-ListBox__section___PWydC:has(+ .ListBox-module__hop-ListBox__item___I81eY) {
3339
+ .ListBox-module__hop-ListBox__section___-52aj:has(+ .ListBox-module__hop-ListBox__item___FbmGI) {
3332
3340
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3333
3341
  }
3334
- .ListBox-module__hop-ListBox__section___PWydC:first-child {
3342
+ .ListBox-module__hop-ListBox__section___-52aj:first-child {
3335
3343
  --section-padding-block-start: 0;
3336
3344
  }
3337
- .ListBox-module__hop-ListBox__section___PWydC:last-child {
3345
+ .ListBox-module__hop-ListBox__section___-52aj:last-child {
3338
3346
  --section-padding-block-end: 0;
3339
3347
  --section-border-block-end: 0;
3340
3348
  }
3341
- .ListBox-module__hop-ListBox__section-header___5zQy0 {
3349
+ .ListBox-module__hop-ListBox__section-header___7gxdn {
3342
3350
  margin: 0;
3343
3351
  padding: var(--hop-ListBox-section-header-padding);
3344
3352
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3349,27 +3357,27 @@
3349
3357
  text-transform: var(--hop-ListBox-section-header-text-transform);
3350
3358
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3351
3359
  }
3352
- .ListBox-module__hop-ListBox__section-header___5zQy0::before,
3353
- .ListBox-module__hop-ListBox__section-header___5zQy0::after {
3360
+ .ListBox-module__hop-ListBox__section-header___7gxdn::before,
3361
+ .ListBox-module__hop-ListBox__section-header___7gxdn::after {
3354
3362
  content: "";
3355
3363
  display: block;
3356
3364
  box-sizing: border-box;
3357
3365
  inline-size: 0;
3358
3366
  block-size: 0;
3359
3367
  }
3360
- .ListBox-module__hop-ListBox__section-header___5zQy0::before {
3368
+ .ListBox-module__hop-ListBox__section-header___7gxdn::before {
3361
3369
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3362
3370
  }
3363
- .ListBox-module__hop-ListBox__section-header___5zQy0::after {
3371
+ .ListBox-module__hop-ListBox__section-header___7gxdn::after {
3364
3372
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3365
3373
  }
3366
- .ListBox-module__hop-ListBox__divider___avfGt {
3374
+ .ListBox-module__hop-ListBox__divider___yBQm- {
3367
3375
  margin-block: var(--hop-ListBox-divider-margin-block);
3368
3376
  margin-inline: var(--hop-ListBox-divider-margin-inline);
3369
3377
  }
3370
3378
 
3371
3379
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3372
- .SelectValue-module__hop-SelectValue___aeUo4 {
3380
+ .SelectValue-module__hop-SelectValue___ZSAXe {
3373
3381
  --hop-SelectValue-display: flex;
3374
3382
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3375
3383
  overflow: hidden;
@@ -3381,13 +3389,13 @@
3381
3389
  text-overflow: ellipsis;
3382
3390
  white-space: nowrap;
3383
3391
  }
3384
- .SelectValue-module__hop-SelectValue__avatar___ydj2c {
3392
+ .SelectValue-module__hop-SelectValue__avatar___xF1Dt {
3385
3393
  order: 1;
3386
3394
  }
3387
- .SelectValue-module__hop-SelectValue__icon___sLKo8 {
3395
+ .SelectValue-module__hop-SelectValue__icon___4DxxR {
3388
3396
  order: 2;
3389
3397
  }
3390
- .SelectValue-module__hop-SelectValue__text___MvBWs {
3398
+ .SelectValue-module__hop-SelectValue__text___rbg05 {
3391
3399
  overflow: hidden;
3392
3400
  flex: 1 1 auto;
3393
3401
  order: 3;
@@ -3395,12 +3403,12 @@
3395
3403
  text-overflow: ellipsis;
3396
3404
  white-space: nowrap;
3397
3405
  }
3398
- .SelectValue-module__hop-SelectValue__end-icon___sApM8 {
3406
+ .SelectValue-module__hop-SelectValue__end-icon___-6fCw {
3399
3407
  order: 4;
3400
3408
  }
3401
3409
 
3402
3410
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3403
- .Select-module__hop-Select___NY-PE {
3411
+ .Select-module__hop-Select___EO27h {
3404
3412
  --hop-Select-row-gap: var(--hop-space-stack-xs);
3405
3413
  --hop-Select-inline-size: 20rem;
3406
3414
  --hop-Select-inline-size-fluid: 100%;
@@ -3451,13 +3459,13 @@
3451
3459
  inline-size: var(--inline-size);
3452
3460
  max-inline-size: var(--hop-Select-max-inline-size);
3453
3461
  }
3454
- .Select-module__hop-Select--fluid___Spz5C {
3462
+ .Select-module__hop-Select--fluid___FzpaW {
3455
3463
  --inline-size: var(--hop-Select-inline-size-fluid);
3456
3464
  }
3457
- .Select-module__hop-Select__label___2D4bX {
3465
+ .Select-module__hop-Select__label___c4deC {
3458
3466
  order: 1;
3459
3467
  }
3460
- .Select-module__hop-Select__button___Go9H0 {
3468
+ .Select-module__hop-Select__button___fa76- {
3461
3469
  cursor: var(--button-cursor);
3462
3470
  display: flex;
3463
3471
  column-gap: var(--hop-Select-button-column-gap);
@@ -3473,28 +3481,28 @@
3473
3481
  border-radius: var(--hop-Select-button-border-radius);
3474
3482
  outline: none;
3475
3483
  }
3476
- .Select-module__hop-Select__button--sm___EbGeY {
3484
+ .Select-module__hop-Select__button--sm___8MviV {
3477
3485
  --button-block-size: var(--hop-Select-button-sm-block-size);
3478
3486
  }
3479
- .Select-module__hop-Select__button--md___cdeXg {
3487
+ .Select-module__hop-Select__button--md___ITp9Y {
3480
3488
  --button-block-size: var(--hop-Select-button-md-block-size);
3481
3489
  }
3482
- .Select-module__hop-Select__button___Go9H0[data-hovered] {
3490
+ .Select-module__hop-Select__button___fa76-[data-hovered] {
3483
3491
  --button-background-color: var(--hop-Select-button-background-color-hovered);
3484
3492
  --button-border-color: var(--hop-Select-button-border-color-hovered);
3485
3493
  --button-color: var(--hop-Select-button-color-hovered);
3486
3494
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
3487
3495
  }
3488
- .Select-module__hop-Select__button___Go9H0[data-pressed] {
3496
+ .Select-module__hop-Select__button___fa76-[data-pressed] {
3489
3497
  --button-background-color: var(--hop-Select-button-background-color-selected);
3490
3498
  --button-border-color: var(--hop-Select-button-border-color-selected);
3491
3499
  --button-color: var(--hop-Select-button-color-selected);
3492
3500
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
3493
3501
  }
3494
- .Select-module__hop-Select__button___Go9H0[data-invalid] {
3502
+ .Select-module__hop-Select__button___fa76-[data-invalid] {
3495
3503
  --button-border-color: var(--hop-Select-button-border-color-invalid);
3496
3504
  }
3497
- .Select-module__hop-Select__button___Go9H0[data-focus-visible] {
3505
+ .Select-module__hop-Select__button___fa76-[data-focus-visible] {
3498
3506
  --button-background-color: var(--hop-Select-button-background-color-focused);
3499
3507
  --button-border-color: var(--hop-Select-button-border-color-focused);
3500
3508
  --button-color: var(--hop-Select-button-color-focused);
@@ -3502,30 +3510,30 @@
3502
3510
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
3503
3511
  outline-offset: -0.125rem;
3504
3512
  }
3505
- .Select-module__hop-Select__button___Go9H0:has([data-placeholder]) {
3513
+ .Select-module__hop-Select__button___fa76-:has([data-placeholder]) {
3506
3514
  --button-color: var(--hop-Select-button-placeholder-color);
3507
3515
  }
3508
- .Select-module__hop-Select__button___Go9H0[data-disabled] {
3516
+ .Select-module__hop-Select__button___fa76-[data-disabled] {
3509
3517
  --button-background-color: var(--hop-Select-button-background-color-disabled);
3510
3518
  --button-border-color: var(--hop-Select-button-border-color-disabled);
3511
3519
  --button-color: var(--hop-Select-button-color-disabled);
3512
3520
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
3513
3521
  --button-cursor: var(--hop-Select-button-cursor-disabled);
3514
3522
  }
3515
- .Select-module__hop-Select__prefix___2TSOS {
3523
+ .Select-module__hop-Select__prefix___Co2es {
3516
3524
  color: var(--hop-Select-prefix-color);
3517
3525
  }
3518
- .Select-module__hop-Select__button-icon___aX0YH {
3526
+ .Select-module__hop-Select__button-icon___-PN1H {
3519
3527
  margin-inline-start: auto;
3520
3528
  color: var(--button-icon-color);
3521
3529
  }
3522
- .Select-module__hop-Select__helper-message___lx7SC,
3523
- .Select-module__hop-Select__error-message___00F7I {
3530
+ .Select-module__hop-Select__helper-message___96x9I,
3531
+ .Select-module__hop-Select__error-message___U1kYE {
3524
3532
  order: 3;
3525
3533
  }
3526
3534
 
3527
3535
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3528
- .Switch-module__hop-Switch___uGj2- {
3536
+ .Switch-module__hop-Switch___016Gi {
3529
3537
  --hop-Switch-border-size: 0.0625rem;
3530
3538
  --hop-Switch-border-color: var(--hop-neutral-border);
3531
3539
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3582,56 +3590,56 @@
3582
3590
  inline-size: max-content;
3583
3591
  max-inline-size: 100%;
3584
3592
  }
3585
- .Switch-module__hop-Switch--sm___HYfto {
3593
+ .Switch-module__hop-Switch--sm___x3CAD {
3586
3594
  --inline-size: var(--hop-Switch-inline-size-sm);
3587
3595
  --block-size: var(--hop-Switch-block-size-sm);
3588
3596
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3589
3597
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3590
3598
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3591
3599
  }
3592
- .Switch-module__hop-Switch--md___AfBBH {
3600
+ .Switch-module__hop-Switch--md___-qgPW {
3593
3601
  --inline-size: var(--hop-Switch-inline-size-md);
3594
3602
  --block-size: var(--hop-Switch-block-size-md);
3595
3603
  --thumb-size: var(--hop-Switch-thumb-size-md);
3596
3604
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3597
3605
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3598
3606
  }
3599
- .Switch-module__hop-Switch___uGj2-[data-hovered] {
3607
+ .Switch-module__hop-Switch___016Gi[data-hovered] {
3600
3608
  --border-color: var(--hop-Switch-border-color-hover);
3601
3609
  --background-color: var(--hop-Switch-background-color-hover);
3602
3610
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3603
3611
  --text-color: var(--hop-Switch-text-color-hover);
3604
3612
  }
3605
- .Switch-module__hop-Switch___uGj2-[data-pressed],
3606
- .Switch-module__hop-Switch___uGj2-[data-pressed][data-focus-visible] {
3613
+ .Switch-module__hop-Switch___016Gi[data-pressed],
3614
+ .Switch-module__hop-Switch___016Gi[data-pressed][data-focus-visible] {
3607
3615
  --border-color: var(--hop-Switch-border-color-pressed);
3608
3616
  --background-color: var(--hop-Switch-background-color-pressed);
3609
3617
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3610
3618
  --text-color: var(--hop-Switch-text-color-pressed);
3611
3619
  }
3612
- .Switch-module__hop-Switch___uGj2-[data-focus-visible] {
3620
+ .Switch-module__hop-Switch___016Gi[data-focus-visible] {
3613
3621
  --border-color: var(--hop-Switch-border-color-focus);
3614
3622
  --background-color: var(--hop-Switch-background-color-focus);
3615
3623
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3616
3624
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3617
3625
  --text-color: var(--hop-Switch-text-color-focus);
3618
3626
  }
3619
- .Switch-module__hop-Switch___uGj2-[data-selected],
3620
- .Switch-module__hop-Switch___uGj2-[data-selected][data-pressed] {
3627
+ .Switch-module__hop-Switch___016Gi[data-selected],
3628
+ .Switch-module__hop-Switch___016Gi[data-selected][data-pressed] {
3621
3629
  --border-color: var(--hop-Switch-border-color-selected);
3622
3630
  --background-color: var(--hop-Switch-background-color-selected);
3623
3631
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3624
3632
  --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%);
3625
3633
  --text-color: var(--hop-Switch-text-color-selected);
3626
3634
  }
3627
- .Switch-module__hop-Switch___uGj2-[data-disabled] {
3635
+ .Switch-module__hop-Switch___016Gi[data-disabled] {
3628
3636
  --border-color: var(--hop-Switch-border-color-disabled);
3629
3637
  --background-color: var(--hop-Switch-background-color-disabled);
3630
3638
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3631
3639
  --text-color: var(--hop-Switch-text-color-disabled);
3632
3640
  --cursor: not-allowed;
3633
3641
  }
3634
- .Switch-module__hop-Switch__indicator___nXNzx {
3642
+ .Switch-module__hop-Switch__indicator___ZY1NN {
3635
3643
  position: relative;
3636
3644
  flex: 0 0 auto;
3637
3645
  box-sizing: border-box;
@@ -3644,7 +3652,7 @@
3644
3652
  outline-offset: 0.125rem;
3645
3653
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3646
3654
  }
3647
- .Switch-module__hop-Switch__indicator___nXNzx::before {
3655
+ .Switch-module__hop-Switch__indicator___ZY1NN::before {
3648
3656
  content: "";
3649
3657
  position: absolute;
3650
3658
  inset-block-start: 50%;
@@ -3659,20 +3667,20 @@
3659
3667
  border-radius: var(--hop-shape-circle);
3660
3668
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3661
3669
  }
3662
- .Switch-module__hop-Switch__text___AVZma {
3670
+ .Switch-module__hop-Switch__text___wcjhs {
3663
3671
  flex: 0 1 auto;
3664
3672
  order: 2;
3665
3673
  min-inline-size: 0;
3666
3674
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3667
3675
  color: var(--text-color);
3668
3676
  }
3669
- .Switch-module__hop-Switch__icon-list___m-I5f,
3670
- .Switch-module__hop-Switch__icon___YH2YF {
3677
+ .Switch-module__hop-Switch__icon-list___h1SI9,
3678
+ .Switch-module__hop-Switch__icon___6MRsQ {
3671
3679
  order: 3;
3672
3680
  }
3673
3681
 
3674
3682
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3675
- .SwitchField-module__hop-SwitchField___EaVpL {
3683
+ .SwitchField-module__hop-SwitchField___pVi8B {
3676
3684
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3677
3685
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3678
3686
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3691,28 +3699,28 @@
3691
3699
  inline-size: max-content;
3692
3700
  max-inline-size: 100%;
3693
3701
  }
3694
- .SwitchField-module__hop-SwitchField___EaVpL[data-disabled] {
3702
+ .SwitchField-module__hop-SwitchField___pVi8B[data-disabled] {
3695
3703
  --description-color: var(--hop-SwitchField-description-color-disabled);
3696
3704
  }
3697
- .SwitchField-module__hop-SwitchField--sm___c6i7N {
3705
+ .SwitchField-module__hop-SwitchField--sm___W7D8R {
3698
3706
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3699
3707
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3700
3708
  }
3701
- .SwitchField-module__hop-SwitchField--md___i47Sq {
3709
+ .SwitchField-module__hop-SwitchField--md___Dq1Rf {
3702
3710
  --row-gap: var(--hop-SwitchField-md-row-gap);
3703
3711
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3704
3712
  }
3705
- .SwitchField-module__hop-SwitchField__description___pZVyu {
3713
+ .SwitchField-module__hop-SwitchField__description___konhn {
3706
3714
  order: 2;
3707
3715
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3708
3716
  color: var(--description-color);
3709
3717
  }
3710
- .SwitchField-module__hop-SwitchField__switch___5zOgG {
3718
+ .SwitchField-module__hop-SwitchField__switch___Gu96C {
3711
3719
  order: 1;
3712
3720
  }
3713
3721
 
3714
3722
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3715
- .Tag-module__hop-Tag___6kkA1 {
3723
+ .Tag-module__hop-Tag___Q5Cmm {
3716
3724
  --hop-Tag-border-size: 0.0625rem;
3717
3725
  --hop-Tag-border-radius: var(--hop-shape-pill);
3718
3726
  --hop-Tag-sm-block-size: 1.25rem;
@@ -3951,7 +3959,7 @@
3951
3959
  outline: none;
3952
3960
  outline-offset: 0.125rem;
3953
3961
  }
3954
- .Tag-module__hop-Tag--sm___ZpTSw {
3962
+ .Tag-module__hop-Tag--sm___VFfCI {
3955
3963
  --block-size: var(--hop-Tag-sm-block-size);
3956
3964
  --padding-inline: var(--hop-Tag-sm-padding-inline);
3957
3965
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -3959,13 +3967,13 @@
3959
3967
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
3960
3968
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
3961
3969
  }
3962
- .Tag-module__hop-Tag--sm___ZpTSw:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
3970
+ .Tag-module__hop-Tag--sm___VFfCI:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
3963
3971
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
3964
3972
  }
3965
- .Tag-module__hop-Tag--sm___ZpTSw:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
3973
+ .Tag-module__hop-Tag--sm___VFfCI:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
3966
3974
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
3967
3975
  }
3968
- .Tag-module__hop-Tag--md___oBQFD {
3976
+ .Tag-module__hop-Tag--md___8YMof {
3969
3977
  --block-size: var(--hop-Tag-md-block-size);
3970
3978
  --padding-inline: var(--hop-Tag-md-padding-inline);
3971
3979
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -3973,13 +3981,13 @@
3973
3981
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
3974
3982
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
3975
3983
  }
3976
- .Tag-module__hop-Tag--md___oBQFD:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
3984
+ .Tag-module__hop-Tag--md___8YMof:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
3977
3985
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
3978
3986
  }
3979
- .Tag-module__hop-Tag--md___oBQFD:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
3987
+ .Tag-module__hop-Tag--md___8YMof:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
3980
3988
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
3981
3989
  }
3982
- .Tag-module__hop-Tag--lg___uyvYq {
3990
+ .Tag-module__hop-Tag--lg___oEi4o {
3983
3991
  --block-size: var(--hop-Tag-lg-block-size);
3984
3992
  --padding-inline: var(--hop-Tag-lg-padding-inline);
3985
3993
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -3987,348 +3995,348 @@
3987
3995
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
3988
3996
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
3989
3997
  }
3990
- .Tag-module__hop-Tag--lg___uyvYq:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
3998
+ .Tag-module__hop-Tag--lg___oEi4o:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
3991
3999
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
3992
4000
  }
3993
- .Tag-module__hop-Tag--lg___uyvYq:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
4001
+ .Tag-module__hop-Tag--lg___oEi4o:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
3994
4002
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
3995
4003
  }
3996
- .Tag-module__hop-Tag--neutral___jWg4j {
4004
+ .Tag-module__hop-Tag--neutral___TUZDd {
3997
4005
  --border-color: var(--hop-Tag-neutral-border-color);
3998
4006
  --background-color: var(--hop-Tag-neutral-background-color);
3999
4007
  --text-color: var(--hop-Tag-neutral-text-color);
4000
4008
  }
4001
- .Tag-module__hop-Tag--subdued___fZeA5 {
4009
+ .Tag-module__hop-Tag--subdued___yAJHY {
4002
4010
  --border-color: var(--hop-Tag-subdued-border-color);
4003
4011
  --background-color: var(--hop-Tag-subdued-background-color);
4004
4012
  --text-color: var(--hop-Tag-subdued-text-color);
4005
4013
  }
4006
- .Tag-module__hop-Tag--progress___A0oR6 {
4014
+ .Tag-module__hop-Tag--progress___8Z5fa {
4007
4015
  --border-color: var(--hop-Tag-progress-border-color);
4008
4016
  --background-color: var(--hop-Tag-progress-background-color);
4009
4017
  --text-color: var(--hop-Tag-progress-text-color);
4010
4018
  }
4011
- .Tag-module__hop-Tag--positive___pgIee {
4019
+ .Tag-module__hop-Tag--positive___MtvyX {
4012
4020
  --border-color: var(--hop-Tag-positive-border-color);
4013
4021
  --background-color: var(--hop-Tag-positive-background-color);
4014
4022
  --text-color: var(--hop-Tag-positive-text-color);
4015
4023
  }
4016
- .Tag-module__hop-Tag--caution___58PpF {
4024
+ .Tag-module__hop-Tag--caution___iCH6y {
4017
4025
  --border-color: var(--hop-Tag-caution-border-color);
4018
4026
  --background-color: var(--hop-Tag-caution-background-color);
4019
4027
  --text-color: var(--hop-Tag-caution-text-color);
4020
4028
  }
4021
- .Tag-module__hop-Tag--negative___PZwTR {
4029
+ .Tag-module__hop-Tag--negative___mbi4M {
4022
4030
  --border-color: var(--hop-Tag-negative-border-color);
4023
4031
  --background-color: var(--hop-Tag-negative-background-color);
4024
4032
  --text-color: var(--hop-Tag-negative-text-color);
4025
4033
  }
4026
- .Tag-module__hop-Tag--option1___A0sb0 {
4034
+ .Tag-module__hop-Tag--option1___-HOu1 {
4027
4035
  --border-color: var(--hop-Tag-option1-border-color);
4028
4036
  --background-color: var(--hop-Tag-option1-background-color);
4029
4037
  --text-color: var(--hop-Tag-option1-text-color);
4030
4038
  }
4031
- .Tag-module__hop-Tag--option2___vjYIv {
4039
+ .Tag-module__hop-Tag--option2___T2u0U {
4032
4040
  --border-color: var(--hop-Tag-option2-border-color);
4033
4041
  --background-color: var(--hop-Tag-option2-background-color);
4034
4042
  --text-color: var(--hop-Tag-option2-text-color);
4035
4043
  }
4036
- .Tag-module__hop-Tag--option3___NPGVI {
4044
+ .Tag-module__hop-Tag--option3___puucJ {
4037
4045
  --border-color: var(--hop-Tag-option3-border-color);
4038
4046
  --background-color: var(--hop-Tag-option3-background-color);
4039
4047
  --text-color: var(--hop-Tag-option3-text-color);
4040
4048
  }
4041
- .Tag-module__hop-Tag--option4___tTOij {
4049
+ .Tag-module__hop-Tag--option4___2TNci {
4042
4050
  --border-color: var(--hop-Tag-option4-border-color);
4043
4051
  --background-color: var(--hop-Tag-option4-background-color);
4044
4052
  --text-color: var(--hop-Tag-option4-text-color);
4045
4053
  }
4046
- .Tag-module__hop-Tag--option5___9-b0i {
4054
+ .Tag-module__hop-Tag--option5___HnSjN {
4047
4055
  --border-color: var(--hop-Tag-option5-border-color);
4048
4056
  --background-color: var(--hop-Tag-option5-background-color);
4049
4057
  --text-color: var(--hop-Tag-option5-text-color);
4050
4058
  }
4051
- .Tag-module__hop-Tag--option6___j6qym {
4059
+ .Tag-module__hop-Tag--option6___g5EV9 {
4052
4060
  --border-color: var(--hop-Tag-option6-border-color);
4053
4061
  --background-color: var(--hop-Tag-option6-background-color);
4054
4062
  --text-color: var(--hop-Tag-option6-text-color);
4055
4063
  }
4056
- .Tag-module__hop-Tag___6kkA1[data-href] {
4064
+ .Tag-module__hop-Tag___Q5Cmm[data-href] {
4057
4065
  cursor: pointer;
4058
4066
  }
4059
- .Tag-module__hop-Tag--neutral___jWg4j[data-focus-visible] {
4067
+ .Tag-module__hop-Tag--neutral___TUZDd[data-focus-visible] {
4060
4068
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4061
4069
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4062
4070
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4063
4071
  }
4064
- .Tag-module__hop-Tag--neutral___jWg4j[data-hovered] {
4072
+ .Tag-module__hop-Tag--neutral___TUZDd[data-hovered] {
4065
4073
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4066
4074
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4067
4075
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4068
4076
  }
4069
- .Tag-module__hop-Tag--neutral___jWg4j[data-pressed] {
4077
+ .Tag-module__hop-Tag--neutral___TUZDd[data-pressed] {
4070
4078
  --border-color: var(--hop-Tag-neutral-border-color-press);
4071
4079
  --background-color: var(--hop-Tag-neutral-background-color-press);
4072
4080
  --text-color: var(--hop-Tag-neutral-text-color-press);
4073
4081
  }
4074
- .Tag-module__hop-Tag--neutral___jWg4j[data-disabled] {
4082
+ .Tag-module__hop-Tag--neutral___TUZDd[data-disabled] {
4075
4083
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4076
4084
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4077
4085
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4078
4086
  }
4079
- .Tag-module__hop-Tag--subdued___fZeA5[data-focus-visible] {
4087
+ .Tag-module__hop-Tag--subdued___yAJHY[data-focus-visible] {
4080
4088
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4081
4089
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4082
4090
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4083
4091
  }
4084
- .Tag-module__hop-Tag--subdued___fZeA5[data-hovered] {
4092
+ .Tag-module__hop-Tag--subdued___yAJHY[data-hovered] {
4085
4093
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4086
4094
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4087
4095
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4088
4096
  }
4089
- .Tag-module__hop-Tag--subdued___fZeA5[data-pressed] {
4097
+ .Tag-module__hop-Tag--subdued___yAJHY[data-pressed] {
4090
4098
  --border-color: var(--hop-Tag-subdued-border-color-press);
4091
4099
  --background-color: var(--hop-Tag-subdued-background-color-press);
4092
4100
  --text-color: var(--hop-Tag-subdued-text-color-press);
4093
4101
  }
4094
- .Tag-module__hop-Tag--subdued___fZeA5[data-disabled] {
4102
+ .Tag-module__hop-Tag--subdued___yAJHY[data-disabled] {
4095
4103
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4096
4104
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4097
4105
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4098
4106
  }
4099
- .Tag-module__hop-Tag--progress___A0oR6[data-focus-visible] {
4107
+ .Tag-module__hop-Tag--progress___8Z5fa[data-focus-visible] {
4100
4108
  --border-color: var(--hop-Tag-progress-border-color-focus);
4101
4109
  --background-color: var(--hop-Tag-progress-background-color-focus);
4102
4110
  --text-color: var(--hop-Tag-progress-text-color-focus);
4103
4111
  }
4104
- .Tag-module__hop-Tag--progress___A0oR6[data-hovered] {
4112
+ .Tag-module__hop-Tag--progress___8Z5fa[data-hovered] {
4105
4113
  --border-color: var(--hop-Tag-progress-border-color-hover);
4106
4114
  --background-color: var(--hop-Tag-progress-background-color-hover);
4107
4115
  --text-color: var(--hop-Tag-progress-text-color-hover);
4108
4116
  }
4109
- .Tag-module__hop-Tag--progress___A0oR6[data-pressed] {
4117
+ .Tag-module__hop-Tag--progress___8Z5fa[data-pressed] {
4110
4118
  --border-color: var(--hop-Tag-progress-border-color-press);
4111
4119
  --background-color: var(--hop-Tag-progress-background-color-press);
4112
4120
  --text-color: var(--hop-Tag-progress-text-color-press);
4113
4121
  }
4114
- .Tag-module__hop-Tag--progress___A0oR6[data-disabled] {
4122
+ .Tag-module__hop-Tag--progress___8Z5fa[data-disabled] {
4115
4123
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4116
4124
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4117
4125
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4118
4126
  }
4119
- .Tag-module__hop-Tag--positive___pgIee[data-focus-visible] {
4127
+ .Tag-module__hop-Tag--positive___MtvyX[data-focus-visible] {
4120
4128
  --border-color: var(--hop-Tag-positive-border-color-focus);
4121
4129
  --background-color: var(--hop-Tag-positive-background-color-focus);
4122
4130
  --text-color: var(--hop-Tag-positive-text-color-focus);
4123
4131
  }
4124
- .Tag-module__hop-Tag--positive___pgIee[data-hovered] {
4132
+ .Tag-module__hop-Tag--positive___MtvyX[data-hovered] {
4125
4133
  --border-color: var(--hop-Tag-positive-border-color-hover);
4126
4134
  --background-color: var(--hop-Tag-positive-background-color-hover);
4127
4135
  --text-color: var(--hop-Tag-positive-text-color-hover);
4128
4136
  }
4129
- .Tag-module__hop-Tag--positive___pgIee[data-pressed] {
4137
+ .Tag-module__hop-Tag--positive___MtvyX[data-pressed] {
4130
4138
  --border-color: var(--hop-Tag-positive-border-color-press);
4131
4139
  --background-color: var(--hop-Tag-positive-background-color-press);
4132
4140
  --text-color: var(--hop-Tag-positive-text-color-press);
4133
4141
  }
4134
- .Tag-module__hop-Tag--positive___pgIee[data-disabled] {
4142
+ .Tag-module__hop-Tag--positive___MtvyX[data-disabled] {
4135
4143
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4136
4144
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4137
4145
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4138
4146
  }
4139
- .Tag-module__hop-Tag--caution___58PpF[data-focus-visible] {
4147
+ .Tag-module__hop-Tag--caution___iCH6y[data-focus-visible] {
4140
4148
  --border-color: var(--hop-Tag-caution-border-color-focus);
4141
4149
  --background-color: var(--hop-Tag-caution-background-color-focus);
4142
4150
  --text-color: var(--hop-Tag-caution-text-color-focus);
4143
4151
  }
4144
- .Tag-module__hop-Tag--caution___58PpF[data-hovered] {
4152
+ .Tag-module__hop-Tag--caution___iCH6y[data-hovered] {
4145
4153
  --border-color: var(--hop-Tag-caution-border-color-hover);
4146
4154
  --background-color: var(--hop-Tag-caution-background-color-hover);
4147
4155
  --text-color: var(--hop-Tag-caution-text-color-hover);
4148
4156
  }
4149
- .Tag-module__hop-Tag--caution___58PpF[data-pressed] {
4157
+ .Tag-module__hop-Tag--caution___iCH6y[data-pressed] {
4150
4158
  --border-color: var(--hop-Tag-caution-border-color-press);
4151
4159
  --background-color: var(--hop-Tag-caution-background-color-press);
4152
4160
  --text-color: var(--hop-Tag-caution-text-color-press);
4153
4161
  }
4154
- .Tag-module__hop-Tag--caution___58PpF[data-disabled] {
4162
+ .Tag-module__hop-Tag--caution___iCH6y[data-disabled] {
4155
4163
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4156
4164
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4157
4165
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4158
4166
  }
4159
- .Tag-module__hop-Tag--negative___PZwTR[data-focus-visible] {
4167
+ .Tag-module__hop-Tag--negative___mbi4M[data-focus-visible] {
4160
4168
  --border-color: var(--hop-Tag-negative-border-color-focus);
4161
4169
  --background-color: var(--hop-Tag-negative-background-color-focus);
4162
4170
  --text-color: var(--hop-Tag-negative-text-color-focus);
4163
4171
  }
4164
- .Tag-module__hop-Tag--negative___PZwTR[data-hovered] {
4172
+ .Tag-module__hop-Tag--negative___mbi4M[data-hovered] {
4165
4173
  --border-color: var(--hop-Tag-negative-border-color-hover);
4166
4174
  --background-color: var(--hop-Tag-negative-background-color-hover);
4167
4175
  --text-color: var(--hop-Tag-negative-text-color-hover);
4168
4176
  }
4169
- .Tag-module__hop-Tag--negative___PZwTR[data-pressed] {
4177
+ .Tag-module__hop-Tag--negative___mbi4M[data-pressed] {
4170
4178
  --border-color: var(--hop-Tag-negative-border-color-press);
4171
4179
  --background-color: var(--hop-Tag-negative-background-color-press);
4172
4180
  --text-color: var(--hop-Tag-negative-text-color-press);
4173
4181
  }
4174
- .Tag-module__hop-Tag--negative___PZwTR[data-disabled] {
4182
+ .Tag-module__hop-Tag--negative___mbi4M[data-disabled] {
4175
4183
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4176
4184
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4177
4185
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4178
4186
  }
4179
- .Tag-module__hop-Tag--option1___A0sb0[data-focus-visible] {
4187
+ .Tag-module__hop-Tag--option1___-HOu1[data-focus-visible] {
4180
4188
  --border-color: var(--hop-Tag-option1-border-color-focus);
4181
4189
  --background-color: var(--hop-Tag-option1-background-color-focus);
4182
4190
  --text-color: var(--hop-Tag-option1-text-color-focus);
4183
4191
  }
4184
- .Tag-module__hop-Tag--option1___A0sb0[data-hovered] {
4192
+ .Tag-module__hop-Tag--option1___-HOu1[data-hovered] {
4185
4193
  --border-color: var(--hop-Tag-option1-border-color-hover);
4186
4194
  --background-color: var(--hop-Tag-option1-background-color-hover);
4187
4195
  --text-color: var(--hop-Tag-option1-text-color-hover);
4188
4196
  }
4189
- .Tag-module__hop-Tag--option1___A0sb0[data-pressed] {
4197
+ .Tag-module__hop-Tag--option1___-HOu1[data-pressed] {
4190
4198
  --border-color: var(--hop-Tag-option1-border-color-press);
4191
4199
  --background-color: var(--hop-Tag-option1-background-color-press);
4192
4200
  --text-color: var(--hop-Tag-option1-text-color-press);
4193
4201
  }
4194
- .Tag-module__hop-Tag--option1___A0sb0[data-disabled] {
4202
+ .Tag-module__hop-Tag--option1___-HOu1[data-disabled] {
4195
4203
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4196
4204
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4197
4205
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4198
4206
  }
4199
- .Tag-module__hop-Tag--option2___vjYIv[data-focus-visible] {
4207
+ .Tag-module__hop-Tag--option2___T2u0U[data-focus-visible] {
4200
4208
  --border-color: var(--hop-Tag-option2-border-color-focus);
4201
4209
  --background-color: var(--hop-Tag-option2-background-color-focus);
4202
4210
  --text-color: var(--hop-Tag-option2-text-color-focus);
4203
4211
  }
4204
- .Tag-module__hop-Tag--option2___vjYIv[data-hovered] {
4212
+ .Tag-module__hop-Tag--option2___T2u0U[data-hovered] {
4205
4213
  --border-color: var(--hop-Tag-option2-border-color-hover);
4206
4214
  --background-color: var(--hop-Tag-option2-background-color-hover);
4207
4215
  --text-color: var(--hop-Tag-option2-text-color-hover);
4208
4216
  }
4209
- .Tag-module__hop-Tag--option2___vjYIv[data-pressed] {
4217
+ .Tag-module__hop-Tag--option2___T2u0U[data-pressed] {
4210
4218
  --border-color: var(--hop-Tag-option2-border-color-press);
4211
4219
  --background-color: var(--hop-Tag-option2-background-color-press);
4212
4220
  --text-color: var(--hop-Tag-option2-text-color-press);
4213
4221
  }
4214
- .Tag-module__hop-Tag--option2___vjYIv[data-disabled] {
4222
+ .Tag-module__hop-Tag--option2___T2u0U[data-disabled] {
4215
4223
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4216
4224
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4217
4225
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4218
4226
  }
4219
- .Tag-module__hop-Tag--option3___NPGVI[data-focus-visible] {
4227
+ .Tag-module__hop-Tag--option3___puucJ[data-focus-visible] {
4220
4228
  --border-color: var(--hop-Tag-option3-border-color-focus);
4221
4229
  --background-color: var(--hop-Tag-option3-background-color-focus);
4222
4230
  --text-color: var(--hop-Tag-option3-text-color-focus);
4223
4231
  }
4224
- .Tag-module__hop-Tag--option3___NPGVI[data-hovered] {
4232
+ .Tag-module__hop-Tag--option3___puucJ[data-hovered] {
4225
4233
  --border-color: var(--hop-Tag-option3-border-color-hover);
4226
4234
  --background-color: var(--hop-Tag-option3-background-color-hover);
4227
4235
  --text-color: var(--hop-Tag-option3-text-color-hover);
4228
4236
  }
4229
- .Tag-module__hop-Tag--option3___NPGVI[data-pressed] {
4237
+ .Tag-module__hop-Tag--option3___puucJ[data-pressed] {
4230
4238
  --border-color: var(--hop-Tag-option3-border-color-press);
4231
4239
  --background-color: var(--hop-Tag-option3-background-color-press);
4232
4240
  --text-color: var(--hop-Tag-option3-text-color-press);
4233
4241
  }
4234
- .Tag-module__hop-Tag--option3___NPGVI[data-disabled] {
4242
+ .Tag-module__hop-Tag--option3___puucJ[data-disabled] {
4235
4243
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4236
4244
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4237
4245
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4238
4246
  }
4239
- .Tag-module__hop-Tag--option4___tTOij[data-focus-visible] {
4247
+ .Tag-module__hop-Tag--option4___2TNci[data-focus-visible] {
4240
4248
  --border-color: var(--hop-Tag-option4-border-color-focus);
4241
4249
  --background-color: var(--hop-Tag-option4-background-color-focus);
4242
4250
  --text-color: var(--hop-Tag-option4-text-color-focus);
4243
4251
  }
4244
- .Tag-module__hop-Tag--option4___tTOij[data-hovered] {
4252
+ .Tag-module__hop-Tag--option4___2TNci[data-hovered] {
4245
4253
  --border-color: var(--hop-Tag-option4-border-color-hover);
4246
4254
  --background-color: var(--hop-Tag-option4-background-color-hover);
4247
4255
  --text-color: var(--hop-Tag-option4-text-color-hover);
4248
4256
  }
4249
- .Tag-module__hop-Tag--option4___tTOij[data-pressed] {
4257
+ .Tag-module__hop-Tag--option4___2TNci[data-pressed] {
4250
4258
  --border-color: var(--hop-Tag-option4-border-color-press);
4251
4259
  --background-color: var(--hop-Tag-option4-background-color-press);
4252
4260
  --text-color: var(--hop-Tag-option4-text-color-press);
4253
4261
  }
4254
- .Tag-module__hop-Tag--option4___tTOij[data-disabled] {
4262
+ .Tag-module__hop-Tag--option4___2TNci[data-disabled] {
4255
4263
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4256
4264
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4257
4265
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4258
4266
  }
4259
- .Tag-module__hop-Tag--option5___9-b0i[data-focus-visible] {
4267
+ .Tag-module__hop-Tag--option5___HnSjN[data-focus-visible] {
4260
4268
  --border-color: var(--hop-Tag-option5-border-color-focus);
4261
4269
  --background-color: var(--hop-Tag-option5-background-color-focus);
4262
4270
  --text-color: var(--hop-Tag-option5-text-color-focus);
4263
4271
  }
4264
- .Tag-module__hop-Tag--option5___9-b0i[data-hovered] {
4272
+ .Tag-module__hop-Tag--option5___HnSjN[data-hovered] {
4265
4273
  --border-color: var(--hop-Tag-option5-border-color-hover);
4266
4274
  --background-color: var(--hop-Tag-option5-background-color-hover);
4267
4275
  --text-color: var(--hop-Tag-option5-text-color-hover);
4268
4276
  }
4269
- .Tag-module__hop-Tag--option5___9-b0i[data-pressed] {
4277
+ .Tag-module__hop-Tag--option5___HnSjN[data-pressed] {
4270
4278
  --border-color: var(--hop-Tag-option5-border-color-press);
4271
4279
  --background-color: var(--hop-Tag-option5-background-color-press);
4272
4280
  --text-color: var(--hop-Tag-option5-text-color-press);
4273
4281
  }
4274
- .Tag-module__hop-Tag--option5___9-b0i[data-disabled] {
4282
+ .Tag-module__hop-Tag--option5___HnSjN[data-disabled] {
4275
4283
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4276
4284
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4277
4285
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4278
4286
  }
4279
- .Tag-module__hop-Tag--option6___j6qym[data-focus-visible] {
4287
+ .Tag-module__hop-Tag--option6___g5EV9[data-focus-visible] {
4280
4288
  --border-color: var(--hop-Tag-option6-border-color-focus);
4281
4289
  --background-color: var(--hop-Tag-option6-background-color-focus);
4282
4290
  --text-color: var(--hop-Tag-option6-text-color-focus);
4283
4291
  }
4284
- .Tag-module__hop-Tag--option6___j6qym[data-hovered] {
4292
+ .Tag-module__hop-Tag--option6___g5EV9[data-hovered] {
4285
4293
  --border-color: var(--hop-Tag-option6-border-color-hover);
4286
4294
  --background-color: var(--hop-Tag-option6-background-color-hover);
4287
4295
  --text-color: var(--hop-Tag-option6-text-color-hover);
4288
4296
  }
4289
- .Tag-module__hop-Tag--option6___j6qym[data-pressed] {
4297
+ .Tag-module__hop-Tag--option6___g5EV9[data-pressed] {
4290
4298
  --border-color: var(--hop-Tag-option6-border-color-press);
4291
4299
  --background-color: var(--hop-Tag-option6-background-color-press);
4292
4300
  --text-color: var(--hop-Tag-option6-text-color-press);
4293
4301
  }
4294
- .Tag-module__hop-Tag--option6___j6qym[data-disabled] {
4302
+ .Tag-module__hop-Tag--option6___g5EV9[data-disabled] {
4295
4303
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4296
4304
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4297
4305
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4298
4306
  }
4299
- .Tag-module__hop-Tag___6kkA1[data-focus-visible] {
4307
+ .Tag-module__hop-Tag___Q5Cmm[data-focus-visible] {
4300
4308
  outline: 0.125rem solid var(--focus-ring-color);
4301
4309
  }
4302
- .Tag-module__hop-Tag___6kkA1[data-hovered] {
4310
+ .Tag-module__hop-Tag___Q5Cmm[data-hovered] {
4303
4311
  cursor: pointer;
4304
4312
  }
4305
- .Tag-module__hop-Tag___6kkA1[data-selected] {
4313
+ .Tag-module__hop-Tag___Q5Cmm[data-selected] {
4306
4314
  --background-color: var(--hop-Tag-background-color-selected);
4307
4315
  --border-color: var(--hop-Tag-border-color-selected);
4308
4316
  --text-color: var(--hop-Tag-text-color-selected);
4309
4317
  }
4310
- .Tag-module__hop-Tag___6kkA1[data-pressed] {
4318
+ .Tag-module__hop-Tag___Q5Cmm[data-pressed] {
4311
4319
  cursor: pointer;
4312
4320
  }
4313
- .Tag-module__hop-Tag___6kkA1[data-invalid] {
4321
+ .Tag-module__hop-Tag___Q5Cmm[data-invalid] {
4314
4322
  --border-color: var(--hop-Tag-border-color-invalid);
4315
4323
  }
4316
- .Tag-module__hop-Tag___6kkA1[data-disabled] {
4324
+ .Tag-module__hop-Tag___Q5Cmm[data-disabled] {
4317
4325
  cursor: not-allowed;
4318
4326
  }
4319
- .Tag-module__hop-Tag__avatar___cfamG {
4327
+ .Tag-module__hop-Tag__avatar___Pj2L9 {
4320
4328
  flex: 0 0 auto;
4321
4329
  order: 1;
4322
4330
  margin-inline-start: var(--avatar-margin-inline-start);
4323
4331
  }
4324
- .Tag-module__hop-Tag__icon___m9dbl,
4325
- .Tag-module__hop-Tag__icon-list___e1ujB {
4332
+ .Tag-module__hop-Tag__icon___QneBP,
4333
+ .Tag-module__hop-Tag__icon-list___0vhBr {
4326
4334
  flex: 0 0 auto;
4327
4335
  flex-wrap: nowrap;
4328
4336
  order: 2;
4329
4337
  margin-inline-start: var(--icon-margin-inline-start, 0);
4330
4338
  }
4331
- .Tag-module__hop-Tag__text___Scjto {
4339
+ .Tag-module__hop-Tag__text___UwHZt {
4332
4340
  overflow: hidden;
4333
4341
  flex: 1 1 auto;
4334
4342
  order: 3;
@@ -4336,33 +4344,33 @@
4336
4344
  text-align: center;
4337
4345
  text-overflow: ellipsis;
4338
4346
  }
4339
- .Tag-module__hop-Tag__badge___Peurj {
4347
+ .Tag-module__hop-Tag__badge___tEipF {
4340
4348
  flex: 0 0 auto;
4341
4349
  order: 4;
4342
4350
  margin-inline-end: var(--badge-margin-inline-end);
4343
4351
  }
4344
- .Tag-module__hop-Tag___6kkA1 .Tag-module__hop-Tag__badge___Peurj[data-variant=subdued] {
4352
+ .Tag-module__hop-Tag___Q5Cmm .Tag-module__hop-Tag__badge___tEipF[data-variant=subdued] {
4345
4353
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4346
4354
  color: inherit;
4347
4355
  background: none;
4348
4356
  }
4349
- .Tag-module__hop-Tag--sm___ZpTSw .Tag-module__hop-Tag__badge___Peurj {
4357
+ .Tag-module__hop-Tag--sm___VFfCI .Tag-module__hop-Tag__badge___tEipF {
4350
4358
  block-size: 100%;
4351
4359
  }
4352
- .Tag-module__hop-Tag__remove-btn___Xo1UQ,
4353
- .Tag-module__hop-Tag__Spinner___CK3eL {
4360
+ .Tag-module__hop-Tag__remove-btn___zoQkZ,
4361
+ .Tag-module__hop-Tag__Spinner___mKw7w {
4354
4362
  flex: 0 0 auto;
4355
4363
  order: 5;
4356
4364
  }
4357
- .Tag-module__hop-Tag__Spinner___CK3eL {
4365
+ .Tag-module__hop-Tag__Spinner___mKw7w {
4358
4366
  margin-inline-end: var(--spinner-margin-inline-end);
4359
4367
  }
4360
- .Tag-module__hop-Tag__remove-btn___Xo1UQ {
4368
+ .Tag-module__hop-Tag__remove-btn___zoQkZ {
4361
4369
  margin-inline: var(--clear-btn-margin-inline);
4362
4370
  }
4363
4371
 
4364
4372
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4365
- .TagGroup-module__hop-TagGroup___td3l- {
4373
+ .TagGroup-module__hop-TagGroup___s6wSY {
4366
4374
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4367
4375
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4368
4376
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4382,10 +4390,10 @@
4382
4390
  inline-size: max-content;
4383
4391
  max-inline-size: 100%;
4384
4392
  }
4385
- .TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__label___e3DCJ {
4393
+ .TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__label___XG2gM {
4386
4394
  order: 1;
4387
4395
  }
4388
- .TagGroup-module__hop-TagGroup__list___EqUHr {
4396
+ .TagGroup-module__hop-TagGroup__list___4Ffgb {
4389
4397
  display: flex;
4390
4398
  flex-wrap: wrap;
4391
4399
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4394,24 +4402,24 @@
4394
4402
  border-radius: var(--list-border-radius);
4395
4403
  outline: none;
4396
4404
  }
4397
- .TagGroup-module__hop-TagGroup__list___EqUHr[data-focus-visible] {
4405
+ .TagGroup-module__hop-TagGroup__list___4Ffgb[data-focus-visible] {
4398
4406
  outline: 0.125rem solid var(--list-focus-ring-color);
4399
4407
  outline-offset: 0.125rem;
4400
4408
  }
4401
- .TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__error-message___2FN5L,
4402
- .TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__helper-message___8cR86 {
4409
+ .TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__error-message___Ts5SG,
4410
+ .TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__helper-message___BWiwC {
4403
4411
  order: 3;
4404
4412
  }
4405
4413
 
4406
4414
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4407
- :where(.Popover-module__hop-Popover___gUuqE *) {
4415
+ :where(.Popover-module__hop-Popover___i8se0 *) {
4408
4416
  font-family: var(--font-family);
4409
4417
  font-size: var(--font-size);
4410
4418
  font-weight: var(--font-weight);
4411
4419
  line-height: var(--line-height);
4412
4420
  outline: none;
4413
4421
  }
4414
- .Popover-module__hop-Popover___gUuqE {
4422
+ .Popover-module__hop-Popover___i8se0 {
4415
4423
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4416
4424
  --hop-Popover-inline-width: 25rem;
4417
4425
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4423,19 +4431,19 @@
4423
4431
  inline-size: var(--width);
4424
4432
  max-inline-size: var(--max-width);
4425
4433
  }
4426
- .Popover-module__hop-Popover___gUuqE[data-trigger=Select] {
4434
+ .Popover-module__hop-Popover___i8se0[data-trigger=Select] {
4427
4435
  --width: var(--hop-Popover-dropdown-inline-width);
4428
4436
  }
4429
- .Popover-module__hop-Popover___gUuqE[data-auto-width] {
4437
+ .Popover-module__hop-Popover___i8se0[data-auto-width] {
4430
4438
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4431
4439
  }
4432
- .Popover-module__hop-Popover___gUuqE[data-entering] {
4433
- animation: Popover-module__fade___ByoOf 0.25s;
4440
+ .Popover-module__hop-Popover___i8se0[data-entering] {
4441
+ animation: Popover-module__fade___Y80OG 0.25s;
4434
4442
  }
4435
- .Popover-module__hop-Popover___gUuqE[data-exiting] {
4436
- animation: Popover-module__fade___ByoOf 0.25s reverse;
4443
+ .Popover-module__hop-Popover___i8se0[data-exiting] {
4444
+ animation: Popover-module__fade___Y80OG 0.25s reverse;
4437
4445
  }
4438
- @keyframes Popover-module__fade___ByoOf {
4446
+ @keyframes Popover-module__fade___Y80OG {
4439
4447
  from {
4440
4448
  opacity: 0;
4441
4449
  }
@@ -4443,14 +4451,14 @@
4443
4451
  opacity: 1;
4444
4452
  }
4445
4453
  }
4446
- .Popover-module__hop-Popover__wrapper___PUZxp {
4454
+ .Popover-module__hop-Popover__wrapper___6wmmX {
4447
4455
  display: flex;
4448
4456
  flex: 1 1 auto;
4449
4457
  flex-direction: column;
4450
4458
  min-block-size: 0;
4451
4459
  }
4452
- .Popover-module__hop-Popover__dialog___sW-hf,
4453
- .Popover-module__hop-Popover__dropdown___fQSFy {
4460
+ .Popover-module__hop-Popover__dialog___qWlym,
4461
+ .Popover-module__hop-Popover__dropdown___Zh5mt {
4454
4462
  --hop-Popover-background: var(--hop-neutral-surface);
4455
4463
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4456
4464
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4496,20 +4504,20 @@
4496
4504
  border-radius: var(--hop-Popover-border-radius);
4497
4505
  box-shadow: var(--hop-Popover-box-shadow);
4498
4506
  }
4499
- .Popover-module__hop-Popover__dropdown___fQSFy {
4507
+ .Popover-module__hop-Popover__dropdown___Zh5mt {
4500
4508
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4501
4509
  --footer-place-self: stretch;
4502
4510
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4503
4511
  --padding: var(--hop-Popover-dropdown-padding);
4504
4512
  }
4505
- .Popover-module__hop-Popover__dialog___sW-hf {
4513
+ .Popover-module__hop-Popover__dialog___qWlym {
4506
4514
  --padding: var(--hop-Popover-dialog-padding);
4507
4515
  }
4508
- .Popover-module__hop-Popover__title___kUozx {
4516
+ .Popover-module__hop-Popover__title___yIARl {
4509
4517
  grid-area: header;
4510
4518
  color: var(--hop-Popover-color);
4511
4519
  }
4512
- .Popover-module__hop-Popover__content___lGFNJ {
4520
+ .Popover-module__hop-Popover__content___ZaJ8T {
4513
4521
  --font-size: var(--hop-Popover-content-font-size);
4514
4522
  --line-height: var(--hop-Popover-content-line-height);
4515
4523
  grid-area: content;
@@ -4518,7 +4526,7 @@
4518
4526
  padding: 0;
4519
4527
  color: var(--hop-Popover-content-color);
4520
4528
  }
4521
- .Popover-module__hop-Popover__dropdown___fQSFy .Popover-module__hop-Popover__list-box___3a8GD {
4529
+ .Popover-module__hop-Popover__dropdown___Zh5mt .Popover-module__hop-Popover__list-box___mCGCz {
4522
4530
  grid-area: content;
4523
4531
  inline-size: auto;
4524
4532
  min-inline-size: auto;
@@ -4527,7 +4535,7 @@
4527
4535
  padding: 0;
4528
4536
  border: none;
4529
4537
  }
4530
- .Popover-module__hop-Popover__footer___OfxU- {
4538
+ .Popover-module__hop-Popover__footer___Zan9L {
4531
4539
  --font-size: var(--hop-Popover-footer-font-size);
4532
4540
  --line-height: var(--hop-Popover-footer-line-height);
4533
4541
  grid-area: footer;
@@ -4535,16 +4543,16 @@
4535
4543
  margin: var(--footer-margin);
4536
4544
  color: var(--hop-Popover-color);
4537
4545
  }
4538
- .Popover-module__hop-Popover__dropdown___fQSFy .Popover-module__hop-Popover__footer___OfxU- {
4546
+ .Popover-module__hop-Popover__dropdown___Zh5mt .Popover-module__hop-Popover__footer___Zan9L {
4539
4547
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4540
4548
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4541
4549
  }
4542
- .Popover-module__hop-Popover__actions___dmf8x,
4543
- .Popover-module__hop-Popover__action___DxkKZ {
4550
+ .Popover-module__hop-Popover__actions___ltRsy,
4551
+ .Popover-module__hop-Popover__action___srYuC {
4544
4552
  grid-area: action;
4545
4553
  justify-self: end;
4546
4554
  margin-block-start: var(--hop-Popover-row-gap);
4547
4555
  }
4548
- .Popover-module__hop-Popover___gUuqE:has(.Popover-module__hop-Popover__actions___dmf8x, .Popover-module__hop-Popover__action___DxkKZ) .Popover-module__hop-Popover__footer___OfxU- {
4556
+ .Popover-module__hop-Popover___i8se0:has(.Popover-module__hop-Popover__actions___ltRsy, .Popover-module__hop-Popover__action___srYuC) .Popover-module__hop-Popover__footer___Zan9L {
4549
4557
  margin-inline-end: var(--hop-Popover-column-gap);
4550
4558
  }