@hopper-ui/components 1.3.19 → 1.3.21

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 (234) hide show
  1. package/CHANGELOG.md +19 -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/{ClearButton-_NnHqYE1.d.ts → ClearButton-DTR1qTbm.d.ts} +1 -3
  19. package/dist/ComboBox/src/ComboBox.css +1179 -866
  20. package/dist/ComboBox/src/ComboBox.js +6 -6
  21. package/dist/ComboBox/src/ComboBoxOptions.css +1179 -866
  22. package/dist/ComboBox/src/ComboBoxOptions.js +58 -56
  23. package/dist/ComboBox/src/index.css +1179 -866
  24. package/dist/ComboBox/src/index.js +58 -56
  25. package/dist/Divider/src/Divider.css +29 -29
  26. package/dist/Divider/src/Divider.js +1 -1
  27. package/dist/Divider/src/index.css +29 -29
  28. package/dist/Divider/src/index.js +1 -1
  29. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  30. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  31. package/dist/ErrorMessage/src/index.css +29 -29
  32. package/dist/ErrorMessage/src/index.js +2 -2
  33. package/dist/Form/src/Form.css +1179 -866
  34. package/dist/Form/src/Form.js +58 -56
  35. package/dist/Form/src/index.css +1179 -866
  36. package/dist/Form/src/index.js +58 -56
  37. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  38. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  39. package/dist/HelperMessage/src/index.css +29 -29
  40. package/dist/HelperMessage/src/index.js +2 -2
  41. package/dist/IconList/src/IconList.css +28 -28
  42. package/dist/IconList/src/IconList.js +1 -1
  43. package/dist/IconList/src/index.css +28 -28
  44. package/dist/IconList/src/index.js +1 -1
  45. package/dist/Link/src/Link.css +49 -49
  46. package/dist/Link/src/Link.js +6 -6
  47. package/dist/Link/src/index.css +49 -49
  48. package/dist/Link/src/index.js +6 -6
  49. package/dist/ListBox/src/ListBox.css +274 -274
  50. package/dist/ListBox/src/ListBox.js +10 -10
  51. package/dist/ListBox/src/ListBoxItem.css +262 -262
  52. package/dist/ListBox/src/ListBoxItem.d.ts +2 -6
  53. package/dist/ListBox/src/ListBoxItem.js +9 -9
  54. package/dist/ListBox/src/ListBoxItemContext.d.ts +1 -2
  55. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  56. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +0 -1
  57. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  58. package/dist/ListBox/src/ListBoxItemSkeletonContext.d.ts +0 -1
  59. package/dist/ListBox/src/index.css +274 -274
  60. package/dist/ListBox/src/index.js +10 -10
  61. package/dist/Select/src/Select.css +296 -296
  62. package/dist/Select/src/Select.js +7 -7
  63. package/dist/Select/src/SelectOptions.css +1179 -866
  64. package/dist/Select/src/SelectOptions.js +58 -56
  65. package/dist/Select/src/SelectValue.css +61 -61
  66. package/dist/Select/src/SelectValue.js +5 -5
  67. package/dist/Select/src/index.css +1179 -866
  68. package/dist/Select/src/index.js +58 -56
  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 +186 -265
  74. package/dist/buttons/src/Button.d.ts +5 -14
  75. package/dist/buttons/src/Button.js +7 -8
  76. package/dist/buttons/src/ButtonContext.d.ts +4 -6
  77. package/dist/buttons/src/ButtonGroup.css +38 -38
  78. package/dist/buttons/src/ButtonGroup.d.ts +1 -2
  79. package/dist/buttons/src/ButtonGroup.js +2 -1
  80. package/dist/buttons/src/ButtonGroupContext.d.ts +1 -2
  81. package/dist/buttons/src/ClearButton.css +98 -98
  82. package/dist/buttons/src/ClearButton.d.ts +1 -1
  83. package/dist/buttons/src/ClearButton.js +2 -2
  84. package/dist/buttons/src/ClearButtonContext.d.ts +1 -1
  85. package/dist/buttons/src/EmbeddedButton.css +98 -98
  86. package/dist/buttons/src/EmbeddedButton.d.ts +1 -1
  87. package/dist/buttons/src/EmbeddedButton.js +1 -1
  88. package/dist/buttons/src/EmbeddedButtonContext.d.ts +1 -1
  89. package/dist/buttons/src/LinkButton.css +627 -0
  90. package/dist/buttons/src/LinkButton.d.ts +30 -0
  91. package/dist/buttons/src/LinkButton.js +21 -0
  92. package/dist/buttons/src/LinkButtonContext.d.ts +9 -0
  93. package/dist/buttons/src/LinkButtonContext.js +2 -0
  94. package/dist/buttons/src/index.css +660 -347
  95. package/dist/buttons/src/index.d.ts +7 -4
  96. package/dist/buttons/src/index.js +12 -11
  97. package/dist/checkbox/src/Checkbox.css +46 -46
  98. package/dist/checkbox/src/Checkbox.js +6 -6
  99. package/dist/checkbox/src/CheckboxField.css +33 -33
  100. package/dist/checkbox/src/CheckboxField.js +1 -1
  101. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  102. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  103. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  104. package/dist/checkbox/src/DecorativeCheckbox.js +6 -6
  105. package/dist/checkbox/src/index.css +98 -98
  106. package/dist/checkbox/src/index.js +9 -9
  107. package/dist/{chunk-PRRWXAH6.js → chunk-2FXHD5EF.js} +2 -2
  108. package/dist/{chunk-AZZPA2LW.js → chunk-3PONZZJH.js} +1 -1
  109. package/dist/{chunk-SP77UBAZ.js → chunk-3TN23WXI.js} +2 -2
  110. package/dist/chunk-3UQFC2NQ.js +7 -0
  111. package/dist/{chunk-LSNF44NV.js → chunk-4MJUV4Y4.js} +1 -1
  112. package/dist/{chunk-2REEY4WL.js → chunk-7XRGRMKN.js} +5 -3
  113. package/dist/{chunk-ZC6L6YVM.js → chunk-AJAXFPMZ.js} +1 -1
  114. package/dist/{chunk-WNSRRKT4.js → chunk-BZDYEIAN.js} +14 -3
  115. package/dist/{chunk-ZSX65Q2Z.js → chunk-CRBWHSR5.js} +1 -1
  116. package/dist/{chunk-MU3JYORH.js → chunk-D3ES4N5I.js} +3 -3
  117. package/dist/{chunk-UBFL654S.js → chunk-DQ3RMWYV.js} +5 -5
  118. package/dist/{chunk-FGW443T2.js → chunk-DSDDTQSP.js} +3 -3
  119. package/dist/{chunk-Q6BAJIO5.js → chunk-E6KLDSL7.js} +2 -2
  120. package/dist/{chunk-3UDYVVZU.js → chunk-EI3IUNUO.js} +2 -2
  121. package/dist/{chunk-IS2BGYLY.js → chunk-F6SXVFV7.js} +2 -2
  122. package/dist/{chunk-M5W6ERG2.js → chunk-H5SFGSQY.js} +2 -2
  123. package/dist/{chunk-SFCKVMYU.js → chunk-HCDZVQF5.js} +2 -2
  124. package/dist/{chunk-RX6A4PRX.js → chunk-HEAER6AM.js} +1 -1
  125. package/dist/{chunk-PBYJNOG2.js → chunk-HIDFOPDG.js} +2 -2
  126. package/dist/{chunk-64KJ34CI.js → chunk-I7RO3Y4Y.js} +1 -1
  127. package/dist/{chunk-PPLVWRK2.js → chunk-ID7CLQIZ.js} +1 -1
  128. package/dist/{chunk-PS7WUB3A.js → chunk-IRP5O2PB.js} +1 -1
  129. package/dist/{chunk-IRCC3UPO.js → chunk-IVVBR4PT.js} +1 -1
  130. package/dist/{chunk-DZKGGMUX.js → chunk-J3D3EFH7.js} +2 -2
  131. package/dist/{chunk-CH737ZX3.js → chunk-KGVQXCKY.js} +6 -6
  132. package/dist/{chunk-Z3FPJEJF.js → chunk-KWYYG3UT.js} +1 -1
  133. package/dist/{chunk-O3ZEY7CW.js → chunk-LTIKJWVL.js} +1 -1
  134. package/dist/{chunk-GL7VLPBW.js → chunk-MCGBD7B2.js} +3 -3
  135. package/dist/{chunk-GPEHOZZZ.js → chunk-MHDM4YO4.js} +1 -1
  136. package/dist/{chunk-YJI422TC.js → chunk-N4TMRRF4.js} +2 -2
  137. package/dist/{chunk-2GICZNLE.js → chunk-NH4G3E35.js} +1 -1
  138. package/dist/{chunk-HAANV3KV.js → chunk-NZUOHL5V.js} +1 -1
  139. package/dist/{chunk-C2NLOFTM.js → chunk-OD7U6X4F.js} +2 -2
  140. package/dist/{chunk-TOGZZNBR.js → chunk-QFWFNJTE.js} +5 -5
  141. package/dist/{chunk-GNRP6XEK.js → chunk-QTVWIRCB.js} +3 -3
  142. package/dist/{chunk-XZHYEQHC.js → chunk-RJW3T3TL.js} +12 -6
  143. package/dist/{chunk-TWW7CCA5.js → chunk-SH2PCVCP.js} +1 -1
  144. package/dist/{chunk-RG6K6GEC.js → chunk-SM3RKPS2.js} +3 -3
  145. package/dist/{chunk-32NTVJGG.js → chunk-SUMAGCIA.js} +2 -2
  146. package/dist/chunk-T54ITIHK.js +107 -0
  147. package/dist/{chunk-JCIL76AS.js → chunk-UHT3G5QZ.js} +1 -1
  148. package/dist/chunk-UKR2P5OV.js +130 -0
  149. package/dist/{chunk-W3BZV5E6.js → chunk-WMRLDPFX.js} +2 -2
  150. package/dist/{chunk-ESN3V5U5.js → chunk-X5N7I2HV.js} +3 -3
  151. package/dist/{chunk-S2ZLZ5GK.js → chunk-XSAC6GZB.js} +3 -3
  152. package/dist/{chunk-I3L55E7N.js → chunk-Y76Z32VB.js} +1 -1
  153. package/dist/{chunk-PG6KV5GW.js → chunk-YGZQBJTZ.js} +11 -6
  154. package/dist/{chunk-O5LG53HF.js → chunk-YIIWGRHM.js} +2 -2
  155. package/dist/{chunk-VJKLOE2J.js → chunk-ZWUASBUA.js} +1 -1
  156. package/dist/index.css +1179 -866
  157. package/dist/index.d.ts +7 -4
  158. package/dist/index.js +58 -56
  159. package/dist/inputs/src/InputGroup.css +675 -362
  160. package/dist/inputs/src/InputGroup.js +1 -1
  161. package/dist/inputs/src/NumberField.css +697 -384
  162. package/dist/inputs/src/NumberField.js +8 -8
  163. package/dist/inputs/src/PasswordField.css +685 -372
  164. package/dist/inputs/src/PasswordField.d.ts +1 -1
  165. package/dist/inputs/src/PasswordField.js +8 -8
  166. package/dist/inputs/src/PasswordFieldContext.d.ts +1 -1
  167. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  168. package/dist/inputs/src/RemainingCharacterCount.js +5 -5
  169. package/dist/inputs/src/SearchField.css +691 -378
  170. package/dist/inputs/src/SearchField.d.ts +1 -1
  171. package/dist/inputs/src/SearchField.js +8 -8
  172. package/dist/inputs/src/SearchFieldContext.d.ts +1 -1
  173. package/dist/inputs/src/TextArea.css +692 -379
  174. package/dist/inputs/src/TextArea.js +7 -7
  175. package/dist/inputs/src/TextField.css +689 -376
  176. package/dist/inputs/src/TextField.js +11 -11
  177. package/dist/inputs/src/index.css +735 -422
  178. package/dist/inputs/src/index.d.ts +1 -1
  179. package/dist/inputs/src/index.js +17 -17
  180. package/dist/overlays/Popover/src/Popover.css +1179 -866
  181. package/dist/overlays/Popover/src/Popover.js +58 -56
  182. package/dist/overlays/Popover/src/index.css +1179 -866
  183. package/dist/overlays/Popover/src/index.js +58 -56
  184. package/dist/radio/src/DecorativeRadio.css +54 -54
  185. package/dist/radio/src/DecorativeRadio.js +6 -6
  186. package/dist/radio/src/Radio.css +46 -46
  187. package/dist/radio/src/Radio.js +6 -6
  188. package/dist/radio/src/RadioField.css +33 -33
  189. package/dist/radio/src/RadioField.js +1 -1
  190. package/dist/radio/src/RadioGroup.css +98 -98
  191. package/dist/radio/src/RadioGroup.js +2 -2
  192. package/dist/radio/src/index.css +98 -98
  193. package/dist/radio/src/index.js +10 -10
  194. package/dist/switch/src/Switch.css +43 -43
  195. package/dist/switch/src/Switch.js +6 -6
  196. package/dist/switch/src/SwitchField.css +33 -33
  197. package/dist/switch/src/SwitchField.js +2 -2
  198. package/dist/switch/src/index.css +49 -49
  199. package/dist/switch/src/index.js +8 -8
  200. package/dist/tag/src/Tag.css +801 -488
  201. package/dist/tag/src/Tag.d.ts +1 -1
  202. package/dist/tag/src/Tag.js +9 -9
  203. package/dist/tag/src/TagContext.d.ts +1 -1
  204. package/dist/tag/src/TagGroup.css +37 -37
  205. package/dist/tag/src/TagGroup.d.ts +1 -1
  206. package/dist/tag/src/TagGroup.js +1 -1
  207. package/dist/tag/src/TagGroupContext.d.ts +1 -1
  208. package/dist/tag/src/TagList.css +27 -27
  209. package/dist/tag/src/index.css +811 -498
  210. package/dist/tag/src/index.d.ts +1 -1
  211. package/dist/tag/src/index.js +10 -10
  212. package/dist/types-CVCUJ7un.d.ts +4 -0
  213. package/dist/typography/Heading/src/Heading.css +27 -27
  214. package/dist/typography/Heading/src/Heading.js +1 -1
  215. package/dist/typography/Heading/src/index.css +27 -27
  216. package/dist/typography/Heading/src/index.js +1 -1
  217. package/dist/typography/Label/src/Label.css +27 -27
  218. package/dist/typography/Label/src/Label.js +1 -1
  219. package/dist/typography/Label/src/index.css +27 -27
  220. package/dist/typography/Label/src/index.js +1 -1
  221. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  222. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  223. package/dist/typography/OverlineText/src/index.css +27 -27
  224. package/dist/typography/OverlineText/src/index.js +1 -1
  225. package/dist/typography/Text/src/Text.css +27 -27
  226. package/dist/typography/Text/src/Text.js +1 -1
  227. package/dist/typography/Text/src/index.css +27 -27
  228. package/dist/typography/Text/src/index.js +1 -1
  229. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  230. package/dist/utils/src/EnsureTextWrapper.js +5 -5
  231. package/dist/utils/src/index.css +27 -27
  232. package/dist/utils/src/index.js +6 -6
  233. package/package.json +10 -10
  234. package/dist/chunk-2GJNPGAM.js +0 -187
