@hopper-ui/components 1.5.7 → 1.5.8

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 (300) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Accordion/src/Accordion.css +110 -72
  3. package/dist/Accordion/src/Accordion.js +1 -1
  4. package/dist/Accordion/src/index.css +110 -72
  5. package/dist/Accordion/src/index.js +1 -1
  6. package/dist/Avatar/src/AnonymousAvatar.css +80 -42
  7. package/dist/Avatar/src/AnonymousAvatar.js +4 -4
  8. package/dist/Avatar/src/Avatar.css +98 -60
  9. package/dist/Avatar/src/Avatar.js +8 -8
  10. package/dist/Avatar/src/BrokenAvatar.css +80 -42
  11. package/dist/Avatar/src/BrokenAvatar.js +4 -4
  12. package/dist/Avatar/src/DeletedAvatar.css +80 -42
  13. package/dist/Avatar/src/DeletedAvatar.js +4 -4
  14. package/dist/Avatar/src/RichIconAvatarImage.css +80 -42
  15. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  16. package/dist/Avatar/src/index.css +98 -60
  17. package/dist/Avatar/src/index.js +10 -10
  18. package/dist/Badge/src/Badge.css +85 -47
  19. package/dist/Badge/src/Badge.js +5 -5
  20. package/dist/Badge/src/FloatingBadge.css +80 -42
  21. package/dist/Badge/src/FloatingBadge.js +4 -4
  22. package/dist/Badge/src/index.css +95 -57
  23. package/dist/Badge/src/index.js +7 -7
  24. package/dist/Callout/src/Callout.css +306 -268
  25. package/dist/Callout/src/Callout.js +12 -12
  26. package/dist/Callout/src/CompactCallout.css +342 -304
  27. package/dist/Callout/src/CompactCallout.js +13 -13
  28. package/dist/Callout/src/index.css +355 -317
  29. package/dist/Callout/src/index.js +14 -14
  30. package/dist/Card/src/Card.css +73 -35
  31. package/dist/Card/src/Card.js +1 -1
  32. package/dist/Card/src/index.css +73 -35
  33. package/dist/Card/src/index.js +1 -1
  34. package/dist/ComboBox/src/ComboBox.css +687 -649
  35. package/dist/ComboBox/src/ComboBox.js +22 -22
  36. package/dist/ComboBox/src/index.css +687 -649
  37. package/dist/ComboBox/src/index.js +22 -22
  38. package/dist/Disclosure/src/Disclosure.css +80 -42
  39. package/dist/Disclosure/src/Disclosure.js +1 -1
  40. package/dist/Disclosure/src/DisclosureHeader.css +87 -49
  41. package/dist/Disclosure/src/DisclosureHeader.js +10 -10
  42. package/dist/Disclosure/src/DisclosurePanel.css +80 -42
  43. package/dist/Disclosure/src/DisclosurePanel.js +10 -10
  44. package/dist/Disclosure/src/index.css +105 -67
  45. package/dist/Disclosure/src/index.js +13 -13
  46. package/dist/Divider/src/Divider.css +72 -34
  47. package/dist/Divider/src/Divider.js +1 -1
  48. package/dist/Divider/src/index.css +72 -34
  49. package/dist/Divider/src/index.js +1 -1
  50. package/dist/ErrorMessage/src/ErrorMessage.css +72 -34
  51. package/dist/ErrorMessage/src/ErrorMessage.js +4 -4
  52. package/dist/ErrorMessage/src/index.css +72 -34
  53. package/dist/ErrorMessage/src/index.js +4 -4
  54. package/dist/Form/src/Form.css +70 -32
  55. package/dist/Form/src/Form.js +1 -1
  56. package/dist/Form/src/index.css +70 -32
  57. package/dist/Form/src/index.js +1 -1
  58. package/dist/HelperMessage/src/HelperMessage.css +72 -34
  59. package/dist/HelperMessage/src/HelperMessage.js +3 -3
  60. package/dist/HelperMessage/src/index.css +72 -34
  61. package/dist/HelperMessage/src/index.js +3 -3
  62. package/dist/IconList/src/IconList.css +71 -33
  63. package/dist/IconList/src/IconList.js +1 -1
  64. package/dist/IconList/src/index.css +71 -33
  65. package/dist/IconList/src/index.js +1 -1
  66. package/dist/IllustratedMessage/src/IllustratedMessage.css +313 -275
  67. package/dist/IllustratedMessage/src/IllustratedMessage.js +1 -1
  68. package/dist/IllustratedMessage/src/index.css +313 -275
  69. package/dist/IllustratedMessage/src/index.js +1 -1
  70. package/dist/Image/src/Image.css +73 -35
  71. package/dist/Image/src/Image.js +1 -1
  72. package/dist/Image/src/SvgImage.css +71 -33
  73. package/dist/Image/src/SvgImage.js +1 -1
  74. package/dist/Image/src/index.css +74 -36
  75. package/dist/Image/src/index.js +2 -2
  76. package/dist/Link/src/Link.css +109 -71
  77. package/dist/Link/src/Link.js +9 -9
  78. package/dist/Link/src/index.css +109 -71
  79. package/dist/Link/src/index.js +9 -9
  80. package/dist/ListBox/src/ListBox.css +317 -279
  81. package/dist/ListBox/src/ListBox.js +15 -15
  82. package/dist/ListBox/src/ListBoxItem.css +305 -267
  83. package/dist/ListBox/src/ListBoxItem.js +14 -14
  84. package/dist/ListBox/src/ListBoxItemSkeleton.css +77 -39
  85. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  86. package/dist/ListBox/src/index.css +317 -279
  87. package/dist/ListBox/src/index.js +15 -15
  88. package/dist/Modal/src/BaseModal.css +85 -47
  89. package/dist/Modal/src/BaseModal.js +1 -1
  90. package/dist/Modal/src/CustomModal.css +86 -48
  91. package/dist/Modal/src/CustomModal.js +2 -2
  92. package/dist/Modal/src/Modal.css +333 -295
  93. package/dist/Modal/src/Modal.js +13 -13
  94. package/dist/Modal/src/index.css +334 -296
  95. package/dist/Modal/src/index.js +14 -14
  96. package/dist/SegmentedControl/src/SegmentedControl.css +71 -33
  97. package/dist/SegmentedControl/src/SegmentedControl.js +1 -1
  98. package/dist/SegmentedControl/src/SegmentedControlItem.css +85 -47
  99. package/dist/SegmentedControl/src/SegmentedControlItem.js +7 -7
  100. package/dist/SegmentedControl/src/index.css +86 -48
  101. package/dist/SegmentedControl/src/index.js +8 -8
  102. package/dist/Select/src/Select.css +631 -593
  103. package/dist/Select/src/Select.js +21 -21
  104. package/dist/Select/src/SelectValue.css +104 -66
  105. package/dist/Select/src/SelectValue.js +9 -9
  106. package/dist/Select/src/index.css +631 -593
  107. package/dist/Select/src/index.js +21 -21
  108. package/dist/Spinner/src/Spinner.css +80 -42
  109. package/dist/Spinner/src/Spinner.js +4 -4
  110. package/dist/Spinner/src/index.css +80 -42
  111. package/dist/Spinner/src/index.js +4 -4
  112. package/dist/Tabs/src/Tab.css +456 -418
  113. package/dist/Tabs/src/Tab.js +4 -4
  114. package/dist/Tabs/src/TabLine.css +72 -34
  115. package/dist/Tabs/src/TabLine.js +1 -1
  116. package/dist/Tabs/src/TabList.css +79 -41
  117. package/dist/Tabs/src/TabList.js +2 -2
  118. package/dist/Tabs/src/TabPanel.css +72 -34
  119. package/dist/Tabs/src/TabPanel.js +1 -1
  120. package/dist/Tabs/src/index.css +467 -429
  121. package/dist/Tabs/src/index.js +7 -7
  122. package/dist/Tile/src/Tile.css +79 -41
  123. package/dist/Tile/src/Tile.js +8 -8
  124. package/dist/Tile/src/TileGroup.css +71 -33
  125. package/dist/Tile/src/TileGroup.js +1 -1
  126. package/dist/Tile/src/index.css +80 -42
  127. package/dist/Tile/src/index.js +9 -9
  128. package/dist/ToggleArrow/src/ToggleArrow.css +72 -34
  129. package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
  130. package/dist/ToggleArrow/src/index.css +72 -34
  131. package/dist/ToggleArrow/src/index.js +1 -1
  132. package/dist/buttons/src/Button.css +136 -98
  133. package/dist/buttons/src/Button.js +10 -10
  134. package/dist/buttons/src/ButtonGroup.css +81 -43
  135. package/dist/buttons/src/ButtonGroup.js +1 -1
  136. package/dist/buttons/src/ClearButton.css +141 -103
  137. package/dist/buttons/src/ClearButton.js +2 -2
  138. package/dist/buttons/src/CloseButton.css +137 -99
  139. package/dist/buttons/src/CloseButton.js +11 -11
  140. package/dist/buttons/src/EmbeddedButton.css +141 -103
  141. package/dist/buttons/src/EmbeddedButton.js +1 -1
  142. package/dist/buttons/src/LinkButton.css +145 -107
  143. package/dist/buttons/src/LinkButton.js +9 -9
  144. package/dist/buttons/src/index.css +293 -255
  145. package/dist/buttons/src/index.js +15 -15
  146. package/dist/checkbox/src/Checkbox.css +89 -51
  147. package/dist/checkbox/src/Checkbox.js +9 -9
  148. package/dist/checkbox/src/CheckboxField.css +76 -38
  149. package/dist/checkbox/src/CheckboxField.js +5 -5
  150. package/dist/checkbox/src/CheckboxGroup.css +141 -103
  151. package/dist/checkbox/src/CheckboxGroup.js +8 -8
  152. package/dist/checkbox/src/DecorativeCheckbox.css +97 -59
  153. package/dist/checkbox/src/DecorativeCheckbox.js +9 -9
  154. package/dist/checkbox/src/index.css +141 -103
  155. package/dist/checkbox/src/index.js +14 -14
  156. package/dist/{chunk-OMAH2JND.js → chunk-2F75EFZU.js} +1 -1
  157. package/dist/{chunk-KRPRDZOT.js → chunk-2MFQA2EU.js} +5 -5
  158. package/dist/{chunk-HS3QKWW7.js → chunk-3QAAVSD5.js} +3 -3
  159. package/dist/{chunk-Y5HNYHXP.js → chunk-3U5FI5A2.js} +5 -5
  160. package/dist/{chunk-5MP4DOYS.js → chunk-3Y26KXNH.js} +1 -1
  161. package/dist/{chunk-P7RWZX2M.js → chunk-4C2RFTAH.js} +1 -1
  162. package/dist/{chunk-E2VZSZOY.js → chunk-4IE24H7G.js} +8 -8
  163. package/dist/{chunk-IF44PZZP.js → chunk-4KOZSCEO.js} +4 -4
  164. package/dist/{chunk-63L6D5UM.js → chunk-4NP4OAXQ.js} +1 -1
  165. package/dist/{chunk-4SVXBPXC.js → chunk-4VWK3B7S.js} +3 -3
  166. package/dist/{chunk-H7R4BTMU.js → chunk-5MYBVZ7A.js} +3 -3
  167. package/dist/{chunk-4LBIE5SC.js → chunk-64CHPRZN.js} +2 -2
  168. package/dist/{chunk-E4AW5HJM.js → chunk-6IOXP65D.js} +4 -4
  169. package/dist/{chunk-KTKND4NT.js → chunk-6OQETHFE.js} +2 -2
  170. package/dist/{chunk-SG6QJ7O2.js → chunk-6VY7Q7UM.js} +4 -4
  171. package/dist/{chunk-MHQL4ITH.js → chunk-7G5PGVLI.js} +1 -1
  172. package/dist/{chunk-R7KHBCGM.js → chunk-7XKQWNDW.js} +1 -1
  173. package/dist/{chunk-3ASVVRCA.js → chunk-AH7QHTSG.js} +5 -5
  174. package/dist/{chunk-6PCBYFMH.js → chunk-AUDD3BII.js} +5 -5
  175. package/dist/{chunk-S57OO3BK.js → chunk-B7CNUKHE.js} +10 -10
  176. package/dist/{chunk-VM3JRVU6.js → chunk-BKGXUZF6.js} +15 -15
  177. package/dist/{chunk-NTSJO4WO.js → chunk-BOEKDGIG.js} +1 -1
  178. package/dist/{chunk-XEGXFQT5.js → chunk-CCC4PE3E.js} +2 -2
  179. package/dist/{chunk-2SB3QWIW.js → chunk-CY3NQS5G.js} +1 -1
  180. package/dist/{chunk-BPRTWO34.js → chunk-DSHNTCCG.js} +2 -2
  181. package/dist/{chunk-IH73HOJM.js → chunk-E7543KMS.js} +2 -2
  182. package/dist/{chunk-JZ3R5OQS.js → chunk-FCJBEUUD.js} +1 -1
  183. package/dist/{chunk-3MFFEUWK.js → chunk-FMACFZVM.js} +3 -3
  184. package/dist/{chunk-VR3T4WB2.js → chunk-G7FGAV44.js} +2 -2
  185. package/dist/{chunk-DNI6ECVG.js → chunk-GAYT3QXG.js} +5 -5
  186. package/dist/{chunk-JW72ZHDU.js → chunk-GHWTSUQQ.js} +4 -4
  187. package/dist/{chunk-BPMSUPKF.js → chunk-H33GYFXI.js} +4 -4
  188. package/dist/{chunk-U4IOD6HI.js → chunk-HNUVBOSY.js} +1 -1
  189. package/dist/{chunk-G3DWN7U7.js → chunk-HXUYRHS5.js} +5 -5
  190. package/dist/{chunk-GD62QQQM.js → chunk-IIUGCQWW.js} +8 -8
  191. package/dist/{chunk-BYAY3UHK.js → chunk-IZK3WBT5.js} +2 -2
  192. package/dist/{chunk-3UKTVVXR.js → chunk-JZBFIZNX.js} +2 -2
  193. package/dist/{chunk-DSHXJCKR.js → chunk-JZDIHG23.js} +9 -9
  194. package/dist/{chunk-65QLPZS3.js → chunk-KJNEM3SA.js} +1 -1
  195. package/dist/{chunk-QAUFBA7C.js → chunk-MGSR6KG7.js} +1 -1
  196. package/dist/{chunk-5SYUGIRG.js → chunk-MWOYTG5R.js} +1 -1
  197. package/dist/{chunk-ZKJMIS75.js → chunk-N64QLW23.js} +2 -2
  198. package/dist/{chunk-2EQ5ZDRA.js → chunk-NP2SOF4U.js} +1 -1
  199. package/dist/{chunk-JAXZJD33.js → chunk-O5LHBC7Q.js} +9 -9
  200. package/dist/{chunk-CJN4KKQM.js → chunk-OAIQMHLG.js} +3 -3
  201. package/dist/{chunk-FAB5XSXM.js → chunk-OLNYFKUC.js} +2 -2
  202. package/dist/{chunk-XBWNCVRK.js → chunk-OXX2Q4UK.js} +1 -1
  203. package/dist/{chunk-JWHS7D3I.js → chunk-PA5EHN7O.js} +1 -1
  204. package/dist/{chunk-2NOOQRTE.js → chunk-PETBANFF.js} +1 -1
  205. package/dist/{chunk-KXSEKNZ7.js → chunk-Q2EQP2RU.js} +2 -2
  206. package/dist/{chunk-UVX4CZWO.js → chunk-QDAESUMP.js} +1 -1
  207. package/dist/{chunk-N6VCQ632.js → chunk-R545UYFM.js} +1 -1
  208. package/dist/{chunk-3M3M4BQG.js → chunk-RSNYZJBA.js} +1 -1
  209. package/dist/{chunk-STWEUNIY.js → chunk-SLP3QVJN.js} +1 -1
  210. package/dist/{chunk-HH4KU2RL.js → chunk-T3JQ5FGZ.js} +2 -2
  211. package/dist/{chunk-MGVYGZD7.js → chunk-TPK6NH6T.js} +10 -10
  212. package/dist/{chunk-QODLCER2.js → chunk-TTL4G2TY.js} +2 -2
  213. package/dist/{chunk-DKOJD5J5.js → chunk-TXMTWWQS.js} +4 -4
  214. package/dist/{chunk-M2WKOIHJ.js → chunk-UFEEPQPN.js} +5 -5
  215. package/dist/{chunk-VHTPBGAH.js → chunk-UXXEQ6GN.js} +4 -4
  216. package/dist/{chunk-4WFZK7DY.js → chunk-V3GM5HJS.js} +1 -1
  217. package/dist/{chunk-26X5EBGP.js → chunk-VDXWDKOM.js} +1 -1
  218. package/dist/{chunk-CILOWBN6.js → chunk-VGAKY5R3.js} +2 -2
  219. package/dist/{chunk-HCYNQVIG.js → chunk-VHHOCRJ6.js} +12 -12
  220. package/dist/{chunk-HAVIEM2D.js → chunk-VTPBW5IC.js} +3 -3
  221. package/dist/{chunk-HP7T2HWU.js → chunk-VUFCC6BQ.js} +1 -1
  222. package/dist/{chunk-JA3B67UE.js → chunk-WD3ZL2OG.js} +4 -4
  223. package/dist/{chunk-MT2RVQDZ.js → chunk-WQG7DMLR.js} +3 -3
  224. package/dist/{chunk-XXFM3YKI.js → chunk-X2SACCY2.js} +4 -4
  225. package/dist/{chunk-IZAWEDX6.js → chunk-XJDZUQRN.js} +2 -2
  226. package/dist/{chunk-ZKL5F3OF.js → chunk-XTPBPGOE.js} +4 -4
  227. package/dist/{chunk-WTZ5SJEK.js → chunk-YRPLWZ7P.js} +1 -1
  228. package/dist/{chunk-FFBWW2UY.js → chunk-YTLEDJYH.js} +2 -2
  229. package/dist/{chunk-YLDI6PLK.js → chunk-YYBHF4YY.js} +1 -1
  230. package/dist/{chunk-3WYNM4YY.js → chunk-ZF6AUUH2.js} +14 -14
  231. package/dist/index.css +987 -949
  232. package/dist/index.js +83 -83
  233. package/dist/inputs/src/Input.css +74 -36
  234. package/dist/inputs/src/Input.js +1 -1
  235. package/dist/inputs/src/InputGroup.css +76 -38
  236. package/dist/inputs/src/InputGroup.js +1 -1
  237. package/dist/inputs/src/NumberField.css +100 -62
  238. package/dist/inputs/src/NumberField.js +13 -13
  239. package/dist/inputs/src/PasswordField.css +313 -275
  240. package/dist/inputs/src/PasswordField.js +13 -13
  241. package/dist/inputs/src/RemainingCharacterCount.css +73 -35
  242. package/dist/inputs/src/RemainingCharacterCount.js +8 -8
  243. package/dist/inputs/src/SearchField.css +319 -281
  244. package/dist/inputs/src/SearchField.js +14 -14
  245. package/dist/inputs/src/TextArea.css +97 -59
  246. package/dist/inputs/src/TextArea.js +12 -12
  247. package/dist/inputs/src/TextField.css +317 -279
  248. package/dist/inputs/src/TextField.js +16 -16
  249. package/dist/inputs/src/index.css +365 -327
  250. package/dist/inputs/src/index.js +20 -20
  251. package/dist/overlays/Popover/src/Popover.css +603 -565
  252. package/dist/overlays/Popover/src/Popover.js +8 -8
  253. package/dist/overlays/Popover/src/PopoverBase.css +74 -36
  254. package/dist/overlays/Popover/src/PopoverBase.js +1 -1
  255. package/dist/overlays/Popover/src/index.css +607 -569
  256. package/dist/overlays/Popover/src/index.js +9 -9
  257. package/dist/radio/src/DecorativeRadio.css +97 -59
  258. package/dist/radio/src/DecorativeRadio.js +9 -9
  259. package/dist/radio/src/Radio.css +89 -51
  260. package/dist/radio/src/Radio.js +9 -9
  261. package/dist/radio/src/RadioField.css +76 -38
  262. package/dist/radio/src/RadioField.js +4 -4
  263. package/dist/radio/src/RadioGroup.css +141 -103
  264. package/dist/radio/src/RadioGroup.js +8 -8
  265. package/dist/radio/src/index.css +141 -103
  266. package/dist/radio/src/index.js +14 -14
  267. package/dist/switch/src/Switch.css +86 -48
  268. package/dist/switch/src/Switch.js +9 -9
  269. package/dist/switch/src/SwitchField.css +76 -38
  270. package/dist/switch/src/SwitchField.js +4 -4
  271. package/dist/switch/src/index.css +92 -54
  272. package/dist/switch/src/index.js +10 -10
  273. package/dist/tag/src/Tag.css +434 -396
  274. package/dist/tag/src/Tag.js +14 -14
  275. package/dist/tag/src/TagGroup.css +80 -42
  276. package/dist/tag/src/TagGroup.js +8 -8
  277. package/dist/tag/src/index.css +444 -406
  278. package/dist/tag/src/index.js +17 -17
  279. package/dist/typography/Heading/src/Heading.css +70 -32
  280. package/dist/typography/Heading/src/Heading.js +1 -1
  281. package/dist/typography/Heading/src/index.css +70 -32
  282. package/dist/typography/Heading/src/index.js +1 -1
  283. package/dist/typography/Label/src/Label.css +70 -32
  284. package/dist/typography/Label/src/Label.js +2 -2
  285. package/dist/typography/Label/src/index.css +70 -32
  286. package/dist/typography/Label/src/index.js +2 -2
  287. package/dist/typography/OverlineText/src/OverlineText.css +70 -32
  288. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  289. package/dist/typography/OverlineText/src/index.css +70 -32
  290. package/dist/typography/OverlineText/src/index.js +1 -1
  291. package/dist/typography/Text/src/Text.css +70 -32
  292. package/dist/typography/Text/src/Text.js +2 -2
  293. package/dist/typography/Text/src/index.css +70 -32
  294. package/dist/typography/Text/src/index.js +2 -2
  295. package/dist/utils/src/ClearSlots.css +70 -32
  296. package/dist/utils/src/EnsureTextWrapper.css +70 -32
  297. package/dist/utils/src/EnsureTextWrapper.js +7 -7
  298. package/dist/utils/src/index.css +70 -32
  299. package/dist/utils/src/index.js +8 -8
  300. package/package.json +1 -1
