@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,77 +3866,83 @@
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/Select/src/SelectValue.module.css/#css-module-data */
3759
- .SelectValue-module__hop-SelectValue___Ki0dR {
3760
- --hop-SelectValue-display: flex;
3921
+ .SelectValue-module__hop-SelectValue___UFZ-P {
3922
+ --hop-SelectValue-display: inline-block;
3923
+ --hop-SelectValue-slots-display: flex;
3761
3924
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3925
+ --display: var(--hop-SelectValue-display);
3762
3926
  overflow: hidden;
3763
- display: var(--hop-SelectValue-display);
3927
+ display: var(--display);
3764
3928
  flex: 1 1 auto;
3765
3929
  column-gap: var(--hop-SelectValue-column-gap);
3766
3930
  align-items: center;
3767
3931
  box-sizing: border-box;
3932
+ min-inline-size: 0;
3768
3933
  text-overflow: ellipsis;
3769
3934
  white-space: nowrap;
3770
3935
  }
3771
- .SelectValue-module__hop-SelectValue__avatar___SI2em {
3936
+ .SelectValue-module__hop-SelectValue___UFZ-P:has(.SelectValue-module__hop-SelectValue__text___9stpw) {
3937
+ --display: var(--hop-SelectValue-slots-display);
3938
+ }
3939
+ .SelectValue-module__hop-SelectValue__avatar___AkkbL {
3772
3940
  order: 1;
3773
3941
  }
3774
- .SelectValue-module__hop-SelectValue__icon___kk1xV {
3942
+ .SelectValue-module__hop-SelectValue__icon___fxdcJ {
3775
3943
  order: 2;
3776
3944
  }
3777
- .SelectValue-module__hop-SelectValue__text___QfLXS {
3945
+ .SelectValue-module__hop-SelectValue__text___9stpw {
3778
3946
  overflow: hidden;
3779
3947
  flex: 1 1 auto;
3780
3948
  order: 3;
@@ -3782,12 +3950,12 @@
3782
3950
  text-overflow: ellipsis;
3783
3951
  white-space: nowrap;
3784
3952
  }
3785
- .SelectValue-module__hop-SelectValue__end-icon___Mnitd {
3953
+ .SelectValue-module__hop-SelectValue__end-icon___AgoIs {
3786
3954
  order: 4;
3787
3955
  }
3788
3956
 
3789
3957
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3790
- .Switch-module__hop-Switch___wIPTD {
3958
+ .Switch-module__hop-Switch___Kgcyv {
3791
3959
  --hop-Switch-border-size: 0.0625rem;
3792
3960
  --hop-Switch-border-color: var(--hop-neutral-border);
3793
3961
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3844,56 +4012,56 @@
3844
4012
  inline-size: max-content;
3845
4013
  max-inline-size: 100%;
3846
4014
  }
3847
- .Switch-module__hop-Switch--sm___IbMER {
4015
+ .Switch-module__hop-Switch--sm___4U1md {
3848
4016
  --inline-size: var(--hop-Switch-inline-size-sm);
3849
4017
  --block-size: var(--hop-Switch-block-size-sm);
3850
4018
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3851
4019
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3852
4020
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3853
4021
  }
3854
- .Switch-module__hop-Switch--md___u8wNw {
4022
+ .Switch-module__hop-Switch--md___TSTHO {
3855
4023
  --inline-size: var(--hop-Switch-inline-size-md);
3856
4024
  --block-size: var(--hop-Switch-block-size-md);
3857
4025
  --thumb-size: var(--hop-Switch-thumb-size-md);
3858
4026
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3859
4027
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3860
4028
  }
3861
- .Switch-module__hop-Switch___wIPTD[data-hovered] {
4029
+ .Switch-module__hop-Switch___Kgcyv[data-hovered] {
3862
4030
  --border-color: var(--hop-Switch-border-color-hover);
3863
4031
  --background-color: var(--hop-Switch-background-color-hover);
3864
4032
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3865
4033
  --text-color: var(--hop-Switch-text-color-hover);
3866
4034
  }
3867
- .Switch-module__hop-Switch___wIPTD[data-pressed],
3868
- .Switch-module__hop-Switch___wIPTD[data-pressed][data-focus-visible] {
4035
+ .Switch-module__hop-Switch___Kgcyv[data-pressed],
4036
+ .Switch-module__hop-Switch___Kgcyv[data-pressed][data-focus-visible] {
3869
4037
  --border-color: var(--hop-Switch-border-color-pressed);
3870
4038
  --background-color: var(--hop-Switch-background-color-pressed);
3871
4039
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3872
4040
  --text-color: var(--hop-Switch-text-color-pressed);
3873
4041
  }
3874
- .Switch-module__hop-Switch___wIPTD[data-focus-visible] {
4042
+ .Switch-module__hop-Switch___Kgcyv[data-focus-visible] {
3875
4043
  --border-color: var(--hop-Switch-border-color-focus);
3876
4044
  --background-color: var(--hop-Switch-background-color-focus);
3877
4045
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3878
4046
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3879
4047
  --text-color: var(--hop-Switch-text-color-focus);
3880
4048
  }
3881
- .Switch-module__hop-Switch___wIPTD[data-selected],
3882
- .Switch-module__hop-Switch___wIPTD[data-selected][data-pressed] {
4049
+ .Switch-module__hop-Switch___Kgcyv[data-selected],
4050
+ .Switch-module__hop-Switch___Kgcyv[data-selected][data-pressed] {
3883
4051
  --border-color: var(--hop-Switch-border-color-selected);
3884
4052
  --background-color: var(--hop-Switch-background-color-selected);
3885
4053
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3886
4054
  --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%);
3887
4055
  --text-color: var(--hop-Switch-text-color-selected);
3888
4056
  }
3889
- .Switch-module__hop-Switch___wIPTD[data-disabled] {
4057
+ .Switch-module__hop-Switch___Kgcyv[data-disabled] {
3890
4058
  --border-color: var(--hop-Switch-border-color-disabled);
3891
4059
  --background-color: var(--hop-Switch-background-color-disabled);
3892
4060
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3893
4061
  --text-color: var(--hop-Switch-text-color-disabled);
3894
4062
  --cursor: not-allowed;
3895
4063
  }
3896
- .Switch-module__hop-Switch__indicator___y1-JU {
4064
+ .Switch-module__hop-Switch__indicator___JPWQg {
3897
4065
  position: relative;
3898
4066
  flex: 0 0 auto;
3899
4067
  box-sizing: border-box;
@@ -3906,7 +4074,7 @@
3906
4074
  outline-offset: 0.125rem;
3907
4075
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3908
4076
  }
3909
- .Switch-module__hop-Switch__indicator___y1-JU::before {
4077
+ .Switch-module__hop-Switch__indicator___JPWQg::before {
3910
4078
  content: "";
3911
4079
  position: absolute;
3912
4080
  inset-block-start: 50%;
@@ -3921,20 +4089,20 @@
3921
4089
  border-radius: var(--hop-shape-circle);
3922
4090
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3923
4091
  }
3924
- .Switch-module__hop-Switch__text___tx38o {
4092
+ .Switch-module__hop-Switch__text___W3CHD {
3925
4093
  flex: 0 1 auto;
3926
4094
  order: 2;
3927
4095
  min-inline-size: 0;
3928
4096
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3929
4097
  color: var(--text-color);
3930
4098
  }
3931
- .Switch-module__hop-Switch__icon-list___nq-3a,
3932
- .Switch-module__hop-Switch__icon___EATtC {
4099
+ .Switch-module__hop-Switch__icon-list___KPKJ1,
4100
+ .Switch-module__hop-Switch__icon___g8HsW {
3933
4101
  order: 3;
3934
4102
  }
3935
4103
 
3936
4104
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3937
- .SwitchField-module__hop-SwitchField___0n7-7 {
4105
+ .SwitchField-module__hop-SwitchField___3acY7 {
3938
4106
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3939
4107
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3940
4108
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3953,28 +4121,28 @@
3953
4121
  inline-size: max-content;
3954
4122
  max-inline-size: 100%;
3955
4123
  }
3956
- .SwitchField-module__hop-SwitchField___0n7-7[data-disabled] {
4124
+ .SwitchField-module__hop-SwitchField___3acY7[data-disabled] {
3957
4125
  --description-color: var(--hop-SwitchField-description-color-disabled);
3958
4126
  }
3959
- .SwitchField-module__hop-SwitchField--sm___BwXun {
4127
+ .SwitchField-module__hop-SwitchField--sm___IaTPM {
3960
4128
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3961
4129
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3962
4130
  }
3963
- .SwitchField-module__hop-SwitchField--md___rQvZR {
4131
+ .SwitchField-module__hop-SwitchField--md___19UN- {
3964
4132
  --row-gap: var(--hop-SwitchField-md-row-gap);
3965
4133
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3966
4134
  }
3967
- .SwitchField-module__hop-SwitchField__description___9m0Ll {
4135
+ .SwitchField-module__hop-SwitchField__description___BOkq0 {
3968
4136
  order: 2;
3969
4137
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3970
4138
  color: var(--description-color);
3971
4139
  }
3972
- .SwitchField-module__hop-SwitchField__switch___g5U-l {
4140
+ .SwitchField-module__hop-SwitchField__switch___2IDNK {
3973
4141
  order: 1;
3974
4142
  }
3975
4143
 
3976
4144
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3977
- .Tag-module__hop-Tag___NM6io {
4145
+ .Tag-module__hop-Tag___gYajJ {
3978
4146
  --hop-Tag-border-size: 0.0625rem;
3979
4147
  --hop-Tag-border-radius: var(--hop-shape-pill);
3980
4148
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4213,7 +4381,7 @@
4213
4381
  outline: none;
4214
4382
  outline-offset: 0.125rem;
4215
4383
  }
4216
- .Tag-module__hop-Tag--sm___RusnS {
4384
+ .Tag-module__hop-Tag--sm___xgy7v {
4217
4385
  --block-size: var(--hop-Tag-sm-block-size);
4218
4386
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4219
4387
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4221,13 +4389,13 @@
4221
4389
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4222
4390
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4223
4391
  }
4224
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4392
+ .Tag-module__hop-Tag--sm___xgy7v:not(:has(.Tag-module__hop-Tag__remove-btn___a7sSh, .Tag-module__hop-Tag__Spinner___UbQq5)) {
4225
4393
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4226
4394
  }
4227
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4395
+ .Tag-module__hop-Tag--sm___xgy7v:not(:has(.Tag-module__hop-Tag__avatar___Eq97E)) {
4228
4396
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4229
4397
  }
4230
- .Tag-module__hop-Tag--md___kkBZU {
4398
+ .Tag-module__hop-Tag--md___3bIjI {
4231
4399
  --block-size: var(--hop-Tag-md-block-size);
4232
4400
  --padding-inline: var(--hop-Tag-md-padding-inline);
4233
4401
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4235,13 +4403,13 @@
4235
4403
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4236
4404
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4237
4405
  }
4238
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4406
+ .Tag-module__hop-Tag--md___3bIjI:not(:has(.Tag-module__hop-Tag__remove-btn___a7sSh, .Tag-module__hop-Tag__Spinner___UbQq5)) {
4239
4407
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4240
4408
  }
4241
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4409
+ .Tag-module__hop-Tag--md___3bIjI:not(:has(.Tag-module__hop-Tag__avatar___Eq97E)) {
4242
4410
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4243
4411
  }
4244
- .Tag-module__hop-Tag--lg___6uwPK {
4412
+ .Tag-module__hop-Tag--lg___gyxe- {
4245
4413
  --block-size: var(--hop-Tag-lg-block-size);
4246
4414
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4247
4415
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4249,348 +4417,348 @@
4249
4417
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4250
4418
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4251
4419
  }
4252
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4420
+ .Tag-module__hop-Tag--lg___gyxe-:not(:has(.Tag-module__hop-Tag__remove-btn___a7sSh, .Tag-module__hop-Tag__Spinner___UbQq5)) {
4253
4421
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4254
4422
  }
4255
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4423
+ .Tag-module__hop-Tag--lg___gyxe-:not(:has(.Tag-module__hop-Tag__avatar___Eq97E)) {
4256
4424
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4257
4425
  }
4258
- .Tag-module__hop-Tag--neutral___USBuA {
4426
+ .Tag-module__hop-Tag--neutral___4RXQ- {
4259
4427
  --border-color: var(--hop-Tag-neutral-border-color);
4260
4428
  --background-color: var(--hop-Tag-neutral-background-color);
4261
4429
  --text-color: var(--hop-Tag-neutral-text-color);
4262
4430
  }
4263
- .Tag-module__hop-Tag--subdued___xQkUX {
4431
+ .Tag-module__hop-Tag--subdued___V-IFB {
4264
4432
  --border-color: var(--hop-Tag-subdued-border-color);
4265
4433
  --background-color: var(--hop-Tag-subdued-background-color);
4266
4434
  --text-color: var(--hop-Tag-subdued-text-color);
4267
4435
  }
4268
- .Tag-module__hop-Tag--progress___zPefF {
4436
+ .Tag-module__hop-Tag--progress___KRxyM {
4269
4437
  --border-color: var(--hop-Tag-progress-border-color);
4270
4438
  --background-color: var(--hop-Tag-progress-background-color);
4271
4439
  --text-color: var(--hop-Tag-progress-text-color);
4272
4440
  }
4273
- .Tag-module__hop-Tag--positive___-0pjQ {
4441
+ .Tag-module__hop-Tag--positive___y0R1a {
4274
4442
  --border-color: var(--hop-Tag-positive-border-color);
4275
4443
  --background-color: var(--hop-Tag-positive-background-color);
4276
4444
  --text-color: var(--hop-Tag-positive-text-color);
4277
4445
  }
4278
- .Tag-module__hop-Tag--caution___t7-CS {
4446
+ .Tag-module__hop-Tag--caution___3AuKR {
4279
4447
  --border-color: var(--hop-Tag-caution-border-color);
4280
4448
  --background-color: var(--hop-Tag-caution-background-color);
4281
4449
  --text-color: var(--hop-Tag-caution-text-color);
4282
4450
  }
4283
- .Tag-module__hop-Tag--negative___B5fjH {
4451
+ .Tag-module__hop-Tag--negative___qGVub {
4284
4452
  --border-color: var(--hop-Tag-negative-border-color);
4285
4453
  --background-color: var(--hop-Tag-negative-background-color);
4286
4454
  --text-color: var(--hop-Tag-negative-text-color);
4287
4455
  }
4288
- .Tag-module__hop-Tag--option1___AYNLX {
4456
+ .Tag-module__hop-Tag--option1___iP-MY {
4289
4457
  --border-color: var(--hop-Tag-option1-border-color);
4290
4458
  --background-color: var(--hop-Tag-option1-background-color);
4291
4459
  --text-color: var(--hop-Tag-option1-text-color);
4292
4460
  }
4293
- .Tag-module__hop-Tag--option2___Sajtj {
4461
+ .Tag-module__hop-Tag--option2___K9mXa {
4294
4462
  --border-color: var(--hop-Tag-option2-border-color);
4295
4463
  --background-color: var(--hop-Tag-option2-background-color);
4296
4464
  --text-color: var(--hop-Tag-option2-text-color);
4297
4465
  }
4298
- .Tag-module__hop-Tag--option3___Eivl4 {
4466
+ .Tag-module__hop-Tag--option3___wPjxx {
4299
4467
  --border-color: var(--hop-Tag-option3-border-color);
4300
4468
  --background-color: var(--hop-Tag-option3-background-color);
4301
4469
  --text-color: var(--hop-Tag-option3-text-color);
4302
4470
  }
4303
- .Tag-module__hop-Tag--option4___24aL5 {
4471
+ .Tag-module__hop-Tag--option4___HlCdF {
4304
4472
  --border-color: var(--hop-Tag-option4-border-color);
4305
4473
  --background-color: var(--hop-Tag-option4-background-color);
4306
4474
  --text-color: var(--hop-Tag-option4-text-color);
4307
4475
  }
4308
- .Tag-module__hop-Tag--option5___MUm8- {
4476
+ .Tag-module__hop-Tag--option5___68umF {
4309
4477
  --border-color: var(--hop-Tag-option5-border-color);
4310
4478
  --background-color: var(--hop-Tag-option5-background-color);
4311
4479
  --text-color: var(--hop-Tag-option5-text-color);
4312
4480
  }
4313
- .Tag-module__hop-Tag--option6___-sBKA {
4481
+ .Tag-module__hop-Tag--option6___6L7iF {
4314
4482
  --border-color: var(--hop-Tag-option6-border-color);
4315
4483
  --background-color: var(--hop-Tag-option6-background-color);
4316
4484
  --text-color: var(--hop-Tag-option6-text-color);
4317
4485
  }
4318
- .Tag-module__hop-Tag___NM6io[data-href] {
4486
+ .Tag-module__hop-Tag___gYajJ[data-href] {
4319
4487
  cursor: pointer;
4320
4488
  }
4321
- .Tag-module__hop-Tag--neutral___USBuA[data-focus-visible] {
4489
+ .Tag-module__hop-Tag--neutral___4RXQ-[data-focus-visible] {
4322
4490
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4323
4491
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4324
4492
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4325
4493
  }
4326
- .Tag-module__hop-Tag--neutral___USBuA[data-hovered] {
4494
+ .Tag-module__hop-Tag--neutral___4RXQ-[data-hovered] {
4327
4495
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4328
4496
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4329
4497
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4330
4498
  }
4331
- .Tag-module__hop-Tag--neutral___USBuA[data-pressed] {
4499
+ .Tag-module__hop-Tag--neutral___4RXQ-[data-pressed] {
4332
4500
  --border-color: var(--hop-Tag-neutral-border-color-press);
4333
4501
  --background-color: var(--hop-Tag-neutral-background-color-press);
4334
4502
  --text-color: var(--hop-Tag-neutral-text-color-press);
4335
4503
  }
4336
- .Tag-module__hop-Tag--neutral___USBuA[data-disabled] {
4504
+ .Tag-module__hop-Tag--neutral___4RXQ-[data-disabled] {
4337
4505
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4338
4506
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4339
4507
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4340
4508
  }
4341
- .Tag-module__hop-Tag--subdued___xQkUX[data-focus-visible] {
4509
+ .Tag-module__hop-Tag--subdued___V-IFB[data-focus-visible] {
4342
4510
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4343
4511
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4344
4512
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4345
4513
  }
4346
- .Tag-module__hop-Tag--subdued___xQkUX[data-hovered] {
4514
+ .Tag-module__hop-Tag--subdued___V-IFB[data-hovered] {
4347
4515
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4348
4516
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4349
4517
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4350
4518
  }
4351
- .Tag-module__hop-Tag--subdued___xQkUX[data-pressed] {
4519
+ .Tag-module__hop-Tag--subdued___V-IFB[data-pressed] {
4352
4520
  --border-color: var(--hop-Tag-subdued-border-color-press);
4353
4521
  --background-color: var(--hop-Tag-subdued-background-color-press);
4354
4522
  --text-color: var(--hop-Tag-subdued-text-color-press);
4355
4523
  }
4356
- .Tag-module__hop-Tag--subdued___xQkUX[data-disabled] {
4524
+ .Tag-module__hop-Tag--subdued___V-IFB[data-disabled] {
4357
4525
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4358
4526
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4359
4527
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4360
4528
  }
4361
- .Tag-module__hop-Tag--progress___zPefF[data-focus-visible] {
4529
+ .Tag-module__hop-Tag--progress___KRxyM[data-focus-visible] {
4362
4530
  --border-color: var(--hop-Tag-progress-border-color-focus);
4363
4531
  --background-color: var(--hop-Tag-progress-background-color-focus);
4364
4532
  --text-color: var(--hop-Tag-progress-text-color-focus);
4365
4533
  }
4366
- .Tag-module__hop-Tag--progress___zPefF[data-hovered] {
4534
+ .Tag-module__hop-Tag--progress___KRxyM[data-hovered] {
4367
4535
  --border-color: var(--hop-Tag-progress-border-color-hover);
4368
4536
  --background-color: var(--hop-Tag-progress-background-color-hover);
4369
4537
  --text-color: var(--hop-Tag-progress-text-color-hover);
4370
4538
  }
4371
- .Tag-module__hop-Tag--progress___zPefF[data-pressed] {
4539
+ .Tag-module__hop-Tag--progress___KRxyM[data-pressed] {
4372
4540
  --border-color: var(--hop-Tag-progress-border-color-press);
4373
4541
  --background-color: var(--hop-Tag-progress-background-color-press);
4374
4542
  --text-color: var(--hop-Tag-progress-text-color-press);
4375
4543
  }
4376
- .Tag-module__hop-Tag--progress___zPefF[data-disabled] {
4544
+ .Tag-module__hop-Tag--progress___KRxyM[data-disabled] {
4377
4545
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4378
4546
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4379
4547
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4380
4548
  }
4381
- .Tag-module__hop-Tag--positive___-0pjQ[data-focus-visible] {
4549
+ .Tag-module__hop-Tag--positive___y0R1a[data-focus-visible] {
4382
4550
  --border-color: var(--hop-Tag-positive-border-color-focus);
4383
4551
  --background-color: var(--hop-Tag-positive-background-color-focus);
4384
4552
  --text-color: var(--hop-Tag-positive-text-color-focus);
4385
4553
  }
4386
- .Tag-module__hop-Tag--positive___-0pjQ[data-hovered] {
4554
+ .Tag-module__hop-Tag--positive___y0R1a[data-hovered] {
4387
4555
  --border-color: var(--hop-Tag-positive-border-color-hover);
4388
4556
  --background-color: var(--hop-Tag-positive-background-color-hover);
4389
4557
  --text-color: var(--hop-Tag-positive-text-color-hover);
4390
4558
  }
4391
- .Tag-module__hop-Tag--positive___-0pjQ[data-pressed] {
4559
+ .Tag-module__hop-Tag--positive___y0R1a[data-pressed] {
4392
4560
  --border-color: var(--hop-Tag-positive-border-color-press);
4393
4561
  --background-color: var(--hop-Tag-positive-background-color-press);
4394
4562
  --text-color: var(--hop-Tag-positive-text-color-press);
4395
4563
  }
4396
- .Tag-module__hop-Tag--positive___-0pjQ[data-disabled] {
4564
+ .Tag-module__hop-Tag--positive___y0R1a[data-disabled] {
4397
4565
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4398
4566
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4399
4567
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4400
4568
  }
4401
- .Tag-module__hop-Tag--caution___t7-CS[data-focus-visible] {
4569
+ .Tag-module__hop-Tag--caution___3AuKR[data-focus-visible] {
4402
4570
  --border-color: var(--hop-Tag-caution-border-color-focus);
4403
4571
  --background-color: var(--hop-Tag-caution-background-color-focus);
4404
4572
  --text-color: var(--hop-Tag-caution-text-color-focus);
4405
4573
  }
4406
- .Tag-module__hop-Tag--caution___t7-CS[data-hovered] {
4574
+ .Tag-module__hop-Tag--caution___3AuKR[data-hovered] {
4407
4575
  --border-color: var(--hop-Tag-caution-border-color-hover);
4408
4576
  --background-color: var(--hop-Tag-caution-background-color-hover);
4409
4577
  --text-color: var(--hop-Tag-caution-text-color-hover);
4410
4578
  }
4411
- .Tag-module__hop-Tag--caution___t7-CS[data-pressed] {
4579
+ .Tag-module__hop-Tag--caution___3AuKR[data-pressed] {
4412
4580
  --border-color: var(--hop-Tag-caution-border-color-press);
4413
4581
  --background-color: var(--hop-Tag-caution-background-color-press);
4414
4582
  --text-color: var(--hop-Tag-caution-text-color-press);
4415
4583
  }
4416
- .Tag-module__hop-Tag--caution___t7-CS[data-disabled] {
4584
+ .Tag-module__hop-Tag--caution___3AuKR[data-disabled] {
4417
4585
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4418
4586
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4419
4587
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4420
4588
  }
4421
- .Tag-module__hop-Tag--negative___B5fjH[data-focus-visible] {
4589
+ .Tag-module__hop-Tag--negative___qGVub[data-focus-visible] {
4422
4590
  --border-color: var(--hop-Tag-negative-border-color-focus);
4423
4591
  --background-color: var(--hop-Tag-negative-background-color-focus);
4424
4592
  --text-color: var(--hop-Tag-negative-text-color-focus);
4425
4593
  }
4426
- .Tag-module__hop-Tag--negative___B5fjH[data-hovered] {
4594
+ .Tag-module__hop-Tag--negative___qGVub[data-hovered] {
4427
4595
  --border-color: var(--hop-Tag-negative-border-color-hover);
4428
4596
  --background-color: var(--hop-Tag-negative-background-color-hover);
4429
4597
  --text-color: var(--hop-Tag-negative-text-color-hover);
4430
4598
  }
4431
- .Tag-module__hop-Tag--negative___B5fjH[data-pressed] {
4599
+ .Tag-module__hop-Tag--negative___qGVub[data-pressed] {
4432
4600
  --border-color: var(--hop-Tag-negative-border-color-press);
4433
4601
  --background-color: var(--hop-Tag-negative-background-color-press);
4434
4602
  --text-color: var(--hop-Tag-negative-text-color-press);
4435
4603
  }
4436
- .Tag-module__hop-Tag--negative___B5fjH[data-disabled] {
4604
+ .Tag-module__hop-Tag--negative___qGVub[data-disabled] {
4437
4605
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4438
4606
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4439
4607
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4440
4608
  }
4441
- .Tag-module__hop-Tag--option1___AYNLX[data-focus-visible] {
4609
+ .Tag-module__hop-Tag--option1___iP-MY[data-focus-visible] {
4442
4610
  --border-color: var(--hop-Tag-option1-border-color-focus);
4443
4611
  --background-color: var(--hop-Tag-option1-background-color-focus);
4444
4612
  --text-color: var(--hop-Tag-option1-text-color-focus);
4445
4613
  }
4446
- .Tag-module__hop-Tag--option1___AYNLX[data-hovered] {
4614
+ .Tag-module__hop-Tag--option1___iP-MY[data-hovered] {
4447
4615
  --border-color: var(--hop-Tag-option1-border-color-hover);
4448
4616
  --background-color: var(--hop-Tag-option1-background-color-hover);
4449
4617
  --text-color: var(--hop-Tag-option1-text-color-hover);
4450
4618
  }
4451
- .Tag-module__hop-Tag--option1___AYNLX[data-pressed] {
4619
+ .Tag-module__hop-Tag--option1___iP-MY[data-pressed] {
4452
4620
  --border-color: var(--hop-Tag-option1-border-color-press);
4453
4621
  --background-color: var(--hop-Tag-option1-background-color-press);
4454
4622
  --text-color: var(--hop-Tag-option1-text-color-press);
4455
4623
  }
4456
- .Tag-module__hop-Tag--option1___AYNLX[data-disabled] {
4624
+ .Tag-module__hop-Tag--option1___iP-MY[data-disabled] {
4457
4625
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4458
4626
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4459
4627
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4460
4628
  }
4461
- .Tag-module__hop-Tag--option2___Sajtj[data-focus-visible] {
4629
+ .Tag-module__hop-Tag--option2___K9mXa[data-focus-visible] {
4462
4630
  --border-color: var(--hop-Tag-option2-border-color-focus);
4463
4631
  --background-color: var(--hop-Tag-option2-background-color-focus);
4464
4632
  --text-color: var(--hop-Tag-option2-text-color-focus);
4465
4633
  }
4466
- .Tag-module__hop-Tag--option2___Sajtj[data-hovered] {
4634
+ .Tag-module__hop-Tag--option2___K9mXa[data-hovered] {
4467
4635
  --border-color: var(--hop-Tag-option2-border-color-hover);
4468
4636
  --background-color: var(--hop-Tag-option2-background-color-hover);
4469
4637
  --text-color: var(--hop-Tag-option2-text-color-hover);
4470
4638
  }
4471
- .Tag-module__hop-Tag--option2___Sajtj[data-pressed] {
4639
+ .Tag-module__hop-Tag--option2___K9mXa[data-pressed] {
4472
4640
  --border-color: var(--hop-Tag-option2-border-color-press);
4473
4641
  --background-color: var(--hop-Tag-option2-background-color-press);
4474
4642
  --text-color: var(--hop-Tag-option2-text-color-press);
4475
4643
  }
4476
- .Tag-module__hop-Tag--option2___Sajtj[data-disabled] {
4644
+ .Tag-module__hop-Tag--option2___K9mXa[data-disabled] {
4477
4645
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4478
4646
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4479
4647
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4480
4648
  }
4481
- .Tag-module__hop-Tag--option3___Eivl4[data-focus-visible] {
4649
+ .Tag-module__hop-Tag--option3___wPjxx[data-focus-visible] {
4482
4650
  --border-color: var(--hop-Tag-option3-border-color-focus);
4483
4651
  --background-color: var(--hop-Tag-option3-background-color-focus);
4484
4652
  --text-color: var(--hop-Tag-option3-text-color-focus);
4485
4653
  }
4486
- .Tag-module__hop-Tag--option3___Eivl4[data-hovered] {
4654
+ .Tag-module__hop-Tag--option3___wPjxx[data-hovered] {
4487
4655
  --border-color: var(--hop-Tag-option3-border-color-hover);
4488
4656
  --background-color: var(--hop-Tag-option3-background-color-hover);
4489
4657
  --text-color: var(--hop-Tag-option3-text-color-hover);
4490
4658
  }
4491
- .Tag-module__hop-Tag--option3___Eivl4[data-pressed] {
4659
+ .Tag-module__hop-Tag--option3___wPjxx[data-pressed] {
4492
4660
  --border-color: var(--hop-Tag-option3-border-color-press);
4493
4661
  --background-color: var(--hop-Tag-option3-background-color-press);
4494
4662
  --text-color: var(--hop-Tag-option3-text-color-press);
4495
4663
  }
4496
- .Tag-module__hop-Tag--option3___Eivl4[data-disabled] {
4664
+ .Tag-module__hop-Tag--option3___wPjxx[data-disabled] {
4497
4665
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4498
4666
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4499
4667
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4500
4668
  }
4501
- .Tag-module__hop-Tag--option4___24aL5[data-focus-visible] {
4669
+ .Tag-module__hop-Tag--option4___HlCdF[data-focus-visible] {
4502
4670
  --border-color: var(--hop-Tag-option4-border-color-focus);
4503
4671
  --background-color: var(--hop-Tag-option4-background-color-focus);
4504
4672
  --text-color: var(--hop-Tag-option4-text-color-focus);
4505
4673
  }
4506
- .Tag-module__hop-Tag--option4___24aL5[data-hovered] {
4674
+ .Tag-module__hop-Tag--option4___HlCdF[data-hovered] {
4507
4675
  --border-color: var(--hop-Tag-option4-border-color-hover);
4508
4676
  --background-color: var(--hop-Tag-option4-background-color-hover);
4509
4677
  --text-color: var(--hop-Tag-option4-text-color-hover);
4510
4678
  }
4511
- .Tag-module__hop-Tag--option4___24aL5[data-pressed] {
4679
+ .Tag-module__hop-Tag--option4___HlCdF[data-pressed] {
4512
4680
  --border-color: var(--hop-Tag-option4-border-color-press);
4513
4681
  --background-color: var(--hop-Tag-option4-background-color-press);
4514
4682
  --text-color: var(--hop-Tag-option4-text-color-press);
4515
4683
  }
4516
- .Tag-module__hop-Tag--option4___24aL5[data-disabled] {
4684
+ .Tag-module__hop-Tag--option4___HlCdF[data-disabled] {
4517
4685
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4518
4686
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4519
4687
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4520
4688
  }
4521
- .Tag-module__hop-Tag--option5___MUm8-[data-focus-visible] {
4689
+ .Tag-module__hop-Tag--option5___68umF[data-focus-visible] {
4522
4690
  --border-color: var(--hop-Tag-option5-border-color-focus);
4523
4691
  --background-color: var(--hop-Tag-option5-background-color-focus);
4524
4692
  --text-color: var(--hop-Tag-option5-text-color-focus);
4525
4693
  }
4526
- .Tag-module__hop-Tag--option5___MUm8-[data-hovered] {
4694
+ .Tag-module__hop-Tag--option5___68umF[data-hovered] {
4527
4695
  --border-color: var(--hop-Tag-option5-border-color-hover);
4528
4696
  --background-color: var(--hop-Tag-option5-background-color-hover);
4529
4697
  --text-color: var(--hop-Tag-option5-text-color-hover);
4530
4698
  }
4531
- .Tag-module__hop-Tag--option5___MUm8-[data-pressed] {
4699
+ .Tag-module__hop-Tag--option5___68umF[data-pressed] {
4532
4700
  --border-color: var(--hop-Tag-option5-border-color-press);
4533
4701
  --background-color: var(--hop-Tag-option5-background-color-press);
4534
4702
  --text-color: var(--hop-Tag-option5-text-color-press);
4535
4703
  }
4536
- .Tag-module__hop-Tag--option5___MUm8-[data-disabled] {
4704
+ .Tag-module__hop-Tag--option5___68umF[data-disabled] {
4537
4705
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4538
4706
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4539
4707
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4540
4708
  }
4541
- .Tag-module__hop-Tag--option6___-sBKA[data-focus-visible] {
4709
+ .Tag-module__hop-Tag--option6___6L7iF[data-focus-visible] {
4542
4710
  --border-color: var(--hop-Tag-option6-border-color-focus);
4543
4711
  --background-color: var(--hop-Tag-option6-background-color-focus);
4544
4712
  --text-color: var(--hop-Tag-option6-text-color-focus);
4545
4713
  }
4546
- .Tag-module__hop-Tag--option6___-sBKA[data-hovered] {
4714
+ .Tag-module__hop-Tag--option6___6L7iF[data-hovered] {
4547
4715
  --border-color: var(--hop-Tag-option6-border-color-hover);
4548
4716
  --background-color: var(--hop-Tag-option6-background-color-hover);
4549
4717
  --text-color: var(--hop-Tag-option6-text-color-hover);
4550
4718
  }
4551
- .Tag-module__hop-Tag--option6___-sBKA[data-pressed] {
4719
+ .Tag-module__hop-Tag--option6___6L7iF[data-pressed] {
4552
4720
  --border-color: var(--hop-Tag-option6-border-color-press);
4553
4721
  --background-color: var(--hop-Tag-option6-background-color-press);
4554
4722
  --text-color: var(--hop-Tag-option6-text-color-press);
4555
4723
  }
4556
- .Tag-module__hop-Tag--option6___-sBKA[data-disabled] {
4724
+ .Tag-module__hop-Tag--option6___6L7iF[data-disabled] {
4557
4725
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4558
4726
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4559
4727
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4560
4728
  }
4561
- .Tag-module__hop-Tag___NM6io[data-focus-visible] {
4729
+ .Tag-module__hop-Tag___gYajJ[data-focus-visible] {
4562
4730
  outline: 0.125rem solid var(--focus-ring-color);
4563
4731
  }
4564
- .Tag-module__hop-Tag___NM6io[data-hovered] {
4732
+ .Tag-module__hop-Tag___gYajJ[data-hovered] {
4565
4733
  cursor: pointer;
4566
4734
  }
4567
- .Tag-module__hop-Tag___NM6io[data-selected] {
4735
+ .Tag-module__hop-Tag___gYajJ[data-selected] {
4568
4736
  --background-color: var(--hop-Tag-background-color-selected);
4569
4737
  --border-color: var(--hop-Tag-border-color-selected);
4570
4738
  --text-color: var(--hop-Tag-text-color-selected);
4571
4739
  }
4572
- .Tag-module__hop-Tag___NM6io[data-pressed] {
4740
+ .Tag-module__hop-Tag___gYajJ[data-pressed] {
4573
4741
  cursor: pointer;
4574
4742
  }
4575
- .Tag-module__hop-Tag___NM6io[data-invalid] {
4743
+ .Tag-module__hop-Tag___gYajJ[data-invalid] {
4576
4744
  --border-color: var(--hop-Tag-border-color-invalid);
4577
4745
  }
4578
- .Tag-module__hop-Tag___NM6io[data-disabled] {
4746
+ .Tag-module__hop-Tag___gYajJ[data-disabled] {
4579
4747
  cursor: not-allowed;
4580
4748
  }
4581
- .Tag-module__hop-Tag__avatar___Sb-9t {
4749
+ .Tag-module__hop-Tag__avatar___Eq97E {
4582
4750
  flex: 0 0 auto;
4583
4751
  order: 1;
4584
4752
  margin-inline-start: var(--avatar-margin-inline-start);
4585
4753
  }
4586
- .Tag-module__hop-Tag__icon___Kk1ms,
4587
- .Tag-module__hop-Tag__icon-list___sGKeO {
4754
+ .Tag-module__hop-Tag__icon___3HZP1,
4755
+ .Tag-module__hop-Tag__icon-list___gCDvv {
4588
4756
  flex: 0 0 auto;
4589
4757
  flex-wrap: nowrap;
4590
4758
  order: 2;
4591
4759
  margin-inline-start: var(--icon-margin-inline-start, 0);
4592
4760
  }
4593
- .Tag-module__hop-Tag__text___QMrwz {
4761
+ .Tag-module__hop-Tag__text___VHIAH {
4594
4762
  overflow: hidden;
4595
4763
  flex: 1 1 auto;
4596
4764
  order: 3;
@@ -4598,33 +4766,33 @@
4598
4766
  text-align: center;
4599
4767
  text-overflow: ellipsis;
4600
4768
  }
4601
- .Tag-module__hop-Tag__badge___3Bb7n {
4769
+ .Tag-module__hop-Tag__badge___B9x2Q {
4602
4770
  flex: 0 0 auto;
4603
4771
  order: 4;
4604
4772
  margin-inline-end: var(--badge-margin-inline-end);
4605
4773
  }
4606
- .Tag-module__hop-Tag___NM6io .Tag-module__hop-Tag__badge___3Bb7n[data-variant=subdued] {
4774
+ .Tag-module__hop-Tag___gYajJ .Tag-module__hop-Tag__badge___B9x2Q[data-variant=subdued] {
4607
4775
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4608
4776
  color: inherit;
4609
4777
  background: none;
4610
4778
  }
4611
- .Tag-module__hop-Tag--sm___RusnS .Tag-module__hop-Tag__badge___3Bb7n {
4779
+ .Tag-module__hop-Tag--sm___xgy7v .Tag-module__hop-Tag__badge___B9x2Q {
4612
4780
  block-size: 100%;
4613
4781
  }
4614
- .Tag-module__hop-Tag__remove-btn___W-ZWY,
4615
- .Tag-module__hop-Tag__Spinner___iMDOt {
4782
+ .Tag-module__hop-Tag__remove-btn___a7sSh,
4783
+ .Tag-module__hop-Tag__Spinner___UbQq5 {
4616
4784
  flex: 0 0 auto;
4617
4785
  order: 5;
4618
4786
  }
4619
- .Tag-module__hop-Tag__Spinner___iMDOt {
4787
+ .Tag-module__hop-Tag__Spinner___UbQq5 {
4620
4788
  margin-inline-end: var(--spinner-margin-inline-end);
4621
4789
  }
4622
- .Tag-module__hop-Tag__remove-btn___W-ZWY {
4790
+ .Tag-module__hop-Tag__remove-btn___a7sSh {
4623
4791
  margin-inline: var(--clear-btn-margin-inline);
4624
4792
  }
4625
4793
 
4626
4794
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4627
- .TagGroup-module__hop-TagGroup___tcuEw {
4795
+ .TagGroup-module__hop-TagGroup___gLm6g {
4628
4796
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4629
4797
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4630
4798
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4644,10 +4812,10 @@
4644
4812
  inline-size: max-content;
4645
4813
  max-inline-size: 100%;
4646
4814
  }
4647
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__label___MIfwe {
4815
+ .TagGroup-module__hop-TagGroup___gLm6g > .TagGroup-module__hop-TagGroup__label___D9H8a {
4648
4816
  order: 1;
4649
4817
  }
4650
- .TagGroup-module__hop-TagGroup__list___BBlDb {
4818
+ .TagGroup-module__hop-TagGroup__list___CIMy4 {
4651
4819
  display: flex;
4652
4820
  flex-wrap: wrap;
4653
4821
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4656,12 +4824,12 @@
4656
4824
  border-radius: var(--list-border-radius);
4657
4825
  outline: none;
4658
4826
  }
4659
- .TagGroup-module__hop-TagGroup__list___BBlDb[data-focus-visible] {
4827
+ .TagGroup-module__hop-TagGroup__list___CIMy4[data-focus-visible] {
4660
4828
  outline: 0.125rem solid var(--list-focus-ring-color);
4661
4829
  outline-offset: 0.125rem;
4662
4830
  }
4663
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__error-message___JUQXc,
4664
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__helper-message___Oka5s {
4831
+ .TagGroup-module__hop-TagGroup___gLm6g > .TagGroup-module__hop-TagGroup__error-message___ttjZc,
4832
+ .TagGroup-module__hop-TagGroup___gLm6g > .TagGroup-module__hop-TagGroup__helper-message___xirFF {
4665
4833
  order: 3;
4666
4834
  }
4667
4835
 
@@ -4691,17 +4859,18 @@
4691
4859
  /* src/index.css */
4692
4860
 
4693
4861
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4694
- :where(.Popover-module__hop-Popover___gIFrM *) {
4862
+ :where(.Popover-module__hop-Popover___ISCgW *) {
4695
4863
  font-family: var(--font-family);
4696
4864
  font-size: var(--font-size);
4697
4865
  font-weight: var(--font-weight);
4698
4866
  line-height: var(--line-height);
4699
4867
  outline: none;
4700
4868
  }
4701
- .Popover-module__hop-Popover___gIFrM {
4869
+ .Popover-module__hop-Popover___ISCgW {
4702
4870
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4703
4871
  --hop-Popover-inline-width: 25rem;
4704
4872
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
4873
+ --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
4705
4874
  --hop-Popover-dropdown-auto-inline-width: auto;
4706
4875
  --width: var(--hop-Popover-inline-width);
4707
4876
  --max-width: var(--hop-Popover-max-inline-width);
@@ -4710,19 +4879,22 @@
4710
4879
  inline-size: var(--width);
4711
4880
  max-inline-size: var(--max-width);
4712
4881
  }
4713
- .Popover-module__hop-Popover___gIFrM[data-trigger=Select] {
4882
+ .Popover-module__hop-Popover___ISCgW[data-trigger=Select] {
4714
4883
  --width: var(--hop-Popover-dropdown-inline-width);
4715
4884
  }
4716
- .Popover-module__hop-Popover___gIFrM[data-auto-width] {
4885
+ .Popover-module__hop-Popover___ISCgW[data-trigger=ComboBox] {
4886
+ --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4887
+ }
4888
+ .Popover-module__hop-Popover___ISCgW[data-auto-width] {
4717
4889
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4718
4890
  }
4719
- .Popover-module__hop-Popover___gIFrM[data-entering] {
4720
- animation: Popover-module__fade___ph4u3 0.25s;
4891
+ .Popover-module__hop-Popover___ISCgW[data-entering] {
4892
+ animation: Popover-module__fade___DHO8c 0.25s;
4721
4893
  }
4722
- .Popover-module__hop-Popover___gIFrM[data-exiting] {
4723
- animation: Popover-module__fade___ph4u3 0.25s reverse;
4894
+ .Popover-module__hop-Popover___ISCgW[data-exiting] {
4895
+ animation: Popover-module__fade___DHO8c 0.25s reverse;
4724
4896
  }
4725
- @keyframes Popover-module__fade___ph4u3 {
4897
+ @keyframes Popover-module__fade___DHO8c {
4726
4898
  from {
4727
4899
  opacity: 0;
4728
4900
  }
@@ -4730,14 +4902,14 @@
4730
4902
  opacity: 1;
4731
4903
  }
4732
4904
  }
4733
- .Popover-module__hop-Popover__wrapper___HAIbd {
4905
+ .Popover-module__hop-Popover__wrapper___03gFJ {
4734
4906
  display: flex;
4735
4907
  flex: 1 1 auto;
4736
4908
  flex-direction: column;
4737
4909
  min-block-size: 0;
4738
4910
  }
4739
- .Popover-module__hop-Popover__dialog___UFZee,
4740
- .Popover-module__hop-Popover__dropdown___H-yZY {
4911
+ .Popover-module__hop-Popover__dialog___qdizI,
4912
+ .Popover-module__hop-Popover__dropdown___ZgB-c {
4741
4913
  --hop-Popover-background: var(--hop-neutral-surface);
4742
4914
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4743
4915
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4783,20 +4955,20 @@
4783
4955
  border-radius: var(--hop-Popover-border-radius);
4784
4956
  box-shadow: var(--hop-Popover-box-shadow);
4785
4957
  }
4786
- .Popover-module__hop-Popover__dropdown___H-yZY {
4958
+ .Popover-module__hop-Popover__dropdown___ZgB-c {
4787
4959
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4788
4960
  --footer-place-self: stretch;
4789
4961
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4790
4962
  --padding: var(--hop-Popover-dropdown-padding);
4791
4963
  }
4792
- .Popover-module__hop-Popover__dialog___UFZee {
4964
+ .Popover-module__hop-Popover__dialog___qdizI {
4793
4965
  --padding: var(--hop-Popover-dialog-padding);
4794
4966
  }
4795
- .Popover-module__hop-Popover__title___7iBNB {
4967
+ .Popover-module__hop-Popover__title___L1FD1 {
4796
4968
  grid-area: header;
4797
4969
  color: var(--hop-Popover-color);
4798
4970
  }
4799
- .Popover-module__hop-Popover__content___9qGsS {
4971
+ .Popover-module__hop-Popover__content___jvZrr {
4800
4972
  --font-size: var(--hop-Popover-content-font-size);
4801
4973
  --line-height: var(--hop-Popover-content-line-height);
4802
4974
  grid-area: content;
@@ -4805,7 +4977,7 @@
4805
4977
  padding: 0;
4806
4978
  color: var(--hop-Popover-content-color);
4807
4979
  }
4808
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__list-box___4ZJko {
4980
+ .Popover-module__hop-Popover__dropdown___ZgB-c .Popover-module__hop-Popover__list-box___99mrp {
4809
4981
  grid-area: content;
4810
4982
  inline-size: auto;
4811
4983
  min-inline-size: auto;
@@ -4814,7 +4986,7 @@
4814
4986
  padding: 0;
4815
4987
  border: none;
4816
4988
  }
4817
- .Popover-module__hop-Popover__footer___GUjGi {
4989
+ .Popover-module__hop-Popover__footer___YL-9d {
4818
4990
  --font-size: var(--hop-Popover-footer-font-size);
4819
4991
  --line-height: var(--hop-Popover-footer-line-height);
4820
4992
  grid-area: footer;
@@ -4822,22 +4994,22 @@
4822
4994
  margin: var(--footer-margin);
4823
4995
  color: var(--hop-Popover-color);
4824
4996
  }
4825
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__footer___GUjGi {
4997
+ .Popover-module__hop-Popover__dropdown___ZgB-c .Popover-module__hop-Popover__footer___YL-9d {
4826
4998
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4827
4999
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4828
5000
  }
4829
- .Popover-module__hop-Popover__actions___8dlIL,
4830
- .Popover-module__hop-Popover__action___PdeSV {
5001
+ .Popover-module__hop-Popover__actions___wWdTk,
5002
+ .Popover-module__hop-Popover__action___XBM2m {
4831
5003
  grid-area: action;
4832
5004
  justify-self: end;
4833
5005
  margin-block-start: var(--hop-Popover-row-gap);
4834
5006
  }
4835
- .Popover-module__hop-Popover___gIFrM:has(.Popover-module__hop-Popover__actions___8dlIL, .Popover-module__hop-Popover__action___PdeSV) .Popover-module__hop-Popover__footer___GUjGi {
5007
+ .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 {
4836
5008
  margin-inline-end: var(--hop-Popover-column-gap);
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
  }