@hopper-ui/components 1.3.30 → 1.3.32

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 (218) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +37 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +55 -55
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +37 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +55 -55
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +42 -42
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +37 -37
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +52 -52
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Card/src/Card.css +247 -0
  19. package/dist/Card/src/Card.d.ts +22 -0
  20. package/dist/Card/src/Card.js +7 -0
  21. package/dist/Card/src/CardContext.d.ts +10 -0
  22. package/dist/Card/src/CardContext.js +2 -0
  23. package/dist/Card/src/index.css +247 -0
  24. package/dist/Card/src/index.d.ts +7 -0
  25. package/dist/Card/src/index.js +7 -0
  26. package/dist/ComboBox/src/ComboBox.css +562 -2120
  27. package/dist/ComboBox/src/ComboBox.js +25 -96
  28. package/dist/ComboBox/src/index.css +562 -2120
  29. package/dist/ComboBox/src/index.js +25 -96
  30. package/dist/Divider/src/Divider.css +29 -29
  31. package/dist/Divider/src/Divider.js +1 -1
  32. package/dist/Divider/src/index.css +29 -29
  33. package/dist/Divider/src/index.js +1 -1
  34. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  35. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  36. package/dist/ErrorMessage/src/index.css +29 -29
  37. package/dist/ErrorMessage/src/index.js +2 -2
  38. package/dist/Form/src/Form.css +1593 -1836
  39. package/dist/Form/src/Form.js +11 -102
  40. package/dist/Form/src/index.css +1593 -1836
  41. package/dist/Form/src/index.js +11 -102
  42. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  43. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  44. package/dist/HelperMessage/src/index.css +29 -29
  45. package/dist/HelperMessage/src/index.js +2 -2
  46. package/dist/IconList/src/IconList.css +28 -28
  47. package/dist/IconList/src/IconList.js +1 -1
  48. package/dist/IconList/src/index.css +28 -28
  49. package/dist/IconList/src/index.js +1 -1
  50. package/dist/Link/src/Link.css +49 -49
  51. package/dist/Link/src/Link.js +8 -8
  52. package/dist/Link/src/index.css +49 -49
  53. package/dist/Link/src/index.js +8 -8
  54. package/dist/ListBox/src/ListBox.css +274 -274
  55. package/dist/ListBox/src/ListBox.js +14 -14
  56. package/dist/ListBox/src/ListBoxItem.css +262 -262
  57. package/dist/ListBox/src/ListBoxItem.js +13 -13
  58. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  59. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  60. package/dist/ListBox/src/index.css +274 -274
  61. package/dist/ListBox/src/index.js +14 -14
  62. package/dist/Select/src/Select.css +597 -2154
  63. package/dist/Select/src/Select.js +27 -96
  64. package/dist/Select/src/SelectValue.css +61 -61
  65. package/dist/Select/src/SelectValue.js +6 -6
  66. package/dist/Select/src/index.css +566 -2123
  67. package/dist/Select/src/index.d.ts +1 -1
  68. package/dist/Select/src/index.js +27 -96
  69. package/dist/Spinner/src/Spinner.css +37 -37
  70. package/dist/Spinner/src/Spinner.js +2 -2
  71. package/dist/Spinner/src/index.css +37 -37
  72. package/dist/Spinner/src/index.js +2 -2
  73. package/dist/buttons/src/Button.css +93 -93
  74. package/dist/buttons/src/Button.js +10 -10
  75. package/dist/buttons/src/ButtonGroup.css +38 -38
  76. package/dist/buttons/src/ButtonGroup.js +2 -2
  77. package/dist/buttons/src/ClearButton.css +98 -98
  78. package/dist/buttons/src/ClearButton.js +2 -2
  79. package/dist/buttons/src/EmbeddedButton.css +98 -98
  80. package/dist/buttons/src/EmbeddedButton.js +1 -1
  81. package/dist/buttons/src/LinkButton.css +102 -102
  82. package/dist/buttons/src/LinkButton.js +9 -9
  83. package/dist/buttons/src/index.css +249 -249
  84. package/dist/buttons/src/index.js +17 -17
  85. package/dist/checkbox/src/Checkbox.css +46 -46
  86. package/dist/checkbox/src/Checkbox.js +9 -9
  87. package/dist/checkbox/src/CheckboxField.css +33 -33
  88. package/dist/checkbox/src/CheckboxField.js +2 -2
  89. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  90. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  91. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  92. package/dist/checkbox/src/DecorativeCheckbox.js +9 -9
  93. package/dist/checkbox/src/index.css +98 -98
  94. package/dist/checkbox/src/index.js +16 -16
  95. package/dist/{chunk-T62GNS7A.js → chunk-2PIWQBQ7.js} +2 -2
  96. package/dist/{chunk-QXOFUM6L.js → chunk-2ZAWI3VO.js} +1 -1
  97. package/dist/chunk-425TRLX5.js +71 -0
  98. package/dist/{chunk-44XBQWFL.js → chunk-4XMDZ5QF.js} +1 -1
  99. package/dist/{chunk-6RCOGX6X.js → chunk-52EKMM7G.js} +3 -3
  100. package/dist/{chunk-SJTPZSVU.js → chunk-5TE4QKZ2.js} +2 -2
  101. package/dist/{chunk-FWIQZGWG.js → chunk-5YGTZWHS.js} +1 -1
  102. package/dist/{chunk-ZZVFZ7I7.js → chunk-6XSOF5IT.js} +3 -3
  103. package/dist/{chunk-NPJBY3QK.js → chunk-77K422AK.js} +1 -1
  104. package/dist/{chunk-4YZZWHBM.js → chunk-7ITDXJPN.js} +6 -6
  105. package/dist/{chunk-WR3P4XWE.js → chunk-7OZNJCXL.js} +6 -6
  106. package/dist/chunk-7RTEFFZS.js +159 -0
  107. package/dist/{chunk-J2GXT52N.js → chunk-B2PZHGGT.js} +2 -2
  108. package/dist/{chunk-J4ZUH2ZP.js → chunk-BAX352BZ.js} +1 -1
  109. package/dist/{chunk-LFCEYG5R.js → chunk-F3GTLFKR.js} +1 -1
  110. package/dist/{chunk-2JMXBZHI.js → chunk-FXB7BBJB.js} +2 -2
  111. package/dist/{chunk-VLVEXVWZ.js → chunk-HPEGBHAQ.js} +1 -1
  112. package/dist/{chunk-CVMHGZQE.js → chunk-JHZLRSJY.js} +1 -1
  113. package/dist/{chunk-5MYQ7W33.js → chunk-JZV3EU5P.js} +5 -5
  114. package/dist/{chunk-UO5QJHXD.js → chunk-KXZYWFM3.js} +5 -5
  115. package/dist/{chunk-TMVKRT2P.js → chunk-MCSPPEQN.js} +1 -1
  116. package/dist/{chunk-VAKUV6QI.js → chunk-MMCWVCOD.js} +2 -2
  117. package/dist/{chunk-2MYELF25.js → chunk-MOIFFJJ3.js} +1 -1
  118. package/dist/{chunk-SFMVHFVH.js → chunk-MY7R6ZMF.js} +2 -2
  119. package/dist/{chunk-NE3BRLPL.js → chunk-N7ORIARY.js} +2 -2
  120. package/dist/{chunk-FVH4W7VW.js → chunk-OAUTLKSG.js} +7 -7
  121. package/dist/{chunk-47FKFZ4S.js → chunk-OEMWDVBB.js} +3 -3
  122. package/dist/{chunk-2SXSYPWT.js → chunk-OFYHUD3N.js} +2 -2
  123. package/dist/{chunk-WUZ4LSNY.js → chunk-PME32XAH.js} +6 -6
  124. package/dist/chunk-PR6Q2XJD.js +270 -0
  125. package/dist/{chunk-DZHNBZQQ.js → chunk-QDIICTRS.js} +2 -2
  126. package/dist/{chunk-CY7GW4SB.js → chunk-SMNKMZIC.js} +9 -9
  127. package/dist/{chunk-YWNQJ4FB.js → chunk-SWQEWYNM.js} +1 -1
  128. package/dist/{chunk-KUEXWJCI.js → chunk-U7NERCPG.js} +6 -6
  129. package/dist/{chunk-GRQTYLL6.js → chunk-UEZ6JMBX.js} +2 -2
  130. package/dist/{chunk-7Q6MXAW6.js → chunk-UJAYZEVR.js} +2 -2
  131. package/dist/{chunk-L5FDVVDI.js → chunk-UOVCHVGX.js} +4 -4
  132. package/dist/chunk-UYDOZLJW.js +153 -0
  133. package/dist/{chunk-HQPE2NHR.js → chunk-UYXVO6TB.js} +1 -1
  134. package/dist/chunk-V2EQFVTJ.js +7 -0
  135. package/dist/{chunk-LXWLN4DS.js → chunk-VYFGV7LF.js} +3 -3
  136. package/dist/{chunk-DOKGX5N4.js → chunk-VYNPGUH2.js} +1 -1
  137. package/dist/{chunk-5TIGRW6E.js → chunk-WJ6YDFFC.js} +1 -1
  138. package/dist/{chunk-3SNUQFBZ.js → chunk-WXP3P4KY.js} +3 -3
  139. package/dist/{chunk-4I7NFPPR.js → chunk-X5SCISRD.js} +2 -2
  140. package/dist/{chunk-6S4ZOYNF.js → chunk-XDJMIWOT.js} +4 -4
  141. package/dist/{chunk-MBX35AGZ.js → chunk-XTY7LASB.js} +3 -3
  142. package/dist/{chunk-S5NKOTEO.js → chunk-Y75VH6OP.js} +1 -1
  143. package/dist/chunk-YTKE4ERV.js +205 -0
  144. package/dist/{chunk-PHGFB7Z7.js → chunk-ZTS67CFU.js} +23 -14
  145. package/dist/{chunk-64EU3M5O.js → chunk-ZUL2DWRU.js} +2 -2
  146. package/dist/index.css +1022 -996
  147. package/dist/index.d.ts +4 -2
  148. package/dist/index.js +88 -80
  149. package/dist/inputs/src/InputGroup.css +264 -264
  150. package/dist/inputs/src/InputGroup.js +1 -1
  151. package/dist/inputs/src/NumberField.css +286 -286
  152. package/dist/inputs/src/NumberField.js +12 -12
  153. package/dist/inputs/src/PasswordField.css +274 -274
  154. package/dist/inputs/src/PasswordField.js +12 -12
  155. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  156. package/dist/inputs/src/RemainingCharacterCount.js +6 -6
  157. package/dist/inputs/src/SearchField.css +280 -280
  158. package/dist/inputs/src/SearchField.js +13 -13
  159. package/dist/inputs/src/TextArea.css +281 -281
  160. package/dist/inputs/src/TextArea.js +12 -12
  161. package/dist/inputs/src/TextField.css +278 -278
  162. package/dist/inputs/src/TextField.js +15 -15
  163. package/dist/inputs/src/index.css +324 -324
  164. package/dist/inputs/src/index.js +24 -24
  165. package/dist/overlays/Popover/src/Popover.css +2150 -3870
  166. package/dist/overlays/Popover/src/Popover.d.ts +1 -1
  167. package/dist/overlays/Popover/src/Popover.js +11 -106
  168. package/dist/overlays/Popover/src/PopoverContext.d.ts +1 -1
  169. package/dist/overlays/Popover/src/index.css +2150 -3870
  170. package/dist/overlays/Popover/src/index.d.ts +1 -1
  171. package/dist/overlays/Popover/src/index.js +12 -106
  172. package/dist/radio/src/DecorativeRadio.css +54 -54
  173. package/dist/radio/src/DecorativeRadio.js +8 -8
  174. package/dist/radio/src/Radio.css +46 -46
  175. package/dist/radio/src/Radio.js +8 -8
  176. package/dist/radio/src/RadioField.css +33 -33
  177. package/dist/radio/src/RadioField.js +2 -2
  178. package/dist/radio/src/RadioGroup.css +98 -98
  179. package/dist/radio/src/RadioGroup.js +6 -6
  180. package/dist/radio/src/index.css +98 -98
  181. package/dist/radio/src/index.js +14 -14
  182. package/dist/switch/src/Switch.css +43 -43
  183. package/dist/switch/src/Switch.js +8 -8
  184. package/dist/switch/src/SwitchField.css +33 -33
  185. package/dist/switch/src/SwitchField.d.ts +8 -3
  186. package/dist/switch/src/SwitchField.js +4 -2
  187. package/dist/switch/src/index.css +49 -49
  188. package/dist/switch/src/index.js +10 -10
  189. package/dist/tag/src/Tag.css +390 -390
  190. package/dist/tag/src/Tag.js +11 -11
  191. package/dist/tag/src/TagGroup.css +37 -37
  192. package/dist/tag/src/TagGroup.js +3 -3
  193. package/dist/tag/src/TagList.css +27 -27
  194. package/dist/tag/src/index.css +400 -400
  195. package/dist/tag/src/index.js +15 -15
  196. package/dist/typography/Heading/src/Heading.css +27 -27
  197. package/dist/typography/Heading/src/Heading.js +1 -1
  198. package/dist/typography/Heading/src/index.css +27 -27
  199. package/dist/typography/Heading/src/index.js +1 -1
  200. package/dist/typography/Label/src/Label.css +27 -27
  201. package/dist/typography/Label/src/Label.js +1 -1
  202. package/dist/typography/Label/src/index.css +27 -27
  203. package/dist/typography/Label/src/index.js +1 -1
  204. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  205. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  206. package/dist/typography/OverlineText/src/index.css +27 -27
  207. package/dist/typography/OverlineText/src/index.js +1 -1
  208. package/dist/typography/Text/src/Text.css +27 -27
  209. package/dist/typography/Text/src/Text.js +1 -1
  210. package/dist/typography/Text/src/index.css +27 -27
  211. package/dist/typography/Text/src/index.js +1 -1
  212. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  213. package/dist/utils/src/EnsureTextWrapper.js +6 -6
  214. package/dist/utils/src/index.css +27 -27
  215. package/dist/utils/src/index.js +7 -7
  216. package/package.json +2 -1
  217. package/dist/chunk-UCAG6OQL.js +0 -1155
  218. /package/dist/{chunk-LJXTJRSB.js → chunk-DBIN32YS.js} +0 -0
package/dist/index.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @import "@hopper-ui/styled-system/index.css";
3
3
 
