@hopper-ui/components 1.3.6 → 1.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (188) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +21 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +10 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +31 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Divider/src/Divider.css +2 -2
  19. package/dist/Divider/src/Divider.js +1 -1
  20. package/dist/Divider/src/index.css +2 -2
  21. package/dist/Divider/src/index.js +1 -1
  22. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  23. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  24. package/dist/ErrorMessage/src/index.css +11 -11
  25. package/dist/ErrorMessage/src/index.js +2 -2
  26. package/dist/Form/src/Form.css +753 -768
  27. package/dist/Form/src/Form.js +48 -47
  28. package/dist/Form/src/index.css +753 -768
  29. package/dist/Form/src/index.js +48 -47
  30. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  31. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  32. package/dist/HelperMessage/src/index.css +11 -11
  33. package/dist/HelperMessage/src/index.js +2 -2
  34. package/dist/IconList/src/IconList.css +1 -1
  35. package/dist/IconList/src/IconList.js +1 -1
  36. package/dist/IconList/src/index.css +1 -1
  37. package/dist/IconList/src/index.js +1 -1
  38. package/dist/Link/src/Link.css +31 -31
  39. package/dist/Link/src/Link.js +2 -2
  40. package/dist/Link/src/index.css +31 -31
  41. package/dist/Link/src/index.js +2 -2
  42. package/dist/ListBox/src/ListBox.css +267 -273
  43. package/dist/ListBox/src/ListBox.js +7 -7
  44. package/dist/ListBox/src/ListBoxItem.css +253 -253
  45. package/dist/ListBox/src/ListBoxItem.js +5 -5
  46. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  47. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  48. package/dist/ListBox/src/index.css +267 -273
  49. package/dist/ListBox/src/index.js +7 -7
  50. package/dist/Select/src/Select.css +753 -768
  51. package/dist/Select/src/Select.js +48 -47
  52. package/dist/Select/src/SelectValue.css +60 -60
  53. package/dist/Select/src/SelectValue.js +5 -5
  54. package/dist/Select/src/index.css +753 -768
  55. package/dist/Select/src/index.js +48 -47
  56. package/dist/Spinner/src/Spinner.css +19 -19
  57. package/dist/Spinner/src/Spinner.js +2 -2
  58. package/dist/Spinner/src/index.css +19 -19
  59. package/dist/Spinner/src/index.js +2 -2
  60. package/dist/buttons/src/Button.css +94 -94
  61. package/dist/buttons/src/Button.js +3 -3
  62. package/dist/buttons/src/ButtonGroup.css +11 -11
  63. package/dist/buttons/src/ButtonGroup.js +1 -1
  64. package/dist/buttons/src/ClearButton.css +71 -71
  65. package/dist/buttons/src/ClearButton.js +2 -2
  66. package/dist/buttons/src/EmbeddedButton.css +71 -71
  67. package/dist/buttons/src/EmbeddedButton.js +1 -1
  68. package/dist/buttons/src/index.css +176 -176
  69. package/dist/buttons/src/index.js +6 -6
  70. package/dist/checkbox/src/Checkbox.css +28 -28
  71. package/dist/checkbox/src/Checkbox.js +2 -2
  72. package/dist/checkbox/src/CheckboxField.css +15 -15
  73. package/dist/checkbox/src/CheckboxField.js +1 -1
  74. package/dist/checkbox/src/CheckboxGroup.css +83 -83
  75. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  76. package/dist/checkbox/src/DecorativeCheckbox.css +36 -36
  77. package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
  78. package/dist/checkbox/src/index.css +83 -83
  79. package/dist/checkbox/src/index.js +5 -5
  80. package/dist/{chunk-MYAC6TLH.js → chunk-2J5HM77N.js} +1 -1
  81. package/dist/{chunk-23GXMA5L.js → chunk-3LUQ6A2L.js} +2 -2
  82. package/dist/{chunk-HXMMNMFV.js → chunk-4ARX267G.js} +2 -2
  83. package/dist/{chunk-7MB63YNF.js → chunk-6FDLX77I.js} +1 -1
  84. package/dist/{chunk-C2IFIGEU.js → chunk-7CIKPH4J.js} +2 -2
  85. package/dist/{chunk-46GSYJ4O.js → chunk-7H4MZKSZ.js} +4 -4
  86. package/dist/{chunk-FE6YBJMN.js → chunk-AC6JVAVX.js} +3 -3
  87. package/dist/{chunk-D7KHPU3U.js → chunk-AGRLOZWN.js} +1 -1
  88. package/dist/{chunk-NKZRZZMH.js → chunk-AJMHHWRN.js} +1 -1
  89. package/dist/chunk-BFVCZF4H.js +52 -0
  90. package/dist/{chunk-DZZ4WWRN.js → chunk-BPFMTXRF.js} +2 -2
  91. package/dist/{chunk-KIZSSIMT.js → chunk-CTTRBWBT.js} +1 -1
  92. package/dist/{chunk-NQYHB7S3.js → chunk-CURG4YI3.js} +3 -3
  93. package/dist/{chunk-5RHMPFIJ.js → chunk-DRG2376D.js} +3 -3
  94. package/dist/{chunk-6W5XVFIS.js → chunk-E4PIETAY.js} +2 -2
  95. package/dist/{chunk-32QBNIEM.js → chunk-FIJ3CLQB.js} +1 -1
  96. package/dist/{chunk-3K2JRC5Y.js → chunk-GMMQYERH.js} +1 -1
  97. package/dist/{chunk-UJVTDWNG.js → chunk-H2L3SQIO.js} +7 -7
  98. package/dist/{chunk-ICGQUOUM.js → chunk-IP4N5EBH.js} +1 -1
  99. package/dist/{chunk-56UB7UOG.js → chunk-J2OCA4O2.js} +1 -1
  100. package/dist/{chunk-NUB4BYRF.js → chunk-JNDKNURH.js} +1 -1
  101. package/dist/{chunk-LDWNFZXA.js → chunk-JURJ6BXP.js} +1 -1
  102. package/dist/{chunk-ODXA2UZN.js → chunk-JVDDMMRS.js} +2 -2
  103. package/dist/{chunk-CGL75FSH.js → chunk-KQ735GKE.js} +5 -5
  104. package/dist/{chunk-QLR77TGC.js → chunk-KXUA2JOW.js} +1 -1
  105. package/dist/{chunk-LEPWFS5L.js → chunk-KZWQ57ZJ.js} +2 -2
  106. package/dist/{chunk-ZSOGDKV5.js → chunk-MBFMR455.js} +1 -1
  107. package/dist/{chunk-4RSRAAPW.js → chunk-MVBXZQAH.js} +2 -2
  108. package/dist/{chunk-OGIBVQFW.js → chunk-NLQW4MJR.js} +1 -1
  109. package/dist/{chunk-PNWMICY7.js → chunk-PEB7PBUB.js} +1 -1
  110. package/dist/{chunk-4U7DCAUG.js → chunk-PWOFOTJR.js} +1 -1
  111. package/dist/{chunk-SSCVAJ2H.js → chunk-QLLCRVCV.js} +12 -21
  112. package/dist/{chunk-7L5HTRIH.js → chunk-R4LPKOSF.js} +2 -2
  113. package/dist/{chunk-CVYYW7J4.js → chunk-RR6N2GZX.js} +2 -2
  114. package/dist/{chunk-G6W6FNEX.js → chunk-THMKXCNG.js} +2 -2
  115. package/dist/{chunk-EUXXCRBZ.js → chunk-TQZKBOSP.js} +1 -1
  116. package/dist/{chunk-RDPNKPZ3.js → chunk-UR26A74E.js} +1 -1
  117. package/dist/{chunk-AAV7H2PI.js → chunk-VMCZQTOI.js} +2 -2
  118. package/dist/{chunk-OMF56Z2Y.js → chunk-XEZVEXWO.js} +1 -1
  119. package/dist/{chunk-R4LJYEOV.js → chunk-XHMXUELC.js} +13 -21
  120. package/dist/{chunk-NZKS5OKD.js → chunk-XJAHZJVO.js} +1 -1
  121. package/dist/{chunk-FU2IY2JF.js → chunk-YHH5TXPG.js} +3 -3
  122. package/dist/{chunk-6XHZ6XI2.js → chunk-Z2VOM3C3.js} +3 -3
  123. package/dist/{chunk-YZ676IC2.js → chunk-Z54LX6IU.js} +3 -3
  124. package/dist/index.css +753 -768
  125. package/dist/index.d.ts +5 -4
  126. package/dist/index.js +48 -47
  127. package/dist/inputs/src/InputGroup.css +191 -191
  128. package/dist/inputs/src/InputGroup.js +1 -1
  129. package/dist/inputs/src/NumberField.css +231 -231
  130. package/dist/inputs/src/NumberField.js +6 -6
  131. package/dist/inputs/src/PasswordField.css +219 -219
  132. package/dist/inputs/src/PasswordField.js +7 -7
  133. package/dist/inputs/src/RemainingCharacterCount.css +241 -0
  134. package/dist/inputs/src/RemainingCharacterCount.d.ts +25 -0
  135. package/dist/inputs/src/RemainingCharacterCount.js +17 -0
  136. package/dist/inputs/src/SearchField.css +225 -225
  137. package/dist/inputs/src/SearchField.js +8 -8
  138. package/dist/inputs/src/TextArea.css +241 -237
  139. package/dist/inputs/src/TextArea.js +8 -6
  140. package/dist/inputs/src/TextField.css +235 -233
  141. package/dist/inputs/src/TextField.js +10 -8
  142. package/dist/inputs/src/index.css +329 -338
  143. package/dist/inputs/src/index.d.ts +8 -4
  144. package/dist/inputs/src/index.js +14 -12
  145. package/dist/overlays/Popover/src/Popover.css +753 -768
  146. package/dist/overlays/Popover/src/Popover.js +48 -47
  147. package/dist/overlays/Popover/src/index.css +753 -768
  148. package/dist/overlays/Popover/src/index.js +48 -47
  149. package/dist/radio/src/DecorativeRadio.css +36 -36
  150. package/dist/radio/src/DecorativeRadio.js +2 -2
  151. package/dist/radio/src/Radio.css +28 -28
  152. package/dist/radio/src/Radio.js +2 -2
  153. package/dist/radio/src/RadioField.css +15 -15
  154. package/dist/radio/src/RadioField.js +1 -1
  155. package/dist/radio/src/RadioGroup.css +83 -83
  156. package/dist/radio/src/RadioGroup.js +2 -2
  157. package/dist/radio/src/index.css +83 -83
  158. package/dist/radio/src/index.js +6 -6
  159. package/dist/switch/src/Switch.css +25 -25
  160. package/dist/switch/src/Switch.js +2 -2
  161. package/dist/switch/src/SwitchField.css +15 -15
  162. package/dist/switch/src/SwitchField.js +1 -1
  163. package/dist/switch/src/index.css +31 -31
  164. package/dist/switch/src/index.js +3 -3
  165. package/dist/tag/src/Tag.css +323 -323
  166. package/dist/tag/src/Tag.js +5 -5
  167. package/dist/tag/src/TagGroup.css +22 -22
  168. package/dist/tag/src/TagGroup.js +1 -1
  169. package/dist/tag/src/index.css +336 -336
  170. package/dist/tag/src/index.js +6 -6
  171. package/dist/typography/Heading/src/Heading.css +9 -9
  172. package/dist/typography/Heading/src/Heading.js +1 -1
  173. package/dist/typography/Heading/src/index.css +9 -9
  174. package/dist/typography/Heading/src/index.js +1 -1
  175. package/dist/typography/Label/src/Label.css +3 -3
  176. package/dist/typography/Label/src/Label.js +1 -1
  177. package/dist/typography/Label/src/index.css +3 -3
  178. package/dist/typography/Label/src/index.js +1 -1
  179. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  180. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  181. package/dist/typography/OverlineText/src/index.css +6 -6
  182. package/dist/typography/OverlineText/src/index.js +1 -1
  183. package/dist/typography/Text/src/Text.css +9 -9
  184. package/dist/typography/Text/src/Text.js +1 -1
  185. package/dist/typography/Text/src/index.css +9 -9
  186. package/dist/typography/Text/src/index.js +1 -1
  187. package/dist/utils/src/index.js +1 -1
  188. package/package.json +2 -2
@@ -2,7 +2,7 @@
2
2
  @import "@hopper-ui/styled-system/index.css";
3
3
 
4
4
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
5
- :where(.OverlineText-module__hop-OverlineText___a-rdM) {
5
+ :where(.OverlineText-module__hop-OverlineText___JXNg5) {
6
6
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
7
7
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
8
8
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -26,26 +26,26 @@
26
26
  text-transform: uppercase;
27
27
  letter-spacing: var(--letter-spacing);
28
28
  }
29
- .OverlineText-module__hop-OverlineText__text___3-D9M {
29
+ .OverlineText-module__hop-OverlineText__text___74jxg {
30
30
  box-sizing: border-box;
31
31
  }
32
- .OverlineText-module__hop-OverlineText__text___3-D9M::before,
33
- .OverlineText-module__hop-OverlineText__text___3-D9M::after {
32
+ .OverlineText-module__hop-OverlineText__text___74jxg::before,
33
+ .OverlineText-module__hop-OverlineText__text___74jxg::after {
34
34
  content: "";
35
35
  display: block;
36
36
  box-sizing: border-box;
37
37
  inline-size: 0;
38
38
  block-size: 0;
39
39
  }
40
- .OverlineText-module__hop-OverlineText__text___3-D9M::before {
40
+ .OverlineText-module__hop-OverlineText__text___74jxg::before {
41
41
  margin-block-end: var(--bottom-offset);
42
42
  }
43
- .OverlineText-module__hop-OverlineText__text___3-D9M::after {
43
+ .OverlineText-module__hop-OverlineText__text___74jxg::after {
44
44
  margin-block-start: var(--top-offset);
45
45
  }
46
46
 
47
47
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
48
- .Badge-module__hop-Badge___RGKDc {
48
+ .Badge-module__hop-Badge___6H0U2 {
49
49
  --hop-Badge-height: 1.5rem;
50
50
  --hop-Badge-width: max-content;
51
51
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -95,67 +95,67 @@
95
95
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
96
96
  border-radius: var(--border-radius);
97
97
  }
98
- .Badge-module__hop-Badge___RGKDc[data-variant=primary] {
98
+ .Badge-module__hop-Badge___6H0U2[data-variant=primary] {
99
99
  --background-color: var(--hop-Badge-primary-background-color);
100
100
  --text-color: var(--hop-Badge-primary-text-color);
101
101
  }
102
- .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=primary] {
102
+ .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=primary] {
103
103
  --background-color: var(--hop-Badge-primary-background-color-hovered);
104
104
  --text-color: var(--hop-Badge-primary-text-color-hovered);
105
105
  }
106
- .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=primary] {
106
+ .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=primary] {
107
107
  --background-color: var(--hop-Badge-primary-background-color-pressed);
108
108
  --text-color: var(--hop-Badge-primary-text-color-pressed);
109
109
  }
110
- .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=primary] {
110
+ .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=primary] {
111
111
  --background-color: var(--hop-Badge-primary-background-color-selected);
112
112
  --text-color: var(--hop-Badge-primary-text-color-selected);
113
113
  }
114
- .Badge-module__hop-Badge___RGKDc[data-variant=secondary] {
114
+ .Badge-module__hop-Badge___6H0U2[data-variant=secondary] {
115
115
  --background-color: var(--hop-Badge-secondary-background-color);
116
116
  --text-color: var(--hop-Badge-secondary-text-color);
117
117
  }
118
- .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=secondary] {
118
+ .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=secondary] {
119
119
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
120
120
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
121
121
  }
122
- .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=secondary] {
122
+ .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=secondary] {
123
123
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
124
124
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
125
125
  }
126
- .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=secondary] {
126
+ .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=secondary] {
127
127
  --background-color: var(--hop-Badge-secondary-background-color-selected);
128
128
  --text-color: var(--hop-Badge-secondary-text-color-selected);
129
129
  }
130
- .Badge-module__hop-Badge___RGKDc[data-variant=subdued] {
130
+ .Badge-module__hop-Badge___6H0U2[data-variant=subdued] {
131
131
  --background-color: var(--hop-Badge-subdued-background-color);
132
132
  --text-color: var(--hop-Badge-subdued-text-color);
133
133
  }
134
- .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=subdued] {
134
+ .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=subdued] {
135
135
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
136
136
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
137
137
  }
138
- .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=subdued] {
138
+ .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=subdued] {
139
139
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
140
140
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
141
141
  }
142
- .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=subdued] {
142
+ .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=subdued] {
143
143
  --background-color: var(--hop-Badge-subdued-background-color-selected);
144
144
  --text-color: var(--hop-Badge-subdued-text-color-selected);
145
145
  }
146
- .Badge-module__hop-Badge___RGKDc[data-indeterminate] {
146
+ .Badge-module__hop-Badge___6H0U2[data-indeterminate] {
147
147
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
148
148
  --height: var(--hop-Badge-indeterminate-height);
149
149
  --width: var(--hop-Badge-indeterminate-width);
150
150
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
151
151
  }
152
- .Badge-module__hop-Badge___RGKDc[data-disabled] {
152
+ .Badge-module__hop-Badge___6H0U2[data-disabled] {
153
153
  --background-color: var(--hop-Badge-background-color-disabled);
154
154
  --text-color: var(--hop-Badge-text-color-disabled);
155
155
  }
156
156
 
157
157
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
158
- .FloatingBadge-module__hop-FloatingBadge___g-Sla {
158
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3 {
159
159
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
160
160
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
161
161
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -196,7 +196,7 @@
196
196
  box-sizing: border-box;
197
197
  inline-size: max-content;
198
198
  }
199
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top right"] {
199
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top right"] {
200
200
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
201
201
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
202
202
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -204,11 +204,11 @@
204
204
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
205
205
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
206
206
  }
207
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top right"][data-overlap=circular] {
207
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top right"][data-overlap=circular] {
208
208
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
209
209
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
210
210
  }
211
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top left"] {
211
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top left"] {
212
212
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
213
213
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
214
214
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -216,11 +216,11 @@
216
216
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
217
217
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
218
218
  }
219
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top left"][data-overlap=circular] {
219
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top left"][data-overlap=circular] {
220
220
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
221
221
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
222
222
  }
223
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom right"] {
223
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom right"] {
224
224
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
225
225
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
226
226
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -228,11 +228,11 @@
228
228
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
229
229
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
230
230
  }
231
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom right"][data-overlap=circular] {
231
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom right"][data-overlap=circular] {
232
232
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
233
233
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
234
234
  }
235
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom left"] {
235
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom left"] {
236
236
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
237
237
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
238
238
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -240,11 +240,11 @@
240
240
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
241
241
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
242
242
  }
243
- .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom left"][data-overlap=circular] {
243
+ .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom left"][data-overlap=circular] {
244
244
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
245
245
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
246
246
  }