@@ -1,39 +1,49 @@
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___vOuhR {
2
+ .Heading-module__hop-Heading___qZGl6 {
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);
6
6
  --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
7
+ --hop-Heading-xs-top-offset: var(--hop-heading-xs-top-offset);
8
+ --hop-Heading-xs-bottom-offset: var(--hop-heading-xs-bottom-offset);
7
9
  --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
8
10
  --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
9
11
  --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
10
12
  --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
13
+ --hop-Heading-sm-top-offset: var(--hop-heading-sm-top-offset);
14
+ --hop-Heading-sm-bottom-offset: var(--hop-heading-sm-bottom-offset);
11
15
  --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
12
16
  --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
13
17
  --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
14
18
  --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
19
+ --hop-Heading-md-top-offset: var(--hop-heading-md-top-offset);
20
+ --hop-Heading-md-bottom-offset: var(--hop-heading-md-bottom-offset);
15
21
  --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
16
22
  --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
17
23
  --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
18
24
  --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
25
+ --hop-Heading-lg-top-offset: var(--hop-heading-lg-top-offset);
26
+ --hop-Heading-lg-bottom-offset: var(--hop-heading-lg-bottom-offset);
19
27
  --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
20
28
  --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
21
29
  --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
22
30
  --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
31
+ --hop-Heading-xl-top-offset: var(--hop-heading-xl-top-offset);
32
+ --hop-Heading-xl-bottom-offset: var(--hop-heading-xl-bottom-offset);
23
33
  --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
24
34
  --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
25
35
  --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
26
36
  --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
37
+ --hop-Heading-2xl-top-offset: var(--hop-heading-2xl-top-offset);
38
+ --hop-Heading-2xl-bottom-offset: var(--hop-heading-2xl-bottom-offset);
27
39
  --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
28
40
  --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
29
41
  --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
30
42
  --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
31
- --hop-Heading-inherit-size-font-size: inherit;
32
- --hop-Heading-inherit-size-font-family: inherit;
33
- --hop-Heading-inherit-size-font-weight: inherit;
34
- --hop-Heading-inherit-size-line-height: inherit;
43
+ --hop-Heading-3xl-top-offset: var(--hop-heading-3xl-top-offset);
44
+ --hop-Heading-3xl-bottom-offset: var(--hop-heading-3xl-bottom-offset);
35
45
  }
