@hopper-ui/components 1.7.0 → 1.8.1

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 (363) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/accordion/src/Accordion.css +78 -78
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +78 -78
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +685 -313
  7. package/dist/alert/src/Alert.js +11 -10
  8. package/dist/alert/src/index.css +685 -313
  9. package/dist/alert/src/index.js +11 -10
  10. package/dist/avatar/src/AnonymousAvatar.css +48 -48
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +66 -66
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +65 -65
  15. package/dist/avatar/src/AvatarGroup.js +6 -6
  16. package/dist/avatar/src/BrokenAvatar.css +48 -48
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +48 -48
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +48 -48
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +93 -93
  23. package/dist/avatar/src/index.js +11 -11
  24. package/dist/badge/src/Badge.css +53 -53
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +48 -48
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +63 -63
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +104 -104
  31. package/dist/buttons/src/Button.js +7 -6
  32. package/dist/buttons/src/ButtonContext.d.ts +1 -1
  33. package/dist/buttons/src/ButtonGroup.css +49 -49
  34. package/dist/buttons/src/ButtonGroup.js +1 -1
  35. package/dist/buttons/src/ClearButton.css +109 -109
  36. package/dist/buttons/src/ClearButton.js +2 -2
  37. package/dist/buttons/src/CloseButton.css +105 -105
  38. package/dist/buttons/src/CloseButton.js +8 -7
  39. package/dist/buttons/src/EmbeddedButton.css +109 -109
  40. package/dist/buttons/src/EmbeddedButton.js +1 -1
  41. package/dist/buttons/src/LinkButton.css +113 -113
  42. package/dist/buttons/src/LinkButton.js +5 -5
  43. package/dist/buttons/src/ToggleButton.css +729 -0
  44. package/dist/buttons/src/ToggleButton.d.ts +50 -0
  45. package/dist/buttons/src/ToggleButton.js +17 -0
  46. package/dist/buttons/src/ToggleButtonContext.d.ts +22 -0
  47. package/dist/buttons/src/ToggleButtonContext.js +2 -0
  48. package/dist/buttons/src/index.css +633 -261
  49. package/dist/buttons/src/index.d.ts +2 -0
  50. package/dist/buttons/src/index.js +14 -11
  51. package/dist/callout/src/Callout.css +645 -273
  52. package/dist/callout/src/Callout.js +9 -8
  53. package/dist/callout/src/CompactCallout.css +682 -310
  54. package/dist/callout/src/CompactCallout.js +9 -8
  55. package/dist/callout/src/index.css +694 -322
  56. package/dist/callout/src/index.js +11 -10
  57. package/dist/card/src/Card.css +41 -41
  58. package/dist/card/src/Card.js +1 -1
  59. package/dist/card/src/index.css +41 -41
  60. package/dist/card/src/index.js +1 -1
  61. package/dist/checkbox/src/Checkbox.css +57 -57
  62. package/dist/checkbox/src/Checkbox.js +5 -5
  63. package/dist/checkbox/src/CheckboxField.css +44 -44
  64. package/dist/checkbox/src/CheckboxField.js +3 -3
  65. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  66. package/dist/checkbox/src/CheckboxGroup.js +8 -8
  67. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  68. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  69. package/dist/checkbox/src/index.css +109 -109
  70. package/dist/checkbox/src/index.js +13 -13
  71. package/dist/{chunk-2KFOOJ34.js → chunk-222IE227.js} +8 -8
  72. package/dist/{chunk-NC7G3EHF.js → chunk-2JM4DHKX.js} +2 -2
  73. package/dist/{chunk-VBJVG2YA.js → chunk-4GZR3IQU.js} +5 -5
  74. package/dist/{chunk-OS6JDQKO.js → chunk-4U6NS4RG.js} +2 -2
  75. package/dist/{chunk-57RTMTQ7.js → chunk-4UYEDXKD.js} +2 -2
  76. package/dist/{chunk-J5FY5YAZ.js → chunk-4VJFEBFF.js} +1 -1
  77. package/dist/{chunk-67EK2P5M.js → chunk-4VXXQDUF.js} +2 -2
  78. package/dist/{chunk-CT3S2ZJP.js → chunk-55HC57WP.js} +2 -2
  79. package/dist/{chunk-YFQIN27E.js → chunk-5VFGSK3Q.js} +1 -1
  80. package/dist/{chunk-AX3SYX3G.js → chunk-66NSPKER.js} +1 -1
  81. package/dist/{chunk-UFR36PXP.js → chunk-6B5X5DW6.js} +2 -2
  82. package/dist/{chunk-WJE3JIRZ.js → chunk-6ZRODOHF.js} +2 -2
  83. package/dist/{chunk-OYPIU6JL.js → chunk-7AMXCGZH.js} +2 -2
  84. package/dist/{chunk-J6FKM7WM.js → chunk-7N7LPSW5.js} +1 -1
  85. package/dist/{chunk-EDDYY4KO.js → chunk-7WXGQYRX.js} +1 -1
  86. package/dist/{chunk-NFETZ57D.js → chunk-7YQXR4GT.js} +1 -1
  87. package/dist/{chunk-QARGGDML.js → chunk-A6HV7P3V.js} +3 -3
  88. package/dist/{chunk-23WYVBUK.js → chunk-AAQNTM4W.js} +2 -2
  89. package/dist/{chunk-LMH2XI5J.js → chunk-AWFT7OG6.js} +1 -1
  90. package/dist/{chunk-VSCRFXJ2.js → chunk-AWY43QYS.js} +5 -5
  91. package/dist/{chunk-JNJFX2LE.js → chunk-BB3DOJQO.js} +1 -1
  92. package/dist/{chunk-V7VDYDIQ.js → chunk-BDEB6QME.js} +3 -3
  93. package/dist/{chunk-QSCBTSIF.js → chunk-BJ25X6R6.js} +1 -1
  94. package/dist/{chunk-PJ2RHMZ3.js → chunk-BRTA3B4K.js} +2 -2
  95. package/dist/{chunk-UBBZ4LV5.js → chunk-BWG5FBCH.js} +7 -7
  96. package/dist/chunk-BYERWFG4.js +7 -0
  97. package/dist/{chunk-3VZPTUVR.js → chunk-CCRSUEFE.js} +2 -2
  98. package/dist/{chunk-HQJZSCV7.js → chunk-CKAFP2EL.js} +1 -1
  99. package/dist/{chunk-LBXB3JFD.js → chunk-CPFQCM5O.js} +5 -5
  100. package/dist/{chunk-PQVBUEXC.js → chunk-CPXJMPIC.js} +2 -2
  101. package/dist/{chunk-YDNBMCQD.js → chunk-D3NPXS4Z.js} +1 -1
  102. package/dist/{chunk-N7A4SDQA.js → chunk-DIKA2MGL.js} +12 -12
  103. package/dist/{chunk-LUCUQMMD.js → chunk-E7J5N2N7.js} +2 -2
  104. package/dist/{chunk-V5PLUMR5.js → chunk-EF4Y6YRP.js} +3 -3
  105. package/dist/{chunk-UBILZ2MS.js → chunk-ENXNOBTC.js} +1 -1
  106. package/dist/{chunk-JBTFYM4B.js → chunk-EWVJCV2O.js} +2 -2
  107. package/dist/{chunk-RIFW5PYW.js → chunk-EYG6UDBQ.js} +2 -2
  108. package/dist/{chunk-LOFWD2GD.js → chunk-F74KDYAO.js} +2 -2
  109. package/dist/{chunk-PDWWX5JI.js → chunk-FECFPOFS.js} +3 -3
  110. package/dist/{chunk-OINTMN5W.js → chunk-FSZMFYXI.js} +2 -2
  111. package/dist/{chunk-5H2DG3VF.js → chunk-GV3YGT5G.js} +2 -2
  112. package/dist/{chunk-DP4FHVJR.js → chunk-GVWP54YT.js} +10 -10
  113. package/dist/{chunk-OABMTS4J.js → chunk-H2UR6TXA.js} +1 -1
  114. package/dist/{chunk-JVLK5INM.js → chunk-HASWWRCS.js} +3 -3
  115. package/dist/{chunk-KKUSWUZC.js → chunk-HD336FXH.js} +1 -1
  116. package/dist/{chunk-ACG3BFJQ.js → chunk-HP32TIDG.js} +1 -1
  117. package/dist/{chunk-TQQMWXRK.js → chunk-HPBLIFKY.js} +3 -3
  118. package/dist/{chunk-2WU7UWOH.js → chunk-HPIRNUWV.js} +2 -2
  119. package/dist/chunk-HZTYQ5FQ.js +22 -0
  120. package/dist/{chunk-ZLL3VV5V.js → chunk-I4NQWVW5.js} +3 -3
  121. package/dist/{chunk-XEMYAR47.js → chunk-IIRKMSLU.js} +1 -1
  122. package/dist/{chunk-CIQZIY5N.js → chunk-JFWEF5FL.js} +1 -1
  123. package/dist/{chunk-5ZP2KUGN.js → chunk-JVRADRCT.js} +11 -11
  124. package/dist/{chunk-OCK54JWW.js → chunk-KLUMJ3FU.js} +2 -2
  125. package/dist/{chunk-G5GYOSK7.js → chunk-KRFKGNR4.js} +6 -6
  126. package/dist/{chunk-X4IV4VLD.js → chunk-KZRFHAPE.js} +3 -3
  127. package/dist/{chunk-ZRYHXQDJ.js → chunk-LWSLO6LC.js} +1 -1
  128. package/dist/{chunk-QDN24QKG.js → chunk-N2GJBO4E.js} +1 -1
  129. package/dist/{chunk-EBXH6HHZ.js → chunk-NFAXS4BL.js} +8 -8
  130. package/dist/{chunk-GR5QWFCA.js → chunk-NNIP76QL.js} +3 -3
  131. package/dist/{chunk-LACYHXY5.js → chunk-O3AU77GY.js} +2 -2
  132. package/dist/{chunk-G2IQWVGX.js → chunk-ONKHE4YU.js} +1 -1
  133. package/dist/{chunk-IIBLQ2CB.js → chunk-P2ECLWD4.js} +1 -1
  134. package/dist/{chunk-2C4RHHUL.js → chunk-P7LUS57W.js} +1 -1
  135. package/dist/{chunk-AC5FLJJL.js → chunk-P7SFQQMN.js} +1 -1
  136. package/dist/{chunk-S5AHDRSE.js → chunk-PD5XOYBD.js} +1 -1
  137. package/dist/{chunk-I25B6DME.js → chunk-PIXXMNYW.js} +2 -2
  138. package/dist/{chunk-FIY4TUYL.js → chunk-PV4ANCRB.js} +1 -1
  139. package/dist/{chunk-3FHJOMUC.js → chunk-Q6Q4ZVT7.js} +1 -1
  140. package/dist/{chunk-YZBOR2D4.js → chunk-QDAFJ2K6.js} +6 -6
  141. package/dist/{chunk-5FXGGEA5.js → chunk-QVUYB367.js} +10 -19
  142. package/dist/{chunk-NAK42XEC.js → chunk-QWBWJNKA.js} +4 -4
  143. package/dist/{chunk-DE74UTDH.js → chunk-SB56OC2P.js} +2 -2
  144. package/dist/chunk-THGVQPJY.js +137 -0
  145. package/dist/{chunk-6Q6Q4HUH.js → chunk-TIAFFX5V.js} +5 -5
  146. package/dist/{chunk-AV7XDPXN.js → chunk-TXNBDTVF.js} +1 -1
  147. package/dist/{chunk-DEFXMEBJ.js → chunk-UFSLUNXN.js} +2 -2
  148. package/dist/{chunk-V7OAPBQT.js → chunk-UUJTFPH2.js} +1 -1
  149. package/dist/{chunk-HERQEWF5.js → chunk-VNBJ2SRA.js} +2 -2
  150. package/dist/{chunk-L7DSMPLQ.js → chunk-VRSRYMAQ.js} +1 -1
  151. package/dist/{chunk-CC5SXS5R.js → chunk-VZEK74BZ.js} +1 -1
  152. package/dist/{chunk-Z5WDAIAE.js → chunk-W5HNUDUI.js} +2 -2
  153. package/dist/{chunk-6G56A3XH.js → chunk-WQ6N5BII.js} +8 -8
  154. package/dist/{chunk-CNG2EXC7.js → chunk-YHTI4WGJ.js} +2 -2
  155. package/dist/{chunk-53QBBZR4.js → chunk-YSVFXCC7.js} +2 -2
  156. package/dist/{chunk-W2EX7F7K.js → chunk-ZDGQR7RE.js} +1 -1
  157. package/dist/{chunk-ULY62A7P.js → chunk-ZLE5WF3R.js} +3 -3
  158. package/dist/{chunk-6T7TUF6N.js → chunk-ZTPR4526.js} +3 -3
  159. package/dist/combobox/src/ComboBox.css +1053 -681
  160. package/dist/combobox/src/ComboBox.js +20 -20
  161. package/dist/combobox/src/index.css +1053 -681
  162. package/dist/combobox/src/index.js +20 -20
  163. package/dist/contextual-help/src/ContextualHelp.css +976 -604
  164. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  165. package/dist/contextual-help/src/index.css +976 -604
  166. package/dist/contextual-help/src/index.js +4 -4
  167. package/dist/disclosure/src/Disclosure.css +48 -48
  168. package/dist/disclosure/src/Disclosure.js +2 -2
  169. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  170. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  171. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  172. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  173. package/dist/disclosure/src/index.css +73 -73
  174. package/dist/disclosure/src/index.js +8 -8
  175. package/dist/divider/src/Divider.css +40 -40
  176. package/dist/divider/src/Divider.js +1 -1
  177. package/dist/divider/src/index.css +40 -40
  178. package/dist/divider/src/index.js +1 -1
  179. package/dist/error-message/src/ErrorMessage.css +40 -40
  180. package/dist/error-message/src/ErrorMessage.js +2 -2
  181. package/dist/error-message/src/index.css +40 -40
  182. package/dist/error-message/src/index.js +2 -2
  183. package/dist/form/src/Form.css +38 -38
  184. package/dist/form/src/Form.js +1 -1
  185. package/dist/form/src/index.css +38 -38
  186. package/dist/form/src/index.js +1 -1
  187. package/dist/header/src/Header.css +38 -38
  188. package/dist/header/src/index.css +38 -38
  189. package/dist/helper-message/src/HelperMessage.css +40 -40
  190. package/dist/helper-message/src/HelperMessage.js +2 -2
  191. package/dist/helper-message/src/index.css +40 -40
  192. package/dist/helper-message/src/index.js +2 -2
  193. package/dist/hopper-provider/src/HopperProvider.css +39 -39
  194. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  195. package/dist/hopper-provider/src/index.css +39 -39
  196. package/dist/hopper-provider/src/index.js +1 -1
  197. package/dist/icon-list/src/IconList.css +39 -39
  198. package/dist/icon-list/src/IconList.js +1 -1
  199. package/dist/icon-list/src/index.css +39 -39
  200. package/dist/icon-list/src/index.js +1 -1
  201. package/dist/illustrated-message/src/IllustratedMessage.css +652 -280
  202. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  203. package/dist/illustrated-message/src/index.css +652 -280
  204. package/dist/illustrated-message/src/index.js +1 -1
  205. package/dist/image/src/Image.css +41 -41
  206. package/dist/image/src/Image.js +1 -1
  207. package/dist/image/src/SvgImage.css +39 -39
  208. package/dist/image/src/SvgImage.js +1 -1
  209. package/dist/image/src/index.css +42 -42
  210. package/dist/image/src/index.js +2 -2
  211. package/dist/index.css +1403 -1031
  212. package/dist/index.d.ts +3 -0
  213. package/dist/index.js +104 -101
  214. package/dist/inputs/src/Input.css +42 -42
  215. package/dist/inputs/src/Input.js +1 -1
  216. package/dist/inputs/src/InputGroup.css +44 -44
  217. package/dist/inputs/src/InputGroup.js +1 -1
  218. package/dist/inputs/src/NumberField.css +68 -68
  219. package/dist/inputs/src/NumberField.js +10 -10
  220. package/dist/inputs/src/PasswordField.css +653 -281
  221. package/dist/inputs/src/PasswordField.js +10 -10
  222. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  223. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  224. package/dist/inputs/src/SearchField.css +659 -287
  225. package/dist/inputs/src/SearchField.js +11 -11
  226. package/dist/inputs/src/TextArea.css +65 -65
  227. package/dist/inputs/src/TextArea.js +9 -9
  228. package/dist/inputs/src/TextField.css +657 -285
  229. package/dist/inputs/src/TextField.js +13 -13
  230. package/dist/inputs/src/index.css +705 -333
  231. package/dist/inputs/src/index.js +17 -17
  232. package/dist/layout/src/Content.css +38 -38
  233. package/dist/layout/src/Footer.css +38 -38
  234. package/dist/link/src/Link.css +77 -77
  235. package/dist/link/src/Link.js +3 -3
  236. package/dist/link/src/index.css +77 -77
  237. package/dist/link/src/index.js +3 -3
  238. package/dist/list-box/src/ListBox.css +312 -312
  239. package/dist/list-box/src/ListBox.js +7 -7
  240. package/dist/list-box/src/ListBoxItem.css +300 -300
  241. package/dist/list-box/src/ListBoxItem.js +6 -6
  242. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  243. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  244. package/dist/list-box/src/index.css +312 -312
  245. package/dist/list-box/src/index.js +7 -7
  246. package/dist/menu/src/Menu.css +978 -606
  247. package/dist/menu/src/Menu.js +3 -3
  248. package/dist/menu/src/MenuItem.css +117 -117
  249. package/dist/menu/src/MenuItem.js +2 -2
  250. package/dist/menu/src/MenuSection.css +40 -40
  251. package/dist/menu/src/MenuSection.js +1 -1
  252. package/dist/menu/src/index.css +1003 -631
  253. package/dist/menu/src/index.js +6 -6
  254. package/dist/modal/src/BaseModal.css +53 -53
  255. package/dist/modal/src/BaseModal.js +1 -1
  256. package/dist/modal/src/CustomModal.css +54 -54
  257. package/dist/modal/src/CustomModal.js +2 -2
  258. package/dist/modal/src/Modal.css +675 -303
  259. package/dist/modal/src/Modal.js +10 -9
  260. package/dist/modal/src/index.css +676 -304
  261. package/dist/modal/src/index.js +12 -11
  262. package/dist/overlays/popover/src/Popover.css +970 -598
  263. package/dist/overlays/popover/src/Popover.js +2 -2
  264. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  265. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  266. package/dist/overlays/popover/src/index.css +973 -601
  267. package/dist/overlays/popover/src/index.js +3 -3
  268. package/dist/radio/src/DecorativeRadio.css +65 -65
  269. package/dist/radio/src/DecorativeRadio.js +3 -3
  270. package/dist/radio/src/Radio.css +57 -57
  271. package/dist/radio/src/Radio.js +3 -3
  272. package/dist/radio/src/RadioField.css +44 -44
  273. package/dist/radio/src/RadioField.js +2 -2
  274. package/dist/radio/src/RadioGroup.css +109 -109
  275. package/dist/radio/src/RadioGroup.js +7 -7
  276. package/dist/radio/src/index.css +109 -109
  277. package/dist/radio/src/index.js +12 -12
  278. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  279. package/dist/segmented-control/src/SegmentedControl.js +2 -2
  280. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  281. package/dist/segmented-control/src/SegmentedControlItem.js +3 -3
  282. package/dist/segmented-control/src/index.css +54 -54
  283. package/dist/segmented-control/src/index.js +4 -4
  284. package/dist/select/src/Select.css +997 -625
  285. package/dist/select/src/Select.js +18 -18
  286. package/dist/select/src/SelectValue.css +99 -99
  287. package/dist/select/src/SelectValue.js +2 -2
  288. package/dist/select/src/index.css +997 -625
  289. package/dist/select/src/index.js +18 -18
  290. package/dist/spinner/src/Spinner.css +48 -48
  291. package/dist/spinner/src/Spinner.js +2 -2
  292. package/dist/spinner/src/index.css +48 -48
  293. package/dist/spinner/src/index.js +2 -2
  294. package/dist/switch/src/Switch.css +54 -54
  295. package/dist/switch/src/Switch.js +3 -3
  296. package/dist/switch/src/SwitchField.css +44 -44
  297. package/dist/switch/src/SwitchField.js +2 -2
  298. package/dist/switch/src/index.css +60 -60
  299. package/dist/switch/src/index.js +4 -4
  300. package/dist/tabs/src/Tab.css +823 -451
  301. package/dist/tabs/src/Tab.js +2 -2
  302. package/dist/tabs/src/TabLine.css +40 -40
  303. package/dist/tabs/src/TabLine.js +1 -1
  304. package/dist/tabs/src/TabList.css +47 -47
  305. package/dist/tabs/src/TabList.js +2 -2
  306. package/dist/tabs/src/TabPanel.css +40 -40
  307. package/dist/tabs/src/TabPanel.js +1 -1
  308. package/dist/tabs/src/index.css +834 -462
  309. package/dist/tabs/src/index.js +5 -5
  310. package/dist/tag/src/Tag.css +801 -429
  311. package/dist/tag/src/Tag.js +8 -8
  312. package/dist/tag/src/TagGroup.css +48 -48
  313. package/dist/tag/src/TagGroup.js +7 -7
  314. package/dist/tag/src/index.css +811 -439
  315. package/dist/tag/src/index.js +13 -13
  316. package/dist/tile/src/Tile.css +47 -47
  317. package/dist/tile/src/Tile.js +2 -2
  318. package/dist/tile/src/TileGroup.css +39 -39
  319. package/dist/tile/src/TileGroup.js +1 -1
  320. package/dist/tile/src/index.css +48 -48
  321. package/dist/tile/src/index.js +3 -3
  322. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  323. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  324. package/dist/toggle-arrow/src/index.css +40 -40
  325. package/dist/toggle-arrow/src/index.js +1 -1
  326. package/dist/tooltip/src/Tooltip.css +48 -48
  327. package/dist/tooltip/src/Tooltip.js +3 -3
  328. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  329. package/dist/tooltip/src/TooltipTrigger.js +2 -2
  330. package/dist/tooltip/src/index.css +48 -48
  331. package/dist/tooltip/src/index.js +5 -5
  332. package/dist/typography/heading/src/Heading.css +38 -38
  333. package/dist/typography/heading/src/Heading.js +1 -1
  334. package/dist/typography/heading/src/index.css +38 -38
  335. package/dist/typography/heading/src/index.js +1 -1
  336. package/dist/typography/label/src/FieldLabel.css +38 -38
  337. package/dist/typography/label/src/FieldLabel.js +3 -3
  338. package/dist/typography/label/src/Label.css +38 -38
  339. package/dist/typography/label/src/Label.js +1 -1
  340. package/dist/typography/label/src/index.css +38 -38
  341. package/dist/typography/label/src/index.js +3 -3
  342. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  343. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  344. package/dist/typography/overline-text/src/index.css +38 -38
  345. package/dist/typography/overline-text/src/index.js +1 -1
  346. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  347. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  348. package/dist/typography/paragraph/src/index.css +38 -38
  349. package/dist/typography/paragraph/src/index.js +2 -2
  350. package/dist/typography/text/src/Text.css +38 -38
  351. package/dist/typography/text/src/Text.js +1 -1
  352. package/dist/typography/text/src/index.css +38 -38
  353. package/dist/typography/text/src/index.js +1 -1
  354. package/dist/utils/src/ClearSlots.css +38 -38
  355. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  356. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  357. package/dist/utils/src/index.css +38 -38
  358. package/dist/utils/src/index.d.ts +1 -0
  359. package/dist/utils/src/index.js +4 -3
  360. package/dist/utils/src/useProgressVisibility.d.ts +3 -0
  361. package/dist/utils/src/useProgressVisibility.js +2 -0
  362. package/package.json +2 -2
  363. package/dist/{chunk-DCO4XGBI.js → chunk-DAF2CRGN.js} +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___f8I5B {
2
+ .Heading-module__hop-Heading___HuSq0 {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,7 +33,7 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___f8I5B) {
36
+ :where(.Heading-module__hop-Heading___HuSq0) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,43 +41,43 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___RO7T9) {
44
+ :where(.Heading-module__hop-Heading--xs___-U4Fu) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___u2TRR) {
50
+ :where(.Heading-module__hop-Heading--sm___oaTBI) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___BFmdf) {
56
+ :where(.Heading-module__hop-Heading--md___I6yKU) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___hMrrH) {
62
+ :where(.Heading-module__hop-Heading--lg___cSUHh) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___gQz6L) {
68
+ :where(.Heading-module__hop-Heading--xl___cW9vR) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___9oHXD) {
74
+ :where(.Heading-module__hop-Heading--2xl___sK0WX) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___7ZGiB) {
80
+ :where(.Heading-module__hop-Heading--3xl___EY0XE) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,21 +85,21 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
- .Form-module__hop-Form___7RaBZ {
88
+ .Form-module__hop-Form___WVGz6 {
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  gap: var(--hop-space-stack-lg);
92
92
  }
93
93
 
94
94
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
- .Label-module__hop-Label___dgJtM {
95
+ .Label-module__hop-Label___jtOw5 {
96
96
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
97
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
98
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
99
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
100
  --hop-Label-color: var(--hop-neutral-text-weak);
101
101
  }
102
- :where(.Label-module__hop-Label___dgJtM) {
102
+ :where(.Label-module__hop-Label___jtOw5) {
103
103
  font-family: var(--hop-Label-font-family);
104
104
  font-size: var(--hop-Label-font-size);
105
105
  font-weight: var(--hop-Label-font-weight);
@@ -108,17 +108,17 @@
108
108
  }
109
109
 
110
110
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
111
- .FieldLabel-module__hop-FieldLabel__wrapper___HNiwu {
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___kUoHY {
112
112
  display: flex;
113
113
  gap: var(--hop-space-inset-xs);
114
114
  align-items: center;
115
115
  }
116
- .FieldLabel-module__hop-FieldLabel__indicator___X3yqm {
116
+ .FieldLabel-module__hop-FieldLabel__indicator___H-91A {
117
117
  padding-inline-start: var(--hop-space-20);
118
118
  }
119
119
 
120
120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
121
- :where(.OverlineText-module__hop-OverlineText___LSVJ2) {
121
+ :where(.OverlineText-module__hop-OverlineText___qxVHD) {
122
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
123
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
124
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -142,26 +142,26 @@
142
142
  text-transform: uppercase;
143
143
  letter-spacing: var(--letter-spacing);
144
144
  }
145
- .OverlineText-module__hop-OverlineText__text___-Cgyx {
145
+ .OverlineText-module__hop-OverlineText__text___PNTd8 {
146
146
  box-sizing: border-box;
147
147
  }
148
- .OverlineText-module__hop-OverlineText__text___-Cgyx::before,
149
- .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
148
+ .OverlineText-module__hop-OverlineText__text___PNTd8::before,
149
+ .OverlineText-module__hop-OverlineText__text___PNTd8::after {
150
150
  content: "";
151
151
  display: block;
152
152
  box-sizing: border-box;
153
153
  inline-size: 0;
154
154
  block-size: 0;
155
155
  }
156
- .OverlineText-module__hop-OverlineText__text___-Cgyx::before {
156
+ .OverlineText-module__hop-OverlineText__text___PNTd8::before {
157
157
  margin-block-end: var(--bottom-offset);
158
158
  }
159
- .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
159
+ .OverlineText-module__hop-OverlineText__text___PNTd8::after {
160
160
  margin-block-start: var(--top-offset);
161
161
  }
162
162
 
163
163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
164
- .Text-module__hop-Text___NFTCi {
164
+ .Text-module__hop-Text___f6AGu {
165
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
166
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
167
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -191,49 +191,49 @@
191
191
  --hop-Text-inherit-size-font-weight: inherit;
192
192
  --hop-Text-inherit-size-line-height: inherit;
193
193
  }
194
- :where(.Text-module__hop-Text___NFTCi) {
194
+ :where(.Text-module__hop-Text___f6AGu) {
195
195
  font-family: var(--font-family);
196
196
  font-size: var(--font-size);
197
197
  font-weight: var(--font-weight);
198
198
  line-height: var(--line-height);
199
199
  }
200
- :where(.Text-module__hop-Text--xs___I0d0v) {
200
+ :where(.Text-module__hop-Text--xs___RsCQP) {
201
201
  --font-size: var(--hop-Text-xs-font-size);
202
202
  --font-family: var(--hop-Text-xs-font-family);
203
203
  --font-weight: var(--hop-Text-xs-font-weight);
204
204
  --line-height: var(--hop-Text-xs-line-height);
205
205
  }
206
- :where(.Text-module__hop-Text--sm___33NDY) {
206
+ :where(.Text-module__hop-Text--sm___TkqFN) {
207
207
  --font-size: var(--hop-Text-sm-font-size);
208
208
  --font-family: var(--hop-Text-sm-font-family);
209
209
  --font-weight: var(--hop-Text-sm-font-weight);
210
210
  --line-height: var(--hop-Text-sm-line-height);
211
211
  }
212
- :where(.Text-module__hop-Text--md___12lqb) {
212
+ :where(.Text-module__hop-Text--md___1c9p-) {
213
213
  --font-size: var(--hop-Text-md-font-size);
214
214
  --font-family: var(--hop-Text-md-font-family);
215
215
  --font-weight: var(--hop-Text-md-font-weight);
216
216
  --line-height: var(--hop-Text-md-line-height);
217
217
  }
218
- :where(.Text-module__hop-Text--lg___EIx-l) {
218
+ :where(.Text-module__hop-Text--lg___UwNGw) {
219
219
  --font-size: var(--hop-Text-lg-font-size);
220
220
  --font-family: var(--hop-Text-lg-font-family);
221
221
  --font-weight: var(--hop-Text-lg-font-weight);
222
222
  --line-height: var(--hop-Text-lg-line-height);
223
223
  }
224
- :where(.Text-module__hop-Text--xl___Hgsci) {
224
+ :where(.Text-module__hop-Text--xl___H530M) {
225
225
  --font-size: var(--hop-Text-xl-font-size);
226
226
  --font-family: var(--hop-Text-xl-font-family);
227
227
  --font-weight: var(--hop-Text-xl-font-weight);
228
228
  --line-height: var(--hop-Text-xl-line-height);
229
229
  }
230
- :where(.Text-module__hop-Text--2xl___bZva7) {
230
+ :where(.Text-module__hop-Text--2xl___q0Pqd) {
231
231
  --font-size: var(--hop-Text-2xl-font-size);
232
232
  --font-family: var(--hop-Text-2xl-font-family);
233
233
  --font-weight: var(--hop-Text-2xl-font-weight);
234
234
  --line-height: var(--hop-Text-2xl-line-height);
235
235
  }
236
- :where(.Text-module__hop-Text--inherit___D42Q3) {
236
+ :where(.Text-module__hop-Text--inherit___dgpTW) {
237
237
  --font-size: var(--hop-Text-inherit-size-font-size);
238
238
  --font-family: var(--hop-Text-inherit-size-font-family);
239
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -241,7 +241,7 @@
241
241
  }
242
242
 
243
243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
244
- .Paragraph-module__hop-Paragraph___pDtiI {
244
+ .Paragraph-module__hop-Paragraph___5zVew {
245
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
246
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
247
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -253,33 +253,33 @@
253
253
  margin-block-end: var(--margin-block-end);
254
254
  overflow-wrap: break-word;
255
255
  }
256
- .Paragraph-module__hop-Paragraph___pDtiI:last-child {
256
+ .Paragraph-module__hop-Paragraph___5zVew:last-child {
257
257
  --margin-block-end: 0;
258
258
  }
259
- .Paragraph-module__hop-Paragraph--xs___yzl-N {
259
+ .Paragraph-module__hop-Paragraph--xs___Shxr- {
260
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
261
261
  }
262
- .Paragraph-module__hop-Paragraph--sm___mssXe {
262
+ .Paragraph-module__hop-Paragraph--sm___f7Ckx {
263
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
264
264
  }
265
- .Paragraph-module__hop-Paragraph--md___Ujb4e {
265
+ .Paragraph-module__hop-Paragraph--md___ZOruG {
266
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
267
267
  }
268
- .Paragraph-module__hop-Paragraph--lg___fzVC0 {
268
+ .Paragraph-module__hop-Paragraph--lg___Qa9SP {
269
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
270
270
  }
271
- .Paragraph-module__hop-Paragraph--xl___bF-Yd {
271
+ .Paragraph-module__hop-Paragraph--xl___FCRP5 {
272
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
273
273
  }
274
- .Paragraph-module__hop-Paragraph--2xl___UuYkH {
274
+ .Paragraph-module__hop-Paragraph--2xl___E-vUz {
275
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
276
276
  }
277
- .Paragraph-module__hop-Paragraph--inherit___jW721 {
277
+ .Paragraph-module__hop-Paragraph--inherit___MJOlg {
278
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/divider/src/Divider.module.css/#css-module-data */
282
- :where(.Divider-module__hop-Divider___o7B0I) {
282
+ :where(.Divider-module__hop-Divider___eSS--) {
283
283
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
284
284
  --hop-Divider-border-size: 0.0625rem;
285
285
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -304,7 +304,7 @@
304
304
  border-block-end: var(--border-block-end);
305
305
  border-inline-start: var(--border-inline-start);
306
306
  }
307
- .Divider-module__hop-Divider--vertical___RsiXZ {
307
+ .Divider-module__hop-Divider--vertical___oep6i {
308
308
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
309
309
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
310
310
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -313,7 +313,7 @@
313
313
  }
314
314
 
315
315
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
316
- .IconList-module__hop-IconList___m2E3v {
316
+ .IconList-module__hop-IconList___GGE7v {
317
317
  --hop-IconList-gap: var(--hop-space-inline-xs);
318
318
  display: flex;
319
319
  flex-wrap: wrap;
@@ -322,7 +322,7 @@
322
322
  }
323
323
 
324
324
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
325
- @keyframes Spinner-module__spin___pKwfA {
325
+ @keyframes Spinner-module__spin___O6fJG {
326
326
  0% {
327
327
  transform: rotate(0deg);
328
328
  }
@@ -330,7 +330,7 @@
330
330
  transform: rotate(360deg);
331
331
  }
332
332
  }
333
- .Spinner-module__hop-Spinner___NL-2c {
333
+ .Spinner-module__hop-Spinner___bKr4q {
334
334
  --hop-Spinner-border-radius: var(--hop-shape-circle);
335
335
  --hop-Spinner-sm-wheel-size: 1rem;
336
336
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -338,7 +338,7 @@
338
338
  --hop-Spinner-track-width: 0.125rem;
339
339
  --hop-Spinner-track-opacity: 0.2;
340
340
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
341
- --hop-Spinner-fill-animation: Spinner-module__spin___pKwfA .8s infinite linear;
341
+ --hop-Spinner-fill-animation: Spinner-module__spin___O6fJG .8s infinite linear;
342
342
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
343
343
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
344
344
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -349,19 +349,19 @@
349
349
  align-items: center;
350
350
  box-sizing: border-box;
351
351
  }
352
- .Spinner-module__hop-Spinner--sm___o8oor {
352
+ .Spinner-module__hop-Spinner--sm___f3F5Y {
353
353
  --width: var(--hop-Spinner-sm-wheel-size);
354
354
  --height: var(--hop-Spinner-sm-wheel-size);
355
355
  }
356
- .Spinner-module__hop-Spinner--md___Z3T3P {
356
+ .Spinner-module__hop-Spinner--md___oQnqF {
357
357
  --width: var(--hop-Spinner-md-wheel-size);
358
358
  --height: var(--hop-Spinner-md-wheel-size);
359
359
  }
360
- .Spinner-module__hop-Spinner--lg___-2JJ5 {
360
+ .Spinner-module__hop-Spinner--lg___-f2Ai {
361
361
  --width: var(--hop-Spinner-lg-wheel-size);
362
362
  --height: var(--hop-Spinner-lg-wheel-size);
363
363
  }
364
- .Spinner-module__hop-Spinner__track___-5qNx {
364
+ .Spinner-module__hop-Spinner__track___X5WJC {
365
365
  grid-area: spinner;
366
366
  box-sizing: border-box;
367
367
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -370,7 +370,7 @@
370
370
  border: var(--hop-Spinner-track-border);
371
371
  border-radius: var(--hop-Spinner-border-radius);
372
372
  }
373
- .Spinner-module__hop-Spinner__fill___ds519 {
373
+ .Spinner-module__hop-Spinner__fill___Panku {
374
374
  grid-area: spinner;
375
375
  box-sizing: border-box;
376
376
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -381,17 +381,17 @@
381
381
  animation: var(--hop-Spinner-fill-animation);
382
382
  }
383
383
  @media (prefers-reduced-motion: reduce) {
384
- .Spinner-module__hop-Spinner__fill___ds519 {
384
+ .Spinner-module__hop-Spinner__fill___Panku {
385
385
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
386
386
  }
387
387
  }
388
- .Spinner-module__hop-Spinner__label___aAqY5 {
388
+ .Spinner-module__hop-Spinner__label___H25UX {
389
389
  grid-area: label;
390
390
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
391
391
  }
392
392
 
393
393
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
394
- .Button-module__hop-Button___drz4z {
394
+ .Button-module__hop-Button___Wx1Zn {
395
395
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
396
396
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
397
397
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -515,215 +515,215 @@
515
515
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
516
516
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
517
517
  }
518
- .Button-module__hop-Button--fluid___jF2LE {
518
+ .Button-module__hop-Button--fluid___-gqsM {
519
519
  --inline-size: 100%;
520
520
  }
521
- .Button-module__hop-Button--sm___yWI1w {
521
+ .Button-module__hop-Button--sm___V1DL4 {
522
522
  --block-size: var(--hop-Button-sm-height);
523
523
  --padding: var(--hop-Button-sm-padding);
524
524
  }
525
- .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
525
+ .Button-module__hop-Button--sm___V1DL4[class*=--ghost] {
526
526
  --padding: var(--hop-Button-ghost-sm-padding);
527
527
  }
528
- .Button-module__hop-Button--md___5pA46[class*=--ghost] {
528
+ .Button-module__hop-Button--md___nHPE0[class*=--ghost] {
529
529
  --padding: var(--hop-Button-ghost-md-padding);
530
530
  }
531
- .Button-module__hop-Button--icon-only___ZVI03 {
531
+ .Button-module__hop-Button--icon-only___3UEdV {
532
532
  --column-gap: var(--hop-Button-icon-only-column-gap);
533
533
  --padding: var(--hop-Button-icon-only-padding);
534
534
  aspect-ratio: 1;
535
535
  }
536
- .Button-module__hop-Button--primary___gQcR4 {
536
+ .Button-module__hop-Button--primary___3EavW {
537
537
  --background-color: var(--hop-Button-primary-background-color);
538
538
  --color: var(--hop-Button-primary-color);
539
539
  --border: var(--hop-Button-primary-border);
540
540
  --spinner-color: var(--hop-Button-primary-spinner-color);
541
541
  }
542
- .Button-module__hop-Button--primary___gQcR4[data-hovered],
543
- .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
542
+ .Button-module__hop-Button--primary___3EavW[data-hovered],
543
+ .Button-module__hop-Button--primary___3EavW[data-focus-visible] {
544
544
  --background-color: var(--hop-Button-primary-background-color-hover);
545
545
  --color: var(--hop-Button-primary-color-hover);
546
546
  --border: var(--hop-Button-primary-border-hover);
547
547
  }
548
- .Button-module__hop-Button--primary___gQcR4[data-pressed] {
548
+ .Button-module__hop-Button--primary___3EavW[data-pressed] {
549
549
  --background-color: var(--hop-Button-primary-background-color-pressed);
550
550
  --color: var(--hop-Button-primary-color-pressed);
551
551
  --border: var(--hop-Button-primary-border-pressed);
552
552
  }
553
- .Button-module__hop-Button--secondary___iPATA {
553
+ .Button-module__hop-Button--secondary___vcOcq {
554
554
  --background-color: var(--hop-Button-secondary-background-color);
555
555
  --color: var(--hop-Button-secondary-color);
556
556
  --border: var(--hop-Button-secondary-border);
557
557
  --spinner-color: var(--hop-Button-secondary-spinner-color);
558
558
  }
559
- .Button-module__hop-Button--secondary___iPATA[data-hovered],
560
- .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
559
+ .Button-module__hop-Button--secondary___vcOcq[data-hovered],
560
+ .Button-module__hop-Button--secondary___vcOcq[data-focus-visible] {
561
561
  --background-color: var(--hop-Button-secondary-background-color-hover);
562
562
  --color: var(--hop-Button-secondary-color-hover);
563
563
  --border: var(--hop-Button-secondary-border-hover);
564
564
  }
565
- .Button-module__hop-Button--secondary___iPATA[data-pressed] {
565
+ .Button-module__hop-Button--secondary___vcOcq[data-pressed] {
566
566
  --background-color: var(--hop-Button-secondary-background-color-pressed);
567
567
  --color: var(--hop-Button-secondary-color-pressed);
568
568
  --border: var(--hop-Button-secondary-border-pressed);
569
569
  }
570
- .Button-module__hop-Button--upsell___1odMt {
570
+ .Button-module__hop-Button--upsell___2A2kN {
571
571
  --background-color: var(--hop-Button-upsell-background-color);
572
572
  --color: var(--hop-Button-upsell-color);
573
573
  --border: var(--hop-Button-upsell-border);
574
574
  --spinner-color: var(--hop-Button-upsell-spinner-color);
575
575
  }
576
- .Button-module__hop-Button--upsell___1odMt[data-hovered],
577
- .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
576
+ .Button-module__hop-Button--upsell___2A2kN[data-hovered],
577
+ .Button-module__hop-Button--upsell___2A2kN[data-focus-visible] {
578
578
  --background-color: var(--hop-Button-upsell-background-color-hover);
579
579
  --color: var(--hop-Button-upsell-color-hover);
580
580
  --border: var(--hop-Button-upsell-border-hover);
581
581
  }
582
- .Button-module__hop-Button--upsell___1odMt[data-pressed] {
582
+ .Button-module__hop-Button--upsell___2A2kN[data-pressed] {
583
583
  --background-color: var(--hop-Button-upsell-background-color-pressed);
584
584
  --color: var(--hop-Button-upsell-color-pressed);
585
585
  --border: var(--hop-Button-upsell-border-pressed);
586
586
  }
587
- .Button-module__hop-Button--danger___nvNVv {
587
+ .Button-module__hop-Button--danger___5DdXE {
588
588
  --background-color: var(--hop-Button-danger-background-color);
589
589
  --color: var(--hop-Button-danger-color);
590
590
  --border: var(--hop-Button-danger-border);
591
591
  --spinner-color: var(--hop-Button-danger-spinner-color);
592
592
  }
593
- .Button-module__hop-Button--danger___nvNVv[data-hovered],
594
- .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
593
+ .Button-module__hop-Button--danger___5DdXE[data-hovered],
594
+ .Button-module__hop-Button--danger___5DdXE[data-focus-visible] {
595
595
  --background-color: var(--hop-Button-danger-background-color-hover);
596
596
  --color: var(--hop-Button-danger-color-hover);
597
597
  --border: var(--hop-Button-danger-border-hover);
598
598
  }
599
- .Button-module__hop-Button--danger___nvNVv[data-pressed] {
599
+ .Button-module__hop-Button--danger___5DdXE[data-pressed] {
600
600
  --background-color: var(--hop-Button-danger-background-color-pressed);
601
601
  --color: var(--hop-Button-danger-color-pressed);
602
602
  --border: var(--hop-Button-danger-border-pressed);
603
603
  }
604
- .Button-module__hop-Button--ghost-primary___XUMG1 {
604
+ .Button-module__hop-Button--ghost-primary___pVC8I {
605
605
  --background-color: var(--hop-Button-ghost-primary-background-color);
606
606
  --color: var(--hop-Button-ghost-primary-color);
607
607
  --border: var(--hop-Button-ghost-primary-border);
608
608
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
609
609
  }
610
- .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
611
- .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
610
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-hovered],
611
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-focus-visible] {
612
612
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
613
613
  --color: var(--hop-Button-ghost-primary-color-hover);
614
614
  --border: var(--hop-Button-ghost-primary-border-hover);
615
615
  --text-underline: underline;
616
616
  }
617
- .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
617
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-pressed] {
618
618
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
619
619
  --color: var(--hop-Button-ghost-primary-color-pressed);
620
620
  --border: var(--hop-Button-ghost-primary-border-pressed);
621
621
  --text-underline: underline;
622
622
  }
623
- .Button-module__hop-Button--ghost-secondary___YirRd {
623
+ .Button-module__hop-Button--ghost-secondary___unj0t {
624
624
  --background-color: var(--hop-Button-ghost-secondary-background-color);
625
625
  --color: var(--hop-Button-ghost-secondary-color);
626
626
  --border: var(--hop-Button-ghost-secondary-border);
627
627
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
628
628
  }
629
- .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
630
- .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
629
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-hovered],
630
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-focus-visible] {
631
631
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
632
632
  --color: var(--hop-Button-ghost-secondary-color-hover);
633
633
  --border: var(--hop-Button-ghost-secondary-border-hover);
634
634
  --text-underline: underline;
635
635
  }
636
- .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
636
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-pressed] {
637
637
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
638
638
  --color: var(--hop-Button-ghost-secondary-color-pressed);
639
639
  --border: var(--hop-Button-ghost-secondary-border-pressed);
640
640
  --text-underline: underline;
641
641
  }
642
- .Button-module__hop-Button--ghost-danger___J37kT {
642
+ .Button-module__hop-Button--ghost-danger___5hyt5 {
643
643
  --background-color: var(--hop-Button-ghost-danger-background-color);
644
644
  --color: var(--hop-Button-ghost-danger-color);
645
645
  --border: var(--hop-Button-ghost-danger-border);
646
646
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
647
647
  }
648
- .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
649
- .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
648
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-hovered],
649
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-focus-visible] {
650
650
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
651
651
  --color: var(--hop-Button-ghost-danger-color-hover);
652
652
  --border: var(--hop-Button-ghost-danger-border-hover);
653
653
  --text-underline: underline;
654
654
  }
655
- .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
655
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-pressed] {
656
656
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
657
657
  --color: var(--hop-Button-ghost-danger-color-pressed);
658
658
  --border: var(--hop-Button-ghost-danger-border-pressed);
659
659
  --text-underline: underline;
660
660
  }
661
- .Button-module__hop-Button___drz4z[data-focus-visible] {
661
+ .Button-module__hop-Button___Wx1Zn[data-focus-visible] {
662
662
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
663
663
  }
664
- .Button-module__hop-Button___drz4z[data-disabled],
665
- .Button-module__hop-Button--loading___Vt2Li {
664
+ .Button-module__hop-Button___Wx1Zn[data-disabled],
665
+ .Button-module__hop-Button--loading___2lmgM {
666
666
  cursor: not-allowed;
667
667
  }
668
- .Button-module__hop-Button___drz4z[data-disabled] {
668
+ .Button-module__hop-Button___Wx1Zn[data-disabled] {
669
669
  --background-color: var(--hop-Button-background-color-disabled);
670
670
  --color: var(--hop-Button-color-disabled);
671
671
  --border: var(--hop-Button-border-disabled);
672
672
  }
673
- .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
673
+ .Button-module__hop-Button___Wx1Zn[class*=--ghost][data-disabled] {
674
674
  --background-color: var(--hop-Button-ghost-background-color-disabled);
675
675
  --color: var(--hop-Button-ghost-color-disabled);
676
676
  --border: var(--hop-Button-ghost-border-disabled);
677
677
  }
678
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
678
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--primary___3EavW {
679
679
  --background-color: var(--hop-Button-primary-background-color);
680
680
  --color: var(--hop-Button-primary-color);
681
681
  --border: var(--hop-Button-primary-border);
682
682
  }
683
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
683
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--secondary___vcOcq {
684
684
  --background-color: var(--hop-Button-secondary-background-color);
685
685
  --color: var(--hop-Button-secondary-color);
686
686
  --border: var(--hop-Button-secondary-border);
687
687
  }
688
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
688
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--upsell___2A2kN {
689
689
  --background-color: var(--hop-Button-upsell-background-color);
690
690
  --color: var(--hop-Button-upsell-color);
691
691
  --border: var(--hop-Button-upsell-border);
692
692
  }
693
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
693
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--danger___5DdXE {
694
694
  --background-color: var(--hop-Button-danger-background-color);
695
695
  --color: var(--hop-Button-danger-color);
696
696
  --border: var(--hop-Button-danger-border);
697
697
  }
698
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
698
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-primary___pVC8I {
699
699
  --background-color: var(--hop-Button-ghost-primary-background-color);
700
700
  --color: var(--hop-Button-ghost-primary-color);
701
701
  --border: var(--hop-Button-ghost-primary-border);
702
702
  --text-underline: none;
703
703
  }
704
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
704
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-secondary___unj0t {
705
705
  --background-color: var(--hop-Button-ghost-secondary-background-color);
706
706
  --color: var(--hop-Button-ghost-secondary-color);
707
707
  --border: var(--hop-Button-ghost-secondary-border);
708
708
  --text-underline: none;
709
709
  }
710
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
710
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-danger___5hyt5 {
711
711
  --background-color: var(--hop-Button-ghost-danger-background-color);
712
712
  --color: var(--hop-Button-ghost-danger-color);
713
713
  --border: var(--hop-Button-ghost-danger-border);
714
714
  --text-underline: none;
715
715
  }
716
- .Button-module__hop-Button__Spinner___qFcTX {
716
+ .Button-module__hop-Button__Spinner___hILkZ {
717
717
  position: absolute;
718
718
  color: var(--spinner-color);
719
719
  }
720
- .Button-module__hop-Button__icon___i0bX0,
721
- .Button-module__hop-Button__icon-list___h-l1l {
720
+ .Button-module__hop-Button__icon___lRWc4,
721
+ .Button-module__hop-Button__icon-list___xoDBK {
722
722
  flex: 0 0 auto;
723
723
  justify-self: end;
724
724
  order: 1;
725
725
  }
726
- .Button-module__hop-Button__text___gW1zi {
726
+ .Button-module__hop-Button__text___fEHr6 {
727
727
  user-select: none;
728
728
  overflow: visible;
729
729
  flex: 0 1 auto;
@@ -733,60 +733,60 @@
733
733
  text-underline-offset: 0.125rem;
734
734
  text-wrap: nowrap;
735
735
  }
736
- .Button-module__hop-Button__end-icon___H4Qu5,
737
- .Button-module__hop-Button__end-icon-list___k4l7m {
736
+ .Button-module__hop-Button__end-icon___EE6f-,
737
+ .Button-module__hop-Button__end-icon-list___mPjUM {
738
738
  flex: 0 0 auto;
739
739
  order: 3;
740
740
  }
741
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
742
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
741
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__icon-list___xoDBK,
742
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__end-icon-list___mPjUM {
743
743
  flex-wrap: nowrap;
744
744
  }
745
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
745
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button___Wx1Zn > *:not(.Button-module__hop-Button__Spinner___hILkZ) {
746
746
  opacity: 0;
747
747
  }
748
748
 
749
749
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
750
- .ButtonGroup-module__hop-ButtonGroup___-ALaZ {
750
+ .ButtonGroup-module__hop-ButtonGroup___FO9mQ {
751
751
  display: inline-flex;
752
752
  flex-wrap: nowrap;
753
753
  gap: var(--hop-space-inline-md);
754
754
  }
755
- .ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
755
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
756
756
  align-items: center;
757
757
  }
758
- .ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
758
+ .ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
759
759
  flex-direction: column;
760
760
  gap: var(--hop-space-stack-md);
761
761
  justify-content: center;
762
762
  }
763
- .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
763
+ .ButtonGroup-module__hop-ButtonGroup--start___W3fms.ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
764
764
  align-items: flex-start;
765
765
  }
766
- .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
766
+ .ButtonGroup-module__hop-ButtonGroup--center___IU5Kr.ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
767
767
  align-items: center;
768
768
  }
769
- .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
769
+ .ButtonGroup-module__hop-ButtonGroup--end___K8bE5.ButtonGroup-module__hop-ButtonGroup--vertical___tkbvp {
770
770
  align-items: flex-end;
771
771
  }
772
- .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
772
+ .ButtonGroup-module__hop-ButtonGroup--start___W3fms.ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
773
773
  justify-content: flex-start;
774
774
  }
775
- .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
775
+ .ButtonGroup-module__hop-ButtonGroup--center___IU5Kr.ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
776
776
  justify-content: center;
777
777
  }
778
- .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
778
+ .ButtonGroup-module__hop-ButtonGroup--end___K8bE5.ButtonGroup-module__hop-ButtonGroup--horizontal___9CkAQ {
779
779
  justify-content: flex-end;
780
780
  }
781
- .ButtonGroup-module__hop-ButtonGroup--wrap___lpmtc {
781
+ .ButtonGroup-module__hop-ButtonGroup--wrap___uBzFH {
782
782
  flex-wrap: wrap;
783
783
  }
784
- .ButtonGroup-module__hop-ButtonGroup--fluid___bOmqM {
784
+ .ButtonGroup-module__hop-ButtonGroup--fluid___rfxPO {
785
785
  inline-size: 100%;
786
786
  }
787
787
 
788
788
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
789
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP {
789
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J {
790
790
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
791
791
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
792
792
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -950,7 +950,7 @@
950
950
  outline: none;
951
951
  transition: color var(--transition);
952
952
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP::before {
953
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J::before {
954
954
  content: "";
955
955
  position: absolute;
956
956
  inset-block-start: 50%;
@@ -963,284 +963,284 @@
963
963
  border-radius: var(--effect-border-radius);
964
964
  transition: background-color var(--transition);
965
965
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-square] {
966
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-square] {
967
967
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
968
968
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--md___-Sk9K {
970
970
  --inline-size: var(--hop-EmbeddedButton-md-width);
971
971
  --block-size: var(--hop-EmbeddedButton-md-height);
972
972
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
973
973
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T {
974
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hOr9m {
975
975
  --inline-size: var(--hop-EmbeddedButton-lg-width);
976
976
  --block-size: var(--hop-EmbeddedButton-lg-height);
977
977
  --focus-ring-offset: 0;
978
978
  }
979
- .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L::before {
979
+ .EmbeddedButton-module__hop-EmbeddedButton--md___-Sk9K::before {
980
980
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
981
981
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
982
982
  }
983
- .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T::before {
983
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hOr9m::before {
984
984
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
985
985
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
986
986
  }
987
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7 {
987
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1- {
988
988
  --color: var(--hop-EmbeddedButton-neutral-color);
989
989
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
990
990
  }
991
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu {
991
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg {
992
992
  --color: var(--hop-EmbeddedButton-subdued-color);
993
993
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
994
994
  }
995
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS {
995
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr {
996
996
  --color: var(--hop-EmbeddedButton-progress-color);
997
997
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
998
998
  }
999
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT {
999
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf {
1000
1000
  --color: var(--hop-EmbeddedButton-positive-color);
1001
1001
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1002
1002
  }
1003
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0 {
1003
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN {
1004
1004
  --color: var(--hop-EmbeddedButton-caution-color);
1005
1005
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1006
1006
  }
1007
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE {
1007
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt {
1008
1008
  --color: var(--hop-EmbeddedButton-negative-color);
1009
1009
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1010
1010
  }
1011
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3 {
1011
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN {
1012
1012
  --color: var(--hop-EmbeddedButton-option1-color);
1013
1013
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1014
1014
  }
1015
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT {
1015
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5 {
1016
1016
  --color: var(--hop-EmbeddedButton-option2-color);
1017
1017
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1018
1018
  }
1019
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H {
1019
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7 {
1020
1020
  --color: var(--hop-EmbeddedButton-option3-color);
1021
1021
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1022
1022
  }
1023
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd {
1023
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg {
1024
1024
  --color: var(--hop-EmbeddedButton-option4-color);
1025
1025
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1026
1026
  }
1027
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX {
1027
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2 {
1028
1028
  --color: var(--hop-EmbeddedButton-option5-color);
1029
1029
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1030
1030
  }
1031
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA {
1031
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb {
1032
1032
  --color: var(--hop-EmbeddedButton-option6-color);
1033
1033
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1034
1034
  }
1035
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-selected] {
1035
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-selected] {
1036
1036
  --color: var(--hop-EmbeddedButton-selected-color);
1037
1037
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1038
1038
  }
1039
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-focus-visible] {
1039
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-focus-visible] {
1040
1040
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1041
1041
  outline-offset: var(--focus-ring-offset);
1042
1042
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-disabled] {
1043
+ .EmbeddedButton-module__hop-EmbeddedButton___3WV9J[data-disabled] {
1044
1044
  cursor: not-allowed;
1045
1045
  }
1046
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-hovered] {
1046
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-hovered] {
1047
1047
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1048
1048
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1049
1049
  }
1050
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-focus-visible] {
1050
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-focus-visible] {
1051
1051
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1052
1052
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1053
1053
  }
1054
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-pressed] {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-pressed] {
1055
1055
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1056
1056
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1057
1057
  }
1058
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-disabled] {
1058
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___iZP1-[data-disabled] {
1059
1059
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1060
1060
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1061
1061
  }
1062
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-hovered] {
1062
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-hovered] {
1063
1063
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1064
1064
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1065
1065
  }
1066
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-focus-visible] {
1066
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-focus-visible] {
1067
1067
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1068
1068
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1069
1069
  }
1070
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-pressed] {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-pressed] {
1071
1071
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1072
1072
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1073
1073
  }
1074
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-disabled] {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___TtLZg[data-disabled] {
1075
1075
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1076
1076
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1077
1077
  }
1078
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-hovered] {
1078
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-hovered] {
1079
1079
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1080
1080
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1081
1081
  }
1082
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-focus-visible] {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-focus-visible] {
1083
1083
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1084
1084
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1085
1085
  }
1086
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-pressed] {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-pressed] {
1087
1087
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1088
1088
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1089
1089
  }
1090
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-disabled] {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___FidJr[data-disabled] {
1091
1091
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1092
1092
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1093
1093
  }
1094
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-hovered] {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-hovered] {
1095
1095
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1096
1096
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1097
1097
  }
1098
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-focus-visible] {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-focus-visible] {
1099
1099
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1100
1100
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1101
1101
  }
1102
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-pressed] {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-pressed] {
1103
1103
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1104
1104
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1105
1105
  }
1106
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-disabled] {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___sCctf[data-disabled] {
1107
1107
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1108
1108
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1109
1109
  }
1110
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-hovered] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-hovered] {
1111
1111
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1112
1112
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1113
1113
  }
1114
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-focus-visible] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-focus-visible] {
1115
1115
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1116
1116
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1117
1117
  }
1118
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-pressed] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-pressed] {
1119
1119
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1120
1120
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1121
1121
  }
1122
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-disabled] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Io4xN[data-disabled] {
1123
1123
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1124
1124
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1125
1125
  }
1126
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-hovered] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-hovered] {
1127
1127
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1128
1128
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1129
1129
  }
1130
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-focus-visible] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-focus-visible] {
1131
1131
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1132
1132
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1133
1133
  }
1134
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-pressed] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-pressed] {
1135
1135
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1136
1136
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1137
1137
  }
1138
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-disabled] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___X0drt[data-disabled] {
1139
1139
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1140
1140
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1141
1141
  }
1142
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-hovered] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-hovered] {
1143
1143
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1144
1144
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1145
1145
  }
1146
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-focus-visible] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-focus-visible] {
1147
1147
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1148
1148
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1149
1149
  }
1150
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-pressed] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-pressed] {
1151
1151
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1152
1152
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1153
1153
  }
1154
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-disabled] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___-NhyN[data-disabled] {
1155
1155
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1156
1156
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1157
1157
  }
1158
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-hovered] {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-hovered] {
1159
1159
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1160
1160
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1161
1161
  }
1162
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-focus-visible] {
1162
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-focus-visible] {
1163
1163
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1164
1164
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1165
1165
  }
1166
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-pressed] {
1166
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-pressed] {
1167
1167
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1168
1168
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1169
1169
  }
1170
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-disabled] {
1170
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___iN-W5[data-disabled] {
1171
1171
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1172
1172
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1173
1173
  }
1174
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-hovered] {
1174
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-hovered] {
1175
1175
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1176
1176
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1177
1177
  }
1178
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-focus-visible] {
1178
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-focus-visible] {
1179
1179
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1180
1180
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1181
1181
  }
1182
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-pressed] {
1182
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-pressed] {
1183
1183
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1184
1184
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1185
1185
  }
1186
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-disabled] {
1186
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___xDan7[data-disabled] {
1187
1187
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1188
1188
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1189
1189
  }
1190
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-hovered] {
1190
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-hovered] {
1191
1191
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1192
1192
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1193
1193
  }
1194
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-focus-visible] {
1194
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-focus-visible] {
1195
1195
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1196
1196
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1197
1197
  }
1198
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-pressed] {
1198
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-pressed] {
1199
1199
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1200
1200
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1201
1201
  }
1202
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-disabled] {
1202
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___JzoKg[data-disabled] {
1203
1203
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1204
1204
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1205
1205
  }
1206
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-hovered] {
1206
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-hovered] {
1207
1207
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1208
1208
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1209
1209
  }
1210
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-focus-visible] {
1210
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-focus-visible] {
1211
1211
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1212
1212
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1213
1213
  }
1214
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-pressed] {
1214
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-pressed] {
1215
1215
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1216
1216
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1217
1217
  }
1218
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-disabled] {
1218
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___XUOf2[data-disabled] {
1219
1219
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1220
1220
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1221
1221
  }
1222
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-hovered] {
1222
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-hovered] {
1223
1223
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1224
1224
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1225
1225
  }
1226
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-focus-visible] {
1226
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-focus-visible] {
1227
1227
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1228
1228
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1229
1229
  }
1230
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-pressed] {
1230
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-pressed] {
1231
1231
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1232
1232
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1233
1233
  }
1234
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-disabled] {
1234
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___Fcdgb[data-disabled] {
1235
1235
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1236
1236
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1237
1237
  }
1238
- .EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK {
1238
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___-HR2H {
1239
1239
  position: relative;
1240
1240
  }
1241
1241
 
1242
1242
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1243
- button.CloseButton-module__hop-CloseButton___aWaMI {
1243
+ button.CloseButton-module__hop-CloseButton___UGMsO {
1244
1244
  --hop-CloseButton-margin-top: 0rem;
1245
1245
  --hop-CloseButton-padding: 0rem;
1246
1246
  --hop-CloseButton-width: fit-content;
@@ -1252,7 +1252,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1252
1252
  }
1253
1253
 
1254
1254
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1255
- .Button-module__hop-Button___drz4z {
1255
+ .Button-module__hop-Button___Wx1Zn {
1256
1256
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1257
1257
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1258
1258
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1376,215 +1376,215 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1376
1376
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1377
1377
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1378
1378
  }
1379
- .Button-module__hop-Button--fluid___jF2LE {
1379
+ .Button-module__hop-Button--fluid___-gqsM {
1380
1380
  --inline-size: 100%;
1381
1381
  }
1382
- .Button-module__hop-Button--sm___yWI1w {
1382
+ .Button-module__hop-Button--sm___V1DL4 {
1383
1383
  --block-size: var(--hop-Button-sm-height);
1384
1384
  --padding: var(--hop-Button-sm-padding);
1385
1385
  }
1386
- .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
1386
+ .Button-module__hop-Button--sm___V1DL4[class*=--ghost] {
1387
1387
  --padding: var(--hop-Button-ghost-sm-padding);
1388
1388
  }
1389
- .Button-module__hop-Button--md___5pA46[class*=--ghost] {
1389
+ .Button-module__hop-Button--md___nHPE0[class*=--ghost] {
1390
1390
  --padding: var(--hop-Button-ghost-md-padding);
1391
1391
  }
1392
- .Button-module__hop-Button--icon-only___ZVI03 {
1392
+ .Button-module__hop-Button--icon-only___3UEdV {
1393
1393
  --column-gap: var(--hop-Button-icon-only-column-gap);
1394
1394
  --padding: var(--hop-Button-icon-only-padding);
1395
1395
  aspect-ratio: 1;
1396
1396
  }
1397
- .Button-module__hop-Button--primary___gQcR4 {
1397
+ .Button-module__hop-Button--primary___3EavW {
1398
1398
  --background-color: var(--hop-Button-primary-background-color);
1399
1399
  --color: var(--hop-Button-primary-color);
1400
1400
  --border: var(--hop-Button-primary-border);
1401
1401
  --spinner-color: var(--hop-Button-primary-spinner-color);
1402
1402
  }
1403
- .Button-module__hop-Button--primary___gQcR4[data-hovered],
1404
- .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
1403
+ .Button-module__hop-Button--primary___3EavW[data-hovered],
1404
+ .Button-module__hop-Button--primary___3EavW[data-focus-visible] {
1405
1405
  --background-color: var(--hop-Button-primary-background-color-hover);
1406
1406
  --color: var(--hop-Button-primary-color-hover);
1407
1407
  --border: var(--hop-Button-primary-border-hover);
1408
1408
  }
1409
- .Button-module__hop-Button--primary___gQcR4[data-pressed] {
1409
+ .Button-module__hop-Button--primary___3EavW[data-pressed] {
1410
1410
  --background-color: var(--hop-Button-primary-background-color-pressed);
1411
1411
  --color: var(--hop-Button-primary-color-pressed);
1412
1412
  --border: var(--hop-Button-primary-border-pressed);
1413
1413
  }
1414
- .Button-module__hop-Button--secondary___iPATA {
1414
+ .Button-module__hop-Button--secondary___vcOcq {
1415
1415
  --background-color: var(--hop-Button-secondary-background-color);
1416
1416
  --color: var(--hop-Button-secondary-color);
1417
1417
  --border: var(--hop-Button-secondary-border);
1418
1418
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1419
1419
  }
1420
- .Button-module__hop-Button--secondary___iPATA[data-hovered],
1421
- .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1420
+ .Button-module__hop-Button--secondary___vcOcq[data-hovered],
1421
+ .Button-module__hop-Button--secondary___vcOcq[data-focus-visible] {
1422
1422
  --background-color: var(--hop-Button-secondary-background-color-hover);
1423
1423
  --color: var(--hop-Button-secondary-color-hover);
1424
1424
  --border: var(--hop-Button-secondary-border-hover);
1425
1425
  }
1426
- .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1426
+ .Button-module__hop-Button--secondary___vcOcq[data-pressed] {
1427
1427
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1428
1428
  --color: var(--hop-Button-secondary-color-pressed);
1429
1429
  --border: var(--hop-Button-secondary-border-pressed);
1430
1430
  }
1431
- .Button-module__hop-Button--upsell___1odMt {
1431
+ .Button-module__hop-Button--upsell___2A2kN {
1432
1432
  --background-color: var(--hop-Button-upsell-background-color);
1433
1433
  --color: var(--hop-Button-upsell-color);
1434
1434
  --border: var(--hop-Button-upsell-border);
1435
1435
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1436
1436
  }
1437
- .Button-module__hop-Button--upsell___1odMt[data-hovered],
1438
- .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1437
+ .Button-module__hop-Button--upsell___2A2kN[data-hovered],
1438
+ .Button-module__hop-Button--upsell___2A2kN[data-focus-visible] {
1439
1439
  --background-color: var(--hop-Button-upsell-background-color-hover);
1440
1440
  --color: var(--hop-Button-upsell-color-hover);
1441
1441
  --border: var(--hop-Button-upsell-border-hover);
1442
1442
  }
1443
- .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1443
+ .Button-module__hop-Button--upsell___2A2kN[data-pressed] {
1444
1444
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1445
1445
  --color: var(--hop-Button-upsell-color-pressed);
1446
1446
  --border: var(--hop-Button-upsell-border-pressed);
1447
1447
  }
1448
- .Button-module__hop-Button--danger___nvNVv {
1448
+ .Button-module__hop-Button--danger___5DdXE {
1449
1449
  --background-color: var(--hop-Button-danger-background-color);
1450
1450
  --color: var(--hop-Button-danger-color);
1451
1451
  --border: var(--hop-Button-danger-border);
1452
1452
  --spinner-color: var(--hop-Button-danger-spinner-color);
1453
1453
  }
1454
- .Button-module__hop-Button--danger___nvNVv[data-hovered],
1455
- .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1454
+ .Button-module__hop-Button--danger___5DdXE[data-hovered],
1455
+ .Button-module__hop-Button--danger___5DdXE[data-focus-visible] {
1456
1456
  --background-color: var(--hop-Button-danger-background-color-hover);
1457
1457
  --color: var(--hop-Button-danger-color-hover);
1458
1458
  --border: var(--hop-Button-danger-border-hover);
1459
1459
  }
1460
- .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1460
+ .Button-module__hop-Button--danger___5DdXE[data-pressed] {
1461
1461
  --background-color: var(--hop-Button-danger-background-color-pressed);
1462
1462
  --color: var(--hop-Button-danger-color-pressed);
1463
1463
  --border: var(--hop-Button-danger-border-pressed);
1464
1464
  }
1465
- .Button-module__hop-Button--ghost-primary___XUMG1 {
1465
+ .Button-module__hop-Button--ghost-primary___pVC8I {
1466
1466
  --background-color: var(--hop-Button-ghost-primary-background-color);
1467
1467
  --color: var(--hop-Button-ghost-primary-color);
1468
1468
  --border: var(--hop-Button-ghost-primary-border);
1469
1469
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1470
1470
  }
1471
- .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1472
- .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1471
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-hovered],
1472
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-focus-visible] {
1473
1473
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1474
1474
  --color: var(--hop-Button-ghost-primary-color-hover);
1475
1475
  --border: var(--hop-Button-ghost-primary-border-hover);
1476
1476
  --text-underline: underline;
1477
1477
  }
1478
- .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1478
+ .Button-module__hop-Button--ghost-primary___pVC8I[data-pressed] {
1479
1479
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1480
1480
  --color: var(--hop-Button-ghost-primary-color-pressed);
1481
1481
  --border: var(--hop-Button-ghost-primary-border-pressed);
1482
1482
  --text-underline: underline;
1483
1483
  }
1484
- .Button-module__hop-Button--ghost-secondary___YirRd {
1484
+ .Button-module__hop-Button--ghost-secondary___unj0t {
1485
1485
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1486
1486
  --color: var(--hop-Button-ghost-secondary-color);
1487
1487
  --border: var(--hop-Button-ghost-secondary-border);
1488
1488
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1489
1489
  }
1490
- .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1491
- .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1490
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-hovered],
1491
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-focus-visible] {
1492
1492
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1493
1493
  --color: var(--hop-Button-ghost-secondary-color-hover);
1494
1494
  --border: var(--hop-Button-ghost-secondary-border-hover);
1495
1495
  --text-underline: underline;
1496
1496
  }
1497
- .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1497
+ .Button-module__hop-Button--ghost-secondary___unj0t[data-pressed] {
1498
1498
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1499
1499
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1500
1500
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1501
1501
  --text-underline: underline;
1502
1502
  }
1503
- .Button-module__hop-Button--ghost-danger___J37kT {
1503
+ .Button-module__hop-Button--ghost-danger___5hyt5 {
1504
1504
  --background-color: var(--hop-Button-ghost-danger-background-color);
1505
1505
  --color: var(--hop-Button-ghost-danger-color);
1506
1506
  --border: var(--hop-Button-ghost-danger-border);
1507
1507
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1508
1508
  }
1509
- .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
1510
- .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
1509
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-hovered],
1510
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-focus-visible] {
1511
1511
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1512
1512
  --color: var(--hop-Button-ghost-danger-color-hover);
1513
1513
  --border: var(--hop-Button-ghost-danger-border-hover);
1514
1514
  --text-underline: underline;
1515
1515
  }
1516
- .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
1516
+ .Button-module__hop-Button--ghost-danger___5hyt5[data-pressed] {
1517
1517
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1518
1518
  --color: var(--hop-Button-ghost-danger-color-pressed);
1519
1519
  --border: var(--hop-Button-ghost-danger-border-pressed);
1520
1520
  --text-underline: underline;
1521
1521
  }
1522
- .Button-module__hop-Button___drz4z[data-focus-visible] {
1522
+ .Button-module__hop-Button___Wx1Zn[data-focus-visible] {
1523
1523
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1524
1524
  }
1525
- .Button-module__hop-Button___drz4z[data-disabled],
1526
- .Button-module__hop-Button--loading___Vt2Li {
1525
+ .Button-module__hop-Button___Wx1Zn[data-disabled],
1526
+ .Button-module__hop-Button--loading___2lmgM {
1527
1527
  cursor: not-allowed;
1528
1528
  }
1529
- .Button-module__hop-Button___drz4z[data-disabled] {
1529
+ .Button-module__hop-Button___Wx1Zn[data-disabled] {
1530
1530
  --background-color: var(--hop-Button-background-color-disabled);
1531
1531
  --color: var(--hop-Button-color-disabled);
1532
1532
  --border: var(--hop-Button-border-disabled);
1533
1533
  }
1534
- .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
1534
+ .Button-module__hop-Button___Wx1Zn[class*=--ghost][data-disabled] {
1535
1535
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1536
1536
  --color: var(--hop-Button-ghost-color-disabled);
1537
1537
  --border: var(--hop-Button-ghost-border-disabled);
1538
1538
  }
1539
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
1539
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--primary___3EavW {
1540
1540
  --background-color: var(--hop-Button-primary-background-color);
1541
1541
  --color: var(--hop-Button-primary-color);
1542
1542
  --border: var(--hop-Button-primary-border);
1543
1543
  }
1544
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
1544
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--secondary___vcOcq {
1545
1545
  --background-color: var(--hop-Button-secondary-background-color);
1546
1546
  --color: var(--hop-Button-secondary-color);
1547
1547
  --border: var(--hop-Button-secondary-border);
1548
1548
  }
1549
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
1549
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--upsell___2A2kN {
1550
1550
  --background-color: var(--hop-Button-upsell-background-color);
1551
1551
  --color: var(--hop-Button-upsell-color);
1552
1552
  --border: var(--hop-Button-upsell-border);
1553
1553
  }
1554
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
1554
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--danger___5DdXE {
1555
1555
  --background-color: var(--hop-Button-danger-background-color);
1556
1556
  --color: var(--hop-Button-danger-color);
1557
1557
  --border: var(--hop-Button-danger-border);
1558
1558
  }
1559
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
1559
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-primary___pVC8I {
1560
1560
  --background-color: var(--hop-Button-ghost-primary-background-color);
1561
1561
  --color: var(--hop-Button-ghost-primary-color);
1562
1562
  --border: var(--hop-Button-ghost-primary-border);
1563
1563
  --text-underline: none;
1564
1564
  }
1565
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
1565
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-secondary___unj0t {
1566
1566
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1567
1567
  --color: var(--hop-Button-ghost-secondary-color);
1568
1568
  --border: var(--hop-Button-ghost-secondary-border);
1569
1569
  --text-underline: none;
1570
1570
  }
1571
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
1571
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button--ghost-danger___5hyt5 {
1572
1572
  --background-color: var(--hop-Button-ghost-danger-background-color);
1573
1573
  --color: var(--hop-Button-ghost-danger-color);
1574
1574
  --border: var(--hop-Button-ghost-danger-border);
1575
1575
  --text-underline: none;
1576
1576
  }
1577
- .Button-module__hop-Button__Spinner___qFcTX {
1577
+ .Button-module__hop-Button__Spinner___hILkZ {
1578
1578
  position: absolute;
1579
1579
  color: var(--spinner-color);
1580
1580
  }
1581
- .Button-module__hop-Button__icon___i0bX0,
1582
- .Button-module__hop-Button__icon-list___h-l1l {
1581
+ .Button-module__hop-Button__icon___lRWc4,
1582
+ .Button-module__hop-Button__icon-list___xoDBK {
1583
1583
  flex: 0 0 auto;
1584
1584
  justify-self: end;
1585
1585
  order: 1;
1586
1586
  }
1587
- .Button-module__hop-Button__text___gW1zi {
1587
+ .Button-module__hop-Button__text___fEHr6 {
1588
1588
  user-select: none;
1589
1589
  overflow: visible;
1590
1590
  flex: 0 1 auto;
@@ -1594,57 +1594,429 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1594
1594
  text-underline-offset: 0.125rem;
1595
1595
  text-wrap: nowrap;
1596
1596
  }
1597
- .Button-module__hop-Button__end-icon___H4Qu5,
1598
- .Button-module__hop-Button__end-icon-list___k4l7m {
1597
+ .Button-module__hop-Button__end-icon___EE6f-,
1598
+ .Button-module__hop-Button__end-icon-list___mPjUM {
1599
1599
  flex: 0 0 auto;
1600
1600
  order: 3;
1601
1601
  }
1602
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
1603
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
1602
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__icon-list___xoDBK,
1603
+ .Button-module__hop-Button___Wx1Zn .Button-module__hop-Button__end-icon-list___mPjUM {
1604
1604
  flex-wrap: nowrap;
1605
1605
  }
1606
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
1606
+ .Button-module__hop-Button--loading___2lmgM.Button-module__hop-Button___Wx1Zn > *:not(.Button-module__hop-Button__Spinner___hILkZ) {
1607
1607
  opacity: 0;
1608
1608
  }
1609
- .LinkButton-module__hop-LinkButton___hlYkA {
1609
+ .LinkButton-module__hop-LinkButton___VrebX {
1610
1610
  }
1611
- .LinkButton-module__hop-LinkButton--fluid___iCMfM {
1611
+ .LinkButton-module__hop-LinkButton--fluid___rzyxO {
1612
1612
  }
1613
- .LinkButton-module__hop-LinkButton--sm___yzSw4 {
1613
+ .LinkButton-module__hop-LinkButton--sm___Ptu2v {
1614
1614
  }
1615
- .LinkButton-module__hop-LinkButton--icon-only___DGxSD {
1615
+ .LinkButton-module__hop-LinkButton--icon-only___MmZir {
1616
1616
  }
1617
- .LinkButton-module__hop-LinkButton--primary___l-P07 {
1617
+ .LinkButton-module__hop-LinkButton--primary___qjGCd {
1618
1618
  }
1619
- .LinkButton-module__hop-LinkButton--secondary___37NV- {
1619
+ .LinkButton-module__hop-LinkButton--secondary___x47t0 {
1620
1620
  }
1621
- .LinkButton-module__hop-LinkButton--upsell___cIPT- {
1621
+ .LinkButton-module__hop-LinkButton--upsell___ZFg67 {
1622
1622
  }
1623
- .LinkButton-module__hop-LinkButton--danger___6bQIM {
1623
+ .LinkButton-module__hop-LinkButton--danger___jENLl {
1624
1624
  }
1625
- .LinkButton-module__hop-LinkButton--ghost-primary___yKI9C {
1625
+ .LinkButton-module__hop-LinkButton--ghost-primary___QLfHs {
1626
1626
  }
1627
- .LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ {
1627
+ .LinkButton-module__hop-LinkButton--ghost-secondary___45pSJ {
1628
1628
  }
1629
- .LinkButton-module__hop-LinkButton--ghost-danger___mT1c- {
1629
+ .LinkButton-module__hop-LinkButton--ghost-danger___eFBGK {
1630
1630
  }
1631
- .LinkButton-module__hop-LinkButton__Spinner___wDyVO {
1631
+ .LinkButton-module__hop-LinkButton__Spinner___Erl02 {
1632
1632
  }
1633
- .LinkButton-module__hop-LinkButton__icon___CjXqw,
1634
- .LinkButton-module__hop-LinkButton__icon-list___fJZQG {
1633
+ .LinkButton-module__hop-LinkButton__icon___hNrc-,
1634
+ .LinkButton-module__hop-LinkButton__icon-list___g5-92 {
1635
1635
  }
1636
- .LinkButton-module__hop-LinkButton__text___PNN59 {
1636
+ .LinkButton-module__hop-LinkButton__text___hzV-R {
1637
1637
  }
1638
- .LinkButton-module__hop-LinkButton__end-icon___bC5qj,
1639
- .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1638
+ .LinkButton-module__hop-LinkButton__end-icon___MaWnJ,
1639
+ .LinkButton-module__hop-LinkButton__end-icon-list___EEGiv {
1640
1640
  }
1641
- .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__icon-list___fJZQG,
1642
- .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1641
+ .LinkButton-module__hop-LinkButton___VrebX .LinkButton-module__hop-LinkButton__icon-list___g5-92,
1642
+ .LinkButton-module__hop-LinkButton___VrebX .LinkButton-module__hop-LinkButton__end-icon-list___EEGiv {
1643
1643
  flex-wrap: nowrap;
1644
1644
  }
1645
1645
 
1646
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1647
+ .ToggleButton-module__hop-ToggleButton___-uAM1 {
1648
+ --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
1649
+ --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
1650
+ --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
1651
+ --hop-ToggleButton-icon-only-column-gap: 0;
1652
+ --hop-ToggleButton-outline-size: var(--hop-space-20);
1653
+ --hop-ToggleButton-border-size: var(--hop-space-10);
1654
+ --hop-ToggleButton-text-underline-offset: var(--hop-space-20);
1655
+ --hop-ToggleButton-icon-only-padding: 0;
1656
+ --hop-ToggleButton-sm-height: 2rem;
1657
+ --hop-ToggleButton-md-height: 2.5rem;
1658
+ --hop-ToggleButton-sm-padding: 0 var(--hop-space-inset-md);
1659
+ --hop-ToggleButton-md-padding: 0 var(--hop-space-inset-md);
1660
+ --hop-ToggleButton-color-disabled: var(--hop-neutral-text-disabled);
1661
+ --hop-ToggleButton-background-color-disabled: var(--hop-neutral-surface-disabled);
1662
+ --hop-ToggleButton-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-background-color-disabled);
1663
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
1664
+ --hop-ToggleButton-primary-color-hover: var(--hop-primary-text-strong-hover);
1665
+ --hop-ToggleButton-primary-color-pressed: var(--hop-primary-text-strong);
1666
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
1667
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
1668
+ --hop-ToggleButton-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1669
+ --hop-ToggleButton-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1670
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
1671
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
1672
+ --hop-ToggleButton-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-hover);
1673
+ --hop-ToggleButton-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-pressed);
1674
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
1675
+ --hop-ToggleButton-primary-spinner-color: var(--hop-primary-icon-strong);
1676
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
1677
+ --hop-ToggleButton-secondary-color-hover: var(--hop-neutral-text-hover);
1678
+ --hop-ToggleButton-secondary-color-pressed: var(--hop-neutral-text-press);
1679
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
1680
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
1681
+ --hop-ToggleButton-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1682
+ --hop-ToggleButton-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1683
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
1684
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1685
+ --hop-ToggleButton-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong-hover);
1686
+ --hop-ToggleButton-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1687
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
1688
+ --hop-ToggleButton-secondary-spinner-color: var(--hop-neutral-icon);
1689
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
1690
+ --hop-ToggleButton-upsell-color-hover: var(--hop-upsell-text-hover);
1691
+ --hop-ToggleButton-upsell-color-pressed: var(--hop-upsell-text-press);
1692
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
1693
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
1694
+ --hop-ToggleButton-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1695
+ --hop-ToggleButton-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1696
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
1697
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
1698
+ --hop-ToggleButton-upsell-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-hover);
1699
+ --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
1700
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
1701
+ --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
1702
+ --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
1703
+ --hop-ToggleButton-danger-color-hover: var(--hop-danger-text-strong-hover);
1704
+ --hop-ToggleButton-danger-color-pressed: var(--hop-danger-text-strong-hover);
1705
+ --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
1706
+ --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
1707
+ --hop-ToggleButton-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1708
+ --hop-ToggleButton-danger-background-color-pressed: var(--hop-danger-surface-press);
1709
+ --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
1710
+ --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
1711
+ --hop-ToggleButton-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-hover);
1712
+ --hop-ToggleButton-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-pressed);
1713
+ --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
1714
+ --hop-ToggleButton-danger-spinner-color: var(--hop-primary-icon-strong);
1715
+ --hop-ToggleButton-ghost-color-disabled: var(--hop-neutral-text-disabled);
1716
+ --hop-ToggleButton-ghost-background-color-disabled: transparent;
1717
+ --hop-ToggleButton-ghost-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-background-color-disabled);
1718
+ --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
1719
+ --hop-ToggleButton-ghost-primary-color-hover: var(--hop-primary-text-hover);
1720
+ --hop-ToggleButton-ghost-primary-color-pressed: var(--hop-primary-text-press);
1721
+ --hop-ToggleButton-ghost-primary-background-color: transparent;
1722
+ --hop-ToggleButton-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1723
+ --hop-ToggleButton-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1724
+ --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
1725
+ --hop-ToggleButton-ghost-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-hover);
1726
+ --hop-ToggleButton-ghost-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-pressed);
1727
+ --hop-ToggleButton-ghost-primary-spinner-color: var(--hop-neutral-icon);
1728
+ --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
1729
+ --hop-ToggleButton-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1730
+ --hop-ToggleButton-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1731
+ --hop-ToggleButton-ghost-secondary-background-color: transparent;
1732
+ --hop-ToggleButton-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1733
+ --hop-ToggleButton-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1734
+ --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
1735
+ --hop-ToggleButton-ghost-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-hover);
1736
+ --hop-ToggleButton-ghost-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
1737
+ --hop-ToggleButton-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1738
+ --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
1739
+ --hop-ToggleButton-ghost-danger-color-hover: var(--hop-danger-text-hover);
1740
+ --hop-ToggleButton-ghost-danger-color-pressed: var(--hop-danger-text-press);
1741
+ --hop-ToggleButton-ghost-danger-background-color: transparent;
1742
+ --hop-ToggleButton-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1743
+ --hop-ToggleButton-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1744
+ --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
1745
+ --hop-ToggleButton-ghost-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-hover);
1746
+ --hop-ToggleButton-ghost-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-pressed);
1747
+ --hop-ToggleButton-ghost-danger-spinner-color: var(--hop-neutral-icon);
1748
+ --inline-size: max-content;
1749
+ --block-size: var(--hop-ToggleButton-md-height);
1750
+ --background-color: var(--hop-primary-surface-strong);
1751
+ --color: var(--hop-primary-text-strong);
1752
+ --column-gap: var(--hop-ToggleButton-column-gap);
1753
+ --spinner: var(--hop-primary-icon-strong);
1754
+ --border: 0;
1755
+ --padding: var(--hop-ToggleButton-md-padding);
1756
+ --text-underline: none;
1757
+ cursor: pointer;
1758
+ position: relative;
1759
+ overflow: hidden;
1760
+ display: flex;
1761
+ column-gap: var(--column-gap);
1762
+ align-items: center;
1763
+ justify-content: center;
1764
+ box-sizing: border-box;
1765
+ inline-size: var(--inline-size);
1766
+ block-size: var(--block-size);
1767
+ padding: var(--padding);
1768
+ color: var(--color);
1769
+ text-decoration: none;
1770
+ white-space: nowrap;
1771
+ background-color: var(--background-color);
1772
+ border: var(--border);
1773
+ border-radius: var(--hop-ToggleButton-border-radius);
1774
+ outline: none;
1775
+ outline-offset: var(--hop-ToggleButton-outline-size);
1776
+ transition:
1777
+ color var(--hop-easing-duration-2) var(--hop-easing-productive),
1778
+ background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1779
+ border var(--hop-easing-duration-2) var(--hop-easing-productive);
1780
+ }
1781
+ .ToggleButton-module__hop-ToggleButton--fluid___jzJPC {
1782
+ --inline-size: 100%;
1783
+ }
1784
+ .ToggleButton-module__hop-ToggleButton--sm___F7pTZ {
1785
+ --block-size: var(--hop-ToggleButton-sm-height);
1786
+ --padding: var(--hop-ToggleButton-sm-padding);
1787
+ }
1788
+ .ToggleButton-module__hop-ToggleButton--icon-only___4nWx3 {
1789
+ --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
1790
+ --padding: var(--hop-ToggleButton-icon-only-padding);
1791
+ aspect-ratio: 1;
1792
+ }
1793
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB {
1794
+ --background-color: var(--hop-ToggleButton-primary-background-color);
1795
+ --color: var(--hop-ToggleButton-primary-color);
1796
+ --border: var(--hop-ToggleButton-primary-border);
1797
+ --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
1798
+ }
1799
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-hovered],
1800
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-focus-visible] {
1801
+ --background-color: var(--hop-ToggleButton-primary-background-color-hover);
1802
+ --color: var(--hop-ToggleButton-primary-color-hover);
1803
+ --border: var(--hop-ToggleButton-primary-border-hover);
1804
+ }
1805
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-pressed] {
1806
+ --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
1807
+ --color: var(--hop-ToggleButton-primary-color-pressed);
1808
+ --border: var(--hop-ToggleButton-primary-border-pressed);
1809
+ }
1810
+ .ToggleButton-module__hop-ToggleButton--primary___MNgCB[data-selected] {
1811
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
1812
+ --color: var(--hop-ToggleButton-primary-color-selected);
1813
+ --border: var(--hop-ToggleButton-primary-border-selected);
1814
+ }
1815
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS {
1816
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
1817
+ --color: var(--hop-ToggleButton-secondary-color);
1818
+ --border: var(--hop-ToggleButton-secondary-border);
1819
+ --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
1820
+ }
1821
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-hovered],
1822
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-focus-visible] {
1823
+ --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
1824
+ --color: var(--hop-ToggleButton-secondary-color-hover);
1825
+ --border: var(--hop-ToggleButton-secondary-border-hover);
1826
+ }
1827
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-pressed] {
1828
+ --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
1829
+ --color: var(--hop-ToggleButton-secondary-color-pressed);
1830
+ --border: var(--hop-ToggleButton-secondary-border-pressed);
1831
+ }
1832
+ .ToggleButton-module__hop-ToggleButton--secondary___gKOPS[data-selected] {
1833
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
1834
+ --color: var(--hop-ToggleButton-secondary-color-selected);
1835
+ --border: var(--hop-ToggleButton-secondary-border-selected);
1836
+ }
1837
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x {
1838
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
1839
+ --color: var(--hop-ToggleButton-upsell-color);
1840
+ --border: var(--hop-ToggleButton-upsell-border);
1841
+ --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
1842
+ }
1843
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-hovered],
1844
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-focus-visible] {
1845
+ --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
1846
+ --color: var(--hop-ToggleButton-upsell-color-hover);
1847
+ --border: var(--hop-ToggleButton-upsell-border-hover);
1848
+ }
1849
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-pressed] {
1850
+ --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
1851
+ --color: var(--hop-ToggleButton-upsell-color-pressed);
1852
+ --border: var(--hop-ToggleButton-upsell-border-pressed);
1853
+ }
1854
+ .ToggleButton-module__hop-ToggleButton--upsell___-oM8x[data-selected] {
1855
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
1856
+ --color: var(--hop-ToggleButton-upsell-color-selected);
1857
+ --border: var(--hop-ToggleButton-upsell-border-selected);
1858
+ }
1859
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd {
1860
+ --background-color: var(--hop-ToggleButton-danger-background-color);
1861
+ --color: var(--hop-ToggleButton-danger-color);
1862
+ --border: var(--hop-ToggleButton-danger-border);
1863
+ --spinner-color: var(--hop-ToggleButton-danger-spinner-color);
1864
+ }
1865
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-hovered],
1866
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-focus-visible] {
1867
+ --background-color: var(--hop-ToggleButton-danger-background-color-hover);
1868
+ --color: var(--hop-ToggleButton-danger-color-hover);
1869
+ --border: var(--hop-ToggleButton-danger-border-hover);
1870
+ }
1871
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-pressed] {
1872
+ --background-color: var(--hop-ToggleButton-danger-background-color-pressed);
1873
+ --color: var(--hop-ToggleButton-danger-color-pressed);
1874
+ --border: var(--hop-ToggleButton-danger-border-pressed);
1875
+ }
1876
+ .ToggleButton-module__hop-ToggleButton--danger___pVuCd[data-selected] {
1877
+ --background-color: var(--hop-ToggleButton-danger-background-color-selected);
1878
+ --color: var(--hop-ToggleButton-danger-color-selected);
1879
+ --border: var(--hop-ToggleButton-danger-border-selected);
1880
+ }
1881
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv {
1882
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
1883
+ --color: var(--hop-ToggleButton-ghost-primary-color);
1884
+ --border: var(--hop-ToggleButton-ghost-primary-border);
1885
+ --spinner-color: var(--hop-ToggleButton-ghost-primary-spinner-color);
1886
+ }
1887
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-hovered],
1888
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-focus-visible] {
1889
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-hover);
1890
+ --color: var(--hop-ToggleButton-ghost-primary-color-hover);
1891
+ --border: var(--hop-ToggleButton-ghost-primary-border-hover);
1892
+ --text-underline: underline;
1893
+ }
1894
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-pressed],
1895
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-selected] {
1896
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-pressed);
1897
+ --color: var(--hop-ToggleButton-ghost-primary-color-pressed);
1898
+ --border: var(--hop-ToggleButton-ghost-primary-border-pressed);
1899
+ }
1900
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___t2fOv[data-pressed] {
1901
+ --text-underline: underline;
1902
+ }
1903
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP {
1904
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
1905
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
1906
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
1907
+ --spinner-color: var(--hop-ToggleButton-ghost-secondary-spinner-color);
1908
+ }
1909
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-hovered],
1910
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-focus-visible] {
1911
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-hover);
1912
+ --color: var(--hop-ToggleButton-ghost-secondary-color-hover);
1913
+ --border: var(--hop-ToggleButton-ghost-secondary-border-hover);
1914
+ --text-underline: underline;
1915
+ }
1916
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-pressed],
1917
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-selected] {
1918
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
1919
+ --color: var(--hop-ToggleButton-ghost-secondary-color-pressed);
1920
+ --border: var(--hop-ToggleButton-ghost-secondary-border-pressed);
1921
+ }
1922
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___ou7jP[data-pressed] {
1923
+ --text-underline: underline;
1924
+ }
1925
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S {
1926
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
1927
+ --color: var(--hop-ToggleButton-ghost-danger-color);
1928
+ --border: var(--hop-ToggleButton-ghost-danger-border);
1929
+ --spinner-color: var(--hop-ToggleButton-ghost-danger-spinner-color);
1930
+ }
1931
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-hovered],
1932
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-focus-visible] {
1933
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-hover);
1934
+ --color: var(--hop-ToggleButton-ghost-danger-color-hover);
1935
+ --border: var(--hop-ToggleButton-ghost-danger-border-hover);
1936
+ --text-underline: underline;
1937
+ }
1938
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-pressed],
1939
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-selected] {
1940
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-pressed);
1941
+ --color: var(--hop-ToggleButton-ghost-danger-color-pressed);
1942
+ --border: var(--hop-ToggleButton-ghost-danger-border-pressed);
1943
+ }
1944
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Hbw8S[data-pressed] {
1945
+ --text-underline: underline;
1946
+ }
1947
+ .ToggleButton-module__hop-ToggleButton___-uAM1[data-focus-visible] {
1948
+ outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
1949
+ }
1950
+ .ToggleButton-module__hop-ToggleButton___-uAM1[data-disabled],
1951
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi {
1952
+ cursor: not-allowed;
1953
+ }
1954
+ .ToggleButton-module__hop-ToggleButton___-uAM1[data-disabled] {
1955
+ --background-color: var(--hop-ToggleButton-background-color-disabled);
1956
+ --color: var(--hop-ToggleButton-color-disabled);
1957
+ --border: var(--hop-ToggleButton-border-disabled);
1958
+ }
1959
+ .ToggleButton-module__hop-ToggleButton___-uAM1[class*=--ghost][data-disabled] {
1960
+ --background-color: var(--hop-ToggleButton-ghost-background-color-disabled);
1961
+ --color: var(--hop-ToggleButton-ghost-color-disabled);
1962
+ --border: var(--hop-ToggleButton-ghost-border-disabled);
1963
+ }
1964
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton--primary___MNgCB {
1965
+ --background-color: var(--hop-ToggleButton-primary-background-color);
1966
+ --color: var(--hop-ToggleButton-primary-color);
1967
+ --border: var(--hop-ToggleButton-primary-border);
1968
+ }
1969
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton--secondary___gKOPS {
1970
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
1971
+ --color: var(--hop-ToggleButton-secondary-color);
1972
+ --border: var(--hop-ToggleButton-secondary-border);
1973
+ }
1974
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton--upsell___-oM8x {
1975
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
1976
+ --color: var(--hop-ToggleButton-upsell-color);
1977
+ --border: var(--hop-ToggleButton-upsell-border);
1978
+ }
1979
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton___-uAM1[class*=--ghost] {
1980
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
1981
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
1982
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
1983
+ --text-underline: none;
1984
+ }
1985
+ .ToggleButton-module__hop-ToggleButton__Spinner___EJdHt {
1986
+ position: absolute;
1987
+ color: var(--spinner-color);
1988
+ }
1989
+ .ToggleButton-module__hop-ToggleButton__icon___Qjwhj,
1990
+ .ToggleButton-module__hop-ToggleButton__icon-list___Waqi5 {
1991
+ flex: 0 0 auto;
1992
+ justify-self: end;
1993
+ order: 1;
1994
+ }
1995
+ .ToggleButton-module__hop-ToggleButton__text___hqhyX {
1996
+ user-select: none;
1997
+ overflow: visible;
1998
+ flex: 0 1 auto;
1999
+ order: 2;
2000
+ font-weight: var(--hop-font-weight-505);
2001
+ text-decoration: var(--text-underline);
2002
+ text-underline-offset: 0.125rem;
2003
+ text-wrap: nowrap;
2004
+ }
2005
+ .ToggleButton-module__hop-ToggleButton__end-icon___MJ4Db,
2006
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___spRxI {
2007
+ flex: 0 0 auto;
2008
+ order: 3;
2009
+ }
2010
+ .ToggleButton-module__hop-ToggleButton___-uAM1 .ToggleButton-module__hop-ToggleButton__icon-list___Waqi5,
2011
+ .ToggleButton-module__hop-ToggleButton___-uAM1 .ToggleButton-module__hop-ToggleButton__end-icon-list___spRxI {
2012
+ flex-wrap: nowrap;
2013
+ }
2014
+ .ToggleButton-module__hop-ToggleButton--loading___9fADi.ToggleButton-module__hop-ToggleButton___-uAM1 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___EJdHt) {
2015
+ opacity: 0;
2016
+ }
2017
+
1646
2018
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
1647
- .HopperProvider-module__hop-HopperProvider___1mjTd {
2019
+ .HopperProvider-module__hop-HopperProvider___tZA7I {
1648
2020
  font-family: var(--hop-body-md-font-family);
1649
2021
  font-size: var(--hop-body-md-font-size);
1650
2022
  font-weight: var(--hop-body-md-font-weight);
@@ -1654,7 +2026,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1654
2026
  }
1655
2027
 
1656
2028
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
1657
- .Link-module__hop-Link___n4WL9 {
2029
+ .Link-module__hop-Link___FV5rG {
1658
2030
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1659
2031
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1660
2032
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1714,130 +2086,130 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1714
2086
  outline: none;
1715
2087
  outline-offset: 0.125rem;
1716
2088
  }
1717
- :where(.Link-module__hop-Link___n4WL9) {
2089
+ :where(.Link-module__hop-Link___FV5rG) {
1718
2090
  font-family: var(--font-family);
1719
2091
  font-size: var(--font-size);
1720
2092
  font-weight: var(--font-weight);
1721
2093
  line-height: var(--line-height);
1722
2094
  }
1723
- :where(.Link-module__hop-Link--xs___kEypx) {
2095
+ :where(.Link-module__hop-Link--xs___u0hBD) {
1724
2096
  --font-size: var(--hop-Link-xs-font-size);
1725
2097
  --font-family: var(--hop-Link-xs-font-family);
1726
2098
  --font-weight: var(--hop-Link-xs-font-weight);
1727
2099
  --line-height: var(--hop-Link-xs-line-height);
1728
2100
  }
1729
- :where(.Link-module__hop-Link--sm___oCoo0) {
2101
+ :where(.Link-module__hop-Link--sm___gnUwM) {
1730
2102
  --font-size: var(--hop-Link-sm-font-size);
1731
2103
  --font-family: var(--hop-Link-sm-font-family);
1732
2104
  --font-weight: var(--hop-Link-sm-font-weight);
1733
2105
  --line-height: var(--hop-Link-sm-line-height);
1734
2106
  }
1735
- :where(.Link-module__hop-Link--md___4u0Jm) {
2107
+ :where(.Link-module__hop-Link--md___59y2t) {
1736
2108
  --font-size: var(--hop-Link-md-font-size);
1737
2109
  --font-family: var(--hop-Link-md-font-family);
1738
2110
  --font-weight: var(--hop-Link-md-font-weight);
1739
2111
  --line-height: var(--hop-Link-md-line-height);
1740
2112
  }
1741
- :where(.Link-module__hop-Link--lg___nFVvq) {
2113
+ :where(.Link-module__hop-Link--lg___BPor-) {
1742
2114
  --font-size: var(--hop-Link-lg-font-size);
1743
2115
  --font-family: var(--hop-Link-lg-font-family);
1744
2116
  --font-weight: var(--hop-Link-lg-font-weight);
1745
2117
  --line-height: var(--hop-Link-lg-line-height);
1746
2118
  }
1747
- :where(.Link-module__hop-Link--xl___yqMaS) {
2119
+ :where(.Link-module__hop-Link--xl___rF4pW) {
1748
2120
  --font-size: var(--hop-Link-xl-font-size);
1749
2121
  --font-family: var(--hop-Link-xl-font-family);
1750
2122
  --font-weight: var(--hop-Link-xl-font-weight);
1751
2123
  --line-height: var(--hop-Link-xl-line-height);
1752
2124
  }
1753
- :where(.Link-module__hop-Link--2xl___EgZxg) {
2125
+ :where(.Link-module__hop-Link--2xl___K-VR3) {
1754
2126
  --font-size: var(--hop-Link-2xl-font-size);
1755
2127
  --font-family: var(--hop-Link-2xl-font-family);
1756
2128
  --font-weight: var(--hop-Link-2xl-font-weight);
1757
2129
  --line-height: var(--hop-Link-2xl-line-height);
1758
2130
  }
1759
- :where(.Link-module__hop-Link--inherit___Xpj78) {
2131
+ :where(.Link-module__hop-Link--inherit___40F4a) {
1760
2132
  --font-size: var(--hop-Link-inherit-size-font-size);
1761
2133
  --font-family: var(--hop-Link-inherit-size-font-family);
1762
2134
  --font-weight: var(--hop-Link-inherit-size-font-weight);
1763
2135
  --line-height: var(--hop-Link-inherit-size-line-height);
1764
2136
  }
1765
- .Link-module__hop-Link___n4WL9[data-focus-visible] {
2137
+ .Link-module__hop-Link___FV5rG[data-focus-visible] {
1766
2138
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1767
2139
  }
1768
- .Link-module__hop-Link___n4WL9[data-disabled] {
2140
+ .Link-module__hop-Link___FV5rG[data-disabled] {
1769
2141
  cursor: default;
1770
2142
  }
1771
- .Link-module__hop-Link--standalone___wSlf4 .Link-module__hop-Link__text___1mmQh {
2143
+ .Link-module__hop-Link--standalone___4O8r3 .Link-module__hop-Link__text___11HIV {
1772
2144
  padding: var(--hop-Link-padding-standalone);
1773
2145
  }
1774
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xs___kEypx .Link-module__hop-Link__text___1mmQh {
2146
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--xs___u0hBD .Link-module__hop-Link__text___11HIV {
1775
2147
  padding: var(--hop-Link-padding-standalone-xs);
1776
2148
  }
1777
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--sm___oCoo0 .Link-module__hop-Link__text___1mmQh {
2149
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--sm___gnUwM .Link-module__hop-Link__text___11HIV {
1778
2150
  padding: var(--hop-Link-padding-standalone-sm);
1779
2151
  }
1780
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--md___4u0Jm .Link-module__hop-Link__text___1mmQh {
2152
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--md___59y2t .Link-module__hop-Link__text___11HIV {
1781
2153
  padding: var(--hop-Link-padding-standalone-md);
1782
2154
  }
1783
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--lg___nFVvq .Link-module__hop-Link__text___1mmQh {
2155
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--lg___BPor- .Link-module__hop-Link__text___11HIV {
1784
2156
  padding: var(--hop-Link-padding-standalone-lg);
1785
2157
  }
1786
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xl___yqMaS .Link-module__hop-Link__text___1mmQh {
2158
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--xl___rF4pW .Link-module__hop-Link__text___11HIV {
1787
2159
  padding: var(--hop-Link-padding-standalone-xl);
1788
2160
  }
1789
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--2xl___EgZxg .Link-module__hop-Link__text___1mmQh {
2161
+ .Link-module__hop-Link--standalone___4O8r3.Link-module__hop-Link--2xl___K-VR3 .Link-module__hop-Link__text___11HIV {
1790
2162
  padding: var(--hop-Link-padding-standalone-2xl);
1791
2163
  }
1792
- .Link-module__hop-Link--quiet___9GBMr[data-focus-visible],
1793
- .Link-module__hop-Link--quiet___9GBMr[data-hovered],
1794
- .Link-module__hop-Link--standalone___wSlf4[data-focus-visible],
1795
- .Link-module__hop-Link--standalone___wSlf4[data-hovered] {
2164
+ .Link-module__hop-Link--quiet___0hX-l[data-focus-visible],
2165
+ .Link-module__hop-Link--quiet___0hX-l[data-hovered],
2166
+ .Link-module__hop-Link--standalone___4O8r3[data-focus-visible],
2167
+ .Link-module__hop-Link--standalone___4O8r3[data-hovered] {
1796
2168
  text-decoration: underline;
1797
2169
  }
1798
- .Link-module__hop-Link___n4WL9:not(.Link-module__hop-Link--quiet___9GBMr, .Link-module__hop-Link--standalone___wSlf4) {
2170
+ .Link-module__hop-Link___FV5rG:not(.Link-module__hop-Link--quiet___0hX-l, .Link-module__hop-Link--standalone___4O8r3) {
1799
2171
  text-decoration: underline;
1800
2172
  }
1801
- .Link-module__hop-Link--primary___YeNRh {
2173
+ .Link-module__hop-Link--primary___Gtd9h {
1802
2174
  color: var(--hop-Link-primary-text-color);
1803
2175
  }
1804
- .Link-module__hop-Link--primary___YeNRh[data-disabled] {
2176
+ .Link-module__hop-Link--primary___Gtd9h[data-disabled] {
1805
2177
  color: var(--hop-Link-primary-text-disabled-color);
1806
2178
  }
1807
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-focus-visible],
1808
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-hovered] {
2179
+ .Link-module__hop-Link--primary___Gtd9h:not([data-disabled])[data-focus-visible],
2180
+ .Link-module__hop-Link--primary___Gtd9h:not([data-disabled])[data-hovered] {
1809
2181
  color: var(--hop-Link-primary-text-hover-color);
1810
2182
  }
1811
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-pressed] {
2183
+ .Link-module__hop-Link--primary___Gtd9h:not([data-disabled])[data-pressed] {
1812
2184
  color: var(--hop-Link-primary-text-pressed-color);
1813
2185
  }
1814
- .Link-module__hop-Link--secondary___0pBbc {
2186
+ .Link-module__hop-Link--secondary___txt5k {
1815
2187
  color: var(--hop-Link-neutral-text-color);
1816
2188
  }
1817
- .Link-module__hop-Link--secondary___0pBbc[data-disabled] {
2189
+ .Link-module__hop-Link--secondary___txt5k[data-disabled] {
1818
2190
  color: var(--hop-Link-neutral-text-disabled-color);
1819
2191
  }
1820
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-focus-visible],
1821
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-hovered] {
2192
+ .Link-module__hop-Link--secondary___txt5k:not([data-disabled])[data-focus-visible],
2193
+ .Link-module__hop-Link--secondary___txt5k:not([data-disabled])[data-hovered] {
1822
2194
  color: var(--hop-Link-neutral-text-hover-color);
1823
2195
  }
1824
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-pressed] {
2196
+ .Link-module__hop-Link--secondary___txt5k:not([data-disabled])[data-pressed] {
1825
2197
  color: var(--hop-Link-neutral-text-pressed-color);
1826
2198
  }
1827
- .Link-module__hop-Link__icon___QFMUA,
1828
- .Link-module__hop-Link__icon-list___eQlWg {
2199
+ .Link-module__hop-Link__icon___ZBIMb,
2200
+ .Link-module__hop-Link__icon-list___W15lz {
1829
2201
  order: 2;
1830
2202
  }
1831
- .Link-module__hop-Link__text___1mmQh {
2203
+ .Link-module__hop-Link__text___11HIV {
1832
2204
  order: 1;
1833
2205
  }
1834
- .Link-module__hop-Link__start-icon___Tury5,
1835
- .Link-module__hop-Link__start-icon-list___lkoEc {
2206
+ .Link-module__hop-Link__start-icon___W4fuo,
2207
+ .Link-module__hop-Link__start-icon-list___oVUGp {
1836
2208
  order: 0;
1837
2209
  }
1838
2210
 
1839
2211
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
1840
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR {
2212
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8tvit {
1841
2213
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
1842
2214
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
1843
2215
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -1868,46 +2240,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1868
2240
  background-color: var(--background-color);
1869
2241
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
1870
2242
  }
1871
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AaOnx {
2243
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___LSNvv {
1872
2244
  --size: var(--hop-RichIconAvatarImage-xs-size);
1873
2245
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
1874
2246
  }
1875
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8Ecej {
2247
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___jnV5S {
1876
2248
  --size: var(--hop-RichIconAvatarImage-sm-size);
1877
2249
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
1878
2250
  }
1879
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___aIh9w {
2251
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___M8O9a {
1880
2252
  --size: var(--hop-RichIconAvatarImage-md-size);
1881
2253
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
1882
2254
  }
1883
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9uTaH {
2255
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___WQF8T {
1884
2256
  --size: var(--hop-RichIconAvatarImage-lg-size);
1885
2257
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
1886
2258
  }
1887
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZOuAb {
2259
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___3Aq66 {
1888
2260
  --size: var(--hop-RichIconAvatarImage-xl-size);
1889
2261
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
1890
2262
  }
1891
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ybj8I {
2263
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___T1NI4 {
1892
2264
  --size: var(--hop-RichIconAvatarImage-2xl-size);
1893
2265
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
1894
2266
  }
1895
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] {
2267
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8tvit[data-disabled] {
1896
2268
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
1897
2269
  }
1898
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
2270
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___ToEf2 {
1899
2271
  position: relative;
1900
2272
  display: block;
1901
2273
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1902
2274
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1903
2275
  }
1904
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
2276
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8tvit[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___ToEf2 {
1905
2277
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
1906
2278
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
1907
2279
  }
1908
2280
 
1909
2281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
1910
- .Avatar-module__hop-Avatar___Ihw-T {
2282
+ .Avatar-module__hop-Avatar___HriAB {
1911
2283
  --hop-Avatar-border-radius: var(--hop-shape-circle);
1912
2284
  --hop-Avatar-mix-blend-mode: normal;
1913
2285
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -1952,67 +2324,67 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1952
2324
  background-color: var(--background-color, transparent);
1953
2325
  border-radius: var(--hop-Avatar-border-radius);
1954
2326
  }
1955
- .Avatar-module__hop-Avatar--xs___wUBE6 {
2327
+ .Avatar-module__hop-Avatar--xs___pjQ92 {
1956
2328
  --size: var(--hop-Avatar-xs-size);
1957
2329
  }
1958
- .Avatar-module__hop-Avatar--sm___zFiEI {
2330
+ .Avatar-module__hop-Avatar--sm___q7cGO {
1959
2331
  --size: var(--hop-Avatar-sm-size);
1960
2332
  }
1961
- .Avatar-module__hop-Avatar--md___gGnf1 {
2333
+ .Avatar-module__hop-Avatar--md___fdMTf {
1962
2334
  --size: var(--hop-Avatar-md-size);
1963
2335
  }
1964
- .Avatar-module__hop-Avatar--lg___59OtB {
2336
+ .Avatar-module__hop-Avatar--lg___uqr53 {
1965
2337
  --size: var(--hop-Avatar-lg-size);
1966
2338
  }
1967
- .Avatar-module__hop-Avatar--xl___zCYTU {
2339
+ .Avatar-module__hop-Avatar--xl___tqYt8 {
1968
2340
  --size: var(--hop-Avatar-xl-size);
1969
2341
  }
1970
- .Avatar-module__hop-Avatar--2xl___lpaAF {
2342
+ .Avatar-module__hop-Avatar--2xl___lCG6b {
1971
2343
  --size: var(--hop-Avatar-2xl-size);
1972
2344
  }
1973
- .Avatar-module__hop-Avatar--decorative-option1___x2qeq {
2345
+ .Avatar-module__hop-Avatar--decorative-option1___WszwR {
1974
2346
  --background-color: var(--hop-Avatar-decorative-1-background-color);
1975
2347
  --text-color: var(--hop-Avatar-decorative-1-text-color);
1976
2348
  }
1977
- .Avatar-module__hop-Avatar--decorative-option2___2unk3 {
2349
+ .Avatar-module__hop-Avatar--decorative-option2___zKUFK {
1978
2350
  --background-color: var(--hop-Avatar-decorative-2-background-color);
1979
2351
  --text-color: var(--hop-Avatar-decorative-2-text-color);
1980
2352
  }
1981
- .Avatar-module__hop-Avatar--decorative-option3___rOlnd {
2353
+ .Avatar-module__hop-Avatar--decorative-option3___bec-z {
1982
2354
  --background-color: var(--hop-Avatar-decorative-3-background-color);
1983
2355
  --text-color: var(--hop-Avatar-decorative-3-text-color);
1984
2356
  }
1985
- .Avatar-module__hop-Avatar--decorative-option4___FxzGH {
2357
+ .Avatar-module__hop-Avatar--decorative-option4___xYoNw {
1986
2358
  --background-color: var(--hop-Avatar-decorative-4-background-color);
1987
2359
  --text-color: var(--hop-Avatar-decorative-4-text-color);
1988
2360
  }
1989
- .Avatar-module__hop-Avatar--decorative-option5___4y8u9 {
2361
+ .Avatar-module__hop-Avatar--decorative-option5___rIh0- {
1990
2362
  --background-color: var(--hop-Avatar-decorative-5-background-color);
1991
2363
  --text-color: var(--hop-Avatar-decorative-5-text-color);
1992
2364
  }
1993
- .Avatar-module__hop-Avatar--decorative-option6___jliDF {
2365
+ .Avatar-module__hop-Avatar--decorative-option6___TJ13K {
1994
2366
  --background-color: var(--hop-Avatar-decorative-6-background-color);
1995
2367
  --text-color: var(--hop-Avatar-decorative-6-text-color);
1996
2368
  }
1997
- .Avatar-module__hop-Avatar--decorative-option7___Qy8IM {
2369
+ .Avatar-module__hop-Avatar--decorative-option7___fg4Lk {
1998
2370
  --background-color: var(--hop-Avatar-decorative-7-background-color);
1999
2371
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2000
2372
  }
2001
- .Avatar-module__hop-Avatar--decorative-option8___AEFBt {
2373
+ .Avatar-module__hop-Avatar--decorative-option8___kMpAb {
2002
2374
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2003
2375
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2004
2376
  }
2005
- .Avatar-module__hop-Avatar--decorative-option9___qaNLY {
2377
+ .Avatar-module__hop-Avatar--decorative-option9___MOmm2 {
2006
2378
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2007
2379
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2008
2380
  }
2009
- .Avatar-module__hop-Avatar___Ihw-T[data-disabled] {
2381
+ .Avatar-module__hop-Avatar___HriAB[data-disabled] {
2010
2382
  --background-color: var(--hop-Avatar-background-color-disabled);
2011
2383
  --text-color: var(--hop-Avatar-text-color-disabled);
2012
2384
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2013
2385
  isolation: isolate;
2014
2386
  }
2015
- .Avatar-module__hop-Avatar__image___4XmMJ {
2387
+ .Avatar-module__hop-Avatar__image___cp8fq {
2016
2388
  position: relative;
2017
2389
  display: block;
2018
2390
  box-sizing: border-box;
@@ -2023,7 +2395,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2023
2395
  }
2024
2396
 
2025
2397
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2026
- .Tooltip-module__hop-Tooltip___RIZp2 {
2398
+ .Tooltip-module__hop-Tooltip___6f4ee {
2027
2399
  --hop-Tooltip-max-inline-size: 20rem;
2028
2400
  --hop-Tooltip-slide-amount: 0.25rem;
2029
2401
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2050,29 +2422,29 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2050
2422
  border-radius: var(--hop-Tooltip-border-radius);
2051
2423
  box-shadow: var(--hop-Tooltip-box-shadow);
2052
2424
  }
2053
- .Tooltip-module__hop-Tooltip--top___LYimQ {
2425
+ .Tooltip-module__hop-Tooltip--top___PRavd {
2054
2426
  --origin-x: 0;
2055
2427
  --origin-y: var(--hop-Tooltip-slide-amount);
2056
2428
  }
2057
- .Tooltip-module__hop-Tooltip--right___U7MIG {
2429
+ .Tooltip-module__hop-Tooltip--right___ChLoq {
2058
2430
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2059
2431
  --origin-y: 0;
2060
2432
  }
2061
- .Tooltip-module__hop-Tooltip--bottom___dawQ8 {
2433
+ .Tooltip-module__hop-Tooltip--bottom___ngYL8 {
2062
2434
  --origin-x: 0;
2063
2435
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2064
2436
  }
2065
- .Tooltip-module__hop-Tooltip--left___qVC3o {
2437
+ .Tooltip-module__hop-Tooltip--left___7UF6V {
2066
2438
  --origin-x: var(--hop-Tooltip-slide-amount);
2067
2439
  --origin-y: 0;
2068
2440
  }
2069
- .Tooltip-module__hop-Tooltip___RIZp2[data-entering] {
2070
- animation: Tooltip-module__slide___-wv3b 0.2s ease-out;
2441
+ .Tooltip-module__hop-Tooltip___6f4ee[data-entering] {
2442
+ animation: Tooltip-module__slide___zQiGS 0.2s ease-out;
2071
2443
  }
2072
- .Tooltip-module__hop-Tooltip___RIZp2[data-exiting] {
2073
- animation: Tooltip-module__slide___-wv3b 0.2s ease-in reverse;
2444
+ .Tooltip-module__hop-Tooltip___6f4ee[data-exiting] {
2445
+ animation: Tooltip-module__slide___zQiGS 0.2s ease-in reverse;
2074
2446
  }
2075
- @keyframes Tooltip-module__slide___-wv3b {
2447
+ @keyframes Tooltip-module__slide___zQiGS {
2076
2448
  from {
2077
2449
  transform: translate(var(--origin-x), var(--origin-y));
2078
2450
  opacity: 0;
@@ -2084,44 +2456,44 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2084
2456
  }
2085
2457
 
2086
2458
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2087
- .AvatarGroup-module__hop-AvatarGroup___2Ak-A {
2459
+ .AvatarGroup-module__hop-AvatarGroup___14vi2 {
2088
2460
  --hop-AvatarGroup-display: flex;
2089
2461
  --hop-AvatarGroup-align-items: center;
2090
2462
  display: var(--hop-AvatarGroup-display);
2091
2463
  align-items: var(--hop-AvatarGroup-align-items);
2092
2464
  }
2093
- .AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z {
2465
+ .AvatarGroup-module__hop-AvatarGroup--wrap___sRw9X {
2094
2466
  flex-wrap: wrap;
2095
2467
  }
2096
- .AvatarGroup-module__hop-AvatarGroup--xs___zbilM {
2468
+ .AvatarGroup-module__hop-AvatarGroup--xs___1IhWE {
2097
2469
  --gap: -0.125rem;
2098
2470
  }
2099
- .AvatarGroup-module__hop-AvatarGroup--sm___9fEko {
2471
+ .AvatarGroup-module__hop-AvatarGroup--sm___IYM9d {
2100
2472
  --gap: -0.25rem;
2101
2473
  }
2102
- .AvatarGroup-module__hop-AvatarGroup--md___kEMKx {
2474
+ .AvatarGroup-module__hop-AvatarGroup--md___Ss6sS {
2103
2475
  --gap: -0.5rem;
2104
2476
  }
2105
- .AvatarGroup-module__hop-AvatarGroup--lg___jXOOK {
2477
+ .AvatarGroup-module__hop-AvatarGroup--lg___6g8T- {
2106
2478
  --gap: -1rem;
2107
2479
  }
2108
- .AvatarGroup-module__hop-AvatarGroup--xl___FxILA {
2480
+ .AvatarGroup-module__hop-AvatarGroup--xl___l8V-g {
2109
2481
  --gap: -1rem;
2110
2482
  }
2111
- .AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B {
2483
+ .AvatarGroup-module__hop-AvatarGroup--2xl___S3BrM {
2112
2484
  --gap: -2rem;
2113
2485
  }
2114
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2486
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv {
2115
2487
  margin-inline-start: var(--gap);
2116
2488
  transition: margin var(--hop-easing-duration-2);
2117
2489
  }
2118
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2490
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv {
2119
2491
  margin-inline-start: 0;
2120
2492
  }
2121
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:first-child {
2493
+ .AvatarGroup-module__hop-AvatarGroup__avatar___hDcXv:first-child {
2122
2494
  margin-inline-start: 0;
2123
2495
  }
2124
- .AvatarGroup-module__hop-AvatarGroup__label___f4h8d {
2496
+ .AvatarGroup-module__hop-AvatarGroup__label___9hg5q {
2125
2497
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2126
2498
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2127
2499
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2133,7 +2505,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2133
2505
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2134
2506
  line-height: var(--hop-AvatarGroup-label-line-height);
2135
2507
  }
2136
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB {
2508
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Iohmc {
2137
2509
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2138
2510
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2139
2511
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2151,21 +2523,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2151
2523
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2152
2524
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2153
2525
  }
2154
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB:not(:last-child) {
2526
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Iohmc:not(:last-child) {
2155
2527
  margin-block-end: 0.25rem;
2156
2528
  }
2157
- .AvatarGroup-module__hop-AvatarGroup--start___zDpr- {
2529
+ .AvatarGroup-module__hop-AvatarGroup--start___jRIlc {
2158
2530
  justify-content: flex-start;
2159
2531
  }
2160
- .AvatarGroup-module__hop-AvatarGroup--end___mNOnu {
2532
+ .AvatarGroup-module__hop-AvatarGroup--end___2V4XG {
2161
2533
  justify-content: flex-end;
2162
2534
  }
2163
- .AvatarGroup-module__hop-AvatarGroup--center___jDYuI {
2535
+ .AvatarGroup-module__hop-AvatarGroup--center___vqfSf {
2164
2536
  justify-content: center;
2165
2537
  }
2166
2538
 
2167
2539
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2168
- .Badge-module__hop-Badge___A-Bla {
2540
+ .Badge-module__hop-Badge___AOkrP {
2169
2541
  --hop-Badge-height: 1.5rem;
2170
2542
  --hop-Badge-width: max-content;
2171
2543
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2215,67 +2587,67 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2215
2587
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2216
2588
  border-radius: var(--border-radius);
2217
2589
  }
2218
- .Badge-module__hop-Badge--primary___E55Gz {
2590
+ .Badge-module__hop-Badge--primary___q8EQr {
2219
2591
  --background-color: var(--hop-Badge-primary-background-color);
2220
2592
  --text-color: var(--hop-Badge-primary-text-color);
2221
2593
  }
2222
- .Badge-module__hop-Badge--primary___E55Gz[data-hovered] {
2594
+ .Badge-module__hop-Badge--primary___q8EQr[data-hovered] {
2223
2595
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2224
2596
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2225
2597
  }
2226
- .Badge-module__hop-Badge--primary___E55Gz[data-pressed] {
2598
+ .Badge-module__hop-Badge--primary___q8EQr[data-pressed] {
2227
2599
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2228
2600
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2229
2601
  }
2230
- .Badge-module__hop-Badge--primary___E55Gz[data-selected] {
2602
+ .Badge-module__hop-Badge--primary___q8EQr[data-selected] {
2231
2603
  --background-color: var(--hop-Badge-primary-background-color-selected);
2232
2604
  --text-color: var(--hop-Badge-primary-text-color-selected);
2233
2605
  }
2234
- .Badge-module__hop-Badge--secondary___0bxAx {
2606
+ .Badge-module__hop-Badge--secondary___cFi7D {
2235
2607
  --background-color: var(--hop-Badge-secondary-background-color);
2236
2608
  --text-color: var(--hop-Badge-secondary-text-color);
2237
2609
  }
2238
- .Badge-module__hop-Badge--secondary___0bxAx[data-hovered] {
2610
+ .Badge-module__hop-Badge--secondary___cFi7D[data-hovered] {
2239
2611
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2240
2612
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2241
2613
  }
2242
- .Badge-module__hop-Badge--secondary___0bxAx[data-pressed] {
2614
+ .Badge-module__hop-Badge--secondary___cFi7D[data-pressed] {
2243
2615
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2244
2616
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2245
2617
  }
2246
- .Badge-module__hop-Badge--secondary___0bxAx[data-selected] {
2618
+ .Badge-module__hop-Badge--secondary___cFi7D[data-selected] {
2247
2619
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2248
2620
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2249
2621
  }
2250
- .Badge-module__hop-Badge--subdued___zdomT {
2622
+ .Badge-module__hop-Badge--subdued___NxemM {
2251
2623
  --background-color: var(--hop-Badge-subdued-background-color);
2252
2624
  --text-color: var(--hop-Badge-subdued-text-color);
2253
2625
  }
2254
- .Badge-module__hop-Badge--subdued___zdomT[data-hovered] {
2626
+ .Badge-module__hop-Badge--subdued___NxemM[data-hovered] {
2255
2627
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2256
2628
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2257
2629
  }
2258
- .Badge-module__hop-Badge--subdued___zdomT[data-pressed] {
2630
+ .Badge-module__hop-Badge--subdued___NxemM[data-pressed] {
2259
2631
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2260
2632
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2261
2633
  }
2262
- .Badge-module__hop-Badge--subdued___zdomT[data-selected] {
2634
+ .Badge-module__hop-Badge--subdued___NxemM[data-selected] {
2263
2635
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2264
2636
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2265
2637
  }
2266
- .Badge-module__hop-Badge___A-Bla[data-indeterminate] {
2638
+ .Badge-module__hop-Badge___AOkrP[data-indeterminate] {
2267
2639
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2268
2640
  --height: var(--hop-Badge-indeterminate-height);
2269
2641
  --width: var(--hop-Badge-indeterminate-width);
2270
2642
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2271
2643
  }
2272
- .Badge-module__hop-Badge___A-Bla[data-disabled] {
2644
+ .Badge-module__hop-Badge___AOkrP[data-disabled] {
2273
2645
  --background-color: var(--hop-Badge-background-color-disabled);
2274
2646
  --text-color: var(--hop-Badge-text-color-disabled);
2275
2647
  }
2276
2648
 
2277
2649
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2278
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ {
2650
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0 {
2279
2651
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2280
2652
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2281
2653
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2316,7 +2688,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2316
2688
  box-sizing: border-box;
2317
2689
  inline-size: max-content;
2318
2690
  }
2319
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"] {
2691
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top right"] {
2320
2692
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2321
2693
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2322
2694
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2324,11 +2696,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2324
2696
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2325
2697
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2326
2698
  }
2327
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"][data-overlap=circular] {
2699
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top right"][data-overlap=circular] {
2328
2700
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2329
2701
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2330
2702
  }
2331
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"] {
2703
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top left"] {
2332
2704
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2333
2705
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2334
2706
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2336,11 +2708,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2336
2708
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2337
2709
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2338
2710
  }
2339
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"][data-overlap=circular] {
2711
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="top left"][data-overlap=circular] {
2340
2712
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2341
2713
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2342
2714
  }
2343
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"] {
2715
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom right"] {
2344
2716
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2345
2717
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2346
2718
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2348,11 +2720,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2348
2720
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2349
2721
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2350
2722
  }
2351
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"][data-overlap=circular] {
2723
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom right"][data-overlap=circular] {
2352
2724
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2353
2725
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2354
2726
  }
2355
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"] {
2727
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom left"] {
2356
2728
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2357
2729
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2358
2730
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2360,11 +2732,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2360
2732
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2361
2733
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2362
2734
  }
2363
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"][data-overlap=circular] {
2735
+ .FloatingBadge-module__hop-FloatingBadge___u6UN0[data-placement="bottom left"][data-overlap=circular] {
2364
2736
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2365
2737
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2366
2738
  }
2367
- .FloatingBadge-module__hop-FloatingBadge__badge___sf8Z8 {
2739
+ .FloatingBadge-module__hop-FloatingBadge__badge___nFxX- {
2368
2740
  position: absolute;
2369
2741
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2370
2742
  transform-origin: var(--badge-transform-origin);
@@ -2372,7 +2744,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2372
2744
  }
2373
2745
 
2374
2746
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2375
- .Checkbox-module__hop-Checkbox___RAOey {
2747
+ .Checkbox-module__hop-Checkbox___jz6pB {
2376
2748
  --hop-Checkbox-box-border-size: 0.0625rem;
2377
2749
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2378
2750
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2447,60 +2819,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2447
2819
  inline-size: max-content;
2448
2820
  max-inline-size: 100%;
2449
2821
  }
2450
- .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
2822
+ .Checkbox-module__hop-Checkbox___jz6pB[data-focus-visible] {
2451
2823
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2452
2824
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2453
2825
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2454
2826
  --text-color: var(--hop-Checkbox-text-color-focused);
2455
2827
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2456
2828
  }
2457
- .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
2829
+ .Checkbox-module__hop-Checkbox___jz6pB[data-hovered] {
2458
2830
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2459
2831
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2460
2832
  --text-color: var(--hop-Checkbox-text-color-hovered);
2461
2833
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2462
2834
  }
2463
- .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
2835
+ .Checkbox-module__hop-Checkbox___jz6pB[data-pressed] {
2464
2836
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2465
2837
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2466
2838
  --text-color: var(--hop-Checkbox-text-color-pressed);
2467
2839
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2468
2840
  }
2469
- .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
2841
+ .Checkbox-module__hop-Checkbox___jz6pB[data-selected] {
2470
2842
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2471
2843
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2472
2844
  --check-display: var(--hop-Checkbox-check-display-selected);
2473
2845
  --text-color: var(--hop-Checkbox-text-color-selected);
2474
2846
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2475
2847
  }
2476
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
2848
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid] {
2477
2849
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2478
2850
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2479
2851
  --check-color: var(--hop-Checkbox-check-color-invalid);
2480
2852
  --text-color: var(--hop-Checkbox-text-color-invalid);
2481
2853
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2482
2854
  }
2483
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
2855
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-focus-visible]) {
2484
2856
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2485
2857
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2486
2858
  }
2487
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
2859
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-hovered]) {
2488
2860
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2489
2861
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2490
2862
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2491
2863
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2492
2864
  }
2493
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
2865
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-pressed]) {
2494
2866
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2495
2867
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2496
2868
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2497
2869
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2498
2870
  }
2499
- .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
2871
+ .Checkbox-module__hop-Checkbox___jz6pB:where([data-invalid])[data-selected] {
2500
2872
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2501
2873
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2502
2874
  }
2503
- .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
2875
+ .Checkbox-module__hop-Checkbox___jz6pB[data-disabled] {
2504
2876
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2505
2877
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2506
2878
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2508,25 +2880,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2508
2880
  --text-color: var(--hop-Checkbox-text-color-disabled);
2509
2881
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2510
2882
  }
2511
- .Checkbox-module__hop-Checkbox--sm___i3CSP {
2883
+ .Checkbox-module__hop-Checkbox--sm___tpJ2T {
2512
2884
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2513
2885
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2514
2886
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2515
2887
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2516
2888
  }
2517
- .Checkbox-module__hop-Checkbox--md___GL7zO {
2889
+ .Checkbox-module__hop-Checkbox--md___Unlka {
2518
2890
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2519
2891
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2520
2892
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2521
2893
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2522
2894
  }
2523
- .Checkbox-module__hop-Checkbox__icon___s-OVR,
2524
- .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
2895
+ .Checkbox-module__hop-Checkbox__icon___x5wUq,
2896
+ .Checkbox-module__hop-Checkbox__icon-list___nWIG8 {
2525
2897
  flex: 0 0 auto;
2526
2898
  order: 3;
2527
2899
  color: var(--icon-color);
2528
2900
  }
2529
- .Checkbox-module__hop-Checkbox__box___oqQ7- {
2901
+ .Checkbox-module__hop-Checkbox__box___C-acZ {
2530
2902
  display: flex;
2531
2903
  flex: 0 0 auto;
2532
2904
  align-items: center;
@@ -2542,11 +2914,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2542
2914
  outline-offset: 0.125rem;
2543
2915
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2544
2916
  }
2545
- .Checkbox-module__hop-Checkbox__check___QKTgI {
2917
+ .Checkbox-module__hop-Checkbox__check___XgRUY {
2546
2918
  display: var(--check-display);
2547
2919
  color: var(--check-color);
2548
2920
  }
2549
- .Checkbox-module__hop-Checkbox__text___vQWZ9 {
2921
+ .Checkbox-module__hop-Checkbox__text___L0Jf3 {
2550
2922
  flex: 0 1 auto;
2551
2923
  order: 2;
2552
2924
  min-inline-size: 0;
@@ -2556,7 +2928,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2556
2928
  }
2557
2929
 
2558
2930
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2559
- .CheckboxField-module__hop-CheckboxField___5HYK9 {
2931
+ .CheckboxField-module__hop-CheckboxField___4TNUi {
2560
2932
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2561
2933
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2562
2934
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2575,28 +2947,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2575
2947
  inline-size: max-content;
2576
2948
  max-inline-size: 100%;
2577
2949
  }
2578
- .CheckboxField-module__hop-CheckboxField___5HYK9[data-disabled] {
2950
+ .CheckboxField-module__hop-CheckboxField___4TNUi[data-disabled] {
2579
2951
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2580
2952
  }
2581
- .CheckboxField-module__hop-CheckboxField--sm___5W8yn {
2953
+ .CheckboxField-module__hop-CheckboxField--sm___JgKw8 {
2582
2954
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2583
2955
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2584
2956
  }
2585
- .CheckboxField-module__hop-CheckboxField--md___90C92 {
2957
+ .CheckboxField-module__hop-CheckboxField--md___NxTg- {
2586
2958
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2587
2959
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2588
2960
  }
2589
- .CheckboxField-module__hop-CheckboxField__description___Dqu-O {
2961
+ .CheckboxField-module__hop-CheckboxField__description___Kvnnj {
2590
2962
  order: 2;
2591
2963
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2592
2964
  color: var(--description-color);
2593
2965
  }
2594
- .CheckboxField-module__hop-CheckboxField__checkbox___JDrLW {
2966
+ .CheckboxField-module__hop-CheckboxField__checkbox___emad6 {
2595
2967
  order: 1;
2596
2968
  }
2597
2969
 
2598
2970
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2599
- .ErrorMessage-module__hop-ErrorMessage___XomeT {
2971
+ .ErrorMessage-module__hop-ErrorMessage___Tpknp {
2600
2972
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2601
2973
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2602
2974
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2613,13 +2985,13 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2613
2985
  line-height: var(--hop-ErrorMessage-line-height);
2614
2986
  color: var(--hop-ErrorMessage-color);
2615
2987
  }
2616
- .ErrorMessage-module__hop-ErrorMessage__icon___aiAt8 {
2988
+ .ErrorMessage-module__hop-ErrorMessage__icon___vWdum {
2617
2989
  flex: 0 0 auto;
2618
2990
  align-self: flex-start;
2619
2991
  }
2620
2992
 
2621
2993
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2622
- .HelperMessage-module__hop-HelperMessage___QIP7E {
2994
+ .HelperMessage-module__hop-HelperMessage___-xbon {
2623
2995
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2624
2996
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2625
2997
  display: flex;
@@ -2628,13 +3000,13 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2628
3000
  box-sizing: border-box;
2629
3001
  color: var(--hop-HelperMessage-color);
2630
3002
  }
2631
- .HelperMessage-module__hop-HelperMessage__icon___bYyzZ {
3003
+ .HelperMessage-module__hop-HelperMessage__icon___ABiUW {
2632
3004
  flex: 0 0 auto;
2633
3005
  align-self: flex-start;
2634
3006
  }
2635
3007
 
2636
3008
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2637
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG {
3009
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj {
2638
3010
  --hop-CheckboxGroup-align-items: flex-start;
2639
3011
  --hop-CheckboxGroup-justify-content: flex-start;
2640
3012
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2673,46 +3045,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2673
3045
  inline-size: max-content;
2674
3046
  max-inline-size: 100%;
2675
3047
  }
2676
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW {
3048
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3 {
2677
3049
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2678
3050
  --list-border-radius: var(--hop-shape-rounded-md);
2679
3051
  }
2680
- .CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
3052
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___3u0ez {
2681
3053
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2682
3054
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2683
3055
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2684
3056
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2685
3057
  }
2686
- .CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
3058
+ .CheckboxGroup-module__hop-CheckboxGroup--md___81ubS {
2687
3059
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2688
3060
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2689
3061
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2690
3062
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2691
3063
  }
2692
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
3064
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3.CheckboxGroup-module__hop-CheckboxGroup--sm___3u0ez {
2693
3065
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2694
3066
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2695
3067
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2696
3068
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2697
3069
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2698
3070
  }
2699
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
3071
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3.CheckboxGroup-module__hop-CheckboxGroup--md___81ubS {
2700
3072
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2701
3073
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2702
3074
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2703
3075
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2704
3076
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2705
3077
  }
2706
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG[data-orientation=horizontal] {
3078
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj[data-orientation=horizontal] {
2707
3079
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2708
3080
  }
2709
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] {
3081
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3[data-orientation=horizontal] {
2710
3082
  --flex-wrap: nowrap;
2711
3083
  }
2712
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__label___Y7B8T {
3084
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj > .CheckboxGroup-module__hop-CheckboxGroup__label___Z4YUb {
2713
3085
  order: 1;
2714
3086
  }
2715
- .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj {
3087
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7UJYS {
2716
3088
  display: flex;
2717
3089
  flex-flow: var(--flex-direction) var(--flex-wrap);
2718
3090
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2723,7 +3095,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2723
3095
  border: var(--list-border, none);
2724
3096
  border-radius: var(--list-border-radius, 0);
2725
3097
  }
2726
- .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR {
3098
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7UJYS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___axdH5 {
2727
3099
  position: relative;
2728
3100
  flex: 0 1 auto;
2729
3101
  align-content: start;
@@ -2731,28 +3103,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2731
3103
  min-inline-size: 0;
2732
3104
  padding: var(--checkbox-padding, 0);
2733
3105
  }
2734
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
3106
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3 .CheckboxGroup-module__hop-CheckboxGroup__list___7UJYS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___axdH5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___axdH5::before {
2735
3107
  content: "";
2736
3108
  position: absolute;
2737
3109
  display: block;
2738
3110
  }
2739
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
3111
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___7UJYS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___axdH5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___axdH5::before {
2740
3112
  inset-block-start: 0;
2741
3113
  inset-inline: 0;
2742
3114
  border-block-start: var(--list-border, none);
2743
3115
  }
2744
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
3116
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___KuAD3[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___7UJYS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___axdH5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___axdH5::before {
2745
3117
  inset-block: 0;
2746
3118
  inset-inline-start: 0;
2747
3119
  border-inline-start: var(--list-border, none);
2748
3120
  }
2749
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__error-message___AwqY7,
2750
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___hpbyJ {
3121
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj > .CheckboxGroup-module__hop-CheckboxGroup__error-message___O-W-Y,
3122
+ .CheckboxGroup-module__hop-CheckboxGroup___bg-Zj > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___ZQ4GM {
2751
3123
  order: 3;
2752
3124
  }
2753
3125
 
2754
3126
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2755
- .Checkbox-module__hop-Checkbox___RAOey {
3127
+ .Checkbox-module__hop-Checkbox___jz6pB {
2756
3128
  --hop-Checkbox-box-border-size: 0.0625rem;
2757
3129
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2758
3130
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2827,60 +3199,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2827
3199
  inline-size: max-content;
2828
3200
  max-inline-size: 100%;
2829
3201
  }
2830
- .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
3202
+ .Checkbox-module__hop-Checkbox___jz6pB[data-focus-visible] {
2831
3203
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2832
3204
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2833
3205
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2834
3206
  --text-color: var(--hop-Checkbox-text-color-focused);
2835
3207
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2836
3208
  }
2837
- .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
3209
+ .Checkbox-module__hop-Checkbox___jz6pB[data-hovered] {
2838
3210
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2839
3211
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2840
3212
  --text-color: var(--hop-Checkbox-text-color-hovered);
2841
3213
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2842
3214
  }
2843
- .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
3215
+ .Checkbox-module__hop-Checkbox___jz6pB[data-pressed] {
2844
3216
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2845
3217
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2846
3218
  --text-color: var(--hop-Checkbox-text-color-pressed);
2847
3219
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2848
3220
  }
2849
- .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
3221
+ .Checkbox-module__hop-Checkbox___jz6pB[data-selected] {
2850
3222
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2851
3223
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2852
3224
  --check-display: var(--hop-Checkbox-check-display-selected);
2853
3225
  --text-color: var(--hop-Checkbox-text-color-selected);
2854
3226
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2855
3227
  }
2856
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
3228
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid] {
2857
3229
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2858
3230
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2859
3231
  --check-color: var(--hop-Checkbox-check-color-invalid);
2860
3232
  --text-color: var(--hop-Checkbox-text-color-invalid);
2861
3233
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2862
3234
  }
2863
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
3235
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-focus-visible]) {
2864
3236
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2865
3237
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2866
3238
  }
2867
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
3239
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-hovered]) {
2868
3240
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2869
3241
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2870
3242
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2871
3243
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2872
3244
  }
2873
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
3245
+ .Checkbox-module__hop-Checkbox___jz6pB[data-invalid]:where([data-pressed]) {
2874
3246
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2875
3247
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2876
3248
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2877
3249
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2878
3250
  }
2879
- .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
3251
+ .Checkbox-module__hop-Checkbox___jz6pB:where([data-invalid])[data-selected] {
2880
3252
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2881
3253
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2882
3254
  }
2883
- .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
3255
+ .Checkbox-module__hop-Checkbox___jz6pB[data-disabled] {
2884
3256
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2885
3257
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2886
3258
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2888,25 +3260,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2888
3260
  --text-color: var(--hop-Checkbox-text-color-disabled);
2889
3261
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2890
3262
  }
2891
- .Checkbox-module__hop-Checkbox--sm___i3CSP {
3263
+ .Checkbox-module__hop-Checkbox--sm___tpJ2T {
2892
3264
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2893
3265
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2894
3266
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2895
3267
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2896
3268
  }
2897
- .Checkbox-module__hop-Checkbox--md___GL7zO {
3269
+ .Checkbox-module__hop-Checkbox--md___Unlka {
2898
3270
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2899
3271
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2900
3272
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2901
3273
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2902
3274
  }
2903
- .Checkbox-module__hop-Checkbox__icon___s-OVR,
2904
- .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
3275
+ .Checkbox-module__hop-Checkbox__icon___x5wUq,
3276
+ .Checkbox-module__hop-Checkbox__icon-list___nWIG8 {
2905
3277
  flex: 0 0 auto;
2906
3278
  order: 3;
2907
3279
  color: var(--icon-color);
2908
3280
  }
2909
- .Checkbox-module__hop-Checkbox__box___oqQ7- {
3281
+ .Checkbox-module__hop-Checkbox__box___C-acZ {
2910
3282
  display: flex;
2911
3283
  flex: 0 0 auto;
2912
3284
  align-items: center;
@@ -2922,11 +3294,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2922
3294
  outline-offset: 0.125rem;
2923
3295
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2924
3296
  }
2925
- .Checkbox-module__hop-Checkbox__check___QKTgI {
3297
+ .Checkbox-module__hop-Checkbox__check___XgRUY {
2926
3298
  display: var(--check-display);
2927
3299
  color: var(--check-color);
2928
3300
  }
2929
- .Checkbox-module__hop-Checkbox__text___vQWZ9 {
3301
+ .Checkbox-module__hop-Checkbox__text___L0Jf3 {
2930
3302
  flex: 0 1 auto;
2931
3303
  order: 2;
2932
3304
  min-inline-size: 0;
@@ -2934,24 +3306,24 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2934
3306
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2935
3307
  color: var(--text-color);
2936
3308
  }
2937
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___agg1U {
3309
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___LFGl8 {
2938
3310
  }
2939
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___9dMA0 {
3311
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___UfVrd {
2940
3312
  }
2941
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Rd0Gm {
3313
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___95r8j {
2942
3314
  }
2943
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___6J6me,
2944
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___w-8bI {
3315
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___c8LGL,
3316
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___czZHk {
2945
3317
  }
2946
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Uw7KN {
3318
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___jlsuV {
2947
3319
  }
2948
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___m8tUW {
3320
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___X3GDa {
2949
3321
  }
2950
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___0JcKA {
3322
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___Dk20e {
2951
3323
  }
2952
3324
 
2953
3325
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2954
- .Radio-module__hop-Radio___oBKRQ {
3326
+ .Radio-module__hop-Radio___SVpF9 {
2955
3327
  --hop-Radio-box-border-size: 0.0625rem;
2956
3328
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2957
3329
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3025,60 +3397,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3025
3397
  inline-size: max-content;
3026
3398
  max-inline-size: 100%;
3027
3399
  }
3028
- .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3400
+ .Radio-module__hop-Radio___SVpF9[data-focus-visible] {
3029
3401
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3030
3402
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3031
3403
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3032
3404
  --text-color: var(--hop-Radio-text-color-focused);
3033
3405
  --icon-color: var(--hop-Radio-icon-color-focused);
3034
3406
  }
3035
- .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3407
+ .Radio-module__hop-Radio___SVpF9[data-hovered] {
3036
3408
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3037
3409
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3038
3410
  --text-color: var(--hop-Radio-text-color-hovered);
3039
3411
  --icon-color: var(--hop-Radio-icon-color-hovered);
3040
3412
  }
3041
- .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3413
+ .Radio-module__hop-Radio___SVpF9[data-pressed] {
3042
3414
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3043
3415
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3044
3416
  --text-color: var(--hop-Radio-text-color-pressed);
3045
3417
  --icon-color: var(--hop-Radio-icon-color-pressed);
3046
3418
  }
3047
- .Radio-module__hop-Radio___oBKRQ[data-selected] {
3419
+ .Radio-module__hop-Radio___SVpF9[data-selected] {
3048
3420
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3049
3421
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3050
3422
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3051
3423
  --text-color: var(--hop-Radio-text-color-selected);
3052
3424
  --icon-color: var(--hop-Radio-icon-color-selected);
3053
3425
  }
3054
- .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3426
+ .Radio-module__hop-Radio___SVpF9[data-invalid] {
3055
3427
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3056
3428
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3057
3429
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3058
3430
  --text-color: var(--hop-Radio-text-color-invalid);
3059
3431
  --icon-color: var(--hop-Radio-icon-color-invalid);
3060
3432
  }
3061
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3433
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-focus-visible] {
3062
3434
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3063
3435
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3064
3436
  }
3065
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3437
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-hovered] {
3066
3438
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3067
3439
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3068
3440
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3069
3441
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3070
3442
  }
3071
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3443
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-pressed] {
3072
3444
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3073
3445
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3074
3446
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3075
3447
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3076
3448
  }
3077
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3449
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-selected] {
3078
3450
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3079
3451
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3080
3452
  }
3081
- .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3453
+ .Radio-module__hop-Radio___SVpF9[data-disabled] {
3082
3454
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3083
3455
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3084
3456
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3086,25 +3458,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3086
3458
  --text-color: var(--hop-Radio-text-color-disabled);
3087
3459
  --icon-color: var(--hop-Radio-icon-color-disabled);
3088
3460
  }
3089
- .Radio-module__hop-Radio--sm___C-Q1U {
3461
+ .Radio-module__hop-Radio--sm___2VxSS {
3090
3462
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3091
3463
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3092
3464
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3093
3465
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3094
3466
  }
3095
- .Radio-module__hop-Radio--md___8cI7H {
3467
+ .Radio-module__hop-Radio--md___SoKxy {
3096
3468
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3097
3469
  --box-block-size: var(--hop-Radio-box-md-block-size);
3098
3470
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3099
3471
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3100
3472
  }
3101
- .Radio-module__hop-Radio__icon___Ai4EA,
3102
- .Radio-module__hop-Radio__icon-list___Ml4fa {
3473
+ .Radio-module__hop-Radio__icon___jd3Nj,
3474
+ .Radio-module__hop-Radio__icon-list___kaKLW {
3103
3475
  flex: 0 0 auto;
3104
3476
  order: 3;
3105
3477
  color: var(--icon-color);
3106
3478
  }
3107
- .Radio-module__hop-Radio__box___gF3Ys {
3479
+ .Radio-module__hop-Radio__box___s-UXr {
3108
3480
  display: flex;
3109
3481
  flex: 0 0 auto;
3110
3482
  align-items: center;
@@ -3120,11 +3492,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3120
3492
  outline-offset: 0.125rem;
3121
3493
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3122
3494
  }
3123
- .Radio-module__hop-Radio__bullet___DLVyb {
3495
+ .Radio-module__hop-Radio__bullet___TVkgE {
3124
3496
  display: var(--bullet-display);
3125
3497
  color: var(--bullet-color);
3126
3498
  }
3127
- .Radio-module__hop-Radio__text___md8fJ {
3499
+ .Radio-module__hop-Radio__text___wGidQ {
3128
3500
  flex: 0 1 auto;
3129
3501
  order: 2;
3130
3502
  min-inline-size: 0;
@@ -3132,24 +3504,24 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3132
3504
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3133
3505
  color: var(--text-color);
3134
3506
  }
3135
- .DecorativeRadio-module__hop-DecorativeRadio___X2ojB {
3507
+ .DecorativeRadio-module__hop-DecorativeRadio___fz9jq {
3136
3508
  }
3137
- .DecorativeRadio-module__hop-DecorativeRadio--sm___0duOP {
3509
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___bFLZO {
3138
3510
  }
3139
- .DecorativeRadio-module__hop-DecorativeRadio--md___qlpiC {
3511
+ .DecorativeRadio-module__hop-DecorativeRadio--md___-sICs {
3140
3512
  }
3141
- .DecorativeRadio-module__hop-DecorativeRadio__icon___X3Y3Y,
3142
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___Pe71- {
3513
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___zOmTi,
3514
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___gxHLT {
3143
3515
  }
3144
- .DecorativeRadio-module__hop-DecorativeRadio__box___whoC1 {
3516
+ .DecorativeRadio-module__hop-DecorativeRadio__box___kGIPH {
3145
3517
  }
3146
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___-GKnC {
3518
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___GZx61 {
3147
3519
  }
3148
- .DecorativeRadio-module__hop-DecorativeRadio__text___RXYUE {
3520
+ .DecorativeRadio-module__hop-DecorativeRadio__text___CBhls {
3149
3521
  }
3150
3522
 
3151
3523
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3152
- .Radio-module__hop-Radio___oBKRQ {
3524
+ .Radio-module__hop-Radio___SVpF9 {
3153
3525
  --hop-Radio-box-border-size: 0.0625rem;
3154
3526
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3155
3527
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3223,60 +3595,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3223
3595
  inline-size: max-content;
3224
3596
  max-inline-size: 100%;
3225
3597
  }
3226
- .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3598
+ .Radio-module__hop-Radio___SVpF9[data-focus-visible] {
3227
3599
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3228
3600
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3229
3601
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3230
3602
  --text-color: var(--hop-Radio-text-color-focused);
3231
3603
  --icon-color: var(--hop-Radio-icon-color-focused);
3232
3604
  }
3233
- .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3605
+ .Radio-module__hop-Radio___SVpF9[data-hovered] {
3234
3606
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3235
3607
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3236
3608
  --text-color: var(--hop-Radio-text-color-hovered);
3237
3609
  --icon-color: var(--hop-Radio-icon-color-hovered);
3238
3610
  }
3239
- .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3611
+ .Radio-module__hop-Radio___SVpF9[data-pressed] {
3240
3612
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3241
3613
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3242
3614
  --text-color: var(--hop-Radio-text-color-pressed);
3243
3615
  --icon-color: var(--hop-Radio-icon-color-pressed);
3244
3616
  }
3245
- .Radio-module__hop-Radio___oBKRQ[data-selected] {
3617
+ .Radio-module__hop-Radio___SVpF9[data-selected] {
3246
3618
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3247
3619
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3248
3620
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3249
3621
  --text-color: var(--hop-Radio-text-color-selected);
3250
3622
  --icon-color: var(--hop-Radio-icon-color-selected);
3251
3623
  }
3252
- .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3624
+ .Radio-module__hop-Radio___SVpF9[data-invalid] {
3253
3625
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3254
3626
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3255
3627
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3256
3628
  --text-color: var(--hop-Radio-text-color-invalid);
3257
3629
  --icon-color: var(--hop-Radio-icon-color-invalid);
3258
3630
  }
3259
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3631
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-focus-visible] {
3260
3632
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3261
3633
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3262
3634
  }
3263
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3635
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-hovered] {
3264
3636
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3265
3637
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3266
3638
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3267
3639
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3268
3640
  }
3269
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3641
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-pressed] {
3270
3642
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3271
3643
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3272
3644
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3273
3645
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3274
3646
  }
3275
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3647
+ .Radio-module__hop-Radio___SVpF9:where([data-invalid])[data-selected] {
3276
3648
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3277
3649
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3278
3650
  }
3279
- .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3651
+ .Radio-module__hop-Radio___SVpF9[data-disabled] {
3280
3652
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3281
3653
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3282
3654
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3284,25 +3656,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3284
3656
  --text-color: var(--hop-Radio-text-color-disabled);
3285
3657
  --icon-color: var(--hop-Radio-icon-color-disabled);
3286
3658
  }
3287
- .Radio-module__hop-Radio--sm___C-Q1U {
3659
+ .Radio-module__hop-Radio--sm___2VxSS {
3288
3660
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3289
3661
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3290
3662
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3291
3663
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3292
3664
  }
3293
- .Radio-module__hop-Radio--md___8cI7H {
3665
+ .Radio-module__hop-Radio--md___SoKxy {
3294
3666
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3295
3667
  --box-block-size: var(--hop-Radio-box-md-block-size);
3296
3668
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3297
3669
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3298
3670
  }
3299
- .Radio-module__hop-Radio__icon___Ai4EA,
3300
- .Radio-module__hop-Radio__icon-list___Ml4fa {
3671
+ .Radio-module__hop-Radio__icon___jd3Nj,
3672
+ .Radio-module__hop-Radio__icon-list___kaKLW {
3301
3673
  flex: 0 0 auto;
3302
3674
  order: 3;
3303
3675
  color: var(--icon-color);
3304
3676
  }
3305
- .Radio-module__hop-Radio__box___gF3Ys {
3677
+ .Radio-module__hop-Radio__box___s-UXr {
3306
3678
  display: flex;
3307
3679
  flex: 0 0 auto;
3308
3680
  align-items: center;
@@ -3318,11 +3690,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3318
3690
  outline-offset: 0.125rem;
3319
3691
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3320
3692
  }
3321
- .Radio-module__hop-Radio__bullet___DLVyb {
3693
+ .Radio-module__hop-Radio__bullet___TVkgE {
3322
3694
  display: var(--bullet-display);
3323
3695
  color: var(--bullet-color);
3324
3696
  }
3325
- .Radio-module__hop-Radio__text___md8fJ {
3697
+ .Radio-module__hop-Radio__text___wGidQ {
3326
3698
  flex: 0 1 auto;
3327
3699
  order: 2;
3328
3700
  min-inline-size: 0;
@@ -3332,7 +3704,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3332
3704
  }
3333
3705
 
3334
3706
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3335
- .RadioField-module__hop-RadioField___RAV19 {
3707
+ .RadioField-module__hop-RadioField___9hWW9 {
3336
3708
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3337
3709
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3338
3710
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3351,28 +3723,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3351
3723
  inline-size: max-content;
3352
3724
  max-inline-size: 100%;
3353
3725
  }
3354
- .RadioField-module__hop-RadioField___RAV19[data-disabled] {
3726
+ .RadioField-module__hop-RadioField___9hWW9[data-disabled] {
3355
3727
  --description-color: var(--hop-RadioField-description-color-disabled);
3356
3728
  }
3357
- .RadioField-module__hop-RadioField--sm___Z2a5J {
3729
+ .RadioField-module__hop-RadioField--sm___Hf2rz {
3358
3730
  --row-gap: var(--hop-RadioField-sm-row-gap);
3359
3731
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3360
3732
  }
3361
- .RadioField-module__hop-RadioField--md___GeCMi {
3733
+ .RadioField-module__hop-RadioField--md___Mlb-S {
3362
3734
  --row-gap: var(--hop-RadioField-md-row-gap);
3363
3735
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3364
3736
  }
3365
- .RadioField-module__hop-RadioField__description___Y7cUM {
3737
+ .RadioField-module__hop-RadioField__description___Cjjsz {
3366
3738
  order: 2;
3367
3739
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3368
3740
  color: var(--description-color);
3369
3741
  }
3370
- .RadioField-module__hop-RadioField__radio___XYtjJ {
3742
+ .RadioField-module__hop-RadioField__radio___tSTqp {
3371
3743
  order: 1;
3372
3744
  }
3373
3745
 
3374
3746
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3375
- .RadioGroup-module__hop-RadioGroup___ydYgr {
3747
+ .RadioGroup-module__hop-RadioGroup___fXCR5 {
3376
3748
  --hop-RadioGroup-align-items: flex-start;
3377
3749
  --hop-RadioGroup-justify-content: flex-start;
3378
3750
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3412,46 +3784,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3412
3784
  inline-size: var(--inline-size);
3413
3785
  max-inline-size: 100%;
3414
3786
  }
3415
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO {
3787
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO {
3416
3788
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3417
3789
  --list-border-radius: var(--hop-shape-rounded-md);
3418
3790
  }
3419
- .RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3791
+ .RadioGroup-module__hop-RadioGroup--sm___5mBvL {
3420
3792
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3421
3793
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3422
3794
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3423
3795
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3424
3796
  }
3425
- .RadioGroup-module__hop-RadioGroup--md___mccGP {
3797
+ .RadioGroup-module__hop-RadioGroup--md___h8pAP {
3426
3798
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3427
3799
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3428
3800
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3429
3801
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3430
3802
  }
3431
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3803
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO.RadioGroup-module__hop-RadioGroup--sm___5mBvL {
3432
3804
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3433
3805
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3434
3806
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3435
3807
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3436
3808
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3437
3809
  }
3438
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--md___mccGP {
3810
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO.RadioGroup-module__hop-RadioGroup--md___h8pAP {
3439
3811
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3440
3812
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3441
3813
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3442
3814
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3443
3815
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3444
3816
  }
3445
- .RadioGroup-module__hop-RadioGroup___ydYgr[data-orientation=horizontal] {
3817
+ .RadioGroup-module__hop-RadioGroup___fXCR5[data-orientation=horizontal] {
3446
3818
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3447
3819
  }
3448
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] {
3820
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO[data-orientation=horizontal] {
3449
3821
  --flex-wrap: nowrap;
3450
3822
  }
3451
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__label___-qCbZ {
3823
+ .RadioGroup-module__hop-RadioGroup___fXCR5 > .RadioGroup-module__hop-RadioGroup__label___wCflU {
3452
3824
  order: 1;
3453
3825
  }
3454
- .RadioGroup-module__hop-RadioGroup__list___DSncc {
3826
+ .RadioGroup-module__hop-RadioGroup__list___TR88q {
3455
3827
  display: flex;
3456
3828
  flex-flow: var(--flex-direction) var(--flex-wrap);
3457
3829
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3462,7 +3834,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3462
3834
  border: var(--list-border, none);
3463
3835
  border-radius: var(--list-border-radius, 0);
3464
3836
  }
3465
- .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt {
3837
+ .RadioGroup-module__hop-RadioGroup__list___TR88q > .RadioGroup-module__hop-RadioGroup__radio___kabHu {
3466
3838
  position: relative;
3467
3839
  flex: 0 1 auto;
3468
3840
  align-content: start;
@@ -3470,28 +3842,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3470
3842
  min-inline-size: 0;
3471
3843
  padding: var(--radio-padding, 0);
3472
3844
  }
3473
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3845
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO .RadioGroup-module__hop-RadioGroup__list___TR88q > .RadioGroup-module__hop-RadioGroup__radio___kabHu ~ .RadioGroup-module__hop-RadioGroup__radio___kabHu::before {
3474
3846
  content: "";
3475
3847
  position: absolute;
3476
3848
  display: block;
3477
3849
  }
3478
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3850
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___TR88q > .RadioGroup-module__hop-RadioGroup__radio___kabHu ~ .RadioGroup-module__hop-RadioGroup__radio___kabHu::before {
3479
3851
  inset-block-start: 0;
3480
3852
  inset-inline: 0;
3481
3853
  border-block-start: var(--list-border, none);
3482
3854
  }
3483
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3855
+ .RadioGroup-module__hop-RadioGroup--bordered___-7aDO[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___TR88q > .RadioGroup-module__hop-RadioGroup__radio___kabHu ~ .RadioGroup-module__hop-RadioGroup__radio___kabHu::before {
3484
3856
  inset-block: 0;
3485
3857
  inset-inline-start: 0;
3486
3858
  border-inline-start: var(--list-border, none);
3487
3859
  }
3488
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__error-message___OWDLe,
3489
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__helper-message___XhqFy {
3860
+ .RadioGroup-module__hop-RadioGroup___fXCR5 > .RadioGroup-module__hop-RadioGroup__error-message___utJyD,
3861
+ .RadioGroup-module__hop-RadioGroup___fXCR5 > .RadioGroup-module__hop-RadioGroup__helper-message___ZouxR {
3490
3862
  order: 3;
3491
3863
  }
3492
3864
 
3493
3865
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3494
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___rObah {
3866
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___fHDu8 {
3495
3867
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3496
3868
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3497
3869
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3517,7 +3889,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3517
3889
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3518
3890
  background-size: 400% 100%;
3519
3891
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3520
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ;
3892
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___cR4We;
3521
3893
  animation-duration: var(--animation-duration);
3522
3894
  animation-timing-function: ease-in-out;
3523
3895
  animation-fill-mode: forwards;
@@ -3526,19 +3898,19 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3526
3898
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3527
3899
  }
3528
3900
  }
3529
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___iG7AV {
3901
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___3zA-c {
3530
3902
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3531
3903
  }
3532
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___RTYn- {
3904
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___vf1-R {
3533
3905
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3534
3906
  }
3535
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___79v-l {
3907
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___IGDvT {
3536
3908
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3537
3909
  }
3538
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oDs-0 {
3910
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___2e9jw {
3539
3911
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3540
3912
  }
3541
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ {
3913
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___cR4We {
3542
3914
  0% {
3543
3915
  background-position: 125% 50%;
3544
3916
  }
@@ -3548,7 +3920,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3548
3920
  }
3549
3921
 
3550
3922
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3551
- .ListBoxItem-module__hop-ListBoxItem___BJFwm {
3923
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY {
3552
3924
  --hop-ListBoxItem-background-color: transparent;
3553
3925
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3554
3926
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3645,129 +4017,129 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3645
4017
  outline: var(--outline);
3646
4018
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3647
4019
  }
3648
- .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ {
4020
+ .ListBoxItem-module__hop-ListBoxItem--xs___LeX35 {
3649
4021
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3650
4022
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3651
4023
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3652
4024
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3653
4025
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3654
4026
  }
3655
- .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK {
4027
+ .ListBoxItem-module__hop-ListBoxItem--sm___WXxgI {
3656
4028
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3657
4029
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3658
4030
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3659
4031
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3660
4032
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3661
4033
  }
3662
- .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ {
4034
+ .ListBoxItem-module__hop-ListBoxItem--md___G7FrR {
3663
4035
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3664
4036
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3665
4037
  --min-height: var(--hop-ListBoxItem-md-min-height);
3666
4038
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3667
4039
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3668
4040
  }
3669
- .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2 {
4041
+ .ListBoxItem-module__hop-ListBoxItem--lg___UewHU {
3670
4042
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3671
4043
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3672
4044
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3673
4045
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3674
4046
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3675
4047
  }
3676
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selection-mode] {
4048
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-selection-mode] {
3677
4049
  --cursor: pointer;
3678
4050
  }
3679
- .ListBoxItem-module__hop-ListBoxItem___BJFwm:not([data-selection-mode]) {
4051
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY:not([data-selection-mode]) {
3680
4052
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3681
4053
  }
3682
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
4054
+ .ListBoxItem-module__hop-ListBoxItem__inner___MoZp8:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___JCJhA) {
3683
4055
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3684
4056
  }
3685
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
4057
+ .ListBoxItem-module__hop-ListBoxItem__inner___MoZp8[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___JCJhA) {
3686
4058
  --checkmark-transition: none;
3687
4059
  }
3688
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selected] {
4060
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-selected] {
3689
4061
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3690
4062
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3691
4063
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3692
4064
  --checkmark-opacity: 1;
3693
4065
  }
3694
- .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ[data-selected] {
4066
+ .ListBoxItem-module__hop-ListBoxItem--xs___LeX35[data-selected] {
3695
4067
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3696
4068
  }
3697
- .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK[data-selected] {
4069
+ .ListBoxItem-module__hop-ListBoxItem--sm___WXxgI[data-selected] {
3698
4070
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3699
4071
  }
3700
- .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ[data-selected] {
4072
+ .ListBoxItem-module__hop-ListBoxItem--md___G7FrR[data-selected] {
3701
4073
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3702
4074
  }
3703
- .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2[data-selected] {
4075
+ .ListBoxItem-module__hop-ListBoxItem--lg___UewHU[data-selected] {
3704
4076
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3705
4077
  }
3706
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-focus-visible] {
4078
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-focus-visible] {
3707
4079
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3708
4080
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3709
4081
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3710
4082
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3711
4083
  }
3712
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-hovered] {
4084
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-hovered] {
3713
4085
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3714
4086
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3715
4087
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3716
4088
  }
3717
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-pressed] {
4089
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-pressed] {
3718
4090
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3719
4091
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3720
4092
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3721
4093
  }
3722
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-disabled] {
4094
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-disabled] {
3723
4095
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3724
4096
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3725
4097
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3726
4098
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3727
4099
  --cursor: not-allowed;
3728
4100
  }
3729
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid] {
4101
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid] {
3730
4102
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3731
4103
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3732
4104
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3733
4105
  }
3734
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-selected] {
4106
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-selected] {
3735
4107
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3736
4108
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3737
4109
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3738
4110
  }
3739
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-focus-visible] {
4111
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-focus-visible] {
3740
4112
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3741
4113
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3742
4114
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3743
4115
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3744
4116
  }
3745
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-hovered] {
4117
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-hovered] {
3746
4118
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3747
4119
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3748
4120
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3749
4121
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3750
4122
  }
3751
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-pressed] {
4123
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-pressed] {
3752
4124
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3753
4125
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3754
4126
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3755
4127
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3756
4128
  }
3757
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-disabled] {
4129
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-invalid][data-disabled] {
3758
4130
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3759
4131
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3760
4132
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3761
4133
  }
3762
- .ListBoxItem-module__hop-ListBoxItem___BJFwm:has(.ListBoxItem-module__hop-ListBoxItem__description___yaCZn) {
4134
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY:has(.ListBoxItem-module__hop-ListBoxItem__description___PhhSo) {
3763
4135
  --row-gap: var(--hop-ListBoxItem-row-gap);
3764
4136
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3765
4137
  }
3766
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-loading] {
4138
+ .ListBoxItem-module__hop-ListBoxItem___ylKsY[data-loading] {
3767
4139
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3768
4140
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3769
4141
  }
3770
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT {
4142
+ .ListBoxItem-module__hop-ListBoxItem__inner___MoZp8 {
3771
4143
  display: grid;
3772
4144
  grid-template-areas: var(--grid-template-areas);
3773
4145
  grid-template-columns: var(--grid-template-columns);
@@ -3779,33 +4151,33 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3779
4151
  padding-inline: var(--padding-inline);
3780
4152
  transition: grid-template-columns .3s ease-in-out;
3781
4153
  }
3782
- .ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1 {
4154
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___JCJhA {
3783
4155
  grid-area: indicator;
3784
4156
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3785
4157
  color: var(--icon-color);
3786
4158
  opacity: var(--checkmark-opacity);
3787
4159
  transition: var(--checkmark-transition);
3788
4160
  }
3789
- .ListBoxItem-module__hop-ListBoxItem__radio___kSSTz,
3790
- .ListBoxItem-module__hop-ListBoxItem__checkbox___0uY-0 {
4161
+ .ListBoxItem-module__hop-ListBoxItem__radio___1zXQb,
4162
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___UNkS7 {
3791
4163
  pointer-events: none;
3792
4164
  user-select: none;
3793
4165
  grid-area: indicator;
3794
4166
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3795
4167
  }
3796
- .ListBoxItem-module__hop-ListBoxItem__avatar___tr3eK {
4168
+ .ListBoxItem-module__hop-ListBoxItem__avatar___ir8AJ {
3797
4169
  grid-area: avatar;
3798
4170
  margin-block: var(--avatar-margin-block, 0);
3799
4171
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3800
4172
  }
3801
- .ListBoxItem-module__hop-ListBoxItem__icon-list___EIeaN,
3802
- .ListBoxItem-module__hop-ListBoxItem__icon___sNOpK {
4173
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___x1obK,
4174
+ .ListBoxItem-module__hop-ListBoxItem__icon___OAgg- {
3803
4175
  grid-area: icon;
3804
4176
  flex: 0 0 auto;
3805
4177
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3806
4178
  color: var(--icon-color);
3807
4179
  }
3808
- .ListBoxItem-module__hop-ListBoxItem__label___-oyrC {
4180
+ .ListBoxItem-module__hop-ListBoxItem__label___6phiV {
3809
4181
  overflow: hidden;
3810
4182
  grid-area: label;
3811
4183
  min-inline-size: 0;
@@ -3813,18 +4185,18 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3813
4185
  text-overflow: ellipsis;
3814
4186
  white-space: nowrap;
3815
4187
  }
3816
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___kT6s1,
3817
- .ListBoxItem-module__hop-ListBoxItem__end-icon___qJatC {
4188
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___iEDnK,
4189
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___WbP-D {
3818
4190
  grid-area: end-icon;
3819
4191
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3820
4192
  color: var(--icon-color);
3821
4193
  }
3822
- .ListBoxItem-module__hop-ListBoxItem__badge___C1SqW {
4194
+ .ListBoxItem-module__hop-ListBoxItem__badge___yBtua {
3823
4195
  grid-area: badge;
3824
4196
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3825
4197
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3826
4198
  }
3827
- .ListBoxItem-module__hop-ListBoxItem__description___yaCZn {
4199
+ .ListBoxItem-module__hop-ListBoxItem__description___PhhSo {
3828
4200
  overflow: hidden;
3829
4201
  display: -webkit-box;
3830
4202
  grid-area: description;
@@ -3835,7 +4207,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3835
4207
  }
3836
4208
 
3837
4209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
3838
- .ListBox-module__hop-ListBox___lYzDi {
4210
+ .ListBox-module__hop-ListBox___8RbZv {
3839
4211
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3840
4212
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3841
4213
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3882,11 +4254,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3882
4254
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3883
4255
  border-radius: var(--hop-ListBox-border-radius);
3884
4256
  }
3885
- .ListBox-module__hop-ListBox--fluid___s8oHK {
4257
+ .ListBox-module__hop-ListBox--fluid___IOIUg {
3886
4258
  --max-width: var(--hop-ListBox-fluid-max-width);
3887
4259
  --width: var(--hop-ListBox-fluid-width);
3888
4260
  }
3889
- .ListBox-module__hop-ListBox__section___dSbP6 {
4261
+ .ListBox-module__hop-ListBox__section___JZRKz {
3890
4262
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3891
4263
  margin-inline: var(--hop-ListBox-section-margin-inline);
3892
4264
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3894,21 +4266,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3894
4266
  border-block-start: var(--section-border-block-start);
3895
4267
  border-block-end: var(--section-border-block-end);
3896
4268
  }
3897
- .ListBox-module__hop-ListBox__item___-NndN + .ListBox-module__hop-ListBox__section___dSbP6 {
4269
+ .ListBox-module__hop-ListBox__item___ayJYs + .ListBox-module__hop-ListBox__section___JZRKz {
3898
4270
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3899
4271
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3900
4272
  }
3901
- .ListBox-module__hop-ListBox__section___dSbP6:has(+ .ListBox-module__hop-ListBox__item___-NndN) {
4273
+ .ListBox-module__hop-ListBox__section___JZRKz:has(+ .ListBox-module__hop-ListBox__item___ayJYs) {
3902
4274
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3903
4275
  }
3904
- .ListBox-module__hop-ListBox__section___dSbP6:first-child {
4276
+ .ListBox-module__hop-ListBox__section___JZRKz:first-child {
3905
4277
  --section-padding-block-start: 0;
3906
4278
  }
3907
- .ListBox-module__hop-ListBox__section___dSbP6:last-child {
4279
+ .ListBox-module__hop-ListBox__section___JZRKz:last-child {
3908
4280
  --section-padding-block-end: 0;
3909
4281
  --section-border-block-end: 0;
3910
4282
  }
3911
- .ListBox-module__hop-ListBox__section-header___OPwVg {
4283
+ .ListBox-module__hop-ListBox__section-header___b4S-D {
3912
4284
  margin: 0;
3913
4285
  padding: var(--hop-ListBox-section-header-padding);
3914
4286
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3919,30 +4291,30 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3919
4291
  text-transform: var(--hop-ListBox-section-header-text-transform);
3920
4292
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3921
4293
  }
3922
- .ListBox-module__hop-ListBox__section-header___OPwVg::before,
3923
- .ListBox-module__hop-ListBox__section-header___OPwVg::after {
4294
+ .ListBox-module__hop-ListBox__section-header___b4S-D::before,
4295
+ .ListBox-module__hop-ListBox__section-header___b4S-D::after {
3924
4296
  content: "";
3925
4297
  display: block;
3926
4298
  box-sizing: border-box;
3927
4299
  inline-size: 0;
3928
4300
  block-size: 0;
3929
4301
  }
3930
- .ListBox-module__hop-ListBox__section-header___OPwVg::before {
4302
+ .ListBox-module__hop-ListBox__section-header___b4S-D::before {
3931
4303
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3932
4304
  }
3933
- .ListBox-module__hop-ListBox__section-header___OPwVg::after {
4305
+ .ListBox-module__hop-ListBox__section-header___b4S-D::after {
3934
4306
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3935
4307
  }
3936
4308
 
3937
4309
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
3938
- :where(.Popover-module__hop-Popover___26umq *) {
4310
+ :where(.Popover-module__hop-Popover___x5VHp *) {
3939
4311
  font-family: var(--font-family);
3940
4312
  font-size: var(--font-size);
3941
4313
  font-weight: var(--font-weight);
3942
4314
  line-height: var(--line-height);
3943
4315
  outline: none;
3944
4316
  }
3945
- .Popover-module__hop-Popover___26umq {
4317
+ .Popover-module__hop-Popover___x5VHp {
3946
4318
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3947
4319
  --hop-Popover-inline-width: 25rem;
3948
4320
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3955,22 +4327,22 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3955
4327
  inline-size: var(--width);
3956
4328
  max-inline-size: var(--max-width);
3957
4329
  }
3958
- .Popover-module__hop-Popover___26umq[data-trigger=Select] {
4330
+ .Popover-module__hop-Popover___x5VHp[data-trigger=Select] {
3959
4331
  --width: var(--hop-Popover-dropdown-inline-width);
3960
4332
  }
3961
- .Popover-module__hop-Popover___26umq[data-trigger=ComboBox] {
4333
+ .Popover-module__hop-Popover___x5VHp[data-trigger=ComboBox] {
3962
4334
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3963
4335
  }
3964
- .Popover-module__hop-Popover___26umq[data-auto-width] {
4336
+ .Popover-module__hop-Popover___x5VHp[data-auto-width] {
3965
4337
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3966
4338
  }
3967
- .Popover-module__hop-Popover___26umq[data-entering] {
3968
- animation: Popover-module__fade___Rb7-0 0.25s;
4339
+ .Popover-module__hop-Popover___x5VHp[data-entering] {
4340
+ animation: Popover-module__fade___eL1f- 0.25s;
3969
4341
  }
3970
- .Popover-module__hop-Popover___26umq[data-exiting] {
3971
- animation: Popover-module__fade___Rb7-0 0.25s reverse;
4342
+ .Popover-module__hop-Popover___x5VHp[data-exiting] {
4343
+ animation: Popover-module__fade___eL1f- 0.25s reverse;
3972
4344
  }
3973
- @keyframes Popover-module__fade___Rb7-0 {
4345
+ @keyframes Popover-module__fade___eL1f- {
3974
4346
  from {
3975
4347
  opacity: 0;
3976
4348
  }
@@ -3978,14 +4350,14 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3978
4350
  opacity: 1;
3979
4351
  }
3980
4352
  }
3981
- .Popover-module__hop-Popover__wrapper___uZgAA {
4353
+ .Popover-module__hop-Popover__wrapper___pDbFD {
3982
4354
  display: flex;
3983
4355
  flex: 1 1 auto;
3984
4356
  flex-direction: column;
3985
4357
  min-block-size: 0;
3986
4358
  }
3987
- .Popover-module__hop-Popover__dialog___GGJWK,
3988
- .Popover-module__hop-Popover__dropdown___jeauL {
4359
+ .Popover-module__hop-Popover__dialog___zpjq4,
4360
+ .Popover-module__hop-Popover__dropdown___s7tlg {
3989
4361
  --hop-Popover-background: var(--hop-neutral-surface);
3990
4362
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3991
4363
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4033,21 +4405,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4033
4405
  border-radius: var(--hop-Popover-border-radius);
4034
4406
  box-shadow: var(--hop-Popover-box-shadow);
4035
4407
  }
4036
- .Popover-module__hop-Popover__dropdown___jeauL {
4408
+ .Popover-module__hop-Popover__dropdown___s7tlg {
4037
4409
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4038
4410
  --footer-place-self: stretch;
4039
4411
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4040
4412
  --padding: var(--hop-Popover-dropdown-padding);
4041
4413
  overflow: hidden;
4042
4414
  }
4043
- .Popover-module__hop-Popover__dialog___GGJWK {
4415
+ .Popover-module__hop-Popover__dialog___zpjq4 {
4044
4416
  --padding: var(--hop-Popover-dialog-padding);
4045
4417
  }
4046
- .Popover-module__hop-Popover__title___Rlj3j {
4418
+ .Popover-module__hop-Popover__title___nrgOs {
4047
4419
  grid-area: header;
4048
4420
  color: var(--hop-Popover-color);
4049
4421
  }
4050
- .Popover-module__hop-Popover__content___xnLU- {
4422
+ .Popover-module__hop-Popover__content___GZS4O {
4051
4423
  --font-size: var(--hop-Popover-content-font-size);
4052
4424
  --line-height: var(--hop-Popover-content-line-height);
4053
4425
  --font-family: var(--hop-Popover-content-font-family);
@@ -4058,12 +4430,12 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4058
4430
  padding: 0;
4059
4431
  color: var(--hop-Popover-content-color);
4060
4432
  }
4061
- .Popover-module__hop-Popover___26umq:not(:has(.Popover-module__hop-Popover__title___Rlj3j)) {
4062
- .Popover-module__hop-Popover__content___xnLU- {
4433
+ .Popover-module__hop-Popover___x5VHp:not(:has(.Popover-module__hop-Popover__title___nrgOs)) {
4434
+ .Popover-module__hop-Popover__content___GZS4O {
4063
4435
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4064
4436
  }
4065
4437
  }
4066
- .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__list-box___zuSW3 {
4438
+ .Popover-module__hop-Popover__dropdown___s7tlg .Popover-module__hop-Popover__list-box___aBoQj {
4067
4439
  grid-area: content;
4068
4440
  inline-size: auto;
4069
4441
  min-inline-size: auto;
@@ -4071,7 +4443,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4071
4443
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4072
4444
  border: none;
4073
4445
  }
4074
- .Popover-module__hop-Popover__footer___0FFAg {
4446
+ .Popover-module__hop-Popover__footer___a-oZs {
4075
4447
  --font-size: var(--hop-Popover-footer-font-size);
4076
4448
  --line-height: var(--hop-Popover-footer-line-height);
4077
4449
  grid-area: footer;
@@ -4079,22 +4451,22 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4079
4451
  margin: var(--footer-margin);
4080
4452
  color: var(--hop-Popover-color);
4081
4453
  }
4082
- .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__footer___0FFAg {
4454
+ .Popover-module__hop-Popover__dropdown___s7tlg .Popover-module__hop-Popover__footer___a-oZs {
4083
4455
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4084
4456
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4085
4457
  }
4086
- .Popover-module__hop-Popover__actions___22QyU,
4087
- .Popover-module__hop-Popover__action___1YRad {
4458
+ .Popover-module__hop-Popover__actions___zo0kr,
4459
+ .Popover-module__hop-Popover__action___kis81 {
4088
4460
  grid-area: action;
4089
4461
  justify-self: end;
4090
4462
  margin-block-start: var(--hop-Popover-row-gap);
4091
4463
  }
4092
- .Popover-module__hop-Popover___26umq:has(.Popover-module__hop-Popover__actions___22QyU, .Popover-module__hop-Popover__action___1YRad) .Popover-module__hop-Popover__footer___0FFAg {
4464
+ .Popover-module__hop-Popover___x5VHp:has(.Popover-module__hop-Popover__actions___zo0kr, .Popover-module__hop-Popover__action___kis81) .Popover-module__hop-Popover__footer___a-oZs {
4093
4465
  margin-inline-end: var(--hop-Popover-column-gap);
4094
4466
  }
4095
4467
 
4096
4468
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4097
- .PopoverBase-module__hop-PopoverBase___31efu {
4469
+ .PopoverBase-module__hop-PopoverBase___nPlcD {
4098
4470
  --hop-Popover-background: var(--hop-neutral-surface);
4099
4471
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4100
4472
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4124,17 +4496,17 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4124
4496
  box-shadow: var(--hop-Popover-box-shadow);
4125
4497
  transition: opacity var(--hop-easing-duration-2);
4126
4498
  }
4127
- .PopoverBase-module__hop-PopoverBase___31efu[data-entering] {
4499
+ .PopoverBase-module__hop-PopoverBase___nPlcD[data-entering] {
4128
4500
  opacity: 0;
4129
4501
  }
4130
- .PopoverBase-module__hop-PopoverBase___31efu[data-exiting] {
4502
+ .PopoverBase-module__hop-PopoverBase___nPlcD[data-exiting] {
4131
4503
  pointer-events: none;
4132
4504
  opacity: 0;
4133
4505
  transition-timing-function: var(--hop-easing-productive);
4134
4506
  }
4135
4507
 
4136
4508
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/Menu.module.css/#css-module-data */
4137
- .Menu-module__hop-Menu___dxMmH {
4509
+ .Menu-module__hop-Menu___ZkgPn {
4138
4510
  --hop-Menu-overflow-y: auto;
4139
4511
  --hop-Menu-padding-block: var(--hop-space-inset-sm);
4140
4512
  --hop-Menu-outline: none;
@@ -4148,7 +4520,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4148
4520
  padding-block: var(--hop-Menu-padding-block);
4149
4521
  outline: var(--hop-Menu-outline);
4150
4522
  }
4151
- .Menu-module__hop-Menu__header___mkIkj {
4523
+ .Menu-module__hop-Menu__header___2WdUd {
4152
4524
  --hop-Menu-header-margin-inline: var(--hop-space-inset-sm);
4153
4525
  --hop-Menu-header-cursor: default;
4154
4526
  --hop-Menu-header-display: flex;
@@ -4176,13 +4548,13 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4176
4548
  text-transform: var(--hop-Menu-header-text-transform);
4177
4549
  letter-spacing: var(--hop-Menu-header-letter-spacing);
4178
4550
  }
4179
- .Menu-module__hop-Menu__divider___92H4y {
4551
+ .Menu-module__hop-Menu__divider___sah0S {
4180
4552
  --hop-Menu-divider-margin-block: var(--hop-space-stack-sm);
4181
4553
  margin-block: var( --hop-Menu-divider-margin-block);
4182
4554
  }
4183
4555
 
4184
4556
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/MenuItem.module.css/#css-module-data */
4185
- .MenuItem-module__hop-MenuItem___RwFEH {
4557
+ .MenuItem-module__hop-MenuItem___cX0n- {
4186
4558
  --hop-MenuItem-cursor: pointer;
4187
4559
  --hop-MenuItem-display: flex;
4188
4560
  --hop-MenuItem-align-items: center;
@@ -4222,100 +4594,100 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4222
4594
  border-radius: var(--hop-MenuItem-border-radius);
4223
4595
  outline: var(--hop-MenuItem-outline);
4224
4596
  }
4225
- .MenuItem-module__hop-MenuItem___RwFEH[data-focus-visible] {
4597
+ .MenuItem-module__hop-MenuItem___cX0n-[data-focus-visible] {
4226
4598
  outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4227
4599
  }
4228
- .MenuItem-module__hop-MenuItem___RwFEH[data-hovered],
4229
- .MenuItem-module__hop-MenuItem___RwFEH[data-focused] {
4600
+ .MenuItem-module__hop-MenuItem___cX0n-[data-hovered],
4601
+ .MenuItem-module__hop-MenuItem___cX0n-[data-focused] {
4230
4602
  --background-color: var(--hop-neutral-surface-hover);
4231
4603
  }
4232
- .MenuItem-module__hop-MenuItem___RwFEH[data-pressed] {
4604
+ .MenuItem-module__hop-MenuItem___cX0n-[data-pressed] {
4233
4605
  --background-color: var(--hop-neutral-surface-press);
4234
4606
  }
4235
- .MenuItem-module__hop-MenuItem___RwFEH[data-selected]:not(.MenuItem-module__hop-MenuItem___RwFEH[data-has-submenu]) .MenuItem-module__hop-MenuItem__text___YxJ0O {
4607
+ .MenuItem-module__hop-MenuItem___cX0n-[data-selected]:not(.MenuItem-module__hop-MenuItem___cX0n-[data-has-submenu]) .MenuItem-module__hop-MenuItem__text___4GIQd {
4236
4608
  font-weight: var(--hop-body-sm-semibold-font-weight);
4237
4609
  }
4238
- .MenuItem-module__hop-MenuItem--invalid___7z1vm {
4610
+ .MenuItem-module__hop-MenuItem--invalid___thLKB {
4239
4611
  --hop-MenuItem-description-color: var(--hop-danger-text-selected);
4240
4612
  --hop-MenuItem-icon-color: var(--hop-danger-icon-selected);
4241
4613
  --color: var(--hop-danger-text-selected);
4242
4614
  }
4243
- .MenuItem-module__hop-MenuItem--invalid___7z1vm[data-hovered] {
4615
+ .MenuItem-module__hop-MenuItem--invalid___thLKB[data-hovered] {
4244
4616
  --hop-MenuItem-description-color: var(--hop-danger-text-strong-hover);
4245
4617
  --hop-MenuItem-icon-color: var(--hop-danger-icon-strong-hover);
4246
4618
  --background-color: var(--hop-danger-surface-hover);
4247
4619
  --color: var(--hop-danger-text-strong-hover);
4248
4620
  }
4249
- .MenuItem-module__hop-MenuItem___RwFEH[data-disabled] {
4621
+ .MenuItem-module__hop-MenuItem___cX0n-[data-disabled] {
4250
4622
  --hop-MenuItem-description-color: var(--hop-neutral-text-disabled);
4251
4623
  --hop-MenuItem-icon-color: var(--hop-neutral-icon-disabled);
4252
4624
  --cursor: not-allowed;
4253
4625
  --color: var(--hop-neutral-text-disabled);
4254
4626
  }
4255
- .MenuItem-module__hop-MenuItem__avatar___IKJAx {
4627
+ .MenuItem-module__hop-MenuItem__avatar___YdIam {
4256
4628
  grid-area: avatar;
4257
4629
  order: 0;
4258
4630
  margin-inline-end: var(--hop-MenuItem-gap);
4259
4631
  }
4260
- .MenuItem-module__hop-MenuItem__icon___kR-aF:not(.MenuItem-module__hop-MenuItem__checkmark___FQvO-) {
4632
+ .MenuItem-module__hop-MenuItem__icon___s301b:not(.MenuItem-module__hop-MenuItem__checkmark___oBi7-) {
4261
4633
  grid-area: icon;
4262
4634
  order: 0;
4263
4635
  margin-inline-end: var(--hop-MenuItem-gap);
4264
4636
  }
4265
- .MenuItem-module__hop-MenuItem__text___YxJ0O {
4637
+ .MenuItem-module__hop-MenuItem__text___4GIQd {
4266
4638
  grid-area: text;
4267
4639
  order: 1;
4268
4640
  }
4269
- .MenuItem-module__hop-MenuItem__description___roOkP {
4641
+ .MenuItem-module__hop-MenuItem__description___ZJCm- {
4270
4642
  grid-area: description;
4271
4643
  color: var(--hop-MenuItem-description-color);
4272
4644
  }
4273
- .MenuItem-module__hop-MenuItem__end-icon___6NFVf {
4645
+ .MenuItem-module__hop-MenuItem__end-icon___1EVRj {
4274
4646
  grid-area: end-icon;
4275
4647
  order: 2;
4276
4648
  margin-inline-start: var(--hop-MenuItem-gap);
4277
4649
  }
4278
- .MenuItem-module__hop-MenuItem__checkmark___FQvO- {
4650
+ .MenuItem-module__hop-MenuItem__checkmark___oBi7- {
4279
4651
  grid-area: end-panel;
4280
4652
  order: 3;
4281
4653
  margin-inline-start: auto;
4282
4654
  }
4283
- .MenuItem-module__hop-MenuItem__arrow___gGIbr {
4655
+ .MenuItem-module__hop-MenuItem__arrow___K6TKP {
4284
4656
  grid-area: end-panel;
4285
4657
  order: 3;
4286
4658
  margin-inline-start: auto;
4287
4659
  color: var(--hop-MenuItem-icon-color);
4288
4660
  }
4289
- .MenuItem-module__hop-MenuItem__icon___kR-aF,
4290
- .MenuItem-module__hop-MenuItem__end-icon___6NFVf {
4661
+ .MenuItem-module__hop-MenuItem__icon___s301b,
4662
+ .MenuItem-module__hop-MenuItem__end-icon___1EVRj {
4291
4663
  flex: 0 0 auto;
4292
4664
  color: var(--hop-MenuItem-icon-color);
4293
4665
  }
4294
- .MenuItem-module__hop-MenuItem___RwFEH:has(.MenuItem-module__hop-MenuItem__description___roOkP) {
4666
+ .MenuItem-module__hop-MenuItem___cX0n-:has(.MenuItem-module__hop-MenuItem__description___ZJCm-) {
4295
4667
  --display: var(--hop-MenuItem-description-display);
4296
4668
  --align-items: var(--hop-MenuItem-description-align-items);
4297
4669
  grid-template: var(--hop-MenuItem-description-grid-template);
4298
4670
  row-gap: var(--hop-space-stack-xs);
4299
4671
  }
4300
- .MenuItem-module__hop-MenuItem--xs___Xpxyp {
4672
+ .MenuItem-module__hop-MenuItem--xs___0gKML {
4301
4673
  --padding-block: var(--hop-MenuItem-xs-padding-block);
4302
4674
  }
4303
- .MenuItem-module__hop-MenuItem--sm___LZXeC {
4675
+ .MenuItem-module__hop-MenuItem--sm___GJtP0 {
4304
4676
  --padding-block: var(--hop-MenuItem-sm-padding-block);
4305
4677
  }
4306
- .MenuItem-module__hop-MenuItem--md___dUjLR {
4678
+ .MenuItem-module__hop-MenuItem--md___HTKOs {
4307
4679
  --padding-block: var(--hop-MenuItem-md-padding-block);
4308
4680
  }
4309
- .MenuItem-module__hop-MenuItem--lg___sXyp6 {
4681
+ .MenuItem-module__hop-MenuItem--lg___BXk3V {
4310
4682
  --padding-block: var(--hop-MenuItem-lg-padding-block);
4311
4683
  }
4312
4684
 
4313
4685
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/MenuSection.module.css/#css-module-data */
4314
- .MenuSection-module__hop-MenuSection___I83No {
4686
+ .MenuSection-module__hop-MenuSection___hiX6J {
4315
4687
  box-sizing: border-box;
4316
4688
  inline-size: 100%;
4317
4689
  outline: none;
4318
4690
  }
4319
- .MenuSection-module__hop-MenuSection___I83No[data-focus-visible] {
4691
+ .MenuSection-module__hop-MenuSection___hiX6J[data-focus-visible] {
4320
4692
  outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4321
4693
  }