@@ -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___u8eMc {
5
+ .Heading-module__hop-Heading___JWvs8 {
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___u8eMc) {
39
+ :where(.Heading-module__hop-Heading___JWvs8) {
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___MeRHO) {
46
+ :where(.Heading-module__hop-Heading--xs___Cfweo) {
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___yN0zg) {
52
+ :where(.Heading-module__hop-Heading--sm___sAf2J) {
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___riIH-) {
58
+ :where(.Heading-module__hop-Heading--md___6wrhw) {
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___-Nbml) {
64
+ :where(.Heading-module__hop-Heading--lg___jvv5C) {
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___ksoya) {
70
+ :where(.Heading-module__hop-Heading--xl___rJZ8W) {
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___Qh6U3) {
76
+ :where(.Heading-module__hop-Heading--2xl___vy5tr) {
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___gJFdJ) {
82
+ :where(.Heading-module__hop-Heading--3xl___sHzoB) {
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___D2EFn) {
90
+ :where(.OverlineText-module__hop-OverlineText___6KBG7) {
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___vCV9h {
114
+ .OverlineText-module__hop-OverlineText__text___MHRJ4 {
115
115
  box-sizing: border-box;
116
116
  }
117
- .OverlineText-module__hop-OverlineText__text___vCV9h::before,
118
- .OverlineText-module__hop-OverlineText__text___vCV9h::after {
117
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::before,
118
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::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___vCV9h::before {
125
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::before {
126
126
  margin-block-end: var(--bottom-offset);
127
127
  }
128
- .OverlineText-module__hop-OverlineText__text___vCV9h::after {
128
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::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___69Dkt {
133
+ .Label-module__hop-Label___2VJx8 {
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___69Dkt) {
140
+ :where(.Label-module__hop-Label___2VJx8) {
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___6c8hx) {
147
+ :where(.Label-module__hop-Label__indicator___UgwtS) {
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___nz5MS {
152
+ .Text-module__hop-Text___45Zf4 {
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___nz5MS) {
182
+ :where(.Text-module__hop-Text___45Zf4) {
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___Go8-r) {
188
+ :where(.Text-module__hop-Text--xs___d9F1w) {
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___HQ3zz) {
194
+ :where(.Text-module__hop-Text--sm___-NvEj) {
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___ClBUN) {
200
+ :where(.Text-module__hop-Text--md___lFLy8) {
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___X2zzc) {
206
+ :where(.Text-module__hop-Text--lg___eI9o1) {
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___PQwpP) {
212
+ :where(.Text-module__hop-Text--xl___gyrV0) {
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___YQvD7) {
218
+ :where(.Text-module__hop-Text--2xl___ZQS8X) {
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___Mtn3G) {
224
+ :where(.Text-module__hop-Text--inherit___wmhsR) {
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___u6i2l {
232
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4 {
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___WOs-b {
263
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___jFcEk {
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___Bksu0 {
267
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Tp-W8 {
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___nZsfC {
271
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___f4Jds {
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___7z6uS {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___TJeA3 {
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___nkVv- {
279
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___TnS4q {
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___0pmMa {
283
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___All-Y {
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___u6i2l[data-disabled] {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4[data-disabled] {
288
288
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
289
289
  }
290
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___kgtHw {
290
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___V5XSb {
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___u6i2l[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___kgtHw {
296
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___V5XSb {
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___djW2d {
302
+ .Avatar-module__hop-Avatar___V-tog {
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___C2iXT {
347
+ .Avatar-module__hop-Avatar--xs___Q55Yc {
348
348
  --size: var(--hop-Avatar-xs-size);
349
349
  }
350
- .Avatar-module__hop-Avatar--sm___AKueQ {
350
+ .Avatar-module__hop-Avatar--sm___m2WLy {
351
351
  --size: var(--hop-Avatar-sm-size);
352
352
  }
353
- .Avatar-module__hop-Avatar--md___DmI7u {
353
+ .Avatar-module__hop-Avatar--md___Gf8i9 {
354
354
  --size: var(--hop-Avatar-md-size);
355
355
  }
356
- .Avatar-module__hop-Avatar--lg___JQN8i {
356
+ .Avatar-module__hop-Avatar--lg___DRafX {
357
357
  --size: var(--hop-Avatar-lg-size);
358
358
  }
359
- .Avatar-module__hop-Avatar--xl___ZMsN9 {
359
+ .Avatar-module__hop-Avatar--xl___VUaj9 {
360
360
  --size: var(--hop-Avatar-xl-size);
361
361
  }
362
- .Avatar-module__hop-Avatar--2xl___F9WcX {
362
+ .Avatar-module__hop-Avatar--2xl___T7F4O {
363
363
  --size: var(--hop-Avatar-2xl-size);
364
364
  }
365
- .Avatar-module__hop-Avatar--decorative-option1___GfT72 {
365
+ .Avatar-module__hop-Avatar--decorative-option1___q8Gq1 {
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___S3iTh {
369
+ .Avatar-module__hop-Avatar--decorative-option2___4pj7q {
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___ro7vZ {
373
+ .Avatar-module__hop-Avatar--decorative-option3___Xqgtl {
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___iJgas {
377
+ .Avatar-module__hop-Avatar--decorative-option4___NZjJ2 {
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___-v4nG {
381
+ .Avatar-module__hop-Avatar--decorative-option5___D8-8Q {
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___TAT-b {
385
+ .Avatar-module__hop-Avatar--decorative-option6___57wIP {
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___fx-cm {
389
+ .Avatar-module__hop-Avatar--decorative-option7___Lls3f {
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___LWwad {
393
+ .Avatar-module__hop-Avatar--decorative-option8___kbBbR {
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___BMvL7 {
397
+ .Avatar-module__hop-Avatar--decorative-option9___nLT4F {
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___djW2d[data-disabled] {
401
+ .Avatar-module__hop-Avatar___V-tog[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___OtqM7 {
407
+ .Avatar-module__hop-Avatar__image___YIAYq {
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___iWO-- {
418
+ .Badge-module__hop-Badge___OVJ7C {
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___iWO--[data-variant=primary] {
468
+ .Badge-module__hop-Badge___OVJ7C[data-variant=primary] {
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___iWO--[data-hovered][data-variant=primary] {
472
+ .Badge-module__hop-Badge___OVJ7C[data-hovered][data-variant=primary] {
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___iWO--[data-pressed][data-variant=primary] {
476
+ .Badge-module__hop-Badge___OVJ7C[data-pressed][data-variant=primary] {
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___iWO--[data-selected][data-variant=primary] {
480
+ .Badge-module__hop-Badge___OVJ7C[data-selected][data-variant=primary] {
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___iWO--[data-variant=secondary] {
484
+ .Badge-module__hop-Badge___OVJ7C[data-variant=secondary] {
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___iWO--[data-hovered][data-variant=secondary] {
488
+ .Badge-module__hop-Badge___OVJ7C[data-hovered][data-variant=secondary] {
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___iWO--[data-pressed][data-variant=secondary] {
492
+ .Badge-module__hop-Badge___OVJ7C[data-pressed][data-variant=secondary] {
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___iWO--[data-selected][data-variant=secondary] {
496
+ .Badge-module__hop-Badge___OVJ7C[data-selected][data-variant=secondary] {
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___iWO--[data-variant=subdued] {
500
+ .Badge-module__hop-Badge___OVJ7C[data-variant=subdued] {
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___iWO--[data-hovered][data-variant=subdued] {
504
+ .Badge-module__hop-Badge___OVJ7C[data-hovered][data-variant=subdued] {
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___iWO--[data-pressed][data-variant=subdued] {
508
+ .Badge-module__hop-Badge___OVJ7C[data-pressed][data-variant=subdued] {
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___iWO--[data-selected][data-variant=subdued] {
512
+ .Badge-module__hop-Badge___OVJ7C[data-selected][data-variant=subdued] {
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___iWO--[data-indeterminate] {
516
+ .Badge-module__hop-Badge___OVJ7C[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___iWO--[data-disabled] {
522
+ .Badge-module__hop-Badge___OVJ7C[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___wi5HT {
528
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3 {
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___wi5HT[data-placement="top right"] {
569
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="top right"][data-overlap=circular] {
577
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="top left"] {
581
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="top left"][data-overlap=circular] {
589
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="bottom right"] {
593
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="bottom right"][data-overlap=circular] {
601
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="bottom left"] {
605
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___wi5HT[data-placement="bottom left"][data-overlap=circular] {
613
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[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___KpwH6 {
617
+ .FloatingBadge-module__hop-FloatingBadge__badge___-OFJO {
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___x4aJ- {
625
+ .IconList-module__hop-IconList___EG9zZ {
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___3J3yL {
634
+ @keyframes Spinner-module__spin___PNrmz {
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___0-7HI {
642
+ .Spinner-module__hop-Spinner___4oEd8 {
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___3J3yL .8s infinite linear;
650
+ --hop-Spinner-fill-animation: Spinner-module__spin___PNrmz .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___H-iHA {
661
+ .Spinner-module__hop-Spinner--sm___rFYBa {
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___QiGzU {
665
+ .Spinner-module__hop-Spinner--md___qHIq6 {
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___RuYjM {
669
+ .Spinner-module__hop-Spinner--lg___XeZ29 {
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___P1y0Y {
673
+ .Spinner-module__hop-Spinner__track___A7jcm {
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___IUyM5 {
682
+ .Spinner-module__hop-Spinner__fill___nw6mJ {
683
683
  grid-area: spinner;
684
684
  box-sizing: border-box;
685
685
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -690,144 +690,107 @@
690
690
  animation: var(--hop-Spinner-fill-animation);
691
691
  }
692
692
  @media (prefers-reduced-motion: reduce) {
693
- .Spinner-module__hop-Spinner__fill___IUyM5 {
693
+ .Spinner-module__hop-Spinner__fill___nw6mJ {
694
694
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
695
695
  }
696
696
  }
697
- .Spinner-module__hop-Spinner__label___NEgoI {
697
+ .Spinner-module__hop-Spinner__label___OPVd- {
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___GykD- {
703
+ .Button-module__hop-Button___y82Y5 {
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);
707
707
  --hop-Button-icon-only-column-gap: 0;
708
708
  --hop-Button-outline-size: var(--hop-space-20);
709
+ --hop-Button-border-size: var(--hop-space-10);
710
+ --hop-Button-text-underline-offset: var(--hop-space-20);
709
711
  --hop-Button-icon-only-padding: 0;
710
712
  --hop-Button-sm-height: 2rem;
711
713
  --hop-Button-md-height: 2.5rem;
714
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
715
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
716
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
717
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
718
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
719
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
720
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
721
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
722
+ --hop-Button-ghost-background-color-disabled: transparent;
723
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
712
724
  --hop-Button-primary-color: var(--hop-primary-text-strong);
713
725
  --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
714
726
  --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
715
- --hop-Button-primary-color-disabled: var(--hop-neutral-text-disabled);
716
727
  --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
717
728
  --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
718
729
  --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
719
- --hop-Button-primary-background-color-disabled: var(--hop-neutral-surface-disabled);
720
- --hop-Button-primary-border: 0.0625rem solid var(--hop-Button-primary-background-color);
721
- --hop-Button-primary-border-hover: 0.0625rem solid var(--hop-Button-primary-background-color-hover);
722
- --hop-Button-primary-border-pressed: 0.0625rem solid var(--hop-Button-primary-background-color-pressed);
723
- --hop-Button-primary-border-disabled: 0.0625rem solid var(--hop-Button-primary-background-color-disabled);
730
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
731
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
732
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
724
733
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
725
- --hop-Button-primary-sm-padding-x: var(--hop-space-inset-sm);
726
- --hop-Button-primary-sm-padding-y: 0;
727
- --hop-Button-primary-md-padding-x: var(--hop-space-inset-md);
728
- --hop-Button-primary-md-padding-y: 0;
729
734
  --hop-Button-secondary-color: var(--hop-neutral-text);
730
735
  --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
731
736
  --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
732
- --hop-Button-secondary-color-disabled: var(--hop-neutral-text-disabled);
733
737
  --hop-Button-secondary-background-color: var(--hop-neutral-surface);
734
738
  --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
735
739
  --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
736
- --hop-Button-secondary-background-color-disabled: var(--hop-neutral-surface-disabled);
737
- --hop-Button-secondary-border: 0.0625rem solid var(--hop-neutral-border-strong);
738
- --hop-Button-secondary-border-hover: 0.0625rem solid var(--hop-neutral-border-strong-hover);
739
- --hop-Button-secondary-border-pressed: 0.0625rem solid var(--hop-neutral-border-strong);
740
- --hop-Button-secondary-border-disabled: 0.0625rem solid var(--hop-Button-secondary-background-color-disabled);
740
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
741
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
742
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
741
743
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
742
- --hop-Button-secondary-sm-padding-x: var(--hop-space-inset-sm);
743
- --hop-Button-secondary-sm-padding-y: 0;
744
- --hop-Button-secondary-md-padding-x: var(--hop-space-inset-md);
745
- --hop-Button-secondary-md-padding-y: 0;
746
744
  --hop-Button-upsell-color: var(--hop-upsell-text);
747
745
  --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
748
746
  --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
749
- --hop-Button-upsell-color-disabled: var(--hop-neutral-text-disabled);
750
747
  --hop-Button-upsell-background-color: var(--hop-upsell-surface);
751
748
  --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
752
749
  --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
753
- --hop-Button-upsell-background-color-disabled: var(--hop-neutral-surface-disabled);
754
- --hop-Button-upsell-border: 0.0625rem solid var(--hop-Button-upsell-background-color);
755
- --hop-Button-upsell-border-hover: 0.0625rem solid var(--hop-Button-upsell-background-color-hover);
756
- --hop-Button-upsell-border-pressed: 0.0625rem solid var(--hop-Button-upsell-background-color-pressed);
757
- --hop-Button-upsell-border-disabled: 0.0625rem solid var(--hop-Button-upsell-background-color-disabled);
750
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
751
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
752
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
758
753
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
759
- --hop-Button-upsell-sm-padding-x: var(--hop-space-inset-sm);
760
- --hop-Button-upsell-sm-padding-y: 0;
761
- --hop-Button-upsell-md-padding-x: var(--hop-space-inset-md);
762
- --hop-Button-upsell-md-padding-y: 0;
763
754
  --hop-Button-danger-color: var(--hop-danger-text-strong);
764
755
  --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
765
756
  --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
766
- --hop-Button-danger-color-disabled: var(--hop-neutral-text-disabled);
767
757
  --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
768
758
  --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
769
759
  --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
770
- --hop-Button-danger-background-color-disabled: var(--hop-neutral-surface-disabled);
771
- --hop-Button-danger-border: 0.0625rem solid var(--hop-Button-danger-background-color);
772
- --hop-Button-danger-border-hover: 0.0625rem solid var(--hop-Button-danger-background-color-hover);
773
- --hop-Button-danger-border-pressed: 0.0625rem solid var(--hop-Button-danger-background-color-pressed);
774
- --hop-Button-danger-border-disabled: 0.0625rem solid var(--hop-Button-danger-background-color-disabled);
760
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
761
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
762
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
775
763
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
776
- --hop-Button-danger-sm-padding-x: var(--hop-space-inset-sm);
777
- --hop-Button-danger-sm-padding-y: 0;
778
- --hop-Button-danger-md-padding-x: var(--hop-space-inset-md);
779
- --hop-Button-danger-md-padding-y: 0;
780
764
  --hop-Button-ghost-primary-color: var(--hop-primary-text);
781
765
  --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
782
766
  --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
783
- --hop-Button-ghost-primary-color-disabled: var(--hop-neutral-text-disabled);
784
767
  --hop-Button-ghost-primary-background-color: transparent;
785
768
  --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
786
769
  --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
787
- --hop-Button-ghost-primary-background-color-disabled: transparent;
788
- --hop-Button-ghost-primary-border: 0.0625rem solid var(--hop-Button-ghost-primary-background-color);
789
- --hop-Button-ghost-primary-border-hover: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-hover);
790
- --hop-Button-ghost-primary-border-pressed: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-pressed);
791
- --hop-Button-ghost-primary-border-disabled: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-disabled);
770
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
771
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
772
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
792
773
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
793
- --hop-Button-ghost-primary-sm-padding-x: var(--hop-space-inset-xs);
794
- --hop-Button-ghost-primary-sm-padding-y: 0;
795
- --hop-Button-ghost-primary-md-padding-x: var(--hop-space-inset-sm);
796
- --hop-Button-ghost-primary-md-padding-y: 0;
797
774
  --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
798
775
  --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
799
776
  --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
800
- --hop-Button-ghost-secondary-color-disabled: var(--hop-neutral-text-disabled);
801
777
  --hop-Button-ghost-secondary-background-color: transparent;
802
778
  --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
803
779
  --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
804
- --hop-Button-ghost-secondary-background-color-disabled: transparent;
805
- --hop-Button-ghost-secondary-border: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color);
806
- --hop-Button-ghost-secondary-border-hover: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-hover);
807
- --hop-Button-ghost-secondary-border-pressed: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-pressed);
808
- --hop-Button-ghost-secondary-border-disabled: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-disabled);
780
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
781
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
782
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
809
783
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
810
- --hop-Button-ghost-secondary-sm-padding-x: var(--hop-space-inset-xs);
811
- --hop-Button-ghost-secondary-sm-padding-y: 0;
812
- --hop-Button-ghost-secondary-md-padding-x: var(--hop-space-inset-sm);
813
- --hop-Button-ghost-secondary-md-padding-y: 0;
814
784
  --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
815
785
  --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
816
786
  --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
817
- --hop-Button-ghost-danger-color-disabled: var(--hop-neutral-text-disabled);
818
787
  --hop-Button-ghost-danger-background-color: transparent;
819
788
  --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
820
789
  --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
821
- --hop-Button-ghost-danger-background-color-disabled: transparent;
822
- --hop-Button-ghost-danger-border: 0.0625rem solid var(--hop-Button-ghost-danger-background-color);
823
- --hop-Button-ghost-danger-border-hover: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-hover);
824
- --hop-Button-ghost-danger-border-pressed: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-pressed);
825
- --hop-Button-ghost-danger-border-disabled: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-disabled);
790
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
791
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
792
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
826
793
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
827
- --hop-Button-ghost-danger-sm-padding-x: var(--hop-space-inset-xs);
828
- --hop-Button-ghost-danger-sm-padding-y: 0;
829
- --hop-Button-ghost-danger-md-padding-x: var(--hop-space-inset-sm);
830
- --hop-Button-ghost-danger-md-padding-y: 0;
831
794
  --inline-size: max-content;
832
795
  --block-size: var(--hop-Button-md-height);
833
796
  --background-color: var(--hop-primary-surface-strong);
@@ -835,8 +798,8 @@
835
798
  --column-gap: var(--hop-Button-column-gap);
836
799
  --spinner: var(--hop-primary-icon-strong);
837
800
  --border: 0;
838
- --padding-inline: 0;
839
- --padding-block: 0;
801
+ --padding: var(--hop-Button-md-padding);
802
+ --text-underline: none;
840
803
  cursor: pointer;
841
804
  position: relative;
842
805
  overflow: hidden;
@@ -847,8 +810,7 @@
847
810
  box-sizing: border-box;
848
811
  inline-size: var(--inline-size);
849
812
  block-size: var(--block-size);
850
- padding-block: var(--padding-block);
851
- padding-inline: var(--padding-inline);
813
+ padding: var(--padding);
852
814
  color: var(--color);
853
815
  text-decoration: none;
854
816
  white-space: nowrap;
@@ -862,319 +824,278 @@
862
824
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
863
825
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
864
826
  }
865
- .Button-module__hop-Button___GykD-[data-focus-visible] {
866
- outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
867
- }
868
- .Button-module__hop-Button--icon-only___6PD1D {
869
- --padding-block: var(--hop-Button-icon-only-padding);
870
- --padding-inline: var(--hop-Button-icon-only-padding);
871
- --column-gap: var(--hop-Button-icon-only-column-gap);
872
- aspect-ratio: 1;
873
- }
874
- .Button-module__hop-Button___GykD-[data-disabled],
875
- .Button-module__hop-Button___GykD-[data-loading] {
876
- cursor: not-allowed;
877
- }
878
- .Button-module__hop-Button--fluid___3BOfn {
827
+ .Button-module__hop-Button--fluid___yrsMn {
879
828
  --inline-size: 100%;
880
829
  }
881
- .Button-module__hop-Button--sm___l4gCq {
830
+ .Button-module__hop-Button--sm___MqqBM {
882
831
  --block-size: var(--hop-Button-sm-height);
832
+ --padding: var(--hop-Button-sm-padding);
883
833
  }
884
- .Button-module__hop-Button--primary___kChrM.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
885
- --padding-inline: var(--hop-Button-primary-sm-padding-x);
886
- --padding-block: var(--hop-Button-primary-sm-padding-y);
887
- }
888
- .Button-module__hop-Button--primary___kChrM.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
889
- --padding-inline: var(--hop-Button-primary-md-padding-x);
890
- --padding-block: var(--hop-Button-primary-md-padding-y);
891
- }
892
- .Button-module__hop-Button--secondary___5nyGD.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
893
- --padding-inline: var(--hop-Button-secondary-md-padding-x);
894
- --padding-block: var(--hop-Button-secondary-md-padding-y);
895
- }
896
- .Button-module__hop-Button--secondary___5nyGD.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
897
- --padding-inline: var(--hop-Button-secondary-sm-padding-x);
898
- --padding-block: var(--hop-Button-secondary-sm-padding-y);
899
- }
900
- .Button-module__hop-Button--upsell___Kkc-F.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
901
- --padding-inline: var(--hop-Button-upsell-md-padding-x);
902
- --padding-block: var(--hop-Button-upsell-md-padding-y);
903
- }
904
- .Button-module__hop-Button--upsell___Kkc-F.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
905
- --padding-inline: var(--hop-Button-upsell-sm-padding-x);
906
- --padding-block: var(--hop-Button-upsell-sm-padding-y);
907
- }
908
- .Button-module__hop-Button--danger___FV0mZ.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
909
- --padding-inline: var(--hop-Button-danger-md-padding-x);
910
- --padding-block: var(--hop-Button-danger-md-padding-y);
911
- }
912
- .Button-module__hop-Button--danger___FV0mZ.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
913
- --padding-inline: var(--hop-Button-danger-sm-padding-x);
914
- --padding-block: var(--hop-Button-danger-sm-padding-y);
915
- }
916
- .Button-module__hop-Button--ghost-danger___VuuUz.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
917
- --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
918
- --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
919
- }
920
- .Button-module__hop-Button--ghost-danger___VuuUz.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
921
- --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
922
- --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
834
+ .Button-module__hop-Button--sm___MqqBM[class*=--ghost] {
835
+ --padding: var(--hop-Button-ghost-sm-padding);
923
836
  }
924
- .Button-module__hop-Button--ghost-secondary___TpSND.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
925
- --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
926
- --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
837
+ .Button-module__hop-Button--md___689QA[class*=--ghost] {
838
+ --padding: var(--hop-Button-ghost-md-padding);
927
839
  }
928
- .Button-module__hop-Button--ghost-secondary___TpSND.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
929
- --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
930
- --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
931
- }
932
- .Button-module__hop-Button--ghost-primary___skgG5.Button-module__hop-Button--md___L380n:not(.Button-module__hop-Button--icon-only___6PD1D) {
933
- --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
934
- --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
935
- }
936
- .Button-module__hop-Button--ghost-primary___skgG5.Button-module__hop-Button--sm___l4gCq:not(.Button-module__hop-Button--icon-only___6PD1D) {
937
- --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
938
- --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
840
+ .Button-module__hop-Button--icon-only___mnrYP {
841
+ --column-gap: var(--hop-Button-icon-only-column-gap);
842
+ --padding: var(--hop-Button-icon-only-padding);
843
+ aspect-ratio: 1;
939
844
  }
940
- .Button-module__hop-Button--primary___kChrM {
845
+ .Button-module__hop-Button--primary___i4wgt {
941
846
  --background-color: var(--hop-Button-primary-background-color);
942
847
  --color: var(--hop-Button-primary-color);
943
848
  --border: var(--hop-Button-primary-border);
944
849
  --spinner-color: var(--hop-Button-primary-spinner-color);
945
850
  }
946
- .Button-module__hop-Button--primary___kChrM[data-disabled]:not([data-loading]) {
947
- --background-color: var(--hop-Button-primary-background-color-disabled);
948
- --color: var(--hop-Button-primary-color-disabled);
949
- --border: var(--hop-Button-primary-border-disabled);
950
- }
951
- .Button-module__hop-Button--primary___kChrM[data-hovered]:not([data-disabled], [data-loading]),
952
- .Button-module__hop-Button--primary___kChrM[data-focus-visible]:not([data-disabled], [data-loading]) {
851
+ .Button-module__hop-Button--primary___i4wgt[data-hovered],
852
+ .Button-module__hop-Button--primary___i4wgt[data-focus-visible] {
953
853
  --background-color: var(--hop-Button-primary-background-color-hover);
954
854
  --color: var(--hop-Button-primary-color-hover);
955
855
  --border: var(--hop-Button-primary-border-hover);
956
856
  }
957
- .Button-module__hop-Button--primary___kChrM[data-pressed]:not([data-loading]) {
857
+ .Button-module__hop-Button--primary___i4wgt[data-pressed] {
958
858
  --background-color: var(--hop-Button-primary-background-color-pressed);
959
859
  --color: var(--hop-Button-primary-color-pressed);
960
860
  --border: var(--hop-Button-primary-border-pressed);
961
861
  }
962
- .Button-module__hop-Button--secondary___5nyGD {
862
+ .Button-module__hop-Button--secondary___aTxQ5 {
963
863
  --background-color: var(--hop-Button-secondary-background-color);
964
864
  --color: var(--hop-Button-secondary-color);
965
865
  --border: var(--hop-Button-secondary-border);
966
866
  --spinner-color: var(--hop-Button-secondary-spinner-color);
967
867
  }
968
- .Button-module__hop-Button--secondary___5nyGD[data-disabled]:not([data-loading]) {
969
- --background-color: var(--hop-Button-secondary-background-color-disabled);
970
- --color: var(--hop-Button-secondary-color-disabled);
971
- --border: var(--hop-Button-secondary-border-disabled);
972
- }
973
- .Button-module__hop-Button--secondary___5nyGD[data-hovered]:not([data-disabled], [data-loading]),
974
- .Button-module__hop-Button--secondary___5nyGD[data-focus-visible]:not([data-disabled], [data-loading]) {
868
+ .Button-module__hop-Button--secondary___aTxQ5[data-hovered],
869
+ .Button-module__hop-Button--secondary___aTxQ5[data-focus-visible] {
975
870
  --background-color: var(--hop-Button-secondary-background-color-hover);
976
871
  --color: var(--hop-Button-secondary-color-hover);
977
872
  --border: var(--hop-Button-secondary-border-hover);
978
873
  }
979
- .Button-module__hop-Button--secondary___5nyGD[data-pressed]:not([data-loading]) {
874
+ .Button-module__hop-Button--secondary___aTxQ5[data-pressed] {
980
875
  --background-color: var(--hop-Button-secondary-background-color-pressed);
981
876
  --color: var(--hop-Button-secondary-color-pressed);
982
877
  --border: var(--hop-Button-secondary-border-pressed);
983
878
  }
984
- .Button-module__hop-Button--upsell___Kkc-F {
879
+ .Button-module__hop-Button--upsell___VdxM3 {
985
880
  --background-color: var(--hop-Button-upsell-background-color);
986
881
  --color: var(--hop-Button-upsell-color);
987
882
  --border: var(--hop-Button-upsell-border);
988
883
  --spinner-color: var(--hop-Button-upsell-spinner-color);
989
884
  }
990
- .Button-module__hop-Button--upsell___Kkc-F[data-disabled]:not([data-loading]) {
991
- --background-color: var(--hop-Button-upsell-background-color-disabled);
992
- --color: var(--hop-Button-upsell-color-disabled);
993
- --border: var(--hop-Button-upsell-border-disabled);
994
- }
995
- .Button-module__hop-Button--upsell___Kkc-F[data-hovered]:not([data-disabled], [data-loading]),
996
- .Button-module__hop-Button--upsell___Kkc-F[data-focus-visible]:not([data-disabled], [data-loading]) {
885
+ .Button-module__hop-Button--upsell___VdxM3[data-hovered],
886
+ .Button-module__hop-Button--upsell___VdxM3[data-focus-visible] {
997
887
  --background-color: var(--hop-Button-upsell-background-color-hover);
998
888
  --color: var(--hop-Button-upsell-color-hover);
999
889
  --border: var(--hop-Button-upsell-border-hover);
1000
890
  }
1001
- .Button-module__hop-Button--upsell___Kkc-F[data-pressed]:not([data-loading]) {
891
+ .Button-module__hop-Button--upsell___VdxM3[data-pressed] {
1002
892
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1003
893
  --color: var(--hop-Button-upsell-color-pressed);
1004
894
  --border: var(--hop-Button-upsell-border-pressed);
1005
895
  }
1006
- .Button-module__hop-Button--danger___FV0mZ {
896
+ .Button-module__hop-Button--danger___U0g6u {
1007
897
  --background-color: var(--hop-Button-danger-background-color);
1008
898
  --color: var(--hop-Button-danger-color);
1009
899
  --border: var(--hop-Button-danger-border);
1010
900
  --spinner-color: var(--hop-Button-danger-spinner-color);
1011
901
  }
1012
- .Button-module__hop-Button--danger___FV0mZ[data-disabled]:not([data-loading]) {
1013
- --background-color: var(--hop-Button-danger-background-color-disabled);
1014
- --color: var(--hop-Button-danger-color-disabled);
1015
- --border: var(--hop-Button-danger-border-disabled);
1016
- }
1017
- .Button-module__hop-Button--danger___FV0mZ[data-hovered]:not([data-disabled], [data-loading]),
1018
- .Button-module__hop-Button--danger___FV0mZ[data-focus-visible]:not([data-disabled], [data-loading]) {
902
+ .Button-module__hop-Button--danger___U0g6u[data-hovered],
903
+ .Button-module__hop-Button--danger___U0g6u[data-focus-visible] {
1019
904
  --background-color: var(--hop-Button-danger-background-color-hover);
1020
905
  --color: var(--hop-Button-danger-color-hover);
1021
906
  --border: var(--hop-Button-danger-border-hover);
1022
907
  }
1023
- .Button-module__hop-Button--danger___FV0mZ[data-pressed]:not([data-loading]) {
908
+ .Button-module__hop-Button--danger___U0g6u[data-pressed] {
1024
909
  --background-color: var(--hop-Button-danger-background-color-pressed);
1025
910
  --color: var(--hop-Button-danger-color-pressed);
1026
911
  --border: var(--hop-Button-danger-border-pressed);
1027
912
  }
1028
- .Button-module__hop-Button--ghost-primary___skgG5 {
913
+ .Button-module__hop-Button--ghost-primary___R3YQO {
1029
914
  --background-color: var(--hop-Button-ghost-primary-background-color);
1030
915
  --color: var(--hop-Button-ghost-primary-color);
1031
916
  --border: var(--hop-Button-ghost-primary-border);
1032
917
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1033
918
  }
1034
- .Button-module__hop-Button--ghost-primary___skgG5[data-disabled]:not([data-loading]) {
1035
- --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
1036
- --color: var(--hop-Button-ghost-primary-color-disabled);
1037
- --border: var(--hop-Button-ghost-primary-border-disabled);
1038
- }
1039
- .Button-module__hop-Button--ghost-primary___skgG5[data-hovered]:not([data-disabled], [data-loading]),
1040
- .Button-module__hop-Button--ghost-primary___skgG5[data-focus-visible]:not([data-disabled], [data-loading]) {
919
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-hovered],
920
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-focus-visible] {
1041
921
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1042
922
  --color: var(--hop-Button-ghost-primary-color-hover);
1043
923
  --border: var(--hop-Button-ghost-primary-border-hover);
924
+ --text-underline: underline;
1044
925
  }
1045
- .Button-module__hop-Button--ghost-primary___skgG5[data-pressed]:not([data-loading]) {
926
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pressed] {
1046
927
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1047
928
  --color: var(--hop-Button-ghost-primary-color-pressed);
1048
929
  --border: var(--hop-Button-ghost-primary-border-pressed);
930
+ --text-underline: underline;
1049
931
  }
1050
- .Button-module__hop-Button--ghost-secondary___TpSND {
932
+ .Button-module__hop-Button--ghost-secondary___0IoPr {
1051
933
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1052
934
  --color: var(--hop-Button-ghost-secondary-color);
1053
935
  --border: var(--hop-Button-ghost-secondary-border);
1054
936
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1055
937
  }
1056
- .Button-module__hop-Button--ghost-secondary___TpSND[data-disabled]:not([data-loading]) {
1057
- --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
1058
- --color: var(--hop-Button-ghost-secondary-color-disabled);
1059
- --border: var(--hop-Button-ghost-secondary-border-disabled);
1060
- }
1061
- .Button-module__hop-Button--ghost-secondary___TpSND[data-hovered]:not([data-disabled], [data-loading]),
1062
- .Button-module__hop-Button--ghost-secondary___TpSND[data-focus-visible]:not([data-disabled], [data-loading]) {
938
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-hovered],
939
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-focus-visible] {
1063
940
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1064
941
  --color: var(--hop-Button-ghost-secondary-color-hover);
1065
942
  --border: var(--hop-Button-ghost-secondary-border-hover);
943
+ --text-underline: underline;
1066
944
  }
1067
- .Button-module__hop-Button--ghost-secondary___TpSND[data-pressed]:not([data-loading]) {
945
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pressed] {
1068
946
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1069
947
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1070
948
  --border: var(--hop-Button-ghost-secondary-border-pressed);
949
+ --text-underline: underline;
1071
950
  }
1072
- .Button-module__hop-Button--ghost-danger___VuuUz {
951
+ .Button-module__hop-Button--ghost-danger___-3oFp {
1073
952
  --background-color: var(--hop-Button-ghost-danger-background-color);
1074
953
  --color: var(--hop-Button-ghost-danger-color);
1075
954
  --border: var(--hop-Button-ghost-danger-border);
1076
955
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1077
956
  }
1078
- .Button-module__hop-Button--ghost-danger___VuuUz[data-disabled]:not([data-loading]) {
1079
- --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
1080
- --color: var(--hop-Button-ghost-danger-color-disabled);
1081
- --border: var(--hop-Button-ghost-danger-border-disabled);
1082
- }
1083
- .Button-module__hop-Button--ghost-danger___VuuUz[data-hovered]:not([data-disabled], [data-loading]),
1084
- .Button-module__hop-Button--ghost-danger___VuuUz[data-focus-visible]:not([data-disabled], [data-loading]) {
957
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-hovered],
958
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-focus-visible] {
1085
959
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1086
960
  --color: var(--hop-Button-ghost-danger-color-hover);
1087
961
  --border: var(--hop-Button-ghost-danger-border-hover);
962
+ --text-underline: underline;
1088
963
  }
1089
- .Button-module__hop-Button--ghost-danger___VuuUz[data-pressed]:not([data-loading]) {
964
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pressed] {
1090
965
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1091
966
  --color: var(--hop-Button-ghost-danger-color-pressed);
1092
967
  --border: var(--hop-Button-ghost-danger-border-pressed);
968
+ --text-underline: underline;
969
+ }
970
+ .Button-module__hop-Button___y82Y5[data-focus-visible] {
971
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
972
+ }
973
+ .Button-module__hop-Button___y82Y5[data-disabled],
974
+ .Button-module__hop-Button___y82Y5[data-pending] {
975
+ cursor: not-allowed;
976
+ }
977
+ .Button-module__hop-Button___y82Y5[data-disabled] {
978
+ --background-color: var(--hop-Button-background-color-disabled);
979
+ --color: var(--hop-Button-color-disabled);
980
+ --border: var(--hop-Button-border-disabled);
981
+ }
982
+ .Button-module__hop-Button___y82Y5[class*=--ghost][data-disabled] {
983
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
984
+ --color: var(--hop-Button-ghost-color-disabled);
985
+ --border: var(--hop-Button-ghost-border-disabled);
986
+ }
987
+ .Button-module__hop-Button--primary___i4wgt[data-pending] {
988
+ --background-color: var(--hop-Button-primary-background-color);
989
+ --color: var(--hop-Button-primary-color);
990
+ --border: var(--hop-Button-primary-border);
1093
991
  }
1094
- .Button-module__hop-Button__Spinner___ESK3E {
992
+ .Button-module__hop-Button--secondary___aTxQ5[data-pending] {
993
+ --background-color: var(--hop-Button-secondary-background-color);
994
+ --color: var(--hop-Button-secondary-color);
995
+ --border: var(--hop-Button-secondary-border);
996
+ }
997
+ .Button-module__hop-Button--upsell___VdxM3[data-pending] {
998
+ --background-color: var(--hop-Button-upsell-background-color);
999
+ --color: var(--hop-Button-upsell-color);
1000
+ --border: var(--hop-Button-upsell-border);
1001
+ }
1002
+ .Button-module__hop-Button--danger___U0g6u[data-pending] {
1003
+ --background-color: var(--hop-Button-danger-background-color);
1004
+ --color: var(--hop-Button-danger-color);
1005
+ --border: var(--hop-Button-danger-border);
1006
+ }
1007
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pending] {
1008
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1009
+ --color: var(--hop-Button-ghost-primary-color);
1010
+ --border: var(--hop-Button-ghost-primary-border);
1011
+ --text-underline: none;
1012
+ }
1013
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pending] {
1014
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1015
+ --color: var(--hop-Button-ghost-secondary-color);
1016
+ --border: var(--hop-Button-ghost-secondary-border);
1017
+ --text-underline: none;
1018
+ }
1019
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pending] {
1020
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1021
+ --color: var(--hop-Button-ghost-danger-color);
1022
+ --border: var(--hop-Button-ghost-danger-border);
1023
+ --text-underline: none;
1024
+ }
1025
+ .Button-module__hop-Button__Spinner___iIz-g {
1095
1026
  position: absolute;
1096
1027
  color: var(--spinner-color);
1097
1028
  }
1098
- .Button-module__hop-Button__icon___OgHz4,
1099
- .Button-module__hop-Button__icon-list___H7MOe {
1029
+ .Button-module__hop-Button__icon___ol4xI,
1030
+ .Button-module__hop-Button__icon-list___wcA7Z {
1100
1031
  flex: 0 0 auto;
1101
1032
  justify-self: end;
1102
1033
  order: 1;
1103
1034
  }
1104
- .Button-module__hop-Button__text___qtvCq {
1035
+ .Button-module__hop-Button__text___8Y-6a {
1105
1036
  user-select: none;
1106
1037
  overflow: visible;
1107
1038
  flex: 0 1 auto;
1108
1039
  order: 2;
1109
1040
  font-weight: var(--hop-font-weight-505);
1110
- text-wrap: nowrap;
1111
- }
1112
- .Button-module__hop-Button--ghost-primary___skgG5[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1113
- .Button-module__hop-Button--ghost-secondary___TpSND[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1114
- .Button-module__hop-Button--ghost-danger___VuuUz[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1115
- .Button-module__hop-Button--ghost-primary___skgG5[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1116
- .Button-module__hop-Button--ghost-secondary___TpSND[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1117
- .Button-module__hop-Button--ghost-danger___VuuUz[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1118
- .Button-module__hop-Button--ghost-primary___skgG5[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1119
- .Button-module__hop-Button--ghost-secondary___TpSND[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___qtvCq,
1120
- .Button-module__hop-Button--ghost-danger___VuuUz[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___qtvCq {
1121
- text-decoration: underline;
1041
+ text-decoration: var(--text-underline);
1122
1042
  text-underline-offset: 0.125rem;
1043
+ text-wrap: nowrap;
1123
1044
  }
1124
- .Button-module__hop-Button__end-icon___aUAAx,
1125
- .Button-module__hop-Button__end-icon-list___0FH5h {
1045
+ .Button-module__hop-Button__end-icon___UD9RU,
1046
+ .Button-module__hop-Button__end-icon-list___2-25Q {
1126
1047
  flex: 0 0 auto;
1127
1048
  order: 3;
1128
1049
  }
1129
- .Button-module__hop-Button___GykD- .Button-module__hop-Button__icon-list___H7MOe,
1130
- .Button-module__hop-Button___GykD- .Button-module__hop-Button__end-icon-list___0FH5h {
1050
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__icon-list___wcA7Z,
1051
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__end-icon-list___2-25Q {
1131
1052
  flex-wrap: nowrap;
1132
1053
  }
1133
- .Button-module__hop-Button___GykD-[data-loading] > *:not(.Button-module__hop-Button__Spinner___ESK3E) {
1054
+ .Button-module__hop-Button___y82Y5[data-pending] > *:not(.Button-module__hop-Button__Spinner___iIz-g) {
1134
1055
  opacity: 0;
1135
1056
  }
1136
1057
 
1137
1058
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1138
- .ButtonGroup-module__hop-ButtonGroup___wMmPt {
1059
+ .ButtonGroup-module__hop-ButtonGroup___bqIMq {
1139
1060
  display: inline-flex;
1140
1061
  flex-wrap: nowrap;
1141
1062
  gap: var(--hop-space-inline-md);
1142
1063
  }
1143
- .ButtonGroup-module__hop-ButtonGroup--horizontal___ijF40 {
1064
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1144
1065
  align-items: center;
1145
1066
  }
1146
- .ButtonGroup-module__hop-ButtonGroup--vertical___7C08p {
1067
+ .ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1147
1068
  flex-direction: column;
1148
1069
  gap: var(--hop-space-stack-md);
1149
1070
  justify-content: center;
1150
1071
  }
1151
- .ButtonGroup-module__hop-ButtonGroup--start___fVdB3.ButtonGroup-module__hop-ButtonGroup--vertical___7C08p {
1072
+ .ButtonGroup-module__hop-ButtonGroup--start___Unpn2.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1152
1073
  align-items: flex-start;
1153
1074
  }
1154
- .ButtonGroup-module__hop-ButtonGroup--center___4EtD-.ButtonGroup-module__hop-ButtonGroup--vertical___7C08p {
1075
+ .ButtonGroup-module__hop-ButtonGroup--center___AufeM.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1155
1076
  align-items: center;
1156
1077
  }
1157
- .ButtonGroup-module__hop-ButtonGroup--end___nXSO3.ButtonGroup-module__hop-ButtonGroup--vertical___7C08p {
1078
+ .ButtonGroup-module__hop-ButtonGroup--end___JoVZV.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1158
1079
  align-items: flex-end;
1159
1080
  }
1160
- .ButtonGroup-module__hop-ButtonGroup--start___fVdB3.ButtonGroup-module__hop-ButtonGroup--horizontal___ijF40 {
1081
+ .ButtonGroup-module__hop-ButtonGroup--start___Unpn2.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1161
1082
  justify-content: flex-start;
1162
1083
  }
1163
- .ButtonGroup-module__hop-ButtonGroup--center___4EtD-.ButtonGroup-module__hop-ButtonGroup--horizontal___ijF40 {
1084
+ .ButtonGroup-module__hop-ButtonGroup--center___AufeM.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1164
1085
  justify-content: center;
1165
1086
  }
1166
- .ButtonGroup-module__hop-ButtonGroup--end___nXSO3.ButtonGroup-module__hop-ButtonGroup--horizontal___ijF40 {
1087
+ .ButtonGroup-module__hop-ButtonGroup--end___JoVZV.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1167
1088
  justify-content: flex-end;
1168
1089
  }
1169
- .ButtonGroup-module__hop-ButtonGroup--wrap___xpEU8 {
1090
+ .ButtonGroup-module__hop-ButtonGroup--wrap___0re0- {
1170
1091
  flex-wrap: wrap;
1171
1092
  }
1172
- .ButtonGroup-module__hop-ButtonGroup--fluid___-37eG {
1093
+ .ButtonGroup-module__hop-ButtonGroup--fluid___tfM32 {
1173
1094
  inline-size: 100%;
1174
1095
  }
1175
1096
 
1176
1097
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1177
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze {
1178
1099
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1179
1100
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1180
1101
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1338,7 +1259,7 @@
1338
1259
  outline: none;
1339
1260
  transition: color var(--transition);
1340
1261
  }
1341
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa::before {
1262
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze::before {
1342
1263
  content: "";
1343
1264
  position: absolute;
1344
1265
  inset-block-start: 50%;
@@ -1351,284 +1272,676 @@
1351
1272
  border-radius: var(--effect-border-radius);
1352
1273
  transition: background-color var(--transition);
1353
1274
  }
1354
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa[data-square] {
1275
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-square] {
1355
1276
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1356
1277
  }
1357
- .EmbeddedButton-module__hop-EmbeddedButton--md___ovIjf {
1278
+ .EmbeddedButton-module__hop-EmbeddedButton--md___IwX7I {
1358
1279
  --inline-size: var(--hop-EmbeddedButton-md-width);
1359
1280
  --block-size: var(--hop-EmbeddedButton-md-height);
1360
1281
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1361
1282
  }
1362
- .EmbeddedButton-module__hop-EmbeddedButton--lg___0AsEn {
1283
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hCesg {
1363
1284
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1364
1285
  --block-size: var(--hop-EmbeddedButton-lg-height);
1365
1286
  --focus-ring-offset: 0;
1366
1287
  }
1367
- .EmbeddedButton-module__hop-EmbeddedButton--md___ovIjf::before {
1288
+ .EmbeddedButton-module__hop-EmbeddedButton--md___IwX7I::before {
1368
1289
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1369
1290
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1370
1291
  }
1371
- .EmbeddedButton-module__hop-EmbeddedButton--lg___0AsEn::before {
1292
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hCesg::before {
1372
1293
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1373
1294
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1374
1295
  }
1375
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___e7EC2 {
1296
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4 {
1376
1297
  --color: var(--hop-EmbeddedButton-neutral-color);
1377
1298
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1378
1299
  }
1379
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___IQifH {
1300
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8 {
1380
1301
  --color: var(--hop-EmbeddedButton-subdued-color);
1381
1302
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1382
1303
  }
1383
- .EmbeddedButton-module__hop-EmbeddedButton--progress___c1GQd {
1304
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ {
1384
1305
  --color: var(--hop-EmbeddedButton-progress-color);
1385
1306
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1386
1307
  }
1387
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Dd19O {
1308
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL {
1388
1309
  --color: var(--hop-EmbeddedButton-positive-color);
1389
1310
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1390
1311
  }
1391
- .EmbeddedButton-module__hop-EmbeddedButton--caution___50VB2 {
1312
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe {
1392
1313
  --color: var(--hop-EmbeddedButton-caution-color);
1393
1314
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1394
1315
  }
1395
- .EmbeddedButton-module__hop-EmbeddedButton--negative___2n3R6 {
1316
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8 {
1396
1317
  --color: var(--hop-EmbeddedButton-negative-color);
1397
1318
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1398
1319
  }
1399
- .EmbeddedButton-module__hop-EmbeddedButton--option1___6FY4N {
1320
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj {
1400
1321
  --color: var(--hop-EmbeddedButton-option1-color);
1401
1322
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1402
1323
  }
1403
- .EmbeddedButton-module__hop-EmbeddedButton--option2___sqARS {
1324
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB {
1404
1325
  --color: var(--hop-EmbeddedButton-option2-color);
1405
1326
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1406
1327
  }
1407
- .EmbeddedButton-module__hop-EmbeddedButton--option3___07mAw {
1328
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP {
1408
1329
  --color: var(--hop-EmbeddedButton-option3-color);
1409
1330
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1410
1331
  }
1411
- .EmbeddedButton-module__hop-EmbeddedButton--option4___ThYD2 {
1332
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV {
1412
1333
  --color: var(--hop-EmbeddedButton-option4-color);
1413
1334
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1414
1335
  }
1415
- .EmbeddedButton-module__hop-EmbeddedButton--option5___et-nN {
1336
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7 {
1416
1337
  --color: var(--hop-EmbeddedButton-option5-color);
1417
1338
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1418
1339
  }
1419
- .EmbeddedButton-module__hop-EmbeddedButton--option6___kXcVt {
1340
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq {
1420
1341
  --color: var(--hop-EmbeddedButton-option6-color);
1421
1342
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1422
1343
  }
1423
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa[data-selected] {
1344
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-selected] {
1424
1345
  --color: var(--hop-EmbeddedButton-selected-color);
1425
1346
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1426
1347
  }
1427
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa[data-focus-visible] {
1348
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-focus-visible] {
1428
1349
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1429
1350
  outline-offset: var(--focus-ring-offset);
1430
1351
  }
1431
- .EmbeddedButton-module__hop-EmbeddedButton___Z6bLa[data-disabled] {
1352
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-disabled] {
1432
1353
  cursor: not-allowed;
1433
1354
  }
1434
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___e7EC2[data-hovered] {
1355
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-hovered] {
1435
1356
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1436
1357
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1437
1358
  }
1438
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___e7EC2[data-focus-visible] {
1359
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-focus-visible] {
1439
1360
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1440
1361
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1441
1362
  }
1442
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___e7EC2[data-pressed] {
1363
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-pressed] {
1443
1364
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1444
1365
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1445
1366
  }
1446
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___e7EC2[data-disabled] {
1367
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-disabled] {
1447
1368
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1448
1369
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1449
1370
  }
1450
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___IQifH[data-hovered] {
1371
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-hovered] {
1451
1372
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1452
1373
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1453
1374
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___IQifH[data-focus-visible] {
1375
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-focus-visible] {
1455
1376
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1456
1377
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1457
1378
  }
1458
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___IQifH[data-pressed] {
1379
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-pressed] {
1459
1380
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1460
1381
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1461
1382
  }
1462
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___IQifH[data-disabled] {
1383
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-disabled] {
1463
1384
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1464
1385
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1465
1386
  }
1466
- .EmbeddedButton-module__hop-EmbeddedButton--progress___c1GQd[data-hovered] {
1387
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-hovered] {
1467
1388
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1468
1389
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1469
1390
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--progress___c1GQd[data-focus-visible] {
1391
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-focus-visible] {
1471
1392
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1472
1393
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1473
1394
  }
1474
- .EmbeddedButton-module__hop-EmbeddedButton--progress___c1GQd[data-pressed] {
1395
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-pressed] {
1475
1396
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1476
1397
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1477
1398
  }
1478
- .EmbeddedButton-module__hop-EmbeddedButton--progress___c1GQd[data-disabled] {
1399
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-disabled] {
1479
1400
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1480
1401
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1481
1402
  }
1482
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Dd19O[data-hovered] {
1403
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-hovered] {
1483
1404
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1484
1405
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1485
1406
  }
1486
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Dd19O[data-focus-visible] {
1407
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-focus-visible] {
1487
1408
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1488
1409
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1489
1410
  }
1490
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Dd19O[data-pressed] {
1411
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-pressed] {
1491
1412
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1492
1413
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1493
1414
  }
1494
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Dd19O[data-disabled] {
1415
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-disabled] {
1495
1416
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1496
1417
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1497
1418
  }
1498
- .EmbeddedButton-module__hop-EmbeddedButton--caution___50VB2[data-hovered] {
1419
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-hovered] {
1499
1420
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1500
1421
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1501
1422
  }
1502
- .EmbeddedButton-module__hop-EmbeddedButton--caution___50VB2[data-focus-visible] {
1423
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-focus-visible] {
1503
1424
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1504
1425
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1505
1426
  }
1506
- .EmbeddedButton-module__hop-EmbeddedButton--caution___50VB2[data-pressed] {
1427
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-pressed] {
1507
1428
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1508
1429
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1509
1430
  }
1510
- .EmbeddedButton-module__hop-EmbeddedButton--caution___50VB2[data-disabled] {
1431
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-disabled] {
1511
1432
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1512
1433
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1513
1434
  }
1514
- .EmbeddedButton-module__hop-EmbeddedButton--negative___2n3R6[data-hovered] {
1435
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-hovered] {
1515
1436
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1516
1437
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1517
1438
  }
1518
- .EmbeddedButton-module__hop-EmbeddedButton--negative___2n3R6[data-focus-visible] {
1439
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-focus-visible] {
1519
1440
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1520
1441
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1521
1442
  }
1522
- .EmbeddedButton-module__hop-EmbeddedButton--negative___2n3R6[data-pressed] {
1443
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-pressed] {
1523
1444
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1524
1445
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1525
1446
  }
1526
- .EmbeddedButton-module__hop-EmbeddedButton--negative___2n3R6[data-disabled] {
1447
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-disabled] {
1527
1448
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1528
1449
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1529
1450
  }
1530
- .EmbeddedButton-module__hop-EmbeddedButton--option1___6FY4N[data-hovered] {
1451
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-hovered] {
1531
1452
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1532
1453
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1533
1454
  }
1534
- .EmbeddedButton-module__hop-EmbeddedButton--option1___6FY4N[data-focus-visible] {
1455
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-focus-visible] {
1535
1456
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1536
1457
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1537
1458
  }
1538
- .EmbeddedButton-module__hop-EmbeddedButton--option1___6FY4N[data-pressed] {
1459
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-pressed] {
1539
1460
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1540
1461
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1541
1462
  }
1542
- .EmbeddedButton-module__hop-EmbeddedButton--option1___6FY4N[data-disabled] {
1463
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-disabled] {
1543
1464
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1544
1465
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1545
1466
  }
1546
- .EmbeddedButton-module__hop-EmbeddedButton--option2___sqARS[data-hovered] {
1467
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-hovered] {
1547
1468
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1548
1469
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1549
1470
  }
1550
- .EmbeddedButton-module__hop-EmbeddedButton--option2___sqARS[data-focus-visible] {
1471
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-focus-visible] {
1551
1472
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1552
1473
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1553
1474
  }
1554
- .EmbeddedButton-module__hop-EmbeddedButton--option2___sqARS[data-pressed] {
1475
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-pressed] {
1555
1476
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1556
1477
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1557
1478
  }
1558
- .EmbeddedButton-module__hop-EmbeddedButton--option2___sqARS[data-disabled] {
1479
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-disabled] {
1559
1480
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1560
1481
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1561
1482
  }
1562
- .EmbeddedButton-module__hop-EmbeddedButton--option3___07mAw[data-hovered] {
1483
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-hovered] {
1563
1484
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1564
1485
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1565
1486
  }
1566
- .EmbeddedButton-module__hop-EmbeddedButton--option3___07mAw[data-focus-visible] {
1487
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-focus-visible] {
1567
1488
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1568
1489
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1569
1490
  }
1570
- .EmbeddedButton-module__hop-EmbeddedButton--option3___07mAw[data-pressed] {
1491
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-pressed] {
1571
1492
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1572
1493
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1573
1494
  }
1574
- .EmbeddedButton-module__hop-EmbeddedButton--option3___07mAw[data-disabled] {
1495
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-disabled] {
1575
1496
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1576
1497
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1577
1498
  }
1578
- .EmbeddedButton-module__hop-EmbeddedButton--option4___ThYD2[data-hovered] {
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-hovered] {
1579
1500
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1580
1501
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1581
1502
  }
1582
- .EmbeddedButton-module__hop-EmbeddedButton--option4___ThYD2[data-focus-visible] {
1503
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-focus-visible] {
1583
1504
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1584
1505
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1585
1506
  }
1586
- .EmbeddedButton-module__hop-EmbeddedButton--option4___ThYD2[data-pressed] {
1507
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-pressed] {
1587
1508
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1588
1509
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1589
1510
  }
1590
- .EmbeddedButton-module__hop-EmbeddedButton--option4___ThYD2[data-disabled] {
1511
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-disabled] {
1591
1512
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1592
1513
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1593
1514
  }
1594
- .EmbeddedButton-module__hop-EmbeddedButton--option5___et-nN[data-hovered] {
1515
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-hovered] {
1595
1516
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1596
1517
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1597
1518
  }
1598
- .EmbeddedButton-module__hop-EmbeddedButton--option5___et-nN[data-focus-visible] {
1519
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-focus-visible] {
1599
1520
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1600
1521
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1601
1522
  }
1602
- .EmbeddedButton-module__hop-EmbeddedButton--option5___et-nN[data-pressed] {
1523
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-pressed] {
1603
1524
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1604
1525
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1605
1526
  }
1606
- .EmbeddedButton-module__hop-EmbeddedButton--option5___et-nN[data-disabled] {
1527
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-disabled] {
1607
1528
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1608
1529
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1609
1530
  }
1610
- .EmbeddedButton-module__hop-EmbeddedButton--option6___kXcVt[data-hovered] {
1531
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-hovered] {
1611
1532
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1612
1533
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1613
1534
  }
1614
- .EmbeddedButton-module__hop-EmbeddedButton--option6___kXcVt[data-focus-visible] {
1535
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-focus-visible] {
1615
1536
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1616
1537
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1617
1538
  }
1618
- .EmbeddedButton-module__hop-EmbeddedButton--option6___kXcVt[data-pressed] {
1539
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-pressed] {
1619
1540
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1620
1541
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1621
1542
  }
1622
- .EmbeddedButton-module__hop-EmbeddedButton--option6___kXcVt[data-disabled] {
1543
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-disabled] {
1623
1544
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1624
1545
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1625
1546
  }
1626
- .EmbeddedButton-module__hop-EmbeddedButton__icon___nDxeC {
1547
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___EAxnK {
1548
+ position: relative;
1549
+ }
1550
+
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___y82Y5 {
1553
+ --hop-Button-border-radius: var(--hop-shape-rounded-md);
1554
+ --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1555
+ --hop-Button-column-gap: var(--hop-space-inline-xs);
1556
+ --hop-Button-icon-only-column-gap: 0;
1557
+ --hop-Button-outline-size: var(--hop-space-20);
1558
+ --hop-Button-border-size: var(--hop-space-10);
1559
+ --hop-Button-text-underline-offset: var(--hop-space-20);
1560
+ --hop-Button-icon-only-padding: 0;
1561
+ --hop-Button-sm-height: 2rem;
1562
+ --hop-Button-md-height: 2.5rem;
1563
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1564
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1565
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1566
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1567
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1568
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1569
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1570
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1571
+ --hop-Button-ghost-background-color-disabled: transparent;
1572
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1573
+ --hop-Button-primary-color: var(--hop-primary-text-strong);
1574
+ --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1575
+ --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1576
+ --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1577
+ --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1578
+ --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1579
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1580
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1581
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1582
+ --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1583
+ --hop-Button-secondary-color: var(--hop-neutral-text);
1584
+ --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1585
+ --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1586
+ --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1587
+ --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1588
+ --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1589
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1590
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1591
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1592
+ --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1593
+ --hop-Button-upsell-color: var(--hop-upsell-text);
1594
+ --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1595
+ --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1596
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface);
1597
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1598
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1599
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1600
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1601
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1602
+ --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1603
+ --hop-Button-danger-color: var(--hop-danger-text-strong);
1604
+ --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1605
+ --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1606
+ --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1607
+ --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1608
+ --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1609
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1610
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1611
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1612
+ --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1613
+ --hop-Button-ghost-primary-color: var(--hop-primary-text);
1614
+ --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1615
+ --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1616
+ --hop-Button-ghost-primary-background-color: transparent;
1617
+ --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1618
+ --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1619
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1620
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1621
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1622
+ --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1623
+ --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1624
+ --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1625
+ --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1626
+ --hop-Button-ghost-secondary-background-color: transparent;
1627
+ --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1628
+ --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1629
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1630
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1631
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1632
+ --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1633
+ --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1634
+ --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1635
+ --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1636
+ --hop-Button-ghost-danger-background-color: transparent;
1637
+ --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1638
+ --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1639
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1640
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1641
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1642
+ --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1643
+ --inline-size: max-content;
1644
+ --block-size: var(--hop-Button-md-height);
1645
+ --background-color: var(--hop-primary-surface-strong);
1646
+ --color: var(--hop-primary-text-strong);
1647
+ --column-gap: var(--hop-Button-column-gap);
1648
+ --spinner: var(--hop-primary-icon-strong);
1649
+ --border: 0;
1650
+ --padding: var(--hop-Button-md-padding);
1651
+ --text-underline: none;
1652
+ cursor: pointer;
1627
1653
  position: relative;
1654
+ overflow: hidden;
1655
+ display: flex;
1656
+ column-gap: var(--column-gap);
1657
+ align-items: center;
1658
+ justify-content: center;
1659
+ box-sizing: border-box;
1660
+ inline-size: var(--inline-size);
1661
+ block-size: var(--block-size);
1662
+ padding: var(--padding);
1663
+ color: var(--color);
1664
+ text-decoration: none;
1665
+ white-space: nowrap;
1666
+ background-color: var(--background-color);
1667
+ border: var(--border);
1668
+ border-radius: var(--hop-Button-border-radius);
1669
+ outline: none;
1670
+ outline-offset: var(--hop-Button-outline-size);
1671
+ transition:
1672
+ color var(--hop-easing-duration-2) var(--hop-easing-productive),
1673
+ background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1674
+ border var(--hop-easing-duration-2) var(--hop-easing-productive);
1675
+ }
1676
+ .Button-module__hop-Button--fluid___yrsMn {
1677
+ --inline-size: 100%;
1678
+ }
1679
+ .Button-module__hop-Button--sm___MqqBM {
1680
+ --block-size: var(--hop-Button-sm-height);
1681
+ --padding: var(--hop-Button-sm-padding);
1682
+ }
1683
+ .Button-module__hop-Button--sm___MqqBM[class*=--ghost] {
1684
+ --padding: var(--hop-Button-ghost-sm-padding);
1685
+ }
1686
+ .Button-module__hop-Button--md___689QA[class*=--ghost] {
1687
+ --padding: var(--hop-Button-ghost-md-padding);
1688
+ }
1689
+ .Button-module__hop-Button--icon-only___mnrYP {
1690
+ --column-gap: var(--hop-Button-icon-only-column-gap);
1691
+ --padding: var(--hop-Button-icon-only-padding);
1692
+ aspect-ratio: 1;
1693
+ }
1694
+ .Button-module__hop-Button--primary___i4wgt {
1695
+ --background-color: var(--hop-Button-primary-background-color);
1696
+ --color: var(--hop-Button-primary-color);
1697
+ --border: var(--hop-Button-primary-border);
1698
+ --spinner-color: var(--hop-Button-primary-spinner-color);
1699
+ }
1700
+ .Button-module__hop-Button--primary___i4wgt[data-hovered],
1701
+ .Button-module__hop-Button--primary___i4wgt[data-focus-visible] {
1702
+ --background-color: var(--hop-Button-primary-background-color-hover);
1703
+ --color: var(--hop-Button-primary-color-hover);
1704
+ --border: var(--hop-Button-primary-border-hover);
1705
+ }
1706
+ .Button-module__hop-Button--primary___i4wgt[data-pressed] {
1707
+ --background-color: var(--hop-Button-primary-background-color-pressed);
1708
+ --color: var(--hop-Button-primary-color-pressed);
1709
+ --border: var(--hop-Button-primary-border-pressed);
1710
+ }
1711
+ .Button-module__hop-Button--secondary___aTxQ5 {
1712
+ --background-color: var(--hop-Button-secondary-background-color);
1713
+ --color: var(--hop-Button-secondary-color);
1714
+ --border: var(--hop-Button-secondary-border);
1715
+ --spinner-color: var(--hop-Button-secondary-spinner-color);
1716
+ }
1717
+ .Button-module__hop-Button--secondary___aTxQ5[data-hovered],
1718
+ .Button-module__hop-Button--secondary___aTxQ5[data-focus-visible] {
1719
+ --background-color: var(--hop-Button-secondary-background-color-hover);
1720
+ --color: var(--hop-Button-secondary-color-hover);
1721
+ --border: var(--hop-Button-secondary-border-hover);
1722
+ }
1723
+ .Button-module__hop-Button--secondary___aTxQ5[data-pressed] {
1724
+ --background-color: var(--hop-Button-secondary-background-color-pressed);
1725
+ --color: var(--hop-Button-secondary-color-pressed);
1726
+ --border: var(--hop-Button-secondary-border-pressed);
1727
+ }
1728
+ .Button-module__hop-Button--upsell___VdxM3 {
1729
+ --background-color: var(--hop-Button-upsell-background-color);
1730
+ --color: var(--hop-Button-upsell-color);
1731
+ --border: var(--hop-Button-upsell-border);
1732
+ --spinner-color: var(--hop-Button-upsell-spinner-color);
1733
+ }
1734
+ .Button-module__hop-Button--upsell___VdxM3[data-hovered],
1735
+ .Button-module__hop-Button--upsell___VdxM3[data-focus-visible] {
1736
+ --background-color: var(--hop-Button-upsell-background-color-hover);
1737
+ --color: var(--hop-Button-upsell-color-hover);
1738
+ --border: var(--hop-Button-upsell-border-hover);
1739
+ }
1740
+ .Button-module__hop-Button--upsell___VdxM3[data-pressed] {
1741
+ --background-color: var(--hop-Button-upsell-background-color-pressed);
1742
+ --color: var(--hop-Button-upsell-color-pressed);
1743
+ --border: var(--hop-Button-upsell-border-pressed);
1744
+ }
1745
+ .Button-module__hop-Button--danger___U0g6u {
1746
+ --background-color: var(--hop-Button-danger-background-color);
1747
+ --color: var(--hop-Button-danger-color);
1748
+ --border: var(--hop-Button-danger-border);
1749
+ --spinner-color: var(--hop-Button-danger-spinner-color);
1750
+ }
1751
+ .Button-module__hop-Button--danger___U0g6u[data-hovered],
1752
+ .Button-module__hop-Button--danger___U0g6u[data-focus-visible] {
1753
+ --background-color: var(--hop-Button-danger-background-color-hover);
1754
+ --color: var(--hop-Button-danger-color-hover);
1755
+ --border: var(--hop-Button-danger-border-hover);
1756
+ }
1757
+ .Button-module__hop-Button--danger___U0g6u[data-pressed] {
1758
+ --background-color: var(--hop-Button-danger-background-color-pressed);
1759
+ --color: var(--hop-Button-danger-color-pressed);
1760
+ --border: var(--hop-Button-danger-border-pressed);
1761
+ }
1762
+ .Button-module__hop-Button--ghost-primary___R3YQO {
1763
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1764
+ --color: var(--hop-Button-ghost-primary-color);
1765
+ --border: var(--hop-Button-ghost-primary-border);
1766
+ --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1767
+ }
1768
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-hovered],
1769
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-focus-visible] {
1770
+ --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1771
+ --color: var(--hop-Button-ghost-primary-color-hover);
1772
+ --border: var(--hop-Button-ghost-primary-border-hover);
1773
+ --text-underline: underline;
1774
+ }
1775
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pressed] {
1776
+ --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1777
+ --color: var(--hop-Button-ghost-primary-color-pressed);
1778
+ --border: var(--hop-Button-ghost-primary-border-pressed);
1779
+ --text-underline: underline;
1780
+ }
1781
+ .Button-module__hop-Button--ghost-secondary___0IoPr {
1782
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1783
+ --color: var(--hop-Button-ghost-secondary-color);
1784
+ --border: var(--hop-Button-ghost-secondary-border);
1785
+ --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1786
+ }
1787
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-hovered],
1788
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-focus-visible] {
1789
+ --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1790
+ --color: var(--hop-Button-ghost-secondary-color-hover);
1791
+ --border: var(--hop-Button-ghost-secondary-border-hover);
1792
+ --text-underline: underline;
1793
+ }
1794
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pressed] {
1795
+ --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1796
+ --color: var(--hop-Button-ghost-secondary-color-pressed);
1797
+ --border: var(--hop-Button-ghost-secondary-border-pressed);
1798
+ --text-underline: underline;
1799
+ }
1800
+ .Button-module__hop-Button--ghost-danger___-3oFp {
1801
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1802
+ --color: var(--hop-Button-ghost-danger-color);
1803
+ --border: var(--hop-Button-ghost-danger-border);
1804
+ --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1805
+ }
1806
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-hovered],
1807
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-focus-visible] {
1808
+ --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1809
+ --color: var(--hop-Button-ghost-danger-color-hover);
1810
+ --border: var(--hop-Button-ghost-danger-border-hover);
1811
+ --text-underline: underline;
1812
+ }
1813
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pressed] {
1814
+ --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1815
+ --color: var(--hop-Button-ghost-danger-color-pressed);
1816
+ --border: var(--hop-Button-ghost-danger-border-pressed);
1817
+ --text-underline: underline;
1818
+ }
1819
+ .Button-module__hop-Button___y82Y5[data-focus-visible] {
1820
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1821
+ }
1822
+ .Button-module__hop-Button___y82Y5[data-disabled],
1823
+ .Button-module__hop-Button___y82Y5[data-pending] {
1824
+ cursor: not-allowed;
1825
+ }
1826
+ .Button-module__hop-Button___y82Y5[data-disabled] {
1827
+ --background-color: var(--hop-Button-background-color-disabled);
1828
+ --color: var(--hop-Button-color-disabled);
1829
+ --border: var(--hop-Button-border-disabled);
1830
+ }
1831
+ .Button-module__hop-Button___y82Y5[class*=--ghost][data-disabled] {
1832
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
1833
+ --color: var(--hop-Button-ghost-color-disabled);
1834
+ --border: var(--hop-Button-ghost-border-disabled);
1835
+ }
1836
+ .Button-module__hop-Button--primary___i4wgt[data-pending] {
1837
+ --background-color: var(--hop-Button-primary-background-color);
1838
+ --color: var(--hop-Button-primary-color);
1839
+ --border: var(--hop-Button-primary-border);
1840
+ }
1841
+ .Button-module__hop-Button--secondary___aTxQ5[data-pending] {
1842
+ --background-color: var(--hop-Button-secondary-background-color);
1843
+ --color: var(--hop-Button-secondary-color);
1844
+ --border: var(--hop-Button-secondary-border);
1845
+ }
1846
+ .Button-module__hop-Button--upsell___VdxM3[data-pending] {
1847
+ --background-color: var(--hop-Button-upsell-background-color);
1848
+ --color: var(--hop-Button-upsell-color);
1849
+ --border: var(--hop-Button-upsell-border);
1850
+ }
1851
+ .Button-module__hop-Button--danger___U0g6u[data-pending] {
1852
+ --background-color: var(--hop-Button-danger-background-color);
1853
+ --color: var(--hop-Button-danger-color);
1854
+ --border: var(--hop-Button-danger-border);
1855
+ }
1856
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pending] {
1857
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1858
+ --color: var(--hop-Button-ghost-primary-color);
1859
+ --border: var(--hop-Button-ghost-primary-border);
1860
+ --text-underline: none;
1861
+ }
1862
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pending] {
1863
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1864
+ --color: var(--hop-Button-ghost-secondary-color);
1865
+ --border: var(--hop-Button-ghost-secondary-border);
1866
+ --text-underline: none;
1867
+ }
1868
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pending] {
1869
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1870
+ --color: var(--hop-Button-ghost-danger-color);
1871
+ --border: var(--hop-Button-ghost-danger-border);
1872
+ --text-underline: none;
1873
+ }
1874
+ .Button-module__hop-Button__Spinner___iIz-g {
1875
+ position: absolute;
1876
+ color: var(--spinner-color);
1877
+ }
1878
+ .Button-module__hop-Button__icon___ol4xI,
1879
+ .Button-module__hop-Button__icon-list___wcA7Z {
1880
+ flex: 0 0 auto;
1881
+ justify-self: end;
1882
+ order: 1;
1883
+ }
1884
+ .Button-module__hop-Button__text___8Y-6a {
1885
+ user-select: none;
1886
+ overflow: visible;
1887
+ flex: 0 1 auto;
1888
+ order: 2;
1889
+ font-weight: var(--hop-font-weight-505);
1890
+ text-decoration: var(--text-underline);
1891
+ text-underline-offset: 0.125rem;
1892
+ text-wrap: nowrap;
1893
+ }
1894
+ .Button-module__hop-Button__end-icon___UD9RU,
1895
+ .Button-module__hop-Button__end-icon-list___2-25Q {
1896
+ flex: 0 0 auto;
1897
+ order: 3;
1898
+ }
1899
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__icon-list___wcA7Z,
1900
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__end-icon-list___2-25Q {
1901
+ flex-wrap: nowrap;
1902
+ }
1903
+ .Button-module__hop-Button___y82Y5[data-pending] > *:not(.Button-module__hop-Button__Spinner___iIz-g) {
1904
+ opacity: 0;
1905
+ }
1906
+ .LinkButton-module__hop-LinkButton___AJ7uv {
1907
+ }
1908
+ .LinkButton-module__hop-LinkButton--fluid___eUTM2 {
1909
+ }
1910
+ .LinkButton-module__hop-LinkButton--sm___304eI {
1911
+ }
1912
+ .LinkButton-module__hop-LinkButton--icon-only___ejsSp {
1913
+ }
1914
+ .LinkButton-module__hop-LinkButton--primary___Hh1-L {
1915
+ }
1916
+ .LinkButton-module__hop-LinkButton--secondary___v6hRn {
1917
+ }
1918
+ .LinkButton-module__hop-LinkButton--upsell___sT6J9 {
1919
+ }
1920
+ .LinkButton-module__hop-LinkButton--danger___2i8Ov {
1921
+ }
1922
+ .LinkButton-module__hop-LinkButton--ghost-primary___jL-l- {
1923
+ }
1924
+ .LinkButton-module__hop-LinkButton--ghost-secondary___Ng0Vv {
1925
+ }
1926
+ .LinkButton-module__hop-LinkButton--ghost-danger___tckjJ {
1927
+ }
1928
+ .LinkButton-module__hop-LinkButton__Spinner___oKMl8 {
1929
+ }
1930
+ .LinkButton-module__hop-LinkButton__icon___uBdH-,
1931
+ .LinkButton-module__hop-LinkButton__icon-list___elfO1 {
1932
+ }
1933
+ .LinkButton-module__hop-LinkButton__text___3bvOv {
1934
+ }
1935
+ .LinkButton-module__hop-LinkButton__end-icon___EsYoO,
1936
+ .LinkButton-module__hop-LinkButton__end-icon-list___FsZjl {
1937
+ }
1938
+ .LinkButton-module__hop-LinkButton___AJ7uv .LinkButton-module__hop-LinkButton__icon-list___elfO1,
1939
+ .LinkButton-module__hop-LinkButton___AJ7uv .LinkButton-module__hop-LinkButton__end-icon-list___FsZjl {
1940
+ flex-wrap: nowrap;
1628
1941
  }
1629
1942
 
1630
1943
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1631
- .Checkbox-module__hop-Checkbox___XVEvZ {
1944
+ .Checkbox-module__hop-Checkbox___BAZW7 {
1632
1945
  --hop-Checkbox-box-border-size: 0.0625rem;
1633
1946
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1634
1947
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1703,60 +2016,60 @@
1703
2016
  inline-size: max-content;
1704
2017
  max-inline-size: 100%;
1705
2018
  }
1706
- .Checkbox-module__hop-Checkbox___XVEvZ[data-focus-visible] {
2019
+ .Checkbox-module__hop-Checkbox___BAZW7[data-focus-visible] {
1707
2020
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1708
2021
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1709
2022
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1710
2023
  --text-color: var(--hop-Checkbox-text-color-focused);
1711
2024
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1712
2025
  }
1713
- .Checkbox-module__hop-Checkbox___XVEvZ[data-hovered] {
2026
+ .Checkbox-module__hop-Checkbox___BAZW7[data-hovered] {
1714
2027
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1715
2028
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1716
2029
  --text-color: var(--hop-Checkbox-text-color-hovered);
1717
2030
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1718
2031
  }
1719
- .Checkbox-module__hop-Checkbox___XVEvZ[data-pressed] {
2032
+ .Checkbox-module__hop-Checkbox___BAZW7[data-pressed] {
1720
2033
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1721
2034
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1722
2035
  --text-color: var(--hop-Checkbox-text-color-pressed);
1723
2036
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1724
2037
  }
1725
- .Checkbox-module__hop-Checkbox___XVEvZ[data-selected] {
2038
+ .Checkbox-module__hop-Checkbox___BAZW7[data-selected] {
1726
2039
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1727
2040
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1728
2041
  --check-display: var(--hop-Checkbox-check-display-selected);
1729
2042
  --text-color: var(--hop-Checkbox-text-color-selected);
1730
2043
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1731
2044
  }
1732
- .Checkbox-module__hop-Checkbox___XVEvZ[data-invalid] {
2045
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid] {
1733
2046
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1734
2047
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1735
2048
  --check-color: var(--hop-Checkbox-check-color-invalid);
1736
2049
  --text-color: var(--hop-Checkbox-text-color-invalid);
1737
2050
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1738
2051
  }
1739
- .Checkbox-module__hop-Checkbox___XVEvZ[data-invalid]:where([data-focus-visible]) {
2052
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-focus-visible]) {
1740
2053
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1741
2054
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1742
2055
  }
1743
- .Checkbox-module__hop-Checkbox___XVEvZ[data-invalid]:where([data-hovered]) {
2056
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-hovered]) {
1744
2057
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1745
2058
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1746
2059
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1747
2060
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1748
2061
  }
1749
- .Checkbox-module__hop-Checkbox___XVEvZ[data-invalid]:where([data-pressed]) {
2062
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-pressed]) {
1750
2063
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1751
2064
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1752
2065
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1753
2066
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1754
2067
  }
1755
- .Checkbox-module__hop-Checkbox___XVEvZ:where([data-invalid])[data-selected] {
2068
+ .Checkbox-module__hop-Checkbox___BAZW7:where([data-invalid])[data-selected] {
1756
2069
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1757
2070
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1758
2071
  }
1759
- .Checkbox-module__hop-Checkbox___XVEvZ[data-disabled] {
2072
+ .Checkbox-module__hop-Checkbox___BAZW7[data-disabled] {
1760
2073
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1761
2074
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1762
2075
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1764,25 +2077,25 @@
1764
2077
  --text-color: var(--hop-Checkbox-text-color-disabled);
1765
2078
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1766
2079
  }
1767
- .Checkbox-module__hop-Checkbox--sm___GYaLg {
2080
+ .Checkbox-module__hop-Checkbox--sm___YqWaC {
1768
2081
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1769
2082
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1770
2083
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1771
2084
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1772
2085
  }
1773
- .Checkbox-module__hop-Checkbox--md___xI3vz {
2086
+ .Checkbox-module__hop-Checkbox--md___U5XZP {
1774
2087
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1775
2088
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1776
2089
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1777
2090
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1778
2091
  }
1779
- .Checkbox-module__hop-Checkbox__icon___NtYGY,
1780
- .Checkbox-module__hop-Checkbox__icon-list___bGJFX {
2092
+ .Checkbox-module__hop-Checkbox__icon___KLnth,
2093
+ .Checkbox-module__hop-Checkbox__icon-list___W0H7Z {
1781
2094
  flex: 0 0 auto;
1782
2095
  order: 3;
1783
2096
  color: var(--icon-color);
1784
2097
  }
1785
- .Checkbox-module__hop-Checkbox__box___sjFH- {
2098
+ .Checkbox-module__hop-Checkbox__box___S6YLI {
1786
2099
  display: flex;
1787
2100
  flex: 0 0 auto;
1788
2101
  align-items: center;
@@ -1798,11 +2111,11 @@
1798
2111
  outline-offset: 0.125rem;
1799
2112
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1800
2113
  }
1801
- .Checkbox-module__hop-Checkbox__check___4Gb3l {
2114
+ .Checkbox-module__hop-Checkbox__check___6XxRa {
1802
2115
  display: var(--check-display);
1803
2116
  color: var(--check-color);
1804
2117
  }
1805
- .Checkbox-module__hop-Checkbox__text___gMPCk {
2118
+ .Checkbox-module__hop-Checkbox__text___IDqT7 {
1806
2119
  flex: 0 1 auto;
1807
2120
  order: 2;
1808
2121
  min-inline-size: 0;
@@ -1812,7 +2125,7 @@
1812
2125
  }
1813
2126
 
1814
2127
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1815
- .CheckboxField-module__hop-CheckboxField___FHZvK {
2128
+ .CheckboxField-module__hop-CheckboxField___1aGo3 {
1816
2129
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1817
2130
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1818
2131
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1831,28 +2144,28 @@
1831
2144
  inline-size: max-content;
1832
2145
  max-inline-size: 100%;
1833
2146
  }
1834
- .CheckboxField-module__hop-CheckboxField___FHZvK[data-disabled] {
2147
+ .CheckboxField-module__hop-CheckboxField___1aGo3[data-disabled] {
1835
2148
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1836
2149
  }
1837
- .CheckboxField-module__hop-CheckboxField--sm___dwfuH {
2150
+ .CheckboxField-module__hop-CheckboxField--sm___oq2Qa {
1838
2151
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1839
2152
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1840
2153
  }
1841
- .CheckboxField-module__hop-CheckboxField--md___-mOr2 {
2154
+ .CheckboxField-module__hop-CheckboxField--md___hMYjs {
1842
2155
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1843
2156
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1844
2157
  }
1845
- .CheckboxField-module__hop-CheckboxField__description___JXd-g {
2158
+ .CheckboxField-module__hop-CheckboxField__description___ebTxh {
1846
2159
  order: 2;
1847
2160
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1848
2161
  color: var(--description-color);
1849
2162
  }
1850
- .CheckboxField-module__hop-CheckboxField__checkbox___jAyLt {
2163
+ .CheckboxField-module__hop-CheckboxField__checkbox___UEj8N {
1851
2164
  order: 1;
1852
2165
  }
1853
2166
 
1854
2167
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1855
- .ErrorMessage-module__hop-ErrorMessage___MZPZv {
2168
+ .ErrorMessage-module__hop-ErrorMessage___yhAIF {
1856
2169
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1857
2170
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1858
2171
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1869,13 +2182,13 @@
1869
2182
  line-height: var(--hop-ErrorMessage-line-height);
1870
2183
  color: var(--hop-ErrorMessage-color);
1871
2184
  }
1872
- .ErrorMessage-module__hop-ErrorMessage__icon___0evIw {
2185
+ .ErrorMessage-module__hop-ErrorMessage__icon___McOhx {
1873
2186
  flex: 0 0 auto;
1874
2187
  align-self: flex-start;
1875
2188
  }
1876
2189
 
1877
2190
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1878
- .HelperMessage-module__hop-HelperMessage___vxcat {
2191
+ .HelperMessage-module__hop-HelperMessage___cDya6 {
1879
2192
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1880
2193
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1881
2194
  display: flex;
@@ -1884,13 +2197,13 @@
1884
2197
  box-sizing: border-box;
1885
2198
  color: var(--hop-HelperMessage-color);
1886
2199
  }
1887
- .HelperMessage-module__hop-HelperMessage__icon___IBuuo {
2200
+ .HelperMessage-module__hop-HelperMessage__icon___CIGmx {
1888
2201
  flex: 0 0 auto;
1889
2202
  align-self: flex-start;
1890
2203
  }
1891
2204
 
1892
2205
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1893
- .CheckboxGroup-module__hop-CheckboxGroup___hflfq {
2206
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 {
1894
2207
  --hop-CheckboxGroup-align-items: flex-start;
1895
2208
  --hop-CheckboxGroup-justify-content: flex-start;
1896
2209
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1929,46 +2242,46 @@
1929
2242
  inline-size: max-content;
1930
2243
  max-inline-size: 100%;
1931
2244
  }
1932
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___0vlrS {
2245
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad {
1933
2246
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1934
2247
  --list-border-radius: var(--hop-shape-rounded-md);
1935
2248
  }
1936
- .CheckboxGroup-module__hop-CheckboxGroup--sm___hjHMf {
2249
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___OpNi3 {
1937
2250
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1938
2251
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1939
2252
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1940
2253
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1941
2254
  }
1942
- .CheckboxGroup-module__hop-CheckboxGroup--md___FN0Q0 {
2255
+ .CheckboxGroup-module__hop-CheckboxGroup--md___orn6Z {
1943
2256
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1944
2257
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1945
2258
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1946
2259
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1947
2260
  }
1948
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___0vlrS.CheckboxGroup-module__hop-CheckboxGroup--sm___hjHMf {
2261
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad.CheckboxGroup-module__hop-CheckboxGroup--sm___OpNi3 {
1949
2262
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1950
2263
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1951
2264
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1952
2265
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1953
2266
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1954
2267
  }
1955
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___0vlrS.CheckboxGroup-module__hop-CheckboxGroup--md___FN0Q0 {
2268
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad.CheckboxGroup-module__hop-CheckboxGroup--md___orn6Z {
1956
2269
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1957
2270
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1958
2271
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1959
2272
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1960
2273
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1961
2274
  }
1962
- .CheckboxGroup-module__hop-CheckboxGroup___hflfq[data-orientation=horizontal] {
2275
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4[data-orientation=horizontal] {
1963
2276
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1964
2277
  }
1965
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___0vlrS[data-orientation=horizontal] {
2278
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad[data-orientation=horizontal] {
1966
2279
  --flex-wrap: nowrap;
1967
2280
  }
1968
- .CheckboxGroup-module__hop-CheckboxGroup___hflfq > .CheckboxGroup-module__hop-CheckboxGroup__label___JX42g {
2281
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 > .CheckboxGroup-module__hop-CheckboxGroup__label___VT-Jc {
1969
2282
  order: 1;
1970
2283
  }
1971
- .CheckboxGroup-module__hop-CheckboxGroup__list___H8vo- {
2284
+ .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs {
1972
2285
  display: flex;
1973
2286
  flex-flow: var(--flex-direction) var(--flex-wrap);
1974
2287
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1979,7 +2292,7 @@
1979
2292
  border: var(--list-border, none);
1980
2293
  border-radius: var(--list-border-radius, 0);
1981
2294
  }
1982
- .CheckboxGroup-module__hop-CheckboxGroup__list___H8vo- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NcCv9 {
2295
+ .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- {
1983
2296
  position: relative;
1984
2297
  flex: 0 1 auto;
1985
2298
  align-content: start;
@@ -1987,28 +2300,28 @@
1987
2300
  min-inline-size: 0;
1988
2301
  padding: var(--checkbox-padding, 0);
1989
2302
  }
1990
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___0vlrS .CheckboxGroup-module__hop-CheckboxGroup__list___H8vo- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NcCv9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NcCv9::before {
2303
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2-::before {
1991
2304
  content: "";
1992
2305
  position: absolute;
1993
2306
  display: block;
1994
2307
  }
1995
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___0vlrS[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___H8vo- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NcCv9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NcCv9::before {
2308
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2-::before {
1996
2309
  inset-block-start: 0;
1997
2310
  inset-inline: 0;
1998
2311
  border-block-start: var(--list-border, none);
1999
2312
  }
2000
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___0vlrS[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___H8vo- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NcCv9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NcCv9::before {
2313
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2-::before {
2001
2314
  inset-block: 0;
2002
2315
  inset-inline-start: 0;
2003
2316
  border-inline-start: var(--list-border, none);
2004
2317
  }
2005
- .CheckboxGroup-module__hop-CheckboxGroup___hflfq > .CheckboxGroup-module__hop-CheckboxGroup__error-message___9zKue,
2006
- .CheckboxGroup-module__hop-CheckboxGroup___hflfq > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___BsliU {
2318
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___Tb1J3,
2319
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___oiDoF {
2007
2320
  order: 3;
2008
2321
  }
2009
2322
 
2010
2323
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2011
- .Checkbox-module__hop-Checkbox___XVEvZ {
2324
+ .Checkbox-module__hop-Checkbox___BAZW7 {
2012
2325
  --hop-Checkbox-box-border-size: 0.0625rem;
2013
2326
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2014
2327
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2083,60 +2396,60 @@
2083
2396
  inline-size: max-content;
2084
2397
  max-inline-size: 100%;
2085
2398
  }
2086
- .Checkbox-module__hop-Checkbox___XVEvZ[data-focus-visible] {
2399
+ .Checkbox-module__hop-Checkbox___BAZW7[data-focus-visible] {
2087
2400
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2088
2401
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2089
2402
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2090
2403
  --text-color: var(--hop-Checkbox-text-color-focused);
2091
2404
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2092
2405
  }
2093
- .Checkbox-module__hop-Checkbox___XVEvZ[data-hovered] {
2406
+ .Checkbox-module__hop-Checkbox___BAZW7[data-hovered] {
2094
2407
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2095
2408
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2096
2409
  --text-color: var(--hop-Checkbox-text-color-hovered);
2097
2410
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2098
2411
  }
2099
- .Checkbox-module__hop-Checkbox___XVEvZ[data-pressed] {
2412
+ .Checkbox-module__hop-Checkbox___BAZW7[data-pressed] {
2100
2413
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2101
2414
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2102
2415
  --text-color: var(--hop-Checkbox-text-color-pressed);
2103
2416
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2104
2417
  }
2105
- .Checkbox-module__hop-Checkbox___XVEvZ[data-selected] {
2418
+ .Checkbox-module__hop-Checkbox___BAZW7[data-selected] {
2106
2419
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2107
2420
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2108
2421
  --check-display: var(--hop-Checkbox-check-display-selected);
2109
2422
  --text-color: var(--hop-Checkbox-text-color-selected);
2110
2423
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2111
2424
  }
2112
- .Checkbox-module__hop-Checkbox___XVEvZ[data-invalid] {
2425
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid] {
2113
2426
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2114
2427
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2115
2428
  --check-color: var(--hop-Checkbox-check-color-invalid);
2116
2429
  --text-color: var(--hop-Checkbox-text-color-invalid);
2117
2430
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2118
2431
  }
2119
- .Checkbox-module__hop-Checkbox___XVEvZ[data-invalid]:where([data-focus-visible]) {
2432
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-focus-visible]) {
2120
2433
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2121
2434
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2122
2435
  }
2123
- .Checkbox-module__hop-Checkbox___XVEvZ[data-invalid]:where([data-hovered]) {
2436
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-hovered]) {
2124
2437
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2125
2438
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2126
2439
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2127
2440
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2128
2441
  }
2129
- .Checkbox-module__hop-Checkbox___XVEvZ[data-invalid]:where([data-pressed]) {
2442
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-pressed]) {
2130
2443
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2131
2444
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2132
2445
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2133
2446
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2134
2447
  }
2135
- .Checkbox-module__hop-Checkbox___XVEvZ:where([data-invalid])[data-selected] {
2448
+ .Checkbox-module__hop-Checkbox___BAZW7:where([data-invalid])[data-selected] {
2136
2449
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2137
2450
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2138
2451
  }
2139
- .Checkbox-module__hop-Checkbox___XVEvZ[data-disabled] {
2452
+ .Checkbox-module__hop-Checkbox___BAZW7[data-disabled] {
2140
2453
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2141
2454
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2142
2455
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2144,25 +2457,25 @@
2144
2457
  --text-color: var(--hop-Checkbox-text-color-disabled);
2145
2458
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2146
2459
  }
2147
- .Checkbox-module__hop-Checkbox--sm___GYaLg {
2460
+ .Checkbox-module__hop-Checkbox--sm___YqWaC {
2148
2461
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2149
2462
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2150
2463
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2151
2464
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2152
2465
  }
2153
- .Checkbox-module__hop-Checkbox--md___xI3vz {
2466
+ .Checkbox-module__hop-Checkbox--md___U5XZP {
2154
2467
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2155
2468
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2156
2469
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2157
2470
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2158
2471
  }
2159
- .Checkbox-module__hop-Checkbox__icon___NtYGY,
2160
- .Checkbox-module__hop-Checkbox__icon-list___bGJFX {
2472
+ .Checkbox-module__hop-Checkbox__icon___KLnth,
2473
+ .Checkbox-module__hop-Checkbox__icon-list___W0H7Z {
2161
2474
  flex: 0 0 auto;
2162
2475
  order: 3;
2163
2476
  color: var(--icon-color);
2164
2477
  }
2165
- .Checkbox-module__hop-Checkbox__box___sjFH- {
2478
+ .Checkbox-module__hop-Checkbox__box___S6YLI {
2166
2479
  display: flex;
2167
2480
  flex: 0 0 auto;
2168
2481
  align-items: center;
@@ -2178,11 +2491,11 @@
2178
2491
  outline-offset: 0.125rem;
2179
2492
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2180
2493
  }
2181
- .Checkbox-module__hop-Checkbox__check___4Gb3l {
2494
+ .Checkbox-module__hop-Checkbox__check___6XxRa {
2182
2495
  display: var(--check-display);
2183
2496
  color: var(--check-color);
2184
2497
  }
2185
- .Checkbox-module__hop-Checkbox__text___gMPCk {
2498
+ .Checkbox-module__hop-Checkbox__text___IDqT7 {
2186
2499
  flex: 0 1 auto;
2187
2500
  order: 2;
2188
2501
  min-inline-size: 0;
@@ -2190,24 +2503,24 @@
2190
2503
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2191
2504
  color: var(--text-color);
2192
2505
  }
2193
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___giWEe {
2506
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___7G-qd {
2194
2507
  }
2195
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___-E1Yp {
2508
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___FiN5k {
2196
2509
  }
2197
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___xa0OP {
2510
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Iy3nN {
2198
2511
  }
2199
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___SS7OW,
2200
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___w6wz4 {
2512
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___fB5K6,
2513
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___tpof1 {
2201
2514
  }
2202
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___5RF8s {
2515
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___-VWj4 {
2203
2516
  }
2204
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___tqE2r {
2517
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___lCcKA {
2205
2518
  }
2206
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___rirrt {
2519
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___oCixZ {
2207
2520
  }
2208
2521
 
2209
2522
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2210
- .Radio-module__hop-Radio___wh7Yb {
2523
+ .Radio-module__hop-Radio___XpuQG {
2211
2524
  --hop-Radio-box-border-size: 0.0625rem;
2212
2525
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2213
2526
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2281,60 +2594,60 @@
2281
2594
  inline-size: max-content;
2282
2595
  max-inline-size: 100%;
2283
2596
  }
2284
- .Radio-module__hop-Radio___wh7Yb[data-focus-visible] {
2597
+ .Radio-module__hop-Radio___XpuQG[data-focus-visible] {
2285
2598
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2286
2599
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2287
2600
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2288
2601
  --text-color: var(--hop-Radio-text-color-focused);
2289
2602
  --icon-color: var(--hop-Radio-icon-color-focused);
2290
2603
  }
2291
- .Radio-module__hop-Radio___wh7Yb[data-hovered] {
2604
+ .Radio-module__hop-Radio___XpuQG[data-hovered] {
2292
2605
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2293
2606
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2294
2607
  --text-color: var(--hop-Radio-text-color-hovered);
2295
2608
  --icon-color: var(--hop-Radio-icon-color-hovered);
2296
2609
  }
2297
- .Radio-module__hop-Radio___wh7Yb[data-pressed] {
2610
+ .Radio-module__hop-Radio___XpuQG[data-pressed] {
2298
2611
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2299
2612
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2300
2613
  --text-color: var(--hop-Radio-text-color-pressed);
2301
2614
  --icon-color: var(--hop-Radio-icon-color-pressed);
2302
2615
  }
2303
- .Radio-module__hop-Radio___wh7Yb[data-selected] {
2616
+ .Radio-module__hop-Radio___XpuQG[data-selected] {
2304
2617
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2305
2618
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2306
2619
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2307
2620
  --text-color: var(--hop-Radio-text-color-selected);
2308
2621
  --icon-color: var(--hop-Radio-icon-color-selected);
2309
2622
  }
2310
- .Radio-module__hop-Radio___wh7Yb[data-invalid] {
2623
+ .Radio-module__hop-Radio___XpuQG[data-invalid] {
2311
2624
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2312
2625
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2313
2626
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2314
2627
  --text-color: var(--hop-Radio-text-color-invalid);
2315
2628
  --icon-color: var(--hop-Radio-icon-color-invalid);
2316
2629
  }
2317
- .Radio-module__hop-Radio___wh7Yb:where([data-invalid])[data-focus-visible] {
2630
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-focus-visible] {
2318
2631
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2319
2632
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2320
2633
  }
2321
- .Radio-module__hop-Radio___wh7Yb:where([data-invalid])[data-hovered] {
2634
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-hovered] {
2322
2635
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2323
2636
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2324
2637
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2325
2638
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2326
2639
  }
2327
- .Radio-module__hop-Radio___wh7Yb:where([data-invalid])[data-pressed] {
2640
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-pressed] {
2328
2641
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2329
2642
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2330
2643
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2331
2644
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2332
2645
  }
2333
- .Radio-module__hop-Radio___wh7Yb:where([data-invalid])[data-selected] {
2646
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-selected] {
2334
2647
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2335
2648
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2336
2649
  }
2337
- .Radio-module__hop-Radio___wh7Yb[data-disabled] {
2650
+ .Radio-module__hop-Radio___XpuQG[data-disabled] {
2338
2651
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2339
2652
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2340
2653
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2342,25 +2655,25 @@
2342
2655
  --text-color: var(--hop-Radio-text-color-disabled);
2343
2656
  --icon-color: var(--hop-Radio-icon-color-disabled);
2344
2657
  }
2345
- .Radio-module__hop-Radio--sm___YMNNd {
2658
+ .Radio-module__hop-Radio--sm___qIPmE {
2346
2659
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2347
2660
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2348
2661
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2349
2662
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2350
2663
  }
2351
- .Radio-module__hop-Radio--md___FU6LF {
2664
+ .Radio-module__hop-Radio--md___A8z-9 {
2352
2665
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2353
2666
  --box-block-size: var(--hop-Radio-box-md-block-size);
2354
2667
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2355
2668
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2356
2669
  }
2357
- .Radio-module__hop-Radio__icon___ld8d-,
2358
- .Radio-module__hop-Radio__icon-list___tlenc {
2670
+ .Radio-module__hop-Radio__icon___yeuXg,
2671
+ .Radio-module__hop-Radio__icon-list___eS0dh {
2359
2672
  flex: 0 0 auto;
2360
2673
  order: 3;
2361
2674
  color: var(--icon-color);
2362
2675
  }
2363
- .Radio-module__hop-Radio__box___5kxeA {
2676
+ .Radio-module__hop-Radio__box___W7AH6 {
2364
2677
  display: flex;
2365
2678
  flex: 0 0 auto;
2366
2679
  align-items: center;
@@ -2376,11 +2689,11 @@
2376
2689
  outline-offset: 0.125rem;
2377
2690
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2378
2691
  }
2379
- .Radio-module__hop-Radio__bullet___-Mdoy {
2692
+ .Radio-module__hop-Radio__bullet___lXZ2T {
2380
2693
  display: var(--bullet-display);
2381
2694
  color: var(--bullet-color);
2382
2695
  }
2383
- .Radio-module__hop-Radio__text___xPy6O {
2696
+ .Radio-module__hop-Radio__text___-d-rN {
2384
2697
  flex: 0 1 auto;
2385
2698
  order: 2;
2386
2699
  min-inline-size: 0;
@@ -2390,7 +2703,7 @@
2390
2703
  }
2391
2704
 
2392
2705
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2393
- .RadioField-module__hop-RadioField___t6-RJ {
2706
+ .RadioField-module__hop-RadioField___adhih {
2394
2707
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2395
2708
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2396
2709
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2409,28 +2722,28 @@
2409
2722
  inline-size: max-content;
2410
2723
  max-inline-size: 100%;
2411
2724
  }
2412
- .RadioField-module__hop-RadioField___t6-RJ[data-disabled] {
2725
+ .RadioField-module__hop-RadioField___adhih[data-disabled] {
2413
2726
  --description-color: var(--hop-RadioField-description-color-disabled);
2414
2727
  }
2415
- .RadioField-module__hop-RadioField--sm___G6B3u {
2728
+ .RadioField-module__hop-RadioField--sm___nqA-p {
2416
2729
  --row-gap: var(--hop-RadioField-sm-row-gap);
2417
2730
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2418
2731
  }
2419
- .RadioField-module__hop-RadioField--md___GOWPA {
2732
+ .RadioField-module__hop-RadioField--md___Nu70w {
2420
2733
  --row-gap: var(--hop-RadioField-md-row-gap);
2421
2734
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2422
2735
  }
2423
- .RadioField-module__hop-RadioField__description___ERlvL {
2736
+ .RadioField-module__hop-RadioField__description___Gdp-x {
2424
2737
  order: 2;
2425
2738
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2426
2739
  color: var(--description-color);
2427
2740
  }
2428
- .RadioField-module__hop-RadioField__radio___135LN {
2741
+ .RadioField-module__hop-RadioField__radio___vV0V7 {
2429
2742
  order: 1;
2430
2743
  }
2431
2744
 
2432
2745
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2433
- .RadioGroup-module__hop-RadioGroup___xmcXn {
2746
+ .RadioGroup-module__hop-RadioGroup___2wZA0 {
2434
2747
  --hop-RadioGroup-align-items: flex-start;
2435
2748
  --hop-RadioGroup-justify-content: flex-start;
2436
2749
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2470,46 +2783,46 @@
2470
2783
  inline-size: var(--inline-size);
2471
2784
  max-inline-size: 100%;
2472
2785
  }
2473
- .RadioGroup-module__hop-RadioGroup--bordered___SyVq3 {
2786
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg {
2474
2787
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
2475
2788
  --list-border-radius: var(--hop-shape-rounded-md);
2476
2789
  }
2477
- .RadioGroup-module__hop-RadioGroup--sm___7acii {
2790
+ .RadioGroup-module__hop-RadioGroup--sm___frU7B {
2478
2791
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
2479
2792
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
2480
2793
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
2481
2794
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
2482
2795
  }
2483
- .RadioGroup-module__hop-RadioGroup--md___vjXOB {
2796
+ .RadioGroup-module__hop-RadioGroup--md___80FWT {
2484
2797
  --column-gap: var(--hop-RadioGroup-md-column-gap);
2485
2798
  --row-gap: var(--hop-RadioGroup-md-row-gap);
2486
2799
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
2487
2800
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
2488
2801
  }
2489
- .RadioGroup-module__hop-RadioGroup--bordered___SyVq3.RadioGroup-module__hop-RadioGroup--sm___7acii {
2802
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg.RadioGroup-module__hop-RadioGroup--sm___frU7B {
2490
2803
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
2491
2804
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
2492
2805
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
2493
2806
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
2494
2807
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
2495
2808
  }
2496
- .RadioGroup-module__hop-RadioGroup--bordered___SyVq3.RadioGroup-module__hop-RadioGroup--md___vjXOB {
2809
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg.RadioGroup-module__hop-RadioGroup--md___80FWT {
2497
2810
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
2498
2811
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
2499
2812
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
2500
2813
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
2501
2814
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
2502
2815
  }
2503
- .RadioGroup-module__hop-RadioGroup___xmcXn[data-orientation=horizontal] {
2816
+ .RadioGroup-module__hop-RadioGroup___2wZA0[data-orientation=horizontal] {
2504
2817
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
2505
2818
  }
2506
- .RadioGroup-module__hop-RadioGroup--bordered___SyVq3[data-orientation=horizontal] {
2819
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg[data-orientation=horizontal] {
2507
2820
  --flex-wrap: nowrap;
2508
2821
  }
2509
- .RadioGroup-module__hop-RadioGroup___xmcXn > .RadioGroup-module__hop-RadioGroup__label___4mh-o {
2822
+ .RadioGroup-module__hop-RadioGroup___2wZA0 > .RadioGroup-module__hop-RadioGroup__label___DfHKF {
2510
2823
  order: 1;
2511
2824
  }
2512
- .RadioGroup-module__hop-RadioGroup__list___ktXQ0 {
2825
+ .RadioGroup-module__hop-RadioGroup__list___feKs5 {
2513
2826
  display: flex;
2514
2827
  flex-flow: var(--flex-direction) var(--flex-wrap);
2515
2828
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2520,7 +2833,7 @@
2520
2833
  border: var(--list-border, none);
2521
2834
  border-radius: var(--list-border-radius, 0);
2522
2835
  }
2523
- .RadioGroup-module__hop-RadioGroup__list___ktXQ0 > .RadioGroup-module__hop-RadioGroup__radio___9mhbd {
2836
+ .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU {
2524
2837
  position: relative;
2525
2838
  flex: 0 1 auto;
2526
2839
  align-content: start;
@@ -2528,28 +2841,28 @@
2528
2841
  min-inline-size: 0;
2529
2842
  padding: var(--radio-padding, 0);
2530
2843
  }
2531
- .RadioGroup-module__hop-RadioGroup--bordered___SyVq3 .RadioGroup-module__hop-RadioGroup__list___ktXQ0 > .RadioGroup-module__hop-RadioGroup__radio___9mhbd ~ .RadioGroup-module__hop-RadioGroup__radio___9mhbd::before {
2844
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU ~ .RadioGroup-module__hop-RadioGroup__radio___FrUyU::before {
2532
2845
  content: "";
2533
2846
  position: absolute;
2534
2847
  display: block;
2535
2848
  }
2536
- .RadioGroup-module__hop-RadioGroup--bordered___SyVq3[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___ktXQ0 > .RadioGroup-module__hop-RadioGroup__radio___9mhbd ~ .RadioGroup-module__hop-RadioGroup__radio___9mhbd::before {
2849
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU ~ .RadioGroup-module__hop-RadioGroup__radio___FrUyU::before {
2537
2850
  inset-block-start: 0;
2538
2851
  inset-inline: 0;
2539
2852
  border-block-start: var(--list-border, none);
2540
2853
  }
2541
- .RadioGroup-module__hop-RadioGroup--bordered___SyVq3[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___ktXQ0 > .RadioGroup-module__hop-RadioGroup__radio___9mhbd ~ .RadioGroup-module__hop-RadioGroup__radio___9mhbd::before {
2854
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU ~ .RadioGroup-module__hop-RadioGroup__radio___FrUyU::before {
2542
2855
  inset-block: 0;
2543
2856
  inset-inline-start: 0;
2544
2857
  border-inline-start: var(--list-border, none);
2545
2858
  }
2546
- .RadioGroup-module__hop-RadioGroup___xmcXn > .RadioGroup-module__hop-RadioGroup__error-message___djiV9,
2547
- .RadioGroup-module__hop-RadioGroup___xmcXn > .RadioGroup-module__hop-RadioGroup__helper-message___HNrs- {
2859
+ .RadioGroup-module__hop-RadioGroup___2wZA0 > .RadioGroup-module__hop-RadioGroup__error-message___3wQhm,
2860
+ .RadioGroup-module__hop-RadioGroup___2wZA0 > .RadioGroup-module__hop-RadioGroup__helper-message___wo5Vw {
2548
2861
  order: 3;
2549
2862
  }
2550
2863
 
2551
2864
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2552
- .Radio-module__hop-Radio___wh7Yb {
2865
+ .Radio-module__hop-Radio___XpuQG {
2553
2866
  --hop-Radio-box-border-size: 0.0625rem;
2554
2867
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2555
2868
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2623,60 +2936,60 @@
2623
2936
  inline-size: max-content;
2624
2937
  max-inline-size: 100%;
2625
2938
  }
2626
- .Radio-module__hop-Radio___wh7Yb[data-focus-visible] {
2939
+ .Radio-module__hop-Radio___XpuQG[data-focus-visible] {
2627
2940
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2628
2941
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2629
2942
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2630
2943
  --text-color: var(--hop-Radio-text-color-focused);
2631
2944
  --icon-color: var(--hop-Radio-icon-color-focused);
2632
2945
  }
2633
- .Radio-module__hop-Radio___wh7Yb[data-hovered] {
2946
+ .Radio-module__hop-Radio___XpuQG[data-hovered] {
2634
2947
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2635
2948
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2636
2949
  --text-color: var(--hop-Radio-text-color-hovered);
2637
2950
  --icon-color: var(--hop-Radio-icon-color-hovered);
2638
2951
  }
2639
- .Radio-module__hop-Radio___wh7Yb[data-pressed] {
2952
+ .Radio-module__hop-Radio___XpuQG[data-pressed] {
2640
2953
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2641
2954
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2642
2955
  --text-color: var(--hop-Radio-text-color-pressed);
2643
2956
  --icon-color: var(--hop-Radio-icon-color-pressed);
2644
2957
  }
2645
- .Radio-module__hop-Radio___wh7Yb[data-selected] {
2958
+ .Radio-module__hop-Radio___XpuQG[data-selected] {
2646
2959
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2647
2960
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2648
2961
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2649
2962
  --text-color: var(--hop-Radio-text-color-selected);
2650
2963
  --icon-color: var(--hop-Radio-icon-color-selected);
2651
2964
  }
2652
- .Radio-module__hop-Radio___wh7Yb[data-invalid] {
2965
+ .Radio-module__hop-Radio___XpuQG[data-invalid] {
2653
2966
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2654
2967
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2655
2968
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2656
2969
  --text-color: var(--hop-Radio-text-color-invalid);
2657
2970
  --icon-color: var(--hop-Radio-icon-color-invalid);
2658
2971
  }
2659
- .Radio-module__hop-Radio___wh7Yb:where([data-invalid])[data-focus-visible] {
2972
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-focus-visible] {
2660
2973
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2661
2974
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2662
2975
  }
2663
- .Radio-module__hop-Radio___wh7Yb:where([data-invalid])[data-hovered] {
2976
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-hovered] {
2664
2977
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2665
2978
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2666
2979
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2667
2980
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2668
2981
  }
2669
- .Radio-module__hop-Radio___wh7Yb:where([data-invalid])[data-pressed] {
2982
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-pressed] {
2670
2983
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2671
2984
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2672
2985
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2673
2986
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2674
2987
  }
2675
- .Radio-module__hop-Radio___wh7Yb:where([data-invalid])[data-selected] {
2988
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-selected] {
2676
2989
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2677
2990
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2678
2991
  }
2679
- .Radio-module__hop-Radio___wh7Yb[data-disabled] {
2992
+ .Radio-module__hop-Radio___XpuQG[data-disabled] {
2680
2993
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2681
2994
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2682
2995
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2684,25 +2997,25 @@
2684
2997
  --text-color: var(--hop-Radio-text-color-disabled);
2685
2998
  --icon-color: var(--hop-Radio-icon-color-disabled);
2686
2999
  }
2687
- .Radio-module__hop-Radio--sm___YMNNd {
3000
+ .Radio-module__hop-Radio--sm___qIPmE {
2688
3001
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2689
3002
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2690
3003
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2691
3004
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2692
3005
  }
2693
- .Radio-module__hop-Radio--md___FU6LF {
3006
+ .Radio-module__hop-Radio--md___A8z-9 {
2694
3007
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2695
3008
  --box-block-size: var(--hop-Radio-box-md-block-size);
2696
3009
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2697
3010
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2698
3011
  }
2699
- .Radio-module__hop-Radio__icon___ld8d-,
2700
- .Radio-module__hop-Radio__icon-list___tlenc {
3012
+ .Radio-module__hop-Radio__icon___yeuXg,
3013
+ .Radio-module__hop-Radio__icon-list___eS0dh {
2701
3014
  flex: 0 0 auto;
2702
3015
  order: 3;
2703
3016
  color: var(--icon-color);
2704
3017
  }
2705
- .Radio-module__hop-Radio__box___5kxeA {
3018
+ .Radio-module__hop-Radio__box___W7AH6 {
2706
3019
  display: flex;
2707
3020
  flex: 0 0 auto;
2708
3021
  align-items: center;
@@ -2718,11 +3031,11 @@
2718
3031
  outline-offset: 0.125rem;
2719
3032
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2720
3033
  }
2721
- .Radio-module__hop-Radio__bullet___-Mdoy {
3034
+ .Radio-module__hop-Radio__bullet___lXZ2T {
2722
3035
  display: var(--bullet-display);
2723
3036
  color: var(--bullet-color);
2724
3037
  }
2725
- .Radio-module__hop-Radio__text___xPy6O {
3038
+ .Radio-module__hop-Radio__text___-d-rN {
2726
3039
  flex: 0 1 auto;
2727
3040
  order: 2;
2728
3041
  min-inline-size: 0;
@@ -2730,24 +3043,24 @@
2730
3043
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
2731
3044
  color: var(--text-color);
2732
3045
  }
2733
- .DecorativeRadio-module__hop-DecorativeRadio___b0Gr5 {
3046
+ .DecorativeRadio-module__hop-DecorativeRadio___G970V {
2734
3047
  }
2735
- .DecorativeRadio-module__hop-DecorativeRadio--sm___HCD7t {
3048
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___evuAe {
2736
3049
  }
2737
- .DecorativeRadio-module__hop-DecorativeRadio--md___3jFOE {
3050
+ .DecorativeRadio-module__hop-DecorativeRadio--md___vRdWJ {
2738
3051
  }
2739
- .DecorativeRadio-module__hop-DecorativeRadio__icon___aXhf-,
2740
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___VFWzH {
3052
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___YkXaI,
3053
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___4eJZB {
2741
3054
  }
2742
- .DecorativeRadio-module__hop-DecorativeRadio__box___qv4u0 {
3055
+ .DecorativeRadio-module__hop-DecorativeRadio__box___DtAMN {
2743
3056
  }
2744
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___CUcGY {
3057
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___2-V8G {
2745
3058
  }
2746
- .DecorativeRadio-module__hop-DecorativeRadio__text___gCmiz {
3059
+ .DecorativeRadio-module__hop-DecorativeRadio__text___aKVl1 {
2747
3060
  }
2748
3061
 
2749
3062
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
2750
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___dAfUa {
3063
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___9zffP {
2751
3064
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
2752
3065
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
2753
3066
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -2773,7 +3086,7 @@
2773
3086
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
2774
3087
  background-size: 400% 100%;
2775
3088
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
2776
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___BoVhh;
3089
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___WAceV;
2777
3090
  animation-duration: var(--animation-duration);
2778
3091
  animation-timing-function: ease-in-out;
2779
3092
  animation-fill-mode: forwards;
@@ -2782,19 +3095,19 @@
2782
3095
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
2783
3096
  }
2784
3097
  }
2785
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___cWRS2 {
3098
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___FFwjh {
2786
3099
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
2787
3100
  }
2788
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___rHPIz {
3101
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SRA10 {
2789
3102
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
2790
3103
  }
2791
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___kt0Y9 {
3104
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Sqyy9 {
2792
3105
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2793
3106
  }
2794
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___mggSH {
3107
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___0csSN {
2795
3108
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2796
3109
  }
2797
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___BoVhh {
3110
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___WAceV {
2798
3111
  0% {
2799
3112
  background-position: 125% 50%;
2800
3113
  }
@@ -2804,7 +3117,7 @@
2804
3117
  }
2805
3118
 
2806
3119
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
2807
- .ListBoxItem-module__hop-ListBoxItem___j58nc {
3120
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP {
2808
3121
  --hop-ListBoxItem-background-color: transparent;
2809
3122
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2810
3123
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2901,129 +3214,129 @@
2901
3214
  outline: var(--outline);
2902
3215
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2903
3216
  }
2904
- .ListBoxItem-module__hop-ListBoxItem--xs___rpq0H {
3217
+ .ListBoxItem-module__hop-ListBoxItem--xs___m1Wll {
2905
3218
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2906
3219
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2907
3220
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2908
3221
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2909
3222
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2910
3223
  }
2911
- .ListBoxItem-module__hop-ListBoxItem--sm___WFSWe {
3224
+ .ListBoxItem-module__hop-ListBoxItem--sm___KIj7Y {
2912
3225
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2913
3226
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2914
3227
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2915
3228
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2916
3229
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2917
3230
  }
2918
- .ListBoxItem-module__hop-ListBoxItem--md___lbEhk {
3231
+ .ListBoxItem-module__hop-ListBoxItem--md___3HAyR {
2919
3232
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2920
3233
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2921
3234
  --min-height: var(--hop-ListBoxItem-md-min-height);
2922
3235
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2923
3236
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2924
3237
  }
2925
- .ListBoxItem-module__hop-ListBoxItem--lg___WO68n {
3238
+ .ListBoxItem-module__hop-ListBoxItem--lg___iefdL {
2926
3239
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2927
3240
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2928
3241
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2929
3242
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2930
3243
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2931
3244
  }
2932
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-selection-mode] {
3245
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-selection-mode] {
2933
3246
  --cursor: pointer;
2934
3247
  }
2935
- .ListBoxItem-module__hop-ListBoxItem___j58nc:not([data-selection-mode]) {
3248
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP:not([data-selection-mode]) {
2936
3249
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2937
3250
  }
2938
- .ListBoxItem-module__hop-ListBoxItem__inner___wCRe-:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___k409h) {
3251
+ .ListBoxItem-module__hop-ListBoxItem__inner___tKaAM:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___uXDAf) {
2939
3252
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2940
3253
  }
2941
- .ListBoxItem-module__hop-ListBoxItem__inner___wCRe-[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___k409h) {
3254
+ .ListBoxItem-module__hop-ListBoxItem__inner___tKaAM[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___uXDAf) {
2942
3255
  --checkmark-transition: none;
2943
3256
  }
2944
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-selected] {
3257
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-selected] {
2945
3258
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2946
3259
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2947
3260
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2948
3261
  --checkmark-opacity: 1;
2949
3262
  }
2950
- .ListBoxItem-module__hop-ListBoxItem--xs___rpq0H[data-selected] {
3263
+ .ListBoxItem-module__hop-ListBoxItem--xs___m1Wll[data-selected] {
2951
3264
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2952
3265
  }
2953
- .ListBoxItem-module__hop-ListBoxItem--sm___WFSWe[data-selected] {
3266
+ .ListBoxItem-module__hop-ListBoxItem--sm___KIj7Y[data-selected] {
2954
3267
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2955
3268
  }
2956
- .ListBoxItem-module__hop-ListBoxItem--md___lbEhk[data-selected] {
3269
+ .ListBoxItem-module__hop-ListBoxItem--md___3HAyR[data-selected] {
2957
3270
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2958
3271
  }
2959
- .ListBoxItem-module__hop-ListBoxItem--lg___WO68n[data-selected] {
3272
+ .ListBoxItem-module__hop-ListBoxItem--lg___iefdL[data-selected] {
2960
3273
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2961
3274
  }
2962
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-focus-visible] {
3275
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-focus-visible] {
2963
3276
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2964
3277
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2965
3278
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2966
3279
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2967
3280
  }
2968
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-hovered] {
3281
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-hovered] {
2969
3282
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2970
3283
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2971
3284
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2972
3285
  }
2973
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-pressed] {
3286
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-pressed] {
2974
3287
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2975
3288
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2976
3289
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2977
3290
  }
2978
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-disabled] {
3291
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-disabled] {
2979
3292
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2980
3293
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2981
3294
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2982
3295
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2983
3296
  --cursor: not-allowed;
2984
3297
  }
2985
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-invalid] {
3298
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid] {
2986
3299
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2987
3300
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2988
3301
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2989
3302
  }
2990
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-invalid][data-selected] {
3303
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-selected] {
2991
3304
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2992
3305
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2993
3306
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2994
3307
  }
2995
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-invalid][data-focus-visible] {
3308
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-focus-visible] {
2996
3309
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2997
3310
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2998
3311
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2999
3312
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3000
3313
  }
3001
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-invalid][data-hovered] {
3314
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-hovered] {
3002
3315
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3003
3316
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3004
3317
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3005
3318
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3006
3319
  }
3007
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-invalid][data-pressed] {
3320
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-pressed] {
3008
3321
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3009
3322
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3010
3323
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3011
3324
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3012
3325
  }
3013
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-invalid][data-disabled] {
3326
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-disabled] {
3014
3327
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3015
3328
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3016
3329
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3017
3330
  }
3018
- .ListBoxItem-module__hop-ListBoxItem___j58nc:has(.ListBoxItem-module__hop-ListBoxItem__description___HPVYd) {
3331
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP:has(.ListBoxItem-module__hop-ListBoxItem__description___SbOqS) {
3019
3332
  --row-gap: var(--hop-ListBoxItem-row-gap);
3020
3333
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3021
3334
  }
3022
- .ListBoxItem-module__hop-ListBoxItem___j58nc[data-loading] {
3335
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-loading] {
3023
3336
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3024
3337
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3025
3338
  }
3026
- .ListBoxItem-module__hop-ListBoxItem__inner___wCRe- {
3339
+ .ListBoxItem-module__hop-ListBoxItem__inner___tKaAM {
3027
3340
  display: grid;
3028
3341
  grid-template-areas: var(--grid-template-areas);
3029
3342
  grid-template-columns: var(--grid-template-columns);
@@ -3035,33 +3348,33 @@
3035
3348
  padding-inline: var(--padding-inline);
3036
3349
  transition: grid-template-columns .3s ease-in-out;
3037
3350
  }
3038
- .ListBoxItem-module__hop-ListBoxItem__checkmark___k409h {
3351
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___uXDAf {
3039
3352
  grid-area: indicator;
3040
3353
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3041
3354
  color: var(--icon-color);
3042
3355
  opacity: var(--checkmark-opacity);
3043
3356
  transition: var(--checkmark-transition);
3044
3357
  }
3045
- .ListBoxItem-module__hop-ListBoxItem__radio___YEqdy,
3046
- .ListBoxItem-module__hop-ListBoxItem__checkbox___JUHys {
3358
+ .ListBoxItem-module__hop-ListBoxItem__radio___PP4kY,
3359
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___98rFy {
3047
3360
  pointer-events: none;
3048
3361
  user-select: none;
3049
3362
  grid-area: indicator;
3050
3363
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3051
3364
  }
3052
- .ListBoxItem-module__hop-ListBoxItem__avatar___KU95h {
3365
+ .ListBoxItem-module__hop-ListBoxItem__avatar___HEGyp {
3053
3366
  grid-area: avatar;
3054
3367
  margin-block: var(--avatar-margin-block, 0);
3055
3368
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3056
3369
  }
3057
- .ListBoxItem-module__hop-ListBoxItem__icon-list___DTDCv,
3058
- .ListBoxItem-module__hop-ListBoxItem__icon___nhq8J {
3370
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___CtmLh,
3371
+ .ListBoxItem-module__hop-ListBoxItem__icon___qe9Xy {
3059
3372
  grid-area: icon;
3060
3373
  flex: 0 0 auto;
3061
3374
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3062
3375
  color: var(--icon-color);
3063
3376
  }
3064
- .ListBoxItem-module__hop-ListBoxItem__label___M10dQ {
3377
+ .ListBoxItem-module__hop-ListBoxItem__label___tJ6hJ {
3065
3378
  overflow: hidden;
3066
3379
  grid-area: label;
3067
3380
  min-inline-size: 0;
@@ -3069,18 +3382,18 @@
3069
3382
  text-overflow: ellipsis;
3070
3383
  white-space: nowrap;
3071
3384
  }
3072
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___i78YX,
3073
- .ListBoxItem-module__hop-ListBoxItem__end-icon___--FG- {
3385
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___oPYgw,
3386
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___Q34n3 {
3074
3387
  grid-area: end-icon;
3075
3388
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3076
3389
  color: var(--icon-color);
3077
3390
  }
3078
- .ListBoxItem-module__hop-ListBoxItem__badge___-1VF9 {
3391
+ .ListBoxItem-module__hop-ListBoxItem__badge___mce3W {
3079
3392
  grid-area: badge;
3080
3393
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3081
3394
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3082
3395
  }
3083
- .ListBoxItem-module__hop-ListBoxItem__description___HPVYd {
3396
+ .ListBoxItem-module__hop-ListBoxItem__description___SbOqS {
3084
3397
  overflow: hidden;
3085
3398
  display: -webkit-box;
3086
3399
  grid-area: description;
@@ -3091,7 +3404,7 @@
3091
3404
  }
3092
3405
 
3093
3406
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3094
- .ListBox-module__hop-ListBox___FYFd8 {
3407
+ .ListBox-module__hop-ListBox___41Srh {
3095
3408
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3096
3409
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3097
3410
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3138,11 +3451,11 @@
3138
3451
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3139
3452
  border-radius: var(--hop-ListBox-border-radius);
3140
3453
  }
3141
- .ListBox-module__hop-ListBox--fluid___w7aw- {
3454
+ .ListBox-module__hop-ListBox--fluid___lOsW0 {
3142
3455
  --max-width: var(--hop-ListBox-fluid-max-width);
3143
3456
  --width: var(--hop-ListBox-fluid-width);
3144
3457
  }
3145
- .ListBox-module__hop-ListBox__section___ISu-O {
3458
+ .ListBox-module__hop-ListBox__section___gFkZO {
3146
3459
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3147
3460
  margin-inline: var(--hop-ListBox-section-margin-inline);
3148
3461
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3150,21 +3463,21 @@
3150
3463
  border-block-start: var(--section-border-block-start);
3151
3464
  border-block-end: var(--section-border-block-end);
3152
3465
  }
3153
- .ListBox-module__hop-ListBox__item___8uyC5 + .ListBox-module__hop-ListBox__section___ISu-O {
3466
+ .ListBox-module__hop-ListBox__item___AZJYT + .ListBox-module__hop-ListBox__section___gFkZO {
3154
3467
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3155
3468
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3156
3469
  }
3157
- .ListBox-module__hop-ListBox__section___ISu-O:has(+ .ListBox-module__hop-ListBox__item___8uyC5) {
3470
+ .ListBox-module__hop-ListBox__section___gFkZO:has(+ .ListBox-module__hop-ListBox__item___AZJYT) {
3158
3471
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3159
3472
  }
3160
- .ListBox-module__hop-ListBox__section___ISu-O:first-child {
3473
+ .ListBox-module__hop-ListBox__section___gFkZO:first-child {
3161
3474
  --section-padding-block-start: 0;
3162
3475
  }
3163
- .ListBox-module__hop-ListBox__section___ISu-O:last-child {
3476
+ .ListBox-module__hop-ListBox__section___gFkZO:last-child {
3164
3477
  --section-padding-block-end: 0;
3165
3478
  --section-border-block-end: 0;
3166
3479
  }
3167
- .ListBox-module__hop-ListBox__section-header___-B23Z {
3480
+ .ListBox-module__hop-ListBox__section-header___Cf7qf {
3168
3481
  margin: 0;
3169
3482
  padding: var(--hop-ListBox-section-header-padding);
3170
3483
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3175,23 +3488,23 @@
3175
3488
  text-transform: var(--hop-ListBox-section-header-text-transform);
3176
3489
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3177
3490
  }
3178
- .ListBox-module__hop-ListBox__section-header___-B23Z::before,
3179
- .ListBox-module__hop-ListBox__section-header___-B23Z::after {
3491
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::before,
3492
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::after {
3180
3493
  content: "";
3181
3494
  display: block;
3182
3495
  box-sizing: border-box;
3183
3496
  inline-size: 0;
3184
3497
  block-size: 0;
3185
3498
  }
3186
- .ListBox-module__hop-ListBox__section-header___-B23Z::before {
3499
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::before {
3187
3500
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3188
3501
  }
3189
- .ListBox-module__hop-ListBox__section-header___-B23Z::after {
3502
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::after {
3190
3503
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3191
3504
  }
3192
3505
 
3193
3506
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ComboBox/src/ComboBox.module.css/#css-module-data */
3194
- .ComboBox-module__hop-ComboBox___maExN {
3507
+ .ComboBox-module__hop-ComboBox___GHs1E {
3195
3508
  --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
3196
3509
  --hop-ComboBox-inline-size: 20rem;
3197
3510
  --hop-ComboBox-inline-size-fluid: 100%;
@@ -3255,13 +3568,13 @@
3255
3568
  inline-size: var(--inline-size);
3256
3569
  max-inline-size: var(--hop-ComboBox-max-inline-size);
3257
3570
  }
3258
- .ComboBox-module__hop-ComboBox--fluid___tC3-G {
3571
+ .ComboBox-module__hop-ComboBox--fluid___ZHFOi {
3259
3572
  --inline-size: var(--hop-ComboBox-inline-size-fluid);
3260
3573
  }
3261
- .ComboBox-module__hop-ComboBox__label___qa7Qg {
3574
+ .ComboBox-module__hop-ComboBox__label___iAsIT {
3262
3575
  order: 1;
3263
3576
  }
3264
- .ComboBox-module__hop-ComboBox__trigger___7d7ra {
3577
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP {
3265
3578
  cursor: var(--trigger-cursor);
3266
3579
  overflow: hidden;
3267
3580
  display: flex;
@@ -3274,32 +3587,32 @@
3274
3587
  border: var(--hop-ComboBox-trigger-border-size) solid var(--trigger-border-color);
3275
3588
  border-radius: var(--hop-ComboBox-trigger-border-radius);
3276
3589
  }
3277
- .ComboBox-module__hop-ComboBox__trigger--sm___4OinA {
3590
+ .ComboBox-module__hop-ComboBox__trigger--sm___aaRfl {
3278
3591
  --trigger-block-size: var(--hop-ComboBox-trigger-sm-block-size);
3279
3592
  --input-font-family: var(--hop-ComboBox-input-sm-font-family);
3280
3593
  --input-font-size: var(--hop-ComboBox-input-sm-font-size);
3281
3594
  --input-font-weight: var(--hop-ComboBox-input-sm-font-weight);
3282
3595
  --input-line-height: var(--hop-ComboBox-input-sm-line-height);
3283
3596
  }
3284
- .ComboBox-module__hop-ComboBox__trigger--md___5DRzh {
3597
+ .ComboBox-module__hop-ComboBox__trigger--md___5ygqi {
3285
3598
  --trigger-block-size: var(--hop-ComboBox-trigger-md-block-size);
3286
3599
  }
3287
- .ComboBox-module__hop-ComboBox__trigger___7d7ra[data-hovered] {
3600
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-hovered] {
3288
3601
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-hovered);
3289
3602
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-hovered);
3290
3603
  --trigger-color: var(--hop-ComboBox-trigger-color-hovered);
3291
3604
  --button-icon-color: var(--hop-ComboBox-button-icon-color-hovered);
3292
3605
  }
3293
- .ComboBox-module__hop-ComboBox__trigger___7d7ra[data-selected] {
3606
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-selected] {
3294
3607
  --trigger-background-color: var(--hop-ComboBox-button-background-color-selected);
3295
3608
  --trigger-border-color: var(--hop-ComboBox-button-border-color-selected);
3296
3609
  --trigger-color: var(--hop-ComboBox-button-color-selected);
3297
3610
  --button-icon-color: var(--hop-ComboBox-button-icon-color-selected);
3298
3611
  }
3299
- .ComboBox-module__hop-ComboBox__trigger___7d7ra[data-invalid] {
3612
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-invalid] {
3300
3613
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-invalid);
3301
3614
  }
3302
- .ComboBox-module__hop-ComboBox__trigger___7d7ra[data-focus-visible] {
3615
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-focus-visible] {
3303
3616
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-focused);
3304
3617
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-focused);
3305
3618
  --trigger-color: var(--hop-ComboBox-trigger-color-focused);
@@ -3307,14 +3620,14 @@
3307
3620
  outline: var(--hop-ComboBox-trigger-border-size) solid var(--hop-ComboBox-trigger-outline-color-focused);
3308
3621
  outline-offset: var(--hop-ComboBox-trigger-outline-offset);
3309
3622
  }
3310
- .ComboBox-module__hop-ComboBox__trigger___7d7ra[data-disabled] {
3623
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-disabled] {
3311
3624
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-disabled);
3312
3625
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-disabled);
3313
3626
  --trigger-color: var(--hop-ComboBox-trigger-color-disabled);
3314
3627
  --button-icon-color: var(--hop-ComboBox-button-icon-color-disabled);
3315
3628
  --trigger-cursor: var(--hop-ComboBox-trigger-cursor-disabled);
3316
3629
  }
3317
- .ComboBox-module__hop-ComboBox__input___M7s6g {
3630
+ .ComboBox-module__hop-ComboBox__input___juzV9 {
3318
3631
  flex: 1 1 auto;
3319
3632
  min-inline-size: 0;
3320
3633
  font-family: var(--input-font-family);
@@ -3326,10 +3639,10 @@
3326
3639
  border: none;
3327
3640
  outline: none;
3328
3641
  }
3329
- .ComboBox-module__hop-ComboBox__input___M7s6g::placeholder {
3642
+ .ComboBox-module__hop-ComboBox__input___juzV9::placeholder {
3330
3643
  color: var(--hop-ComboBox-input-placeholder-color);
3331
3644
  }
3332
- .ComboBox-module__hop-ComboBox__button___WUMel {
3645
+ .ComboBox-module__hop-ComboBox__button___BfgVD {
3333
3646
  cursor: var(--trigger-cursor);
3334
3647
  display: flex;
3335
3648
  flex: 0 0 auto;
@@ -3339,21 +3652,21 @@
3339
3652
  border: none;
3340
3653
  outline: none;
3341
3654
  }
3342
- .ComboBox-module__hop-ComboBox__prefix___u2-B6 {
3655
+ .ComboBox-module__hop-ComboBox__prefix___-hbW5 {
3343
3656
  align-self: center;
3344
3657
  color: var(--hop-ComboBox-prefix-color);
3345
3658
  }
3346
- .ComboBox-module__hop-ComboBox__button-icon___e5Soy {
3659
+ .ComboBox-module__hop-ComboBox__button-icon___RS5bx {
3347
3660
  margin-inline-start: auto;
3348
3661
  color: var(--button-icon-color);
3349
3662
  }
3350
- .ComboBox-module__hop-ComboBox__helper-message___Y41UV,
3351
- .ComboBox-module__hop-ComboBox__error-message___9duMx {
3663
+ .ComboBox-module__hop-ComboBox__helper-message___FPYo-,
3664
+ .ComboBox-module__hop-ComboBox__error-message___mK4kq {
3352
3665
  order: 3;
3353
3666
  }
3354
3667
 
3355
3668
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
3356
- :where(.Divider-module__hop-Divider___KdWRw) {
3669
+ :where(.Divider-module__hop-Divider___Tbxxd) {
3357
3670
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
3358
3671
  --hop-Divider-border-size: 0.0625rem;
3359
3672
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -3378,7 +3691,7 @@
3378
3691
  border-block-end: var(--border-block-end);
3379
3692
  border-inline-start: var(--border-inline-start);
3380
3693
  }
3381
- .Divider-module__hop-Divider--vertical___f-hqh {
3694
+ .Divider-module__hop-Divider--vertical___1sH2V {
3382
3695
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
3383
3696
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
3384
3697
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -3386,14 +3699,14 @@
3386
3699
  }
3387
3700
 
3388
3701
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
3389
- .Form-module__hop-Form___iIyUr {
3702
+ .Form-module__hop-Form___WRlBU {
3390
3703
  display: flex;
3391
3704
  flex-direction: column;
3392
3705
  gap: var(--hop-space-stack-lg);
3393
3706
  }
3394
3707
 
3395
3708
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
3396
- .InputGroup-module__hop-InputGroup___Puuor {
3709
+ .InputGroup-module__hop-InputGroup___aEnmP {
3397
3710
  --hop-InputGroup-background: var(--hop-neutral-surface);
3398
3711
  --hop-InputGroup-border-color: var(--hop-neutral-border);
3399
3712
  --hop-InputGroup-border-width: 0.0625rem;
@@ -3474,11 +3787,11 @@
3474
3787
  border: var(--border);
3475
3788
  border-radius: var(--hop-InputGroup-border-radius);
3476
3789
  }
3477
- .InputGroup-module__hop-InputGroup--fluid___jtFVz {
3790
+ .InputGroup-module__hop-InputGroup--fluid___v5khf {
3478
3791
  --inline-size: 100%;
3479
3792
  --input-inline-size: 100%;
3480
3793
  }
3481
- .InputGroup-module__hop-InputGroup--sm___QxNTW {
3794
+ .InputGroup-module__hop-InputGroup--sm___A78zZ {
3482
3795
  --block-size: var(--hop-InputGroup-sm-block-size);
3483
3796
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
3484
3797
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -3486,7 +3799,7 @@
3486
3799
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
3487
3800
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
3488
3801
  }
3489
- .InputGroup-module__hop-InputGroup___Puuor[data-input-type=textarea] {
3802
+ .InputGroup-module__hop-InputGroup___aEnmP[data-input-type=textarea] {
3490
3803
  --gap: var(--hop-InputGroup-gap-textarea);
3491
3804
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
3492
3805
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -3494,28 +3807,28 @@
3494
3807
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
3495
3808
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
3496
3809
  }
3497
- .InputGroup-module__hop-InputGroup___Puuor[data-input-type=number] {
3810
+ .InputGroup-module__hop-InputGroup___aEnmP[data-input-type=number] {
3498
3811
  --display: var(--hop-InputGroup-display-number);
3499
3812
  --gap: var(--hop-InputGroup-gap-number);
3500
3813
  }
3501
- .InputGroup-module__hop-InputGroup___Puuor[data-hovered] {
3814
+ .InputGroup-module__hop-InputGroup___aEnmP[data-hovered] {
3502
3815
  --background: var(--hop-InputGroup-background-hover);
3503
3816
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
3504
3817
  }
3505
- .InputGroup-module__hop-InputGroup___Puuor[data-focus-within] {
3818
+ .InputGroup-module__hop-InputGroup___aEnmP[data-focus-within] {
3506
3819
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
3507
3820
  }
3508
- .InputGroup-module__hop-InputGroup___Puuor[data-invalid] {
3821
+ .InputGroup-module__hop-InputGroup___aEnmP[data-invalid] {
3509
3822
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
3510
3823
  }
3511
- .InputGroup-module__hop-InputGroup___Puuor[data-disabled] {
3824
+ .InputGroup-module__hop-InputGroup___aEnmP[data-disabled] {
3512
3825
  --background: var(--hop-InputGroup-background-disabled);
3513
3826
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
3514
3827
  --input-color: var(--hop-InputGroup-input-color-disabled);
3515
3828
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
3516
3829
  }
3517
- .InputGroup-module__hop-InputGroup__input___TUfqQ,
3518
- .InputGroup-module__hop-InputGroup__textarea___Xu4bK {
3830
+ .InputGroup-module__hop-InputGroup__input___UZY5A,
3831
+ .InputGroup-module__hop-InputGroup__textarea___Mx9sM {
3519
3832
  flex: 1 1 auto;
3520
3833
  box-sizing: border-box;
3521
3834
  inline-size: var(--input-inline-size);
@@ -3529,26 +3842,26 @@
3529
3842
  border: none;
3530
3843
  outline: none;
3531
3844
  }
3532
- .InputGroup-module__hop-InputGroup__input___TUfqQ {
3845
+ .InputGroup-module__hop-InputGroup__input___UZY5A {
3533
3846
  block-size: var(--input-block-size);
3534
3847
  padding: var(--hop-InputGroup-input-padding);
3535
3848
  }
3536
- .InputGroup-module__hop-InputGroup__textarea___Xu4bK {
3849
+ .InputGroup-module__hop-InputGroup__textarea___Mx9sM {
3537
3850
  padding: var(--hop-InputGroup-textarea-padding);
3538
3851
  }
3539
- .InputGroup-module__hop-InputGroup__input___TUfqQ::placeholder {
3852
+ .InputGroup-module__hop-InputGroup__input___UZY5A::placeholder {
3540
3853
  font-family: var(--hop-InputGroup-placeholder-font-family);
3541
3854
  font-size: var(--hop-InputGroup-placeholder-font-size);
3542
3855
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
3543
3856
  line-height: var(--hop-InputGroup-placeholder-line-height);
3544
3857
  color: var(--input-placeholder-color);
3545
3858
  }
3546
- .InputGroup-module__hop-InputGroup__embedded-button___VoaGA {
3859
+ .InputGroup-module__hop-InputGroup__embedded-button___vGnhx {
3547
3860
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
3548
3861
  }
3549
3862
 
3550
3863
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
3551
- .NumberField-module__hop-NumberField___MqQub {
3864
+ .NumberField-module__hop-NumberField___Aafsl {
3552
3865
  --hop-NumberField-gap: var(--hop-space-stack-xs);
3553
3866
  --hop-NumberField-inline-size: 20rem;
3554
3867
  --hop-NumberField-inline-size-fluid: 100%;
@@ -3596,30 +3909,30 @@
3596
3909
  gap: var(--hop-NumberField-gap);
3597
3910
  inline-size: var(--inline-size);
3598
3911
  }
3599
- .NumberField-module__hop-NumberField--fluid___LmSZ9 {
3912
+ .NumberField-module__hop-NumberField--fluid___bfwBd {
3600
3913
  --inline-size: var(--hop-NumberField-inline-size-fluid);
3601
3914
  }
3602
- .NumberField-module__hop-NumberField--mobile___Da-yZ {
3915
+ .NumberField-module__hop-NumberField--mobile___-R6kn {
3603
3916
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
3604
3917
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
3605
3918
  }
3606
- .NumberField-module__hop-NumberField__Label___Pm1-- {
3919
+ .NumberField-module__hop-NumberField__Label___mnX2E {
3607
3920
  order: 0;
3608
3921
  }
3609
- .NumberField-module__hop-NumberField__prefix___3uaM6 {
3922
+ .NumberField-module__hop-NumberField__prefix___Xpm1f {
3610
3923
  grid-area: prefix;
3611
3924
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
3612
3925
  color: var(--hop-NumberField-prefix-color);
3613
3926
  }
3614
- .NumberField-module__hop-NumberField__InputGroup___QPTFp {
3927
+ .NumberField-module__hop-NumberField__InputGroup___T6EDz {
3615
3928
  grid-template: var(--input-group-template);
3616
3929
  order: 1;
3617
3930
  }
3618
- .NumberField-module__hop-NumberField__ErrorMessage___VOJGY,
3619
- .NumberField-module__hop-NumberField__HelperMessage___pOwHg {
3931
+ .NumberField-module__hop-NumberField__ErrorMessage___PGF7w,
3932
+ .NumberField-module__hop-NumberField__HelperMessage___fqrIa {
3620
3933
  order: 3;
3621
3934
  }
3622
- .NumberField-module__hop-NumberField__stepper-button___QX6em {
3935
+ .NumberField-module__hop-NumberField__stepper-button___R0db6 {
3623
3936
  cursor: pointer;
3624
3937
  display: flex;
3625
3938
  grid-area: var(--grid-area, unset);
@@ -3640,55 +3953,55 @@
3640
3953
  border-radius: var(--stepper-border-radius, 0);
3641
3954
  outline: none;
3642
3955
  }
3643
- .NumberField-module__hop-NumberField__stepper-button--increment___wZx2v {
3956
+ .NumberField-module__hop-NumberField__stepper-button--increment___Y4-4N {
3644
3957
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
3645
3958
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
3646
3959
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
3647
3960
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
3648
3961
  --grid-area: stepup;
3649
3962
  }
3650
- .NumberField-module__hop-NumberField__stepper-button--decrement___mIRdQ {
3963
+ .NumberField-module__hop-NumberField__stepper-button--decrement___o7WIv {
3651
3964
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
3652
3965
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
3653
3966
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
3654
3967
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
3655
3968
  --grid-area: stepdown;
3656
3969
  }
3657
- .NumberField-module__hop-NumberField__stepper-button--mobile___75xee.NumberField-module__hop-NumberField__stepper-button--increment___wZx2v {
3970
+ .NumberField-module__hop-NumberField__stepper-button--mobile___bubyJ.NumberField-module__hop-NumberField__stepper-button--increment___Y4-4N {
3658
3971
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
3659
3972
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
3660
3973
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
3661
3974
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
3662
3975
  }
3663
- .NumberField-module__hop-NumberField__stepper-button--mobile___75xee.NumberField-module__hop-NumberField__stepper-button--decrement___mIRdQ {
3976
+ .NumberField-module__hop-NumberField__stepper-button--mobile___bubyJ.NumberField-module__hop-NumberField__stepper-button--decrement___o7WIv {
3664
3977
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
3665
3978
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
3666
3979
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
3667
3980
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
3668
3981
  }
3669
- .NumberField-module__hop-NumberField__stepper-button___QX6em[data-hovered] {
3982
+ .NumberField-module__hop-NumberField__stepper-button___R0db6[data-hovered] {
3670
3983
  color: var(--hop-NumberField-stepper-color-hovered);
3671
3984
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
3672
3985
  }
3673
- .NumberField-module__hop-NumberField__stepper-button___QX6em[data-pressed] {
3986
+ .NumberField-module__hop-NumberField__stepper-button___R0db6[data-pressed] {
3674
3987
  color: var(--hop-NumberField-stepper-color-pressed);
3675
3988
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
3676
3989
  }
3677
- .NumberField-module__hop-NumberField__stepper-button___QX6em[data-disabled] {
3990
+ .NumberField-module__hop-NumberField__stepper-button___R0db6[data-disabled] {
3678
3991
  cursor: not-allowed;
3679
3992
  color: var(--hop-NumberField-stepper-color-disabled);
3680
3993
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
3681
3994
  }
3682
- .NumberField-module__hop-NumberField__stepper-button__icon___WRU8M {
3995
+ .NumberField-module__hop-NumberField__stepper-button__icon___0m3h0 {
3683
3996
  display: block;
3684
3997
  max-block-size: 100%;
3685
3998
  }
3686
- .NumberField-module__hop-NumberField__input___rfDeX {
3999
+ .NumberField-module__hop-NumberField__input___JbL2a {
3687
4000
  grid-area: input;
3688
4001
  }
3689
4002
 
3690
4003
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3691
- .PasswordField-module__hop-PasswordField___0UdAB {
4004
+ .PasswordField-module__hop-PasswordField___ub-c4 {
3692
4005
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
3693
4006
  --hop-PasswordField-inline-size: 20rem;
3694
4007
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -3698,37 +4011,37 @@
3698
4011
  inline-size: var(--inline-size);
3699
4012
  max-inline-size: 100%;
3700
4013
  }
3701
- .PasswordField-module__hop-PasswordField--fluid___wz-dv {
4014
+ .PasswordField-module__hop-PasswordField--fluid___eR88b {
3702
4015
  --inline-size: 100%;
3703
4016
  }
3704
- .PasswordField-module__hop-PasswordField__Label___l5HAg {
4017
+ .PasswordField-module__hop-PasswordField__Label___4llI9 {
3705
4018
  order: 0;
3706
4019
  }
3707
- .PasswordField-module__hop-PasswordField__InputGroup___slDm5 {
4020
+ .PasswordField-module__hop-PasswordField__InputGroup___hUiZl {
3708
4021
  order: 1;
3709
4022
  }
3710
- .PasswordField-module__hop-PasswordField__ErrorMessage___xD70q,
3711
- .PasswordField-module__hop-PasswordField__HelperMessage___q7MU4 {
4023
+ .PasswordField-module__hop-PasswordField__ErrorMessage___ry0T-,
4024
+ .PasswordField-module__hop-PasswordField__HelperMessage___gCYD9 {
3712
4025
  order: 3;
3713
4026
  }
3714
4027
 
3715
4028
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
3716
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___-9phx {
4029
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___qj-rz {
3717
4030
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
3718
4031
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
3719
4032
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
3720
4033
  --char-count-color: var(--hop-RemainingCharacterCount-color);
3721
4034
  color: var(--char-count-color);
3722
4035
  }
3723
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___-9phx[data-invalid] {
4036
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___qj-rz[data-invalid] {
3724
4037
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
3725
4038
  }
3726
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___-9phx[data-disabled] {
4039
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___qj-rz[data-disabled] {
3727
4040
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
3728
4041
  }
3729
4042
 
3730
4043
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3731
- .SearchField-module__hop-SearchField___GTjVs {
4044
+ .SearchField-module__hop-SearchField___ZkY8S {
3732
4045
  --hop-SearchField-gap: var(--hop-space-stack-xs);
3733
4046
  --hop-SearchField-inline-size: 20rem;
3734
4047
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -3743,39 +4056,39 @@
3743
4056
  inline-size: var(--inline-size);
3744
4057
  max-inline-size: 100%;
3745
4058
  }
3746
- .SearchField-module__hop-SearchField--fluid___1ICoa {
4059
+ .SearchField-module__hop-SearchField--fluid___Y312D {
3747
4060
  --inline-size: 100%;
3748
4061
  }
3749
- .SearchField-module__hop-SearchField__Label___2fJuj {
4062
+ .SearchField-module__hop-SearchField__Label___M5qca {
3750
4063
  order: 0;
3751
4064
  }
3752
- .SearchField-module__hop-SearchField__prefix___WsNwR {
4065
+ .SearchField-module__hop-SearchField__prefix___hQOmk {
3753
4066
  color: var(--hop-SearchField-color);
3754
4067
  }
3755
- .SearchField-module__hop-SearchField__InputGroup___kfPP5 {
4068
+ .SearchField-module__hop-SearchField__InputGroup___w6-F4 {
3756
4069
  order: 1;
3757
4070
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3758
4071
  }
3759
- .SearchField-module__hop-SearchField--clearable___30dYU {
4072
+ .SearchField-module__hop-SearchField--clearable___hEuLP {
3760
4073
  --input-group-padding-inline-end: 0;
3761
4074
  }
3762
- .SearchField-module__hop-SearchField__ErrorMessage___H9ds4,
3763
- .SearchField-module__hop-SearchField__HelperMessage___SYhn- {
4075
+ .SearchField-module__hop-SearchField__ErrorMessage___YfqKQ,
4076
+ .SearchField-module__hop-SearchField__HelperMessage___qX2-3 {
3764
4077
  order: 3;
3765
4078
  }
3766
- .SearchField-module__hop-SearchField___GTjVs input::-webkit-search-cancel-button,
3767
- .SearchField-module__hop-SearchField___GTjVs input::-webkit-search-decoration {
4079
+ .SearchField-module__hop-SearchField___ZkY8S input::-webkit-search-cancel-button,
4080
+ .SearchField-module__hop-SearchField___ZkY8S input::-webkit-search-decoration {
3768
4081
  appearance: none;
3769
4082
  }
3770
- .SearchField-module__hop-SearchField___GTjVs[data-empty] {
4083
+ .SearchField-module__hop-SearchField___ZkY8S[data-empty] {
3771
4084
  --clear-button-display: none;
3772
4085
  }
3773
- .SearchField-module__hop-SearchField__ClearButton___sYih- {
4086
+ .SearchField-module__hop-SearchField__ClearButton___MZ8y- {
3774
4087
  display: var(--clear-button-display);
3775
4088
  }
3776
4089
 
3777
4090
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
3778
- .TextArea-module__hop-TextArea___ieNWG {
4091
+ .TextArea-module__hop-TextArea___KhTrE {
3779
4092
  --hop-TextArea-gap: var(--hop-space-stack-xs);
3780
4093
  --hop-TextArea-inline-size: 20rem;
3781
4094
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -3789,35 +4102,35 @@
3789
4102
  inline-size: var(--inline-size);
3790
4103
  max-inline-size: 100%;
3791
4104
  }
3792
- .TextArea-module__hop-TextArea--fluid___d7pTT {
4105
+ .TextArea-module__hop-TextArea--fluid___JSAOc {
3793
4106
  --inline-size: 100%;
3794
4107
  }
3795
- .TextArea-module__hop-TextArea___ieNWG[data-resize-mode=vertical] {
4108
+ .TextArea-module__hop-TextArea___KhTrE[data-resize-mode=vertical] {
3796
4109
  --resize: vertical;
3797
4110
  }
3798
- .TextArea-module__hop-TextArea__Label___YjDEG {
4111
+ .TextArea-module__hop-TextArea__Label___GC1PW {
3799
4112
  order: 0;
3800
4113
  }
3801
- .TextArea-module__hop-TextArea__prefix___SNCOH {
4114
+ .TextArea-module__hop-TextArea__prefix___5SA3q {
3802
4115
  color: var(--hop-TextArea-prefix-color);
3803
4116
  }
3804
- .TextArea-module__hop-TextArea__InputGroup___CX8qH {
4117
+ .TextArea-module__hop-TextArea__InputGroup___ktEvK {
3805
4118
  order: 1;
3806
4119
  }
3807
- .TextArea-module__hop-TextArea__RemainingCharacterCount___42K4b {
4120
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___srK-x {
3808
4121
  padding: var(--hop-TextArea-remaining-character-count-padding);
3809
4122
  }
3810
- .TextArea-module__hop-TextArea__textarea___z4YIv {
4123
+ .TextArea-module__hop-TextArea__textarea___WF4yI {
3811
4124
  resize: var(--resize);
3812
4125
  min-block-size: var(--hop-TextArea-input-min-height);
3813
4126
  }
3814
- .TextArea-module__hop-TextArea__ErrorMessage___D2sf-,
3815
- .TextArea-module__hop-TextArea__HelperMessage___13D19 {
4127
+ .TextArea-module__hop-TextArea__ErrorMessage___47A0-,
4128
+ .TextArea-module__hop-TextArea__HelperMessage___oPHb0 {
3816
4129
  order: 3;
3817
4130
  }
3818
4131
 
3819
4132
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3820
- .TextField-module__hop-TextField___2XfBP {
4133
+ .TextField-module__hop-TextField___rXK13 {
3821
4134
  --hop-TextField-gap: var(--hop-space-stack-xs);
3822
4135
  --hop-TextField-inline-size: 20rem;
3823
4136
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -3828,25 +4141,25 @@
3828
4141
  inline-size: var(--inline-size);
3829
4142
  max-inline-size: 100%;
3830
4143
  }
3831
- .TextField-module__hop-TextField--fluid___oaJJn {
4144
+ .TextField-module__hop-TextField--fluid___XDrmy {
3832
4145
  --inline-size: 100%;
3833
4146
  }
3834
- .TextField-module__hop-TextField__Label___Sh614 {
4147
+ .TextField-module__hop-TextField__Label___tIpyt {
3835
4148
  order: 0;
3836
4149
  }
3837
- .TextField-module__hop-TextField__prefix___5o8Zp {
4150
+ .TextField-module__hop-TextField__prefix___oWC0m {
3838
4151
  color: var(--hop-TextField-prefix-color);
3839
4152
  }
3840
- .TextField-module__hop-TextField__InputGroup___yILhz {
4153
+ .TextField-module__hop-TextField__InputGroup___Qx460 {
3841
4154
  order: 1;
3842
4155
  }
3843
- .TextField-module__hop-TextField__ErrorMessage___W0XAK,
3844
- .TextField-module__hop-TextField__HelperMessage___LNUOb {
4156
+ .TextField-module__hop-TextField__ErrorMessage___4OxIj,
4157
+ .TextField-module__hop-TextField__HelperMessage___wqGaB {
3845
4158
  order: 3;
3846
4159
  }
3847
4160
 
3848
4161
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3849
- .Link-module__hop-Link___ZHO9v {
4162
+ .Link-module__hop-Link___kIYpl {
3850
4163
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3851
4164
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3852
4165
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -3871,59 +4184,59 @@
3871
4184
  outline: none;
3872
4185
  outline-offset: 0.125rem;
3873
4186
  }
3874
- .Link-module__hop-Link___ZHO9v[data-focus-visible] {
4187
+ .Link-module__hop-Link___kIYpl[data-focus-visible] {
3875
4188
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
3876
4189
  }
3877
- .Link-module__hop-Link___ZHO9v[data-disabled] {
4190
+ .Link-module__hop-Link___kIYpl[data-disabled] {
3878
4191
  cursor: default;
3879
4192
  }
3880
- .Link-module__hop-Link--quiet___VsMSY[data-focus-visible],
3881
- .Link-module__hop-Link--quiet___VsMSY[data-hovered] {
4193
+ .Link-module__hop-Link--quiet___0jiat[data-focus-visible],
4194
+ .Link-module__hop-Link--quiet___0jiat[data-hovered] {
3882
4195
  text-decoration: underline;
3883
4196
  }
3884
- .Link-module__hop-Link___ZHO9v:not(.Link-module__hop-Link--quiet___VsMSY) {
4197
+ .Link-module__hop-Link___kIYpl:not(.Link-module__hop-Link--quiet___0jiat) {
3885
4198
  text-decoration: underline;
3886
4199
  }
3887
- .Link-module__hop-Link--primary___kPFi3 {
4200
+ .Link-module__hop-Link--primary___CibAU {
3888
4201
  color: var(--hop-Link-primary-text-color);
3889
4202
  }
3890
- .Link-module__hop-Link--primary___kPFi3[data-disabled] {
4203
+ .Link-module__hop-Link--primary___CibAU[data-disabled] {
3891
4204
  color: var(--hop-Link-primary-text-disabled-color);
3892
4205
  }
3893
- .Link-module__hop-Link--primary___kPFi3:not([data-disabled])[data-focus-visible],
3894
- .Link-module__hop-Link--primary___kPFi3:not([data-disabled])[data-hovered] {
4206
+ .Link-module__hop-Link--primary___CibAU:not([data-disabled])[data-focus-visible],
4207
+ .Link-module__hop-Link--primary___CibAU:not([data-disabled])[data-hovered] {
3895
4208
  color: var(--hop-Link-primary-text-hover-color);
3896
4209
  }
3897
- .Link-module__hop-Link--primary___kPFi3:not([data-disabled])[data-pressed] {
4210
+ .Link-module__hop-Link--primary___CibAU:not([data-disabled])[data-pressed] {
3898
4211
  color: var(--hop-Link-primary-text-pressed-color);
3899
4212
  }
3900
- .Link-module__hop-Link--secondary___Ik6WT {
4213
+ .Link-module__hop-Link--secondary___fp7SO {
3901
4214
  color: var(--hop-Link-neutral-text-color);
3902
4215
  }
3903
- .Link-module__hop-Link--secondary___Ik6WT[data-disabled] {
4216
+ .Link-module__hop-Link--secondary___fp7SO[data-disabled] {
3904
4217
  color: var(--hop-Link-neutral-text-disabled-color);
3905
4218
  }
3906
- .Link-module__hop-Link--secondary___Ik6WT:not([data-disabled])[data-focus-visible],
3907
- .Link-module__hop-Link--secondary___Ik6WT:not([data-disabled])[data-hovered] {
4219
+ .Link-module__hop-Link--secondary___fp7SO:not([data-disabled])[data-focus-visible],
4220
+ .Link-module__hop-Link--secondary___fp7SO:not([data-disabled])[data-hovered] {
3908
4221
  color: var(--hop-Link-neutral-text-hover-color);
3909
4222
  }
3910
- .Link-module__hop-Link--secondary___Ik6WT:not([data-disabled])[data-pressed] {
4223
+ .Link-module__hop-Link--secondary___fp7SO:not([data-disabled])[data-pressed] {
3911
4224
  color: var(--hop-Link-neutral-text-pressed-color);
3912
4225
  }
3913
- .Link-module__hop-Link__icon___3LB9w,
3914
- .Link-module__hop-Link__icon-list___jI7Mw {
4226
+ .Link-module__hop-Link__icon___rdg06,
4227
+ .Link-module__hop-Link__icon-list___x2OpW {
3915
4228
  order: 2;
3916
4229
  }
3917
- .Link-module__hop-Link__text___0wefQ {
4230
+ .Link-module__hop-Link__text___p274Z {
3918
4231
  order: 1;
3919
4232
  }
3920
- .Link-module__hop-Link__start-icon___7ubjy,
3921
- .Link-module__hop-Link__start-icon-list___xKCt6 {
4233
+ .Link-module__hop-Link__start-icon___bSWwY,
4234
+ .Link-module__hop-Link__start-icon-list___EUk4c {
3922
4235
  order: 0;
3923
4236
  }
3924
4237
 
3925
4238
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3926
- .SelectValue-module__hop-SelectValue___2f-sM {
4239
+ .SelectValue-module__hop-SelectValue___8rweg {
3927
4240
  --hop-SelectValue-display: inline-block;
3928
4241
  --hop-SelectValue-slots-display: flex;
3929
4242
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
@@ -3938,16 +4251,16 @@
3938
4251
  text-overflow: ellipsis;
3939
4252
  white-space: nowrap;
3940
4253
  }
3941
- .SelectValue-module__hop-SelectValue___2f-sM:has(.SelectValue-module__hop-SelectValue__text___yEQ5S) {
4254
+ .SelectValue-module__hop-SelectValue___8rweg:has(.SelectValue-module__hop-SelectValue__text___14m4Y) {
3942
4255
  --display: var(--hop-SelectValue-slots-display);
3943
4256
  }
3944
- .SelectValue-module__hop-SelectValue__avatar___K-Cev {
4257
+ .SelectValue-module__hop-SelectValue__avatar___VfLZr {
3945
4258
  order: 1;
3946
4259
  }
3947
- .SelectValue-module__hop-SelectValue__icon___wU6SE {
4260
+ .SelectValue-module__hop-SelectValue__icon___DFco8 {
3948
4261
  order: 2;
3949
4262
  }
3950
- .SelectValue-module__hop-SelectValue__text___yEQ5S {
4263
+ .SelectValue-module__hop-SelectValue__text___14m4Y {
3951
4264
  overflow: hidden;
3952
4265
  flex: 1 1 auto;
3953
4266
  order: 3;
@@ -3955,12 +4268,12 @@
3955
4268
  text-overflow: ellipsis;
3956
4269
  white-space: nowrap;
3957
4270
  }
3958
- .SelectValue-module__hop-SelectValue__end-icon___0yPbL {
4271
+ .SelectValue-module__hop-SelectValue__end-icon___k-AUf {
3959
4272
  order: 4;
3960
4273
  }
3961
4274
 
3962
4275
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3963
- .Select-module__hop-Select___C03fq {
4276
+ .Select-module__hop-Select___l7V8e {
3964
4277
  --hop-Select-row-gap: var(--hop-space-stack-xs);
3965
4278
  --hop-Select-inline-size: 20rem;
3966
4279
  --hop-Select-inline-size-fluid: 100%;
@@ -4012,13 +4325,13 @@
4012
4325
  inline-size: var(--inline-size);
4013
4326
  max-inline-size: var(--hop-Select-max-inline-size);
4014
4327
  }
4015
- .Select-module__hop-Select--fluid___Ao8be {
4328
+ .Select-module__hop-Select--fluid___a7NVn {
4016
4329
  --inline-size: var(--hop-Select-inline-size-fluid);
4017
4330
  }
4018
- .Select-module__hop-Select__label___L3cgF {
4331
+ .Select-module__hop-Select__label___PLgIe {
4019
4332
  order: 1;
4020
4333
  }
4021
- .Select-module__hop-Select__button___Y-BG6 {
4334
+ .Select-module__hop-Select__button___sQXum {
4022
4335
  cursor: var(--button-cursor);
4023
4336
  display: flex;
4024
4337
  column-gap: var(--hop-Select-button-column-gap);
@@ -4034,28 +4347,28 @@
4034
4347
  border-radius: var(--hop-Select-button-border-radius);
4035
4348
  outline: none;
4036
4349
  }
4037
- .Select-module__hop-Select__button--sm___CqA-l {
4350
+ .Select-module__hop-Select__button--sm___GKgv1 {
4038
4351
  --button-block-size: var(--hop-Select-button-sm-block-size);
4039
4352
  }
4040
- .Select-module__hop-Select__button--md___2M7sQ {
4353
+ .Select-module__hop-Select__button--md___HcJIG {
4041
4354
  --button-block-size: var(--hop-Select-button-md-block-size);
4042
4355
  }
4043
- .Select-module__hop-Select__button___Y-BG6[data-hovered] {
4356
+ .Select-module__hop-Select__button___sQXum[data-hovered] {
4044
4357
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4045
4358
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4046
4359
  --button-color: var(--hop-Select-button-color-hovered);
4047
4360
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4048
4361
  }
4049
- .Select-module__hop-Select__button___Y-BG6[data-pressed] {
4362
+ .Select-module__hop-Select__button___sQXum[data-pressed] {
4050
4363
  --button-background-color: var(--hop-Select-button-background-color-selected);
4051
4364
  --button-border-color: var(--hop-Select-button-border-color-selected);
4052
4365
  --button-color: var(--hop-Select-button-color-selected);
4053
4366
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4054
4367
  }
4055
- .Select-module__hop-Select__button___Y-BG6[data-invalid] {
4368
+ .Select-module__hop-Select__button___sQXum[data-invalid] {
4056
4369
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4057
4370
  }
4058
- .Select-module__hop-Select__button___Y-BG6[data-focus-visible] {
4371
+ .Select-module__hop-Select__button___sQXum[data-focus-visible] {
4059
4372
  --button-background-color: var(--hop-Select-button-background-color-focused);
4060
4373
  --button-border-color: var(--hop-Select-button-border-color-focused);
4061
4374
  --button-color: var(--hop-Select-button-color-focused);
@@ -4063,30 +4376,30 @@
4063
4376
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4064
4377
  outline-offset: var(--hop-Select-button-outline-offset);
4065
4378
  }
4066
- .Select-module__hop-Select__button___Y-BG6:has([data-placeholder]) {
4379
+ .Select-module__hop-Select__button___sQXum:has([data-placeholder]) {
4067
4380
  --button-color: var(--hop-Select-button-placeholder-color);
4068
4381
  }
4069
- .Select-module__hop-Select__button___Y-BG6[data-disabled] {
4382
+ .Select-module__hop-Select__button___sQXum[data-disabled] {
4070
4383
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4071
4384
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4072
4385
  --button-color: var(--hop-Select-button-color-disabled);
4073
4386
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4074
4387
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4075
4388
  }
4076
- .Select-module__hop-Select__prefix___H0-HY {
4389
+ .Select-module__hop-Select__prefix___SHjoR {
4077
4390
  color: var(--hop-Select-prefix-color);
4078
4391
  }
4079
- .Select-module__hop-Select__button-icon___T-Boh {
4392
+ .Select-module__hop-Select__button-icon___aN7Lh {
4080
4393
  margin-inline-start: auto;
4081
4394
  color: var(--button-icon-color);
4082
4395
  }
4083
- .Select-module__hop-Select__helper-message___LnW42,
4084
- .Select-module__hop-Select__error-message___9FEpo {
4396
+ .Select-module__hop-Select__helper-message___tMW-j,
4397
+ .Select-module__hop-Select__error-message___uS-L0 {
4085
4398
  order: 3;
4086
4399
  }
4087
4400
 
4088
4401
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
4089
- .Switch-module__hop-Switch___RECd8 {
4402
+ .Switch-module__hop-Switch___sk3mf {
4090
4403
  --hop-Switch-border-size: 0.0625rem;
4091
4404
  --hop-Switch-border-color: var(--hop-neutral-border);
4092
4405
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -4143,56 +4456,56 @@
4143
4456
  inline-size: max-content;
4144
4457
  max-inline-size: 100%;
4145
4458
  }
4146
- .Switch-module__hop-Switch--sm___5wnwl {
4459
+ .Switch-module__hop-Switch--sm___Q-xsG {
4147
4460
  --inline-size: var(--hop-Switch-inline-size-sm);
4148
4461
  --block-size: var(--hop-Switch-block-size-sm);
4149
4462
  --thumb-size: var(--hop-Switch-thumb-size-sm);
4150
4463
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
4151
4464
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
4152
4465
  }
4153
- .Switch-module__hop-Switch--md___CwsFk {
4466
+ .Switch-module__hop-Switch--md___pcQrG {
4154
4467
  --inline-size: var(--hop-Switch-inline-size-md);
4155
4468
  --block-size: var(--hop-Switch-block-size-md);
4156
4469
  --thumb-size: var(--hop-Switch-thumb-size-md);
4157
4470
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
4158
4471
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
4159
4472
  }
4160
- .Switch-module__hop-Switch___RECd8[data-hovered] {
4473
+ .Switch-module__hop-Switch___sk3mf[data-hovered] {
4161
4474
  --border-color: var(--hop-Switch-border-color-hover);
4162
4475
  --background-color: var(--hop-Switch-background-color-hover);
4163
4476
  --thumb-color: var(--hop-Switch-thumb-color-hover);
4164
4477
  --text-color: var(--hop-Switch-text-color-hover);
4165
4478
  }
4166
- .Switch-module__hop-Switch___RECd8[data-pressed],
4167
- .Switch-module__hop-Switch___RECd8[data-pressed][data-focus-visible] {
4479
+ .Switch-module__hop-Switch___sk3mf[data-pressed],
4480
+ .Switch-module__hop-Switch___sk3mf[data-pressed][data-focus-visible] {
4168
4481
  --border-color: var(--hop-Switch-border-color-pressed);
4169
4482
  --background-color: var(--hop-Switch-background-color-pressed);
4170
4483
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
4171
4484
  --text-color: var(--hop-Switch-text-color-pressed);
4172
4485
  }
4173
- .Switch-module__hop-Switch___RECd8[data-focus-visible] {
4486
+ .Switch-module__hop-Switch___sk3mf[data-focus-visible] {
4174
4487
  --border-color: var(--hop-Switch-border-color-focus);
4175
4488
  --background-color: var(--hop-Switch-background-color-focus);
4176
4489
  --thumb-color: var(--hop-Switch-thumb-color-focus);
4177
4490
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4178
4491
  --text-color: var(--hop-Switch-text-color-focus);
4179
4492
  }
4180
- .Switch-module__hop-Switch___RECd8[data-selected],
4181
- .Switch-module__hop-Switch___RECd8[data-selected][data-pressed] {
4493
+ .Switch-module__hop-Switch___sk3mf[data-selected],
4494
+ .Switch-module__hop-Switch___sk3mf[data-selected][data-pressed] {
4182
4495
  --border-color: var(--hop-Switch-border-color-selected);
4183
4496
  --background-color: var(--hop-Switch-background-color-selected);
4184
4497
  --thumb-color: var(--hop-Switch-thumb-color-selected);
4185
4498
  --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%);
4186
4499
  --text-color: var(--hop-Switch-text-color-selected);
4187
4500
  }
4188
- .Switch-module__hop-Switch___RECd8[data-disabled] {
4501
+ .Switch-module__hop-Switch___sk3mf[data-disabled] {
4189
4502
  --border-color: var(--hop-Switch-border-color-disabled);
4190
4503
  --background-color: var(--hop-Switch-background-color-disabled);
4191
4504
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
4192
4505
  --text-color: var(--hop-Switch-text-color-disabled);
4193
4506
  --cursor: not-allowed;
4194
4507
  }
4195
- .Switch-module__hop-Switch__indicator___F9eux {
4508
+ .Switch-module__hop-Switch__indicator___ML15n {
4196
4509
  position: relative;
4197
4510
  flex: 0 0 auto;
4198
4511
  box-sizing: border-box;
@@ -4205,7 +4518,7 @@
4205
4518
  outline-offset: 0.125rem;
4206
4519
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4207
4520
  }
4208
- .Switch-module__hop-Switch__indicator___F9eux::before {
4521
+ .Switch-module__hop-Switch__indicator___ML15n::before {
4209
4522
  content: "";
4210
4523
  position: absolute;
4211
4524
  inset-block-start: 50%;
@@ -4220,20 +4533,20 @@
4220
4533
  border-radius: var(--hop-shape-circle);
4221
4534
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4222
4535
  }
4223
- .Switch-module__hop-Switch__text___8y0Ev {
4536
+ .Switch-module__hop-Switch__text___vDDXD {
4224
4537
  flex: 0 1 auto;
4225
4538
  order: 2;
4226
4539
  min-inline-size: 0;
4227
4540
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4228
4541
  color: var(--text-color);
4229
4542
  }
4230
- .Switch-module__hop-Switch__icon-list___7G0bI,
4231
- .Switch-module__hop-Switch__icon___vBM6H {
4543
+ .Switch-module__hop-Switch__icon-list___h-DQ7,
4544
+ .Switch-module__hop-Switch__icon___JFaHU {
4232
4545
  order: 3;
4233
4546
  }
4234
4547
 
4235
4548
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4236
- .SwitchField-module__hop-SwitchField___L-FCp {
4549
+ .SwitchField-module__hop-SwitchField___8mqTD {
4237
4550
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4238
4551
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4239
4552
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -4252,28 +4565,28 @@
4252
4565
  inline-size: max-content;
4253
4566
  max-inline-size: 100%;
4254
4567
  }
4255
- .SwitchField-module__hop-SwitchField___L-FCp[data-disabled] {
4568
+ .SwitchField-module__hop-SwitchField___8mqTD[data-disabled] {
4256
4569
  --description-color: var(--hop-SwitchField-description-color-disabled);
4257
4570
  }
4258
- .SwitchField-module__hop-SwitchField--sm___oWluG {
4571
+ .SwitchField-module__hop-SwitchField--sm___xCPif {
4259
4572
  --row-gap: var(--hop-SwitchField-sm-row-gap);
4260
4573
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4261
4574
  }
4262
- .SwitchField-module__hop-SwitchField--md___idNpU {
4575
+ .SwitchField-module__hop-SwitchField--md___MVRHF {
4263
4576
  --row-gap: var(--hop-SwitchField-md-row-gap);
4264
4577
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4265
4578
  }
4266
- .SwitchField-module__hop-SwitchField__description___dpC2y {
4579
+ .SwitchField-module__hop-SwitchField__description___YV7ZQ {
4267
4580
  order: 2;
4268
4581
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4269
4582
  color: var(--description-color);
4270
4583
  }
4271
- .SwitchField-module__hop-SwitchField__switch___ME2H7 {
4584
+ .SwitchField-module__hop-SwitchField__switch___5DyVa {
4272
4585
  order: 1;
4273
4586
  }
4274
4587
 
4275
4588
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4276
- .Tag-module__hop-Tag___c6P1n {
4589
+ .Tag-module__hop-Tag___rDWrj {
4277
4590
  --hop-Tag-border-size: 0.0625rem;
4278
4591
  --hop-Tag-border-radius: var(--hop-shape-pill);
4279
4592
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4512,7 +4825,7 @@
4512
4825
  outline: none;
4513
4826
  outline-offset: 0.125rem;
4514
4827
  }
4515
- .Tag-module__hop-Tag--sm___V1yMr {
4828
+ .Tag-module__hop-Tag--sm___G43uy {
4516
4829
  --block-size: var(--hop-Tag-sm-block-size);
4517
4830
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4518
4831
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4520,13 +4833,13 @@
4520
4833
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4521
4834
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4522
4835
  }
4523
- .Tag-module__hop-Tag--sm___V1yMr:not(:has(.Tag-module__hop-Tag__remove-btn___xdnNl, .Tag-module__hop-Tag__Spinner___TXqcK)) {
4836
+ .Tag-module__hop-Tag--sm___G43uy:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
4524
4837
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4525
4838
  }
4526
- .Tag-module__hop-Tag--sm___V1yMr:not(:has(.Tag-module__hop-Tag__avatar___bDiig)) {
4839
+ .Tag-module__hop-Tag--sm___G43uy:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
4527
4840
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4528
4841
  }
4529
- .Tag-module__hop-Tag--md___8VtSQ {
4842
+ .Tag-module__hop-Tag--md___GjBY4 {
4530
4843
  --block-size: var(--hop-Tag-md-block-size);
4531
4844
  --padding-inline: var(--hop-Tag-md-padding-inline);
4532
4845
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4534,13 +4847,13 @@
4534
4847
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4535
4848
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4536
4849
  }
4537
- .Tag-module__hop-Tag--md___8VtSQ:not(:has(.Tag-module__hop-Tag__remove-btn___xdnNl, .Tag-module__hop-Tag__Spinner___TXqcK)) {
4850
+ .Tag-module__hop-Tag--md___GjBY4:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
4538
4851
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4539
4852
  }
4540
- .Tag-module__hop-Tag--md___8VtSQ:not(:has(.Tag-module__hop-Tag__avatar___bDiig)) {
4853
+ .Tag-module__hop-Tag--md___GjBY4:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
4541
4854
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4542
4855
  }
4543
- .Tag-module__hop-Tag--lg___u9thR {
4856
+ .Tag-module__hop-Tag--lg___jH8cV {
4544
4857
  --block-size: var(--hop-Tag-lg-block-size);
4545
4858
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4546
4859
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4548,348 +4861,348 @@
4548
4861
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4549
4862
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4550
4863
  }
4551
- .Tag-module__hop-Tag--lg___u9thR:not(:has(.Tag-module__hop-Tag__remove-btn___xdnNl, .Tag-module__hop-Tag__Spinner___TXqcK)) {
4864
+ .Tag-module__hop-Tag--lg___jH8cV:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
4552
4865
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4553
4866
  }
4554
- .Tag-module__hop-Tag--lg___u9thR:not(:has(.Tag-module__hop-Tag__avatar___bDiig)) {
4867
+ .Tag-module__hop-Tag--lg___jH8cV:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
4555
4868
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4556
4869
  }
4557
- .Tag-module__hop-Tag--neutral___dapRQ {
4870
+ .Tag-module__hop-Tag--neutral___DMXm- {
4558
4871
  --border-color: var(--hop-Tag-neutral-border-color);
4559
4872
  --background-color: var(--hop-Tag-neutral-background-color);
4560
4873
  --text-color: var(--hop-Tag-neutral-text-color);
4561
4874
  }
4562
- .Tag-module__hop-Tag--subdued___XVrSO {
4875
+ .Tag-module__hop-Tag--subdued___cHcuG {
4563
4876
  --border-color: var(--hop-Tag-subdued-border-color);
4564
4877
  --background-color: var(--hop-Tag-subdued-background-color);
4565
4878
  --text-color: var(--hop-Tag-subdued-text-color);
4566
4879
  }
4567
- .Tag-module__hop-Tag--progress___scWW- {
4880
+ .Tag-module__hop-Tag--progress___yT1Yp {
4568
4881
  --border-color: var(--hop-Tag-progress-border-color);
4569
4882
  --background-color: var(--hop-Tag-progress-background-color);
4570
4883
  --text-color: var(--hop-Tag-progress-text-color);
4571
4884
  }
4572
- .Tag-module__hop-Tag--positive___uQUya {
4885
+ .Tag-module__hop-Tag--positive___Wo-dp {
4573
4886
  --border-color: var(--hop-Tag-positive-border-color);
4574
4887
  --background-color: var(--hop-Tag-positive-background-color);
4575
4888
  --text-color: var(--hop-Tag-positive-text-color);
4576
4889
  }
4577
- .Tag-module__hop-Tag--caution___NzEEg {
4890
+ .Tag-module__hop-Tag--caution___m6YZy {
4578
4891
  --border-color: var(--hop-Tag-caution-border-color);
4579
4892
  --background-color: var(--hop-Tag-caution-background-color);
4580
4893
  --text-color: var(--hop-Tag-caution-text-color);
4581
4894
  }
4582
- .Tag-module__hop-Tag--negative___8ao-t {
4895
+ .Tag-module__hop-Tag--negative___mn5nz {
4583
4896
  --border-color: var(--hop-Tag-negative-border-color);
4584
4897
  --background-color: var(--hop-Tag-negative-background-color);
4585
4898
  --text-color: var(--hop-Tag-negative-text-color);
4586
4899
  }
4587
- .Tag-module__hop-Tag--option1___WYGe8 {
4900
+ .Tag-module__hop-Tag--option1___DvYvC {
4588
4901
  --border-color: var(--hop-Tag-option1-border-color);
4589
4902
  --background-color: var(--hop-Tag-option1-background-color);
4590
4903
  --text-color: var(--hop-Tag-option1-text-color);
4591
4904
  }
4592
- .Tag-module__hop-Tag--option2___BhtfD {
4905
+ .Tag-module__hop-Tag--option2___qBDkw {
4593
4906
  --border-color: var(--hop-Tag-option2-border-color);
4594
4907
  --background-color: var(--hop-Tag-option2-background-color);
4595
4908
  --text-color: var(--hop-Tag-option2-text-color);
4596
4909
  }
4597
- .Tag-module__hop-Tag--option3___IOAPP {
4910
+ .Tag-module__hop-Tag--option3___134rX {
4598
4911
  --border-color: var(--hop-Tag-option3-border-color);
4599
4912
  --background-color: var(--hop-Tag-option3-background-color);
4600
4913
  --text-color: var(--hop-Tag-option3-text-color);
4601
4914
  }
4602
- .Tag-module__hop-Tag--option4___2w3Vm {
4915
+ .Tag-module__hop-Tag--option4___0E7FR {
4603
4916
  --border-color: var(--hop-Tag-option4-border-color);
4604
4917
  --background-color: var(--hop-Tag-option4-background-color);
4605
4918
  --text-color: var(--hop-Tag-option4-text-color);
4606
4919
  }
4607
- .Tag-module__hop-Tag--option5___N9LBM {
4920
+ .Tag-module__hop-Tag--option5___E00Yw {
4608
4921
  --border-color: var(--hop-Tag-option5-border-color);
4609
4922
  --background-color: var(--hop-Tag-option5-background-color);
4610
4923
  --text-color: var(--hop-Tag-option5-text-color);
4611
4924
  }
4612
- .Tag-module__hop-Tag--option6___RbokK {
4925
+ .Tag-module__hop-Tag--option6___NfLqm {
4613
4926
  --border-color: var(--hop-Tag-option6-border-color);
4614
4927
  --background-color: var(--hop-Tag-option6-background-color);
4615
4928
  --text-color: var(--hop-Tag-option6-text-color);
4616
4929
  }
4617
- .Tag-module__hop-Tag___c6P1n[data-href] {
4930
+ .Tag-module__hop-Tag___rDWrj[data-href] {
4618
4931
  cursor: pointer;
4619
4932
  }
4620
- .Tag-module__hop-Tag--neutral___dapRQ[data-focus-visible] {
4933
+ .Tag-module__hop-Tag--neutral___DMXm-[data-focus-visible] {
4621
4934
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4622
4935
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4623
4936
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4624
4937
  }
4625
- .Tag-module__hop-Tag--neutral___dapRQ[data-hovered] {
4938
+ .Tag-module__hop-Tag--neutral___DMXm-[data-hovered] {
4626
4939
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4627
4940
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4628
4941
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4629
4942
  }
4630
- .Tag-module__hop-Tag--neutral___dapRQ[data-pressed] {
4943
+ .Tag-module__hop-Tag--neutral___DMXm-[data-pressed] {
4631
4944
  --border-color: var(--hop-Tag-neutral-border-color-press);
4632
4945
  --background-color: var(--hop-Tag-neutral-background-color-press);
4633
4946
  --text-color: var(--hop-Tag-neutral-text-color-press);
4634
4947
  }
4635
- .Tag-module__hop-Tag--neutral___dapRQ[data-disabled] {
4948
+ .Tag-module__hop-Tag--neutral___DMXm-[data-disabled] {
4636
4949
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4637
4950
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4638
4951
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4639
4952
  }
4640
- .Tag-module__hop-Tag--subdued___XVrSO[data-focus-visible] {
4953
+ .Tag-module__hop-Tag--subdued___cHcuG[data-focus-visible] {
4641
4954
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4642
4955
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4643
4956
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4644
4957
  }
4645
- .Tag-module__hop-Tag--subdued___XVrSO[data-hovered] {
4958
+ .Tag-module__hop-Tag--subdued___cHcuG[data-hovered] {
4646
4959
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4647
4960
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4648
4961
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4649
4962
  }
4650
- .Tag-module__hop-Tag--subdued___XVrSO[data-pressed] {
4963
+ .Tag-module__hop-Tag--subdued___cHcuG[data-pressed] {
4651
4964
  --border-color: var(--hop-Tag-subdued-border-color-press);
4652
4965
  --background-color: var(--hop-Tag-subdued-background-color-press);
4653
4966
  --text-color: var(--hop-Tag-subdued-text-color-press);
4654
4967
  }
4655
- .Tag-module__hop-Tag--subdued___XVrSO[data-disabled] {
4968
+ .Tag-module__hop-Tag--subdued___cHcuG[data-disabled] {
4656
4969
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4657
4970
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4658
4971
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4659
4972
  }
4660
- .Tag-module__hop-Tag--progress___scWW-[data-focus-visible] {
4973
+ .Tag-module__hop-Tag--progress___yT1Yp[data-focus-visible] {
4661
4974
  --border-color: var(--hop-Tag-progress-border-color-focus);
4662
4975
  --background-color: var(--hop-Tag-progress-background-color-focus);
4663
4976
  --text-color: var(--hop-Tag-progress-text-color-focus);
4664
4977
  }
4665
- .Tag-module__hop-Tag--progress___scWW-[data-hovered] {
4978
+ .Tag-module__hop-Tag--progress___yT1Yp[data-hovered] {
4666
4979
  --border-color: var(--hop-Tag-progress-border-color-hover);
4667
4980
  --background-color: var(--hop-Tag-progress-background-color-hover);
4668
4981
  --text-color: var(--hop-Tag-progress-text-color-hover);
4669
4982
  }
4670
- .Tag-module__hop-Tag--progress___scWW-[data-pressed] {
4983
+ .Tag-module__hop-Tag--progress___yT1Yp[data-pressed] {
4671
4984
  --border-color: var(--hop-Tag-progress-border-color-press);
4672
4985
  --background-color: var(--hop-Tag-progress-background-color-press);
4673
4986
  --text-color: var(--hop-Tag-progress-text-color-press);
4674
4987
  }
4675
- .Tag-module__hop-Tag--progress___scWW-[data-disabled] {
4988
+ .Tag-module__hop-Tag--progress___yT1Yp[data-disabled] {
4676
4989
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4677
4990
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4678
4991
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4679
4992
  }
4680
- .Tag-module__hop-Tag--positive___uQUya[data-focus-visible] {
4993
+ .Tag-module__hop-Tag--positive___Wo-dp[data-focus-visible] {
4681
4994
  --border-color: var(--hop-Tag-positive-border-color-focus);
4682
4995
  --background-color: var(--hop-Tag-positive-background-color-focus);
4683
4996
  --text-color: var(--hop-Tag-positive-text-color-focus);
4684
4997
  }
4685
- .Tag-module__hop-Tag--positive___uQUya[data-hovered] {
4998
+ .Tag-module__hop-Tag--positive___Wo-dp[data-hovered] {
4686
4999
  --border-color: var(--hop-Tag-positive-border-color-hover);
4687
5000
  --background-color: var(--hop-Tag-positive-background-color-hover);
4688
5001
  --text-color: var(--hop-Tag-positive-text-color-hover);
4689
5002
  }
4690
- .Tag-module__hop-Tag--positive___uQUya[data-pressed] {
5003
+ .Tag-module__hop-Tag--positive___Wo-dp[data-pressed] {
4691
5004
  --border-color: var(--hop-Tag-positive-border-color-press);
4692
5005
  --background-color: var(--hop-Tag-positive-background-color-press);
4693
5006
  --text-color: var(--hop-Tag-positive-text-color-press);
4694
5007
  }
4695
- .Tag-module__hop-Tag--positive___uQUya[data-disabled] {
5008
+ .Tag-module__hop-Tag--positive___Wo-dp[data-disabled] {
4696
5009
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4697
5010
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4698
5011
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4699
5012
  }
4700
- .Tag-module__hop-Tag--caution___NzEEg[data-focus-visible] {
5013
+ .Tag-module__hop-Tag--caution___m6YZy[data-focus-visible] {
4701
5014
  --border-color: var(--hop-Tag-caution-border-color-focus);
4702
5015
  --background-color: var(--hop-Tag-caution-background-color-focus);
4703
5016
  --text-color: var(--hop-Tag-caution-text-color-focus);
4704
5017
  }
4705
- .Tag-module__hop-Tag--caution___NzEEg[data-hovered] {
5018
+ .Tag-module__hop-Tag--caution___m6YZy[data-hovered] {
4706
5019
  --border-color: var(--hop-Tag-caution-border-color-hover);
4707
5020
  --background-color: var(--hop-Tag-caution-background-color-hover);
4708
5021
  --text-color: var(--hop-Tag-caution-text-color-hover);
4709
5022
  }
4710
- .Tag-module__hop-Tag--caution___NzEEg[data-pressed] {
5023
+ .Tag-module__hop-Tag--caution___m6YZy[data-pressed] {
4711
5024
  --border-color: var(--hop-Tag-caution-border-color-press);
4712
5025
  --background-color: var(--hop-Tag-caution-background-color-press);
4713
5026
  --text-color: var(--hop-Tag-caution-text-color-press);
4714
5027
  }
4715
- .Tag-module__hop-Tag--caution___NzEEg[data-disabled] {
5028
+ .Tag-module__hop-Tag--caution___m6YZy[data-disabled] {
4716
5029
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4717
5030
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4718
5031
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4719
5032
  }
4720
- .Tag-module__hop-Tag--negative___8ao-t[data-focus-visible] {
5033
+ .Tag-module__hop-Tag--negative___mn5nz[data-focus-visible] {
4721
5034
  --border-color: var(--hop-Tag-negative-border-color-focus);
4722
5035
  --background-color: var(--hop-Tag-negative-background-color-focus);
4723
5036
  --text-color: var(--hop-Tag-negative-text-color-focus);
4724
5037
  }
4725
- .Tag-module__hop-Tag--negative___8ao-t[data-hovered] {
5038
+ .Tag-module__hop-Tag--negative___mn5nz[data-hovered] {
4726
5039
  --border-color: var(--hop-Tag-negative-border-color-hover);
4727
5040
  --background-color: var(--hop-Tag-negative-background-color-hover);
4728
5041
  --text-color: var(--hop-Tag-negative-text-color-hover);
4729
5042
  }
4730
- .Tag-module__hop-Tag--negative___8ao-t[data-pressed] {
5043
+ .Tag-module__hop-Tag--negative___mn5nz[data-pressed] {
4731
5044
  --border-color: var(--hop-Tag-negative-border-color-press);
4732
5045
  --background-color: var(--hop-Tag-negative-background-color-press);
4733
5046
  --text-color: var(--hop-Tag-negative-text-color-press);
4734
5047
  }
4735
- .Tag-module__hop-Tag--negative___8ao-t[data-disabled] {
5048
+ .Tag-module__hop-Tag--negative___mn5nz[data-disabled] {
4736
5049
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4737
5050
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4738
5051
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4739
5052
  }
4740
- .Tag-module__hop-Tag--option1___WYGe8[data-focus-visible] {
5053
+ .Tag-module__hop-Tag--option1___DvYvC[data-focus-visible] {
4741
5054
  --border-color: var(--hop-Tag-option1-border-color-focus);
4742
5055
  --background-color: var(--hop-Tag-option1-background-color-focus);
4743
5056
  --text-color: var(--hop-Tag-option1-text-color-focus);
4744
5057
  }
4745
- .Tag-module__hop-Tag--option1___WYGe8[data-hovered] {
5058
+ .Tag-module__hop-Tag--option1___DvYvC[data-hovered] {
4746
5059
  --border-color: var(--hop-Tag-option1-border-color-hover);
4747
5060
  --background-color: var(--hop-Tag-option1-background-color-hover);
4748
5061
  --text-color: var(--hop-Tag-option1-text-color-hover);
4749
5062
  }
4750
- .Tag-module__hop-Tag--option1___WYGe8[data-pressed] {
5063
+ .Tag-module__hop-Tag--option1___DvYvC[data-pressed] {
4751
5064
  --border-color: var(--hop-Tag-option1-border-color-press);
4752
5065
  --background-color: var(--hop-Tag-option1-background-color-press);
4753
5066
  --text-color: var(--hop-Tag-option1-text-color-press);
4754
5067
  }
4755
- .Tag-module__hop-Tag--option1___WYGe8[data-disabled] {
5068
+ .Tag-module__hop-Tag--option1___DvYvC[data-disabled] {
4756
5069
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4757
5070
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4758
5071
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4759
5072
  }
4760
- .Tag-module__hop-Tag--option2___BhtfD[data-focus-visible] {
5073
+ .Tag-module__hop-Tag--option2___qBDkw[data-focus-visible] {
4761
5074
  --border-color: var(--hop-Tag-option2-border-color-focus);
4762
5075
  --background-color: var(--hop-Tag-option2-background-color-focus);
4763
5076
  --text-color: var(--hop-Tag-option2-text-color-focus);
4764
5077
  }
4765
- .Tag-module__hop-Tag--option2___BhtfD[data-hovered] {
5078
+ .Tag-module__hop-Tag--option2___qBDkw[data-hovered] {
4766
5079
  --border-color: var(--hop-Tag-option2-border-color-hover);
4767
5080
  --background-color: var(--hop-Tag-option2-background-color-hover);
4768
5081
  --text-color: var(--hop-Tag-option2-text-color-hover);
4769
5082
  }
4770
- .Tag-module__hop-Tag--option2___BhtfD[data-pressed] {
5083
+ .Tag-module__hop-Tag--option2___qBDkw[data-pressed] {
4771
5084
  --border-color: var(--hop-Tag-option2-border-color-press);
4772
5085
  --background-color: var(--hop-Tag-option2-background-color-press);
4773
5086
  --text-color: var(--hop-Tag-option2-text-color-press);
4774
5087
  }
4775
- .Tag-module__hop-Tag--option2___BhtfD[data-disabled] {
5088
+ .Tag-module__hop-Tag--option2___qBDkw[data-disabled] {
4776
5089
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4777
5090
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4778
5091
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4779
5092
  }
4780
- .Tag-module__hop-Tag--option3___IOAPP[data-focus-visible] {
5093
+ .Tag-module__hop-Tag--option3___134rX[data-focus-visible] {
4781
5094
  --border-color: var(--hop-Tag-option3-border-color-focus);
4782
5095
  --background-color: var(--hop-Tag-option3-background-color-focus);
4783
5096
  --text-color: var(--hop-Tag-option3-text-color-focus);
4784
5097
  }
4785
- .Tag-module__hop-Tag--option3___IOAPP[data-hovered] {
5098
+ .Tag-module__hop-Tag--option3___134rX[data-hovered] {
4786
5099
  --border-color: var(--hop-Tag-option3-border-color-hover);
4787
5100
  --background-color: var(--hop-Tag-option3-background-color-hover);
4788
5101
  --text-color: var(--hop-Tag-option3-text-color-hover);
4789
5102
  }
4790
- .Tag-module__hop-Tag--option3___IOAPP[data-pressed] {
5103
+ .Tag-module__hop-Tag--option3___134rX[data-pressed] {
4791
5104
  --border-color: var(--hop-Tag-option3-border-color-press);
4792
5105
  --background-color: var(--hop-Tag-option3-background-color-press);
4793
5106
  --text-color: var(--hop-Tag-option3-text-color-press);
4794
5107
  }
4795
- .Tag-module__hop-Tag--option3___IOAPP[data-disabled] {
5108
+ .Tag-module__hop-Tag--option3___134rX[data-disabled] {
4796
5109
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4797
5110
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4798
5111
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4799
5112
  }
4800
- .Tag-module__hop-Tag--option4___2w3Vm[data-focus-visible] {
5113
+ .Tag-module__hop-Tag--option4___0E7FR[data-focus-visible] {
4801
5114
  --border-color: var(--hop-Tag-option4-border-color-focus);
4802
5115
  --background-color: var(--hop-Tag-option4-background-color-focus);
4803
5116
  --text-color: var(--hop-Tag-option4-text-color-focus);
4804
5117
  }
4805
- .Tag-module__hop-Tag--option4___2w3Vm[data-hovered] {
5118
+ .Tag-module__hop-Tag--option4___0E7FR[data-hovered] {
4806
5119
  --border-color: var(--hop-Tag-option4-border-color-hover);
4807
5120
  --background-color: var(--hop-Tag-option4-background-color-hover);
4808
5121
  --text-color: var(--hop-Tag-option4-text-color-hover);
4809
5122
  }
4810
- .Tag-module__hop-Tag--option4___2w3Vm[data-pressed] {
5123
+ .Tag-module__hop-Tag--option4___0E7FR[data-pressed] {
4811
5124
  --border-color: var(--hop-Tag-option4-border-color-press);
4812
5125
  --background-color: var(--hop-Tag-option4-background-color-press);
4813
5126
  --text-color: var(--hop-Tag-option4-text-color-press);
4814
5127
  }
4815
- .Tag-module__hop-Tag--option4___2w3Vm[data-disabled] {
5128
+ .Tag-module__hop-Tag--option4___0E7FR[data-disabled] {
4816
5129
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4817
5130
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4818
5131
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4819
5132
  }
4820
- .Tag-module__hop-Tag--option5___N9LBM[data-focus-visible] {
5133
+ .Tag-module__hop-Tag--option5___E00Yw[data-focus-visible] {
4821
5134
  --border-color: var(--hop-Tag-option5-border-color-focus);
4822
5135
  --background-color: var(--hop-Tag-option5-background-color-focus);
4823
5136
  --text-color: var(--hop-Tag-option5-text-color-focus);
4824
5137
  }
4825
- .Tag-module__hop-Tag--option5___N9LBM[data-hovered] {
5138
+ .Tag-module__hop-Tag--option5___E00Yw[data-hovered] {
4826
5139
  --border-color: var(--hop-Tag-option5-border-color-hover);
4827
5140
  --background-color: var(--hop-Tag-option5-background-color-hover);
4828
5141
  --text-color: var(--hop-Tag-option5-text-color-hover);
4829
5142
  }
4830
- .Tag-module__hop-Tag--option5___N9LBM[data-pressed] {
5143
+ .Tag-module__hop-Tag--option5___E00Yw[data-pressed] {
4831
5144
  --border-color: var(--hop-Tag-option5-border-color-press);
4832
5145
  --background-color: var(--hop-Tag-option5-background-color-press);
4833
5146
  --text-color: var(--hop-Tag-option5-text-color-press);
4834
5147
  }
4835
- .Tag-module__hop-Tag--option5___N9LBM[data-disabled] {
5148
+ .Tag-module__hop-Tag--option5___E00Yw[data-disabled] {
4836
5149
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4837
5150
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4838
5151
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4839
5152
  }
4840
- .Tag-module__hop-Tag--option6___RbokK[data-focus-visible] {
5153
+ .Tag-module__hop-Tag--option6___NfLqm[data-focus-visible] {
4841
5154
  --border-color: var(--hop-Tag-option6-border-color-focus);
4842
5155
  --background-color: var(--hop-Tag-option6-background-color-focus);
4843
5156
  --text-color: var(--hop-Tag-option6-text-color-focus);
4844
5157
  }
4845
- .Tag-module__hop-Tag--option6___RbokK[data-hovered] {
5158
+ .Tag-module__hop-Tag--option6___NfLqm[data-hovered] {
4846
5159
  --border-color: var(--hop-Tag-option6-border-color-hover);
4847
5160
  --background-color: var(--hop-Tag-option6-background-color-hover);
4848
5161
  --text-color: var(--hop-Tag-option6-text-color-hover);
4849
5162
  }
4850
- .Tag-module__hop-Tag--option6___RbokK[data-pressed] {
5163
+ .Tag-module__hop-Tag--option6___NfLqm[data-pressed] {
4851
5164
  --border-color: var(--hop-Tag-option6-border-color-press);
4852
5165
  --background-color: var(--hop-Tag-option6-background-color-press);
4853
5166
  --text-color: var(--hop-Tag-option6-text-color-press);
4854
5167
  }
4855
- .Tag-module__hop-Tag--option6___RbokK[data-disabled] {
5168
+ .Tag-module__hop-Tag--option6___NfLqm[data-disabled] {
4856
5169
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4857
5170
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4858
5171
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4859
5172
  }
4860
- .Tag-module__hop-Tag___c6P1n[data-focus-visible] {
5173
+ .Tag-module__hop-Tag___rDWrj[data-focus-visible] {
4861
5174
  outline: 0.125rem solid var(--focus-ring-color);
4862
5175
  }
4863
- .Tag-module__hop-Tag___c6P1n[data-hovered] {
5176
+ .Tag-module__hop-Tag___rDWrj[data-hovered] {
4864
5177
  cursor: pointer;
4865
5178
  }
4866
- .Tag-module__hop-Tag___c6P1n[data-selected] {
5179
+ .Tag-module__hop-Tag___rDWrj[data-selected] {
4867
5180
  --background-color: var(--hop-Tag-background-color-selected);
4868
5181
  --border-color: var(--hop-Tag-border-color-selected);
4869
5182
  --text-color: var(--hop-Tag-text-color-selected);
4870
5183
  }
4871
- .Tag-module__hop-Tag___c6P1n[data-pressed] {
5184
+ .Tag-module__hop-Tag___rDWrj[data-pressed] {
4872
5185
  cursor: pointer;
4873
5186
  }
4874
- .Tag-module__hop-Tag___c6P1n[data-invalid] {
5187
+ .Tag-module__hop-Tag___rDWrj[data-invalid] {
4875
5188
  --border-color: var(--hop-Tag-border-color-invalid);
4876
5189
  }
4877
- .Tag-module__hop-Tag___c6P1n[data-disabled] {
5190
+ .Tag-module__hop-Tag___rDWrj[data-disabled] {
4878
5191
  cursor: not-allowed;
4879
5192
  }
4880
- .Tag-module__hop-Tag__avatar___bDiig {
5193
+ .Tag-module__hop-Tag__avatar___-Mf3W {
4881
5194
  flex: 0 0 auto;
4882
5195
  order: 1;
4883
5196
  margin-inline-start: var(--avatar-margin-inline-start);
4884
5197
  }
4885
- .Tag-module__hop-Tag__icon___vWhSa,
4886
- .Tag-module__hop-Tag__icon-list___Hd2Pd {
5198
+ .Tag-module__hop-Tag__icon___4bQPB,
5199
+ .Tag-module__hop-Tag__icon-list___XyMyY {
4887
5200
  flex: 0 0 auto;
4888
5201
  flex-wrap: nowrap;
4889
5202
  order: 2;
4890
5203
  margin-inline-start: var(--icon-margin-inline-start, 0);
4891
5204
  }
4892
- .Tag-module__hop-Tag__text___NRBKq {
5205
+ .Tag-module__hop-Tag__text___K1ewf {
4893
5206
  overflow: hidden;
4894
5207
  flex: 1 1 auto;
4895
5208
  order: 3;
@@ -4897,33 +5210,33 @@
4897
5210
  text-align: center;
4898
5211
  text-overflow: ellipsis;
4899
5212
  }
4900
- .Tag-module__hop-Tag__badge___RrYTA {
5213
+ .Tag-module__hop-Tag__badge___xuEf- {
4901
5214
  flex: 0 0 auto;
4902
5215
  order: 4;
4903
5216
  margin-inline-end: var(--badge-margin-inline-end);
4904
5217
  }
4905
- .Tag-module__hop-Tag___c6P1n .Tag-module__hop-Tag__badge___RrYTA[data-variant=subdued] {
5218
+ .Tag-module__hop-Tag___rDWrj .Tag-module__hop-Tag__badge___xuEf-[data-variant=subdued] {
4906
5219
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4907
5220
  color: inherit;
4908
5221
  background: none;
4909
5222
  }
4910
- .Tag-module__hop-Tag--sm___V1yMr .Tag-module__hop-Tag__badge___RrYTA {
5223
+ .Tag-module__hop-Tag--sm___G43uy .Tag-module__hop-Tag__badge___xuEf- {
4911
5224
  block-size: 100%;
4912
5225
  }
4913
- .Tag-module__hop-Tag__remove-btn___xdnNl,
4914
- .Tag-module__hop-Tag__Spinner___TXqcK {
5226
+ .Tag-module__hop-Tag__remove-btn___4UalQ,
5227
+ .Tag-module__hop-Tag__Spinner___hECt2 {
4915
5228
  flex: 0 0 auto;
4916
5229
  order: 5;
4917
5230
  }
4918
- .Tag-module__hop-Tag__Spinner___TXqcK {
5231
+ .Tag-module__hop-Tag__Spinner___hECt2 {
4919
5232
  margin-inline-end: var(--spinner-margin-inline-end);
4920
5233
  }
4921
- .Tag-module__hop-Tag__remove-btn___xdnNl {
5234
+ .Tag-module__hop-Tag__remove-btn___4UalQ {
4922
5235
  margin-inline: var(--clear-btn-margin-inline);
4923
5236
  }
4924
5237
 
4925
5238
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4926
- .TagGroup-module__hop-TagGroup___0unwL {
5239
+ .TagGroup-module__hop-TagGroup___0TH5s {
4927
5240
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4928
5241
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4929
5242
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4943,10 +5256,10 @@
4943
5256
  inline-size: max-content;
4944
5257
  max-inline-size: 100%;
4945
5258
  }
4946
- .TagGroup-module__hop-TagGroup___0unwL > .TagGroup-module__hop-TagGroup__label___qvhsU {
5259
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__label___0hzAn {
4947
5260
  order: 1;
4948
5261
  }
4949
- .TagGroup-module__hop-TagGroup__list___E1BzU {
5262
+ .TagGroup-module__hop-TagGroup__list___TQT7U {
4950
5263
  display: flex;
4951
5264
  flex-wrap: wrap;
4952
5265
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4955,12 +5268,12 @@
4955
5268
  border-radius: var(--list-border-radius);
4956
5269
  outline: none;
4957
5270
  }
4958
- .TagGroup-module__hop-TagGroup__list___E1BzU[data-focus-visible] {
5271
+ .TagGroup-module__hop-TagGroup__list___TQT7U[data-focus-visible] {
4959
5272
  outline: 0.125rem solid var(--list-focus-ring-color);
4960
5273
  outline-offset: 0.125rem;
4961
5274
  }
4962
- .TagGroup-module__hop-TagGroup___0unwL > .TagGroup-module__hop-TagGroup__error-message___18iWR,
4963
- .TagGroup-module__hop-TagGroup___0unwL > .TagGroup-module__hop-TagGroup__helper-message___UaeS7 {
5275
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__error-message___g7eRv,
5276
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__helper-message___OEsE2 {
4964
5277
  order: 3;
4965
5278
  }
4966
5279
 
@@ -4990,14 +5303,14 @@
4990
5303
  /* src/index.css */
4991
5304
 
4992
5305
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4993
- :where(.Popover-module__hop-Popover___5zEQq *) {
5306
+ :where(.Popover-module__hop-Popover___ccT6r *) {
4994
5307
  font-family: var(--font-family);
4995
5308
  font-size: var(--font-size);
4996
5309
  font-weight: var(--font-weight);
4997
5310
  line-height: var(--line-height);
4998
5311
  outline: none;
4999
5312
  }
5000
- .Popover-module__hop-Popover___5zEQq {
5313
+ .Popover-module__hop-Popover___ccT6r {
5001
5314
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
5002
5315
  --hop-Popover-inline-width: 25rem;
5003
5316
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -5010,22 +5323,22 @@
5010
5323
  inline-size: var(--width);
5011
5324
  max-inline-size: var(--max-width);
5012
5325
  }
5013
- .Popover-module__hop-Popover___5zEQq[data-trigger=Select] {
5326
+ .Popover-module__hop-Popover___ccT6r[data-trigger=Select] {
5014
5327
  --width: var(--hop-Popover-dropdown-inline-width);
5015
5328
  }
5016
- .Popover-module__hop-Popover___5zEQq[data-trigger=ComboBox] {
5329
+ .Popover-module__hop-Popover___ccT6r[data-trigger=ComboBox] {
5017
5330
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
5018
5331
  }
5019
- .Popover-module__hop-Popover___5zEQq[data-auto-width] {
5332
+ .Popover-module__hop-Popover___ccT6r[data-auto-width] {
5020
5333
  --width: var(--hop-Popover-dropdown-auto-inline-width);
5021
5334
  }
5022
- .Popover-module__hop-Popover___5zEQq[data-entering] {
5023
- animation: Popover-module__fade___X2XBD 0.25s;
5335
+ .Popover-module__hop-Popover___ccT6r[data-entering] {
5336
+ animation: Popover-module__fade___FkPE6 0.25s;
5024
5337
  }
5025
- .Popover-module__hop-Popover___5zEQq[data-exiting] {
5026
- animation: Popover-module__fade___X2XBD 0.25s reverse;
5338
+ .Popover-module__hop-Popover___ccT6r[data-exiting] {
5339
+ animation: Popover-module__fade___FkPE6 0.25s reverse;
5027
5340
  }
5028
- @keyframes Popover-module__fade___X2XBD {
5341
+ @keyframes Popover-module__fade___FkPE6 {
5029
5342
  from {
5030
5343
  opacity: 0;
5031
5344
  }
@@ -5033,14 +5346,14 @@
5033
5346
  opacity: 1;
5034
5347
  }
5035
5348
  }
5036
- .Popover-module__hop-Popover__wrapper___ji5XC {
5349
+ .Popover-module__hop-Popover__wrapper___8J-K3 {
5037
5350
  display: flex;
5038
5351
  flex: 1 1 auto;
5039
5352
  flex-direction: column;
5040
5353
  min-block-size: 0;
5041
5354
  }
5042
- .Popover-module__hop-Popover__dialog___FMdfW,
5043
- .Popover-module__hop-Popover__dropdown___okSe9 {
5355
+ .Popover-module__hop-Popover__dialog___n4Uvf,
5356
+ .Popover-module__hop-Popover__dropdown___jDakO {
5044
5357
  --hop-Popover-background: var(--hop-neutral-surface);
5045
5358
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
5046
5359
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -5086,21 +5399,21 @@
5086
5399
  border-radius: var(--hop-Popover-border-radius);
5087
5400
  box-shadow: var(--hop-Popover-box-shadow);
5088
5401
  }
5089
- .Popover-module__hop-Popover__dropdown___okSe9 {
5402
+ .Popover-module__hop-Popover__dropdown___jDakO {
5090
5403
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
5091
5404
  --footer-place-self: stretch;
5092
5405
  --grid-template: var(--hop-Popover-dropdown-grid-template);
5093
5406
  --padding: var(--hop-Popover-dropdown-padding);
5094
5407
  overflow: hidden;
5095
5408
  }
5096
- .Popover-module__hop-Popover__dialog___FMdfW {
5409
+ .Popover-module__hop-Popover__dialog___n4Uvf {
5097
5410
  --padding: var(--hop-Popover-dialog-padding);
5098
5411
  }
5099
- .Popover-module__hop-Popover__title___DYGRX {
5412
+ .Popover-module__hop-Popover__title___9bcgP {
5100
5413
  grid-area: header;
5101
5414
  color: var(--hop-Popover-color);
5102
5415
  }
5103
- .Popover-module__hop-Popover__content___l1DeC {
5416
+ .Popover-module__hop-Popover__content___zpaSB {
5104
5417
  --font-size: var(--hop-Popover-content-font-size);
5105
5418
  --line-height: var(--hop-Popover-content-line-height);
5106
5419
  grid-area: content;
@@ -5109,7 +5422,7 @@
5109
5422
  padding: 0;
5110
5423
  color: var(--hop-Popover-content-color);
5111
5424
  }
5112
- .Popover-module__hop-Popover__dropdown___okSe9 .Popover-module__hop-Popover__list-box___9Z-Yu {
5425
+ .Popover-module__hop-Popover__dropdown___jDakO .Popover-module__hop-Popover__list-box___TLlq4 {
5113
5426
  grid-area: content;
5114
5427
  inline-size: auto;
5115
5428
  min-inline-size: auto;
@@ -5117,7 +5430,7 @@
5117
5430
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
5118
5431
  border: none;
5119
5432
  }
5120
- .Popover-module__hop-Popover__footer___uI88n {
5433
+ .Popover-module__hop-Popover__footer___4Eqb0 {
5121
5434
  --font-size: var(--hop-Popover-footer-font-size);
5122
5435
  --line-height: var(--hop-Popover-footer-line-height);
5123
5436
  grid-area: footer;
@@ -5125,16 +5438,16 @@
5125
5438
  margin: var(--footer-margin);
5126
5439
  color: var(--hop-Popover-color);
5127
5440
  }
5128
- .Popover-module__hop-Popover__dropdown___okSe9 .Popover-module__hop-Popover__footer___uI88n {
5441
+ .Popover-module__hop-Popover__dropdown___jDakO .Popover-module__hop-Popover__footer___4Eqb0 {
5129
5442
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
5130
5443
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
5131
5444
  }
5132
- .Popover-module__hop-Popover__actions___aXCey,
5133
- .Popover-module__hop-Popover__action___7RxTv {
5445
+ .Popover-module__hop-Popover__actions___-4lqO,
5446
+ .Popover-module__hop-Popover__action___jtirX {
5134
5447
  grid-area: action;
5135
5448
  justify-self: end;
5136
5449
  margin-block-start: var(--hop-Popover-row-gap);
5137
5450
  }
5138
- .Popover-module__hop-Popover___5zEQq:has(.Popover-module__hop-Popover__actions___aXCey, .Popover-module__hop-Popover__action___7RxTv) .Popover-module__hop-Popover__footer___uI88n {
5451
+ .Popover-module__hop-Popover___ccT6r:has(.Popover-module__hop-Popover__actions___-4lqO, .Popover-module__hop-Popover__action___jtirX) .Popover-module__hop-Popover__footer___4Eqb0 {
5139
5452
  margin-inline-end: var(--hop-Popover-column-gap);
5140
5453
  }