4
4
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
5
- .Heading-module__hop-Heading___X8wl8 {
5
+ .Heading-module__hop-Heading___yXCh3 {
6
6
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
7
7
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
8
8
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -36,50 +36,50 @@
36
36
  --hop-Heading-inherit-size-font-weight: inherit;
37
37
  --hop-Heading-inherit-size-line-height: inherit;
38
38
  }
39
- :where(.Heading-module__hop-Heading___X8wl8) {
39
+ :where(.Heading-module__hop-Heading___yXCh3) {
40
40
  margin: 0;
41
41
  font-family: var(--font-family);
42
42
  font-size: var(--font-size);
43
43
  font-weight: var(--font-weight);
44
44
  line-height: var(--line-height);
45
45
  }
46
- :where(.Heading-module__hop-Heading--xs___OC9ge) {
46
+ :where(.Heading-module__hop-Heading--xs___cgxRO) {
47
47
  --font-size: var(--hop-Heading-xs-font-size);
48
48
  --font-family: var(--hop-Heading-xs-font-family);
49
49
  --font-weight: var(--hop-Heading-xs-font-weight);
50
50
  --line-height: var(--hop-Heading-xs-line-height);
51
51
  }
52
- :where(.Heading-module__hop-Heading--sm___UwKLg) {
52
+ :where(.Heading-module__hop-Heading--sm___9XWSE) {
53
53
  --font-size: var(--hop-Heading-sm-font-size);
54
54
  --font-family: var(--hop-Heading-sm-font-family);
55
55
  --font-weight: var(--hop-Heading-sm-font-weight);
56
56
  --line-height: var(--hop-Heading-sm-line-height);
57
57
  }
58
- :where(.Heading-module__hop-Heading--md___tD3xJ) {
58
+ :where(.Heading-module__hop-Heading--md___dSJp9) {
59
59
  --font-size: var(--hop-Heading-md-font-size);
60
60
  --font-family: var(--hop-Heading-md-font-family);
61
61
  --font-weight: var(--hop-Heading-md-font-weight);
62
62
  --line-height: var(--hop-Heading-md-line-height);
63
63
  }
64
- :where(.Heading-module__hop-Heading--lg___UoPkq) {
64
+ :where(.Heading-module__hop-Heading--lg___7BQM-) {
65
65
  --font-size: var(--hop-Heading-lg-font-size);
66
66
  --font-family: var(--hop-Heading-lg-font-family);
67
67
  --font-weight: var(--hop-Heading-lg-font-weight);
68
68
  --line-height: var(--hop-Heading-lg-line-height);
69
69
  }
70
- :where(.Heading-module__hop-Heading--xl___XkhtN) {
70
+ :where(.Heading-module__hop-Heading--xl___mc-2D) {
71
71
  --font-size: var(--hop-Heading-xl-font-size);
72
72
  --font-family: var(--hop-Heading-xl-font-family);
73
73
  --font-weight: var(--hop-Heading-xl-font-weight);
74
74
  --line-height: var(--hop-Heading-xl-line-height);
75
75
  }
76
- :where(.Heading-module__hop-Heading--2xl___rre1D) {
76
+ :where(.Heading-module__hop-Heading--2xl___b9d1O) {
77
77
  --font-size: var(--hop-Heading-2xl-font-size);
78
78
  --font-family: var(--hop-Heading-2xl-font-family);
79
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
80
  --line-height: var(--hop-Heading-2xl-line-height);
81
81
  }
82
- :where(.Heading-module__hop-Heading--3xl___8MHK7) {
82
+ :where(.Heading-module__hop-Heading--3xl___mSP0w) {
83
83
  --font-size: var(--hop-Heading-3xl-font-size);
84
84
  --font-family: var(--hop-Heading-3xl-font-family);
85
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,7 +87,7 @@
87
87
  }
88
88
 
89
89
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
90
- :where(.OverlineText-module__hop-OverlineText___nLt--) {
90
+ :where(.OverlineText-module__hop-OverlineText___5ke-P) {
91
91
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
92
92
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
93
93
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -111,45 +111,45 @@
111
111
  text-transform: uppercase;
112
112
  letter-spacing: var(--letter-spacing);
113
113
  }
114
- .OverlineText-module__hop-OverlineText__text___QruUF {
114
+ .OverlineText-module__hop-OverlineText__text___WdEoR {
115
115
  box-sizing: border-box;
116
116
  }
117
- .OverlineText-module__hop-OverlineText__text___QruUF::before,
118
- .OverlineText-module__hop-OverlineText__text___QruUF::after {
117
+ .OverlineText-module__hop-OverlineText__text___WdEoR::before,
118
+ .OverlineText-module__hop-OverlineText__text___WdEoR::after {
119
119
  content: "";
120
120
  display: block;
121
121
  box-sizing: border-box;
122
122
  inline-size: 0;
123
123
  block-size: 0;
124
124
  }
125
- .OverlineText-module__hop-OverlineText__text___QruUF::before {
125
+ .OverlineText-module__hop-OverlineText__text___WdEoR::before {
126
126
  margin-block-end: var(--bottom-offset);
127
127
  }
128
- .OverlineText-module__hop-OverlineText__text___QruUF::after {
128
+ .OverlineText-module__hop-OverlineText__text___WdEoR::after {
129
129
  margin-block-start: var(--top-offset);
130
130
  }
131
131
 
132
132
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
133
- .Label-module__hop-Label___kZWCm {
133
+ .Label-module__hop-Label___BRqtH {
134
134
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
135
135
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
136
136
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
137
137
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
138
138
  --hop-Label-color: var(--hop-neutral-text-weak);
139
139
  }
140
- :where(.Label-module__hop-Label___kZWCm) {
140
+ :where(.Label-module__hop-Label___BRqtH) {
141
141
  font-family: var(--hop-Label-font-family);
142
142
  font-size: var(--hop-Label-font-size);
143
143
  font-weight: var(--hop-Label-font-weight);
144
144
  line-height: var(--hop-Label-line-height);
145
145
  color: var(--hop-Label-color);
146
146
  }
147
- :where(.Label-module__hop-Label__indicator___CuXqq) {
147
+ :where(.Label-module__hop-Label__indicator___78Snn) {
148
148
  padding-inline-start: var(--hop-space-20);
149
149
  }
150
150
 
151
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
152
- .Text-module__hop-Text___w-LQ1 {
152
+ .Text-module__hop-Text___mlsmJ {
153
153
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
154
154
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
155
155
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -179,49 +179,49 @@
179
179
  --hop-Text-inherit-size-font-weight: inherit;
180
180
  --hop-Text-inherit-size-line-height: inherit;
181
181
  }
182
- :where(.Text-module__hop-Text___w-LQ1) {
182
+ :where(.Text-module__hop-Text___mlsmJ) {
183
183
  font-family: var(--font-family);
184
184
  font-size: var(--font-size);
185
185
  font-weight: var(--font-weight);
186
186
  line-height: var(--line-height);
187
187
  }
188
- :where(.Text-module__hop-Text--xs___5mBts) {
188
+ :where(.Text-module__hop-Text--xs___4g9Hm) {
189
189
  --font-size: var(--hop-Text-xs-font-size);
190
190
  --font-family: var(--hop-Text-xs-font-family);
191
191
  --font-weight: var(--hop-Text-xs-font-weight);
192
192
  --line-height: var(--hop-Text-xs-line-height);
193
193
  }
194
- :where(.Text-module__hop-Text--sm___Ik8mb) {
194
+ :where(.Text-module__hop-Text--sm___w-WWU) {
195
195
  --font-size: var(--hop-Text-sm-font-size);
196
196
  --font-family: var(--hop-Text-sm-font-family);
197
197
  --font-weight: var(--hop-Text-sm-font-weight);
198
198
  --line-height: var(--hop-Text-sm-line-height);
199
199
  }
200
- :where(.Text-module__hop-Text--md___fIrw3) {
200
+ :where(.Text-module__hop-Text--md___FHx98) {
201
201
  --font-size: var(--hop-Text-md-font-size);
202
202
  --font-family: var(--hop-Text-md-font-family);
203
203
  --font-weight: var(--hop-Text-md-font-weight);
204
204
  --line-height: var(--hop-Text-md-line-height);
205
205
  }
206
- :where(.Text-module__hop-Text--lg___sIr32) {
206
+ :where(.Text-module__hop-Text--lg___N-Ov9) {
207
207
  --font-size: var(--hop-Text-lg-font-size);
208
208
  --font-family: var(--hop-Text-lg-font-family);
209
209
  --font-weight: var(--hop-Text-lg-font-weight);
210
210
  --line-height: var(--hop-Text-lg-line-height);
211
211
  }
212
- :where(.Text-module__hop-Text--xl___rJ3Mw) {
212
+ :where(.Text-module__hop-Text--xl___O0xxj) {
213
213
  --font-size: var(--hop-Text-xl-font-size);
214
214
  --font-family: var(--hop-Text-xl-font-family);
215
215
  --font-weight: var(--hop-Text-xl-font-weight);
216
216
  --line-height: var(--hop-Text-xl-line-height);
217
217
  }
218
- :where(.Text-module__hop-Text--2xl___c1wMJ) {
218
+ :where(.Text-module__hop-Text--2xl___7cgXw) {
219
219
  --font-size: var(--hop-Text-2xl-font-size);
220
220
  --font-family: var(--hop-Text-2xl-font-family);
221
221
  --font-weight: var(--hop-Text-2xl-font-weight);
222
222
  --line-height: var(--hop-Text-2xl-line-height);
223
223
  }
224
- :where(.Text-module__hop-Text--inherit___BgA3c) {
224
+ :where(.Text-module__hop-Text--inherit___CD7Gr) {
225
225
  --font-size: var(--hop-Text-inherit-size-font-size);
226
226
  --font-family: var(--hop-Text-inherit-size-font-family);
227
227
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -229,7 +229,7 @@
229
229
  }
230
230
 
231
231
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
232
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___7SOoR {
232
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln {
233
233
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
234
234
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
235
235
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -260,46 +260,46 @@
260
260
  background-color: var(--background-color);
261
261
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
262
262
  }
263
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___NLAdb {
263
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___0t8wK {
264
264
  --size: var(--hop-RichIconAvatarImage-xs-size);
265
265
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
266
266
  }
267
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___bjoiP {
267
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___qbuKo {
268
268
  --size: var(--hop-RichIconAvatarImage-sm-size);
269
269
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
270
270
  }
271
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Faklh {
271
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Thvly {
272
272
  --size: var(--hop-RichIconAvatarImage-md-size);
273
273
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
274
274
  }
275
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___gGZL- {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___CH9ui {
276
276
  --size: var(--hop-RichIconAvatarImage-lg-size);
277
277
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
278
278
  }
279
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___kHdPh {
279
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___Kx4LY {
280
280
  --size: var(--hop-RichIconAvatarImage-xl-size);
281
281
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
282
282
  }
283
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___jrggd {
283
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___pPJGO {
284
284
  --size: var(--hop-RichIconAvatarImage-2xl-size);
285
285
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
286
286
  }
287
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___7SOoR[data-disabled] {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln[data-disabled] {
288
288
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
289
289
  }
290
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___s0A0K {
290
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___qdQ1m {
291
291
  position: relative;
292
292
  display: block;
293
293
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
294
294
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
295
295
  }
296
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___7SOoR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___s0A0K {
296
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___qdQ1m {
297
297
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
298
298
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
299
299
  }
300
300
 
301
301
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
302
- .Avatar-module__hop-Avatar___UBWQ- {
302
+ .Avatar-module__hop-Avatar___NRR7e {
303
303
  --hop-Avatar-border-radius: var(--hop-shape-circle);
304
304
  --hop-Avatar-mix-blend-mode: normal;
305
305
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -344,67 +344,67 @@
344
344
  background-color: var(--background-color, transparent);
345
345
  border-radius: var(--hop-Avatar-border-radius);
346
346
  }
347
- .Avatar-module__hop-Avatar--xs___lFS3V {
347
+ .Avatar-module__hop-Avatar--xs___Lc954 {
348
348
  --size: var(--hop-Avatar-xs-size);
349
349
  }
350
- .Avatar-module__hop-Avatar--sm___leWQO {
350
+ .Avatar-module__hop-Avatar--sm___xKab- {
351
351
  --size: var(--hop-Avatar-sm-size);
352
352
  }
353
- .Avatar-module__hop-Avatar--md___-MseJ {
353
+ .Avatar-module__hop-Avatar--md___wzlmP {
354
354
  --size: var(--hop-Avatar-md-size);
355
355
  }
356
- .Avatar-module__hop-Avatar--lg___Q9Eug {
356
+ .Avatar-module__hop-Avatar--lg___0tPMw {
357
357
  --size: var(--hop-Avatar-lg-size);
358
358
  }
359
- .Avatar-module__hop-Avatar--xl___rYsuu {
359
+ .Avatar-module__hop-Avatar--xl___oDIyV {
360
360
  --size: var(--hop-Avatar-xl-size);
361
361
  }
362
- .Avatar-module__hop-Avatar--2xl___DA7yk {
362
+ .Avatar-module__hop-Avatar--2xl___fReCL {
363
363
  --size: var(--hop-Avatar-2xl-size);
364
364
  }
365
- .Avatar-module__hop-Avatar--decorative-option1___7dnB7 {
365
+ .Avatar-module__hop-Avatar--decorative-option1___M3KiH {
366
366
  --background-color: var(--hop-Avatar-decorative-1-background-color);
367
367
  --text-color: var(--hop-Avatar-decorative-1-text-color);
368
368
  }
369
- .Avatar-module__hop-Avatar--decorative-option2___MwODp {
369
+ .Avatar-module__hop-Avatar--decorative-option2___xfUDh {
370
370
  --background-color: var(--hop-Avatar-decorative-2-background-color);
371
371
  --text-color: var(--hop-Avatar-decorative-2-text-color);
372
372
  }
373
- .Avatar-module__hop-Avatar--decorative-option3___FQHbX {
373
+ .Avatar-module__hop-Avatar--decorative-option3___ON6nk {
374
374
  --background-color: var(--hop-Avatar-decorative-3-background-color);
375
375
  --text-color: var(--hop-Avatar-decorative-3-text-color);
376
376
  }
377
- .Avatar-module__hop-Avatar--decorative-option4___ZXorx {
377
+ .Avatar-module__hop-Avatar--decorative-option4___tUQ0G {
378
378
  --background-color: var(--hop-Avatar-decorative-4-background-color);
379
379
  --text-color: var(--hop-Avatar-decorative-4-text-color);
380
380
  }
381
- .Avatar-module__hop-Avatar--decorative-option5___kDtyc {
381
+ .Avatar-module__hop-Avatar--decorative-option5___o6YrF {
382
382
  --background-color: var(--hop-Avatar-decorative-5-background-color);
383
383
  --text-color: var(--hop-Avatar-decorative-5-text-color);
384
384
  }
385
- .Avatar-module__hop-Avatar--decorative-option6___3dAZ6 {
385
+ .Avatar-module__hop-Avatar--decorative-option6___XGGWz {
386
386
  --background-color: var(--hop-Avatar-decorative-6-background-color);
387
387
  --text-color: var(--hop-Avatar-decorative-6-text-color);
388
388
  }
389
- .Avatar-module__hop-Avatar--decorative-option7___jdag7 {
389
+ .Avatar-module__hop-Avatar--decorative-option7___amRxm {
390
390
  --background-color: var(--hop-Avatar-decorative-7-background-color);
391
391
  --text-color: var(--hop-Avatar-decorative-7-text-color);
392
392
  }
393
- .Avatar-module__hop-Avatar--decorative-option8___SF6-g {
393
+ .Avatar-module__hop-Avatar--decorative-option8___zAr7I {
394
394
  --background-color: var(--hop-Avatar-decorative-8-background-color);
395
395
  --text-color: var(--hop-Avatar-decorative-8-text-color);
396
396
  }
397
- .Avatar-module__hop-Avatar--decorative-option9___AccJC {
397
+ .Avatar-module__hop-Avatar--decorative-option9___IB7B3 {
398
398
  --background-color: var(--hop-Avatar-decorative-9-background-color);
399
399
  --text-color: var(--hop-Avatar-decorative-9-text-color);
400
400
  }
401
- .Avatar-module__hop-Avatar___UBWQ-[data-disabled] {
401
+ .Avatar-module__hop-Avatar___NRR7e[data-disabled] {
402
402
  --background-color: var(--hop-Avatar-background-color-disabled);
403
403
  --text-color: var(--hop-Avatar-text-color-disabled);
404
404
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
405
405
  isolation: isolate;
406
406
  }
407
- .Avatar-module__hop-Avatar__image___m6eZF {
407
+ .Avatar-module__hop-Avatar__image___3NxIP {
408
408
  position: relative;
409
409
  display: block;
410
410
  box-sizing: border-box;
@@ -415,7 +415,7 @@
415
415
  }
416
416
 
417
417
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
418
- .Badge-module__hop-Badge___N-1NC {
418
+ .Badge-module__hop-Badge___4pcJq {
419
419
  --hop-Badge-height: 1.5rem;
420
420
  --hop-Badge-width: max-content;
421
421
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -465,67 +465,67 @@
465
465
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
466
466
  border-radius: var(--border-radius);
467
467
  }
468
- .Badge-module__hop-Badge--primary___66K6Y {
468
+ .Badge-module__hop-Badge--primary___6XVJb {
469
469
  --background-color: var(--hop-Badge-primary-background-color);
470
470
  --text-color: var(--hop-Badge-primary-text-color);
471
471
  }
472
- .Badge-module__hop-Badge--primary___66K6Y[data-hovered] {
472
+ .Badge-module__hop-Badge--primary___6XVJb[data-hovered] {
473
473
  --background-color: var(--hop-Badge-primary-background-color-hovered);
474
474
  --text-color: var(--hop-Badge-primary-text-color-hovered);
475
475
  }
476
- .Badge-module__hop-Badge--primary___66K6Y[data-pressed] {
476
+ .Badge-module__hop-Badge--primary___6XVJb[data-pressed] {
477
477
  --background-color: var(--hop-Badge-primary-background-color-pressed);
478
478
  --text-color: var(--hop-Badge-primary-text-color-pressed);
479
479
  }
480
- .Badge-module__hop-Badge--primary___66K6Y[data-selected] {
480
+ .Badge-module__hop-Badge--primary___6XVJb[data-selected] {
481
481
  --background-color: var(--hop-Badge-primary-background-color-selected);
482
482
  --text-color: var(--hop-Badge-primary-text-color-selected);
483
483
  }
484
- .Badge-module__hop-Badge--secondary___lQT87 {
484
+ .Badge-module__hop-Badge--secondary___wRFvz {
485
485
  --background-color: var(--hop-Badge-secondary-background-color);
486
486
  --text-color: var(--hop-Badge-secondary-text-color);
487
487
  }
488
- .Badge-module__hop-Badge--secondary___lQT87[data-hovered] {
488
+ .Badge-module__hop-Badge--secondary___wRFvz[data-hovered] {
489
489
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
490
490
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
491
491
  }
492
- .Badge-module__hop-Badge--secondary___lQT87[data-pressed] {
492
+ .Badge-module__hop-Badge--secondary___wRFvz[data-pressed] {
493
493
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
494
494
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
495
495
  }
496
- .Badge-module__hop-Badge--secondary___lQT87[data-selected] {
496
+ .Badge-module__hop-Badge--secondary___wRFvz[data-selected] {
497
497
  --background-color: var(--hop-Badge-secondary-background-color-selected);
498
498
  --text-color: var(--hop-Badge-secondary-text-color-selected);
499
499
  }
500
- .Badge-module__hop-Badge--subdued___Z--bA {
500
+ .Badge-module__hop-Badge--subdued___QK3Fi {
501
501
  --background-color: var(--hop-Badge-subdued-background-color);
502
502
  --text-color: var(--hop-Badge-subdued-text-color);
503
503
  }
504
- .Badge-module__hop-Badge--subdued___Z--bA[data-hovered] {
504
+ .Badge-module__hop-Badge--subdued___QK3Fi[data-hovered] {
505
505
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
506
506
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
507
507
  }
508
- .Badge-module__hop-Badge--subdued___Z--bA[data-pressed] {
508
+ .Badge-module__hop-Badge--subdued___QK3Fi[data-pressed] {
509
509
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
510
510
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
511
511
  }
512
- .Badge-module__hop-Badge--subdued___Z--bA[data-selected] {
512
+ .Badge-module__hop-Badge--subdued___QK3Fi[data-selected] {
513
513
  --background-color: var(--hop-Badge-subdued-background-color-selected);
514
514
  --text-color: var(--hop-Badge-subdued-text-color-selected);
515
515
  }
516
- .Badge-module__hop-Badge___N-1NC[data-indeterminate] {
516
+ .Badge-module__hop-Badge___4pcJq[data-indeterminate] {
517
517
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
518
518
  --height: var(--hop-Badge-indeterminate-height);
519
519
  --width: var(--hop-Badge-indeterminate-width);
520
520
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
521
521
  }
522
- .Badge-module__hop-Badge___N-1NC[data-disabled] {
522
+ .Badge-module__hop-Badge___4pcJq[data-disabled] {
523
523
  --background-color: var(--hop-Badge-background-color-disabled);
524
524
  --text-color: var(--hop-Badge-text-color-disabled);
525
525
  }
526
526
 
527
527
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
528
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM {
528
+ .FloatingBadge-module__hop-FloatingBadge___r-msI {
529
529
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
530
530
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
531
531
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -566,7 +566,7 @@
566
566
  box-sizing: border-box;
567
567
  inline-size: max-content;
568
568
  }
569
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="top right"] {
569
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top right"] {
570
570
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
571
571
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
572
572
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -574,11 +574,11 @@
574
574
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
575
575
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
576
576
  }
577
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="top right"][data-overlap=circular] {
577
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top right"][data-overlap=circular] {
578
578
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
579
579
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
580
580
  }
581
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="top left"] {
581
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top left"] {
582
582
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
583
583
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
584
584
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -586,11 +586,11 @@
586
586
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
587
587
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
588
588
  }
589
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="top left"][data-overlap=circular] {
589
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top left"][data-overlap=circular] {
590
590
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
591
591
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
592
592
  }
593
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="bottom right"] {
593
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom right"] {
594
594
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
595
595
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
596
596
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -598,11 +598,11 @@
598
598
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
599
599
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
600
600
  }
601
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="bottom right"][data-overlap=circular] {
601
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom right"][data-overlap=circular] {
602
602
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
603
603
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
604
604
  }
605
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="bottom left"] {
605
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom left"] {
606
606
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
607
607
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
608
608
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -610,11 +610,11 @@
610
610
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
611
611
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
612
612
  }
613
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="bottom left"][data-overlap=circular] {
613
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom left"][data-overlap=circular] {
614
614
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
615
615
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
616
616
  }
617
- .FloatingBadge-module__hop-FloatingBadge__badge___LvX94 {
617
+ .FloatingBadge-module__hop-FloatingBadge__badge___AstPT {
618
618
  position: absolute;
619
619
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
620
620
  transform-origin: var(--badge-transform-origin);
@@ -622,7 +622,7 @@
622
622
  }
623
623
 
624
624
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
625
- .IconList-module__hop-IconList___YOoRf {
625
+ .IconList-module__hop-IconList___s1jYT {
626
626
  --hop-IconList-gap: var(--hop-space-inline-xs);
627
627
  display: flex;
628
628
  flex-wrap: wrap;
@@ -631,7 +631,7 @@
631
631
  }
632
632
 
633
633
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
634
- @keyframes Spinner-module__spin___CEAVq {
634
+ @keyframes Spinner-module__spin___ViS32 {
635
635
  0% {
636
636
  transform: rotate(0deg);
637
637
  }
@@ -639,7 +639,7 @@
639
639
  transform: rotate(360deg);
640
640
  }
641
641
  }
642
- .Spinner-module__hop-Spinner___HoDfu {
642
+ .Spinner-module__hop-Spinner___7E2eM {
643
643
  --hop-Spinner-border-radius: var(--hop-shape-circle);
644
644
  --hop-Spinner-sm-wheel-size: 1rem;
645
645
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -647,7 +647,7 @@
647
647
  --hop-Spinner-track-width: 0.125rem;
648
648
  --hop-Spinner-track-opacity: 0.2;
649
649
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
650
- --hop-Spinner-fill-animation: Spinner-module__spin___CEAVq .8s infinite linear;
650
+ --hop-Spinner-fill-animation: Spinner-module__spin___ViS32 .8s infinite linear;
651
651
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
652
652
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
653
653
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -658,19 +658,19 @@
658
658
  align-items: center;
659
659
  box-sizing: border-box;
660
660
  }
661
- .Spinner-module__hop-Spinner--sm___Rw6xv {
661
+ .Spinner-module__hop-Spinner--sm___kpiu9 {
662
662
  --width: var(--hop-Spinner-sm-wheel-size);
663
663
  --height: var(--hop-Spinner-sm-wheel-size);
664
664
  }
665
- .Spinner-module__hop-Spinner--md___xCQt3 {
665
+ .Spinner-module__hop-Spinner--md___j6Sdr {
666
666
  --width: var(--hop-Spinner-md-wheel-size);
667
667
  --height: var(--hop-Spinner-md-wheel-size);
668
668
  }
669
- .Spinner-module__hop-Spinner--lg___zHJ9a {
669
+ .Spinner-module__hop-Spinner--lg___v1lHA {
670
670
  --width: var(--hop-Spinner-lg-wheel-size);
671
671
  --height: var(--hop-Spinner-lg-wheel-size);
672
672
  }
673
- .Spinner-module__hop-Spinner__track___CWONG {
673
+ .Spinner-module__hop-Spinner__track___b-BXu {
674
674
  grid-area: spinner;
675
675
  box-sizing: border-box;
676
676
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -679,7 +679,7 @@
679
679
  border: var(--hop-Spinner-track-border);
680
680
  border-radius: var(--hop-Spinner-border-radius);
681
681
  }
682
- .Spinner-module__hop-Spinner__fill___UJtBx {
682
+ .Spinner-module__hop-Spinner__fill___zD8ub {
683
683
  grid-area: spinner;
684
684
  box-sizing: border-box;
685
685
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -690,17 +690,17 @@
690
690
  animation: var(--hop-Spinner-fill-animation);
691
691
  }
692
692
  @media (prefers-reduced-motion: reduce) {
693
- .Spinner-module__hop-Spinner__fill___UJtBx {
693
+ .Spinner-module__hop-Spinner__fill___zD8ub {
694
694
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
695
695
  }
696
696
  }
697
- .Spinner-module__hop-Spinner__label___uD2VW {
697
+ .Spinner-module__hop-Spinner__label___z37tv {
698
698
  grid-area: label;
699
699
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
700
700
  }
701
701
 
702
702
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
703
- .Button-module__hop-Button___jIok0 {
703
+ .Button-module__hop-Button___g0bsX {
704
704
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
705
705
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
706
706
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -824,215 +824,215 @@
824
824
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
825
825
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
826
826
  }
827
- .Button-module__hop-Button--fluid___3hPMs {
827
+ .Button-module__hop-Button--fluid___U1pC7 {
828
828
  --inline-size: 100%;
829
829
  }
830
- .Button-module__hop-Button--sm___H3RDg {
830
+ .Button-module__hop-Button--sm___JkRfc {
831
831
  --block-size: var(--hop-Button-sm-height);
832
832
  --padding: var(--hop-Button-sm-padding);
833
833
  }
834
- .Button-module__hop-Button--sm___H3RDg[class*=--ghost] {
834
+ .Button-module__hop-Button--sm___JkRfc[class*=--ghost] {
835
835
  --padding: var(--hop-Button-ghost-sm-padding);
836
836
  }
837
- .Button-module__hop-Button--md___kbzCK[class*=--ghost] {
837
+ .Button-module__hop-Button--md___UW7nU[class*=--ghost] {
838
838
  --padding: var(--hop-Button-ghost-md-padding);
839
839
  }
840
- .Button-module__hop-Button--icon-only___GoXzR {
840
+ .Button-module__hop-Button--icon-only___9-rM- {
841
841
  --column-gap: var(--hop-Button-icon-only-column-gap);
842
842
  --padding: var(--hop-Button-icon-only-padding);
843
843
  aspect-ratio: 1;
844
844
  }
845
- .Button-module__hop-Button--primary___vgEZd {
845
+ .Button-module__hop-Button--primary___3Jpwh {
846
846
  --background-color: var(--hop-Button-primary-background-color);
847
847
  --color: var(--hop-Button-primary-color);
848
848
  --border: var(--hop-Button-primary-border);
849
849
  --spinner-color: var(--hop-Button-primary-spinner-color);
850
850
  }
851
- .Button-module__hop-Button--primary___vgEZd[data-hovered],
852
- .Button-module__hop-Button--primary___vgEZd[data-focus-visible] {
851
+ .Button-module__hop-Button--primary___3Jpwh[data-hovered],
852
+ .Button-module__hop-Button--primary___3Jpwh[data-focus-visible] {
853
853
  --background-color: var(--hop-Button-primary-background-color-hover);
854
854
  --color: var(--hop-Button-primary-color-hover);
855
855
  --border: var(--hop-Button-primary-border-hover);
856
856
  }
857
- .Button-module__hop-Button--primary___vgEZd[data-pressed] {
857
+ .Button-module__hop-Button--primary___3Jpwh[data-pressed] {
858
858
  --background-color: var(--hop-Button-primary-background-color-pressed);
859
859
  --color: var(--hop-Button-primary-color-pressed);
860
860
  --border: var(--hop-Button-primary-border-pressed);
861
861
  }
862
- .Button-module__hop-Button--secondary___4ojx0 {
862
+ .Button-module__hop-Button--secondary___NU-Ve {
863
863
  --background-color: var(--hop-Button-secondary-background-color);
864
864
  --color: var(--hop-Button-secondary-color);
865
865
  --border: var(--hop-Button-secondary-border);
866
866
  --spinner-color: var(--hop-Button-secondary-spinner-color);
867
867
  }
868
- .Button-module__hop-Button--secondary___4ojx0[data-hovered],
869
- .Button-module__hop-Button--secondary___4ojx0[data-focus-visible] {
868
+ .Button-module__hop-Button--secondary___NU-Ve[data-hovered],
869
+ .Button-module__hop-Button--secondary___NU-Ve[data-focus-visible] {
870
870
  --background-color: var(--hop-Button-secondary-background-color-hover);
871
871
  --color: var(--hop-Button-secondary-color-hover);
872
872
  --border: var(--hop-Button-secondary-border-hover);
873
873
  }
874
- .Button-module__hop-Button--secondary___4ojx0[data-pressed] {
874
+ .Button-module__hop-Button--secondary___NU-Ve[data-pressed] {
875
875
  --background-color: var(--hop-Button-secondary-background-color-pressed);
876
876
  --color: var(--hop-Button-secondary-color-pressed);
877
877
  --border: var(--hop-Button-secondary-border-pressed);
878
878
  }
879
- .Button-module__hop-Button--upsell___c51Bt {
879
+ .Button-module__hop-Button--upsell___Zjxjx {
880
880
  --background-color: var(--hop-Button-upsell-background-color);
881
881
  --color: var(--hop-Button-upsell-color);
882
882
  --border: var(--hop-Button-upsell-border);
883
883
  --spinner-color: var(--hop-Button-upsell-spinner-color);
884
884
  }
885
- .Button-module__hop-Button--upsell___c51Bt[data-hovered],
886
- .Button-module__hop-Button--upsell___c51Bt[data-focus-visible] {
885
+ .Button-module__hop-Button--upsell___Zjxjx[data-hovered],
886
+ .Button-module__hop-Button--upsell___Zjxjx[data-focus-visible] {
887
887
  --background-color: var(--hop-Button-upsell-background-color-hover);
888
888
  --color: var(--hop-Button-upsell-color-hover);
889
889
  --border: var(--hop-Button-upsell-border-hover);
890
890
  }
891
- .Button-module__hop-Button--upsell___c51Bt[data-pressed] {
891
+ .Button-module__hop-Button--upsell___Zjxjx[data-pressed] {
892
892
  --background-color: var(--hop-Button-upsell-background-color-pressed);
893
893
  --color: var(--hop-Button-upsell-color-pressed);
894
894
  --border: var(--hop-Button-upsell-border-pressed);
895
895
  }
896
- .Button-module__hop-Button--danger___UOWQg {
896
+ .Button-module__hop-Button--danger___MoOv- {
897
897
  --background-color: var(--hop-Button-danger-background-color);
898
898
  --color: var(--hop-Button-danger-color);
899
899
  --border: var(--hop-Button-danger-border);
900
900
  --spinner-color: var(--hop-Button-danger-spinner-color);
901
901
  }
902
- .Button-module__hop-Button--danger___UOWQg[data-hovered],
903
- .Button-module__hop-Button--danger___UOWQg[data-focus-visible] {
902
+ .Button-module__hop-Button--danger___MoOv-[data-hovered],
903
+ .Button-module__hop-Button--danger___MoOv-[data-focus-visible] {
904
904
  --background-color: var(--hop-Button-danger-background-color-hover);
905
905
  --color: var(--hop-Button-danger-color-hover);
906
906
  --border: var(--hop-Button-danger-border-hover);
907
907
  }
908
- .Button-module__hop-Button--danger___UOWQg[data-pressed] {
908
+ .Button-module__hop-Button--danger___MoOv-[data-pressed] {
909
909
  --background-color: var(--hop-Button-danger-background-color-pressed);
910
910
  --color: var(--hop-Button-danger-color-pressed);
911
911
  --border: var(--hop-Button-danger-border-pressed);
912
912
  }
913
- .Button-module__hop-Button--ghost-primary___y4YEd {
913
+ .Button-module__hop-Button--ghost-primary___WC15g {
914
914
  --background-color: var(--hop-Button-ghost-primary-background-color);
915
915
  --color: var(--hop-Button-ghost-primary-color);
916
916
  --border: var(--hop-Button-ghost-primary-border);
917
917
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
918
918
  }
919
- .Button-module__hop-Button--ghost-primary___y4YEd[data-hovered],
920
- .Button-module__hop-Button--ghost-primary___y4YEd[data-focus-visible] {
919
+ .Button-module__hop-Button--ghost-primary___WC15g[data-hovered],
920
+ .Button-module__hop-Button--ghost-primary___WC15g[data-focus-visible] {
921
921
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
922
922
  --color: var(--hop-Button-ghost-primary-color-hover);
923
923
  --border: var(--hop-Button-ghost-primary-border-hover);
924
924
  --text-underline: underline;
925
925
  }
926
- .Button-module__hop-Button--ghost-primary___y4YEd[data-pressed] {
926
+ .Button-module__hop-Button--ghost-primary___WC15g[data-pressed] {
927
927
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
928
928
  --color: var(--hop-Button-ghost-primary-color-pressed);
929
929
  --border: var(--hop-Button-ghost-primary-border-pressed);
930
930
  --text-underline: underline;
931
931
  }
932
- .Button-module__hop-Button--ghost-secondary___uvrka {
932
+ .Button-module__hop-Button--ghost-secondary___kxQsj {
933
933
  --background-color: var(--hop-Button-ghost-secondary-background-color);
934
934
  --color: var(--hop-Button-ghost-secondary-color);
935
935
  --border: var(--hop-Button-ghost-secondary-border);
936
936
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
937
937
  }
938
- .Button-module__hop-Button--ghost-secondary___uvrka[data-hovered],
939
- .Button-module__hop-Button--ghost-secondary___uvrka[data-focus-visible] {
938
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-hovered],
939
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-focus-visible] {
940
940
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
941
941
  --color: var(--hop-Button-ghost-secondary-color-hover);
942
942
  --border: var(--hop-Button-ghost-secondary-border-hover);
943
943
  --text-underline: underline;
944
944
  }
945
- .Button-module__hop-Button--ghost-secondary___uvrka[data-pressed] {
945
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-pressed] {
946
946
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
947
947
  --color: var(--hop-Button-ghost-secondary-color-pressed);
948
948
  --border: var(--hop-Button-ghost-secondary-border-pressed);
949
949
  --text-underline: underline;
950
950
  }
951
- .Button-module__hop-Button--ghost-danger___bjJPS {
951
+ .Button-module__hop-Button--ghost-danger___kblVO {
952
952
  --background-color: var(--hop-Button-ghost-danger-background-color);
953
953
  --color: var(--hop-Button-ghost-danger-color);
954
954
  --border: var(--hop-Button-ghost-danger-border);
955
955
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
956
956
  }
957
- .Button-module__hop-Button--ghost-danger___bjJPS[data-hovered],
958
- .Button-module__hop-Button--ghost-danger___bjJPS[data-focus-visible] {
957
+ .Button-module__hop-Button--ghost-danger___kblVO[data-hovered],
958
+ .Button-module__hop-Button--ghost-danger___kblVO[data-focus-visible] {
959
959
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
960
960
  --color: var(--hop-Button-ghost-danger-color-hover);
961
961
  --border: var(--hop-Button-ghost-danger-border-hover);
962
962
  --text-underline: underline;
963
963
  }
964
- .Button-module__hop-Button--ghost-danger___bjJPS[data-pressed] {
964
+ .Button-module__hop-Button--ghost-danger___kblVO[data-pressed] {
965
965
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
966
966
  --color: var(--hop-Button-ghost-danger-color-pressed);
967
967
  --border: var(--hop-Button-ghost-danger-border-pressed);
968
968
  --text-underline: underline;
969
969
  }
970
- .Button-module__hop-Button___jIok0[data-focus-visible] {
970
+ .Button-module__hop-Button___g0bsX[data-focus-visible] {
971
971
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
972
972
  }
973
- .Button-module__hop-Button___jIok0[data-disabled],
974
- .Button-module__hop-Button___jIok0[data-pending] {
973
+ .Button-module__hop-Button___g0bsX[data-disabled],
974
+ .Button-module__hop-Button___g0bsX[data-pending] {
975
975
  cursor: not-allowed;
976
976
  }
977
- .Button-module__hop-Button___jIok0[data-disabled] {
977
+ .Button-module__hop-Button___g0bsX[data-disabled] {
978
978
  --background-color: var(--hop-Button-background-color-disabled);
979
979
  --color: var(--hop-Button-color-disabled);
980
980
  --border: var(--hop-Button-border-disabled);
981
981
  }
982
- .Button-module__hop-Button___jIok0[class*=--ghost][data-disabled] {
982
+ .Button-module__hop-Button___g0bsX[class*=--ghost][data-disabled] {
983
983
  --background-color: var(--hop-Button-ghost-background-color-disabled);
984
984
  --color: var(--hop-Button-ghost-color-disabled);
985
985
  --border: var(--hop-Button-ghost-border-disabled);
986
986
  }
987
- .Button-module__hop-Button--primary___vgEZd[data-pending] {
987
+ .Button-module__hop-Button--primary___3Jpwh[data-pending] {
988
988
  --background-color: var(--hop-Button-primary-background-color);
989
989
  --color: var(--hop-Button-primary-color);
990
990
  --border: var(--hop-Button-primary-border);
991
991
  }
992
- .Button-module__hop-Button--secondary___4ojx0[data-pending] {
992
+ .Button-module__hop-Button--secondary___NU-Ve[data-pending] {
993
993
  --background-color: var(--hop-Button-secondary-background-color);
994
994
  --color: var(--hop-Button-secondary-color);
995
995
  --border: var(--hop-Button-secondary-border);
996
996
  }
997
- .Button-module__hop-Button--upsell___c51Bt[data-pending] {
997
+ .Button-module__hop-Button--upsell___Zjxjx[data-pending] {
998
998
  --background-color: var(--hop-Button-upsell-background-color);
999
999
  --color: var(--hop-Button-upsell-color);
1000
1000
  --border: var(--hop-Button-upsell-border);
1001
1001
  }
1002
- .Button-module__hop-Button--danger___UOWQg[data-pending] {
1002
+ .Button-module__hop-Button--danger___MoOv-[data-pending] {
1003
1003
  --background-color: var(--hop-Button-danger-background-color);
1004
1004
  --color: var(--hop-Button-danger-color);
1005
1005
  --border: var(--hop-Button-danger-border);
1006
1006
  }
1007
- .Button-module__hop-Button--ghost-primary___y4YEd[data-pending] {
1007
+ .Button-module__hop-Button--ghost-primary___WC15g[data-pending] {
1008
1008
  --background-color: var(--hop-Button-ghost-primary-background-color);
1009
1009
  --color: var(--hop-Button-ghost-primary-color);
1010
1010
  --border: var(--hop-Button-ghost-primary-border);
1011
1011
  --text-underline: none;
1012
1012
  }
1013
- .Button-module__hop-Button--ghost-secondary___uvrka[data-pending] {
1013
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-pending] {
1014
1014
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1015
1015
  --color: var(--hop-Button-ghost-secondary-color);
1016
1016
  --border: var(--hop-Button-ghost-secondary-border);
1017
1017
  --text-underline: none;
1018
1018
  }
1019
- .Button-module__hop-Button--ghost-danger___bjJPS[data-pending] {
1019
+ .Button-module__hop-Button--ghost-danger___kblVO[data-pending] {
1020
1020
  --background-color: var(--hop-Button-ghost-danger-background-color);
1021
1021
  --color: var(--hop-Button-ghost-danger-color);
1022
1022
  --border: var(--hop-Button-ghost-danger-border);
1023
1023
  --text-underline: none;
1024
1024
  }
1025
- .Button-module__hop-Button__Spinner___2tcd1 {
1025
+ .Button-module__hop-Button__Spinner___3NSsM {
1026
1026
  position: absolute;
1027
1027
  color: var(--spinner-color);
1028
1028
  }
1029
- .Button-module__hop-Button__icon___CFah2,
1030
- .Button-module__hop-Button__icon-list___0WU-F {
1029
+ .Button-module__hop-Button__icon___znSPX,
1030
+ .Button-module__hop-Button__icon-list___ufYMi {
1031
1031
  flex: 0 0 auto;
1032
1032
  justify-self: end;
1033
1033
  order: 1;
1034
1034
  }
1035
- .Button-module__hop-Button__text___CsFXb {
1035
+ .Button-module__hop-Button__text___ud1xn {
1036
1036
  user-select: none;
1037
1037
  overflow: visible;
1038
1038
  flex: 0 1 auto;
@@ -1042,60 +1042,60 @@
1042
1042
  text-underline-offset: 0.125rem;
1043
1043
  text-wrap: nowrap;
1044
1044
  }
1045
- .Button-module__hop-Button__end-icon___VQbbq,
1046
- .Button-module__hop-Button__end-icon-list___vL1sd {
1045
+ .Button-module__hop-Button__end-icon___05XHV,
1046
+ .Button-module__hop-Button__end-icon-list___t5TiC {
1047
1047
  flex: 0 0 auto;
1048
1048
  order: 3;
1049
1049
  }
1050
- .Button-module__hop-Button___jIok0 .Button-module__hop-Button__icon-list___0WU-F,
1051
- .Button-module__hop-Button___jIok0 .Button-module__hop-Button__end-icon-list___vL1sd {
1050
+ .Button-module__hop-Button___g0bsX .Button-module__hop-Button__icon-list___ufYMi,
1051
+ .Button-module__hop-Button___g0bsX .Button-module__hop-Button__end-icon-list___t5TiC {
1052
1052
  flex-wrap: nowrap;
1053
1053
  }
1054
- .Button-module__hop-Button___jIok0[data-pending] > *:not(.Button-module__hop-Button__Spinner___2tcd1) {
1054
+ .Button-module__hop-Button___g0bsX[data-pending] > *:not(.Button-module__hop-Button__Spinner___3NSsM) {
1055
1055
  opacity: 0;
1056
1056
  }
1057
1057
 
1058
1058
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1059
- .ButtonGroup-module__hop-ButtonGroup___aTym2 {
1059
+ .ButtonGroup-module__hop-ButtonGroup___qZZvz {
1060
1060
  display: inline-flex;
1061
1061
  flex-wrap: nowrap;
1062
1062
  gap: var(--hop-space-inline-md);
1063
1063
  }
1064
- .ButtonGroup-module__hop-ButtonGroup--horizontal___dO2j- {
1064
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
1065
1065
  align-items: center;
1066
1066
  }
1067
- .ButtonGroup-module__hop-ButtonGroup--vertical___Gws3W {
1067
+ .ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
1068
1068
  flex-direction: column;
1069
1069
  gap: var(--hop-space-stack-md);
1070
1070
  justify-content: center;
1071
1071
  }
1072
- .ButtonGroup-module__hop-ButtonGroup--start___3tHju.ButtonGroup-module__hop-ButtonGroup--vertical___Gws3W {
1072
+ .ButtonGroup-module__hop-ButtonGroup--start___4uIzc.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
1073
1073
  align-items: flex-start;
1074
1074
  }
1075
- .ButtonGroup-module__hop-ButtonGroup--center___a9NNh.ButtonGroup-module__hop-ButtonGroup--vertical___Gws3W {
1075
+ .ButtonGroup-module__hop-ButtonGroup--center___QMUIS.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
1076
1076
  align-items: center;
1077
1077
  }
1078
- .ButtonGroup-module__hop-ButtonGroup--end___aEy7V.ButtonGroup-module__hop-ButtonGroup--vertical___Gws3W {
1078
+ .ButtonGroup-module__hop-ButtonGroup--end___0X0T1.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
1079
1079
  align-items: flex-end;
1080
1080
  }
1081
- .ButtonGroup-module__hop-ButtonGroup--start___3tHju.ButtonGroup-module__hop-ButtonGroup--horizontal___dO2j- {
1081
+ .ButtonGroup-module__hop-ButtonGroup--start___4uIzc.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
1082
1082
  justify-content: flex-start;
1083
1083
  }
1084
- .ButtonGroup-module__hop-ButtonGroup--center___a9NNh.ButtonGroup-module__hop-ButtonGroup--horizontal___dO2j- {
1084
+ .ButtonGroup-module__hop-ButtonGroup--center___QMUIS.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
1085
1085
  justify-content: center;
1086
1086
  }
1087
- .ButtonGroup-module__hop-ButtonGroup--end___aEy7V.ButtonGroup-module__hop-ButtonGroup--horizontal___dO2j- {
1087
+ .ButtonGroup-module__hop-ButtonGroup--end___0X0T1.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
1088
1088
  justify-content: flex-end;
1089
1089
  }
1090
- .ButtonGroup-module__hop-ButtonGroup--wrap___aVU7A {
1090
+ .ButtonGroup-module__hop-ButtonGroup--wrap___oVOWS {
1091
1091
  flex-wrap: wrap;
1092
1092
  }
1093
- .ButtonGroup-module__hop-ButtonGroup--fluid___ZYKMg {
1093
+ .ButtonGroup-module__hop-ButtonGroup--fluid___c11bZ {
1094
1094
  inline-size: 100%;
1095
1095
  }
1096
1096
 
1097
1097
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1098
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU {
1099
1099
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1100
1100
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1101
1101
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1259,7 +1259,7 @@
1259
1259
  outline: none;
1260
1260
  transition: color var(--transition);
1261
1261
  }
1262
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC::before {
1262
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU::before {
1263
1263
  content: "";
1264
1264
  position: absolute;
1265
1265
  inset-block-start: 50%;
@@ -1272,284 +1272,284 @@
1272
1272
  border-radius: var(--effect-border-radius);
1273
1273
  transition: background-color var(--transition);
1274
1274
  }
1275
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC[data-square] {
1275
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-square] {
1276
1276
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1277
1277
  }
1278
- .EmbeddedButton-module__hop-EmbeddedButton--md___B8qYc {
1278
+ .EmbeddedButton-module__hop-EmbeddedButton--md___8D9OF {
1279
1279
  --inline-size: var(--hop-EmbeddedButton-md-width);
1280
1280
  --block-size: var(--hop-EmbeddedButton-md-height);
1281
1281
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1282
1282
  }
1283
- .EmbeddedButton-module__hop-EmbeddedButton--lg___VE62M {
1283
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Fonmy {
1284
1284
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1285
1285
  --block-size: var(--hop-EmbeddedButton-lg-height);
1286
1286
  --focus-ring-offset: 0;
1287
1287
  }
1288
- .EmbeddedButton-module__hop-EmbeddedButton--md___B8qYc::before {
1288
+ .EmbeddedButton-module__hop-EmbeddedButton--md___8D9OF::before {
1289
1289
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1290
1290
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1291
1291
  }
1292
- .EmbeddedButton-module__hop-EmbeddedButton--lg___VE62M::before {
1292
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Fonmy::before {
1293
1293
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1294
1294
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1295
1295
  }
1296
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___OyGIM {
1296
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF {
1297
1297
  --color: var(--hop-EmbeddedButton-neutral-color);
1298
1298
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1299
1299
  }
1300
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9iqIj {
1300
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06 {
1301
1301
  --color: var(--hop-EmbeddedButton-subdued-color);
1302
1302
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1303
1303
  }
1304
- .EmbeddedButton-module__hop-EmbeddedButton--progress___1tWa- {
1304
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy {
1305
1305
  --color: var(--hop-EmbeddedButton-progress-color);
1306
1306
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1307
1307
  }
1308
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LI7AU {
1308
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL {
1309
1309
  --color: var(--hop-EmbeddedButton-positive-color);
1310
1310
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1311
1311
  }
1312
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9DDqL {
1312
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4 {
1313
1313
  --color: var(--hop-EmbeddedButton-caution-color);
1314
1314
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1315
1315
  }
1316
- .EmbeddedButton-module__hop-EmbeddedButton--negative___CXj3X {
1316
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR {
1317
1317
  --color: var(--hop-EmbeddedButton-negative-color);
1318
1318
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1319
1319
  }
1320
- .EmbeddedButton-module__hop-EmbeddedButton--option1___-jCX9 {
1320
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw {
1321
1321
  --color: var(--hop-EmbeddedButton-option1-color);
1322
1322
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1323
1323
  }
1324
- .EmbeddedButton-module__hop-EmbeddedButton--option2___rHHlc {
1324
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e {
1325
1325
  --color: var(--hop-EmbeddedButton-option2-color);
1326
1326
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1327
1327
  }
1328
- .EmbeddedButton-module__hop-EmbeddedButton--option3___N-AKW {
1328
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4 {
1329
1329
  --color: var(--hop-EmbeddedButton-option3-color);
1330
1330
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1331
1331
  }
1332
- .EmbeddedButton-module__hop-EmbeddedButton--option4___DY7SM {
1332
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw {
1333
1333
  --color: var(--hop-EmbeddedButton-option4-color);
1334
1334
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1335
1335
  }
1336
- .EmbeddedButton-module__hop-EmbeddedButton--option5___H9Zig {
1336
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6 {
1337
1337
  --color: var(--hop-EmbeddedButton-option5-color);
1338
1338
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1339
1339
  }
1340
- .EmbeddedButton-module__hop-EmbeddedButton--option6___tMzz9 {
1340
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0 {
1341
1341
  --color: var(--hop-EmbeddedButton-option6-color);
1342
1342
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1343
1343
  }
1344
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC[data-selected] {
1344
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-selected] {
1345
1345
  --color: var(--hop-EmbeddedButton-selected-color);
1346
1346
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1347
1347
  }
1348
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC[data-focus-visible] {
1348
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-focus-visible] {
1349
1349
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1350
1350
  outline-offset: var(--focus-ring-offset);
1351
1351
  }
1352
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC[data-disabled] {
1352
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-disabled] {
1353
1353
  cursor: not-allowed;
1354
1354
  }
1355
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___OyGIM[data-hovered] {
1355
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-hovered] {
1356
1356
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1357
1357
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1358
1358
  }
1359
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___OyGIM[data-focus-visible] {
1359
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-focus-visible] {
1360
1360
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1361
1361
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1362
1362
  }
1363
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___OyGIM[data-pressed] {
1363
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-pressed] {
1364
1364
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1365
1365
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1366
1366
  }
1367
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___OyGIM[data-disabled] {
1367
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-disabled] {
1368
1368
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1369
1369
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1370
1370
  }
1371
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9iqIj[data-hovered] {
1371
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-hovered] {
1372
1372
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1373
1373
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1374
1374
  }
1375
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9iqIj[data-focus-visible] {
1375
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-focus-visible] {
1376
1376
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1377
1377
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1378
1378
  }
1379
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9iqIj[data-pressed] {
1379
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-pressed] {
1380
1380
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1381
1381
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1382
1382
  }
1383
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9iqIj[data-disabled] {
1383
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-disabled] {
1384
1384
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1385
1385
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1386
1386
  }
1387
- .EmbeddedButton-module__hop-EmbeddedButton--progress___1tWa-[data-hovered] {
1387
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-hovered] {
1388
1388
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1389
1389
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1390
1390
  }
1391
- .EmbeddedButton-module__hop-EmbeddedButton--progress___1tWa-[data-focus-visible] {
1391
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-focus-visible] {
1392
1392
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1393
1393
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1394
1394
  }
1395
- .EmbeddedButton-module__hop-EmbeddedButton--progress___1tWa-[data-pressed] {
1395
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-pressed] {
1396
1396
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1397
1397
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1398
1398
  }
1399
- .EmbeddedButton-module__hop-EmbeddedButton--progress___1tWa-[data-disabled] {
1399
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-disabled] {
1400
1400
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1401
1401
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1402
1402
  }
1403
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LI7AU[data-hovered] {
1403
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-hovered] {
1404
1404
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1405
1405
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1406
1406
  }
1407
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LI7AU[data-focus-visible] {
1407
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-focus-visible] {
1408
1408
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1409
1409
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1410
1410
  }
1411
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LI7AU[data-pressed] {
1411
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-pressed] {
1412
1412
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1413
1413
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1414
1414
  }
1415
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LI7AU[data-disabled] {
1415
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-disabled] {
1416
1416
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1417
1417
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1418
1418
  }
1419
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9DDqL[data-hovered] {
1419
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-hovered] {
1420
1420
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1421
1421
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1422
1422
  }
1423
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9DDqL[data-focus-visible] {
1423
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-focus-visible] {
1424
1424
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1425
1425
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1426
1426
  }
1427
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9DDqL[data-pressed] {
1427
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-pressed] {
1428
1428
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1429
1429
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1430
1430
  }
1431
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9DDqL[data-disabled] {
1431
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-disabled] {
1432
1432
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1433
1433
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1434
1434
  }
1435
- .EmbeddedButton-module__hop-EmbeddedButton--negative___CXj3X[data-hovered] {
1435
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-hovered] {
1436
1436
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1437
1437
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1438
1438
  }
1439
- .EmbeddedButton-module__hop-EmbeddedButton--negative___CXj3X[data-focus-visible] {
1439
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-focus-visible] {
1440
1440
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1441
1441
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1442
1442
  }
1443
- .EmbeddedButton-module__hop-EmbeddedButton--negative___CXj3X[data-pressed] {
1443
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-pressed] {
1444
1444
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1445
1445
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1446
1446
  }
1447
- .EmbeddedButton-module__hop-EmbeddedButton--negative___CXj3X[data-disabled] {
1447
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-disabled] {
1448
1448
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1449
1449
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1450
1450
  }
1451
- .EmbeddedButton-module__hop-EmbeddedButton--option1___-jCX9[data-hovered] {
1451
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-hovered] {
1452
1452
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1453
1453
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1454
1454
  }
1455
- .EmbeddedButton-module__hop-EmbeddedButton--option1___-jCX9[data-focus-visible] {
1455
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-focus-visible] {
1456
1456
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1457
1457
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1458
1458
  }
1459
- .EmbeddedButton-module__hop-EmbeddedButton--option1___-jCX9[data-pressed] {
1459
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-pressed] {
1460
1460
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1461
1461
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1462
1462
  }
1463
- .EmbeddedButton-module__hop-EmbeddedButton--option1___-jCX9[data-disabled] {
1463
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-disabled] {
1464
1464
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1465
1465
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1466
1466
  }
1467
- .EmbeddedButton-module__hop-EmbeddedButton--option2___rHHlc[data-hovered] {
1467
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-hovered] {
1468
1468
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1469
1469
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1470
1470
  }
1471
- .EmbeddedButton-module__hop-EmbeddedButton--option2___rHHlc[data-focus-visible] {
1471
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-focus-visible] {
1472
1472
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1473
1473
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1474
1474
  }
1475
- .EmbeddedButton-module__hop-EmbeddedButton--option2___rHHlc[data-pressed] {
1475
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-pressed] {
1476
1476
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1477
1477
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1478
1478
  }
1479
- .EmbeddedButton-module__hop-EmbeddedButton--option2___rHHlc[data-disabled] {
1479
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-disabled] {
1480
1480
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1481
1481
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1482
1482
  }
1483
- .EmbeddedButton-module__hop-EmbeddedButton--option3___N-AKW[data-hovered] {
1483
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-hovered] {
1484
1484
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1485
1485
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1486
1486
  }
1487
- .EmbeddedButton-module__hop-EmbeddedButton--option3___N-AKW[data-focus-visible] {
1487
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-focus-visible] {
1488
1488
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1489
1489
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1490
1490
  }
1491
- .EmbeddedButton-module__hop-EmbeddedButton--option3___N-AKW[data-pressed] {
1491
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-pressed] {
1492
1492
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1493
1493
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1494
1494
  }
1495
- .EmbeddedButton-module__hop-EmbeddedButton--option3___N-AKW[data-disabled] {
1495
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-disabled] {
1496
1496
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1497
1497
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1498
1498
  }
1499
- .EmbeddedButton-module__hop-EmbeddedButton--option4___DY7SM[data-hovered] {
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-hovered] {
1500
1500
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1501
1501
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1502
1502
  }
1503
- .EmbeddedButton-module__hop-EmbeddedButton--option4___DY7SM[data-focus-visible] {
1503
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-focus-visible] {
1504
1504
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1505
1505
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1506
1506
  }
1507
- .EmbeddedButton-module__hop-EmbeddedButton--option4___DY7SM[data-pressed] {
1507
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-pressed] {
1508
1508
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1509
1509
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1510
1510
  }
1511
- .EmbeddedButton-module__hop-EmbeddedButton--option4___DY7SM[data-disabled] {
1511
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-disabled] {
1512
1512
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1513
1513
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1514
1514
  }
1515
- .EmbeddedButton-module__hop-EmbeddedButton--option5___H9Zig[data-hovered] {
1515
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-hovered] {
1516
1516
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1517
1517
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1518
1518
  }
1519
- .EmbeddedButton-module__hop-EmbeddedButton--option5___H9Zig[data-focus-visible] {
1519
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-focus-visible] {
1520
1520
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1521
1521
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1522
1522
  }
1523
- .EmbeddedButton-module__hop-EmbeddedButton--option5___H9Zig[data-pressed] {
1523
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-pressed] {
1524
1524
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1525
1525
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1526
1526
  }
1527
- .EmbeddedButton-module__hop-EmbeddedButton--option5___H9Zig[data-disabled] {
1527
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-disabled] {
1528
1528
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1529
1529
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1530
1530
  }
1531
- .EmbeddedButton-module__hop-EmbeddedButton--option6___tMzz9[data-hovered] {
1531
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-hovered] {
1532
1532
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1533
1533
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1534
1534
  }
1535
- .EmbeddedButton-module__hop-EmbeddedButton--option6___tMzz9[data-focus-visible] {
1535
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-focus-visible] {
1536
1536
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1537
1537
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1538
1538
  }
1539
- .EmbeddedButton-module__hop-EmbeddedButton--option6___tMzz9[data-pressed] {
1539
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-pressed] {
1540
1540
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1541
1541
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1542
1542
  }
1543
- .EmbeddedButton-module__hop-EmbeddedButton--option6___tMzz9[data-disabled] {
1543
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-disabled] {
1544
1544
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1545
1545
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1546
1546
  }
1547
- .EmbeddedButton-module__hop-EmbeddedButton__icon___BIN28 {
1547
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___zDq1L {
1548
1548
  position: relative;
1549
1549
  }
1550
1550
 
1551
1551
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1552
- .Button-module__hop-Button___jIok0 {
1552
+ .Button-module__hop-Button___g0bsX {
1553
1553
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1554
1554
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1555
1555
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1673,215 +1673,215 @@
1673
1673
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1674
1674
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1675
1675
  }
1676
- .Button-module__hop-Button--fluid___3hPMs {
1676
+ .Button-module__hop-Button--fluid___U1pC7 {
1677
1677
  --inline-size: 100%;
1678
1678
  }
1679
- .Button-module__hop-Button--sm___H3RDg {
1679
+ .Button-module__hop-Button--sm___JkRfc {
1680
1680
  --block-size: var(--hop-Button-sm-height);
1681
1681
  --padding: var(--hop-Button-sm-padding);
1682
1682
  }
1683
- .Button-module__hop-Button--sm___H3RDg[class*=--ghost] {
1683
+ .Button-module__hop-Button--sm___JkRfc[class*=--ghost] {
1684
1684
  --padding: var(--hop-Button-ghost-sm-padding);
1685
1685
  }
1686
- .Button-module__hop-Button--md___kbzCK[class*=--ghost] {
1686
+ .Button-module__hop-Button--md___UW7nU[class*=--ghost] {
1687
1687
  --padding: var(--hop-Button-ghost-md-padding);
1688
1688
  }
1689
- .Button-module__hop-Button--icon-only___GoXzR {
1689
+ .Button-module__hop-Button--icon-only___9-rM- {
1690
1690
  --column-gap: var(--hop-Button-icon-only-column-gap);
1691
1691
  --padding: var(--hop-Button-icon-only-padding);
1692
1692
  aspect-ratio: 1;
1693
1693
  }
1694
- .Button-module__hop-Button--primary___vgEZd {
1694
+ .Button-module__hop-Button--primary___3Jpwh {
1695
1695
  --background-color: var(--hop-Button-primary-background-color);
1696
1696
  --color: var(--hop-Button-primary-color);
1697
1697
  --border: var(--hop-Button-primary-border);
1698
1698
  --spinner-color: var(--hop-Button-primary-spinner-color);
1699
1699
  }
1700
- .Button-module__hop-Button--primary___vgEZd[data-hovered],
1701
- .Button-module__hop-Button--primary___vgEZd[data-focus-visible] {
1700
+ .Button-module__hop-Button--primary___3Jpwh[data-hovered],
1701
+ .Button-module__hop-Button--primary___3Jpwh[data-focus-visible] {
1702
1702
  --background-color: var(--hop-Button-primary-background-color-hover);
1703
1703
  --color: var(--hop-Button-primary-color-hover);
1704
1704
  --border: var(--hop-Button-primary-border-hover);
1705
1705
  }
1706
- .Button-module__hop-Button--primary___vgEZd[data-pressed] {
1706
+ .Button-module__hop-Button--primary___3Jpwh[data-pressed] {
1707
1707
  --background-color: var(--hop-Button-primary-background-color-pressed);
1708
1708
  --color: var(--hop-Button-primary-color-pressed);
1709
1709
  --border: var(--hop-Button-primary-border-pressed);
1710
1710
  }
1711
- .Button-module__hop-Button--secondary___4ojx0 {
1711
+ .Button-module__hop-Button--secondary___NU-Ve {
1712
1712
  --background-color: var(--hop-Button-secondary-background-color);
1713
1713
  --color: var(--hop-Button-secondary-color);
1714
1714
  --border: var(--hop-Button-secondary-border);
1715
1715
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1716
1716
  }
1717
- .Button-module__hop-Button--secondary___4ojx0[data-hovered],
1718
- .Button-module__hop-Button--secondary___4ojx0[data-focus-visible] {
1717
+ .Button-module__hop-Button--secondary___NU-Ve[data-hovered],
1718
+ .Button-module__hop-Button--secondary___NU-Ve[data-focus-visible] {
1719
1719
  --background-color: var(--hop-Button-secondary-background-color-hover);
1720
1720
  --color: var(--hop-Button-secondary-color-hover);
1721
1721
  --border: var(--hop-Button-secondary-border-hover);
1722
1722
  }
1723
- .Button-module__hop-Button--secondary___4ojx0[data-pressed] {
1723
+ .Button-module__hop-Button--secondary___NU-Ve[data-pressed] {
1724
1724
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1725
1725
  --color: var(--hop-Button-secondary-color-pressed);
1726
1726
  --border: var(--hop-Button-secondary-border-pressed);
1727
1727
  }
1728
- .Button-module__hop-Button--upsell___c51Bt {
1728
+ .Button-module__hop-Button--upsell___Zjxjx {
1729
1729
  --background-color: var(--hop-Button-upsell-background-color);
1730
1730
  --color: var(--hop-Button-upsell-color);
1731
1731
  --border: var(--hop-Button-upsell-border);
1732
1732
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1733
1733
  }
1734
- .Button-module__hop-Button--upsell___c51Bt[data-hovered],
1735
- .Button-module__hop-Button--upsell___c51Bt[data-focus-visible] {
1734
+ .Button-module__hop-Button--upsell___Zjxjx[data-hovered],
1735
+ .Button-module__hop-Button--upsell___Zjxjx[data-focus-visible] {
1736
1736
  --background-color: var(--hop-Button-upsell-background-color-hover);
1737
1737
  --color: var(--hop-Button-upsell-color-hover);
1738
1738
  --border: var(--hop-Button-upsell-border-hover);
1739
1739
  }
1740
- .Button-module__hop-Button--upsell___c51Bt[data-pressed] {
1740
+ .Button-module__hop-Button--upsell___Zjxjx[data-pressed] {
1741
1741
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1742
1742
  --color: var(--hop-Button-upsell-color-pressed);
1743
1743
  --border: var(--hop-Button-upsell-border-pressed);
1744
1744
  }
1745
- .Button-module__hop-Button--danger___UOWQg {
1745
+ .Button-module__hop-Button--danger___MoOv- {
1746
1746
  --background-color: var(--hop-Button-danger-background-color);
1747
1747
  --color: var(--hop-Button-danger-color);
1748
1748
  --border: var(--hop-Button-danger-border);
1749
1749
  --spinner-color: var(--hop-Button-danger-spinner-color);
1750
1750
  }
1751
- .Button-module__hop-Button--danger___UOWQg[data-hovered],
1752
- .Button-module__hop-Button--danger___UOWQg[data-focus-visible] {
1751
+ .Button-module__hop-Button--danger___MoOv-[data-hovered],
1752
+ .Button-module__hop-Button--danger___MoOv-[data-focus-visible] {
1753
1753
  --background-color: var(--hop-Button-danger-background-color-hover);
1754
1754
  --color: var(--hop-Button-danger-color-hover);
1755
1755
  --border: var(--hop-Button-danger-border-hover);
1756
1756
  }
1757
- .Button-module__hop-Button--danger___UOWQg[data-pressed] {
1757
+ .Button-module__hop-Button--danger___MoOv-[data-pressed] {
1758
1758
  --background-color: var(--hop-Button-danger-background-color-pressed);
1759
1759
  --color: var(--hop-Button-danger-color-pressed);
1760
1760
  --border: var(--hop-Button-danger-border-pressed);
1761
1761
  }
1762
- .Button-module__hop-Button--ghost-primary___y4YEd {
1762
+ .Button-module__hop-Button--ghost-primary___WC15g {
1763
1763
  --background-color: var(--hop-Button-ghost-primary-background-color);
1764
1764
  --color: var(--hop-Button-ghost-primary-color);
1765
1765
  --border: var(--hop-Button-ghost-primary-border);
1766
1766
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1767
1767
  }
1768
- .Button-module__hop-Button--ghost-primary___y4YEd[data-hovered],
1769
- .Button-module__hop-Button--ghost-primary___y4YEd[data-focus-visible] {
1768
+ .Button-module__hop-Button--ghost-primary___WC15g[data-hovered],
1769
+ .Button-module__hop-Button--ghost-primary___WC15g[data-focus-visible] {
1770
1770
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1771
1771
  --color: var(--hop-Button-ghost-primary-color-hover);
1772
1772
  --border: var(--hop-Button-ghost-primary-border-hover);
1773
1773
  --text-underline: underline;
1774
1774
  }
1775
- .Button-module__hop-Button--ghost-primary___y4YEd[data-pressed] {
1775
+ .Button-module__hop-Button--ghost-primary___WC15g[data-pressed] {
1776
1776
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1777
1777
  --color: var(--hop-Button-ghost-primary-color-pressed);
1778
1778
  --border: var(--hop-Button-ghost-primary-border-pressed);
1779
1779
  --text-underline: underline;
1780
1780
  }
1781
- .Button-module__hop-Button--ghost-secondary___uvrka {
1781
+ .Button-module__hop-Button--ghost-secondary___kxQsj {
1782
1782
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1783
1783
  --color: var(--hop-Button-ghost-secondary-color);
1784
1784
  --border: var(--hop-Button-ghost-secondary-border);
1785
1785
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1786
1786
  }
1787
- .Button-module__hop-Button--ghost-secondary___uvrka[data-hovered],
1788
- .Button-module__hop-Button--ghost-secondary___uvrka[data-focus-visible] {
1787
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-hovered],
1788
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-focus-visible] {
1789
1789
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1790
1790
  --color: var(--hop-Button-ghost-secondary-color-hover);
1791
1791
  --border: var(--hop-Button-ghost-secondary-border-hover);
1792
1792
  --text-underline: underline;
1793
1793
  }
1794
- .Button-module__hop-Button--ghost-secondary___uvrka[data-pressed] {
1794
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-pressed] {
1795
1795
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1796
1796
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1797
1797
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1798
1798
  --text-underline: underline;
1799
1799
  }
1800
- .Button-module__hop-Button--ghost-danger___bjJPS {
1800
+ .Button-module__hop-Button--ghost-danger___kblVO {
1801
1801
  --background-color: var(--hop-Button-ghost-danger-background-color);
1802
1802
  --color: var(--hop-Button-ghost-danger-color);
1803
1803
  --border: var(--hop-Button-ghost-danger-border);
1804
1804
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1805
1805
  }
1806
- .Button-module__hop-Button--ghost-danger___bjJPS[data-hovered],
1807
- .Button-module__hop-Button--ghost-danger___bjJPS[data-focus-visible] {
1806
+ .Button-module__hop-Button--ghost-danger___kblVO[data-hovered],
1807
+ .Button-module__hop-Button--ghost-danger___kblVO[data-focus-visible] {
1808
1808
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1809
1809
  --color: var(--hop-Button-ghost-danger-color-hover);
1810
1810
  --border: var(--hop-Button-ghost-danger-border-hover);
1811
1811
  --text-underline: underline;
1812
1812
  }
1813
- .Button-module__hop-Button--ghost-danger___bjJPS[data-pressed] {
1813
+ .Button-module__hop-Button--ghost-danger___kblVO[data-pressed] {
1814
1814
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1815
1815
  --color: var(--hop-Button-ghost-danger-color-pressed);
1816
1816
  --border: var(--hop-Button-ghost-danger-border-pressed);
1817
1817
  --text-underline: underline;
1818
1818
  }
1819
- .Button-module__hop-Button___jIok0[data-focus-visible] {
1819
+ .Button-module__hop-Button___g0bsX[data-focus-visible] {
1820
1820
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1821
1821
  }
1822
- .Button-module__hop-Button___jIok0[data-disabled],
1823
- .Button-module__hop-Button___jIok0[data-pending] {
1822
+ .Button-module__hop-Button___g0bsX[data-disabled],
1823
+ .Button-module__hop-Button___g0bsX[data-pending] {
1824
1824
  cursor: not-allowed;
1825
1825
  }
1826
- .Button-module__hop-Button___jIok0[data-disabled] {
1826
+ .Button-module__hop-Button___g0bsX[data-disabled] {
1827
1827
  --background-color: var(--hop-Button-background-color-disabled);
1828
1828
  --color: var(--hop-Button-color-disabled);
1829
1829
  --border: var(--hop-Button-border-disabled);
1830
1830
  }
1831
- .Button-module__hop-Button___jIok0[class*=--ghost][data-disabled] {
1831
+ .Button-module__hop-Button___g0bsX[class*=--ghost][data-disabled] {
1832
1832
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1833
1833
  --color: var(--hop-Button-ghost-color-disabled);
1834
1834
  --border: var(--hop-Button-ghost-border-disabled);
1835
1835
  }
1836
- .Button-module__hop-Button--primary___vgEZd[data-pending] {
1836
+ .Button-module__hop-Button--primary___3Jpwh[data-pending] {
1837
1837
  --background-color: var(--hop-Button-primary-background-color);
1838
1838
  --color: var(--hop-Button-primary-color);
1839
1839
  --border: var(--hop-Button-primary-border);
1840
1840
  }
1841
- .Button-module__hop-Button--secondary___4ojx0[data-pending] {
1841
+ .Button-module__hop-Button--secondary___NU-Ve[data-pending] {
1842
1842
  --background-color: var(--hop-Button-secondary-background-color);
1843
1843
  --color: var(--hop-Button-secondary-color);
1844
1844
  --border: var(--hop-Button-secondary-border);
1845
1845
  }
1846
- .Button-module__hop-Button--upsell___c51Bt[data-pending] {
1846
+ .Button-module__hop-Button--upsell___Zjxjx[data-pending] {
1847
1847
  --background-color: var(--hop-Button-upsell-background-color);
1848
1848
  --color: var(--hop-Button-upsell-color);
1849
1849
  --border: var(--hop-Button-upsell-border);
1850
1850
  }
1851
- .Button-module__hop-Button--danger___UOWQg[data-pending] {
1851
+ .Button-module__hop-Button--danger___MoOv-[data-pending] {
1852
1852
  --background-color: var(--hop-Button-danger-background-color);
1853
1853
  --color: var(--hop-Button-danger-color);
1854
1854
  --border: var(--hop-Button-danger-border);
1855
1855
  }
1856
- .Button-module__hop-Button--ghost-primary___y4YEd[data-pending] {
1856
+ .Button-module__hop-Button--ghost-primary___WC15g[data-pending] {
1857
1857
  --background-color: var(--hop-Button-ghost-primary-background-color);
1858
1858
  --color: var(--hop-Button-ghost-primary-color);
1859
1859
  --border: var(--hop-Button-ghost-primary-border);
1860
1860
  --text-underline: none;
1861
1861
  }
1862
- .Button-module__hop-Button--ghost-secondary___uvrka[data-pending] {
1862
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-pending] {
1863
1863
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1864
1864
  --color: var(--hop-Button-ghost-secondary-color);
1865
1865
  --border: var(--hop-Button-ghost-secondary-border);
1866
1866
  --text-underline: none;
1867
1867
  }
1868
- .Button-module__hop-Button--ghost-danger___bjJPS[data-pending] {
1868
+ .Button-module__hop-Button--ghost-danger___kblVO[data-pending] {
1869
1869
  --background-color: var(--hop-Button-ghost-danger-background-color);
1870
1870
  --color: var(--hop-Button-ghost-danger-color);
1871
1871
  --border: var(--hop-Button-ghost-danger-border);
1872
1872
  --text-underline: none;
1873
1873
  }
1874
- .Button-module__hop-Button__Spinner___2tcd1 {
1874
+ .Button-module__hop-Button__Spinner___3NSsM {
1875
1875
  position: absolute;
1876
1876
  color: var(--spinner-color);
1877
1877
  }
1878
- .Button-module__hop-Button__icon___CFah2,
1879
- .Button-module__hop-Button__icon-list___0WU-F {
1878
+ .Button-module__hop-Button__icon___znSPX,
1879
+ .Button-module__hop-Button__icon-list___ufYMi {
1880
1880
  flex: 0 0 auto;
1881
1881
  justify-self: end;
1882
1882
  order: 1;
1883
1883
  }
1884
- .Button-module__hop-Button__text___CsFXb {
1884
+ .Button-module__hop-Button__text___ud1xn {
1885
1885
  user-select: none;
1886
1886
  overflow: visible;
1887
1887
  flex: 0 1 auto;
@@ -1891,57 +1891,78 @@
1891
1891
  text-underline-offset: 0.125rem;
1892
1892
  text-wrap: nowrap;
1893
1893
  }
1894
- .Button-module__hop-Button__end-icon___VQbbq,
1895
- .Button-module__hop-Button__end-icon-list___vL1sd {
1894
+ .Button-module__hop-Button__end-icon___05XHV,
1895
+ .Button-module__hop-Button__end-icon-list___t5TiC {
1896
1896
  flex: 0 0 auto;
1897
1897
  order: 3;
1898
1898
  }
1899
- .Button-module__hop-Button___jIok0 .Button-module__hop-Button__icon-list___0WU-F,
1900
- .Button-module__hop-Button___jIok0 .Button-module__hop-Button__end-icon-list___vL1sd {
1899
+ .Button-module__hop-Button___g0bsX .Button-module__hop-Button__icon-list___ufYMi,
1900
+ .Button-module__hop-Button___g0bsX .Button-module__hop-Button__end-icon-list___t5TiC {
1901
1901
  flex-wrap: nowrap;
1902
1902
  }
1903
- .Button-module__hop-Button___jIok0[data-pending] > *:not(.Button-module__hop-Button__Spinner___2tcd1) {
1903
+ .Button-module__hop-Button___g0bsX[data-pending] > *:not(.Button-module__hop-Button__Spinner___3NSsM) {
1904
1904
  opacity: 0;
1905
1905
  }
1906
- .LinkButton-module__hop-LinkButton___Nj0Ez {
1906
+ .LinkButton-module__hop-LinkButton___SY9j8 {
1907
1907
  }
1908
- .LinkButton-module__hop-LinkButton--fluid___uwufw {
1908
+ .LinkButton-module__hop-LinkButton--fluid___lGULN {
1909
1909
  }
1910
- .LinkButton-module__hop-LinkButton--sm___huQBY {
1910
+ .LinkButton-module__hop-LinkButton--sm___Xlnqe {
1911
1911
  }
1912
- .LinkButton-module__hop-LinkButton--icon-only___zzlkw {
1912
+ .LinkButton-module__hop-LinkButton--icon-only___EWWG2 {
1913
1913
  }
1914
- .LinkButton-module__hop-LinkButton--primary___nMur6 {
1914
+ .LinkButton-module__hop-LinkButton--primary___WU7Bb {
1915
1915
  }
1916
- .LinkButton-module__hop-LinkButton--secondary___kDEB2 {
1916
+ .LinkButton-module__hop-LinkButton--secondary___LmSA3 {
1917
1917
  }
1918
- .LinkButton-module__hop-LinkButton--upsell___xtwhv {
1918
+ .LinkButton-module__hop-LinkButton--upsell___JLqUt {
1919
1919
  }
1920
- .LinkButton-module__hop-LinkButton--danger___69kyk {
1920
+ .LinkButton-module__hop-LinkButton--danger___WNOwr {
1921
1921
  }
1922
- .LinkButton-module__hop-LinkButton--ghost-primary___g4fE3 {
1922
+ .LinkButton-module__hop-LinkButton--ghost-primary___QBdt5 {
1923
1923
  }
1924
- .LinkButton-module__hop-LinkButton--ghost-secondary___8LJFE {
1924
+ .LinkButton-module__hop-LinkButton--ghost-secondary___wyw-O {
1925
1925
  }
1926
- .LinkButton-module__hop-LinkButton--ghost-danger___Y6Rmg {
1926
+ .LinkButton-module__hop-LinkButton--ghost-danger___w5RZy {
1927
1927
  }
1928
- .LinkButton-module__hop-LinkButton__Spinner___e2B0h {
1928
+ .LinkButton-module__hop-LinkButton__Spinner___F-sPd {
1929
1929
  }
1930
- .LinkButton-module__hop-LinkButton__icon___wtxIK,
1931
- .LinkButton-module__hop-LinkButton__icon-list___mZ05E {
1930
+ .LinkButton-module__hop-LinkButton__icon___59s41,
1931
+ .LinkButton-module__hop-LinkButton__icon-list___WDg68 {
1932
1932
  }
1933
- .LinkButton-module__hop-LinkButton__text___6LytT {
1933
+ .LinkButton-module__hop-LinkButton__text___pvp40 {
1934
1934
  }
1935
- .LinkButton-module__hop-LinkButton__end-icon___Km2yV,
1936
- .LinkButton-module__hop-LinkButton__end-icon-list___Vpapw {
1935
+ .LinkButton-module__hop-LinkButton__end-icon___mJ7Ap,
1936
+ .LinkButton-module__hop-LinkButton__end-icon-list___wnphx {
1937
1937
  }
1938
- .LinkButton-module__hop-LinkButton___Nj0Ez .LinkButton-module__hop-LinkButton__icon-list___mZ05E,
1939
- .LinkButton-module__hop-LinkButton___Nj0Ez .LinkButton-module__hop-LinkButton__end-icon-list___Vpapw {
1938
+ .LinkButton-module__hop-LinkButton___SY9j8 .LinkButton-module__hop-LinkButton__icon-list___WDg68,
1939
+ .LinkButton-module__hop-LinkButton___SY9j8 .LinkButton-module__hop-LinkButton__end-icon-list___wnphx {
1940
1940
  flex-wrap: nowrap;
1941
1941
  }
1942
1942
 
1943
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Card/src/Card.module.css/#css-module-data */
1944
+ .Card-module__hop-Card___95mWR {
1945
+ --hop-Card-border-radius: var(--hop-shape-rounded-md);
1946
+ --hop-Card-border-size: 0.0625rem;
1947
+ --hop-Card-main-border: var(--hop-Card-border-size) solid var(--hop-neutral-border-weak);
1948
+ --hop-Card-main-background-color: var(--hop-neutral-surface);
1949
+ --hop-Card-second-level-border: var(--hop-Card-border-size) solid var(--hop-neutral-surface-weakest);
1950
+ --hop-Card-second-level-background-color: var(--hop-neutral-surface-weakest);
1951
+ background-color: var(--background-color);
1952
+ border: var(--border);
1953
+ border-radius: var(--hop-Card-border-radius);
1954
+ }
1955
+ .Card-module__hop-Card--main___smNQ8 {
1956
+ --background-color: var(--hop-Card-main-background-color);
1957
+ --border: var(--hop-Card-main-border);
1958
+ }
1959
+ .Card-module__hop-Card--second-level___VQ5lc {
1960
+ --background-color: var(--hop-Card-second-level-background-color);
1961
+ --border: var(--hop-Card-second-level-border);
1962
+ }
1963
+
1943
1964
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1944
- .Checkbox-module__hop-Checkbox___-Y6m5 {
1965
+ .Checkbox-module__hop-Checkbox___Z-y0e {
1945
1966
  --hop-Checkbox-box-border-size: 0.0625rem;
1946
1967
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1947
1968
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2016,60 +2037,60 @@
2016
2037
  inline-size: max-content;
2017
2038
  max-inline-size: 100%;
2018
2039
  }
2019
- .Checkbox-module__hop-Checkbox___-Y6m5[data-focus-visible] {
2040
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-focus-visible] {
2020
2041
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2021
2042
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2022
2043
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2023
2044
  --text-color: var(--hop-Checkbox-text-color-focused);
2024
2045
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2025
2046
  }
2026
- .Checkbox-module__hop-Checkbox___-Y6m5[data-hovered] {
2047
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-hovered] {
2027
2048
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2028
2049
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2029
2050
  --text-color: var(--hop-Checkbox-text-color-hovered);
2030
2051
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2031
2052
  }
2032
- .Checkbox-module__hop-Checkbox___-Y6m5[data-pressed] {
2053
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-pressed] {
2033
2054
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2034
2055
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2035
2056
  --text-color: var(--hop-Checkbox-text-color-pressed);
2036
2057
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2037
2058
  }
2038
- .Checkbox-module__hop-Checkbox___-Y6m5[data-selected] {
2059
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-selected] {
2039
2060
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2040
2061
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2041
2062
  --check-display: var(--hop-Checkbox-check-display-selected);
2042
2063
  --text-color: var(--hop-Checkbox-text-color-selected);
2043
2064
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2044
2065
  }
2045
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid] {
2066
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid] {
2046
2067
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2047
2068
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2048
2069
  --check-color: var(--hop-Checkbox-check-color-invalid);
2049
2070
  --text-color: var(--hop-Checkbox-text-color-invalid);
2050
2071
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2051
2072
  }
2052
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-focus-visible]) {
2073
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-focus-visible]) {
2053
2074
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2054
2075
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2055
2076
  }
2056
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-hovered]) {
2077
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-hovered]) {
2057
2078
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2058
2079
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2059
2080
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2060
2081
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2061
2082
  }
2062
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-pressed]) {
2083
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-pressed]) {
2063
2084
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2064
2085
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2065
2086
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2066
2087
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2067
2088
  }
2068
- .Checkbox-module__hop-Checkbox___-Y6m5:where([data-invalid])[data-selected] {
2089
+ .Checkbox-module__hop-Checkbox___Z-y0e:where([data-invalid])[data-selected] {
2069
2090
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2070
2091
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2071
2092
  }
2072
- .Checkbox-module__hop-Checkbox___-Y6m5[data-disabled] {
2093
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-disabled] {
2073
2094
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2074
2095
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2075
2096
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2077,25 +2098,25 @@
2077
2098
  --text-color: var(--hop-Checkbox-text-color-disabled);
2078
2099
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2079
2100
  }
2080
- .Checkbox-module__hop-Checkbox--sm___9kcfx {
2101
+ .Checkbox-module__hop-Checkbox--sm___5J3HW {
2081
2102
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2082
2103
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2083
2104
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2084
2105
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2085
2106
  }
2086
- .Checkbox-module__hop-Checkbox--md___QzMw3 {
2107
+ .Checkbox-module__hop-Checkbox--md___PZTMw {
2087
2108
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2088
2109
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2089
2110
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2090
2111
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2091
2112
  }
2092
- .Checkbox-module__hop-Checkbox__icon___498i7,
2093
- .Checkbox-module__hop-Checkbox__icon-list___qP37I {
2113
+ .Checkbox-module__hop-Checkbox__icon___MY2sJ,
2114
+ .Checkbox-module__hop-Checkbox__icon-list___jHQMo {
2094
2115
  flex: 0 0 auto;
2095
2116
  order: 3;
2096
2117
  color: var(--icon-color);
2097
2118
  }
2098
- .Checkbox-module__hop-Checkbox__box___iFoib {
2119
+ .Checkbox-module__hop-Checkbox__box___nMgAo {
2099
2120
  display: flex;
2100
2121
  flex: 0 0 auto;
2101
2122
  align-items: center;
@@ -2111,11 +2132,11 @@
2111
2132
  outline-offset: 0.125rem;
2112
2133
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2113
2134
  }
2114
- .Checkbox-module__hop-Checkbox__check___L8jQ9 {
2135
+ .Checkbox-module__hop-Checkbox__check___4g1qS {
2115
2136
  display: var(--check-display);
2116
2137
  color: var(--check-color);
2117
2138
  }
2118
- .Checkbox-module__hop-Checkbox__text___DowJZ {
2139
+ .Checkbox-module__hop-Checkbox__text___QBE-c {
2119
2140
  flex: 0 1 auto;
2120
2141
  order: 2;
2121
2142
  min-inline-size: 0;
@@ -2125,7 +2146,7 @@
2125
2146
  }
2126
2147
 
2127
2148
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2128
- .CheckboxField-module__hop-CheckboxField___VFYrh {
2149
+ .CheckboxField-module__hop-CheckboxField___wCqNN {
2129
2150
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2130
2151
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2131
2152
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2144,28 +2165,28 @@
2144
2165
  inline-size: max-content;
2145
2166
  max-inline-size: 100%;
2146
2167
  }
2147
- .CheckboxField-module__hop-CheckboxField___VFYrh[data-disabled] {
2168
+ .CheckboxField-module__hop-CheckboxField___wCqNN[data-disabled] {
2148
2169
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2149
2170
  }
2150
- .CheckboxField-module__hop-CheckboxField--sm___dp5bX {
2171
+ .CheckboxField-module__hop-CheckboxField--sm___qR6mK {
2151
2172
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2152
2173
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2153
2174
  }
2154
- .CheckboxField-module__hop-CheckboxField--md___w-vEy {
2175
+ .CheckboxField-module__hop-CheckboxField--md___dl-jS {
2155
2176
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2156
2177
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2157
2178
  }
2158
- .CheckboxField-module__hop-CheckboxField__description___IOsEc {
2179
+ .CheckboxField-module__hop-CheckboxField__description___0zRU3 {
2159
2180
  order: 2;
2160
2181
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2161
2182
  color: var(--description-color);
2162
2183
  }
2163
- .CheckboxField-module__hop-CheckboxField__checkbox___DksZX {
2184
+ .CheckboxField-module__hop-CheckboxField__checkbox___5-89Z {
2164
2185
  order: 1;
2165
2186
  }
2166
2187
 
2167
2188
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
2168
- .ErrorMessage-module__hop-ErrorMessage___yGhH4 {
2189
+ .ErrorMessage-module__hop-ErrorMessage___-OJ96 {
2169
2190
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2170
2191
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2171
2192
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2182,13 +2203,13 @@
2182
2203
  line-height: var(--hop-ErrorMessage-line-height);
2183
2204
  color: var(--hop-ErrorMessage-color);
2184
2205
  }
2185
- .ErrorMessage-module__hop-ErrorMessage__icon___RJ7Kv {
2206
+ .ErrorMessage-module__hop-ErrorMessage__icon___G-fBg {
2186
2207
  flex: 0 0 auto;
2187
2208
  align-self: flex-start;
2188
2209
  }
2189
2210
 
2190
2211
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
2191
- .HelperMessage-module__hop-HelperMessage___1F5k2 {
2212
+ .HelperMessage-module__hop-HelperMessage___wwxDN {
2192
2213
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2193
2214
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2194
2215
  display: flex;
@@ -2197,13 +2218,13 @@
2197
2218
  box-sizing: border-box;
2198
2219
  color: var(--hop-HelperMessage-color);
2199
2220
  }
2200
- .HelperMessage-module__hop-HelperMessage__icon___uRarL {
2221
+ .HelperMessage-module__hop-HelperMessage__icon___8k1Gi {
2201
2222
  flex: 0 0 auto;
2202
2223
  align-self: flex-start;
2203
2224
  }
2204
2225
 
2205
2226
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2206
- .CheckboxGroup-module__hop-CheckboxGroup___X-6sg {
2227
+ .CheckboxGroup-module__hop-CheckboxGroup___FaIHF {
2207
2228
  --hop-CheckboxGroup-align-items: flex-start;
2208
2229
  --hop-CheckboxGroup-justify-content: flex-start;
2209
2230
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2242,46 +2263,46 @@
2242
2263
  inline-size: max-content;
2243
2264
  max-inline-size: 100%;
2244
2265
  }
2245
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9 {
2266
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I {
2246
2267
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2247
2268
  --list-border-radius: var(--hop-shape-rounded-md);
2248
2269
  }
2249
- .CheckboxGroup-module__hop-CheckboxGroup--sm___BstbL {
2270
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___-HD0f {
2250
2271
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2251
2272
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2252
2273
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2253
2274
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2254
2275
  }
2255
- .CheckboxGroup-module__hop-CheckboxGroup--md___2zXzO {
2276
+ .CheckboxGroup-module__hop-CheckboxGroup--md___Nbgou {
2256
2277
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2257
2278
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2258
2279
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2259
2280
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2260
2281
  }
2261
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9.CheckboxGroup-module__hop-CheckboxGroup--sm___BstbL {
2282
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I.CheckboxGroup-module__hop-CheckboxGroup--sm___-HD0f {
2262
2283
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2263
2284
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2264
2285
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2265
2286
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2266
2287
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2267
2288
  }
2268
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9.CheckboxGroup-module__hop-CheckboxGroup--md___2zXzO {
2289
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I.CheckboxGroup-module__hop-CheckboxGroup--md___Nbgou {
2269
2290
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2270
2291
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2271
2292
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2272
2293
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2273
2294
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2274
2295
  }
2275
- .CheckboxGroup-module__hop-CheckboxGroup___X-6sg[data-orientation=horizontal] {
2296
+ .CheckboxGroup-module__hop-CheckboxGroup___FaIHF[data-orientation=horizontal] {
2276
2297
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2277
2298
  }
2278
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9[data-orientation=horizontal] {
2299
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=horizontal] {
2279
2300
  --flex-wrap: nowrap;
2280
2301
  }
2281
- .CheckboxGroup-module__hop-CheckboxGroup___X-6sg > .CheckboxGroup-module__hop-CheckboxGroup__label___8Jqaj {
2302
+ .CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__label___yZIMj {
2282
2303
  order: 1;
2283
2304
  }
2284
- .CheckboxGroup-module__hop-CheckboxGroup__list___SjyMO {
2305
+ .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX {
2285
2306
  display: flex;
2286
2307
  flex-flow: var(--flex-direction) var(--flex-wrap);
2287
2308
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2292,7 +2313,7 @@
2292
2313
  border: var(--list-border, none);
2293
2314
  border-radius: var(--list-border-radius, 0);
2294
2315
  }
2295
- .CheckboxGroup-module__hop-CheckboxGroup__list___SjyMO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv {
2316
+ .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR {
2296
2317
  position: relative;
2297
2318
  flex: 0 1 auto;
2298
2319
  align-content: start;
@@ -2300,28 +2321,28 @@
2300
2321
  min-inline-size: 0;
2301
2322
  padding: var(--checkbox-padding, 0);
2302
2323
  }
2303
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9 .CheckboxGroup-module__hop-CheckboxGroup__list___SjyMO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv::before {
2324
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
2304
2325
  content: "";
2305
2326
  position: absolute;
2306
2327
  display: block;
2307
2328
  }
2308
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___SjyMO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv::before {
2329
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
2309
2330
  inset-block-start: 0;
2310
2331
  inset-inline: 0;
2311
2332
  border-block-start: var(--list-border, none);
2312
2333
  }
2313
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___SjyMO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv::before {
2334
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
2314
2335
  inset-block: 0;
2315
2336
  inset-inline-start: 0;
2316
2337
  border-inline-start: var(--list-border, none);
2317
2338
  }
2318
- .CheckboxGroup-module__hop-CheckboxGroup___X-6sg > .CheckboxGroup-module__hop-CheckboxGroup__error-message___Va7KG,
2319
- .CheckboxGroup-module__hop-CheckboxGroup___X-6sg > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___Wc45V {
2339
+ .CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__error-message___Tqkko,
2340
+ .CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___KD8O8 {
2320
2341
  order: 3;
2321
2342
  }
2322
2343
 
2323
2344
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2324
- .Checkbox-module__hop-Checkbox___-Y6m5 {
2345
+ .Checkbox-module__hop-Checkbox___Z-y0e {
2325
2346
  --hop-Checkbox-box-border-size: 0.0625rem;
2326
2347
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2327
2348
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2396,60 +2417,60 @@
2396
2417
  inline-size: max-content;
2397
2418
  max-inline-size: 100%;
2398
2419
  }
2399
- .Checkbox-module__hop-Checkbox___-Y6m5[data-focus-visible] {
2420
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-focus-visible] {
2400
2421
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2401
2422
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2402
2423
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2403
2424
  --text-color: var(--hop-Checkbox-text-color-focused);
2404
2425
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2405
2426
  }
2406
- .Checkbox-module__hop-Checkbox___-Y6m5[data-hovered] {
2427
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-hovered] {
2407
2428
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2408
2429
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2409
2430
  --text-color: var(--hop-Checkbox-text-color-hovered);
2410
2431
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2411
2432
  }
2412
- .Checkbox-module__hop-Checkbox___-Y6m5[data-pressed] {
2433
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-pressed] {
2413
2434
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2414
2435
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2415
2436
  --text-color: var(--hop-Checkbox-text-color-pressed);
2416
2437
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2417
2438
  }
2418
- .Checkbox-module__hop-Checkbox___-Y6m5[data-selected] {
2439
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-selected] {
2419
2440
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2420
2441
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2421
2442
  --check-display: var(--hop-Checkbox-check-display-selected);
2422
2443
  --text-color: var(--hop-Checkbox-text-color-selected);
2423
2444
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2424
2445
  }
2425
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid] {
2446
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid] {
2426
2447
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2427
2448
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2428
2449
  --check-color: var(--hop-Checkbox-check-color-invalid);
2429
2450
  --text-color: var(--hop-Checkbox-text-color-invalid);
2430
2451
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2431
2452
  }
2432
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-focus-visible]) {
2453
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-focus-visible]) {
2433
2454
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2434
2455
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2435
2456
  }
2436
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-hovered]) {
2457
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-hovered]) {
2437
2458
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2438
2459
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2439
2460
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2440
2461
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2441
2462
  }
2442
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-pressed]) {
2463
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-pressed]) {
2443
2464
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2444
2465
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2445
2466
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2446
2467
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2447
2468
  }
2448
- .Checkbox-module__hop-Checkbox___-Y6m5:where([data-invalid])[data-selected] {
2469
+ .Checkbox-module__hop-Checkbox___Z-y0e:where([data-invalid])[data-selected] {
2449
2470
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2450
2471
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2451
2472
  }
2452
- .Checkbox-module__hop-Checkbox___-Y6m5[data-disabled] {
2473
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-disabled] {
2453
2474
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2454
2475
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2455
2476
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2457,25 +2478,25 @@
2457
2478
  --text-color: var(--hop-Checkbox-text-color-disabled);
2458
2479
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2459
2480
  }
2460
- .Checkbox-module__hop-Checkbox--sm___9kcfx {
2481
+ .Checkbox-module__hop-Checkbox--sm___5J3HW {
2461
2482
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2462
2483
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2463
2484
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2464
2485
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2465
2486
  }
2466
- .Checkbox-module__hop-Checkbox--md___QzMw3 {
2487
+ .Checkbox-module__hop-Checkbox--md___PZTMw {
2467
2488
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2468
2489
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2469
2490
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2470
2491
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2471
2492
  }
2472
- .Checkbox-module__hop-Checkbox__icon___498i7,
2473
- .Checkbox-module__hop-Checkbox__icon-list___qP37I {
2493
+ .Checkbox-module__hop-Checkbox__icon___MY2sJ,
2494
+ .Checkbox-module__hop-Checkbox__icon-list___jHQMo {
2474
2495
  flex: 0 0 auto;
2475
2496
  order: 3;
2476
2497
  color: var(--icon-color);
2477
2498
  }
2478
- .Checkbox-module__hop-Checkbox__box___iFoib {
2499
+ .Checkbox-module__hop-Checkbox__box___nMgAo {
2479
2500
  display: flex;
2480
2501
  flex: 0 0 auto;
2481
2502
  align-items: center;
@@ -2491,11 +2512,11 @@
2491
2512
  outline-offset: 0.125rem;
2492
2513
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2493
2514
  }
2494
- .Checkbox-module__hop-Checkbox__check___L8jQ9 {
2515
+ .Checkbox-module__hop-Checkbox__check___4g1qS {
2495
2516
  display: var(--check-display);
2496
2517
  color: var(--check-color);
2497
2518
  }
2498
- .Checkbox-module__hop-Checkbox__text___DowJZ {
2519
+ .Checkbox-module__hop-Checkbox__text___QBE-c {
2499
2520
  flex: 0 1 auto;
2500
2521
  order: 2;
2501
2522
  min-inline-size: 0;
@@ -2503,24 +2524,24 @@
2503
2524
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2504
2525
  color: var(--text-color);
2505
2526
  }
2506
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___HSicD {
2527
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___KYkbr {
2507
2528
  }
2508
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___LJYX9 {
2529
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___615B0 {
2509
2530
  }
2510
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___cGpHG {
2531
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___B141G {
2511
2532
  }
2512
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___tdO1r,
2513
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___QdFgp {
2533
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___qoWh1,
2534
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___eSW-g {
2514
2535
  }
2515
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___FGDLn {
2536
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Pxc1V {
2516
2537
  }
2517
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___-AH84 {
2538
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___iA-33 {
2518
2539
  }
2519
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___T88qg {
2540
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___T6T6R {
2520
2541
  }
2521
2542
 
2522
2543
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2523
- .Radio-module__hop-Radio___-BvWw {
2544
+ .Radio-module__hop-Radio___dqo1a {
2524
2545
  --hop-Radio-box-border-size: 0.0625rem;
2525
2546
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2526
2547
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2594,60 +2615,60 @@
2594
2615
  inline-size: max-content;
2595
2616
  max-inline-size: 100%;
2596
2617
  }
2597
- .Radio-module__hop-Radio___-BvWw[data-focus-visible] {
2618
+ .Radio-module__hop-Radio___dqo1a[data-focus-visible] {
2598
2619
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2599
2620
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2600
2621
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2601
2622
  --text-color: var(--hop-Radio-text-color-focused);
2602
2623
  --icon-color: var(--hop-Radio-icon-color-focused);
2603
2624
  }
2604
- .Radio-module__hop-Radio___-BvWw[data-hovered] {
2625
+ .Radio-module__hop-Radio___dqo1a[data-hovered] {
2605
2626
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2606
2627
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2607
2628
  --text-color: var(--hop-Radio-text-color-hovered);
2608
2629
  --icon-color: var(--hop-Radio-icon-color-hovered);
2609
2630
  }
2610
- .Radio-module__hop-Radio___-BvWw[data-pressed] {
2631
+ .Radio-module__hop-Radio___dqo1a[data-pressed] {
2611
2632
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2612
2633
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2613
2634
  --text-color: var(--hop-Radio-text-color-pressed);
2614
2635
  --icon-color: var(--hop-Radio-icon-color-pressed);
2615
2636
  }
2616
- .Radio-module__hop-Radio___-BvWw[data-selected] {
2637
+ .Radio-module__hop-Radio___dqo1a[data-selected] {
2617
2638
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2618
2639
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2619
2640
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2620
2641
  --text-color: var(--hop-Radio-text-color-selected);
2621
2642
  --icon-color: var(--hop-Radio-icon-color-selected);
2622
2643
  }
2623
- .Radio-module__hop-Radio___-BvWw[data-invalid] {
2644
+ .Radio-module__hop-Radio___dqo1a[data-invalid] {
2624
2645
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2625
2646
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2626
2647
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2627
2648
  --text-color: var(--hop-Radio-text-color-invalid);
2628
2649
  --icon-color: var(--hop-Radio-icon-color-invalid);
2629
2650
  }
2630
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-focus-visible] {
2651
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-focus-visible] {
2631
2652
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2632
2653
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2633
2654
  }
2634
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-hovered] {
2655
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-hovered] {
2635
2656
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2636
2657
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2637
2658
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2638
2659
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2639
2660
  }
2640
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-pressed] {
2661
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-pressed] {
2641
2662
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2642
2663
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2643
2664
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2644
2665
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2645
2666
  }
2646
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-selected] {
2667
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-selected] {
2647
2668
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2648
2669
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2649
2670
  }
2650
- .Radio-module__hop-Radio___-BvWw[data-disabled] {
2671
+ .Radio-module__hop-Radio___dqo1a[data-disabled] {
2651
2672
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2652
2673
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2653
2674
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2655,25 +2676,25 @@
2655
2676
  --text-color: var(--hop-Radio-text-color-disabled);
2656
2677
  --icon-color: var(--hop-Radio-icon-color-disabled);
2657
2678
  }
2658
- .Radio-module__hop-Radio--sm___6Z2zh {
2679
+ .Radio-module__hop-Radio--sm___kXHtb {
2659
2680
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2660
2681
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2661
2682
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2662
2683
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2663
2684
  }
2664
- .Radio-module__hop-Radio--md___-V3tA {
2685
+ .Radio-module__hop-Radio--md___9-Uza {
2665
2686
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2666
2687
  --box-block-size: var(--hop-Radio-box-md-block-size);
2667
2688
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2668
2689
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2669
2690
  }
2670
- .Radio-module__hop-Radio__icon___8xl98,
2671
- .Radio-module__hop-Radio__icon-list___HzInS {
2691
+ .Radio-module__hop-Radio__icon___-IP5F,
2692
+ .Radio-module__hop-Radio__icon-list___dGgr0 {
2672
2693
  flex: 0 0 auto;
2673
2694
  order: 3;
2674
2695
  color: var(--icon-color);
2675
2696
  }
2676
- .Radio-module__hop-Radio__box___3VRoX {
2697
+ .Radio-module__hop-Radio__box___13G2q {
2677
2698
  display: flex;
2678
2699
  flex: 0 0 auto;
2679
2700
  align-items: center;
@@ -2689,11 +2710,11 @@
2689
2710
  outline-offset: 0.125rem;
2690
2711
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2691
2712
  }
2692
- .Radio-module__hop-Radio__bullet___TYE3- {
2713
+ .Radio-module__hop-Radio__bullet___G4ui2 {
2693
2714
  display: var(--bullet-display);
2694
2715
  color: var(--bullet-color);
2695
2716
  }
2696
- .Radio-module__hop-Radio__text___SI929 {
2717
+ .Radio-module__hop-Radio__text___h2OQE {
2697
2718
  flex: 0 1 auto;
2698
2719
  order: 2;
2699
2720
  min-inline-size: 0;
@@ -2701,24 +2722,24 @@
2701
2722
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
2702
2723
  color: var(--text-color);
2703
2724
  }
2704
- .DecorativeRadio-module__hop-DecorativeRadio___hr3SC {
2725
+ .DecorativeRadio-module__hop-DecorativeRadio___5l24i {
2705
2726
  }
2706
- .DecorativeRadio-module__hop-DecorativeRadio--sm___5x6to {
2727
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___xVSDX {
2707
2728
  }
2708
- .DecorativeRadio-module__hop-DecorativeRadio--md___9AOhH {
2729
+ .DecorativeRadio-module__hop-DecorativeRadio--md___ZG2HZ {
2709
2730
  }
2710
- .DecorativeRadio-module__hop-DecorativeRadio__icon___9b3rh,
2711
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___Y-ei6 {
2731
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___ClgPx,
2732
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___w9Km2 {
2712
2733
  }
2713
- .DecorativeRadio-module__hop-DecorativeRadio__box___RxW-d {
2734
+ .DecorativeRadio-module__hop-DecorativeRadio__box___MYQ-F {
2714
2735
  }
2715
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___2wmzy {
2736
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___c0sPv {
2716
2737
  }
2717
- .DecorativeRadio-module__hop-DecorativeRadio__text___yUV6Z {
2738
+ .DecorativeRadio-module__hop-DecorativeRadio__text___AC1V9 {
2718
2739
  }
2719
2740
 
2720
2741
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2721
- .Radio-module__hop-Radio___-BvWw {
2742
+ .Radio-module__hop-Radio___dqo1a {
2722
2743
  --hop-Radio-box-border-size: 0.0625rem;
2723
2744
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2724
2745
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2792,60 +2813,60 @@
2792
2813
  inline-size: max-content;
2793
2814
  max-inline-size: 100%;
2794
2815
  }
2795
- .Radio-module__hop-Radio___-BvWw[data-focus-visible] {
2816
+ .Radio-module__hop-Radio___dqo1a[data-focus-visible] {
2796
2817
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2797
2818
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2798
2819
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2799
2820
  --text-color: var(--hop-Radio-text-color-focused);
2800
2821
  --icon-color: var(--hop-Radio-icon-color-focused);
2801
2822
  }
2802
- .Radio-module__hop-Radio___-BvWw[data-hovered] {
2823
+ .Radio-module__hop-Radio___dqo1a[data-hovered] {
2803
2824
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2804
2825
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2805
2826
  --text-color: var(--hop-Radio-text-color-hovered);
2806
2827
  --icon-color: var(--hop-Radio-icon-color-hovered);
2807
2828
  }
2808
- .Radio-module__hop-Radio___-BvWw[data-pressed] {
2829
+ .Radio-module__hop-Radio___dqo1a[data-pressed] {
2809
2830
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2810
2831
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2811
2832
  --text-color: var(--hop-Radio-text-color-pressed);
2812
2833
  --icon-color: var(--hop-Radio-icon-color-pressed);
2813
2834
  }
2814
- .Radio-module__hop-Radio___-BvWw[data-selected] {
2835
+ .Radio-module__hop-Radio___dqo1a[data-selected] {
2815
2836
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2816
2837
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2817
2838
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2818
2839
  --text-color: var(--hop-Radio-text-color-selected);
2819
2840
  --icon-color: var(--hop-Radio-icon-color-selected);
2820
2841
  }
2821
- .Radio-module__hop-Radio___-BvWw[data-invalid] {
2842
+ .Radio-module__hop-Radio___dqo1a[data-invalid] {
2822
2843
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2823
2844
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2824
2845
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2825
2846
  --text-color: var(--hop-Radio-text-color-invalid);
2826
2847
  --icon-color: var(--hop-Radio-icon-color-invalid);
2827
2848
  }
2828
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-focus-visible] {
2849
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-focus-visible] {
2829
2850
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2830
2851
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2831
2852
  }
2832
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-hovered] {
2853
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-hovered] {
2833
2854
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2834
2855
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2835
2856
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2836
2857
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2837
2858
  }
2838
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-pressed] {
2859
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-pressed] {
2839
2860
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2840
2861
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2841
2862
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2842
2863
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2843
2864
  }
2844
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-selected] {
2865
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-selected] {
2845
2866
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2846
2867
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2847
2868
  }
2848
- .Radio-module__hop-Radio___-BvWw[data-disabled] {
2869
+ .Radio-module__hop-Radio___dqo1a[data-disabled] {
2849
2870
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2850
2871
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2851
2872
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2853,25 +2874,25 @@
2853
2874
  --text-color: var(--hop-Radio-text-color-disabled);
2854
2875
  --icon-color: var(--hop-Radio-icon-color-disabled);
2855
2876
  }
2856
- .Radio-module__hop-Radio--sm___6Z2zh {
2877
+ .Radio-module__hop-Radio--sm___kXHtb {
2857
2878
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2858
2879
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2859
2880
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2860
2881
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2861
2882
  }
2862
- .Radio-module__hop-Radio--md___-V3tA {
2883
+ .Radio-module__hop-Radio--md___9-Uza {
2863
2884
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2864
2885
  --box-block-size: var(--hop-Radio-box-md-block-size);
2865
2886
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2866
2887
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2867
2888
  }
2868
- .Radio-module__hop-Radio__icon___8xl98,
2869
- .Radio-module__hop-Radio__icon-list___HzInS {
2889
+ .Radio-module__hop-Radio__icon___-IP5F,
2890
+ .Radio-module__hop-Radio__icon-list___dGgr0 {
2870
2891
  flex: 0 0 auto;
2871
2892
  order: 3;
2872
2893
  color: var(--icon-color);
2873
2894
  }
2874
- .Radio-module__hop-Radio__box___3VRoX {
2895
+ .Radio-module__hop-Radio__box___13G2q {
2875
2896
  display: flex;
2876
2897
  flex: 0 0 auto;
2877
2898
  align-items: center;
@@ -2887,11 +2908,11 @@
2887
2908
  outline-offset: 0.125rem;
2888
2909
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2889
2910
  }
2890
- .Radio-module__hop-Radio__bullet___TYE3- {
2911
+ .Radio-module__hop-Radio__bullet___G4ui2 {
2891
2912
  display: var(--bullet-display);
2892
2913
  color: var(--bullet-color);
2893
2914
  }
2894
- .Radio-module__hop-Radio__text___SI929 {
2915
+ .Radio-module__hop-Radio__text___h2OQE {
2895
2916
  flex: 0 1 auto;
2896
2917
  order: 2;
2897
2918
  min-inline-size: 0;
@@ -2901,7 +2922,7 @@
2901
2922
  }
2902
2923
 
2903
2924
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2904
- .RadioField-module__hop-RadioField___GH7SP {
2925
+ .RadioField-module__hop-RadioField___i9uRv {
2905
2926
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2906
2927
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2907
2928
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2920,28 +2941,28 @@
2920
2941
  inline-size: max-content;
2921
2942
  max-inline-size: 100%;
2922
2943
  }
2923
- .RadioField-module__hop-RadioField___GH7SP[data-disabled] {
2944
+ .RadioField-module__hop-RadioField___i9uRv[data-disabled] {
2924
2945
  --description-color: var(--hop-RadioField-description-color-disabled);
2925
2946
  }
2926
- .RadioField-module__hop-RadioField--sm___6mSN6 {
2947
+ .RadioField-module__hop-RadioField--sm___mgBvw {
2927
2948
  --row-gap: var(--hop-RadioField-sm-row-gap);
2928
2949
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2929
2950
  }
2930
- .RadioField-module__hop-RadioField--md___z6Rj7 {
2951
+ .RadioField-module__hop-RadioField--md___H8PcX {
2931
2952
  --row-gap: var(--hop-RadioField-md-row-gap);
2932
2953
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2933
2954
  }
2934
- .RadioField-module__hop-RadioField__description___oU6UF {
2955
+ .RadioField-module__hop-RadioField__description___-rpFO {
2935
2956
  order: 2;
2936
2957
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2937
2958
  color: var(--description-color);
2938
2959
  }
2939
- .RadioField-module__hop-RadioField__radio___L-ki9 {
2960
+ .RadioField-module__hop-RadioField__radio___4mpOv {
2940
2961
  order: 1;
2941
2962
  }
2942
2963
 
2943
2964
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2944
- .RadioGroup-module__hop-RadioGroup___d8jZh {
2965
+ .RadioGroup-module__hop-RadioGroup___CoiPr {
2945
2966
  --hop-RadioGroup-align-items: flex-start;
2946
2967
  --hop-RadioGroup-justify-content: flex-start;
2947
2968
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2981,46 +3002,46 @@
2981
3002
  inline-size: var(--inline-size);
2982
3003
  max-inline-size: 100%;
2983
3004
  }
2984
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M {
3005
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj {
2985
3006
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
2986
3007
  --list-border-radius: var(--hop-shape-rounded-md);
2987
3008
  }
2988
- .RadioGroup-module__hop-RadioGroup--sm___edE21 {
3009
+ .RadioGroup-module__hop-RadioGroup--sm___TFTYI {
2989
3010
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
2990
3011
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
2991
3012
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
2992
3013
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
2993
3014
  }
2994
- .RadioGroup-module__hop-RadioGroup--md___Yo73q {
3015
+ .RadioGroup-module__hop-RadioGroup--md___QnMhM {
2995
3016
  --column-gap: var(--hop-RadioGroup-md-column-gap);
2996
3017
  --row-gap: var(--hop-RadioGroup-md-row-gap);
2997
3018
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
2998
3019
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
2999
3020
  }
3000
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M.RadioGroup-module__hop-RadioGroup--sm___edE21 {
3021
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj.RadioGroup-module__hop-RadioGroup--sm___TFTYI {
3001
3022
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3002
3023
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3003
3024
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3004
3025
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3005
3026
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3006
3027
  }
3007
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M.RadioGroup-module__hop-RadioGroup--md___Yo73q {
3028
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj.RadioGroup-module__hop-RadioGroup--md___QnMhM {
3008
3029
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3009
3030
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3010
3031
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3011
3032
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3012
3033
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3013
3034
  }
3014
- .RadioGroup-module__hop-RadioGroup___d8jZh[data-orientation=horizontal] {
3035
+ .RadioGroup-module__hop-RadioGroup___CoiPr[data-orientation=horizontal] {
3015
3036
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3016
3037
  }
3017
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M[data-orientation=horizontal] {
3038
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=horizontal] {
3018
3039
  --flex-wrap: nowrap;
3019
3040
  }
3020
- .RadioGroup-module__hop-RadioGroup___d8jZh > .RadioGroup-module__hop-RadioGroup__label___gZqTH {
3041
+ .RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__label___7wadH {
3021
3042
  order: 1;
3022
3043
  }
3023
- .RadioGroup-module__hop-RadioGroup__list___9bHTp {
3044
+ .RadioGroup-module__hop-RadioGroup__list___8yU6S {
3024
3045
  display: flex;
3025
3046
  flex-flow: var(--flex-direction) var(--flex-wrap);
3026
3047
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3031,7 +3052,7 @@
3031
3052
  border: var(--list-border, none);
3032
3053
  border-radius: var(--list-border-radius, 0);
3033
3054
  }
3034
- .RadioGroup-module__hop-RadioGroup__list___9bHTp > .RadioGroup-module__hop-RadioGroup__radio___-uwFd {
3055
+ .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB {
3035
3056
  position: relative;
3036
3057
  flex: 0 1 auto;
3037
3058
  align-content: start;
@@ -3039,28 +3060,28 @@
3039
3060
  min-inline-size: 0;
3040
3061
  padding: var(--radio-padding, 0);
3041
3062
  }
3042
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M .RadioGroup-module__hop-RadioGroup__list___9bHTp > .RadioGroup-module__hop-RadioGroup__radio___-uwFd ~ .RadioGroup-module__hop-RadioGroup__radio___-uwFd::before {
3063
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
3043
3064
  content: "";
3044
3065
  position: absolute;
3045
3066
  display: block;
3046
3067
  }
3047
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___9bHTp > .RadioGroup-module__hop-RadioGroup__radio___-uwFd ~ .RadioGroup-module__hop-RadioGroup__radio___-uwFd::before {
3068
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
3048
3069
  inset-block-start: 0;
3049
3070
  inset-inline: 0;
3050
3071
  border-block-start: var(--list-border, none);
3051
3072
  }
3052
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___9bHTp > .RadioGroup-module__hop-RadioGroup__radio___-uwFd ~ .RadioGroup-module__hop-RadioGroup__radio___-uwFd::before {
3073
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
3053
3074
  inset-block: 0;
3054
3075
  inset-inline-start: 0;
3055
3076
  border-inline-start: var(--list-border, none);
3056
3077
  }
3057
- .RadioGroup-module__hop-RadioGroup___d8jZh > .RadioGroup-module__hop-RadioGroup__error-message___15FOr,
3058
- .RadioGroup-module__hop-RadioGroup___d8jZh > .RadioGroup-module__hop-RadioGroup__helper-message___HBT-I {
3078
+ .RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__error-message___sTi-m,
3079
+ .RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__helper-message___-QTtZ {
3059
3080
  order: 3;
3060
3081
  }
3061
3082
 
3062
3083
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
3063
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___g2mp0 {
3084
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___nROIw {
3064
3085
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
3065
3086
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
3066
3087
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3086,7 +3107,7 @@
3086
3107
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3087
3108
  background-size: 400% 100%;
3088
3109
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3089
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___OBaI0;
3110
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___EbN08;
3090
3111
  animation-duration: var(--animation-duration);
3091
3112
  animation-timing-function: ease-in-out;
3092
3113
  animation-fill-mode: forwards;
@@ -3095,19 +3116,19 @@
3095
3116
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3096
3117
  }
3097
3118
  }
3098
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___rNorz {
3119
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-BDiH {
3099
3120
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3100
3121
  }
3101
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___MTFzq {
3122
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___mvEwS {
3102
3123
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3103
3124
  }
3104
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___8x1t9 {
3125
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___mRknk {
3105
3126
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3106
3127
  }
3107
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___rjQIo {
3128
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___XvvDy {
3108
3129
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3109
3130
  }
3110
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___OBaI0 {
3131
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___EbN08 {
3111
3132
  0% {
3112
3133
  background-position: 125% 50%;
3113
3134
  }
@@ -3117,7 +3138,7 @@
3117
3138
  }
3118
3139
 
3119
3140
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
3120
- .ListBoxItem-module__hop-ListBoxItem___HvOEm {
3141
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW {
3121
3142
  --hop-ListBoxItem-background-color: transparent;
3122
3143
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3123
3144
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3214,129 +3235,129 @@
3214
3235
  outline: var(--outline);
3215
3236
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3216
3237
  }
3217
- .ListBoxItem-module__hop-ListBoxItem--xs___EQVfY {
3238
+ .ListBoxItem-module__hop-ListBoxItem--xs___rZE4R {
3218
3239
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3219
3240
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3220
3241
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3221
3242
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3222
3243
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3223
3244
  }
3224
- .ListBoxItem-module__hop-ListBoxItem--sm___f5FQZ {
3245
+ .ListBoxItem-module__hop-ListBoxItem--sm___G4HVr {
3225
3246
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3226
3247
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3227
3248
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3228
3249
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3229
3250
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3230
3251
  }
3231
- .ListBoxItem-module__hop-ListBoxItem--md___NJZmI {
3252
+ .ListBoxItem-module__hop-ListBoxItem--md___TnNyw {
3232
3253
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3233
3254
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3234
3255
  --min-height: var(--hop-ListBoxItem-md-min-height);
3235
3256
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3236
3257
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3237
3258
  }
3238
- .ListBoxItem-module__hop-ListBoxItem--lg___BDe8q {
3259
+ .ListBoxItem-module__hop-ListBoxItem--lg___bwbj- {
3239
3260
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3240
3261
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3241
3262
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3242
3263
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3243
3264
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3244
3265
  }
3245
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-selection-mode] {
3266
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-selection-mode] {
3246
3267
  --cursor: pointer;
3247
3268
  }
3248
- .ListBoxItem-module__hop-ListBoxItem___HvOEm:not([data-selection-mode]) {
3269
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW:not([data-selection-mode]) {
3249
3270
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3250
3271
  }
3251
- .ListBoxItem-module__hop-ListBoxItem__inner___6FViV:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___YBEKK) {
3272
+ .ListBoxItem-module__hop-ListBoxItem__inner___kPku6:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE) {
3252
3273
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3253
3274
  }
3254
- .ListBoxItem-module__hop-ListBoxItem__inner___6FViV[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___YBEKK) {
3275
+ .ListBoxItem-module__hop-ListBoxItem__inner___kPku6[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE) {
3255
3276
  --checkmark-transition: none;
3256
3277
  }
3257
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-selected] {
3278
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-selected] {
3258
3279
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3259
3280
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3260
3281
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3261
3282
  --checkmark-opacity: 1;
3262
3283
  }
3263
- .ListBoxItem-module__hop-ListBoxItem--xs___EQVfY[data-selected] {
3284
+ .ListBoxItem-module__hop-ListBoxItem--xs___rZE4R[data-selected] {
3264
3285
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3265
3286
  }
3266
- .ListBoxItem-module__hop-ListBoxItem--sm___f5FQZ[data-selected] {
3287
+ .ListBoxItem-module__hop-ListBoxItem--sm___G4HVr[data-selected] {
3267
3288
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3268
3289
  }
3269
- .ListBoxItem-module__hop-ListBoxItem--md___NJZmI[data-selected] {
3290
+ .ListBoxItem-module__hop-ListBoxItem--md___TnNyw[data-selected] {
3270
3291
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3271
3292
  }
3272
- .ListBoxItem-module__hop-ListBoxItem--lg___BDe8q[data-selected] {
3293
+ .ListBoxItem-module__hop-ListBoxItem--lg___bwbj-[data-selected] {
3273
3294
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3274
3295
  }
3275
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-focus-visible] {
3296
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-focus-visible] {
3276
3297
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3277
3298
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3278
3299
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3279
3300
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3280
3301
  }
3281
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-hovered] {
3302
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-hovered] {
3282
3303
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3283
3304
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3284
3305
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3285
3306
  }
3286
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-pressed] {
3307
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-pressed] {
3287
3308
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3288
3309
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3289
3310
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3290
3311
  }
3291
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-disabled] {
3312
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-disabled] {
3292
3313
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3293
3314
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3294
3315
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3295
3316
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3296
3317
  --cursor: not-allowed;
3297
3318
  }
3298
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid] {
3319
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid] {
3299
3320
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3300
3321
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3301
3322
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3302
3323
  }
3303
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid][data-selected] {
3324
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-selected] {
3304
3325
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3305
3326
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3306
3327
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3307
3328
  }
3308
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid][data-focus-visible] {
3329
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-focus-visible] {
3309
3330
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3310
3331
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3311
3332
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3312
3333
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3313
3334
  }
3314
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid][data-hovered] {
3335
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-hovered] {
3315
3336
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3316
3337
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3317
3338
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3318
3339
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3319
3340
  }
3320
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid][data-pressed] {
3341
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-pressed] {
3321
3342
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3322
3343
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3323
3344
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3324
3345
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3325
3346
  }
3326
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid][data-disabled] {
3347
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-disabled] {
3327
3348
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3328
3349
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3329
3350
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3330
3351
  }
3331
- .ListBoxItem-module__hop-ListBoxItem___HvOEm:has(.ListBoxItem-module__hop-ListBoxItem__description___xJ17-) {
3352
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW:has(.ListBoxItem-module__hop-ListBoxItem__description___vjfvf) {
3332
3353
  --row-gap: var(--hop-ListBoxItem-row-gap);
3333
3354
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3334
3355
  }
3335
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-loading] {
3356
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-loading] {
3336
3357
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3337
3358
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3338
3359
  }
3339
- .ListBoxItem-module__hop-ListBoxItem__inner___6FViV {
3360
+ .ListBoxItem-module__hop-ListBoxItem__inner___kPku6 {
3340
3361
  display: grid;
3341
3362
  grid-template-areas: var(--grid-template-areas);
3342
3363
  grid-template-columns: var(--grid-template-columns);
@@ -3348,33 +3369,33 @@
3348
3369
  padding-inline: var(--padding-inline);
3349
3370
  transition: grid-template-columns .3s ease-in-out;
3350
3371
  }
3351
- .ListBoxItem-module__hop-ListBoxItem__checkmark___YBEKK {
3372
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE {
3352
3373
  grid-area: indicator;
3353
3374
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3354
3375
  color: var(--icon-color);
3355
3376
  opacity: var(--checkmark-opacity);
3356
3377
  transition: var(--checkmark-transition);
3357
3378
  }
3358
- .ListBoxItem-module__hop-ListBoxItem__radio___726Bo,
3359
- .ListBoxItem-module__hop-ListBoxItem__checkbox___nGvC- {
3379
+ .ListBoxItem-module__hop-ListBoxItem__radio___GaGpg,
3380
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___-1YQK {
3360
3381
  pointer-events: none;
3361
3382
  user-select: none;
3362
3383
  grid-area: indicator;
3363
3384
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3364
3385
  }
3365
- .ListBoxItem-module__hop-ListBoxItem__avatar___Kkz4s {
3386
+ .ListBoxItem-module__hop-ListBoxItem__avatar___gHPCY {
3366
3387
  grid-area: avatar;
3367
3388
  margin-block: var(--avatar-margin-block, 0);
3368
3389
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3369
3390
  }
3370
- .ListBoxItem-module__hop-ListBoxItem__icon-list___6ff3J,
3371
- .ListBoxItem-module__hop-ListBoxItem__icon___-uFAs {
3391
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___X-gTH,
3392
+ .ListBoxItem-module__hop-ListBoxItem__icon___Nv9zm {
3372
3393
  grid-area: icon;
3373
3394
  flex: 0 0 auto;
3374
3395
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3375
3396
  color: var(--icon-color);
3376
3397
  }
3377
- .ListBoxItem-module__hop-ListBoxItem__label___UdTmX {
3398
+ .ListBoxItem-module__hop-ListBoxItem__label___oFvmk {
3378
3399
  overflow: hidden;
3379
3400
  grid-area: label;
3380
3401
  min-inline-size: 0;
@@ -3382,18 +3403,18 @@
3382
3403
  text-overflow: ellipsis;
3383
3404
  white-space: nowrap;
3384
3405
  }
3385
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___o8uuE,
3386
- .ListBoxItem-module__hop-ListBoxItem__end-icon___YjI-N {
3406
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___It5F3,
3407
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___9R2j1 {
3387
3408
  grid-area: end-icon;
3388
3409
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3389
3410
  color: var(--icon-color);
3390
3411
  }
3391
- .ListBoxItem-module__hop-ListBoxItem__badge___AsC2U {
3412
+ .ListBoxItem-module__hop-ListBoxItem__badge___4Q2vb {
3392
3413
  grid-area: badge;
3393
3414
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3394
3415
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3395
3416
  }
3396
- .ListBoxItem-module__hop-ListBoxItem__description___xJ17- {
3417
+ .ListBoxItem-module__hop-ListBoxItem__description___vjfvf {
3397
3418
  overflow: hidden;
3398
3419
  display: -webkit-box;
3399
3420
  grid-area: description;
@@ -3404,7 +3425,7 @@
3404
3425
  }
3405
3426
 
3406
3427
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3407
- .ListBox-module__hop-ListBox___yGwxE {
3428
+ .ListBox-module__hop-ListBox___o3TiT {
3408
3429
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3409
3430
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3410
3431
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3451,11 +3472,11 @@
3451
3472
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3452
3473
  border-radius: var(--hop-ListBox-border-radius);
3453
3474
  }
3454
- .ListBox-module__hop-ListBox--fluid___kfu9L {
3475
+ .ListBox-module__hop-ListBox--fluid___9Jmrx {
3455
3476
  --max-width: var(--hop-ListBox-fluid-max-width);
3456
3477
  --width: var(--hop-ListBox-fluid-width);
3457
3478
  }
3458
- .ListBox-module__hop-ListBox__section___MK0zJ {
3479
+ .ListBox-module__hop-ListBox__section___8-sHc {
3459
3480
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3460
3481
  margin-inline: var(--hop-ListBox-section-margin-inline);
3461
3482
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3463,21 +3484,21 @@
3463
3484
  border-block-start: var(--section-border-block-start);
3464
3485
  border-block-end: var(--section-border-block-end);
3465
3486
  }
3466
- .ListBox-module__hop-ListBox__item___ZgG9b + .ListBox-module__hop-ListBox__section___MK0zJ {
3487
+ .ListBox-module__hop-ListBox__item___Y8r2l + .ListBox-module__hop-ListBox__section___8-sHc {
3467
3488
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3468
3489
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3469
3490
  }
3470
- .ListBox-module__hop-ListBox__section___MK0zJ:has(+ .ListBox-module__hop-ListBox__item___ZgG9b) {
3491
+ .ListBox-module__hop-ListBox__section___8-sHc:has(+ .ListBox-module__hop-ListBox__item___Y8r2l) {
3471
3492
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3472
3493
  }
3473
- .ListBox-module__hop-ListBox__section___MK0zJ:first-child {
3494
+ .ListBox-module__hop-ListBox__section___8-sHc:first-child {
3474
3495
  --section-padding-block-start: 0;
3475
3496
  }
3476
- .ListBox-module__hop-ListBox__section___MK0zJ:last-child {
3497
+ .ListBox-module__hop-ListBox__section___8-sHc:last-child {
3477
3498
  --section-padding-block-end: 0;
3478
3499
  --section-border-block-end: 0;
3479
3500
  }
3480
- .ListBox-module__hop-ListBox__section-header___MQJIQ {
3501
+ .ListBox-module__hop-ListBox__section-header___qQVx7 {
3481
3502
  margin: 0;
3482
3503
  padding: var(--hop-ListBox-section-header-padding);
3483
3504
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3488,30 +3509,107 @@
3488
3509
  text-transform: var(--hop-ListBox-section-header-text-transform);
3489
3510
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3490
3511
  }
3491
- .ListBox-module__hop-ListBox__section-header___MQJIQ::before,
3492
- .ListBox-module__hop-ListBox__section-header___MQJIQ::after {
3512
+ .ListBox-module__hop-ListBox__section-header___qQVx7::before,
3513
+ .ListBox-module__hop-ListBox__section-header___qQVx7::after {
3493
3514
  content: "";
3494
3515
  display: block;
3495
3516
  box-sizing: border-box;
3496
3517
  inline-size: 0;
3497
3518
  block-size: 0;
3498
3519
  }
3499
- .ListBox-module__hop-ListBox__section-header___MQJIQ::before {
3520
+ .ListBox-module__hop-ListBox__section-header___qQVx7::before {
3500
3521
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3501
3522
  }
3502
- .ListBox-module__hop-ListBox__section-header___MQJIQ::after {
3523
+ .ListBox-module__hop-ListBox__section-header___qQVx7::after {
3503
3524
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3504
3525
  }
3505
3526
 
3527
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3528
+ .Link-module__hop-Link___osuuM {
3529
+ --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3530
+ --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3531
+ --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
3532
+ --hop-Link-column-gap: var(--hop-space-inline-xs);
3533
+ --hop-Link-primary-text-color: var(--hop-primary-text);
3534
+ --hop-Link-primary-text-disabled-color: var(--hop-primary-text-disabled);
3535
+ --hop-Link-primary-text-hover-color: var(--hop-primary-text-hover);
3536
+ --hop-Link-primary-text-pressed-color: var(--hop-primary-text-press);
3537
+ --hop-Link-neutral-text-color: var(--hop-neutral-text);
3538
+ --hop-Link-neutral-text-disabled-color: var(--hop-neutral-text-disabled);
3539
+ --hop-Link-neutral-text-hover-color: var(--hop-neutral-text-hover);
3540
+ --hop-Link-neutral-text-pressed-color: var(--hop-neutral-text-press);
3541
+ cursor: pointer;
3542
+ display: inline-flex;
3543
+ column-gap: var(--hop-Link-column-gap);
3544
+ align-items: center;
3545
+ box-sizing: border-box;
3546
+ inline-size: fit-content;
3547
+ text-decoration: none;
3548
+ text-underline-offset: 0.125rem;
3549
+ border-radius: var(--hop-Link-border-radius);
3550
+ outline: none;
3551
+ outline-offset: 0.125rem;
3552
+ }
3553
+ .Link-module__hop-Link___osuuM[data-focus-visible] {
3554
+ outline: 0.125rem solid var(--hop-Link-focus-ring-color);
3555
+ }
3556
+ .Link-module__hop-Link___osuuM[data-disabled] {
3557
+ cursor: default;
3558
+ }
3559
+ .Link-module__hop-Link--quiet___1y0dG[data-focus-visible],
3560
+ .Link-module__hop-Link--quiet___1y0dG[data-hovered] {
3561
+ text-decoration: underline;
3562
+ }
3563
+ .Link-module__hop-Link___osuuM:not(.Link-module__hop-Link--quiet___1y0dG) {
3564
+ text-decoration: underline;
3565
+ }
3566
+ .Link-module__hop-Link--primary___nIG1F {
3567
+ color: var(--hop-Link-primary-text-color);
3568
+ }
3569
+ .Link-module__hop-Link--primary___nIG1F[data-disabled] {
3570
+ color: var(--hop-Link-primary-text-disabled-color);
3571
+ }
3572
+ .Link-module__hop-Link--primary___nIG1F:not([data-disabled])[data-focus-visible],
3573
+ .Link-module__hop-Link--primary___nIG1F:not([data-disabled])[data-hovered] {
3574
+ color: var(--hop-Link-primary-text-hover-color);
3575
+ }
3576
+ .Link-module__hop-Link--primary___nIG1F:not([data-disabled])[data-pressed] {
3577
+ color: var(--hop-Link-primary-text-pressed-color);
3578
+ }
3579
+ .Link-module__hop-Link--secondary___7dOBn {
3580
+ color: var(--hop-Link-neutral-text-color);
3581
+ }
3582
+ .Link-module__hop-Link--secondary___7dOBn[data-disabled] {
3583
+ color: var(--hop-Link-neutral-text-disabled-color);
3584
+ }
3585
+ .Link-module__hop-Link--secondary___7dOBn:not([data-disabled])[data-focus-visible],
3586
+ .Link-module__hop-Link--secondary___7dOBn:not([data-disabled])[data-hovered] {
3587
+ color: var(--hop-Link-neutral-text-hover-color);
3588
+ }
3589
+ .Link-module__hop-Link--secondary___7dOBn:not([data-disabled])[data-pressed] {
3590
+ color: var(--hop-Link-neutral-text-pressed-color);
3591
+ }
3592
+ .Link-module__hop-Link__icon___Hns5-,
3593
+ .Link-module__hop-Link__icon-list___W1mIz {
3594
+ order: 2;
3595
+ }
3596
+ .Link-module__hop-Link__text___efs-3 {
3597
+ order: 1;
3598
+ }
3599
+ .Link-module__hop-Link__start-icon___FlpnU,
3600
+ .Link-module__hop-Link__start-icon-list___ehi2o {
3601
+ order: 0;
3602
+ }
3603
+
3506
3604
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3507
- :where(.Popover-module__hop-Popover___O1hxD *) {
3605
+ :where(.Popover-module__hop-Popover___ocuC9 *) {
3508
3606
  font-family: var(--font-family);
3509
3607
  font-size: var(--font-size);
3510
3608
  font-weight: var(--font-weight);
3511
3609
  line-height: var(--line-height);
3512
3610
  outline: none;
3513
3611
  }
3514
- .Popover-module__hop-Popover___O1hxD {
3612
+ .Popover-module__hop-Popover___ocuC9 {
3515
3613
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3516
3614
  --hop-Popover-inline-width: 25rem;
3517
3615
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3524,22 +3622,22 @@
3524
3622
  inline-size: var(--width);
3525
3623
  max-inline-size: var(--max-width);
3526
3624
  }
3527
- .Popover-module__hop-Popover___O1hxD[data-trigger=Select] {
3625
+ .Popover-module__hop-Popover___ocuC9[data-trigger=Select] {
3528
3626
  --width: var(--hop-Popover-dropdown-inline-width);
3529
3627
  }
3530
- .Popover-module__hop-Popover___O1hxD[data-trigger=ComboBox] {
3628
+ .Popover-module__hop-Popover___ocuC9[data-trigger=ComboBox] {
3531
3629
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3532
3630
  }
3533
- .Popover-module__hop-Popover___O1hxD[data-auto-width] {
3631
+ .Popover-module__hop-Popover___ocuC9[data-auto-width] {
3534
3632
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3535
3633
  }
3536
- .Popover-module__hop-Popover___O1hxD[data-entering] {
3537
- animation: Popover-module__fade___M6MSl 0.25s;
3634
+ .Popover-module__hop-Popover___ocuC9[data-entering] {
3635
+ animation: Popover-module__fade___GISCx 0.25s;
3538
3636
  }
3539
- .Popover-module__hop-Popover___O1hxD[data-exiting] {
3540
- animation: Popover-module__fade___M6MSl 0.25s reverse;
3637
+ .Popover-module__hop-Popover___ocuC9[data-exiting] {
3638
+ animation: Popover-module__fade___GISCx 0.25s reverse;
3541
3639
  }
3542
- @keyframes Popover-module__fade___M6MSl {
3640
+ @keyframes Popover-module__fade___GISCx {
3543
3641
  from {
3544
3642
  opacity: 0;
3545
3643
  }
@@ -3547,14 +3645,14 @@
3547
3645
  opacity: 1;
3548
3646
  }
3549
3647
  }
3550
- .Popover-module__hop-Popover__wrapper___FiFqq {
3648
+ .Popover-module__hop-Popover__wrapper___D9gvx {
3551
3649
  display: flex;
3552
3650
  flex: 1 1 auto;
3553
3651
  flex-direction: column;
3554
3652
  min-block-size: 0;
3555
3653
  }
3556
- .Popover-module__hop-Popover__dialog___EdxN2,
3557
- .Popover-module__hop-Popover__dropdown___0n3T8 {
3654
+ .Popover-module__hop-Popover__dialog___EbOYN,
3655
+ .Popover-module__hop-Popover__dropdown___p0SJu {
3558
3656
  --hop-Popover-background: var(--hop-neutral-surface);
3559
3657
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3560
3658
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3600,21 +3698,21 @@
3600
3698
  border-radius: var(--hop-Popover-border-radius);
3601
3699
  box-shadow: var(--hop-Popover-box-shadow);
3602
3700
  }
3603
- .Popover-module__hop-Popover__dropdown___0n3T8 {
3701
+ .Popover-module__hop-Popover__dropdown___p0SJu {
3604
3702
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3605
3703
  --footer-place-self: stretch;
3606
3704
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3607
3705
  --padding: var(--hop-Popover-dropdown-padding);
3608
3706
  overflow: hidden;
3609
3707
  }
3610
- .Popover-module__hop-Popover__dialog___EdxN2 {
3708
+ .Popover-module__hop-Popover__dialog___EbOYN {
3611
3709
  --padding: var(--hop-Popover-dialog-padding);
3612
3710
  }
3613
- .Popover-module__hop-Popover__title___XeW0X {
3711
+ .Popover-module__hop-Popover__title___wj18F {
3614
3712
  grid-area: header;
3615
3713
  color: var(--hop-Popover-color);
3616
3714
  }
3617
- .Popover-module__hop-Popover__content___MK7yG {
3715
+ .Popover-module__hop-Popover__content___W-UI4 {
3618
3716
  --font-size: var(--hop-Popover-content-font-size);
3619
3717
  --line-height: var(--hop-Popover-content-line-height);
3620
3718
  grid-area: content;
@@ -3623,7 +3721,12 @@
3623
3721
  padding: 0;
3624
3722
  color: var(--hop-Popover-content-color);
3625
3723
  }
3626
- .Popover-module__hop-Popover__dropdown___0n3T8 .Popover-module__hop-Popover__list-box___x9aN4 {
3724
+ .Popover-module__hop-Popover___ocuC9:not(:has(.Popover-module__hop-Popover__title___wj18F)) {
3725
+ .Popover-module__hop-Popover__content___W-UI4 {
3726
+ margin-block: 0 var(--hop-Popover-row-gap) 0;
3727
+ }
3728
+ }
3729
+ .Popover-module__hop-Popover__dropdown___p0SJu .Popover-module__hop-Popover__list-box___YGY9h {
3627
3730
  grid-area: content;
3628
3731
  inline-size: auto;
3629
3732
  min-inline-size: auto;
@@ -3631,7 +3734,7 @@
3631
3734
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
3632
3735
  border: none;
3633
3736
  }
3634
- .Popover-module__hop-Popover__footer___W8Uyh {
3737
+ .Popover-module__hop-Popover__footer___ENMY0 {
3635
3738
  --font-size: var(--hop-Popover-footer-font-size);
3636
3739
  --line-height: var(--hop-Popover-footer-line-height);
3637
3740
  grid-area: footer;
@@ -3639,22 +3742,22 @@
3639
3742
  margin: var(--footer-margin);
3640
3743
  color: var(--hop-Popover-color);
3641
3744
  }
3642
- .Popover-module__hop-Popover__dropdown___0n3T8 .Popover-module__hop-Popover__footer___W8Uyh {
3745
+ .Popover-module__hop-Popover__dropdown___p0SJu .Popover-module__hop-Popover__footer___ENMY0 {
3643
3746
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
3644
3747
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
3645
3748
  }
3646
- .Popover-module__hop-Popover__actions___aydxV,
3647
- .Popover-module__hop-Popover__action___N2C1w {
3749
+ .Popover-module__hop-Popover__actions___pa9Fn,
3750
+ .Popover-module__hop-Popover__action___-TsAZ {
3648
3751
  grid-area: action;
3649
3752
  justify-self: end;
3650
3753
  margin-block-start: var(--hop-Popover-row-gap);
3651
3754
  }
3652
- .Popover-module__hop-Popover___O1hxD:has(.Popover-module__hop-Popover__actions___aydxV, .Popover-module__hop-Popover__action___N2C1w) .Popover-module__hop-Popover__footer___W8Uyh {
3755
+ .Popover-module__hop-Popover___ocuC9:has(.Popover-module__hop-Popover__actions___pa9Fn, .Popover-module__hop-Popover__action___-TsAZ) .Popover-module__hop-Popover__footer___ENMY0 {
3653
3756
  margin-inline-end: var(--hop-Popover-column-gap);
3654
3757
  }
3655
3758
 
3656
3759
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ComboBox/src/ComboBox.module.css/#css-module-data */
3657
- .ComboBox-module__hop-ComboBox___1N3kV {
3760
+ .ComboBox-module__hop-ComboBox___XHuS3 {
3658
3761
  --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
3659
3762
  --hop-ComboBox-inline-size: 20rem;
3660
3763
  --hop-ComboBox-inline-size-fluid: 100%;
@@ -3718,13 +3821,13 @@
3718
3821
  inline-size: var(--inline-size);
3719
3822
  max-inline-size: var(--hop-ComboBox-max-inline-size);
3720
3823
  }
3721
- .ComboBox-module__hop-ComboBox--fluid___-VgDZ {
3824
+ .ComboBox-module__hop-ComboBox--fluid___rYnlH {
3722
3825
  --inline-size: var(--hop-ComboBox-inline-size-fluid);
3723
3826
  }
3724
- .ComboBox-module__hop-ComboBox__label___NbAqN {
3827
+ .ComboBox-module__hop-ComboBox__label___Jzb0y {
3725
3828
  order: 1;
3726
3829
  }
3727
- .ComboBox-module__hop-ComboBox__trigger___eYFje {
3830
+ .ComboBox-module__hop-ComboBox__trigger___fV-1a {
3728
3831
  cursor: var(--trigger-cursor);
3729
3832
  overflow: hidden;
3730
3833
  display: flex;
@@ -3737,32 +3840,32 @@
3737
3840
  border: var(--hop-ComboBox-trigger-border-size) solid var(--trigger-border-color);
3738
3841
  border-radius: var(--hop-ComboBox-trigger-border-radius);
3739
3842
  }
3740
- .ComboBox-module__hop-ComboBox__trigger--sm___93UuE {
3843
+ .ComboBox-module__hop-ComboBox__trigger--sm___gigfO {
3741
3844
  --trigger-block-size: var(--hop-ComboBox-trigger-sm-block-size);
3742
3845
  --input-font-family: var(--hop-ComboBox-input-sm-font-family);
3743
3846
  --input-font-size: var(--hop-ComboBox-input-sm-font-size);
3744
3847
  --input-font-weight: var(--hop-ComboBox-input-sm-font-weight);
3745
3848
  --input-line-height: var(--hop-ComboBox-input-sm-line-height);
3746
3849
  }
3747
- .ComboBox-module__hop-ComboBox__trigger--md___ylYrj {
3850
+ .ComboBox-module__hop-ComboBox__trigger--md___aGyqc {
3748
3851
  --trigger-block-size: var(--hop-ComboBox-trigger-md-block-size);
3749
3852
  }
3750
- .ComboBox-module__hop-ComboBox__trigger___eYFje[data-hovered] {
3853
+ .ComboBox-module__hop-ComboBox__trigger___fV-1a[data-hovered] {
3751
3854
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-hovered);
3752
3855
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-hovered);
3753
3856
  --trigger-color: var(--hop-ComboBox-trigger-color-hovered);
3754
3857
  --button-icon-color: var(--hop-ComboBox-button-icon-color-hovered);
3755
3858
  }
3756
- .ComboBox-module__hop-ComboBox__trigger___eYFje[data-selected] {
3859
+ .ComboBox-module__hop-ComboBox__trigger___fV-1a[data-selected] {
3757
3860
  --trigger-background-color: var(--hop-ComboBox-button-background-color-selected);
3758
3861
  --trigger-border-color: var(--hop-ComboBox-button-border-color-selected);
3759
3862
  --trigger-color: var(--hop-ComboBox-button-color-selected);
3760
3863
  --button-icon-color: var(--hop-ComboBox-button-icon-color-selected);
3761
3864
  }
3762
- .ComboBox-module__hop-ComboBox__trigger___eYFje[data-invalid] {
3865
+ .ComboBox-module__hop-ComboBox__trigger___fV-1a[data-invalid] {
3763
3866
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-invalid);
3764
3867
  }
3765
- .ComboBox-module__hop-ComboBox__trigger___eYFje[data-focus-visible] {
3868
+ .ComboBox-module__hop-ComboBox__trigger___fV-1a[data-focus-visible] {
3766
3869
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-focused);
3767
3870
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-focused);
3768
3871
  --trigger-color: var(--hop-ComboBox-trigger-color-focused);
@@ -3770,14 +3873,14 @@
3770
3873
  outline: var(--hop-ComboBox-trigger-border-size) solid var(--hop-ComboBox-trigger-outline-color-focused);
3771
3874
  outline-offset: var(--hop-ComboBox-trigger-outline-offset);
3772
3875
  }
3773
- .ComboBox-module__hop-ComboBox__trigger___eYFje[data-disabled] {
3876
+ .ComboBox-module__hop-ComboBox__trigger___fV-1a[data-disabled] {
3774
3877
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-disabled);
3775
3878
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-disabled);
3776
3879
  --trigger-color: var(--hop-ComboBox-trigger-color-disabled);
3777
3880
  --button-icon-color: var(--hop-ComboBox-button-icon-color-disabled);
3778
3881
  --trigger-cursor: var(--hop-ComboBox-trigger-cursor-disabled);
3779
3882
  }
3780
- .ComboBox-module__hop-ComboBox__input___k3njP {
3883
+ .ComboBox-module__hop-ComboBox__input___3yJyH {
3781
3884
  flex: 1 1 auto;
3782
3885
  min-inline-size: 0;
3783
3886
  font-family: var(--input-font-family);
@@ -3789,10 +3892,10 @@
3789
3892
  border: none;
3790
3893
  outline: none;
3791
3894
  }
3792
- .ComboBox-module__hop-ComboBox__input___k3njP::placeholder {
3895
+ .ComboBox-module__hop-ComboBox__input___3yJyH::placeholder {
3793
3896
  color: var(--hop-ComboBox-input-placeholder-color);
3794
3897
  }
3795
- .ComboBox-module__hop-ComboBox__button___Ie8rf {
3898
+ .ComboBox-module__hop-ComboBox__button___UsOgJ {
3796
3899
  cursor: var(--trigger-cursor);
3797
3900
  display: flex;
3798
3901
  flex: 0 0 auto;
@@ -3802,21 +3905,21 @@
3802
3905
  border: none;
3803
3906
  outline: none;
3804
3907
  }
3805
- .ComboBox-module__hop-ComboBox__prefix___QefIV {
3908
+ .ComboBox-module__hop-ComboBox__prefix___gkU12 {
3806
3909
  align-self: center;
3807
3910
  color: var(--hop-ComboBox-prefix-color);
3808
3911
  }
3809
- .ComboBox-module__hop-ComboBox__button-icon___ndDZb {
3912
+ .ComboBox-module__hop-ComboBox__button-icon___Hq9L2 {
3810
3913
  margin-inline-start: auto;
3811
3914
  color: var(--button-icon-color);
3812
3915
  }
3813
- .ComboBox-module__hop-ComboBox__helper-message___G6eXm,
3814
- .ComboBox-module__hop-ComboBox__error-message___mjRbr {
3916
+ .ComboBox-module__hop-ComboBox__helper-message___cVFuZ,
3917
+ .ComboBox-module__hop-ComboBox__error-message___8CZCp {
3815
3918
  order: 3;
3816
3919
  }
3817
3920
 
3818
3921
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
3819
- :where(.Divider-module__hop-Divider___xMjZH) {
3922
+ :where(.Divider-module__hop-Divider___TmoBL) {
3820
3923
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
3821
3924
  --hop-Divider-border-size: 0.0625rem;
3822
3925
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -3841,22 +3944,15 @@
3841
3944
  border-block-end: var(--border-block-end);
3842
3945
  border-inline-start: var(--border-inline-start);
3843
3946
  }
3844
- .Divider-module__hop-Divider--vertical___eQqyD {
3947
+ .Divider-module__hop-Divider--vertical___WQ-0H {
3845
3948
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
3846
3949
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
3847
3950
  --inline-size: var(--hop-Divider-vertical-inline-size);
3848
3951
  --block-size: var(--hop-Divider-vertical-block-size);
3849
3952
  }
3850
3953
 
3851
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
3852
- .Form-module__hop-Form___8-7ZN {
3853
- display: flex;
3854
- flex-direction: column;
3855
- gap: var(--hop-space-stack-lg);
3856
- }
3857
-
3858
3954
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
3859
- .InputGroup-module__hop-InputGroup___i1cxX {
3955
+ .InputGroup-module__hop-InputGroup___TWbxl {
3860
3956
  --hop-InputGroup-background: var(--hop-neutral-surface);
3861
3957
  --hop-InputGroup-border-color: var(--hop-neutral-border);
3862
3958
  --hop-InputGroup-border-width: 0.0625rem;
@@ -3937,11 +4033,11 @@
3937
4033
  border: var(--border);
3938
4034
  border-radius: var(--hop-InputGroup-border-radius);
3939
4035
  }
3940
- .InputGroup-module__hop-InputGroup--fluid___Wt85f {
4036
+ .InputGroup-module__hop-InputGroup--fluid___69tur {
3941
4037
  --inline-size: 100%;
3942
4038
  --input-inline-size: 100%;
3943
4039
  }
3944
- .InputGroup-module__hop-InputGroup--sm___2WQr0 {
4040
+ .InputGroup-module__hop-InputGroup--sm___MRfoU {
3945
4041
  --block-size: var(--hop-InputGroup-sm-block-size);
3946
4042
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
3947
4043
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -3949,7 +4045,7 @@
3949
4045
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
3950
4046
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
3951
4047
  }
3952
- .InputGroup-module__hop-InputGroup___i1cxX[data-input-type=textarea] {
4048
+ .InputGroup-module__hop-InputGroup___TWbxl[data-input-type=textarea] {
3953
4049
  --gap: var(--hop-InputGroup-gap-textarea);
3954
4050
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
3955
4051
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -3957,28 +4053,28 @@
3957
4053
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
3958
4054
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
3959
4055
  }
3960
- .InputGroup-module__hop-InputGroup___i1cxX[data-input-type=number] {
4056
+ .InputGroup-module__hop-InputGroup___TWbxl[data-input-type=number] {
3961
4057
  --display: var(--hop-InputGroup-display-number);
3962
4058
  --gap: var(--hop-InputGroup-gap-number);
3963
4059
  }
3964
- .InputGroup-module__hop-InputGroup___i1cxX[data-hovered] {
4060
+ .InputGroup-module__hop-InputGroup___TWbxl[data-hovered] {
3965
4061
  --background: var(--hop-InputGroup-background-hover);
3966
4062
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
3967
4063
  }
3968
- .InputGroup-module__hop-InputGroup___i1cxX[data-focus-within] {
4064
+ .InputGroup-module__hop-InputGroup___TWbxl[data-focus-within] {
3969
4065
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
3970
4066
  }
3971
- .InputGroup-module__hop-InputGroup___i1cxX[data-invalid] {
4067
+ .InputGroup-module__hop-InputGroup___TWbxl[data-invalid] {
3972
4068
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
3973
4069
  }
3974
- .InputGroup-module__hop-InputGroup___i1cxX[data-disabled] {
4070
+ .InputGroup-module__hop-InputGroup___TWbxl[data-disabled] {
3975
4071
  --background: var(--hop-InputGroup-background-disabled);
3976
4072
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
3977
4073
  --input-color: var(--hop-InputGroup-input-color-disabled);
3978
4074
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
3979
4075
  }
3980
- .InputGroup-module__hop-InputGroup__input___tCevy,
3981
- .InputGroup-module__hop-InputGroup__textarea___tGvYt {
4076
+ .InputGroup-module__hop-InputGroup__input___63xPs,
4077
+ .InputGroup-module__hop-InputGroup__textarea___TBceB {
3982
4078
  flex: 1 1 auto;
3983
4079
  box-sizing: border-box;
3984
4080
  inline-size: var(--input-inline-size);
@@ -3992,26 +4088,26 @@
3992
4088
  border: none;
3993
4089
  outline: none;
3994
4090
  }
3995
- .InputGroup-module__hop-InputGroup__input___tCevy {
4091
+ .InputGroup-module__hop-InputGroup__input___63xPs {
3996
4092
  block-size: var(--input-block-size);
3997
4093
  padding: var(--hop-InputGroup-input-padding);
3998
4094
  }
3999
- .InputGroup-module__hop-InputGroup__textarea___tGvYt {
4095
+ .InputGroup-module__hop-InputGroup__textarea___TBceB {
4000
4096
  padding: var(--hop-InputGroup-textarea-padding);
4001
4097
  }
4002
- .InputGroup-module__hop-InputGroup__input___tCevy::placeholder {
4098
+ .InputGroup-module__hop-InputGroup__input___63xPs::placeholder {
4003
4099
  font-family: var(--hop-InputGroup-placeholder-font-family);
4004
4100
  font-size: var(--hop-InputGroup-placeholder-font-size);
4005
4101
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
4006
4102
  line-height: var(--hop-InputGroup-placeholder-line-height);
4007
4103
  color: var(--input-placeholder-color);
4008
4104
  }
4009
- .InputGroup-module__hop-InputGroup__embedded-button___i5svP {
4105
+ .InputGroup-module__hop-InputGroup__embedded-button___-r1aN {
4010
4106
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
4011
4107
  }
4012
4108
 
4013
4109
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
4014
- .NumberField-module__hop-NumberField___Ot8N9 {
4110
+ .NumberField-module__hop-NumberField___SzZFL {
4015
4111
  --hop-NumberField-gap: var(--hop-space-stack-xs);
4016
4112
  --hop-NumberField-inline-size: 20rem;
4017
4113
  --hop-NumberField-inline-size-fluid: 100%;
@@ -4059,30 +4155,30 @@
4059
4155
  gap: var(--hop-NumberField-gap);
4060
4156
  inline-size: var(--inline-size);
4061
4157
  }
4062
- .NumberField-module__hop-NumberField--fluid___SqPOK {
4158
+ .NumberField-module__hop-NumberField--fluid___HAcFD {
4063
4159
  --inline-size: var(--hop-NumberField-inline-size-fluid);
4064
4160
  }
4065
- .NumberField-module__hop-NumberField--mobile___nkCqh {
4161
+ .NumberField-module__hop-NumberField--mobile___o5jp- {
4066
4162
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
4067
4163
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
4068
4164
  }
4069
- .NumberField-module__hop-NumberField__Label___LXmqv {
4165
+ .NumberField-module__hop-NumberField__Label___wyxWA {
4070
4166
  order: 0;
4071
4167
  }
4072
- .NumberField-module__hop-NumberField__prefix___JyuRc {
4168
+ .NumberField-module__hop-NumberField__prefix___W9qgl {
4073
4169
  grid-area: prefix;
4074
4170
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
4075
4171
  color: var(--hop-NumberField-prefix-color);
4076
4172
  }
4077
- .NumberField-module__hop-NumberField__InputGroup___dmid8 {
4173
+ .NumberField-module__hop-NumberField__InputGroup___bhQ-m {
4078
4174
  grid-template: var(--input-group-template);
4079
4175
  order: 1;
4080
4176
  }
4081
- .NumberField-module__hop-NumberField__ErrorMessage___hlWda,
4082
- .NumberField-module__hop-NumberField__HelperMessage___A-2FW {
4177
+ .NumberField-module__hop-NumberField__ErrorMessage___P4JtX,
4178
+ .NumberField-module__hop-NumberField__HelperMessage___4Ow7r {
4083
4179
  order: 3;
4084
4180
  }
4085
- .NumberField-module__hop-NumberField__stepper-button___24LUM {
4181
+ .NumberField-module__hop-NumberField__stepper-button___1vuYG {
4086
4182
  cursor: pointer;
4087
4183
  display: flex;
4088
4184
  grid-area: var(--grid-area, unset);
@@ -4103,55 +4199,55 @@
4103
4199
  border-radius: var(--stepper-border-radius, 0);
4104
4200
  outline: none;
4105
4201
  }
4106
- .NumberField-module__hop-NumberField__stepper-button--increment___85EqB {
4202
+ .NumberField-module__hop-NumberField__stepper-button--increment___wtqxH {
4107
4203
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
4108
4204
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
4109
4205
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
4110
4206
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
4111
4207
  --grid-area: stepup;
4112
4208
  }
4113
- .NumberField-module__hop-NumberField__stepper-button--decrement___2IcSc {
4209
+ .NumberField-module__hop-NumberField__stepper-button--decrement___Js9Gj {
4114
4210
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
4115
4211
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
4116
4212
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
4117
4213
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
4118
4214
  --grid-area: stepdown;
4119
4215
  }
4120
- .NumberField-module__hop-NumberField__stepper-button--mobile___WLPNn.NumberField-module__hop-NumberField__stepper-button--increment___85EqB {
4216
+ .NumberField-module__hop-NumberField__stepper-button--mobile___AomVg.NumberField-module__hop-NumberField__stepper-button--increment___wtqxH {
4121
4217
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
4122
4218
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
4123
4219
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
4124
4220
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
4125
4221
  }
4126
- .NumberField-module__hop-NumberField__stepper-button--mobile___WLPNn.NumberField-module__hop-NumberField__stepper-button--decrement___2IcSc {
4222
+ .NumberField-module__hop-NumberField__stepper-button--mobile___AomVg.NumberField-module__hop-NumberField__stepper-button--decrement___Js9Gj {
4127
4223
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
4128
4224
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
4129
4225
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
4130
4226
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
4131
4227
  }
4132
- .NumberField-module__hop-NumberField__stepper-button___24LUM[data-hovered] {
4228
+ .NumberField-module__hop-NumberField__stepper-button___1vuYG[data-hovered] {
4133
4229
  color: var(--hop-NumberField-stepper-color-hovered);
4134
4230
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
4135
4231
  }
4136
- .NumberField-module__hop-NumberField__stepper-button___24LUM[data-pressed] {
4232
+ .NumberField-module__hop-NumberField__stepper-button___1vuYG[data-pressed] {
4137
4233
  color: var(--hop-NumberField-stepper-color-pressed);
4138
4234
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
4139
4235
  }
4140
- .NumberField-module__hop-NumberField__stepper-button___24LUM[data-disabled] {
4236
+ .NumberField-module__hop-NumberField__stepper-button___1vuYG[data-disabled] {
4141
4237
  cursor: not-allowed;
4142
4238
  color: var(--hop-NumberField-stepper-color-disabled);
4143
4239
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
4144
4240
  }
4145
- .NumberField-module__hop-NumberField__stepper-button__icon___DaheA {
4241
+ .NumberField-module__hop-NumberField__stepper-button__icon___muxeR {
4146
4242
  display: block;
4147
4243
  max-block-size: 100%;
4148
4244
  }
4149
- .NumberField-module__hop-NumberField__input___ScDRc {
4245
+ .NumberField-module__hop-NumberField__input___g2VOC {
4150
4246
  grid-area: input;
4151
4247
  }
4152
4248
 
4153
4249
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
4154
- .PasswordField-module__hop-PasswordField___ozFq3 {
4250
+ .PasswordField-module__hop-PasswordField___o1uX- {
4155
4251
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
4156
4252
  --hop-PasswordField-inline-size: 20rem;
4157
4253
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -4161,37 +4257,37 @@
4161
4257
  inline-size: var(--inline-size);
4162
4258
  max-inline-size: 100%;
4163
4259
  }
4164
- .PasswordField-module__hop-PasswordField--fluid___GckKM {
4260
+ .PasswordField-module__hop-PasswordField--fluid___BjuxV {
4165
4261
  --inline-size: 100%;
4166
4262
  }
4167
- .PasswordField-module__hop-PasswordField__Label___NrzwJ {
4263
+ .PasswordField-module__hop-PasswordField__Label___MdKAI {
4168
4264
  order: 0;
4169
4265
  }
4170
- .PasswordField-module__hop-PasswordField__InputGroup___NPzyy {
4266
+ .PasswordField-module__hop-PasswordField__InputGroup___vl5gH {
4171
4267
  order: 1;
4172
4268
  }
4173
- .PasswordField-module__hop-PasswordField__ErrorMessage___kTt0D,
4174
- .PasswordField-module__hop-PasswordField__HelperMessage___dX59N {
4269
+ .PasswordField-module__hop-PasswordField__ErrorMessage___ZwfYI,
4270
+ .PasswordField-module__hop-PasswordField__HelperMessage___z1N5m {
4175
4271
  order: 3;
4176
4272
  }
4177
4273
 
4178
4274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
4179
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___YViSX {
4275
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX- {
4180
4276
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
4181
4277
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
4182
4278
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
4183
4279
  --char-count-color: var(--hop-RemainingCharacterCount-color);
4184
4280
  color: var(--char-count-color);
4185
4281
  }
4186
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___YViSX[data-invalid] {
4282
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX-[data-invalid] {
4187
4283
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
4188
4284
  }
4189
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___YViSX[data-disabled] {
4285
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX-[data-disabled] {
4190
4286
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
4191
4287
  }
4192
4288
 
4193
4289
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
4194
- .SearchField-module__hop-SearchField___K0P1D {
4290
+ .SearchField-module__hop-SearchField___aZb-c {
4195
4291
  --hop-SearchField-gap: var(--hop-space-stack-xs);
4196
4292
  --hop-SearchField-inline-size: 20rem;
4197
4293
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -4206,39 +4302,39 @@
4206
4302
  inline-size: var(--inline-size);
4207
4303
  max-inline-size: 100%;
4208
4304
  }
4209
- .SearchField-module__hop-SearchField--fluid___5BEAC {
4305
+ .SearchField-module__hop-SearchField--fluid___2wtRA {
4210
4306
  --inline-size: 100%;
4211
4307
  }
4212
- .SearchField-module__hop-SearchField__Label___mLgrX {
4308
+ .SearchField-module__hop-SearchField__Label___38cX7 {
4213
4309
  order: 0;
4214
4310
  }
4215
- .SearchField-module__hop-SearchField__prefix___hJQMz {
4311
+ .SearchField-module__hop-SearchField__prefix___GVXhK {
4216
4312
  color: var(--hop-SearchField-color);
4217
4313
  }
4218
- .SearchField-module__hop-SearchField__InputGroup___29uiz {
4314
+ .SearchField-module__hop-SearchField__InputGroup___Pix8O {
4219
4315
  order: 1;
4220
4316
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
4221
4317
  }
4222
- .SearchField-module__hop-SearchField--clearable___61LnC {
4318
+ .SearchField-module__hop-SearchField--clearable___Inua2 {
4223
4319
  --input-group-padding-inline-end: 0;
4224
4320
  }
4225
- .SearchField-module__hop-SearchField__ErrorMessage___yImMN,
4226
- .SearchField-module__hop-SearchField__HelperMessage___OwyoP {
4321
+ .SearchField-module__hop-SearchField__ErrorMessage___eSI4J,
4322
+ .SearchField-module__hop-SearchField__HelperMessage___Y4l6r {
4227
4323
  order: 3;
4228
4324
  }
4229
- .SearchField-module__hop-SearchField___K0P1D input::-webkit-search-cancel-button,
4230
- .SearchField-module__hop-SearchField___K0P1D input::-webkit-search-decoration {
4325
+ .SearchField-module__hop-SearchField___aZb-c input::-webkit-search-cancel-button,
4326
+ .SearchField-module__hop-SearchField___aZb-c input::-webkit-search-decoration {
4231
4327
  appearance: none;
4232
4328
  }
4233
- .SearchField-module__hop-SearchField___K0P1D[data-empty] {
4329
+ .SearchField-module__hop-SearchField___aZb-c[data-empty] {
4234
4330
  --clear-button-display: none;
4235
4331
  }
4236
- .SearchField-module__hop-SearchField__ClearButton___Gk-4Q {
4332
+ .SearchField-module__hop-SearchField__ClearButton___-g0yY {
4237
4333
  display: var(--clear-button-display);
4238
4334
  }
4239
4335
 
4240
4336
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
4241
- .TextArea-module__hop-TextArea___3xrI0 {
4337
+ .TextArea-module__hop-TextArea___KIaZD {
4242
4338
  --hop-TextArea-gap: var(--hop-space-stack-xs);
4243
4339
  --hop-TextArea-inline-size: 20rem;
4244
4340
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -4252,35 +4348,35 @@
4252
4348
  inline-size: var(--inline-size);
4253
4349
  max-inline-size: 100%;
4254
4350
  }
4255
- .TextArea-module__hop-TextArea--fluid___Eb2Dw {
4351
+ .TextArea-module__hop-TextArea--fluid___WCRS5 {
4256
4352
  --inline-size: 100%;
4257
4353
  }
4258
- .TextArea-module__hop-TextArea___3xrI0[data-resize-mode=vertical] {
4354
+ .TextArea-module__hop-TextArea___KIaZD[data-resize-mode=vertical] {
4259
4355
  --resize: vertical;
4260
4356
  }
4261
- .TextArea-module__hop-TextArea__Label___GBj9M {
4357
+ .TextArea-module__hop-TextArea__Label___9L3xU {
4262
4358
  order: 0;
4263
4359
  }
4264
- .TextArea-module__hop-TextArea__prefix___cKFjc {
4360
+ .TextArea-module__hop-TextArea__prefix___cehps {
4265
4361
  color: var(--hop-TextArea-prefix-color);
4266
4362
  }
4267
- .TextArea-module__hop-TextArea__InputGroup___Kr-5w {
4363
+ .TextArea-module__hop-TextArea__InputGroup___xWuhF {
4268
4364
  order: 1;
4269
4365
  }
4270
- .TextArea-module__hop-TextArea__RemainingCharacterCount___dI87z {
4366
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___WOL0F {
4271
4367
  padding: var(--hop-TextArea-remaining-character-count-padding);
4272
4368
  }
4273
- .TextArea-module__hop-TextArea__textarea___sEhrQ {
4369
+ .TextArea-module__hop-TextArea__textarea___idyBQ {
4274
4370
  resize: var(--resize);
4275
4371
  min-block-size: var(--hop-TextArea-input-min-height);
4276
4372
  }
4277
- .TextArea-module__hop-TextArea__ErrorMessage___Zs1ZC,
4278
- .TextArea-module__hop-TextArea__HelperMessage___tuQQV {
4373
+ .TextArea-module__hop-TextArea__ErrorMessage___3vVZO,
4374
+ .TextArea-module__hop-TextArea__HelperMessage___y9qX5 {
4279
4375
  order: 3;
4280
4376
  }
4281
4377
 
4282
4378
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
4283
- .TextField-module__hop-TextField___860F7 {
4379
+ .TextField-module__hop-TextField___-8i4v {
4284
4380
  --hop-TextField-gap: var(--hop-space-stack-xs);
4285
4381
  --hop-TextField-inline-size: 20rem;
4286
4382
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -4291,102 +4387,25 @@
4291
4387
  inline-size: var(--inline-size);
4292
4388
  max-inline-size: 100%;
4293
4389
  }
4294
- .TextField-module__hop-TextField--fluid___K-BZE {
4390
+ .TextField-module__hop-TextField--fluid___J5STF {
4295
4391
  --inline-size: 100%;
4296
4392
  }
4297
- .TextField-module__hop-TextField__Label___qwRO7 {
4393
+ .TextField-module__hop-TextField__Label___-7Pm3 {
4298
4394
  order: 0;
4299
4395
  }
4300
- .TextField-module__hop-TextField__prefix___yXkIR {
4396
+ .TextField-module__hop-TextField__prefix___uEmAs {
4301
4397
  color: var(--hop-TextField-prefix-color);
4302
4398
  }
4303
- .TextField-module__hop-TextField__InputGroup___yguUC {
4399
+ .TextField-module__hop-TextField__InputGroup___2pRwn {
4304
4400
  order: 1;
4305
4401
  }
4306
- .TextField-module__hop-TextField__ErrorMessage___VG4Qa,
4307
- .TextField-module__hop-TextField__HelperMessage___BaTBy {
4402
+ .TextField-module__hop-TextField__ErrorMessage___4agXz,
4403
+ .TextField-module__hop-TextField__HelperMessage___JbReR {
4308
4404
  order: 3;
4309
4405
  }
4310
4406
 
4311
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
4312
- .Link-module__hop-Link___1WIgC {
4313
- --hop-Link-border-radius: var(--hop-shape-rounded-sm);
4314
- --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
4315
- --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
4316
- --hop-Link-column-gap: var(--hop-space-inline-xs);
4317
- --hop-Link-primary-text-color: var(--hop-primary-text);
4318
- --hop-Link-primary-text-disabled-color: var(--hop-primary-text-disabled);
4319
- --hop-Link-primary-text-hover-color: var(--hop-primary-text-hover);
4320
- --hop-Link-primary-text-pressed-color: var(--hop-primary-text-press);
4321
- --hop-Link-neutral-text-color: var(--hop-neutral-text);
4322
- --hop-Link-neutral-text-disabled-color: var(--hop-neutral-text-disabled);
4323
- --hop-Link-neutral-text-hover-color: var(--hop-neutral-text-hover);
4324
- --hop-Link-neutral-text-pressed-color: var(--hop-neutral-text-press);
4325
- cursor: pointer;
4326
- display: inline-flex;
4327
- column-gap: var(--hop-Link-column-gap);
4328
- align-items: center;
4329
- box-sizing: border-box;
4330
- inline-size: fit-content;
4331
- text-decoration: none;
4332
- text-underline-offset: 0.125rem;
4333
- border-radius: var(--hop-Link-border-radius);
4334
- outline: none;
4335
- outline-offset: 0.125rem;
4336
- }
4337
- .Link-module__hop-Link___1WIgC[data-focus-visible] {
4338
- outline: 0.125rem solid var(--hop-Link-focus-ring-color);
4339
- }
4340
- .Link-module__hop-Link___1WIgC[data-disabled] {
4341
- cursor: default;
4342
- }
4343
- .Link-module__hop-Link--quiet___lAQM2[data-focus-visible],
4344
- .Link-module__hop-Link--quiet___lAQM2[data-hovered] {
4345
- text-decoration: underline;
4346
- }
4347
- .Link-module__hop-Link___1WIgC:not(.Link-module__hop-Link--quiet___lAQM2) {
4348
- text-decoration: underline;
4349
- }
4350
- .Link-module__hop-Link--primary___rnNiJ {
4351
- color: var(--hop-Link-primary-text-color);
4352
- }
4353
- .Link-module__hop-Link--primary___rnNiJ[data-disabled] {
4354
- color: var(--hop-Link-primary-text-disabled-color);
4355
- }
4356
- .Link-module__hop-Link--primary___rnNiJ:not([data-disabled])[data-focus-visible],
4357
- .Link-module__hop-Link--primary___rnNiJ:not([data-disabled])[data-hovered] {
4358
- color: var(--hop-Link-primary-text-hover-color);
4359
- }
4360
- .Link-module__hop-Link--primary___rnNiJ:not([data-disabled])[data-pressed] {
4361
- color: var(--hop-Link-primary-text-pressed-color);
4362
- }
4363
- .Link-module__hop-Link--secondary___3q6yY {
4364
- color: var(--hop-Link-neutral-text-color);
4365
- }
4366
- .Link-module__hop-Link--secondary___3q6yY[data-disabled] {
4367
- color: var(--hop-Link-neutral-text-disabled-color);
4368
- }
4369
- .Link-module__hop-Link--secondary___3q6yY:not([data-disabled])[data-focus-visible],
4370
- .Link-module__hop-Link--secondary___3q6yY:not([data-disabled])[data-hovered] {
4371
- color: var(--hop-Link-neutral-text-hover-color);
4372
- }
4373
- .Link-module__hop-Link--secondary___3q6yY:not([data-disabled])[data-pressed] {
4374
- color: var(--hop-Link-neutral-text-pressed-color);
4375
- }
4376
- .Link-module__hop-Link__icon___t6-UU,
4377
- .Link-module__hop-Link__icon-list___bm2s1 {
4378
- order: 2;
4379
- }
4380
- .Link-module__hop-Link__text___uS5sS {
4381
- order: 1;
4382
- }
4383
- .Link-module__hop-Link__start-icon___IVSda,
4384
- .Link-module__hop-Link__start-icon-list___zpBiz {
4385
- order: 0;
4386
- }
4387
-
4388
4407
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
4389
- .SelectValue-module__hop-SelectValue___0QR4q {
4408
+ .SelectValue-module__hop-SelectValue___6oEcc {
4390
4409
  --hop-SelectValue-display: inline-block;
4391
4410
  --hop-SelectValue-slots-display: flex;
4392
4411
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
@@ -4401,16 +4420,16 @@
4401
4420
  text-overflow: ellipsis;
4402
4421
  white-space: nowrap;
4403
4422
  }
4404
- .SelectValue-module__hop-SelectValue___0QR4q:has(.SelectValue-module__hop-SelectValue__text___Sm9zx) {
4423
+ .SelectValue-module__hop-SelectValue___6oEcc:has(.SelectValue-module__hop-SelectValue__text___wajRT) {
4405
4424
  --display: var(--hop-SelectValue-slots-display);
4406
4425
  }
4407
- .SelectValue-module__hop-SelectValue__avatar___6wjZQ {
4426
+ .SelectValue-module__hop-SelectValue__avatar___BoNKy {
4408
4427
  order: 1;
4409
4428
  }
4410
- .SelectValue-module__hop-SelectValue__icon___XY1r5 {
4429
+ .SelectValue-module__hop-SelectValue__icon___RVcVl {
4411
4430
  order: 2;
4412
4431
  }
4413
- .SelectValue-module__hop-SelectValue__text___Sm9zx {
4432
+ .SelectValue-module__hop-SelectValue__text___wajRT {
4414
4433
  overflow: hidden;
4415
4434
  flex: 1 1 auto;
4416
4435
  order: 3;
@@ -4418,12 +4437,12 @@
4418
4437
  text-overflow: ellipsis;
4419
4438
  white-space: nowrap;
4420
4439
  }
4421
- .SelectValue-module__hop-SelectValue__end-icon___3Gm2i {
4440
+ .SelectValue-module__hop-SelectValue__end-icon___t-n84 {
4422
4441
  order: 4;
4423
4442
  }
4424
4443
 
4425
4444
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
4426
- .Select-module__hop-Select___72t6b {
4445
+ .Select-module__hop-Select___y2Mwz {
4427
4446
  --hop-Select-row-gap: var(--hop-space-stack-xs);
4428
4447
  --hop-Select-inline-size: 20rem;
4429
4448
  --hop-Select-inline-size-fluid: 100%;
@@ -4475,13 +4494,13 @@
4475
4494
  inline-size: var(--inline-size);
4476
4495
  max-inline-size: var(--hop-Select-max-inline-size);
4477
4496
  }
4478
- .Select-module__hop-Select--fluid___uvqu7 {
4497
+ .Select-module__hop-Select--fluid___1-5pH {
4479
4498
  --inline-size: var(--hop-Select-inline-size-fluid);
4480
4499
  }
4481
- .Select-module__hop-Select__label___KfPsT {
4500
+ .Select-module__hop-Select__label___p5cFG {
4482
4501
  order: 1;
4483
4502
  }
4484
- .Select-module__hop-Select__button___1acb0 {
4503
+ .Select-module__hop-Select__button___XDgRJ {
4485
4504
  cursor: var(--button-cursor);
4486
4505
  display: flex;
4487
4506
  column-gap: var(--hop-Select-button-column-gap);
@@ -4497,28 +4516,28 @@
4497
4516
  border-radius: var(--hop-Select-button-border-radius);
4498
4517
  outline: none;
4499
4518
  }
4500
- .Select-module__hop-Select__button--sm___EMqHq {
4519
+ .Select-module__hop-Select__button--sm___UiljJ {
4501
4520
  --button-block-size: var(--hop-Select-button-sm-block-size);
4502
4521
  }
4503
- .Select-module__hop-Select__button--md___4NQkN {
4522
+ .Select-module__hop-Select__button--md___G0D4n {
4504
4523
  --button-block-size: var(--hop-Select-button-md-block-size);
4505
4524
  }
4506
- .Select-module__hop-Select__button___1acb0[data-hovered] {
4525
+ .Select-module__hop-Select__button___XDgRJ[data-hovered] {
4507
4526
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4508
4527
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4509
4528
  --button-color: var(--hop-Select-button-color-hovered);
4510
4529
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4511
4530
  }
4512
- .Select-module__hop-Select__button___1acb0[data-pressed] {
4531
+ .Select-module__hop-Select__button___XDgRJ[data-pressed] {
4513
4532
  --button-background-color: var(--hop-Select-button-background-color-selected);
4514
4533
  --button-border-color: var(--hop-Select-button-border-color-selected);
4515
4534
  --button-color: var(--hop-Select-button-color-selected);
4516
4535
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4517
4536
  }
4518
- .Select-module__hop-Select__button___1acb0[data-invalid] {
4537
+ .Select-module__hop-Select__button___XDgRJ[data-invalid] {
4519
4538
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4520
4539
  }
4521
- .Select-module__hop-Select__button___1acb0[data-focus-visible] {
4540
+ .Select-module__hop-Select__button___XDgRJ[data-focus-visible] {
4522
4541
  --button-background-color: var(--hop-Select-button-background-color-focused);
4523
4542
  --button-border-color: var(--hop-Select-button-border-color-focused);
4524
4543
  --button-color: var(--hop-Select-button-color-focused);
@@ -4526,217 +4545,30 @@
4526
4545
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4527
4546
  outline-offset: var(--hop-Select-button-outline-offset);
4528
4547
  }
4529
- .Select-module__hop-Select__button___1acb0:has([data-placeholder]) {
4548
+ .Select-module__hop-Select__button___XDgRJ:has([data-placeholder]) {
4530
4549
  --button-color: var(--hop-Select-button-placeholder-color);
4531
4550
  }
4532
- .Select-module__hop-Select__button___1acb0[data-disabled] {
4551
+ .Select-module__hop-Select__button___XDgRJ[data-disabled] {
4533
4552
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4534
4553
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4535
4554
  --button-color: var(--hop-Select-button-color-disabled);
4536
4555
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4537
4556
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4538
4557
  }
4539
- .Select-module__hop-Select__prefix___L0TQM {
4558
+ .Select-module__hop-Select__prefix___swd37 {
4540
4559
  color: var(--hop-Select-prefix-color);
4541
4560
  }
4542
- .Select-module__hop-Select__button-icon___urNie {
4561
+ .Select-module__hop-Select__button-icon___Sq6Dh {
4543
4562
  margin-inline-start: auto;
4544
4563
  color: var(--button-icon-color);
4545
4564
  }
4546
- .Select-module__hop-Select__helper-message___h9cKu,
4547
- .Select-module__hop-Select__error-message___UUsdD {
4548
- order: 3;
4549
- }
4550
-
4551
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
4552
- .Switch-module__hop-Switch___YaRfR {
4553
- --hop-Switch-border-size: 0.0625rem;
4554
- --hop-Switch-border-color: var(--hop-neutral-border);
4555
- --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
4556
- --hop-Switch-background-color: var(--hop-neutral-surface);
4557
- --hop-Switch-thumb-color: var(--hop-neutral-icon);
4558
- --hop-Switch-text-color: var(--hop-neutral-text);
4559
- --hop-Switch-border-color-hover: var(--hop-neutral-border-hover);
4560
- --hop-Switch-background-color-hover: var(--hop-neutral-surface-hover);
4561
- --hop-Switch-thumb-color-hover: var(--hop-neutral-icon-hover);
4562
- --hop-Switch-text-color-hover: var(--hop-neutral-text-hover);
4563
- --hop-Switch-border-color-pressed: var(--hop-neutral-border-press);
4564
- --hop-Switch-background-color-pressed: var(--hop-neutral-surface-press);
4565
- --hop-Switch-thumb-color-pressed: var(--hop-neutral-icon-press);
4566
- --hop-Switch-text-color-pressed: var(--hop-neutral-text-press);
4567
- --hop-Switch-border-color-focus: var(--hop-neutral-border-hover);
4568
- --hop-Switch-background-color-focus: var(--hop-neutral-surface-hover);
4569
- --hop-Switch-thumb-color-focus: var(--hop-neutral-icon-hover);
4570
- --hop-Switch-focus-ring-color: var(--hop-primary-border-focus);
4571
- --hop-Switch-text-color-focus: var(--hop-neutral-text);
4572
- --hop-Switch-border-color-selected: var(--hop-neutral-border-selected);
4573
- --hop-Switch-background-color-selected: var(--hop-neutral-surface-selected);
4574
- --hop-Switch-thumb-color-selected: var(--hop-neutral-icon-selected);
4575
- --hop-Switch-text-color-selected: var(--hop-neutral-text);
4576
- --hop-Switch-border-color-disabled: var(--hop-neutral-border-disabled);
4577
- --hop-Switch-background-color-disabled: var(--hop-neutral-surface-disabled);
4578
- --hop-Switch-thumb-color-disabled: var(--hop-neutral-icon-disabled);
4579
- --hop-Switch-text-color-disabled: var(--hop-neutral-text-disabled);
4580
- --hop-Switch-inline-size-md: 3rem;
4581
- --hop-Switch-block-size-md: 1.5rem;
4582
- --hop-Switch-thumb-size-md: 1rem;
4583
- --hop-Switch-inset-inline-start-md: var(--hop-space-inset-xs);
4584
- --hop-Switch-text-top-offset-md: calc((var(--block-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
4585
- --hop-Switch-inline-size-sm: 2rem;
4586
- --hop-Switch-block-size-sm: 1rem;
4587
- --hop-Switch-thumb-size-sm: 0.75rem;
4588
- --hop-Switch-inset-inline-start-sm: calc(var(--hop-space-inset-xs) / 2);
4589
- --hop-Switch-text-top-offset-sm: calc((var(--block-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
4590
- --border-size: var(--hop-Switch-border-size);
4591
- --border-color: var(--hop-Switch-border-color);
4592
- --border-radius: var(--hop-Switch-border-radius);
4593
- --background-color: var(--hop-Switch-background-color);
4594
- --column-gap: var(--hop-space-inline-sm);
4595
- --thumb-color: var(--hop-Switch-thumb-color);
4596
- --thumb-transform: translate(0, -50%);
4597
- --outline: none;
4598
- --cursor: pointer;
4599
- --text-color: var(--hop-Switch-text-color);
4600
- cursor: var(--cursor);
4601
- display: inline-flex;
4602
- column-gap: var(--column-gap);
4603
- align-items: flex-start;
4604
- justify-content: flex-start;
4605
- box-sizing: border-box;
4606
- inline-size: max-content;
4607
- max-inline-size: 100%;
4608
- }
4609
- .Switch-module__hop-Switch--sm___RPzJ4 {
4610
- --inline-size: var(--hop-Switch-inline-size-sm);
4611
- --block-size: var(--hop-Switch-block-size-sm);
4612
- --thumb-size: var(--hop-Switch-thumb-size-sm);
4613
- --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
4614
- --text-top-offset: var(--hop-Switch-text-top-offset-sm);
4615
- }
4616
- .Switch-module__hop-Switch--md___Rhq9Y {
4617
- --inline-size: var(--hop-Switch-inline-size-md);
4618
- --block-size: var(--hop-Switch-block-size-md);
4619
- --thumb-size: var(--hop-Switch-thumb-size-md);
4620
- --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
4621
- --text-top-offset: var(--hop-Switch-text-top-offset-md);
4622
- }
4623
- .Switch-module__hop-Switch___YaRfR[data-hovered] {
4624
- --border-color: var(--hop-Switch-border-color-hover);
4625
- --background-color: var(--hop-Switch-background-color-hover);
4626
- --thumb-color: var(--hop-Switch-thumb-color-hover);
4627
- --text-color: var(--hop-Switch-text-color-hover);
4628
- }
4629
- .Switch-module__hop-Switch___YaRfR[data-pressed],
4630
- .Switch-module__hop-Switch___YaRfR[data-pressed][data-focus-visible] {
4631
- --border-color: var(--hop-Switch-border-color-pressed);
4632
- --background-color: var(--hop-Switch-background-color-pressed);
4633
- --thumb-color: var(--hop-Switch-thumb-color-pressed);
4634
- --text-color: var(--hop-Switch-text-color-pressed);
4635
- }
4636
- .Switch-module__hop-Switch___YaRfR[data-focus-visible] {
4637
- --border-color: var(--hop-Switch-border-color-focus);
4638
- --background-color: var(--hop-Switch-background-color-focus);
4639
- --thumb-color: var(--hop-Switch-thumb-color-focus);
4640
- --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4641
- --text-color: var(--hop-Switch-text-color-focus);
4642
- }
4643
- .Switch-module__hop-Switch___YaRfR[data-selected],
4644
- .Switch-module__hop-Switch___YaRfR[data-selected][data-pressed] {
4645
- --border-color: var(--hop-Switch-border-color-selected);
4646
- --background-color: var(--hop-Switch-background-color-selected);
4647
- --thumb-color: var(--hop-Switch-thumb-color-selected);
4648
- --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%);
4649
- --text-color: var(--hop-Switch-text-color-selected);
4650
- }
4651
- .Switch-module__hop-Switch___YaRfR[data-disabled] {
4652
- --border-color: var(--hop-Switch-border-color-disabled);
4653
- --background-color: var(--hop-Switch-background-color-disabled);
4654
- --thumb-color: var(--hop-Switch-thumb-color-disabled);
4655
- --text-color: var(--hop-Switch-text-color-disabled);
4656
- --cursor: not-allowed;
4657
- }
4658
- .Switch-module__hop-Switch__indicator___4Ue7e {
4659
- position: relative;
4660
- flex: 0 0 auto;
4661
- box-sizing: border-box;
4662
- inline-size: var(--inline-size, var(--hop-Switch-inline-size-md));
4663
- block-size: var(--block-size, var(--hop-Switch-block-size-md));
4664
- background-color: var(--background-color);
4665
- border: var(--border-size) solid var(--border-color);
4666
- border-radius: var(--border-radius);
4667
- outline: var(--outline);
4668
- outline-offset: 0.125rem;
4669
- transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4670
- }
4671
- .Switch-module__hop-Switch__indicator___4Ue7e::before {
4672
- content: "";
4673
- position: absolute;
4674
- inset-block-start: 50%;
4675
- inset-inline-start: var(--inset-inline-start);
4676
- transform: var(--thumb-transform);
4677
- flex: 0 0 auto;
4678
- order: 1;
4679
- box-sizing: border-box;
4680
- inline-size: var(--thumb-size);
4681
- block-size: var(--thumb-size);
4682
- background-color: var(--thumb-color);
4683
- border-radius: var(--hop-shape-circle);
4684
- transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4685
- }
4686
- .Switch-module__hop-Switch__text___eyrm2 {
4687
- flex: 0 1 auto;
4688
- order: 2;
4689
- min-inline-size: 0;
4690
- margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4691
- color: var(--text-color);
4692
- }
4693
- .Switch-module__hop-Switch__icon-list___jdCQ6,
4694
- .Switch-module__hop-Switch__icon___tecaN {
4565
+ .Select-module__hop-Select__helper-message___UjIEu,
4566
+ .Select-module__hop-Select__error-message___Ne-km {
4695
4567
  order: 3;
4696
4568
  }
4697
4569
 
4698
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4699
- .SwitchField-module__hop-SwitchField___Ye5yq {
4700
- --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4701
- --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4702
- --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
4703
- --hop-SwitchField-switch-sm-inline-size: 2rem;
4704
- --hop-SwitchField-description-sm-margin-inline-start: calc(var(--hop-SwitchField-switch-sm-inline-size) + var(--hop-space-inline-sm));
4705
- --hop-SwitchField-md-row-gap: var(--hop-space-stack-xs);
4706
- --hop-SwitchField-switch-md-inline-size: 3rem;
4707
- --hop-SwitchField-description-md-margin-inline-start: calc(var(--hop-SwitchField-switch-md-inline-size) + var(--hop-space-inline-sm));
4708
- --description-color: var(--hop-SwitchField-description-color);
4709
- display: flex;
4710
- flex-direction: column;
4711
- row-gap: var(--row-gap, var(--hop-space-stack-sm));
4712
- align-items: flex-start;
4713
- justify-content: flex-start;
4714
- box-sizing: border-box;
4715
- inline-size: max-content;
4716
- max-inline-size: 100%;
4717
- }
4718
- .SwitchField-module__hop-SwitchField___Ye5yq[data-disabled] {
4719
- --description-color: var(--hop-SwitchField-description-color-disabled);
4720
- }
4721
- .SwitchField-module__hop-SwitchField--sm___-XcBn {
4722
- --row-gap: var(--hop-SwitchField-sm-row-gap);
4723
- --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4724
- }
4725
- .SwitchField-module__hop-SwitchField--md___zOE8e {
4726
- --row-gap: var(--hop-SwitchField-md-row-gap);
4727
- --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4728
- }
4729
- .SwitchField-module__hop-SwitchField__description___8AZp0 {
4730
- order: 2;
4731
- margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4732
- color: var(--description-color);
4733
- }
4734
- .SwitchField-module__hop-SwitchField__switch___-M62l {
4735
- order: 1;
4736
- }
4737
-
4738
4570
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4739
- .Tag-module__hop-Tag___TGBMS {
4571
+ .Tag-module__hop-Tag___oOdEt {
4740
4572
  --hop-Tag-border-size: 0.0625rem;
4741
4573
  --hop-Tag-border-radius: var(--hop-shape-pill);
4742
4574
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4975,7 +4807,7 @@
4975
4807
  outline: none;
4976
4808
  outline-offset: 0.125rem;
4977
4809
  }
4978
- .Tag-module__hop-Tag--sm___kpbsa {
4810
+ .Tag-module__hop-Tag--sm___joTjE {
4979
4811
  --block-size: var(--hop-Tag-sm-block-size);
4980
4812
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4981
4813
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4983,13 +4815,13 @@
4983
4815
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4984
4816
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4985
4817
  }
4986
- .Tag-module__hop-Tag--sm___kpbsa:not(:has(.Tag-module__hop-Tag__remove-btn___5yVei, .Tag-module__hop-Tag__Spinner___enPXH)) {
4818
+ .Tag-module__hop-Tag--sm___joTjE:not(:has(.Tag-module__hop-Tag__remove-btn___GEen-, .Tag-module__hop-Tag__Spinner___w1cy4)) {
4987
4819
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4988
4820
  }
4989
- .Tag-module__hop-Tag--sm___kpbsa:not(:has(.Tag-module__hop-Tag__avatar___j9dK0)) {
4821
+ .Tag-module__hop-Tag--sm___joTjE:not(:has(.Tag-module__hop-Tag__avatar___Mxc-0)) {
4990
4822
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4991
4823
  }
4992
- .Tag-module__hop-Tag--md___d3nmC {
4824
+ .Tag-module__hop-Tag--md___JMiJP {
4993
4825
  --block-size: var(--hop-Tag-md-block-size);
4994
4826
  --padding-inline: var(--hop-Tag-md-padding-inline);
4995
4827
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4997,13 +4829,13 @@
4997
4829
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4998
4830
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4999
4831
  }
5000
- .Tag-module__hop-Tag--md___d3nmC:not(:has(.Tag-module__hop-Tag__remove-btn___5yVei, .Tag-module__hop-Tag__Spinner___enPXH)) {
4832
+ .Tag-module__hop-Tag--md___JMiJP:not(:has(.Tag-module__hop-Tag__remove-btn___GEen-, .Tag-module__hop-Tag__Spinner___w1cy4)) {
5001
4833
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
5002
4834
  }
5003
- .Tag-module__hop-Tag--md___d3nmC:not(:has(.Tag-module__hop-Tag__avatar___j9dK0)) {
4835
+ .Tag-module__hop-Tag--md___JMiJP:not(:has(.Tag-module__hop-Tag__avatar___Mxc-0)) {
5004
4836
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
5005
4837
  }
5006
- .Tag-module__hop-Tag--lg___cAdUR {
4838
+ .Tag-module__hop-Tag--lg___hbsSP {
5007
4839
  --block-size: var(--hop-Tag-lg-block-size);
5008
4840
  --padding-inline: var(--hop-Tag-lg-padding-inline);
5009
4841
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -5011,348 +4843,348 @@
5011
4843
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
5012
4844
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
5013
4845
  }
5014
- .Tag-module__hop-Tag--lg___cAdUR:not(:has(.Tag-module__hop-Tag__remove-btn___5yVei, .Tag-module__hop-Tag__Spinner___enPXH)) {
4846
+ .Tag-module__hop-Tag--lg___hbsSP:not(:has(.Tag-module__hop-Tag__remove-btn___GEen-, .Tag-module__hop-Tag__Spinner___w1cy4)) {
5015
4847
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
5016
4848
  }
5017
- .Tag-module__hop-Tag--lg___cAdUR:not(:has(.Tag-module__hop-Tag__avatar___j9dK0)) {
4849
+ .Tag-module__hop-Tag--lg___hbsSP:not(:has(.Tag-module__hop-Tag__avatar___Mxc-0)) {
5018
4850
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
5019
4851
  }
5020
- .Tag-module__hop-Tag--neutral___99oBc {
4852
+ .Tag-module__hop-Tag--neutral___H0xBL {
5021
4853
  --border-color: var(--hop-Tag-neutral-border-color);
5022
4854
  --background-color: var(--hop-Tag-neutral-background-color);
5023
4855
  --text-color: var(--hop-Tag-neutral-text-color);
5024
4856
  }
5025
- .Tag-module__hop-Tag--subdued___uvj9F {
4857
+ .Tag-module__hop-Tag--subdued___uiPg- {
5026
4858
  --border-color: var(--hop-Tag-subdued-border-color);
5027
4859
  --background-color: var(--hop-Tag-subdued-background-color);
5028
4860
  --text-color: var(--hop-Tag-subdued-text-color);
5029
4861
  }
5030
- .Tag-module__hop-Tag--progress___fWK48 {
4862
+ .Tag-module__hop-Tag--progress___4Q-xU {
5031
4863
  --border-color: var(--hop-Tag-progress-border-color);
5032
4864
  --background-color: var(--hop-Tag-progress-background-color);
5033
4865
  --text-color: var(--hop-Tag-progress-text-color);
5034
4866
  }
5035
- .Tag-module__hop-Tag--positive___-4Nij {
4867
+ .Tag-module__hop-Tag--positive___f9WXy {
5036
4868
  --border-color: var(--hop-Tag-positive-border-color);
5037
4869
  --background-color: var(--hop-Tag-positive-background-color);
5038
4870
  --text-color: var(--hop-Tag-positive-text-color);
5039
4871
  }
5040
- .Tag-module__hop-Tag--caution___MgP0K {
4872
+ .Tag-module__hop-Tag--caution___Q7iVR {
5041
4873
  --border-color: var(--hop-Tag-caution-border-color);
5042
4874
  --background-color: var(--hop-Tag-caution-background-color);
5043
4875
  --text-color: var(--hop-Tag-caution-text-color);
5044
4876
  }
5045
- .Tag-module__hop-Tag--negative___orFXJ {
4877
+ .Tag-module__hop-Tag--negative___8fE8a {
5046
4878
  --border-color: var(--hop-Tag-negative-border-color);
5047
4879
  --background-color: var(--hop-Tag-negative-background-color);
5048
4880
  --text-color: var(--hop-Tag-negative-text-color);
5049
4881
  }
5050
- .Tag-module__hop-Tag--option1___JWyc3 {
4882
+ .Tag-module__hop-Tag--option1___zYsEb {
5051
4883
  --border-color: var(--hop-Tag-option1-border-color);
5052
4884
  --background-color: var(--hop-Tag-option1-background-color);
5053
4885
  --text-color: var(--hop-Tag-option1-text-color);
5054
4886
  }
5055
- .Tag-module__hop-Tag--option2___pbYw0 {
4887
+ .Tag-module__hop-Tag--option2___d41eM {
5056
4888
  --border-color: var(--hop-Tag-option2-border-color);
5057
4889
  --background-color: var(--hop-Tag-option2-background-color);
5058
4890
  --text-color: var(--hop-Tag-option2-text-color);
5059
4891
  }
5060
- .Tag-module__hop-Tag--option3___tGNXi {
4892
+ .Tag-module__hop-Tag--option3___H9bGN {
5061
4893
  --border-color: var(--hop-Tag-option3-border-color);
5062
4894
  --background-color: var(--hop-Tag-option3-background-color);
5063
4895
  --text-color: var(--hop-Tag-option3-text-color);
5064
4896
  }
5065
- .Tag-module__hop-Tag--option4___lQjaE {
4897
+ .Tag-module__hop-Tag--option4___UzGHz {
5066
4898
  --border-color: var(--hop-Tag-option4-border-color);
5067
4899
  --background-color: var(--hop-Tag-option4-background-color);
5068
4900
  --text-color: var(--hop-Tag-option4-text-color);
5069
4901
  }
5070
- .Tag-module__hop-Tag--option5___eMkf2 {
4902
+ .Tag-module__hop-Tag--option5___lt-uX {
5071
4903
  --border-color: var(--hop-Tag-option5-border-color);
5072
4904
  --background-color: var(--hop-Tag-option5-background-color);
5073
4905
  --text-color: var(--hop-Tag-option5-text-color);
5074
4906
  }
5075
- .Tag-module__hop-Tag--option6___JNDQC {
4907
+ .Tag-module__hop-Tag--option6___7o2Wz {
5076
4908
  --border-color: var(--hop-Tag-option6-border-color);
5077
4909
  --background-color: var(--hop-Tag-option6-background-color);
5078
4910
  --text-color: var(--hop-Tag-option6-text-color);
5079
4911
  }
5080
- .Tag-module__hop-Tag___TGBMS[data-href] {
4912
+ .Tag-module__hop-Tag___oOdEt[data-href] {
5081
4913
  cursor: pointer;
5082
4914
  }
5083
- .Tag-module__hop-Tag--neutral___99oBc[data-focus-visible] {
4915
+ .Tag-module__hop-Tag--neutral___H0xBL[data-focus-visible] {
5084
4916
  --border-color: var(--hop-Tag-neutral-border-color-focus);
5085
4917
  --background-color: var(--hop-Tag-neutral-background-color-focus);
5086
4918
  --text-color: var(--hop-Tag-neutral-text-color-focus);
5087
4919
  }
5088
- .Tag-module__hop-Tag--neutral___99oBc[data-hovered] {
4920
+ .Tag-module__hop-Tag--neutral___H0xBL[data-hovered] {
5089
4921
  --border-color: var(--hop-Tag-neutral-border-color-hover);
5090
4922
  --background-color: var(--hop-Tag-neutral-background-color-hover);
5091
4923
  --text-color: var(--hop-Tag-neutral-text-color-hover);
5092
4924
  }
5093
- .Tag-module__hop-Tag--neutral___99oBc[data-pressed] {
4925
+ .Tag-module__hop-Tag--neutral___H0xBL[data-pressed] {
5094
4926
  --border-color: var(--hop-Tag-neutral-border-color-press);
5095
4927
  --background-color: var(--hop-Tag-neutral-background-color-press);
5096
4928
  --text-color: var(--hop-Tag-neutral-text-color-press);
5097
4929
  }
5098
- .Tag-module__hop-Tag--neutral___99oBc[data-disabled] {
4930
+ .Tag-module__hop-Tag--neutral___H0xBL[data-disabled] {
5099
4931
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
5100
4932
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
5101
4933
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
5102
4934
  }
5103
- .Tag-module__hop-Tag--subdued___uvj9F[data-focus-visible] {
4935
+ .Tag-module__hop-Tag--subdued___uiPg-[data-focus-visible] {
5104
4936
  --border-color: var(--hop-Tag-subdued-border-color-focus);
5105
4937
  --background-color: var(--hop-Tag-subdued-background-color-focus);
5106
4938
  --text-color: var(--hop-Tag-subdued-text-color-focus);
5107
4939
  }
5108
- .Tag-module__hop-Tag--subdued___uvj9F[data-hovered] {
4940
+ .Tag-module__hop-Tag--subdued___uiPg-[data-hovered] {
5109
4941
  --border-color: var(--hop-Tag-subdued-border-color-hover);
5110
4942
  --background-color: var(--hop-Tag-subdued-background-color-hover);
5111
4943
  --text-color: var(--hop-Tag-subdued-text-color-hover);
5112
4944
  }
5113
- .Tag-module__hop-Tag--subdued___uvj9F[data-pressed] {
4945
+ .Tag-module__hop-Tag--subdued___uiPg-[data-pressed] {
5114
4946
  --border-color: var(--hop-Tag-subdued-border-color-press);
5115
4947
  --background-color: var(--hop-Tag-subdued-background-color-press);
5116
4948
  --text-color: var(--hop-Tag-subdued-text-color-press);
5117
4949
  }
5118
- .Tag-module__hop-Tag--subdued___uvj9F[data-disabled] {
4950
+ .Tag-module__hop-Tag--subdued___uiPg-[data-disabled] {
5119
4951
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
5120
4952
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
5121
4953
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
5122
4954
  }
5123
- .Tag-module__hop-Tag--progress___fWK48[data-focus-visible] {
4955
+ .Tag-module__hop-Tag--progress___4Q-xU[data-focus-visible] {
5124
4956
  --border-color: var(--hop-Tag-progress-border-color-focus);
5125
4957
  --background-color: var(--hop-Tag-progress-background-color-focus);
5126
4958
  --text-color: var(--hop-Tag-progress-text-color-focus);
5127
4959
  }
5128
- .Tag-module__hop-Tag--progress___fWK48[data-hovered] {
4960
+ .Tag-module__hop-Tag--progress___4Q-xU[data-hovered] {
5129
4961
  --border-color: var(--hop-Tag-progress-border-color-hover);
5130
4962
  --background-color: var(--hop-Tag-progress-background-color-hover);
5131
4963
  --text-color: var(--hop-Tag-progress-text-color-hover);
5132
4964
  }
5133
- .Tag-module__hop-Tag--progress___fWK48[data-pressed] {
4965
+ .Tag-module__hop-Tag--progress___4Q-xU[data-pressed] {
5134
4966
  --border-color: var(--hop-Tag-progress-border-color-press);
5135
4967
  --background-color: var(--hop-Tag-progress-background-color-press);
5136
4968
  --text-color: var(--hop-Tag-progress-text-color-press);
5137
4969
  }
5138
- .Tag-module__hop-Tag--progress___fWK48[data-disabled] {
4970
+ .Tag-module__hop-Tag--progress___4Q-xU[data-disabled] {
5139
4971
  --border-color: var(--hop-Tag-progress-border-color-disabled);
5140
4972
  --background-color: var(--hop-Tag-progress-background-color-disabled);
5141
4973
  --text-color: var(--hop-Tag-progress-text-color-disabled);
5142
4974
  }
5143
- .Tag-module__hop-Tag--positive___-4Nij[data-focus-visible] {
4975
+ .Tag-module__hop-Tag--positive___f9WXy[data-focus-visible] {
5144
4976
  --border-color: var(--hop-Tag-positive-border-color-focus);
5145
4977
  --background-color: var(--hop-Tag-positive-background-color-focus);
5146
4978
  --text-color: var(--hop-Tag-positive-text-color-focus);
5147
4979
  }
5148
- .Tag-module__hop-Tag--positive___-4Nij[data-hovered] {
4980
+ .Tag-module__hop-Tag--positive___f9WXy[data-hovered] {
5149
4981
  --border-color: var(--hop-Tag-positive-border-color-hover);
5150
4982
  --background-color: var(--hop-Tag-positive-background-color-hover);
5151
4983
  --text-color: var(--hop-Tag-positive-text-color-hover);
5152
4984
  }
5153
- .Tag-module__hop-Tag--positive___-4Nij[data-pressed] {
4985
+ .Tag-module__hop-Tag--positive___f9WXy[data-pressed] {
5154
4986
  --border-color: var(--hop-Tag-positive-border-color-press);
5155
4987
  --background-color: var(--hop-Tag-positive-background-color-press);
5156
4988
  --text-color: var(--hop-Tag-positive-text-color-press);
5157
4989
  }
5158
- .Tag-module__hop-Tag--positive___-4Nij[data-disabled] {
4990
+ .Tag-module__hop-Tag--positive___f9WXy[data-disabled] {
5159
4991
  --border-color: var(--hop-Tag-positive-border-color-disabled);
5160
4992
  --background-color: var(--hop-Tag-positive-background-color-disabled);
5161
4993
  --text-color: var(--hop-Tag-positive-text-color-disabled);
5162
4994
  }
5163
- .Tag-module__hop-Tag--caution___MgP0K[data-focus-visible] {
4995
+ .Tag-module__hop-Tag--caution___Q7iVR[data-focus-visible] {
5164
4996
  --border-color: var(--hop-Tag-caution-border-color-focus);
5165
4997
  --background-color: var(--hop-Tag-caution-background-color-focus);
5166
4998
  --text-color: var(--hop-Tag-caution-text-color-focus);
5167
4999
  }
5168
- .Tag-module__hop-Tag--caution___MgP0K[data-hovered] {
5000
+ .Tag-module__hop-Tag--caution___Q7iVR[data-hovered] {
5169
5001
  --border-color: var(--hop-Tag-caution-border-color-hover);
5170
5002
  --background-color: var(--hop-Tag-caution-background-color-hover);
5171
5003
  --text-color: var(--hop-Tag-caution-text-color-hover);
5172
5004
  }
5173
- .Tag-module__hop-Tag--caution___MgP0K[data-pressed] {
5005
+ .Tag-module__hop-Tag--caution___Q7iVR[data-pressed] {
5174
5006
  --border-color: var(--hop-Tag-caution-border-color-press);
5175
5007
  --background-color: var(--hop-Tag-caution-background-color-press);
5176
5008
  --text-color: var(--hop-Tag-caution-text-color-press);
5177
5009
  }
5178
- .Tag-module__hop-Tag--caution___MgP0K[data-disabled] {
5010
+ .Tag-module__hop-Tag--caution___Q7iVR[data-disabled] {
5179
5011
  --border-color: var(--hop-Tag-caution-border-color-disabled);
5180
5012
  --background-color: var(--hop-Tag-caution-background-color-disabled);
5181
5013
  --text-color: var(--hop-Tag-caution-text-color-disabled);
5182
5014
  }
5183
- .Tag-module__hop-Tag--negative___orFXJ[data-focus-visible] {
5015
+ .Tag-module__hop-Tag--negative___8fE8a[data-focus-visible] {
5184
5016
  --border-color: var(--hop-Tag-negative-border-color-focus);
5185
5017
  --background-color: var(--hop-Tag-negative-background-color-focus);
5186
5018
  --text-color: var(--hop-Tag-negative-text-color-focus);
5187
5019
  }
5188
- .Tag-module__hop-Tag--negative___orFXJ[data-hovered] {
5020
+ .Tag-module__hop-Tag--negative___8fE8a[data-hovered] {
5189
5021
  --border-color: var(--hop-Tag-negative-border-color-hover);
5190
5022
  --background-color: var(--hop-Tag-negative-background-color-hover);
5191
5023
  --text-color: var(--hop-Tag-negative-text-color-hover);
5192
5024
  }
5193
- .Tag-module__hop-Tag--negative___orFXJ[data-pressed] {
5025
+ .Tag-module__hop-Tag--negative___8fE8a[data-pressed] {
5194
5026
  --border-color: var(--hop-Tag-negative-border-color-press);
5195
5027
  --background-color: var(--hop-Tag-negative-background-color-press);
5196
5028
  --text-color: var(--hop-Tag-negative-text-color-press);
5197
5029
  }
5198
- .Tag-module__hop-Tag--negative___orFXJ[data-disabled] {
5030
+ .Tag-module__hop-Tag--negative___8fE8a[data-disabled] {
5199
5031
  --border-color: var(--hop-Tag-negative-border-color-disabled);
5200
5032
  --background-color: var(--hop-Tag-negative-background-color-disabled);
5201
5033
  --text-color: var(--hop-Tag-negative-text-color-disabled);
5202
5034
  }
5203
- .Tag-module__hop-Tag--option1___JWyc3[data-focus-visible] {
5035
+ .Tag-module__hop-Tag--option1___zYsEb[data-focus-visible] {
5204
5036
  --border-color: var(--hop-Tag-option1-border-color-focus);
5205
5037
  --background-color: var(--hop-Tag-option1-background-color-focus);
5206
5038
  --text-color: var(--hop-Tag-option1-text-color-focus);
5207
5039
  }
5208
- .Tag-module__hop-Tag--option1___JWyc3[data-hovered] {
5040
+ .Tag-module__hop-Tag--option1___zYsEb[data-hovered] {
5209
5041
  --border-color: var(--hop-Tag-option1-border-color-hover);
5210
5042
  --background-color: var(--hop-Tag-option1-background-color-hover);
5211
5043
  --text-color: var(--hop-Tag-option1-text-color-hover);
5212
5044
  }
5213
- .Tag-module__hop-Tag--option1___JWyc3[data-pressed] {
5045
+ .Tag-module__hop-Tag--option1___zYsEb[data-pressed] {
5214
5046
  --border-color: var(--hop-Tag-option1-border-color-press);
5215
5047
  --background-color: var(--hop-Tag-option1-background-color-press);
5216
5048
  --text-color: var(--hop-Tag-option1-text-color-press);
5217
5049
  }
5218
- .Tag-module__hop-Tag--option1___JWyc3[data-disabled] {
5050
+ .Tag-module__hop-Tag--option1___zYsEb[data-disabled] {
5219
5051
  --border-color: var(--hop-Tag-option1-border-color-disabled);
5220
5052
  --background-color: var(--hop-Tag-option1-background-color-disabled);
5221
5053
  --text-color: var(--hop-Tag-option1-text-color-disabled);
5222
5054
  }
5223
- .Tag-module__hop-Tag--option2___pbYw0[data-focus-visible] {
5055
+ .Tag-module__hop-Tag--option2___d41eM[data-focus-visible] {
5224
5056
  --border-color: var(--hop-Tag-option2-border-color-focus);
5225
5057
  --background-color: var(--hop-Tag-option2-background-color-focus);
5226
5058
  --text-color: var(--hop-Tag-option2-text-color-focus);
5227
5059
  }
5228
- .Tag-module__hop-Tag--option2___pbYw0[data-hovered] {
5060
+ .Tag-module__hop-Tag--option2___d41eM[data-hovered] {
5229
5061
  --border-color: var(--hop-Tag-option2-border-color-hover);
5230
5062
  --background-color: var(--hop-Tag-option2-background-color-hover);
5231
5063
  --text-color: var(--hop-Tag-option2-text-color-hover);
5232
5064
  }
5233
- .Tag-module__hop-Tag--option2___pbYw0[data-pressed] {
5065
+ .Tag-module__hop-Tag--option2___d41eM[data-pressed] {
5234
5066
  --border-color: var(--hop-Tag-option2-border-color-press);
5235
5067
  --background-color: var(--hop-Tag-option2-background-color-press);
5236
5068
  --text-color: var(--hop-Tag-option2-text-color-press);
5237
5069
  }
5238
- .Tag-module__hop-Tag--option2___pbYw0[data-disabled] {
5070
+ .Tag-module__hop-Tag--option2___d41eM[data-disabled] {
5239
5071
  --border-color: var(--hop-Tag-option2-border-color-disabled);
5240
5072
  --background-color: var(--hop-Tag-option2-background-color-disabled);
5241
5073
  --text-color: var(--hop-Tag-option2-text-color-disabled);
5242
5074
  }
5243
- .Tag-module__hop-Tag--option3___tGNXi[data-focus-visible] {
5075
+ .Tag-module__hop-Tag--option3___H9bGN[data-focus-visible] {
5244
5076
  --border-color: var(--hop-Tag-option3-border-color-focus);
5245
5077
  --background-color: var(--hop-Tag-option3-background-color-focus);
5246
5078
  --text-color: var(--hop-Tag-option3-text-color-focus);
5247
5079
  }
5248
- .Tag-module__hop-Tag--option3___tGNXi[data-hovered] {
5080
+ .Tag-module__hop-Tag--option3___H9bGN[data-hovered] {
5249
5081
  --border-color: var(--hop-Tag-option3-border-color-hover);
5250
5082
  --background-color: var(--hop-Tag-option3-background-color-hover);
5251
5083
  --text-color: var(--hop-Tag-option3-text-color-hover);
5252
5084
  }
5253
- .Tag-module__hop-Tag--option3___tGNXi[data-pressed] {
5085
+ .Tag-module__hop-Tag--option3___H9bGN[data-pressed] {
5254
5086
  --border-color: var(--hop-Tag-option3-border-color-press);
5255
5087
  --background-color: var(--hop-Tag-option3-background-color-press);
5256
5088
  --text-color: var(--hop-Tag-option3-text-color-press);
5257
5089
  }
5258
- .Tag-module__hop-Tag--option3___tGNXi[data-disabled] {
5090
+ .Tag-module__hop-Tag--option3___H9bGN[data-disabled] {
5259
5091
  --border-color: var(--hop-Tag-option3-border-color-disabled);
5260
5092
  --background-color: var(--hop-Tag-option3-background-color-disabled);
5261
5093
  --text-color: var(--hop-Tag-option3-text-color-disabled);
5262
5094
  }
5263
- .Tag-module__hop-Tag--option4___lQjaE[data-focus-visible] {
5095
+ .Tag-module__hop-Tag--option4___UzGHz[data-focus-visible] {
5264
5096
  --border-color: var(--hop-Tag-option4-border-color-focus);
5265
5097
  --background-color: var(--hop-Tag-option4-background-color-focus);
5266
5098
  --text-color: var(--hop-Tag-option4-text-color-focus);
5267
5099
  }
5268
- .Tag-module__hop-Tag--option4___lQjaE[data-hovered] {
5100
+ .Tag-module__hop-Tag--option4___UzGHz[data-hovered] {
5269
5101
  --border-color: var(--hop-Tag-option4-border-color-hover);
5270
5102
  --background-color: var(--hop-Tag-option4-background-color-hover);
5271
5103
  --text-color: var(--hop-Tag-option4-text-color-hover);
5272
5104
  }
5273
- .Tag-module__hop-Tag--option4___lQjaE[data-pressed] {
5105
+ .Tag-module__hop-Tag--option4___UzGHz[data-pressed] {
5274
5106
  --border-color: var(--hop-Tag-option4-border-color-press);
5275
5107
  --background-color: var(--hop-Tag-option4-background-color-press);
5276
5108
  --text-color: var(--hop-Tag-option4-text-color-press);
5277
5109
  }
5278
- .Tag-module__hop-Tag--option4___lQjaE[data-disabled] {
5110
+ .Tag-module__hop-Tag--option4___UzGHz[data-disabled] {
5279
5111
  --border-color: var(--hop-Tag-option4-border-color-disabled);
5280
5112
  --background-color: var(--hop-Tag-option4-background-color-disabled);
5281
5113
  --text-color: var(--hop-Tag-option4-text-color-disabled);
5282
5114
  }
5283
- .Tag-module__hop-Tag--option5___eMkf2[data-focus-visible] {
5115
+ .Tag-module__hop-Tag--option5___lt-uX[data-focus-visible] {
5284
5116
  --border-color: var(--hop-Tag-option5-border-color-focus);
5285
5117
  --background-color: var(--hop-Tag-option5-background-color-focus);
5286
5118
  --text-color: var(--hop-Tag-option5-text-color-focus);
5287
5119
  }
5288
- .Tag-module__hop-Tag--option5___eMkf2[data-hovered] {
5120
+ .Tag-module__hop-Tag--option5___lt-uX[data-hovered] {
5289
5121
  --border-color: var(--hop-Tag-option5-border-color-hover);
5290
5122
  --background-color: var(--hop-Tag-option5-background-color-hover);
5291
5123
  --text-color: var(--hop-Tag-option5-text-color-hover);
5292
5124
  }
5293
- .Tag-module__hop-Tag--option5___eMkf2[data-pressed] {
5125
+ .Tag-module__hop-Tag--option5___lt-uX[data-pressed] {
5294
5126
  --border-color: var(--hop-Tag-option5-border-color-press);
5295
5127
  --background-color: var(--hop-Tag-option5-background-color-press);
5296
5128
  --text-color: var(--hop-Tag-option5-text-color-press);
5297
5129
  }
5298
- .Tag-module__hop-Tag--option5___eMkf2[data-disabled] {
5130
+ .Tag-module__hop-Tag--option5___lt-uX[data-disabled] {
5299
5131
  --border-color: var(--hop-Tag-option5-border-color-disabled);
5300
5132
  --background-color: var(--hop-Tag-option5-background-color-disabled);
5301
5133
  --text-color: var(--hop-Tag-option5-text-color-disabled);
5302
5134
  }
5303
- .Tag-module__hop-Tag--option6___JNDQC[data-focus-visible] {
5135
+ .Tag-module__hop-Tag--option6___7o2Wz[data-focus-visible] {
5304
5136
  --border-color: var(--hop-Tag-option6-border-color-focus);
5305
5137
  --background-color: var(--hop-Tag-option6-background-color-focus);
5306
5138
  --text-color: var(--hop-Tag-option6-text-color-focus);
5307
5139
  }
5308
- .Tag-module__hop-Tag--option6___JNDQC[data-hovered] {
5140
+ .Tag-module__hop-Tag--option6___7o2Wz[data-hovered] {
5309
5141
  --border-color: var(--hop-Tag-option6-border-color-hover);
5310
5142
  --background-color: var(--hop-Tag-option6-background-color-hover);
5311
5143
  --text-color: var(--hop-Tag-option6-text-color-hover);
5312
5144
  }
5313
- .Tag-module__hop-Tag--option6___JNDQC[data-pressed] {
5145
+ .Tag-module__hop-Tag--option6___7o2Wz[data-pressed] {
5314
5146
  --border-color: var(--hop-Tag-option6-border-color-press);
5315
5147
  --background-color: var(--hop-Tag-option6-background-color-press);
5316
5148
  --text-color: var(--hop-Tag-option6-text-color-press);
5317
5149
  }
5318
- .Tag-module__hop-Tag--option6___JNDQC[data-disabled] {
5150
+ .Tag-module__hop-Tag--option6___7o2Wz[data-disabled] {
5319
5151
  --border-color: var(--hop-Tag-option6-border-color-disabled);
5320
5152
  --background-color: var(--hop-Tag-option6-background-color-disabled);
5321
5153
  --text-color: var(--hop-Tag-option6-text-color-disabled);
5322
5154
  }
5323
- .Tag-module__hop-Tag___TGBMS[data-focus-visible] {
5155
+ .Tag-module__hop-Tag___oOdEt[data-focus-visible] {
5324
5156
  outline: 0.125rem solid var(--focus-ring-color);
5325
5157
  }
5326
- .Tag-module__hop-Tag___TGBMS[data-hovered] {
5158
+ .Tag-module__hop-Tag___oOdEt[data-hovered] {
5327
5159
  cursor: pointer;
5328
5160
  }
5329
- .Tag-module__hop-Tag___TGBMS[data-selected] {
5161
+ .Tag-module__hop-Tag___oOdEt[data-selected] {
5330
5162
  --background-color: var(--hop-Tag-background-color-selected);
5331
5163
  --border-color: var(--hop-Tag-border-color-selected);
5332
5164
  --text-color: var(--hop-Tag-text-color-selected);
5333
5165
  }
5334
- .Tag-module__hop-Tag___TGBMS[data-pressed] {
5166
+ .Tag-module__hop-Tag___oOdEt[data-pressed] {
5335
5167
  cursor: pointer;
5336
5168
  }
5337
- .Tag-module__hop-Tag___TGBMS[data-invalid] {
5169
+ .Tag-module__hop-Tag___oOdEt[data-invalid] {
5338
5170
  --border-color: var(--hop-Tag-border-color-invalid);
5339
5171
  }
5340
- .Tag-module__hop-Tag___TGBMS[data-disabled] {
5172
+ .Tag-module__hop-Tag___oOdEt[data-disabled] {
5341
5173
  cursor: not-allowed;
5342
5174
  }
5343
- .Tag-module__hop-Tag__avatar___j9dK0 {
5175
+ .Tag-module__hop-Tag__avatar___Mxc-0 {
5344
5176
  flex: 0 0 auto;
5345
5177
  order: 1;
5346
5178
  margin-inline-start: var(--avatar-margin-inline-start);
5347
5179
  }
5348
- .Tag-module__hop-Tag__icon___79-I6,
5349
- .Tag-module__hop-Tag__icon-list___BBkr5 {
5180
+ .Tag-module__hop-Tag__icon___gERIu,
5181
+ .Tag-module__hop-Tag__icon-list___Ov4SR {
5350
5182
  flex: 0 0 auto;
5351
5183
  flex-wrap: nowrap;
5352
5184
  order: 2;
5353
5185
  margin-inline-start: var(--icon-margin-inline-start, 0);
5354
5186
  }
5355
- .Tag-module__hop-Tag__text___vNl39 {
5187
+ .Tag-module__hop-Tag__text___wEzsX {
5356
5188
  overflow: hidden;
5357
5189
  flex: 1 1 auto;
5358
5190
  order: 3;
@@ -5360,33 +5192,33 @@
5360
5192
  text-align: center;
5361
5193
  text-overflow: ellipsis;
5362
5194
  }
5363
- .Tag-module__hop-Tag__badge___X-KIZ {
5195
+ .Tag-module__hop-Tag__badge___0gw-w {
5364
5196
  flex: 0 0 auto;
5365
5197
  order: 4;
5366
5198
  margin-inline-end: var(--badge-margin-inline-end);
5367
5199
  }
5368
- .Tag-module__hop-Tag___TGBMS .Tag-module__hop-Tag__badge--subdued___CoiEq {
5200
+ .Tag-module__hop-Tag___oOdEt .Tag-module__hop-Tag__badge--subdued___3F6GN {
5369
5201
  margin-inline-start: var(--badge-secondary-margin-inline-start);
5370
5202
  color: inherit;
5371
5203
  background: none;
5372
5204
  }
5373
- .Tag-module__hop-Tag--sm___kpbsa .Tag-module__hop-Tag__badge___X-KIZ {
5205
+ .Tag-module__hop-Tag--sm___joTjE .Tag-module__hop-Tag__badge___0gw-w {
5374
5206
  block-size: 100%;
5375
5207
  }
5376
- .Tag-module__hop-Tag__remove-btn___5yVei,
5377
- .Tag-module__hop-Tag__Spinner___enPXH {
5208
+ .Tag-module__hop-Tag__remove-btn___GEen-,
5209
+ .Tag-module__hop-Tag__Spinner___w1cy4 {
5378
5210
  flex: 0 0 auto;
5379
5211
  order: 5;
5380
5212
  }
5381
- .Tag-module__hop-Tag__Spinner___enPXH {
5213
+ .Tag-module__hop-Tag__Spinner___w1cy4 {
5382
5214
  margin-inline-end: var(--spinner-margin-inline-end);
5383
5215
  }
5384
- .Tag-module__hop-Tag__remove-btn___5yVei {
5216
+ .Tag-module__hop-Tag__remove-btn___GEen- {
5385
5217
  margin-inline: var(--clear-btn-margin-inline);
5386
5218
  }
5387
5219
 
5388
5220
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
5389
- .TagGroup-module__hop-TagGroup___JrJGa {
5221
+ .TagGroup-module__hop-TagGroup___86SX6 {
5390
5222
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
5391
5223
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
5392
5224
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -5406,10 +5238,10 @@
5406
5238
  inline-size: max-content;
5407
5239
  max-inline-size: 100%;
5408
5240
  }
5409
- .TagGroup-module__hop-TagGroup___JrJGa > .TagGroup-module__hop-TagGroup__label___BFPSX {
5241
+ .TagGroup-module__hop-TagGroup___86SX6 > .TagGroup-module__hop-TagGroup__label___9q2EX {
5410
5242
  order: 1;
5411
5243
  }
5412
- .TagGroup-module__hop-TagGroup__list___RFC7g {
5244
+ .TagGroup-module__hop-TagGroup__list___wY28t {
5413
5245
  display: flex;
5414
5246
  flex-wrap: wrap;
5415
5247
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -5418,15 +5250,209 @@
5418
5250
  border-radius: var(--list-border-radius);
5419
5251
  outline: none;
5420
5252
  }
5421
- .TagGroup-module__hop-TagGroup__list___RFC7g[data-focus-visible] {
5253
+ .TagGroup-module__hop-TagGroup__list___wY28t[data-focus-visible] {
5422
5254
  outline: 0.125rem solid var(--list-focus-ring-color);
5423
5255
  outline-offset: 0.125rem;
5424
5256
  }
5425
- .TagGroup-module__hop-TagGroup___JrJGa > .TagGroup-module__hop-TagGroup__error-message___HWfPz,
5426
- .TagGroup-module__hop-TagGroup___JrJGa > .TagGroup-module__hop-TagGroup__helper-message___tV0vu {
5257
+ .TagGroup-module__hop-TagGroup___86SX6 > .TagGroup-module__hop-TagGroup__error-message___lPWQQ,
5258
+ .TagGroup-module__hop-TagGroup___86SX6 > .TagGroup-module__hop-TagGroup__helper-message___S4hdN {
5259
+ order: 3;
5260
+ }
5261
+
5262
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
5263
+ .Form-module__hop-Form___mabUT {
5264
+ display: flex;
5265
+ flex-direction: column;
5266
+ gap: var(--hop-space-stack-lg);
5267
+ }
5268
+
5269
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
5270
+ .Switch-module__hop-Switch___0IBC- {
5271
+ --hop-Switch-border-size: 0.0625rem;
5272
+ --hop-Switch-border-color: var(--hop-neutral-border);
5273
+ --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
5274
+ --hop-Switch-background-color: var(--hop-neutral-surface);
5275
+ --hop-Switch-thumb-color: var(--hop-neutral-icon);
5276
+ --hop-Switch-text-color: var(--hop-neutral-text);
5277
+ --hop-Switch-border-color-hover: var(--hop-neutral-border-hover);
5278
+ --hop-Switch-background-color-hover: var(--hop-neutral-surface-hover);
5279
+ --hop-Switch-thumb-color-hover: var(--hop-neutral-icon-hover);
5280
+ --hop-Switch-text-color-hover: var(--hop-neutral-text-hover);
5281
+ --hop-Switch-border-color-pressed: var(--hop-neutral-border-press);
5282
+ --hop-Switch-background-color-pressed: var(--hop-neutral-surface-press);
5283
+ --hop-Switch-thumb-color-pressed: var(--hop-neutral-icon-press);
5284
+ --hop-Switch-text-color-pressed: var(--hop-neutral-text-press);
5285
+ --hop-Switch-border-color-focus: var(--hop-neutral-border-hover);
5286
+ --hop-Switch-background-color-focus: var(--hop-neutral-surface-hover);
5287
+ --hop-Switch-thumb-color-focus: var(--hop-neutral-icon-hover);
5288
+ --hop-Switch-focus-ring-color: var(--hop-primary-border-focus);
5289
+ --hop-Switch-text-color-focus: var(--hop-neutral-text);
5290
+ --hop-Switch-border-color-selected: var(--hop-neutral-border-selected);
5291
+ --hop-Switch-background-color-selected: var(--hop-neutral-surface-selected);
5292
+ --hop-Switch-thumb-color-selected: var(--hop-neutral-icon-selected);
5293
+ --hop-Switch-text-color-selected: var(--hop-neutral-text);
5294
+ --hop-Switch-border-color-disabled: var(--hop-neutral-border-disabled);
5295
+ --hop-Switch-background-color-disabled: var(--hop-neutral-surface-disabled);
5296
+ --hop-Switch-thumb-color-disabled: var(--hop-neutral-icon-disabled);
5297
+ --hop-Switch-text-color-disabled: var(--hop-neutral-text-disabled);
5298
+ --hop-Switch-inline-size-md: 3rem;
5299
+ --hop-Switch-block-size-md: 1.5rem;
5300
+ --hop-Switch-thumb-size-md: 1rem;
5301
+ --hop-Switch-inset-inline-start-md: var(--hop-space-inset-xs);
5302
+ --hop-Switch-text-top-offset-md: calc((var(--block-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
5303
+ --hop-Switch-inline-size-sm: 2rem;
5304
+ --hop-Switch-block-size-sm: 1rem;
5305
+ --hop-Switch-thumb-size-sm: 0.75rem;
5306
+ --hop-Switch-inset-inline-start-sm: calc(var(--hop-space-inset-xs) / 2);
5307
+ --hop-Switch-text-top-offset-sm: calc((var(--block-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
5308
+ --border-size: var(--hop-Switch-border-size);
5309
+ --border-color: var(--hop-Switch-border-color);
5310
+ --border-radius: var(--hop-Switch-border-radius);
5311
+ --background-color: var(--hop-Switch-background-color);
5312
+ --column-gap: var(--hop-space-inline-sm);
5313
+ --thumb-color: var(--hop-Switch-thumb-color);
5314
+ --thumb-transform: translate(0, -50%);
5315
+ --outline: none;
5316
+ --cursor: pointer;
5317
+ --text-color: var(--hop-Switch-text-color);
5318
+ cursor: var(--cursor);
5319
+ display: inline-flex;
5320
+ column-gap: var(--column-gap);
5321
+ align-items: flex-start;
5322
+ justify-content: flex-start;
5323
+ box-sizing: border-box;
5324
+ inline-size: max-content;
5325
+ max-inline-size: 100%;
5326
+ }
5327
+ .Switch-module__hop-Switch--sm___P1dbZ {
5328
+ --inline-size: var(--hop-Switch-inline-size-sm);
5329
+ --block-size: var(--hop-Switch-block-size-sm);
5330
+ --thumb-size: var(--hop-Switch-thumb-size-sm);
5331
+ --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
5332
+ --text-top-offset: var(--hop-Switch-text-top-offset-sm);
5333
+ }
5334
+ .Switch-module__hop-Switch--md___dyoLU {
5335
+ --inline-size: var(--hop-Switch-inline-size-md);
5336
+ --block-size: var(--hop-Switch-block-size-md);
5337
+ --thumb-size: var(--hop-Switch-thumb-size-md);
5338
+ --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
5339
+ --text-top-offset: var(--hop-Switch-text-top-offset-md);
5340
+ }
5341
+ .Switch-module__hop-Switch___0IBC-[data-hovered] {
5342
+ --border-color: var(--hop-Switch-border-color-hover);
5343
+ --background-color: var(--hop-Switch-background-color-hover);
5344
+ --thumb-color: var(--hop-Switch-thumb-color-hover);
5345
+ --text-color: var(--hop-Switch-text-color-hover);
5346
+ }
5347
+ .Switch-module__hop-Switch___0IBC-[data-pressed],
5348
+ .Switch-module__hop-Switch___0IBC-[data-pressed][data-focus-visible] {
5349
+ --border-color: var(--hop-Switch-border-color-pressed);
5350
+ --background-color: var(--hop-Switch-background-color-pressed);
5351
+ --thumb-color: var(--hop-Switch-thumb-color-pressed);
5352
+ --text-color: var(--hop-Switch-text-color-pressed);
5353
+ }
5354
+ .Switch-module__hop-Switch___0IBC-[data-focus-visible] {
5355
+ --border-color: var(--hop-Switch-border-color-focus);
5356
+ --background-color: var(--hop-Switch-background-color-focus);
5357
+ --thumb-color: var(--hop-Switch-thumb-color-focus);
5358
+ --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
5359
+ --text-color: var(--hop-Switch-text-color-focus);
5360
+ }
5361
+ .Switch-module__hop-Switch___0IBC-[data-selected],
5362
+ .Switch-module__hop-Switch___0IBC-[data-selected][data-pressed] {
5363
+ --border-color: var(--hop-Switch-border-color-selected);
5364
+ --background-color: var(--hop-Switch-background-color-selected);
5365
+ --thumb-color: var(--hop-Switch-thumb-color-selected);
5366
+ --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%);
5367
+ --text-color: var(--hop-Switch-text-color-selected);
5368
+ }
5369
+ .Switch-module__hop-Switch___0IBC-[data-disabled] {
5370
+ --border-color: var(--hop-Switch-border-color-disabled);
5371
+ --background-color: var(--hop-Switch-background-color-disabled);
5372
+ --thumb-color: var(--hop-Switch-thumb-color-disabled);
5373
+ --text-color: var(--hop-Switch-text-color-disabled);
5374
+ --cursor: not-allowed;
5375
+ }
5376
+ .Switch-module__hop-Switch__indicator___jDoDu {
5377
+ position: relative;
5378
+ flex: 0 0 auto;
5379
+ box-sizing: border-box;
5380
+ inline-size: var(--inline-size, var(--hop-Switch-inline-size-md));
5381
+ block-size: var(--block-size, var(--hop-Switch-block-size-md));
5382
+ background-color: var(--background-color);
5383
+ border: var(--border-size) solid var(--border-color);
5384
+ border-radius: var(--border-radius);
5385
+ outline: var(--outline);
5386
+ outline-offset: 0.125rem;
5387
+ transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
5388
+ }
5389
+ .Switch-module__hop-Switch__indicator___jDoDu::before {
5390
+ content: "";
5391
+ position: absolute;
5392
+ inset-block-start: 50%;
5393
+ inset-inline-start: var(--inset-inline-start);
5394
+ transform: var(--thumb-transform);
5395
+ flex: 0 0 auto;
5396
+ order: 1;
5397
+ box-sizing: border-box;
5398
+ inline-size: var(--thumb-size);
5399
+ block-size: var(--thumb-size);
5400
+ background-color: var(--thumb-color);
5401
+ border-radius: var(--hop-shape-circle);
5402
+ transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
5403
+ }
5404
+ .Switch-module__hop-Switch__text___qg40Z {
5405
+ flex: 0 1 auto;
5406
+ order: 2;
5407
+ min-inline-size: 0;
5408
+ margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
5409
+ color: var(--text-color);
5410
+ }
5411
+ .Switch-module__hop-Switch__icon-list___AyhrZ,
5412
+ .Switch-module__hop-Switch__icon___oMPEr {
5427
5413
  order: 3;
5428
5414
  }
5429
5415
 
5416
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
5417
+ .SwitchField-module__hop-SwitchField___RhshR {
5418
+ --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
5419
+ --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
5420
+ --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
5421
+ --hop-SwitchField-switch-sm-inline-size: 2rem;
5422
+ --hop-SwitchField-description-sm-margin-inline-start: calc(var(--hop-SwitchField-switch-sm-inline-size) + var(--hop-space-inline-sm));
5423
+ --hop-SwitchField-md-row-gap: var(--hop-space-stack-xs);
5424
+ --hop-SwitchField-switch-md-inline-size: 3rem;
5425
+ --hop-SwitchField-description-md-margin-inline-start: calc(var(--hop-SwitchField-switch-md-inline-size) + var(--hop-space-inline-sm));
5426
+ --description-color: var(--hop-SwitchField-description-color);
5427
+ display: flex;
5428
+ flex-direction: column;
5429
+ row-gap: var(--row-gap, var(--hop-space-stack-sm));
5430
+ align-items: flex-start;
5431
+ justify-content: flex-start;
5432
+ box-sizing: border-box;
5433
+ inline-size: max-content;
5434
+ max-inline-size: 100%;
5435
+ }
5436
+ .SwitchField-module__hop-SwitchField___RhshR[data-disabled] {
5437
+ --description-color: var(--hop-SwitchField-description-color-disabled);
5438
+ }
5439
+ .SwitchField-module__hop-SwitchField--sm___5jzM3 {
5440
+ --row-gap: var(--hop-SwitchField-sm-row-gap);
5441
+ --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
5442
+ }
5443
+ .SwitchField-module__hop-SwitchField--md___KCmFX {
5444
+ --row-gap: var(--hop-SwitchField-md-row-gap);
5445
+ --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
5446
+ }
5447
+ .SwitchField-module__hop-SwitchField__description___78I5- {
5448
+ order: 2;
5449
+ margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
5450
+ color: var(--description-color);
5451
+ }
5452
+ .SwitchField-module__hop-SwitchField__switch___NRAtt {
5453
+ order: 1;
5454
+ }
5455
+
5430
5456
  /* ../tokens/dist/fonts.css */
5431
5457
  @font-face {
5432
5458
  font-family: "Inter";