@hopper-ui/components 1.3.8 → 1.3.10

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 (213) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +237 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +184 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +237 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +237 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +184 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +205 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +237 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +215 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/ComboBox/src/ComboBox.css +5135 -0
  19. package/dist/ComboBox/src/ComboBox.d.ts +94 -0
  20. package/dist/ComboBox/src/ComboBox.js +123 -0
  21. package/dist/ComboBox/src/ComboBoxContext.d.ts +16 -0
  22. package/dist/ComboBox/src/ComboBoxContext.js +2 -0
  23. package/dist/ComboBox/src/index.css +5135 -0
  24. package/dist/ComboBox/src/index.d.ts +12 -0
  25. package/dist/ComboBox/src/index.js +123 -0
  26. package/dist/Divider/src/Divider.css +229 -2
  27. package/dist/Divider/src/Divider.js +1 -1
  28. package/dist/Divider/src/index.css +229 -2
  29. package/dist/Divider/src/index.js +1 -1
  30. package/dist/ErrorMessage/src/ErrorMessage.css +158 -11
  31. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  32. package/dist/ErrorMessage/src/index.css +158 -11
  33. package/dist/ErrorMessage/src/index.js +2 -2
  34. package/dist/Form/src/Form.css +1994 -1821
  35. package/dist/Form/src/Form.d.ts +4 -0
  36. package/dist/Form/src/Form.js +69 -67
  37. package/dist/Form/src/index.css +1994 -1821
  38. package/dist/Form/src/index.js +69 -67
  39. package/dist/HelperMessage/src/HelperMessage.css +158 -11
  40. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  41. package/dist/HelperMessage/src/index.css +158 -11
  42. package/dist/HelperMessage/src/index.js +2 -2
  43. package/dist/IconList/src/IconList.css +228 -1
  44. package/dist/IconList/src/IconList.js +1 -1
  45. package/dist/IconList/src/index.css +228 -1
  46. package/dist/IconList/src/index.js +1 -1
  47. package/dist/Link/src/Link.css +184 -37
  48. package/dist/Link/src/Link.js +3 -3
  49. package/dist/Link/src/index.css +184 -37
  50. package/dist/Link/src/index.js +3 -3
  51. package/dist/ListBox/src/ListBox.css +398 -346
  52. package/dist/ListBox/src/ListBox.js +7 -8
  53. package/dist/ListBox/src/ListBoxItem.css +391 -306
  54. package/dist/ListBox/src/ListBoxItem.js +5 -5
  55. package/dist/ListBox/src/ListBoxItemSkeleton.css +234 -7
  56. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  57. package/dist/ListBox/src/index.css +398 -346
  58. package/dist/ListBox/src/index.js +7 -8
  59. package/dist/Select/src/Select.css +1063 -890
  60. package/dist/Select/src/Select.d.ts +4 -0
  61. package/dist/Select/src/Select.js +69 -67
  62. package/dist/Select/src/SelectValue.css +197 -191
  63. package/dist/Select/src/SelectValue.js +5 -5
  64. package/dist/Select/src/index.css +1063 -890
  65. package/dist/Select/src/index.js +69 -67
  66. package/dist/Spinner/src/Spinner.css +166 -19
  67. package/dist/Spinner/src/Spinner.js +2 -2
  68. package/dist/Spinner/src/index.css +166 -19
  69. package/dist/Spinner/src/index.js +2 -2
  70. package/dist/buttons/src/Button.css +247 -100
  71. package/dist/buttons/src/Button.js +4 -4
  72. package/dist/buttons/src/ButtonGroup.css +238 -11
  73. package/dist/buttons/src/ButtonGroup.js +2 -2
  74. package/dist/buttons/src/ClearButton.css +298 -71
  75. package/dist/buttons/src/ClearButton.js +2 -2
  76. package/dist/buttons/src/EmbeddedButton.css +298 -71
  77. package/dist/buttons/src/EmbeddedButton.js +1 -1
  78. package/dist/buttons/src/index.css +329 -182
  79. package/dist/buttons/src/index.js +8 -8
  80. package/dist/checkbox/src/Checkbox.css +181 -34
  81. package/dist/checkbox/src/Checkbox.js +2 -2
  82. package/dist/checkbox/src/CheckboxField.css +162 -15
  83. package/dist/checkbox/src/CheckboxField.js +1 -1
  84. package/dist/checkbox/src/CheckboxGroup.css +233 -105
  85. package/dist/checkbox/src/CheckboxGroup.d.ts +4 -0
  86. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  87. package/dist/checkbox/src/DecorativeCheckbox.css +189 -42
  88. package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
  89. package/dist/checkbox/src/index.css +233 -105
  90. package/dist/checkbox/src/index.js +8 -8
  91. package/dist/{chunk-AJMHHWRN.js → chunk-2BYOZEHS.js} +1 -1
  92. package/dist/{chunk-4ARX267G.js → chunk-45BUVEOG.js} +8 -3
  93. package/dist/{chunk-BPFMTXRF.js → chunk-46Y3BNK6.js} +2 -2
  94. package/dist/{chunk-GMMQYERH.js → chunk-4KKT3O2S.js} +2 -2
  95. package/dist/chunk-4XHTP4GX.js +7 -0
  96. package/dist/{chunk-H2L3SQIO.js → chunk-6J3RVKV4.js} +509 -216
  97. package/dist/{chunk-6FDLX77I.js → chunk-7P6QVHCU.js} +2 -2
  98. package/dist/{chunk-KZWQ57ZJ.js → chunk-AH3LBZUR.js} +2 -2
  99. package/dist/{chunk-PWOFOTJR.js → chunk-ARURHRKE.js} +1 -1
  100. package/dist/{chunk-BFVCZF4H.js → chunk-B44HANDX.js} +2 -2
  101. package/dist/{chunk-E4PIETAY.js → chunk-BJNXUNAB.js} +2 -2
  102. package/dist/{chunk-MBFMR455.js → chunk-CIKHW47C.js} +1 -1
  103. package/dist/{chunk-NLQW4MJR.js → chunk-DCAA2AVQ.js} +1 -1
  104. package/dist/{chunk-J2OCA4O2.js → chunk-DV7LZMDA.js} +1 -1
  105. package/dist/{chunk-AC6JVAVX.js → chunk-FF6KAPPN.js} +5 -4
  106. package/dist/{chunk-YHH5TXPG.js → chunk-FI74MGJH.js} +3 -3
  107. package/dist/{chunk-THMKXCNG.js → chunk-GLFAZQ25.js} +3 -3
  108. package/dist/{chunk-Z2VOM3C3.js → chunk-GU6D6RQL.js} +5 -4
  109. package/dist/{chunk-Z54LX6IU.js → chunk-IBHSGV7Y.js} +3 -3
  110. package/dist/{chunk-JVDDMMRS.js → chunk-IJS2OFE5.js} +2 -2
  111. package/dist/{chunk-3LUQ6A2L.js → chunk-JCD37WMK.js} +2 -2
  112. package/dist/{chunk-CURG4YI3.js → chunk-JMQTEJC4.js} +4 -8
  113. package/dist/{chunk-7H4MZKSZ.js → chunk-JRL2S56W.js} +4 -4
  114. package/dist/{chunk-XEZVEXWO.js → chunk-KKL5HHYL.js} +5 -3
  115. package/dist/{chunk-KQ735GKE.js → chunk-LU7KOIOH.js} +5 -5
  116. package/dist/{chunk-AGRLOZWN.js → chunk-MMROXMQV.js} +4 -4
  117. package/dist/{chunk-DRG2376D.js → chunk-OBLOV2RN.js} +5 -4
  118. package/dist/{chunk-7CIKPH4J.js → chunk-OOY56G7Y.js} +2 -2
  119. package/dist/{chunk-QLLCRVCV.js → chunk-P5YCVNZM.js} +7 -4
  120. package/dist/{chunk-FIJ3CLQB.js → chunk-QX6MTYPY.js} +1 -1
  121. package/dist/{chunk-JNDKNURH.js → chunk-RKX7GGGY.js} +1 -1
  122. package/dist/{chunk-XJAHZJVO.js → chunk-RZ4K42NA.js} +1 -1
  123. package/dist/{chunk-XHMXUELC.js → chunk-TNXKWBYE.js} +8 -7
  124. package/dist/{chunk-MVBXZQAH.js → chunk-TTECXSWO.js} +2 -2
  125. package/dist/{chunk-CTTRBWBT.js → chunk-UBMAVA4B.js} +8 -3
  126. package/dist/{chunk-VMCZQTOI.js → chunk-VM6LLJYR.js} +2 -2
  127. package/dist/{chunk-IP4N5EBH.js → chunk-VRMZDHNL.js} +1 -1
  128. package/dist/{chunk-JURJ6BXP.js → chunk-X7ZM3VW6.js} +1 -1
  129. package/dist/{chunk-KXUA2JOW.js → chunk-XBVS62J3.js} +1 -1
  130. package/dist/{chunk-RR6N2GZX.js → chunk-XDRKVTAI.js} +2 -2
  131. package/dist/{chunk-PEB7PBUB.js → chunk-XFQJ7HYB.js} +1 -1
  132. package/dist/{chunk-UR26A74E.js → chunk-XNOILDPJ.js} +1 -1
  133. package/dist/{chunk-TQZKBOSP.js → chunk-XT3AM5KT.js} +1 -1
  134. package/dist/{chunk-R4LPKOSF.js → chunk-XT4MALWA.js} +2 -2
  135. package/dist/{chunk-2J5HM77N.js → chunk-Y7G6PIDC.js} +1 -1
  136. package/dist/chunk-ZRGWYBTI.js +9 -0
  137. package/dist/index.css +1997 -1824
  138. package/dist/index.d.ts +10 -7
  139. package/dist/index.js +69 -67
  140. package/dist/inputs/src/InputGroup.css +344 -197
  141. package/dist/inputs/src/InputGroup.js +1 -1
  142. package/dist/inputs/src/NumberField.css +336 -336
  143. package/dist/inputs/src/NumberField.d.ts +4 -0
  144. package/dist/inputs/src/NumberField.js +6 -6
  145. package/dist/inputs/src/PasswordField.css +354 -354
  146. package/dist/inputs/src/PasswordField.d.ts +4 -0
  147. package/dist/inputs/src/PasswordField.js +7 -7
  148. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  149. package/dist/inputs/src/RemainingCharacterCount.js +5 -5
  150. package/dist/inputs/src/SearchField.css +360 -360
  151. package/dist/inputs/src/SearchField.d.ts +4 -0
  152. package/dist/inputs/src/SearchField.js +8 -8
  153. package/dist/inputs/src/TextArea.css +331 -331
  154. package/dist/inputs/src/TextArea.d.ts +4 -0
  155. package/dist/inputs/src/TextArea.js +7 -7
  156. package/dist/inputs/src/TextField.css +358 -358
  157. package/dist/inputs/src/TextField.d.ts +4 -0
  158. package/dist/inputs/src/TextField.js +10 -10
  159. package/dist/inputs/src/index.css +404 -404
  160. package/dist/inputs/src/index.js +17 -17
  161. package/dist/overlays/Popover/src/Popover.css +2115 -1942
  162. package/dist/overlays/Popover/src/Popover.js +69 -67
  163. package/dist/overlays/Popover/src/index.css +2115 -1942
  164. package/dist/overlays/Popover/src/index.js +69 -67
  165. package/dist/radio/src/DecorativeRadio.css +189 -42
  166. package/dist/radio/src/DecorativeRadio.js +2 -2
  167. package/dist/radio/src/Radio.css +181 -34
  168. package/dist/radio/src/Radio.js +2 -2
  169. package/dist/radio/src/RadioField.css +162 -15
  170. package/dist/radio/src/RadioField.js +1 -1
  171. package/dist/radio/src/RadioGroup.css +227 -99
  172. package/dist/radio/src/RadioGroup.d.ts +4 -0
  173. package/dist/radio/src/RadioGroup.js +2 -2
  174. package/dist/radio/src/index.css +233 -105
  175. package/dist/radio/src/index.js +8 -8
  176. package/dist/switch/src/Switch.css +178 -31
  177. package/dist/switch/src/Switch.js +2 -2
  178. package/dist/switch/src/SwitchField.css +162 -15
  179. package/dist/switch/src/SwitchField.js +2 -2
  180. package/dist/switch/src/index.css +184 -37
  181. package/dist/switch/src/index.js +4 -4
  182. package/dist/tag/src/Tag.css +464 -360
  183. package/dist/tag/src/Tag.js +5 -5
  184. package/dist/tag/src/TagGroup.css +166 -38
  185. package/dist/tag/src/TagGroup.d.ts +4 -0
  186. package/dist/tag/src/TagGroup.js +2 -2
  187. package/dist/tag/src/TagList.css +226 -0
  188. package/dist/tag/src/index.css +474 -389
  189. package/dist/tag/src/index.js +9 -9
  190. package/dist/typography/Heading/src/Heading.css +151 -9
  191. package/dist/typography/Heading/src/Heading.js +1 -1
  192. package/dist/typography/Heading/src/index.css +151 -9
  193. package/dist/typography/Heading/src/index.js +1 -1
  194. package/dist/typography/Label/src/Label.css +211 -3
  195. package/dist/typography/Label/src/Label.d.ts +2 -2
  196. package/dist/typography/Label/src/Label.js +1 -1
  197. package/dist/typography/Label/src/index.css +211 -3
  198. package/dist/typography/Label/src/index.js +1 -1
  199. package/dist/typography/OverlineText/src/OverlineText.css +190 -6
  200. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  201. package/dist/typography/OverlineText/src/index.css +190 -6
  202. package/dist/typography/OverlineText/src/index.js +1 -1
  203. package/dist/typography/Text/src/Text.css +156 -9
  204. package/dist/typography/Text/src/Text.js +1 -1
  205. package/dist/typography/Text/src/index.css +156 -9
  206. package/dist/typography/Text/src/index.js +1 -1
  207. package/dist/utils/src/EnsureTextWrapper.css +226 -0
  208. package/dist/utils/src/EnsureTextWrapper.d.ts +9 -0
  209. package/dist/utils/src/EnsureTextWrapper.js +16 -0
  210. package/dist/utils/src/index.css +226 -0
  211. package/dist/utils/src/index.d.ts +11 -10
  212. package/dist/utils/src/index.js +14 -3
  213. package/package.json +1 -1
@@ -1,8 +1,192 @@
1
1
  @import "@hopper-ui/icons/index.css";
2
2
  @import "@hopper-ui/styled-system/index.css";
3
3
 