247
- .FloatingBadge-module__hop-FloatingBadge__badge___Vl-eq {
247
+ .FloatingBadge-module__hop-FloatingBadge__badge___Zuv6z {
248
248
  position: absolute;
249
249
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
250
250
  transform-origin: var(--badge-transform-origin);
@@ -252,7 +252,7 @@
252
252
  }
253
253
 
254
254
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
255
- .Text-module__hop-Text___STL8w {
255
+ .Text-module__hop-Text___jadPy {
256
256
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
257
257
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
258
258
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -282,49 +282,49 @@
282
282
  --hop-Text-inherit-size-font-weight: inherit;
283
283
  --hop-Text-inherit-size-line-height: inherit;
284
284
  }
285
- :where(.Text-module__hop-Text___STL8w) {
285
+ :where(.Text-module__hop-Text___jadPy) {
286
286
  font-family: var(--font-family);
287
287
  font-size: var(--font-size);
288
288
  font-weight: var(--font-weight);
289
289
  line-height: var(--line-height);
290
290
  }
291
- :where(.Text-module__hop-Text--xs___VMB69) {
291
+ :where(.Text-module__hop-Text--xs___253D0) {
292
292
  --font-size: var(--hop-Text-xs-font-size);
293
293
  --font-family: var(--hop-Text-xs-font-family);
294
294
  --font-weight: var(--hop-Text-xs-font-weight);
295
295
  --line-height: var(--hop-Text-xs-line-height);
296
296
  }
297
- :where(.Text-module__hop-Text--sm___qeScp) {
297
+ :where(.Text-module__hop-Text--sm___8aHpz) {
298
298
  --font-size: var(--hop-Text-sm-font-size);
299
299
  --font-family: var(--hop-Text-sm-font-family);
300
300
  --font-weight: var(--hop-Text-sm-font-weight);
301
301
  --line-height: var(--hop-Text-sm-line-height);
302
302
  }
303
- :where(.Text-module__hop-Text--md___2mgs7) {
303
+ :where(.Text-module__hop-Text--md___qNltd) {
304
304
  --font-size: var(--hop-Text-md-font-size);
305
305
  --font-family: var(--hop-Text-md-font-family);
306
306
  --font-weight: var(--hop-Text-md-font-weight);
307
307
  --line-height: var(--hop-Text-md-line-height);
308
308
  }
309
- :where(.Text-module__hop-Text--lg___0EFPU) {
309
+ :where(.Text-module__hop-Text--lg___1A-Db) {
310
310
  --font-size: var(--hop-Text-lg-font-size);
311
311
  --font-family: var(--hop-Text-lg-font-family);
312
312
  --font-weight: var(--hop-Text-lg-font-weight);
313
313
  --line-height: var(--hop-Text-lg-line-height);
314
314
  }
315
- :where(.Text-module__hop-Text--xl___w3euL) {
315
+ :where(.Text-module__hop-Text--xl___DBJXl) {
316
316
  --font-size: var(--hop-Text-xl-font-size);
317
317
  --font-family: var(--hop-Text-xl-font-family);
318
318
  --font-weight: var(--hop-Text-xl-font-weight);
319
319
  --line-height: var(--hop-Text-xl-line-height);
320
320
  }
321
- :where(.Text-module__hop-Text--2xl___n8Xzj) {
321
+ :where(.Text-module__hop-Text--2xl___9vwXN) {
322
322
  --font-size: var(--hop-Text-2xl-font-size);
323
323
  --font-family: var(--hop-Text-2xl-font-family);
324
324
  --font-weight: var(--hop-Text-2xl-font-weight);
325
325
  --line-height: var(--hop-Text-2xl-line-height);
326
326
  }
327
- :where(.Text-module__hop-Text--inherit___GpaJO) {
327
+ :where(.Text-module__hop-Text--inherit___PWsD3) {
328
328
  --font-size: var(--hop-Text-inherit-size-font-size);
329
329
  --font-family: var(--hop-Text-inherit-size-font-family);
330
330
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
335
- .ErrorMessage-module__hop-ErrorMessage___QVgo9 {
335
+ .ErrorMessage-module__hop-ErrorMessage___JHTa8 {
336
336
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
337
337
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
338
338
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -349,13 +349,13 @@
349
349
  line-height: var(--hop-ErrorMessage-line-height);
350
350
  color: var(--hop-ErrorMessage-color);
351
351
  }
352
- .ErrorMessage-module__hop-ErrorMessage__icon___kJa-q {
352
+ .ErrorMessage-module__hop-ErrorMessage__icon___aKgJ9 {
353
353
  flex: 0 0 auto;
354
354
  align-self: flex-start;
355
355
  }
356
356
 
357
357
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
358
- .HelperMessage-module__hop-HelperMessage___C9XRG {
358
+ .HelperMessage-module__hop-HelperMessage___aVOod {
359
359
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
360
360
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
361
361
  display: flex;
@@ -364,13 +364,13 @@
364
364
  box-sizing: border-box;
365
365
  color: var(--hop-HelperMessage-color);
366
366
  }
367
- .HelperMessage-module__hop-HelperMessage__icon___cgykX {
367
+ .HelperMessage-module__hop-HelperMessage__icon___ijRfm {
368
368
  flex: 0 0 auto;
369
369
  align-self: flex-start;
370
370
  }
371
371
 
372
372
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
373
- :where(.Divider-module__hop-Divider___-S8TZ) {
373
+ :where(.Divider-module__hop-Divider___nqUSD) {
374
374
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
375
375
  --hop-Divider-border-size: 0.0625rem;
376
376
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -395,7 +395,7 @@
395
395
  border-block-end: var(--border-block-end);
396
396
  border-inline-start: var(--border-inline-start);
397
397
  }
398
- .Divider-module__hop-Divider--vertical___oAdE6 {
398
+ .Divider-module__hop-Divider--vertical___IGn45 {
399
399
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
400
400
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
401
401
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -403,7 +403,7 @@
403
403
  }
404
404
 
405
405
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
406
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6 {
406
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB {
407
407
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
408
408
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
409
409
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -434,46 +434,46 @@
434
434
  background-color: var(--background-color);
435
435
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
436
436
  }
437
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___bQsOe {
437
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___JX-qZ {
438
438
  --size: var(--hop-RichIconAvatarImage-xs-size);
439
439
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
440
440
  }
441
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___XA19V {
441
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8x5eO {
442
442
  --size: var(--hop-RichIconAvatarImage-sm-size);
443
443
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
444
444
  }
445
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___xr-lR {
445
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___5T6HL {
446
446
  --size: var(--hop-RichIconAvatarImage-md-size);
447
447
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
448
448
  }
449
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Xtfzn {
449
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___G2t-L {
450
450
  --size: var(--hop-RichIconAvatarImage-lg-size);
451
451
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
452
452
  }
453
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fUQr1 {
453
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___9fJ-1 {
454
454
  --size: var(--hop-RichIconAvatarImage-xl-size);
455
455
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
456
456
  }
457
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Qkwlw {
457
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___gh42c {
458
458
  --size: var(--hop-RichIconAvatarImage-2xl-size);
459
459
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
460
460
  }
461
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] {
461
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB[data-disabled] {
462
462
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
463
463
  }
464
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
464
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Te0ID {
465
465
  position: relative;
466
466
  display: block;
467
467
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
468
468
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
469
469
  }
470
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
470
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Te0ID {
471
471
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
472
472
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
473
473
  }
474
474
 
475
475
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
476
- .Avatar-module__hop-Avatar___zMUBx {
476
+ .Avatar-module__hop-Avatar___9Hi70 {
477
477
  --hop-Avatar-border-radius: var(--hop-shape-circle);
478
478
  --hop-Avatar-mix-blend-mode: normal;
479
479
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -518,67 +518,67 @@
518
518
  background-color: var(--background-color, transparent);
519
519
  border-radius: var(--hop-Avatar-border-radius);
520
520
  }
521
- .Avatar-module__hop-Avatar--xs___fwYJ0 {
521
+ .Avatar-module__hop-Avatar--xs___ezEoM {
522
522
  --size: var(--hop-Avatar-xs-size);
523
523
  }
524
- .Avatar-module__hop-Avatar--sm___RSYai {
524
+ .Avatar-module__hop-Avatar--sm___980Uh {
525
525
  --size: var(--hop-Avatar-sm-size);
526
526
  }
527
- .Avatar-module__hop-Avatar--md___K6lSB {
527
+ .Avatar-module__hop-Avatar--md___wMa-k {
528
528
  --size: var(--hop-Avatar-md-size);
529
529
  }
530
- .Avatar-module__hop-Avatar--lg___mwFIB {
530
+ .Avatar-module__hop-Avatar--lg___yGqTp {
531
531
  --size: var(--hop-Avatar-lg-size);
532
532
  }
533
- .Avatar-module__hop-Avatar--xl___KMY1q {
533
+ .Avatar-module__hop-Avatar--xl___AXLnM {
534
534
  --size: var(--hop-Avatar-xl-size);
535
535
  }
536
- .Avatar-module__hop-Avatar--2xl___6SVrF {
536
+ .Avatar-module__hop-Avatar--2xl___aERCF {
537
537
  --size: var(--hop-Avatar-2xl-size);
538
538
  }
539
- .Avatar-module__hop-Avatar--decorative-option1___npU1o {
539
+ .Avatar-module__hop-Avatar--decorative-option1___f7v8W {
540
540
  --background-color: var(--hop-Avatar-decorative-1-background-color);
541
541
  --text-color: var(--hop-Avatar-decorative-1-text-color);
542
542
  }
543
- .Avatar-module__hop-Avatar--decorative-option2___F-pzz {
543
+ .Avatar-module__hop-Avatar--decorative-option2___1jb39 {
544
544
  --background-color: var(--hop-Avatar-decorative-2-background-color);
545
545
  --text-color: var(--hop-Avatar-decorative-2-text-color);
546
546
  }
547
- .Avatar-module__hop-Avatar--decorative-option3___2NVPh {
547
+ .Avatar-module__hop-Avatar--decorative-option3___cJs0U {
548
548
  --background-color: var(--hop-Avatar-decorative-3-background-color);
549
549
  --text-color: var(--hop-Avatar-decorative-3-text-color);
550
550
  }
551
- .Avatar-module__hop-Avatar--decorative-option4___3II-Z {
551
+ .Avatar-module__hop-Avatar--decorative-option4___ll-5h {
552
552
  --background-color: var(--hop-Avatar-decorative-4-background-color);
553
553
  --text-color: var(--hop-Avatar-decorative-4-text-color);
554
554
  }
555
- .Avatar-module__hop-Avatar--decorative-option5___0Gn-- {
555
+ .Avatar-module__hop-Avatar--decorative-option5___lyS7v {
556
556
  --background-color: var(--hop-Avatar-decorative-5-background-color);
557
557
  --text-color: var(--hop-Avatar-decorative-5-text-color);
558
558
  }
559
- .Avatar-module__hop-Avatar--decorative-option6___Vs2U2 {
559
+ .Avatar-module__hop-Avatar--decorative-option6___nXt6p {
560
560
  --background-color: var(--hop-Avatar-decorative-6-background-color);
561
561
  --text-color: var(--hop-Avatar-decorative-6-text-color);
562
562
  }
563
- .Avatar-module__hop-Avatar--decorative-option7___fD-81 {
563
+ .Avatar-module__hop-Avatar--decorative-option7___gDoKx {
564
564
  --background-color: var(--hop-Avatar-decorative-7-background-color);
565
565
  --text-color: var(--hop-Avatar-decorative-7-text-color);
566
566
  }
567
- .Avatar-module__hop-Avatar--decorative-option8___UPSl5 {
567
+ .Avatar-module__hop-Avatar--decorative-option8___RmnZd {
568
568
  --background-color: var(--hop-Avatar-decorative-8-background-color);
569
569
  --text-color: var(--hop-Avatar-decorative-8-text-color);
570
570
  }
571
- .Avatar-module__hop-Avatar--decorative-option9___b9s4c {
571
+ .Avatar-module__hop-Avatar--decorative-option9___Tpf7q {
572
572
  --background-color: var(--hop-Avatar-decorative-9-background-color);
573
573
  --text-color: var(--hop-Avatar-decorative-9-text-color);
574
574
  }
575
- .Avatar-module__hop-Avatar___zMUBx[data-disabled] {
575
+ .Avatar-module__hop-Avatar___9Hi70[data-disabled] {
576
576
  --background-color: var(--hop-Avatar-background-color-disabled);
577
577
  --text-color: var(--hop-Avatar-text-color-disabled);
578
578
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
579
579
  isolation: isolate;
580
580
  }
581
- .Avatar-module__hop-Avatar__image___bE5J8 {
581
+ .Avatar-module__hop-Avatar__image___oh7hq {
582
582
  position: relative;
583
583
  display: block;
584
584
  box-sizing: border-box;
@@ -589,7 +589,7 @@
589
589
  }
590
590
 
591
591
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
592
- .IconList-module__hop-IconList___Q3MT- {
592
+ .IconList-module__hop-IconList___ttQfU {
593
593
  --hop-IconList-gap: var(--hop-space-inline-xs);
594
594
  display: flex;
595
595
  flex-wrap: wrap;
@@ -598,7 +598,7 @@
598
598
  }
599
599
 
600
600
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
601
- .Checkbox-module__hop-Checkbox___wCCR3 {
601
+ .Checkbox-module__hop-Checkbox___N1R82 {
602
602
  --hop-Checkbox-box-border-size: 0.0625rem;
603
603
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
604
604
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -673,60 +673,60 @@
673
673
  inline-size: max-content;
674
674
  max-inline-size: 100%;
675
675
  }
676
- .Checkbox-module__hop-Checkbox___wCCR3[data-focus-visible] {
676
+ .Checkbox-module__hop-Checkbox___N1R82[data-focus-visible] {
677
677
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
678
678
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
679
679
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
680
680
  --text-color: var(--hop-Checkbox-text-color-focused);
681
681
  --icon-color: var(--hop-Checkbox-icon-color-focused);
682
682
  }
683
- .Checkbox-module__hop-Checkbox___wCCR3[data-hovered] {
683
+ .Checkbox-module__hop-Checkbox___N1R82[data-hovered] {
684
684
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
685
685
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
686
686
  --text-color: var(--hop-Checkbox-text-color-hovered);
687
687
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
688
688
  }
689
- .Checkbox-module__hop-Checkbox___wCCR3[data-pressed] {
689
+ .Checkbox-module__hop-Checkbox___N1R82[data-pressed] {
690
690
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
691
691
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
692
692
  --text-color: var(--hop-Checkbox-text-color-pressed);
693
693
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
694
694
  }
695
- .Checkbox-module__hop-Checkbox___wCCR3[data-selected] {
695
+ .Checkbox-module__hop-Checkbox___N1R82[data-selected] {
696
696
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
697
697
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
698
698
  --check-display: var(--hop-Checkbox-check-display-selected);
699
699
  --text-color: var(--hop-Checkbox-text-color-selected);
700
700
  --icon-color: var(--hop-Checkbox-icon-color-selected);
701
701
  }
702
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid] {
702
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid] {
703
703
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
704
704
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
705
705
  --check-color: var(--hop-Checkbox-check-color-invalid);
706
706
  --text-color: var(--hop-Checkbox-text-color-invalid);
707
707
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
708
708
  }
709
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-focus-visible]) {
709
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-focus-visible]) {
710
710
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
711
711
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
712
712
  }
713
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-hovered]) {
713
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-hovered]) {
714
714
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
715
715
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
716
716
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
717
717
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
718
718
  }
719
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-pressed]) {
719
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-pressed]) {
720
720
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
721
721
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
722
722
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
723
723
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
724
724
  }
725
- .Checkbox-module__hop-Checkbox___wCCR3:where([data-invalid])[data-selected] {
725
+ .Checkbox-module__hop-Checkbox___N1R82:where([data-invalid])[data-selected] {
726
726
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
727
727
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
728
728
  }
729
- .Checkbox-module__hop-Checkbox___wCCR3[data-disabled] {
729
+ .Checkbox-module__hop-Checkbox___N1R82[data-disabled] {
730
730
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
731
731
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
732
732
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -734,25 +734,25 @@
734
734
  --text-color: var(--hop-Checkbox-text-color-disabled);
735
735
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
736
736
  }
737
- .Checkbox-module__hop-Checkbox--sm___d1GQZ {
737
+ .Checkbox-module__hop-Checkbox--sm___fyMAY {
738
738
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
739
739
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
740
740
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
741
741
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
742
742
  }
743
- .Checkbox-module__hop-Checkbox--md___FjgKo {
743
+ .Checkbox-module__hop-Checkbox--md___K8Wf4 {
744
744
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
745
745
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
746
746
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
747
747
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
748
748
  }
749
- .Checkbox-module__hop-Checkbox__icon___Yv3pS,
750
- .Checkbox-module__hop-Checkbox__icon-list___YsPWx {
749
+ .Checkbox-module__hop-Checkbox__icon___-2zc-,
750
+ .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
751
751
  flex: 0 0 auto;
752
752
  order: 3;
753
753
  color: var(--icon-color);
754
754
  }
755
- .Checkbox-module__hop-Checkbox__box___PoPW7 {
755
+ .Checkbox-module__hop-Checkbox__box___KQHTU {
756
756
  display: flex;
757
757
  flex: 0 0 auto;
758
758
  align-items: center;
@@ -768,11 +768,11 @@
768
768
  outline-offset: 0.125rem;
769
769
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
770
770
  }
771
- .Checkbox-module__hop-Checkbox__check___YUwMq {
771
+ .Checkbox-module__hop-Checkbox__check___kpRRX {
772
772
  display: var(--check-display);
773
773
  color: var(--check-color);
774
774
  }
775
- .Checkbox-module__hop-Checkbox__text___FLKuq {
775
+ .Checkbox-module__hop-Checkbox__text___lT5Jd {
776
776
  flex: 0 1 auto;
777
777
  order: 2;
778
778
  min-inline-size: 0;
@@ -782,7 +782,7 @@
782
782
  }
783
783
 
784
784
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
785
- .CheckboxField-module__hop-CheckboxField___vf1MO {
785
+ .CheckboxField-module__hop-CheckboxField___tjnl9 {
786
786
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
787
787
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
788
788
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -801,47 +801,47 @@
801
801
  inline-size: max-content;
802
802
  max-inline-size: 100%;
803
803
  }
804
- .CheckboxField-module__hop-CheckboxField___vf1MO[data-disabled] {
804
+ .CheckboxField-module__hop-CheckboxField___tjnl9[data-disabled] {
805
805
  --description-color: var(--hop-CheckboxField-description-color-disabled);
806
806
  }
807
- .CheckboxField-module__hop-CheckboxField--sm___g7W5A {
807
+ .CheckboxField-module__hop-CheckboxField--sm___mtiU4 {
808
808
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
809
809
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
810
810
  }
811
- .CheckboxField-module__hop-CheckboxField--md___4kKpo {
811
+ .CheckboxField-module__hop-CheckboxField--md___uCBiT {
812
812
  --row-gap: var(--hop-CheckboxField-md-row-gap);
813
813
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
814
814
  }
815
- .CheckboxField-module__hop-CheckboxField__description___nhfiF {
815
+ .CheckboxField-module__hop-CheckboxField__description___uxJ4N {
816
816
  order: 2;
817
817
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
818
818
  color: var(--description-color);
819
819
  }
820
- .CheckboxField-module__hop-CheckboxField__checkbox___6R77t {
820
+ .CheckboxField-module__hop-CheckboxField__checkbox___ytOgd {
821
821
  order: 1;
822
822
  }
823
823
 
824
824
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
825
- .Label-module__hop-Label___FQWXv {
825
+ .Label-module__hop-Label___I1lcR {
826
826
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
827
827
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
828
828
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
829
829
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
830
830
  --hop-Label-color: var(--hop-neutral-text-weak);
831
831
  }
832
- :where(.Label-module__hop-Label___FQWXv) {
832
+ :where(.Label-module__hop-Label___I1lcR) {
833
833
  font-family: var(--hop-Label-font-family);
834
834
  font-size: var(--hop-Label-font-size);
835
835
  font-weight: var(--hop-Label-font-weight);
836
836
  line-height: var(--hop-Label-line-height);
837
837
  color: var(--hop-Label-color);
838
838
  }
839
- :where(.Label-module__hop-Label__indicator___z-FtY) {
839
+ :where(.Label-module__hop-Label__indicator___bMR5H) {
840
840
  padding-inline-start: var(--hop-space-20);
841
841
  }
842
842
 
843
843
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
844
- .CheckboxGroup-module__hop-CheckboxGroup___izA5I {
844
+ .CheckboxGroup-module__hop-CheckboxGroup___A7CLi {
845
845
  --hop-CheckboxGroup-align-items: flex-start;
846
846
  --hop-CheckboxGroup-justify-content: flex-start;
847
847
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -880,46 +880,46 @@
880
880
  inline-size: max-content;
881
881
  max-inline-size: 100%;
882
882
  }
883
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr {
883
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE {
884
884
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
885
885
  --list-border-radius: var(--hop-shape-rounded-md);
886
886
  }
887
- .CheckboxGroup-module__hop-CheckboxGroup--sm___Ja9UA {
887
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG {
888
888
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
889
889
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
890
890
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
891
891
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
892
892
  }
893
- .CheckboxGroup-module__hop-CheckboxGroup--md___1e57F {
893
+ .CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2 {
894
894
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
895
895
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
896
896
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
897
897
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
898
898
  }
899
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr.CheckboxGroup-module__hop-CheckboxGroup--sm___Ja9UA {
899
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE.CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG {
900
900
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
901
901
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
902
902
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
903
903
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
904
904
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
905
905
  }
906
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr.CheckboxGroup-module__hop-CheckboxGroup--md___1e57F {
906
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE.CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2 {
907
907
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
908
908
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
909
909
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
910
910
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
911
911
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
912
912
  }
913
- .CheckboxGroup-module__hop-CheckboxGroup___izA5I[data-orientation=horizontal] {
913
+ .CheckboxGroup-module__hop-CheckboxGroup___A7CLi[data-orientation=horizontal] {
914
914
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
915
915
  }
916
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr[data-orientation=horizontal] {
916
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE[data-orientation=horizontal] {
917
917
  --flex-wrap: nowrap;
918
918
  }
919
- .CheckboxGroup-module__hop-CheckboxGroup___izA5I > .CheckboxGroup-module__hop-CheckboxGroup__label___Ytl-9 {
919
+ .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__label___HydnG {
920
920
  order: 1;
921
921
  }
922
- .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI {
922
+ .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI {
923
923
  display: flex;
924
924
  flex-flow: var(--flex-direction) var(--flex-wrap);
925
925
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -930,7 +930,7 @@
930
930
  border: var(--list-border, none);
931
931
  border-radius: var(--list-border-radius, 0);
932
932
  }
933
- .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY {
933
+ .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE {
934
934
  position: relative;
935
935
  flex: 0 1 auto;
936
936
  align-content: start;
@@ -938,28 +938,28 @@
938
938
  min-inline-size: 0;
939
939
  padding: var(--checkbox-padding, 0);
940
940
  }
941
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY::before {
941
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::before {
942
942
  content: "";
943
943
  position: absolute;
944
944
  display: block;
945
945
  }
946
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY::before {
946
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::before {
947
947
  inset-block-start: 0;
948
948
  inset-inline: 0;
949
949
  border-block-start: var(--list-border, none);
950
950
  }
951
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY::before {
951
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::before {
952
952
  inset-block: 0;
953
953
  inset-inline-start: 0;
954
954
  border-inline-start: var(--list-border, none);
955
955
  }
956
- .CheckboxGroup-module__hop-CheckboxGroup___izA5I > .CheckboxGroup-module__hop-CheckboxGroup__error-message___gWeGt,
957
- .CheckboxGroup-module__hop-CheckboxGroup___izA5I > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___10PiB {
956
+ .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__error-message___CfroT,
957
+ .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___3r4Gx {
958
958
  order: 3;
959
959
  }
960
960
 
961
961
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
962
- .Checkbox-module__hop-Checkbox___wCCR3 {
962
+ .Checkbox-module__hop-Checkbox___N1R82 {
963
963
  --hop-Checkbox-box-border-size: 0.0625rem;
964
964
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
965
965
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1034,60 +1034,60 @@
1034
1034
  inline-size: max-content;
1035
1035
  max-inline-size: 100%;
1036
1036
  }
1037
- .Checkbox-module__hop-Checkbox___wCCR3[data-focus-visible] {
1037
+ .Checkbox-module__hop-Checkbox___N1R82[data-focus-visible] {
1038
1038
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1039
1039
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1040
1040
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1041
1041
  --text-color: var(--hop-Checkbox-text-color-focused);
1042
1042
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1043
1043
  }
1044
- .Checkbox-module__hop-Checkbox___wCCR3[data-hovered] {
1044
+ .Checkbox-module__hop-Checkbox___N1R82[data-hovered] {
1045
1045
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1046
1046
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1047
1047
  --text-color: var(--hop-Checkbox-text-color-hovered);
1048
1048
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1049
1049
  }
1050
- .Checkbox-module__hop-Checkbox___wCCR3[data-pressed] {
1050
+ .Checkbox-module__hop-Checkbox___N1R82[data-pressed] {
1051
1051
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1052
1052
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1053
1053
  --text-color: var(--hop-Checkbox-text-color-pressed);
1054
1054
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1055
1055
  }
1056
- .Checkbox-module__hop-Checkbox___wCCR3[data-selected] {
1056
+ .Checkbox-module__hop-Checkbox___N1R82[data-selected] {
1057
1057
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1058
1058
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1059
1059
  --check-display: var(--hop-Checkbox-check-display-selected);
1060
1060
  --text-color: var(--hop-Checkbox-text-color-selected);
1061
1061
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1062
1062
  }
1063
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid] {
1063
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid] {
1064
1064
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1065
1065
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1066
1066
  --check-color: var(--hop-Checkbox-check-color-invalid);
1067
1067
  --text-color: var(--hop-Checkbox-text-color-invalid);
1068
1068
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1069
1069
  }
1070
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-focus-visible]) {
1070
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-focus-visible]) {
1071
1071
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1072
1072
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1073
1073
  }
1074
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-hovered]) {
1074
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-hovered]) {
1075
1075
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1076
1076
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1077
1077
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1078
1078
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1079
1079
  }
1080
- .Checkbox-module__hop-Checkbox___wCCR3[data-invalid]:where([data-pressed]) {
1080
+ .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-pressed]) {
1081
1081
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1082
1082
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1083
1083
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1084
1084
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1085
1085
  }
1086
- .Checkbox-module__hop-Checkbox___wCCR3:where([data-invalid])[data-selected] {
1086
+ .Checkbox-module__hop-Checkbox___N1R82:where([data-invalid])[data-selected] {
1087
1087
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1088
1088
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1089
1089
  }
1090
- .Checkbox-module__hop-Checkbox___wCCR3[data-disabled] {
1090
+ .Checkbox-module__hop-Checkbox___N1R82[data-disabled] {
1091
1091
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1092
1092
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1093
1093
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1095,25 +1095,25 @@
1095
1095
  --text-color: var(--hop-Checkbox-text-color-disabled);
1096
1096
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1097
1097
  }
1098
- .Checkbox-module__hop-Checkbox--sm___d1GQZ {
1098
+ .Checkbox-module__hop-Checkbox--sm___fyMAY {
1099
1099
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1100
1100
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1101
1101
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1102
1102
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1103
1103
  }
1104
- .Checkbox-module__hop-Checkbox--md___FjgKo {
1104
+ .Checkbox-module__hop-Checkbox--md___K8Wf4 {
1105
1105
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1106
1106
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1107
1107
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1108
1108
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1109
1109
  }
1110
- .Checkbox-module__hop-Checkbox__icon___Yv3pS,
1111
- .Checkbox-module__hop-Checkbox__icon-list___YsPWx {
1110
+ .Checkbox-module__hop-Checkbox__icon___-2zc-,
1111
+ .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
1112
1112
  flex: 0 0 auto;
1113
1113
  order: 3;
1114
1114
  color: var(--icon-color);
1115
1115
  }
1116
- .Checkbox-module__hop-Checkbox__box___PoPW7 {
1116
+ .Checkbox-module__hop-Checkbox__box___KQHTU {
1117
1117
  display: flex;
1118
1118
  flex: 0 0 auto;
1119
1119
  align-items: center;
@@ -1129,11 +1129,11 @@
1129
1129
  outline-offset: 0.125rem;
1130
1130
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1131
1131
  }
1132
- .Checkbox-module__hop-Checkbox__check___YUwMq {
1132
+ .Checkbox-module__hop-Checkbox__check___kpRRX {
1133
1133
  display: var(--check-display);
1134
1134
  color: var(--check-color);
1135
1135
  }
1136
- .Checkbox-module__hop-Checkbox__text___FLKuq {
1136
+ .Checkbox-module__hop-Checkbox__text___lT5Jd {
1137
1137
  flex: 0 1 auto;
1138
1138
  order: 2;
1139
1139
  min-inline-size: 0;
@@ -1141,24 +1141,24 @@
1141
1141
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1142
1142
  color: var(--text-color);
1143
1143
  }
1144
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___q0SHV {
1144
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___lRQTM {
1145
1145
  }
1146
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___e-SXm {
1146
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___dkdhx {
1147
1147
  }
1148
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___BazG1 {
1148
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___E8aCr {
1149
1149
  }
1150
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___j0mxa,
1151
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___p5qQy {
1150
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___r2Af7,
1151
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___aE0N0 {
1152
1152
  }
1153
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Lq5Di {
1153
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___H1ERN {
1154
1154
  }
1155
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___JwJtd {
1155
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uTYXx {
1156
1156
  }
1157
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___N0rdG {
1157
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___RAk7V {
1158
1158
  }
1159
1159
 
1160
1160
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1161
- .Radio-module__hop-Radio___3GVjM {
1161
+ .Radio-module__hop-Radio___W1Vdc {
1162
1162
  --hop-Radio-box-border-size: 0.0625rem;
1163
1163
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1164
1164
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1232,60 +1232,60 @@
1232
1232
  inline-size: max-content;
1233
1233
  max-inline-size: 100%;
1234
1234
  }
1235
- .Radio-module__hop-Radio___3GVjM[data-focus-visible] {
1235
+ .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
1236
1236
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1237
1237
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1238
1238
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1239
1239
  --text-color: var(--hop-Radio-text-color-focused);
1240
1240
  --icon-color: var(--hop-Radio-icon-color-focused);
1241
1241
  }
1242
- .Radio-module__hop-Radio___3GVjM[data-hovered] {
1242
+ .Radio-module__hop-Radio___W1Vdc[data-hovered] {
1243
1243
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1244
1244
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1245
1245
  --text-color: var(--hop-Radio-text-color-hovered);
1246
1246
  --icon-color: var(--hop-Radio-icon-color-hovered);
1247
1247
  }
1248
- .Radio-module__hop-Radio___3GVjM[data-pressed] {
1248
+ .Radio-module__hop-Radio___W1Vdc[data-pressed] {
1249
1249
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1250
1250
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1251
1251
  --text-color: var(--hop-Radio-text-color-pressed);
1252
1252
  --icon-color: var(--hop-Radio-icon-color-pressed);
1253
1253
  }
1254
- .Radio-module__hop-Radio___3GVjM[data-selected] {
1254
+ .Radio-module__hop-Radio___W1Vdc[data-selected] {
1255
1255
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1256
1256
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1257
1257
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1258
1258
  --text-color: var(--hop-Radio-text-color-selected);
1259
1259
  --icon-color: var(--hop-Radio-icon-color-selected);
1260
1260
  }
1261
- .Radio-module__hop-Radio___3GVjM[data-invalid] {
1261
+ .Radio-module__hop-Radio___W1Vdc[data-invalid] {
1262
1262
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1263
1263
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1264
1264
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1265
1265
  --text-color: var(--hop-Radio-text-color-invalid);
1266
1266
  --icon-color: var(--hop-Radio-icon-color-invalid);
1267
1267
  }
1268
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-focus-visible] {
1268
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
1269
1269
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1270
1270
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1271
1271
  }
1272
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-hovered] {
1272
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
1273
1273
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1274
1274
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1275
1275
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1276
1276
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1277
1277
  }
1278
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-pressed] {
1278
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
1279
1279
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1280
1280
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1281
1281
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1282
1282
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1283
1283
  }
1284
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-selected] {
1284
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
1285
1285
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1286
1286
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1287
1287
  }
1288
- .Radio-module__hop-Radio___3GVjM[data-disabled] {
1288
+ .Radio-module__hop-Radio___W1Vdc[data-disabled] {
1289
1289
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1290
1290
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1291
1291
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1293,25 +1293,25 @@
1293
1293
  --text-color: var(--hop-Radio-text-color-disabled);
1294
1294
  --icon-color: var(--hop-Radio-icon-color-disabled);
1295
1295
  }
1296
- .Radio-module__hop-Radio--sm___qIsKs {
1296
+ .Radio-module__hop-Radio--sm___NYymj {
1297
1297
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1298
1298
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1299
1299
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1300
1300
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1301
1301
  }
1302
- .Radio-module__hop-Radio--md___Eszb9 {
1302
+ .Radio-module__hop-Radio--md___CQv8r {
1303
1303
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1304
1304
  --box-block-size: var(--hop-Radio-box-md-block-size);
1305
1305
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1306
1306
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1307
1307
  }
1308
- .Radio-module__hop-Radio__icon___ChXsk,
1309
- .Radio-module__hop-Radio__icon-list___Xk7yf {
1308
+ .Radio-module__hop-Radio__icon___W3Yrf,
1309
+ .Radio-module__hop-Radio__icon-list___Ky-BO {
1310
1310
  flex: 0 0 auto;
1311
1311
  order: 3;
1312
1312
  color: var(--icon-color);
1313
1313
  }
1314
- .Radio-module__hop-Radio__box___wgOZS {
1314
+ .Radio-module__hop-Radio__box___T-9Zw {
1315
1315
  display: flex;
1316
1316
  flex: 0 0 auto;
1317
1317
  align-items: center;
@@ -1327,11 +1327,11 @@
1327
1327
  outline-offset: 0.125rem;
1328
1328
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1329
1329
  }
1330
- .Radio-module__hop-Radio__bullet___f0qvY {
1330
+ .Radio-module__hop-Radio__bullet___aikpb {
1331
1331
  display: var(--bullet-display);
1332
1332
  color: var(--bullet-color);
1333
1333
  }
1334
- .Radio-module__hop-Radio__text___2EXJv {
1334
+ .Radio-module__hop-Radio__text___gfkdz {
1335
1335
  flex: 0 1 auto;
1336
1336
  order: 2;
1337
1337
  min-inline-size: 0;
@@ -1341,7 +1341,7 @@
1341
1341
  }
1342
1342
 
1343
1343
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1344
- .RadioField-module__hop-RadioField___-vwTZ {
1344
+ .RadioField-module__hop-RadioField___1-HVZ {
1345
1345
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1346
1346
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1347
1347
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1360,28 +1360,28 @@
1360
1360
  inline-size: max-content;
1361
1361
  max-inline-size: 100%;
1362
1362
  }
1363
- .RadioField-module__hop-RadioField___-vwTZ[data-disabled] {
1363
+ .RadioField-module__hop-RadioField___1-HVZ[data-disabled] {
1364
1364
  --description-color: var(--hop-RadioField-description-color-disabled);
1365
1365
  }
1366
- .RadioField-module__hop-RadioField--sm___7Rhoi {
1366
+ .RadioField-module__hop-RadioField--sm___QmRzg {
1367
1367
  --row-gap: var(--hop-RadioField-sm-row-gap);
1368
1368
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1369
1369
  }
1370
- .RadioField-module__hop-RadioField--md___VY2am {
1370
+ .RadioField-module__hop-RadioField--md___In1AA {
1371
1371
  --row-gap: var(--hop-RadioField-md-row-gap);
1372
1372
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1373
1373
  }
1374
- .RadioField-module__hop-RadioField__description___E7zdg {
1374
+ .RadioField-module__hop-RadioField__description___o5cEe {
1375
1375
  order: 2;
1376
1376
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1377
1377
  color: var(--description-color);
1378
1378
  }
1379
- .RadioField-module__hop-RadioField__radio___B-ZON {
1379
+ .RadioField-module__hop-RadioField__radio___JOWVQ {
1380
1380
  order: 1;
1381
1381
  }
1382
1382
 
1383
1383
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1384
- .RadioGroup-module__hop-RadioGroup___MiSJ7 {
1384
+ .RadioGroup-module__hop-RadioGroup___GcXvJ {
1385
1385
  --hop-RadioGroup-align-items: flex-start;
1386
1386
  --hop-RadioGroup-justify-content: flex-start;
1387
1387
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1421,46 +1421,46 @@
1421
1421
  inline-size: var(--inline-size);
1422
1422
  max-inline-size: 100%;
1423
1423
  }
1424
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql {
1424
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 {
1425
1425
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1426
1426
  --list-border-radius: var(--hop-shape-rounded-md);
1427
1427
  }
1428
- .RadioGroup-module__hop-RadioGroup--sm___IrP-E {
1428
+ .RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
1429
1429
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1430
1430
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1431
1431
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1432
1432
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1433
1433
  }
1434
- .RadioGroup-module__hop-RadioGroup--md___FFXm3 {
1434
+ .RadioGroup-module__hop-RadioGroup--md___EEp-b {
1435
1435
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1436
1436
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1437
1437
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1438
1438
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1439
1439
  }
1440
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql.RadioGroup-module__hop-RadioGroup--sm___IrP-E {
1440
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
1441
1441
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1442
1442
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1443
1443
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1444
1444
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1445
1445
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1446
1446
  }
1447
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql.RadioGroup-module__hop-RadioGroup--md___FFXm3 {
1447
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--md___EEp-b {
1448
1448
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1449
1449
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1450
1450
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1451
1451
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1452
1452
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1453
1453
  }
1454
- .RadioGroup-module__hop-RadioGroup___MiSJ7[data-orientation=horizontal] {
1454
+ .RadioGroup-module__hop-RadioGroup___GcXvJ[data-orientation=horizontal] {
1455
1455
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1456
1456
  }
1457
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql[data-orientation=horizontal] {
1457
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] {
1458
1458
  --flex-wrap: nowrap;
1459
1459
  }
1460
- .RadioGroup-module__hop-RadioGroup___MiSJ7 > .RadioGroup-module__hop-RadioGroup__label___sryAv {
1460
+ .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__label___pSv85 {
1461
1461
  order: 1;
1462
1462
  }
1463
- .RadioGroup-module__hop-RadioGroup__list___U5NgA {
1463
+ .RadioGroup-module__hop-RadioGroup__list___I6ByC {
1464
1464
  display: flex;
1465
1465
  flex-flow: var(--flex-direction) var(--flex-wrap);
1466
1466
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1471,7 +1471,7 @@
1471
1471
  border: var(--list-border, none);
1472
1472
  border-radius: var(--list-border-radius, 0);
1473
1473
  }
1474
- .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn {
1474
+ .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 {
1475
1475
  position: relative;
1476
1476
  flex: 0 1 auto;
1477
1477
  align-content: start;
@@ -1479,28 +1479,28 @@
1479
1479
  min-inline-size: 0;
1480
1480
  padding: var(--radio-padding, 0);
1481
1481
  }
1482
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn ~ .RadioGroup-module__hop-RadioGroup__radio___T2EAn::before {
1482
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
1483
1483
  content: "";
1484
1484
  position: absolute;
1485
1485
  display: block;
1486
1486
  }
1487
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn ~ .RadioGroup-module__hop-RadioGroup__radio___T2EAn::before {
1487
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
1488
1488
  inset-block-start: 0;
1489
1489
  inset-inline: 0;
1490
1490
  border-block-start: var(--list-border, none);
1491
1491
  }
1492
- .RadioGroup-module__hop-RadioGroup--bordered___Nriql[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___U5NgA > .RadioGroup-module__hop-RadioGroup__radio___T2EAn ~ .RadioGroup-module__hop-RadioGroup__radio___T2EAn::before {
1492
+ .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
1493
1493
  inset-block: 0;
1494
1494
  inset-inline-start: 0;
1495
1495
  border-inline-start: var(--list-border, none);
1496
1496
  }
1497
- .RadioGroup-module__hop-RadioGroup___MiSJ7 > .RadioGroup-module__hop-RadioGroup__error-message___-vNmu,
1498
- .RadioGroup-module__hop-RadioGroup___MiSJ7 > .RadioGroup-module__hop-RadioGroup__helper-message___ykY3T {
1497
+ .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__error-message___uVmCG,
1498
+ .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__helper-message___uTAJG {
1499
1499
  order: 3;
1500
1500
  }
1501
1501
 
1502
1502
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1503
- .Radio-module__hop-Radio___3GVjM {
1503
+ .Radio-module__hop-Radio___W1Vdc {
1504
1504
  --hop-Radio-box-border-size: 0.0625rem;
1505
1505
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1506
1506
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1574,60 +1574,60 @@
1574
1574
  inline-size: max-content;
1575
1575
  max-inline-size: 100%;
1576
1576
  }
1577
- .Radio-module__hop-Radio___3GVjM[data-focus-visible] {
1577
+ .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
1578
1578
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1579
1579
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1580
1580
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1581
1581
  --text-color: var(--hop-Radio-text-color-focused);
1582
1582
  --icon-color: var(--hop-Radio-icon-color-focused);
1583
1583
  }
1584
- .Radio-module__hop-Radio___3GVjM[data-hovered] {
1584
+ .Radio-module__hop-Radio___W1Vdc[data-hovered] {
1585
1585
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1586
1586
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1587
1587
  --text-color: var(--hop-Radio-text-color-hovered);
1588
1588
  --icon-color: var(--hop-Radio-icon-color-hovered);
1589
1589
  }
1590
- .Radio-module__hop-Radio___3GVjM[data-pressed] {
1590
+ .Radio-module__hop-Radio___W1Vdc[data-pressed] {
1591
1591
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1592
1592
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1593
1593
  --text-color: var(--hop-Radio-text-color-pressed);
1594
1594
  --icon-color: var(--hop-Radio-icon-color-pressed);
1595
1595
  }
1596
- .Radio-module__hop-Radio___3GVjM[data-selected] {
1596
+ .Radio-module__hop-Radio___W1Vdc[data-selected] {
1597
1597
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1598
1598
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1599
1599
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1600
1600
  --text-color: var(--hop-Radio-text-color-selected);
1601
1601
  --icon-color: var(--hop-Radio-icon-color-selected);
1602
1602
  }
1603
- .Radio-module__hop-Radio___3GVjM[data-invalid] {
1603
+ .Radio-module__hop-Radio___W1Vdc[data-invalid] {
1604
1604
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1605
1605
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1606
1606
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1607
1607
  --text-color: var(--hop-Radio-text-color-invalid);
1608
1608
  --icon-color: var(--hop-Radio-icon-color-invalid);
1609
1609
  }
1610
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-focus-visible] {
1610
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
1611
1611
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1612
1612
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1613
1613
  }
1614
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-hovered] {
1614
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
1615
1615
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1616
1616
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1617
1617
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1618
1618
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1619
1619
  }
1620
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-pressed] {
1620
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
1621
1621
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1622
1622
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1623
1623
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1624
1624
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1625
1625
  }
1626
- .Radio-module__hop-Radio___3GVjM:where([data-invalid])[data-selected] {
1626
+ .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
1627
1627
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1628
1628
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1629
1629
  }
1630
- .Radio-module__hop-Radio___3GVjM[data-disabled] {
1630
+ .Radio-module__hop-Radio___W1Vdc[data-disabled] {
1631
1631
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1632
1632
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1633
1633
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1635,25 +1635,25 @@
1635
1635
  --text-color: var(--hop-Radio-text-color-disabled);
1636
1636
  --icon-color: var(--hop-Radio-icon-color-disabled);
1637
1637
  }
1638
- .Radio-module__hop-Radio--sm___qIsKs {
1638
+ .Radio-module__hop-Radio--sm___NYymj {
1639
1639
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1640
1640
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1641
1641
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1642
1642
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1643
1643
  }
1644
- .Radio-module__hop-Radio--md___Eszb9 {
1644
+ .Radio-module__hop-Radio--md___CQv8r {
1645
1645
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1646
1646
  --box-block-size: var(--hop-Radio-box-md-block-size);
1647
1647
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1648
1648
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1649
1649
  }
1650
- .Radio-module__hop-Radio__icon___ChXsk,
1651
- .Radio-module__hop-Radio__icon-list___Xk7yf {
1650
+ .Radio-module__hop-Radio__icon___W3Yrf,
1651
+ .Radio-module__hop-Radio__icon-list___Ky-BO {
1652
1652
  flex: 0 0 auto;
1653
1653
  order: 3;
1654
1654
  color: var(--icon-color);
1655
1655
  }
1656
- .Radio-module__hop-Radio__box___wgOZS {
1656
+ .Radio-module__hop-Radio__box___T-9Zw {
1657
1657
  display: flex;
1658
1658
  flex: 0 0 auto;
1659
1659
  align-items: center;
@@ -1669,11 +1669,11 @@
1669
1669
  outline-offset: 0.125rem;
1670
1670
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1671
1671
  }
1672
- .Radio-module__hop-Radio__bullet___f0qvY {
1672
+ .Radio-module__hop-Radio__bullet___aikpb {
1673
1673
  display: var(--bullet-display);
1674
1674
  color: var(--bullet-color);
1675
1675
  }
1676
- .Radio-module__hop-Radio__text___2EXJv {
1676
+ .Radio-module__hop-Radio__text___gfkdz {
1677
1677
  flex: 0 1 auto;
1678
1678
  order: 2;
1679
1679
  min-inline-size: 0;
@@ -1681,24 +1681,24 @@
1681
1681
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1682
1682
  color: var(--text-color);
1683
1683
  }
1684
- .DecorativeRadio-module__hop-DecorativeRadio___oRMfZ {
1684
+ .DecorativeRadio-module__hop-DecorativeRadio___rEyYa {
1685
1685
  }
1686
- .DecorativeRadio-module__hop-DecorativeRadio--sm___AQchJ {
1686
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___c4DTm {
1687
1687
  }
1688
- .DecorativeRadio-module__hop-DecorativeRadio--md___DMoEl {
1688
+ .DecorativeRadio-module__hop-DecorativeRadio--md___4FKuP {
1689
1689
  }
1690
- .DecorativeRadio-module__hop-DecorativeRadio__icon___VUXMo,
1691
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___uTmFK {
1690
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___A0Dsb,
1691
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___fJ9KP {
1692
1692
  }
1693
- .DecorativeRadio-module__hop-DecorativeRadio__box___F6dfP {
1693
+ .DecorativeRadio-module__hop-DecorativeRadio__box___e68gp {
1694
1694
  }
1695
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___-Mc90 {
1695
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___WU567 {
1696
1696
  }
1697
- .DecorativeRadio-module__hop-DecorativeRadio__text___-241H {
1697
+ .DecorativeRadio-module__hop-DecorativeRadio__text___5m-W5 {
1698
1698
  }
1699
1699
 
1700
1700
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1701
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___zgPHG {
1701
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___x-eOh {
1702
1702
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1703
1703
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1704
1704
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1724,7 +1724,7 @@
1724
1724
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1725
1725
  background-size: 400% 100%;
1726
1726
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1727
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___gcDLf;
1727
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4;
1728
1728
  animation-duration: var(--animation-duration);
1729
1729
  animation-timing-function: ease-in-out;
1730
1730
  animation-fill-mode: forwards;
@@ -1733,19 +1733,19 @@
1733
1733
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1734
1734
  }
1735
1735
  }
1736
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___nMqoM {
1736
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___0GrS5 {
1737
1737
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1738
1738
  }
1739
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___rSb-I {
1739
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___1E4s5 {
1740
1740
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1741
1741
  }
1742
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___tlBUR {
1742
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___JXT-p {
1743
1743
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1744
1744
  }
1745
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___c8Y4L {
1745
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___671cG {
1746
1746
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1747
1747
  }
1748
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___gcDLf {
1748
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4 {
1749
1749
  0% {
1750
1750
  background-position: 125% 50%;
1751
1751
  }
@@ -1755,7 +1755,7 @@
1755
1755
  }
1756
1756
 
1757
1757
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1758
- .ListBoxItem-module__hop-ListBoxItem___JwnhO {
1758
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ {
1759
1759
  --hop-ListBoxItem-background-color: transparent;
1760
1760
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1761
1761
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1852,129 +1852,129 @@
1852
1852
  outline: var(--outline);
1853
1853
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1854
1854
  }
1855
- .ListBoxItem-module__hop-ListBoxItem--xs___zl90j {
1855
+ .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS {
1856
1856
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1857
1857
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1858
1858
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1859
1859
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1860
1860
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1861
1861
  }
1862
- .ListBoxItem-module__hop-ListBoxItem--sm___liBj0 {
1862
+ .ListBoxItem-module__hop-ListBoxItem--sm___quqA7 {
1863
1863
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1864
1864
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1865
1865
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1866
1866
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1867
1867
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1868
1868
  }
1869
- .ListBoxItem-module__hop-ListBoxItem--md___JobkU {
1869
+ .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z {
1870
1870
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1871
1871
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1872
1872
  --min-height: var(--hop-ListBoxItem-md-min-height);
1873
1873
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1874
1874
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1875
1875
  }
1876
- .ListBoxItem-module__hop-ListBoxItem--lg___x6zNi {
1876
+ .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb {
1877
1877
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1878
1878
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1879
1879
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1880
1880
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1881
1881
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1882
1882
  }
1883
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-selection-mode] {
1883
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selection-mode] {
1884
1884
  --cursor: pointer;
1885
1885
  }
1886
- .ListBoxItem-module__hop-ListBoxItem___JwnhO:not([data-selection-mode]) {
1886
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ:not([data-selection-mode]) {
1887
1887
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1888
1888
  }
1889
- .ListBoxItem-module__hop-ListBoxItem__inner___Y-OfJ:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4r7bo) {
1889
+ .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
1890
1890
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1891
1891
  }
1892
- .ListBoxItem-module__hop-ListBoxItem__inner___Y-OfJ[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4r7bo) {
1892
+ .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
1893
1893
  --checkmark-transition: none;
1894
1894
  }
1895
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-selected] {
1895
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selected] {
1896
1896
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1897
1897
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1898
1898
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1899
1899
  --checkmark-opacity: 1;
1900
1900
  }
1901
- .ListBoxItem-module__hop-ListBoxItem--xs___zl90j[data-selected] {
1901
+ .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS[data-selected] {
1902
1902
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1903
1903
  }
1904
- .ListBoxItem-module__hop-ListBoxItem--sm___liBj0[data-selected] {
1904
+ .ListBoxItem-module__hop-ListBoxItem--sm___quqA7[data-selected] {
1905
1905
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1906
1906
  }
1907
- .ListBoxItem-module__hop-ListBoxItem--md___JobkU[data-selected] {
1907
+ .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z[data-selected] {
1908
1908
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1909
1909
  }
1910
- .ListBoxItem-module__hop-ListBoxItem--lg___x6zNi[data-selected] {
1910
+ .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb[data-selected] {
1911
1911
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1912
1912
  }
1913
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-focus-visible] {
1913
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-focus-visible] {
1914
1914
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1915
1915
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1916
1916
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1917
1917
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1918
1918
  }
1919
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-hovered] {
1919
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-hovered] {
1920
1920
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1921
1921
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1922
1922
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1923
1923
  }
1924
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-pressed] {
1924
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-pressed] {
1925
1925
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1926
1926
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1927
1927
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1928
1928
  }
1929
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-disabled] {
1929
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-disabled] {
1930
1930
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1931
1931
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1932
1932
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1933
1933
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1934
1934
  --cursor: not-allowed;
1935
1935
  }
1936
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid] {
1936
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid] {
1937
1937
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1938
1938
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1939
1939
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1940
1940
  }
1941
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-selected] {
1941
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-selected] {
1942
1942
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1943
1943
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1944
1944
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1945
1945
  }
1946
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-focus-visible] {
1946
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-focus-visible] {
1947
1947
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1948
1948
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1949
1949
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1950
1950
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1951
1951
  }
1952
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-hovered] {
1952
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-hovered] {
1953
1953
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1954
1954
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1955
1955
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1956
1956
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1957
1957
  }
1958
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-pressed] {
1958
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-pressed] {
1959
1959
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1960
1960
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1961
1961
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1962
1962
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1963
1963
  }
1964
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-invalid][data-disabled] {
1964
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-disabled] {
1965
1965
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1966
1966
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1967
1967
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1968
1968
  }
1969
- .ListBoxItem-module__hop-ListBoxItem___JwnhO:has(.ListBoxItem-module__hop-ListBoxItem__description___f6ZNM) {
1969
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ:has(.ListBoxItem-module__hop-ListBoxItem__description___oX2hJ) {
1970
1970
  --row-gap: var(--hop-ListBoxItem-row-gap);
1971
1971
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1972
1972
  }
1973
- .ListBoxItem-module__hop-ListBoxItem___JwnhO[data-loading] {
1973
+ .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-loading] {
1974
1974
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1975
1975
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1976
1976
  }
1977
- .ListBoxItem-module__hop-ListBoxItem__inner___Y-OfJ {
1977
+ .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw {
1978
1978
  display: grid;
1979
1979
  grid-template-areas: var(--grid-template-areas);
1980
1980
  grid-template-columns: var(--grid-template-columns);
@@ -1986,33 +1986,33 @@
1986
1986
  padding-inline: var(--padding-inline);
1987
1987
  transition: grid-template-columns .3s ease-in-out;
1988
1988
  }
1989
- .ListBoxItem-module__hop-ListBoxItem__checkmark___4r7bo {
1989
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms {
1990
1990
  grid-area: indicator;
1991
1991
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1992
1992
  color: var(--icon-color);
1993
1993
  opacity: var(--checkmark-opacity);
1994
1994
  transition: var(--checkmark-transition);
1995
1995
  }
1996
- .ListBoxItem-module__hop-ListBoxItem__radio___GvYtf,
1997
- .ListBoxItem-module__hop-ListBoxItem__checkbox___JoH8e {
1996
+ .ListBoxItem-module__hop-ListBoxItem__radio___-E4Qp,
1997
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___gDZAy {
1998
1998
  pointer-events: none;
1999
1999
  user-select: none;
2000
2000
  grid-area: indicator;
2001
2001
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2002
2002
  }
2003
- .ListBoxItem-module__hop-ListBoxItem__avatar___foPUm {
2003
+ .ListBoxItem-module__hop-ListBoxItem__avatar___ENL9t {
2004
2004
  grid-area: avatar;
2005
2005
  margin-block: var(--avatar-margin-block, 0);
2006
2006
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2007
2007
  }
2008
- .ListBoxItem-module__hop-ListBoxItem__icon-list___6z82m,
2009
- .ListBoxItem-module__hop-ListBoxItem__icon___s4qb0 {
2008
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___qp7p9,
2009
+ .ListBoxItem-module__hop-ListBoxItem__icon___uvHkz {
2010
2010
  grid-area: icon;
2011
2011
  flex: 0 0 auto;
2012
2012
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2013
2013
  color: var(--icon-color);
2014
2014
  }
2015
- .ListBoxItem-module__hop-ListBoxItem__label___M2Rln {
2015
+ .ListBoxItem-module__hop-ListBoxItem__label___RjMsK {
2016
2016
  overflow: hidden;
2017
2017
  grid-area: label;
2018
2018
  min-inline-size: 0;
@@ -2020,18 +2020,18 @@
2020
2020
  text-overflow: ellipsis;
2021
2021
  white-space: nowrap;
2022
2022
  }
2023
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___9bQl5,
2024
- .ListBoxItem-module__hop-ListBoxItem__end-icon___JsRz0 {
2023
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___guJ4T,
2024
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___wqMna {
2025
2025
  grid-area: end-icon;
2026
2026
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2027
2027
  color: var(--icon-color);
2028
2028
  }
2029
- .ListBoxItem-module__hop-ListBoxItem__badge___UFdM9 {
2029
+ .ListBoxItem-module__hop-ListBoxItem__badge___kKsUG {
2030
2030
  grid-area: badge;
2031
2031
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2032
2032
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2033
2033
  }
2034
- .ListBoxItem-module__hop-ListBoxItem__description___f6ZNM {
2034
+ .ListBoxItem-module__hop-ListBoxItem__description___oX2hJ {
2035
2035
  overflow: hidden;
2036
2036
  display: -webkit-box;
2037
2037
  grid-area: description;
@@ -2042,7 +2042,7 @@
2042
2042
  }
2043
2043
 
2044
2044
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2045
- .ListBox-module__hop-ListBox___e4j-o {
2045
+ .ListBox-module__hop-ListBox___eUpnT {
2046
2046
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2047
2047
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2048
2048
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2070,8 +2070,6 @@
2070
2070
  --hop-ListBox-section-header-padding: var(--hop-space-inset-stretch-sm);
2071
2071
  --hop-ListBox-section-header-top-offset: var(--hop-overline-top-offset);
2072
2072
  --hop-ListBox-section-header-bottom-offset: var(--hop-overline-bottom-offset);
2073
- --hop-ListBox-divider-margin-block: var(--hop-space-stack-sm);
2074
- --hop-ListBox-divider-margin-inline: calc(-1 * var(--hop-ListBox-padding-inline));
2075
2073
  --max-width: var(--hop-ListBox-max-width);
2076
2074
  --width: var(--hop-ListBox-width);
2077
2075
  --section-padding-block-start: var(--hop-ListBox-section-padding-block);
@@ -2091,11 +2089,11 @@
2091
2089
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2092
2090
  border-radius: var(--hop-ListBox-border-radius);
2093
2091
  }
2094
- .ListBox-module__hop-ListBox--fluid___GMtww {
2092
+ .ListBox-module__hop-ListBox--fluid___Ippzh {
2095
2093
  --max-width: var(--hop-ListBox-fluid-max-width);
2096
2094
  --width: var(--hop-ListBox-fluid-width);
2097
2095
  }
2098
- .ListBox-module__hop-ListBox__section___FTXLR {
2096
+ .ListBox-module__hop-ListBox__section___qvP27 {
2099
2097
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2100
2098
  margin-inline: var(--hop-ListBox-section-margin-inline);
2101
2099
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2103,21 +2101,21 @@
2103
2101
  border-block-start: var(--section-border-block-start);
2104
2102
  border-block-end: var(--section-border-block-end);
2105
2103
  }
2106
- .ListBox-module__hop-ListBox__item___M8ZWz + .ListBox-module__hop-ListBox__section___FTXLR {
2104
+ .ListBox-module__hop-ListBox__item___zZ38V + .ListBox-module__hop-ListBox__section___qvP27 {
2107
2105
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2108
2106
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2109
2107
  }
2110
- .ListBox-module__hop-ListBox__section___FTXLR:has(+ .ListBox-module__hop-ListBox__item___M8ZWz) {
2108
+ .ListBox-module__hop-ListBox__section___qvP27:has(+ .ListBox-module__hop-ListBox__item___zZ38V) {
2111
2109
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2112
2110
  }
2113
- .ListBox-module__hop-ListBox__section___FTXLR:first-child {
2111
+ .ListBox-module__hop-ListBox__section___qvP27:first-child {
2114
2112
  --section-padding-block-start: 0;
2115
2113
  }
2116
- .ListBox-module__hop-ListBox__section___FTXLR:last-child {
2114
+ .ListBox-module__hop-ListBox__section___qvP27:last-child {
2117
2115
  --section-padding-block-end: 0;
2118
2116
  --section-border-block-end: 0;
2119
2117
  }
2120
- .ListBox-module__hop-ListBox__section-header___qkK-O {
2118
+ .ListBox-module__hop-ListBox__section-header___6j-wC {
2121
2119
  margin: 0;
2122
2120
  padding: var(--hop-ListBox-section-header-padding);
2123
2121
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2128,27 +2126,23 @@
2128
2126
  text-transform: var(--hop-ListBox-section-header-text-transform);
2129
2127
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2130
2128
  }
2131
- .ListBox-module__hop-ListBox__section-header___qkK-O::before,
2132
- .ListBox-module__hop-ListBox__section-header___qkK-O::after {
2129
+ .ListBox-module__hop-ListBox__section-header___6j-wC::before,
2130
+ .ListBox-module__hop-ListBox__section-header___6j-wC::after {
2133
2131
  content: "";
2134
2132
  display: block;
2135
2133
  box-sizing: border-box;
2136
2134
  inline-size: 0;
2137
2135
  block-size: 0;
2138
2136
  }
2139
- .ListBox-module__hop-ListBox__section-header___qkK-O::before {
2137
+ .ListBox-module__hop-ListBox__section-header___6j-wC::before {
2140
2138
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2141
2139
  }
2142
- .ListBox-module__hop-ListBox__section-header___qkK-O::after {
2140
+ .ListBox-module__hop-ListBox__section-header___6j-wC::after {
2143
2141
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2144
2142
  }
2145
- .ListBox-module__hop-ListBox__divider___RwdwS {
2146
- margin-block: var(--hop-ListBox-divider-margin-block);
2147
- margin-inline: var(--hop-ListBox-divider-margin-inline);
2148
- }
2149
2143
 
2150
2144
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
2151
- @keyframes Spinner-module__spin___LNaNh {
2145
+ @keyframes Spinner-module__spin___fXcm0 {
2152
2146
  0% {
2153
2147
  transform: rotate(0deg);
2154
2148
  }
@@ -2156,7 +2150,7 @@
2156
2150
  transform: rotate(360deg);
2157
2151
  }
2158
2152
  }
2159
- .Spinner-module__hop-Spinner___pzOoW {
2153
+ .Spinner-module__hop-Spinner___LybXq {
2160
2154
  --hop-Spinner-border-radius: var(--hop-shape-circle);
2161
2155
  --hop-Spinner-sm-wheel-size: 1rem;
2162
2156
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -2164,7 +2158,7 @@
2164
2158
  --hop-Spinner-track-width: 0.125rem;
2165
2159
  --hop-Spinner-track-opacity: 0.2;
2166
2160
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
2167
- --hop-Spinner-fill-animation: Spinner-module__spin___LNaNh .8s infinite linear;
2161
+ --hop-Spinner-fill-animation: Spinner-module__spin___fXcm0 .8s infinite linear;
2168
2162
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
2169
2163
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
2170
2164
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -2175,19 +2169,19 @@
2175
2169
  align-items: center;
2176
2170
  box-sizing: border-box;
2177
2171
  }
2178
- .Spinner-module__hop-Spinner--sm___pfYnw {
2172
+ .Spinner-module__hop-Spinner--sm___PkfSB {
2179
2173
  --width: var(--hop-Spinner-sm-wheel-size);
2180
2174
  --height: var(--hop-Spinner-sm-wheel-size);
2181
2175
  }
2182
- .Spinner-module__hop-Spinner--md___nOWUL {
2176
+ .Spinner-module__hop-Spinner--md___2w-Xd {
2183
2177
  --width: var(--hop-Spinner-md-wheel-size);
2184
2178
  --height: var(--hop-Spinner-md-wheel-size);
2185
2179
  }
2186
- .Spinner-module__hop-Spinner--lg___lyNuv {
2180
+ .Spinner-module__hop-Spinner--lg___3kP3e {
2187
2181
  --width: var(--hop-Spinner-lg-wheel-size);
2188
2182
  --height: var(--hop-Spinner-lg-wheel-size);
2189
2183
  }
2190
- .Spinner-module__hop-Spinner__track___Ls4HB {
2184
+ .Spinner-module__hop-Spinner__track___b8Ks- {
2191
2185
  grid-area: spinner;
2192
2186
  box-sizing: border-box;
2193
2187
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2196,7 +2190,7 @@
2196
2190
  border: var(--hop-Spinner-track-border);
2197
2191
  border-radius: var(--hop-Spinner-border-radius);
2198
2192
  }
2199
- .Spinner-module__hop-Spinner__fill___SkjGT {
2193
+ .Spinner-module__hop-Spinner__fill___zKi4O {
2200
2194
  grid-area: spinner;
2201
2195
  box-sizing: border-box;
2202
2196
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2207,17 +2201,17 @@
2207
2201
  animation: var(--hop-Spinner-fill-animation);
2208
2202
  }
2209
2203
  @media (prefers-reduced-motion: reduce) {
2210
- .Spinner-module__hop-Spinner__fill___SkjGT {
2204
+ .Spinner-module__hop-Spinner__fill___zKi4O {
2211
2205
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
2212
2206
  }
2213
2207
  }
2214
- .Spinner-module__hop-Spinner__label___Px-28 {
2208
+ .Spinner-module__hop-Spinner__label___On4P- {
2215
2209
  grid-area: label;
2216
2210
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
2217
2211
  }
2218
2212
 
2219
2213
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
2220
- .Button-module__hop-Button___5iBZz {
2214
+ .Button-module__hop-Button___5w5a2 {
2221
2215
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
2222
2216
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
2223
2217
  --hop-Button-icon-only-padding: 0;
@@ -2376,317 +2370,317 @@
2376
2370
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2377
2371
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
2378
2372
  }
2379
- .Button-module__hop-Button___5iBZz[data-focus-visible] {
2373
+ .Button-module__hop-Button___5w5a2[data-focus-visible] {
2380
2374
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
2381
2375
  }
2382
- .Button-module__hop-Button--icon-only___TPK5R {
2376
+ .Button-module__hop-Button--icon-only___V-noN {
2383
2377
  --padding-block: var(--hop-Button-icon-only-padding);
2384
2378
  --padding-inline: var(--hop-Button-icon-only-padding);
2385
2379
  column-gap: 0;
2386
2380
  aspect-ratio: 1;
2387
2381
  }
2388
- .Button-module__hop-Button___5iBZz[data-disabled],
2389
- .Button-module__hop-Button___5iBZz[data-loading] {
2382
+ .Button-module__hop-Button___5w5a2[data-disabled],
2383
+ .Button-module__hop-Button___5w5a2[data-loading] {
2390
2384
  cursor: not-allowed;
2391
2385
  }
2392
- .Button-module__hop-Button--fluid___Zb3Z4 {
2386
+ .Button-module__hop-Button--fluid___QaAvn {
2393
2387
  --inline-size: 100%;
2394
2388
  }
2395
- .Button-module__hop-Button--sm___xENmf {
2389
+ .Button-module__hop-Button--sm___nMy5q {
2396
2390
  --block-size: var(--hop-Button-sm-height);
2397
2391
  }
2398
- .Button-module__hop-Button--primary___zbhJ9.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2392
+ .Button-module__hop-Button--primary___EvsVi.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2399
2393
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
2400
2394
  --padding-block: var(--hop-Button-primary-sm-padding-y);
2401
2395
  }
2402
- .Button-module__hop-Button--primary___zbhJ9.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2396
+ .Button-module__hop-Button--primary___EvsVi.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2403
2397
  --padding-inline: var(--hop-Button-primary-md-padding-x);
2404
2398
  --padding-block: var(--hop-Button-primary-md-padding-y);
2405
2399
  }
2406
- .Button-module__hop-Button--secondary___PKbCY.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2400
+ .Button-module__hop-Button--secondary___HYyfJ.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2407
2401
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
2408
2402
  --padding-block: var(--hop-Button-secondary-md-padding-y);
2409
2403
  }
2410
- .Button-module__hop-Button--secondary___PKbCY.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2404
+ .Button-module__hop-Button--secondary___HYyfJ.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2411
2405
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
2412
2406
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
2413
2407
  }
2414
- .Button-module__hop-Button--upsell___61sYX.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2408
+ .Button-module__hop-Button--upsell___laWqg.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2415
2409
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
2416
2410
  --padding-block: var(--hop-Button-upsell-md-padding-y);
2417
2411
  }
2418
- .Button-module__hop-Button--upsell___61sYX.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2412
+ .Button-module__hop-Button--upsell___laWqg.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2419
2413
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
2420
2414
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
2421
2415
  }
2422
- .Button-module__hop-Button--danger___AxMDH.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2416
+ .Button-module__hop-Button--danger___4-NJy.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2423
2417
  --padding-inline: var(--hop-Button-danger-md-padding-x);
2424
2418
  --padding-block: var(--hop-Button-danger-md-padding-y);
2425
2419
  }
2426
- .Button-module__hop-Button--danger___AxMDH.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2420
+ .Button-module__hop-Button--danger___4-NJy.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2427
2421
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
2428
2422
  --padding-block: var(--hop-Button-danger-sm-padding-y);
2429
2423
  }
2430
- .Button-module__hop-Button--ghost-danger___2TdbY.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2424
+ .Button-module__hop-Button--ghost-danger___5xkKn.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2431
2425
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
2432
2426
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
2433
2427
  }
2434
- .Button-module__hop-Button--ghost-danger___2TdbY.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2428
+ .Button-module__hop-Button--ghost-danger___5xkKn.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2435
2429
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
2436
2430
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
2437
2431
  }
2438
- .Button-module__hop-Button--ghost-secondary___6I7vD.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2432
+ .Button-module__hop-Button--ghost-secondary___74X2R.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2439
2433
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
2440
2434
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
2441
2435
  }
2442
- .Button-module__hop-Button--ghost-secondary___6I7vD.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2436
+ .Button-module__hop-Button--ghost-secondary___74X2R.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2443
2437
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
2444
2438
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
2445
2439
  }
2446
- .Button-module__hop-Button--ghost-primary___--qrr.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
2440
+ .Button-module__hop-Button--ghost-primary___sh82s.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2447
2441
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
2448
2442
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
2449
2443
  }
2450
- .Button-module__hop-Button--ghost-primary___--qrr.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
2444
+ .Button-module__hop-Button--ghost-primary___sh82s.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2451
2445
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
2452
2446
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
2453
2447
  }
2454
- .Button-module__hop-Button--primary___zbhJ9 {
2448
+ .Button-module__hop-Button--primary___EvsVi {
2455
2449
  --background-color: var(--hop-Button-primary-background-color);
2456
2450
  --color: var(--hop-Button-primary-color);
2457
2451
  --border: var(--hop-Button-primary-border);
2458
2452
  --spinner-color: var(--hop-Button-primary-spinner-color);
2459
2453
  }
2460
- .Button-module__hop-Button--primary___zbhJ9[data-disabled]:not([data-loading]) {
2454
+ .Button-module__hop-Button--primary___EvsVi[data-disabled]:not([data-loading]) {
2461
2455
  --background-color: var(--hop-Button-primary-background-color-disabled);
2462
2456
  --color: var(--hop-Button-primary-color-disabled);
2463
2457
  --border: var(--hop-Button-primary-border-disabled);
2464
2458
  }
2465
- .Button-module__hop-Button--primary___zbhJ9[data-hovered]:not([data-disabled], [data-loading]),
2466
- .Button-module__hop-Button--primary___zbhJ9[data-focus-visible]:not([data-disabled], [data-loading]) {
2459
+ .Button-module__hop-Button--primary___EvsVi[data-hovered]:not([data-disabled], [data-loading]),
2460
+ .Button-module__hop-Button--primary___EvsVi[data-focus-visible]:not([data-disabled], [data-loading]) {
2467
2461
  --background-color: var(--hop-Button-primary-background-color-hover);
2468
2462
  --color: var(--hop-Button-primary-color-hover);
2469
2463
  --border: var(--hop-Button-primary-border-hover);
2470
2464
  }
2471
- .Button-module__hop-Button--primary___zbhJ9[data-pressed]:not([data-loading]) {
2465
+ .Button-module__hop-Button--primary___EvsVi[data-pressed]:not([data-loading]) {
2472
2466
  --background-color: var(--hop-Button-primary-background-color-pressed);
2473
2467
  --color: var(--hop-Button-primary-color-pressed);
2474
2468
  --border: var(--hop-Button-primary-border-pressed);
2475
2469
  }
2476
- .Button-module__hop-Button--secondary___PKbCY {
2470
+ .Button-module__hop-Button--secondary___HYyfJ {
2477
2471
  --background-color: var(--hop-Button-secondary-background-color);
2478
2472
  --color: var(--hop-Button-secondary-color);
2479
2473
  --border: var(--hop-Button-secondary-border);
2480
2474
  --spinner-color: var(--hop-Button-secondary-spinner-color);
2481
2475
  }
2482
- .Button-module__hop-Button--secondary___PKbCY[data-disabled]:not([data-loading]) {
2476
+ .Button-module__hop-Button--secondary___HYyfJ[data-disabled]:not([data-loading]) {
2483
2477
  --background-color: var(--hop-Button-secondary-background-color-disabled);
2484
2478
  --color: var(--hop-Button-secondary-color-disabled);
2485
2479
  --border: var(--hop-Button-secondary-border-disabled);
2486
2480
  }
2487
- .Button-module__hop-Button--secondary___PKbCY[data-hovered]:not([data-disabled], [data-loading]),
2488
- .Button-module__hop-Button--secondary___PKbCY[data-focus-visible]:not([data-disabled], [data-loading]) {
2481
+ .Button-module__hop-Button--secondary___HYyfJ[data-hovered]:not([data-disabled], [data-loading]),
2482
+ .Button-module__hop-Button--secondary___HYyfJ[data-focus-visible]:not([data-disabled], [data-loading]) {
2489
2483
  --background-color: var(--hop-Button-secondary-background-color-hover);
2490
2484
  --color: var(--hop-Button-secondary-color-hover);
2491
2485
  --border: var(--hop-Button-secondary-border-hover);
2492
2486
  }
2493
- .Button-module__hop-Button--secondary___PKbCY[data-pressed]:not([data-loading]) {
2487
+ .Button-module__hop-Button--secondary___HYyfJ[data-pressed]:not([data-loading]) {
2494
2488
  --background-color: var(--hop-Button-secondary-background-color-pressed);
2495
2489
  --color: var(--hop-Button-secondary-color-pressed);
2496
2490
  --border: var(--hop-Button-secondary-border-pressed);
2497
2491
  }
2498
- .Button-module__hop-Button--upsell___61sYX {
2492
+ .Button-module__hop-Button--upsell___laWqg {
2499
2493
  --background-color: var(--hop-Button-upsell-background-color);
2500
2494
  --color: var(--hop-Button-upsell-color);
2501
2495
  --border: var(--hop-Button-upsell-border);
2502
2496
  --spinner-color: var(--hop-Button-upsell-spinner-color);
2503
2497
  }
2504
- .Button-module__hop-Button--upsell___61sYX[data-disabled]:not([data-loading]) {
2498
+ .Button-module__hop-Button--upsell___laWqg[data-disabled]:not([data-loading]) {
2505
2499
  --background-color: var(--hop-Button-upsell-background-color-disabled);
2506
2500
  --color: var(--hop-Button-upsell-color-disabled);
2507
2501
  --border: var(--hop-Button-upsell-border-disabled);
2508
2502
  }
2509
- .Button-module__hop-Button--upsell___61sYX[data-hovered]:not([data-disabled], [data-loading]),
2510
- .Button-module__hop-Button--upsell___61sYX[data-focus-visible]:not([data-disabled], [data-loading]) {
2503
+ .Button-module__hop-Button--upsell___laWqg[data-hovered]:not([data-disabled], [data-loading]),
2504
+ .Button-module__hop-Button--upsell___laWqg[data-focus-visible]:not([data-disabled], [data-loading]) {
2511
2505
  --background-color: var(--hop-Button-upsell-background-color-hover);
2512
2506
  --color: var(--hop-Button-upsell-color-hover);
2513
2507
  --border: var(--hop-Button-upsell-border-hover);
2514
2508
  }
2515
- .Button-module__hop-Button--upsell___61sYX[data-pressed]:not([data-loading]) {
2509
+ .Button-module__hop-Button--upsell___laWqg[data-pressed]:not([data-loading]) {
2516
2510
  --background-color: var(--hop-Button-upsell-background-color-pressed);
2517
2511
  --color: var(--hop-Button-upsell-color-pressed);
2518
2512
  --border: var(--hop-Button-upsell-border-pressed);
2519
2513
  }
2520
- .Button-module__hop-Button--danger___AxMDH {
2514
+ .Button-module__hop-Button--danger___4-NJy {
2521
2515
  --background-color: var(--hop-Button-danger-background-color);
2522
2516
  --color: var(--hop-Button-danger-color);
2523
2517
  --border: var(--hop-Button-danger-border);
2524
2518
  --spinner-color: var(--hop-Button-danger-spinner-color);
2525
2519
  }
2526
- .Button-module__hop-Button--danger___AxMDH[data-disabled]:not([data-loading]) {
2520
+ .Button-module__hop-Button--danger___4-NJy[data-disabled]:not([data-loading]) {
2527
2521
  --background-color: var(--hop-Button-danger-background-color-disabled);
2528
2522
  --color: var(--hop-Button-danger-color-disabled);
2529
2523
  --border: var(--hop-Button-danger-border-disabled);
2530
2524
  }
2531
- .Button-module__hop-Button--danger___AxMDH[data-hovered]:not([data-disabled], [data-loading]),
2532
- .Button-module__hop-Button--danger___AxMDH[data-focus-visible]:not([data-disabled], [data-loading]) {
2525
+ .Button-module__hop-Button--danger___4-NJy[data-hovered]:not([data-disabled], [data-loading]),
2526
+ .Button-module__hop-Button--danger___4-NJy[data-focus-visible]:not([data-disabled], [data-loading]) {
2533
2527
  --background-color: var(--hop-Button-danger-background-color-hover);
2534
2528
  --color: var(--hop-Button-danger-color-hover);
2535
2529
  --border: var(--hop-Button-danger-border-hover);
2536
2530
  }
2537
- .Button-module__hop-Button--danger___AxMDH[data-pressed]:not([data-loading]) {
2531
+ .Button-module__hop-Button--danger___4-NJy[data-pressed]:not([data-loading]) {
2538
2532
  --background-color: var(--hop-Button-danger-background-color-pressed);
2539
2533
  --color: var(--hop-Button-danger-color-pressed);
2540
2534
  --border: var(--hop-Button-danger-border-pressed);
2541
2535
  }
2542
- .Button-module__hop-Button--ghost-primary___--qrr {
2536
+ .Button-module__hop-Button--ghost-primary___sh82s {
2543
2537
  --background-color: var(--hop-Button-ghost-primary-background-color);
2544
2538
  --color: var(--hop-Button-ghost-primary-color);
2545
2539
  --border: var(--hop-Button-ghost-primary-border);
2546
2540
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2547
2541
  }
2548
- .Button-module__hop-Button--ghost-primary___--qrr[data-disabled]:not([data-loading]) {
2542
+ .Button-module__hop-Button--ghost-primary___sh82s[data-disabled]:not([data-loading]) {
2549
2543
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
2550
2544
  --color: var(--hop-Button-ghost-primary-color-disabled);
2551
2545
  --border: var(--hop-Button-ghost-primary-border-disabled);
2552
2546
  }
2553
- .Button-module__hop-Button--ghost-primary___--qrr[data-hovered]:not([data-disabled], [data-loading]),
2554
- .Button-module__hop-Button--ghost-primary___--qrr[data-focus-visible]:not([data-disabled], [data-loading]) {
2547
+ .Button-module__hop-Button--ghost-primary___sh82s[data-hovered]:not([data-disabled], [data-loading]),
2548
+ .Button-module__hop-Button--ghost-primary___sh82s[data-focus-visible]:not([data-disabled], [data-loading]) {
2555
2549
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
2556
2550
  --color: var(--hop-Button-ghost-primary-color-hover);
2557
2551
  --border: var(--hop-Button-ghost-primary-border-hover);
2558
2552
  }
2559
- .Button-module__hop-Button--ghost-primary___--qrr[data-pressed]:not([data-loading]) {
2553
+ .Button-module__hop-Button--ghost-primary___sh82s[data-pressed]:not([data-loading]) {
2560
2554
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
2561
2555
  --color: var(--hop-Button-ghost-primary-color-pressed);
2562
2556
  --border: var(--hop-Button-ghost-primary-border-pressed);
2563
2557
  }
2564
- .Button-module__hop-Button--ghost-secondary___6I7vD {
2558
+ .Button-module__hop-Button--ghost-secondary___74X2R {
2565
2559
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2566
2560
  --color: var(--hop-Button-ghost-secondary-color);
2567
2561
  --border: var(--hop-Button-ghost-secondary-border);
2568
2562
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2569
2563
  }
2570
- .Button-module__hop-Button--ghost-secondary___6I7vD[data-disabled]:not([data-loading]) {
2564
+ .Button-module__hop-Button--ghost-secondary___74X2R[data-disabled]:not([data-loading]) {
2571
2565
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
2572
2566
  --color: var(--hop-Button-ghost-secondary-color-disabled);
2573
2567
  --border: var(--hop-Button-ghost-secondary-border-disabled);
2574
2568
  }
2575
- .Button-module__hop-Button--ghost-secondary___6I7vD[data-hovered]:not([data-disabled], [data-loading]),
2576
- .Button-module__hop-Button--ghost-secondary___6I7vD[data-focus-visible]:not([data-disabled], [data-loading]) {
2569
+ .Button-module__hop-Button--ghost-secondary___74X2R[data-hovered]:not([data-disabled], [data-loading]),
2570
+ .Button-module__hop-Button--ghost-secondary___74X2R[data-focus-visible]:not([data-disabled], [data-loading]) {
2577
2571
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
2578
2572
  --color: var(--hop-Button-ghost-secondary-color-hover);
2579
2573
  --border: var(--hop-Button-ghost-secondary-border-hover);
2580
2574
  }
2581
- .Button-module__hop-Button--ghost-secondary___6I7vD[data-pressed]:not([data-loading]) {
2575
+ .Button-module__hop-Button--ghost-secondary___74X2R[data-pressed]:not([data-loading]) {
2582
2576
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2583
2577
  --color: var(--hop-Button-ghost-secondary-color-pressed);
2584
2578
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2585
2579
  }
2586
- .Button-module__hop-Button--ghost-danger___2TdbY {
2580
+ .Button-module__hop-Button--ghost-danger___5xkKn {
2587
2581
  --background-color: var(--hop-Button-ghost-danger-background-color);
2588
2582
  --color: var(--hop-Button-ghost-danger-color);
2589
2583
  --border: var(--hop-Button-ghost-danger-border);
2590
2584
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2591
2585
  }
2592
- .Button-module__hop-Button--ghost-danger___2TdbY[data-disabled]:not([data-loading]) {
2586
+ .Button-module__hop-Button--ghost-danger___5xkKn[data-disabled]:not([data-loading]) {
2593
2587
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
2594
2588
  --color: var(--hop-Button-ghost-danger-color-disabled);
2595
2589
  --border: var(--hop-Button-ghost-danger-border-disabled);
2596
2590
  }
2597
- .Button-module__hop-Button--ghost-danger___2TdbY[data-hovered]:not([data-disabled], [data-loading]),
2598
- .Button-module__hop-Button--ghost-danger___2TdbY[data-focus-visible]:not([data-disabled], [data-loading]) {
2591
+ .Button-module__hop-Button--ghost-danger___5xkKn[data-hovered]:not([data-disabled], [data-loading]),
2592
+ .Button-module__hop-Button--ghost-danger___5xkKn[data-focus-visible]:not([data-disabled], [data-loading]) {
2599
2593
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2600
2594
  --color: var(--hop-Button-ghost-danger-color-hover);
2601
2595
  --border: var(--hop-Button-ghost-danger-border-hover);
2602
2596
  }
2603
- .Button-module__hop-Button--ghost-danger___2TdbY[data-pressed]:not([data-loading]) {
2597
+ .Button-module__hop-Button--ghost-danger___5xkKn[data-pressed]:not([data-loading]) {
2604
2598
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2605
2599
  --color: var(--hop-Button-ghost-danger-color-pressed);
2606
2600
  --border: var(--hop-Button-ghost-danger-border-pressed);
2607
2601
  }
2608
- .Button-module__hop-Button__Spinner___jwKkE {
2602
+ .Button-module__hop-Button__Spinner___23sIY {
2609
2603
  position: absolute;
2610
2604
  justify-self: center;
2611
2605
  color: var(--spinner-color);
2612
2606
  }
2613
- .Button-module__hop-Button__icon___hTxKS,
2614
- .Button-module__hop-Button__icon-list___bUhP9 {
2607
+ .Button-module__hop-Button__icon___OCH09,
2608
+ .Button-module__hop-Button__icon-list___90QTb {
2615
2609
  grid-area: start-icon;
2616
2610
  justify-self: end;
2617
2611
  }
2618
- .Button-module__hop-Button__text___hOS-u {
2612
+ .Button-module__hop-Button__text___hmgmJ {
2619
2613
  user-select: none;
2620
2614
  overflow: visible;
2621
2615
  grid-area: content;
2622
2616
  font-weight: var(--hop-font-weight-505);
2623
2617
  text-wrap: nowrap;
2624
2618
  }
2625
- .Button-module__hop-Button--ghost-primary___--qrr[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2626
- .Button-module__hop-Button--ghost-secondary___6I7vD[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2627
- .Button-module__hop-Button--ghost-danger___2TdbY[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2628
- .Button-module__hop-Button--ghost-primary___--qrr[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2629
- .Button-module__hop-Button--ghost-secondary___6I7vD[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2630
- .Button-module__hop-Button--ghost-danger___2TdbY[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2631
- .Button-module__hop-Button--ghost-primary___--qrr[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2632
- .Button-module__hop-Button--ghost-secondary___6I7vD[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
2633
- .Button-module__hop-Button--ghost-danger___2TdbY[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hOS-u {
2619
+ .Button-module__hop-Button--ghost-primary___sh82s[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
2620
+ .Button-module__hop-Button--ghost-secondary___74X2R[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
2621
+ .Button-module__hop-Button--ghost-danger___5xkKn[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
2622
+ .Button-module__hop-Button--ghost-primary___sh82s[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
2623
+ .Button-module__hop-Button--ghost-secondary___74X2R[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
2624
+ .Button-module__hop-Button--ghost-danger___5xkKn[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
2625
+ .Button-module__hop-Button--ghost-primary___sh82s[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
2626
+ .Button-module__hop-Button--ghost-secondary___74X2R[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
2627
+ .Button-module__hop-Button--ghost-danger___5xkKn[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ {
2634
2628
  text-decoration: underline;
2635
2629
  text-underline-offset: 0.125rem;
2636
2630
  }
2637
- .Button-module__hop-Button__end-icon___groP0,
2638
- .Button-module__hop-Button__end-icon-list___9WVoR {
2631
+ .Button-module__hop-Button__end-icon___WUX-K,
2632
+ .Button-module__hop-Button__end-icon-list___TYtCm {
2639
2633
  grid-area: end-icon;
2640
2634
  }
2641
- .Button-module__hop-Button___5iBZz .Button-module__hop-Button__icon-list___bUhP9,
2642
- .Button-module__hop-Button___5iBZz .Button-module__hop-Button__end-icon-list___9WVoR {
2635
+ .Button-module__hop-Button___5w5a2 .Button-module__hop-Button__icon-list___90QTb,
2636
+ .Button-module__hop-Button___5w5a2 .Button-module__hop-Button__end-icon-list___TYtCm {
2643
2637
  flex-wrap: nowrap;
2644
2638
  }
2645
- .Button-module__hop-Button___5iBZz[data-loading] > *:not(.Button-module__hop-Button__Spinner___jwKkE) {
2639
+ .Button-module__hop-Button___5w5a2[data-loading] > *:not(.Button-module__hop-Button__Spinner___23sIY) {
2646
2640
  opacity: 0;
2647
2641
  }
2648
2642
 
2649
2643
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
2650
- .ButtonGroup-module__hop-ButtonGroup___JA4jE {
2644
+ .ButtonGroup-module__hop-ButtonGroup___BKZ0u {
2651
2645
  display: inline-flex;
2652
2646
  flex-wrap: nowrap;
2653
2647
  gap: var(--hop-space-inline-md);
2654
2648
  }
2655
- .ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
2649
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
2656
2650
  justify-content: center;
2657
2651
  }
2658
- .ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
2652
+ .ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
2659
2653
  flex-direction: column;
2660
2654
  gap: var(--hop-space-stack-md);
2661
2655
  align-items: center;
2662
2656
  }
2663
- .ButtonGroup-module__hop-ButtonGroup--start___4FWyO.ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
2657
+ .ButtonGroup-module__hop-ButtonGroup--start___L2vod.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
2664
2658
  align-items: flex-start;
2665
2659
  }
2666
- .ButtonGroup-module__hop-ButtonGroup--center___aMRwQ.ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
2660
+ .ButtonGroup-module__hop-ButtonGroup--center___FTkrz.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
2667
2661
  align-items: center;
2668
2662
  }
2669
- .ButtonGroup-module__hop-ButtonGroup--end___OmblZ.ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
2663
+ .ButtonGroup-module__hop-ButtonGroup--end___5RFlc.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
2670
2664
  align-items: flex-end;
2671
2665
  }
2672
- .ButtonGroup-module__hop-ButtonGroup--start___4FWyO.ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
2666
+ .ButtonGroup-module__hop-ButtonGroup--start___L2vod.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
2673
2667
  justify-content: flex-start;
2674
2668
  }
2675
- .ButtonGroup-module__hop-ButtonGroup--center___aMRwQ.ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
2669
+ .ButtonGroup-module__hop-ButtonGroup--center___FTkrz.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
2676
2670
  justify-content: center;
2677
2671
  }
2678
- .ButtonGroup-module__hop-ButtonGroup--end___OmblZ.ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
2672
+ .ButtonGroup-module__hop-ButtonGroup--end___5RFlc.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
2679
2673
  justify-content: flex-end;
2680
2674
  }
2681
- .ButtonGroup-module__hop-ButtonGroup--wrap___IMwdh {
2675
+ .ButtonGroup-module__hop-ButtonGroup--wrap___QEzzw {
2682
2676
  flex-wrap: wrap;
2683
2677
  }
2684
- .ButtonGroup-module__hop-ButtonGroup--fluid___wY5d- {
2678
+ .ButtonGroup-module__hop-ButtonGroup--fluid___uxaS1 {
2685
2679
  inline-size: 100%;
2686
2680
  }
2687
2681
 
2688
2682
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
2689
- .EmbeddedButton-module__hop-EmbeddedButton___JYrVb {
2683
+ .EmbeddedButton-module__hop-EmbeddedButton___7FfyF {
2690
2684
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
2691
2685
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
2692
2686
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -2850,7 +2844,7 @@
2850
2844
  outline: none;
2851
2845
  transition: color var(--transition);
2852
2846
  }
2853
- .EmbeddedButton-module__hop-EmbeddedButton___JYrVb::before {
2847
+ .EmbeddedButton-module__hop-EmbeddedButton___7FfyF::before {
2854
2848
  content: "";
2855
2849
  position: absolute;
2856
2850
  inset-block-start: 50%;
@@ -2863,291 +2857,291 @@
2863
2857
  border-radius: var(--effect-border-radius);
2864
2858
  transition: background-color var(--transition);
2865
2859
  }
2866
- .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-square] {
2860
+ .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-square] {
2867
2861
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
2868
2862
  }
2869
- .EmbeddedButton-module__hop-EmbeddedButton--md___FXQRH {
2863
+ .EmbeddedButton-module__hop-EmbeddedButton--md___P-YqL {
2870
2864
  --inline-size: var(--hop-EmbeddedButton-md-width);
2871
2865
  --block-size: var(--hop-EmbeddedButton-md-height);
2872
2866
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
2873
2867
  }
2874
- .EmbeddedButton-module__hop-EmbeddedButton--lg___KbeNf {
2868
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___7q2Cu {
2875
2869
  --inline-size: var(--hop-EmbeddedButton-lg-width);
2876
2870
  --block-size: var(--hop-EmbeddedButton-lg-height);
2877
2871
  --focus-ring-offset: 0;
2878
2872
  }
2879
- .EmbeddedButton-module__hop-EmbeddedButton--md___FXQRH::before {
2873
+ .EmbeddedButton-module__hop-EmbeddedButton--md___P-YqL::before {
2880
2874
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
2881
2875
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
2882
2876
  }
2883
- .EmbeddedButton-module__hop-EmbeddedButton--lg___KbeNf::before {
2877
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___7q2Cu::before {
2884
2878
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
2885
2879
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
2886
2880
  }
2887
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp {
2881
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD {
2888
2882
  --color: var(--hop-EmbeddedButton-neutral-color);
2889
2883
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
2890
2884
  }
2891
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y {
2885
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO {
2892
2886
  --color: var(--hop-EmbeddedButton-subdued-color);
2893
2887
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
2894
2888
  }
2895
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2 {
2889
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65- {
2896
2890
  --color: var(--hop-EmbeddedButton-progress-color);
2897
2891
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
2898
2892
  }
2899
- .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30 {
2893
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj {
2900
2894
  --color: var(--hop-EmbeddedButton-positive-color);
2901
2895
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
2902
2896
  }
2903
- .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx {
2897
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e {
2904
2898
  --color: var(--hop-EmbeddedButton-caution-color);
2905
2899
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
2906
2900
  }
2907
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7 {
2901
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf {
2908
2902
  --color: var(--hop-EmbeddedButton-negative-color);
2909
2903
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
2910
2904
  }
2911
- .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw {
2905
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0 {
2912
2906
  --color: var(--hop-EmbeddedButton-option1-color);
2913
2907
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
2914
2908
  }
2915
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO {
2909
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d {
2916
2910
  --color: var(--hop-EmbeddedButton-option2-color);
2917
2911
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
2918
2912
  }
2919
- .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK {
2913
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW {
2920
2914
  --color: var(--hop-EmbeddedButton-option3-color);
2921
2915
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
2922
2916
  }
2923
- .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT {
2917
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58 {
2924
2918
  --color: var(--hop-EmbeddedButton-option4-color);
2925
2919
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
2926
2920
  }
2927
- .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli {
2921
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4 {
2928
2922
  --color: var(--hop-EmbeddedButton-option5-color);
2929
2923
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
2930
2924
  }
2931
- .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb {
2925
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN {
2932
2926
  --color: var(--hop-EmbeddedButton-option6-color);
2933
2927
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
2934
2928
  }
2935
- .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-selected] {
2929
+ .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-selected] {
2936
2930
  --color: var(--hop-EmbeddedButton-selected-color);
2937
2931
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
2938
2932
  }
2939
- .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-focus-visible] {
2933
+ .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-focus-visible] {
2940
2934
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
2941
2935
  outline-offset: var(--focus-ring-offset);
2942
2936
  }
2943
- .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-disabled] {
2937
+ .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-disabled] {
2944
2938
  cursor: not-allowed;
2945
2939
  }
2946
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-hovered] {
2940
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-hovered] {
2947
2941
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
2948
2942
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
2949
2943
  }
2950
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-focus-visible] {
2944
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-focus-visible] {
2951
2945
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
2952
2946
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
2953
2947
  }
2954
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-pressed] {
2948
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-pressed] {
2955
2949
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
2956
2950
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
2957
2951
  }
2958
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-disabled] {
2952
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-disabled] {
2959
2953
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
2960
2954
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
2961
2955
  }
2962
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-hovered] {
2956
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-hovered] {
2963
2957
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
2964
2958
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
2965
2959
  }
2966
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-focus-visible] {
2960
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-focus-visible] {
2967
2961
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
2968
2962
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
2969
2963
  }
2970
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-pressed] {
2964
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-pressed] {
2971
2965
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
2972
2966
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
2973
2967
  }
2974
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-disabled] {
2968
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-disabled] {
2975
2969
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
2976
2970
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
2977
2971
  }
2978
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-hovered] {
2972
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-hovered] {
2979
2973
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
2980
2974
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
2981
2975
  }
2982
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-focus-visible] {
2976
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-focus-visible] {
2983
2977
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
2984
2978
  --color: var(--hop-EmbeddedButton-progress-color-focused);
2985
2979
  }
2986
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-pressed] {
2980
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-pressed] {
2987
2981
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
2988
2982
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
2989
2983
  }
2990
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-disabled] {
2984
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-disabled] {
2991
2985
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
2992
2986
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
2993
2987
  }
2994
- .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-hovered] {
2988
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-hovered] {
2995
2989
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
2996
2990
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
2997
2991
  }
2998
- .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-focus-visible] {
2992
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-focus-visible] {
2999
2993
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
3000
2994
  --color: var(--hop-EmbeddedButton-positive-color-focused);
3001
2995
  }
3002
- .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-pressed] {
2996
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-pressed] {
3003
2997
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
3004
2998
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
3005
2999
  }
3006
- .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-disabled] {
3000
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-disabled] {
3007
3001
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
3008
3002
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
3009
3003
  }
3010
- .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-hovered] {
3004
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-hovered] {
3011
3005
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
3012
3006
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
3013
3007
  }
3014
- .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-focus-visible] {
3008
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-focus-visible] {
3015
3009
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
3016
3010
  --color: var(--hop-EmbeddedButton-caution-color-focused);
3017
3011
  }
3018
- .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-pressed] {
3012
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-pressed] {
3019
3013
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
3020
3014
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
3021
3015
  }
3022
- .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-disabled] {
3016
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-disabled] {
3023
3017
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
3024
3018
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
3025
3019
  }
3026
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-hovered] {
3020
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-hovered] {
3027
3021
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
3028
3022
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
3029
3023
  }
3030
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-focus-visible] {
3024
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-focus-visible] {
3031
3025
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
3032
3026
  --color: var(--hop-EmbeddedButton-negative-color-focused);
3033
3027
  }
3034
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-pressed] {
3028
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-pressed] {
3035
3029
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
3036
3030
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
3037
3031
  }
3038
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-disabled] {
3032
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-disabled] {
3039
3033
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
3040
3034
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
3041
3035
  }
3042
- .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-hovered] {
3036
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-hovered] {
3043
3037
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
3044
3038
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
3045
3039
  }
3046
- .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-focus-visible] {
3040
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-focus-visible] {
3047
3041
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
3048
3042
  --color: var(--hop-EmbeddedButton-option1-color-focused);
3049
3043
  }
3050
- .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-pressed] {
3044
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-pressed] {
3051
3045
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
3052
3046
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
3053
3047
  }
3054
- .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-disabled] {
3048
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-disabled] {
3055
3049
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
3056
3050
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
3057
3051
  }
3058
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-hovered] {
3052
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-hovered] {
3059
3053
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
3060
3054
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
3061
3055
  }
3062
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-focus-visible] {
3056
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-focus-visible] {
3063
3057
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
3064
3058
  --color: var(--hop-EmbeddedButton-option2-color-focused);
3065
3059
  }
3066
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-pressed] {
3060
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-pressed] {
3067
3061
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
3068
3062
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
3069
3063
  }
3070
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-disabled] {
3064
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-disabled] {
3071
3065
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
3072
3066
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
3073
3067
  }
3074
- .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-hovered] {
3068
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-hovered] {
3075
3069
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
3076
3070
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
3077
3071
  }
3078
- .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-focus-visible] {
3072
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-focus-visible] {
3079
3073
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
3080
3074
  --color: var(--hop-EmbeddedButton-option3-color-focused);
3081
3075
  }
3082
- .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-pressed] {
3076
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-pressed] {
3083
3077
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
3084
3078
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
3085
3079
  }
3086
- .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-disabled] {
3080
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-disabled] {
3087
3081
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
3088
3082
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
3089
3083
  }
3090
- .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-hovered] {
3084
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-hovered] {
3091
3085
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
3092
3086
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
3093
3087
  }
3094
- .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-focus-visible] {
3088
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-focus-visible] {
3095
3089
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
3096
3090
  --color: var(--hop-EmbeddedButton-option4-color-focused);
3097
3091
  }
3098
- .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-pressed] {
3092
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-pressed] {
3099
3093
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
3100
3094
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
3101
3095
  }
3102
- .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-disabled] {
3096
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-disabled] {
3103
3097
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
3104
3098
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
3105
3099
  }
3106
- .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-hovered] {
3100
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-hovered] {
3107
3101
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
3108
3102
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
3109
3103
  }
3110
- .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-focus-visible] {
3104
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-focus-visible] {
3111
3105
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
3112
3106
  --color: var(--hop-EmbeddedButton-option5-color-focused);
3113
3107
  }
3114
- .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-pressed] {
3108
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-pressed] {
3115
3109
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
3116
3110
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
3117
3111
  }
3118
- .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-disabled] {
3112
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-disabled] {
3119
3113
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
3120
3114
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
3121
3115
  }
3122
- .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-hovered] {
3116
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-hovered] {
3123
3117
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
3124
3118
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
3125
3119
  }
3126
- .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-focus-visible] {
3120
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-focus-visible] {
3127
3121
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
3128
3122
  --color: var(--hop-EmbeddedButton-option6-color-focused);
3129
3123
  }
3130
- .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-pressed] {
3124
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-pressed] {
3131
3125
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
3132
3126
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
3133
3127
  }
3134
- .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-disabled] {
3128
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-disabled] {
3135
3129
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
3136
3130
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
3137
3131
  }
3138
- .EmbeddedButton-module__hop-EmbeddedButton__icon___rRXsh {
3132
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___3-ikY {
3139
3133
  position: relative;
3140
3134
  }
3141
3135
 
3142
3136
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
3143
- .Form-module__hop-Form___Kd5fG {
3137
+ .Form-module__hop-Form___00trG {
3144
3138
  display: flex;
3145
3139
  flex-direction: column;
3146
3140
  gap: var(--hop-space-stack-lg);
3147
3141
  }
3148
3142
 
3149
3143
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
3150
- .InputGroup-module__hop-InputGroup___WcTzE {
3144
+ .InputGroup-module__hop-InputGroup___cxU-Q {
3151
3145
  --hop-InputGroup-background: var(--hop-neutral-surface);
3152
3146
  --hop-InputGroup-border-color: var(--hop-neutral-border);
3153
3147
  --hop-InputGroup-border-width: 0.0625rem;
@@ -3228,11 +3222,11 @@
3228
3222
  border: var(--border);
3229
3223
  border-radius: var(--hop-InputGroup-border-radius);
3230
3224
  }
3231
- .InputGroup-module__hop-InputGroup--fluid___nS6mP {
3225
+ .InputGroup-module__hop-InputGroup--fluid___JDLHZ {
3232
3226
  --inline-size: 100%;
3233
3227
  --input-inline-size: 100%;
3234
3228
  }
3235
- .InputGroup-module__hop-InputGroup--sm___JnRFs {
3229
+ .InputGroup-module__hop-InputGroup--sm___xub9Y {
3236
3230
  --block-size: var(--hop-InputGroup-sm-block-size);
3237
3231
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
3238
3232
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -3240,7 +3234,7 @@
3240
3234
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
3241
3235
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
3242
3236
  }
3243
- .InputGroup-module__hop-InputGroup___WcTzE[data-input-type=textarea] {
3237
+ .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=textarea] {
3244
3238
  --gap: var(--hop-InputGroup-gap-textarea);
3245
3239
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
3246
3240
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -3248,28 +3242,28 @@
3248
3242
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
3249
3243
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
3250
3244
  }
3251
- .InputGroup-module__hop-InputGroup___WcTzE[data-input-type=number] {
3245
+ .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=number] {
3252
3246
  --display: var(--hop-InputGroup-display-number);
3253
3247
  --gap: var(--hop-InputGroup-gap-number);
3254
3248
  }
3255
- .InputGroup-module__hop-InputGroup___WcTzE[data-hovered] {
3249
+ .InputGroup-module__hop-InputGroup___cxU-Q[data-hovered] {
3256
3250
  --background: var(--hop-InputGroup-background-hover);
3257
3251
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
3258
3252
  }
3259
- .InputGroup-module__hop-InputGroup___WcTzE[data-focus-within] {
3253
+ .InputGroup-module__hop-InputGroup___cxU-Q[data-focus-within] {
3260
3254
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
3261
3255
  }
3262
- .InputGroup-module__hop-InputGroup___WcTzE[data-invalid] {
3256
+ .InputGroup-module__hop-InputGroup___cxU-Q[data-invalid] {
3263
3257
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
3264
3258
  }
3265
- .InputGroup-module__hop-InputGroup___WcTzE[data-disabled] {
3259
+ .InputGroup-module__hop-InputGroup___cxU-Q[data-disabled] {
3266
3260
  --background: var(--hop-InputGroup-background-disabled);
3267
3261
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
3268
3262
  --input-color: var(--hop-InputGroup-input-color-disabled);
3269
3263
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
3270
3264
  }
3271
- .InputGroup-module__hop-InputGroup__input___IXkwy,
3272
- .InputGroup-module__hop-InputGroup__textarea___bj7DV {
3265
+ .InputGroup-module__hop-InputGroup__input___WN-8O,
3266
+ .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
3273
3267
  flex: 1 1 auto;
3274
3268
  box-sizing: border-box;
3275
3269
  inline-size: var(--input-inline-size);
@@ -3283,26 +3277,26 @@
3283
3277
  border: none;
3284
3278
  outline: none;
3285
3279
  }
3286
- .InputGroup-module__hop-InputGroup__input___IXkwy {
3280
+ .InputGroup-module__hop-InputGroup__input___WN-8O {
3287
3281
  block-size: var(--input-block-size);
3288
3282
  padding: var(--hop-InputGroup-input-padding);
3289
3283
  }
3290
- .InputGroup-module__hop-InputGroup__textarea___bj7DV {
3284
+ .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
3291
3285
  padding: var(--hop-InputGroup-textarea-padding);
3292
3286
  }
3293
- .InputGroup-module__hop-InputGroup__input___IXkwy::placeholder {
3287
+ .InputGroup-module__hop-InputGroup__input___WN-8O::placeholder {
3294
3288
  font-family: var(--hop-InputGroup-placeholder-font-family);
3295
3289
  font-size: var(--hop-InputGroup-placeholder-font-size);
3296
3290
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
3297
3291
  line-height: var(--hop-InputGroup-placeholder-line-height);
3298
3292
  color: var(--input-placeholder-color);
3299
3293
  }
3300
- .InputGroup-module__hop-InputGroup__embedded-button___aJeH4 {
3294
+ .InputGroup-module__hop-InputGroup__embedded-button___THXUj {
3301
3295
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
3302
3296
  }
3303
3297
 
3304
3298
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
3305
- .Heading-module__hop-Heading___xok42 {
3299
+ .Heading-module__hop-Heading___n97SR {
3306
3300
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
3307
3301
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
3308
3302
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -3336,50 +3330,50 @@
3336
3330
  --hop-Heading-inherit-size-font-weight: inherit;
3337
3331
  --hop-Heading-inherit-size-line-height: inherit;
3338
3332
  }
3339
- :where(.Heading-module__hop-Heading___xok42) {
3333
+ :where(.Heading-module__hop-Heading___n97SR) {
3340
3334
  margin: 0;
3341
3335
  font-family: var(--font-family);
3342
3336
  font-size: var(--font-size);
3343
3337
  font-weight: var(--font-weight);
3344
3338
  line-height: var(--line-height);
3345
3339
  }
3346
- :where(.Heading-module__hop-Heading--xs___yyvuF) {
3340
+ :where(.Heading-module__hop-Heading--xs___mTtTP) {
3347
3341
  --font-size: var(--hop-Heading-xs-font-size);
3348
3342
  --font-family: var(--hop-Heading-xs-font-family);
3349
3343
  --font-weight: var(--hop-Heading-xs-font-weight);
3350
3344
  --line-height: var(--hop-Heading-xs-line-height);
3351
3345
  }
3352
- :where(.Heading-module__hop-Heading--sm___KCcNN) {
3346
+ :where(.Heading-module__hop-Heading--sm___eo32f) {
3353
3347
  --font-size: var(--hop-Heading-sm-font-size);
3354
3348
  --font-family: var(--hop-Heading-sm-font-family);
3355
3349
  --font-weight: var(--hop-Heading-sm-font-weight);
3356
3350
  --line-height: var(--hop-Heading-sm-line-height);
3357
3351
  }
3358
- :where(.Heading-module__hop-Heading--md___IwpUP) {
3352
+ :where(.Heading-module__hop-Heading--md___IrFcX) {
3359
3353
  --font-size: var(--hop-Heading-md-font-size);
3360
3354
  --font-family: var(--hop-Heading-md-font-family);
3361
3355
  --font-weight: var(--hop-Heading-md-font-weight);
3362
3356
  --line-height: var(--hop-Heading-md-line-height);
3363
3357
  }
3364
- :where(.Heading-module__hop-Heading--lg___GELZH) {
3358
+ :where(.Heading-module__hop-Heading--lg___7r13U) {
3365
3359
  --font-size: var(--hop-Heading-lg-font-size);
3366
3360
  --font-family: var(--hop-Heading-lg-font-family);
3367
3361
  --font-weight: var(--hop-Heading-lg-font-weight);
3368
3362
  --line-height: var(--hop-Heading-lg-line-height);
3369
3363
  }
3370
- :where(.Heading-module__hop-Heading--xl___ixPVU) {
3364
+ :where(.Heading-module__hop-Heading--xl___TkxTV) {
3371
3365
  --font-size: var(--hop-Heading-xl-font-size);
3372
3366
  --font-family: var(--hop-Heading-xl-font-family);
3373
3367
  --font-weight: var(--hop-Heading-xl-font-weight);
3374
3368
  --line-height: var(--hop-Heading-xl-line-height);
3375
3369
  }
3376
- :where(.Heading-module__hop-Heading--2xl___b7nfx) {
3370
+ :where(.Heading-module__hop-Heading--2xl___JATsN) {
3377
3371
  --font-size: var(--hop-Heading-2xl-font-size);
3378
3372
  --font-family: var(--hop-Heading-2xl-font-family);
3379
3373
  --font-weight: var(--hop-Heading-2xl-font-weight);
3380
3374
  --line-height: var(--hop-Heading-2xl-line-height);
3381
3375
  }
3382
- :where(.Heading-module__hop-Heading--3xl___efLin) {
3376
+ :where(.Heading-module__hop-Heading--3xl___7Xm3l) {
3383
3377
  --font-size: var(--hop-Heading-3xl-font-size);
3384
3378
  --font-family: var(--hop-Heading-3xl-font-family);
3385
3379
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -3387,7 +3381,7 @@
3387
3381
  }
3388
3382
 
3389
3383
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
3390
- .NumberField-module__hop-NumberField___ppFcj {
3384
+ .NumberField-module__hop-NumberField___apdI6 {
3391
3385
  --hop-NumberField-gap: var(--hop-space-stack-xs);
3392
3386
  --hop-NumberField-inline-size: 20rem;
3393
3387
  --hop-NumberField-inline-size-fluid: 100%;
@@ -3435,30 +3429,30 @@
3435
3429
  gap: var(--hop-NumberField-gap);
3436
3430
  inline-size: var(--inline-size);
3437
3431
  }
3438
- .NumberField-module__hop-NumberField--fluid___XW6-Q {
3432
+ .NumberField-module__hop-NumberField--fluid___zqiUX {
3439
3433
  --inline-size: var(--hop-NumberField-inline-size-fluid);
3440
3434
  }
3441
- .NumberField-module__hop-NumberField--mobile___Ft7B3 {
3435
+ .NumberField-module__hop-NumberField--mobile___NKAaR {
3442
3436
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
3443
3437
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
3444
3438
  }
3445
- .NumberField-module__hop-NumberField__Label___jiGt- {
3439
+ .NumberField-module__hop-NumberField__Label___Z2mj5 {
3446
3440
  order: 0;
3447
3441
  }
3448
- .NumberField-module__hop-NumberField__prefix___eQqx3 {
3442
+ .NumberField-module__hop-NumberField__prefix___JnwJ1 {
3449
3443
  grid-area: prefix;
3450
3444
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
3451
3445
  color: var(--hop-NumberField-prefix-color);
3452
3446
  }
3453
- .NumberField-module__hop-NumberField__InputGroup___PltmY {
3447
+ .NumberField-module__hop-NumberField__InputGroup___y0Rb6 {
3454
3448
  grid-template: var(--input-group-template);
3455
3449
  order: 1;
3456
3450
  }
3457
- .NumberField-module__hop-NumberField__ErrorMessage___QeaaM,
3458
- .NumberField-module__hop-NumberField__HelperMessage___rj45x {
3451
+ .NumberField-module__hop-NumberField__ErrorMessage___9p0yi,
3452
+ .NumberField-module__hop-NumberField__HelperMessage___zIKmw {
3459
3453
  order: 3;
3460
3454
  }
3461
- .NumberField-module__hop-NumberField__stepper-button___LS5I7 {
3455
+ .NumberField-module__hop-NumberField__stepper-button___hxdTL {
3462
3456
  cursor: pointer;
3463
3457
  display: flex;
3464
3458
  grid-area: var(--grid-area, unset);
@@ -3479,222 +3473,213 @@
3479
3473
  border-radius: var(--stepper-border-radius, 0);
3480
3474
  outline: none;
3481
3475
  }
3482
- .NumberField-module__hop-NumberField__stepper-button--increment___L4-US {
3476
+ .NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
3483
3477
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
3484
3478
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
3485
3479
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
3486
3480
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
3487
3481
  --grid-area: stepup;
3488
3482
  }
3489
- .NumberField-module__hop-NumberField__stepper-button--decrement___0V9pg {
3483
+ .NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
3490
3484
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
3491
3485
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
3492
3486
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
3493
3487
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
3494
3488
  --grid-area: stepdown;
3495
3489
  }
3496
- .NumberField-module__hop-NumberField__stepper-button--mobile___KcgBz.NumberField-module__hop-NumberField__stepper-button--increment___L4-US {
3490
+ .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
3497
3491
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
3498
3492
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
3499
3493
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
3500
3494
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
3501
3495
  }
3502
- .NumberField-module__hop-NumberField__stepper-button--mobile___KcgBz.NumberField-module__hop-NumberField__stepper-button--decrement___0V9pg {
3496
+ .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
3503
3497
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
3504
3498
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
3505
3499
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
3506
3500
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
3507
3501
  }
3508
- .NumberField-module__hop-NumberField__stepper-button___LS5I7[data-hovered] {
3502
+ .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-hovered] {
3509
3503
  color: var(--hop-NumberField-stepper-color-hovered);
3510
3504
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
3511
3505
  }
3512
- .NumberField-module__hop-NumberField__stepper-button___LS5I7[data-pressed] {
3506
+ .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-pressed] {
3513
3507
  color: var(--hop-NumberField-stepper-color-pressed);
3514
3508
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
3515
3509
  }
3516
- .NumberField-module__hop-NumberField__stepper-button___LS5I7[data-disabled] {
3510
+ .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-disabled] {
3517
3511
  cursor: not-allowed;
3518
3512
  color: var(--hop-NumberField-stepper-color-disabled);
3519
3513
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
3520
3514
  }
3521
- .NumberField-module__hop-NumberField__stepper-button__icon___4aMo- {
3515
+ .NumberField-module__hop-NumberField__stepper-button__icon___ACv7y {
3522
3516
  display: block;
3523
3517
  max-block-size: 100%;
3524
3518
  }
3525
- .NumberField-module__hop-NumberField__input___PXfly {
3519
+ .NumberField-module__hop-NumberField__input___mcmo2 {
3526
3520
  grid-area: input;
3527
3521
  }
3528
3522
 
3529
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
3530
- .TextArea-module__hop-TextArea___qaonI {
3531
- --hop-TextArea-gap: var(--hop-space-stack-xs);
3532
- --hop-TextArea-inline-size: 20rem;
3533
- --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
3534
- --hop-TextArea-char-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
3535
- --hop-TextArea-char-count-color: var(--hop-neutral-text-weak);
3536
- --hop-TextArea-char-count-color-disabled: var(--hop-neutral-text-disabled);
3537
- --hop-TextArea-char-count-color-invalid: var(--hop-danger-text-weak);
3538
- --hop-TextArea-input-min-height: 2rem;
3539
- --inline-size: var(--hop-TextArea-inline-size);
3540
- --resize: none;
3541
- --char-count-color: var(--hop-TextArea-char-count-color);
3523
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3524
+ .PasswordField-module__hop-PasswordField___lIpWY {
3525
+ --hop-PasswordField-gap: var(--hop-space-stack-xs);
3526
+ --hop-PasswordField-inline-size: 20rem;
3527
+ --inline-size: var(--hop-PasswordField-inline-size);
3542
3528
  display: flex;
3543
3529
  flex-direction: column;
3544
- gap: var(--hop-TextArea-gap);
3530
+ gap: var(--hop-PasswordField-gap);
3545
3531
  inline-size: var(--inline-size);
3546
3532
  max-inline-size: 100%;
3547
3533
  }
3548
- .TextArea-module__hop-TextArea--fluid___Cyf8M {
3534
+ .PasswordField-module__hop-PasswordField--fluid___mWiBH {
3549
3535
  --inline-size: 100%;
3550
3536
  }
3551
- .TextArea-module__hop-TextArea___qaonI[data-resize-mode=vertical] {
3552
- --resize: vertical;
3553
- }
3554
- .TextArea-module__hop-TextArea___qaonI[data-over-max-length] {
3555
- --char-count-color: var(--hop-TextArea-char-count-color-invalid);
3556
- }
3557
- .TextArea-module__hop-TextArea___qaonI[data-disabled] {
3558
- --char-count-color: var(--hop-TextArea-char-count-color-disabled);
3559
- }
3560
- .TextArea-module__hop-TextArea__Label___Hrr66 {
3537
+ .PasswordField-module__hop-PasswordField__Label___jhOyi {
3561
3538
  order: 0;
3562
3539
  }
3563
- .TextArea-module__hop-TextArea__prefix___2BdDx {
3564
- color: var(--hop-TextArea-prefix-color);
3565
- }
3566
- .TextArea-module__hop-TextArea__InputGroup___d4oXY {
3540
+ .PasswordField-module__hop-PasswordField__InputGroup___neXGZ {
3567
3541
  order: 1;
3568
3542
  }
3569
- .TextArea-module__hop-TextArea__textarea___3wZu0 {
3570
- resize: var(--resize);
3571
- min-block-size: var(--hop-TextArea-input-min-height);
3543
+ .PasswordField-module__hop-PasswordField__ErrorMessage___tl8k3,
3544
+ .PasswordField-module__hop-PasswordField__HelperMessage___JGtpS {
3545
+ order: 3;
3572
3546
  }
3573
- .TextArea-module__hop-TextArea__char-count___-1sD- {
3574
- padding: var(--hop-TextArea-char-count-padding);
3547
+
3548
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
3549
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY {
3550
+ --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
3551
+ --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
3552
+ --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
3553
+ --char-count-color: var(--hop-RemainingCharacterCount-color);
3575
3554
  color: var(--char-count-color);
3576
3555
  }
3577
- .TextArea-module__hop-TextArea__ErrorMessage___RTzEd,
3578
- .TextArea-module__hop-TextArea__HelperMessage___yeQUs {
3579
- order: 3;
3556
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-invalid] {
3557
+ --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
3558
+ }
3559
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-disabled] {
3560
+ --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
3580
3561
  }
3581
3562
 
3582
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3583
- .TextField-module__hop-TextField___PTMtk {
3584
- --hop-TextField-gap: var(--hop-space-stack-xs);
3585
- --hop-TextField-inline-size: 20rem;
3586
- --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
3587
- --hop-TextField-char-count-color: var(--hop-neutral-text-weak);
3588
- --hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
3589
- --hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
3590
- --inline-size: var(--hop-TextField-inline-size);
3591
- --char-count-color: var(--hop-TextField-char-count-color);
3563
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3564
+ .SearchField-module__hop-SearchField___q-EeQ {
3565
+ --hop-SearchField-gap: var(--hop-space-stack-xs);
3566
+ --hop-SearchField-inline-size: 20rem;
3567
+ --hop-SearchField-color: var(--hop-neutral-text-weak);
3568
+ --hop-SearchField-padding: var(--hop-space-inset-md);
3569
+ --inline-size: var(--hop-SearchField-inline-size);
3570
+ --input-group-padding-inline-end: var(--hop-SearchField-padding);
3571
+ --input-group-padding-inline-start: var(--hop-SearchField-padding);
3572
+ --clear-button-display: flex;
3592
3573
  display: flex;
3593
3574
  flex-direction: column;
3594
- gap: var(--hop-TextField-gap);
3575
+ gap: var(--hop-SearchField-gap);
3595
3576
  inline-size: var(--inline-size);
3596
3577
  max-inline-size: 100%;
3597
3578
  }
3598
- .TextField-module__hop-TextField--fluid___avhOT {
3579
+ .SearchField-module__hop-SearchField--fluid___CPvL1 {
3599
3580
  --inline-size: 100%;
3600
3581
  }
3601
- .TextField-module__hop-TextField___PTMtk[data-over-max-length] {
3602
- --char-count-color: var(--hop-TextField-char-count-color-invalid);
3603
- }
3604
- .TextField-module__hop-TextField___PTMtk[data-disabled] {
3605
- --char-count-color: var(--hop-TextField-char-count-color-disabled);
3606
- }
3607
- .TextField-module__hop-TextField__Label___u2Ks9 {
3582
+ .SearchField-module__hop-SearchField__Label___h8Tgk {
3608
3583
  order: 0;
3609
3584
  }
3610
- .TextField-module__hop-TextField__prefix___Fiyv5 {
3611
- color: var(--hop-TextField-prefix-color);
3612
- }
3613
- .TextField-module__hop-TextField__char-count___5KbZ5 {
3614
- color: var(--char-count-color);
3585
+ .SearchField-module__hop-SearchField__prefix___BJJRt {
3586
+ color: var(--hop-SearchField-color);
3615
3587
  }
3616
- .TextField-module__hop-TextField__InputGroup___JLzkG {
3588
+ .SearchField-module__hop-SearchField__InputGroup___K4N-1 {
3617
3589
  order: 1;
3590
+ padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3591
+ }
3592
+ .SearchField-module__hop-SearchField--clearable___ztMMx {
3593
+ --input-group-padding-inline-end: 0;
3618
3594
  }
3619
- .TextField-module__hop-TextField__ErrorMessage___aJHcq,
3620
- .TextField-module__hop-TextField__HelperMessage___2GFwW {
3595
+ .SearchField-module__hop-SearchField__ErrorMessage___nFg62,
3596
+ .SearchField-module__hop-SearchField__HelperMessage___pkXdH {
3621
3597
  order: 3;
3622
3598
  }
3599
+ .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-cancel-button,
3600
+ .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-decoration {
3601
+ appearance: none;
3602
+ }
3603
+ .SearchField-module__hop-SearchField___q-EeQ[data-empty] {
3604
+ --clear-button-display: none;
3605
+ }
3606
+ .SearchField-module__hop-SearchField__ClearButton___rn5bg {
3607
+ display: var(--clear-button-display);
3608
+ }
3623
3609
 
3624
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3625
- .PasswordField-module__hop-PasswordField___AhAOi {
3626
- --hop-PasswordField-gap: var(--hop-space-stack-xs);
3627
- --hop-PasswordField-inline-size: 20rem;
3628
- --inline-size: var(--hop-PasswordField-inline-size);
3610
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
3611
+ .TextArea-module__hop-TextArea___-HVPa {
3612
+ --hop-TextArea-gap: var(--hop-space-stack-xs);
3613
+ --hop-TextArea-inline-size: 20rem;
3614
+ --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
3615
+ --hop-TextArea-input-min-height: 2rem;
3616
+ --hop-TextArea-remaining-character-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
3617
+ --inline-size: var(--hop-TextArea-inline-size);
3618
+ --resize: none;
3629
3619
  display: flex;
3630
3620
  flex-direction: column;
3631
- gap: var(--hop-PasswordField-gap);
3621
+ gap: var(--hop-TextArea-gap);
3632
3622
  inline-size: var(--inline-size);
3633
3623
  max-inline-size: 100%;
3634
3624
  }
3635
- .PasswordField-module__hop-PasswordField--fluid___8FlTs {
3625
+ .TextArea-module__hop-TextArea--fluid___EVe6A {
3636
3626
  --inline-size: 100%;
3637
3627
  }
3638
- .PasswordField-module__hop-PasswordField__Label___X7SFD {
3628
+ .TextArea-module__hop-TextArea___-HVPa[data-resize-mode=vertical] {
3629
+ --resize: vertical;
3630
+ }
3631
+ .TextArea-module__hop-TextArea__Label___1FkkL {
3639
3632
  order: 0;
3640
3633
  }
3641
- .PasswordField-module__hop-PasswordField__InputGroup___Dh8A7 {
3634
+ .TextArea-module__hop-TextArea__prefix___Ebbu7 {
3635
+ color: var(--hop-TextArea-prefix-color);
3636
+ }
3637
+ .TextArea-module__hop-TextArea__InputGroup___RrdVH {
3642
3638
  order: 1;
3643
3639
  }
3644
- .PasswordField-module__hop-PasswordField__ErrorMessage___lBDed,
3645
- .PasswordField-module__hop-PasswordField__HelperMessage___T4nZO {
3640
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___TfXYa {
3641
+ padding: var(--hop-TextArea-remaining-character-count-padding);
3642
+ }
3643
+ .TextArea-module__hop-TextArea__textarea___vNhDn {
3644
+ resize: var(--resize);
3645
+ min-block-size: var(--hop-TextArea-input-min-height);
3646
+ }
3647
+ .TextArea-module__hop-TextArea__ErrorMessage___Vkzeg,
3648
+ .TextArea-module__hop-TextArea__HelperMessage___-FgEV {
3646
3649
  order: 3;
3647
3650
  }
3648
3651
 
3649
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3650
- .SearchField-module__hop-SearchField___9vSYz {
3651
- --hop-SearchField-gap: var(--hop-space-stack-xs);
3652
- --hop-SearchField-inline-size: 20rem;
3653
- --hop-SearchField-color: var(--hop-neutral-text-weak);
3654
- --hop-SearchField-padding: var(--hop-space-inset-md);
3655
- --inline-size: var(--hop-SearchField-inline-size);
3656
- --input-group-padding-inline-end: var(--hop-SearchField-padding);
3657
- --input-group-padding-inline-start: var(--hop-SearchField-padding);
3658
- --clear-button-display: flex;
3652
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3653
+ .TextField-module__hop-TextField___ayCGD {
3654
+ --hop-TextField-gap: var(--hop-space-stack-xs);
3655
+ --hop-TextField-inline-size: 20rem;
3656
+ --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
3657
+ --inline-size: var(--hop-TextField-inline-size);
3659
3658
  display: flex;
3660
3659
  flex-direction: column;
3661
- gap: var(--hop-SearchField-gap);
3660
+ gap: var(--hop-TextField-gap);
3662
3661
  inline-size: var(--inline-size);
3663
3662
  max-inline-size: 100%;
3664
3663
  }
3665
- .SearchField-module__hop-SearchField--fluid___r42qe {
3664
+ .TextField-module__hop-TextField--fluid___6ZUUt {
3666
3665
  --inline-size: 100%;
3667
3666
  }
3668
- .SearchField-module__hop-SearchField__Label___4kF-D {
3667
+ .TextField-module__hop-TextField__Label___ylFL9 {
3669
3668
  order: 0;
3670
3669
  }
3671
- .SearchField-module__hop-SearchField__prefix___Fz0yf {
3672
- color: var(--hop-SearchField-color);
3670
+ .TextField-module__hop-TextField__prefix___P7wyK {
3671
+ color: var(--hop-TextField-prefix-color);
3673
3672
  }
3674
- .SearchField-module__hop-SearchField__InputGroup___hloXw {
3673
+ .TextField-module__hop-TextField__InputGroup___kaNJe {
3675
3674
  order: 1;
3676
- padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3677
- }
3678
- .SearchField-module__hop-SearchField--clearable___QTkJg {
3679
- --input-group-padding-inline-end: 0;
3680
3675
  }
3681
- .SearchField-module__hop-SearchField__ErrorMessage___MARXt,
3682
- .SearchField-module__hop-SearchField__HelperMessage___XXX32 {
3676
+ .TextField-module__hop-TextField__ErrorMessage___T6KZN,
3677
+ .TextField-module__hop-TextField__HelperMessage___uPCZ2 {
3683
3678
  order: 3;
3684
3679
  }
3685
- .SearchField-module__hop-SearchField___9vSYz input::-webkit-search-cancel-button,
3686
- .SearchField-module__hop-SearchField___9vSYz input::-webkit-search-decoration {
3687
- appearance: none;
3688
- }
3689
- .SearchField-module__hop-SearchField___9vSYz[data-empty] {
3690
- --clear-button-display: none;
3691
- }
3692
- .SearchField-module__hop-SearchField__ClearButton___iCONd {
3693
- display: var(--clear-button-display);
3694
- }
3695
3680
 
3696
3681
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3697
- .Link-module__hop-Link___ZyB-W {
3682
+ .Link-module__hop-Link___wHXJ5 {
3698
3683
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3699
3684
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3700
3685
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -3719,59 +3704,59 @@
3719
3704
  outline: none;
3720
3705
  outline-offset: 0.125rem;
3721
3706
  }
3722
- .Link-module__hop-Link___ZyB-W[data-focus-visible] {
3707
+ .Link-module__hop-Link___wHXJ5[data-focus-visible] {
3723
3708
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
3724
3709
  }
3725
- .Link-module__hop-Link___ZyB-W[data-disabled] {
3710
+ .Link-module__hop-Link___wHXJ5[data-disabled] {
3726
3711
  cursor: default;
3727
3712
  }
3728
- .Link-module__hop-Link--quiet___xw3UQ[data-focus-visible],
3729
- .Link-module__hop-Link--quiet___xw3UQ[data-hovered] {
3713
+ .Link-module__hop-Link--quiet___F7596[data-focus-visible],
3714
+ .Link-module__hop-Link--quiet___F7596[data-hovered] {
3730
3715
  text-decoration: underline;
3731
3716
  }
3732
- .Link-module__hop-Link___ZyB-W:not(.Link-module__hop-Link--quiet___xw3UQ) {
3717
+ .Link-module__hop-Link___wHXJ5:not(.Link-module__hop-Link--quiet___F7596) {
3733
3718
  text-decoration: underline;
3734
3719
  }
3735
- .Link-module__hop-Link--primary___LRFPM {
3720
+ .Link-module__hop-Link--primary___aqAlg {
3736
3721
  color: var(--hop-Link-primary-text-color);
3737
3722
  }
3738
- .Link-module__hop-Link--primary___LRFPM[data-disabled] {
3723
+ .Link-module__hop-Link--primary___aqAlg[data-disabled] {
3739
3724
  color: var(--hop-Link-primary-text-disabled-color);
3740
3725
  }
3741
- .Link-module__hop-Link--primary___LRFPM:not([data-disabled])[data-focus-visible],
3742
- .Link-module__hop-Link--primary___LRFPM:not([data-disabled])[data-hovered] {
3726
+ .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-focus-visible],
3727
+ .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-hovered] {
3743
3728
  color: var(--hop-Link-primary-text-hover-color);
3744
3729
  }
3745
- .Link-module__hop-Link--primary___LRFPM:not([data-disabled])[data-pressed] {
3730
+ .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-pressed] {
3746
3731
  color: var(--hop-Link-primary-text-pressed-color);
3747
3732
  }
3748
- .Link-module__hop-Link--secondary___PS6RE {
3733
+ .Link-module__hop-Link--secondary___-wVgn {
3749
3734
  color: var(--hop-Link-neutral-text-color);
3750
3735
  }
3751
- .Link-module__hop-Link--secondary___PS6RE[data-disabled] {
3736
+ .Link-module__hop-Link--secondary___-wVgn[data-disabled] {
3752
3737
  color: var(--hop-Link-neutral-text-disabled-color);
3753
3738
  }
3754
- .Link-module__hop-Link--secondary___PS6RE:not([data-disabled])[data-focus-visible],
3755
- .Link-module__hop-Link--secondary___PS6RE:not([data-disabled])[data-hovered] {
3739
+ .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-focus-visible],
3740
+ .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-hovered] {
3756
3741
  color: var(--hop-Link-neutral-text-hover-color);
3757
3742
  }
3758
- .Link-module__hop-Link--secondary___PS6RE:not([data-disabled])[data-pressed] {
3743
+ .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-pressed] {
3759
3744
  color: var(--hop-Link-neutral-text-pressed-color);
3760
3745
  }
3761
- .Link-module__hop-Link__icon___tqMgy,
3762
- .Link-module__hop-Link__icon-list___zA3TQ {
3746
+ .Link-module__hop-Link__icon___9twUA,
3747
+ .Link-module__hop-Link__icon-list___su6NW {
3763
3748
  order: 2;
3764
3749
  }
3765
- .Link-module__hop-Link__text___X-M4s {
3750
+ .Link-module__hop-Link__text___hW4PZ {
3766
3751
  order: 1;
3767
3752
  }
3768
- .Link-module__hop-Link__start-icon___Ri7ek,
3769
- .Link-module__hop-Link__start-icon-list___dzQhC {
3753
+ .Link-module__hop-Link__start-icon___Sickn,
3754
+ .Link-module__hop-Link__start-icon-list___mQVck {
3770
3755
  order: 0;
3771
3756
  }
3772
3757
 
3773
3758
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3774
- .Switch-module__hop-Switch___95klc {
3759
+ .Switch-module__hop-Switch___wIPTD {
3775
3760
  --hop-Switch-border-size: 0.0625rem;
3776
3761
  --hop-Switch-border-color: var(--hop-neutral-border);
3777
3762
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3828,56 +3813,56 @@
3828
3813
  inline-size: max-content;
3829
3814
  max-inline-size: 100%;
3830
3815
  }
3831
- .Switch-module__hop-Switch--sm___53oIG {
3816
+ .Switch-module__hop-Switch--sm___IbMER {
3832
3817
  --inline-size: var(--hop-Switch-inline-size-sm);
3833
3818
  --block-size: var(--hop-Switch-block-size-sm);
3834
3819
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3835
3820
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3836
3821
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3837
3822
  }
3838
- .Switch-module__hop-Switch--md___0X86C {
3823
+ .Switch-module__hop-Switch--md___u8wNw {
3839
3824
  --inline-size: var(--hop-Switch-inline-size-md);
3840
3825
  --block-size: var(--hop-Switch-block-size-md);
3841
3826
  --thumb-size: var(--hop-Switch-thumb-size-md);
3842
3827
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3843
3828
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3844
3829
  }
3845
- .Switch-module__hop-Switch___95klc[data-hovered] {
3830
+ .Switch-module__hop-Switch___wIPTD[data-hovered] {
3846
3831
  --border-color: var(--hop-Switch-border-color-hover);
3847
3832
  --background-color: var(--hop-Switch-background-color-hover);
3848
3833
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3849
3834
  --text-color: var(--hop-Switch-text-color-hover);
3850
3835
  }
3851
- .Switch-module__hop-Switch___95klc[data-pressed],
3852
- .Switch-module__hop-Switch___95klc[data-pressed][data-focus-visible] {
3836
+ .Switch-module__hop-Switch___wIPTD[data-pressed],
3837
+ .Switch-module__hop-Switch___wIPTD[data-pressed][data-focus-visible] {
3853
3838
  --border-color: var(--hop-Switch-border-color-pressed);
3854
3839
  --background-color: var(--hop-Switch-background-color-pressed);
3855
3840
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3856
3841
  --text-color: var(--hop-Switch-text-color-pressed);
3857
3842
  }
3858
- .Switch-module__hop-Switch___95klc[data-focus-visible] {
3843
+ .Switch-module__hop-Switch___wIPTD[data-focus-visible] {
3859
3844
  --border-color: var(--hop-Switch-border-color-focus);
3860
3845
  --background-color: var(--hop-Switch-background-color-focus);
3861
3846
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3862
3847
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3863
3848
  --text-color: var(--hop-Switch-text-color-focus);
3864
3849
  }
3865
- .Switch-module__hop-Switch___95klc[data-selected],
3866
- .Switch-module__hop-Switch___95klc[data-selected][data-pressed] {
3850
+ .Switch-module__hop-Switch___wIPTD[data-selected],
3851
+ .Switch-module__hop-Switch___wIPTD[data-selected][data-pressed] {
3867
3852
  --border-color: var(--hop-Switch-border-color-selected);
3868
3853
  --background-color: var(--hop-Switch-background-color-selected);
3869
3854
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3870
3855
  --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%);
3871
3856
  --text-color: var(--hop-Switch-text-color-selected);
3872
3857
  }
3873
- .Switch-module__hop-Switch___95klc[data-disabled] {
3858
+ .Switch-module__hop-Switch___wIPTD[data-disabled] {
3874
3859
  --border-color: var(--hop-Switch-border-color-disabled);
3875
3860
  --background-color: var(--hop-Switch-background-color-disabled);
3876
3861
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3877
3862
  --text-color: var(--hop-Switch-text-color-disabled);
3878
3863
  --cursor: not-allowed;
3879
3864
  }
3880
- .Switch-module__hop-Switch__indicator___FbJeI {
3865
+ .Switch-module__hop-Switch__indicator___y1-JU {
3881
3866
  position: relative;
3882
3867
  flex: 0 0 auto;
3883
3868
  box-sizing: border-box;
@@ -3890,7 +3875,7 @@
3890
3875
  outline-offset: 0.125rem;
3891
3876
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3892
3877
  }
3893
- .Switch-module__hop-Switch__indicator___FbJeI::before {
3878
+ .Switch-module__hop-Switch__indicator___y1-JU::before {
3894
3879
  content: "";
3895
3880
  position: absolute;
3896
3881
  inset-block-start: 50%;
@@ -3905,20 +3890,20 @@
3905
3890
  border-radius: var(--hop-shape-circle);
3906
3891
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3907
3892
  }
3908
- .Switch-module__hop-Switch__text___hZ69H {
3893
+ .Switch-module__hop-Switch__text___tx38o {
3909
3894
  flex: 0 1 auto;
3910
3895
  order: 2;
3911
3896
  min-inline-size: 0;
3912
3897
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3913
3898
  color: var(--text-color);
3914
3899
  }
3915
- .Switch-module__hop-Switch__icon-list___TStOv,
3916
- .Switch-module__hop-Switch__icon___HS0xp {
3900
+ .Switch-module__hop-Switch__icon-list___nq-3a,
3901
+ .Switch-module__hop-Switch__icon___EATtC {
3917
3902
  order: 3;
3918
3903
  }
3919
3904
 
3920
3905
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3921
- .SwitchField-module__hop-SwitchField___ZBWRj {
3906
+ .SwitchField-module__hop-SwitchField___0n7-7 {
3922
3907
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3923
3908
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3924
3909
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3937,28 +3922,28 @@
3937
3922
  inline-size: max-content;
3938
3923
  max-inline-size: 100%;
3939
3924
  }
3940
- .SwitchField-module__hop-SwitchField___ZBWRj[data-disabled] {
3925
+ .SwitchField-module__hop-SwitchField___0n7-7[data-disabled] {
3941
3926
  --description-color: var(--hop-SwitchField-description-color-disabled);
3942
3927
  }
3943
- .SwitchField-module__hop-SwitchField--sm___3YQnj {
3928
+ .SwitchField-module__hop-SwitchField--sm___BwXun {
3944
3929
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3945
3930
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3946
3931
  }
3947
- .SwitchField-module__hop-SwitchField--md___JFKBn {
3932
+ .SwitchField-module__hop-SwitchField--md___rQvZR {
3948
3933
  --row-gap: var(--hop-SwitchField-md-row-gap);
3949
3934
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3950
3935
  }
3951
- .SwitchField-module__hop-SwitchField__description___GLk3C {
3936
+ .SwitchField-module__hop-SwitchField__description___9m0Ll {
3952
3937
  order: 2;
3953
3938
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3954
3939
  color: var(--description-color);
3955
3940
  }
3956
- .SwitchField-module__hop-SwitchField__switch___1job6 {
3941
+ .SwitchField-module__hop-SwitchField__switch___g5U-l {
3957
3942
  order: 1;
3958
3943
  }
3959
3944
 
3960
3945
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3961
- .Tag-module__hop-Tag___wrsI2 {
3946
+ .Tag-module__hop-Tag___NM6io {
3962
3947
  --hop-Tag-border-size: 0.0625rem;
3963
3948
  --hop-Tag-border-radius: var(--hop-shape-pill);
3964
3949
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4197,7 +4182,7 @@
4197
4182
  outline: none;
4198
4183
  outline-offset: 0.125rem;
4199
4184
  }
4200
- .Tag-module__hop-Tag--sm___EMjuF {
4185
+ .Tag-module__hop-Tag--sm___RusnS {
4201
4186
  --block-size: var(--hop-Tag-sm-block-size);
4202
4187
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4203
4188
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4205,13 +4190,13 @@
4205
4190
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4206
4191
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4207
4192
  }
4208
- .Tag-module__hop-Tag--sm___EMjuF:not(:has(.Tag-module__hop-Tag__remove-btn___glszt, .Tag-module__hop-Tag__Spinner___uRNq3)) {
4193
+ .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4209
4194
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4210
4195
  }
4211
- .Tag-module__hop-Tag--sm___EMjuF:not(:has(.Tag-module__hop-Tag__avatar___UuAeT)) {
4196
+ .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4212
4197
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4213
4198
  }
4214
- .Tag-module__hop-Tag--md___HsCiJ {
4199
+ .Tag-module__hop-Tag--md___kkBZU {
4215
4200
  --block-size: var(--hop-Tag-md-block-size);
4216
4201
  --padding-inline: var(--hop-Tag-md-padding-inline);
4217
4202
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4219,13 +4204,13 @@
4219
4204
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4220
4205
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4221
4206
  }
4222
- .Tag-module__hop-Tag--md___HsCiJ:not(:has(.Tag-module__hop-Tag__remove-btn___glszt, .Tag-module__hop-Tag__Spinner___uRNq3)) {
4207
+ .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4223
4208
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4224
4209
  }
4225
- .Tag-module__hop-Tag--md___HsCiJ:not(:has(.Tag-module__hop-Tag__avatar___UuAeT)) {
4210
+ .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4226
4211
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4227
4212
  }
4228
- .Tag-module__hop-Tag--lg___Vxt4s {
4213
+ .Tag-module__hop-Tag--lg___6uwPK {
4229
4214
  --block-size: var(--hop-Tag-lg-block-size);
4230
4215
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4231
4216
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4233,348 +4218,348 @@
4233
4218
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4234
4219
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4235
4220
  }
4236
- .Tag-module__hop-Tag--lg___Vxt4s:not(:has(.Tag-module__hop-Tag__remove-btn___glszt, .Tag-module__hop-Tag__Spinner___uRNq3)) {
4221
+ .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4237
4222
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4238
4223
  }
4239
- .Tag-module__hop-Tag--lg___Vxt4s:not(:has(.Tag-module__hop-Tag__avatar___UuAeT)) {
4224
+ .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4240
4225
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4241
4226
  }
4242
- .Tag-module__hop-Tag--neutral___J3qNi {
4227
+ .Tag-module__hop-Tag--neutral___USBuA {
4243
4228
  --border-color: var(--hop-Tag-neutral-border-color);
4244
4229
  --background-color: var(--hop-Tag-neutral-background-color);
4245
4230
  --text-color: var(--hop-Tag-neutral-text-color);
4246
4231
  }
4247
- .Tag-module__hop-Tag--subdued___apt4G {
4232
+ .Tag-module__hop-Tag--subdued___xQkUX {
4248
4233
  --border-color: var(--hop-Tag-subdued-border-color);
4249
4234
  --background-color: var(--hop-Tag-subdued-background-color);
4250
4235
  --text-color: var(--hop-Tag-subdued-text-color);
4251
4236
  }
4252
- .Tag-module__hop-Tag--progress___5cBAK {
4237
+ .Tag-module__hop-Tag--progress___zPefF {
4253
4238
  --border-color: var(--hop-Tag-progress-border-color);
4254
4239
  --background-color: var(--hop-Tag-progress-background-color);
4255
4240
  --text-color: var(--hop-Tag-progress-text-color);
4256
4241
  }
4257
- .Tag-module__hop-Tag--positive___gutPg {
4242
+ .Tag-module__hop-Tag--positive___-0pjQ {
4258
4243
  --border-color: var(--hop-Tag-positive-border-color);
4259
4244
  --background-color: var(--hop-Tag-positive-background-color);
4260
4245
  --text-color: var(--hop-Tag-positive-text-color);
4261
4246
  }
4262
- .Tag-module__hop-Tag--caution___6VCAy {
4247
+ .Tag-module__hop-Tag--caution___t7-CS {
4263
4248
  --border-color: var(--hop-Tag-caution-border-color);
4264
4249
  --background-color: var(--hop-Tag-caution-background-color);
4265
4250
  --text-color: var(--hop-Tag-caution-text-color);
4266
4251
  }
4267
- .Tag-module__hop-Tag--negative___c-4ot {
4252
+ .Tag-module__hop-Tag--negative___B5fjH {
4268
4253
  --border-color: var(--hop-Tag-negative-border-color);
4269
4254
  --background-color: var(--hop-Tag-negative-background-color);
4270
4255
  --text-color: var(--hop-Tag-negative-text-color);
4271
4256
  }
4272
- .Tag-module__hop-Tag--option1___fl99g {
4257
+ .Tag-module__hop-Tag--option1___AYNLX {
4273
4258
  --border-color: var(--hop-Tag-option1-border-color);
4274
4259
  --background-color: var(--hop-Tag-option1-background-color);
4275
4260
  --text-color: var(--hop-Tag-option1-text-color);
4276
4261
  }
4277
- .Tag-module__hop-Tag--option2___pv4-t {
4262
+ .Tag-module__hop-Tag--option2___Sajtj {
4278
4263
  --border-color: var(--hop-Tag-option2-border-color);
4279
4264
  --background-color: var(--hop-Tag-option2-background-color);
4280
4265
  --text-color: var(--hop-Tag-option2-text-color);
4281
4266
  }
4282
- .Tag-module__hop-Tag--option3___ST2tu {
4267
+ .Tag-module__hop-Tag--option3___Eivl4 {
4283
4268
  --border-color: var(--hop-Tag-option3-border-color);
4284
4269
  --background-color: var(--hop-Tag-option3-background-color);
4285
4270
  --text-color: var(--hop-Tag-option3-text-color);
4286
4271
  }
4287
- .Tag-module__hop-Tag--option4___92Otc {
4272
+ .Tag-module__hop-Tag--option4___24aL5 {
4288
4273
  --border-color: var(--hop-Tag-option4-border-color);
4289
4274
  --background-color: var(--hop-Tag-option4-background-color);
4290
4275
  --text-color: var(--hop-Tag-option4-text-color);
4291
4276
  }
4292
- .Tag-module__hop-Tag--option5___o-9Gw {
4277
+ .Tag-module__hop-Tag--option5___MUm8- {
4293
4278
  --border-color: var(--hop-Tag-option5-border-color);
4294
4279
  --background-color: var(--hop-Tag-option5-background-color);
4295
4280
  --text-color: var(--hop-Tag-option5-text-color);
4296
4281
  }
4297
- .Tag-module__hop-Tag--option6___mjNo5 {
4282
+ .Tag-module__hop-Tag--option6___-sBKA {
4298
4283
  --border-color: var(--hop-Tag-option6-border-color);
4299
4284
  --background-color: var(--hop-Tag-option6-background-color);
4300
4285
  --text-color: var(--hop-Tag-option6-text-color);
4301
4286
  }
4302
- .Tag-module__hop-Tag___wrsI2[data-href] {
4287
+ .Tag-module__hop-Tag___NM6io[data-href] {
4303
4288
  cursor: pointer;
4304
4289
  }
4305
- .Tag-module__hop-Tag--neutral___J3qNi[data-focus-visible] {
4290
+ .Tag-module__hop-Tag--neutral___USBuA[data-focus-visible] {
4306
4291
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4307
4292
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4308
4293
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4309
4294
  }
4310
- .Tag-module__hop-Tag--neutral___J3qNi[data-hovered] {
4295
+ .Tag-module__hop-Tag--neutral___USBuA[data-hovered] {
4311
4296
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4312
4297
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4313
4298
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4314
4299
  }
4315
- .Tag-module__hop-Tag--neutral___J3qNi[data-pressed] {
4300
+ .Tag-module__hop-Tag--neutral___USBuA[data-pressed] {
4316
4301
  --border-color: var(--hop-Tag-neutral-border-color-press);
4317
4302
  --background-color: var(--hop-Tag-neutral-background-color-press);
4318
4303
  --text-color: var(--hop-Tag-neutral-text-color-press);
4319
4304
  }
4320
- .Tag-module__hop-Tag--neutral___J3qNi[data-disabled] {
4305
+ .Tag-module__hop-Tag--neutral___USBuA[data-disabled] {
4321
4306
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4322
4307
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4323
4308
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4324
4309
  }
4325
- .Tag-module__hop-Tag--subdued___apt4G[data-focus-visible] {
4310
+ .Tag-module__hop-Tag--subdued___xQkUX[data-focus-visible] {
4326
4311
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4327
4312
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4328
4313
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4329
4314
  }
4330
- .Tag-module__hop-Tag--subdued___apt4G[data-hovered] {
4315
+ .Tag-module__hop-Tag--subdued___xQkUX[data-hovered] {
4331
4316
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4332
4317
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4333
4318
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4334
4319
  }
4335
- .Tag-module__hop-Tag--subdued___apt4G[data-pressed] {
4320
+ .Tag-module__hop-Tag--subdued___xQkUX[data-pressed] {
4336
4321
  --border-color: var(--hop-Tag-subdued-border-color-press);
4337
4322
  --background-color: var(--hop-Tag-subdued-background-color-press);
4338
4323
  --text-color: var(--hop-Tag-subdued-text-color-press);
4339
4324
  }
4340
- .Tag-module__hop-Tag--subdued___apt4G[data-disabled] {
4325
+ .Tag-module__hop-Tag--subdued___xQkUX[data-disabled] {
4341
4326
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4342
4327
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4343
4328
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4344
4329
  }
4345
- .Tag-module__hop-Tag--progress___5cBAK[data-focus-visible] {
4330
+ .Tag-module__hop-Tag--progress___zPefF[data-focus-visible] {
4346
4331
  --border-color: var(--hop-Tag-progress-border-color-focus);
4347
4332
  --background-color: var(--hop-Tag-progress-background-color-focus);
4348
4333
  --text-color: var(--hop-Tag-progress-text-color-focus);
4349
4334
  }
4350
- .Tag-module__hop-Tag--progress___5cBAK[data-hovered] {
4335
+ .Tag-module__hop-Tag--progress___zPefF[data-hovered] {
4351
4336
  --border-color: var(--hop-Tag-progress-border-color-hover);
4352
4337
  --background-color: var(--hop-Tag-progress-background-color-hover);
4353
4338
  --text-color: var(--hop-Tag-progress-text-color-hover);
4354
4339
  }
4355
- .Tag-module__hop-Tag--progress___5cBAK[data-pressed] {
4340
+ .Tag-module__hop-Tag--progress___zPefF[data-pressed] {
4356
4341
  --border-color: var(--hop-Tag-progress-border-color-press);
4357
4342
  --background-color: var(--hop-Tag-progress-background-color-press);
4358
4343
  --text-color: var(--hop-Tag-progress-text-color-press);
4359
4344
  }
4360
- .Tag-module__hop-Tag--progress___5cBAK[data-disabled] {
4345
+ .Tag-module__hop-Tag--progress___zPefF[data-disabled] {
4361
4346
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4362
4347
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4363
4348
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4364
4349
  }
4365
- .Tag-module__hop-Tag--positive___gutPg[data-focus-visible] {
4350
+ .Tag-module__hop-Tag--positive___-0pjQ[data-focus-visible] {
4366
4351
  --border-color: var(--hop-Tag-positive-border-color-focus);
4367
4352
  --background-color: var(--hop-Tag-positive-background-color-focus);
4368
4353
  --text-color: var(--hop-Tag-positive-text-color-focus);
4369
4354
  }
4370
- .Tag-module__hop-Tag--positive___gutPg[data-hovered] {
4355
+ .Tag-module__hop-Tag--positive___-0pjQ[data-hovered] {
4371
4356
  --border-color: var(--hop-Tag-positive-border-color-hover);
4372
4357
  --background-color: var(--hop-Tag-positive-background-color-hover);
4373
4358
  --text-color: var(--hop-Tag-positive-text-color-hover);
4374
4359
  }
4375
- .Tag-module__hop-Tag--positive___gutPg[data-pressed] {
4360
+ .Tag-module__hop-Tag--positive___-0pjQ[data-pressed] {
4376
4361
  --border-color: var(--hop-Tag-positive-border-color-press);
4377
4362
  --background-color: var(--hop-Tag-positive-background-color-press);
4378
4363
  --text-color: var(--hop-Tag-positive-text-color-press);
4379
4364
  }
4380
- .Tag-module__hop-Tag--positive___gutPg[data-disabled] {
4365
+ .Tag-module__hop-Tag--positive___-0pjQ[data-disabled] {
4381
4366
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4382
4367
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4383
4368
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4384
4369
  }
4385
- .Tag-module__hop-Tag--caution___6VCAy[data-focus-visible] {
4370
+ .Tag-module__hop-Tag--caution___t7-CS[data-focus-visible] {
4386
4371
  --border-color: var(--hop-Tag-caution-border-color-focus);
4387
4372
  --background-color: var(--hop-Tag-caution-background-color-focus);
4388
4373
  --text-color: var(--hop-Tag-caution-text-color-focus);
4389
4374
  }
4390
- .Tag-module__hop-Tag--caution___6VCAy[data-hovered] {
4375
+ .Tag-module__hop-Tag--caution___t7-CS[data-hovered] {
4391
4376
  --border-color: var(--hop-Tag-caution-border-color-hover);
4392
4377
  --background-color: var(--hop-Tag-caution-background-color-hover);
4393
4378
  --text-color: var(--hop-Tag-caution-text-color-hover);
4394
4379
  }
4395
- .Tag-module__hop-Tag--caution___6VCAy[data-pressed] {
4380
+ .Tag-module__hop-Tag--caution___t7-CS[data-pressed] {
4396
4381
  --border-color: var(--hop-Tag-caution-border-color-press);
4397
4382
  --background-color: var(--hop-Tag-caution-background-color-press);
4398
4383
  --text-color: var(--hop-Tag-caution-text-color-press);
4399
4384
  }
4400
- .Tag-module__hop-Tag--caution___6VCAy[data-disabled] {
4385
+ .Tag-module__hop-Tag--caution___t7-CS[data-disabled] {
4401
4386
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4402
4387
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4403
4388
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4404
4389
  }
4405
- .Tag-module__hop-Tag--negative___c-4ot[data-focus-visible] {
4390
+ .Tag-module__hop-Tag--negative___B5fjH[data-focus-visible] {
4406
4391
  --border-color: var(--hop-Tag-negative-border-color-focus);
4407
4392
  --background-color: var(--hop-Tag-negative-background-color-focus);
4408
4393
  --text-color: var(--hop-Tag-negative-text-color-focus);
4409
4394
  }
4410
- .Tag-module__hop-Tag--negative___c-4ot[data-hovered] {
4395
+ .Tag-module__hop-Tag--negative___B5fjH[data-hovered] {
4411
4396
  --border-color: var(--hop-Tag-negative-border-color-hover);
4412
4397
  --background-color: var(--hop-Tag-negative-background-color-hover);
4413
4398
  --text-color: var(--hop-Tag-negative-text-color-hover);
4414
4399
  }
4415
- .Tag-module__hop-Tag--negative___c-4ot[data-pressed] {
4400
+ .Tag-module__hop-Tag--negative___B5fjH[data-pressed] {
4416
4401
  --border-color: var(--hop-Tag-negative-border-color-press);
4417
4402
  --background-color: var(--hop-Tag-negative-background-color-press);
4418
4403
  --text-color: var(--hop-Tag-negative-text-color-press);
4419
4404
  }
4420
- .Tag-module__hop-Tag--negative___c-4ot[data-disabled] {
4405
+ .Tag-module__hop-Tag--negative___B5fjH[data-disabled] {
4421
4406
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4422
4407
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4423
4408
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4424
4409
  }
4425
- .Tag-module__hop-Tag--option1___fl99g[data-focus-visible] {
4410
+ .Tag-module__hop-Tag--option1___AYNLX[data-focus-visible] {
4426
4411
  --border-color: var(--hop-Tag-option1-border-color-focus);
4427
4412
  --background-color: var(--hop-Tag-option1-background-color-focus);
4428
4413
  --text-color: var(--hop-Tag-option1-text-color-focus);
4429
4414
  }
4430
- .Tag-module__hop-Tag--option1___fl99g[data-hovered] {
4415
+ .Tag-module__hop-Tag--option1___AYNLX[data-hovered] {
4431
4416
  --border-color: var(--hop-Tag-option1-border-color-hover);
4432
4417
  --background-color: var(--hop-Tag-option1-background-color-hover);
4433
4418
  --text-color: var(--hop-Tag-option1-text-color-hover);
4434
4419
  }
4435
- .Tag-module__hop-Tag--option1___fl99g[data-pressed] {
4420
+ .Tag-module__hop-Tag--option1___AYNLX[data-pressed] {
4436
4421
  --border-color: var(--hop-Tag-option1-border-color-press);
4437
4422
  --background-color: var(--hop-Tag-option1-background-color-press);
4438
4423
  --text-color: var(--hop-Tag-option1-text-color-press);
4439
4424
  }
4440
- .Tag-module__hop-Tag--option1___fl99g[data-disabled] {
4425
+ .Tag-module__hop-Tag--option1___AYNLX[data-disabled] {
4441
4426
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4442
4427
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4443
4428
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4444
4429
  }
4445
- .Tag-module__hop-Tag--option2___pv4-t[data-focus-visible] {
4430
+ .Tag-module__hop-Tag--option2___Sajtj[data-focus-visible] {
4446
4431
  --border-color: var(--hop-Tag-option2-border-color-focus);
4447
4432
  --background-color: var(--hop-Tag-option2-background-color-focus);
4448
4433
  --text-color: var(--hop-Tag-option2-text-color-focus);
4449
4434
  }
4450
- .Tag-module__hop-Tag--option2___pv4-t[data-hovered] {
4435
+ .Tag-module__hop-Tag--option2___Sajtj[data-hovered] {
4451
4436
  --border-color: var(--hop-Tag-option2-border-color-hover);
4452
4437
  --background-color: var(--hop-Tag-option2-background-color-hover);
4453
4438
  --text-color: var(--hop-Tag-option2-text-color-hover);
4454
4439
  }
4455
- .Tag-module__hop-Tag--option2___pv4-t[data-pressed] {
4440
+ .Tag-module__hop-Tag--option2___Sajtj[data-pressed] {
4456
4441
  --border-color: var(--hop-Tag-option2-border-color-press);
4457
4442
  --background-color: var(--hop-Tag-option2-background-color-press);
4458
4443
  --text-color: var(--hop-Tag-option2-text-color-press);
4459
4444
  }
4460
- .Tag-module__hop-Tag--option2___pv4-t[data-disabled] {
4445
+ .Tag-module__hop-Tag--option2___Sajtj[data-disabled] {
4461
4446
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4462
4447
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4463
4448
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4464
4449
  }
4465
- .Tag-module__hop-Tag--option3___ST2tu[data-focus-visible] {
4450
+ .Tag-module__hop-Tag--option3___Eivl4[data-focus-visible] {
4466
4451
  --border-color: var(--hop-Tag-option3-border-color-focus);
4467
4452
  --background-color: var(--hop-Tag-option3-background-color-focus);
4468
4453
  --text-color: var(--hop-Tag-option3-text-color-focus);
4469
4454
  }
4470
- .Tag-module__hop-Tag--option3___ST2tu[data-hovered] {
4455
+ .Tag-module__hop-Tag--option3___Eivl4[data-hovered] {
4471
4456
  --border-color: var(--hop-Tag-option3-border-color-hover);
4472
4457
  --background-color: var(--hop-Tag-option3-background-color-hover);
4473
4458
  --text-color: var(--hop-Tag-option3-text-color-hover);
4474
4459
  }
4475
- .Tag-module__hop-Tag--option3___ST2tu[data-pressed] {
4460
+ .Tag-module__hop-Tag--option3___Eivl4[data-pressed] {
4476
4461
  --border-color: var(--hop-Tag-option3-border-color-press);
4477
4462
  --background-color: var(--hop-Tag-option3-background-color-press);
4478
4463
  --text-color: var(--hop-Tag-option3-text-color-press);
4479
4464
  }
4480
- .Tag-module__hop-Tag--option3___ST2tu[data-disabled] {
4465
+ .Tag-module__hop-Tag--option3___Eivl4[data-disabled] {
4481
4466
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4482
4467
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4483
4468
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4484
4469
  }
4485
- .Tag-module__hop-Tag--option4___92Otc[data-focus-visible] {
4470
+ .Tag-module__hop-Tag--option4___24aL5[data-focus-visible] {
4486
4471
  --border-color: var(--hop-Tag-option4-border-color-focus);
4487
4472
  --background-color: var(--hop-Tag-option4-background-color-focus);
4488
4473
  --text-color: var(--hop-Tag-option4-text-color-focus);
4489
4474
  }
4490
- .Tag-module__hop-Tag--option4___92Otc[data-hovered] {
4475
+ .Tag-module__hop-Tag--option4___24aL5[data-hovered] {
4491
4476
  --border-color: var(--hop-Tag-option4-border-color-hover);
4492
4477
  --background-color: var(--hop-Tag-option4-background-color-hover);
4493
4478
  --text-color: var(--hop-Tag-option4-text-color-hover);
4494
4479
  }
4495
- .Tag-module__hop-Tag--option4___92Otc[data-pressed] {
4480
+ .Tag-module__hop-Tag--option4___24aL5[data-pressed] {
4496
4481
  --border-color: var(--hop-Tag-option4-border-color-press);
4497
4482
  --background-color: var(--hop-Tag-option4-background-color-press);
4498
4483
  --text-color: var(--hop-Tag-option4-text-color-press);
4499
4484
  }
4500
- .Tag-module__hop-Tag--option4___92Otc[data-disabled] {
4485
+ .Tag-module__hop-Tag--option4___24aL5[data-disabled] {
4501
4486
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4502
4487
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4503
4488
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4504
4489
  }
4505
- .Tag-module__hop-Tag--option5___o-9Gw[data-focus-visible] {
4490
+ .Tag-module__hop-Tag--option5___MUm8-[data-focus-visible] {
4506
4491
  --border-color: var(--hop-Tag-option5-border-color-focus);
4507
4492
  --background-color: var(--hop-Tag-option5-background-color-focus);
4508
4493
  --text-color: var(--hop-Tag-option5-text-color-focus);
4509
4494
  }
4510
- .Tag-module__hop-Tag--option5___o-9Gw[data-hovered] {
4495
+ .Tag-module__hop-Tag--option5___MUm8-[data-hovered] {
4511
4496
  --border-color: var(--hop-Tag-option5-border-color-hover);
4512
4497
  --background-color: var(--hop-Tag-option5-background-color-hover);
4513
4498
  --text-color: var(--hop-Tag-option5-text-color-hover);
4514
4499
  }
4515
- .Tag-module__hop-Tag--option5___o-9Gw[data-pressed] {
4500
+ .Tag-module__hop-Tag--option5___MUm8-[data-pressed] {
4516
4501
  --border-color: var(--hop-Tag-option5-border-color-press);
4517
4502
  --background-color: var(--hop-Tag-option5-background-color-press);
4518
4503
  --text-color: var(--hop-Tag-option5-text-color-press);
4519
4504
  }
4520
- .Tag-module__hop-Tag--option5___o-9Gw[data-disabled] {
4505
+ .Tag-module__hop-Tag--option5___MUm8-[data-disabled] {
4521
4506
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4522
4507
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4523
4508
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4524
4509
  }
4525
- .Tag-module__hop-Tag--option6___mjNo5[data-focus-visible] {
4510
+ .Tag-module__hop-Tag--option6___-sBKA[data-focus-visible] {
4526
4511
  --border-color: var(--hop-Tag-option6-border-color-focus);
4527
4512
  --background-color: var(--hop-Tag-option6-background-color-focus);
4528
4513
  --text-color: var(--hop-Tag-option6-text-color-focus);
4529
4514
  }
4530
- .Tag-module__hop-Tag--option6___mjNo5[data-hovered] {
4515
+ .Tag-module__hop-Tag--option6___-sBKA[data-hovered] {
4531
4516
  --border-color: var(--hop-Tag-option6-border-color-hover);
4532
4517
  --background-color: var(--hop-Tag-option6-background-color-hover);
4533
4518
  --text-color: var(--hop-Tag-option6-text-color-hover);
4534
4519
  }
4535
- .Tag-module__hop-Tag--option6___mjNo5[data-pressed] {
4520
+ .Tag-module__hop-Tag--option6___-sBKA[data-pressed] {
4536
4521
  --border-color: var(--hop-Tag-option6-border-color-press);
4537
4522
  --background-color: var(--hop-Tag-option6-background-color-press);
4538
4523
  --text-color: var(--hop-Tag-option6-text-color-press);
4539
4524
  }
4540
- .Tag-module__hop-Tag--option6___mjNo5[data-disabled] {
4525
+ .Tag-module__hop-Tag--option6___-sBKA[data-disabled] {
4541
4526
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4542
4527
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4543
4528
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4544
4529
  }
4545
- .Tag-module__hop-Tag___wrsI2[data-focus-visible] {
4530
+ .Tag-module__hop-Tag___NM6io[data-focus-visible] {
4546
4531
  outline: 0.125rem solid var(--focus-ring-color);
4547
4532
  }
4548
- .Tag-module__hop-Tag___wrsI2[data-hovered] {
4533
+ .Tag-module__hop-Tag___NM6io[data-hovered] {
4549
4534
  cursor: pointer;
4550
4535
  }
4551
- .Tag-module__hop-Tag___wrsI2[data-selected] {
4536
+ .Tag-module__hop-Tag___NM6io[data-selected] {
4552
4537
  --background-color: var(--hop-Tag-background-color-selected);
4553
4538
  --border-color: var(--hop-Tag-border-color-selected);
4554
4539
  --text-color: var(--hop-Tag-text-color-selected);
4555
4540
  }
4556
- .Tag-module__hop-Tag___wrsI2[data-pressed] {
4541
+ .Tag-module__hop-Tag___NM6io[data-pressed] {
4557
4542
  cursor: pointer;
4558
4543
  }
4559
- .Tag-module__hop-Tag___wrsI2[data-invalid] {
4544
+ .Tag-module__hop-Tag___NM6io[data-invalid] {
4560
4545
  --border-color: var(--hop-Tag-border-color-invalid);
4561
4546
  }
4562
- .Tag-module__hop-Tag___wrsI2[data-disabled] {
4547
+ .Tag-module__hop-Tag___NM6io[data-disabled] {
4563
4548
  cursor: not-allowed;
4564
4549
  }
4565
- .Tag-module__hop-Tag__avatar___UuAeT {
4550
+ .Tag-module__hop-Tag__avatar___Sb-9t {
4566
4551
  flex: 0 0 auto;
4567
4552
  order: 1;
4568
4553
  margin-inline-start: var(--avatar-margin-inline-start);
4569
4554
  }
4570
- .Tag-module__hop-Tag__icon___DKazH,
4571
- .Tag-module__hop-Tag__icon-list___O8SgH {
4555
+ .Tag-module__hop-Tag__icon___Kk1ms,
4556
+ .Tag-module__hop-Tag__icon-list___sGKeO {
4572
4557
  flex: 0 0 auto;
4573
4558
  flex-wrap: nowrap;
4574
4559
  order: 2;
4575
4560
  margin-inline-start: var(--icon-margin-inline-start, 0);
4576
4561
  }
4577
- .Tag-module__hop-Tag__text___OPnEh {
4562
+ .Tag-module__hop-Tag__text___QMrwz {
4578
4563
  overflow: hidden;
4579
4564
  flex: 1 1 auto;
4580
4565
  order: 3;
@@ -4582,33 +4567,33 @@
4582
4567
  text-align: center;
4583
4568
  text-overflow: ellipsis;
4584
4569
  }
4585
- .Tag-module__hop-Tag__badge___dseHK {
4570
+ .Tag-module__hop-Tag__badge___3Bb7n {
4586
4571
  flex: 0 0 auto;
4587
4572
  order: 4;
4588
4573
  margin-inline-end: var(--badge-margin-inline-end);
4589
4574
  }
4590
- .Tag-module__hop-Tag___wrsI2 .Tag-module__hop-Tag__badge___dseHK[data-variant=subdued] {
4575
+ .Tag-module__hop-Tag___NM6io .Tag-module__hop-Tag__badge___3Bb7n[data-variant=subdued] {
4591
4576
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4592
4577
  color: inherit;
4593
4578
  background: none;
4594
4579
  }
4595
- .Tag-module__hop-Tag--sm___EMjuF .Tag-module__hop-Tag__badge___dseHK {
4580
+ .Tag-module__hop-Tag--sm___RusnS .Tag-module__hop-Tag__badge___3Bb7n {
4596
4581
  block-size: 100%;
4597
4582
  }
4598
- .Tag-module__hop-Tag__remove-btn___glszt,
4599
- .Tag-module__hop-Tag__Spinner___uRNq3 {
4583
+ .Tag-module__hop-Tag__remove-btn___W-ZWY,
4584
+ .Tag-module__hop-Tag__Spinner___iMDOt {
4600
4585
  flex: 0 0 auto;
4601
4586
  order: 5;
4602
4587
  }
4603
- .Tag-module__hop-Tag__Spinner___uRNq3 {
4588
+ .Tag-module__hop-Tag__Spinner___iMDOt {
4604
4589
  margin-inline-end: var(--spinner-margin-inline-end);
4605
4590
  }
4606
- .Tag-module__hop-Tag__remove-btn___glszt {
4591
+ .Tag-module__hop-Tag__remove-btn___W-ZWY {
4607
4592
  margin-inline: var(--clear-btn-margin-inline);
4608
4593
  }
4609
4594
 
4610
4595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4611
- .TagGroup-module__hop-TagGroup___41aHV {
4596
+ .TagGroup-module__hop-TagGroup___tcuEw {
4612
4597
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4613
4598
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4614
4599
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4628,10 +4613,10 @@
4628
4613
  inline-size: max-content;
4629
4614
  max-inline-size: 100%;
4630
4615
  }
4631
- .TagGroup-module__hop-TagGroup___41aHV > .TagGroup-module__hop-TagGroup__label___wHna0 {
4616
+ .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__label___MIfwe {
4632
4617
  order: 1;
4633
4618
  }
4634
- .TagGroup-module__hop-TagGroup__list___CGwly {
4619
+ .TagGroup-module__hop-TagGroup__list___BBlDb {
4635
4620
  display: flex;
4636
4621
  flex-wrap: wrap;
4637
4622
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4640,12 +4625,12 @@
4640
4625
  border-radius: var(--list-border-radius);
4641
4626
  outline: none;
4642
4627
  }
4643
- .TagGroup-module__hop-TagGroup__list___CGwly[data-focus-visible] {
4628
+ .TagGroup-module__hop-TagGroup__list___BBlDb[data-focus-visible] {
4644
4629
  outline: 0.125rem solid var(--list-focus-ring-color);
4645
4630
  outline-offset: 0.125rem;
4646
4631
  }
4647
- .TagGroup-module__hop-TagGroup___41aHV > .TagGroup-module__hop-TagGroup__error-message___Lhj6I,
4648
- .TagGroup-module__hop-TagGroup___41aHV > .TagGroup-module__hop-TagGroup__helper-message___5mwOJ {
4632
+ .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__error-message___JUQXc,
4633
+ .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__helper-message___Oka5s {
4649
4634
  order: 3;
4650
4635
  }
4651
4636
 
@@ -4675,14 +4660,14 @@
4675
4660
  /* src/index.css */
4676
4661
 
4677
4662
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4678
- :where(.Popover-module__hop-Popover___pOS32 *) {
4663
+ :where(.Popover-module__hop-Popover___gIFrM *) {
4679
4664
  font-family: var(--font-family);
4680
4665
  font-size: var(--font-size);
4681
4666
  font-weight: var(--font-weight);
4682
4667
  line-height: var(--line-height);
4683
4668
  outline: none;
4684
4669
  }
4685
- .Popover-module__hop-Popover___pOS32 {
4670
+ .Popover-module__hop-Popover___gIFrM {
4686
4671
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4687
4672
  --hop-Popover-inline-width: 25rem;
4688
4673
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4694,19 +4679,19 @@
4694
4679
  inline-size: var(--width);
4695
4680
  max-inline-size: var(--max-width);
4696
4681
  }
4697
- .Popover-module__hop-Popover___pOS32[data-trigger=Select] {
4682
+ .Popover-module__hop-Popover___gIFrM[data-trigger=Select] {
4698
4683
  --width: var(--hop-Popover-dropdown-inline-width);
4699
4684
  }
4700
- .Popover-module__hop-Popover___pOS32[data-auto-width] {
4685
+ .Popover-module__hop-Popover___gIFrM[data-auto-width] {
4701
4686
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4702
4687
  }
4703
- .Popover-module__hop-Popover___pOS32[data-entering] {
4704
- animation: Popover-module__fade___0AhRl 0.25s;
4688
+ .Popover-module__hop-Popover___gIFrM[data-entering] {
4689
+ animation: Popover-module__fade___ph4u3 0.25s;
4705
4690
  }
4706
- .Popover-module__hop-Popover___pOS32[data-exiting] {
4707
- animation: Popover-module__fade___0AhRl 0.25s reverse;
4691
+ .Popover-module__hop-Popover___gIFrM[data-exiting] {
4692
+ animation: Popover-module__fade___ph4u3 0.25s reverse;
4708
4693
  }
4709
- @keyframes Popover-module__fade___0AhRl {
4694
+ @keyframes Popover-module__fade___ph4u3 {
4710
4695
  from {
4711
4696
  opacity: 0;
4712
4697
  }
@@ -4714,14 +4699,14 @@
4714
4699
  opacity: 1;
4715
4700
  }
4716
4701
  }
4717
- .Popover-module__hop-Popover__wrapper___Gpx6- {
4702
+ .Popover-module__hop-Popover__wrapper___HAIbd {
4718
4703
  display: flex;
4719
4704
  flex: 1 1 auto;
4720
4705
  flex-direction: column;
4721
4706
  min-block-size: 0;
4722
4707
  }
4723
- .Popover-module__hop-Popover__dialog___KwJ4t,
4724
- .Popover-module__hop-Popover__dropdown___Ydsf8 {
4708
+ .Popover-module__hop-Popover__dialog___UFZee,
4709
+ .Popover-module__hop-Popover__dropdown___H-yZY {
4725
4710
  --hop-Popover-background: var(--hop-neutral-surface);
4726
4711
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4727
4712
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4767,20 +4752,20 @@
4767
4752
  border-radius: var(--hop-Popover-border-radius);
4768
4753
  box-shadow: var(--hop-Popover-box-shadow);
4769
4754
  }
4770
- .Popover-module__hop-Popover__dropdown___Ydsf8 {
4755
+ .Popover-module__hop-Popover__dropdown___H-yZY {
4771
4756
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4772
4757
  --footer-place-self: stretch;
4773
4758
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4774
4759
  --padding: var(--hop-Popover-dropdown-padding);
4775
4760
  }
4776
- .Popover-module__hop-Popover__dialog___KwJ4t {
4761
+ .Popover-module__hop-Popover__dialog___UFZee {
4777
4762
  --padding: var(--hop-Popover-dialog-padding);
4778
4763
  }
4779
- .Popover-module__hop-Popover__title___Ac5V0 {
4764
+ .Popover-module__hop-Popover__title___7iBNB {
4780
4765
  grid-area: header;
4781
4766
  color: var(--hop-Popover-color);
4782
4767
  }
4783
- .Popover-module__hop-Popover__content___LsWgM {
4768
+ .Popover-module__hop-Popover__content___9qGsS {
4784
4769
  --font-size: var(--hop-Popover-content-font-size);
4785
4770
  --line-height: var(--hop-Popover-content-line-height);
4786
4771
  grid-area: content;
@@ -4789,7 +4774,7 @@
4789
4774
  padding: 0;
4790
4775
  color: var(--hop-Popover-content-color);
4791
4776
  }
4792
- .Popover-module__hop-Popover__dropdown___Ydsf8 .Popover-module__hop-Popover__list-box___jhPeo {
4777
+ .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__list-box___4ZJko {
4793
4778
  grid-area: content;
4794
4779
  inline-size: auto;
4795
4780
  min-inline-size: auto;
@@ -4798,7 +4783,7 @@
4798
4783
  padding: 0;
4799
4784
  border: none;
4800
4785
  }
4801
- .Popover-module__hop-Popover__footer___KvfnC {
4786
+ .Popover-module__hop-Popover__footer___GUjGi {
4802
4787
  --font-size: var(--hop-Popover-footer-font-size);
4803
4788
  --line-height: var(--hop-Popover-footer-line-height);
4804
4789
  grid-area: footer;
@@ -4806,22 +4791,22 @@
4806
4791
  margin: var(--footer-margin);
4807
4792
  color: var(--hop-Popover-color);
4808
4793
  }
4809
- .Popover-module__hop-Popover__dropdown___Ydsf8 .Popover-module__hop-Popover__footer___KvfnC {
4794
+ .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__footer___GUjGi {
4810
4795
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4811
4796
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4812
4797
  }
4813
- .Popover-module__hop-Popover__actions___3EQON,
4814
- .Popover-module__hop-Popover__action___lVwso {
4798
+ .Popover-module__hop-Popover__actions___8dlIL,
4799
+ .Popover-module__hop-Popover__action___PdeSV {
4815
4800
  grid-area: action;
4816
4801
  justify-self: end;
4817
4802
  margin-block-start: var(--hop-Popover-row-gap);
4818
4803
  }
4819
- .Popover-module__hop-Popover___pOS32:has(.Popover-module__hop-Popover__actions___3EQON, .Popover-module__hop-Popover__action___lVwso) .Popover-module__hop-Popover__footer___KvfnC {
4804
+ .Popover-module__hop-Popover___gIFrM:has(.Popover-module__hop-Popover__actions___8dlIL, .Popover-module__hop-Popover__action___PdeSV) .Popover-module__hop-Popover__footer___GUjGi {
4820
4805
  margin-inline-end: var(--hop-Popover-column-gap);
4821
4806
  }
4822
4807
 
4823
4808
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
4824
- .SelectValue-module__hop-SelectValue___yOd2A {
4809
+ .SelectValue-module__hop-SelectValue___Ki0dR {
4825
4810
  --hop-SelectValue-display: flex;
4826
4811
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
4827
4812
  overflow: hidden;
@@ -4833,13 +4818,13 @@
4833
4818
  text-overflow: ellipsis;
4834
4819
  white-space: nowrap;
4835
4820
  }
4836
- .SelectValue-module__hop-SelectValue__avatar___GYDxZ {
4821
+ .SelectValue-module__hop-SelectValue__avatar___SI2em {
4837
4822
  order: 1;
4838
4823
  }
4839
- .SelectValue-module__hop-SelectValue__icon___CcPp9 {
4824
+ .SelectValue-module__hop-SelectValue__icon___kk1xV {
4840
4825
  order: 2;
4841
4826
  }
4842
- .SelectValue-module__hop-SelectValue__text___pwDdn {
4827
+ .SelectValue-module__hop-SelectValue__text___QfLXS {
4843
4828
  overflow: hidden;
4844
4829
  flex: 1 1 auto;
4845
4830
  order: 3;
@@ -4847,12 +4832,12 @@
4847
4832
  text-overflow: ellipsis;
4848
4833
  white-space: nowrap;
4849
4834
  }
4850
- .SelectValue-module__hop-SelectValue__end-icon___-JM9p {
4835
+ .SelectValue-module__hop-SelectValue__end-icon___Mnitd {
4851
4836
  order: 4;
4852
4837
  }
4853
4838
 
4854
4839
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
4855
- .Select-module__hop-Select___dZacu {
4840
+ .Select-module__hop-Select___-ffji {
4856
4841
  --hop-Select-row-gap: var(--hop-space-stack-xs);
4857
4842
  --hop-Select-inline-size: 20rem;
4858
4843
  --hop-Select-inline-size-fluid: 100%;
@@ -4903,13 +4888,13 @@
4903
4888
  inline-size: var(--inline-size);
4904
4889
  max-inline-size: var(--hop-Select-max-inline-size);
4905
4890
  }
4906
- .Select-module__hop-Select--fluid___RMUq3 {
4891
+ .Select-module__hop-Select--fluid___a4kzj {
4907
4892
  --inline-size: var(--hop-Select-inline-size-fluid);
4908
4893
  }
4909
- .Select-module__hop-Select__label___yCY4A {
4894
+ .Select-module__hop-Select__label___rG82d {
4910
4895
  order: 1;
4911
4896
  }
4912
- .Select-module__hop-Select__button___pty-P {
4897
+ .Select-module__hop-Select__button___Ml5ar {
4913
4898
  cursor: var(--button-cursor);
4914
4899
  display: flex;
4915
4900
  column-gap: var(--hop-Select-button-column-gap);
@@ -4925,28 +4910,28 @@
4925
4910
  border-radius: var(--hop-Select-button-border-radius);
4926
4911
  outline: none;
4927
4912
  }
4928
- .Select-module__hop-Select__button--sm___ybcFD {
4913
+ .Select-module__hop-Select__button--sm___z5rTo {
4929
4914
  --button-block-size: var(--hop-Select-button-sm-block-size);
4930
4915
  }
4931
- .Select-module__hop-Select__button--md___w1cwq {
4916
+ .Select-module__hop-Select__button--md___pRWBr {
4932
4917
  --button-block-size: var(--hop-Select-button-md-block-size);
4933
4918
  }
4934
- .Select-module__hop-Select__button___pty-P[data-hovered] {
4919
+ .Select-module__hop-Select__button___Ml5ar[data-hovered] {
4935
4920
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4936
4921
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4937
4922
  --button-color: var(--hop-Select-button-color-hovered);
4938
4923
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4939
4924
  }
4940
- .Select-module__hop-Select__button___pty-P[data-pressed] {
4925
+ .Select-module__hop-Select__button___Ml5ar[data-pressed] {
4941
4926
  --button-background-color: var(--hop-Select-button-background-color-selected);
4942
4927
  --button-border-color: var(--hop-Select-button-border-color-selected);
4943
4928
  --button-color: var(--hop-Select-button-color-selected);
4944
4929
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4945
4930
  }
4946
- .Select-module__hop-Select__button___pty-P[data-invalid] {
4931
+ .Select-module__hop-Select__button___Ml5ar[data-invalid] {
4947
4932
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4948
4933
  }
4949
- .Select-module__hop-Select__button___pty-P[data-focus-visible] {
4934
+ .Select-module__hop-Select__button___Ml5ar[data-focus-visible] {
4950
4935
  --button-background-color: var(--hop-Select-button-background-color-focused);
4951
4936
  --button-border-color: var(--hop-Select-button-border-color-focused);
4952
4937
  --button-color: var(--hop-Select-button-color-focused);
@@ -4954,24 +4939,24 @@
4954
4939
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4955
4940
  outline-offset: -0.125rem;
4956
4941
  }
4957
- .Select-module__hop-Select__button___pty-P:has([data-placeholder]) {
4942
+ .Select-module__hop-Select__button___Ml5ar:has([data-placeholder]) {
4958
4943
  --button-color: var(--hop-Select-button-placeholder-color);
4959
4944
  }
4960
- .Select-module__hop-Select__button___pty-P[data-disabled] {
4945
+ .Select-module__hop-Select__button___Ml5ar[data-disabled] {
4961
4946
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4962
4947
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4963
4948
  --button-color: var(--hop-Select-button-color-disabled);
4964
4949
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4965
4950
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4966
4951
  }
4967
- .Select-module__hop-Select__prefix___QGcJO {
4952
+ .Select-module__hop-Select__prefix___ioXh1 {
4968
4953
  color: var(--hop-Select-prefix-color);
4969
4954
  }
4970
- .Select-module__hop-Select__button-icon___UCJ9e {
4955
+ .Select-module__hop-Select__button-icon___hyZcO {
4971
4956
  margin-inline-start: auto;
4972
4957
  color: var(--button-icon-color);
4973
4958
  }
4974
- .Select-module__hop-Select__helper-message___gU1Rh,
4975
- .Select-module__hop-Select__error-message___p0QAg {
4959
+ .Select-module__hop-Select__helper-message___uE0gS,
4960
+ .Select-module__hop-Select__error-message___66saO {
4976
4961
  order: 3;
4977
4962
  }