@hopper-ui/components 1.3.8 → 1.3.9

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 (203) hide show
  1. package/CHANGELOG.md +6 -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 +90 -0
  20. package/dist/ComboBox/src/ComboBox.js +124 -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 +124 -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 +836 -825
  35. package/dist/Form/src/Form.js +68 -67
  36. package/dist/Form/src/index.css +836 -825
  37. package/dist/Form/src/index.js +68 -67
  38. package/dist/HelperMessage/src/HelperMessage.css +158 -11
  39. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  40. package/dist/HelperMessage/src/index.css +158 -11
  41. package/dist/HelperMessage/src/index.js +2 -2
  42. package/dist/IconList/src/IconList.css +228 -1
  43. package/dist/IconList/src/IconList.js +1 -1
  44. package/dist/IconList/src/index.css +228 -1
  45. package/dist/IconList/src/index.js +1 -1
  46. package/dist/Link/src/Link.css +184 -37
  47. package/dist/Link/src/Link.js +3 -3
  48. package/dist/Link/src/index.css +184 -37
  49. package/dist/Link/src/index.js +3 -3
  50. package/dist/ListBox/src/ListBox.css +398 -346
  51. package/dist/ListBox/src/ListBox.js +7 -8
  52. package/dist/ListBox/src/ListBoxItem.css +391 -306
  53. package/dist/ListBox/src/ListBoxItem.js +5 -5
  54. package/dist/ListBox/src/ListBoxItemSkeleton.css +234 -7
  55. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  56. package/dist/ListBox/src/index.css +398 -346
  57. package/dist/ListBox/src/index.js +7 -8
  58. package/dist/Select/src/Select.css +901 -890
  59. package/dist/Select/src/Select.js +68 -67
  60. package/dist/Select/src/SelectValue.css +197 -191
  61. package/dist/Select/src/SelectValue.js +5 -5
  62. package/dist/Select/src/index.css +901 -890
  63. package/dist/Select/src/index.js +68 -67
  64. package/dist/Spinner/src/Spinner.css +166 -19
  65. package/dist/Spinner/src/Spinner.js +2 -2
  66. package/dist/Spinner/src/index.css +166 -19
  67. package/dist/Spinner/src/index.js +2 -2
  68. package/dist/buttons/src/Button.css +247 -100
  69. package/dist/buttons/src/Button.js +4 -4
  70. package/dist/buttons/src/ButtonGroup.css +238 -11
  71. package/dist/buttons/src/ButtonGroup.js +2 -2
  72. package/dist/buttons/src/ClearButton.css +298 -71
  73. package/dist/buttons/src/ClearButton.js +2 -2
  74. package/dist/buttons/src/EmbeddedButton.css +298 -71
  75. package/dist/buttons/src/EmbeddedButton.js +1 -1
  76. package/dist/buttons/src/index.css +329 -182
  77. package/dist/buttons/src/index.js +8 -8
  78. package/dist/checkbox/src/Checkbox.css +181 -34
  79. package/dist/checkbox/src/Checkbox.js +2 -2
  80. package/dist/checkbox/src/CheckboxField.css +162 -15
  81. package/dist/checkbox/src/CheckboxField.js +1 -1
  82. package/dist/checkbox/src/CheckboxGroup.css +233 -105
  83. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  84. package/dist/checkbox/src/DecorativeCheckbox.css +189 -42
  85. package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
  86. package/dist/checkbox/src/index.css +233 -105
  87. package/dist/checkbox/src/index.js +8 -8
  88. package/dist/{chunk-KQ735GKE.js → chunk-2GYC6ADT.js} +5 -5
  89. package/dist/{chunk-TQZKBOSP.js → chunk-2SF7BBJT.js} +1 -1
  90. package/dist/{chunk-XJAHZJVO.js → chunk-2WK465I4.js} +1 -1
  91. package/dist/{chunk-BFVCZF4H.js → chunk-2ZXF62AA.js} +2 -2
  92. package/dist/{chunk-THMKXCNG.js → chunk-3O74ORYF.js} +3 -3
  93. package/dist/{chunk-PEB7PBUB.js → chunk-4EUVVRTY.js} +1 -1
  94. package/dist/{chunk-E4PIETAY.js → chunk-4FVIH73F.js} +2 -2
  95. package/dist/{chunk-AJMHHWRN.js → chunk-4PBFVO5S.js} +1 -1
  96. package/dist/chunk-4XHTP4GX.js +7 -0
  97. package/dist/{chunk-RR6N2GZX.js → chunk-54U727IV.js} +2 -2
  98. package/dist/{chunk-YHH5TXPG.js → chunk-5TH7VHRH.js} +3 -3
  99. package/dist/{chunk-JNDKNURH.js → chunk-6KHTQTRF.js} +1 -1
  100. package/dist/{chunk-J2OCA4O2.js → chunk-6U6JI3L3.js} +1 -1
  101. package/dist/{chunk-AC6JVAVX.js → chunk-7LTA4KPO.js} +3 -3
  102. package/dist/chunk-A3E76SDY.js +9 -0
  103. package/dist/{chunk-4ARX267G.js → chunk-ANO4F3LJ.js} +2 -2
  104. package/dist/{chunk-FIJ3CLQB.js → chunk-B2O3ZCYC.js} +1 -1
  105. package/dist/{chunk-VMCZQTOI.js → chunk-BGOYDN4M.js} +2 -2
  106. package/dist/{chunk-PWOFOTJR.js → chunk-CZRCXQFS.js} +1 -1
  107. package/dist/{chunk-6FDLX77I.js → chunk-E4JB7I3F.js} +2 -2
  108. package/dist/{chunk-MVBXZQAH.js → chunk-ENHK4K3U.js} +2 -2
  109. package/dist/{chunk-DRG2376D.js → chunk-FBABNQTM.js} +3 -3
  110. package/dist/{chunk-MBFMR455.js → chunk-GDVP2QEZ.js} +1 -1
  111. package/dist/{chunk-KZWQ57ZJ.js → chunk-GIMOHY5C.js} +2 -2
  112. package/dist/{chunk-7H4MZKSZ.js → chunk-HCJLAF2O.js} +4 -4
  113. package/dist/{chunk-NLQW4MJR.js → chunk-HI2SHIGG.js} +1 -1
  114. package/dist/{chunk-GMMQYERH.js → chunk-I55EPFTM.js} +2 -2
  115. package/dist/{chunk-JVDDMMRS.js → chunk-JX5YYFB3.js} +2 -2
  116. package/dist/{chunk-7CIKPH4J.js → chunk-KOT3ULJY.js} +2 -2
  117. package/dist/{chunk-2J5HM77N.js → chunk-KQQCELPA.js} +1 -1
  118. package/dist/chunk-KSKIQSYM.js +260 -0
  119. package/dist/{chunk-UR26A74E.js → chunk-MLHAFFJQ.js} +1 -1
  120. package/dist/{chunk-XEZVEXWO.js → chunk-N66DZLL6.js} +2 -2
  121. package/dist/{chunk-AGRLOZWN.js → chunk-NQD2OQEG.js} +1 -1
  122. package/dist/{chunk-R4LPKOSF.js → chunk-PAW7CB3K.js} +2 -2
  123. package/dist/{chunk-CTTRBWBT.js → chunk-Q6SYCTJD.js} +2 -2
  124. package/dist/{chunk-IP4N5EBH.js → chunk-RDLI353P.js} +1 -1
  125. package/dist/{chunk-XHMXUELC.js → chunk-S6AH3YTH.js} +6 -6
  126. package/dist/{chunk-BPFMTXRF.js → chunk-TMGUYWTR.js} +2 -2
  127. package/dist/{chunk-Z54LX6IU.js → chunk-TRDXTYZD.js} +3 -3
  128. package/dist/{chunk-H2L3SQIO.js → chunk-UJXKUNEW.js} +42 -33
  129. package/dist/{chunk-KXUA2JOW.js → chunk-UR3NK3LV.js} +1 -1
  130. package/dist/{chunk-Z2VOM3C3.js → chunk-VC3HSOGC.js} +3 -3
  131. package/dist/{chunk-3LUQ6A2L.js → chunk-VQKJXEPU.js} +2 -2
  132. package/dist/{chunk-JURJ6BXP.js → chunk-XHW2Z6AX.js} +1 -1
  133. package/dist/{chunk-CURG4YI3.js → chunk-XQFICAVB.js} +4 -8
  134. package/dist/{chunk-QLLCRVCV.js → chunk-YQDRT547.js} +3 -3
  135. package/dist/index.css +836 -825
  136. package/dist/index.d.ts +8 -7
  137. package/dist/index.js +68 -67
  138. package/dist/inputs/src/InputGroup.css +344 -197
  139. package/dist/inputs/src/InputGroup.js +1 -1
  140. package/dist/inputs/src/NumberField.css +336 -336
  141. package/dist/inputs/src/NumberField.js +6 -6
  142. package/dist/inputs/src/PasswordField.css +354 -354
  143. package/dist/inputs/src/PasswordField.js +7 -7
  144. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  145. package/dist/inputs/src/RemainingCharacterCount.js +5 -5
  146. package/dist/inputs/src/SearchField.css +360 -360
  147. package/dist/inputs/src/SearchField.js +8 -8
  148. package/dist/inputs/src/TextArea.css +331 -331
  149. package/dist/inputs/src/TextArea.js +7 -7
  150. package/dist/inputs/src/TextField.css +358 -358
  151. package/dist/inputs/src/TextField.js +10 -10
  152. package/dist/inputs/src/index.css +404 -404
  153. package/dist/inputs/src/index.js +17 -17
  154. package/dist/overlays/Popover/src/Popover.css +836 -825
  155. package/dist/overlays/Popover/src/Popover.js +68 -67
  156. package/dist/overlays/Popover/src/index.css +836 -825
  157. package/dist/overlays/Popover/src/index.js +68 -67
  158. package/dist/radio/src/DecorativeRadio.css +189 -42
  159. package/dist/radio/src/DecorativeRadio.js +2 -2
  160. package/dist/radio/src/Radio.css +181 -34
  161. package/dist/radio/src/Radio.js +2 -2
  162. package/dist/radio/src/RadioField.css +162 -15
  163. package/dist/radio/src/RadioField.js +1 -1
  164. package/dist/radio/src/RadioGroup.css +227 -99
  165. package/dist/radio/src/RadioGroup.js +2 -2
  166. package/dist/radio/src/index.css +233 -105
  167. package/dist/radio/src/index.js +8 -8
  168. package/dist/switch/src/Switch.css +178 -31
  169. package/dist/switch/src/Switch.js +2 -2
  170. package/dist/switch/src/SwitchField.css +162 -15
  171. package/dist/switch/src/SwitchField.js +2 -2
  172. package/dist/switch/src/index.css +184 -37
  173. package/dist/switch/src/index.js +4 -4
  174. package/dist/tag/src/Tag.css +464 -360
  175. package/dist/tag/src/Tag.js +5 -5
  176. package/dist/tag/src/TagGroup.css +166 -38
  177. package/dist/tag/src/TagGroup.js +2 -2
  178. package/dist/tag/src/TagList.css +226 -0
  179. package/dist/tag/src/index.css +474 -389
  180. package/dist/tag/src/index.js +9 -9
  181. package/dist/typography/Heading/src/Heading.css +151 -9
  182. package/dist/typography/Heading/src/Heading.js +1 -1
  183. package/dist/typography/Heading/src/index.css +151 -9
  184. package/dist/typography/Heading/src/index.js +1 -1
  185. package/dist/typography/Label/src/Label.css +211 -3
  186. package/dist/typography/Label/src/Label.js +1 -1
  187. package/dist/typography/Label/src/index.css +211 -3
  188. package/dist/typography/Label/src/index.js +1 -1
  189. package/dist/typography/OverlineText/src/OverlineText.css +190 -6
  190. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  191. package/dist/typography/OverlineText/src/index.css +190 -6
  192. package/dist/typography/OverlineText/src/index.js +1 -1
  193. package/dist/typography/Text/src/Text.css +156 -9
  194. package/dist/typography/Text/src/Text.js +1 -1
  195. package/dist/typography/Text/src/index.css +156 -9
  196. package/dist/typography/Text/src/index.js +1 -1
  197. package/dist/utils/src/EnsureTextWrapper.css +226 -0
  198. package/dist/utils/src/EnsureTextWrapper.d.ts +9 -0
  199. package/dist/utils/src/EnsureTextWrapper.js +16 -0
  200. package/dist/utils/src/index.css +226 -0
  201. package/dist/utils/src/index.d.ts +11 -10
  202. package/dist/utils/src/index.js +14 -3
  203. 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___qL-Ga {
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___qL-Ga) {
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___emC4g) {
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___0rHcs) {
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___lrBIc) {
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___9cuPI) {
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___WkYun) {
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___RaYLz) {
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___e1oE9) {
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___aPHsZ {
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___aPHsZ) {
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___Q-dLx) {
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___FPZs6) {
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___wwFGu) {
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___eP1l5) {
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___MX4B5) {
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___jSUoQ) {
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___rWFT-) {
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___1zcVv {
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___1zcVv) {
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___ZX47s) {
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___XDVrN) {
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___nGtRo {
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___nGtRo::before,
217
+ .OverlineText-module__hop-OverlineText__text___nGtRo::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___nGtRo::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___nGtRo::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___PVPdF {
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___PVPdF[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___PVPdF[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___PVPdF[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___PVPdF[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___PVPdF[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___PVPdF[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___PVPdF[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___PVPdF[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___PVPdF[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___PVPdF[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___PVPdF[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___PVPdF[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___PVPdF[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___PVPdF[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___Y0FDf {
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___Y0FDf[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___Y0FDf[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___Y0FDf[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___Y0FDf[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___Y0FDf[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___Y0FDf[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___Y0FDf[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___Y0FDf[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___pl1V5 {
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___0kKCu {
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___7VzNH {
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___baQv5 {
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___85txW {
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___K-Aq7 {
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___ymeLk {
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___VLxFX {
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___wu-FC {
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___mRfIY {
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___KfoE8 {
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___2t0GA {
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___K-Aq7[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___bCbWd {
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___K-Aq7[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
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___5sKQo {
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___Ady66 {
522
593
  --size: var(--hop-Avatar-xs-size);
523
594
  }
524
- .Avatar-module__hop-Avatar--sm___980Uh {
595
+ .Avatar-module__hop-Avatar--sm___FeU7R {
525
596
  --size: var(--hop-Avatar-sm-size);
526
597
  }
527
- .Avatar-module__hop-Avatar--md___wMa-k {
598
+ .Avatar-module__hop-Avatar--md___ZKXaB {
528
599
  --size: var(--hop-Avatar-md-size);
529
600
  }
530
- .Avatar-module__hop-Avatar--lg___yGqTp {
601
+ .Avatar-module__hop-Avatar--lg___1aVAg {
531
602
  --size: var(--hop-Avatar-lg-size);
532
603
  }
533
- .Avatar-module__hop-Avatar--xl___AXLnM {
604
+ .Avatar-module__hop-Avatar--xl___OGORu {
534
605
  --size: var(--hop-Avatar-xl-size);
535
606
  }
536
- .Avatar-module__hop-Avatar--2xl___aERCF {
607
+ .Avatar-module__hop-Avatar--2xl___IihrO {
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___r8yYu {
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___QeM5w {
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___nsycG {
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___uBdkS {
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___VYfAD {
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___hSbrh {
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___yTTZQ {
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___Ye64F {
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___U63SX {
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___5sKQo[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___wmX-V {
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___twZdn {
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___ftNKr {
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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr: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___ftNKr[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___aBalJ {
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___NRQ6W {
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___9RX3t,
821
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
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___aUVd0 {
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___6akLc {
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___b92Eu {
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___Qvdoz {
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___Qvdoz[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___4TFIz {
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___4nlaD {
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___t1Ev0 {
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___tWVL4 {
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___YZl2f {
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___kuOiD {
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___pb3m6 {
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___CLmD- {
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___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
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___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
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___YZl2f[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___kuOiD[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___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__label___Le2oD {
920
972
  order: 1;
921
973
  }
922
- .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI {
974
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn {
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___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 {
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___kuOiD .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::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___kuOiD[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::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___kuOiD[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::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___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__error-message___EVE-z,
1009
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___y8GQ- {
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___ftNKr {
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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr[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___ftNKr: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___ftNKr[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___aBalJ {
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___NRQ6W {
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___9RX3t,
1163
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
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___aUVd0 {
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___6akLc {
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___b92Eu {
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___uojgy {
1145
1197
  }
1146
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___dkdhx {
1198
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___NCu0g {
1147
1199
  }
1148
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___E8aCr {
1200
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___zZoAa {
1149
1201
  }
1150
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___r2Af7,
1151
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___aE0N0 {
1202
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GdgJP,
1203
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___0hjQG {
1152
1204
  }
1153
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___H1ERN {
1205
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___B1OKw {
1154
1206
  }
1155
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uTYXx {
1207
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uWACi {
1156
1208
  }
1157
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___RAk7V {
1209
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___8K-I- {
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___mjGTL {
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___mjGTL[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___mjGTL[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___mjGTL[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___mjGTL[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___mjGTL[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___mjGTL: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___mjGTL: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___mjGTL: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___mjGTL: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___mjGTL[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___yl7Uc {
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___Umq9X {
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___umH4r,
1361
+ .Radio-module__hop-Radio__icon-list___x6UXM {
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___5S65W {
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___9Zldv {
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___Jw3rk {
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___y405X {
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___y405X[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___xFdo7 {
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___-TjKd {
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___1rQov {
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___gtu2Z {
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___nxPSN {
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___vrAHq {
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___pG-g0 {
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___IIICc {
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___vrAHq.RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
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___vrAHq.RadioGroup-module__hop-RadioGroup--md___IIICc {
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___nxPSN[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___vrAHq[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___nxPSN > .RadioGroup-module__hop-RadioGroup__label___UhFFE {
1461
1513
  order: 1;
1462
1514
  }
1463
- .RadioGroup-module__hop-RadioGroup__list___I6ByC {
1515
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy {
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___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i {
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___vrAHq .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::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___vrAHq[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::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___vrAHq[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::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___nxPSN > .RadioGroup-module__hop-RadioGroup__error-message___v73ED,
1550
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__helper-message___ViS27 {
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___mjGTL {
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___mjGTL[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___mjGTL[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___mjGTL[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___mjGTL[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___mjGTL[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___mjGTL: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___mjGTL: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___mjGTL: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___mjGTL: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___mjGTL[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___yl7Uc {
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___Umq9X {
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___umH4r,
1703
+ .Radio-module__hop-Radio__icon-list___x6UXM {
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___5S65W {
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___9Zldv {
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___Jw3rk {
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___6cfZi {
1685
1737
  }
1686
- .DecorativeRadio-module__hop-DecorativeRadio--sm___c4DTm {
1738
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___pLmcZ {
1687
1739
  }
1688
- .DecorativeRadio-module__hop-DecorativeRadio--md___4FKuP {
1740
+ .DecorativeRadio-module__hop-DecorativeRadio--md___BWIIW {
1689
1741
  }
1690
- .DecorativeRadio-module__hop-DecorativeRadio__icon___A0Dsb,
1691
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___fJ9KP {
1742
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___sI5C6,
1743
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___B17Uy {
1692
1744
  }
1693
- .DecorativeRadio-module__hop-DecorativeRadio__box___e68gp {
1745
+ .DecorativeRadio-module__hop-DecorativeRadio__box___0184v {
1694
1746
  }
1695
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___WU567 {
1747
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___6xwhF {
1696
1748
  }
1697
- .DecorativeRadio-module__hop-DecorativeRadio__text___5m-W5 {
1749
+ .DecorativeRadio-module__hop-DecorativeRadio__text___ip08j {
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___lR0QJ {
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___3zK8z;
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___D0X6e {
1737
1789
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1738
1790
  }
1739
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___1E4s5 {
1791
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr {
1740
1792
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1741
1793
  }
1742
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___JXT-p {
1794
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl {
1743
1795
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1744
1796
  }
1745
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___671cG {
1797
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn {
1746
1798
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1747
1799
  }
1748
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4 {
1800
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z {
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___7JVGR {
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___V8rDD {
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___Aduv3 {
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___Cd0tq {
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___uroMj {
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___7JVGR[data-selection-mode] {
1884
1936
  --cursor: pointer;
1885
1937
  }
1886
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:not([data-selection-mode]) {
1938
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR: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___jRb4M:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
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___jRb4M[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
1893
1945
  --checkmark-transition: none;
1894
1946
  }
1895
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selected] {
1947
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[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___V8rDD[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___Aduv3[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___Cd0tq[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___uroMj[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___7JVGR[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___7JVGR[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___7JVGR[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___7JVGR[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___7JVGR[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___7JVGR[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___7JVGR[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___7JVGR[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___7JVGR[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___7JVGR[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___7JVGR:has(.ListBoxItem-module__hop-ListBoxItem__description___MyHdA) {
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___7JVGR[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___jRb4M {
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___QpTUU {
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___qWM1f,
2049
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___GUgXl {
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___sjHHi {
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___r8tji,
2061
+ .ListBoxItem-module__hop-ListBoxItem__icon___WqPrF {
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___8Oxiy {
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___pjBtZ,
2076
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___cpHA- {
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___FJ8gQ {
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___MyHdA {
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___emfw7 {
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___KXcZO {
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___lzB6a {
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___n6eiW + .ListBox-module__hop-ListBox__section___lzB6a {
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___lzB6a:has(+ .ListBox-module__hop-ListBox__item___n6eiW) {
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___lzB6a: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___lzB6a: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___PK5X3 {
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___PK5X3::before,
2182
+ .ListBox-module__hop-ListBox__section-header___PK5X3::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___PK5X3::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___PK5X3::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___6LPFS {
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___mEPxX {
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___6LPFS .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___yTrSl {
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___tnCZQ {
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___2X4so {
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___oxWCw {
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___uPfid {
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___uPfid {
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___rDXkL {
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___hJrlG {
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___hJrlG[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___FjUDk {
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___hJrlG[data-disabled],
2435
+ .Button-module__hop-Button___hJrlG[data-loading] {
2384
2436
  cursor: not-allowed;
2385
2437
  }
2386
- .Button-module__hop-Button--fluid___QaAvn {
2438
+ .Button-module__hop-Button--fluid___zHyAn {
2387
2439
  --inline-size: 100%;
2388
2440
  }
2389
- .Button-module__hop-Button--sm___nMy5q {
2441
+ .Button-module__hop-Button--sm___TjmEa {
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___x2k3w.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___x2k3w.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___ehb-w.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___ehb-w.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___aWCox.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___aWCox.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___KtNGT.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___KtNGT.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___DLGVS.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___DLGVS.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___H0XJg.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___H0XJg.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___SaGFj.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___SaGFj.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
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___x2k3w {
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___x2k3w[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___x2k3w[data-hovered]:not([data-disabled], [data-loading]),
2512
+ .Button-module__hop-Button--primary___x2k3w[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___x2k3w[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___ehb-w {
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___ehb-w[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___ehb-w[data-hovered]:not([data-disabled], [data-loading]),
2534
+ .Button-module__hop-Button--secondary___ehb-w[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___ehb-w[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___aWCox {
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___aWCox[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___aWCox[data-hovered]:not([data-disabled], [data-loading]),
2556
+ .Button-module__hop-Button--upsell___aWCox[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___aWCox[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___KtNGT {
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___KtNGT[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___KtNGT[data-hovered]:not([data-disabled], [data-loading]),
2578
+ .Button-module__hop-Button--danger___KtNGT[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___KtNGT[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___SaGFj {
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___SaGFj[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___SaGFj[data-hovered]:not([data-disabled], [data-loading]),
2600
+ .Button-module__hop-Button--ghost-primary___SaGFj[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___SaGFj[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___H0XJg {
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___H0XJg[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___H0XJg[data-hovered]:not([data-disabled], [data-loading]),
2622
+ .Button-module__hop-Button--ghost-secondary___H0XJg[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___H0XJg[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___DLGVS {
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___DLGVS[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___DLGVS[data-hovered]:not([data-disabled], [data-loading]),
2644
+ .Button-module__hop-Button--ghost-danger___DLGVS[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___DLGVS[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___ItCTY {
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___EQqO8,
2660
+ .Button-module__hop-Button__icon-list___nrpu8 {
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___TXP9n {
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___SaGFj[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2672
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2673
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2674
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2675
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2676
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2677
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2678
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2679
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n {
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___sFMht,
2684
+ .Button-module__hop-Button__end-icon-list___f9BkT {
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___hJrlG .Button-module__hop-Button__icon-list___nrpu8,
2688
+ .Button-module__hop-Button___hJrlG .Button-module__hop-Button__end-icon-list___f9BkT {
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___hJrlG[data-loading] > *:not(.Button-module__hop-Button__Spinner___ItCTY) {
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___YqGjd {
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___IAVP- {
2650
2702
  justify-content: center;
2651
2703
  }
2652
- .ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
2704
+ .ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
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___48eD5.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
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___WVvIF.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
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___rQM-t.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
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___48eD5.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
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___WVvIF.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
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___rQM-t.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
2673
2725
  justify-content: flex-end;
2674
2726
  }
2675
- .ButtonGroup-module__hop-ButtonGroup--wrap___QEzzw {
2727
+ .ButtonGroup-module__hop-ButtonGroup--wrap___I0RTB {
2676
2728
  flex-wrap: wrap;
2677
2729
  }
2678
- .ButtonGroup-module__hop-ButtonGroup--fluid___uxaS1 {
2730
+ .ButtonGroup-module__hop-ButtonGroup--fluid___Y0q6D {
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___2WaLy {
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___2WaLy::before {
2848
2900
  content: "";
2849
2901
  position: absolute;
2850
2902
  inset-block-start: 50%;
@@ -2857,291 +2909,324 @@
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___2WaLy[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___lxb1O {
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___SpjUQ {
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___lxb1O::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___SpjUQ::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___QFnOV {
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___gJi4N {
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___jIlHr {
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___NQpBo {
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___sogLm {
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___Sa9vk {
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___RbkgY {
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___5DC-T {
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___GBNPg {
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___Ghg6C {
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___MjvaG {
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___w1Nfc {
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___2WaLy[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___2WaLy[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___2WaLy[data-disabled] {
2938
2990
  cursor: not-allowed;
2939
2991
  }
2940
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[data-hovered] {
2992
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[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___QFnOV[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___QFnOV[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___QFnOV[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___gJi4N[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___gJi4N[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___gJi4N[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___gJi4N[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___jIlHr[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___jIlHr[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___jIlHr[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___jIlHr[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___NQpBo[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___NQpBo[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___NQpBo[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___NQpBo[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___sogLm[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___sogLm[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___sogLm[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___sogLm[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___Sa9vk[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___Sa9vk[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___Sa9vk[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___Sa9vk[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___RbkgY[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___RbkgY[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___RbkgY[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___RbkgY[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___5DC-T[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___5DC-T[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___5DC-T[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___5DC-T[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___GBNPg[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___GBNPg[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___GBNPg[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___GBNPg[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___Ghg6C[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___Ghg6C[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___Ghg6C[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___Ghg6C[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___MjvaG[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___MjvaG[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___MjvaG[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___MjvaG[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___w1Nfc[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___w1Nfc[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___w1Nfc[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___w1Nfc[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___NeGqZ {
3133
3185
  position: relative;
3134
3186
  }
3135
3187
 
3188
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
3189
+ :where(.Divider-module__hop-Divider___Ri4v-) {
3190
+ --hop-Divider-border-color: var(--hop-neutral-border-weak);
3191
+ --hop-Divider-border-size: 0.0625rem;
3192
+ --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
3193
+ --hop-Divider-horizontal-border-inline-start: none;
3194
+ --hop-Divider-horizontal-inline-size: auto;
3195
+ --hop-Divider-horizontal-block-size: 0;
3196
+ --hop-Divider-vertical-border-inline-start: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
3197
+ --hop-Divider-vertical-border-block-end: none;
3198
+ --hop-Divider-vertical-inline-size: 0;
3199
+ --hop-Divider-vertical-block-size: auto;
3200
+ --border-block-end: var(--hop-Divider-horizontal-border-block-end);
3201
+ --border-inline-start: var(--hop-Divider-horizontal-border-inline-start);
3202
+ --inline-size: var(--hop-Divider-horizontal-inline-size);
3203
+ --block-size: var(--hop-Divider-horizontal-block-size);
3204
+ display: block;
3205
+ flex: 0 0 auto;
3206
+ box-sizing: border-box;
3207
+ inline-size: var(--inline-size);
3208
+ block-size: var(--block-size);
3209
+ margin: 0;
3210
+ border: none;
3211
+ border-block-end: var(--border-block-end);
3212
+ border-inline-start: var(--border-inline-start);
3213
+ }
3214
+ .Divider-module__hop-Divider--vertical___wOMqH {
3215
+ --border-block-end: var(--hop-Divider-vertical-border-block-end);
3216
+ --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
3217
+ --inline-size: var(--hop-Divider-vertical-inline-size);
3218
+ --block-size: var(--hop-Divider-vertical-block-size);
3219
+ }
3220
+
3136
3221
  /* 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 {
3222
+ .Form-module__hop-Form___jz9NZ {
3138
3223
  display: flex;
3139
3224
  flex-direction: column;
3140
3225
  gap: var(--hop-space-stack-lg);
3141
3226
  }
3142
3227
 
3143
3228
  /* 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 {
3229
+ .InputGroup-module__hop-InputGroup___-dY-s {
3145
3230
  --hop-InputGroup-background: var(--hop-neutral-surface);
3146
3231
  --hop-InputGroup-border-color: var(--hop-neutral-border);
3147
3232
  --hop-InputGroup-border-width: 0.0625rem;
@@ -3222,11 +3307,11 @@
3222
3307
  border: var(--border);
3223
3308
  border-radius: var(--hop-InputGroup-border-radius);
3224
3309
  }
3225
- .InputGroup-module__hop-InputGroup--fluid___JDLHZ {
3310
+ .InputGroup-module__hop-InputGroup--fluid___VIFfq {
3226
3311
  --inline-size: 100%;
3227
3312
  --input-inline-size: 100%;
3228
3313
  }
3229
- .InputGroup-module__hop-InputGroup--sm___xub9Y {
3314
+ .InputGroup-module__hop-InputGroup--sm___MdwFD {
3230
3315
  --block-size: var(--hop-InputGroup-sm-block-size);
3231
3316
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
3232
3317
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -3234,7 +3319,7 @@
3234
3319
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
3235
3320
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
3236
3321
  }
3237
- .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=textarea] {
3322
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=textarea] {
3238
3323
  --gap: var(--hop-InputGroup-gap-textarea);
3239
3324
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
3240
3325
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -3242,28 +3327,28 @@
3242
3327
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
3243
3328
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
3244
3329
  }
3245
- .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=number] {
3330
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=number] {
3246
3331
  --display: var(--hop-InputGroup-display-number);
3247
3332
  --gap: var(--hop-InputGroup-gap-number);
3248
3333
  }
3249
- .InputGroup-module__hop-InputGroup___cxU-Q[data-hovered] {
3334
+ .InputGroup-module__hop-InputGroup___-dY-s[data-hovered] {
3250
3335
  --background: var(--hop-InputGroup-background-hover);
3251
3336
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
3252
3337
  }
3253
- .InputGroup-module__hop-InputGroup___cxU-Q[data-focus-within] {
3338
+ .InputGroup-module__hop-InputGroup___-dY-s[data-focus-within] {
3254
3339
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
3255
3340
  }
3256
- .InputGroup-module__hop-InputGroup___cxU-Q[data-invalid] {
3341
+ .InputGroup-module__hop-InputGroup___-dY-s[data-invalid] {
3257
3342
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
3258
3343
  }
3259
- .InputGroup-module__hop-InputGroup___cxU-Q[data-disabled] {
3344
+ .InputGroup-module__hop-InputGroup___-dY-s[data-disabled] {
3260
3345
  --background: var(--hop-InputGroup-background-disabled);
3261
3346
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
3262
3347
  --input-color: var(--hop-InputGroup-input-color-disabled);
3263
3348
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
3264
3349
  }
3265
- .InputGroup-module__hop-InputGroup__input___WN-8O,
3266
- .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
3350
+ .InputGroup-module__hop-InputGroup__input___prIHX,
3351
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
3267
3352
  flex: 1 1 auto;
3268
3353
  box-sizing: border-box;
3269
3354
  inline-size: var(--input-inline-size);
@@ -3277,111 +3362,26 @@
3277
3362
  border: none;
3278
3363
  outline: none;
3279
3364
  }
3280
- .InputGroup-module__hop-InputGroup__input___WN-8O {
3365
+ .InputGroup-module__hop-InputGroup__input___prIHX {
3281
3366
  block-size: var(--input-block-size);
3282
3367
  padding: var(--hop-InputGroup-input-padding);
3283
3368
  }
3284
- .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
3369
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
3285
3370
  padding: var(--hop-InputGroup-textarea-padding);
3286
3371
  }
3287
- .InputGroup-module__hop-InputGroup__input___WN-8O::placeholder {
3372
+ .InputGroup-module__hop-InputGroup__input___prIHX::placeholder {
3288
3373
  font-family: var(--hop-InputGroup-placeholder-font-family);
3289
3374
  font-size: var(--hop-InputGroup-placeholder-font-size);
3290
3375
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
3291
3376
  line-height: var(--hop-InputGroup-placeholder-line-height);
3292
3377
  color: var(--input-placeholder-color);
3293
3378
  }
3294
- .InputGroup-module__hop-InputGroup__embedded-button___THXUj {
3379
+ .InputGroup-module__hop-InputGroup__embedded-button___1SGd6 {
3295
3380
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
3296
3381
  }
3297
3382
 
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
3383
  /* 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 {
3384
+ .NumberField-module__hop-NumberField___VWgJv {
3385
3385
  --hop-NumberField-gap: var(--hop-space-stack-xs);
3386
3386
  --hop-NumberField-inline-size: 20rem;
3387
3387
  --hop-NumberField-inline-size-fluid: 100%;
@@ -3429,30 +3429,30 @@
3429
3429
  gap: var(--hop-NumberField-gap);
3430
3430
  inline-size: var(--inline-size);
3431
3431
  }
3432
- .NumberField-module__hop-NumberField--fluid___zqiUX {
3432
+ .NumberField-module__hop-NumberField--fluid___D4KuH {
3433
3433
  --inline-size: var(--hop-NumberField-inline-size-fluid);
3434
3434
  }
3435
- .NumberField-module__hop-NumberField--mobile___NKAaR {
3435
+ .NumberField-module__hop-NumberField--mobile___JdtJi {
3436
3436
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
3437
3437
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
3438
3438
  }
3439
- .NumberField-module__hop-NumberField__Label___Z2mj5 {
3439
+ .NumberField-module__hop-NumberField__Label___DpcSp {
3440
3440
  order: 0;
3441
3441
  }
3442
- .NumberField-module__hop-NumberField__prefix___JnwJ1 {
3442
+ .NumberField-module__hop-NumberField__prefix___baTwE {
3443
3443
  grid-area: prefix;
3444
3444
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
3445
3445
  color: var(--hop-NumberField-prefix-color);
3446
3446
  }
3447
- .NumberField-module__hop-NumberField__InputGroup___y0Rb6 {
3447
+ .NumberField-module__hop-NumberField__InputGroup___f4BCh {
3448
3448
  grid-template: var(--input-group-template);
3449
3449
  order: 1;
3450
3450
  }
3451
- .NumberField-module__hop-NumberField__ErrorMessage___9p0yi,
3452
- .NumberField-module__hop-NumberField__HelperMessage___zIKmw {
3451
+ .NumberField-module__hop-NumberField__ErrorMessage___iTVwp,
3452
+ .NumberField-module__hop-NumberField__HelperMessage___JGOeo {
3453
3453
  order: 3;
3454
3454
  }
3455
- .NumberField-module__hop-NumberField__stepper-button___hxdTL {
3455
+ .NumberField-module__hop-NumberField__stepper-button___h67o- {
3456
3456
  cursor: pointer;
3457
3457
  display: flex;
3458
3458
  grid-area: var(--grid-area, unset);
@@ -3473,55 +3473,55 @@
3473
3473
  border-radius: var(--stepper-border-radius, 0);
3474
3474
  outline: none;
3475
3475
  }
3476
- .NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
3476
+ .NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
3477
3477
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
3478
3478
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
3479
3479
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
3480
3480
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
3481
3481
  --grid-area: stepup;
3482
3482
  }
3483
- .NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
3483
+ .NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
3484
3484
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
3485
3485
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
3486
3486
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
3487
3487
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
3488
3488
  --grid-area: stepdown;
3489
3489
  }
3490
- .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
3490
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
3491
3491
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
3492
3492
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
3493
3493
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
3494
3494
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
3495
3495
  }
3496
- .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
3496
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
3497
3497
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
3498
3498
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
3499
3499
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
3500
3500
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
3501
3501
  }
3502
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-hovered] {
3502
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-hovered] {
3503
3503
  color: var(--hop-NumberField-stepper-color-hovered);
3504
3504
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
3505
3505
  }
3506
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-pressed] {
3506
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-pressed] {
3507
3507
  color: var(--hop-NumberField-stepper-color-pressed);
3508
3508
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
3509
3509
  }
3510
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-disabled] {
3510
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-disabled] {
3511
3511
  cursor: not-allowed;
3512
3512
  color: var(--hop-NumberField-stepper-color-disabled);
3513
3513
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
3514
3514
  }
3515
- .NumberField-module__hop-NumberField__stepper-button__icon___ACv7y {
3515
+ .NumberField-module__hop-NumberField__stepper-button__icon___ogLPx {
3516
3516
  display: block;
3517
3517
  max-block-size: 100%;
3518
3518
  }
3519
- .NumberField-module__hop-NumberField__input___mcmo2 {
3519
+ .NumberField-module__hop-NumberField__input___7YBOI {
3520
3520
  grid-area: input;
3521
3521
  }
3522
3522
 
3523
3523
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3524
- .PasswordField-module__hop-PasswordField___lIpWY {
3524
+ .PasswordField-module__hop-PasswordField___JFqMs {
3525
3525
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
3526
3526
  --hop-PasswordField-inline-size: 20rem;
3527
3527
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -3531,37 +3531,37 @@
3531
3531
  inline-size: var(--inline-size);
3532
3532
  max-inline-size: 100%;
3533
3533
  }
3534
- .PasswordField-module__hop-PasswordField--fluid___mWiBH {
3534
+ .PasswordField-module__hop-PasswordField--fluid___-nCNw {
3535
3535
  --inline-size: 100%;
3536
3536
  }
3537
- .PasswordField-module__hop-PasswordField__Label___jhOyi {
3537
+ .PasswordField-module__hop-PasswordField__Label___x9hdM {
3538
3538
  order: 0;
3539
3539
  }
3540
- .PasswordField-module__hop-PasswordField__InputGroup___neXGZ {
3540
+ .PasswordField-module__hop-PasswordField__InputGroup___qxBAq {
3541
3541
  order: 1;
3542
3542
  }
3543
- .PasswordField-module__hop-PasswordField__ErrorMessage___tl8k3,
3544
- .PasswordField-module__hop-PasswordField__HelperMessage___JGtpS {
3543
+ .PasswordField-module__hop-PasswordField__ErrorMessage___Zs-kC,
3544
+ .PasswordField-module__hop-PasswordField__HelperMessage___BjHLI {
3545
3545
  order: 3;
3546
3546
  }
3547
3547
 
3548
3548
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
3549
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY {
3549
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv {
3550
3550
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
3551
3551
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
3552
3552
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
3553
3553
  --char-count-color: var(--hop-RemainingCharacterCount-color);
3554
3554
  color: var(--char-count-color);
3555
3555
  }
3556
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-invalid] {
3556
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-invalid] {
3557
3557
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
3558
3558
  }
3559
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-disabled] {
3559
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-disabled] {
3560
3560
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
3561
3561
  }
3562
3562
 
3563
3563
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3564
- .SearchField-module__hop-SearchField___q-EeQ {
3564
+ .SearchField-module__hop-SearchField___CmlB- {
3565
3565
  --hop-SearchField-gap: var(--hop-space-stack-xs);
3566
3566
  --hop-SearchField-inline-size: 20rem;
3567
3567
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -3576,39 +3576,39 @@
3576
3576
  inline-size: var(--inline-size);
3577
3577
  max-inline-size: 100%;
3578
3578
  }
3579
- .SearchField-module__hop-SearchField--fluid___CPvL1 {
3579
+ .SearchField-module__hop-SearchField--fluid___cTuUW {
3580
3580
  --inline-size: 100%;
3581
3581
  }
3582
- .SearchField-module__hop-SearchField__Label___h8Tgk {
3582
+ .SearchField-module__hop-SearchField__Label___w0bGj {
3583
3583
  order: 0;
3584
3584
  }
3585
- .SearchField-module__hop-SearchField__prefix___BJJRt {
3585
+ .SearchField-module__hop-SearchField__prefix___EaYlk {
3586
3586
  color: var(--hop-SearchField-color);
3587
3587
  }
3588
- .SearchField-module__hop-SearchField__InputGroup___K4N-1 {
3588
+ .SearchField-module__hop-SearchField__InputGroup___c6F5A {
3589
3589
  order: 1;
3590
3590
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3591
3591
  }
3592
- .SearchField-module__hop-SearchField--clearable___ztMMx {
3592
+ .SearchField-module__hop-SearchField--clearable___JYBQh {
3593
3593
  --input-group-padding-inline-end: 0;
3594
3594
  }
3595
- .SearchField-module__hop-SearchField__ErrorMessage___nFg62,
3596
- .SearchField-module__hop-SearchField__HelperMessage___pkXdH {
3595
+ .SearchField-module__hop-SearchField__ErrorMessage___83XfA,
3596
+ .SearchField-module__hop-SearchField__HelperMessage___--Elt {
3597
3597
  order: 3;
3598
3598
  }
3599
- .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-cancel-button,
3600
- .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-decoration {
3599
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-cancel-button,
3600
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-decoration {
3601
3601
  appearance: none;
3602
3602
  }
3603
- .SearchField-module__hop-SearchField___q-EeQ[data-empty] {
3603
+ .SearchField-module__hop-SearchField___CmlB-[data-empty] {
3604
3604
  --clear-button-display: none;
3605
3605
  }
3606
- .SearchField-module__hop-SearchField__ClearButton___rn5bg {
3606
+ .SearchField-module__hop-SearchField__ClearButton___ErqoJ {
3607
3607
  display: var(--clear-button-display);
3608
3608
  }
3609
3609
 
3610
3610
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
3611
- .TextArea-module__hop-TextArea___-HVPa {
3611
+ .TextArea-module__hop-TextArea___-k51c {
3612
3612
  --hop-TextArea-gap: var(--hop-space-stack-xs);
3613
3613
  --hop-TextArea-inline-size: 20rem;
3614
3614
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -3622,35 +3622,35 @@
3622
3622
  inline-size: var(--inline-size);
3623
3623
  max-inline-size: 100%;
3624
3624
  }
3625
- .TextArea-module__hop-TextArea--fluid___EVe6A {
3625
+ .TextArea-module__hop-TextArea--fluid___Aw2zq {
3626
3626
  --inline-size: 100%;
3627
3627
  }
3628
- .TextArea-module__hop-TextArea___-HVPa[data-resize-mode=vertical] {
3628
+ .TextArea-module__hop-TextArea___-k51c[data-resize-mode=vertical] {
3629
3629
  --resize: vertical;
3630
3630
  }
3631
- .TextArea-module__hop-TextArea__Label___1FkkL {
3631
+ .TextArea-module__hop-TextArea__Label___DTyVx {
3632
3632
  order: 0;
3633
3633
  }
3634
- .TextArea-module__hop-TextArea__prefix___Ebbu7 {
3634
+ .TextArea-module__hop-TextArea__prefix___BNJmg {
3635
3635
  color: var(--hop-TextArea-prefix-color);
3636
3636
  }
3637
- .TextArea-module__hop-TextArea__InputGroup___RrdVH {
3637
+ .TextArea-module__hop-TextArea__InputGroup___fUwiC {
3638
3638
  order: 1;
3639
3639
  }
3640
- .TextArea-module__hop-TextArea__RemainingCharacterCount___TfXYa {
3640
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___U-RJM {
3641
3641
  padding: var(--hop-TextArea-remaining-character-count-padding);
3642
3642
  }
3643
- .TextArea-module__hop-TextArea__textarea___vNhDn {
3643
+ .TextArea-module__hop-TextArea__textarea___X66az {
3644
3644
  resize: var(--resize);
3645
3645
  min-block-size: var(--hop-TextArea-input-min-height);
3646
3646
  }
3647
- .TextArea-module__hop-TextArea__ErrorMessage___Vkzeg,
3648
- .TextArea-module__hop-TextArea__HelperMessage___-FgEV {
3647
+ .TextArea-module__hop-TextArea__ErrorMessage___QhLqC,
3648
+ .TextArea-module__hop-TextArea__HelperMessage___Lp3qg {
3649
3649
  order: 3;
3650
3650
  }
3651
3651
 
3652
3652
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3653
- .TextField-module__hop-TextField___ayCGD {
3653
+ .TextField-module__hop-TextField___1sv5- {
3654
3654
  --hop-TextField-gap: var(--hop-space-stack-xs);
3655
3655
  --hop-TextField-inline-size: 20rem;
3656
3656
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -3661,25 +3661,25 @@
3661
3661
  inline-size: var(--inline-size);
3662
3662
  max-inline-size: 100%;
3663
3663
  }
3664
- .TextField-module__hop-TextField--fluid___6ZUUt {
3664
+ .TextField-module__hop-TextField--fluid___12PF- {
3665
3665
  --inline-size: 100%;
3666
3666
  }
3667
- .TextField-module__hop-TextField__Label___ylFL9 {
3667
+ .TextField-module__hop-TextField__Label___v5PNS {
3668
3668
  order: 0;
3669
3669
  }
3670
- .TextField-module__hop-TextField__prefix___P7wyK {
3670
+ .TextField-module__hop-TextField__prefix___6Ykah {
3671
3671
  color: var(--hop-TextField-prefix-color);
3672
3672
  }
3673
- .TextField-module__hop-TextField__InputGroup___kaNJe {
3673
+ .TextField-module__hop-TextField__InputGroup___e0Vhr {
3674
3674
  order: 1;
3675
3675
  }
3676
- .TextField-module__hop-TextField__ErrorMessage___T6KZN,
3677
- .TextField-module__hop-TextField__HelperMessage___uPCZ2 {
3676
+ .TextField-module__hop-TextField__ErrorMessage___9tUFi,
3677
+ .TextField-module__hop-TextField__HelperMessage___b5vV2 {
3678
3678
  order: 3;
3679
3679
  }
3680
3680
 
3681
3681
  /* 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 {
3682
+ .Link-module__hop-Link___hCv6o {
3683
3683
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3684
3684
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3685
3685
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -3704,77 +3704,83 @@
3704
3704
  outline: none;
3705
3705
  outline-offset: 0.125rem;
3706
3706
  }
3707
- .Link-module__hop-Link___wHXJ5[data-focus-visible] {
3707
+ .Link-module__hop-Link___hCv6o[data-focus-visible] {
3708
3708
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
3709
3709
  }
3710
- .Link-module__hop-Link___wHXJ5[data-disabled] {
3710
+ .Link-module__hop-Link___hCv6o[data-disabled] {
3711
3711
  cursor: default;
3712
3712
  }
3713
- .Link-module__hop-Link--quiet___F7596[data-focus-visible],
3714
- .Link-module__hop-Link--quiet___F7596[data-hovered] {
3713
+ .Link-module__hop-Link--quiet___r6f69[data-focus-visible],
3714
+ .Link-module__hop-Link--quiet___r6f69[data-hovered] {
3715
3715
  text-decoration: underline;
3716
3716
  }
3717
- .Link-module__hop-Link___wHXJ5:not(.Link-module__hop-Link--quiet___F7596) {
3717
+ .Link-module__hop-Link___hCv6o:not(.Link-module__hop-Link--quiet___r6f69) {
3718
3718
  text-decoration: underline;
3719
3719
  }
3720
- .Link-module__hop-Link--primary___aqAlg {
3720
+ .Link-module__hop-Link--primary___Nrvdi {
3721
3721
  color: var(--hop-Link-primary-text-color);
3722
3722
  }
3723
- .Link-module__hop-Link--primary___aqAlg[data-disabled] {
3723
+ .Link-module__hop-Link--primary___Nrvdi[data-disabled] {
3724
3724
  color: var(--hop-Link-primary-text-disabled-color);
3725
3725
  }
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] {
3726
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-focus-visible],
3727
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-hovered] {
3728
3728
  color: var(--hop-Link-primary-text-hover-color);
3729
3729
  }
3730
- .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-pressed] {
3730
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-pressed] {
3731
3731
  color: var(--hop-Link-primary-text-pressed-color);
3732
3732
  }
3733
- .Link-module__hop-Link--secondary___-wVgn {
3733
+ .Link-module__hop-Link--secondary___4ytgC {
3734
3734
  color: var(--hop-Link-neutral-text-color);
3735
3735
  }
3736
- .Link-module__hop-Link--secondary___-wVgn[data-disabled] {
3736
+ .Link-module__hop-Link--secondary___4ytgC[data-disabled] {
3737
3737
  color: var(--hop-Link-neutral-text-disabled-color);
3738
3738
  }
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] {
3739
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-focus-visible],
3740
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-hovered] {
3741
3741
  color: var(--hop-Link-neutral-text-hover-color);
3742
3742
  }
3743
- .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-pressed] {
3743
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-pressed] {
3744
3744
  color: var(--hop-Link-neutral-text-pressed-color);
3745
3745
  }
3746
- .Link-module__hop-Link__icon___9twUA,
3747
- .Link-module__hop-Link__icon-list___su6NW {
3746
+ .Link-module__hop-Link__icon___GjiY8,
3747
+ .Link-module__hop-Link__icon-list___eWJSv {
3748
3748
  order: 2;
3749
3749
  }
3750
- .Link-module__hop-Link__text___hW4PZ {
3750
+ .Link-module__hop-Link__text___VgjRa {
3751
3751
  order: 1;
3752
3752
  }
3753
- .Link-module__hop-Link__start-icon___Sickn,
3754
- .Link-module__hop-Link__start-icon-list___mQVck {
3753
+ .Link-module__hop-Link__start-icon___8qO6o,
3754
+ .Link-module__hop-Link__start-icon-list___2Ha5F {
3755
3755
  order: 0;
3756
3756
  }
3757
3757
 
3758
3758
  /* 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;
3759
+ .SelectValue-module__hop-SelectValue___fN5Zm {
3760
+ --hop-SelectValue-display: inline-block;
3761
+ --hop-SelectValue-slots-display: flex;
3761
3762
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3763
+ --display: var(--hop-SelectValue-display);
3762
3764
  overflow: hidden;
3763
- display: var(--hop-SelectValue-display);
3765
+ display: var(--display);
3764
3766
  flex: 1 1 auto;
3765
3767
  column-gap: var(--hop-SelectValue-column-gap);
3766
3768
  align-items: center;
3767
3769
  box-sizing: border-box;
3770
+ min-inline-size: 0;
3768
3771
  text-overflow: ellipsis;
3769
3772
  white-space: nowrap;
3770
3773
  }
3771
- .SelectValue-module__hop-SelectValue__avatar___SI2em {
3774
+ .SelectValue-module__hop-SelectValue___fN5Zm:has(.SelectValue-module__hop-SelectValue__text___VXiZL) {
3775
+ --display: var(--hop-SelectValue-slots-display);
3776
+ }
3777
+ .SelectValue-module__hop-SelectValue__avatar___VKTK6 {
3772
3778
  order: 1;
3773
3779
  }
3774
- .SelectValue-module__hop-SelectValue__icon___kk1xV {
3780
+ .SelectValue-module__hop-SelectValue__icon___6X7KT {
3775
3781
  order: 2;
3776
3782
  }
3777
- .SelectValue-module__hop-SelectValue__text___QfLXS {
3783
+ .SelectValue-module__hop-SelectValue__text___VXiZL {
3778
3784
  overflow: hidden;
3779
3785
  flex: 1 1 auto;
3780
3786
  order: 3;
@@ -3782,12 +3788,12 @@
3782
3788
  text-overflow: ellipsis;
3783
3789
  white-space: nowrap;
3784
3790
  }
3785
- .SelectValue-module__hop-SelectValue__end-icon___Mnitd {
3791
+ .SelectValue-module__hop-SelectValue__end-icon___WxTCr {
3786
3792
  order: 4;
3787
3793
  }
3788
3794
 
3789
3795
  /* 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 {
3796
+ .Switch-module__hop-Switch___ZiKpN {
3791
3797
  --hop-Switch-border-size: 0.0625rem;
3792
3798
  --hop-Switch-border-color: var(--hop-neutral-border);
3793
3799
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3844,56 +3850,56 @@
3844
3850
  inline-size: max-content;
3845
3851
  max-inline-size: 100%;
3846
3852
  }
3847
- .Switch-module__hop-Switch--sm___IbMER {
3853
+ .Switch-module__hop-Switch--sm___UnrZ2 {
3848
3854
  --inline-size: var(--hop-Switch-inline-size-sm);
3849
3855
  --block-size: var(--hop-Switch-block-size-sm);
3850
3856
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3851
3857
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3852
3858
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3853
3859
  }
3854
- .Switch-module__hop-Switch--md___u8wNw {
3860
+ .Switch-module__hop-Switch--md___FWbwB {
3855
3861
  --inline-size: var(--hop-Switch-inline-size-md);
3856
3862
  --block-size: var(--hop-Switch-block-size-md);
3857
3863
  --thumb-size: var(--hop-Switch-thumb-size-md);
3858
3864
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3859
3865
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3860
3866
  }
3861
- .Switch-module__hop-Switch___wIPTD[data-hovered] {
3867
+ .Switch-module__hop-Switch___ZiKpN[data-hovered] {
3862
3868
  --border-color: var(--hop-Switch-border-color-hover);
3863
3869
  --background-color: var(--hop-Switch-background-color-hover);
3864
3870
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3865
3871
  --text-color: var(--hop-Switch-text-color-hover);
3866
3872
  }
3867
- .Switch-module__hop-Switch___wIPTD[data-pressed],
3868
- .Switch-module__hop-Switch___wIPTD[data-pressed][data-focus-visible] {
3873
+ .Switch-module__hop-Switch___ZiKpN[data-pressed],
3874
+ .Switch-module__hop-Switch___ZiKpN[data-pressed][data-focus-visible] {
3869
3875
  --border-color: var(--hop-Switch-border-color-pressed);
3870
3876
  --background-color: var(--hop-Switch-background-color-pressed);
3871
3877
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3872
3878
  --text-color: var(--hop-Switch-text-color-pressed);
3873
3879
  }
3874
- .Switch-module__hop-Switch___wIPTD[data-focus-visible] {
3880
+ .Switch-module__hop-Switch___ZiKpN[data-focus-visible] {
3875
3881
  --border-color: var(--hop-Switch-border-color-focus);
3876
3882
  --background-color: var(--hop-Switch-background-color-focus);
3877
3883
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3878
3884
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3879
3885
  --text-color: var(--hop-Switch-text-color-focus);
3880
3886
  }
3881
- .Switch-module__hop-Switch___wIPTD[data-selected],
3882
- .Switch-module__hop-Switch___wIPTD[data-selected][data-pressed] {
3887
+ .Switch-module__hop-Switch___ZiKpN[data-selected],
3888
+ .Switch-module__hop-Switch___ZiKpN[data-selected][data-pressed] {
3883
3889
  --border-color: var(--hop-Switch-border-color-selected);
3884
3890
  --background-color: var(--hop-Switch-background-color-selected);
3885
3891
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3886
3892
  --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
3893
  --text-color: var(--hop-Switch-text-color-selected);
3888
3894
  }
3889
- .Switch-module__hop-Switch___wIPTD[data-disabled] {
3895
+ .Switch-module__hop-Switch___ZiKpN[data-disabled] {
3890
3896
  --border-color: var(--hop-Switch-border-color-disabled);
3891
3897
  --background-color: var(--hop-Switch-background-color-disabled);
3892
3898
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3893
3899
  --text-color: var(--hop-Switch-text-color-disabled);
3894
3900
  --cursor: not-allowed;
3895
3901
  }
3896
- .Switch-module__hop-Switch__indicator___y1-JU {
3902
+ .Switch-module__hop-Switch__indicator___lxvxY {
3897
3903
  position: relative;
3898
3904
  flex: 0 0 auto;
3899
3905
  box-sizing: border-box;
@@ -3906,7 +3912,7 @@
3906
3912
  outline-offset: 0.125rem;
3907
3913
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3908
3914
  }
3909
- .Switch-module__hop-Switch__indicator___y1-JU::before {
3915
+ .Switch-module__hop-Switch__indicator___lxvxY::before {
3910
3916
  content: "";
3911
3917
  position: absolute;
3912
3918
  inset-block-start: 50%;
@@ -3921,20 +3927,20 @@
3921
3927
  border-radius: var(--hop-shape-circle);
3922
3928
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3923
3929
  }
3924
- .Switch-module__hop-Switch__text___tx38o {
3930
+ .Switch-module__hop-Switch__text___jt3yM {
3925
3931
  flex: 0 1 auto;
3926
3932
  order: 2;
3927
3933
  min-inline-size: 0;
3928
3934
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3929
3935
  color: var(--text-color);
3930
3936
  }
3931
- .Switch-module__hop-Switch__icon-list___nq-3a,
3932
- .Switch-module__hop-Switch__icon___EATtC {
3937
+ .Switch-module__hop-Switch__icon-list___5ELG6,
3938
+ .Switch-module__hop-Switch__icon___U8pPq {
3933
3939
  order: 3;
3934
3940
  }
3935
3941
 
3936
3942
  /* 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 {
3943
+ .SwitchField-module__hop-SwitchField___ARPRk {
3938
3944
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3939
3945
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3940
3946
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3953,28 +3959,28 @@
3953
3959
  inline-size: max-content;
3954
3960
  max-inline-size: 100%;
3955
3961
  }
3956
- .SwitchField-module__hop-SwitchField___0n7-7[data-disabled] {
3962
+ .SwitchField-module__hop-SwitchField___ARPRk[data-disabled] {
3957
3963
  --description-color: var(--hop-SwitchField-description-color-disabled);
3958
3964
  }
3959
- .SwitchField-module__hop-SwitchField--sm___BwXun {
3965
+ .SwitchField-module__hop-SwitchField--sm___emckg {
3960
3966
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3961
3967
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3962
3968
  }
3963
- .SwitchField-module__hop-SwitchField--md___rQvZR {
3969
+ .SwitchField-module__hop-SwitchField--md___vNzgC {
3964
3970
  --row-gap: var(--hop-SwitchField-md-row-gap);
3965
3971
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3966
3972
  }
3967
- .SwitchField-module__hop-SwitchField__description___9m0Ll {
3973
+ .SwitchField-module__hop-SwitchField__description___2Z9-2 {
3968
3974
  order: 2;
3969
3975
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3970
3976
  color: var(--description-color);
3971
3977
  }
3972
- .SwitchField-module__hop-SwitchField__switch___g5U-l {
3978
+ .SwitchField-module__hop-SwitchField__switch___XtHCo {
3973
3979
  order: 1;
3974
3980
  }
3975
3981
 
3976
3982
  /* 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 {
3983
+ .Tag-module__hop-Tag___QPfVY {
3978
3984
  --hop-Tag-border-size: 0.0625rem;
3979
3985
  --hop-Tag-border-radius: var(--hop-shape-pill);
3980
3986
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4213,7 +4219,7 @@
4213
4219
  outline: none;
4214
4220
  outline-offset: 0.125rem;
4215
4221
  }
4216
- .Tag-module__hop-Tag--sm___RusnS {
4222
+ .Tag-module__hop-Tag--sm___PRq4I {
4217
4223
  --block-size: var(--hop-Tag-sm-block-size);
4218
4224
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4219
4225
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4221,13 +4227,13 @@
4221
4227
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4222
4228
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4223
4229
  }
4224
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4230
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4225
4231
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4226
4232
  }
4227
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4233
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4228
4234
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4229
4235
  }
4230
- .Tag-module__hop-Tag--md___kkBZU {
4236
+ .Tag-module__hop-Tag--md___k944L {
4231
4237
  --block-size: var(--hop-Tag-md-block-size);
4232
4238
  --padding-inline: var(--hop-Tag-md-padding-inline);
4233
4239
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4235,13 +4241,13 @@
4235
4241
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4236
4242
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4237
4243
  }
4238
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4244
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4239
4245
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4240
4246
  }
4241
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4247
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4242
4248
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4243
4249
  }
4244
- .Tag-module__hop-Tag--lg___6uwPK {
4250
+ .Tag-module__hop-Tag--lg___vSnmb {
4245
4251
  --block-size: var(--hop-Tag-lg-block-size);
4246
4252
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4247
4253
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4249,348 +4255,348 @@
4249
4255
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4250
4256
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4251
4257
  }
4252
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4258
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4253
4259
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4254
4260
  }
4255
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4261
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4256
4262
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4257
4263
  }
4258
- .Tag-module__hop-Tag--neutral___USBuA {
4264
+ .Tag-module__hop-Tag--neutral___Dh2gF {
4259
4265
  --border-color: var(--hop-Tag-neutral-border-color);
4260
4266
  --background-color: var(--hop-Tag-neutral-background-color);
4261
4267
  --text-color: var(--hop-Tag-neutral-text-color);
4262
4268
  }
4263
- .Tag-module__hop-Tag--subdued___xQkUX {
4269
+ .Tag-module__hop-Tag--subdued___pnb-b {
4264
4270
  --border-color: var(--hop-Tag-subdued-border-color);
4265
4271
  --background-color: var(--hop-Tag-subdued-background-color);
4266
4272
  --text-color: var(--hop-Tag-subdued-text-color);
4267
4273
  }
4268
- .Tag-module__hop-Tag--progress___zPefF {
4274
+ .Tag-module__hop-Tag--progress___-A1r0 {
4269
4275
  --border-color: var(--hop-Tag-progress-border-color);
4270
4276
  --background-color: var(--hop-Tag-progress-background-color);
4271
4277
  --text-color: var(--hop-Tag-progress-text-color);
4272
4278
  }
4273
- .Tag-module__hop-Tag--positive___-0pjQ {
4279
+ .Tag-module__hop-Tag--positive___NmpPG {
4274
4280
  --border-color: var(--hop-Tag-positive-border-color);
4275
4281
  --background-color: var(--hop-Tag-positive-background-color);
4276
4282
  --text-color: var(--hop-Tag-positive-text-color);
4277
4283
  }
4278
- .Tag-module__hop-Tag--caution___t7-CS {
4284
+ .Tag-module__hop-Tag--caution___Q3b1U {
4279
4285
  --border-color: var(--hop-Tag-caution-border-color);
4280
4286
  --background-color: var(--hop-Tag-caution-background-color);
4281
4287
  --text-color: var(--hop-Tag-caution-text-color);
4282
4288
  }
4283
- .Tag-module__hop-Tag--negative___B5fjH {
4289
+ .Tag-module__hop-Tag--negative___gJkuU {
4284
4290
  --border-color: var(--hop-Tag-negative-border-color);
4285
4291
  --background-color: var(--hop-Tag-negative-background-color);
4286
4292
  --text-color: var(--hop-Tag-negative-text-color);
4287
4293
  }
4288
- .Tag-module__hop-Tag--option1___AYNLX {
4294
+ .Tag-module__hop-Tag--option1___48VPO {
4289
4295
  --border-color: var(--hop-Tag-option1-border-color);
4290
4296
  --background-color: var(--hop-Tag-option1-background-color);
4291
4297
  --text-color: var(--hop-Tag-option1-text-color);
4292
4298
  }
4293
- .Tag-module__hop-Tag--option2___Sajtj {
4299
+ .Tag-module__hop-Tag--option2___07n0q {
4294
4300
  --border-color: var(--hop-Tag-option2-border-color);
4295
4301
  --background-color: var(--hop-Tag-option2-background-color);
4296
4302
  --text-color: var(--hop-Tag-option2-text-color);
4297
4303
  }
4298
- .Tag-module__hop-Tag--option3___Eivl4 {
4304
+ .Tag-module__hop-Tag--option3___0YpqQ {
4299
4305
  --border-color: var(--hop-Tag-option3-border-color);
4300
4306
  --background-color: var(--hop-Tag-option3-background-color);
4301
4307
  --text-color: var(--hop-Tag-option3-text-color);
4302
4308
  }
4303
- .Tag-module__hop-Tag--option4___24aL5 {
4309
+ .Tag-module__hop-Tag--option4___518kC {
4304
4310
  --border-color: var(--hop-Tag-option4-border-color);
4305
4311
  --background-color: var(--hop-Tag-option4-background-color);
4306
4312
  --text-color: var(--hop-Tag-option4-text-color);
4307
4313
  }
4308
- .Tag-module__hop-Tag--option5___MUm8- {
4314
+ .Tag-module__hop-Tag--option5___zE-FA {
4309
4315
  --border-color: var(--hop-Tag-option5-border-color);
4310
4316
  --background-color: var(--hop-Tag-option5-background-color);
4311
4317
  --text-color: var(--hop-Tag-option5-text-color);
4312
4318
  }
4313
- .Tag-module__hop-Tag--option6___-sBKA {
4319
+ .Tag-module__hop-Tag--option6___opxaK {
4314
4320
  --border-color: var(--hop-Tag-option6-border-color);
4315
4321
  --background-color: var(--hop-Tag-option6-background-color);
4316
4322
  --text-color: var(--hop-Tag-option6-text-color);
4317
4323
  }
4318
- .Tag-module__hop-Tag___NM6io[data-href] {
4324
+ .Tag-module__hop-Tag___QPfVY[data-href] {
4319
4325
  cursor: pointer;
4320
4326
  }
4321
- .Tag-module__hop-Tag--neutral___USBuA[data-focus-visible] {
4327
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-focus-visible] {
4322
4328
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4323
4329
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4324
4330
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4325
4331
  }
4326
- .Tag-module__hop-Tag--neutral___USBuA[data-hovered] {
4332
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-hovered] {
4327
4333
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4328
4334
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4329
4335
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4330
4336
  }
4331
- .Tag-module__hop-Tag--neutral___USBuA[data-pressed] {
4337
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-pressed] {
4332
4338
  --border-color: var(--hop-Tag-neutral-border-color-press);
4333
4339
  --background-color: var(--hop-Tag-neutral-background-color-press);
4334
4340
  --text-color: var(--hop-Tag-neutral-text-color-press);
4335
4341
  }
4336
- .Tag-module__hop-Tag--neutral___USBuA[data-disabled] {
4342
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-disabled] {
4337
4343
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4338
4344
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4339
4345
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4340
4346
  }
4341
- .Tag-module__hop-Tag--subdued___xQkUX[data-focus-visible] {
4347
+ .Tag-module__hop-Tag--subdued___pnb-b[data-focus-visible] {
4342
4348
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4343
4349
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4344
4350
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4345
4351
  }
4346
- .Tag-module__hop-Tag--subdued___xQkUX[data-hovered] {
4352
+ .Tag-module__hop-Tag--subdued___pnb-b[data-hovered] {
4347
4353
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4348
4354
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4349
4355
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4350
4356
  }
4351
- .Tag-module__hop-Tag--subdued___xQkUX[data-pressed] {
4357
+ .Tag-module__hop-Tag--subdued___pnb-b[data-pressed] {
4352
4358
  --border-color: var(--hop-Tag-subdued-border-color-press);
4353
4359
  --background-color: var(--hop-Tag-subdued-background-color-press);
4354
4360
  --text-color: var(--hop-Tag-subdued-text-color-press);
4355
4361
  }
4356
- .Tag-module__hop-Tag--subdued___xQkUX[data-disabled] {
4362
+ .Tag-module__hop-Tag--subdued___pnb-b[data-disabled] {
4357
4363
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4358
4364
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4359
4365
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4360
4366
  }
4361
- .Tag-module__hop-Tag--progress___zPefF[data-focus-visible] {
4367
+ .Tag-module__hop-Tag--progress___-A1r0[data-focus-visible] {
4362
4368
  --border-color: var(--hop-Tag-progress-border-color-focus);
4363
4369
  --background-color: var(--hop-Tag-progress-background-color-focus);
4364
4370
  --text-color: var(--hop-Tag-progress-text-color-focus);
4365
4371
  }
4366
- .Tag-module__hop-Tag--progress___zPefF[data-hovered] {
4372
+ .Tag-module__hop-Tag--progress___-A1r0[data-hovered] {
4367
4373
  --border-color: var(--hop-Tag-progress-border-color-hover);
4368
4374
  --background-color: var(--hop-Tag-progress-background-color-hover);
4369
4375
  --text-color: var(--hop-Tag-progress-text-color-hover);
4370
4376
  }
4371
- .Tag-module__hop-Tag--progress___zPefF[data-pressed] {
4377
+ .Tag-module__hop-Tag--progress___-A1r0[data-pressed] {
4372
4378
  --border-color: var(--hop-Tag-progress-border-color-press);
4373
4379
  --background-color: var(--hop-Tag-progress-background-color-press);
4374
4380
  --text-color: var(--hop-Tag-progress-text-color-press);
4375
4381
  }
4376
- .Tag-module__hop-Tag--progress___zPefF[data-disabled] {
4382
+ .Tag-module__hop-Tag--progress___-A1r0[data-disabled] {
4377
4383
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4378
4384
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4379
4385
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4380
4386
  }
4381
- .Tag-module__hop-Tag--positive___-0pjQ[data-focus-visible] {
4387
+ .Tag-module__hop-Tag--positive___NmpPG[data-focus-visible] {
4382
4388
  --border-color: var(--hop-Tag-positive-border-color-focus);
4383
4389
  --background-color: var(--hop-Tag-positive-background-color-focus);
4384
4390
  --text-color: var(--hop-Tag-positive-text-color-focus);
4385
4391
  }
4386
- .Tag-module__hop-Tag--positive___-0pjQ[data-hovered] {
4392
+ .Tag-module__hop-Tag--positive___NmpPG[data-hovered] {
4387
4393
  --border-color: var(--hop-Tag-positive-border-color-hover);
4388
4394
  --background-color: var(--hop-Tag-positive-background-color-hover);
4389
4395
  --text-color: var(--hop-Tag-positive-text-color-hover);
4390
4396
  }
4391
- .Tag-module__hop-Tag--positive___-0pjQ[data-pressed] {
4397
+ .Tag-module__hop-Tag--positive___NmpPG[data-pressed] {
4392
4398
  --border-color: var(--hop-Tag-positive-border-color-press);
4393
4399
  --background-color: var(--hop-Tag-positive-background-color-press);
4394
4400
  --text-color: var(--hop-Tag-positive-text-color-press);
4395
4401
  }
4396
- .Tag-module__hop-Tag--positive___-0pjQ[data-disabled] {
4402
+ .Tag-module__hop-Tag--positive___NmpPG[data-disabled] {
4397
4403
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4398
4404
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4399
4405
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4400
4406
  }
4401
- .Tag-module__hop-Tag--caution___t7-CS[data-focus-visible] {
4407
+ .Tag-module__hop-Tag--caution___Q3b1U[data-focus-visible] {
4402
4408
  --border-color: var(--hop-Tag-caution-border-color-focus);
4403
4409
  --background-color: var(--hop-Tag-caution-background-color-focus);
4404
4410
  --text-color: var(--hop-Tag-caution-text-color-focus);
4405
4411
  }
4406
- .Tag-module__hop-Tag--caution___t7-CS[data-hovered] {
4412
+ .Tag-module__hop-Tag--caution___Q3b1U[data-hovered] {
4407
4413
  --border-color: var(--hop-Tag-caution-border-color-hover);
4408
4414
  --background-color: var(--hop-Tag-caution-background-color-hover);
4409
4415
  --text-color: var(--hop-Tag-caution-text-color-hover);
4410
4416
  }
4411
- .Tag-module__hop-Tag--caution___t7-CS[data-pressed] {
4417
+ .Tag-module__hop-Tag--caution___Q3b1U[data-pressed] {
4412
4418
  --border-color: var(--hop-Tag-caution-border-color-press);
4413
4419
  --background-color: var(--hop-Tag-caution-background-color-press);
4414
4420
  --text-color: var(--hop-Tag-caution-text-color-press);
4415
4421
  }
4416
- .Tag-module__hop-Tag--caution___t7-CS[data-disabled] {
4422
+ .Tag-module__hop-Tag--caution___Q3b1U[data-disabled] {
4417
4423
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4418
4424
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4419
4425
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4420
4426
  }
4421
- .Tag-module__hop-Tag--negative___B5fjH[data-focus-visible] {
4427
+ .Tag-module__hop-Tag--negative___gJkuU[data-focus-visible] {
4422
4428
  --border-color: var(--hop-Tag-negative-border-color-focus);
4423
4429
  --background-color: var(--hop-Tag-negative-background-color-focus);
4424
4430
  --text-color: var(--hop-Tag-negative-text-color-focus);
4425
4431
  }
4426
- .Tag-module__hop-Tag--negative___B5fjH[data-hovered] {
4432
+ .Tag-module__hop-Tag--negative___gJkuU[data-hovered] {
4427
4433
  --border-color: var(--hop-Tag-negative-border-color-hover);
4428
4434
  --background-color: var(--hop-Tag-negative-background-color-hover);
4429
4435
  --text-color: var(--hop-Tag-negative-text-color-hover);
4430
4436
  }
4431
- .Tag-module__hop-Tag--negative___B5fjH[data-pressed] {
4437
+ .Tag-module__hop-Tag--negative___gJkuU[data-pressed] {
4432
4438
  --border-color: var(--hop-Tag-negative-border-color-press);
4433
4439
  --background-color: var(--hop-Tag-negative-background-color-press);
4434
4440
  --text-color: var(--hop-Tag-negative-text-color-press);
4435
4441
  }
4436
- .Tag-module__hop-Tag--negative___B5fjH[data-disabled] {
4442
+ .Tag-module__hop-Tag--negative___gJkuU[data-disabled] {
4437
4443
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4438
4444
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4439
4445
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4440
4446
  }
4441
- .Tag-module__hop-Tag--option1___AYNLX[data-focus-visible] {
4447
+ .Tag-module__hop-Tag--option1___48VPO[data-focus-visible] {
4442
4448
  --border-color: var(--hop-Tag-option1-border-color-focus);
4443
4449
  --background-color: var(--hop-Tag-option1-background-color-focus);
4444
4450
  --text-color: var(--hop-Tag-option1-text-color-focus);
4445
4451
  }
4446
- .Tag-module__hop-Tag--option1___AYNLX[data-hovered] {
4452
+ .Tag-module__hop-Tag--option1___48VPO[data-hovered] {
4447
4453
  --border-color: var(--hop-Tag-option1-border-color-hover);
4448
4454
  --background-color: var(--hop-Tag-option1-background-color-hover);
4449
4455
  --text-color: var(--hop-Tag-option1-text-color-hover);
4450
4456
  }
4451
- .Tag-module__hop-Tag--option1___AYNLX[data-pressed] {
4457
+ .Tag-module__hop-Tag--option1___48VPO[data-pressed] {
4452
4458
  --border-color: var(--hop-Tag-option1-border-color-press);
4453
4459
  --background-color: var(--hop-Tag-option1-background-color-press);
4454
4460
  --text-color: var(--hop-Tag-option1-text-color-press);
4455
4461
  }
4456
- .Tag-module__hop-Tag--option1___AYNLX[data-disabled] {
4462
+ .Tag-module__hop-Tag--option1___48VPO[data-disabled] {
4457
4463
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4458
4464
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4459
4465
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4460
4466
  }
4461
- .Tag-module__hop-Tag--option2___Sajtj[data-focus-visible] {
4467
+ .Tag-module__hop-Tag--option2___07n0q[data-focus-visible] {
4462
4468
  --border-color: var(--hop-Tag-option2-border-color-focus);
4463
4469
  --background-color: var(--hop-Tag-option2-background-color-focus);
4464
4470
  --text-color: var(--hop-Tag-option2-text-color-focus);
4465
4471
  }
4466
- .Tag-module__hop-Tag--option2___Sajtj[data-hovered] {
4472
+ .Tag-module__hop-Tag--option2___07n0q[data-hovered] {
4467
4473
  --border-color: var(--hop-Tag-option2-border-color-hover);
4468
4474
  --background-color: var(--hop-Tag-option2-background-color-hover);
4469
4475
  --text-color: var(--hop-Tag-option2-text-color-hover);
4470
4476
  }
4471
- .Tag-module__hop-Tag--option2___Sajtj[data-pressed] {
4477
+ .Tag-module__hop-Tag--option2___07n0q[data-pressed] {
4472
4478
  --border-color: var(--hop-Tag-option2-border-color-press);
4473
4479
  --background-color: var(--hop-Tag-option2-background-color-press);
4474
4480
  --text-color: var(--hop-Tag-option2-text-color-press);
4475
4481
  }
4476
- .Tag-module__hop-Tag--option2___Sajtj[data-disabled] {
4482
+ .Tag-module__hop-Tag--option2___07n0q[data-disabled] {
4477
4483
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4478
4484
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4479
4485
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4480
4486
  }
4481
- .Tag-module__hop-Tag--option3___Eivl4[data-focus-visible] {
4487
+ .Tag-module__hop-Tag--option3___0YpqQ[data-focus-visible] {
4482
4488
  --border-color: var(--hop-Tag-option3-border-color-focus);
4483
4489
  --background-color: var(--hop-Tag-option3-background-color-focus);
4484
4490
  --text-color: var(--hop-Tag-option3-text-color-focus);
4485
4491
  }
4486
- .Tag-module__hop-Tag--option3___Eivl4[data-hovered] {
4492
+ .Tag-module__hop-Tag--option3___0YpqQ[data-hovered] {
4487
4493
  --border-color: var(--hop-Tag-option3-border-color-hover);
4488
4494
  --background-color: var(--hop-Tag-option3-background-color-hover);
4489
4495
  --text-color: var(--hop-Tag-option3-text-color-hover);
4490
4496
  }
4491
- .Tag-module__hop-Tag--option3___Eivl4[data-pressed] {
4497
+ .Tag-module__hop-Tag--option3___0YpqQ[data-pressed] {
4492
4498
  --border-color: var(--hop-Tag-option3-border-color-press);
4493
4499
  --background-color: var(--hop-Tag-option3-background-color-press);
4494
4500
  --text-color: var(--hop-Tag-option3-text-color-press);
4495
4501
  }
4496
- .Tag-module__hop-Tag--option3___Eivl4[data-disabled] {
4502
+ .Tag-module__hop-Tag--option3___0YpqQ[data-disabled] {
4497
4503
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4498
4504
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4499
4505
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4500
4506
  }
4501
- .Tag-module__hop-Tag--option4___24aL5[data-focus-visible] {
4507
+ .Tag-module__hop-Tag--option4___518kC[data-focus-visible] {
4502
4508
  --border-color: var(--hop-Tag-option4-border-color-focus);
4503
4509
  --background-color: var(--hop-Tag-option4-background-color-focus);
4504
4510
  --text-color: var(--hop-Tag-option4-text-color-focus);
4505
4511
  }
4506
- .Tag-module__hop-Tag--option4___24aL5[data-hovered] {
4512
+ .Tag-module__hop-Tag--option4___518kC[data-hovered] {
4507
4513
  --border-color: var(--hop-Tag-option4-border-color-hover);
4508
4514
  --background-color: var(--hop-Tag-option4-background-color-hover);
4509
4515
  --text-color: var(--hop-Tag-option4-text-color-hover);
4510
4516
  }
4511
- .Tag-module__hop-Tag--option4___24aL5[data-pressed] {
4517
+ .Tag-module__hop-Tag--option4___518kC[data-pressed] {
4512
4518
  --border-color: var(--hop-Tag-option4-border-color-press);
4513
4519
  --background-color: var(--hop-Tag-option4-background-color-press);
4514
4520
  --text-color: var(--hop-Tag-option4-text-color-press);
4515
4521
  }
4516
- .Tag-module__hop-Tag--option4___24aL5[data-disabled] {
4522
+ .Tag-module__hop-Tag--option4___518kC[data-disabled] {
4517
4523
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4518
4524
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4519
4525
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4520
4526
  }
4521
- .Tag-module__hop-Tag--option5___MUm8-[data-focus-visible] {
4527
+ .Tag-module__hop-Tag--option5___zE-FA[data-focus-visible] {
4522
4528
  --border-color: var(--hop-Tag-option5-border-color-focus);
4523
4529
  --background-color: var(--hop-Tag-option5-background-color-focus);
4524
4530
  --text-color: var(--hop-Tag-option5-text-color-focus);
4525
4531
  }
4526
- .Tag-module__hop-Tag--option5___MUm8-[data-hovered] {
4532
+ .Tag-module__hop-Tag--option5___zE-FA[data-hovered] {
4527
4533
  --border-color: var(--hop-Tag-option5-border-color-hover);
4528
4534
  --background-color: var(--hop-Tag-option5-background-color-hover);
4529
4535
  --text-color: var(--hop-Tag-option5-text-color-hover);
4530
4536
  }
4531
- .Tag-module__hop-Tag--option5___MUm8-[data-pressed] {
4537
+ .Tag-module__hop-Tag--option5___zE-FA[data-pressed] {
4532
4538
  --border-color: var(--hop-Tag-option5-border-color-press);
4533
4539
  --background-color: var(--hop-Tag-option5-background-color-press);
4534
4540
  --text-color: var(--hop-Tag-option5-text-color-press);
4535
4541
  }
4536
- .Tag-module__hop-Tag--option5___MUm8-[data-disabled] {
4542
+ .Tag-module__hop-Tag--option5___zE-FA[data-disabled] {
4537
4543
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4538
4544
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4539
4545
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4540
4546
  }
4541
- .Tag-module__hop-Tag--option6___-sBKA[data-focus-visible] {
4547
+ .Tag-module__hop-Tag--option6___opxaK[data-focus-visible] {
4542
4548
  --border-color: var(--hop-Tag-option6-border-color-focus);
4543
4549
  --background-color: var(--hop-Tag-option6-background-color-focus);
4544
4550
  --text-color: var(--hop-Tag-option6-text-color-focus);
4545
4551
  }
4546
- .Tag-module__hop-Tag--option6___-sBKA[data-hovered] {
4552
+ .Tag-module__hop-Tag--option6___opxaK[data-hovered] {
4547
4553
  --border-color: var(--hop-Tag-option6-border-color-hover);
4548
4554
  --background-color: var(--hop-Tag-option6-background-color-hover);
4549
4555
  --text-color: var(--hop-Tag-option6-text-color-hover);
4550
4556
  }
4551
- .Tag-module__hop-Tag--option6___-sBKA[data-pressed] {
4557
+ .Tag-module__hop-Tag--option6___opxaK[data-pressed] {
4552
4558
  --border-color: var(--hop-Tag-option6-border-color-press);
4553
4559
  --background-color: var(--hop-Tag-option6-background-color-press);
4554
4560
  --text-color: var(--hop-Tag-option6-text-color-press);
4555
4561
  }
4556
- .Tag-module__hop-Tag--option6___-sBKA[data-disabled] {
4562
+ .Tag-module__hop-Tag--option6___opxaK[data-disabled] {
4557
4563
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4558
4564
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4559
4565
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4560
4566
  }
4561
- .Tag-module__hop-Tag___NM6io[data-focus-visible] {
4567
+ .Tag-module__hop-Tag___QPfVY[data-focus-visible] {
4562
4568
  outline: 0.125rem solid var(--focus-ring-color);
4563
4569
  }
4564
- .Tag-module__hop-Tag___NM6io[data-hovered] {
4570
+ .Tag-module__hop-Tag___QPfVY[data-hovered] {
4565
4571
  cursor: pointer;
4566
4572
  }
4567
- .Tag-module__hop-Tag___NM6io[data-selected] {
4573
+ .Tag-module__hop-Tag___QPfVY[data-selected] {
4568
4574
  --background-color: var(--hop-Tag-background-color-selected);
4569
4575
  --border-color: var(--hop-Tag-border-color-selected);
4570
4576
  --text-color: var(--hop-Tag-text-color-selected);
4571
4577
  }
4572
- .Tag-module__hop-Tag___NM6io[data-pressed] {
4578
+ .Tag-module__hop-Tag___QPfVY[data-pressed] {
4573
4579
  cursor: pointer;
4574
4580
  }
4575
- .Tag-module__hop-Tag___NM6io[data-invalid] {
4581
+ .Tag-module__hop-Tag___QPfVY[data-invalid] {
4576
4582
  --border-color: var(--hop-Tag-border-color-invalid);
4577
4583
  }
4578
- .Tag-module__hop-Tag___NM6io[data-disabled] {
4584
+ .Tag-module__hop-Tag___QPfVY[data-disabled] {
4579
4585
  cursor: not-allowed;
4580
4586
  }
4581
- .Tag-module__hop-Tag__avatar___Sb-9t {
4587
+ .Tag-module__hop-Tag__avatar___LCkhz {
4582
4588
  flex: 0 0 auto;
4583
4589
  order: 1;
4584
4590
  margin-inline-start: var(--avatar-margin-inline-start);
4585
4591
  }
4586
- .Tag-module__hop-Tag__icon___Kk1ms,
4587
- .Tag-module__hop-Tag__icon-list___sGKeO {
4592
+ .Tag-module__hop-Tag__icon___d-Od0,
4593
+ .Tag-module__hop-Tag__icon-list___xNT1d {
4588
4594
  flex: 0 0 auto;
4589
4595
  flex-wrap: nowrap;
4590
4596
  order: 2;
4591
4597
  margin-inline-start: var(--icon-margin-inline-start, 0);
4592
4598
  }
4593
- .Tag-module__hop-Tag__text___QMrwz {
4599
+ .Tag-module__hop-Tag__text___HsqI9 {
4594
4600
  overflow: hidden;
4595
4601
  flex: 1 1 auto;
4596
4602
  order: 3;
@@ -4598,33 +4604,33 @@
4598
4604
  text-align: center;
4599
4605
  text-overflow: ellipsis;
4600
4606
  }
4601
- .Tag-module__hop-Tag__badge___3Bb7n {
4607
+ .Tag-module__hop-Tag__badge___Vt5u0 {
4602
4608
  flex: 0 0 auto;
4603
4609
  order: 4;
4604
4610
  margin-inline-end: var(--badge-margin-inline-end);
4605
4611
  }
4606
- .Tag-module__hop-Tag___NM6io .Tag-module__hop-Tag__badge___3Bb7n[data-variant=subdued] {
4612
+ .Tag-module__hop-Tag___QPfVY .Tag-module__hop-Tag__badge___Vt5u0[data-variant=subdued] {
4607
4613
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4608
4614
  color: inherit;
4609
4615
  background: none;
4610
4616
  }
4611
- .Tag-module__hop-Tag--sm___RusnS .Tag-module__hop-Tag__badge___3Bb7n {
4617
+ .Tag-module__hop-Tag--sm___PRq4I .Tag-module__hop-Tag__badge___Vt5u0 {
4612
4618
  block-size: 100%;
4613
4619
  }
4614
- .Tag-module__hop-Tag__remove-btn___W-ZWY,
4615
- .Tag-module__hop-Tag__Spinner___iMDOt {
4620
+ .Tag-module__hop-Tag__remove-btn___UNdz0,
4621
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4616
4622
  flex: 0 0 auto;
4617
4623
  order: 5;
4618
4624
  }
4619
- .Tag-module__hop-Tag__Spinner___iMDOt {
4625
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4620
4626
  margin-inline-end: var(--spinner-margin-inline-end);
4621
4627
  }
4622
- .Tag-module__hop-Tag__remove-btn___W-ZWY {
4628
+ .Tag-module__hop-Tag__remove-btn___UNdz0 {
4623
4629
  margin-inline: var(--clear-btn-margin-inline);
4624
4630
  }
4625
4631
 
4626
4632
  /* 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 {
4633
+ .TagGroup-module__hop-TagGroup___14xMC {
4628
4634
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4629
4635
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4630
4636
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4644,10 +4650,10 @@
4644
4650
  inline-size: max-content;
4645
4651
  max-inline-size: 100%;
4646
4652
  }
4647
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__label___MIfwe {
4653
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__label___l2bhv {
4648
4654
  order: 1;
4649
4655
  }
4650
- .TagGroup-module__hop-TagGroup__list___BBlDb {
4656
+ .TagGroup-module__hop-TagGroup__list___neJyh {
4651
4657
  display: flex;
4652
4658
  flex-wrap: wrap;
4653
4659
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4656,12 +4662,12 @@
4656
4662
  border-radius: var(--list-border-radius);
4657
4663
  outline: none;
4658
4664
  }
4659
- .TagGroup-module__hop-TagGroup__list___BBlDb[data-focus-visible] {
4665
+ .TagGroup-module__hop-TagGroup__list___neJyh[data-focus-visible] {
4660
4666
  outline: 0.125rem solid var(--list-focus-ring-color);
4661
4667
  outline-offset: 0.125rem;
4662
4668
  }
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 {
4669
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__error-message___rWmWC,
4670
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__helper-message___XikDk {
4665
4671
  order: 3;
4666
4672
  }
4667
4673
 
@@ -4691,17 +4697,18 @@
4691
4697
  /* src/index.css */
4692
4698
 
4693
4699
  /* 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 *) {
4700
+ :where(.Popover-module__hop-Popover___YqMrl *) {
4695
4701
  font-family: var(--font-family);
4696
4702
  font-size: var(--font-size);
4697
4703
  font-weight: var(--font-weight);
4698
4704
  line-height: var(--line-height);
4699
4705
  outline: none;
4700
4706
  }
4701
- .Popover-module__hop-Popover___gIFrM {
4707
+ .Popover-module__hop-Popover___YqMrl {
4702
4708
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4703
4709
  --hop-Popover-inline-width: 25rem;
4704
4710
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
4711
+ --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
4705
4712
  --hop-Popover-dropdown-auto-inline-width: auto;
4706
4713
  --width: var(--hop-Popover-inline-width);
4707
4714
  --max-width: var(--hop-Popover-max-inline-width);
@@ -4710,19 +4717,22 @@
4710
4717
  inline-size: var(--width);
4711
4718
  max-inline-size: var(--max-width);
4712
4719
  }
4713
- .Popover-module__hop-Popover___gIFrM[data-trigger=Select] {
4720
+ .Popover-module__hop-Popover___YqMrl[data-trigger=Select] {
4714
4721
  --width: var(--hop-Popover-dropdown-inline-width);
4715
4722
  }
4716
- .Popover-module__hop-Popover___gIFrM[data-auto-width] {
4723
+ .Popover-module__hop-Popover___YqMrl[data-trigger=ComboBox] {
4724
+ --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4725
+ }
4726
+ .Popover-module__hop-Popover___YqMrl[data-auto-width] {
4717
4727
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4718
4728
  }
4719
- .Popover-module__hop-Popover___gIFrM[data-entering] {
4720
- animation: Popover-module__fade___ph4u3 0.25s;
4729
+ .Popover-module__hop-Popover___YqMrl[data-entering] {
4730
+ animation: Popover-module__fade___cM9Hu 0.25s;
4721
4731
  }
4722
- .Popover-module__hop-Popover___gIFrM[data-exiting] {
4723
- animation: Popover-module__fade___ph4u3 0.25s reverse;
4732
+ .Popover-module__hop-Popover___YqMrl[data-exiting] {
4733
+ animation: Popover-module__fade___cM9Hu 0.25s reverse;
4724
4734
  }
4725
- @keyframes Popover-module__fade___ph4u3 {
4735
+ @keyframes Popover-module__fade___cM9Hu {
4726
4736
  from {
4727
4737
  opacity: 0;
4728
4738
  }
@@ -4730,14 +4740,14 @@
4730
4740
  opacity: 1;
4731
4741
  }
4732
4742
  }
4733
- .Popover-module__hop-Popover__wrapper___HAIbd {
4743
+ .Popover-module__hop-Popover__wrapper___bBvVC {
4734
4744
  display: flex;
4735
4745
  flex: 1 1 auto;
4736
4746
  flex-direction: column;
4737
4747
  min-block-size: 0;
4738
4748
  }
4739
- .Popover-module__hop-Popover__dialog___UFZee,
4740
- .Popover-module__hop-Popover__dropdown___H-yZY {
4749
+ .Popover-module__hop-Popover__dialog___-Qm8I,
4750
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
4741
4751
  --hop-Popover-background: var(--hop-neutral-surface);
4742
4752
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4743
4753
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4783,20 +4793,20 @@
4783
4793
  border-radius: var(--hop-Popover-border-radius);
4784
4794
  box-shadow: var(--hop-Popover-box-shadow);
4785
4795
  }
4786
- .Popover-module__hop-Popover__dropdown___H-yZY {
4796
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
4787
4797
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4788
4798
  --footer-place-self: stretch;
4789
4799
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4790
4800
  --padding: var(--hop-Popover-dropdown-padding);
4791
4801
  }
4792
- .Popover-module__hop-Popover__dialog___UFZee {
4802
+ .Popover-module__hop-Popover__dialog___-Qm8I {
4793
4803
  --padding: var(--hop-Popover-dialog-padding);
4794
4804
  }
4795
- .Popover-module__hop-Popover__title___7iBNB {
4805
+ .Popover-module__hop-Popover__title___SZT2m {
4796
4806
  grid-area: header;
4797
4807
  color: var(--hop-Popover-color);
4798
4808
  }
4799
- .Popover-module__hop-Popover__content___9qGsS {
4809
+ .Popover-module__hop-Popover__content___V6KMC {
4800
4810
  --font-size: var(--hop-Popover-content-font-size);
4801
4811
  --line-height: var(--hop-Popover-content-line-height);
4802
4812
  grid-area: content;
@@ -4805,7 +4815,7 @@
4805
4815
  padding: 0;
4806
4816
  color: var(--hop-Popover-content-color);
4807
4817
  }
4808
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__list-box___4ZJko {
4818
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__list-box___PnPGa {
4809
4819
  grid-area: content;
4810
4820
  inline-size: auto;
4811
4821
  min-inline-size: auto;
@@ -4814,7 +4824,7 @@
4814
4824
  padding: 0;
4815
4825
  border: none;
4816
4826
  }
4817
- .Popover-module__hop-Popover__footer___GUjGi {
4827
+ .Popover-module__hop-Popover__footer___sJmo- {
4818
4828
  --font-size: var(--hop-Popover-footer-font-size);
4819
4829
  --line-height: var(--hop-Popover-footer-line-height);
4820
4830
  grid-area: footer;
@@ -4822,22 +4832,22 @@
4822
4832
  margin: var(--footer-margin);
4823
4833
  color: var(--hop-Popover-color);
4824
4834
  }
4825
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__footer___GUjGi {
4835
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__footer___sJmo- {
4826
4836
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4827
4837
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4828
4838
  }
4829
- .Popover-module__hop-Popover__actions___8dlIL,
4830
- .Popover-module__hop-Popover__action___PdeSV {
4839
+ .Popover-module__hop-Popover__actions___dlp9Q,
4840
+ .Popover-module__hop-Popover__action___hcQBI {
4831
4841
  grid-area: action;
4832
4842
  justify-self: end;
4833
4843
  margin-block-start: var(--hop-Popover-row-gap);
4834
4844
  }
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 {
4845
+ .Popover-module__hop-Popover___YqMrl:has(.Popover-module__hop-Popover__actions___dlp9Q, .Popover-module__hop-Popover__action___hcQBI) .Popover-module__hop-Popover__footer___sJmo- {
4836
4846
  margin-inline-end: var(--hop-Popover-column-gap);
4837
4847
  }
4838
4848
 
4839
4849
  /* 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 {
4850
+ .Select-module__hop-Select___9asPc {
4841
4851
  --hop-Select-row-gap: var(--hop-space-stack-xs);
4842
4852
  --hop-Select-inline-size: 20rem;
4843
4853
  --hop-Select-inline-size-fluid: 100%;
@@ -4846,6 +4856,7 @@
4846
4856
  --hop-Select-button-border-color: var(--hop-neutral-border);
4847
4857
  --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
4848
4858
  --hop-Select-button-border-size: var(--hop-space-10);
4859
+ --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
4849
4860
  --hop-Select-button-color: var(--hop-neutral-text);
4850
4861
  --hop-Select-button-cursor: pointer;
4851
4862
  --hop-Select-button-padding-inline: var(--hop-space-inset-md);
@@ -4888,13 +4899,13 @@
4888
4899
  inline-size: var(--inline-size);
4889
4900
  max-inline-size: var(--hop-Select-max-inline-size);
4890
4901
  }
4891
- .Select-module__hop-Select--fluid___a4kzj {
4902
+ .Select-module__hop-Select--fluid___kdYun {
4892
4903
  --inline-size: var(--hop-Select-inline-size-fluid);
4893
4904
  }
4894
- .Select-module__hop-Select__label___rG82d {
4905
+ .Select-module__hop-Select__label___lX0YF {
4895
4906
  order: 1;
4896
4907
  }
4897
- .Select-module__hop-Select__button___Ml5ar {
4908
+ .Select-module__hop-Select__button___72TRN {
4898
4909
  cursor: var(--button-cursor);
4899
4910
  display: flex;
4900
4911
  column-gap: var(--hop-Select-button-column-gap);
@@ -4910,53 +4921,53 @@
4910
4921
  border-radius: var(--hop-Select-button-border-radius);
4911
4922
  outline: none;
4912
4923
  }
4913
- .Select-module__hop-Select__button--sm___z5rTo {
4924
+ .Select-module__hop-Select__button--sm___t6WUP {
4914
4925
  --button-block-size: var(--hop-Select-button-sm-block-size);
4915
4926
  }
4916
- .Select-module__hop-Select__button--md___pRWBr {
4927
+ .Select-module__hop-Select__button--md___GNNkD {
4917
4928
  --button-block-size: var(--hop-Select-button-md-block-size);
4918
4929
  }
4919
- .Select-module__hop-Select__button___Ml5ar[data-hovered] {
4930
+ .Select-module__hop-Select__button___72TRN[data-hovered] {
4920
4931
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4921
4932
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4922
4933
  --button-color: var(--hop-Select-button-color-hovered);
4923
4934
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4924
4935
  }
4925
- .Select-module__hop-Select__button___Ml5ar[data-pressed] {
4936
+ .Select-module__hop-Select__button___72TRN[data-pressed] {
4926
4937
  --button-background-color: var(--hop-Select-button-background-color-selected);
4927
4938
  --button-border-color: var(--hop-Select-button-border-color-selected);
4928
4939
  --button-color: var(--hop-Select-button-color-selected);
4929
4940
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4930
4941
  }
4931
- .Select-module__hop-Select__button___Ml5ar[data-invalid] {
4942
+ .Select-module__hop-Select__button___72TRN[data-invalid] {
4932
4943
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4933
4944
  }
4934
- .Select-module__hop-Select__button___Ml5ar[data-focus-visible] {
4945
+ .Select-module__hop-Select__button___72TRN[data-focus-visible] {
4935
4946
  --button-background-color: var(--hop-Select-button-background-color-focused);
4936
4947
  --button-border-color: var(--hop-Select-button-border-color-focused);
4937
4948
  --button-color: var(--hop-Select-button-color-focused);
4938
4949
  --button-icon-color: var(--hop-Select-button-icon-color-focused);
4939
4950
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4940
- outline-offset: -0.125rem;
4951
+ outline-offset: var(--hop-Select-button-outline-offset);
4941
4952
  }
4942
- .Select-module__hop-Select__button___Ml5ar:has([data-placeholder]) {
4953
+ .Select-module__hop-Select__button___72TRN:has([data-placeholder]) {
4943
4954
  --button-color: var(--hop-Select-button-placeholder-color);
4944
4955
  }
4945
- .Select-module__hop-Select__button___Ml5ar[data-disabled] {
4956
+ .Select-module__hop-Select__button___72TRN[data-disabled] {
4946
4957
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4947
4958
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4948
4959
  --button-color: var(--hop-Select-button-color-disabled);
4949
4960
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4950
4961
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4951
4962
  }
4952
- .Select-module__hop-Select__prefix___ioXh1 {
4963
+ .Select-module__hop-Select__prefix___lRC4S {
4953
4964
  color: var(--hop-Select-prefix-color);
4954
4965
  }
4955
- .Select-module__hop-Select__button-icon___hyZcO {
4966
+ .Select-module__hop-Select__button-icon___t9tu4 {
4956
4967
  margin-inline-start: auto;
4957
4968
  color: var(--button-icon-color);
4958
4969
  }
4959
- .Select-module__hop-Select__helper-message___uE0gS,
4960
- .Select-module__hop-Select__error-message___66saO {
4970
+ .Select-module__hop-Select__helper-message___-E4RI,
4971
+ .Select-module__hop-Select__error-message___cOkJl {
4961
4972
  order: 3;
4962
4973
  }