36
- :where(.Heading-module__hop-Heading___vOuhR) {
46
+ :where(.Heading-module__hop-Heading___qZGl6) {
37
47
  margin: 0;
38
48
  font-family: var(--font-family);
39
49
  font-size: var(--font-size);
@@ -41,51 +51,79 @@
41
51
  line-height: var(--line-height);
42
52
  color: var(--hop-neutral-text);
43
53
  }
44
- :where(.Heading-module__hop-Heading--xs___TljxC) {
54
+ :where(.Heading-module__hop-Heading___qZGl6)::before,
55
+ :where(.Heading-module__hop-Heading___qZGl6)::after {
56
+ content: "";
57
+ display: block;
58
+ box-sizing: border-box;
59
+ inline-size: 0;
60
+ block-size: 0;
61
+ }
62
+ :where(.Heading-module__hop-Heading___qZGl6)::before {
63
+ margin-block-end: var(--bottom-offset);
64
+ }
65
+ :where(.Heading-module__hop-Heading___qZGl6)::after {
66
+ margin-block-start: var(--top-offset);
67
+ }
68
+ :where(.Heading-module__hop-Heading--xs___9vIUc) {
45
69
  --font-size: var(--hop-Heading-xs-font-size);
46
70
  --font-family: var(--hop-Heading-xs-font-family);
47
71
  --font-weight: var(--hop-Heading-xs-font-weight);
48
72
  --line-height: var(--hop-Heading-xs-line-height);
73
+ --top-offset: var(--hop-Heading-xs-top-offset);
74
+ --bottom-offset: var(--hop-Heading-xs-bottom-offset);
49
75
  }
50
- :where(.Heading-module__hop-Heading--sm___Dd4aA) {
76
+ :where(.Heading-module__hop-Heading--sm___2cnPF) {
51
77
  --font-size: var(--hop-Heading-sm-font-size);
52
78
  --font-family: var(--hop-Heading-sm-font-family);
53
79
  --font-weight: var(--hop-Heading-sm-font-weight);
54
80
  --line-height: var(--hop-Heading-sm-line-height);
81
+ --top-offset: var(--hop-Heading-sm-top-offset);
82
+ --bottom-offset: var(--hop-Heading-sm-bottom-offset);
55
83
  }
56
- :where(.Heading-module__hop-Heading--md___4QZ22) {
84
+ :where(.Heading-module__hop-Heading--md___COxEc) {
57
85
  --font-size: var(--hop-Heading-md-font-size);
58
86
  --font-family: var(--hop-Heading-md-font-family);
59
87
  --font-weight: var(--hop-Heading-md-font-weight);
60
88
  --line-height: var(--hop-Heading-md-line-height);
89
+ --top-offset: var(--hop-Heading-md-top-offset);
90
+ --bottom-offset: var(--hop-Heading-md-bottom-offset);
61
91
  }
62
- :where(.Heading-module__hop-Heading--lg___gCcT1) {
92
+ :where(.Heading-module__hop-Heading--lg___uFN-j) {
63
93
  --font-size: var(--hop-Heading-lg-font-size);
64
94
  --font-family: var(--hop-Heading-lg-font-family);
65
95
  --font-weight: var(--hop-Heading-lg-font-weight);
66
96
  --line-height: var(--hop-Heading-lg-line-height);
97
+ --top-offset: var(--hop-Heading-lg-top-offset);
98
+ --bottom-offset: var(--hop-Heading-lg-bottom-offset);
67
99
  }
68
- :where(.Heading-module__hop-Heading--xl___bgGSZ) {
100
+ :where(.Heading-module__hop-Heading--xl___TI2o5) {
69
101
  --font-size: var(--hop-Heading-xl-font-size);
70
102
  --font-family: var(--hop-Heading-xl-font-family);
71
103
  --font-weight: var(--hop-Heading-xl-font-weight);
72
104
  --line-height: var(--hop-Heading-xl-line-height);
105
+ --top-offset: var(--hop-Heading-xl-top-offset);
106
+ --bottom-offset: var(--hop-Heading-xl-bottom-offset);
73
107
  }
74
- :where(.Heading-module__hop-Heading--2xl___-BDq2) {
108
+ :where(.Heading-module__hop-Heading--2xl___tSVfV) {
75
109
  --font-size: var(--hop-Heading-2xl-font-size);
76
110
  --font-family: var(--hop-Heading-2xl-font-family);
77
111
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
112
  --line-height: var(--hop-Heading-2xl-line-height);
113
+ --top-offset: var(--hop-Heading-2xl-top-offset);
114
+ --bottom-offset: var(--hop-Heading-2xl-bottom-offset);
79
115
  }
80
- :where(.Heading-module__hop-Heading--3xl___uuF3d) {
116
+ :where(.Heading-module__hop-Heading--3xl___yBW4k) {
81
117
  --font-size: var(--hop-Heading-3xl-font-size);
82
118
  --font-family: var(--hop-Heading-3xl-font-family);
83
119
  --font-weight: var(--hop-Heading-3xl-font-weight);
84
120
  --line-height: var(--hop-Heading-3xl-line-height);
121
+ --top-offset: var(--hop-Heading-3xl-top-offset);
122
+ --bottom-offset: var(--hop-Heading-3xl-bottom-offset);
85
123
  }
86
124
 
87
125
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
88
- :where(.OverlineText-module__hop-OverlineText___zl-GZ) {
126
+ :where(.OverlineText-module__hop-OverlineText___l87dr) {
89
127
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
90
128
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
91
129
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -109,52 +147,52 @@
109
147
  text-transform: uppercase;
110
148
  letter-spacing: var(--letter-spacing);
111
149
  }
112
- .OverlineText-module__hop-OverlineText__text___74bSv {
150
+ .OverlineText-module__hop-OverlineText__text___dDkQB {
113
151
  box-sizing: border-box;
114
152
  }
115
- .OverlineText-module__hop-OverlineText__text___74bSv::before,
116
- .OverlineText-module__hop-OverlineText__text___74bSv::after {
153
+ .OverlineText-module__hop-OverlineText__text___dDkQB::before,
154
+ .OverlineText-module__hop-OverlineText__text___dDkQB::after {
117
155
  content: "";
118
156
  display: block;
119
157
  box-sizing: border-box;
120
158
  inline-size: 0;
121
159
  block-size: 0;
122
160
  }
123
- .OverlineText-module__hop-OverlineText__text___74bSv::before {
161
+ .OverlineText-module__hop-OverlineText__text___dDkQB::before {
124
162
  margin-block-end: var(--bottom-offset);
125
163
  }
126
- .OverlineText-module__hop-OverlineText__text___74bSv::after {
164
+ .OverlineText-module__hop-OverlineText__text___dDkQB::after {
127
165
  margin-block-start: var(--top-offset);
128
166
  }
129
167
 
130
168
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
131
- .Form-module__hop-Form___NGqig {
169
+ .Form-module__hop-Form___s5RQU {
132
170
  display: flex;
133
171
  flex-direction: column;
134
172
  gap: var(--hop-space-stack-lg);
135
173
  }
136
174
 
137
175
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
138
- .Label-module__hop-Label___1lP-g {
176
+ .Label-module__hop-Label___TPaRo {
139
177
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
140
178
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
141
179
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
142
180
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
143
181
  --hop-Label-color: var(--hop-neutral-text-weak);
144
182
  }
145
- :where(.Label-module__hop-Label___1lP-g) {
183
+ :where(.Label-module__hop-Label___TPaRo) {
146
184
  font-family: var(--hop-Label-font-family);
147
185
  font-size: var(--hop-Label-font-size);
148
186
  font-weight: var(--hop-Label-font-weight);
149
187
  line-height: var(--hop-Label-line-height);
150
188
  color: var(--hop-Label-color);
151
189
  }
152
- :where(.Label-module__hop-Label__indicator___pBlO9) {
190
+ :where(.Label-module__hop-Label__indicator___hKKpy) {
153
191
  padding-inline-start: var(--hop-space-20);
154
192
  }
155
193
 
156
194
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
157
- .Text-module__hop-Text___GwHVO {
195
+ .Text-module__hop-Text___A6WPK {
158
196
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
159
197
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
160
198
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -184,49 +222,49 @@
184
222
  --hop-Text-inherit-size-font-weight: inherit;
185
223
  --hop-Text-inherit-size-line-height: inherit;
186
224
  }
187
- :where(.Text-module__hop-Text___GwHVO) {
225
+ :where(.Text-module__hop-Text___A6WPK) {
188
226
  font-family: var(--font-family);
189
227
  font-size: var(--font-size);
190
228
  font-weight: var(--font-weight);
191
229
  line-height: var(--line-height);
192
230
  }
193
- :where(.Text-module__hop-Text--xs___Hy6wA) {
231
+ :where(.Text-module__hop-Text--xs___OT9i0) {
194
232
  --font-size: var(--hop-Text-xs-font-size);
195
233
  --font-family: var(--hop-Text-xs-font-family);
196
234
  --font-weight: var(--hop-Text-xs-font-weight);
197
235
  --line-height: var(--hop-Text-xs-line-height);
198
236
  }
199
- :where(.Text-module__hop-Text--sm___r6n11) {
237
+ :where(.Text-module__hop-Text--sm___bKtyz) {
200
238
  --font-size: var(--hop-Text-sm-font-size);
201
239
  --font-family: var(--hop-Text-sm-font-family);
202
240
  --font-weight: var(--hop-Text-sm-font-weight);
203
241
  --line-height: var(--hop-Text-sm-line-height);
204
242
  }
205
- :where(.Text-module__hop-Text--md___77-k9) {
243
+ :where(.Text-module__hop-Text--md___EWK9I) {
206
244
  --font-size: var(--hop-Text-md-font-size);
207
245
  --font-family: var(--hop-Text-md-font-family);
208
246
  --font-weight: var(--hop-Text-md-font-weight);
209
247
  --line-height: var(--hop-Text-md-line-height);
210
248
  }
211
- :where(.Text-module__hop-Text--lg___3QHga) {
249
+ :where(.Text-module__hop-Text--lg___xKf2K) {
212
250
  --font-size: var(--hop-Text-lg-font-size);
213
251
  --font-family: var(--hop-Text-lg-font-family);
214
252
  --font-weight: var(--hop-Text-lg-font-weight);
215
253
  --line-height: var(--hop-Text-lg-line-height);
216
254
  }
217
- :where(.Text-module__hop-Text--xl___UhMR-) {
255
+ :where(.Text-module__hop-Text--xl___X-I7p) {
218
256
  --font-size: var(--hop-Text-xl-font-size);
219
257
  --font-family: var(--hop-Text-xl-font-family);
220
258
  --font-weight: var(--hop-Text-xl-font-weight);
221
259
  --line-height: var(--hop-Text-xl-line-height);
222
260
  }
223
- :where(.Text-module__hop-Text--2xl___E9rXG) {
261
+ :where(.Text-module__hop-Text--2xl___qBAxp) {
224
262
  --font-size: var(--hop-Text-2xl-font-size);
225
263
  --font-family: var(--hop-Text-2xl-font-family);
226
264
  --font-weight: var(--hop-Text-2xl-font-weight);
227
265
  --line-height: var(--hop-Text-2xl-line-height);
228
266
  }
229
- :where(.Text-module__hop-Text--inherit___rK-x9) {
267
+ :where(.Text-module__hop-Text--inherit___aWINc) {
230
268
  --font-size: var(--hop-Text-inherit-size-font-size);
231
269
  --font-family: var(--hop-Text-inherit-size-font-family);
232
270
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -234,7 +272,7 @@
234
272
  }
235
273
 
236
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
237
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___FTOaQ {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___s6wGu {
238
276
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
239
277
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
240
278
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -265,46 +303,46 @@
265
303
  background-color: var(--background-color);
266
304
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
267
305
  }
268
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ITAJT {
306
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___f0IOM {
269
307
  --size: var(--hop-RichIconAvatarImage-xs-size);
270
308
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
271
309
  }
272
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___BcU1R {
310
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___QbpEG {
273
311
  --size: var(--hop-RichIconAvatarImage-sm-size);
274
312
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
275
313
  }
276
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___h5uA3 {
314
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___SrP5- {
277
315
  --size: var(--hop-RichIconAvatarImage-md-size);
278
316
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
279
317
  }
280
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Px-mr {
318
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___3S84T {
281
319
  --size: var(--hop-RichIconAvatarImage-lg-size);
282
320
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
283
321
  }
284
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___CaPp6 {
322
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___FQu1Z {
285
323
  --size: var(--hop-RichIconAvatarImage-xl-size);
286
324
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
287
325
  }
288
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___YYbo- {
326
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___-471t {
289
327
  --size: var(--hop-RichIconAvatarImage-2xl-size);
290
328
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
291
329
  }
292
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___FTOaQ[data-disabled] {
330
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___s6wGu[data-disabled] {
293
331
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
294
332
  }
295
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___wM4c9 {
333
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Wrxwb {
296
334
  position: relative;
297
335
  display: block;
298
336
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
299
337
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
300
338
  }
301
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___FTOaQ[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___wM4c9 {
339
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___s6wGu[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Wrxwb {
302
340
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
303
341
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
304
342
  }
305
343
 
306
344
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
307
- .Avatar-module__hop-Avatar___HSY-W {
345
+ .Avatar-module__hop-Avatar___-Bhbj {
308
346
  --hop-Avatar-border-radius: var(--hop-shape-circle);
309
347
  --hop-Avatar-mix-blend-mode: normal;
310
348
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -349,67 +387,67 @@
349
387
  background-color: var(--background-color, transparent);
350
388
  border-radius: var(--hop-Avatar-border-radius);
351
389
  }
352
- .Avatar-module__hop-Avatar--xs___0tqCQ {
390
+ .Avatar-module__hop-Avatar--xs___jDOu3 {
353
391
  --size: var(--hop-Avatar-xs-size);
354
392
  }
355
- .Avatar-module__hop-Avatar--sm___UDGN5 {
393
+ .Avatar-module__hop-Avatar--sm___HEnr1 {
356
394
  --size: var(--hop-Avatar-sm-size);
357
395
  }
358
- .Avatar-module__hop-Avatar--md___vJOlA {
396
+ .Avatar-module__hop-Avatar--md___7Xufs {
359
397
  --size: var(--hop-Avatar-md-size);
360
398
  }
361
- .Avatar-module__hop-Avatar--lg___y3fuG {
399
+ .Avatar-module__hop-Avatar--lg___2KaEi {
362
400
  --size: var(--hop-Avatar-lg-size);
363
401
  }
364
- .Avatar-module__hop-Avatar--xl___QIq-T {
402
+ .Avatar-module__hop-Avatar--xl___6A26Y {
365
403
  --size: var(--hop-Avatar-xl-size);
366
404
  }
367
- .Avatar-module__hop-Avatar--2xl___vBfOj {
405
+ .Avatar-module__hop-Avatar--2xl___-QT1Z {
368
406
  --size: var(--hop-Avatar-2xl-size);
369
407
  }
370
- .Avatar-module__hop-Avatar--decorative-option1___4J6xq {
408
+ .Avatar-module__hop-Avatar--decorative-option1___TrDnk {
371
409
  --background-color: var(--hop-Avatar-decorative-1-background-color);
372
410
  --text-color: var(--hop-Avatar-decorative-1-text-color);
373
411
  }
374
- .Avatar-module__hop-Avatar--decorative-option2___BwzNE {
412
+ .Avatar-module__hop-Avatar--decorative-option2___gPHy- {
375
413
  --background-color: var(--hop-Avatar-decorative-2-background-color);
376
414
  --text-color: var(--hop-Avatar-decorative-2-text-color);
377
415
  }
378
- .Avatar-module__hop-Avatar--decorative-option3___0KAFu {
416
+ .Avatar-module__hop-Avatar--decorative-option3___gOJzq {
379
417
  --background-color: var(--hop-Avatar-decorative-3-background-color);
380
418
  --text-color: var(--hop-Avatar-decorative-3-text-color);
381
419
  }
382
- .Avatar-module__hop-Avatar--decorative-option4___TEhqt {
420
+ .Avatar-module__hop-Avatar--decorative-option4___OY2zY {
383
421
  --background-color: var(--hop-Avatar-decorative-4-background-color);
384
422
  --text-color: var(--hop-Avatar-decorative-4-text-color);
385
423
  }
386
- .Avatar-module__hop-Avatar--decorative-option5___f0jZq {
424
+ .Avatar-module__hop-Avatar--decorative-option5___-4Gru {
387
425
  --background-color: var(--hop-Avatar-decorative-5-background-color);
388
426
  --text-color: var(--hop-Avatar-decorative-5-text-color);
389
427
  }
390
- .Avatar-module__hop-Avatar--decorative-option6___wjv9n {
428
+ .Avatar-module__hop-Avatar--decorative-option6___g-UEO {
391
429
  --background-color: var(--hop-Avatar-decorative-6-background-color);
392
430
  --text-color: var(--hop-Avatar-decorative-6-text-color);
393
431
  }
394
- .Avatar-module__hop-Avatar--decorative-option7___-SAP6 {
432
+ .Avatar-module__hop-Avatar--decorative-option7___sV0jt {
395
433
  --background-color: var(--hop-Avatar-decorative-7-background-color);
396
434
  --text-color: var(--hop-Avatar-decorative-7-text-color);
397
435
  }
398
- .Avatar-module__hop-Avatar--decorative-option8___uNUAi {
436
+ .Avatar-module__hop-Avatar--decorative-option8___RkkoP {
399
437
  --background-color: var(--hop-Avatar-decorative-8-background-color);
400
438
  --text-color: var(--hop-Avatar-decorative-8-text-color);
401
439
  }
402
- .Avatar-module__hop-Avatar--decorative-option9___Ykl6b {
440
+ .Avatar-module__hop-Avatar--decorative-option9___qtPRx {
403
441
  --background-color: var(--hop-Avatar-decorative-9-background-color);
404
442
  --text-color: var(--hop-Avatar-decorative-9-text-color);
405
443
  }
406
- .Avatar-module__hop-Avatar___HSY-W[data-disabled] {
444
+ .Avatar-module__hop-Avatar___-Bhbj[data-disabled] {
407
445
  --background-color: var(--hop-Avatar-background-color-disabled);
408
446
  --text-color: var(--hop-Avatar-text-color-disabled);
409
447
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
410
448
  isolation: isolate;
411
449
  }
412
- .Avatar-module__hop-Avatar__image___riFCd {
450
+ .Avatar-module__hop-Avatar__image___ftVvm {
413
451
  position: relative;
414
452
  display: block;
415
453
  box-sizing: border-box;
@@ -420,7 +458,7 @@
420
458
  }
421
459
 
422
460
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
423
- .Badge-module__hop-Badge___xpzue {
461
+ .Badge-module__hop-Badge___viaRy {
424
462
  --hop-Badge-height: 1.5rem;
425
463
  --hop-Badge-width: max-content;
426
464
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -470,67 +508,67 @@
470
508
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
471
509
  border-radius: var(--border-radius);
472
510
  }
473
- .Badge-module__hop-Badge--primary___iGD0r {
511
+ .Badge-module__hop-Badge--primary___QJU6L {
474
512
  --background-color: var(--hop-Badge-primary-background-color);
475
513
  --text-color: var(--hop-Badge-primary-text-color);
476
514
  }
477
- .Badge-module__hop-Badge--primary___iGD0r[data-hovered] {
515
+ .Badge-module__hop-Badge--primary___QJU6L[data-hovered] {
478
516
  --background-color: var(--hop-Badge-primary-background-color-hovered);
479
517
  --text-color: var(--hop-Badge-primary-text-color-hovered);
480
518
  }
481
- .Badge-module__hop-Badge--primary___iGD0r[data-pressed] {
519
+ .Badge-module__hop-Badge--primary___QJU6L[data-pressed] {
482
520
  --background-color: var(--hop-Badge-primary-background-color-pressed);
483
521
  --text-color: var(--hop-Badge-primary-text-color-pressed);
484
522
  }
485
- .Badge-module__hop-Badge--primary___iGD0r[data-selected] {
523
+ .Badge-module__hop-Badge--primary___QJU6L[data-selected] {
486
524
  --background-color: var(--hop-Badge-primary-background-color-selected);
487
525
  --text-color: var(--hop-Badge-primary-text-color-selected);
488
526
  }
489
- .Badge-module__hop-Badge--secondary___yyyPT {
527
+ .Badge-module__hop-Badge--secondary___eoJFi {
490
528
  --background-color: var(--hop-Badge-secondary-background-color);
491
529
  --text-color: var(--hop-Badge-secondary-text-color);
492
530
  }
493
- .Badge-module__hop-Badge--secondary___yyyPT[data-hovered] {
531
+ .Badge-module__hop-Badge--secondary___eoJFi[data-hovered] {
494
532
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
495
533
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
496
534
  }
497
- .Badge-module__hop-Badge--secondary___yyyPT[data-pressed] {
535
+ .Badge-module__hop-Badge--secondary___eoJFi[data-pressed] {
498
536
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
499
537
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
500
538
  }
501
- .Badge-module__hop-Badge--secondary___yyyPT[data-selected] {
539
+ .Badge-module__hop-Badge--secondary___eoJFi[data-selected] {
502
540
  --background-color: var(--hop-Badge-secondary-background-color-selected);
503
541
  --text-color: var(--hop-Badge-secondary-text-color-selected);
504
542
  }
505
- .Badge-module__hop-Badge--subdued___TYOtu {
543
+ .Badge-module__hop-Badge--subdued___BYluq {
506
544
  --background-color: var(--hop-Badge-subdued-background-color);
507
545
  --text-color: var(--hop-Badge-subdued-text-color);
508
546
  }
509
- .Badge-module__hop-Badge--subdued___TYOtu[data-hovered] {
547
+ .Badge-module__hop-Badge--subdued___BYluq[data-hovered] {
510
548
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
511
549
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
512
550
  }
513
- .Badge-module__hop-Badge--subdued___TYOtu[data-pressed] {
551
+ .Badge-module__hop-Badge--subdued___BYluq[data-pressed] {
514
552
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
515
553
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
516
554
  }
517
- .Badge-module__hop-Badge--subdued___TYOtu[data-selected] {
555
+ .Badge-module__hop-Badge--subdued___BYluq[data-selected] {
518
556
  --background-color: var(--hop-Badge-subdued-background-color-selected);
519
557
  --text-color: var(--hop-Badge-subdued-text-color-selected);
520
558
  }
521
- .Badge-module__hop-Badge___xpzue[data-indeterminate] {
559
+ .Badge-module__hop-Badge___viaRy[data-indeterminate] {
522
560
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
523
561
  --height: var(--hop-Badge-indeterminate-height);
524
562
  --width: var(--hop-Badge-indeterminate-width);
525
563
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
526
564
  }
527
- .Badge-module__hop-Badge___xpzue[data-disabled] {
565
+ .Badge-module__hop-Badge___viaRy[data-disabled] {
528
566
  --background-color: var(--hop-Badge-background-color-disabled);
529
567
  --text-color: var(--hop-Badge-text-color-disabled);
530
568
  }
531
569
 
532
570
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
533
- .FloatingBadge-module__hop-FloatingBadge___VsyM9 {
571
+ .FloatingBadge-module__hop-FloatingBadge___aby19 {
534
572
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
535
573
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
536
574
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -571,7 +609,7 @@
571
609
  box-sizing: border-box;
572
610
  inline-size: max-content;
573
611
  }
574
- .FloatingBadge-module__hop-FloatingBadge___VsyM9[data-placement="top right"] {
612
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top right"] {
575
613
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
576
614
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
577
615
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -579,11 +617,11 @@
579
617
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
580
618
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
581
619
  }
582
- .FloatingBadge-module__hop-FloatingBadge___VsyM9[data-placement="top right"][data-overlap=circular] {
620
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top right"][data-overlap=circular] {
583
621
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
584
622
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
585
623
  }
586
- .FloatingBadge-module__hop-FloatingBadge___VsyM9[data-placement="top left"] {
624
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top left"] {
587
625
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
588
626
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
589
627
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -591,11 +629,11 @@
591
629
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
592
630
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
593
631
  }
594
- .FloatingBadge-module__hop-FloatingBadge___VsyM9[data-placement="top left"][data-overlap=circular] {
632
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top left"][data-overlap=circular] {
595
633
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
596
634
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
597
635
  }
598
- .FloatingBadge-module__hop-FloatingBadge___VsyM9[data-placement="bottom right"] {
636
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom right"] {
599
637
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
600
638
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
601
639
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -603,11 +641,11 @@
603
641
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
604
642
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
605
643
  }
606
- .FloatingBadge-module__hop-FloatingBadge___VsyM9[data-placement="bottom right"][data-overlap=circular] {
644
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom right"][data-overlap=circular] {
607
645
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
608
646
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
609
647
  }
610
- .FloatingBadge-module__hop-FloatingBadge___VsyM9[data-placement="bottom left"] {
648
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom left"] {
611
649
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
612
650
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
613
651
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -615,11 +653,11 @@
615
653
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
616
654
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
617
655
  }
618
- .FloatingBadge-module__hop-FloatingBadge___VsyM9[data-placement="bottom left"][data-overlap=circular] {
656
+ .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom left"][data-overlap=circular] {
619
657
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
620
658
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
621
659
  }
622
- .FloatingBadge-module__hop-FloatingBadge__badge___lZcFG {
660
+ .FloatingBadge-module__hop-FloatingBadge__badge___UWYX8 {
623
661
  position: absolute;
624
662
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
625
663
  transform-origin: var(--badge-transform-origin);
@@ -627,7 +665,7 @@
627
665
  }
628
666
 
629
667
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
630
- .IconList-module__hop-IconList___o5J8k {
668
+ .IconList-module__hop-IconList___LMul1 {
631
669
  --hop-IconList-gap: var(--hop-space-inline-xs);
632
670
  display: flex;
633
671
  flex-wrap: wrap;
@@ -636,7 +674,7 @@
636
674
  }
637
675
 
638
676
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
639
- .Checkbox-module__hop-Checkbox___ETBoc {
677
+ .Checkbox-module__hop-Checkbox___8wG-E {
640
678
  --hop-Checkbox-box-border-size: 0.0625rem;
641
679
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
642
680
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -711,60 +749,60 @@
711
749
  inline-size: max-content;
712
750
  max-inline-size: 100%;
713
751
  }
714
- .Checkbox-module__hop-Checkbox___ETBoc[data-focus-visible] {
752
+ .Checkbox-module__hop-Checkbox___8wG-E[data-focus-visible] {
715
753
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
716
754
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
717
755
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
718
756
  --text-color: var(--hop-Checkbox-text-color-focused);
719
757
  --icon-color: var(--hop-Checkbox-icon-color-focused);
720
758
  }
721
- .Checkbox-module__hop-Checkbox___ETBoc[data-hovered] {
759
+ .Checkbox-module__hop-Checkbox___8wG-E[data-hovered] {
722
760
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
723
761
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
724
762
  --text-color: var(--hop-Checkbox-text-color-hovered);
725
763
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
726
764
  }
727
- .Checkbox-module__hop-Checkbox___ETBoc[data-pressed] {
765
+ .Checkbox-module__hop-Checkbox___8wG-E[data-pressed] {
728
766
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
729
767
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
730
768
  --text-color: var(--hop-Checkbox-text-color-pressed);
731
769
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
732
770
  }
733
- .Checkbox-module__hop-Checkbox___ETBoc[data-selected] {
771
+ .Checkbox-module__hop-Checkbox___8wG-E[data-selected] {
734
772
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
735
773
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
736
774
  --check-display: var(--hop-Checkbox-check-display-selected);
737
775
  --text-color: var(--hop-Checkbox-text-color-selected);
738
776
  --icon-color: var(--hop-Checkbox-icon-color-selected);
739
777
  }
740
- .Checkbox-module__hop-Checkbox___ETBoc[data-invalid] {
778
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid] {
741
779
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
742
780
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
743
781
  --check-color: var(--hop-Checkbox-check-color-invalid);
744
782
  --text-color: var(--hop-Checkbox-text-color-invalid);
745
783
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
746
784
  }
747
- .Checkbox-module__hop-Checkbox___ETBoc[data-invalid]:where([data-focus-visible]) {
785
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-focus-visible]) {
748
786
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
749
787
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
750
788
  }
751
- .Checkbox-module__hop-Checkbox___ETBoc[data-invalid]:where([data-hovered]) {
789
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-hovered]) {
752
790
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
753
791
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
754
792
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
755
793
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
756
794
  }
757
- .Checkbox-module__hop-Checkbox___ETBoc[data-invalid]:where([data-pressed]) {
795
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-pressed]) {
758
796
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
759
797
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
760
798
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
761
799
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
762
800
  }
763
- .Checkbox-module__hop-Checkbox___ETBoc:where([data-invalid])[data-selected] {
801
+ .Checkbox-module__hop-Checkbox___8wG-E:where([data-invalid])[data-selected] {
764
802
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
765
803
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
766
804
  }
767
- .Checkbox-module__hop-Checkbox___ETBoc[data-disabled] {
805
+ .Checkbox-module__hop-Checkbox___8wG-E[data-disabled] {
768
806
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
769
807
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
770
808
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -772,25 +810,25 @@
772
810
  --text-color: var(--hop-Checkbox-text-color-disabled);
773
811
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
774
812
  }
775
- .Checkbox-module__hop-Checkbox--sm___fQjik {
813
+ .Checkbox-module__hop-Checkbox--sm___QhMhN {
776
814
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
777
815
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
778
816
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
779
817
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
780
818
  }
781
- .Checkbox-module__hop-Checkbox--md___I7eW8 {
819
+ .Checkbox-module__hop-Checkbox--md___E33rq {
782
820
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
783
821
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
784
822
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
785
823
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
786
824
  }
787
- .Checkbox-module__hop-Checkbox__icon___TIkcG,
788
- .Checkbox-module__hop-Checkbox__icon-list___BaFp4 {
825
+ .Checkbox-module__hop-Checkbox__icon___MBgG2,
826
+ .Checkbox-module__hop-Checkbox__icon-list___YRIrT {
789
827
  flex: 0 0 auto;
790
828
  order: 3;
791
829
  color: var(--icon-color);
792
830
  }
793
- .Checkbox-module__hop-Checkbox__box___SjVmC {
831
+ .Checkbox-module__hop-Checkbox__box___Zqh7x {
794
832
  display: flex;
795
833
  flex: 0 0 auto;
796
834
  align-items: center;
@@ -806,11 +844,11 @@
806
844
  outline-offset: 0.125rem;
807
845
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
808
846
  }
809
- .Checkbox-module__hop-Checkbox__check___vKHSY {
847
+ .Checkbox-module__hop-Checkbox__check___H5h-D {
810
848
  display: var(--check-display);
811
849
  color: var(--check-color);
812
850
  }
813
- .Checkbox-module__hop-Checkbox__text___wMbek {
851
+ .Checkbox-module__hop-Checkbox__text___4FeSA {
814
852
  flex: 0 1 auto;
815
853
  order: 2;
816
854
  min-inline-size: 0;
@@ -820,7 +858,7 @@
820
858
  }
821
859
 
822
860
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
823
- .CheckboxField-module__hop-CheckboxField___-Gpb0 {
861
+ .CheckboxField-module__hop-CheckboxField___KOBzI {
824
862
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
825
863
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
826
864
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -839,28 +877,28 @@
839
877
  inline-size: max-content;
840
878
  max-inline-size: 100%;
841
879
  }
842
- .CheckboxField-module__hop-CheckboxField___-Gpb0[data-disabled] {
880
+ .CheckboxField-module__hop-CheckboxField___KOBzI[data-disabled] {
843
881
  --description-color: var(--hop-CheckboxField-description-color-disabled);
844
882
  }
845
- .CheckboxField-module__hop-CheckboxField--sm___r5ViF {
883
+ .CheckboxField-module__hop-CheckboxField--sm___IFefZ {
846
884
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
847
885
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
848
886
  }
849
- .CheckboxField-module__hop-CheckboxField--md___5vY-9 {
887
+ .CheckboxField-module__hop-CheckboxField--md___ZmYIZ {
850
888
  --row-gap: var(--hop-CheckboxField-md-row-gap);
851
889
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
852
890
  }
853
- .CheckboxField-module__hop-CheckboxField__description___Lezi2 {
891
+ .CheckboxField-module__hop-CheckboxField__description___khXZB {
854
892
  order: 2;
855
893
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
856
894
  color: var(--description-color);
857
895
  }
858
- .CheckboxField-module__hop-CheckboxField__checkbox___IjZju {
896
+ .CheckboxField-module__hop-CheckboxField__checkbox___s-mgu {
859
897
  order: 1;
860
898
  }
861
899
 
862
900
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
863
- .ErrorMessage-module__hop-ErrorMessage___WOnNM {
901
+ .ErrorMessage-module__hop-ErrorMessage___pQwqn {
864
902
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
865
903
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
866
904
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -877,13 +915,13 @@
877
915
  line-height: var(--hop-ErrorMessage-line-height);
878
916
  color: var(--hop-ErrorMessage-color);
879
917
  }
880
- .ErrorMessage-module__hop-ErrorMessage__icon___dSlSm {
918
+ .ErrorMessage-module__hop-ErrorMessage__icon___HUvrj {
881
919
  flex: 0 0 auto;
882
920
  align-self: flex-start;
883
921
  }
884
922
 
885
923
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
886
- .HelperMessage-module__hop-HelperMessage___qrmwr {
924
+ .HelperMessage-module__hop-HelperMessage___FzdVT {
887
925
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
888
926
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
889
927
  display: flex;
@@ -892,13 +930,13 @@
892
930
  box-sizing: border-box;
893
931
  color: var(--hop-HelperMessage-color);
894
932
  }
895
- .HelperMessage-module__hop-HelperMessage__icon___k-xmc {
933
+ .HelperMessage-module__hop-HelperMessage__icon___K8-P1 {
896
934
  flex: 0 0 auto;
897
935
  align-self: flex-start;
898
936
  }
899
937
 
900
938
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
901
- .CheckboxGroup-module__hop-CheckboxGroup___9pZ4x {
939
+ .CheckboxGroup-module__hop-CheckboxGroup___vvz9U {
902
940
  --hop-CheckboxGroup-align-items: flex-start;
903
941
  --hop-CheckboxGroup-justify-content: flex-start;
904
942
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -937,46 +975,46 @@
937
975
  inline-size: max-content;
938
976
  max-inline-size: 100%;
939
977
  }
940
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___KbN5R {
978
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h {
941
979
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
942
980
  --list-border-radius: var(--hop-shape-rounded-md);
943
981
  }
944
- .CheckboxGroup-module__hop-CheckboxGroup--sm___oOUAI {
982
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___rgFWt {
945
983
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
946
984
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
947
985
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
948
986
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
949
987
  }
950
- .CheckboxGroup-module__hop-CheckboxGroup--md___GW0Z7 {
988
+ .CheckboxGroup-module__hop-CheckboxGroup--md___Ed8Q9 {
951
989
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
952
990
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
953
991
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
954
992
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
955
993
  }
956
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___KbN5R.CheckboxGroup-module__hop-CheckboxGroup--sm___oOUAI {
994
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h.CheckboxGroup-module__hop-CheckboxGroup--sm___rgFWt {
957
995
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
958
996
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
959
997
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
960
998
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
961
999
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
962
1000
  }
963
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___KbN5R.CheckboxGroup-module__hop-CheckboxGroup--md___GW0Z7 {
1001
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h.CheckboxGroup-module__hop-CheckboxGroup--md___Ed8Q9 {
964
1002
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
965
1003
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
966
1004
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
967
1005
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
968
1006
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
969
1007
  }
970
- .CheckboxGroup-module__hop-CheckboxGroup___9pZ4x[data-orientation=horizontal] {
1008
+ .CheckboxGroup-module__hop-CheckboxGroup___vvz9U[data-orientation=horizontal] {
971
1009
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
972
1010
  }
973
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___KbN5R[data-orientation=horizontal] {
1011
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h[data-orientation=horizontal] {
974
1012
  --flex-wrap: nowrap;
975
1013
  }
976
- .CheckboxGroup-module__hop-CheckboxGroup___9pZ4x > .CheckboxGroup-module__hop-CheckboxGroup__label___kvZFC {
1014
+ .CheckboxGroup-module__hop-CheckboxGroup___vvz9U > .CheckboxGroup-module__hop-CheckboxGroup__label___U4zvy {
977
1015
  order: 1;
978
1016
  }
979
- .CheckboxGroup-module__hop-CheckboxGroup__list___mMNZ- {
1017
+ .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou {
980
1018
  display: flex;
981
1019
  flex-flow: var(--flex-direction) var(--flex-wrap);
982
1020
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -987,7 +1025,7 @@
987
1025
  border: var(--list-border, none);
988
1026
  border-radius: var(--list-border-radius, 0);
989
1027
  }
990
- .CheckboxGroup-module__hop-CheckboxGroup__list___mMNZ- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fAXbW {
1028
+ .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY {
991
1029
  position: relative;
992
1030
  flex: 0 1 auto;
993
1031
  align-content: start;
@@ -995,28 +1033,28 @@
995
1033
  min-inline-size: 0;
996
1034
  padding: var(--checkbox-padding, 0);
997
1035
  }
998
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___KbN5R .CheckboxGroup-module__hop-CheckboxGroup__list___mMNZ- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fAXbW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fAXbW::before {
1036
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY::before {
999
1037
  content: "";
1000
1038
  position: absolute;
1001
1039
  display: block;
1002
1040
  }
1003
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___KbN5R[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___mMNZ- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fAXbW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fAXbW::before {
1041
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY::before {
1004
1042
  inset-block-start: 0;
1005
1043
  inset-inline: 0;
1006
1044
  border-block-start: var(--list-border, none);
1007
1045
  }
1008
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___KbN5R[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___mMNZ- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fAXbW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fAXbW::before {
1046
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY::before {
1009
1047
  inset-block: 0;
1010
1048
  inset-inline-start: 0;
1011
1049
  border-inline-start: var(--list-border, none);
1012
1050
  }
1013
- .CheckboxGroup-module__hop-CheckboxGroup___9pZ4x > .CheckboxGroup-module__hop-CheckboxGroup__error-message___joD9E,
1014
- .CheckboxGroup-module__hop-CheckboxGroup___9pZ4x > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___yuQQQ {
1051
+ .CheckboxGroup-module__hop-CheckboxGroup___vvz9U > .CheckboxGroup-module__hop-CheckboxGroup__error-message___40d7B,
1052
+ .CheckboxGroup-module__hop-CheckboxGroup___vvz9U > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___wK5w1 {
1015
1053
  order: 3;
1016
1054
  }
1017
1055
 
1018
1056
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1019
- .Checkbox-module__hop-Checkbox___ETBoc {
1057
+ .Checkbox-module__hop-Checkbox___8wG-E {
1020
1058
  --hop-Checkbox-box-border-size: 0.0625rem;
1021
1059
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1022
1060
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1091,60 +1129,60 @@
1091
1129
  inline-size: max-content;
1092
1130
  max-inline-size: 100%;
1093
1131
  }
1094
- .Checkbox-module__hop-Checkbox___ETBoc[data-focus-visible] {
1132
+ .Checkbox-module__hop-Checkbox___8wG-E[data-focus-visible] {
1095
1133
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1096
1134
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1097
1135
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1098
1136
  --text-color: var(--hop-Checkbox-text-color-focused);
1099
1137
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1100
1138
  }
1101
- .Checkbox-module__hop-Checkbox___ETBoc[data-hovered] {
1139
+ .Checkbox-module__hop-Checkbox___8wG-E[data-hovered] {
1102
1140
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1103
1141
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1104
1142
  --text-color: var(--hop-Checkbox-text-color-hovered);
1105
1143
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1106
1144
  }
1107
- .Checkbox-module__hop-Checkbox___ETBoc[data-pressed] {
1145
+ .Checkbox-module__hop-Checkbox___8wG-E[data-pressed] {
1108
1146
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1109
1147
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1110
1148
  --text-color: var(--hop-Checkbox-text-color-pressed);
1111
1149
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1112
1150
  }
1113
- .Checkbox-module__hop-Checkbox___ETBoc[data-selected] {
1151
+ .Checkbox-module__hop-Checkbox___8wG-E[data-selected] {
1114
1152
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1115
1153
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1116
1154
  --check-display: var(--hop-Checkbox-check-display-selected);
1117
1155
  --text-color: var(--hop-Checkbox-text-color-selected);
1118
1156
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1119
1157
  }
1120
- .Checkbox-module__hop-Checkbox___ETBoc[data-invalid] {
1158
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid] {
1121
1159
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1122
1160
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1123
1161
  --check-color: var(--hop-Checkbox-check-color-invalid);
1124
1162
  --text-color: var(--hop-Checkbox-text-color-invalid);
1125
1163
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1126
1164
  }
1127
- .Checkbox-module__hop-Checkbox___ETBoc[data-invalid]:where([data-focus-visible]) {
1165
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-focus-visible]) {
1128
1166
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1129
1167
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1130
1168
  }
1131
- .Checkbox-module__hop-Checkbox___ETBoc[data-invalid]:where([data-hovered]) {
1169
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-hovered]) {
1132
1170
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1133
1171
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1134
1172
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1135
1173
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1136
1174
  }
1137
- .Checkbox-module__hop-Checkbox___ETBoc[data-invalid]:where([data-pressed]) {
1175
+ .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-pressed]) {
1138
1176
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1139
1177
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1140
1178
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1141
1179
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1142
1180
  }
1143
- .Checkbox-module__hop-Checkbox___ETBoc:where([data-invalid])[data-selected] {
1181
+ .Checkbox-module__hop-Checkbox___8wG-E:where([data-invalid])[data-selected] {
1144
1182
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1145
1183
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1146
1184
  }
1147
- .Checkbox-module__hop-Checkbox___ETBoc[data-disabled] {
1185
+ .Checkbox-module__hop-Checkbox___8wG-E[data-disabled] {
1148
1186
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1149
1187
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1150
1188
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1152,25 +1190,25 @@
1152
1190
  --text-color: var(--hop-Checkbox-text-color-disabled);
1153
1191
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1154
1192
  }
1155
- .Checkbox-module__hop-Checkbox--sm___fQjik {
1193
+ .Checkbox-module__hop-Checkbox--sm___QhMhN {
1156
1194
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1157
1195
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1158
1196
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1159
1197
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1160
1198
  }
1161
- .Checkbox-module__hop-Checkbox--md___I7eW8 {
1199
+ .Checkbox-module__hop-Checkbox--md___E33rq {
1162
1200
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1163
1201
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1164
1202
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1165
1203
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1166
1204
  }
1167
- .Checkbox-module__hop-Checkbox__icon___TIkcG,
1168
- .Checkbox-module__hop-Checkbox__icon-list___BaFp4 {
1205
+ .Checkbox-module__hop-Checkbox__icon___MBgG2,
1206
+ .Checkbox-module__hop-Checkbox__icon-list___YRIrT {
1169
1207
  flex: 0 0 auto;
1170
1208
  order: 3;
1171
1209
  color: var(--icon-color);
1172
1210
  }
1173
- .Checkbox-module__hop-Checkbox__box___SjVmC {
1211
+ .Checkbox-module__hop-Checkbox__box___Zqh7x {
1174
1212
  display: flex;
1175
1213
  flex: 0 0 auto;
1176
1214
  align-items: center;
@@ -1186,11 +1224,11 @@
1186
1224
  outline-offset: 0.125rem;
1187
1225
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1188
1226
  }
1189
- .Checkbox-module__hop-Checkbox__check___vKHSY {
1227
+ .Checkbox-module__hop-Checkbox__check___H5h-D {
1190
1228
  display: var(--check-display);
1191
1229
  color: var(--check-color);
1192
1230
  }
1193
- .Checkbox-module__hop-Checkbox__text___wMbek {
1231
+ .Checkbox-module__hop-Checkbox__text___4FeSA {
1194
1232
  flex: 0 1 auto;
1195
1233
  order: 2;
1196
1234
  min-inline-size: 0;
@@ -1198,24 +1236,24 @@
1198
1236
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1199
1237
  color: var(--text-color);
1200
1238
  }
1201
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___e87Lp {
1239
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___YLOZ5 {
1202
1240
  }
1203
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___CMa2q {
1241
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___QVQMu {
1204
1242
  }
1205
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Q--mS {
1243
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___rsPQ8 {
1206
1244
  }
1207
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___WeYWN,
1208
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___z-OYe {
1245
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___u8--4,
1246
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___VnIAN {
1209
1247
  }
1210
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___sgr8X {
1248
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___-xKgq {
1211
1249
  }
1212
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___ttb-o {
1250
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___YGK6g {
1213
1251
  }
1214
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___EpA75 {
1252
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___NL4sB {
1215
1253
  }
1216
1254
 
1217
1255
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1218
- .Radio-module__hop-Radio___ltpNK {
1256
+ .Radio-module__hop-Radio___25U00 {
1219
1257
  --hop-Radio-box-border-size: 0.0625rem;
1220
1258
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1221
1259
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1289,60 +1327,60 @@
1289
1327
  inline-size: max-content;
1290
1328
  max-inline-size: 100%;
1291
1329
  }
1292
- .Radio-module__hop-Radio___ltpNK[data-focus-visible] {
1330
+ .Radio-module__hop-Radio___25U00[data-focus-visible] {
1293
1331
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1294
1332
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1295
1333
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1296
1334
  --text-color: var(--hop-Radio-text-color-focused);
1297
1335
  --icon-color: var(--hop-Radio-icon-color-focused);
1298
1336
  }
1299
- .Radio-module__hop-Radio___ltpNK[data-hovered] {
1337
+ .Radio-module__hop-Radio___25U00[data-hovered] {
1300
1338
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1301
1339
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1302
1340
  --text-color: var(--hop-Radio-text-color-hovered);
1303
1341
  --icon-color: var(--hop-Radio-icon-color-hovered);
1304
1342
  }
1305
- .Radio-module__hop-Radio___ltpNK[data-pressed] {
1343
+ .Radio-module__hop-Radio___25U00[data-pressed] {
1306
1344
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1307
1345
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1308
1346
  --text-color: var(--hop-Radio-text-color-pressed);
1309
1347
  --icon-color: var(--hop-Radio-icon-color-pressed);
1310
1348
  }
1311
- .Radio-module__hop-Radio___ltpNK[data-selected] {
1349
+ .Radio-module__hop-Radio___25U00[data-selected] {
1312
1350
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1313
1351
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1314
1352
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1315
1353
  --text-color: var(--hop-Radio-text-color-selected);
1316
1354
  --icon-color: var(--hop-Radio-icon-color-selected);
1317
1355
  }
1318
- .Radio-module__hop-Radio___ltpNK[data-invalid] {
1356
+ .Radio-module__hop-Radio___25U00[data-invalid] {
1319
1357
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1320
1358
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1321
1359
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1322
1360
  --text-color: var(--hop-Radio-text-color-invalid);
1323
1361
  --icon-color: var(--hop-Radio-icon-color-invalid);
1324
1362
  }
1325
- .Radio-module__hop-Radio___ltpNK:where([data-invalid])[data-focus-visible] {
1363
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-focus-visible] {
1326
1364
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1327
1365
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1328
1366
  }
1329
- .Radio-module__hop-Radio___ltpNK:where([data-invalid])[data-hovered] {
1367
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-hovered] {
1330
1368
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1331
1369
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1332
1370
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1333
1371
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1334
1372
  }
1335
- .Radio-module__hop-Radio___ltpNK:where([data-invalid])[data-pressed] {
1373
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-pressed] {
1336
1374
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1337
1375
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1338
1376
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1339
1377
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1340
1378
  }
1341
- .Radio-module__hop-Radio___ltpNK:where([data-invalid])[data-selected] {
1379
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-selected] {
1342
1380
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1343
1381
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1344
1382
  }
1345
- .Radio-module__hop-Radio___ltpNK[data-disabled] {
1383
+ .Radio-module__hop-Radio___25U00[data-disabled] {
1346
1384
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1347
1385
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1348
1386
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1350,25 +1388,25 @@
1350
1388
  --text-color: var(--hop-Radio-text-color-disabled);
1351
1389
  --icon-color: var(--hop-Radio-icon-color-disabled);
1352
1390
  }
1353
- .Radio-module__hop-Radio--sm___0O-IO {
1391
+ .Radio-module__hop-Radio--sm___joGSt {
1354
1392
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1355
1393
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1356
1394
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1357
1395
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1358
1396
  }
1359
- .Radio-module__hop-Radio--md___WLGB- {
1397
+ .Radio-module__hop-Radio--md___sxQ-f {
1360
1398
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1361
1399
  --box-block-size: var(--hop-Radio-box-md-block-size);
1362
1400
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1363
1401
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1364
1402
  }
1365
- .Radio-module__hop-Radio__icon___YtIob,
1366
- .Radio-module__hop-Radio__icon-list___msCKn {
1403
+ .Radio-module__hop-Radio__icon___-oCWI,
1404
+ .Radio-module__hop-Radio__icon-list___TmZ9d {
1367
1405
  flex: 0 0 auto;
1368
1406
  order: 3;
1369
1407
  color: var(--icon-color);
1370
1408
  }
1371
- .Radio-module__hop-Radio__box___xMd34 {
1409
+ .Radio-module__hop-Radio__box___EPE9W {
1372
1410
  display: flex;
1373
1411
  flex: 0 0 auto;
1374
1412
  align-items: center;
@@ -1384,11 +1422,11 @@
1384
1422
  outline-offset: 0.125rem;
1385
1423
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1386
1424
  }
1387
- .Radio-module__hop-Radio__bullet___uMxd7 {
1425
+ .Radio-module__hop-Radio__bullet___IQyNF {
1388
1426
  display: var(--bullet-display);
1389
1427
  color: var(--bullet-color);
1390
1428
  }
1391
- .Radio-module__hop-Radio__text___L1-2R {
1429
+ .Radio-module__hop-Radio__text___T8kmr {
1392
1430
  flex: 0 1 auto;
1393
1431
  order: 2;
1394
1432
  min-inline-size: 0;
@@ -1396,24 +1434,24 @@
1396
1434
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1397
1435
  color: var(--text-color);
1398
1436
  }
1399
- .DecorativeRadio-module__hop-DecorativeRadio___siC61 {
1437
+ .DecorativeRadio-module__hop-DecorativeRadio___lCIFJ {
1400
1438
  }
1401
- .DecorativeRadio-module__hop-DecorativeRadio--sm___Qi5LK {
1439
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___dZ-ls {
1402
1440
  }
1403
- .DecorativeRadio-module__hop-DecorativeRadio--md___n8Iby {
1441
+ .DecorativeRadio-module__hop-DecorativeRadio--md___pt2As {
1404
1442
  }
1405
- .DecorativeRadio-module__hop-DecorativeRadio__icon___6jGPo,
1406
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___NHGvG {
1443
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___2iq8P,
1444
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___mBdmW {
1407
1445
  }
1408
- .DecorativeRadio-module__hop-DecorativeRadio__box___MoT4Z {
1446
+ .DecorativeRadio-module__hop-DecorativeRadio__box___AqixD {
1409
1447
  }
1410
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___lMe3E {
1448
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___Gxz0O {
1411
1449
  }
1412
- .DecorativeRadio-module__hop-DecorativeRadio__text___t-6m- {
1450
+ .DecorativeRadio-module__hop-DecorativeRadio__text___W67iB {
1413
1451
  }
1414
1452
 
1415
1453
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1416
- .Radio-module__hop-Radio___ltpNK {
1454
+ .Radio-module__hop-Radio___25U00 {
1417
1455
  --hop-Radio-box-border-size: 0.0625rem;
1418
1456
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1419
1457
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1487,60 +1525,60 @@
1487
1525
  inline-size: max-content;
1488
1526
  max-inline-size: 100%;
1489
1527
  }
1490
- .Radio-module__hop-Radio___ltpNK[data-focus-visible] {
1528
+ .Radio-module__hop-Radio___25U00[data-focus-visible] {
1491
1529
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1492
1530
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1493
1531
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1494
1532
  --text-color: var(--hop-Radio-text-color-focused);
1495
1533
  --icon-color: var(--hop-Radio-icon-color-focused);
1496
1534
  }
1497
- .Radio-module__hop-Radio___ltpNK[data-hovered] {
1535
+ .Radio-module__hop-Radio___25U00[data-hovered] {
1498
1536
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1499
1537
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1500
1538
  --text-color: var(--hop-Radio-text-color-hovered);
1501
1539
  --icon-color: var(--hop-Radio-icon-color-hovered);
1502
1540
  }
1503
- .Radio-module__hop-Radio___ltpNK[data-pressed] {
1541
+ .Radio-module__hop-Radio___25U00[data-pressed] {
1504
1542
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1505
1543
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1506
1544
  --text-color: var(--hop-Radio-text-color-pressed);
1507
1545
  --icon-color: var(--hop-Radio-icon-color-pressed);
1508
1546
  }
1509
- .Radio-module__hop-Radio___ltpNK[data-selected] {
1547
+ .Radio-module__hop-Radio___25U00[data-selected] {
1510
1548
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1511
1549
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1512
1550
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1513
1551
  --text-color: var(--hop-Radio-text-color-selected);
1514
1552
  --icon-color: var(--hop-Radio-icon-color-selected);
1515
1553
  }
1516
- .Radio-module__hop-Radio___ltpNK[data-invalid] {
1554
+ .Radio-module__hop-Radio___25U00[data-invalid] {
1517
1555
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1518
1556
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1519
1557
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1520
1558
  --text-color: var(--hop-Radio-text-color-invalid);
1521
1559
  --icon-color: var(--hop-Radio-icon-color-invalid);
1522
1560
  }
1523
- .Radio-module__hop-Radio___ltpNK:where([data-invalid])[data-focus-visible] {
1561
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-focus-visible] {
1524
1562
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1525
1563
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1526
1564
  }
1527
- .Radio-module__hop-Radio___ltpNK:where([data-invalid])[data-hovered] {
1565
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-hovered] {
1528
1566
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1529
1567
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1530
1568
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1531
1569
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1532
1570
  }
1533
- .Radio-module__hop-Radio___ltpNK:where([data-invalid])[data-pressed] {
1571
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-pressed] {
1534
1572
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1535
1573
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1536
1574
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1537
1575
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1538
1576
  }
1539
- .Radio-module__hop-Radio___ltpNK:where([data-invalid])[data-selected] {
1577
+ .Radio-module__hop-Radio___25U00:where([data-invalid])[data-selected] {
1540
1578
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1541
1579
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1542
1580
  }
1543
- .Radio-module__hop-Radio___ltpNK[data-disabled] {
1581
+ .Radio-module__hop-Radio___25U00[data-disabled] {
1544
1582
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1545
1583
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1546
1584
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1548,25 +1586,25 @@
1548
1586
  --text-color: var(--hop-Radio-text-color-disabled);
1549
1587
  --icon-color: var(--hop-Radio-icon-color-disabled);
1550
1588
  }
1551
- .Radio-module__hop-Radio--sm___0O-IO {
1589
+ .Radio-module__hop-Radio--sm___joGSt {
1552
1590
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1553
1591
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1554
1592
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1555
1593
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1556
1594
  }
1557
- .Radio-module__hop-Radio--md___WLGB- {
1595
+ .Radio-module__hop-Radio--md___sxQ-f {
1558
1596
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1559
1597
  --box-block-size: var(--hop-Radio-box-md-block-size);
1560
1598
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1561
1599
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1562
1600
  }
1563
- .Radio-module__hop-Radio__icon___YtIob,
1564
- .Radio-module__hop-Radio__icon-list___msCKn {
1601
+ .Radio-module__hop-Radio__icon___-oCWI,
1602
+ .Radio-module__hop-Radio__icon-list___TmZ9d {
1565
1603
  flex: 0 0 auto;
1566
1604
  order: 3;
1567
1605
  color: var(--icon-color);
1568
1606
  }
1569
- .Radio-module__hop-Radio__box___xMd34 {
1607
+ .Radio-module__hop-Radio__box___EPE9W {
1570
1608
  display: flex;
1571
1609
  flex: 0 0 auto;
1572
1610
  align-items: center;
@@ -1582,11 +1620,11 @@
1582
1620
  outline-offset: 0.125rem;
1583
1621
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1584
1622
  }
1585
- .Radio-module__hop-Radio__bullet___uMxd7 {
1623
+ .Radio-module__hop-Radio__bullet___IQyNF {
1586
1624
  display: var(--bullet-display);
1587
1625
  color: var(--bullet-color);
1588
1626
  }
1589
- .Radio-module__hop-Radio__text___L1-2R {
1627
+ .Radio-module__hop-Radio__text___T8kmr {
1590
1628
  flex: 0 1 auto;
1591
1629
  order: 2;
1592
1630
  min-inline-size: 0;
@@ -1596,7 +1634,7 @@
1596
1634
  }
1597
1635
 
1598
1636
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1599
- .RadioField-module__hop-RadioField___--ytX {
1637
+ .RadioField-module__hop-RadioField___i4ueJ {
1600
1638
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1601
1639
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1602
1640
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1615,28 +1653,28 @@
1615
1653
  inline-size: max-content;
1616
1654
  max-inline-size: 100%;
1617
1655
  }
1618
- .RadioField-module__hop-RadioField___--ytX[data-disabled] {
1656
+ .RadioField-module__hop-RadioField___i4ueJ[data-disabled] {
1619
1657
  --description-color: var(--hop-RadioField-description-color-disabled);
1620
1658
  }
1621
- .RadioField-module__hop-RadioField--sm___RVjSh {
1659
+ .RadioField-module__hop-RadioField--sm___FSvix {
1622
1660
  --row-gap: var(--hop-RadioField-sm-row-gap);
1623
1661
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1624
1662
  }
1625
- .RadioField-module__hop-RadioField--md___3KXr1 {
1663
+ .RadioField-module__hop-RadioField--md___0qg3f {
1626
1664
  --row-gap: var(--hop-RadioField-md-row-gap);
1627
1665
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1628
1666
  }
1629
- .RadioField-module__hop-RadioField__description___Xl2pe {
1667
+ .RadioField-module__hop-RadioField__description___iMey4 {
1630
1668
  order: 2;
1631
1669
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1632
1670
  color: var(--description-color);
1633
1671
  }
1634
- .RadioField-module__hop-RadioField__radio___sEmfn {
1672
+ .RadioField-module__hop-RadioField__radio___dNzXm {
1635
1673
  order: 1;
1636
1674
  }
1637
1675
 
1638
1676
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1639
- .RadioGroup-module__hop-RadioGroup___ZuEVZ {
1677
+ .RadioGroup-module__hop-RadioGroup___GMq7R {
1640
1678
  --hop-RadioGroup-align-items: flex-start;
1641
1679
  --hop-RadioGroup-justify-content: flex-start;
1642
1680
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1676,46 +1714,46 @@
1676
1714
  inline-size: var(--inline-size);
1677
1715
  max-inline-size: 100%;
1678
1716
  }
1679
- .RadioGroup-module__hop-RadioGroup--bordered___3VG-A {
1717
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw {
1680
1718
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1681
1719
  --list-border-radius: var(--hop-shape-rounded-md);
1682
1720
  }
1683
- .RadioGroup-module__hop-RadioGroup--sm___05s08 {
1721
+ .RadioGroup-module__hop-RadioGroup--sm___CNf-I {
1684
1722
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1685
1723
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1686
1724
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1687
1725
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1688
1726
  }
1689
- .RadioGroup-module__hop-RadioGroup--md___VsS8a {
1727
+ .RadioGroup-module__hop-RadioGroup--md___msKVd {
1690
1728
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1691
1729
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1692
1730
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1693
1731
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1694
1732
  }
1695
- .RadioGroup-module__hop-RadioGroup--bordered___3VG-A.RadioGroup-module__hop-RadioGroup--sm___05s08 {
1733
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw.RadioGroup-module__hop-RadioGroup--sm___CNf-I {
1696
1734
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1697
1735
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1698
1736
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1699
1737
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1700
1738
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1701
1739
  }
1702
- .RadioGroup-module__hop-RadioGroup--bordered___3VG-A.RadioGroup-module__hop-RadioGroup--md___VsS8a {
1740
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw.RadioGroup-module__hop-RadioGroup--md___msKVd {
1703
1741
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1704
1742
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1705
1743
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1706
1744
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1707
1745
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1708
1746
  }
1709
- .RadioGroup-module__hop-RadioGroup___ZuEVZ[data-orientation=horizontal] {
1747
+ .RadioGroup-module__hop-RadioGroup___GMq7R[data-orientation=horizontal] {
1710
1748
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1711
1749
  }
1712
- .RadioGroup-module__hop-RadioGroup--bordered___3VG-A[data-orientation=horizontal] {
1750
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw[data-orientation=horizontal] {
1713
1751
  --flex-wrap: nowrap;
1714
1752
  }
1715
- .RadioGroup-module__hop-RadioGroup___ZuEVZ > .RadioGroup-module__hop-RadioGroup__label___nT4Xz {
1753
+ .RadioGroup-module__hop-RadioGroup___GMq7R > .RadioGroup-module__hop-RadioGroup__label___j8yV9 {
1716
1754
  order: 1;
1717
1755
  }
1718
- .RadioGroup-module__hop-RadioGroup__list___BgI-A {
1756
+ .RadioGroup-module__hop-RadioGroup__list___XTuiK {
1719
1757
  display: flex;
1720
1758
  flex-flow: var(--flex-direction) var(--flex-wrap);
1721
1759
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1726,7 +1764,7 @@
1726
1764
  border: var(--list-border, none);
1727
1765
  border-radius: var(--list-border-radius, 0);
1728
1766
  }
1729
- .RadioGroup-module__hop-RadioGroup__list___BgI-A > .RadioGroup-module__hop-RadioGroup__radio___VcAZc {
1767
+ .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx {
1730
1768
  position: relative;
1731
1769
  flex: 0 1 auto;
1732
1770
  align-content: start;
@@ -1734,28 +1772,28 @@
1734
1772
  min-inline-size: 0;
1735
1773
  padding: var(--radio-padding, 0);
1736
1774
  }
1737
- .RadioGroup-module__hop-RadioGroup--bordered___3VG-A .RadioGroup-module__hop-RadioGroup__list___BgI-A > .RadioGroup-module__hop-RadioGroup__radio___VcAZc ~ .RadioGroup-module__hop-RadioGroup__radio___VcAZc::before {
1775
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx ~ .RadioGroup-module__hop-RadioGroup__radio___tFeUx::before {
1738
1776
  content: "";
1739
1777
  position: absolute;
1740
1778
  display: block;
1741
1779
  }
1742
- .RadioGroup-module__hop-RadioGroup--bordered___3VG-A[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___BgI-A > .RadioGroup-module__hop-RadioGroup__radio___VcAZc ~ .RadioGroup-module__hop-RadioGroup__radio___VcAZc::before {
1780
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx ~ .RadioGroup-module__hop-RadioGroup__radio___tFeUx::before {
1743
1781
  inset-block-start: 0;
1744
1782
  inset-inline: 0;
1745
1783
  border-block-start: var(--list-border, none);
1746
1784
  }
1747
- .RadioGroup-module__hop-RadioGroup--bordered___3VG-A[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___BgI-A > .RadioGroup-module__hop-RadioGroup__radio___VcAZc ~ .RadioGroup-module__hop-RadioGroup__radio___VcAZc::before {
1785
+ .RadioGroup-module__hop-RadioGroup--bordered___pqpdw[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx ~ .RadioGroup-module__hop-RadioGroup__radio___tFeUx::before {
1748
1786
  inset-block: 0;
1749
1787
  inset-inline-start: 0;
1750
1788
  border-inline-start: var(--list-border, none);
1751
1789
  }
1752
- .RadioGroup-module__hop-RadioGroup___ZuEVZ > .RadioGroup-module__hop-RadioGroup__error-message___xUl-f,
1753
- .RadioGroup-module__hop-RadioGroup___ZuEVZ > .RadioGroup-module__hop-RadioGroup__helper-message___jamIc {
1790
+ .RadioGroup-module__hop-RadioGroup___GMq7R > .RadioGroup-module__hop-RadioGroup__error-message___DRfAq,
1791
+ .RadioGroup-module__hop-RadioGroup___GMq7R > .RadioGroup-module__hop-RadioGroup__helper-message___8grp6 {
1754
1792
  order: 3;
1755
1793
  }
1756
1794
 
1757
1795
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1758
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___pSWxx {
1796
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___DXN8w {
1759
1797
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1760
1798
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1761
1799
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1781,7 +1819,7 @@
1781
1819
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1782
1820
  background-size: 400% 100%;
1783
1821
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1784
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-3sp-;
1822
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___JWQ4O;
1785
1823
  animation-duration: var(--animation-duration);
1786
1824
  animation-timing-function: ease-in-out;
1787
1825
  animation-fill-mode: forwards;
@@ -1790,19 +1828,19 @@
1790
1828
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1791
1829
  }
1792
1830
  }
1793
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___pwbhz {
1831
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___TXhPk {
1794
1832
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1795
1833
  }
1796
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___6N0Lw {
1834
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___gO3ir {
1797
1835
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1798
1836
  }
1799
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___vSeek {
1837
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___l8LoZ {
1800
1838
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1801
1839
  }
1802
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___ZpaNH {
1840
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Md68K {
1803
1841
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1804
1842
  }
1805
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-3sp- {
1843
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___JWQ4O {
1806
1844
  0% {
1807
1845
  background-position: 125% 50%;
1808
1846
  }
@@ -1812,7 +1850,7 @@
1812
1850
  }
1813
1851
 
1814
1852
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1815
- .ListBoxItem-module__hop-ListBoxItem___yIjow {
1853
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC {
1816
1854
  --hop-ListBoxItem-background-color: transparent;
1817
1855
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1818
1856
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1909,129 +1947,129 @@
1909
1947
  outline: var(--outline);
1910
1948
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1911
1949
  }
1912
- .ListBoxItem-module__hop-ListBoxItem--xs___PJFNJ {
1950
+ .ListBoxItem-module__hop-ListBoxItem--xs___fBMJq {
1913
1951
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1914
1952
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1915
1953
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1916
1954
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1917
1955
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1918
1956
  }
1919
- .ListBoxItem-module__hop-ListBoxItem--sm___1SQuk {
1957
+ .ListBoxItem-module__hop-ListBoxItem--sm___NvhU9 {
1920
1958
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1921
1959
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1922
1960
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1923
1961
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1924
1962
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1925
1963
  }
1926
- .ListBoxItem-module__hop-ListBoxItem--md___XARdv {
1964
+ .ListBoxItem-module__hop-ListBoxItem--md___wMnoS {
1927
1965
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1928
1966
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1929
1967
  --min-height: var(--hop-ListBoxItem-md-min-height);
1930
1968
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1931
1969
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1932
1970
  }
1933
- .ListBoxItem-module__hop-ListBoxItem--lg___DYiCH {
1971
+ .ListBoxItem-module__hop-ListBoxItem--lg___qr83q {
1934
1972
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1935
1973
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1936
1974
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1937
1975
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1938
1976
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1939
1977
  }
1940
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-selection-mode] {
1978
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-selection-mode] {
1941
1979
  --cursor: pointer;
1942
1980
  }
1943
- .ListBoxItem-module__hop-ListBoxItem___yIjow:not([data-selection-mode]) {
1981
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC:not([data-selection-mode]) {
1944
1982
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1945
1983
  }
1946
- .ListBoxItem-module__hop-ListBoxItem__inner___IMHdE:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___beU8K) {
1984
+ .ListBoxItem-module__hop-ListBoxItem__inner___eV3Tg:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___X0SZU) {
1947
1985
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1948
1986
  }
1949
- .ListBoxItem-module__hop-ListBoxItem__inner___IMHdE[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___beU8K) {
1987
+ .ListBoxItem-module__hop-ListBoxItem__inner___eV3Tg[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___X0SZU) {
1950
1988
  --checkmark-transition: none;
1951
1989
  }
1952
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-selected] {
1990
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-selected] {
1953
1991
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1954
1992
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1955
1993
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1956
1994
  --checkmark-opacity: 1;
1957
1995
  }
1958
- .ListBoxItem-module__hop-ListBoxItem--xs___PJFNJ[data-selected] {
1996
+ .ListBoxItem-module__hop-ListBoxItem--xs___fBMJq[data-selected] {
1959
1997
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1960
1998
  }
1961
- .ListBoxItem-module__hop-ListBoxItem--sm___1SQuk[data-selected] {
1999
+ .ListBoxItem-module__hop-ListBoxItem--sm___NvhU9[data-selected] {
1962
2000
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1963
2001
  }
1964
- .ListBoxItem-module__hop-ListBoxItem--md___XARdv[data-selected] {
2002
+ .ListBoxItem-module__hop-ListBoxItem--md___wMnoS[data-selected] {
1965
2003
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1966
2004
  }
1967
- .ListBoxItem-module__hop-ListBoxItem--lg___DYiCH[data-selected] {
2005
+ .ListBoxItem-module__hop-ListBoxItem--lg___qr83q[data-selected] {
1968
2006
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1969
2007
  }
1970
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-focus-visible] {
2008
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-focus-visible] {
1971
2009
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1972
2010
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1973
2011
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1974
2012
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1975
2013
  }
1976
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-hovered] {
2014
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-hovered] {
1977
2015
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1978
2016
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1979
2017
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1980
2018
  }
1981
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-pressed] {
2019
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-pressed] {
1982
2020
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1983
2021
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1984
2022
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1985
2023
  }
1986
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-disabled] {
2024
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-disabled] {
1987
2025
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1988
2026
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1989
2027
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1990
2028
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1991
2029
  --cursor: not-allowed;
1992
2030
  }
1993
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-invalid] {
2031
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid] {
1994
2032
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1995
2033
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1996
2034
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1997
2035
  }
1998
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-invalid][data-selected] {
2036
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-selected] {
1999
2037
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2000
2038
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2001
2039
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2002
2040
  }
2003
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-invalid][data-focus-visible] {
2041
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-focus-visible] {
2004
2042
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2005
2043
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2006
2044
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2007
2045
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2008
2046
  }
2009
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-invalid][data-hovered] {
2047
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-hovered] {
2010
2048
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2011
2049
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2012
2050
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2013
2051
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2014
2052
  }
2015
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-invalid][data-pressed] {
2053
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-pressed] {
2016
2054
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2017
2055
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2018
2056
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2019
2057
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2020
2058
  }
2021
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-invalid][data-disabled] {
2059
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-disabled] {
2022
2060
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2023
2061
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2024
2062
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2025
2063
  }
2026
- .ListBoxItem-module__hop-ListBoxItem___yIjow:has(.ListBoxItem-module__hop-ListBoxItem__description___tWXBi) {
2064
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC:has(.ListBoxItem-module__hop-ListBoxItem__description___7AUv6) {
2027
2065
  --row-gap: var(--hop-ListBoxItem-row-gap);
2028
2066
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2029
2067
  }
2030
- .ListBoxItem-module__hop-ListBoxItem___yIjow[data-loading] {
2068
+ .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-loading] {
2031
2069
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2032
2070
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2033
2071
  }
2034
- .ListBoxItem-module__hop-ListBoxItem__inner___IMHdE {
2072
+ .ListBoxItem-module__hop-ListBoxItem__inner___eV3Tg {
2035
2073
  display: grid;
2036
2074
  grid-template-areas: var(--grid-template-areas);
2037
2075
  grid-template-columns: var(--grid-template-columns);
@@ -2043,33 +2081,33 @@
2043
2081
  padding-inline: var(--padding-inline);
2044
2082
  transition: grid-template-columns .3s ease-in-out;
2045
2083
  }
2046
- .ListBoxItem-module__hop-ListBoxItem__checkmark___beU8K {
2084
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___X0SZU {
2047
2085
  grid-area: indicator;
2048
2086
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2049
2087
  color: var(--icon-color);
2050
2088
  opacity: var(--checkmark-opacity);
2051
2089
  transition: var(--checkmark-transition);
2052
2090
  }
2053
- .ListBoxItem-module__hop-ListBoxItem__radio___dR31o,
2054
- .ListBoxItem-module__hop-ListBoxItem__checkbox___DClj2 {
2091
+ .ListBoxItem-module__hop-ListBoxItem__radio___fVANx,
2092
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___fNjY2 {
2055
2093
  pointer-events: none;
2056
2094
  user-select: none;
2057
2095
  grid-area: indicator;
2058
2096
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2059
2097
  }
2060
- .ListBoxItem-module__hop-ListBoxItem__avatar___EOYGM {
2098
+ .ListBoxItem-module__hop-ListBoxItem__avatar___XWKgm {
2061
2099
  grid-area: avatar;
2062
2100
  margin-block: var(--avatar-margin-block, 0);
2063
2101
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2064
2102
  }
2065
- .ListBoxItem-module__hop-ListBoxItem__icon-list___05Pax,
2066
- .ListBoxItem-module__hop-ListBoxItem__icon___b7ZOQ {
2103
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___jC-Iz,
2104
+ .ListBoxItem-module__hop-ListBoxItem__icon___yn4ol {
2067
2105
  grid-area: icon;
2068
2106
  flex: 0 0 auto;
2069
2107
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2070
2108
  color: var(--icon-color);
2071
2109
  }
2072
- .ListBoxItem-module__hop-ListBoxItem__label___K6Elt {
2110
+ .ListBoxItem-module__hop-ListBoxItem__label___MkIzc {
2073
2111
  overflow: hidden;
2074
2112
  grid-area: label;
2075
2113
  min-inline-size: 0;
@@ -2077,18 +2115,18 @@
2077
2115
  text-overflow: ellipsis;
2078
2116
  white-space: nowrap;
2079
2117
  }
2080
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___mf6QU,
2081
- .ListBoxItem-module__hop-ListBoxItem__end-icon___832gu {
2118
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___7TEGQ,
2119
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___2-Mx3 {
2082
2120
  grid-area: end-icon;
2083
2121
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2084
2122
  color: var(--icon-color);
2085
2123
  }
2086
- .ListBoxItem-module__hop-ListBoxItem__badge___GmF0u {
2124
+ .ListBoxItem-module__hop-ListBoxItem__badge___i6GzD {
2087
2125
  grid-area: badge;
2088
2126
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2089
2127
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2090
2128
  }
2091
- .ListBoxItem-module__hop-ListBoxItem__description___tWXBi {
2129
+ .ListBoxItem-module__hop-ListBoxItem__description___7AUv6 {
2092
2130
  overflow: hidden;
2093
2131
  display: -webkit-box;
2094
2132
  grid-area: description;
@@ -2099,7 +2137,7 @@
2099
2137
  }
2100
2138
 
2101
2139
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2102
- .ListBox-module__hop-ListBox___LJ9-C {
2140
+ .ListBox-module__hop-ListBox___8y5T- {
2103
2141
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2104
2142
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2105
2143
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2146,11 +2184,11 @@
2146
2184
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2147
2185
  border-radius: var(--hop-ListBox-border-radius);
2148
2186
  }
2149
- .ListBox-module__hop-ListBox--fluid___I0VWA {
2187
+ .ListBox-module__hop-ListBox--fluid___FNjaj {
2150
2188
  --max-width: var(--hop-ListBox-fluid-max-width);
2151
2189
  --width: var(--hop-ListBox-fluid-width);
2152
2190
  }
2153
- .ListBox-module__hop-ListBox__section___yzk36 {
2191
+ .ListBox-module__hop-ListBox__section___NIdPq {
2154
2192
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2155
2193
  margin-inline: var(--hop-ListBox-section-margin-inline);
2156
2194
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2158,21 +2196,21 @@
2158
2196
  border-block-start: var(--section-border-block-start);
2159
2197
  border-block-end: var(--section-border-block-end);
2160
2198
  }
2161
- .ListBox-module__hop-ListBox__item___4c6S- + .ListBox-module__hop-ListBox__section___yzk36 {
2199
+ .ListBox-module__hop-ListBox__item___rW-BA + .ListBox-module__hop-ListBox__section___NIdPq {
2162
2200
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2163
2201
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2164
2202
  }
2165
- .ListBox-module__hop-ListBox__section___yzk36:has(+ .ListBox-module__hop-ListBox__item___4c6S-) {
2203
+ .ListBox-module__hop-ListBox__section___NIdPq:has(+ .ListBox-module__hop-ListBox__item___rW-BA) {
2166
2204
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2167
2205
  }
2168
- .ListBox-module__hop-ListBox__section___yzk36:first-child {
2206
+ .ListBox-module__hop-ListBox__section___NIdPq:first-child {
2169
2207
  --section-padding-block-start: 0;
2170
2208
  }
2171
- .ListBox-module__hop-ListBox__section___yzk36:last-child {
2209
+ .ListBox-module__hop-ListBox__section___NIdPq:last-child {
2172
2210
  --section-padding-block-end: 0;
2173
2211
  --section-border-block-end: 0;
2174
2212
  }
2175
- .ListBox-module__hop-ListBox__section-header___lNYl9 {
2213
+ .ListBox-module__hop-ListBox__section-header___GLemO {
2176
2214
  margin: 0;
2177
2215
  padding: var(--hop-ListBox-section-header-padding);
2178
2216
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2183,17 +2221,17 @@
2183
2221
  text-transform: var(--hop-ListBox-section-header-text-transform);
2184
2222
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2185
2223
  }
2186
- .ListBox-module__hop-ListBox__section-header___lNYl9::before,
2187
- .ListBox-module__hop-ListBox__section-header___lNYl9::after {
2224
+ .ListBox-module__hop-ListBox__section-header___GLemO::before,
2225
+ .ListBox-module__hop-ListBox__section-header___GLemO::after {
2188
2226
  content: "";
2189
2227
  display: block;
2190
2228
  box-sizing: border-box;
2191
2229
  inline-size: 0;
2192
2230
  block-size: 0;
2193
2231
  }
2194
- .ListBox-module__hop-ListBox__section-header___lNYl9::before {
2232
+ .ListBox-module__hop-ListBox__section-header___GLemO::before {
2195
2233
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2196
2234
  }
2197
- .ListBox-module__hop-ListBox__section-header___lNYl9::after {
2235
+ .ListBox-module__hop-ListBox__section-header___GLemO::after {
2198
2236
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2199
2237
  }