4
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
5
+ .Heading-module__hop-Heading___Z-4EL {
6
+ --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
7
+ --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
8
+ --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
9
+ --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
10
+ --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
11
+ --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
12
+ --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
13
+ --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
14
+ --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
15
+ --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
16
+ --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
17
+ --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
18
+ --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
19
+ --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
20
+ --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
21
+ --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
22
+ --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
23
+ --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
24
+ --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
25
+ --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
26
+ --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
27
+ --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
28
+ --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
29
+ --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
30
+ --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
31
+ --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
32
+ --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
33
+ --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
34
+ --hop-Heading-inherit-size-font-size: inherit;
35
+ --hop-Heading-inherit-size-font-family: inherit;
36
+ --hop-Heading-inherit-size-font-weight: inherit;
37
+ --hop-Heading-inherit-size-line-height: inherit;
38
+ }
39
+ :where(.Heading-module__hop-Heading___Z-4EL) {
40
+ margin: 0;
41
+ font-family: var(--font-family);
42
+ font-size: var(--font-size);
43
+ font-weight: var(--font-weight);
44
+ line-height: var(--line-height);
45
+ }
46
+ :where(.Heading-module__hop-Heading--xs___wFSJ8) {
47
+ --font-size: var(--hop-Heading-xs-font-size);
48
+ --font-family: var(--hop-Heading-xs-font-family);
49
+ --font-weight: var(--hop-Heading-xs-font-weight);
50
+ --line-height: var(--hop-Heading-xs-line-height);
51
+ }
52
+ :where(.Heading-module__hop-Heading--sm___XbWC5) {
53
+ --font-size: var(--hop-Heading-sm-font-size);
54
+ --font-family: var(--hop-Heading-sm-font-family);
55
+ --font-weight: var(--hop-Heading-sm-font-weight);
56
+ --line-height: var(--hop-Heading-sm-line-height);
57
+ }
58
+ :where(.Heading-module__hop-Heading--md___B-n4o) {
59
+ --font-size: var(--hop-Heading-md-font-size);
60
+ --font-family: var(--hop-Heading-md-font-family);
61
+ --font-weight: var(--hop-Heading-md-font-weight);
62
+ --line-height: var(--hop-Heading-md-line-height);
63
+ }
64
+ :where(.Heading-module__hop-Heading--lg___dcKED) {
65
+ --font-size: var(--hop-Heading-lg-font-size);
66
+ --font-family: var(--hop-Heading-lg-font-family);
67
+ --font-weight: var(--hop-Heading-lg-font-weight);
68
+ --line-height: var(--hop-Heading-lg-line-height);
69
+ }
70
+ :where(.Heading-module__hop-Heading--xl___rOKV1) {
71
+ --font-size: var(--hop-Heading-xl-font-size);
72
+ --font-family: var(--hop-Heading-xl-font-family);
73
+ --font-weight: var(--hop-Heading-xl-font-weight);
74
+ --line-height: var(--hop-Heading-xl-line-height);
75
+ }
76
+ :where(.Heading-module__hop-Heading--2xl___RYtOx) {
77
+ --font-size: var(--hop-Heading-2xl-font-size);
78
+ --font-family: var(--hop-Heading-2xl-font-family);
79
+ --font-weight: var(--hop-Heading-2xl-font-weight);
80
+ --line-height: var(--hop-Heading-2xl-line-height);
81
+ }
82
+ :where(.Heading-module__hop-Heading--3xl___DIk1u) {
83
+ --font-size: var(--hop-Heading-3xl-font-size);
84
+ --font-family: var(--hop-Heading-3xl-font-family);
85
+ --font-weight: var(--hop-Heading-3xl-font-weight);
86
+ --line-height: var(--hop-Heading-3xl-line-height);
87
+ }
88
+
89
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
90
+ .Text-module__hop-Text___bIQxx {
91
+ --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
92
+ --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
93
+ --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
94
+ --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
95
+ --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
96
+ --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
97
+ --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
98
+ --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
99
+ --hop-Text-md-font-size: var(--hop-body-md-font-size);
100
+ --hop-Text-md-font-family: var(--hop-body-md-font-family);
101
+ --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
102
+ --hop-Text-md-line-height: var(--hop-body-md-line-height);
103
+ --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
104
+ --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
105
+ --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
106
+ --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
107
+ --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
108
+ --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
109
+ --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
110
+ --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
111
+ --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
112
+ --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
113
+ --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
114
+ --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
115
+ --hop-Text-inherit-size-font-size: inherit;
116
+ --hop-Text-inherit-size-font-family: inherit;
117
+ --hop-Text-inherit-size-font-weight: inherit;
118
+ --hop-Text-inherit-size-line-height: inherit;
119
+ }
120
+ :where(.Text-module__hop-Text___bIQxx) {
121
+ font-family: var(--font-family);
122
+ font-size: var(--font-size);
123
+ font-weight: var(--font-weight);
124
+ line-height: var(--line-height);
125
+ }
126
+ :where(.Text-module__hop-Text--xs___uYk5Y) {
127
+ --font-size: var(--hop-Text-xs-font-size);
128
+ --font-family: var(--hop-Text-xs-font-family);
129
+ --font-weight: var(--hop-Text-xs-font-weight);
130
+ --line-height: var(--hop-Text-xs-line-height);
131
+ }
132
+ :where(.Text-module__hop-Text--sm___kg1RL) {
133
+ --font-size: var(--hop-Text-sm-font-size);
134
+ --font-family: var(--hop-Text-sm-font-family);
135
+ --font-weight: var(--hop-Text-sm-font-weight);
136
+ --line-height: var(--hop-Text-sm-line-height);
137
+ }
138
+ :where(.Text-module__hop-Text--md___UxnHr) {
139
+ --font-size: var(--hop-Text-md-font-size);
140
+ --font-family: var(--hop-Text-md-font-family);
141
+ --font-weight: var(--hop-Text-md-font-weight);
142
+ --line-height: var(--hop-Text-md-line-height);
143
+ }
144
+ :where(.Text-module__hop-Text--lg___n7Sbi) {
145
+ --font-size: var(--hop-Text-lg-font-size);
146
+ --font-family: var(--hop-Text-lg-font-family);
147
+ --font-weight: var(--hop-Text-lg-font-weight);
148
+ --line-height: var(--hop-Text-lg-line-height);
149
+ }
150
+ :where(.Text-module__hop-Text--xl___f-RXZ) {
151
+ --font-size: var(--hop-Text-xl-font-size);
152
+ --font-family: var(--hop-Text-xl-font-family);
153
+ --font-weight: var(--hop-Text-xl-font-weight);
154
+ --line-height: var(--hop-Text-xl-line-height);
155
+ }
156
+ :where(.Text-module__hop-Text--2xl___-DveI) {
157
+ --font-size: var(--hop-Text-2xl-font-size);
158
+ --font-family: var(--hop-Text-2xl-font-family);
159
+ --font-weight: var(--hop-Text-2xl-font-weight);
160
+ --line-height: var(--hop-Text-2xl-line-height);
161
+ }
162
+ :where(.Text-module__hop-Text--inherit___zEio8) {
163
+ --font-size: var(--hop-Text-inherit-size-font-size);
164
+ --font-family: var(--hop-Text-inherit-size-font-family);
165
+ --font-weight: var(--hop-Text-inherit-size-font-weight);
166
+ --line-height: var(--hop-Text-inherit-size-line-height);
167
+ }
168
+
169
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
170
+ .Label-module__hop-Label___2IpOS {
171
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
172
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
173
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
174
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
175
+ --hop-Label-color: var(--hop-neutral-text-weak);
176
+ }
177
+ :where(.Label-module__hop-Label___2IpOS) {
178
+ font-family: var(--hop-Label-font-family);
179
+ font-size: var(--hop-Label-font-size);
180
+ font-weight: var(--hop-Label-font-weight);
181
+ line-height: var(--hop-Label-line-height);
182
+ color: var(--hop-Label-color);
183
+ }
184
+ :where(.Label-module__hop-Label__indicator___nEWGk) {
185
+ padding-inline-start: var(--hop-space-20);
186
+ }
187
+
4
188
  /* 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___JXNg5) {
189
+ :where(.OverlineText-module__hop-OverlineText___lOJLD) {
6
190
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
7
191
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
8
192
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -26,26 +210,26 @@
26
210
  text-transform: uppercase;
27
211
  letter-spacing: var(--letter-spacing);
28
212
  }
29
- .OverlineText-module__hop-OverlineText__text___74jxg {
213
+ .OverlineText-module__hop-OverlineText__text___EHfnC {
30
214
  box-sizing: border-box;
31
215
  }
32
- .OverlineText-module__hop-OverlineText__text___74jxg::before,
33
- .OverlineText-module__hop-OverlineText__text___74jxg::after {
216
+ .OverlineText-module__hop-OverlineText__text___EHfnC::before,
217
+ .OverlineText-module__hop-OverlineText__text___EHfnC::after {
34
218
  content: "";
35
219
  display: block;
36
220
  box-sizing: border-box;
37
221
  inline-size: 0;
38
222
  block-size: 0;
39
223
  }
40
- .OverlineText-module__hop-OverlineText__text___74jxg::before {
224
+ .OverlineText-module__hop-OverlineText__text___EHfnC::before {
41
225
  margin-block-end: var(--bottom-offset);
42
226
  }
43
- .OverlineText-module__hop-OverlineText__text___74jxg::after {
227
+ .OverlineText-module__hop-OverlineText__text___EHfnC::after {
44
228
  margin-block-start: var(--top-offset);
45
229
  }
46
230
 
47
231
  /* 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___6H0U2 {
232
+ .Badge-module__hop-Badge___dEW-X {
49
233
  --hop-Badge-height: 1.5rem;
50
234
  --hop-Badge-width: max-content;
51
235
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -95,67 +279,67 @@
95
279
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
96
280
  border-radius: var(--border-radius);
97
281
  }
98
- .Badge-module__hop-Badge___6H0U2[data-variant=primary] {
282
+ .Badge-module__hop-Badge___dEW-X[data-variant=primary] {
99
283
  --background-color: var(--hop-Badge-primary-background-color);
100
284
  --text-color: var(--hop-Badge-primary-text-color);
101
285
  }
102
- .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=primary] {
286
+ .Badge-module__hop-Badge___dEW-X[data-hovered][data-variant=primary] {
103
287
  --background-color: var(--hop-Badge-primary-background-color-hovered);
104
288
  --text-color: var(--hop-Badge-primary-text-color-hovered);
105
289
  }
106
- .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=primary] {
290
+ .Badge-module__hop-Badge___dEW-X[data-pressed][data-variant=primary] {
107
291
  --background-color: var(--hop-Badge-primary-background-color-pressed);
108
292
  --text-color: var(--hop-Badge-primary-text-color-pressed);
109
293
  }
110
- .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=primary] {
294
+ .Badge-module__hop-Badge___dEW-X[data-selected][data-variant=primary] {
111
295
  --background-color: var(--hop-Badge-primary-background-color-selected);
112
296
  --text-color: var(--hop-Badge-primary-text-color-selected);
113
297
  }
114
- .Badge-module__hop-Badge___6H0U2[data-variant=secondary] {
298
+ .Badge-module__hop-Badge___dEW-X[data-variant=secondary] {
115
299
  --background-color: var(--hop-Badge-secondary-background-color);
116
300
  --text-color: var(--hop-Badge-secondary-text-color);
117
301
  }
118
- .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=secondary] {
302
+ .Badge-module__hop-Badge___dEW-X[data-hovered][data-variant=secondary] {
119
303
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
120
304
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
121
305
  }
122
- .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=secondary] {
306
+ .Badge-module__hop-Badge___dEW-X[data-pressed][data-variant=secondary] {
123
307
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
124
308
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
125
309
  }
126
- .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=secondary] {
310
+ .Badge-module__hop-Badge___dEW-X[data-selected][data-variant=secondary] {
127
311
  --background-color: var(--hop-Badge-secondary-background-color-selected);
128
312
  --text-color: var(--hop-Badge-secondary-text-color-selected);
129
313
  }
130
- .Badge-module__hop-Badge___6H0U2[data-variant=subdued] {
314
+ .Badge-module__hop-Badge___dEW-X[data-variant=subdued] {
131
315
  --background-color: var(--hop-Badge-subdued-background-color);
132
316
  --text-color: var(--hop-Badge-subdued-text-color);
133
317
  }
134
- .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=subdued] {
318
+ .Badge-module__hop-Badge___dEW-X[data-hovered][data-variant=subdued] {
135
319
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
136
320
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
137
321
  }
138
- .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=subdued] {
322
+ .Badge-module__hop-Badge___dEW-X[data-pressed][data-variant=subdued] {
139
323
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
140
324
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
141
325
  }
142
- .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=subdued] {
326
+ .Badge-module__hop-Badge___dEW-X[data-selected][data-variant=subdued] {
143
327
  --background-color: var(--hop-Badge-subdued-background-color-selected);
144
328
  --text-color: var(--hop-Badge-subdued-text-color-selected);
145
329
  }
146
- .Badge-module__hop-Badge___6H0U2[data-indeterminate] {
330
+ .Badge-module__hop-Badge___dEW-X[data-indeterminate] {
147
331
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
148
332
  --height: var(--hop-Badge-indeterminate-height);
149
333
  --width: var(--hop-Badge-indeterminate-width);
150
334
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
151
335
  }
152
- .Badge-module__hop-Badge___6H0U2[data-disabled] {
336
+ .Badge-module__hop-Badge___dEW-X[data-disabled] {
153
337
  --background-color: var(--hop-Badge-background-color-disabled);
154
338
  --text-color: var(--hop-Badge-text-color-disabled);
155
339
  }
156
340
 
157
341
  /* 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___DWDc3 {
342
+ .FloatingBadge-module__hop-FloatingBadge___a4Q56 {
159
343
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
160
344
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
161
345
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -196,7 +380,7 @@
196
380
  box-sizing: border-box;
197
381
  inline-size: max-content;
198
382
  }
199
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top right"] {
383
+ .FloatingBadge-module__hop-FloatingBadge___a4Q56[data-placement="top right"] {
200
384
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
201
385
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
202
386
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -204,11 +388,11 @@
204
388
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
205
389
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
206
390
  }
207
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top right"][data-overlap=circular] {
391
+ .FloatingBadge-module__hop-FloatingBadge___a4Q56[data-placement="top right"][data-overlap=circular] {
208
392
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
209
393
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
210
394
  }
211
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top left"] {
395
+ .FloatingBadge-module__hop-FloatingBadge___a4Q56[data-placement="top left"] {
212
396
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
213
397
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
214
398
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -216,11 +400,11 @@
216
400
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
217
401
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
218
402
  }
219
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top left"][data-overlap=circular] {
403
+ .FloatingBadge-module__hop-FloatingBadge___a4Q56[data-placement="top left"][data-overlap=circular] {
220
404
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
221
405
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
222
406
  }
223
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom right"] {
407
+ .FloatingBadge-module__hop-FloatingBadge___a4Q56[data-placement="bottom right"] {
224
408
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
225
409
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
226
410
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -228,11 +412,11 @@
228
412
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
229
413
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
230
414
  }
231
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom right"][data-overlap=circular] {
415
+ .FloatingBadge-module__hop-FloatingBadge___a4Q56[data-placement="bottom right"][data-overlap=circular] {
232
416
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
233
417
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
234
418
  }
235
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom left"] {
419
+ .FloatingBadge-module__hop-FloatingBadge___a4Q56[data-placement="bottom left"] {
236
420
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
237
421
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
238
422
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -240,99 +424,19 @@
240
424
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
241
425
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
242
426
  }
243
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom left"][data-overlap=circular] {
427
+ .FloatingBadge-module__hop-FloatingBadge___a4Q56[data-placement="bottom left"][data-overlap=circular] {
244
428
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
245
429
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
246
430
  }
247
- .FloatingBadge-module__hop-FloatingBadge__badge___Zuv6z {
431
+ .FloatingBadge-module__hop-FloatingBadge__badge___ETFGb {
248
432
  position: absolute;
249
433
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
250
434
  transform-origin: var(--badge-transform-origin);
251
435
  transform: var(--badge-transform);
252
436
  }
253
437
 
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___jadPy {
256
- --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
257
- --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
258
- --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
259
- --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
260
- --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
261
- --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
262
- --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
263
- --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
264
- --hop-Text-md-font-size: var(--hop-body-md-font-size);
265
- --hop-Text-md-font-family: var(--hop-body-md-font-family);
266
- --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
267
- --hop-Text-md-line-height: var(--hop-body-md-line-height);
268
- --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
269
- --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
270
- --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
271
- --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
272
- --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
273
- --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
274
- --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
275
- --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
276
- --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
277
- --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
278
- --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
279
- --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
280
- --hop-Text-inherit-size-font-size: inherit;
281
- --hop-Text-inherit-size-font-family: inherit;
282
- --hop-Text-inherit-size-font-weight: inherit;
283
- --hop-Text-inherit-size-line-height: inherit;
284
- }
285
- :where(.Text-module__hop-Text___jadPy) {
286
- font-family: var(--font-family);
287
- font-size: var(--font-size);
288
- font-weight: var(--font-weight);
289
- line-height: var(--line-height);
290
- }
291
- :where(.Text-module__hop-Text--xs___253D0) {
292
- --font-size: var(--hop-Text-xs-font-size);
293
- --font-family: var(--hop-Text-xs-font-family);
294
- --font-weight: var(--hop-Text-xs-font-weight);
295
- --line-height: var(--hop-Text-xs-line-height);
296
- }
297
- :where(.Text-module__hop-Text--sm___8aHpz) {
298
- --font-size: var(--hop-Text-sm-font-size);
299
- --font-family: var(--hop-Text-sm-font-family);
300
- --font-weight: var(--hop-Text-sm-font-weight);
301
- --line-height: var(--hop-Text-sm-line-height);
302
- }
303
- :where(.Text-module__hop-Text--md___qNltd) {
304
- --font-size: var(--hop-Text-md-font-size);
305
- --font-family: var(--hop-Text-md-font-family);
306
- --font-weight: var(--hop-Text-md-font-weight);
307
- --line-height: var(--hop-Text-md-line-height);
308
- }
309
- :where(.Text-module__hop-Text--lg___1A-Db) {
310
- --font-size: var(--hop-Text-lg-font-size);
311
- --font-family: var(--hop-Text-lg-font-family);
312
- --font-weight: var(--hop-Text-lg-font-weight);
313
- --line-height: var(--hop-Text-lg-line-height);
314
- }
315
- :where(.Text-module__hop-Text--xl___DBJXl) {
316
- --font-size: var(--hop-Text-xl-font-size);
317
- --font-family: var(--hop-Text-xl-font-family);
318
- --font-weight: var(--hop-Text-xl-font-weight);
319
- --line-height: var(--hop-Text-xl-line-height);
320
- }
321
- :where(.Text-module__hop-Text--2xl___9vwXN) {
322
- --font-size: var(--hop-Text-2xl-font-size);
323
- --font-family: var(--hop-Text-2xl-font-family);
324
- --font-weight: var(--hop-Text-2xl-font-weight);
325
- --line-height: var(--hop-Text-2xl-line-height);
326
- }
327
- :where(.Text-module__hop-Text--inherit___PWsD3) {
328
- --font-size: var(--hop-Text-inherit-size-font-size);
329
- --font-family: var(--hop-Text-inherit-size-font-family);
330
- --font-weight: var(--hop-Text-inherit-size-font-weight);
331
- --line-height: var(--hop-Text-inherit-size-line-height);
332
- }
333
-
334
438
  /* 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___JHTa8 {
439
+ .ErrorMessage-module__hop-ErrorMessage___WnDNJ {
336
440
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
337
441
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
338
442
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -349,13 +453,13 @@
349
453
  line-height: var(--hop-ErrorMessage-line-height);
350
454
  color: var(--hop-ErrorMessage-color);
351
455
  }
352
- .ErrorMessage-module__hop-ErrorMessage__icon___aKgJ9 {
456
+ .ErrorMessage-module__hop-ErrorMessage__icon___bgCwZ {
353
457
  flex: 0 0 auto;
354
458
  align-self: flex-start;
355
459
  }
356
460
 
357
461
  /* 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___aVOod {
462
+ .HelperMessage-module__hop-HelperMessage___O7Rwx {
359
463
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
360
464
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
361
465
  display: flex;
@@ -364,46 +468,13 @@
364
468
  box-sizing: border-box;
365
469
  color: var(--hop-HelperMessage-color);
366
470
  }
367
- .HelperMessage-module__hop-HelperMessage__icon___ijRfm {
471
+ .HelperMessage-module__hop-HelperMessage__icon___-NTU- {
368
472
  flex: 0 0 auto;
369
473
  align-self: flex-start;
370
474
  }
371
475
 
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___nqUSD) {
374
- --hop-Divider-border-color: var(--hop-neutral-border-weak);
375
- --hop-Divider-border-size: 0.0625rem;
376
- --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
377
- --hop-Divider-horizontal-border-inline-start: none;
378
- --hop-Divider-horizontal-inline-size: auto;
379
- --hop-Divider-horizontal-block-size: 0;
380
- --hop-Divider-vertical-border-inline-start: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
381
- --hop-Divider-vertical-border-block-end: none;
382
- --hop-Divider-vertical-inline-size: 0;
383
- --hop-Divider-vertical-block-size: auto;
384
- --border-block-end: var(--hop-Divider-horizontal-border-block-end);
385
- --border-inline-start: var(--hop-Divider-horizontal-border-inline-start);
386
- --inline-size: var(--hop-Divider-horizontal-inline-size);
387
- --block-size: var(--hop-Divider-horizontal-block-size);
388
- display: block;
389
- flex: 0 0 auto;
390
- box-sizing: border-box;
391
- inline-size: var(--inline-size);
392
- block-size: var(--block-size);
393
- margin: 0;
394
- border: none;
395
- border-block-end: var(--border-block-end);
396
- border-inline-start: var(--border-inline-start);
397
- }
398
- .Divider-module__hop-Divider--vertical___IGn45 {
399
- --border-block-end: var(--hop-Divider-vertical-border-block-end);
400
- --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
401
- --inline-size: var(--hop-Divider-vertical-inline-size);
402
- --block-size: var(--hop-Divider-vertical-block-size);
403
- }
404
-
405
476
  /* 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___LUQBB {
477
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___qH3BC {
407
478
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
408
479
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
409
480
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -434,46 +505,46 @@
434
505
  background-color: var(--background-color);
435
506
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
436
507
  }
437
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___JX-qZ {
508
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___7Ia6z {
438
509
  --size: var(--hop-RichIconAvatarImage-xs-size);
439
510
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
440
511
  }
441
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8x5eO {
512
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___vJKdG {
442
513
  --size: var(--hop-RichIconAvatarImage-sm-size);
443
514
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
444
515
  }
445
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___5T6HL {
516
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yeQot {
446
517
  --size: var(--hop-RichIconAvatarImage-md-size);
447
518
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
448
519
  }
449
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___G2t-L {
520
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___o5mZy {
450
521
  --size: var(--hop-RichIconAvatarImage-lg-size);
451
522
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
452
523
  }
453
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___9fJ-1 {
524
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___STkmn {
454
525
  --size: var(--hop-RichIconAvatarImage-xl-size);
455
526
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
456
527
  }
457
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___gh42c {
528
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___NIcsn {
458
529
  --size: var(--hop-RichIconAvatarImage-2xl-size);
459
530
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
460
531
  }
461
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB[data-disabled] {
532
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___qH3BC[data-disabled] {
462
533
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
463
534
  }
464
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Te0ID {
535
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___RwCV4 {
465
536
  position: relative;
466
537
  display: block;
467
538
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
468
539
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
469
540
  }
470
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Te0ID {
541
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___qH3BC[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___RwCV4 {
471
542
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
472
543
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
473
544
  }
474
545
 
475
546
  /* 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___9Hi70 {
547
+ .Avatar-module__hop-Avatar___6rJWN {
477
548
  --hop-Avatar-border-radius: var(--hop-shape-circle);
478
549
  --hop-Avatar-mix-blend-mode: normal;
479
550
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -518,67 +589,67 @@
518
589
  background-color: var(--background-color, transparent);
519
590
  border-radius: var(--hop-Avatar-border-radius);
520
591
  }
521
- .Avatar-module__hop-Avatar--xs___ezEoM {
592
+ .Avatar-module__hop-Avatar--xs___Nw00i {
522
593
  --size: var(--hop-Avatar-xs-size);
523
594
  }
524
- .Avatar-module__hop-Avatar--sm___980Uh {
595
+ .Avatar-module__hop-Avatar--sm___Xle0f {
525
596
  --size: var(--hop-Avatar-sm-size);
526
597
  }
527
- .Avatar-module__hop-Avatar--md___wMa-k {
598
+ .Avatar-module__hop-Avatar--md___-q7Y7 {
528
599
  --size: var(--hop-Avatar-md-size);
529
600
  }
530
- .Avatar-module__hop-Avatar--lg___yGqTp {
601
+ .Avatar-module__hop-Avatar--lg___yp6lW {
531
602
  --size: var(--hop-Avatar-lg-size);
532
603
  }
533
- .Avatar-module__hop-Avatar--xl___AXLnM {
604
+ .Avatar-module__hop-Avatar--xl___LcfDc {
534
605
  --size: var(--hop-Avatar-xl-size);
535
606
  }
536
- .Avatar-module__hop-Avatar--2xl___aERCF {
607
+ .Avatar-module__hop-Avatar--2xl___6b02- {
537
608
  --size: var(--hop-Avatar-2xl-size);
538
609
  }
539
- .Avatar-module__hop-Avatar--decorative-option1___f7v8W {
610
+ .Avatar-module__hop-Avatar--decorative-option1___7Wzcu {
540
611
  --background-color: var(--hop-Avatar-decorative-1-background-color);
541
612
  --text-color: var(--hop-Avatar-decorative-1-text-color);
542
613
  }
543
- .Avatar-module__hop-Avatar--decorative-option2___1jb39 {
614
+ .Avatar-module__hop-Avatar--decorative-option2___9eaAb {
544
615
  --background-color: var(--hop-Avatar-decorative-2-background-color);
545
616
  --text-color: var(--hop-Avatar-decorative-2-text-color);
546
617
  }
547
- .Avatar-module__hop-Avatar--decorative-option3___cJs0U {
618
+ .Avatar-module__hop-Avatar--decorative-option3___Bb7Eg {
548
619
  --background-color: var(--hop-Avatar-decorative-3-background-color);
549
620
  --text-color: var(--hop-Avatar-decorative-3-text-color);
550
621
  }
551
- .Avatar-module__hop-Avatar--decorative-option4___ll-5h {
622
+ .Avatar-module__hop-Avatar--decorative-option4___2W2AQ {
552
623
  --background-color: var(--hop-Avatar-decorative-4-background-color);
553
624
  --text-color: var(--hop-Avatar-decorative-4-text-color);
554
625
  }
555
- .Avatar-module__hop-Avatar--decorative-option5___lyS7v {
626
+ .Avatar-module__hop-Avatar--decorative-option5___LGCFG {
556
627
  --background-color: var(--hop-Avatar-decorative-5-background-color);
557
628
  --text-color: var(--hop-Avatar-decorative-5-text-color);
558
629
  }
559
- .Avatar-module__hop-Avatar--decorative-option6___nXt6p {
630
+ .Avatar-module__hop-Avatar--decorative-option6___WYaD4 {
560
631
  --background-color: var(--hop-Avatar-decorative-6-background-color);
561
632
  --text-color: var(--hop-Avatar-decorative-6-text-color);
562
633
  }
563
- .Avatar-module__hop-Avatar--decorative-option7___gDoKx {
634
+ .Avatar-module__hop-Avatar--decorative-option7___bjjEn {
564
635
  --background-color: var(--hop-Avatar-decorative-7-background-color);
565
636
  --text-color: var(--hop-Avatar-decorative-7-text-color);
566
637
  }
567
- .Avatar-module__hop-Avatar--decorative-option8___RmnZd {
638
+ .Avatar-module__hop-Avatar--decorative-option8___XzQX- {
568
639
  --background-color: var(--hop-Avatar-decorative-8-background-color);
569
640
  --text-color: var(--hop-Avatar-decorative-8-text-color);
570
641
  }
571
- .Avatar-module__hop-Avatar--decorative-option9___Tpf7q {
642
+ .Avatar-module__hop-Avatar--decorative-option9___lK19f {
572
643
  --background-color: var(--hop-Avatar-decorative-9-background-color);
573
644
  --text-color: var(--hop-Avatar-decorative-9-text-color);
574
645
  }
575
- .Avatar-module__hop-Avatar___9Hi70[data-disabled] {
646
+ .Avatar-module__hop-Avatar___6rJWN[data-disabled] {
576
647
  --background-color: var(--hop-Avatar-background-color-disabled);
577
648
  --text-color: var(--hop-Avatar-text-color-disabled);
578
649
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
579
650
  isolation: isolate;
580
651
  }
581
- .Avatar-module__hop-Avatar__image___oh7hq {
652
+ .Avatar-module__hop-Avatar__image___uR0Tx {
582
653
  position: relative;
583
654
  display: block;
584
655
  box-sizing: border-box;
@@ -589,7 +660,7 @@
589
660
  }
590
661
 
591
662
  /* 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___ttQfU {
663
+ .IconList-module__hop-IconList___xGjwO {
593
664
  --hop-IconList-gap: var(--hop-space-inline-xs);
594
665
  display: flex;
595
666
  flex-wrap: wrap;
@@ -598,7 +669,7 @@
598
669
  }
599
670
 
600
671
  /* 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___N1R82 {
672
+ .Checkbox-module__hop-Checkbox___AFr1n {
602
673
  --hop-Checkbox-box-border-size: 0.0625rem;
603
674
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
604
675
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -673,60 +744,60 @@
673
744
  inline-size: max-content;
674
745
  max-inline-size: 100%;
675
746
  }
676
- .Checkbox-module__hop-Checkbox___N1R82[data-focus-visible] {
747
+ .Checkbox-module__hop-Checkbox___AFr1n[data-focus-visible] {
677
748
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
678
749
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
679
750
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
680
751
  --text-color: var(--hop-Checkbox-text-color-focused);
681
752
  --icon-color: var(--hop-Checkbox-icon-color-focused);
682
753
  }
683
- .Checkbox-module__hop-Checkbox___N1R82[data-hovered] {
754
+ .Checkbox-module__hop-Checkbox___AFr1n[data-hovered] {
684
755
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
685
756
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
686
757
  --text-color: var(--hop-Checkbox-text-color-hovered);
687
758
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
688
759
  }
689
- .Checkbox-module__hop-Checkbox___N1R82[data-pressed] {
760
+ .Checkbox-module__hop-Checkbox___AFr1n[data-pressed] {
690
761
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
691
762
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
692
763
  --text-color: var(--hop-Checkbox-text-color-pressed);
693
764
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
694
765
  }
695
- .Checkbox-module__hop-Checkbox___N1R82[data-selected] {
766
+ .Checkbox-module__hop-Checkbox___AFr1n[data-selected] {
696
767
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
697
768
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
698
769
  --check-display: var(--hop-Checkbox-check-display-selected);
699
770
  --text-color: var(--hop-Checkbox-text-color-selected);
700
771
  --icon-color: var(--hop-Checkbox-icon-color-selected);
701
772
  }
702
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid] {
773
+ .Checkbox-module__hop-Checkbox___AFr1n[data-invalid] {
703
774
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
704
775
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
705
776
  --check-color: var(--hop-Checkbox-check-color-invalid);
706
777
  --text-color: var(--hop-Checkbox-text-color-invalid);
707
778
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
708
779
  }
709
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-focus-visible]) {
780
+ .Checkbox-module__hop-Checkbox___AFr1n[data-invalid]:where([data-focus-visible]) {
710
781
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
711
782
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
712
783
  }
713
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-hovered]) {
784
+ .Checkbox-module__hop-Checkbox___AFr1n[data-invalid]:where([data-hovered]) {
714
785
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
715
786
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
716
787
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
717
788
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
718
789
  }
719
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-pressed]) {
790
+ .Checkbox-module__hop-Checkbox___AFr1n[data-invalid]:where([data-pressed]) {
720
791
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
721
792
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
722
793
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
723
794
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
724
795
  }
725
- .Checkbox-module__hop-Checkbox___N1R82:where([data-invalid])[data-selected] {
796
+ .Checkbox-module__hop-Checkbox___AFr1n:where([data-invalid])[data-selected] {
726
797
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
727
798
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
728
799
  }
729
- .Checkbox-module__hop-Checkbox___N1R82[data-disabled] {
800
+ .Checkbox-module__hop-Checkbox___AFr1n[data-disabled] {
730
801
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
731
802
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
732
803
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -734,25 +805,25 @@
734
805
  --text-color: var(--hop-Checkbox-text-color-disabled);
735
806
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
736
807
  }
737
- .Checkbox-module__hop-Checkbox--sm___fyMAY {
808
+ .Checkbox-module__hop-Checkbox--sm___cv1sJ {
738
809
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
739
810
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
740
811
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
741
812
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
742
813
  }
743
- .Checkbox-module__hop-Checkbox--md___K8Wf4 {
814
+ .Checkbox-module__hop-Checkbox--md___TocUo {
744
815
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
745
816
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
746
817
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
747
818
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
748
819
  }
749
- .Checkbox-module__hop-Checkbox__icon___-2zc-,
750
- .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
820
+ .Checkbox-module__hop-Checkbox__icon___JH9nN,
821
+ .Checkbox-module__hop-Checkbox__icon-list___mkaQb {
751
822
  flex: 0 0 auto;
752
823
  order: 3;
753
824
  color: var(--icon-color);
754
825
  }
755
- .Checkbox-module__hop-Checkbox__box___KQHTU {
826
+ .Checkbox-module__hop-Checkbox__box___IDUqw {
756
827
  display: flex;
757
828
  flex: 0 0 auto;
758
829
  align-items: center;
@@ -768,11 +839,11 @@
768
839
  outline-offset: 0.125rem;
769
840
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
770
841
  }
771
- .Checkbox-module__hop-Checkbox__check___kpRRX {
842
+ .Checkbox-module__hop-Checkbox__check___CRsUX {
772
843
  display: var(--check-display);
773
844
  color: var(--check-color);
774
845
  }
775
- .Checkbox-module__hop-Checkbox__text___lT5Jd {
846
+ .Checkbox-module__hop-Checkbox__text___x76Rd {
776
847
  flex: 0 1 auto;
777
848
  order: 2;
778
849
  min-inline-size: 0;
@@ -782,7 +853,7 @@
782
853
  }
783
854
 
784
855
  /* 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___tjnl9 {
856
+ .CheckboxField-module__hop-CheckboxField___A5x07 {
786
857
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
787
858
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
788
859
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -801,47 +872,28 @@
801
872
  inline-size: max-content;
802
873
  max-inline-size: 100%;
803
874
  }
804
- .CheckboxField-module__hop-CheckboxField___tjnl9[data-disabled] {
875
+ .CheckboxField-module__hop-CheckboxField___A5x07[data-disabled] {
805
876
  --description-color: var(--hop-CheckboxField-description-color-disabled);
806
877
  }
807
- .CheckboxField-module__hop-CheckboxField--sm___mtiU4 {
878
+ .CheckboxField-module__hop-CheckboxField--sm___FRCIP {
808
879
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
809
880
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
810
881
  }
811
- .CheckboxField-module__hop-CheckboxField--md___uCBiT {
882
+ .CheckboxField-module__hop-CheckboxField--md___GCH8E {
812
883
  --row-gap: var(--hop-CheckboxField-md-row-gap);
813
884
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
814
885
  }
815
- .CheckboxField-module__hop-CheckboxField__description___uxJ4N {
886
+ .CheckboxField-module__hop-CheckboxField__description___8jt9j {
816
887
  order: 2;
817
888
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
818
889
  color: var(--description-color);
819
890
  }
820
- .CheckboxField-module__hop-CheckboxField__checkbox___ytOgd {
891
+ .CheckboxField-module__hop-CheckboxField__checkbox___oc2NL {
821
892
  order: 1;
822
893
  }
823
894
 
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___I1lcR {
826
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
827
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
828
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
829
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
830
- --hop-Label-color: var(--hop-neutral-text-weak);
831
- }
832
- :where(.Label-module__hop-Label___I1lcR) {
833
- font-family: var(--hop-Label-font-family);
834
- font-size: var(--hop-Label-font-size);
835
- font-weight: var(--hop-Label-font-weight);
836
- line-height: var(--hop-Label-line-height);
837
- color: var(--hop-Label-color);
838
- }
839
- :where(.Label-module__hop-Label__indicator___bMR5H) {
840
- padding-inline-start: var(--hop-space-20);
841
- }
842
-
843
895
  /* 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___A7CLi {
896
+ .CheckboxGroup-module__hop-CheckboxGroup___ZC22r {
845
897
  --hop-CheckboxGroup-align-items: flex-start;
846
898
  --hop-CheckboxGroup-justify-content: flex-start;
847
899
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -880,46 +932,46 @@
880
932
  inline-size: max-content;
881
933
  max-inline-size: 100%;
882
934
  }
883
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE {
935
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___R716L {
884
936
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
885
937
  --list-border-radius: var(--hop-shape-rounded-md);
886
938
  }
887
- .CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG {
939
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___lVGiA {
888
940
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
889
941
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
890
942
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
891
943
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
892
944
  }
893
- .CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2 {
945
+ .CheckboxGroup-module__hop-CheckboxGroup--md___nKP8S {
894
946
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
895
947
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
896
948
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
897
949
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
898
950
  }
899
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE.CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG {
951
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___R716L.CheckboxGroup-module__hop-CheckboxGroup--sm___lVGiA {
900
952
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
901
953
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
902
954
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
903
955
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
904
956
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
905
957
  }
906
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE.CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2 {
958
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___R716L.CheckboxGroup-module__hop-CheckboxGroup--md___nKP8S {
907
959
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
908
960
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
909
961
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
910
962
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
911
963
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
912
964
  }
913
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi[data-orientation=horizontal] {
965
+ .CheckboxGroup-module__hop-CheckboxGroup___ZC22r[data-orientation=horizontal] {
914
966
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
915
967
  }
916
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE[data-orientation=horizontal] {
968
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___R716L[data-orientation=horizontal] {
917
969
  --flex-wrap: nowrap;
918
970
  }
919
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__label___HydnG {
971
+ .CheckboxGroup-module__hop-CheckboxGroup___ZC22r > .CheckboxGroup-module__hop-CheckboxGroup__label___m0yDe {
920
972
  order: 1;
921
973
  }
922
- .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI {
974
+ .CheckboxGroup-module__hop-CheckboxGroup__list___AHXzY {
923
975
  display: flex;
924
976
  flex-flow: var(--flex-direction) var(--flex-wrap);
925
977
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -930,7 +982,7 @@
930
982
  border: var(--list-border, none);
931
983
  border-radius: var(--list-border-radius, 0);
932
984
  }
933
- .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE {
985
+ .CheckboxGroup-module__hop-CheckboxGroup__list___AHXzY > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___2-no- {
934
986
  position: relative;
935
987
  flex: 0 1 auto;
936
988
  align-content: start;
@@ -938,28 +990,28 @@
938
990
  min-inline-size: 0;
939
991
  padding: var(--checkbox-padding, 0);
940
992
  }
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 {
993
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___R716L .CheckboxGroup-module__hop-CheckboxGroup__list___AHXzY > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___2-no- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___2-no-::before {
942
994
  content: "";
943
995
  position: absolute;
944
996
  display: block;
945
997
  }
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 {
998
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___R716L[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___AHXzY > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___2-no- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___2-no-::before {
947
999
  inset-block-start: 0;
948
1000
  inset-inline: 0;
949
1001
  border-block-start: var(--list-border, none);
950
1002
  }
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 {
1003
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___R716L[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___AHXzY > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___2-no- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___2-no-::before {
952
1004
  inset-block: 0;
953
1005
  inset-inline-start: 0;
954
1006
  border-inline-start: var(--list-border, none);
955
1007
  }
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 {
1008
+ .CheckboxGroup-module__hop-CheckboxGroup___ZC22r > .CheckboxGroup-module__hop-CheckboxGroup__error-message___f1wa6,
1009
+ .CheckboxGroup-module__hop-CheckboxGroup___ZC22r > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___Rmslf {
958
1010
  order: 3;
959
1011
  }
960
1012
 
961
1013
  /* 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___N1R82 {
1014
+ .Checkbox-module__hop-Checkbox___AFr1n {
963
1015
  --hop-Checkbox-box-border-size: 0.0625rem;
964
1016
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
965
1017
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1034,60 +1086,60 @@
1034
1086
  inline-size: max-content;
1035
1087
  max-inline-size: 100%;
1036
1088
  }
1037
- .Checkbox-module__hop-Checkbox___N1R82[data-focus-visible] {
1089
+ .Checkbox-module__hop-Checkbox___AFr1n[data-focus-visible] {
1038
1090
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1039
1091
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1040
1092
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1041
1093
  --text-color: var(--hop-Checkbox-text-color-focused);
1042
1094
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1043
1095
  }
1044
- .Checkbox-module__hop-Checkbox___N1R82[data-hovered] {
1096
+ .Checkbox-module__hop-Checkbox___AFr1n[data-hovered] {
1045
1097
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1046
1098
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1047
1099
  --text-color: var(--hop-Checkbox-text-color-hovered);
1048
1100
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1049
1101
  }
1050
- .Checkbox-module__hop-Checkbox___N1R82[data-pressed] {
1102
+ .Checkbox-module__hop-Checkbox___AFr1n[data-pressed] {
1051
1103
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1052
1104
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1053
1105
  --text-color: var(--hop-Checkbox-text-color-pressed);
1054
1106
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1055
1107
  }
1056
- .Checkbox-module__hop-Checkbox___N1R82[data-selected] {
1108
+ .Checkbox-module__hop-Checkbox___AFr1n[data-selected] {
1057
1109
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1058
1110
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1059
1111
  --check-display: var(--hop-Checkbox-check-display-selected);
1060
1112
  --text-color: var(--hop-Checkbox-text-color-selected);
1061
1113
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1062
1114
  }
1063
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid] {
1115
+ .Checkbox-module__hop-Checkbox___AFr1n[data-invalid] {
1064
1116
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1065
1117
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1066
1118
  --check-color: var(--hop-Checkbox-check-color-invalid);
1067
1119
  --text-color: var(--hop-Checkbox-text-color-invalid);
1068
1120
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1069
1121
  }
1070
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-focus-visible]) {
1122
+ .Checkbox-module__hop-Checkbox___AFr1n[data-invalid]:where([data-focus-visible]) {
1071
1123
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1072
1124
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1073
1125
  }
1074
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-hovered]) {
1126
+ .Checkbox-module__hop-Checkbox___AFr1n[data-invalid]:where([data-hovered]) {
1075
1127
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1076
1128
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1077
1129
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1078
1130
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1079
1131
  }
1080
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-pressed]) {
1132
+ .Checkbox-module__hop-Checkbox___AFr1n[data-invalid]:where([data-pressed]) {
1081
1133
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1082
1134
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1083
1135
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1084
1136
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1085
1137
  }
1086
- .Checkbox-module__hop-Checkbox___N1R82:where([data-invalid])[data-selected] {
1138
+ .Checkbox-module__hop-Checkbox___AFr1n:where([data-invalid])[data-selected] {
1087
1139
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1088
1140
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1089
1141
  }
1090
- .Checkbox-module__hop-Checkbox___N1R82[data-disabled] {
1142
+ .Checkbox-module__hop-Checkbox___AFr1n[data-disabled] {
1091
1143
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1092
1144
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1093
1145
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1095,25 +1147,25 @@
1095
1147
  --text-color: var(--hop-Checkbox-text-color-disabled);
1096
1148
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1097
1149
  }
1098
- .Checkbox-module__hop-Checkbox--sm___fyMAY {
1150
+ .Checkbox-module__hop-Checkbox--sm___cv1sJ {
1099
1151
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1100
1152
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1101
1153
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1102
1154
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1103
1155
  }
1104
- .Checkbox-module__hop-Checkbox--md___K8Wf4 {
1156
+ .Checkbox-module__hop-Checkbox--md___TocUo {
1105
1157
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1106
1158
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1107
1159
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1108
1160
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1109
1161
  }
1110
- .Checkbox-module__hop-Checkbox__icon___-2zc-,
1111
- .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
1162
+ .Checkbox-module__hop-Checkbox__icon___JH9nN,
1163
+ .Checkbox-module__hop-Checkbox__icon-list___mkaQb {
1112
1164
  flex: 0 0 auto;
1113
1165
  order: 3;
1114
1166
  color: var(--icon-color);
1115
1167
  }
1116
- .Checkbox-module__hop-Checkbox__box___KQHTU {
1168
+ .Checkbox-module__hop-Checkbox__box___IDUqw {
1117
1169
  display: flex;
1118
1170
  flex: 0 0 auto;
1119
1171
  align-items: center;
@@ -1129,11 +1181,11 @@
1129
1181
  outline-offset: 0.125rem;
1130
1182
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1131
1183
  }
1132
- .Checkbox-module__hop-Checkbox__check___kpRRX {
1184
+ .Checkbox-module__hop-Checkbox__check___CRsUX {
1133
1185
  display: var(--check-display);
1134
1186
  color: var(--check-color);
1135
1187
  }
1136
- .Checkbox-module__hop-Checkbox__text___lT5Jd {
1188
+ .Checkbox-module__hop-Checkbox__text___x76Rd {
1137
1189
  flex: 0 1 auto;
1138
1190
  order: 2;
1139
1191
  min-inline-size: 0;
@@ -1141,24 +1193,24 @@
1141
1193
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1142
1194
  color: var(--text-color);
1143
1195
  }
1144
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___lRQTM {
1196
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___faka9 {
1145
1197
  }
1146
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___dkdhx {
1198
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___ZrNKf {
1147
1199
  }
1148
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___E8aCr {
1200
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___bXnfS {
1149
1201
  }
1150
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___r2Af7,
1151
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___aE0N0 {
1202
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___CAeZ-,
1203
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___lJU4H {
1152
1204
  }
1153
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___H1ERN {
1205
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___hTseX {
1154
1206
  }
1155
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uTYXx {
1207
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___IOdeC {
1156
1208
  }
1157
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___RAk7V {
1209
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___pSOuk {
1158
1210
  }
1159
1211
 
1160
1212
  /* 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___W1Vdc {
1213
+ .Radio-module__hop-Radio___9Bh4R {
1162
1214
  --hop-Radio-box-border-size: 0.0625rem;
1163
1215
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1164
1216
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1232,60 +1284,60 @@
1232
1284
  inline-size: max-content;
1233
1285
  max-inline-size: 100%;
1234
1286
  }
1235
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
1287
+ .Radio-module__hop-Radio___9Bh4R[data-focus-visible] {
1236
1288
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1237
1289
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1238
1290
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1239
1291
  --text-color: var(--hop-Radio-text-color-focused);
1240
1292
  --icon-color: var(--hop-Radio-icon-color-focused);
1241
1293
  }
1242
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
1294
+ .Radio-module__hop-Radio___9Bh4R[data-hovered] {
1243
1295
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1244
1296
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1245
1297
  --text-color: var(--hop-Radio-text-color-hovered);
1246
1298
  --icon-color: var(--hop-Radio-icon-color-hovered);
1247
1299
  }
1248
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
1300
+ .Radio-module__hop-Radio___9Bh4R[data-pressed] {
1249
1301
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1250
1302
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1251
1303
  --text-color: var(--hop-Radio-text-color-pressed);
1252
1304
  --icon-color: var(--hop-Radio-icon-color-pressed);
1253
1305
  }
1254
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
1306
+ .Radio-module__hop-Radio___9Bh4R[data-selected] {
1255
1307
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1256
1308
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1257
1309
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1258
1310
  --text-color: var(--hop-Radio-text-color-selected);
1259
1311
  --icon-color: var(--hop-Radio-icon-color-selected);
1260
1312
  }
1261
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
1313
+ .Radio-module__hop-Radio___9Bh4R[data-invalid] {
1262
1314
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1263
1315
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1264
1316
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1265
1317
  --text-color: var(--hop-Radio-text-color-invalid);
1266
1318
  --icon-color: var(--hop-Radio-icon-color-invalid);
1267
1319
  }
1268
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
1320
+ .Radio-module__hop-Radio___9Bh4R:where([data-invalid])[data-focus-visible] {
1269
1321
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1270
1322
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1271
1323
  }
1272
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
1324
+ .Radio-module__hop-Radio___9Bh4R:where([data-invalid])[data-hovered] {
1273
1325
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1274
1326
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1275
1327
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1276
1328
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1277
1329
  }
1278
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
1330
+ .Radio-module__hop-Radio___9Bh4R:where([data-invalid])[data-pressed] {
1279
1331
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1280
1332
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1281
1333
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1282
1334
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1283
1335
  }
1284
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
1336
+ .Radio-module__hop-Radio___9Bh4R:where([data-invalid])[data-selected] {
1285
1337
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1286
1338
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1287
1339
  }
1288
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
1340
+ .Radio-module__hop-Radio___9Bh4R[data-disabled] {
1289
1341
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1290
1342
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1291
1343
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1293,25 +1345,25 @@
1293
1345
  --text-color: var(--hop-Radio-text-color-disabled);
1294
1346
  --icon-color: var(--hop-Radio-icon-color-disabled);
1295
1347
  }
1296
- .Radio-module__hop-Radio--sm___NYymj {
1348
+ .Radio-module__hop-Radio--sm___zLF4V {
1297
1349
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1298
1350
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1299
1351
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1300
1352
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1301
1353
  }
1302
- .Radio-module__hop-Radio--md___CQv8r {
1354
+ .Radio-module__hop-Radio--md___gKxx2 {
1303
1355
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1304
1356
  --box-block-size: var(--hop-Radio-box-md-block-size);
1305
1357
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1306
1358
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1307
1359
  }
1308
- .Radio-module__hop-Radio__icon___W3Yrf,
1309
- .Radio-module__hop-Radio__icon-list___Ky-BO {
1360
+ .Radio-module__hop-Radio__icon___FtbVn,
1361
+ .Radio-module__hop-Radio__icon-list___wF0hY {
1310
1362
  flex: 0 0 auto;
1311
1363
  order: 3;
1312
1364
  color: var(--icon-color);
1313
1365
  }
1314
- .Radio-module__hop-Radio__box___T-9Zw {
1366
+ .Radio-module__hop-Radio__box___Y0VE1 {
1315
1367
  display: flex;
1316
1368
  flex: 0 0 auto;
1317
1369
  align-items: center;
@@ -1327,11 +1379,11 @@
1327
1379
  outline-offset: 0.125rem;
1328
1380
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1329
1381
  }
1330
- .Radio-module__hop-Radio__bullet___aikpb {
1382
+ .Radio-module__hop-Radio__bullet___es-94 {
1331
1383
  display: var(--bullet-display);
1332
1384
  color: var(--bullet-color);
1333
1385
  }
1334
- .Radio-module__hop-Radio__text___gfkdz {
1386
+ .Radio-module__hop-Radio__text___-q0Z2 {
1335
1387
  flex: 0 1 auto;
1336
1388
  order: 2;
1337
1389
  min-inline-size: 0;
@@ -1341,7 +1393,7 @@
1341
1393
  }
1342
1394
 
1343
1395
  /* 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___1-HVZ {
1396
+ .RadioField-module__hop-RadioField___rwaZY {
1345
1397
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1346
1398
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1347
1399
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1360,28 +1412,28 @@
1360
1412
  inline-size: max-content;
1361
1413
  max-inline-size: 100%;
1362
1414
  }
1363
- .RadioField-module__hop-RadioField___1-HVZ[data-disabled] {
1415
+ .RadioField-module__hop-RadioField___rwaZY[data-disabled] {
1364
1416
  --description-color: var(--hop-RadioField-description-color-disabled);
1365
1417
  }
1366
- .RadioField-module__hop-RadioField--sm___QmRzg {
1418
+ .RadioField-module__hop-RadioField--sm___1Q2QK {
1367
1419
  --row-gap: var(--hop-RadioField-sm-row-gap);
1368
1420
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1369
1421
  }
1370
- .RadioField-module__hop-RadioField--md___In1AA {
1422
+ .RadioField-module__hop-RadioField--md___YX5XY {
1371
1423
  --row-gap: var(--hop-RadioField-md-row-gap);
1372
1424
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1373
1425
  }
1374
- .RadioField-module__hop-RadioField__description___o5cEe {
1426
+ .RadioField-module__hop-RadioField__description___6uwj3 {
1375
1427
  order: 2;
1376
1428
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1377
1429
  color: var(--description-color);
1378
1430
  }
1379
- .RadioField-module__hop-RadioField__radio___JOWVQ {
1431
+ .RadioField-module__hop-RadioField__radio___lxu0c {
1380
1432
  order: 1;
1381
1433
  }
1382
1434
 
1383
1435
  /* 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___GcXvJ {
1436
+ .RadioGroup-module__hop-RadioGroup___UIR9c {
1385
1437
  --hop-RadioGroup-align-items: flex-start;
1386
1438
  --hop-RadioGroup-justify-content: flex-start;
1387
1439
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1421,46 +1473,46 @@
1421
1473
  inline-size: var(--inline-size);
1422
1474
  max-inline-size: 100%;
1423
1475
  }
1424
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 {
1476
+ .RadioGroup-module__hop-RadioGroup--bordered___kSaY4 {
1425
1477
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1426
1478
  --list-border-radius: var(--hop-shape-rounded-md);
1427
1479
  }
1428
- .RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
1480
+ .RadioGroup-module__hop-RadioGroup--sm___2DGJH {
1429
1481
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1430
1482
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1431
1483
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1432
1484
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1433
1485
  }
1434
- .RadioGroup-module__hop-RadioGroup--md___EEp-b {
1486
+ .RadioGroup-module__hop-RadioGroup--md___chDZr {
1435
1487
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1436
1488
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1437
1489
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1438
1490
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1439
1491
  }
1440
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
1492
+ .RadioGroup-module__hop-RadioGroup--bordered___kSaY4.RadioGroup-module__hop-RadioGroup--sm___2DGJH {
1441
1493
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1442
1494
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1443
1495
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1444
1496
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1445
1497
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1446
1498
  }
1447
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--md___EEp-b {
1499
+ .RadioGroup-module__hop-RadioGroup--bordered___kSaY4.RadioGroup-module__hop-RadioGroup--md___chDZr {
1448
1500
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1449
1501
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1450
1502
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1451
1503
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1452
1504
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1453
1505
  }
1454
- .RadioGroup-module__hop-RadioGroup___GcXvJ[data-orientation=horizontal] {
1506
+ .RadioGroup-module__hop-RadioGroup___UIR9c[data-orientation=horizontal] {
1455
1507
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1456
1508
  }
1457
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] {
1509
+ .RadioGroup-module__hop-RadioGroup--bordered___kSaY4[data-orientation=horizontal] {
1458
1510
  --flex-wrap: nowrap;
1459
1511
  }
1460
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__label___pSv85 {
1512
+ .RadioGroup-module__hop-RadioGroup___UIR9c > .RadioGroup-module__hop-RadioGroup__label___yIobB {
1461
1513
  order: 1;
1462
1514
  }
1463
- .RadioGroup-module__hop-RadioGroup__list___I6ByC {
1515
+ .RadioGroup-module__hop-RadioGroup__list___jIunB {
1464
1516
  display: flex;
1465
1517
  flex-flow: var(--flex-direction) var(--flex-wrap);
1466
1518
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1471,7 +1523,7 @@
1471
1523
  border: var(--list-border, none);
1472
1524
  border-radius: var(--list-border-radius, 0);
1473
1525
  }
1474
- .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 {
1526
+ .RadioGroup-module__hop-RadioGroup__list___jIunB > .RadioGroup-module__hop-RadioGroup__radio___gUp7P {
1475
1527
  position: relative;
1476
1528
  flex: 0 1 auto;
1477
1529
  align-content: start;
@@ -1479,28 +1531,28 @@
1479
1531
  min-inline-size: 0;
1480
1532
  padding: var(--radio-padding, 0);
1481
1533
  }
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 {
1534
+ .RadioGroup-module__hop-RadioGroup--bordered___kSaY4 .RadioGroup-module__hop-RadioGroup__list___jIunB > .RadioGroup-module__hop-RadioGroup__radio___gUp7P ~ .RadioGroup-module__hop-RadioGroup__radio___gUp7P::before {
1483
1535
  content: "";
1484
1536
  position: absolute;
1485
1537
  display: block;
1486
1538
  }
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 {
1539
+ .RadioGroup-module__hop-RadioGroup--bordered___kSaY4[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___jIunB > .RadioGroup-module__hop-RadioGroup__radio___gUp7P ~ .RadioGroup-module__hop-RadioGroup__radio___gUp7P::before {
1488
1540
  inset-block-start: 0;
1489
1541
  inset-inline: 0;
1490
1542
  border-block-start: var(--list-border, none);
1491
1543
  }
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 {
1544
+ .RadioGroup-module__hop-RadioGroup--bordered___kSaY4[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___jIunB > .RadioGroup-module__hop-RadioGroup__radio___gUp7P ~ .RadioGroup-module__hop-RadioGroup__radio___gUp7P::before {
1493
1545
  inset-block: 0;
1494
1546
  inset-inline-start: 0;
1495
1547
  border-inline-start: var(--list-border, none);
1496
1548
  }
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 {
1549
+ .RadioGroup-module__hop-RadioGroup___UIR9c > .RadioGroup-module__hop-RadioGroup__error-message___q1CN3,
1550
+ .RadioGroup-module__hop-RadioGroup___UIR9c > .RadioGroup-module__hop-RadioGroup__helper-message___2RiEW {
1499
1551
  order: 3;
1500
1552
  }
1501
1553
 
1502
1554
  /* 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___W1Vdc {
1555
+ .Radio-module__hop-Radio___9Bh4R {
1504
1556
  --hop-Radio-box-border-size: 0.0625rem;
1505
1557
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1506
1558
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1574,60 +1626,60 @@
1574
1626
  inline-size: max-content;
1575
1627
  max-inline-size: 100%;
1576
1628
  }
1577
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
1629
+ .Radio-module__hop-Radio___9Bh4R[data-focus-visible] {
1578
1630
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1579
1631
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1580
1632
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1581
1633
  --text-color: var(--hop-Radio-text-color-focused);
1582
1634
  --icon-color: var(--hop-Radio-icon-color-focused);
1583
1635
  }
1584
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
1636
+ .Radio-module__hop-Radio___9Bh4R[data-hovered] {
1585
1637
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1586
1638
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1587
1639
  --text-color: var(--hop-Radio-text-color-hovered);
1588
1640
  --icon-color: var(--hop-Radio-icon-color-hovered);
1589
1641
  }
1590
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
1642
+ .Radio-module__hop-Radio___9Bh4R[data-pressed] {
1591
1643
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1592
1644
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1593
1645
  --text-color: var(--hop-Radio-text-color-pressed);
1594
1646
  --icon-color: var(--hop-Radio-icon-color-pressed);
1595
1647
  }
1596
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
1648
+ .Radio-module__hop-Radio___9Bh4R[data-selected] {
1597
1649
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1598
1650
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1599
1651
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1600
1652
  --text-color: var(--hop-Radio-text-color-selected);
1601
1653
  --icon-color: var(--hop-Radio-icon-color-selected);
1602
1654
  }
1603
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
1655
+ .Radio-module__hop-Radio___9Bh4R[data-invalid] {
1604
1656
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1605
1657
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1606
1658
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1607
1659
  --text-color: var(--hop-Radio-text-color-invalid);
1608
1660
  --icon-color: var(--hop-Radio-icon-color-invalid);
1609
1661
  }
1610
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
1662
+ .Radio-module__hop-Radio___9Bh4R:where([data-invalid])[data-focus-visible] {
1611
1663
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1612
1664
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1613
1665
  }
1614
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
1666
+ .Radio-module__hop-Radio___9Bh4R:where([data-invalid])[data-hovered] {
1615
1667
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1616
1668
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1617
1669
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1618
1670
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1619
1671
  }
1620
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
1672
+ .Radio-module__hop-Radio___9Bh4R:where([data-invalid])[data-pressed] {
1621
1673
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1622
1674
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1623
1675
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1624
1676
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1625
1677
  }
1626
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
1678
+ .Radio-module__hop-Radio___9Bh4R:where([data-invalid])[data-selected] {
1627
1679
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1628
1680
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1629
1681
  }
1630
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
1682
+ .Radio-module__hop-Radio___9Bh4R[data-disabled] {
1631
1683
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1632
1684
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1633
1685
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1635,25 +1687,25 @@
1635
1687
  --text-color: var(--hop-Radio-text-color-disabled);
1636
1688
  --icon-color: var(--hop-Radio-icon-color-disabled);
1637
1689
  }
1638
- .Radio-module__hop-Radio--sm___NYymj {
1690
+ .Radio-module__hop-Radio--sm___zLF4V {
1639
1691
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1640
1692
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1641
1693
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1642
1694
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1643
1695
  }
1644
- .Radio-module__hop-Radio--md___CQv8r {
1696
+ .Radio-module__hop-Radio--md___gKxx2 {
1645
1697
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1646
1698
  --box-block-size: var(--hop-Radio-box-md-block-size);
1647
1699
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1648
1700
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1649
1701
  }
1650
- .Radio-module__hop-Radio__icon___W3Yrf,
1651
- .Radio-module__hop-Radio__icon-list___Ky-BO {
1702
+ .Radio-module__hop-Radio__icon___FtbVn,
1703
+ .Radio-module__hop-Radio__icon-list___wF0hY {
1652
1704
  flex: 0 0 auto;
1653
1705
  order: 3;
1654
1706
  color: var(--icon-color);
1655
1707
  }
1656
- .Radio-module__hop-Radio__box___T-9Zw {
1708
+ .Radio-module__hop-Radio__box___Y0VE1 {
1657
1709
  display: flex;
1658
1710
  flex: 0 0 auto;
1659
1711
  align-items: center;
@@ -1669,11 +1721,11 @@
1669
1721
  outline-offset: 0.125rem;
1670
1722
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1671
1723
  }
1672
- .Radio-module__hop-Radio__bullet___aikpb {
1724
+ .Radio-module__hop-Radio__bullet___es-94 {
1673
1725
  display: var(--bullet-display);
1674
1726
  color: var(--bullet-color);
1675
1727
  }
1676
- .Radio-module__hop-Radio__text___gfkdz {
1728
+ .Radio-module__hop-Radio__text___-q0Z2 {
1677
1729
  flex: 0 1 auto;
1678
1730
  order: 2;
1679
1731
  min-inline-size: 0;
@@ -1681,24 +1733,24 @@
1681
1733
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1682
1734
  color: var(--text-color);
1683
1735
  }
1684
- .DecorativeRadio-module__hop-DecorativeRadio___rEyYa {
1736
+ .DecorativeRadio-module__hop-DecorativeRadio___3v5Ro {
1685
1737
  }
1686
- .DecorativeRadio-module__hop-DecorativeRadio--sm___c4DTm {
1738
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___2HhXt {
1687
1739
  }
1688
- .DecorativeRadio-module__hop-DecorativeRadio--md___4FKuP {
1740
+ .DecorativeRadio-module__hop-DecorativeRadio--md___X9jvu {
1689
1741
  }
1690
- .DecorativeRadio-module__hop-DecorativeRadio__icon___A0Dsb,
1691
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___fJ9KP {
1742
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___PvtCv,
1743
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___U4Az5 {
1692
1744
  }
1693
- .DecorativeRadio-module__hop-DecorativeRadio__box___e68gp {
1745
+ .DecorativeRadio-module__hop-DecorativeRadio__box___FYK2b {
1694
1746
  }
1695
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___WU567 {
1747
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___jI8X2 {
1696
1748
  }
1697
- .DecorativeRadio-module__hop-DecorativeRadio__text___5m-W5 {
1749
+ .DecorativeRadio-module__hop-DecorativeRadio__text___aiWaU {
1698
1750
  }
1699
1751
 
1700
1752
  /* 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___x-eOh {
1753
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___qf7nU {
1702
1754
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1703
1755
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1704
1756
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1724,7 +1776,7 @@
1724
1776
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1725
1777
  background-size: 400% 100%;
1726
1778
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1727
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4;
1779
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___cmTU1;
1728
1780
  animation-duration: var(--animation-duration);
1729
1781
  animation-timing-function: ease-in-out;
1730
1782
  animation-fill-mode: forwards;
@@ -1733,19 +1785,19 @@
1733
1785
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1734
1786
  }
1735
1787
  }
1736
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___0GrS5 {
1788
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___UY0IN {
1737
1789
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1738
1790
  }
1739
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___1E4s5 {
1791
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___eaduW {
1740
1792
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1741
1793
  }
1742
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___JXT-p {
1794
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___-jYC5 {
1743
1795
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1744
1796
  }
1745
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___671cG {
1797
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___8VWm- {
1746
1798
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1747
1799
  }
1748
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4 {
1800
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___cmTU1 {
1749
1801
  0% {
1750
1802
  background-position: 125% 50%;
1751
1803
  }
@@ -1755,7 +1807,7 @@
1755
1807
  }
1756
1808
 
1757
1809
  /* 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___MMTyZ {
1810
+ .ListBoxItem-module__hop-ListBoxItem___W325Q {
1759
1811
  --hop-ListBoxItem-background-color: transparent;
1760
1812
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1761
1813
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1852,129 +1904,129 @@
1852
1904
  outline: var(--outline);
1853
1905
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1854
1906
  }
1855
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS {
1907
+ .ListBoxItem-module__hop-ListBoxItem--xs___CdJZG {
1856
1908
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1857
1909
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1858
1910
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1859
1911
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1860
1912
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1861
1913
  }
1862
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7 {
1914
+ .ListBoxItem-module__hop-ListBoxItem--sm___dZMVr {
1863
1915
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1864
1916
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1865
1917
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1866
1918
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1867
1919
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1868
1920
  }
1869
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z {
1921
+ .ListBoxItem-module__hop-ListBoxItem--md___Lq6FY {
1870
1922
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1871
1923
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1872
1924
  --min-height: var(--hop-ListBoxItem-md-min-height);
1873
1925
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1874
1926
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1875
1927
  }
1876
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb {
1928
+ .ListBoxItem-module__hop-ListBoxItem--lg___vkdBW {
1877
1929
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1878
1930
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1879
1931
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1880
1932
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1881
1933
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1882
1934
  }
1883
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selection-mode] {
1935
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-selection-mode] {
1884
1936
  --cursor: pointer;
1885
1937
  }
1886
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:not([data-selection-mode]) {
1938
+ .ListBoxItem-module__hop-ListBoxItem___W325Q:not([data-selection-mode]) {
1887
1939
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1888
1940
  }
1889
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
1941
+ .ListBoxItem-module__hop-ListBoxItem__inner___KKBhD:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___wXLwn) {
1890
1942
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1891
1943
  }
1892
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
1944
+ .ListBoxItem-module__hop-ListBoxItem__inner___KKBhD[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___wXLwn) {
1893
1945
  --checkmark-transition: none;
1894
1946
  }
1895
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selected] {
1947
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-selected] {
1896
1948
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1897
1949
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1898
1950
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1899
1951
  --checkmark-opacity: 1;
1900
1952
  }
1901
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS[data-selected] {
1953
+ .ListBoxItem-module__hop-ListBoxItem--xs___CdJZG[data-selected] {
1902
1954
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1903
1955
  }
1904
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7[data-selected] {
1956
+ .ListBoxItem-module__hop-ListBoxItem--sm___dZMVr[data-selected] {
1905
1957
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1906
1958
  }
1907
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z[data-selected] {
1959
+ .ListBoxItem-module__hop-ListBoxItem--md___Lq6FY[data-selected] {
1908
1960
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1909
1961
  }
1910
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb[data-selected] {
1962
+ .ListBoxItem-module__hop-ListBoxItem--lg___vkdBW[data-selected] {
1911
1963
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1912
1964
  }
1913
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-focus-visible] {
1965
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-focus-visible] {
1914
1966
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1915
1967
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1916
1968
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1917
1969
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1918
1970
  }
1919
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-hovered] {
1971
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-hovered] {
1920
1972
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1921
1973
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1922
1974
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1923
1975
  }
1924
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-pressed] {
1976
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-pressed] {
1925
1977
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1926
1978
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1927
1979
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1928
1980
  }
1929
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-disabled] {
1981
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-disabled] {
1930
1982
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1931
1983
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1932
1984
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1933
1985
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1934
1986
  --cursor: not-allowed;
1935
1987
  }
1936
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid] {
1988
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-invalid] {
1937
1989
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1938
1990
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1939
1991
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1940
1992
  }
1941
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-selected] {
1993
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-invalid][data-selected] {
1942
1994
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1943
1995
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1944
1996
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1945
1997
  }
1946
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-focus-visible] {
1998
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-invalid][data-focus-visible] {
1947
1999
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1948
2000
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1949
2001
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1950
2002
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1951
2003
  }
1952
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-hovered] {
2004
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-invalid][data-hovered] {
1953
2005
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1954
2006
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1955
2007
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1956
2008
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1957
2009
  }
1958
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-pressed] {
2010
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-invalid][data-pressed] {
1959
2011
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1960
2012
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1961
2013
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1962
2014
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1963
2015
  }
1964
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-disabled] {
2016
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-invalid][data-disabled] {
1965
2017
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1966
2018
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1967
2019
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1968
2020
  }
1969
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:has(.ListBoxItem-module__hop-ListBoxItem__description___oX2hJ) {
2021
+ .ListBoxItem-module__hop-ListBoxItem___W325Q:has(.ListBoxItem-module__hop-ListBoxItem__description___QenNQ) {
1970
2022
  --row-gap: var(--hop-ListBoxItem-row-gap);
1971
2023
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1972
2024
  }
1973
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-loading] {
2025
+ .ListBoxItem-module__hop-ListBoxItem___W325Q[data-loading] {
1974
2026
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1975
2027
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1976
2028
  }
1977
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw {
2029
+ .ListBoxItem-module__hop-ListBoxItem__inner___KKBhD {
1978
2030
  display: grid;
1979
2031
  grid-template-areas: var(--grid-template-areas);
1980
2032
  grid-template-columns: var(--grid-template-columns);
@@ -1986,33 +2038,33 @@
1986
2038
  padding-inline: var(--padding-inline);
1987
2039
  transition: grid-template-columns .3s ease-in-out;
1988
2040
  }
1989
- .ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms {
2041
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___wXLwn {
1990
2042
  grid-area: indicator;
1991
2043
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1992
2044
  color: var(--icon-color);
1993
2045
  opacity: var(--checkmark-opacity);
1994
2046
  transition: var(--checkmark-transition);
1995
2047
  }
1996
- .ListBoxItem-module__hop-ListBoxItem__radio___-E4Qp,
1997
- .ListBoxItem-module__hop-ListBoxItem__checkbox___gDZAy {
2048
+ .ListBoxItem-module__hop-ListBoxItem__radio___CfP0T,
2049
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___iaY3V {
1998
2050
  pointer-events: none;
1999
2051
  user-select: none;
2000
2052
  grid-area: indicator;
2001
2053
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2002
2054
  }
2003
- .ListBoxItem-module__hop-ListBoxItem__avatar___ENL9t {
2055
+ .ListBoxItem-module__hop-ListBoxItem__avatar___p2wCv {
2004
2056
  grid-area: avatar;
2005
2057
  margin-block: var(--avatar-margin-block, 0);
2006
2058
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2007
2059
  }
2008
- .ListBoxItem-module__hop-ListBoxItem__icon-list___qp7p9,
2009
- .ListBoxItem-module__hop-ListBoxItem__icon___uvHkz {
2060
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___ITmPT,
2061
+ .ListBoxItem-module__hop-ListBoxItem__icon___IxLk2 {
2010
2062
  grid-area: icon;
2011
2063
  flex: 0 0 auto;
2012
2064
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2013
2065
  color: var(--icon-color);
2014
2066
  }
2015
- .ListBoxItem-module__hop-ListBoxItem__label___RjMsK {
2067
+ .ListBoxItem-module__hop-ListBoxItem__label___m0bUs {
2016
2068
  overflow: hidden;
2017
2069
  grid-area: label;
2018
2070
  min-inline-size: 0;
@@ -2020,18 +2072,18 @@
2020
2072
  text-overflow: ellipsis;
2021
2073
  white-space: nowrap;
2022
2074
  }
2023
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___guJ4T,
2024
- .ListBoxItem-module__hop-ListBoxItem__end-icon___wqMna {
2075
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zzPrO,
2076
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___awWKd {
2025
2077
  grid-area: end-icon;
2026
2078
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2027
2079
  color: var(--icon-color);
2028
2080
  }
2029
- .ListBoxItem-module__hop-ListBoxItem__badge___kKsUG {
2081
+ .ListBoxItem-module__hop-ListBoxItem__badge___-kCfN {
2030
2082
  grid-area: badge;
2031
2083
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2032
2084
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2033
2085
  }
2034
- .ListBoxItem-module__hop-ListBoxItem__description___oX2hJ {
2086
+ .ListBoxItem-module__hop-ListBoxItem__description___QenNQ {
2035
2087
  overflow: hidden;
2036
2088
  display: -webkit-box;
2037
2089
  grid-area: description;
@@ -2042,7 +2094,7 @@
2042
2094
  }
2043
2095
 
2044
2096
  /* 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___eUpnT {
2097
+ .ListBox-module__hop-ListBox___LIHuX {
2046
2098
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2047
2099
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2048
2100
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2089,11 +2141,11 @@
2089
2141
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2090
2142
  border-radius: var(--hop-ListBox-border-radius);
2091
2143
  }
2092
- .ListBox-module__hop-ListBox--fluid___Ippzh {
2144
+ .ListBox-module__hop-ListBox--fluid___a3XQA {
2093
2145
  --max-width: var(--hop-ListBox-fluid-max-width);
2094
2146
  --width: var(--hop-ListBox-fluid-width);
2095
2147
  }
2096
- .ListBox-module__hop-ListBox__section___qvP27 {
2148
+ .ListBox-module__hop-ListBox__section___0UWh0 {
2097
2149
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2098
2150
  margin-inline: var(--hop-ListBox-section-margin-inline);
2099
2151
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2101,21 +2153,21 @@
2101
2153
  border-block-start: var(--section-border-block-start);
2102
2154
  border-block-end: var(--section-border-block-end);
2103
2155
  }
2104
- .ListBox-module__hop-ListBox__item___zZ38V + .ListBox-module__hop-ListBox__section___qvP27 {
2156
+ .ListBox-module__hop-ListBox__item___fcJBr + .ListBox-module__hop-ListBox__section___0UWh0 {
2105
2157
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2106
2158
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2107
2159
  }
2108
- .ListBox-module__hop-ListBox__section___qvP27:has(+ .ListBox-module__hop-ListBox__item___zZ38V) {
2160
+ .ListBox-module__hop-ListBox__section___0UWh0:has(+ .ListBox-module__hop-ListBox__item___fcJBr) {
2109
2161
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2110
2162
  }
2111
- .ListBox-module__hop-ListBox__section___qvP27:first-child {
2163
+ .ListBox-module__hop-ListBox__section___0UWh0:first-child {
2112
2164
  --section-padding-block-start: 0;
2113
2165
  }
2114
- .ListBox-module__hop-ListBox__section___qvP27:last-child {
2166
+ .ListBox-module__hop-ListBox__section___0UWh0:last-child {
2115
2167
  --section-padding-block-end: 0;
2116
2168
  --section-border-block-end: 0;
2117
2169
  }
2118
- .ListBox-module__hop-ListBox__section-header___6j-wC {
2170
+ .ListBox-module__hop-ListBox__section-header___cIBsM {
2119
2171
  margin: 0;
2120
2172
  padding: var(--hop-ListBox-section-header-padding);
2121
2173
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2126,23 +2178,23 @@
2126
2178
  text-transform: var(--hop-ListBox-section-header-text-transform);
2127
2179
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2128
2180
  }
2129
- .ListBox-module__hop-ListBox__section-header___6j-wC::before,
2130
- .ListBox-module__hop-ListBox__section-header___6j-wC::after {
2181
+ .ListBox-module__hop-ListBox__section-header___cIBsM::before,
2182
+ .ListBox-module__hop-ListBox__section-header___cIBsM::after {
2131
2183
  content: "";
2132
2184
  display: block;
2133
2185
  box-sizing: border-box;
2134
2186
  inline-size: 0;
2135
2187
  block-size: 0;
2136
2188
  }
2137
- .ListBox-module__hop-ListBox__section-header___6j-wC::before {
2189
+ .ListBox-module__hop-ListBox__section-header___cIBsM::before {
2138
2190
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2139
2191
  }
2140
- .ListBox-module__hop-ListBox__section-header___6j-wC::after {
2192
+ .ListBox-module__hop-ListBox__section-header___cIBsM::after {
2141
2193
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2142
2194
  }
2143
2195
 
2144
2196
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
2145
- @keyframes Spinner-module__spin___fXcm0 {
2197
+ @keyframes Spinner-module__spin___GKhd9 {
2146
2198
  0% {
2147
2199
  transform: rotate(0deg);
2148
2200
  }
@@ -2150,7 +2202,7 @@
2150
2202
  transform: rotate(360deg);
2151
2203
  }
2152
2204
  }
2153
- .Spinner-module__hop-Spinner___LybXq {
2205
+ .Spinner-module__hop-Spinner___NrEvy {
2154
2206
  --hop-Spinner-border-radius: var(--hop-shape-circle);
2155
2207
  --hop-Spinner-sm-wheel-size: 1rem;
2156
2208
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -2158,7 +2210,7 @@
2158
2210
  --hop-Spinner-track-width: 0.125rem;
2159
2211
  --hop-Spinner-track-opacity: 0.2;
2160
2212
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
2161
- --hop-Spinner-fill-animation: Spinner-module__spin___fXcm0 .8s infinite linear;
2213
+ --hop-Spinner-fill-animation: Spinner-module__spin___GKhd9 .8s infinite linear;
2162
2214
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
2163
2215
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
2164
2216
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -2169,19 +2221,19 @@
2169
2221
  align-items: center;
2170
2222
  box-sizing: border-box;
2171
2223
  }
2172
- .Spinner-module__hop-Spinner--sm___PkfSB {
2224
+ .Spinner-module__hop-Spinner--sm___YrBlT {
2173
2225
  --width: var(--hop-Spinner-sm-wheel-size);
2174
2226
  --height: var(--hop-Spinner-sm-wheel-size);
2175
2227
  }
2176
- .Spinner-module__hop-Spinner--md___2w-Xd {
2228
+ .Spinner-module__hop-Spinner--md___ALxn- {
2177
2229
  --width: var(--hop-Spinner-md-wheel-size);
2178
2230
  --height: var(--hop-Spinner-md-wheel-size);
2179
2231
  }
2180
- .Spinner-module__hop-Spinner--lg___3kP3e {
2232
+ .Spinner-module__hop-Spinner--lg___lKiQ0 {
2181
2233
  --width: var(--hop-Spinner-lg-wheel-size);
2182
2234
  --height: var(--hop-Spinner-lg-wheel-size);
2183
2235
  }
2184
- .Spinner-module__hop-Spinner__track___b8Ks- {
2236
+ .Spinner-module__hop-Spinner__track___ZfVvK {
2185
2237
  grid-area: spinner;
2186
2238
  box-sizing: border-box;
2187
2239
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2190,7 +2242,7 @@
2190
2242
  border: var(--hop-Spinner-track-border);
2191
2243
  border-radius: var(--hop-Spinner-border-radius);
2192
2244
  }
2193
- .Spinner-module__hop-Spinner__fill___zKi4O {
2245
+ .Spinner-module__hop-Spinner__fill___Wvmdn {
2194
2246
  grid-area: spinner;
2195
2247
  box-sizing: border-box;
2196
2248
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2201,17 +2253,17 @@
2201
2253
  animation: var(--hop-Spinner-fill-animation);
2202
2254
  }
2203
2255
  @media (prefers-reduced-motion: reduce) {
2204
- .Spinner-module__hop-Spinner__fill___zKi4O {
2256
+ .Spinner-module__hop-Spinner__fill___Wvmdn {
2205
2257
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
2206
2258
  }
2207
2259
  }
2208
- .Spinner-module__hop-Spinner__label___On4P- {
2260
+ .Spinner-module__hop-Spinner__label___Av11I {
2209
2261
  grid-area: label;
2210
2262
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
2211
2263
  }
2212
2264
 
2213
2265
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
2214
- .Button-module__hop-Button___5w5a2 {
2266
+ .Button-module__hop-Button___BnZcq {
2215
2267
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
2216
2268
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
2217
2269
  --hop-Button-icon-only-padding: 0;
@@ -2370,317 +2422,317 @@
2370
2422
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2371
2423
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
2372
2424
  }
2373
- .Button-module__hop-Button___5w5a2[data-focus-visible] {
2425
+ .Button-module__hop-Button___BnZcq[data-focus-visible] {
2374
2426
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
2375
2427
  }
2376
- .Button-module__hop-Button--icon-only___V-noN {
2428
+ .Button-module__hop-Button--icon-only___IFDUG {
2377
2429
  --padding-block: var(--hop-Button-icon-only-padding);
2378
2430
  --padding-inline: var(--hop-Button-icon-only-padding);
2379
2431
  column-gap: 0;
2380
2432
  aspect-ratio: 1;
2381
2433
  }
2382
- .Button-module__hop-Button___5w5a2[data-disabled],
2383
- .Button-module__hop-Button___5w5a2[data-loading] {
2434
+ .Button-module__hop-Button___BnZcq[data-disabled],
2435
+ .Button-module__hop-Button___BnZcq[data-loading] {
2384
2436
  cursor: not-allowed;
2385
2437
  }
2386
- .Button-module__hop-Button--fluid___QaAvn {
2438
+ .Button-module__hop-Button--fluid___SKVyY {
2387
2439
  --inline-size: 100%;
2388
2440
  }
2389
- .Button-module__hop-Button--sm___nMy5q {
2441
+ .Button-module__hop-Button--sm___UtI6P {
2390
2442
  --block-size: var(--hop-Button-sm-height);
2391
2443
  }
2392
- .Button-module__hop-Button--primary___EvsVi.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2444
+ .Button-module__hop-Button--primary___YvIex.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
2393
2445
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
2394
2446
  --padding-block: var(--hop-Button-primary-sm-padding-y);
2395
2447
  }
2396
- .Button-module__hop-Button--primary___EvsVi.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2448
+ .Button-module__hop-Button--primary___YvIex.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
2397
2449
  --padding-inline: var(--hop-Button-primary-md-padding-x);
2398
2450
  --padding-block: var(--hop-Button-primary-md-padding-y);
2399
2451
  }
2400
- .Button-module__hop-Button--secondary___HYyfJ.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2452
+ .Button-module__hop-Button--secondary___-im3S.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
2401
2453
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
2402
2454
  --padding-block: var(--hop-Button-secondary-md-padding-y);
2403
2455
  }
2404
- .Button-module__hop-Button--secondary___HYyfJ.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2456
+ .Button-module__hop-Button--secondary___-im3S.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
2405
2457
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
2406
2458
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
2407
2459
  }
2408
- .Button-module__hop-Button--upsell___laWqg.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2460
+ .Button-module__hop-Button--upsell___ytjAz.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
2409
2461
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
2410
2462
  --padding-block: var(--hop-Button-upsell-md-padding-y);
2411
2463
  }
2412
- .Button-module__hop-Button--upsell___laWqg.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2464
+ .Button-module__hop-Button--upsell___ytjAz.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
2413
2465
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
2414
2466
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
2415
2467
  }
2416
- .Button-module__hop-Button--danger___4-NJy.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2468
+ .Button-module__hop-Button--danger___vcD8w.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
2417
2469
  --padding-inline: var(--hop-Button-danger-md-padding-x);
2418
2470
  --padding-block: var(--hop-Button-danger-md-padding-y);
2419
2471
  }
2420
- .Button-module__hop-Button--danger___4-NJy.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2472
+ .Button-module__hop-Button--danger___vcD8w.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
2421
2473
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
2422
2474
  --padding-block: var(--hop-Button-danger-sm-padding-y);
2423
2475
  }
2424
- .Button-module__hop-Button--ghost-danger___5xkKn.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2476
+ .Button-module__hop-Button--ghost-danger___4RCQS.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
2425
2477
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
2426
2478
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
2427
2479
  }
2428
- .Button-module__hop-Button--ghost-danger___5xkKn.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2480
+ .Button-module__hop-Button--ghost-danger___4RCQS.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
2429
2481
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
2430
2482
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
2431
2483
  }
2432
- .Button-module__hop-Button--ghost-secondary___74X2R.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2484
+ .Button-module__hop-Button--ghost-secondary___GwotL.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
2433
2485
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
2434
2486
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
2435
2487
  }
2436
- .Button-module__hop-Button--ghost-secondary___74X2R.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2488
+ .Button-module__hop-Button--ghost-secondary___GwotL.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
2437
2489
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
2438
2490
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
2439
2491
  }
2440
- .Button-module__hop-Button--ghost-primary___sh82s.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
2492
+ .Button-module__hop-Button--ghost-primary___5gGhU.Button-module__hop-Button--md___-bMkM:not(.Button-module__hop-Button--icon-only___IFDUG) {
2441
2493
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
2442
2494
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
2443
2495
  }
2444
- .Button-module__hop-Button--ghost-primary___sh82s.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
2496
+ .Button-module__hop-Button--ghost-primary___5gGhU.Button-module__hop-Button--sm___UtI6P:not(.Button-module__hop-Button--icon-only___IFDUG) {
2445
2497
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
2446
2498
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
2447
2499
  }
2448
- .Button-module__hop-Button--primary___EvsVi {
2500
+ .Button-module__hop-Button--primary___YvIex {
2449
2501
  --background-color: var(--hop-Button-primary-background-color);
2450
2502
  --color: var(--hop-Button-primary-color);
2451
2503
  --border: var(--hop-Button-primary-border);
2452
2504
  --spinner-color: var(--hop-Button-primary-spinner-color);
2453
2505
  }
2454
- .Button-module__hop-Button--primary___EvsVi[data-disabled]:not([data-loading]) {
2506
+ .Button-module__hop-Button--primary___YvIex[data-disabled]:not([data-loading]) {
2455
2507
  --background-color: var(--hop-Button-primary-background-color-disabled);
2456
2508
  --color: var(--hop-Button-primary-color-disabled);
2457
2509
  --border: var(--hop-Button-primary-border-disabled);
2458
2510
  }
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]) {
2511
+ .Button-module__hop-Button--primary___YvIex[data-hovered]:not([data-disabled], [data-loading]),
2512
+ .Button-module__hop-Button--primary___YvIex[data-focus-visible]:not([data-disabled], [data-loading]) {
2461
2513
  --background-color: var(--hop-Button-primary-background-color-hover);
2462
2514
  --color: var(--hop-Button-primary-color-hover);
2463
2515
  --border: var(--hop-Button-primary-border-hover);
2464
2516
  }
2465
- .Button-module__hop-Button--primary___EvsVi[data-pressed]:not([data-loading]) {
2517
+ .Button-module__hop-Button--primary___YvIex[data-pressed]:not([data-loading]) {
2466
2518
  --background-color: var(--hop-Button-primary-background-color-pressed);
2467
2519
  --color: var(--hop-Button-primary-color-pressed);
2468
2520
  --border: var(--hop-Button-primary-border-pressed);
2469
2521
  }
2470
- .Button-module__hop-Button--secondary___HYyfJ {
2522
+ .Button-module__hop-Button--secondary___-im3S {
2471
2523
  --background-color: var(--hop-Button-secondary-background-color);
2472
2524
  --color: var(--hop-Button-secondary-color);
2473
2525
  --border: var(--hop-Button-secondary-border);
2474
2526
  --spinner-color: var(--hop-Button-secondary-spinner-color);
2475
2527
  }
2476
- .Button-module__hop-Button--secondary___HYyfJ[data-disabled]:not([data-loading]) {
2528
+ .Button-module__hop-Button--secondary___-im3S[data-disabled]:not([data-loading]) {
2477
2529
  --background-color: var(--hop-Button-secondary-background-color-disabled);
2478
2530
  --color: var(--hop-Button-secondary-color-disabled);
2479
2531
  --border: var(--hop-Button-secondary-border-disabled);
2480
2532
  }
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]) {
2533
+ .Button-module__hop-Button--secondary___-im3S[data-hovered]:not([data-disabled], [data-loading]),
2534
+ .Button-module__hop-Button--secondary___-im3S[data-focus-visible]:not([data-disabled], [data-loading]) {
2483
2535
  --background-color: var(--hop-Button-secondary-background-color-hover);
2484
2536
  --color: var(--hop-Button-secondary-color-hover);
2485
2537
  --border: var(--hop-Button-secondary-border-hover);
2486
2538
  }
2487
- .Button-module__hop-Button--secondary___HYyfJ[data-pressed]:not([data-loading]) {
2539
+ .Button-module__hop-Button--secondary___-im3S[data-pressed]:not([data-loading]) {
2488
2540
  --background-color: var(--hop-Button-secondary-background-color-pressed);
2489
2541
  --color: var(--hop-Button-secondary-color-pressed);
2490
2542
  --border: var(--hop-Button-secondary-border-pressed);
2491
2543
  }
2492
- .Button-module__hop-Button--upsell___laWqg {
2544
+ .Button-module__hop-Button--upsell___ytjAz {
2493
2545
  --background-color: var(--hop-Button-upsell-background-color);
2494
2546
  --color: var(--hop-Button-upsell-color);
2495
2547
  --border: var(--hop-Button-upsell-border);
2496
2548
  --spinner-color: var(--hop-Button-upsell-spinner-color);
2497
2549
  }
2498
- .Button-module__hop-Button--upsell___laWqg[data-disabled]:not([data-loading]) {
2550
+ .Button-module__hop-Button--upsell___ytjAz[data-disabled]:not([data-loading]) {
2499
2551
  --background-color: var(--hop-Button-upsell-background-color-disabled);
2500
2552
  --color: var(--hop-Button-upsell-color-disabled);
2501
2553
  --border: var(--hop-Button-upsell-border-disabled);
2502
2554
  }
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]) {
2555
+ .Button-module__hop-Button--upsell___ytjAz[data-hovered]:not([data-disabled], [data-loading]),
2556
+ .Button-module__hop-Button--upsell___ytjAz[data-focus-visible]:not([data-disabled], [data-loading]) {
2505
2557
  --background-color: var(--hop-Button-upsell-background-color-hover);
2506
2558
  --color: var(--hop-Button-upsell-color-hover);
2507
2559
  --border: var(--hop-Button-upsell-border-hover);
2508
2560
  }
2509
- .Button-module__hop-Button--upsell___laWqg[data-pressed]:not([data-loading]) {
2561
+ .Button-module__hop-Button--upsell___ytjAz[data-pressed]:not([data-loading]) {
2510
2562
  --background-color: var(--hop-Button-upsell-background-color-pressed);
2511
2563
  --color: var(--hop-Button-upsell-color-pressed);
2512
2564
  --border: var(--hop-Button-upsell-border-pressed);
2513
2565
  }
2514
- .Button-module__hop-Button--danger___4-NJy {
2566
+ .Button-module__hop-Button--danger___vcD8w {
2515
2567
  --background-color: var(--hop-Button-danger-background-color);
2516
2568
  --color: var(--hop-Button-danger-color);
2517
2569
  --border: var(--hop-Button-danger-border);
2518
2570
  --spinner-color: var(--hop-Button-danger-spinner-color);
2519
2571
  }
2520
- .Button-module__hop-Button--danger___4-NJy[data-disabled]:not([data-loading]) {
2572
+ .Button-module__hop-Button--danger___vcD8w[data-disabled]:not([data-loading]) {
2521
2573
  --background-color: var(--hop-Button-danger-background-color-disabled);
2522
2574
  --color: var(--hop-Button-danger-color-disabled);
2523
2575
  --border: var(--hop-Button-danger-border-disabled);
2524
2576
  }
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]) {
2577
+ .Button-module__hop-Button--danger___vcD8w[data-hovered]:not([data-disabled], [data-loading]),
2578
+ .Button-module__hop-Button--danger___vcD8w[data-focus-visible]:not([data-disabled], [data-loading]) {
2527
2579
  --background-color: var(--hop-Button-danger-background-color-hover);
2528
2580
  --color: var(--hop-Button-danger-color-hover);
2529
2581
  --border: var(--hop-Button-danger-border-hover);
2530
2582
  }
2531
- .Button-module__hop-Button--danger___4-NJy[data-pressed]:not([data-loading]) {
2583
+ .Button-module__hop-Button--danger___vcD8w[data-pressed]:not([data-loading]) {
2532
2584
  --background-color: var(--hop-Button-danger-background-color-pressed);
2533
2585
  --color: var(--hop-Button-danger-color-pressed);
2534
2586
  --border: var(--hop-Button-danger-border-pressed);
2535
2587
  }
2536
- .Button-module__hop-Button--ghost-primary___sh82s {
2588
+ .Button-module__hop-Button--ghost-primary___5gGhU {
2537
2589
  --background-color: var(--hop-Button-ghost-primary-background-color);
2538
2590
  --color: var(--hop-Button-ghost-primary-color);
2539
2591
  --border: var(--hop-Button-ghost-primary-border);
2540
2592
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2541
2593
  }
2542
- .Button-module__hop-Button--ghost-primary___sh82s[data-disabled]:not([data-loading]) {
2594
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-disabled]:not([data-loading]) {
2543
2595
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
2544
2596
  --color: var(--hop-Button-ghost-primary-color-disabled);
2545
2597
  --border: var(--hop-Button-ghost-primary-border-disabled);
2546
2598
  }
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]) {
2599
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-hovered]:not([data-disabled], [data-loading]),
2600
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-focus-visible]:not([data-disabled], [data-loading]) {
2549
2601
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
2550
2602
  --color: var(--hop-Button-ghost-primary-color-hover);
2551
2603
  --border: var(--hop-Button-ghost-primary-border-hover);
2552
2604
  }
2553
- .Button-module__hop-Button--ghost-primary___sh82s[data-pressed]:not([data-loading]) {
2605
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-pressed]:not([data-loading]) {
2554
2606
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
2555
2607
  --color: var(--hop-Button-ghost-primary-color-pressed);
2556
2608
  --border: var(--hop-Button-ghost-primary-border-pressed);
2557
2609
  }
2558
- .Button-module__hop-Button--ghost-secondary___74X2R {
2610
+ .Button-module__hop-Button--ghost-secondary___GwotL {
2559
2611
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2560
2612
  --color: var(--hop-Button-ghost-secondary-color);
2561
2613
  --border: var(--hop-Button-ghost-secondary-border);
2562
2614
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2563
2615
  }
2564
- .Button-module__hop-Button--ghost-secondary___74X2R[data-disabled]:not([data-loading]) {
2616
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-disabled]:not([data-loading]) {
2565
2617
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
2566
2618
  --color: var(--hop-Button-ghost-secondary-color-disabled);
2567
2619
  --border: var(--hop-Button-ghost-secondary-border-disabled);
2568
2620
  }
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]) {
2621
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-hovered]:not([data-disabled], [data-loading]),
2622
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-focus-visible]:not([data-disabled], [data-loading]) {
2571
2623
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
2572
2624
  --color: var(--hop-Button-ghost-secondary-color-hover);
2573
2625
  --border: var(--hop-Button-ghost-secondary-border-hover);
2574
2626
  }
2575
- .Button-module__hop-Button--ghost-secondary___74X2R[data-pressed]:not([data-loading]) {
2627
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-pressed]:not([data-loading]) {
2576
2628
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2577
2629
  --color: var(--hop-Button-ghost-secondary-color-pressed);
2578
2630
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2579
2631
  }
2580
- .Button-module__hop-Button--ghost-danger___5xkKn {
2632
+ .Button-module__hop-Button--ghost-danger___4RCQS {
2581
2633
  --background-color: var(--hop-Button-ghost-danger-background-color);
2582
2634
  --color: var(--hop-Button-ghost-danger-color);
2583
2635
  --border: var(--hop-Button-ghost-danger-border);
2584
2636
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2585
2637
  }
2586
- .Button-module__hop-Button--ghost-danger___5xkKn[data-disabled]:not([data-loading]) {
2638
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-disabled]:not([data-loading]) {
2587
2639
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
2588
2640
  --color: var(--hop-Button-ghost-danger-color-disabled);
2589
2641
  --border: var(--hop-Button-ghost-danger-border-disabled);
2590
2642
  }
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]) {
2643
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-hovered]:not([data-disabled], [data-loading]),
2644
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-focus-visible]:not([data-disabled], [data-loading]) {
2593
2645
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2594
2646
  --color: var(--hop-Button-ghost-danger-color-hover);
2595
2647
  --border: var(--hop-Button-ghost-danger-border-hover);
2596
2648
  }
2597
- .Button-module__hop-Button--ghost-danger___5xkKn[data-pressed]:not([data-loading]) {
2649
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-pressed]:not([data-loading]) {
2598
2650
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2599
2651
  --color: var(--hop-Button-ghost-danger-color-pressed);
2600
2652
  --border: var(--hop-Button-ghost-danger-border-pressed);
2601
2653
  }
2602
- .Button-module__hop-Button__Spinner___23sIY {
2654
+ .Button-module__hop-Button__Spinner___OZ3q6 {
2603
2655
  position: absolute;
2604
2656
  justify-self: center;
2605
2657
  color: var(--spinner-color);
2606
2658
  }
2607
- .Button-module__hop-Button__icon___OCH09,
2608
- .Button-module__hop-Button__icon-list___90QTb {
2659
+ .Button-module__hop-Button__icon___yQZMY,
2660
+ .Button-module__hop-Button__icon-list___gGuuU {
2609
2661
  grid-area: start-icon;
2610
2662
  justify-self: end;
2611
2663
  }
2612
- .Button-module__hop-Button__text___hmgmJ {
2664
+ .Button-module__hop-Button__text___dI2SY {
2613
2665
  user-select: none;
2614
2666
  overflow: visible;
2615
2667
  grid-area: content;
2616
2668
  font-weight: var(--hop-font-weight-505);
2617
2669
  text-wrap: nowrap;
2618
2670
  }
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 {
2671
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
2672
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
2673
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
2674
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
2675
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
2676
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
2677
+ .Button-module__hop-Button--ghost-primary___5gGhU[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
2678
+ .Button-module__hop-Button--ghost-secondary___GwotL[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___dI2SY,
2679
+ .Button-module__hop-Button--ghost-danger___4RCQS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___dI2SY {
2628
2680
  text-decoration: underline;
2629
2681
  text-underline-offset: 0.125rem;
2630
2682
  }
2631
- .Button-module__hop-Button__end-icon___WUX-K,
2632
- .Button-module__hop-Button__end-icon-list___TYtCm {
2683
+ .Button-module__hop-Button__end-icon___jThJU,
2684
+ .Button-module__hop-Button__end-icon-list___E79O6 {
2633
2685
  grid-area: end-icon;
2634
2686
  }
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 {
2687
+ .Button-module__hop-Button___BnZcq .Button-module__hop-Button__icon-list___gGuuU,
2688
+ .Button-module__hop-Button___BnZcq .Button-module__hop-Button__end-icon-list___E79O6 {
2637
2689
  flex-wrap: nowrap;
2638
2690
  }
2639
- .Button-module__hop-Button___5w5a2[data-loading] > *:not(.Button-module__hop-Button__Spinner___23sIY) {
2691
+ .Button-module__hop-Button___BnZcq[data-loading] > *:not(.Button-module__hop-Button__Spinner___OZ3q6) {
2640
2692
  opacity: 0;
2641
2693
  }
2642
2694
 
2643
2695
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
2644
- .ButtonGroup-module__hop-ButtonGroup___BKZ0u {
2696
+ .ButtonGroup-module__hop-ButtonGroup___peGwG {
2645
2697
  display: inline-flex;
2646
2698
  flex-wrap: nowrap;
2647
2699
  gap: var(--hop-space-inline-md);
2648
2700
  }
2649
- .ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
2701
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___-28HA {
2650
2702
  justify-content: center;
2651
2703
  }
2652
- .ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
2704
+ .ButtonGroup-module__hop-ButtonGroup--vertical___oEB32 {
2653
2705
  flex-direction: column;
2654
2706
  gap: var(--hop-space-stack-md);
2655
2707
  align-items: center;
2656
2708
  }
2657
- .ButtonGroup-module__hop-ButtonGroup--start___L2vod.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
2709
+ .ButtonGroup-module__hop-ButtonGroup--start___EIxXS.ButtonGroup-module__hop-ButtonGroup--vertical___oEB32 {
2658
2710
  align-items: flex-start;
2659
2711
  }
2660
- .ButtonGroup-module__hop-ButtonGroup--center___FTkrz.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
2712
+ .ButtonGroup-module__hop-ButtonGroup--center___LzAzO.ButtonGroup-module__hop-ButtonGroup--vertical___oEB32 {
2661
2713
  align-items: center;
2662
2714
  }
2663
- .ButtonGroup-module__hop-ButtonGroup--end___5RFlc.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
2715
+ .ButtonGroup-module__hop-ButtonGroup--end___NKKh-.ButtonGroup-module__hop-ButtonGroup--vertical___oEB32 {
2664
2716
  align-items: flex-end;
2665
2717
  }
2666
- .ButtonGroup-module__hop-ButtonGroup--start___L2vod.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
2718
+ .ButtonGroup-module__hop-ButtonGroup--start___EIxXS.ButtonGroup-module__hop-ButtonGroup--horizontal___-28HA {
2667
2719
  justify-content: flex-start;
2668
2720
  }
2669
- .ButtonGroup-module__hop-ButtonGroup--center___FTkrz.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
2721
+ .ButtonGroup-module__hop-ButtonGroup--center___LzAzO.ButtonGroup-module__hop-ButtonGroup--horizontal___-28HA {
2670
2722
  justify-content: center;
2671
2723
  }
2672
- .ButtonGroup-module__hop-ButtonGroup--end___5RFlc.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
2724
+ .ButtonGroup-module__hop-ButtonGroup--end___NKKh-.ButtonGroup-module__hop-ButtonGroup--horizontal___-28HA {
2673
2725
  justify-content: flex-end;
2674
2726
  }
2675
- .ButtonGroup-module__hop-ButtonGroup--wrap___QEzzw {
2727
+ .ButtonGroup-module__hop-ButtonGroup--wrap___8glcj {
2676
2728
  flex-wrap: wrap;
2677
2729
  }
2678
- .ButtonGroup-module__hop-ButtonGroup--fluid___uxaS1 {
2730
+ .ButtonGroup-module__hop-ButtonGroup--fluid___ryBpP {
2679
2731
  inline-size: 100%;
2680
2732
  }
2681
2733
 
2682
2734
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
2683
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF {
2735
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1 {
2684
2736
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
2685
2737
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
2686
2738
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -2844,7 +2896,7 @@
2844
2896
  outline: none;
2845
2897
  transition: color var(--transition);
2846
2898
  }
2847
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF::before {
2899
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1::before {
2848
2900
  content: "";
2849
2901
  position: absolute;
2850
2902
  inset-block-start: 50%;
@@ -2857,291 +2909,486 @@
2857
2909
  border-radius: var(--effect-border-radius);
2858
2910
  transition: background-color var(--transition);
2859
2911
  }
2860
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-square] {
2912
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1[data-square] {
2861
2913
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
2862
2914
  }
2863
- .EmbeddedButton-module__hop-EmbeddedButton--md___P-YqL {
2915
+ .EmbeddedButton-module__hop-EmbeddedButton--md___YerXu {
2864
2916
  --inline-size: var(--hop-EmbeddedButton-md-width);
2865
2917
  --block-size: var(--hop-EmbeddedButton-md-height);
2866
2918
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
2867
2919
  }
2868
- .EmbeddedButton-module__hop-EmbeddedButton--lg___7q2Cu {
2920
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Orpxh {
2869
2921
  --inline-size: var(--hop-EmbeddedButton-lg-width);
2870
2922
  --block-size: var(--hop-EmbeddedButton-lg-height);
2871
2923
  --focus-ring-offset: 0;
2872
2924
  }
2873
- .EmbeddedButton-module__hop-EmbeddedButton--md___P-YqL::before {
2925
+ .EmbeddedButton-module__hop-EmbeddedButton--md___YerXu::before {
2874
2926
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
2875
2927
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
2876
2928
  }
2877
- .EmbeddedButton-module__hop-EmbeddedButton--lg___7q2Cu::before {
2929
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Orpxh::before {
2878
2930
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
2879
2931
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
2880
2932
  }
2881
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD {
2933
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___J2aMz {
2882
2934
  --color: var(--hop-EmbeddedButton-neutral-color);
2883
2935
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
2884
2936
  }
2885
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO {
2937
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ktact {
2886
2938
  --color: var(--hop-EmbeddedButton-subdued-color);
2887
2939
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
2888
2940
  }
2889
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65- {
2941
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___4QSlo {
2890
2942
  --color: var(--hop-EmbeddedButton-progress-color);
2891
2943
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
2892
2944
  }
2893
- .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj {
2945
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IkDM8 {
2894
2946
  --color: var(--hop-EmbeddedButton-positive-color);
2895
2947
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
2896
2948
  }
2897
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e {
2949
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___LTJKh {
2898
2950
  --color: var(--hop-EmbeddedButton-caution-color);
2899
2951
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
2900
2952
  }
2901
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf {
2953
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___nlex4 {
2902
2954
  --color: var(--hop-EmbeddedButton-negative-color);
2903
2955
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
2904
2956
  }
2905
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0 {
2957
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___0M1Z9 {
2906
2958
  --color: var(--hop-EmbeddedButton-option1-color);
2907
2959
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
2908
2960
  }
2909
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d {
2961
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___uwDHL {
2910
2962
  --color: var(--hop-EmbeddedButton-option2-color);
2911
2963
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
2912
2964
  }
2913
- .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW {
2965
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bMb4Q {
2914
2966
  --color: var(--hop-EmbeddedButton-option3-color);
2915
2967
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
2916
2968
  }
2917
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58 {
2969
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6FFR4 {
2918
2970
  --color: var(--hop-EmbeddedButton-option4-color);
2919
2971
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
2920
2972
  }
2921
- .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4 {
2973
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uHcVz {
2922
2974
  --color: var(--hop-EmbeddedButton-option5-color);
2923
2975
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
2924
2976
  }
2925
- .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN {
2977
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___0CXDL {
2926
2978
  --color: var(--hop-EmbeddedButton-option6-color);
2927
2979
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
2928
2980
  }
2929
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-selected] {
2981
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1[data-selected] {
2930
2982
  --color: var(--hop-EmbeddedButton-selected-color);
2931
2983
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
2932
2984
  }
2933
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-focus-visible] {
2985
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1[data-focus-visible] {
2934
2986
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
2935
2987
  outline-offset: var(--focus-ring-offset);
2936
2988
  }
2937
- .EmbeddedButton-module__hop-EmbeddedButton___7FfyF[data-disabled] {
2989
+ .EmbeddedButton-module__hop-EmbeddedButton___oDPL1[data-disabled] {
2938
2990
  cursor: not-allowed;
2939
2991
  }
2940
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-hovered] {
2992
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___J2aMz[data-hovered] {
2941
2993
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
2942
2994
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
2943
2995
  }
2944
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-focus-visible] {
2996
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___J2aMz[data-focus-visible] {
2945
2997
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
2946
2998
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
2947
2999
  }
2948
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-pressed] {
3000
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___J2aMz[data-pressed] {
2949
3001
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
2950
3002
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
2951
3003
  }
2952
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-disabled] {
3004
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___J2aMz[data-disabled] {
2953
3005
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
2954
3006
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
2955
3007
  }
2956
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-hovered] {
3008
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ktact[data-hovered] {
2957
3009
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
2958
3010
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
2959
3011
  }
2960
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-focus-visible] {
3012
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ktact[data-focus-visible] {
2961
3013
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
2962
3014
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
2963
3015
  }
2964
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-pressed] {
3016
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ktact[data-pressed] {
2965
3017
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
2966
3018
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
2967
3019
  }
2968
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO[data-disabled] {
3020
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ktact[data-disabled] {
2969
3021
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
2970
3022
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
2971
3023
  }
2972
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-hovered] {
3024
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___4QSlo[data-hovered] {
2973
3025
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
2974
3026
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
2975
3027
  }
2976
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-focus-visible] {
3028
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___4QSlo[data-focus-visible] {
2977
3029
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
2978
3030
  --color: var(--hop-EmbeddedButton-progress-color-focused);
2979
3031
  }
2980
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-pressed] {
3032
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___4QSlo[data-pressed] {
2981
3033
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
2982
3034
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
2983
3035
  }
2984
- .EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-[data-disabled] {
3036
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___4QSlo[data-disabled] {
2985
3037
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
2986
3038
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
2987
3039
  }
2988
- .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-hovered] {
3040
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IkDM8[data-hovered] {
2989
3041
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
2990
3042
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
2991
3043
  }
2992
- .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-focus-visible] {
3044
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IkDM8[data-focus-visible] {
2993
3045
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
2994
3046
  --color: var(--hop-EmbeddedButton-positive-color-focused);
2995
3047
  }
2996
- .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-pressed] {
3048
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IkDM8[data-pressed] {
2997
3049
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
2998
3050
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
2999
3051
  }
3000
- .EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj[data-disabled] {
3052
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___IkDM8[data-disabled] {
3001
3053
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
3002
3054
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
3003
3055
  }
3004
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-hovered] {
3056
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___LTJKh[data-hovered] {
3005
3057
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
3006
3058
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
3007
3059
  }
3008
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-focus-visible] {
3060
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___LTJKh[data-focus-visible] {
3009
3061
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
3010
3062
  --color: var(--hop-EmbeddedButton-caution-color-focused);
3011
3063
  }
3012
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-pressed] {
3064
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___LTJKh[data-pressed] {
3013
3065
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
3014
3066
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
3015
3067
  }
3016
- .EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e[data-disabled] {
3068
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___LTJKh[data-disabled] {
3017
3069
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
3018
3070
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
3019
3071
  }
3020
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-hovered] {
3072
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___nlex4[data-hovered] {
3021
3073
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
3022
3074
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
3023
3075
  }
3024
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-focus-visible] {
3076
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___nlex4[data-focus-visible] {
3025
3077
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
3026
3078
  --color: var(--hop-EmbeddedButton-negative-color-focused);
3027
3079
  }
3028
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-pressed] {
3080
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___nlex4[data-pressed] {
3029
3081
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
3030
3082
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
3031
3083
  }
3032
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf[data-disabled] {
3084
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___nlex4[data-disabled] {
3033
3085
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
3034
3086
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
3035
3087
  }
3036
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-hovered] {
3088
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___0M1Z9[data-hovered] {
3037
3089
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
3038
3090
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
3039
3091
  }
3040
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-focus-visible] {
3092
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___0M1Z9[data-focus-visible] {
3041
3093
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
3042
3094
  --color: var(--hop-EmbeddedButton-option1-color-focused);
3043
3095
  }
3044
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-pressed] {
3096
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___0M1Z9[data-pressed] {
3045
3097
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
3046
3098
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
3047
3099
  }
3048
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0[data-disabled] {
3100
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___0M1Z9[data-disabled] {
3049
3101
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
3050
3102
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
3051
3103
  }
3052
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-hovered] {
3104
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___uwDHL[data-hovered] {
3053
3105
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
3054
3106
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
3055
3107
  }
3056
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-focus-visible] {
3108
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___uwDHL[data-focus-visible] {
3057
3109
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
3058
3110
  --color: var(--hop-EmbeddedButton-option2-color-focused);
3059
3111
  }
3060
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-pressed] {
3112
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___uwDHL[data-pressed] {
3061
3113
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
3062
3114
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
3063
3115
  }
3064
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d[data-disabled] {
3116
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___uwDHL[data-disabled] {
3065
3117
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
3066
3118
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
3067
3119
  }
3068
- .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-hovered] {
3120
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bMb4Q[data-hovered] {
3069
3121
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
3070
3122
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
3071
3123
  }
3072
- .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-focus-visible] {
3124
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bMb4Q[data-focus-visible] {
3073
3125
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
3074
3126
  --color: var(--hop-EmbeddedButton-option3-color-focused);
3075
3127
  }
3076
- .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-pressed] {
3128
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bMb4Q[data-pressed] {
3077
3129
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
3078
3130
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
3079
3131
  }
3080
- .EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW[data-disabled] {
3132
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bMb4Q[data-disabled] {
3081
3133
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
3082
3134
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
3083
3135
  }
3084
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-hovered] {
3136
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6FFR4[data-hovered] {
3085
3137
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
3086
3138
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
3087
3139
  }
3088
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-focus-visible] {
3140
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6FFR4[data-focus-visible] {
3089
3141
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
3090
3142
  --color: var(--hop-EmbeddedButton-option4-color-focused);
3091
3143
  }
3092
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-pressed] {
3144
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6FFR4[data-pressed] {
3093
3145
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
3094
3146
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
3095
3147
  }
3096
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58[data-disabled] {
3148
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6FFR4[data-disabled] {
3097
3149
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
3098
3150
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
3099
3151
  }
3100
- .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-hovered] {
3152
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uHcVz[data-hovered] {
3101
3153
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
3102
3154
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
3103
3155
  }
3104
- .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-focus-visible] {
3156
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uHcVz[data-focus-visible] {
3105
3157
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
3106
3158
  --color: var(--hop-EmbeddedButton-option5-color-focused);
3107
3159
  }
3108
- .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-pressed] {
3160
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uHcVz[data-pressed] {
3109
3161
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
3110
3162
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
3111
3163
  }
3112
- .EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4[data-disabled] {
3164
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uHcVz[data-disabled] {
3113
3165
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
3114
3166
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
3115
3167
  }
3116
- .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-hovered] {
3168
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___0CXDL[data-hovered] {
3117
3169
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
3118
3170
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
3119
3171
  }
3120
- .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-focus-visible] {
3172
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___0CXDL[data-focus-visible] {
3121
3173
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
3122
3174
  --color: var(--hop-EmbeddedButton-option6-color-focused);
3123
3175
  }
3124
- .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-pressed] {
3176
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___0CXDL[data-pressed] {
3125
3177
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
3126
3178
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
3127
3179
  }
3128
- .EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN[data-disabled] {
3180
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___0CXDL[data-disabled] {
3129
3181
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
3130
3182
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
3131
3183
  }
3132
- .EmbeddedButton-module__hop-EmbeddedButton__icon___3-ikY {
3184
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___Ec-6l {
3133
3185
  position: relative;
3134
3186
  }
3135
3187
 
3188
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ComboBox/src/ComboBox.module.css/#css-module-data */
3189
+ .ComboBox-module__hop-ComboBox___vHTc3 {
3190
+ --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
3191
+ --hop-ComboBox-inline-size: 20rem;
3192
+ --hop-ComboBox-inline-size-fluid: 100%;
3193
+ --hop-ComboBox-max-inline-size: 100%;
3194
+ --hop-ComboBox-trigger-sm-block-size: 2rem;
3195
+ --hop-ComboBox-trigger-md-block-size: 2.5rem;
3196
+ --hop-ComboBox-trigger-background-color: var(--hop-neutral-surface);
3197
+ --hop-ComboBox-trigger-border-color: var(--hop-neutral-border);
3198
+ --hop-ComboBox-trigger-border-radius: var(--hop-shape-rounded-md);
3199
+ --hop-ComboBox-trigger-border-size: var(--hop-space-10);
3200
+ --hop-ComboBox-trigger-outline-offset: calc(-1 * var(--hop-space-20));
3201
+ --hop-ComboBox-trigger-column-gap: var(--hop-space-inline-sm);
3202
+ --hop-ComboBox-trigger-cursor: pointer;
3203
+ --hop-ComboBox-trigger-color: var(--hop-neutral-text);
3204
+ --hop-ComboBox-trigger-padding-inline-start: var(--hop-space-inset-md);
3205
+ --hop-ComboBox-input-placeholder-color: var(--hop-neutral-text-weakest);
3206
+ --hop-ComboBox-input-sm-font-family: var(--hop-body-sm-font-family);
3207
+ --hop-ComboBox-input-sm-font-size: var(--hop-body-sm-font-size);
3208
+ --hop-ComboBox-input-sm-font-weight: var(--hop-body-sm-font-weight);
3209
+ --hop-ComboBox-input-sm-line-height: var(--hop-body-sm-line-height);
3210
+ --hop-ComboBox-input-md-font-family: var(--hop-body-md-font-family);
3211
+ --hop-ComboBox-input-md-font-size: var(--hop-body-md-font-size);
3212
+ --hop-ComboBox-input-md-font-weight: var(--hop-body-md-font-weight);
3213
+ --hop-ComboBox-input-md-line-height: var(--hop-body-md-line-height);
3214
+ --hop-ComboBox-button-padding-inline: var(--hop-space-inset-md);
3215
+ --hop-ComboBox-button-icon-color: var(--hop-neutral-icon-weak);
3216
+ --hop-ComboBox-prefix-color: var(--hop-neutral-text-weak);
3217
+ --hop-ComboBox-trigger-background-color-hovered: var(--hop-neutral-surface-hover);
3218
+ --hop-ComboBox-trigger-border-color-hovered: var(--hop-neutral-border-hover);
3219
+ --hop-ComboBox-trigger-color-hovered: var(--hop-neutral-text-hover);
3220
+ --hop-ComboBox-button-icon-color-hovered: var(--hop-neutral-icon-hover);
3221
+ --hop-ComboBox-trigger-background-color-focused: var(--hop-neutral-surface-hover);
3222
+ --hop-ComboBox-trigger-border-color-focused: var(--hop-primary-border-focus);
3223
+ --hop-ComboBox-trigger-color-focused: var(--hop-neutral-text-hover);
3224
+ --hop-ComboBox-button-icon-color-focused: var(--hop-neutral-icon-hover);
3225
+ --hop-ComboBox-trigger-outline-color-focused: var(--hop-primary-border-focus);
3226
+ --hop-ComboBox-button-background-color-selected: var(--hop-neutral-surface);
3227
+ --hop-ComboBox-button-border-color-selected: var(--hop-neutral-border-selected);
3228
+ --hop-ComboBox-button-color-selected: var(--hop-neutral-text);
3229
+ --hop-ComboBox-button-icon-color-selected: var(--hop-neutral-icon);
3230
+ --hop-ComboBox-trigger-border-color-invalid: var(--hop-danger-border-strong);
3231
+ --hop-ComboBox-trigger-background-color-disabled: var(--hop-neutral-surface-disabled);
3232
+ --hop-ComboBox-trigger-border-color-disabled: var(--hop-neutral-border-disabled);
3233
+ --hop-ComboBox-trigger-color-disabled: var(--hop-neutral-text-disabled);
3234
+ --hop-ComboBox-button-icon-color-disabled: var(--hop-neutral-icon-disabled);
3235
+ --hop-ComboBox-trigger-cursor-disabled: not-allowed;
3236
+ --inline-size: var(--hop-ComboBox-inline-size);
3237
+ --trigger-background-color: var(--hop-ComboBox-trigger-background-color);
3238
+ --trigger-border-color: var(--hop-ComboBox-trigger-border-color);
3239
+ --trigger-cursor: var(--hop-ComboBox-trigger-cursor);
3240
+ --trigger-color: var(--hop-ComboBox-trigger-color);
3241
+ --button-icon-color: var(--hop-ComboBox-button-icon-color);
3242
+ --input-font-family: var(--hop-ComboBox-input-md-font-family);
3243
+ --input-font-size: var(--hop-ComboBox-input-md-font-size);
3244
+ --input-font-weight: var(--hop-ComboBox-input-md-font-weight);
3245
+ --input-line-height: var(--hop-ComboBox-input-md-line-height);
3246
+ display: flex;
3247
+ flex-direction: column;
3248
+ row-gap: var(--hop-ComboBox-row-gap);
3249
+ box-sizing: border-box;
3250
+ inline-size: var(--inline-size);
3251
+ max-inline-size: var(--hop-ComboBox-max-inline-size);
3252
+ }
3253
+ .ComboBox-module__hop-ComboBox--fluid___Sygs6 {
3254
+ --inline-size: var(--hop-ComboBox-inline-size-fluid);
3255
+ }
3256
+ .ComboBox-module__hop-ComboBox__label___dU65M {
3257
+ order: 1;
3258
+ }
3259
+ .ComboBox-module__hop-ComboBox__trigger___DA5cO {
3260
+ cursor: var(--trigger-cursor);
3261
+ overflow: hidden;
3262
+ display: flex;
3263
+ column-gap: var(--hop-ComboBox-trigger-column-gap);
3264
+ order: 2;
3265
+ block-size: var(--trigger-block-size);
3266
+ padding-inline-start: var(--hop-ComboBox-trigger-padding-inline-start);
3267
+ color: var(--trigger-color);
3268
+ background-color: var(--trigger-background-color);
3269
+ border: var(--hop-ComboBox-trigger-border-size) solid var(--trigger-border-color);
3270
+ border-radius: var(--hop-ComboBox-trigger-border-radius);
3271
+ }
3272
+ .ComboBox-module__hop-ComboBox__trigger--sm___QAEmr {
3273
+ --trigger-block-size: var(--hop-ComboBox-trigger-sm-block-size);
3274
+ --input-font-family: var(--hop-ComboBox-input-sm-font-family);
3275
+ --input-font-size: var(--hop-ComboBox-input-sm-font-size);
3276
+ --input-font-weight: var(--hop-ComboBox-input-sm-font-weight);
3277
+ --input-line-height: var(--hop-ComboBox-input-sm-line-height);
3278
+ }
3279
+ .ComboBox-module__hop-ComboBox__trigger--md___BawZW {
3280
+ --trigger-block-size: var(--hop-ComboBox-trigger-md-block-size);
3281
+ }
3282
+ .ComboBox-module__hop-ComboBox__trigger___DA5cO[data-hovered] {
3283
+ --trigger-background-color: var(--hop-ComboBox-trigger-background-color-hovered);
3284
+ --trigger-border-color: var(--hop-ComboBox-trigger-border-color-hovered);
3285
+ --trigger-color: var(--hop-ComboBox-trigger-color-hovered);
3286
+ --button-icon-color: var(--hop-ComboBox-button-icon-color-hovered);
3287
+ }
3288
+ .ComboBox-module__hop-ComboBox__trigger___DA5cO[data-selected] {
3289
+ --trigger-background-color: var(--hop-ComboBox-button-background-color-selected);
3290
+ --trigger-border-color: var(--hop-ComboBox-button-border-color-selected);
3291
+ --trigger-color: var(--hop-ComboBox-button-color-selected);
3292
+ --button-icon-color: var(--hop-ComboBox-button-icon-color-selected);
3293
+ }
3294
+ .ComboBox-module__hop-ComboBox__trigger___DA5cO[data-invalid] {
3295
+ --trigger-border-color: var(--hop-ComboBox-trigger-border-color-invalid);
3296
+ }
3297
+ .ComboBox-module__hop-ComboBox__trigger___DA5cO[data-focus-visible] {
3298
+ --trigger-background-color: var(--hop-ComboBox-trigger-background-color-focused);
3299
+ --trigger-border-color: var(--hop-ComboBox-trigger-border-color-focused);
3300
+ --trigger-color: var(--hop-ComboBox-trigger-color-focused);
3301
+ --button-icon-color: var(--hop-ComboBox-button-icon-color-focused);
3302
+ outline: var(--hop-ComboBox-trigger-border-size) solid var(--hop-ComboBox-trigger-outline-color-focused);
3303
+ outline-offset: var(--hop-ComboBox-trigger-outline-offset);
3304
+ }
3305
+ .ComboBox-module__hop-ComboBox__trigger___DA5cO[data-disabled] {
3306
+ --trigger-background-color: var(--hop-ComboBox-trigger-background-color-disabled);
3307
+ --trigger-border-color: var(--hop-ComboBox-trigger-border-color-disabled);
3308
+ --trigger-color: var(--hop-ComboBox-trigger-color-disabled);
3309
+ --button-icon-color: var(--hop-ComboBox-button-icon-color-disabled);
3310
+ --trigger-cursor: var(--hop-ComboBox-trigger-cursor-disabled);
3311
+ }
3312
+ .ComboBox-module__hop-ComboBox__input___5vadV {
3313
+ flex: 1 1 auto;
3314
+ min-inline-size: 0;
3315
+ font-family: var(--input-font-family);
3316
+ font-size: var(--input-font-size);
3317
+ font-weight: var(--input-font-weight);
3318
+ line-height: var(--input-line-height);
3319
+ color: var(--trigger-color);
3320
+ background: none;
3321
+ border: none;
3322
+ outline: none;
3323
+ }
3324
+ .ComboBox-module__hop-ComboBox__input___5vadV::placeholder {
3325
+ color: var(--hop-ComboBox-input-placeholder-color);
3326
+ }
3327
+ .ComboBox-module__hop-ComboBox__button___7xDiN {
3328
+ cursor: var(--trigger-cursor);
3329
+ display: flex;
3330
+ flex: 0 0 auto;
3331
+ align-items: center;
3332
+ padding-inline: var(--hop-ComboBox-button-padding-inline);
3333
+ background-color: var(--trigger-background-color);
3334
+ border: none;
3335
+ outline: none;
3336
+ }
3337
+ .ComboBox-module__hop-ComboBox__prefix___cX4Ec {
3338
+ align-self: center;
3339
+ color: var(--hop-ComboBox-prefix-color);
3340
+ }
3341
+ .ComboBox-module__hop-ComboBox__button-icon___pmSsc {
3342
+ margin-inline-start: auto;
3343
+ color: var(--button-icon-color);
3344
+ }
3345
+ .ComboBox-module__hop-ComboBox__helper-message___JplVw,
3346
+ .ComboBox-module__hop-ComboBox__error-message___VIuZj {
3347
+ order: 3;
3348
+ }
3349
+
3350
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
3351
+ :where(.Divider-module__hop-Divider___PNJy9) {
3352
+ --hop-Divider-border-color: var(--hop-neutral-border-weak);
3353
+ --hop-Divider-border-size: 0.0625rem;
3354
+ --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
3355
+ --hop-Divider-horizontal-border-inline-start: none;
3356
+ --hop-Divider-horizontal-inline-size: auto;
3357
+ --hop-Divider-horizontal-block-size: 0;
3358
+ --hop-Divider-vertical-border-inline-start: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
3359
+ --hop-Divider-vertical-border-block-end: none;
3360
+ --hop-Divider-vertical-inline-size: 0;
3361
+ --hop-Divider-vertical-block-size: auto;
3362
+ --border-block-end: var(--hop-Divider-horizontal-border-block-end);
3363
+ --border-inline-start: var(--hop-Divider-horizontal-border-inline-start);
3364
+ --inline-size: var(--hop-Divider-horizontal-inline-size);
3365
+ --block-size: var(--hop-Divider-horizontal-block-size);
3366
+ display: block;
3367
+ flex: 0 0 auto;
3368
+ box-sizing: border-box;
3369
+ inline-size: var(--inline-size);
3370
+ block-size: var(--block-size);
3371
+ margin: 0;
3372
+ border: none;
3373
+ border-block-end: var(--border-block-end);
3374
+ border-inline-start: var(--border-inline-start);
3375
+ }
3376
+ .Divider-module__hop-Divider--vertical___wAEUb {
3377
+ --border-block-end: var(--hop-Divider-vertical-border-block-end);
3378
+ --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
3379
+ --inline-size: var(--hop-Divider-vertical-inline-size);
3380
+ --block-size: var(--hop-Divider-vertical-block-size);
3381
+ }
3382
+
3136
3383
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
3137
- .Form-module__hop-Form___00trG {
3384
+ .Form-module__hop-Form___3lIeF {
3138
3385
  display: flex;
3139
3386
  flex-direction: column;
3140
3387
  gap: var(--hop-space-stack-lg);
3141
3388
  }
3142
3389
 
3143
3390
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
3144
- .InputGroup-module__hop-InputGroup___cxU-Q {
3391
+ .InputGroup-module__hop-InputGroup___E2-k9 {
3145
3392
  --hop-InputGroup-background: var(--hop-neutral-surface);
3146
3393
  --hop-InputGroup-border-color: var(--hop-neutral-border);
3147
3394
  --hop-InputGroup-border-width: 0.0625rem;
@@ -3222,11 +3469,11 @@
3222
3469
  border: var(--border);
3223
3470
  border-radius: var(--hop-InputGroup-border-radius);
3224
3471
  }
3225
- .InputGroup-module__hop-InputGroup--fluid___JDLHZ {
3472
+ .InputGroup-module__hop-InputGroup--fluid___Q-hCw {
3226
3473
  --inline-size: 100%;
3227
3474
  --input-inline-size: 100%;
3228
3475
  }
3229
- .InputGroup-module__hop-InputGroup--sm___xub9Y {
3476
+ .InputGroup-module__hop-InputGroup--sm___i6g3r {
3230
3477
  --block-size: var(--hop-InputGroup-sm-block-size);
3231
3478
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
3232
3479
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -3234,7 +3481,7 @@
3234
3481
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
3235
3482
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
3236
3483
  }
3237
- .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=textarea] {
3484
+ .InputGroup-module__hop-InputGroup___E2-k9[data-input-type=textarea] {
3238
3485
  --gap: var(--hop-InputGroup-gap-textarea);
3239
3486
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
3240
3487
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -3242,28 +3489,28 @@
3242
3489
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
3243
3490
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
3244
3491
  }
3245
- .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=number] {
3492
+ .InputGroup-module__hop-InputGroup___E2-k9[data-input-type=number] {
3246
3493
  --display: var(--hop-InputGroup-display-number);
3247
3494
  --gap: var(--hop-InputGroup-gap-number);
3248
3495
  }
3249
- .InputGroup-module__hop-InputGroup___cxU-Q[data-hovered] {
3496
+ .InputGroup-module__hop-InputGroup___E2-k9[data-hovered] {
3250
3497
  --background: var(--hop-InputGroup-background-hover);
3251
3498
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
3252
3499
  }
3253
- .InputGroup-module__hop-InputGroup___cxU-Q[data-focus-within] {
3500
+ .InputGroup-module__hop-InputGroup___E2-k9[data-focus-within] {
3254
3501
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
3255
3502
  }
3256
- .InputGroup-module__hop-InputGroup___cxU-Q[data-invalid] {
3503
+ .InputGroup-module__hop-InputGroup___E2-k9[data-invalid] {
3257
3504
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
3258
3505
  }
3259
- .InputGroup-module__hop-InputGroup___cxU-Q[data-disabled] {
3506
+ .InputGroup-module__hop-InputGroup___E2-k9[data-disabled] {
3260
3507
  --background: var(--hop-InputGroup-background-disabled);
3261
3508
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
3262
3509
  --input-color: var(--hop-InputGroup-input-color-disabled);
3263
3510
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
3264
3511
  }
3265
- .InputGroup-module__hop-InputGroup__input___WN-8O,
3266
- .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
3512
+ .InputGroup-module__hop-InputGroup__input___feDtc,
3513
+ .InputGroup-module__hop-InputGroup__textarea___UBhut {
3267
3514
  flex: 1 1 auto;
3268
3515
  box-sizing: border-box;
3269
3516
  inline-size: var(--input-inline-size);
@@ -3277,111 +3524,26 @@
3277
3524
  border: none;
3278
3525
  outline: none;
3279
3526
  }
3280
- .InputGroup-module__hop-InputGroup__input___WN-8O {
3527
+ .InputGroup-module__hop-InputGroup__input___feDtc {
3281
3528
  block-size: var(--input-block-size);
3282
3529
  padding: var(--hop-InputGroup-input-padding);
3283
3530
  }
3284
- .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
3531
+ .InputGroup-module__hop-InputGroup__textarea___UBhut {
3285
3532
  padding: var(--hop-InputGroup-textarea-padding);
3286
3533
  }
3287
- .InputGroup-module__hop-InputGroup__input___WN-8O::placeholder {
3534
+ .InputGroup-module__hop-InputGroup__input___feDtc::placeholder {
3288
3535
  font-family: var(--hop-InputGroup-placeholder-font-family);
3289
3536
  font-size: var(--hop-InputGroup-placeholder-font-size);
3290
3537
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
3291
3538
  line-height: var(--hop-InputGroup-placeholder-line-height);
3292
3539
  color: var(--input-placeholder-color);
3293
3540
  }
3294
- .InputGroup-module__hop-InputGroup__embedded-button___THXUj {
3541
+ .InputGroup-module__hop-InputGroup__embedded-button___TyVai {
3295
3542
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
3296
3543
  }
3297
3544
 
3298
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
3299
- .Heading-module__hop-Heading___n97SR {
3300
- --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
3301
- --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
3302
- --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
3303
- --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
3304
- --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
3305
- --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
3306
- --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
3307
- --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
3308
- --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
3309
- --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
3310
- --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
3311
- --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
3312
- --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
3313
- --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
3314
- --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
3315
- --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
3316
- --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
3317
- --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
3318
- --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
3319
- --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
3320
- --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
3321
- --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
3322
- --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
3323
- --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
3324
- --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
3325
- --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
3326
- --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
3327
- --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
3328
- --hop-Heading-inherit-size-font-size: inherit;
3329
- --hop-Heading-inherit-size-font-family: inherit;
3330
- --hop-Heading-inherit-size-font-weight: inherit;
3331
- --hop-Heading-inherit-size-line-height: inherit;
3332
- }
3333
- :where(.Heading-module__hop-Heading___n97SR) {
3334
- margin: 0;
3335
- font-family: var(--font-family);
3336
- font-size: var(--font-size);
3337
- font-weight: var(--font-weight);
3338
- line-height: var(--line-height);
3339
- }
3340
- :where(.Heading-module__hop-Heading--xs___mTtTP) {
3341
- --font-size: var(--hop-Heading-xs-font-size);
3342
- --font-family: var(--hop-Heading-xs-font-family);
3343
- --font-weight: var(--hop-Heading-xs-font-weight);
3344
- --line-height: var(--hop-Heading-xs-line-height);
3345
- }
3346
- :where(.Heading-module__hop-Heading--sm___eo32f) {
3347
- --font-size: var(--hop-Heading-sm-font-size);
3348
- --font-family: var(--hop-Heading-sm-font-family);
3349
- --font-weight: var(--hop-Heading-sm-font-weight);
3350
- --line-height: var(--hop-Heading-sm-line-height);
3351
- }
3352
- :where(.Heading-module__hop-Heading--md___IrFcX) {
3353
- --font-size: var(--hop-Heading-md-font-size);
3354
- --font-family: var(--hop-Heading-md-font-family);
3355
- --font-weight: var(--hop-Heading-md-font-weight);
3356
- --line-height: var(--hop-Heading-md-line-height);
3357
- }
3358
- :where(.Heading-module__hop-Heading--lg___7r13U) {
3359
- --font-size: var(--hop-Heading-lg-font-size);
3360
- --font-family: var(--hop-Heading-lg-font-family);
3361
- --font-weight: var(--hop-Heading-lg-font-weight);
3362
- --line-height: var(--hop-Heading-lg-line-height);
3363
- }
3364
- :where(.Heading-module__hop-Heading--xl___TkxTV) {
3365
- --font-size: var(--hop-Heading-xl-font-size);
3366
- --font-family: var(--hop-Heading-xl-font-family);
3367
- --font-weight: var(--hop-Heading-xl-font-weight);
3368
- --line-height: var(--hop-Heading-xl-line-height);
3369
- }
3370
- :where(.Heading-module__hop-Heading--2xl___JATsN) {
3371
- --font-size: var(--hop-Heading-2xl-font-size);
3372
- --font-family: var(--hop-Heading-2xl-font-family);
3373
- --font-weight: var(--hop-Heading-2xl-font-weight);
3374
- --line-height: var(--hop-Heading-2xl-line-height);
3375
- }
3376
- :where(.Heading-module__hop-Heading--3xl___7Xm3l) {
3377
- --font-size: var(--hop-Heading-3xl-font-size);
3378
- --font-family: var(--hop-Heading-3xl-font-family);
3379
- --font-weight: var(--hop-Heading-3xl-font-weight);
3380
- --line-height: var(--hop-Heading-3xl-line-height);
3381
- }
3382
-
3383
3545
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
3384
- .NumberField-module__hop-NumberField___apdI6 {
3546
+ .NumberField-module__hop-NumberField___SQ-T7 {
3385
3547
  --hop-NumberField-gap: var(--hop-space-stack-xs);
3386
3548
  --hop-NumberField-inline-size: 20rem;
3387
3549
  --hop-NumberField-inline-size-fluid: 100%;
@@ -3429,30 +3591,30 @@
3429
3591
  gap: var(--hop-NumberField-gap);
3430
3592
  inline-size: var(--inline-size);
3431
3593
  }
3432
- .NumberField-module__hop-NumberField--fluid___zqiUX {
3594
+ .NumberField-module__hop-NumberField--fluid___6SyKQ {
3433
3595
  --inline-size: var(--hop-NumberField-inline-size-fluid);
3434
3596
  }
3435
- .NumberField-module__hop-NumberField--mobile___NKAaR {
3597
+ .NumberField-module__hop-NumberField--mobile___rHeEi {
3436
3598
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
3437
3599
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
3438
3600
  }
3439
- .NumberField-module__hop-NumberField__Label___Z2mj5 {
3601
+ .NumberField-module__hop-NumberField__Label___OPAwN {
3440
3602
  order: 0;
3441
3603
  }
3442
- .NumberField-module__hop-NumberField__prefix___JnwJ1 {
3604
+ .NumberField-module__hop-NumberField__prefix___GQ-bS {
3443
3605
  grid-area: prefix;
3444
3606
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
3445
3607
  color: var(--hop-NumberField-prefix-color);
3446
3608
  }
3447
- .NumberField-module__hop-NumberField__InputGroup___y0Rb6 {
3609
+ .NumberField-module__hop-NumberField__InputGroup___-Xcp- {
3448
3610
  grid-template: var(--input-group-template);
3449
3611
  order: 1;
3450
3612
  }
3451
- .NumberField-module__hop-NumberField__ErrorMessage___9p0yi,
3452
- .NumberField-module__hop-NumberField__HelperMessage___zIKmw {
3613
+ .NumberField-module__hop-NumberField__ErrorMessage___lC-je,
3614
+ .NumberField-module__hop-NumberField__HelperMessage___Gr9hE {
3453
3615
  order: 3;
3454
3616
  }
3455
- .NumberField-module__hop-NumberField__stepper-button___hxdTL {
3617
+ .NumberField-module__hop-NumberField__stepper-button___GCK47 {
3456
3618
  cursor: pointer;
3457
3619
  display: flex;
3458
3620
  grid-area: var(--grid-area, unset);
@@ -3473,55 +3635,55 @@
3473
3635
  border-radius: var(--stepper-border-radius, 0);
3474
3636
  outline: none;
3475
3637
  }
3476
- .NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
3638
+ .NumberField-module__hop-NumberField__stepper-button--increment___NPF-g {
3477
3639
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
3478
3640
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
3479
3641
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
3480
3642
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
3481
3643
  --grid-area: stepup;
3482
3644
  }
3483
- .NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
3645
+ .NumberField-module__hop-NumberField__stepper-button--decrement___aRPH3 {
3484
3646
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
3485
3647
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
3486
3648
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
3487
3649
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
3488
3650
  --grid-area: stepdown;
3489
3651
  }
3490
- .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
3652
+ .NumberField-module__hop-NumberField__stepper-button--mobile___MBaPI.NumberField-module__hop-NumberField__stepper-button--increment___NPF-g {
3491
3653
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
3492
3654
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
3493
3655
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
3494
3656
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
3495
3657
  }
3496
- .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
3658
+ .NumberField-module__hop-NumberField__stepper-button--mobile___MBaPI.NumberField-module__hop-NumberField__stepper-button--decrement___aRPH3 {
3497
3659
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
3498
3660
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
3499
3661
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
3500
3662
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
3501
3663
  }
3502
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-hovered] {
3664
+ .NumberField-module__hop-NumberField__stepper-button___GCK47[data-hovered] {
3503
3665
  color: var(--hop-NumberField-stepper-color-hovered);
3504
3666
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
3505
3667
  }
3506
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-pressed] {
3668
+ .NumberField-module__hop-NumberField__stepper-button___GCK47[data-pressed] {
3507
3669
  color: var(--hop-NumberField-stepper-color-pressed);
3508
3670
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
3509
3671
  }
3510
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-disabled] {
3672
+ .NumberField-module__hop-NumberField__stepper-button___GCK47[data-disabled] {
3511
3673
  cursor: not-allowed;
3512
3674
  color: var(--hop-NumberField-stepper-color-disabled);
3513
3675
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
3514
3676
  }
3515
- .NumberField-module__hop-NumberField__stepper-button__icon___ACv7y {
3677
+ .NumberField-module__hop-NumberField__stepper-button__icon___PGs1W {
3516
3678
  display: block;
3517
3679
  max-block-size: 100%;
3518
3680
  }
3519
- .NumberField-module__hop-NumberField__input___mcmo2 {
3681
+ .NumberField-module__hop-NumberField__input___-DsQz {
3520
3682
  grid-area: input;
3521
3683
  }
3522
3684
 
3523
3685
  /* 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 {
3686
+ .PasswordField-module__hop-PasswordField___HKYN- {
3525
3687
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
3526
3688
  --hop-PasswordField-inline-size: 20rem;
3527
3689
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -3531,37 +3693,37 @@
3531
3693
  inline-size: var(--inline-size);
3532
3694
  max-inline-size: 100%;
3533
3695
  }
3534
- .PasswordField-module__hop-PasswordField--fluid___mWiBH {
3696
+ .PasswordField-module__hop-PasswordField--fluid___ov1ao {
3535
3697
  --inline-size: 100%;
3536
3698
  }
3537
- .PasswordField-module__hop-PasswordField__Label___jhOyi {
3699
+ .PasswordField-module__hop-PasswordField__Label___nc1jG {
3538
3700
  order: 0;
3539
3701
  }
3540
- .PasswordField-module__hop-PasswordField__InputGroup___neXGZ {
3702
+ .PasswordField-module__hop-PasswordField__InputGroup___lZBUS {
3541
3703
  order: 1;
3542
3704
  }
3543
- .PasswordField-module__hop-PasswordField__ErrorMessage___tl8k3,
3544
- .PasswordField-module__hop-PasswordField__HelperMessage___JGtpS {
3705
+ .PasswordField-module__hop-PasswordField__ErrorMessage___T7Gk3,
3706
+ .PasswordField-module__hop-PasswordField__HelperMessage___N7CeS {
3545
3707
  order: 3;
3546
3708
  }
3547
3709
 
3548
3710
  /* 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 {
3711
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___wI8Lz {
3550
3712
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
3551
3713
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
3552
3714
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
3553
3715
  --char-count-color: var(--hop-RemainingCharacterCount-color);
3554
3716
  color: var(--char-count-color);
3555
3717
  }
3556
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-invalid] {
3718
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___wI8Lz[data-invalid] {
3557
3719
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
3558
3720
  }
3559
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-disabled] {
3721
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___wI8Lz[data-disabled] {
3560
3722
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
3561
3723
  }
3562
3724
 
3563
3725
  /* 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 {
3726
+ .SearchField-module__hop-SearchField___W6W5b {
3565
3727
  --hop-SearchField-gap: var(--hop-space-stack-xs);
3566
3728
  --hop-SearchField-inline-size: 20rem;
3567
3729
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -3576,39 +3738,39 @@
3576
3738
  inline-size: var(--inline-size);
3577
3739
  max-inline-size: 100%;
3578
3740
  }
3579
- .SearchField-module__hop-SearchField--fluid___CPvL1 {
3741
+ .SearchField-module__hop-SearchField--fluid___8r8W4 {
3580
3742
  --inline-size: 100%;
3581
3743
  }
3582
- .SearchField-module__hop-SearchField__Label___h8Tgk {
3744
+ .SearchField-module__hop-SearchField__Label___plAkN {
3583
3745
  order: 0;
3584
3746
  }
3585
- .SearchField-module__hop-SearchField__prefix___BJJRt {
3747
+ .SearchField-module__hop-SearchField__prefix___fiCjG {
3586
3748
  color: var(--hop-SearchField-color);
3587
3749
  }
3588
- .SearchField-module__hop-SearchField__InputGroup___K4N-1 {
3750
+ .SearchField-module__hop-SearchField__InputGroup___Pczio {
3589
3751
  order: 1;
3590
3752
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3591
3753
  }
3592
- .SearchField-module__hop-SearchField--clearable___ztMMx {
3754
+ .SearchField-module__hop-SearchField--clearable___ClGaI {
3593
3755
  --input-group-padding-inline-end: 0;
3594
3756
  }
3595
- .SearchField-module__hop-SearchField__ErrorMessage___nFg62,
3596
- .SearchField-module__hop-SearchField__HelperMessage___pkXdH {
3757
+ .SearchField-module__hop-SearchField__ErrorMessage___ox01g,
3758
+ .SearchField-module__hop-SearchField__HelperMessage___8xA39 {
3597
3759
  order: 3;
3598
3760
  }
3599
- .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-cancel-button,
3600
- .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-decoration {
3761
+ .SearchField-module__hop-SearchField___W6W5b input::-webkit-search-cancel-button,
3762
+ .SearchField-module__hop-SearchField___W6W5b input::-webkit-search-decoration {
3601
3763
  appearance: none;
3602
3764
  }
3603
- .SearchField-module__hop-SearchField___q-EeQ[data-empty] {
3765
+ .SearchField-module__hop-SearchField___W6W5b[data-empty] {
3604
3766
  --clear-button-display: none;
3605
3767
  }
3606
- .SearchField-module__hop-SearchField__ClearButton___rn5bg {
3768
+ .SearchField-module__hop-SearchField__ClearButton___54BN- {
3607
3769
  display: var(--clear-button-display);
3608
3770
  }
3609
3771
 
3610
3772
  /* 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 {
3773
+ .TextArea-module__hop-TextArea___ayVLZ {
3612
3774
  --hop-TextArea-gap: var(--hop-space-stack-xs);
3613
3775
  --hop-TextArea-inline-size: 20rem;
3614
3776
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -3622,35 +3784,35 @@
3622
3784
  inline-size: var(--inline-size);
3623
3785
  max-inline-size: 100%;
3624
3786
  }
3625
- .TextArea-module__hop-TextArea--fluid___EVe6A {
3787
+ .TextArea-module__hop-TextArea--fluid___DD2CN {
3626
3788
  --inline-size: 100%;
3627
3789
  }
3628
- .TextArea-module__hop-TextArea___-HVPa[data-resize-mode=vertical] {
3790
+ .TextArea-module__hop-TextArea___ayVLZ[data-resize-mode=vertical] {
3629
3791
  --resize: vertical;
3630
3792
  }
3631
- .TextArea-module__hop-TextArea__Label___1FkkL {
3793
+ .TextArea-module__hop-TextArea__Label___7ysE- {
3632
3794
  order: 0;
3633
3795
  }
3634
- .TextArea-module__hop-TextArea__prefix___Ebbu7 {
3796
+ .TextArea-module__hop-TextArea__prefix___qELG8 {
3635
3797
  color: var(--hop-TextArea-prefix-color);
3636
3798
  }
3637
- .TextArea-module__hop-TextArea__InputGroup___RrdVH {
3799
+ .TextArea-module__hop-TextArea__InputGroup___uxV86 {
3638
3800
  order: 1;
3639
3801
  }
3640
- .TextArea-module__hop-TextArea__RemainingCharacterCount___TfXYa {
3802
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___uDD9f {
3641
3803
  padding: var(--hop-TextArea-remaining-character-count-padding);
3642
3804
  }
3643
- .TextArea-module__hop-TextArea__textarea___vNhDn {
3805
+ .TextArea-module__hop-TextArea__textarea___JWTll {
3644
3806
  resize: var(--resize);
3645
3807
  min-block-size: var(--hop-TextArea-input-min-height);
3646
3808
  }
3647
- .TextArea-module__hop-TextArea__ErrorMessage___Vkzeg,
3648
- .TextArea-module__hop-TextArea__HelperMessage___-FgEV {
3809
+ .TextArea-module__hop-TextArea__ErrorMessage___A54rv,
3810
+ .TextArea-module__hop-TextArea__HelperMessage___UCMn7 {
3649
3811
  order: 3;
3650
3812
  }
3651
3813
 
3652
3814
  /* 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 {
3815
+ .TextField-module__hop-TextField___1FtZC {
3654
3816
  --hop-TextField-gap: var(--hop-space-stack-xs);
3655
3817
  --hop-TextField-inline-size: 20rem;
3656
3818
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -3661,25 +3823,25 @@
3661
3823
  inline-size: var(--inline-size);
3662
3824
  max-inline-size: 100%;
3663
3825
  }
3664
- .TextField-module__hop-TextField--fluid___6ZUUt {
3826
+ .TextField-module__hop-TextField--fluid___GutEY {
3665
3827
  --inline-size: 100%;
3666
3828
  }
3667
- .TextField-module__hop-TextField__Label___ylFL9 {
3829
+ .TextField-module__hop-TextField__Label___TBD0R {
3668
3830
  order: 0;
3669
3831
  }
3670
- .TextField-module__hop-TextField__prefix___P7wyK {
3832
+ .TextField-module__hop-TextField__prefix___YlDxO {
3671
3833
  color: var(--hop-TextField-prefix-color);
3672
3834
  }
3673
- .TextField-module__hop-TextField__InputGroup___kaNJe {
3835
+ .TextField-module__hop-TextField__InputGroup___dARWs {
3674
3836
  order: 1;
3675
3837
  }
3676
- .TextField-module__hop-TextField__ErrorMessage___T6KZN,
3677
- .TextField-module__hop-TextField__HelperMessage___uPCZ2 {
3838
+ .TextField-module__hop-TextField__ErrorMessage___9-sXm,
3839
+ .TextField-module__hop-TextField__HelperMessage___HhoDC {
3678
3840
  order: 3;
3679
3841
  }
3680
3842
 
3681
3843
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3682
- .Link-module__hop-Link___wHXJ5 {
3844
+ .Link-module__hop-Link___f0TqC {
3683
3845
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3684
3846
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3685
3847
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -3704,59 +3866,59 @@
3704
3866
  outline: none;
3705
3867
  outline-offset: 0.125rem;
3706
3868
  }
3707
- .Link-module__hop-Link___wHXJ5[data-focus-visible] {
3869
+ .Link-module__hop-Link___f0TqC[data-focus-visible] {
3708
3870
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
3709
3871
  }
3710
- .Link-module__hop-Link___wHXJ5[data-disabled] {
3872
+ .Link-module__hop-Link___f0TqC[data-disabled] {
3711
3873
  cursor: default;
3712
3874
  }
3713
- .Link-module__hop-Link--quiet___F7596[data-focus-visible],
3714
- .Link-module__hop-Link--quiet___F7596[data-hovered] {
3875
+ .Link-module__hop-Link--quiet___-jNN7[data-focus-visible],
3876
+ .Link-module__hop-Link--quiet___-jNN7[data-hovered] {
3715
3877
  text-decoration: underline;
3716
3878
  }
3717
- .Link-module__hop-Link___wHXJ5:not(.Link-module__hop-Link--quiet___F7596) {
3879
+ .Link-module__hop-Link___f0TqC:not(.Link-module__hop-Link--quiet___-jNN7) {
3718
3880
  text-decoration: underline;
3719
3881
  }
3720
- .Link-module__hop-Link--primary___aqAlg {
3882
+ .Link-module__hop-Link--primary___AcfJ8 {
3721
3883
  color: var(--hop-Link-primary-text-color);
3722
3884
  }
3723
- .Link-module__hop-Link--primary___aqAlg[data-disabled] {
3885
+ .Link-module__hop-Link--primary___AcfJ8[data-disabled] {
3724
3886
  color: var(--hop-Link-primary-text-disabled-color);
3725
3887
  }
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] {
3888
+ .Link-module__hop-Link--primary___AcfJ8:not([data-disabled])[data-focus-visible],
3889
+ .Link-module__hop-Link--primary___AcfJ8:not([data-disabled])[data-hovered] {
3728
3890
  color: var(--hop-Link-primary-text-hover-color);
3729
3891
  }
3730
- .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-pressed] {
3892
+ .Link-module__hop-Link--primary___AcfJ8:not([data-disabled])[data-pressed] {
3731
3893
  color: var(--hop-Link-primary-text-pressed-color);
3732
3894
  }
3733
- .Link-module__hop-Link--secondary___-wVgn {
3895
+ .Link-module__hop-Link--secondary___-2oF8 {
3734
3896
  color: var(--hop-Link-neutral-text-color);
3735
3897
  }
3736
- .Link-module__hop-Link--secondary___-wVgn[data-disabled] {
3898
+ .Link-module__hop-Link--secondary___-2oF8[data-disabled] {
3737
3899
  color: var(--hop-Link-neutral-text-disabled-color);
3738
3900
  }
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] {
3901
+ .Link-module__hop-Link--secondary___-2oF8:not([data-disabled])[data-focus-visible],
3902
+ .Link-module__hop-Link--secondary___-2oF8:not([data-disabled])[data-hovered] {
3741
3903
  color: var(--hop-Link-neutral-text-hover-color);
3742
3904
  }
3743
- .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-pressed] {
3905
+ .Link-module__hop-Link--secondary___-2oF8:not([data-disabled])[data-pressed] {
3744
3906
  color: var(--hop-Link-neutral-text-pressed-color);
3745
3907
  }
3746
- .Link-module__hop-Link__icon___9twUA,
3747
- .Link-module__hop-Link__icon-list___su6NW {
3908
+ .Link-module__hop-Link__icon___6Ufeq,
3909
+ .Link-module__hop-Link__icon-list___-5W5s {
3748
3910
  order: 2;
3749
3911
  }
3750
- .Link-module__hop-Link__text___hW4PZ {
3912
+ .Link-module__hop-Link__text___kfXDL {
3751
3913
  order: 1;
3752
3914
  }
3753
- .Link-module__hop-Link__start-icon___Sickn,
3754
- .Link-module__hop-Link__start-icon-list___mQVck {
3915
+ .Link-module__hop-Link__start-icon___NUj49,
3916
+ .Link-module__hop-Link__start-icon-list___VJOKc {
3755
3917
  order: 0;
3756
3918
  }
3757
3919
 
3758
3920
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3759
- .Switch-module__hop-Switch___wIPTD {
3921
+ .Switch-module__hop-Switch___Kgcyv {
3760
3922
  --hop-Switch-border-size: 0.0625rem;
3761
3923
  --hop-Switch-border-color: var(--hop-neutral-border);
3762
3924
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3813,56 +3975,56 @@
3813
3975
  inline-size: max-content;
3814
3976
  max-inline-size: 100%;
3815
3977
  }
3816
- .Switch-module__hop-Switch--sm___IbMER {
3978
+ .Switch-module__hop-Switch--sm___4U1md {
3817
3979
  --inline-size: var(--hop-Switch-inline-size-sm);
3818
3980
  --block-size: var(--hop-Switch-block-size-sm);
3819
3981
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3820
3982
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3821
3983
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3822
3984
  }
3823
- .Switch-module__hop-Switch--md___u8wNw {
3985
+ .Switch-module__hop-Switch--md___TSTHO {
3824
3986
  --inline-size: var(--hop-Switch-inline-size-md);
3825
3987
  --block-size: var(--hop-Switch-block-size-md);
3826
3988
  --thumb-size: var(--hop-Switch-thumb-size-md);
3827
3989
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3828
3990
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3829
3991
  }
3830
- .Switch-module__hop-Switch___wIPTD[data-hovered] {
3992
+ .Switch-module__hop-Switch___Kgcyv[data-hovered] {
3831
3993
  --border-color: var(--hop-Switch-border-color-hover);
3832
3994
  --background-color: var(--hop-Switch-background-color-hover);
3833
3995
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3834
3996
  --text-color: var(--hop-Switch-text-color-hover);
3835
3997
  }
3836
- .Switch-module__hop-Switch___wIPTD[data-pressed],
3837
- .Switch-module__hop-Switch___wIPTD[data-pressed][data-focus-visible] {
3998
+ .Switch-module__hop-Switch___Kgcyv[data-pressed],
3999
+ .Switch-module__hop-Switch___Kgcyv[data-pressed][data-focus-visible] {
3838
4000
  --border-color: var(--hop-Switch-border-color-pressed);
3839
4001
  --background-color: var(--hop-Switch-background-color-pressed);
3840
4002
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3841
4003
  --text-color: var(--hop-Switch-text-color-pressed);
3842
4004
  }
3843
- .Switch-module__hop-Switch___wIPTD[data-focus-visible] {
4005
+ .Switch-module__hop-Switch___Kgcyv[data-focus-visible] {
3844
4006
  --border-color: var(--hop-Switch-border-color-focus);
3845
4007
  --background-color: var(--hop-Switch-background-color-focus);
3846
4008
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3847
4009
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3848
4010
  --text-color: var(--hop-Switch-text-color-focus);
3849
4011
  }
3850
- .Switch-module__hop-Switch___wIPTD[data-selected],
3851
- .Switch-module__hop-Switch___wIPTD[data-selected][data-pressed] {
4012
+ .Switch-module__hop-Switch___Kgcyv[data-selected],
4013
+ .Switch-module__hop-Switch___Kgcyv[data-selected][data-pressed] {
3852
4014
  --border-color: var(--hop-Switch-border-color-selected);
3853
4015
  --background-color: var(--hop-Switch-background-color-selected);
3854
4016
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3855
4017
  --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%);
3856
4018
  --text-color: var(--hop-Switch-text-color-selected);
3857
4019
  }
3858
- .Switch-module__hop-Switch___wIPTD[data-disabled] {
4020
+ .Switch-module__hop-Switch___Kgcyv[data-disabled] {
3859
4021
  --border-color: var(--hop-Switch-border-color-disabled);
3860
4022
  --background-color: var(--hop-Switch-background-color-disabled);
3861
4023
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3862
4024
  --text-color: var(--hop-Switch-text-color-disabled);
3863
4025
  --cursor: not-allowed;
3864
4026
  }
3865
- .Switch-module__hop-Switch__indicator___y1-JU {
4027
+ .Switch-module__hop-Switch__indicator___JPWQg {
3866
4028
  position: relative;
3867
4029
  flex: 0 0 auto;
3868
4030
  box-sizing: border-box;
@@ -3875,7 +4037,7 @@
3875
4037
  outline-offset: 0.125rem;
3876
4038
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3877
4039
  }
3878
- .Switch-module__hop-Switch__indicator___y1-JU::before {
4040
+ .Switch-module__hop-Switch__indicator___JPWQg::before {
3879
4041
  content: "";
3880
4042
  position: absolute;
3881
4043
  inset-block-start: 50%;
@@ -3890,20 +4052,20 @@
3890
4052
  border-radius: var(--hop-shape-circle);
3891
4053
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3892
4054
  }
3893
- .Switch-module__hop-Switch__text___tx38o {
4055
+ .Switch-module__hop-Switch__text___W3CHD {
3894
4056
  flex: 0 1 auto;
3895
4057
  order: 2;
3896
4058
  min-inline-size: 0;
3897
4059
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3898
4060
  color: var(--text-color);
3899
4061
  }
3900
- .Switch-module__hop-Switch__icon-list___nq-3a,
3901
- .Switch-module__hop-Switch__icon___EATtC {
4062
+ .Switch-module__hop-Switch__icon-list___KPKJ1,
4063
+ .Switch-module__hop-Switch__icon___g8HsW {
3902
4064
  order: 3;
3903
4065
  }
3904
4066
 
3905
4067
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3906
- .SwitchField-module__hop-SwitchField___0n7-7 {
4068
+ .SwitchField-module__hop-SwitchField___3acY7 {
3907
4069
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3908
4070
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3909
4071
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3922,28 +4084,28 @@
3922
4084
  inline-size: max-content;
3923
4085
  max-inline-size: 100%;
3924
4086
  }
3925
- .SwitchField-module__hop-SwitchField___0n7-7[data-disabled] {
4087
+ .SwitchField-module__hop-SwitchField___3acY7[data-disabled] {
3926
4088
  --description-color: var(--hop-SwitchField-description-color-disabled);
3927
4089
  }
3928
- .SwitchField-module__hop-SwitchField--sm___BwXun {
4090
+ .SwitchField-module__hop-SwitchField--sm___IaTPM {
3929
4091
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3930
4092
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3931
4093
  }
3932
- .SwitchField-module__hop-SwitchField--md___rQvZR {
4094
+ .SwitchField-module__hop-SwitchField--md___19UN- {
3933
4095
  --row-gap: var(--hop-SwitchField-md-row-gap);
3934
4096
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3935
4097
  }
3936
- .SwitchField-module__hop-SwitchField__description___9m0Ll {
4098
+ .SwitchField-module__hop-SwitchField__description___BOkq0 {
3937
4099
  order: 2;
3938
4100
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3939
4101
  color: var(--description-color);
3940
4102
  }
3941
- .SwitchField-module__hop-SwitchField__switch___g5U-l {
4103
+ .SwitchField-module__hop-SwitchField__switch___2IDNK {
3942
4104
  order: 1;
3943
4105
  }
3944
4106
 
3945
4107
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3946
- .Tag-module__hop-Tag___NM6io {
4108
+ .Tag-module__hop-Tag___gYajJ {
3947
4109
  --hop-Tag-border-size: 0.0625rem;
3948
4110
  --hop-Tag-border-radius: var(--hop-shape-pill);
3949
4111
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4182,7 +4344,7 @@
4182
4344
  outline: none;
4183
4345
  outline-offset: 0.125rem;
4184
4346
  }
4185
- .Tag-module__hop-Tag--sm___RusnS {
4347
+ .Tag-module__hop-Tag--sm___xgy7v {
4186
4348
  --block-size: var(--hop-Tag-sm-block-size);
4187
4349
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4188
4350
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4190,13 +4352,13 @@
4190
4352
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4191
4353
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4192
4354
  }
4193
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4355
+ .Tag-module__hop-Tag--sm___xgy7v:not(:has(.Tag-module__hop-Tag__remove-btn___a7sSh, .Tag-module__hop-Tag__Spinner___UbQq5)) {
4194
4356
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4195
4357
  }
4196
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4358
+ .Tag-module__hop-Tag--sm___xgy7v:not(:has(.Tag-module__hop-Tag__avatar___Eq97E)) {
4197
4359
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4198
4360
  }
4199
- .Tag-module__hop-Tag--md___kkBZU {
4361
+ .Tag-module__hop-Tag--md___3bIjI {
4200
4362
  --block-size: var(--hop-Tag-md-block-size);
4201
4363
  --padding-inline: var(--hop-Tag-md-padding-inline);
4202
4364
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4204,13 +4366,13 @@
4204
4366
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4205
4367
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4206
4368
  }
4207
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4369
+ .Tag-module__hop-Tag--md___3bIjI:not(:has(.Tag-module__hop-Tag__remove-btn___a7sSh, .Tag-module__hop-Tag__Spinner___UbQq5)) {
4208
4370
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4209
4371
  }
4210
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4372
+ .Tag-module__hop-Tag--md___3bIjI:not(:has(.Tag-module__hop-Tag__avatar___Eq97E)) {
4211
4373
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4212
4374
  }
4213
- .Tag-module__hop-Tag--lg___6uwPK {
4375
+ .Tag-module__hop-Tag--lg___gyxe- {
4214
4376
  --block-size: var(--hop-Tag-lg-block-size);
4215
4377
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4216
4378
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4218,348 +4380,348 @@
4218
4380
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4219
4381
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4220
4382
  }
4221
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4383
+ .Tag-module__hop-Tag--lg___gyxe-:not(:has(.Tag-module__hop-Tag__remove-btn___a7sSh, .Tag-module__hop-Tag__Spinner___UbQq5)) {
4222
4384
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4223
4385
  }
4224
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4386
+ .Tag-module__hop-Tag--lg___gyxe-:not(:has(.Tag-module__hop-Tag__avatar___Eq97E)) {
4225
4387
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4226
4388
  }
4227
- .Tag-module__hop-Tag--neutral___USBuA {
4389
+ .Tag-module__hop-Tag--neutral___4RXQ- {
4228
4390
  --border-color: var(--hop-Tag-neutral-border-color);
4229
4391
  --background-color: var(--hop-Tag-neutral-background-color);
4230
4392
  --text-color: var(--hop-Tag-neutral-text-color);
4231
4393
  }
4232
- .Tag-module__hop-Tag--subdued___xQkUX {
4394
+ .Tag-module__hop-Tag--subdued___V-IFB {
4233
4395
  --border-color: var(--hop-Tag-subdued-border-color);
4234
4396
  --background-color: var(--hop-Tag-subdued-background-color);
4235
4397
  --text-color: var(--hop-Tag-subdued-text-color);
4236
4398
  }
4237
- .Tag-module__hop-Tag--progress___zPefF {
4399
+ .Tag-module__hop-Tag--progress___KRxyM {
4238
4400
  --border-color: var(--hop-Tag-progress-border-color);
4239
4401
  --background-color: var(--hop-Tag-progress-background-color);
4240
4402
  --text-color: var(--hop-Tag-progress-text-color);
4241
4403
  }
4242
- .Tag-module__hop-Tag--positive___-0pjQ {
4404
+ .Tag-module__hop-Tag--positive___y0R1a {
4243
4405
  --border-color: var(--hop-Tag-positive-border-color);
4244
4406
  --background-color: var(--hop-Tag-positive-background-color);
4245
4407
  --text-color: var(--hop-Tag-positive-text-color);
4246
4408
  }
4247
- .Tag-module__hop-Tag--caution___t7-CS {
4409
+ .Tag-module__hop-Tag--caution___3AuKR {
4248
4410
  --border-color: var(--hop-Tag-caution-border-color);
4249
4411
  --background-color: var(--hop-Tag-caution-background-color);
4250
4412
  --text-color: var(--hop-Tag-caution-text-color);
4251
4413
  }
4252
- .Tag-module__hop-Tag--negative___B5fjH {
4414
+ .Tag-module__hop-Tag--negative___qGVub {
4253
4415
  --border-color: var(--hop-Tag-negative-border-color);
4254
4416
  --background-color: var(--hop-Tag-negative-background-color);
4255
4417
  --text-color: var(--hop-Tag-negative-text-color);
4256
4418
  }
4257
- .Tag-module__hop-Tag--option1___AYNLX {
4419
+ .Tag-module__hop-Tag--option1___iP-MY {
4258
4420
  --border-color: var(--hop-Tag-option1-border-color);
4259
4421
  --background-color: var(--hop-Tag-option1-background-color);
4260
4422
  --text-color: var(--hop-Tag-option1-text-color);
4261
4423
  }
4262
- .Tag-module__hop-Tag--option2___Sajtj {
4424
+ .Tag-module__hop-Tag--option2___K9mXa {
4263
4425
  --border-color: var(--hop-Tag-option2-border-color);
4264
4426
  --background-color: var(--hop-Tag-option2-background-color);
4265
4427
  --text-color: var(--hop-Tag-option2-text-color);
4266
4428
  }
4267
- .Tag-module__hop-Tag--option3___Eivl4 {
4429
+ .Tag-module__hop-Tag--option3___wPjxx {
4268
4430
  --border-color: var(--hop-Tag-option3-border-color);
4269
4431
  --background-color: var(--hop-Tag-option3-background-color);
4270
4432
  --text-color: var(--hop-Tag-option3-text-color);
4271
4433
  }
4272
- .Tag-module__hop-Tag--option4___24aL5 {
4434
+ .Tag-module__hop-Tag--option4___HlCdF {
4273
4435
  --border-color: var(--hop-Tag-option4-border-color);
4274
4436
  --background-color: var(--hop-Tag-option4-background-color);
4275
4437
  --text-color: var(--hop-Tag-option4-text-color);
4276
4438
  }
4277
- .Tag-module__hop-Tag--option5___MUm8- {
4439
+ .Tag-module__hop-Tag--option5___68umF {
4278
4440
  --border-color: var(--hop-Tag-option5-border-color);
4279
4441
  --background-color: var(--hop-Tag-option5-background-color);
4280
4442
  --text-color: var(--hop-Tag-option5-text-color);
4281
4443
  }
4282
- .Tag-module__hop-Tag--option6___-sBKA {
4444
+ .Tag-module__hop-Tag--option6___6L7iF {
4283
4445
  --border-color: var(--hop-Tag-option6-border-color);
4284
4446
  --background-color: var(--hop-Tag-option6-background-color);
4285
4447
  --text-color: var(--hop-Tag-option6-text-color);
4286
4448
  }
4287
- .Tag-module__hop-Tag___NM6io[data-href] {
4449
+ .Tag-module__hop-Tag___gYajJ[data-href] {
4288
4450
  cursor: pointer;
4289
4451
  }
4290
- .Tag-module__hop-Tag--neutral___USBuA[data-focus-visible] {
4452
+ .Tag-module__hop-Tag--neutral___4RXQ-[data-focus-visible] {
4291
4453
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4292
4454
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4293
4455
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4294
4456
  }
4295
- .Tag-module__hop-Tag--neutral___USBuA[data-hovered] {
4457
+ .Tag-module__hop-Tag--neutral___4RXQ-[data-hovered] {
4296
4458
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4297
4459
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4298
4460
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4299
4461
  }
4300
- .Tag-module__hop-Tag--neutral___USBuA[data-pressed] {
4462
+ .Tag-module__hop-Tag--neutral___4RXQ-[data-pressed] {
4301
4463
  --border-color: var(--hop-Tag-neutral-border-color-press);
4302
4464
  --background-color: var(--hop-Tag-neutral-background-color-press);
4303
4465
  --text-color: var(--hop-Tag-neutral-text-color-press);
4304
4466
  }
4305
- .Tag-module__hop-Tag--neutral___USBuA[data-disabled] {
4467
+ .Tag-module__hop-Tag--neutral___4RXQ-[data-disabled] {
4306
4468
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4307
4469
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4308
4470
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4309
4471
  }
4310
- .Tag-module__hop-Tag--subdued___xQkUX[data-focus-visible] {
4472
+ .Tag-module__hop-Tag--subdued___V-IFB[data-focus-visible] {
4311
4473
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4312
4474
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4313
4475
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4314
4476
  }
4315
- .Tag-module__hop-Tag--subdued___xQkUX[data-hovered] {
4477
+ .Tag-module__hop-Tag--subdued___V-IFB[data-hovered] {
4316
4478
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4317
4479
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4318
4480
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4319
4481
  }
4320
- .Tag-module__hop-Tag--subdued___xQkUX[data-pressed] {
4482
+ .Tag-module__hop-Tag--subdued___V-IFB[data-pressed] {
4321
4483
  --border-color: var(--hop-Tag-subdued-border-color-press);
4322
4484
  --background-color: var(--hop-Tag-subdued-background-color-press);
4323
4485
  --text-color: var(--hop-Tag-subdued-text-color-press);
4324
4486
  }
4325
- .Tag-module__hop-Tag--subdued___xQkUX[data-disabled] {
4487
+ .Tag-module__hop-Tag--subdued___V-IFB[data-disabled] {
4326
4488
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4327
4489
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4328
4490
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4329
4491
  }
4330
- .Tag-module__hop-Tag--progress___zPefF[data-focus-visible] {
4492
+ .Tag-module__hop-Tag--progress___KRxyM[data-focus-visible] {
4331
4493
  --border-color: var(--hop-Tag-progress-border-color-focus);
4332
4494
  --background-color: var(--hop-Tag-progress-background-color-focus);
4333
4495
  --text-color: var(--hop-Tag-progress-text-color-focus);
4334
4496
  }
4335
- .Tag-module__hop-Tag--progress___zPefF[data-hovered] {
4497
+ .Tag-module__hop-Tag--progress___KRxyM[data-hovered] {
4336
4498
  --border-color: var(--hop-Tag-progress-border-color-hover);
4337
4499
  --background-color: var(--hop-Tag-progress-background-color-hover);
4338
4500
  --text-color: var(--hop-Tag-progress-text-color-hover);
4339
4501
  }
4340
- .Tag-module__hop-Tag--progress___zPefF[data-pressed] {
4502
+ .Tag-module__hop-Tag--progress___KRxyM[data-pressed] {
4341
4503
  --border-color: var(--hop-Tag-progress-border-color-press);
4342
4504
  --background-color: var(--hop-Tag-progress-background-color-press);
4343
4505
  --text-color: var(--hop-Tag-progress-text-color-press);
4344
4506
  }
4345
- .Tag-module__hop-Tag--progress___zPefF[data-disabled] {
4507
+ .Tag-module__hop-Tag--progress___KRxyM[data-disabled] {
4346
4508
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4347
4509
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4348
4510
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4349
4511
  }
4350
- .Tag-module__hop-Tag--positive___-0pjQ[data-focus-visible] {
4512
+ .Tag-module__hop-Tag--positive___y0R1a[data-focus-visible] {
4351
4513
  --border-color: var(--hop-Tag-positive-border-color-focus);
4352
4514
  --background-color: var(--hop-Tag-positive-background-color-focus);
4353
4515
  --text-color: var(--hop-Tag-positive-text-color-focus);
4354
4516
  }
4355
- .Tag-module__hop-Tag--positive___-0pjQ[data-hovered] {
4517
+ .Tag-module__hop-Tag--positive___y0R1a[data-hovered] {
4356
4518
  --border-color: var(--hop-Tag-positive-border-color-hover);
4357
4519
  --background-color: var(--hop-Tag-positive-background-color-hover);
4358
4520
  --text-color: var(--hop-Tag-positive-text-color-hover);
4359
4521
  }
4360
- .Tag-module__hop-Tag--positive___-0pjQ[data-pressed] {
4522
+ .Tag-module__hop-Tag--positive___y0R1a[data-pressed] {
4361
4523
  --border-color: var(--hop-Tag-positive-border-color-press);
4362
4524
  --background-color: var(--hop-Tag-positive-background-color-press);
4363
4525
  --text-color: var(--hop-Tag-positive-text-color-press);
4364
4526
  }
4365
- .Tag-module__hop-Tag--positive___-0pjQ[data-disabled] {
4527
+ .Tag-module__hop-Tag--positive___y0R1a[data-disabled] {
4366
4528
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4367
4529
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4368
4530
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4369
4531
  }
4370
- .Tag-module__hop-Tag--caution___t7-CS[data-focus-visible] {
4532
+ .Tag-module__hop-Tag--caution___3AuKR[data-focus-visible] {
4371
4533
  --border-color: var(--hop-Tag-caution-border-color-focus);
4372
4534
  --background-color: var(--hop-Tag-caution-background-color-focus);
4373
4535
  --text-color: var(--hop-Tag-caution-text-color-focus);
4374
4536
  }
4375
- .Tag-module__hop-Tag--caution___t7-CS[data-hovered] {
4537
+ .Tag-module__hop-Tag--caution___3AuKR[data-hovered] {
4376
4538
  --border-color: var(--hop-Tag-caution-border-color-hover);
4377
4539
  --background-color: var(--hop-Tag-caution-background-color-hover);
4378
4540
  --text-color: var(--hop-Tag-caution-text-color-hover);
4379
4541
  }
4380
- .Tag-module__hop-Tag--caution___t7-CS[data-pressed] {
4542
+ .Tag-module__hop-Tag--caution___3AuKR[data-pressed] {
4381
4543
  --border-color: var(--hop-Tag-caution-border-color-press);
4382
4544
  --background-color: var(--hop-Tag-caution-background-color-press);
4383
4545
  --text-color: var(--hop-Tag-caution-text-color-press);
4384
4546
  }
4385
- .Tag-module__hop-Tag--caution___t7-CS[data-disabled] {
4547
+ .Tag-module__hop-Tag--caution___3AuKR[data-disabled] {
4386
4548
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4387
4549
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4388
4550
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4389
4551
  }
4390
- .Tag-module__hop-Tag--negative___B5fjH[data-focus-visible] {
4552
+ .Tag-module__hop-Tag--negative___qGVub[data-focus-visible] {
4391
4553
  --border-color: var(--hop-Tag-negative-border-color-focus);
4392
4554
  --background-color: var(--hop-Tag-negative-background-color-focus);
4393
4555
  --text-color: var(--hop-Tag-negative-text-color-focus);
4394
4556
  }
4395
- .Tag-module__hop-Tag--negative___B5fjH[data-hovered] {
4557
+ .Tag-module__hop-Tag--negative___qGVub[data-hovered] {
4396
4558
  --border-color: var(--hop-Tag-negative-border-color-hover);
4397
4559
  --background-color: var(--hop-Tag-negative-background-color-hover);
4398
4560
  --text-color: var(--hop-Tag-negative-text-color-hover);
4399
4561
  }
4400
- .Tag-module__hop-Tag--negative___B5fjH[data-pressed] {
4562
+ .Tag-module__hop-Tag--negative___qGVub[data-pressed] {
4401
4563
  --border-color: var(--hop-Tag-negative-border-color-press);
4402
4564
  --background-color: var(--hop-Tag-negative-background-color-press);
4403
4565
  --text-color: var(--hop-Tag-negative-text-color-press);
4404
4566
  }
4405
- .Tag-module__hop-Tag--negative___B5fjH[data-disabled] {
4567
+ .Tag-module__hop-Tag--negative___qGVub[data-disabled] {
4406
4568
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4407
4569
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4408
4570
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4409
4571
  }
4410
- .Tag-module__hop-Tag--option1___AYNLX[data-focus-visible] {
4572
+ .Tag-module__hop-Tag--option1___iP-MY[data-focus-visible] {
4411
4573
  --border-color: var(--hop-Tag-option1-border-color-focus);
4412
4574
  --background-color: var(--hop-Tag-option1-background-color-focus);
4413
4575
  --text-color: var(--hop-Tag-option1-text-color-focus);
4414
4576
  }
4415
- .Tag-module__hop-Tag--option1___AYNLX[data-hovered] {
4577
+ .Tag-module__hop-Tag--option1___iP-MY[data-hovered] {
4416
4578
  --border-color: var(--hop-Tag-option1-border-color-hover);
4417
4579
  --background-color: var(--hop-Tag-option1-background-color-hover);
4418
4580
  --text-color: var(--hop-Tag-option1-text-color-hover);
4419
4581
  }
4420
- .Tag-module__hop-Tag--option1___AYNLX[data-pressed] {
4582
+ .Tag-module__hop-Tag--option1___iP-MY[data-pressed] {
4421
4583
  --border-color: var(--hop-Tag-option1-border-color-press);
4422
4584
  --background-color: var(--hop-Tag-option1-background-color-press);
4423
4585
  --text-color: var(--hop-Tag-option1-text-color-press);
4424
4586
  }
4425
- .Tag-module__hop-Tag--option1___AYNLX[data-disabled] {
4587
+ .Tag-module__hop-Tag--option1___iP-MY[data-disabled] {
4426
4588
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4427
4589
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4428
4590
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4429
4591
  }
4430
- .Tag-module__hop-Tag--option2___Sajtj[data-focus-visible] {
4592
+ .Tag-module__hop-Tag--option2___K9mXa[data-focus-visible] {
4431
4593
  --border-color: var(--hop-Tag-option2-border-color-focus);
4432
4594
  --background-color: var(--hop-Tag-option2-background-color-focus);
4433
4595
  --text-color: var(--hop-Tag-option2-text-color-focus);
4434
4596
  }
4435
- .Tag-module__hop-Tag--option2___Sajtj[data-hovered] {
4597
+ .Tag-module__hop-Tag--option2___K9mXa[data-hovered] {
4436
4598
  --border-color: var(--hop-Tag-option2-border-color-hover);
4437
4599
  --background-color: var(--hop-Tag-option2-background-color-hover);
4438
4600
  --text-color: var(--hop-Tag-option2-text-color-hover);
4439
4601
  }
4440
- .Tag-module__hop-Tag--option2___Sajtj[data-pressed] {
4602
+ .Tag-module__hop-Tag--option2___K9mXa[data-pressed] {
4441
4603
  --border-color: var(--hop-Tag-option2-border-color-press);
4442
4604
  --background-color: var(--hop-Tag-option2-background-color-press);
4443
4605
  --text-color: var(--hop-Tag-option2-text-color-press);
4444
4606
  }
4445
- .Tag-module__hop-Tag--option2___Sajtj[data-disabled] {
4607
+ .Tag-module__hop-Tag--option2___K9mXa[data-disabled] {
4446
4608
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4447
4609
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4448
4610
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4449
4611
  }
4450
- .Tag-module__hop-Tag--option3___Eivl4[data-focus-visible] {
4612
+ .Tag-module__hop-Tag--option3___wPjxx[data-focus-visible] {
4451
4613
  --border-color: var(--hop-Tag-option3-border-color-focus);
4452
4614
  --background-color: var(--hop-Tag-option3-background-color-focus);
4453
4615
  --text-color: var(--hop-Tag-option3-text-color-focus);
4454
4616
  }
4455
- .Tag-module__hop-Tag--option3___Eivl4[data-hovered] {
4617
+ .Tag-module__hop-Tag--option3___wPjxx[data-hovered] {
4456
4618
  --border-color: var(--hop-Tag-option3-border-color-hover);
4457
4619
  --background-color: var(--hop-Tag-option3-background-color-hover);
4458
4620
  --text-color: var(--hop-Tag-option3-text-color-hover);
4459
4621
  }
4460
- .Tag-module__hop-Tag--option3___Eivl4[data-pressed] {
4622
+ .Tag-module__hop-Tag--option3___wPjxx[data-pressed] {
4461
4623
  --border-color: var(--hop-Tag-option3-border-color-press);
4462
4624
  --background-color: var(--hop-Tag-option3-background-color-press);
4463
4625
  --text-color: var(--hop-Tag-option3-text-color-press);
4464
4626
  }
4465
- .Tag-module__hop-Tag--option3___Eivl4[data-disabled] {
4627
+ .Tag-module__hop-Tag--option3___wPjxx[data-disabled] {
4466
4628
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4467
4629
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4468
4630
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4469
4631
  }
4470
- .Tag-module__hop-Tag--option4___24aL5[data-focus-visible] {
4632
+ .Tag-module__hop-Tag--option4___HlCdF[data-focus-visible] {
4471
4633
  --border-color: var(--hop-Tag-option4-border-color-focus);
4472
4634
  --background-color: var(--hop-Tag-option4-background-color-focus);
4473
4635
  --text-color: var(--hop-Tag-option4-text-color-focus);
4474
4636
  }
4475
- .Tag-module__hop-Tag--option4___24aL5[data-hovered] {
4637
+ .Tag-module__hop-Tag--option4___HlCdF[data-hovered] {
4476
4638
  --border-color: var(--hop-Tag-option4-border-color-hover);
4477
4639
  --background-color: var(--hop-Tag-option4-background-color-hover);
4478
4640
  --text-color: var(--hop-Tag-option4-text-color-hover);
4479
4641
  }
4480
- .Tag-module__hop-Tag--option4___24aL5[data-pressed] {
4642
+ .Tag-module__hop-Tag--option4___HlCdF[data-pressed] {
4481
4643
  --border-color: var(--hop-Tag-option4-border-color-press);
4482
4644
  --background-color: var(--hop-Tag-option4-background-color-press);
4483
4645
  --text-color: var(--hop-Tag-option4-text-color-press);
4484
4646
  }
4485
- .Tag-module__hop-Tag--option4___24aL5[data-disabled] {
4647
+ .Tag-module__hop-Tag--option4___HlCdF[data-disabled] {
4486
4648
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4487
4649
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4488
4650
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4489
4651
  }
4490
- .Tag-module__hop-Tag--option5___MUm8-[data-focus-visible] {
4652
+ .Tag-module__hop-Tag--option5___68umF[data-focus-visible] {
4491
4653
  --border-color: var(--hop-Tag-option5-border-color-focus);
4492
4654
  --background-color: var(--hop-Tag-option5-background-color-focus);
4493
4655
  --text-color: var(--hop-Tag-option5-text-color-focus);
4494
4656
  }
4495
- .Tag-module__hop-Tag--option5___MUm8-[data-hovered] {
4657
+ .Tag-module__hop-Tag--option5___68umF[data-hovered] {
4496
4658
  --border-color: var(--hop-Tag-option5-border-color-hover);
4497
4659
  --background-color: var(--hop-Tag-option5-background-color-hover);
4498
4660
  --text-color: var(--hop-Tag-option5-text-color-hover);
4499
4661
  }
4500
- .Tag-module__hop-Tag--option5___MUm8-[data-pressed] {
4662
+ .Tag-module__hop-Tag--option5___68umF[data-pressed] {
4501
4663
  --border-color: var(--hop-Tag-option5-border-color-press);
4502
4664
  --background-color: var(--hop-Tag-option5-background-color-press);
4503
4665
  --text-color: var(--hop-Tag-option5-text-color-press);
4504
4666
  }
4505
- .Tag-module__hop-Tag--option5___MUm8-[data-disabled] {
4667
+ .Tag-module__hop-Tag--option5___68umF[data-disabled] {
4506
4668
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4507
4669
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4508
4670
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4509
4671
  }
4510
- .Tag-module__hop-Tag--option6___-sBKA[data-focus-visible] {
4672
+ .Tag-module__hop-Tag--option6___6L7iF[data-focus-visible] {
4511
4673
  --border-color: var(--hop-Tag-option6-border-color-focus);
4512
4674
  --background-color: var(--hop-Tag-option6-background-color-focus);
4513
4675
  --text-color: var(--hop-Tag-option6-text-color-focus);
4514
4676
  }
4515
- .Tag-module__hop-Tag--option6___-sBKA[data-hovered] {
4677
+ .Tag-module__hop-Tag--option6___6L7iF[data-hovered] {
4516
4678
  --border-color: var(--hop-Tag-option6-border-color-hover);
4517
4679
  --background-color: var(--hop-Tag-option6-background-color-hover);
4518
4680
  --text-color: var(--hop-Tag-option6-text-color-hover);
4519
4681
  }
4520
- .Tag-module__hop-Tag--option6___-sBKA[data-pressed] {
4682
+ .Tag-module__hop-Tag--option6___6L7iF[data-pressed] {
4521
4683
  --border-color: var(--hop-Tag-option6-border-color-press);
4522
4684
  --background-color: var(--hop-Tag-option6-background-color-press);
4523
4685
  --text-color: var(--hop-Tag-option6-text-color-press);
4524
4686
  }
4525
- .Tag-module__hop-Tag--option6___-sBKA[data-disabled] {
4687
+ .Tag-module__hop-Tag--option6___6L7iF[data-disabled] {
4526
4688
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4527
4689
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4528
4690
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4529
4691
  }
4530
- .Tag-module__hop-Tag___NM6io[data-focus-visible] {
4692
+ .Tag-module__hop-Tag___gYajJ[data-focus-visible] {
4531
4693
  outline: 0.125rem solid var(--focus-ring-color);
4532
4694
  }
4533
- .Tag-module__hop-Tag___NM6io[data-hovered] {
4695
+ .Tag-module__hop-Tag___gYajJ[data-hovered] {
4534
4696
  cursor: pointer;
4535
4697
  }
4536
- .Tag-module__hop-Tag___NM6io[data-selected] {
4698
+ .Tag-module__hop-Tag___gYajJ[data-selected] {
4537
4699
  --background-color: var(--hop-Tag-background-color-selected);
4538
4700
  --border-color: var(--hop-Tag-border-color-selected);
4539
4701
  --text-color: var(--hop-Tag-text-color-selected);
4540
4702
  }
4541
- .Tag-module__hop-Tag___NM6io[data-pressed] {
4703
+ .Tag-module__hop-Tag___gYajJ[data-pressed] {
4542
4704
  cursor: pointer;
4543
4705
  }
4544
- .Tag-module__hop-Tag___NM6io[data-invalid] {
4706
+ .Tag-module__hop-Tag___gYajJ[data-invalid] {
4545
4707
  --border-color: var(--hop-Tag-border-color-invalid);
4546
4708
  }
4547
- .Tag-module__hop-Tag___NM6io[data-disabled] {
4709
+ .Tag-module__hop-Tag___gYajJ[data-disabled] {
4548
4710
  cursor: not-allowed;
4549
4711
  }
4550
- .Tag-module__hop-Tag__avatar___Sb-9t {
4712
+ .Tag-module__hop-Tag__avatar___Eq97E {
4551
4713
  flex: 0 0 auto;
4552
4714
  order: 1;
4553
4715
  margin-inline-start: var(--avatar-margin-inline-start);
4554
4716
  }
4555
- .Tag-module__hop-Tag__icon___Kk1ms,
4556
- .Tag-module__hop-Tag__icon-list___sGKeO {
4717
+ .Tag-module__hop-Tag__icon___3HZP1,
4718
+ .Tag-module__hop-Tag__icon-list___gCDvv {
4557
4719
  flex: 0 0 auto;
4558
4720
  flex-wrap: nowrap;
4559
4721
  order: 2;
4560
4722
  margin-inline-start: var(--icon-margin-inline-start, 0);
4561
4723
  }
4562
- .Tag-module__hop-Tag__text___QMrwz {
4724
+ .Tag-module__hop-Tag__text___VHIAH {
4563
4725
  overflow: hidden;
4564
4726
  flex: 1 1 auto;
4565
4727
  order: 3;
@@ -4567,33 +4729,33 @@
4567
4729
  text-align: center;
4568
4730
  text-overflow: ellipsis;
4569
4731
  }
4570
- .Tag-module__hop-Tag__badge___3Bb7n {
4732
+ .Tag-module__hop-Tag__badge___B9x2Q {
4571
4733
  flex: 0 0 auto;
4572
4734
  order: 4;
4573
4735
  margin-inline-end: var(--badge-margin-inline-end);
4574
4736
  }
4575
- .Tag-module__hop-Tag___NM6io .Tag-module__hop-Tag__badge___3Bb7n[data-variant=subdued] {
4737
+ .Tag-module__hop-Tag___gYajJ .Tag-module__hop-Tag__badge___B9x2Q[data-variant=subdued] {
4576
4738
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4577
4739
  color: inherit;
4578
4740
  background: none;
4579
4741
  }
4580
- .Tag-module__hop-Tag--sm___RusnS .Tag-module__hop-Tag__badge___3Bb7n {
4742
+ .Tag-module__hop-Tag--sm___xgy7v .Tag-module__hop-Tag__badge___B9x2Q {
4581
4743
  block-size: 100%;
4582
4744
  }
4583
- .Tag-module__hop-Tag__remove-btn___W-ZWY,
4584
- .Tag-module__hop-Tag__Spinner___iMDOt {
4745
+ .Tag-module__hop-Tag__remove-btn___a7sSh,
4746
+ .Tag-module__hop-Tag__Spinner___UbQq5 {
4585
4747
  flex: 0 0 auto;
4586
4748
  order: 5;
4587
4749
  }
4588
- .Tag-module__hop-Tag__Spinner___iMDOt {
4750
+ .Tag-module__hop-Tag__Spinner___UbQq5 {
4589
4751
  margin-inline-end: var(--spinner-margin-inline-end);
4590
4752
  }
4591
- .Tag-module__hop-Tag__remove-btn___W-ZWY {
4753
+ .Tag-module__hop-Tag__remove-btn___a7sSh {
4592
4754
  margin-inline: var(--clear-btn-margin-inline);
4593
4755
  }
4594
4756
 
4595
4757
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4596
- .TagGroup-module__hop-TagGroup___tcuEw {
4758
+ .TagGroup-module__hop-TagGroup___gLm6g {
4597
4759
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4598
4760
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4599
4761
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4613,10 +4775,10 @@
4613
4775
  inline-size: max-content;
4614
4776
  max-inline-size: 100%;
4615
4777
  }
4616
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__label___MIfwe {
4778
+ .TagGroup-module__hop-TagGroup___gLm6g > .TagGroup-module__hop-TagGroup__label___D9H8a {
4617
4779
  order: 1;
4618
4780
  }
4619
- .TagGroup-module__hop-TagGroup__list___BBlDb {
4781
+ .TagGroup-module__hop-TagGroup__list___CIMy4 {
4620
4782
  display: flex;
4621
4783
  flex-wrap: wrap;
4622
4784
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4625,12 +4787,12 @@
4625
4787
  border-radius: var(--list-border-radius);
4626
4788
  outline: none;
4627
4789
  }
4628
- .TagGroup-module__hop-TagGroup__list___BBlDb[data-focus-visible] {
4790
+ .TagGroup-module__hop-TagGroup__list___CIMy4[data-focus-visible] {
4629
4791
  outline: 0.125rem solid var(--list-focus-ring-color);
4630
4792
  outline-offset: 0.125rem;
4631
4793
  }
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 {
4794
+ .TagGroup-module__hop-TagGroup___gLm6g > .TagGroup-module__hop-TagGroup__error-message___ttjZc,
4795
+ .TagGroup-module__hop-TagGroup___gLm6g > .TagGroup-module__hop-TagGroup__helper-message___xirFF {
4634
4796
  order: 3;
4635
4797
  }
4636
4798
 
@@ -4660,17 +4822,18 @@
4660
4822
  /* src/index.css */
4661
4823
 
4662
4824
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4663
- :where(.Popover-module__hop-Popover___gIFrM *) {
4825
+ :where(.Popover-module__hop-Popover___ISCgW *) {
4664
4826
  font-family: var(--font-family);
4665
4827
  font-size: var(--font-size);
4666
4828
  font-weight: var(--font-weight);
4667
4829
  line-height: var(--line-height);
4668
4830
  outline: none;
4669
4831
  }
4670
- .Popover-module__hop-Popover___gIFrM {
4832
+ .Popover-module__hop-Popover___ISCgW {
4671
4833
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4672
4834
  --hop-Popover-inline-width: 25rem;
4673
4835
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
4836
+ --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
4674
4837
  --hop-Popover-dropdown-auto-inline-width: auto;
4675
4838
  --width: var(--hop-Popover-inline-width);
4676
4839
  --max-width: var(--hop-Popover-max-inline-width);
@@ -4679,19 +4842,22 @@
4679
4842
  inline-size: var(--width);
4680
4843
  max-inline-size: var(--max-width);
4681
4844
  }
4682
- .Popover-module__hop-Popover___gIFrM[data-trigger=Select] {
4845
+ .Popover-module__hop-Popover___ISCgW[data-trigger=Select] {
4683
4846
  --width: var(--hop-Popover-dropdown-inline-width);
4684
4847
  }
4685
- .Popover-module__hop-Popover___gIFrM[data-auto-width] {
4848
+ .Popover-module__hop-Popover___ISCgW[data-trigger=ComboBox] {
4849
+ --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4850
+ }
4851
+ .Popover-module__hop-Popover___ISCgW[data-auto-width] {
4686
4852
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4687
4853
  }
4688
- .Popover-module__hop-Popover___gIFrM[data-entering] {
4689
- animation: Popover-module__fade___ph4u3 0.25s;
4854
+ .Popover-module__hop-Popover___ISCgW[data-entering] {
4855
+ animation: Popover-module__fade___DHO8c 0.25s;
4690
4856
  }
4691
- .Popover-module__hop-Popover___gIFrM[data-exiting] {
4692
- animation: Popover-module__fade___ph4u3 0.25s reverse;
4857
+ .Popover-module__hop-Popover___ISCgW[data-exiting] {
4858
+ animation: Popover-module__fade___DHO8c 0.25s reverse;
4693
4859
  }
4694
- @keyframes Popover-module__fade___ph4u3 {
4860
+ @keyframes Popover-module__fade___DHO8c {
4695
4861
  from {
4696
4862
  opacity: 0;
4697
4863
  }
@@ -4699,14 +4865,14 @@
4699
4865
  opacity: 1;
4700
4866
  }
4701
4867
  }
4702
- .Popover-module__hop-Popover__wrapper___HAIbd {
4868
+ .Popover-module__hop-Popover__wrapper___03gFJ {
4703
4869
  display: flex;
4704
4870
  flex: 1 1 auto;
4705
4871
  flex-direction: column;
4706
4872
  min-block-size: 0;
4707
4873
  }
4708
- .Popover-module__hop-Popover__dialog___UFZee,
4709
- .Popover-module__hop-Popover__dropdown___H-yZY {
4874
+ .Popover-module__hop-Popover__dialog___qdizI,
4875
+ .Popover-module__hop-Popover__dropdown___ZgB-c {
4710
4876
  --hop-Popover-background: var(--hop-neutral-surface);
4711
4877
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4712
4878
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4752,20 +4918,20 @@
4752
4918
  border-radius: var(--hop-Popover-border-radius);
4753
4919
  box-shadow: var(--hop-Popover-box-shadow);
4754
4920
  }
4755
- .Popover-module__hop-Popover__dropdown___H-yZY {
4921
+ .Popover-module__hop-Popover__dropdown___ZgB-c {
4756
4922
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4757
4923
  --footer-place-self: stretch;
4758
4924
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4759
4925
  --padding: var(--hop-Popover-dropdown-padding);
4760
4926
  }
4761
- .Popover-module__hop-Popover__dialog___UFZee {
4927
+ .Popover-module__hop-Popover__dialog___qdizI {
4762
4928
  --padding: var(--hop-Popover-dialog-padding);
4763
4929
  }
4764
- .Popover-module__hop-Popover__title___7iBNB {
4930
+ .Popover-module__hop-Popover__title___L1FD1 {
4765
4931
  grid-area: header;
4766
4932
  color: var(--hop-Popover-color);
4767
4933
  }
4768
- .Popover-module__hop-Popover__content___9qGsS {
4934
+ .Popover-module__hop-Popover__content___jvZrr {
4769
4935
  --font-size: var(--hop-Popover-content-font-size);
4770
4936
  --line-height: var(--hop-Popover-content-line-height);
4771
4937
  grid-area: content;
@@ -4774,7 +4940,7 @@
4774
4940
  padding: 0;
4775
4941
  color: var(--hop-Popover-content-color);
4776
4942
  }
4777
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__list-box___4ZJko {
4943
+ .Popover-module__hop-Popover__dropdown___ZgB-c .Popover-module__hop-Popover__list-box___99mrp {
4778
4944
  grid-area: content;
4779
4945
  inline-size: auto;
4780
4946
  min-inline-size: auto;
@@ -4783,7 +4949,7 @@
4783
4949
  padding: 0;
4784
4950
  border: none;
4785
4951
  }
4786
- .Popover-module__hop-Popover__footer___GUjGi {
4952
+ .Popover-module__hop-Popover__footer___YL-9d {
4787
4953
  --font-size: var(--hop-Popover-footer-font-size);
4788
4954
  --line-height: var(--hop-Popover-footer-line-height);
4789
4955
  grid-area: footer;
@@ -4791,40 +4957,46 @@
4791
4957
  margin: var(--footer-margin);
4792
4958
  color: var(--hop-Popover-color);
4793
4959
  }
4794
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__footer___GUjGi {
4960
+ .Popover-module__hop-Popover__dropdown___ZgB-c .Popover-module__hop-Popover__footer___YL-9d {
4795
4961
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4796
4962
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4797
4963
  }
4798
- .Popover-module__hop-Popover__actions___8dlIL,
4799
- .Popover-module__hop-Popover__action___PdeSV {
4964
+ .Popover-module__hop-Popover__actions___wWdTk,
4965
+ .Popover-module__hop-Popover__action___XBM2m {
4800
4966
  grid-area: action;
4801
4967
  justify-self: end;
4802
4968
  margin-block-start: var(--hop-Popover-row-gap);
4803
4969
  }
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 {
4970
+ .Popover-module__hop-Popover___ISCgW:has(.Popover-module__hop-Popover__actions___wWdTk, .Popover-module__hop-Popover__action___XBM2m) .Popover-module__hop-Popover__footer___YL-9d {
4805
4971
  margin-inline-end: var(--hop-Popover-column-gap);
4806
4972
  }
4807
4973
 
4808
4974
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
4809
- .SelectValue-module__hop-SelectValue___Ki0dR {
4810
- --hop-SelectValue-display: flex;
4975
+ .SelectValue-module__hop-SelectValue___UFZ-P {
4976
+ --hop-SelectValue-display: inline-block;
4977
+ --hop-SelectValue-slots-display: flex;
4811
4978
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
4979
+ --display: var(--hop-SelectValue-display);
4812
4980
  overflow: hidden;
4813
- display: var(--hop-SelectValue-display);
4981
+ display: var(--display);
4814
4982
  flex: 1 1 auto;
4815
4983
  column-gap: var(--hop-SelectValue-column-gap);
4816
4984
  align-items: center;
4817
4985
  box-sizing: border-box;
4986
+ min-inline-size: 0;
4818
4987
  text-overflow: ellipsis;
4819
4988
  white-space: nowrap;
4820
4989
  }
4821
- .SelectValue-module__hop-SelectValue__avatar___SI2em {
4990
+ .SelectValue-module__hop-SelectValue___UFZ-P:has(.SelectValue-module__hop-SelectValue__text___9stpw) {
4991
+ --display: var(--hop-SelectValue-slots-display);
4992
+ }
4993
+ .SelectValue-module__hop-SelectValue__avatar___AkkbL {
4822
4994
  order: 1;
4823
4995
  }
4824
- .SelectValue-module__hop-SelectValue__icon___kk1xV {
4996
+ .SelectValue-module__hop-SelectValue__icon___fxdcJ {
4825
4997
  order: 2;
4826
4998
  }
4827
- .SelectValue-module__hop-SelectValue__text___QfLXS {
4999
+ .SelectValue-module__hop-SelectValue__text___9stpw {
4828
5000
  overflow: hidden;
4829
5001
  flex: 1 1 auto;
4830
5002
  order: 3;
@@ -4832,12 +5004,12 @@
4832
5004
  text-overflow: ellipsis;
4833
5005
  white-space: nowrap;
4834
5006
  }
4835
- .SelectValue-module__hop-SelectValue__end-icon___Mnitd {
5007
+ .SelectValue-module__hop-SelectValue__end-icon___AgoIs {
4836
5008
  order: 4;
4837
5009
  }
4838
5010
 
4839
5011
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
4840
- .Select-module__hop-Select___-ffji {
5012
+ .Select-module__hop-Select___ZbNLm {
4841
5013
  --hop-Select-row-gap: var(--hop-space-stack-xs);
4842
5014
  --hop-Select-inline-size: 20rem;
4843
5015
  --hop-Select-inline-size-fluid: 100%;
@@ -4846,6 +5018,7 @@
4846
5018
  --hop-Select-button-border-color: var(--hop-neutral-border);
4847
5019
  --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
4848
5020
  --hop-Select-button-border-size: var(--hop-space-10);
5021
+ --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
4849
5022
  --hop-Select-button-color: var(--hop-neutral-text);
4850
5023
  --hop-Select-button-cursor: pointer;
4851
5024
  --hop-Select-button-padding-inline: var(--hop-space-inset-md);
@@ -4888,13 +5061,13 @@
4888
5061
  inline-size: var(--inline-size);
4889
5062
  max-inline-size: var(--hop-Select-max-inline-size);
4890
5063
  }
4891
- .Select-module__hop-Select--fluid___a4kzj {
5064
+ .Select-module__hop-Select--fluid___K6Mgi {
4892
5065
  --inline-size: var(--hop-Select-inline-size-fluid);
4893
5066
  }
4894
- .Select-module__hop-Select__label___rG82d {
5067
+ .Select-module__hop-Select__label___7seGi {
4895
5068
  order: 1;
4896
5069
  }
4897
- .Select-module__hop-Select__button___Ml5ar {
5070
+ .Select-module__hop-Select__button___OGYCy {
4898
5071
  cursor: var(--button-cursor);
4899
5072
  display: flex;
4900
5073
  column-gap: var(--hop-Select-button-column-gap);
@@ -4910,53 +5083,53 @@
4910
5083
  border-radius: var(--hop-Select-button-border-radius);
4911
5084
  outline: none;
4912
5085
  }
4913
- .Select-module__hop-Select__button--sm___z5rTo {
5086
+ .Select-module__hop-Select__button--sm___gCdBT {
4914
5087
  --button-block-size: var(--hop-Select-button-sm-block-size);
4915
5088
  }
4916
- .Select-module__hop-Select__button--md___pRWBr {
5089
+ .Select-module__hop-Select__button--md___iH8gX {
4917
5090
  --button-block-size: var(--hop-Select-button-md-block-size);
4918
5091
  }
4919
- .Select-module__hop-Select__button___Ml5ar[data-hovered] {
5092
+ .Select-module__hop-Select__button___OGYCy[data-hovered] {
4920
5093
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4921
5094
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4922
5095
  --button-color: var(--hop-Select-button-color-hovered);
4923
5096
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4924
5097
  }
4925
- .Select-module__hop-Select__button___Ml5ar[data-pressed] {
5098
+ .Select-module__hop-Select__button___OGYCy[data-pressed] {
4926
5099
  --button-background-color: var(--hop-Select-button-background-color-selected);
4927
5100
  --button-border-color: var(--hop-Select-button-border-color-selected);
4928
5101
  --button-color: var(--hop-Select-button-color-selected);
4929
5102
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4930
5103
  }
4931
- .Select-module__hop-Select__button___Ml5ar[data-invalid] {
5104
+ .Select-module__hop-Select__button___OGYCy[data-invalid] {
4932
5105
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4933
5106
  }
4934
- .Select-module__hop-Select__button___Ml5ar[data-focus-visible] {
5107
+ .Select-module__hop-Select__button___OGYCy[data-focus-visible] {
4935
5108
  --button-background-color: var(--hop-Select-button-background-color-focused);
4936
5109
  --button-border-color: var(--hop-Select-button-border-color-focused);
4937
5110
  --button-color: var(--hop-Select-button-color-focused);
4938
5111
  --button-icon-color: var(--hop-Select-button-icon-color-focused);
4939
5112
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4940
- outline-offset: -0.125rem;
5113
+ outline-offset: var(--hop-Select-button-outline-offset);
4941
5114
  }
4942
- .Select-module__hop-Select__button___Ml5ar:has([data-placeholder]) {
5115
+ .Select-module__hop-Select__button___OGYCy:has([data-placeholder]) {
4943
5116
  --button-color: var(--hop-Select-button-placeholder-color);
4944
5117
  }
4945
- .Select-module__hop-Select__button___Ml5ar[data-disabled] {
5118
+ .Select-module__hop-Select__button___OGYCy[data-disabled] {
4946
5119
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4947
5120
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4948
5121
  --button-color: var(--hop-Select-button-color-disabled);
4949
5122
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4950
5123
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4951
5124
  }
4952
- .Select-module__hop-Select__prefix___ioXh1 {
5125
+ .Select-module__hop-Select__prefix___NxutE {
4953
5126
  color: var(--hop-Select-prefix-color);
4954
5127
  }
4955
- .Select-module__hop-Select__button-icon___hyZcO {
5128
+ .Select-module__hop-Select__button-icon___b5ztr {
4956
5129
  margin-inline-start: auto;
4957
5130
  color: var(--button-icon-color);
4958
5131
  }
4959
- .Select-module__hop-Select__helper-message___uE0gS,
4960
- .Select-module__hop-Select__error-message___66saO {
5132
+ .Select-module__hop-Select__helper-message___zHxAN,
5133
+ .Select-module__hop-Select__error-message___ob-XX {
4961
5134
  order: 3;
4962
5135
  }