@hopper-ui/components 1.3.32 → 1.3.34

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 (260) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +44 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +62 -55
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +44 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +44 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +62 -55
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +49 -42
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +44 -37
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +59 -52
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Card/src/Card.css +39 -30
  19. package/dist/Card/src/Card.js +2 -2
  20. package/dist/Card/src/index.css +39 -30
  21. package/dist/Card/src/index.js +2 -2
  22. package/dist/ComboBox/src/ComboBox.css +578 -570
  23. package/dist/ComboBox/src/ComboBox.js +28 -24
  24. package/dist/ComboBox/src/index.css +578 -570
  25. package/dist/ComboBox/src/index.js +28 -24
  26. package/dist/Disclosure/src/Disclosure.css +305 -0
  27. package/dist/Disclosure/src/Disclosure.d.ts +16 -0
  28. package/dist/Disclosure/src/Disclosure.js +9 -0
  29. package/dist/Disclosure/src/DisclosureContext.d.ts +8 -0
  30. package/dist/Disclosure/src/DisclosureContext.js +2 -0
  31. package/dist/Disclosure/src/DisclosureHeader.css +405 -0
  32. package/dist/Disclosure/src/DisclosureHeader.d.ts +21 -0
  33. package/dist/Disclosure/src/DisclosureHeader.js +22 -0
  34. package/dist/Disclosure/src/DisclosureHeaderContext.d.ts +9 -0
  35. package/dist/Disclosure/src/DisclosureHeaderContext.js +2 -0
  36. package/dist/Disclosure/src/DisclosurePanel.css +292 -0
  37. package/dist/Disclosure/src/DisclosurePanel.d.ts +15 -0
  38. package/dist/Disclosure/src/DisclosurePanel.js +22 -0
  39. package/dist/Disclosure/src/DisclosurePanelContext.d.ts +8 -0
  40. package/dist/Disclosure/src/DisclosurePanelContext.js +2 -0
  41. package/dist/Disclosure/src/index.css +526 -0
  42. package/dist/Disclosure/src/index.d.ts +10 -0
  43. package/dist/Disclosure/src/index.js +27 -0
  44. package/dist/Divider/src/Divider.css +36 -29
  45. package/dist/Divider/src/Divider.js +1 -1
  46. package/dist/Divider/src/index.css +36 -29
  47. package/dist/Divider/src/index.js +1 -1
  48. package/dist/ErrorMessage/src/ErrorMessage.css +36 -29
  49. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  50. package/dist/ErrorMessage/src/index.css +36 -29
  51. package/dist/ErrorMessage/src/index.js +2 -2
  52. package/dist/Form/src/Form.css +28 -5005
  53. package/dist/Form/src/Form.d.ts +6 -3
  54. package/dist/Form/src/Form.js +2 -28
  55. package/dist/Form/src/FormContext.d.ts +3 -3
  56. package/dist/Form/src/FormContext.js +1 -1
  57. package/dist/Form/src/index.css +28 -5005
  58. package/dist/Form/src/index.d.ts +1 -1
  59. package/dist/Form/src/index.js +2 -28
  60. package/dist/HelperMessage/src/HelperMessage.css +36 -29
  61. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  62. package/dist/HelperMessage/src/index.css +36 -29
  63. package/dist/HelperMessage/src/index.js +2 -2
  64. package/dist/IconList/src/IconList.css +35 -28
  65. package/dist/IconList/src/IconList.js +1 -1
  66. package/dist/IconList/src/index.css +35 -28
  67. package/dist/IconList/src/index.js +1 -1
  68. package/dist/Link/src/Link.css +56 -49
  69. package/dist/Link/src/Link.js +9 -7
  70. package/dist/Link/src/index.css +56 -49
  71. package/dist/Link/src/index.js +9 -7
  72. package/dist/ListBox/src/ListBox.css +281 -274
  73. package/dist/ListBox/src/ListBox.js +15 -13
  74. package/dist/ListBox/src/ListBoxItem.css +269 -262
  75. package/dist/ListBox/src/ListBoxItem.js +13 -11
  76. package/dist/ListBox/src/ListBoxItemSkeleton.css +41 -34
  77. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  78. package/dist/ListBox/src/index.css +281 -274
  79. package/dist/ListBox/src/index.js +15 -13
  80. package/dist/Section/src/Section.js +1 -1
  81. package/dist/Section/src/index.js +1 -1
  82. package/dist/Select/src/Select.css +582 -564
  83. package/dist/Select/src/Select.js +29 -25
  84. package/dist/Select/src/SelectValue.css +68 -61
  85. package/dist/Select/src/SelectValue.js +7 -5
  86. package/dist/Select/src/index.css +582 -564
  87. package/dist/Select/src/index.js +29 -25
  88. package/dist/Spinner/src/Spinner.css +44 -37
  89. package/dist/Spinner/src/Spinner.js +2 -2
  90. package/dist/Spinner/src/index.css +44 -37
  91. package/dist/Spinner/src/index.js +2 -2
  92. package/dist/{tag/src/TagList.css → ToggleArrow/src/ToggleArrow.css} +44 -27
  93. package/dist/ToggleArrow/src/ToggleArrow.d.ts +21 -0
  94. package/dist/ToggleArrow/src/ToggleArrow.js +4 -0
  95. package/dist/ToggleArrow/src/ToggleArrowContext.d.ts +10 -0
  96. package/dist/ToggleArrow/src/ToggleArrowContext.js +2 -0
  97. package/dist/ToggleArrow/src/index.css +243 -0
  98. package/dist/ToggleArrow/src/index.d.ts +7 -0
  99. package/dist/ToggleArrow/src/index.js +4 -0
  100. package/dist/buttons/src/Button.css +100 -93
  101. package/dist/buttons/src/Button.js +11 -9
  102. package/dist/buttons/src/ButtonGroup.css +45 -38
  103. package/dist/buttons/src/ButtonGroup.js +1 -1
  104. package/dist/buttons/src/ClearButton.css +105 -98
  105. package/dist/buttons/src/ClearButton.js +2 -2
  106. package/dist/buttons/src/EmbeddedButton.css +105 -98
  107. package/dist/buttons/src/EmbeddedButton.js +1 -1
  108. package/dist/buttons/src/LinkButton.css +109 -102
  109. package/dist/buttons/src/LinkButton.js +10 -8
  110. package/dist/buttons/src/index.css +256 -249
  111. package/dist/buttons/src/index.js +15 -13
  112. package/dist/checkbox/src/Checkbox.css +53 -46
  113. package/dist/checkbox/src/Checkbox.js +10 -8
  114. package/dist/checkbox/src/CheckboxField.css +93 -86
  115. package/dist/checkbox/src/CheckboxField.js +4 -2
  116. package/dist/checkbox/src/CheckboxGroup.css +105 -98
  117. package/dist/checkbox/src/CheckboxGroup.js +9 -7
  118. package/dist/checkbox/src/DecorativeCheckbox.css +61 -54
  119. package/dist/checkbox/src/DecorativeCheckbox.js +10 -8
  120. package/dist/checkbox/src/index.css +105 -98
  121. package/dist/checkbox/src/index.js +17 -15
  122. package/dist/{chunk-B2PZHGGT.js → chunk-2DFRNPSR.js} +2 -2
  123. package/dist/{chunk-PR6Q2XJD.js → chunk-333PGOMR.js} +18 -10
  124. package/dist/{chunk-SWQEWYNM.js → chunk-566DZ4RC.js} +1 -1
  125. package/dist/{chunk-2PIWQBQ7.js → chunk-5SMJSNMW.js} +2 -2
  126. package/dist/chunk-5ZXBTCX3.js +124 -0
  127. package/dist/{chunk-425TRLX5.js → chunk-6AMCBCFX.js} +2 -2
  128. package/dist/{chunk-7ITDXJPN.js → chunk-6L4MTZT4.js} +7 -5
  129. package/dist/{chunk-BAX352BZ.js → chunk-6NX5XSZH.js} +8 -2
  130. package/dist/{chunk-2ZAWI3VO.js → chunk-75I7LTO3.js} +1 -1
  131. package/dist/chunk-7CJXILRD.js +7 -0
  132. package/dist/{chunk-UOVCHVGX.js → chunk-7FQHEXNP.js} +7 -5
  133. package/dist/{chunk-7OZNJCXL.js → chunk-7FQXKGYA.js} +8 -6
  134. package/dist/{chunk-VYNPGUH2.js → chunk-7FV3FDFI.js} +1 -1
  135. package/dist/{chunk-F3GTLFKR.js → chunk-7H7A6BGG.js} +1 -1
  136. package/dist/{chunk-ZUL2DWRU.js → chunk-BFYJWYHU.js} +2 -2
  137. package/dist/{chunk-MY7R6ZMF.js → chunk-C2ON6QTY.js} +2 -2
  138. package/dist/{chunk-FXB7BBJB.js → chunk-CC5QQ4YM.js} +2 -2
  139. package/dist/{chunk-ZTS67CFU.js → chunk-CS2YF25E.js} +2 -2
  140. package/dist/{chunk-QDIICTRS.js → chunk-DVIAXHYK.js} +4 -2
  141. package/dist/{chunk-MOIFFJJ3.js → chunk-E6TOJ3QU.js} +1 -1
  142. package/dist/{chunk-WXP3P4KY.js → chunk-EABCCXRD.js} +4 -4
  143. package/dist/{chunk-X5SCISRD.js → chunk-EXO4OJ7Z.js} +2 -2
  144. package/dist/{chunk-Y75VH6OP.js → chunk-G7QY3NWV.js} +1 -1
  145. package/dist/chunk-GFRTCF4B.js +7 -0
  146. package/dist/{chunk-UJAYZEVR.js → chunk-GO5KCRGN.js} +2 -2
  147. package/dist/{chunk-UEZ6JMBX.js → chunk-GQJ7GNYQ.js} +1 -1
  148. package/dist/chunk-GUCWHJZX.js +79 -0
  149. package/dist/chunk-GVEPINW7.js +67 -0
  150. package/dist/{chunk-VYFGV7LF.js → chunk-GYJQJEJS.js} +5 -3
  151. package/dist/chunk-J6WBI2I2.js +7 -0
  152. package/dist/{chunk-OEMWDVBB.js → chunk-K22HKHG2.js} +3 -3
  153. package/dist/{chunk-HPEGBHAQ.js → chunk-K5WUDBPF.js} +1 -1
  154. package/dist/{chunk-OFYHUD3N.js → chunk-KFMYXZFT.js} +2 -2
  155. package/dist/{chunk-N7ORIARY.js → chunk-KFPJZFZS.js} +2 -2
  156. package/dist/{chunk-OAUTLKSG.js → chunk-L7ORX4VV.js} +9 -7
  157. package/dist/chunk-LHX75LVJ.js +50 -0
  158. package/dist/{chunk-77K422AK.js → chunk-LVCA23CC.js} +1 -1
  159. package/dist/chunk-MUAXK42C.js +7 -0
  160. package/dist/{chunk-WJ6YDFFC.js → chunk-NIERUDZ6.js} +1 -1
  161. package/dist/{chunk-MMCWVCOD.js → chunk-NR7UTMYX.js} +2 -2
  162. package/dist/{chunk-JHZLRSJY.js → chunk-NUV3PDGE.js} +1 -1
  163. package/dist/{chunk-5YGTZWHS.js → chunk-O5LFX4XZ.js} +1 -1
  164. package/dist/{chunk-U7NERCPG.js → chunk-OFQN5TXX.js} +8 -6
  165. package/dist/{chunk-6XSOF5IT.js → chunk-PUQ7RTX4.js} +5 -3
  166. package/dist/{chunk-EURJK4ZT.js → chunk-Q7NXUUB3.js} +1 -1
  167. package/dist/{chunk-NLZXVLBW.js → chunk-QTD66QJH.js} +2 -2
  168. package/dist/{chunk-5TE4QKZ2.js → chunk-R5343IYO.js} +2 -2
  169. package/dist/chunk-RAAORA53.js +123 -0
  170. package/dist/{chunk-JZV3EU5P.js → chunk-RBENLQVB.js} +8 -6
  171. package/dist/{chunk-4XMDZ5QF.js → chunk-SBSBVVKM.js} +1 -1
  172. package/dist/chunk-SH3CLZKH.js +68 -0
  173. package/dist/{chunk-SMNKMZIC.js → chunk-SNDPAUAL.js} +10 -8
  174. package/dist/{chunk-MCSPPEQN.js → chunk-T3PSAQEK.js} +1 -1
  175. package/dist/{chunk-PME32XAH.js → chunk-U5SHNMC3.js} +8 -6
  176. package/dist/{chunk-KXZYWFM3.js → chunk-UMCSSGCS.js} +6 -4
  177. package/dist/{chunk-7RTEFFZS.js → chunk-VHRMFZPJ.js} +5 -5
  178. package/dist/{chunk-UYXVO6TB.js → chunk-WILQEDLK.js} +3 -3
  179. package/dist/{chunk-XTY7LASB.js → chunk-WWXZNKBE.js} +3 -3
  180. package/dist/{chunk-YTKE4ERV.js → chunk-Z57BGAOZ.js} +19 -11
  181. package/dist/{chunk-XDJMIWOT.js → chunk-ZRT7MWIL.js} +6 -4
  182. package/dist/index.css +1244 -957
  183. package/dist/index.d.ts +8 -4
  184. package/dist/index.js +84 -78
  185. package/dist/inputs/src/InputGroup.css +271 -264
  186. package/dist/inputs/src/InputGroup.js +1 -1
  187. package/dist/inputs/src/NumberField.css +293 -286
  188. package/dist/inputs/src/NumberField.js +14 -12
  189. package/dist/inputs/src/PasswordField.css +281 -274
  190. package/dist/inputs/src/PasswordField.js +13 -11
  191. package/dist/inputs/src/RemainingCharacterCount.css +37 -30
  192. package/dist/inputs/src/RemainingCharacterCount.js +7 -5
  193. package/dist/inputs/src/SearchField.css +287 -280
  194. package/dist/inputs/src/SearchField.js +14 -12
  195. package/dist/inputs/src/TextArea.css +288 -281
  196. package/dist/inputs/src/TextArea.js +13 -11
  197. package/dist/inputs/src/TextField.css +285 -278
  198. package/dist/inputs/src/TextField.js +17 -15
  199. package/dist/inputs/src/index.css +331 -324
  200. package/dist/inputs/src/index.js +25 -23
  201. package/dist/overlays/Popover/src/Popover.css +548 -541
  202. package/dist/overlays/Popover/src/Popover.js +11 -9
  203. package/dist/overlays/Popover/src/index.css +548 -541
  204. package/dist/overlays/Popover/src/index.js +11 -9
  205. package/dist/radio/src/DecorativeRadio.css +61 -54
  206. package/dist/radio/src/DecorativeRadio.js +9 -7
  207. package/dist/radio/src/Radio.css +53 -46
  208. package/dist/radio/src/Radio.js +9 -7
  209. package/dist/radio/src/RadioField.css +40 -33
  210. package/dist/radio/src/RadioField.js +2 -2
  211. package/dist/radio/src/RadioGroup.css +105 -98
  212. package/dist/radio/src/RadioGroup.js +9 -7
  213. package/dist/radio/src/index.css +105 -98
  214. package/dist/radio/src/index.js +17 -15
  215. package/dist/switch/src/Switch.css +50 -43
  216. package/dist/switch/src/Switch.js +9 -7
  217. package/dist/switch/src/SwitchField.css +40 -33
  218. package/dist/switch/src/SwitchField.js +2 -2
  219. package/dist/switch/src/index.css +56 -49
  220. package/dist/switch/src/index.js +10 -8
  221. package/dist/tag/src/Tag.css +397 -390
  222. package/dist/tag/src/Tag.js +12 -10
  223. package/dist/tag/src/TagGroup.css +44 -37
  224. package/dist/tag/src/TagGroup.d.ts +16 -10
  225. package/dist/tag/src/TagGroup.js +14 -4
  226. package/dist/tag/src/TagGroupContext.d.ts +2 -1
  227. package/dist/tag/src/index.css +407 -400
  228. package/dist/tag/src/index.d.ts +2 -3
  229. package/dist/tag/src/index.js +19 -16
  230. package/dist/typography/Heading/src/Heading.css +34 -27
  231. package/dist/typography/Heading/src/Heading.js +1 -1
  232. package/dist/typography/Heading/src/index.css +34 -27
  233. package/dist/typography/Heading/src/index.js +1 -1
  234. package/dist/typography/Label/src/Label.css +34 -27
  235. package/dist/typography/Label/src/Label.js +3 -1
  236. package/dist/typography/Label/src/index.css +34 -27
  237. package/dist/typography/Label/src/index.js +3 -1
  238. package/dist/typography/OverlineText/src/OverlineText.css +34 -27
  239. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  240. package/dist/typography/OverlineText/src/index.css +34 -27
  241. package/dist/typography/OverlineText/src/index.js +1 -1
  242. package/dist/typography/Text/src/Text.css +34 -27
  243. package/dist/typography/Text/src/Text.js +1 -1
  244. package/dist/typography/Text/src/index.css +34 -27
  245. package/dist/typography/Text/src/index.js +1 -1
  246. package/dist/utils/src/EnsureTextWrapper.css +34 -27
  247. package/dist/utils/src/EnsureTextWrapper.d.ts +1 -1
  248. package/dist/utils/src/EnsureTextWrapper.js +7 -5
  249. package/dist/utils/src/index.css +34 -27
  250. package/dist/utils/src/index.js +7 -5
  251. package/dist/utils/src/types.d.ts +1 -1
  252. package/package.json +9 -9
  253. package/dist/chunk-52EKMM7G.js +0 -94
  254. package/dist/chunk-TPVDUGOO.js +0 -44
  255. package/dist/chunk-UYDOZLJW.js +0 -153
  256. package/dist/chunk-XLKYXKWE.js +0 -7
  257. package/dist/tag/src/TagList.d.ts +0 -15
  258. package/dist/tag/src/TagList.js +0 -4
  259. package/dist/tag/src/TagListContext.d.ts +0 -8
  260. package/dist/tag/src/TagListContext.js +0 -2
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___yXCh3 {
2
+ .Heading-module__hop-Heading___UhOuN {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +33,50 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___yXCh3) {
36
+ :where(.Heading-module__hop-Heading___UhOuN) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
40
40
  font-weight: var(--font-weight);
41
41
  line-height: var(--line-height);
42
42
  }
43
- :where(.Heading-module__hop-Heading--xs___cgxRO) {
43
+ :where(.Heading-module__hop-Heading--xs___mgq0R) {
44
44
  --font-size: var(--hop-Heading-xs-font-size);
45
45
  --font-family: var(--hop-Heading-xs-font-family);
46
46
  --font-weight: var(--hop-Heading-xs-font-weight);
47
47
  --line-height: var(--hop-Heading-xs-line-height);
48
48
  }
49
- :where(.Heading-module__hop-Heading--sm___9XWSE) {
49
+ :where(.Heading-module__hop-Heading--sm___Sd105) {
50
50
  --font-size: var(--hop-Heading-sm-font-size);
51
51
  --font-family: var(--hop-Heading-sm-font-family);
52
52
  --font-weight: var(--hop-Heading-sm-font-weight);
53
53
  --line-height: var(--hop-Heading-sm-line-height);
54
54
  }
55
- :where(.Heading-module__hop-Heading--md___dSJp9) {
55
+ :where(.Heading-module__hop-Heading--md___OeuQ-) {
56
56
  --font-size: var(--hop-Heading-md-font-size);
57
57
  --font-family: var(--hop-Heading-md-font-family);
58
58
  --font-weight: var(--hop-Heading-md-font-weight);
59
59
  --line-height: var(--hop-Heading-md-line-height);
60
60
  }
61
- :where(.Heading-module__hop-Heading--lg___7BQM-) {
61
+ :where(.Heading-module__hop-Heading--lg___937DG) {
62
62
  --font-size: var(--hop-Heading-lg-font-size);
63
63
  --font-family: var(--hop-Heading-lg-font-family);
64
64
  --font-weight: var(--hop-Heading-lg-font-weight);
65
65
  --line-height: var(--hop-Heading-lg-line-height);
66
66
  }
67
- :where(.Heading-module__hop-Heading--xl___mc-2D) {
67
+ :where(.Heading-module__hop-Heading--xl___PA7Cj) {
68
68
  --font-size: var(--hop-Heading-xl-font-size);
69
69
  --font-family: var(--hop-Heading-xl-font-family);
70
70
  --font-weight: var(--hop-Heading-xl-font-weight);
71
71
  --line-height: var(--hop-Heading-xl-line-height);
72
72
  }
73
- :where(.Heading-module__hop-Heading--2xl___b9d1O) {
73
+ :where(.Heading-module__hop-Heading--2xl___9H5AH) {
74
74
  --font-size: var(--hop-Heading-2xl-font-size);
75
75
  --font-family: var(--hop-Heading-2xl-font-family);
76
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
77
  --line-height: var(--hop-Heading-2xl-line-height);
78
78
  }
79
- :where(.Heading-module__hop-Heading--3xl___mSP0w) {
79
+ :where(.Heading-module__hop-Heading--3xl___BC0kT) {
80
80
  --font-size: var(--hop-Heading-3xl-font-size);
81
81
  --font-family: var(--hop-Heading-3xl-font-family);
82
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
87
- :where(.OverlineText-module__hop-OverlineText___5ke-P) {
87
+ :where(.OverlineText-module__hop-OverlineText___bCG0m) {
88
88
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
89
89
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
90
90
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -108,45 +108,52 @@
108
108
  text-transform: uppercase;
109
109
  letter-spacing: var(--letter-spacing);
110
110
  }
111
- .OverlineText-module__hop-OverlineText__text___WdEoR {
111
+ .OverlineText-module__hop-OverlineText__text___o7Sr6 {
112
112
  box-sizing: border-box;
113
113
  }
114
- .OverlineText-module__hop-OverlineText__text___WdEoR::before,
115
- .OverlineText-module__hop-OverlineText__text___WdEoR::after {
114
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::before,
115
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::after {
116
116
  content: "";
117
117
  display: block;
118
118
  box-sizing: border-box;
119
119
  inline-size: 0;
120
120
  block-size: 0;
121
121
  }
122
- .OverlineText-module__hop-OverlineText__text___WdEoR::before {
122
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::before {
123
123
  margin-block-end: var(--bottom-offset);
124
124
  }
125
- .OverlineText-module__hop-OverlineText__text___WdEoR::after {
125
+ .OverlineText-module__hop-OverlineText__text___o7Sr6::after {
126
126
  margin-block-start: var(--top-offset);
127
127
  }
128
128
 
129
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
130
+ .Form-module__hop-Form___iuRf1 {
131
+ display: flex;
132
+ flex-direction: column;
133
+ gap: var(--hop-space-stack-lg);
134
+ }
135
+
129
136
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
130
- .Label-module__hop-Label___BRqtH {
137
+ .Label-module__hop-Label___bYJKr {
131
138
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
132
139
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
133
140
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
134
141
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
135
142
  --hop-Label-color: var(--hop-neutral-text-weak);
136
143
  }
137
- :where(.Label-module__hop-Label___BRqtH) {
144
+ :where(.Label-module__hop-Label___bYJKr) {
138
145
  font-family: var(--hop-Label-font-family);
139
146
  font-size: var(--hop-Label-font-size);
140
147
  font-weight: var(--hop-Label-font-weight);
141
148
  line-height: var(--hop-Label-line-height);
142
149
  color: var(--hop-Label-color);
143
150
  }
144
- :where(.Label-module__hop-Label__indicator___78Snn) {
151
+ :where(.Label-module__hop-Label__indicator___AtTcd) {
145
152
  padding-inline-start: var(--hop-space-20);
146
153
  }
147
154
 
148
155
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
149
- .Text-module__hop-Text___mlsmJ {
156
+ .Text-module__hop-Text___Fxj3U {
150
157
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
151
158
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
152
159
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -176,49 +183,49 @@
176
183
  --hop-Text-inherit-size-font-weight: inherit;
177
184
  --hop-Text-inherit-size-line-height: inherit;
178
185
  }
179
- :where(.Text-module__hop-Text___mlsmJ) {
186
+ :where(.Text-module__hop-Text___Fxj3U) {
180
187
  font-family: var(--font-family);
181
188
  font-size: var(--font-size);
182
189
  font-weight: var(--font-weight);
183
190
  line-height: var(--line-height);
184
191
  }
185
- :where(.Text-module__hop-Text--xs___4g9Hm) {
192
+ :where(.Text-module__hop-Text--xs___OBqqd) {
186
193
  --font-size: var(--hop-Text-xs-font-size);
187
194
  --font-family: var(--hop-Text-xs-font-family);
188
195
  --font-weight: var(--hop-Text-xs-font-weight);
189
196
  --line-height: var(--hop-Text-xs-line-height);
190
197
  }
191
- :where(.Text-module__hop-Text--sm___w-WWU) {
198
+ :where(.Text-module__hop-Text--sm___W0t5J) {
192
199
  --font-size: var(--hop-Text-sm-font-size);
193
200
  --font-family: var(--hop-Text-sm-font-family);
194
201
  --font-weight: var(--hop-Text-sm-font-weight);
195
202
  --line-height: var(--hop-Text-sm-line-height);
196
203
  }
197
- :where(.Text-module__hop-Text--md___FHx98) {
204
+ :where(.Text-module__hop-Text--md___0XAci) {
198
205
  --font-size: var(--hop-Text-md-font-size);
199
206
  --font-family: var(--hop-Text-md-font-family);
200
207
  --font-weight: var(--hop-Text-md-font-weight);
201
208
  --line-height: var(--hop-Text-md-line-height);
202
209
  }
203
- :where(.Text-module__hop-Text--lg___N-Ov9) {
210
+ :where(.Text-module__hop-Text--lg___fe6zi) {
204
211
  --font-size: var(--hop-Text-lg-font-size);
205
212
  --font-family: var(--hop-Text-lg-font-family);
206
213
  --font-weight: var(--hop-Text-lg-font-weight);
207
214
  --line-height: var(--hop-Text-lg-line-height);
208
215
  }
209
- :where(.Text-module__hop-Text--xl___O0xxj) {
216
+ :where(.Text-module__hop-Text--xl___Yu73w) {
210
217
  --font-size: var(--hop-Text-xl-font-size);
211
218
  --font-family: var(--hop-Text-xl-font-family);
212
219
  --font-weight: var(--hop-Text-xl-font-weight);
213
220
  --line-height: var(--hop-Text-xl-line-height);
214
221
  }
215
- :where(.Text-module__hop-Text--2xl___7cgXw) {
222
+ :where(.Text-module__hop-Text--2xl___XUoUN) {
216
223
  --font-size: var(--hop-Text-2xl-font-size);
217
224
  --font-family: var(--hop-Text-2xl-font-family);
218
225
  --font-weight: var(--hop-Text-2xl-font-weight);
219
226
  --line-height: var(--hop-Text-2xl-line-height);
220
227
  }
221
- :where(.Text-module__hop-Text--inherit___CD7Gr) {
228
+ :where(.Text-module__hop-Text--inherit___zBVgd) {
222
229
  --font-size: var(--hop-Text-inherit-size-font-size);
223
230
  --font-family: var(--hop-Text-inherit-size-font-family);
224
231
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -226,7 +233,7 @@
226
233
  }
227
234
 
228
235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
229
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln {
236
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___i42N- {
230
237
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
231
238
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
232
239
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -257,46 +264,46 @@
257
264
  background-color: var(--background-color);
258
265
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
259
266
  }
260
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___0t8wK {
267
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___K8a9l {
261
268
  --size: var(--hop-RichIconAvatarImage-xs-size);
262
269
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
263
270
  }
264
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___qbuKo {
271
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___ce7Gs {
265
272
  --size: var(--hop-RichIconAvatarImage-sm-size);
266
273
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
267
274
  }
268
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Thvly {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-AbNA {
269
276
  --size: var(--hop-RichIconAvatarImage-md-size);
270
277
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
271
278
  }
272
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___CH9ui {
279
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9WaH2 {
273
280
  --size: var(--hop-RichIconAvatarImage-lg-size);
274
281
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
275
282
  }
276
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___Kx4LY {
283
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___N9NHN {
277
284
  --size: var(--hop-RichIconAvatarImage-xl-size);
278
285
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
279
286
  }
280
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___pPJGO {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___bkXaL {
281
288
  --size: var(--hop-RichIconAvatarImage-2xl-size);
282
289
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
283
290
  }
284
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln[data-disabled] {
291
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___i42N-[data-disabled] {
285
292
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
286
293
  }
287
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___qdQ1m {
294
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lN8s2 {
288
295
  position: relative;
289
296
  display: block;
290
297
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
291
298
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
292
299
  }
293
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___qdQ1m {
300
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___i42N-[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lN8s2 {
294
301
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
295
302
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
296
303
  }
297
304
 
298
305
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
299
- .Avatar-module__hop-Avatar___NRR7e {
306
+ .Avatar-module__hop-Avatar___2wZ7d {
300
307
  --hop-Avatar-border-radius: var(--hop-shape-circle);
301
308
  --hop-Avatar-mix-blend-mode: normal;
302
309
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -341,67 +348,67 @@
341
348
  background-color: var(--background-color, transparent);
342
349
  border-radius: var(--hop-Avatar-border-radius);
343
350
  }
344
- .Avatar-module__hop-Avatar--xs___Lc954 {
351
+ .Avatar-module__hop-Avatar--xs___z8zIk {
345
352
  --size: var(--hop-Avatar-xs-size);
346
353
  }
347
- .Avatar-module__hop-Avatar--sm___xKab- {
354
+ .Avatar-module__hop-Avatar--sm___Zw8x0 {
348
355
  --size: var(--hop-Avatar-sm-size);
349
356
  }
350
- .Avatar-module__hop-Avatar--md___wzlmP {
357
+ .Avatar-module__hop-Avatar--md___-Z5oG {
351
358
  --size: var(--hop-Avatar-md-size);
352
359
  }
353
- .Avatar-module__hop-Avatar--lg___0tPMw {
360
+ .Avatar-module__hop-Avatar--lg___uUSB- {
354
361
  --size: var(--hop-Avatar-lg-size);
355
362
  }
356
- .Avatar-module__hop-Avatar--xl___oDIyV {
363
+ .Avatar-module__hop-Avatar--xl___yFt46 {
357
364
  --size: var(--hop-Avatar-xl-size);
358
365
  }
359
- .Avatar-module__hop-Avatar--2xl___fReCL {
366
+ .Avatar-module__hop-Avatar--2xl___wiCYV {
360
367
  --size: var(--hop-Avatar-2xl-size);
361
368
  }
362
- .Avatar-module__hop-Avatar--decorative-option1___M3KiH {
369
+ .Avatar-module__hop-Avatar--decorative-option1___13Mxt {
363
370
  --background-color: var(--hop-Avatar-decorative-1-background-color);
364
371
  --text-color: var(--hop-Avatar-decorative-1-text-color);
365
372
  }
366
- .Avatar-module__hop-Avatar--decorative-option2___xfUDh {
373
+ .Avatar-module__hop-Avatar--decorative-option2___an9xd {
367
374
  --background-color: var(--hop-Avatar-decorative-2-background-color);
368
375
  --text-color: var(--hop-Avatar-decorative-2-text-color);
369
376
  }
370
- .Avatar-module__hop-Avatar--decorative-option3___ON6nk {
377
+ .Avatar-module__hop-Avatar--decorative-option3___YY-5V {
371
378
  --background-color: var(--hop-Avatar-decorative-3-background-color);
372
379
  --text-color: var(--hop-Avatar-decorative-3-text-color);
373
380
  }
374
- .Avatar-module__hop-Avatar--decorative-option4___tUQ0G {
381
+ .Avatar-module__hop-Avatar--decorative-option4___01f67 {
375
382
  --background-color: var(--hop-Avatar-decorative-4-background-color);
376
383
  --text-color: var(--hop-Avatar-decorative-4-text-color);
377
384
  }
378
- .Avatar-module__hop-Avatar--decorative-option5___o6YrF {
385
+ .Avatar-module__hop-Avatar--decorative-option5___iG8u0 {
379
386
  --background-color: var(--hop-Avatar-decorative-5-background-color);
380
387
  --text-color: var(--hop-Avatar-decorative-5-text-color);
381
388
  }
382
- .Avatar-module__hop-Avatar--decorative-option6___XGGWz {
389
+ .Avatar-module__hop-Avatar--decorative-option6___JdrSS {
383
390
  --background-color: var(--hop-Avatar-decorative-6-background-color);
384
391
  --text-color: var(--hop-Avatar-decorative-6-text-color);
385
392
  }
386
- .Avatar-module__hop-Avatar--decorative-option7___amRxm {
393
+ .Avatar-module__hop-Avatar--decorative-option7___sekS1 {
387
394
  --background-color: var(--hop-Avatar-decorative-7-background-color);
388
395
  --text-color: var(--hop-Avatar-decorative-7-text-color);
389
396
  }
390
- .Avatar-module__hop-Avatar--decorative-option8___zAr7I {
397
+ .Avatar-module__hop-Avatar--decorative-option8___nsipT {
391
398
  --background-color: var(--hop-Avatar-decorative-8-background-color);
392
399
  --text-color: var(--hop-Avatar-decorative-8-text-color);
393
400
  }
394
- .Avatar-module__hop-Avatar--decorative-option9___IB7B3 {
401
+ .Avatar-module__hop-Avatar--decorative-option9___YXiOL {
395
402
  --background-color: var(--hop-Avatar-decorative-9-background-color);
396
403
  --text-color: var(--hop-Avatar-decorative-9-text-color);
397
404
  }
398
- .Avatar-module__hop-Avatar___NRR7e[data-disabled] {
405
+ .Avatar-module__hop-Avatar___2wZ7d[data-disabled] {
399
406
  --background-color: var(--hop-Avatar-background-color-disabled);
400
407
  --text-color: var(--hop-Avatar-text-color-disabled);
401
408
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
402
409
  isolation: isolate;
403
410
  }
404
- .Avatar-module__hop-Avatar__image___3NxIP {
411
+ .Avatar-module__hop-Avatar__image___UqeUZ {
405
412
  position: relative;
406
413
  display: block;
407
414
  box-sizing: border-box;
@@ -412,7 +419,7 @@
412
419
  }
413
420
 
414
421
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
415
- .Badge-module__hop-Badge___4pcJq {
422
+ .Badge-module__hop-Badge___Y75Nt {
416
423
  --hop-Badge-height: 1.5rem;
417
424
  --hop-Badge-width: max-content;
418
425
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -462,67 +469,67 @@
462
469
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
463
470
  border-radius: var(--border-radius);
464
471
  }
465
- .Badge-module__hop-Badge--primary___6XVJb {
472
+ .Badge-module__hop-Badge--primary___O16gy {
466
473
  --background-color: var(--hop-Badge-primary-background-color);
467
474
  --text-color: var(--hop-Badge-primary-text-color);
468
475
  }
469
- .Badge-module__hop-Badge--primary___6XVJb[data-hovered] {
476
+ .Badge-module__hop-Badge--primary___O16gy[data-hovered] {
470
477
  --background-color: var(--hop-Badge-primary-background-color-hovered);
471
478
  --text-color: var(--hop-Badge-primary-text-color-hovered);
472
479
  }
473
- .Badge-module__hop-Badge--primary___6XVJb[data-pressed] {
480
+ .Badge-module__hop-Badge--primary___O16gy[data-pressed] {
474
481
  --background-color: var(--hop-Badge-primary-background-color-pressed);
475
482
  --text-color: var(--hop-Badge-primary-text-color-pressed);
476
483
  }
477
- .Badge-module__hop-Badge--primary___6XVJb[data-selected] {
484
+ .Badge-module__hop-Badge--primary___O16gy[data-selected] {
478
485
  --background-color: var(--hop-Badge-primary-background-color-selected);
479
486
  --text-color: var(--hop-Badge-primary-text-color-selected);
480
487
  }
481
- .Badge-module__hop-Badge--secondary___wRFvz {
488
+ .Badge-module__hop-Badge--secondary___IOaYF {
482
489
  --background-color: var(--hop-Badge-secondary-background-color);
483
490
  --text-color: var(--hop-Badge-secondary-text-color);
484
491
  }
485
- .Badge-module__hop-Badge--secondary___wRFvz[data-hovered] {
492
+ .Badge-module__hop-Badge--secondary___IOaYF[data-hovered] {
486
493
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
487
494
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
488
495
  }
489
- .Badge-module__hop-Badge--secondary___wRFvz[data-pressed] {
496
+ .Badge-module__hop-Badge--secondary___IOaYF[data-pressed] {
490
497
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
491
498
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
492
499
  }
493
- .Badge-module__hop-Badge--secondary___wRFvz[data-selected] {
500
+ .Badge-module__hop-Badge--secondary___IOaYF[data-selected] {
494
501
  --background-color: var(--hop-Badge-secondary-background-color-selected);
495
502
  --text-color: var(--hop-Badge-secondary-text-color-selected);
496
503
  }
497
- .Badge-module__hop-Badge--subdued___QK3Fi {
504
+ .Badge-module__hop-Badge--subdued___Xhin7 {
498
505
  --background-color: var(--hop-Badge-subdued-background-color);
499
506
  --text-color: var(--hop-Badge-subdued-text-color);
500
507
  }
501
- .Badge-module__hop-Badge--subdued___QK3Fi[data-hovered] {
508
+ .Badge-module__hop-Badge--subdued___Xhin7[data-hovered] {
502
509
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
503
510
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
504
511
  }
505
- .Badge-module__hop-Badge--subdued___QK3Fi[data-pressed] {
512
+ .Badge-module__hop-Badge--subdued___Xhin7[data-pressed] {
506
513
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
507
514
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
508
515
  }
509
- .Badge-module__hop-Badge--subdued___QK3Fi[data-selected] {
516
+ .Badge-module__hop-Badge--subdued___Xhin7[data-selected] {
510
517
  --background-color: var(--hop-Badge-subdued-background-color-selected);
511
518
  --text-color: var(--hop-Badge-subdued-text-color-selected);
512
519
  }
513
- .Badge-module__hop-Badge___4pcJq[data-indeterminate] {
520
+ .Badge-module__hop-Badge___Y75Nt[data-indeterminate] {
514
521
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
515
522
  --height: var(--hop-Badge-indeterminate-height);
516
523
  --width: var(--hop-Badge-indeterminate-width);
517
524
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
518
525
  }
519
- .Badge-module__hop-Badge___4pcJq[data-disabled] {
526
+ .Badge-module__hop-Badge___Y75Nt[data-disabled] {
520
527
  --background-color: var(--hop-Badge-background-color-disabled);
521
528
  --text-color: var(--hop-Badge-text-color-disabled);
522
529
  }
523
530
 
524
531
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
525
- .FloatingBadge-module__hop-FloatingBadge___r-msI {
532
+ .FloatingBadge-module__hop-FloatingBadge___GP4fp {
526
533
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
527
534
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
528
535
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -563,7 +570,7 @@
563
570
  box-sizing: border-box;
564
571
  inline-size: max-content;
565
572
  }
566
- .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top right"] {
573
+ .FloatingBadge-module__hop-FloatingBadge___GP4fp[data-placement="top right"] {
567
574
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
568
575
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
569
576
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -571,11 +578,11 @@
571
578
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
572
579
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
573
580
  }
574
- .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top right"][data-overlap=circular] {
581
+ .FloatingBadge-module__hop-FloatingBadge___GP4fp[data-placement="top right"][data-overlap=circular] {
575
582
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
576
583
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
577
584
  }
578
- .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top left"] {
585
+ .FloatingBadge-module__hop-FloatingBadge___GP4fp[data-placement="top left"] {
579
586
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
580
587
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
581
588
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -583,11 +590,11 @@
583
590
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
584
591
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
585
592
  }
586
- .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top left"][data-overlap=circular] {
593
+ .FloatingBadge-module__hop-FloatingBadge___GP4fp[data-placement="top left"][data-overlap=circular] {
587
594
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
588
595
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
589
596
  }
590
- .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom right"] {
597
+ .FloatingBadge-module__hop-FloatingBadge___GP4fp[data-placement="bottom right"] {
591
598
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
592
599
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
593
600
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -595,11 +602,11 @@
595
602
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
596
603
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
597
604
  }
598
- .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom right"][data-overlap=circular] {
605
+ .FloatingBadge-module__hop-FloatingBadge___GP4fp[data-placement="bottom right"][data-overlap=circular] {
599
606
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
600
607
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
601
608
  }
602
- .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom left"] {
609
+ .FloatingBadge-module__hop-FloatingBadge___GP4fp[data-placement="bottom left"] {
603
610
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
604
611
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
605
612
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -607,11 +614,11 @@
607
614
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
608
615
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
609
616
  }
610
- .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom left"][data-overlap=circular] {
617
+ .FloatingBadge-module__hop-FloatingBadge___GP4fp[data-placement="bottom left"][data-overlap=circular] {
611
618
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
612
619
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
613
620
  }
614
- .FloatingBadge-module__hop-FloatingBadge__badge___AstPT {
621
+ .FloatingBadge-module__hop-FloatingBadge__badge___sfFMJ {
615
622
  position: absolute;
616
623
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
617
624
  transform-origin: var(--badge-transform-origin);
@@ -619,7 +626,7 @@
619
626
  }
620
627
 
621
628
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
622
- .IconList-module__hop-IconList___s1jYT {
629
+ .IconList-module__hop-IconList___6xhpN {
623
630
  --hop-IconList-gap: var(--hop-space-inline-xs);
624
631
  display: flex;
625
632
  flex-wrap: wrap;
@@ -628,7 +635,7 @@
628
635
  }
629
636
 
630
637
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
631
- .Checkbox-module__hop-Checkbox___Z-y0e {
638
+ .Checkbox-module__hop-Checkbox___KXJNl {
632
639
  --hop-Checkbox-box-border-size: 0.0625rem;
633
640
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
634
641
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -703,60 +710,60 @@
703
710
  inline-size: max-content;
704
711
  max-inline-size: 100%;
705
712
  }
706
- .Checkbox-module__hop-Checkbox___Z-y0e[data-focus-visible] {
713
+ .Checkbox-module__hop-Checkbox___KXJNl[data-focus-visible] {
707
714
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
708
715
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
709
716
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
710
717
  --text-color: var(--hop-Checkbox-text-color-focused);
711
718
  --icon-color: var(--hop-Checkbox-icon-color-focused);
712
719
  }
713
- .Checkbox-module__hop-Checkbox___Z-y0e[data-hovered] {
720
+ .Checkbox-module__hop-Checkbox___KXJNl[data-hovered] {
714
721
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
715
722
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
716
723
  --text-color: var(--hop-Checkbox-text-color-hovered);
717
724
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
718
725
  }
719
- .Checkbox-module__hop-Checkbox___Z-y0e[data-pressed] {
726
+ .Checkbox-module__hop-Checkbox___KXJNl[data-pressed] {
720
727
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
721
728
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
722
729
  --text-color: var(--hop-Checkbox-text-color-pressed);
723
730
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
724
731
  }
725
- .Checkbox-module__hop-Checkbox___Z-y0e[data-selected] {
732
+ .Checkbox-module__hop-Checkbox___KXJNl[data-selected] {
726
733
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
727
734
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
728
735
  --check-display: var(--hop-Checkbox-check-display-selected);
729
736
  --text-color: var(--hop-Checkbox-text-color-selected);
730
737
  --icon-color: var(--hop-Checkbox-icon-color-selected);
731
738
  }
732
- .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid] {
739
+ .Checkbox-module__hop-Checkbox___KXJNl[data-invalid] {
733
740
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
734
741
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
735
742
  --check-color: var(--hop-Checkbox-check-color-invalid);
736
743
  --text-color: var(--hop-Checkbox-text-color-invalid);
737
744
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
738
745
  }
739
- .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-focus-visible]) {
746
+ .Checkbox-module__hop-Checkbox___KXJNl[data-invalid]:where([data-focus-visible]) {
740
747
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
741
748
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
742
749
  }
743
- .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-hovered]) {
750
+ .Checkbox-module__hop-Checkbox___KXJNl[data-invalid]:where([data-hovered]) {
744
751
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
745
752
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
746
753
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
747
754
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
748
755
  }
749
- .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-pressed]) {
756
+ .Checkbox-module__hop-Checkbox___KXJNl[data-invalid]:where([data-pressed]) {
750
757
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
751
758
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
752
759
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
753
760
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
754
761
  }
755
- .Checkbox-module__hop-Checkbox___Z-y0e:where([data-invalid])[data-selected] {
762
+ .Checkbox-module__hop-Checkbox___KXJNl:where([data-invalid])[data-selected] {
756
763
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
757
764
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
758
765
  }
759
- .Checkbox-module__hop-Checkbox___Z-y0e[data-disabled] {
766
+ .Checkbox-module__hop-Checkbox___KXJNl[data-disabled] {
760
767
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
761
768
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
762
769
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -764,25 +771,25 @@
764
771
  --text-color: var(--hop-Checkbox-text-color-disabled);
765
772
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
766
773
  }
767
- .Checkbox-module__hop-Checkbox--sm___5J3HW {
774
+ .Checkbox-module__hop-Checkbox--sm___3u1nr {
768
775
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
769
776
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
770
777
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
771
778
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
772
779
  }
773
- .Checkbox-module__hop-Checkbox--md___PZTMw {
780
+ .Checkbox-module__hop-Checkbox--md___sBiRN {
774
781
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
775
782
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
776
783
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
777
784
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
778
785
  }
779
- .Checkbox-module__hop-Checkbox__icon___MY2sJ,
780
- .Checkbox-module__hop-Checkbox__icon-list___jHQMo {
786
+ .Checkbox-module__hop-Checkbox__icon___-9JFc,
787
+ .Checkbox-module__hop-Checkbox__icon-list___Uad5p {
781
788
  flex: 0 0 auto;
782
789
  order: 3;
783
790
  color: var(--icon-color);
784
791
  }
785
- .Checkbox-module__hop-Checkbox__box___nMgAo {
792
+ .Checkbox-module__hop-Checkbox__box___67wkL {
786
793
  display: flex;
787
794
  flex: 0 0 auto;
788
795
  align-items: center;
@@ -798,11 +805,11 @@
798
805
  outline-offset: 0.125rem;
799
806
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
800
807
  }
801
- .Checkbox-module__hop-Checkbox__check___4g1qS {
808
+ .Checkbox-module__hop-Checkbox__check___r6Mbn {
802
809
  display: var(--check-display);
803
810
  color: var(--check-color);
804
811
  }
805
- .Checkbox-module__hop-Checkbox__text___QBE-c {
812
+ .Checkbox-module__hop-Checkbox__text___6DKyb {
806
813
  flex: 0 1 auto;
807
814
  order: 2;
808
815
  min-inline-size: 0;
@@ -812,7 +819,7 @@
812
819
  }
813
820
 
814
821
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
815
- .CheckboxField-module__hop-CheckboxField___wCqNN {
822
+ .CheckboxField-module__hop-CheckboxField___SMhkE {
816
823
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
817
824
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
818
825
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -831,28 +838,28 @@
831
838
  inline-size: max-content;
832
839
  max-inline-size: 100%;
833
840
  }
834
- .CheckboxField-module__hop-CheckboxField___wCqNN[data-disabled] {
841
+ .CheckboxField-module__hop-CheckboxField___SMhkE[data-disabled] {
835
842
  --description-color: var(--hop-CheckboxField-description-color-disabled);
836
843
  }
837
- .CheckboxField-module__hop-CheckboxField--sm___qR6mK {
844
+ .CheckboxField-module__hop-CheckboxField--sm___wLg7- {
838
845
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
839
846
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
840
847
  }
841
- .CheckboxField-module__hop-CheckboxField--md___dl-jS {
848
+ .CheckboxField-module__hop-CheckboxField--md___6FeJ3 {
842
849
  --row-gap: var(--hop-CheckboxField-md-row-gap);
843
850
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
844
851
  }
845
- .CheckboxField-module__hop-CheckboxField__description___0zRU3 {
852
+ .CheckboxField-module__hop-CheckboxField__description___yyNXs {
846
853
  order: 2;
847
854
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
848
855
  color: var(--description-color);
849
856
  }
850
- .CheckboxField-module__hop-CheckboxField__checkbox___5-89Z {
857
+ .CheckboxField-module__hop-CheckboxField__checkbox___IYOq4 {
851
858
  order: 1;
852
859
  }
853
860
 
854
861
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
855
- .ErrorMessage-module__hop-ErrorMessage___-OJ96 {
862
+ .ErrorMessage-module__hop-ErrorMessage___1ogYr {
856
863
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
857
864
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
858
865
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -869,13 +876,13 @@
869
876
  line-height: var(--hop-ErrorMessage-line-height);
870
877
  color: var(--hop-ErrorMessage-color);
871
878
  }
872
- .ErrorMessage-module__hop-ErrorMessage__icon___G-fBg {
879
+ .ErrorMessage-module__hop-ErrorMessage__icon___NXHIT {
873
880
  flex: 0 0 auto;
874
881
  align-self: flex-start;
875
882
  }
876
883
 
877
884
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
878
- .HelperMessage-module__hop-HelperMessage___wwxDN {
885
+ .HelperMessage-module__hop-HelperMessage___2u276 {
879
886
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
880
887
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
881
888
  display: flex;
@@ -884,13 +891,13 @@
884
891
  box-sizing: border-box;
885
892
  color: var(--hop-HelperMessage-color);
886
893
  }
887
- .HelperMessage-module__hop-HelperMessage__icon___8k1Gi {
894
+ .HelperMessage-module__hop-HelperMessage__icon___qXSF9 {
888
895
  flex: 0 0 auto;
889
896
  align-self: flex-start;
890
897
  }
891
898
 
892
899
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
893
- .CheckboxGroup-module__hop-CheckboxGroup___FaIHF {
900
+ .CheckboxGroup-module__hop-CheckboxGroup___mhtTe {
894
901
  --hop-CheckboxGroup-align-items: flex-start;
895
902
  --hop-CheckboxGroup-justify-content: flex-start;
896
903
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -929,46 +936,46 @@
929
936
  inline-size: max-content;
930
937
  max-inline-size: 100%;
931
938
  }
932
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I {
939
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CdRxU {
933
940
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
934
941
  --list-border-radius: var(--hop-shape-rounded-md);
935
942
  }
936
- .CheckboxGroup-module__hop-CheckboxGroup--sm___-HD0f {
943
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___gaz-v {
937
944
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
938
945
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
939
946
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
940
947
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
941
948
  }
942
- .CheckboxGroup-module__hop-CheckboxGroup--md___Nbgou {
949
+ .CheckboxGroup-module__hop-CheckboxGroup--md___98Lvg {
943
950
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
944
951
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
945
952
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
946
953
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
947
954
  }
948
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I.CheckboxGroup-module__hop-CheckboxGroup--sm___-HD0f {
955
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CdRxU.CheckboxGroup-module__hop-CheckboxGroup--sm___gaz-v {
949
956
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
950
957
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
951
958
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
952
959
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
953
960
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
954
961
  }
955
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I.CheckboxGroup-module__hop-CheckboxGroup--md___Nbgou {
962
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CdRxU.CheckboxGroup-module__hop-CheckboxGroup--md___98Lvg {
956
963
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
957
964
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
958
965
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
959
966
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
960
967
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
961
968
  }
962
- .CheckboxGroup-module__hop-CheckboxGroup___FaIHF[data-orientation=horizontal] {
969
+ .CheckboxGroup-module__hop-CheckboxGroup___mhtTe[data-orientation=horizontal] {
963
970
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
964
971
  }
965
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=horizontal] {
972
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CdRxU[data-orientation=horizontal] {
966
973
  --flex-wrap: nowrap;
967
974
  }
968
- .CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__label___yZIMj {
975
+ .CheckboxGroup-module__hop-CheckboxGroup___mhtTe > .CheckboxGroup-module__hop-CheckboxGroup__label___Uy0WD {
969
976
  order: 1;
970
977
  }
971
- .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX {
978
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Qs99h {
972
979
  display: flex;
973
980
  flex-flow: var(--flex-direction) var(--flex-wrap);
974
981
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -979,7 +986,7 @@
979
986
  border: var(--list-border, none);
980
987
  border-radius: var(--list-border-radius, 0);
981
988
  }
982
- .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR {
989
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Qs99h > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ckpf2 {
983
990
  position: relative;
984
991
  flex: 0 1 auto;
985
992
  align-content: start;
@@ -987,28 +994,28 @@
987
994
  min-inline-size: 0;
988
995
  padding: var(--checkbox-padding, 0);
989
996
  }
990
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
997
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CdRxU .CheckboxGroup-module__hop-CheckboxGroup__list___Qs99h > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ckpf2 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ckpf2::before {
991
998
  content: "";
992
999
  position: absolute;
993
1000
  display: block;
994
1001
  }
995
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
1002
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CdRxU[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Qs99h > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ckpf2 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ckpf2::before {
996
1003
  inset-block-start: 0;
997
1004
  inset-inline: 0;
998
1005
  border-block-start: var(--list-border, none);
999
1006
  }
1000
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
1007
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CdRxU[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Qs99h > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ckpf2 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ckpf2::before {
1001
1008
  inset-block: 0;
1002
1009
  inset-inline-start: 0;
1003
1010
  border-inline-start: var(--list-border, none);
1004
1011
  }
1005
- .CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__error-message___Tqkko,
1006
- .CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___KD8O8 {
1012
+ .CheckboxGroup-module__hop-CheckboxGroup___mhtTe > .CheckboxGroup-module__hop-CheckboxGroup__error-message___6Csfh,
1013
+ .CheckboxGroup-module__hop-CheckboxGroup___mhtTe > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___JZC2F {
1007
1014
  order: 3;
1008
1015
  }
1009
1016
 
1010
1017
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1011
- .Checkbox-module__hop-Checkbox___Z-y0e {
1018
+ .Checkbox-module__hop-Checkbox___KXJNl {
1012
1019
  --hop-Checkbox-box-border-size: 0.0625rem;
1013
1020
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1014
1021
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1083,60 +1090,60 @@
1083
1090
  inline-size: max-content;
1084
1091
  max-inline-size: 100%;
1085
1092
  }
1086
- .Checkbox-module__hop-Checkbox___Z-y0e[data-focus-visible] {
1093
+ .Checkbox-module__hop-Checkbox___KXJNl[data-focus-visible] {
1087
1094
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1088
1095
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1089
1096
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1090
1097
  --text-color: var(--hop-Checkbox-text-color-focused);
1091
1098
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1092
1099
  }
1093
- .Checkbox-module__hop-Checkbox___Z-y0e[data-hovered] {
1100
+ .Checkbox-module__hop-Checkbox___KXJNl[data-hovered] {
1094
1101
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1095
1102
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1096
1103
  --text-color: var(--hop-Checkbox-text-color-hovered);
1097
1104
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1098
1105
  }
1099
- .Checkbox-module__hop-Checkbox___Z-y0e[data-pressed] {
1106
+ .Checkbox-module__hop-Checkbox___KXJNl[data-pressed] {
1100
1107
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1101
1108
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1102
1109
  --text-color: var(--hop-Checkbox-text-color-pressed);
1103
1110
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1104
1111
  }
1105
- .Checkbox-module__hop-Checkbox___Z-y0e[data-selected] {
1112
+ .Checkbox-module__hop-Checkbox___KXJNl[data-selected] {
1106
1113
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1107
1114
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1108
1115
  --check-display: var(--hop-Checkbox-check-display-selected);
1109
1116
  --text-color: var(--hop-Checkbox-text-color-selected);
1110
1117
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1111
1118
  }
1112
- .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid] {
1119
+ .Checkbox-module__hop-Checkbox___KXJNl[data-invalid] {
1113
1120
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1114
1121
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1115
1122
  --check-color: var(--hop-Checkbox-check-color-invalid);
1116
1123
  --text-color: var(--hop-Checkbox-text-color-invalid);
1117
1124
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1118
1125
  }
1119
- .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-focus-visible]) {
1126
+ .Checkbox-module__hop-Checkbox___KXJNl[data-invalid]:where([data-focus-visible]) {
1120
1127
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1121
1128
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1122
1129
  }
1123
- .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-hovered]) {
1130
+ .Checkbox-module__hop-Checkbox___KXJNl[data-invalid]:where([data-hovered]) {
1124
1131
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1125
1132
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1126
1133
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1127
1134
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1128
1135
  }
1129
- .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-pressed]) {
1136
+ .Checkbox-module__hop-Checkbox___KXJNl[data-invalid]:where([data-pressed]) {
1130
1137
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1131
1138
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1132
1139
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1133
1140
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1134
1141
  }
1135
- .Checkbox-module__hop-Checkbox___Z-y0e:where([data-invalid])[data-selected] {
1142
+ .Checkbox-module__hop-Checkbox___KXJNl:where([data-invalid])[data-selected] {
1136
1143
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1137
1144
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1138
1145
  }
1139
- .Checkbox-module__hop-Checkbox___Z-y0e[data-disabled] {
1146
+ .Checkbox-module__hop-Checkbox___KXJNl[data-disabled] {
1140
1147
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1141
1148
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1142
1149
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1144,25 +1151,25 @@
1144
1151
  --text-color: var(--hop-Checkbox-text-color-disabled);
1145
1152
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1146
1153
  }
1147
- .Checkbox-module__hop-Checkbox--sm___5J3HW {
1154
+ .Checkbox-module__hop-Checkbox--sm___3u1nr {
1148
1155
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1149
1156
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1150
1157
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1151
1158
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1152
1159
  }
1153
- .Checkbox-module__hop-Checkbox--md___PZTMw {
1160
+ .Checkbox-module__hop-Checkbox--md___sBiRN {
1154
1161
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1155
1162
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1156
1163
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1157
1164
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1158
1165
  }
1159
- .Checkbox-module__hop-Checkbox__icon___MY2sJ,
1160
- .Checkbox-module__hop-Checkbox__icon-list___jHQMo {
1166
+ .Checkbox-module__hop-Checkbox__icon___-9JFc,
1167
+ .Checkbox-module__hop-Checkbox__icon-list___Uad5p {
1161
1168
  flex: 0 0 auto;
1162
1169
  order: 3;
1163
1170
  color: var(--icon-color);
1164
1171
  }
1165
- .Checkbox-module__hop-Checkbox__box___nMgAo {
1172
+ .Checkbox-module__hop-Checkbox__box___67wkL {
1166
1173
  display: flex;
1167
1174
  flex: 0 0 auto;
1168
1175
  align-items: center;
@@ -1178,11 +1185,11 @@
1178
1185
  outline-offset: 0.125rem;
1179
1186
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1180
1187
  }
1181
- .Checkbox-module__hop-Checkbox__check___4g1qS {
1188
+ .Checkbox-module__hop-Checkbox__check___r6Mbn {
1182
1189
  display: var(--check-display);
1183
1190
  color: var(--check-color);
1184
1191
  }
1185
- .Checkbox-module__hop-Checkbox__text___QBE-c {
1192
+ .Checkbox-module__hop-Checkbox__text___6DKyb {
1186
1193
  flex: 0 1 auto;
1187
1194
  order: 2;
1188
1195
  min-inline-size: 0;
@@ -1190,24 +1197,24 @@
1190
1197
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1191
1198
  color: var(--text-color);
1192
1199
  }
1193
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___KYkbr {
1200
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___Pavnn {
1194
1201
  }
1195
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___615B0 {
1202
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___s-OUL {
1196
1203
  }
1197
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___B141G {
1204
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___uTiEf {
1198
1205
  }
1199
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___qoWh1,
1200
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___eSW-g {
1206
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___jdsmD,
1207
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___DR06I {
1201
1208
  }
1202
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Pxc1V {
1209
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___CSIFx {
1203
1210
  }
1204
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___iA-33 {
1211
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___CvGk4 {
1205
1212
  }
1206
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___T6T6R {
1213
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ffON5 {
1207
1214
  }
1208
1215
 
1209
1216
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1210
- .Radio-module__hop-Radio___dqo1a {
1217
+ .Radio-module__hop-Radio___izkpm {
1211
1218
  --hop-Radio-box-border-size: 0.0625rem;
1212
1219
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1213
1220
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1281,60 +1288,60 @@
1281
1288
  inline-size: max-content;
1282
1289
  max-inline-size: 100%;
1283
1290
  }
1284
- .Radio-module__hop-Radio___dqo1a[data-focus-visible] {
1291
+ .Radio-module__hop-Radio___izkpm[data-focus-visible] {
1285
1292
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1286
1293
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1287
1294
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1288
1295
  --text-color: var(--hop-Radio-text-color-focused);
1289
1296
  --icon-color: var(--hop-Radio-icon-color-focused);
1290
1297
  }
1291
- .Radio-module__hop-Radio___dqo1a[data-hovered] {
1298
+ .Radio-module__hop-Radio___izkpm[data-hovered] {
1292
1299
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1293
1300
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1294
1301
  --text-color: var(--hop-Radio-text-color-hovered);
1295
1302
  --icon-color: var(--hop-Radio-icon-color-hovered);
1296
1303
  }
1297
- .Radio-module__hop-Radio___dqo1a[data-pressed] {
1304
+ .Radio-module__hop-Radio___izkpm[data-pressed] {
1298
1305
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1299
1306
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1300
1307
  --text-color: var(--hop-Radio-text-color-pressed);
1301
1308
  --icon-color: var(--hop-Radio-icon-color-pressed);
1302
1309
  }
1303
- .Radio-module__hop-Radio___dqo1a[data-selected] {
1310
+ .Radio-module__hop-Radio___izkpm[data-selected] {
1304
1311
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1305
1312
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1306
1313
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1307
1314
  --text-color: var(--hop-Radio-text-color-selected);
1308
1315
  --icon-color: var(--hop-Radio-icon-color-selected);
1309
1316
  }
1310
- .Radio-module__hop-Radio___dqo1a[data-invalid] {
1317
+ .Radio-module__hop-Radio___izkpm[data-invalid] {
1311
1318
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1312
1319
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1313
1320
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1314
1321
  --text-color: var(--hop-Radio-text-color-invalid);
1315
1322
  --icon-color: var(--hop-Radio-icon-color-invalid);
1316
1323
  }
1317
- .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-focus-visible] {
1324
+ .Radio-module__hop-Radio___izkpm:where([data-invalid])[data-focus-visible] {
1318
1325
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1319
1326
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1320
1327
  }
1321
- .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-hovered] {
1328
+ .Radio-module__hop-Radio___izkpm:where([data-invalid])[data-hovered] {
1322
1329
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1323
1330
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1324
1331
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1325
1332
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1326
1333
  }
1327
- .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-pressed] {
1334
+ .Radio-module__hop-Radio___izkpm:where([data-invalid])[data-pressed] {
1328
1335
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1329
1336
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1330
1337
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1331
1338
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1332
1339
  }
1333
- .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-selected] {
1340
+ .Radio-module__hop-Radio___izkpm:where([data-invalid])[data-selected] {
1334
1341
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1335
1342
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1336
1343
  }
1337
- .Radio-module__hop-Radio___dqo1a[data-disabled] {
1344
+ .Radio-module__hop-Radio___izkpm[data-disabled] {
1338
1345
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1339
1346
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1340
1347
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1342,25 +1349,25 @@
1342
1349
  --text-color: var(--hop-Radio-text-color-disabled);
1343
1350
  --icon-color: var(--hop-Radio-icon-color-disabled);
1344
1351
  }
1345
- .Radio-module__hop-Radio--sm___kXHtb {
1352
+ .Radio-module__hop-Radio--sm___fJH1M {
1346
1353
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1347
1354
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1348
1355
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1349
1356
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1350
1357
  }
1351
- .Radio-module__hop-Radio--md___9-Uza {
1358
+ .Radio-module__hop-Radio--md___mxR3S {
1352
1359
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1353
1360
  --box-block-size: var(--hop-Radio-box-md-block-size);
1354
1361
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1355
1362
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1356
1363
  }
1357
- .Radio-module__hop-Radio__icon___-IP5F,
1358
- .Radio-module__hop-Radio__icon-list___dGgr0 {
1364
+ .Radio-module__hop-Radio__icon___FnTgU,
1365
+ .Radio-module__hop-Radio__icon-list___QP7Cf {
1359
1366
  flex: 0 0 auto;
1360
1367
  order: 3;
1361
1368
  color: var(--icon-color);
1362
1369
  }
1363
- .Radio-module__hop-Radio__box___13G2q {
1370
+ .Radio-module__hop-Radio__box___61ph- {
1364
1371
  display: flex;
1365
1372
  flex: 0 0 auto;
1366
1373
  align-items: center;
@@ -1376,11 +1383,11 @@
1376
1383
  outline-offset: 0.125rem;
1377
1384
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1378
1385
  }
1379
- .Radio-module__hop-Radio__bullet___G4ui2 {
1386
+ .Radio-module__hop-Radio__bullet___nWPay {
1380
1387
  display: var(--bullet-display);
1381
1388
  color: var(--bullet-color);
1382
1389
  }
1383
- .Radio-module__hop-Radio__text___h2OQE {
1390
+ .Radio-module__hop-Radio__text___x7XaX {
1384
1391
  flex: 0 1 auto;
1385
1392
  order: 2;
1386
1393
  min-inline-size: 0;
@@ -1388,24 +1395,24 @@
1388
1395
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1389
1396
  color: var(--text-color);
1390
1397
  }
1391
- .DecorativeRadio-module__hop-DecorativeRadio___5l24i {
1398
+ .DecorativeRadio-module__hop-DecorativeRadio___IEyJb {
1392
1399
  }
1393
- .DecorativeRadio-module__hop-DecorativeRadio--sm___xVSDX {
1400
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___MnjI- {
1394
1401
  }
1395
- .DecorativeRadio-module__hop-DecorativeRadio--md___ZG2HZ {
1402
+ .DecorativeRadio-module__hop-DecorativeRadio--md___435kK {
1396
1403
  }
1397
- .DecorativeRadio-module__hop-DecorativeRadio__icon___ClgPx,
1398
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___w9Km2 {
1404
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___LE8aU,
1405
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___tTwVE {
1399
1406
  }
1400
- .DecorativeRadio-module__hop-DecorativeRadio__box___MYQ-F {
1407
+ .DecorativeRadio-module__hop-DecorativeRadio__box___melup {
1401
1408
  }
1402
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___c0sPv {
1409
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___pOh7l {
1403
1410
  }
1404
- .DecorativeRadio-module__hop-DecorativeRadio__text___AC1V9 {
1411
+ .DecorativeRadio-module__hop-DecorativeRadio__text___wXFty {
1405
1412
  }
1406
1413
 
1407
1414
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1408
- .Radio-module__hop-Radio___dqo1a {
1415
+ .Radio-module__hop-Radio___izkpm {
1409
1416
  --hop-Radio-box-border-size: 0.0625rem;
1410
1417
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1411
1418
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1479,60 +1486,60 @@
1479
1486
  inline-size: max-content;
1480
1487
  max-inline-size: 100%;
1481
1488
  }
1482
- .Radio-module__hop-Radio___dqo1a[data-focus-visible] {
1489
+ .Radio-module__hop-Radio___izkpm[data-focus-visible] {
1483
1490
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1484
1491
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1485
1492
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1486
1493
  --text-color: var(--hop-Radio-text-color-focused);
1487
1494
  --icon-color: var(--hop-Radio-icon-color-focused);
1488
1495
  }
1489
- .Radio-module__hop-Radio___dqo1a[data-hovered] {
1496
+ .Radio-module__hop-Radio___izkpm[data-hovered] {
1490
1497
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1491
1498
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1492
1499
  --text-color: var(--hop-Radio-text-color-hovered);
1493
1500
  --icon-color: var(--hop-Radio-icon-color-hovered);
1494
1501
  }
1495
- .Radio-module__hop-Radio___dqo1a[data-pressed] {
1502
+ .Radio-module__hop-Radio___izkpm[data-pressed] {
1496
1503
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1497
1504
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1498
1505
  --text-color: var(--hop-Radio-text-color-pressed);
1499
1506
  --icon-color: var(--hop-Radio-icon-color-pressed);
1500
1507
  }
1501
- .Radio-module__hop-Radio___dqo1a[data-selected] {
1508
+ .Radio-module__hop-Radio___izkpm[data-selected] {
1502
1509
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1503
1510
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1504
1511
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1505
1512
  --text-color: var(--hop-Radio-text-color-selected);
1506
1513
  --icon-color: var(--hop-Radio-icon-color-selected);
1507
1514
  }
1508
- .Radio-module__hop-Radio___dqo1a[data-invalid] {
1515
+ .Radio-module__hop-Radio___izkpm[data-invalid] {
1509
1516
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1510
1517
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1511
1518
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1512
1519
  --text-color: var(--hop-Radio-text-color-invalid);
1513
1520
  --icon-color: var(--hop-Radio-icon-color-invalid);
1514
1521
  }
1515
- .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-focus-visible] {
1522
+ .Radio-module__hop-Radio___izkpm:where([data-invalid])[data-focus-visible] {
1516
1523
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1517
1524
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1518
1525
  }
1519
- .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-hovered] {
1526
+ .Radio-module__hop-Radio___izkpm:where([data-invalid])[data-hovered] {
1520
1527
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1521
1528
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1522
1529
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1523
1530
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1524
1531
  }
1525
- .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-pressed] {
1532
+ .Radio-module__hop-Radio___izkpm:where([data-invalid])[data-pressed] {
1526
1533
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1527
1534
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1528
1535
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1529
1536
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1530
1537
  }
1531
- .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-selected] {
1538
+ .Radio-module__hop-Radio___izkpm:where([data-invalid])[data-selected] {
1532
1539
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1533
1540
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1534
1541
  }
1535
- .Radio-module__hop-Radio___dqo1a[data-disabled] {
1542
+ .Radio-module__hop-Radio___izkpm[data-disabled] {
1536
1543
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1537
1544
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1538
1545
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1540,25 +1547,25 @@
1540
1547
  --text-color: var(--hop-Radio-text-color-disabled);
1541
1548
  --icon-color: var(--hop-Radio-icon-color-disabled);
1542
1549
  }
1543
- .Radio-module__hop-Radio--sm___kXHtb {
1550
+ .Radio-module__hop-Radio--sm___fJH1M {
1544
1551
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1545
1552
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1546
1553
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1547
1554
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1548
1555
  }
1549
- .Radio-module__hop-Radio--md___9-Uza {
1556
+ .Radio-module__hop-Radio--md___mxR3S {
1550
1557
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1551
1558
  --box-block-size: var(--hop-Radio-box-md-block-size);
1552
1559
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1553
1560
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1554
1561
  }
1555
- .Radio-module__hop-Radio__icon___-IP5F,
1556
- .Radio-module__hop-Radio__icon-list___dGgr0 {
1562
+ .Radio-module__hop-Radio__icon___FnTgU,
1563
+ .Radio-module__hop-Radio__icon-list___QP7Cf {
1557
1564
  flex: 0 0 auto;
1558
1565
  order: 3;
1559
1566
  color: var(--icon-color);
1560
1567
  }
1561
- .Radio-module__hop-Radio__box___13G2q {
1568
+ .Radio-module__hop-Radio__box___61ph- {
1562
1569
  display: flex;
1563
1570
  flex: 0 0 auto;
1564
1571
  align-items: center;
@@ -1574,11 +1581,11 @@
1574
1581
  outline-offset: 0.125rem;
1575
1582
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1576
1583
  }
1577
- .Radio-module__hop-Radio__bullet___G4ui2 {
1584
+ .Radio-module__hop-Radio__bullet___nWPay {
1578
1585
  display: var(--bullet-display);
1579
1586
  color: var(--bullet-color);
1580
1587
  }
1581
- .Radio-module__hop-Radio__text___h2OQE {
1588
+ .Radio-module__hop-Radio__text___x7XaX {
1582
1589
  flex: 0 1 auto;
1583
1590
  order: 2;
1584
1591
  min-inline-size: 0;
@@ -1588,7 +1595,7 @@
1588
1595
  }
1589
1596
 
1590
1597
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1591
- .RadioField-module__hop-RadioField___i9uRv {
1598
+ .RadioField-module__hop-RadioField___mf5HF {
1592
1599
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1593
1600
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1594
1601
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1607,28 +1614,28 @@
1607
1614
  inline-size: max-content;
1608
1615
  max-inline-size: 100%;
1609
1616
  }
1610
- .RadioField-module__hop-RadioField___i9uRv[data-disabled] {
1617
+ .RadioField-module__hop-RadioField___mf5HF[data-disabled] {
1611
1618
  --description-color: var(--hop-RadioField-description-color-disabled);
1612
1619
  }
1613
- .RadioField-module__hop-RadioField--sm___mgBvw {
1620
+ .RadioField-module__hop-RadioField--sm___Mjtg9 {
1614
1621
  --row-gap: var(--hop-RadioField-sm-row-gap);
1615
1622
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1616
1623
  }
1617
- .RadioField-module__hop-RadioField--md___H8PcX {
1624
+ .RadioField-module__hop-RadioField--md___UO8HE {
1618
1625
  --row-gap: var(--hop-RadioField-md-row-gap);
1619
1626
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1620
1627
  }
1621
- .RadioField-module__hop-RadioField__description___-rpFO {
1628
+ .RadioField-module__hop-RadioField__description___wCpfE {
1622
1629
  order: 2;
1623
1630
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1624
1631
  color: var(--description-color);
1625
1632
  }
1626
- .RadioField-module__hop-RadioField__radio___4mpOv {
1633
+ .RadioField-module__hop-RadioField__radio___ocTvT {
1627
1634
  order: 1;
1628
1635
  }
1629
1636
 
1630
1637
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1631
- .RadioGroup-module__hop-RadioGroup___CoiPr {
1638
+ .RadioGroup-module__hop-RadioGroup___eVzJc {
1632
1639
  --hop-RadioGroup-align-items: flex-start;
1633
1640
  --hop-RadioGroup-justify-content: flex-start;
1634
1641
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1668,46 +1675,46 @@
1668
1675
  inline-size: var(--inline-size);
1669
1676
  max-inline-size: 100%;
1670
1677
  }
1671
- .RadioGroup-module__hop-RadioGroup--bordered___SgmMj {
1678
+ .RadioGroup-module__hop-RadioGroup--bordered___1D5B2 {
1672
1679
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1673
1680
  --list-border-radius: var(--hop-shape-rounded-md);
1674
1681
  }
1675
- .RadioGroup-module__hop-RadioGroup--sm___TFTYI {
1682
+ .RadioGroup-module__hop-RadioGroup--sm___XN1LJ {
1676
1683
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1677
1684
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1678
1685
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1679
1686
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1680
1687
  }
1681
- .RadioGroup-module__hop-RadioGroup--md___QnMhM {
1688
+ .RadioGroup-module__hop-RadioGroup--md___F-BOQ {
1682
1689
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1683
1690
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1684
1691
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1685
1692
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1686
1693
  }
1687
- .RadioGroup-module__hop-RadioGroup--bordered___SgmMj.RadioGroup-module__hop-RadioGroup--sm___TFTYI {
1694
+ .RadioGroup-module__hop-RadioGroup--bordered___1D5B2.RadioGroup-module__hop-RadioGroup--sm___XN1LJ {
1688
1695
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1689
1696
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1690
1697
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1691
1698
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1692
1699
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1693
1700
  }
1694
- .RadioGroup-module__hop-RadioGroup--bordered___SgmMj.RadioGroup-module__hop-RadioGroup--md___QnMhM {
1701
+ .RadioGroup-module__hop-RadioGroup--bordered___1D5B2.RadioGroup-module__hop-RadioGroup--md___F-BOQ {
1695
1702
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1696
1703
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1697
1704
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1698
1705
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1699
1706
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1700
1707
  }
1701
- .RadioGroup-module__hop-RadioGroup___CoiPr[data-orientation=horizontal] {
1708
+ .RadioGroup-module__hop-RadioGroup___eVzJc[data-orientation=horizontal] {
1702
1709
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1703
1710
  }
1704
- .RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=horizontal] {
1711
+ .RadioGroup-module__hop-RadioGroup--bordered___1D5B2[data-orientation=horizontal] {
1705
1712
  --flex-wrap: nowrap;
1706
1713
  }
1707
- .RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__label___7wadH {
1714
+ .RadioGroup-module__hop-RadioGroup___eVzJc > .RadioGroup-module__hop-RadioGroup__label___-Xk4v {
1708
1715
  order: 1;
1709
1716
  }
1710
- .RadioGroup-module__hop-RadioGroup__list___8yU6S {
1717
+ .RadioGroup-module__hop-RadioGroup__list___cschd {
1711
1718
  display: flex;
1712
1719
  flex-flow: var(--flex-direction) var(--flex-wrap);
1713
1720
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1718,7 +1725,7 @@
1718
1725
  border: var(--list-border, none);
1719
1726
  border-radius: var(--list-border-radius, 0);
1720
1727
  }
1721
- .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB {
1728
+ .RadioGroup-module__hop-RadioGroup__list___cschd > .RadioGroup-module__hop-RadioGroup__radio___jMtni {
1722
1729
  position: relative;
1723
1730
  flex: 0 1 auto;
1724
1731
  align-content: start;
@@ -1726,28 +1733,28 @@
1726
1733
  min-inline-size: 0;
1727
1734
  padding: var(--radio-padding, 0);
1728
1735
  }
1729
- .RadioGroup-module__hop-RadioGroup--bordered___SgmMj .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
1736
+ .RadioGroup-module__hop-RadioGroup--bordered___1D5B2 .RadioGroup-module__hop-RadioGroup__list___cschd > .RadioGroup-module__hop-RadioGroup__radio___jMtni ~ .RadioGroup-module__hop-RadioGroup__radio___jMtni::before {
1730
1737
  content: "";
1731
1738
  position: absolute;
1732
1739
  display: block;
1733
1740
  }
1734
- .RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
1741
+ .RadioGroup-module__hop-RadioGroup--bordered___1D5B2[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___cschd > .RadioGroup-module__hop-RadioGroup__radio___jMtni ~ .RadioGroup-module__hop-RadioGroup__radio___jMtni::before {
1735
1742
  inset-block-start: 0;
1736
1743
  inset-inline: 0;
1737
1744
  border-block-start: var(--list-border, none);
1738
1745
  }
1739
- .RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
1746
+ .RadioGroup-module__hop-RadioGroup--bordered___1D5B2[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___cschd > .RadioGroup-module__hop-RadioGroup__radio___jMtni ~ .RadioGroup-module__hop-RadioGroup__radio___jMtni::before {
1740
1747
  inset-block: 0;
1741
1748
  inset-inline-start: 0;
1742
1749
  border-inline-start: var(--list-border, none);
1743
1750
  }
1744
- .RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__error-message___sTi-m,
1745
- .RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__helper-message___-QTtZ {
1751
+ .RadioGroup-module__hop-RadioGroup___eVzJc > .RadioGroup-module__hop-RadioGroup__error-message___fCdg7,
1752
+ .RadioGroup-module__hop-RadioGroup___eVzJc > .RadioGroup-module__hop-RadioGroup__helper-message___-9BLW {
1746
1753
  order: 3;
1747
1754
  }
1748
1755
 
1749
1756
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1750
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___nROIw {
1757
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Rg9Fq {
1751
1758
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1752
1759
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1753
1760
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1773,7 +1780,7 @@
1773
1780
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1774
1781
  background-size: 400% 100%;
1775
1782
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1776
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___EbN08;
1783
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___u6ub-;
1777
1784
  animation-duration: var(--animation-duration);
1778
1785
  animation-timing-function: ease-in-out;
1779
1786
  animation-fill-mode: forwards;
@@ -1782,19 +1789,19 @@
1782
1789
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1783
1790
  }
1784
1791
  }
1785
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-BDiH {
1792
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___DQk-- {
1786
1793
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1787
1794
  }
1788
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___mvEwS {
1795
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5L8ib {
1789
1796
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1790
1797
  }
1791
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___mRknk {
1798
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___CAEDi {
1792
1799
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1793
1800
  }
1794
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___XvvDy {
1801
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___eP2l4 {
1795
1802
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1796
1803
  }
1797
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___EbN08 {
1804
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___u6ub- {
1798
1805
  0% {
1799
1806
  background-position: 125% 50%;
1800
1807
  }
@@ -1804,7 +1811,7 @@
1804
1811
  }
1805
1812
 
1806
1813
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1807
- .ListBoxItem-module__hop-ListBoxItem___-BOjW {
1814
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv {
1808
1815
  --hop-ListBoxItem-background-color: transparent;
1809
1816
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1810
1817
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1901,129 +1908,129 @@
1901
1908
  outline: var(--outline);
1902
1909
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1903
1910
  }
1904
- .ListBoxItem-module__hop-ListBoxItem--xs___rZE4R {
1911
+ .ListBoxItem-module__hop-ListBoxItem--xs___Zx26e {
1905
1912
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1906
1913
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1907
1914
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1908
1915
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1909
1916
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1910
1917
  }
1911
- .ListBoxItem-module__hop-ListBoxItem--sm___G4HVr {
1918
+ .ListBoxItem-module__hop-ListBoxItem--sm___azhDu {
1912
1919
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1913
1920
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1914
1921
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1915
1922
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1916
1923
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1917
1924
  }
1918
- .ListBoxItem-module__hop-ListBoxItem--md___TnNyw {
1925
+ .ListBoxItem-module__hop-ListBoxItem--md___qOF-E {
1919
1926
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1920
1927
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1921
1928
  --min-height: var(--hop-ListBoxItem-md-min-height);
1922
1929
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1923
1930
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1924
1931
  }
1925
- .ListBoxItem-module__hop-ListBoxItem--lg___bwbj- {
1932
+ .ListBoxItem-module__hop-ListBoxItem--lg___kBOyF {
1926
1933
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1927
1934
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1928
1935
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1929
1936
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1930
1937
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1931
1938
  }
1932
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-selection-mode] {
1939
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-selection-mode] {
1933
1940
  --cursor: pointer;
1934
1941
  }
1935
- .ListBoxItem-module__hop-ListBoxItem___-BOjW:not([data-selection-mode]) {
1942
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv:not([data-selection-mode]) {
1936
1943
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1937
1944
  }
1938
- .ListBoxItem-module__hop-ListBoxItem__inner___kPku6:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE) {
1945
+ .ListBoxItem-module__hop-ListBoxItem__inner___B-PtJ:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___iEHH8) {
1939
1946
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1940
1947
  }
1941
- .ListBoxItem-module__hop-ListBoxItem__inner___kPku6[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE) {
1948
+ .ListBoxItem-module__hop-ListBoxItem__inner___B-PtJ[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___iEHH8) {
1942
1949
  --checkmark-transition: none;
1943
1950
  }
1944
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-selected] {
1951
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-selected] {
1945
1952
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1946
1953
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1947
1954
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1948
1955
  --checkmark-opacity: 1;
1949
1956
  }
1950
- .ListBoxItem-module__hop-ListBoxItem--xs___rZE4R[data-selected] {
1957
+ .ListBoxItem-module__hop-ListBoxItem--xs___Zx26e[data-selected] {
1951
1958
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1952
1959
  }
1953
- .ListBoxItem-module__hop-ListBoxItem--sm___G4HVr[data-selected] {
1960
+ .ListBoxItem-module__hop-ListBoxItem--sm___azhDu[data-selected] {
1954
1961
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1955
1962
  }
1956
- .ListBoxItem-module__hop-ListBoxItem--md___TnNyw[data-selected] {
1963
+ .ListBoxItem-module__hop-ListBoxItem--md___qOF-E[data-selected] {
1957
1964
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1958
1965
  }
1959
- .ListBoxItem-module__hop-ListBoxItem--lg___bwbj-[data-selected] {
1966
+ .ListBoxItem-module__hop-ListBoxItem--lg___kBOyF[data-selected] {
1960
1967
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1961
1968
  }
1962
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-focus-visible] {
1969
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-focus-visible] {
1963
1970
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1964
1971
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1965
1972
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1966
1973
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1967
1974
  }
1968
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-hovered] {
1975
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-hovered] {
1969
1976
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1970
1977
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1971
1978
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1972
1979
  }
1973
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-pressed] {
1980
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-pressed] {
1974
1981
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1975
1982
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1976
1983
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1977
1984
  }
1978
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-disabled] {
1985
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-disabled] {
1979
1986
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1980
1987
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1981
1988
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1982
1989
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1983
1990
  --cursor: not-allowed;
1984
1991
  }
1985
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid] {
1992
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-invalid] {
1986
1993
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1987
1994
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1988
1995
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1989
1996
  }
1990
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-selected] {
1997
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-invalid][data-selected] {
1991
1998
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1992
1999
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1993
2000
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1994
2001
  }
1995
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-focus-visible] {
2002
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-invalid][data-focus-visible] {
1996
2003
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1997
2004
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1998
2005
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1999
2006
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2000
2007
  }
2001
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-hovered] {
2008
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-invalid][data-hovered] {
2002
2009
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2003
2010
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2004
2011
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2005
2012
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2006
2013
  }
2007
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-pressed] {
2014
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-invalid][data-pressed] {
2008
2015
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2009
2016
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2010
2017
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2011
2018
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2012
2019
  }
2013
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-disabled] {
2020
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-invalid][data-disabled] {
2014
2021
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2015
2022
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2016
2023
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2017
2024
  }
2018
- .ListBoxItem-module__hop-ListBoxItem___-BOjW:has(.ListBoxItem-module__hop-ListBoxItem__description___vjfvf) {
2025
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv:has(.ListBoxItem-module__hop-ListBoxItem__description___-8A0f) {
2019
2026
  --row-gap: var(--hop-ListBoxItem-row-gap);
2020
2027
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2021
2028
  }
2022
- .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-loading] {
2029
+ .ListBoxItem-module__hop-ListBoxItem___OY7dv[data-loading] {
2023
2030
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2024
2031
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2025
2032
  }
2026
- .ListBoxItem-module__hop-ListBoxItem__inner___kPku6 {
2033
+ .ListBoxItem-module__hop-ListBoxItem__inner___B-PtJ {
2027
2034
  display: grid;
2028
2035
  grid-template-areas: var(--grid-template-areas);
2029
2036
  grid-template-columns: var(--grid-template-columns);
@@ -2035,33 +2042,33 @@
2035
2042
  padding-inline: var(--padding-inline);
2036
2043
  transition: grid-template-columns .3s ease-in-out;
2037
2044
  }
2038
- .ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE {
2045
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___iEHH8 {
2039
2046
  grid-area: indicator;
2040
2047
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2041
2048
  color: var(--icon-color);
2042
2049
  opacity: var(--checkmark-opacity);
2043
2050
  transition: var(--checkmark-transition);
2044
2051
  }
2045
- .ListBoxItem-module__hop-ListBoxItem__radio___GaGpg,
2046
- .ListBoxItem-module__hop-ListBoxItem__checkbox___-1YQK {
2052
+ .ListBoxItem-module__hop-ListBoxItem__radio___fm0P0,
2053
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___sJL8T {
2047
2054
  pointer-events: none;
2048
2055
  user-select: none;
2049
2056
  grid-area: indicator;
2050
2057
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2051
2058
  }
2052
- .ListBoxItem-module__hop-ListBoxItem__avatar___gHPCY {
2059
+ .ListBoxItem-module__hop-ListBoxItem__avatar___3YvjT {
2053
2060
  grid-area: avatar;
2054
2061
  margin-block: var(--avatar-margin-block, 0);
2055
2062
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2056
2063
  }
2057
- .ListBoxItem-module__hop-ListBoxItem__icon-list___X-gTH,
2058
- .ListBoxItem-module__hop-ListBoxItem__icon___Nv9zm {
2064
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___MUTFV,
2065
+ .ListBoxItem-module__hop-ListBoxItem__icon___g21-2 {
2059
2066
  grid-area: icon;
2060
2067
  flex: 0 0 auto;
2061
2068
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2062
2069
  color: var(--icon-color);
2063
2070
  }
2064
- .ListBoxItem-module__hop-ListBoxItem__label___oFvmk {
2071
+ .ListBoxItem-module__hop-ListBoxItem__label___rGZNX {
2065
2072
  overflow: hidden;
2066
2073
  grid-area: label;
2067
2074
  min-inline-size: 0;
@@ -2069,18 +2076,18 @@
2069
2076
  text-overflow: ellipsis;
2070
2077
  white-space: nowrap;
2071
2078
  }
2072
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___It5F3,
2073
- .ListBoxItem-module__hop-ListBoxItem__end-icon___9R2j1 {
2079
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___sVARh,
2080
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___WD-AV {
2074
2081
  grid-area: end-icon;
2075
2082
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2076
2083
  color: var(--icon-color);
2077
2084
  }
2078
- .ListBoxItem-module__hop-ListBoxItem__badge___4Q2vb {
2085
+ .ListBoxItem-module__hop-ListBoxItem__badge___JJWk- {
2079
2086
  grid-area: badge;
2080
2087
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2081
2088
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2082
2089
  }
2083
- .ListBoxItem-module__hop-ListBoxItem__description___vjfvf {
2090
+ .ListBoxItem-module__hop-ListBoxItem__description___-8A0f {
2084
2091
  overflow: hidden;
2085
2092
  display: -webkit-box;
2086
2093
  grid-area: description;
@@ -2091,7 +2098,7 @@
2091
2098
  }
2092
2099
 
2093
2100
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2094
- .ListBox-module__hop-ListBox___o3TiT {
2101
+ .ListBox-module__hop-ListBox___zgpB- {
2095
2102
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2096
2103
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2097
2104
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2138,11 +2145,11 @@
2138
2145
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2139
2146
  border-radius: var(--hop-ListBox-border-radius);
2140
2147
  }
2141
- .ListBox-module__hop-ListBox--fluid___9Jmrx {
2148
+ .ListBox-module__hop-ListBox--fluid___lgUzj {
2142
2149
  --max-width: var(--hop-ListBox-fluid-max-width);
2143
2150
  --width: var(--hop-ListBox-fluid-width);
2144
2151
  }
2145
- .ListBox-module__hop-ListBox__section___8-sHc {
2152
+ .ListBox-module__hop-ListBox__section___MjTP8 {
2146
2153
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2147
2154
  margin-inline: var(--hop-ListBox-section-margin-inline);
2148
2155
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2150,21 +2157,21 @@
2150
2157
  border-block-start: var(--section-border-block-start);
2151
2158
  border-block-end: var(--section-border-block-end);
2152
2159
  }
2153
- .ListBox-module__hop-ListBox__item___Y8r2l + .ListBox-module__hop-ListBox__section___8-sHc {
2160
+ .ListBox-module__hop-ListBox__item___v-LeI + .ListBox-module__hop-ListBox__section___MjTP8 {
2154
2161
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2155
2162
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2156
2163
  }
2157
- .ListBox-module__hop-ListBox__section___8-sHc:has(+ .ListBox-module__hop-ListBox__item___Y8r2l) {
2164
+ .ListBox-module__hop-ListBox__section___MjTP8:has(+ .ListBox-module__hop-ListBox__item___v-LeI) {
2158
2165
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2159
2166
  }
2160
- .ListBox-module__hop-ListBox__section___8-sHc:first-child {
2167
+ .ListBox-module__hop-ListBox__section___MjTP8:first-child {
2161
2168
  --section-padding-block-start: 0;
2162
2169
  }
2163
- .ListBox-module__hop-ListBox__section___8-sHc:last-child {
2170
+ .ListBox-module__hop-ListBox__section___MjTP8:last-child {
2164
2171
  --section-padding-block-end: 0;
2165
2172
  --section-border-block-end: 0;
2166
2173
  }
2167
- .ListBox-module__hop-ListBox__section-header___qQVx7 {
2174
+ .ListBox-module__hop-ListBox__section-header___USUd7 {
2168
2175
  margin: 0;
2169
2176
  padding: var(--hop-ListBox-section-header-padding);
2170
2177
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2175,17 +2182,17 @@
2175
2182
  text-transform: var(--hop-ListBox-section-header-text-transform);
2176
2183
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2177
2184
  }
2178
- .ListBox-module__hop-ListBox__section-header___qQVx7::before,
2179
- .ListBox-module__hop-ListBox__section-header___qQVx7::after {
2185
+ .ListBox-module__hop-ListBox__section-header___USUd7::before,
2186
+ .ListBox-module__hop-ListBox__section-header___USUd7::after {
2180
2187
  content: "";
2181
2188
  display: block;
2182
2189
  box-sizing: border-box;
2183
2190
  inline-size: 0;
2184
2191
  block-size: 0;
2185
2192
  }
2186
- .ListBox-module__hop-ListBox__section-header___qQVx7::before {
2193
+ .ListBox-module__hop-ListBox__section-header___USUd7::before {
2187
2194
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2188
2195
  }
2189
- .ListBox-module__hop-ListBox__section-header___qQVx7::after {
2196
+ .ListBox-module__hop-ListBox__section-header___USUd7::after {
2190
2197
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2191
2198
  }